:root{color-scheme:dark;--bg: #0a0c10;--panel: #12161f;--neon: #7dffb3;--amber: #ffc857;--pink: #ff6b9d;--muted: #8b93a7;--frame: #1c2333;--scan: rgba(0, 0, 0, .18)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(ellipse at top,#152033 0%,var(--bg) 55%),var(--bg);color:#e8ecf5;font-family:"Press Start 2P",ui-monospace,monospace}body{display:flex;justify-content:center;align-items:flex-start;padding:1.25rem 1rem 2rem}#shell{width:min(100%,920px);display:flex;flex-direction:column;gap:.85rem}.brand{text-align:center}.brand h1{margin:0;font-size:clamp(1.1rem,3vw,1.6rem);letter-spacing:.18em;color:var(--neon);text-shadow:0 0 12px rgba(125,255,179,.45),3px 3px 0 #0d3d28}.tagline{margin:.55rem 0 0;font-size:.55rem;color:var(--muted);letter-spacing:.04em;line-height:1.6}#game-frame{position:relative;background:var(--frame);border:4px solid #2a3448;border-radius:10px;box-shadow:0 0 0 2px #0a0c10,0 18px 50px #0000008c,inset 0 0 40px #00000059;overflow:hidden}#game-container{width:100%;aspect-ratio:768 / 576;background:#000}#game-container canvas{display:block;width:100%!important;height:100%!important;image-rendering:pixelated;image-rendering:crisp-edges}.crt-overlay{pointer-events:none;position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,var(--scan) 50%);background-size:100% 3px;mix-blend-mode:multiply;opacity:.55}.crt-overlay:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.35) 100%)}.site-footer{display:flex;flex-direction:column;gap:.75rem}.help{display:flex;flex-wrap:wrap;gap:.55rem 1rem;justify-content:center;font-size:.45rem;color:var(--muted);line-height:1.5}.help span{padding:.35rem .5rem;border:1px solid #2a3448;border-radius:4px;background:#12161fcc}.legal{display:flex;flex-direction:column;align-items:center;gap:.65rem;padding-top:.35rem;border-top:1px solid #1c2333}.legal-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .75rem}.auth-status{font-size:.38rem;color:var(--muted);max-width:220px;text-align:center;line-height:1.5}.ghost-btn{background:transparent!important;color:var(--amber)!important;border-color:#5c4d20!important}.auth-panel form{margin-bottom:.75rem}.auth-magic{padding-top:.5rem;border-top:1px solid #2a3448}.auth-extra{flex-wrap:wrap;justify-content:center}#auth-guest-form .btn,#auth-magic-form .btn{margin-top:.45rem;width:100%}.copyright{margin:0;font-size:.42rem;color:var(--muted);letter-spacing:.04em;line-height:1.7;text-align:center}.copyright-sub{display:block;color:#5c6578;margin-top:.25rem}.feedback-btn{font-family:inherit;font-size:.45rem;letter-spacing:.06em;color:var(--bg);background:var(--amber);border:2px solid #c9a227;border-radius:4px;padding:.45rem .75rem;cursor:pointer;box-shadow:2px 2px #0a0c10}.feedback-btn:hover{filter:brightness(1.08)}.feedback-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #0a0c10}.settings-form{display:flex;flex-direction:column;gap:.7rem}.settings-check{display:flex;align-items:center;gap:.55rem;font-size:.45rem;color:var(--muted);letter-spacing:.04em;cursor:pointer}.settings-check input{width:1rem;height:1rem;accent-color:var(--neon);cursor:pointer}.settings-row{display:flex;flex-direction:column;gap:.35rem;font-size:.42rem;color:var(--muted);letter-spacing:.04em}.settings-row strong{color:var(--neon);font-weight:400}.settings-row input[type=range]{width:100%;accent-color:var(--amber);cursor:pointer}.settings-actions{margin-top:.35rem;justify-content:space-between}.feedback-modal{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;padding:1rem;background:#05070cc7;backdrop-filter:blur(3px)}.feedback-modal.is-open{display:flex}.feedback-panel{width:min(100%,420px);background:var(--panel);border:3px solid var(--amber);border-radius:8px;box-shadow:0 0 0 2px #0a0c10,0 20px 50px #000000a6;padding:1rem 1.1rem 1.15rem}.feedback-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.feedback-header h2{margin:0;font-size:.65rem;color:var(--amber);letter-spacing:.08em}.feedback-x{font-family:inherit;font-size:1rem;line-height:1;color:var(--muted);background:transparent;border:none;cursor:pointer;padding:.15rem .35rem}.feedback-blurb{margin:0 0 .85rem;font-size:.42rem;color:var(--muted);line-height:1.7}.feedback-blurb strong{color:var(--neon);font-weight:400}#feedback-form{display:flex;flex-direction:column;gap:.65rem}#feedback-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.42rem;color:var(--muted);letter-spacing:.04em}#feedback-form input,#feedback-form textarea{font-family:inherit;font-size:.5rem;color:#e8ecf5;background:#0a0c10;border:2px solid #2a3448;border-radius:4px;padding:.55rem .6rem;line-height:1.5;resize:vertical}#feedback-form input:focus,#feedback-form textarea:focus{outline:none;border-color:var(--neon)}#feedback-form .hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.feedback-status{min-height:1.1rem;margin:0;font-size:.4rem;line-height:1.5;color:var(--muted)}.feedback-status[data-kind=ok]{color:var(--neon)}.feedback-status[data-kind=err]{color:#ff8a8a}.feedback-status[data-kind=busy]{color:var(--amber)}.feedback-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.btn{font-family:inherit;font-size:.42rem;letter-spacing:.05em;border-radius:4px;padding:.5rem .75rem;cursor:pointer;border:2px solid #2a3448}.btn.ghost{color:var(--muted);background:transparent}.btn.primary{color:var(--bg);background:var(--neon);border-color:#3a9a68}.btn.primary:disabled{opacity:.55;cursor:wait}@media(max-width:640px){body{padding:.75rem .5rem 1.25rem}.help{font-size:.38rem}.copyright{font-size:.36rem}}