:root{--ink:#12252b;--cream:#f3eddf;--gold:#dbc08a;--line:rgba(238,231,211,.24);font-family:Arial,Helvetica,sans-serif;color:var(--cream);background:#17212d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit;background:none;border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}#scene{position:fixed;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}header{position:fixed;z-index:5;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;padding:26px 38px;background:linear-gradient(#101a28b0,transparent);pointer-events:none}header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:23px}.brand strong{font-size:16px;line-height:.9;letter-spacing:-1px;font-weight:900;position:relative}.brand strong span{font-size:8px;position:absolute;right:-9px;top:-3px}.brand i{height:30px;border-left:1px solid var(--line)}.brand-project{font-family:Georgia,serif;font-size:15px;letter-spacing:2px;line-height:1.35}.brand-project small{font:8px Arial,sans-serif;letter-spacing:3px}header nav{display:flex;gap:26px;align-items:center;font-size:12px}header nav a span{color:var(--gold)}.share-button{border:1px solid #f3eddf66;border-radius:30px;padding:12px 19px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.3px;line-height:1.8}.eyebrow span{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-right:8px}#intro{position:fixed;z-index:2;bottom:72px;left:48px;pointer-events:none}#intro:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#101a28b8,transparent 65%),linear-gradient(0deg,#101a28df,transparent 65%);pointer-events:none}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(50px,6.3vw,94px);line-height:1.02;letter-spacing:-4px;margin:23px 0}h1 em{font-weight:400;color:var(--gold)}#intro p{font-size:15px;line-height:1.7;color:#e7e1d5}#intro button{pointer-events:auto}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:48px;background:var(--cream);color:var(--ink);border-radius:5px;padding:18px 24px;font-size:14px;font-weight:600;margin-top:17px;transition:background .2s,transform .2s}.primary:hover{background:#e8d5af;transform:translateY(-2px)}.primary span{font-size:22px}.intro-meta{font-size:11px;color:#c9c6bb;margin-top:18px}.intro-meta b{padding:0 9px;color:var(--gold)}#hero-note{position:fixed;bottom:35px;right:38px;z-index:2;text-align:right;line-height:1.8;font-size:9px;letter-spacing:1.6px}#hero-note span{font-size:10px;letter-spacing:0;color:#c6c8c3}#loading{position:fixed;inset:0;z-index:30;background:#12212b;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:26px;font-size:10px;letter-spacing:3px;transition:opacity .5s}#loading.done{opacity:0;pointer-events:none}.seal{font:42px Georgia;border:1px solid var(--gold);border-radius:50%;width:88px;height:88px;display:grid;place-items:center;color:var(--gold)}.loadline{height:1px;width:140px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:load 1.5s infinite}@keyframes load{50%{opacity:.2}}[hidden]{display:none!important}.top-tools{position:fixed;left:38px;right:38px;top:101px;display:flex;align-items:center;gap:18px;pointer-events:none}.top-tools>*{pointer-events:auto}.top-tools button{border:1px solid var(--line);background:#17242cdc;border-radius:24px;padding:10px 16px;font-size:11px}.top-tools #fullscreen{margin-left:auto;font-size:20px;padding:7px 13px}#level-label{font-size:9px;letter-spacing:2px;text-shadow:0 1px 6px #000}.info-card{position:fixed;top:170px;left:38px;background:#15262beb;backdrop-filter:blur(16px);padding:22px 24px 23px;width:295px;border:1px solid var(--line);border-radius:6px}.info-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;color:var(--gold)}#collapse-info{font-size:22px;line-height:1;padding:0 5px}h2{font:normal 31px/1.14 Georgia,serif;letter-spacing:-.5px;margin:16px 0}#station-text{font-size:12px;line-height:1.75;color:#d3d5cb;margin:12px 0 17px}.evidence{font-size:9px;line-height:1.6;color:#d0b77e;display:block;border-top:1px solid var(--line);padding-top:12px}#station-source{font-size:10px;display:block;margin-top:13px;text-decoration:underline;text-underline-offset:4px}.look-hint{position:fixed;bottom:133px;left:50%;transform:translateX(-50%);font-size:10px;border-radius:20px;padding:9px 16px;background:#17242cc9;white-space:nowrap;color:#e0e0d5;pointer-events:none}.tour-bottom{position:fixed;bottom:21px;left:50%;transform:translateX(-50%);width:min(830px,calc(100% - 76px))}.tour-nav{display:flex;align-items:center;gap:4px;background:#15262bee;border:1px solid var(--line);border-radius:7px;padding:7px;box-shadow:0 7px 30px #0002}.tour-nav>button{padding:13px;font-size:20px}#stations{display:flex;flex:1;gap:4px}#stations button{flex:1;padding:14px 8px;border-radius:4px;font-size:10px;color:#d3d2c7;white-space:nowrap}#stations button small{display:block;font-size:9px;margin-bottom:7px;color:#a69673}#stations button.active{background:#e5d6b7;color:#15262b}#stations button.active small{color:#625636}.bottom-meta{display:flex;justify-content:space-between;padding:10px 2px 0;font-size:8px;letter-spacing:1.1px;text-shadow:0 1px 6px #000}.bottom-meta button{font-size:10px;letter-spacing:0}.move-pad{position:fixed;right:38px;bottom:157px;display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:40px 40px;gap:5px;opacity:.84}.move-pad button{border:1px solid var(--line);background:#15262be8;border-radius:5px;font-size:18px;touch-action:none;user-select:none}.move-pad button:first-child{grid-column:2}.move-pad button:nth-child(2){grid-column:1;grid-row:2}.move-pad button:nth-child(3){grid-column:2;grid-row:2}.move-pad button:nth-child(4){grid-column:3;grid-row:2}.move-pad button:active{background:#aa8d51}dialog{max-width:600px;width:calc(100% - 36px);max-height:calc(100dvh - 60px);border:1px solid #bdac87;background:#f4eedf;color:#1c3032;border-radius:7px;padding:32px;overflow:auto}dialog::backdrop{background:#101a25b5;backdrop-filter:blur(6px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-top .eyebrow{font-size:8px}.dialog-top button{font-size:28px}dialog h2{font-size:40px}dialog h3{font-size:12px;margin:25px 0 8px}dialog p,dialog li{font-size:13px;line-height:1.75}dialog ul{padding-left:19px}dialog li{margin:6px 0}dialog a{text-decoration:underline;text-underline-offset:3px}.fine{font-size:10px!important;color:#5d6660}dialog .primary{background:#173137;color:#f3eddf;margin:0}.share-links{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:25px}.share-links a,.share-links>button:not(.primary){padding:13px;text-align:left;border:1px solid #bdb7a6;border-radius:4px;font-size:13px;text-decoration:none}.text-link{font-size:12px;display:inline-block;margin-top:10px}#toast{position:fixed;left:50%;top:105px;transform:translateX(-50%);background:#f4eedf;color:#1c3032;padding:12px 18px;border-radius:4px;font-size:12px;z-index:40;display:none}.fallback{position:fixed;inset:0;padding:50px;background:#17212d;z-index:50}.fallback h1{font-size:50px}.fallback a{text-decoration:underline}
@media(max-width:850px){header{padding:20px 22px}.brand{gap:15px}.brand strong{font-size:14px}.brand-project{font-size:13px}header nav{gap:13px}header nav>a{display:none}#intro{left:28px;bottom:95px}h1{letter-spacing:-2.5px}#hero-note{left:28px;right:auto;bottom:30px;text-align:left}.info-card{left:22px;top:152px;width:245px;padding:16px 18px}.info-card h2{font-size:26px}.top-tools{left:22px;right:22px;top:89px}.move-pad{right:22px}.tour-bottom{width:calc(100% - 44px)}#stations button{font-size:9px;padding:13px 5px}.tour-nav>button{padding:7px}header nav #about-button{font-size:0}header nav #about-button:after{content:'ⓘ';font-size:22px}.share-button{padding:10px 13px;font-size:11px}}
@media(max-width:560px){header{padding:18px}.brand i,.brand-project{display:none}header nav{gap:11px}.eyebrow{font-size:8px;letter-spacing:1.6px}#intro{left:24px;bottom:95px}#intro p{font-size:13px}h1{font-size:56px;margin:17px 0;letter-spacing:-2px}#intro .primary{padding:15px 20px}.intro-meta{font-size:10px}#intro:before{background:linear-gradient(0deg,#101a28f5,transparent 95%)}#hero-note{left:24px;font-size:8px;letter-spacing:1px;bottom:24px}#hero-note span{font-size:9px}.top-tools{top:76px;left:16px;right:16px;gap:9px}#level-label{font-size:7px;letter-spacing:1px}.info-card{left:16px;top:124px;width:220px;padding:12px 16px;max-height:calc(100dvh - 385px);overflow:auto}.info-card h2{font-size:25px;margin:10px 0}#station-text{font-size:11px;line-height:1.6;margin:8px 0 12px}#station-evidence{font-size:8px;padding-top:8px}#station-source{font-size:9px}#station-number{font-size:9px}.tour-bottom{bottom:max(17px,env(safe-area-inset-bottom));width:calc(100% - 24px)}.tour-nav{padding:4px}.tour-nav>button{display:none}#stations{gap:0}#stations button{font-size:8px;padding:12px 3px;white-space:normal}#stations button small{font-size:8px;margin-bottom:6px}.bottom-meta{font-size:6px;letter-spacing:.6px}.bottom-meta button{font-size:9px}.move-pad{right:16px;bottom:137px;grid-template-columns:repeat(3,36px);grid-template-rows:36px 36px;gap:4px}.look-hint{bottom:109px;font-size:8px;padding:7px 11px;max-width:calc(100% - 30px)}dialog{padding:23px}dialog h2{font-size:33px}.bottom-meta span{padding-top:3px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.brand .dc-logo{width:91px;height:51px;object-fit:contain;transform:scale(1.5)}@media(max-width:560px){.brand .dc-logo{width:77px;height:33px;transform:scale(1.6)}}

#hotspots{position:fixed;inset:0;pointer-events:none;z-index:1}.hotspot{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;display:flex;align-items:center;gap:8px;padding:8px;min-width:44px;min-height:44px;border-radius:30px;background:#10252bbb;border:1px solid #e8d5a578;color:#fff2d5;box-shadow:0 2px 18px #0005}.hotspot span{font-size:24px;line-height:26px;width:26px;display:block}.hotspot b{font-size:10px;font-weight:400;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .18s,opacity .18s}.hotspot:hover b,.hotspot:focus-visible b{max-width:200px;opacity:1;padding-right:10px}.piece-figure{margin:20px 0}.piece-figure img{width:100%;max-height:42vh;object-fit:contain;background:#d8d3c8;border-radius:4px}.piece-figure figcaption{font-size:9px;line-height:1.5;color:#59635e;margin-top:7px}#piece-dialog>a{font-size:12px}.bust-review{display:block;margin-top:18px;padding:15px;border:1px solid #bcb398;border-radius:4px}#pieces-list{display:grid;gap:7px}#pieces-list button{text-align:left;color:#193035;border:1px solid #c8bfac;padding:16px;border-radius:4px}#pieces-list button:hover{background:#e9dfcb}
@media(max-width:560px){#level-label{display:none}.info-card{width:185px;max-height:180px}.info-card h2{font-size:21px}.hotspot{padding:5px}.piece-figure img{max-height:35vh}.top-tools #pieces-menu{padding:10px 12px}}