@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{color:#eaa638;--amber:#eaa638;--dim:#93651f;background:#050504;font-family:Share Tech Mono,Courier New,monospace}*{box-sizing:border-box}body{background:radial-gradient(at 50% 35%,#242019 0,#0b0a08 52%,#020202 100%);place-items:center;min-width:320px;min-height:100vh;margin:0;display:grid}.app{width:min(1480px,100%);padding:18px}.machine{background:linear-gradient(145deg,#24231f,#0b0b09 48%,#191815);border:2px solid #37342d;padding:28px 28px 0;position:relative;box-shadow:0 24px 80px #000,inset 0 0 0 3px #080807}.bezel{background:linear-gradient(125deg,#171714,#080807);border:2px solid #4a463d;padding:30px 150px 30px 44px;position:relative;box-shadow:inset 0 0 0 7px #050504}.screen{text-shadow:0 0 7px #b87518;background:#080a07;border:3px solid #060605;border-radius:42px/28px;height:min(610px,66vh);padding:38px 46px 28px;position:relative;overflow:hidden;box-shadow:inset 0 0 45px #000,0 0 0 5px #24231e,0 0 18px #000}.scan{pointer-events:none;z-index:4;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 3px,#00000047 4px);position:absolute;inset:0}.screen:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 65px #000}header{border-bottom:1px solid var(--amber);letter-spacing:.06em;justify-content:space-between;align-items:flex-start;height:42px;font-size:clamp(16px,1.5vw,24px);display:flex}.display{grid-template-columns:minmax(0,1fr) 270px;height:calc(100% - 92px);display:grid}.transcript{scrollbar-width:thin;scrollbar-color:var(--dim) transparent;padding:24px 32px 12px 0;font-size:clamp(15px,1.28vw,20px);line-height:1.32;overflow:auto}.transcript p{max-width:72ch;margin:0 0 12px}.transcript .accent{color:#ffc45a}.danger{color:#ff7354}aside{border-left:1px solid var(--amber);padding:18px 0 0 22px;font-size:16px}aside h2{font:inherit;border-bottom:1px dashed var(--amber);margin:0 0 14px;padding-bottom:8px}aside button{color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:6px 0;display:block}aside button:hover{color:#ffd174}form{border-top:1px solid var(--amber);height:50px;padding-top:13px;font-size:22px}label{align-items:center;gap:12px;display:flex}input{color:var(--amber);font:inherit;text-transform:uppercase;text-shadow:inherit;caret-color:#0000;background:0 0;border:0;outline:0;flex:1}label i{background:var(--amber);width:12px;height:23px;box-shadow:0 0 8px var(--amber);animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.plate{color:#766143;border:1px solid #4b463b;padding:12px;font-size:23px;position:absolute;top:38%;right:34px}.plate small{border-top:1px solid #4b463b;margin-top:8px;padding-top:8px;font-size:13px;display:block}.vents{background:repeating-linear-gradient(#050505 0 7px,#282720 8px 12px);width:105px;height:120px;position:absolute;bottom:100px;right:40px}.power{background:var(--amber);width:15px;height:15px;box-shadow:0 0 12px var(--amber);position:absolute;bottom:35px;right:61px}nav{border-top:2px solid #050504;grid-template-columns:repeat(7,1fr);gap:14px;padding:16px 8px;display:grid}button{font-family:inherit}nav button,footer button{height:58px;color:var(--amber);letter-spacing:.04em;cursor:pointer;background:linear-gradient(#1b1a16,#0d0d0b);border:1px solid #494337;justify-content:center;align-items:center;gap:12px;font-size:16px;display:flex;box-shadow:inset 0 0 0 2px #070706}button svg{width:21px}nav button:hover,nav button:focus-visible,footer button:hover,footer button:focus-visible{outline:1px solid var(--amber);color:#ffd071;box-shadow:inset 0 0 12px #6d4714}footer{border-top:1px solid #494337;justify-content:space-between;padding:12px 8px 16px;display:flex}footer button{height:46px;padding:0 22px}.hint{text-align:center;color:#635238;letter-spacing:.12em;margin:14px 0 0;font-size:13px}@media (width<=900px){.app{padding:0}.machine{padding:12px 12px 0}.bezel{padding:14px}.plate,.vents,.power{display:none}.screen{border-radius:24px/18px;height:72vh;padding:24px}.display{grid-template-columns:1fr}.transcript{padding-right:4px}.display aside{display:none}nav{grid-template-columns:repeat(4,1fr);gap:6px}nav button{height:48px;font-size:12px}nav button svg{width:16px}header{font-size:14px}.hint{display:none}}@media (width<=520px){.screen{height:70vh;padding:18px 15px}.machine{border-width:0}.bezel{padding:8px}.transcript{font-size:15px}.display{height:calc(100% - 96px)}header{align-items:flex-start;gap:8px;height:55px}header span{text-align:right;font-size:11px}nav{grid-template-columns:repeat(3,1fr)}footer button{padding:0 12px;font-size:12px}}@media (prefers-reduced-motion:reduce){label i{animation:none}}.library-screen{text-shadow:0 0 7px #b87518;background:#080a07;border:3px solid #060605;border-radius:42px/28px;height:min(610px,66vh);padding:38px 46px 28px;position:relative;overflow:hidden;box-shadow:inset 0 0 45px #000,0 0 0 5px #24231e,0 0 18px #000}.library-screen:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 65px #000}.library-layout{grid-template-columns:38% 62%;height:calc(100% - 74px);display:grid}.catalog{border-right:1px solid var(--amber);padding:24px 30px 18px 0}.catalog h2{font:inherit;border-bottom:1px dashed var(--amber);margin:0 0 16px;padding-bottom:9px;font-size:17px}.catalog button{border:1px solid var(--dim);width:100%;min-height:70px;color:var(--amber);text-align:left;cursor:pointer;background:0 0;border-bottom:0;align-items:center;gap:12px;padding:12px 18px;font:20px inherit;display:flex}.catalog button:last-of-type{border-bottom:1px solid var(--dim)}.catalog button svg{opacity:0;flex:none;width:17px}.catalog button.selected{background:var(--amber);color:#100b03;text-shadow:none}.catalog button.selected svg{opacity:1}.catalog button span{flex:1;justify-content:space-between;align-items:center;display:flex}.catalog button small{font-size:13px}.future{border:1px dashed var(--dim);color:#7d581e;margin-top:16px;padding:16px 18px;font-size:15px}.game-detail{padding:38px 18px 20px 50px}.catalog-number{color:#93651f;margin:0 0 10px;font-size:14px}.game-detail h1{letter-spacing:.06em;border-bottom:1px solid var(--amber);margin:0 0 26px;padding-bottom:22px;font-size:clamp(32px,4vw,55px);font-weight:400;line-height:1}.synopsis{min-height:58px;font-size:clamp(17px,1.5vw,22px)}.game-detail dl{border-top:1px solid var(--dim);padding-top:18px}.game-detail dl div{grid-template-columns:120px 1fr;margin:8px 0;font-size:17px;display:grid}.game-detail dd{margin:0}.play-game{border:1px solid var(--amber);width:min(100%,430px);height:58px;color:var(--amber);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:12px;margin-top:14px;font:22px inherit;display:flex}.play-game:hover,.play-game:focus-visible{background:var(--amber);color:#100b03;text-shadow:none;outline:0}.library-help{border-top:1px solid var(--amber);margin:0;padding-top:12px;font-size:14px}.library-footer{border-top:2px solid #050504;margin-top:16px}.scene{border:1px solid var(--amber);background:#000;height:44%;margin:10px 0 0;position:relative;overflow:hidden}.scene img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;filter:saturate(.8)contrast(1.08)}.scene figcaption{background:#080a07;padding:3px 6px;font-size:12px;position:absolute;bottom:6px;right:8px}.game-screen:has(.scene) header{height:34px}.game-screen .display.with-scene{height:calc(56% - 84px)}.game-screen .display.with-scene .transcript{padding-top:12px;font-size:clamp(13px,1vw,16px)}.bezel:not(.library-bezel):has(>.bezel){display:contents}:is(.bezel:not(.library-bezel):has(>.bezel)>.vents,.bezel:not(.library-bezel):has(>.bezel)>.plate,.bezel:not(.library-bezel):has(>.bezel)>.power){display:none}.game-nav{grid-template-columns:repeat(8,1fr)}@media (width<=900px){.library-screen{border-radius:24px/18px;height:72vh;padding:24px}.library-layout{grid-template-columns:1fr;height:calc(100% - 84px);overflow:auto}.catalog{border-right:0;border-bottom:1px solid var(--amber);padding:18px 0}.catalog button{min-height:52px}.game-detail{padding:25px 0}.game-detail h1{font-size:34px}.library-help{font-size:11px}.game-nav{grid-template-columns:repeat(4,1fr)}.scene{height:38%}.game-screen .display.with-scene{height:calc(62% - 92px)}}@media (height<=800px) and (width>=901px){.library-screen{height:480px;padding-top:26px;padding-bottom:18px}.library-layout{height:calc(100% - 67px)}.catalog{padding-top:16px}.catalog button{min-height:55px;font-size:17px}.future{margin-top:10px;padding:11px 16px}.game-detail{padding-top:22px}.game-detail h1{margin-bottom:15px;padding-bottom:14px;font-size:40px}.synopsis{min-height:42px;margin:12px 0;font-size:18px}.game-detail dl{margin:8px 0;padding-top:10px}.game-detail dl div{margin:5px 0;font-size:15px}.play-game{height:46px;margin-top:8px;font-size:18px}}.landing-screen{text-shadow:0 0 7px #b87518;background:#080a07;border:3px solid #060605;border-radius:42px/28px;place-items:center;height:min(610px,66vh);padding:38px 46px 28px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 45px #000,0 0 0 5px #24231e,0 0 18px #000}.landing-screen:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 65px #000}.landing-copy{text-align:center;z-index:1;width:min(820px,88%);position:relative}.landing-copy h1{letter-spacing:.04em;white-space:nowrap;margin:0;font-size:clamp(48px,6vw,82px);font-weight:400;line-height:1}.landing-rule{border-top:2px solid var(--amber);margin:28px 0 22px}.landing-copy p{margin:10px 0;font-size:clamp(16px,1.45vw,21px)}.landing-copy button{border:2px solid var(--amber);width:min(490px,100%);height:72px;color:var(--amber);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:25px;margin:34px auto 24px;font:25px inherit;display:flex}.landing-copy button:hover,.landing-copy button:focus-visible{background:var(--amber);color:#100b03;text-shadow:none;outline:0}.landing-copy small,.landing-copy span{display:block}.landing-copy small{margin-bottom:10px;font-size:15px}.landing-copy span{color:#bc8127;font-size:13px}.landing-footer{flex-direction:row-reverse}@media (width<=900px){.landing-screen{border-radius:24px/18px;height:72vh;padding:24px}.landing-copy{width:100%}.landing-copy h1{font-size:clamp(39px,11vw,64px)}.landing-copy button{height:60px;font-size:19px}}@media (width<=520px){.landing-screen{height:70vh;padding:18px 15px}.landing-copy h1{white-space:normal;font-size:39px}.landing-rule{margin:22px 0 18px}.landing-copy p{font-size:14px}.landing-copy button{margin:26px auto 20px}.landing-copy span{font-size:10px;line-height:1.5}}@media (height<=800px) and (width>=901px){.landing-copy{width:94%}.landing-copy h1{font-size:clamp(44px,5vw,66px)}.landing-rule{margin:20px 0 16px}.landing-copy p{margin:7px 0;font-size:16px}.landing-copy button{height:56px;margin:22px auto 16px;font-size:20px}.landing-copy small{margin-bottom:7px}}@media (width<=520px){.library-screen{height:70vh;padding:18px 15px}.game-detail dl div{grid-template-columns:90px 1fr;font-size:14px}.play-game{font-size:18px}.scene{height:34%}.scene figcaption{font-size:9px}.game-screen .display.with-scene{height:calc(66% - 96px)}}
