:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{overflow:hidden;background:#000;font-family:monospace;touch-action:none}.cabinet{--accent: #ef84ff;--accent-soft: #de5aef;--accent-dark: #5d176e;--bg-top: #426bef;--bg-bottom: #213984;position:relative;width:100vw;height:100vh;display:grid;place-items:center;overflow:hidden;background:#000}.cabinet[data-skin=neon]{--accent: #69fff1;--accent-soft: #36d6ff;--accent-dark: #6836d8;--bg-top: #15214d;--bg-bottom: #080d22}.cabinet[data-skin=paper]{--accent: #d85d3f;--accent-soft: #f0a34a;--accent-dark: #713a32;--bg-top: #ead7ae;--bg-bottom: #ceb484}.cabinet[data-skin=crt]{--accent: #b8ff79;--accent-soft: #6bff59;--accent-dark: #206632;--bg-top: #102318;--bg-bottom: #091511}.stardust-background{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.stardust-background canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.game-host{position:relative;z-index:1;display:grid;place-items:center}.game-host canvas{position:relative;display:block;width:min(100vw,150vh);height:min(100vh,66.6667vw);aspect-ratio:3 / 2;box-shadow:0 0 0 2px #fff,0 0 40px #000000b3;image-rendering:pixelated;image-rendering:crisp-edges;outline:none}.game-host canvas:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #ffffff59,0 0 40px #000000b3}.cabinet[data-skin=neon] .game-host canvas,.cabinet[data-skin=paper] .game-host canvas,.cabinet[data-skin=crt] .game-host canvas{image-rendering:auto;border-radius:0;transform:none;box-shadow:0 0 0 2px #fff,0 0 40px #000000b3;filter:none}.game-error{position:relative;padding:16px;color:#fff;background:#202535;border:2px solid #de5aef}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.game-actions{position:fixed;z-index:4;top:14px;right:14px;display:flex;gap:7px}.game-actions button,.game-menu button{border:1px solid rgba(255,255,255,.28);border-radius:2px;padding:9px 12px;color:#fff;background:#12172ce0;font:700 11px/1 monospace;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff1a,0 4px 12px #0a0c1c40;cursor:pointer}.game-actions button:hover,.game-menu button:hover{border-color:var(--accent);background:#292e4a}button:focus-visible{outline:2px solid #fff;outline-offset:2px}button:disabled{opacity:.42;cursor:not-allowed}.menu-backdrop{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 45%,rgba(41,52,94,.18),transparent 42%),#04060ed1;-webkit-backdrop-filter:blur(9px) saturate(.65);backdrop-filter:blur(9px) saturate(.65)}.menu-backdrop:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.018) 3px 4px)}.game-menu{--menu-edge: color-mix(in srgb, var(--accent) 72%, #fff);position:relative;width:min(520px,100%);max-height:calc(100vh - 40px);overflow:auto;color:#edf1ff;border:1px solid rgba(180,193,238,.24);background:linear-gradient(112deg,#191f34fa,#0a0d19fc 74%);box-shadow:0 30px 100px #000000b8,0 0 0 1px #000c,0 0 42px color-mix(in srgb,var(--accent) 12%,transparent);clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px))}.game-menu:after{content:"";position:absolute;z-index:2;top:0;right:15px;width:92px;height:2px;background:var(--menu-edge);box-shadow:0 0 13px var(--accent)}.menu-header{position:sticky;z-index:3;top:0;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;min-height:78px;padding:12px 20px;border-bottom:1px solid rgba(164,179,229,.2);background:linear-gradient(90deg,#2b3453fa,#101424fa)}.menu-brand{position:relative;width:34px;height:34px;display:grid;place-items:center;overflow:hidden;color:#0c1020;background:var(--menu-edge);font-size:10px;font-weight:900;box-shadow:0 0 16px color-mix(in srgb,var(--accent) 36%,transparent);clip-path:polygon(0 0,76% 0,100% 24%,100% 100%,24% 100%,0 76%)}.menu-brand i{position:absolute;width:6px;height:42px;background:#090c192e;transform:rotate(36deg)}.menu-brand i:first-child{left:3px}.menu-brand i:nth-child(2){right:2px}.menu-brand span{position:relative}.menu-kicker{margin:0 0 4px;color:#8993b3;font-size:8px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.game-menu h1{margin:0;color:#f8f9ff;font-size:clamp(24px,6vw,34px);font-style:italic;font-weight:900;line-height:.9;letter-spacing:-.055em;text-transform:uppercase;text-shadow:2px 2px #11172b}.menu-state{color:var(--menu-edge);font:900 22px/1 monospace;letter-spacing:-.1em;text-shadow:0 0 12px color-mix(in srgb,var(--accent) 70%,transparent)}.menu-content{padding:17px 20px 19px}.menu-buttons{display:grid;gap:5px}.game-menu button{width:100%;min-height:44px;text-align:left}.game-menu .menu-choice{position:relative;display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:10px;overflow:hidden;border:0;border-left:2px solid #3d4562;border-radius:0;padding:10px 14px 10px 0;color:#b7bfd6;background:linear-gradient(90deg,#38415e8a,#1c213461);box-shadow:inset 0 1px #ffffff09;font-size:12px;font-style:italic;letter-spacing:.08em;transition:color 80ms ease,background 80ms ease,border-color 80ms ease,transform 80ms ease,box-shadow 80ms ease}.menu-cursor{width:4px;height:24px;background:transparent;transform:skew(-13deg);transition:background 80ms ease,box-shadow 80ms ease}.menu-choice-content{min-width:0}.menu-key{opacity:0;color:#e9eefe;font-size:7px;font-style:normal;letter-spacing:.12em;transform:translate(5px);transition:opacity 80ms ease,transform 80ms ease}.game-menu .menu-choice:hover,.game-menu .menu-choice:focus-visible{z-index:1;color:#fff;border-color:var(--menu-edge);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 42%,#30384f),#2c334cd1);box-shadow:inset 0 1px #ffffff24,0 0 19px color-mix(in srgb,var(--accent) 18%,transparent);transform:translate(5px);outline:none}.game-menu .menu-choice:hover .menu-cursor,.game-menu .menu-choice:focus-visible .menu-cursor{background:#fff;box-shadow:0 0 9px var(--menu-edge)}.game-menu .menu-choice:hover .menu-key,.game-menu .menu-choice:focus-visible .menu-key{opacity:.68;transform:translate(0)}.game-menu .menu-primary{color:#f9faff;border-left-color:var(--menu-edge);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 30%,#333c59),#262d45a3)}.game-menu .menu-primary:hover,.game-menu .menu-primary:focus-visible{color:#fff;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 64%,#29304a),color-mix(in srgb,var(--accent) 18%,#252c43))}.menu-message{display:grid;gap:5px;margin:0 0 15px;padding:10px 12px;border-left:2px solid #ff5c7c;color:#8f99b8;background:#ff5c7c0e;font-size:9px;line-height:1.45;letter-spacing:.04em}.menu-message strong{color:#ff8da4;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.menu-message span{display:block}.menu-footer{display:flex;gap:18px;padding:8px 20px 9px;border-top:1px solid rgba(164,179,229,.13);color:#68718e;background:#070a14b8;font-size:7px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.settings-list{display:grid;gap:13px;margin-bottom:15px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 12px 10px;border-bottom:1px solid rgba(255,255,255,.09)}.setting-row strong,.setting-label{display:block;color:#fff;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.setting-row small{display:block;margin-top:4px;color:#8f99bb;font-size:9px;letter-spacing:.05em}.game-menu .toggle{width:84px;min-height:34px;text-align:center}.game-menu button.active{border-left-color:var(--menu-edge);color:#fff;box-shadow:inset 0 1px #ffffff1a}.setting-group{display:grid;gap:9px}.skin-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.game-menu .skin-option{grid-template-columns:6px 54px minmax(0,1fr) auto;gap:9px;min-height:50px;padding:7px 8px 7px 0}.skin-option strong{display:block;font-size:10px}.skin-option small{display:block;margin-top:3px;color:#8f99bb;font-size:8px;text-transform:none;letter-spacing:0}.skin-preview{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2px;width:48px;height:30px;padding:4px;overflow:hidden;background:#1a244f;border:1px solid rgba(255,255,255,.2)}.skin-preview i{display:block;background:#de5aef;box-shadow:inset 1px 1px #ef84ff,inset -1px -1px #5d176e}.skin-preview[data-preview=glass]{border-radius:7px;background:linear-gradient(145deg,#111a3c,#090d20);box-shadow:inset 0 0 8px #6836d8}.skin-preview[data-preview=glass] i{border-radius:3px;background:#36d6ff59;border:1px solid #69fff1;box-shadow:0 0 5px #36d6ff,inset 0 2px #ffffff59}.skin-preview[data-preview=paper]{transform:rotate(-2deg);background:#ead7ae;box-shadow:3px 3px #4a2f1c40}.skin-preview[data-preview=paper] i{background:#ce6853;box-shadow:2px 2px #8c674d}.skin-preview[data-preview=paper] i:nth-child(2),.skin-preview[data-preview=paper] i:nth-child(3){background:#69aaa9}.skin-preview[data-preview=vector]{background:#07110c;border-color:#206632;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.45) 3px 4px)}.skin-preview[data-preview=vector] i{background:#6bff590d;border:1px solid #6bff59;box-shadow:0 0 4px #6bff59b3}.cabinet[data-skin=paper] .game-actions button{color:#3d3932;background:#f7edd6eb;border-color:#9c7654;box-shadow:3px 3px #4a2f1c2e}.cabinet[data-skin=paper] .menu-backdrop{background:#45302380}.cabinet[data-skin=paper] .game-menu{--menu-edge: #f0a34a}.cabinet[data-skin=neon] .game-menu{--menu-edge: #69fff1}.cabinet[data-skin=crt] .game-menu{--menu-edge: #b8ff79}.bindings{margin-bottom:18px;border-top:1px solid rgba(255,255,255,.12)}.bindings div{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:37px;border-bottom:1px solid rgba(255,255,255,.1);color:#cbd2f1;font-size:11px;text-transform:uppercase}.bindings kbd{flex:none;padding:4px 7px;border:1px solid #69739e;border-bottom-width:2px;border-radius:2px;color:#fff;background:#242a48;font:700 10px monospace}.touch{position:fixed;inset:auto 0 0;display:none;justify-content:space-between;padding:12px;pointer-events:none}.touch div{display:flex;gap:8px;align-items:end}.touch button{width:50px;height:50px;border:2px solid #de5aef;border-radius:0;color:#fff;background:#202535d1;font:700 20px monospace;pointer-events:auto}.touch button:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(pointer:coarse){.touch{display:flex}}@media(pointer:coarse),(max-width:700px){.game-actions{top:8px;right:8px}.game-actions button{padding:8px;font-size:9px}}@media(max-width:480px){.menu-backdrop{padding:10px}.game-menu{max-height:calc(100vh - 20px)}.menu-header{grid-template-columns:42px minmax(0,1fr) auto;min-height:66px;padding:10px 14px}.menu-content{padding:12px 14px 14px}.menu-footer{padding-inline:14px;gap:10px}.skin-grid{grid-template-columns:1fr}.game-menu .skin-option{min-height:42px}}@media(pointer:coarse){.game-actions{right:8px}.game-actions button:last-child{display:none}}@media(prefers-reduced-motion:reduce){.game-host canvas,.game-menu .menu-choice,.menu-cursor{transition:none}}