:root{--bg: #0b0618;--panel: #160d2e;--panel-2: #22164a;--ink: #f4e9ff;--muted: #a99bc9;--neon: #38e8ff;--pink: #ff4fd8;--gold: #ffd23f;--font: "Press Start 2P", ui-monospace, monospace;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font);overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}#stage{position:fixed;inset:0;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#stage canvas{image-rendering:pixelated;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#stage.crt:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.22) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.6) 100%)}#ui{position:fixed;inset:0;pointer-events:none;z-index:2}#ui>*{pointer-events:auto}.hidden{display:none!important}.muted{color:var(--muted)}.blink{animation:blink 1.1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:10px;line-height:1.4;color:var(--ink);background:var(--panel-2);border:2px solid var(--ink);box-shadow:3px 3px #000;padding:8px 10px;text-decoration:none;cursor:pointer;white-space:nowrap;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.btn:hover,.btn:focus-visible{background:#33236b;outline:none;transform:translate(-1px,-1px);box-shadow:4px 4px #000}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.btn-primary{background:var(--neon);color:var(--bg);border-color:var(--neon)}.btn-primary:hover,.btn-primary:focus-visible{background:#fff}.btn-real{border-color:var(--gold);color:var(--gold)}.btn-real.btn-primary{background:var(--gold);color:var(--bg)}.btn-icon{padding:6px 8px;font-size:14px}kbd{font:inherit;font-size:8px;padding:2px 4px;border:1px solid currentColor;opacity:.75}.hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:max(12px,env(safe-area-inset-top)) 16px 12px;pointer-events:none}.hud>*{pointer-events:auto}.brand{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--pink);text-shadow:0 0 8px var(--pink)}.brand small{font-size:8px;color:var(--muted);text-shadow:none}.hud-actions{display:flex;align-items:center;gap:8px}.tickets{font-size:10px;color:var(--gold);padding:0 6px}.gamebar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:8px;padding:max(10px,env(safe-area-inset-top)) 16px 10px}.gamebar-links{display:flex;gap:8px}.prompt{position:absolute;left:50%;bottom:max(16px,env(safe-area-inset-bottom));width:min(640px,calc(100% - 32px));display:flex;gap:16px;align-items:center;background:#160d2ef0;border:2px solid var(--neon);box-shadow:0 0 18px color-mix(in srgb,var(--neon) 55%,transparent),4px 4px #000;padding:14px 16px;transform:translate(-50%,20px);opacity:0;transition:transform .16s steps(4),opacity .16s steps(4)}.prompt.show{transform:translate(-50%);opacity:1}.prompt-main{flex:1;min-width:0}.prompt h2{margin:0 0 8px;font-size:14px;color:var(--neon);text-shadow:0 0 6px var(--neon)}.prompt p{margin:0 0 10px;font-size:9px;line-height:1.7}.kind{color:var(--muted)}.prompt-actions,.manual-actions{display:flex;flex-wrap:wrap;gap:10px}.qr{margin:0;text-align:center;font-size:7px;color:var(--muted)}.qr img{display:block;width:96px;height:96px;image-rendering:pixelated;margin-bottom:6px;border:2px solid var(--ink)}.touch{position:absolute;inset:auto 0 0;pointer-events:none}.touch-btn{pointer-events:auto;position:absolute;bottom:max(16px,env(safe-area-inset-bottom));width:64px;height:64px;font:inherit;font-size:20px;color:var(--ink);background:#22164acc;border:2px solid var(--ink);box-shadow:3px 3px #000;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.touch-btn:first-child{left:16px}.touch-btn:last-child{right:16px}.touch:not(.hidden)~.prompt{bottom:96px}.toast{position:absolute;top:70px;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);font-size:9px;line-height:1.6;text-align:center;padding:8px 12px;background:#0b0618d9;border:2px solid var(--gold);color:var(--gold);opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}.rotate-hint{display:none}@media(orientation:portrait)and (pointer:coarse){.rotate-hint{display:block;position:absolute;top:72px;left:0;right:0;text-align:center;font-size:8px;color:var(--muted);pointer-events:none}.toast{top:96px}}.modal-backdrop{position:absolute;inset:0;display:grid;place-items:center;background:#05020cc7;padding:16px;z-index:5}.modal{width:min(760px,100%);max-height:100%;overflow-y:auto;background:var(--panel);border:2px solid var(--ink);box-shadow:6px 6px #000;padding:20px}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.modal h2{margin:0;font-size:16px;color:var(--pink)}.modal p{font-size:9px;line-height:1.8}.manual-list{display:grid;gap:14px;margin-top:16px}.manual-entry{border:2px solid var(--neon);padding:14px;background:var(--panel-2)}.manual-entry h3{margin:8px 0 6px;font-size:13px;color:var(--neon)}.manual-entry .kind{margin:0;font-size:8px}.era{font-size:7px;color:var(--bg);background:var(--neon);padding:3px 5px}.stats{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none;font-size:8px;color:var(--gold)}.manual-contact{margin-top:20px}.manual-contact h3{font-size:12px;color:var(--gold)}.gameover{text-align:center;width:min(520px,100%)}.gameover h2{font-size:22px;color:var(--pink);text-shadow:0 0 10px var(--pink)}.final-score{font-size:16px!important;color:var(--ink)}.won{color:var(--gold);font-size:12px!important}.initials-form{display:flex;gap:8px;justify-content:center;margin:10px 0}.initials{width:90px;font:inherit;font-size:16px;text-align:center;text-transform:uppercase;color:var(--ink);background:var(--bg);border:2px solid var(--ink);padding:6px}.scores{list-style:none;padding:0;margin:12px auto;max-width:240px;font-size:10px;counter-reset:rank}.scores li{display:flex;justify-content:space-between;padding:4px 0;counter-increment:rank}.scores li:before{content:counter(rank) ".";color:var(--muted);width:28px;text-align:left}.scores li span:first-child{flex:1;text-align:left}.scores li.mine{color:var(--gold)}.real-cta{margin:18px 0;padding:14px;border:2px dashed var(--gold)}.real-cta p{color:var(--gold);margin-top:0}.gameover .manual-actions{justify-content:center}.noscript{padding:24px;font-family:system-ui,sans-serif;line-height:1.6}.noscript a{color:var(--neon)}@media(max-width:640px){.brand{font-size:10px}.btn{font-size:8px;padding:7px 8px}.prompt{flex-direction:column;align-items:stretch;padding:12px}.prompt h2{font-size:11px}.prompt p{font-size:8px}}@media(max-height:500px){.gamebar{padding:4px 8px}.gamebar .btn{font-size:7px;padding:4px 6px;box-shadow:2px 2px #000}.gamebar kbd{display:none}}@media(prefers-reduced-motion:reduce){.blink{animation:none}.prompt{transition:none}}
