:root{--museum:#132e35;--paper:#fff9eb;--stone:#ded5c5;--gold:#bf9a62;--warning:#d56b4e;--display:Georgia, "Times New Roman", serif;--body:"Yu Gothic", "Meiryo", "Hiragino Kaku Gothic ProN", system-ui, sans-serif}*{box-sizing:border-box}html,body,#app,#experience{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--museum);color:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased}button,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button,select{touch-action:manipulation}[hidden]{display:none!important}#scene-host,#museum-canvas{width:100%;height:100%;display:block}#museum-canvas{touch-action:none;outline:none}.welcome{isolation:isolate;position:absolute;inset:0}.welcome-image,.welcome-shade{z-index:-1;position:absolute;inset:0}.welcome-image{background:url(/images/museum-preview.png) 62%/cover}.welcome-shade{background:linear-gradient(90deg,#0c242bf7,#0c242bdb 30%,#0c242b30 72%,#0c242b29)}.welcome-content{max-width:610px;position:absolute;top:50%;left:6.5vw;transform:translateY(-54%)}.museum-name{color:var(--stone);letter-spacing:.12em;margin:0 0 18px;font-size:13px}h1{font:400 clamp(58px, 7.4vw, 106px)/1.02 var(--display);letter-spacing:-.055em;margin:0}.subtitle{color:var(--stone);letter-spacing:.07em;margin:16px 0 0;font-size:clamp(15px,1.5vw,19px)}.intro{color:#e1e4dc;margin:34px 0;font-size:15px;line-height:2}.entry{width:min(330px,80vw)}.primary{background:var(--gold);color:#142e33;letter-spacing:.04em;border:1px solid #dbbc86;border-radius:3px;width:100%;min-height:54px;padding:14px 28px;font-size:16px;font-weight:700;transition:background .15s;display:block;box-shadow:0 4px 24px #00171d24}.primary:hover{background:#dac292}.primary:disabled{color:#c3cec8;box-shadow:none;background:#345158;border-color:#68817e}.loading-track{background:#cad3c225;height:2px;margin-top:12px;overflow:hidden}#progress-fill{background:var(--gold);width:0;height:100%;transition:width .25s;display:block}.loading-message{color:#c1ccc9;min-height:18px;margin:8px 0 0;font-size:12px}.entry-note{color:#b7c4c2;margin-top:25px;font-size:12px}.welcome-controls{color:#d8e1da;flex-wrap:wrap;gap:18px 30px;font-size:12px;display:flex;position:absolute;bottom:40px;left:6.5vw;right:5vw}kbd{font-family:var(--body);white-space:nowrap;border:1px solid #ded5c55c;border-radius:3px;padding:2px 5px;font-size:.87em;display:inline-block}.touch-note{display:none}.hud{pointer-events:none;position:absolute;inset:0}.hud button,.hud select{pointer-events:auto}.objective{top:max(24px, env(safe-area-inset-top));left:max(28px, env(safe-area-inset-left));border-left:2px solid var(--gold);text-shadow:0 2px 6px #051b25;background:linear-gradient(90deg,#102e37e8,#102e3782);border-radius:0 3px 3px 0;min-width:300px;padding:18px 22px;position:absolute}.small-brand{font-family:var(--display);color:#ebdfc2;letter-spacing:-.02em;font-size:21px}.objective p{margin:10px 0 7px;font-size:14px}.state-label{color:#c4dbc9;font-size:11px}.state-label.danger{color:#ffd098}.top-actions{top:max(24px, env(safe-area-inset-top));right:max(25px, env(safe-area-inset-right));gap:8px;display:flex;position:absolute}.icon-button{color:var(--paper);background:#183840d9;border:1px solid #c5d1c256;border-radius:4px;min-height:36px;padding:8px 13px;font-size:12px}.icon-button:hover{background:#31515b}.route-map{right:max(25px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#13323ce0;border:1px solid #c5d1c233;border-radius:4px;width:169px;padding:8px;position:absolute;top:74px}.route-map svg{width:100%;display:block;overflow:visible}.route-map text{font-family:var(--body);fill:#e1dfcd;font-size:9px}.map-room{fill:#bdcebc10;stroke:#a1b1a3;stroke-width:1.3px}.map-gallery{fill:none;stroke:#849b87;stroke-width:7px;opacity:.55}.map-stairs{fill:none;stroke:#e3c390;stroke-width:1px}.map-exhibit{fill:#b8b49326;stroke:#b6b290;stroke-width:.8px}.map-lift{fill:#cdb37e}.map-exit{fill:#9fd9b7}.dino-dot{fill:#ec8c63;stroke:#392813;stroke-width:1px}.player-halo{fill:#f9e3a02b}.player-dot{fill:#fff5c1;stroke:#1c3039;stroke-width:.6px}.notice{text-align:center;opacity:0;color:#fff4d9;background:#163640d9;border-radius:3px;max-width:min(620px,76vw);padding:11px 22px;font-size:13px;transition:opacity .2s,transform .2s;position:absolute;top:180px;left:50%;transform:translate(-50%,-5px)}.notice.shown{opacity:1;transform:translate(-50%)}.bottom-center{text-align:center;max-width:53vw;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.hint{color:#fff8e8;text-shadow:0 1px 3px #000;background:#132e35c9;border-radius:3px;margin:0 0 10px;padding:7px 12px;font-size:12px;line-height:1.6}.interact{color:#dedcd0;background:#19333cca;border:1px solid #ddd5bd6b;border-radius:4px;align-items:center;gap:11px;min-height:48px;padding:10px 19px;font-size:13px;display:inline-flex}.interact.available{color:#183238;background:#e5c489;border-color:#f8dcad;box-shadow:0 3px 28px #f0bd6755}.interact.available kbd{border-color:#304e45a8}.interact:disabled{opacity:.76}.desktop-controls{white-space:nowrap;color:#f5f0de;text-shadow:0 1px 4px #000;background:#132e35b8;border-radius:3px;gap:20px;padding:6px 12px;font-size:11px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.movement-pad{left:max(28px, env(safe-area-inset-left));bottom:max(34px, env(safe-area-inset-bottom));grid-template-rows:repeat(2,38px);grid-template-columns:repeat(3,40px);gap:4px;display:grid;position:absolute}.movement-pad button{color:#e3d9bd;touch-action:none;-webkit-user-select:none;user-select:none;background:#17363ece;border:1px solid #ddd5bd85;border-radius:5px;font-size:15px}.movement-pad [data-move=up]{grid-column:2}.movement-pad [data-move=left]{grid-area:2/1}.movement-pad [data-move=down]{grid-area:2/2}.movement-pad [data-move=right]{grid-area:2/3}.movement-pad button.held{background:var(--gold);color:var(--museum)}.movement-options{right:max(25px, env(safe-area-inset-right));bottom:max(34px, env(safe-area-inset-bottom));justify-items:end;gap:10px;display:grid;position:absolute}.sprint{color:var(--paper);background:#17363ee0;border:1px solid #ddd5bd85;border-radius:4px;padding:12px 15px;font-size:12px}.sprint kbd{margin-left:8px}.sprint[aria-pressed=true]{color:#14313a;background:#d7b47a}.quality-label{pointer-events:auto;color:#f4edda;text-shadow:0 1px 4px #000;align-items:center;gap:8px;font-size:11px;display:flex}select{color:var(--paper);background:#183840e8;border:1px solid #ddd5bd5c;border-radius:3px;padding:5px 8px;font-size:11px}.scrim{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#102c37af;justify-content:center;align-items:center;padding:22px;display:flex;position:absolute;inset:0}.dialog{background:#15343a;border:1px solid #c3ad7875;border-radius:5px;width:min(440px,100%);padding:35px 36px;box-shadow:0 15px 90px #00182080}.dialog h2{color:#f5e7cb;margin:22px 0 18px;font-size:27px;font-weight:500}.dialog p{color:#d0d8cc;margin:0 0 28px;font-size:13px;line-height:1.95}.secondary{color:#e4e9d8;background:0 0;border:1px solid #a4b9af5c;border-radius:3px;width:100%;margin-top:12px;padding:13px;font-size:13px}.secondary:hover{background:#ffffff0a}.dialog-controls{color:#adbfb8;margin-top:26px;font-size:11px;line-height:1.9}.won .dialog{border-color:#afd6ad}.won h2{color:#c7edc4}@media (max-width:760px){.welcome-content{top:48%;left:8vw;transform:translateY(-52%)}h1{font-size:clamp(58px,13vw,80px)}.welcome-shade{background:linear-gradient(90deg,#102d37ef,#102d37b8 65%,#102d3766)}.welcome-image{background-position:57%}.intro{margin:27px 0;font-size:13px}.welcome-controls{gap:9px 16px;font-size:10px;bottom:46px;left:8vw}.touch-note{color:#b5c4bd;margin:0;font-size:10px;display:block;position:absolute;bottom:14px;left:8vw;right:7vw}.objective{left:12px;top:max(12px, env(safe-area-inset-top));min-width:0;max-width:calc(100vw - 102px);padding:12px 13px}.small-brand{font-size:18px}.objective p{margin:8px 0 5px;font-size:11px}.state-label{font-size:10px}.top-actions{top:max(12px, env(safe-area-inset-top));flex-direction:column;gap:5px;right:12px}.icon-button{min-height:31px;padding:6px 9px;font-size:10px}.route-map{width:118px;padding:5px;top:89px;right:12px}.notice{text-align:left;max-width:calc(100vw - 154px);padding:9px 12px;font-size:11px;top:128px;left:12px;transform:translateY(-5px)}.notice.shown{transform:none}.movement-pad{left:14px;bottom:max(24px, env(safe-area-inset-bottom));grid-template-rows:repeat(2,43px);grid-template-columns:repeat(3,43px)}.movement-options{right:14px;bottom:max(24px, env(safe-area-inset-bottom));gap:13px}.sprint{padding:15px 18px;font-size:12px}.sprint kbd{display:none}.bottom-center{width:94vw;max-width:94vw;bottom:139px}.hint{max-width:80vw;margin:0 auto 8px;font-size:11px}.interact{min-height:44px;font-size:12px}.desktop-controls{display:none}.quality-label{font-size:10px}.dialog{padding:28px 25px}}@media (max-height:540px) and (min-width:600px){.welcome-content{top:43%}h1{font-size:55px}.museum-name{margin-bottom:9px}.subtitle{margin-top:8px;font-size:14px}.intro{margin:16px 0;line-height:1.6}.entry-note,.loading-track{display:none}.welcome-controls{bottom:19px}.objective{padding:9px 13px;top:12px}.objective p{margin:5px 0}.route-map{width:115px;top:61px}.notice{top:115px}.bottom-center{bottom:46px}.movement-pad,.movement-options{bottom:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}