:root{color-scheme:dark;--cyan:#52eedb;--gold:#f5f77c;--muted:#abb4d0;font-family:Tahoma,Arial,sans-serif;color:#ecf0ff;background:#090c19}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 18% 10%,#34285a70,transparent 50%),radial-gradient(ellipse at 85% 70%,#064a5d60,transparent 50%),repeating-linear-gradient(135deg,#ffffff03 0 1px,transparent 1px 8px),#090c19;min-height:100dvh}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}
header{max-width:1400px;margin:auto;min-height:70px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}#home{display:flex;align-items:center;gap:10px;font:bold italic 18px Arial;letter-spacing:1px;color:#f2f4ff;text-decoration:none}#home small{display:block;font:10px Consolas,monospace;letter-spacing:3px;color:var(--cyan);margin-top:4px}.brand-mark{background:linear-gradient(#fff,#b1bad0 44%,#535b7c 48%,#cad1e9);color:#111528;padding:5px 10px;font:bold italic 28px Arial;transform:skew(-8deg);border:1px solid #e0e8ff;box-shadow:3px 3px 0 #52eedb}
nav{display:flex;gap:8px;align-items:center}nav button,#game-panel button,.probe button{background:linear-gradient(#313a55,#131b31);border:1px solid #66738e;border-bottom:3px solid #050914;color:#e6edff;padding:9px 13px;font-size:12px;font-weight:bold;letter-spacing:.4px;box-shadow:inset 0 1px #ffffff20}nav button:hover,#game-panel button:hover{color:var(--gold);border-color:var(--cyan)}.volume{display:flex;align-items:center;gap:7px;font:10px Consolas,monospace;color:var(--muted)}.volume input{width:70px;accent-color:var(--cyan)}
main{max-width:min(1400px,calc((100dvh - 150px)*1.77778));margin:0 auto;padding:0 20px}.cabinet-label{display:flex;justify-content:space-between;gap:15px;color:#adb7cf;font:9px Consolas,monospace;letter-spacing:2px;padding:8px 10px;background:linear-gradient(100deg,#31364d,#151a2a 55%,#353b52);border:1px solid #59617c;border-bottom:0}
.stage{position:relative;aspect-ratio:16/9;background:#080c16;border:7px solid #30374b;outline:1px solid #71829c;box-shadow:0 0 0 2px #050813,0 14px 50px #0008;overflow:hidden}#game{display:block;width:100%;height:100%;outline-offset:-4px}#menu{position:absolute;inset:0;pointer-events:none;container-type:inline-size;background:linear-gradient(90deg,#0b101fe8 0%,#13182bdd 34%,#11182e00 51%)}#menu::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#00000012 3px 4px);z-index:3}
.selection-top,.selection-bottom{position:absolute;left:3%;right:3%;display:flex;justify-content:space-between;gap:10px;align-items:center;font:bold 1cqw Consolas,monospace;letter-spacing:1.5px;color:#bac7df}.selection-top{top:3.5%;padding-bottom:1%;border-bottom:1px solid #52617c}.selection-top>span:first-child{color:var(--cyan)}.selection-top i{display:inline-block;width:.7cqw;height:.7cqw;background:var(--cyan);box-shadow:0 0 10px var(--cyan);margin-right:7px}.selection-bottom{bottom:2%;font-size:.8cqw}.selection-bottom b{color:var(--gold);margin-left:12px}.filters{display:flex;gap:5px;pointer-events:auto}.filters button{background:#11182a;color:#98a9c9;border:1px solid #455676;font:bold .8cqw Consolas,monospace;padding:5px 12px;letter-spacing:1px}.filters button[aria-pressed=true]{color:#111b2b;background:var(--cyan);border-color:#c6fff5}
.menu-intro{position:absolute;top:15%;left:4%;width:32%}.eyebrow{font:bold .85cqw Consolas,monospace;letter-spacing:2px;color:var(--cyan)}h1{margin:3% 0 5%;font:900 italic 6.9cqw/.81 Arial;letter-spacing:-.5cqw;color:#eef7ff;filter:drop-shadow(3px 4px 0 #0b071a) drop-shadow(0 0 13px #71adff55);-webkit-text-stroke:1px #c4e8ff}h1 em{font-style:italic;font-size:5.4cqw;background:linear-gradient(#fff4ff 2%,#bbacff 38%,#7e59c0 43%,#e4cfff 72%);background-clip:text;-webkit-text-fill-color:transparent}.menu-intro p{font-size:1.3cqw;line-height:1.5;color:#b6c1da;margin:8% 0}.edition{display:inline-block;font:bold .9cqw Consolas,monospace;letter-spacing:2px;background:#201d39;color:#e8ccff;border:1px solid #8068aa;padding:6px 9px;transform:skew(-6deg)}.edition b{color:var(--gold);margin-left:8px}
.preview-frame{position:absolute;left:39%;top:13%;width:57%;height:40%;border:2px solid #97a9c6;box-shadow:0 0 0 4px #111723,0 0 0 5px #4e627b,0 0 24px #4ecfd120;pointer-events:none}.preview-frame::before,.preview-frame::after{content:'';position:absolute;width:17px;height:17px;border-color:var(--cyan);border-style:solid}.preview-frame::before{top:-5px;left:-5px;border-width:3px 0 0 3px}.preview-frame::after{bottom:-5px;right:-5px;border-width:0 3px 3px 0}.preview-label,.preview-mode{position:absolute;top:7%;font:bold .8cqw Consolas,monospace;letter-spacing:1px;padding:5px 7px;background:#090d1ce8;color:var(--cyan)}.preview-label{left:2%}.preview-mode{right:2%;color:var(--gold)}
.preview-caption{position:absolute;left:39%;top:55%;width:57%;display:flex;justify-content:space-between;align-items:center;gap:14px}.preview-caption h2{font:bold italic 2.1cqw Arial;margin:3px 0;color:#fff}.preview-caption p{font-size:.9cqw;color:#b8c6df;margin:4px 0;max-width:40ch}#play-selected{pointer-events:auto;flex-shrink:0;padding:12px 20px;border:1px solid #e5fff9;border-bottom:4px solid #167b74;color:#07151a;background:linear-gradient(#caffea,#52eedb 50%,#28b7b3 51%,#80ffda);font:900 italic 1.3cqw Arial;box-shadow:0 0 17px #52eedb25}#play-selected span{margin-left:12px}#play-selected:hover{filter:brightness(1.2)}
.game-library{position:absolute;left:1%;right:1%;top:69%;height:25%;display:flex;gap:.6%;align-items:stretch}.rail-arrow{pointer-events:auto;flex:0 0 2%;padding:0;border:0;background:#10192b;color:#8ca7cb;font:bold 3cqw Arial}.rail-arrow:hover{color:var(--gold)}.games{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4.2%)/4);gap:1.4%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#527c91 #111827;flex:1;min-width:0;padding:3px 0 6px}.games button{position:relative;pointer-events:auto;overflow:hidden;text-align:left;scroll-snap-align:start;border:1px solid #626d89;border-bottom:4px solid #080b16;background:linear-gradient(130deg,#394360,#111b30);color:#e8efff;padding:0;box-shadow:inset 0 1px #ffffff35;transition:border-color .15s;isolation:isolate}.games button::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090e24ed 0%,#10182ccc 42%,#11182c30),linear-gradient(0deg,#111728 0%,transparent 65%)}.games button:hover,.games button.is-selected,.games button:focus-visible{border-color:var(--game-color);box-shadow:inset 0 1px #fff5,0 0 16px color-mix(in srgb,var(--game-color),transparent 80%)}.game-preview{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.65}.number{position:absolute;left:7%;top:8%;font:900 italic 1.8cqw Arial;color:var(--game-color)}.number>span{font:bold .65cqw Consolas,monospace;margin-left:8px;vertical-align:middle;letter-spacing:1px}.game-name{position:absolute;left:7%;top:40%;font:900 italic 1.4cqw Arial}.game-tag{position:absolute;left:7%;top:60%;font:.7cqw Consolas,monospace;color:#bac6da;letter-spacing:.6px}.game-start{position:absolute;bottom:7%;left:7%;font:bold .68cqw Consolas,monospace;color:var(--game-color);letter-spacing:1px}.games button.is-selected .game-start::before{content:'▶ ';}
footer{display:flex;justify-content:space-between;gap:20px;color:#96a5c1;font:11px/1.5 Consolas,monospace;padding:13px 3px;min-height:46px}#controls{max-width:58%}#status{max-width:40%;text-align:right;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#game-panel{position:absolute;right:2%;top:15.5%;width:28%;max-width:360px;padding:12px 15px;background:linear-gradient(135deg,#293653f5,#0e172df8);border:1px solid #879dc5;border-left:3px solid var(--cyan);box-shadow:5px 6px 0 #050913b8;color:#edf2ff;font-size:13px}#game-panel summary{cursor:pointer;color:var(--cyan);font-weight:bold;letter-spacing:.5px;padding:3px 0}#game-panel form{display:grid;gap:8px;margin-top:14px}#game-panel label{display:grid;gap:4px;color:#c7d1e5;font-size:12px}#game-panel input{width:100%;padding:8px;background:#060d1b;border:1px solid #7082a3;border-bottom:2px solid #52eedb;color:#fff}#game-panel p{font:12px/1.5 Consolas,monospace;margin:9px 0 0}#game-panel button[data-action=create]{background:linear-gradient(#d5fff5,#4acbbf);color:#071a23;border-color:#a2fff0}#game-panel h2{font-size:18px}#game-panel [role=alert]{color:#ffb785}
#pause-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(125deg,#111830f2,#080b1af2);text-align:center;color:#f2f5ff}#pause-overlay::before{content:'';position:absolute;inset:22% 16%;border:1px solid #8fa2c7;border-top:4px solid var(--cyan);pointer-events:none}#pause-overlay .eyebrow{font-size:14px}#pause-overlay h2{font:bold italic clamp(20px,3vw,44px) Arial;margin:18px 0}#pause-overlay p{color:#b9c6dc;font-size:14px;margin:0 0 24px}#resume{padding:14px 35px;background:linear-gradient(#ffffcb,#f5f77c 49%,#c2bd48 50%,#eff388);color:#1d2034;font-weight:900;letter-spacing:2px;border:1px solid #fff;border-bottom:4px solid #7a7330}
.probe{max-width:900px;background:#19233b;padding:25px;margin:25px auto;line-height:1.5}.probe input,.probe select{padding:8px;border:1px solid #617796}.probe output{display:block;white-space:pre-wrap;padding:15px}.topbar{max-width:1400px}.topbar label{font-size:13px}.stage>canvas:not(#game){width:100%;height:100%;display:block}
@media(max-width:900px){header{min-height:62px;padding:10px 16px}main{max-width:100%;padding:0 14px}.volume input{width:45px}nav{gap:5px}nav button{padding:8px;font-size:11px}.stage{border-width:5px}footer{font-size:10px}.cabinet-label{letter-spacing:1px}#game-panel{font-size:11px;padding:8px}#game-panel form{gap:5px;margin-top:8px}#game-panel button{padding:7px;font-size:11px}}
@media(max-width:600px){header{flex-wrap:wrap;gap:10px}#home{font-size:14px}nav{flex-wrap:wrap}.brand-mark{font-size:21px}.cabinet-label{font-size:7px}.stage{border-width:3px}main{padding:0 7px}.preview-caption p,.edition,.game-tag{display:none}#play-selected{padding:7px 9px}.game-name{font-size:1.5cqw;top:47%}.number>span{font-size:.8cqw}.selection-top,.selection-bottom{letter-spacing:0}.selection-bottom{font-size:.9cqw}.game-start{font-size:.85cqw}.filters button{padding:4px 6px}#game-panel{width:40%}footer{display:block}#controls,#status{max-width:none;text-align:left}#pause-overlay p{font-size:10px}#resume{padding:9px 15px;font-size:11px}}
#menu{background:linear-gradient(90deg,#0b101f40 0%,#13182b70 34%,#11182e00 51%)}.game-preview{opacity:.9}.games button::after{background:linear-gradient(90deg,#090e24b8 0%,#10182c8a 42%,#11182c10),linear-gradient(0deg,#111728 0%,transparent 65%)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#game:focus-visible{outline:1px solid #52eedb;outline-offset:-4px}