@charset "UTF-8";
:root{color-scheme:dark;--paper:#efe8d5;--red:#fa3f46;--blue:#69d9ef;--muted:#a1adb9;--ink:#080d17}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;min-height:100svh;display:flex;flex-direction:column}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.backdrop{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,9,18,.97) 5%,rgba(4,9,18,.89) 48%,rgba(4,9,18,.76)),url('assets/intro.png') center/cover}.backdrop:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0003 3px 4px);opacity:.4;pointer-events:none}header,footer{display:flex;justify-content:space-between;align-items:center;margin:0 5.5vw;font:10px 'Courier New',monospace;letter-spacing:2px}header{height:78px;border-bottom:1px solid #ffffff19}.brand{font:bold 24px Impact,'Arial Black',sans-serif;text-decoration:none;color:var(--paper);letter-spacing:1px}.brand span{color:var(--red)}.edition{color:#aab9c8;display:flex;align-items:center;gap:14px}.edition i{width:5px;height:5px;border-radius:50%;background:var(--red);box-shadow:0 0 12px var(--red)}main{width:min(1220px,89vw);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding:28px 0}.eyebrow{font:bold 11px 'Courier New',monospace;letter-spacing:2px;color:var(--blue)}.eyebrow>span{display:inline-block;width:22px;height:2px;background:var(--red);vertical-align:middle;margin-right:8px}h1{font:clamp(82px,8.5vw,128px)/.82 Impact,'Arial Black',sans-serif;letter-spacing:2px;margin:30px 0 26px;text-shadow:3px 2px 0 #3287a75e;position:relative}h1 em{font-style:normal;color:var(--red);letter-spacing:4px}.title-rule{display:block;width:52px;height:4px;background:var(--red);margin-top:26px}.welcome h2{font-size:21px;line-height:1.4;margin:0 0 15px;font-weight:600;max-width:330px}.welcome>p:not(.eyebrow){font-size:15px;line-height:1.75;max-width:410px;color:#bdc4cd}.welcome .memory{color:#8593a4!important}.welcome-bottom{margin-top:30px;max-width:400px;display:flex;align-items:center;justify-content:space-between;font:10px 'Courier New',monospace;letter-spacing:1.6px;color:var(--paper)}.welcome-bottom>span:last-child{color:var(--red);font-size:28px}.arcade-area{padding:0 12px}.cabinet{max-width:470px;margin:auto;filter:drop-shadow(14px 16px 25px #000b);border-left:9px solid #203845;border-right:9px solid #61232b;background:#141e29;border-radius:15px 15px 3px 3px;box-shadow:-2px 0 0 #52c5e5,2px 0 0 #ee424b;position:relative}.marquee{height:91px;background:linear-gradient(120deg,#060c16,#223442 50%,#080b14);border:8px solid #1c2632;border-bottom:5px solid #080e18;outline:1px solid #465361;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 24px #60cce52b}.marquee>span{font:46px/.95 Impact,'Arial Black',sans-serif;letter-spacing:4px;text-shadow:2px 0 #209fb0,-2px 0 #9b1f32}.marquee b{color:var(--red);font-weight:normal}.marquee small{font:8px 'Courier New',monospace;letter-spacing:4px;margin-top:7px}.monitor-frame{padding:22px 23px 19px;background:linear-gradient(120deg,#1b2632,#070b13);border-bottom:5px solid #050a10}.monitor{position:relative;isolation:isolate;padding:18px 15px 17px;min-height:305px;border:3px solid #020406;border-radius:22px;background:radial-gradient(ellipse at 50% 25%,#163b40 0,#081b20 42%,#020a10 100%);box-shadow:0 0 0 2px #35444d,inset 0 0 28px #000,0 0 20px #3190a21c;overflow:hidden}.monitor:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0003 0 1px,transparent 1px 3px);pointer-events:none;z-index:3}.screen-top{display:flex;justify-content:space-between;font:8px 'Courier New',monospace;letter-spacing:1px;color:#6e9d9e}.screen-logo{font:46px/.82 Impact,'Arial Black',sans-serif;text-align:center;margin:22px auto 17px;letter-spacing:3px;text-shadow:2px 1px #286b7f}.screen-logo span{display:block;color:var(--red);font-size:30px;letter-spacing:8px;margin-top:4px}.select-label{text-align:center;color:#85b1b1;letter-spacing:1.5px;font:8px 'Courier New',monospace;margin:0 0 12px}nav{display:grid;gap:5px}nav button{background:transparent;border:1px solid transparent;color:#d7e7dc;min-height:35px;padding:7px 9px;text-align:left;cursor:pointer;font:bold 12px 'Courier New',monospace;display:flex;align-items:center;gap:8px}nav button small{margin-left:auto;font-size:8px;color:#80a39b}.pointer{color:var(--red);opacity:0;font-size:10px}nav button:first-child .pointer,nav button:hover .pointer,nav button:focus-visible .pointer{opacity:1}nav:has(button:hover) button:not(:hover) .pointer,nav:has(button:focus-visible) button:not(:focus-visible) .pointer{opacity:0}nav button:hover,nav button:focus-visible{background:#b637422b;border-color:#c24a4a;color:#fff4dd;outline:none}.screen-hint{display:flex;justify-content:space-between;font:7px 'Courier New',monospace;color:#759295;letter-spacing:.6px;margin:17px 1px 0}.control-deck{height:72px;background:linear-gradient(#283846,#17202e);border-top:2px solid #55626e;border-bottom:5px solid #000a;display:flex;align-items:center;justify-content:space-around;padding:0 45px;transform:perspective(280px) rotateX(12deg);transform-origin:top}.joystick{width:54px;height:22px;background:#02050b;border-radius:50%;box-shadow:0 2px 0 #5d7182;position:relative;margin-top:20px}.joystick:before{content:"";position:absolute;left:24px;bottom:7px;width:8px;height:30px;background:linear-gradient(90deg,#4a5965,#c2cbd0,#353f4e);transform:rotate(-10deg);transform-origin:bottom}.joystick i{position:absolute;left:9px;bottom:24px;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ff8b82,#b7192d 60%,#56081c);box-shadow:3px 4px 6px #0008}.arcade-buttons{display:flex;gap:12px;transform:rotate(-12deg)}.arcade-buttons i{width:28px;height:26px;border-radius:50%;background:radial-gradient(ellipse at 35% 20%,#f89691,#ce263b 70%);border:3px solid #130e18;box-shadow:0 4px 0 #080c13,0 5px 0 #67717c}.arcade-buttons i:nth-child(2){background:radial-gradient(ellipse at 35% 20%,#9ce6e8,#198fa7 70%)}.arcade-buttons i:last-child{background:radial-gradient(ellipse at 35% 20%,#f4deb0,#b89752 70%)}.cabinet-base{height:93px;position:relative;background:linear-gradient(100deg,#172733,#0a111c 60%,#25121e);border-top:1px solid #415261;padding:27px 26px}.cabinet-base>span{font:18px Impact,'Arial Black',sans-serif;letter-spacing:3px;color:#788e97}.coin-slot{position:absolute;right:28px;top:18px;border:2px solid #3f4b55;background:#0b0d13;padding:8px 12px 8px 25px;font:bold 8px 'Courier New',monospace;color:#d28579;line-height:1.4}.coin-slot i{position:absolute;left:10px;top:9px;width:4px;height:21px;background:#000;border:1px solid #586069}.speaker{width:110px;height:13px;margin-top:9px;background:repeating-linear-gradient(90deg,#02080e 0 3px,transparent 3px 6px)}footer{min-height:52px;border-top:1px solid #ffffff19;font-size:8px;letter-spacing:1.2px;color:#78899e;gap:20px}footer b{color:#a5b4c3}dialog{background:#0a131e;border:1px solid #7ca4af;border-top:3px solid var(--red);color:var(--paper);width:min(640px,calc(100% - 32px));max-height:85svh;padding:0;box-shadow:0 0 80px #000}dialog::backdrop{background:#020711db;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-bottom:1px solid #34434e;font:10px 'Courier New',monospace;letter-spacing:1px;position:sticky;top:0;background:#0a131e}.dialog-top button{background:none;color:var(--paper);border:0;font-size:20px;width:36px;height:36px;cursor:pointer}.dialog-body{padding:25px 30px 35px}.dialog-body h2{font-size:29px;line-height:1.2}.dialog-body p,.dialog-body li{font-size:15px;line-height:1.75;color:#bbc7d3}.dialog-body .eyebrow{color:var(--blue);font-size:10px}.dialog-body h3{font-size:16px;margin-top:25px}.dialog-body a{color:var(--blue)}.status{border-left:2px solid var(--red);padding-left:17px;margin-top:25px}body:has(dialog[open]){overflow:hidden}
@media(min-width:1500px){main{gap:9%}.cabinet{max-width:495px}.monitor{min-height:330px;padding-top:24px}.screen-logo{margin:25px auto 22px}.welcome h1{font-size:146px}}
@media(max-width:850px){header,footer{margin:0 6vw}.edition{font-size:8px;letter-spacing:1px}main{grid-template-columns:1fr;width:88vw;gap:32px;padding:30px 0 40px}.welcome{max-width:540px;margin:auto;width:100%}.welcome h1{font-size:90px;margin-top:24px}.welcome h2{max-width:none}.welcome>p:not(.eyebrow){max-width:none}.welcome-bottom{max-width:none;margin-top:20px}.welcome-bottom>span:last-child{transform:rotate(90deg)}.arcade-area{padding:0 9px}.cabinet{max-width:430px}footer{padding:15px 0;align-items:flex-start;flex-direction:column;gap:10px;line-height:1.6}}
@media(max-width:380px){.monitor-frame{padding:18px 12px}.monitor{padding:16px 9px}nav button{font-size:11px}.edition{font-size:7px}.eyebrow{font-size:9px}.marquee>span{font-size:40px}}