:root{color-scheme:dark;font-family:Courier New,Courier,monospace;font-synthesis:none;text-rendering:geometricPrecision;--amber: #e6cf71;--green: #90d68a;--red: #da6657;--panel: #141414;--panel-2: #232323}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#050505}body{cursor:crosshair}body.is-clickable{cursor:pointer}button,textarea{font:inherit}#app{position:relative;isolation:isolate}#game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;image-rendering:auto;filter:saturate(.86) contrast(1.12);background:#050505}.scanlines,.vignette,.noise{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}.scanlines{opacity:.12;background:repeating-linear-gradient(to bottom,#ffffff0d 0,#ffffff0d 1px,#00000040 2px,#00000040 4px);mix-blend-mode:soft-light}.vignette{background:radial-gradient(circle,#0000 42%,#0000008f)}.noise{opacity:.08;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:7px 5px;animation:noise-drift .28s steps(2,end) infinite}@keyframes noise-drift{0%{transform:translateZ(0)}to{transform:translate3d(7px,5px,0)}}.hud{position:fixed;z-index:4;top:18px;left:18px;right:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;color:var(--amber);text-transform:uppercase;text-shadow:2px 2px 0 #000;pointer-events:none}.hud__title,.hud__progress,.hint{padding:8px 10px;border:1px solid rgba(230,207,113,.78);background:#0809089e;box-shadow:0 0 18px #000000b8,inset 0 0 0 1px #000000c7;line-height:1}.hud__title{display:inline-flex;align-items:center;gap:8px}.hud__beacon{width:10px;height:10px;display:inline-block;background:var(--red);box-shadow:0 0 0 2px #000,0 0 12px var(--red);animation:beacon 1.2s steps(2,end) infinite}@keyframes beacon{50%{opacity:.35}}.hint{position:fixed;left:50%;bottom:28px;z-index:4;max-width:min(440px,calc(100vw - 36px));transform:translate(-50%);color:#d8e6d0;text-align:center;text-transform:uppercase;text-shadow:2px 2px 0 #000;pointer-events:none}#reticle{position:fixed;z-index:4;top:50%;left:50%;width:34px;height:34px;transform:translate(-50%,-50%);pointer-events:none;opacity:.86}#reticle:before,#reticle:after,#reticle span:before,#reticle span:after{content:"";position:absolute;background:#ecde86cc;box-shadow:1px 1px #000}#reticle:before,#reticle:after{top:16px;width:11px;height:2px}#reticle:before{left:0}#reticle:after{right:0}#reticle span:before,#reticle span:after{left:16px;width:2px;height:11px}#reticle span:before{top:0}#reticle span:after{bottom:0}.reticle--hidden{opacity:0!important}.action-arm{position:fixed;z-index:3;right:min(11vw,122px);bottom:-24px;width:218px;height:294px;transform:rotate(-13deg);transform-origin:70% 100%;pointer-events:none;filter:drop-shadow(10px 12px 0 rgba(0,0,0,.34))}.action-arm__sleeve{position:absolute;right:62px;bottom:0;width:84px;height:198px;background:linear-gradient(115deg,transparent 0 10%,rgba(255,255,255,.12) 10% 22%,transparent 22%),linear-gradient(90deg,#252c31 0,#252c31 24%,#4e5960 24%,#4e5960 52%,#313940 52%,#313940 73%,#171b1f 73%,#171b1f);border:2px solid #0b0d0f;clip-path:polygon(27% 0,80% 8%,100% 100%,6% 100%,0 36%);transform:skew(-7deg)}.action-arm__sleeve:after{content:"";position:absolute;top:34px;right:14px;bottom:22px;left:19px;background:#ffffff14;clip-path:polygon(0 0,78% 8%,100% 100%,20% 88%)}.action-arm__hand{position:absolute;right:25px;bottom:176px;width:102px;height:78px;background:linear-gradient(145deg,rgba(255,255,255,.2) 0 18%,transparent 18% 100%),linear-gradient(90deg,#8b573a 0,#8b573a 22%,#d59a67 22%,#d59a67 54%,#b8794e 54%,#b8794e 77%,#623b29 77%,#623b29);border:2px solid #1a0f0b;clip-path:polygon(5% 23%,48% 0,84% 9%,100% 42%,80% 80%,41% 100%,10% 85%,0 53%)}.action-arm--tap{animation:arm-tap .22s steps(4,end)}.action-arm--push{animation:arm-push .62s steps(5,end)}.action-arm--reach{animation:arm-reach .68s steps(5,end)}@keyframes arm-tap{50%{transform:translate3d(-20px,-18px,0) rotate(-7deg)}}@keyframes arm-push{30%{transform:translate3d(-54px,-54px,0) rotate(-1deg)}to{transform:translateZ(0) rotate(-13deg)}}@keyframes arm-reach{25%{transform:translate3d(-76px,-42px,0) rotate(-3deg) scale(1.04)}to{transform:translateZ(0) rotate(-13deg)}}.movie-panel{position:fixed;z-index:7;top:50%;left:50%;width:min(980px,calc(100vw - 28px));max-height:min(760px,calc(100vh - 28px));display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:20px;padding:18px;color:#efefdf;background:color-mix(in srgb,var(--panel) 92%,#344037 8%);border:2px solid #050505;outline:2px solid rgba(230,207,113,.75);box-shadow:0 0 0 4px #000000ad,0 18px 60px #000000b8;transform:translate(-50%,-50%) scale(.72);opacity:0;pointer-events:none;transition:transform .18s steps(4,end),opacity .18s steps(4,end)}.movie-panel--visible{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.movie-panel__close{position:absolute;top:-18px;right:-18px;width:38px;height:38px;color:#f2e9aa;background:#431d1d;border:3px solid #080808;box-shadow:4px 4px #000;cursor:pointer}.movie-panel__poster{width:100%;aspect-ratio:2 / 3;align-self:start;position:relative;overflow:hidden;display:grid;place-items:center;border:3px solid #070707;background:linear-gradient(135deg,transparent 0 20%,rgba(0,0,0,.3) 20% 23%,transparent 23% 42%,rgba(255,255,255,.16) 42% 44%,transparent 44%),linear-gradient(160deg,var(--poster),#121212 78%);box-shadow:inset 0 0 0 8px #ffffff0d}.movie-panel__poster:before{content:"";position:absolute;top:24px;right:24px;bottom:24px;left:24px;border:6px solid var(--poster-accent);opacity:.7}.movie-panel__poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#2d25164d,#00000057),radial-gradient(circle at 28% 18%,rgba(255,230,150,.18),transparent 24%),repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 2px,transparent 2px 8px),repeating-linear-gradient(90deg,rgba(0,0,0,.1) 0 6px,transparent 6px 12px);mix-blend-mode:multiply;z-index:2}.movie-panel__poster--image:before{border-color:color-mix(in srgb,var(--poster-accent) 62%,#1b160c 38%);opacity:.46}.movie-panel__poster img{width:100%;height:100%;object-fit:cover;display:block;filter:sepia(.36) saturate(.72) contrast(1.16) brightness(.74);transform:scale(1.012);z-index:1}.movie-panel__poster--image img{image-rendering:auto}.movie-panel__poster-fallback{width:min(78%,260px);color:#fff7bf;font-size:clamp(1.5rem,3vw,2.45rem);line-height:1.04;text-align:center;text-transform:uppercase;text-shadow:4px 4px 0 #000;z-index:1}.movie-panel__content{min-width:0;display:flex;flex-direction:column;gap:14px}.movie-panel__room{margin:0;color:var(--green);text-transform:uppercase}.movie-panel h1{margin:0;max-width:100%;color:var(--amber);font-size:clamp(1.75rem,4vw,3.2rem);line-height:.96;text-transform:uppercase;text-shadow:3px 3px 0 #000;overflow-wrap:anywhere}.movie-panel__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.movie-panel__meta div{min-width:0;padding:9px;background:var(--panel-2);border:2px solid #090909}.movie-panel__meta dt,.movie-panel__rating span,.movie-panel__review span{margin-bottom:5px;color:#8fbf95;font-size:.78rem;text-transform:uppercase}.movie-panel__meta dd{margin:0;color:#f6f1d2;overflow-wrap:anywhere}.movie-panel__logline{margin:0;color:#ded8be;line-height:1.45}.movie-panel__rating,.movie-panel__review{display:grid;gap:7px}.stars{display:flex;width:max-content;max-width:100%;gap:5px}.stars__star{width:44px;height:44px;display:grid;place-items:center;color:#555;background:#191919;border:2px solid #080808;box-shadow:3px 3px #000;font-size:1.45rem;line-height:1;cursor:pointer}.stars__star--active{color:#f6d65d;background:#352b12}textarea{width:100%;min-height:130px;resize:vertical;padding:12px;color:#f4f0d2;background:#0b0b0b;border:2px solid #020202;outline:2px solid rgba(230,207,113,.2);line-height:1.4}textarea:focus{outline-color:#e6cf71bf}.movie-panel__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.movie-panel__footer p{margin:0;color:#c9c3a3}.movie-panel__footer button,.ending button{min-height:44px;padding:0 16px;color:#101010;text-transform:uppercase;background:var(--amber);border:3px solid #050505;box-shadow:4px 4px #000;cursor:pointer}.movie-panel__footer button:disabled{color:#747474;background:#2c2c2c;cursor:not-allowed}.ending{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;padding:24px;color:#efe8b7;text-align:center;background:#0000008f;opacity:0;pointer-events:none;transition:opacity .24s steps(4,end)}.ending--visible{opacity:1;pointer-events:auto}.ending div{max-width:620px}.ending p{margin:0 0 10px;color:var(--green);text-transform:uppercase}.ending h2{margin:0 0 24px;font-size:clamp(2.4rem,8vw,5.4rem);line-height:.95;text-transform:uppercase;text-shadow:5px 5px 0 #000}@media (max-width: 760px){.hud{top:12px;left:12px;right:12px;font-size:.78rem}.hud__progress{max-width:45vw;text-align:right}.hint{bottom:18px;font-size:.78rem}.action-arm{right:-10px;width:150px;height:230px}.movie-panel{grid-template-columns:1fr;overflow-y:auto;padding:14px;gap:14px}.movie-panel__poster{width:min(64vw,260px);aspect-ratio:2 / 3;justify-self:center}.movie-panel__meta{grid-template-columns:1fr}.movie-panel__footer{align-items:stretch;flex-direction:column}.stars{width:100%;justify-content:space-between}.stars__star{width:min(44px,16vw)}}