:root{color-scheme:dark;--gold:#d7b45a;--bright:#ffe39a;--cream:#f5ecd8;--night:#02050a}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--night);color:var(--cream);font-family:Georgia,"Times New Roman",serif}button,a{font:inherit}[hidden]{display:none!important}#game{position:fixed;inset:0;background:radial-gradient(circle at 50% 40%,#142238,#02050a 70%)}#game canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:fixed;z-index:20;inset:0;pointer-events:none}.topbar{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:12px}.hud-button{min-height:42px;padding:9px 14px;border:1px solid rgba(215,180,90,.62);border-radius:999px;color:var(--cream);background:rgba(2,7,13,.78);backdrop-filter:blur(10px);text-decoration:none;cursor:pointer;pointer-events:auto}.hud-button:hover,.hud-button:focus-visible{border-color:var(--bright);outline:3px solid rgba(255,227,154,.38);outline-offset:2px}.status{max-width:min(62vw,620px);padding:9px 14px;border:1px solid rgba(215,180,90,.35);border-radius:999px;color:#fff1c9;background:rgba(2,7,13,.7);backdrop-filter:blur(10px);text-align:center;font: .9rem Arial,sans-serif}.reticle{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%);border:1px solid rgba(255,227,154,.7);border-radius:50%;opacity:.78}.reticle:before,.reticle:after{content:"";position:absolute;left:50%;top:50%;background:var(--bright);transform:translate(-50%,-50%)}.reticle:before{width:4px;height:1px}.reticle:after{width:1px;height:4px}.prompt{position:absolute;left:50%;bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px));transform:translateX(-50%);width:min(90vw,560px);min-height:44px;padding:11px 16px;border:1px solid rgba(215,180,90,.52);border-radius:12px;color:#fff1c7;background:rgba(3,9,17,.84);backdrop-filter:blur(12px);text-align:center;font:1rem Arial,sans-serif;opacity:0;transition:opacity .16s ease}.prompt.show{opacity:1}.intro,.inspector{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 34%,rgba(29,49,76,.52),transparent 44%),rgba(0,3,8,.92);backdrop-filter:blur(8px)}.intro-card,.inspector-card{width:min(94vw,980px);max-height:90dvh;overflow:auto;border:1px solid rgba(215,180,90,.7);border-radius:20px;background:linear-gradient(145deg,rgba(15,31,49,.98),rgba(4,11,21,.99));box-shadow:0 30px 100px rgba(0,0,0,.8)}.intro-card{max-width:760px;padding:clamp(28px,6vw,58px);text-align:center}.eyebrow{margin:0 0 12px;color:var(--gold);font:800 .78rem Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}.intro h1,.inspector h2{margin:0;color:#fff1c7;line-height:1.05}.intro h1{font-size:clamp(2.4rem,8vw,5rem)}.intro-copy{margin:18px auto 0;max-width:620px;color:#e8dfcd;font:1.05rem/1.65 Arial,sans-serif}.controls-grid{margin:28px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;font-family:Arial,sans-serif}.control-note{padding:14px;border:1px solid rgba(215,180,90,.25);border-radius:12px;background:rgba(1,6,12,.54)}.control-note strong{display:block;margin-bottom:5px;color:var(--bright)}.enter-button,.inspect-button{min-height:50px;padding:13px 22px;border:1px solid var(--bright);border-radius:10px;color:#0a1018;background:linear-gradient(180deg,#f3d994,#c99232);font:900 1rem Arial,sans-serif;cursor:pointer}.enter-button:hover,.enter-button:focus-visible,.inspect-button:hover,.inspect-button:focus-visible{outline:3px solid rgba(255,227,154,.45);outline-offset:3px}.inspector-card{position:relative;padding:clamp(18px,3vw,30px)}.inspector-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:24px;align-items:start}.artifact-stage{min-height:min(62dvh,680px);display:grid;place-items:center;overflow:hidden;border:1px solid rgba(215,180,90,.35);border-radius:14px;background:radial-gradient(circle at center,#17243a,#030810 72%);touch-action:none}#artifactCanvas{display:block;max-width:none;transform-origin:center;cursor:grab;user-select:none}#artifactCanvas.dragging{cursor:grabbing}.artifact-copy{color:#e8dfcd;font:1rem/1.6 Arial,sans-serif}.artifact-copy h2{font:clamp(1.8rem,4vw,2.8rem)/1.05 Georgia,serif}.artifact-copy p{margin:14px 0 0}.inspector-actions{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}.inspect-button.secondary{color:var(--cream);background:rgba(2,8,16,.82)}.close-inspector{position:absolute;top:14px;right:14px;z-index:4;width:44px;height:44px;border:1px solid rgba(215,180,90,.62);border-radius:50%;color:#fff1c7;background:rgba(2,8,16,.88);cursor:pointer}.story{margin-top:18px;padding-top:18px;border-top:1px solid rgba(215,180,90,.25)}.mobile-controls{position:absolute;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:none;justify-content:space-between;align-items:end;pointer-events:none}.dpad,.look-pad{pointer-events:auto}.dpad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:5px}.touch-button{border:1px solid rgba(215,180,90,.5);border-radius:10px;color:#fff1c7;background:rgba(2,7,13,.68);backdrop-filter:blur(8px);touch-action:none}.look-pad{width:116px;height:116px;display:grid;place-items:center;border:1px solid rgba(215,180,90,.42);border-radius:50%;color:#fff1c7;background:rgba(2,7,13,.46);font:.75rem Arial,sans-serif;touch-action:none}@media(pointer:coarse),(max-width:900px){.mobile-controls{display:flex}.prompt{bottom:150px}.reticle{width:28px;height:28px}}@media(max-width:760px){.status{display:none}.controls-grid{grid-template-columns:1fr}.inspector-layout{grid-template-columns:1fr}.artifact-stage{min-height:48dvh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}