/* The room stays photographic; only the CRT renders the cartridge's pixel world. */
#gridlock-story-ui[data-story-screen="adventure"] .story-main{position:relative;padding:0;overflow:hidden;min-height:0}
#gridlock-story-ui[data-story-screen="adventure"] .story-topbar{display:none}
#gridlock-story-ui .story-adventure{position:relative;height:100%;width:100%;overflow:hidden;isolation:isolate;background:#070d16;color:#ecede5;font-family:"Avenir Next",Avenir,Arial,sans-serif}
#gridlock-story-ui .story-adventure::before{content:"";position:absolute;inset:-30px;z-index:0;background:linear-gradient(#09101b88,#070b13b0),url('/story/story-adventure-lounge.webp') center/cover;filter:blur(18px)}
#gridlock-story-ui .adventure-scene{position:absolute;z-index:1;left:50%;top:50%;width:min(100%,calc(100dvh * var(--adventure-aspect,1.5)));aspect-ratio:var(--adventure-aspect,1.5);transform:translate(-50%,-50%);transform-origin:var(--adventure-center-x,50%) var(--adventure-center-y,40%);transition:transform .4s ease}
#gridlock-story-ui .story-adventure[data-zoomed="true"] .adventure-scene{transform:translate(-50%,calc(-50% + var(--adventure-offset-y,20%))) scale(1.72)}
#gridlock-story-ui .adventure-art{width:100%;height:100%;display:block;pointer-events:none;user-select:none}
#gridlock-story-ui .adventure-monitor{position:absolute;overflow:hidden;border-radius:5% / 6%;background:#040709;box-shadow:0 0 22px #94bedd30,inset 0 0 10px #000}
#gridlock-story-ui .adventure-frame-host,#gridlock-story-ui .adventure-game,#gridlock-story-ui .adventure-glass{position:absolute;inset:0;width:100%;height:100%;border:0}
#gridlock-story-ui .adventure-game{display:block;background:#03060a}
#gridlock-story-ui .adventure-glass{
  pointer-events:none;z-index:1;border-radius:inherit;
  box-shadow:inset 0 0 2px #e6eacb12,inset 0 0 15px #0005;
  background:
    linear-gradient(118deg,#fff3d90c, #fff3d903 22%,transparent 43%),
    radial-gradient(ellipse at 50% 46%,transparent 57%,#02080e30 100%),
    repeating-linear-gradient(0deg,#0000000f 0 .5px,transparent .5px 2px),
    repeating-linear-gradient(90deg,#ff765404 0 1px,#64e99503 1px 2px,#79a7ff04 2px 3px),
    linear-gradient(#ffce8a03,#ffce8a03);
}
#gridlock-story-ui .adventure-heading{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 23px;background:linear-gradient(#050c16eb,#050c1670,transparent);z-index:3}
#gridlock-story-ui .adventure-heading span,#gridlock-story-ui .adventure-panel>div>span{font-size:9px;font-weight:700;letter-spacing:.18em;color:#aacbd3}
#gridlock-story-ui .adventure-heading h1{font-size:20px;letter-spacing:.015em;margin:4px 0 0;color:#f1e8ca}
#gridlock-story-ui .adventure-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:end}
#gridlock-story-ui .story-adventure button{min-height:35px;padding:8px 12px;border:1px solid #93bfc350;border-radius:5px;background:#112331eb;color:#e4ede5;font:600 11px/1.3 "Avenir Next",Arial,sans-serif;cursor:pointer;touch-action:none}
#gridlock-story-ui .story-adventure button:hover{background:#263e4d}
#gridlock-story-ui .story-adventure button:focus-visible,#gridlock-story-ui .story-adventure a:focus-visible{outline:2px solid #f4d592;outline-offset:3px}
#gridlock-story-ui .story-adventure button:disabled{opacity:.45;cursor:default}
#gridlock-story-ui .adventure-footer{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;align-items:center;flex-wrap:wrap;gap:4px 15px;padding:14px 23px;background:linear-gradient(transparent,#050c16e8);font-size:10px;color:#c4d2d4}
#gridlock-story-ui .adventure-footer p{width:100%;margin:0 0 3px;font:11px/1.7 "Avenir Next",Arial,sans-serif;color:#d9e2de}
#gridlock-story-ui .adventure-footer b{color:#f1dcab;margin-left:10px;font-size:10px}#gridlock-story-ui .adventure-footer b:first-child{margin-left:0}
#gridlock-story-ui .adventure-footer a{color:#c4d2d4;margin-left:auto}
#gridlock-story-ui .adventure-panel{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#030b1477;backdrop-filter:blur(3px)}
#gridlock-story-ui .adventure-panel>div{width:min(380px,85%);padding:27px;border:1px solid #88c0c35c;border-radius:8px;background:#101c28f5;box-shadow:0 12px 70px #0009;text-align:center}
#gridlock-story-ui .adventure-panel h2{font-size:22px;margin:10px 0 12px;color:#f1e8ca}#gridlock-story-ui .adventure-panel p{font:13px/1.65 "Avenir Next",Arial,sans-serif;color:#c1d0d5;margin:0 0 19px}
#gridlock-story-ui .adventure-panel>div>div{display:flex;gap:9px;justify-content:center}
#gridlock-story-ui .adventure-touch{position:absolute;left:10px;right:10px;bottom:75px;display:none;justify-content:space-between;gap:12px;z-index:3}
#gridlock-story-ui .adventure-touch>div{display:flex;gap:4px;flex-wrap:wrap;max-width:48%}#gridlock-story-ui .adventure-touch button{min-width:37px;min-height:39px;font-size:11px;background:#152734df}
#gridlock-story-ui .story-adventure [hidden]{display:none!important}
#gridlock-story-ui .story-adventure[data-reduced-motion="true"] .adventure-scene{transition:none}
@media(pointer:coarse){#gridlock-story-ui .adventure-touch{display:flex}}
@media(max-width:700px){#gridlock-story-ui .adventure-heading{padding:12px;gap:8px;align-items:start}#gridlock-story-ui .adventure-heading h1{font-size:15px}#gridlock-story-ui .adventure-heading span{font-size:7px;letter-spacing:.08em}#gridlock-story-ui .adventure-actions{gap:4px;max-width:210px}#gridlock-story-ui .adventure-actions button{font-size:10px;min-height:30px;padding:6px 8px}#gridlock-story-ui .adventure-footer{padding:12px;font-size:9px}#gridlock-story-ui .adventure-footer p{font-size:9px}#gridlock-story-ui .adventure-footer b{font-size:9px;margin-left:5px}#gridlock-story-ui .adventure-scene{width:150%;top:46%}#gridlock-story-ui .story-adventure[data-zoomed="true"] .adventure-scene{transform:translate(-50%,calc(-50% + var(--adventure-offset-y,20%))) scale(2)}}
@media(max-height:500px){#gridlock-story-ui .adventure-heading{padding:7px 12px}#gridlock-story-ui .adventure-heading h1{font-size:15px}#gridlock-story-ui .adventure-footer{padding:7px 12px}#gridlock-story-ui .adventure-footer>span{display:none}#gridlock-story-ui .adventure-touch{bottom:50px}}
@media(prefers-reduced-motion:reduce){#gridlock-story-ui .adventure-scene{transition:none}}
@media(pointer:coarse) and (max-height:500px){#gridlock-story-ui .adventure-scene{top:calc(50% - 12px)}}