:root{--concrete: #2b2b2e;--concrete-light: #3d3d42;--void: #0d0d0f;--neon: #00f5c8;--neon-dim: #00a88a;--danger: #ff3d5c;--text: #e8e6e3;--font-display: "Archivo Black", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--void);color:var(--text);font-family:var(--font-mono);-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow:hidden}button{font-family:var(--font-display);cursor:pointer;border:3px solid var(--text);background:var(--concrete);color:var(--text);text-transform:uppercase;letter-spacing:.06em;padding:.75rem 1.25rem;transition:transform .08s ease,box-shadow .08s ease,color .15s ease}button:active{transform:translate(2px,2px)}button:focus-visible{outline:2px solid var(--neon);outline-offset:3px}button.primary{border-color:var(--neon);color:var(--void);background:var(--neon);box-shadow:4px 4px 0 var(--concrete-light)}button.ghost{background:transparent;border-color:var(--concrete-light)}a{color:var(--neon)}.app-root{display:flex;flex-direction:column;height:100%}.top-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;padding:.65rem max(1rem,env(safe-area-inset-right)) .65rem max(1rem,env(safe-area-inset-left));border-bottom:2px solid var(--concrete-light);background:var(--concrete)}.top-bar nav a{margin-left:1rem;text-decoration:none;font-family:var(--font-display);font-size:.85rem}.brand{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.04em;color:var(--text);text-decoration:none}.main{flex:1;min-height:0;position:relative}.page{height:100%;overflow:auto;padding:1rem max(1rem,env(safe-area-inset-right)) 1.25rem max(1rem,env(safe-area-inset-left));padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}.page h1{font-family:var(--font-display);font-size:clamp(1.35rem,4vw,1.75rem);margin:0 0 1rem;letter-spacing:.02em}@media(max-width:520px){.page{padding:.75rem max(.75rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}.page h1{line-height:1.15}}.landing-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem;align-items:center}.landing-actions .primary,.landing-actions .ghost{min-height:44px;padding:.65rem 1.1rem;font-size:clamp(.75rem,2.5vw,.9rem)}@media(max-width:520px){.landing-actions{flex-direction:column;align-items:stretch}.landing-actions a,.landing-actions button{width:100%;text-align:center}}.score-preview{list-style:none;padding:0;margin:1rem 0;border:2px solid var(--concrete-light);background:var(--void)}.score-preview li{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--concrete-light);font-size:.85rem}.score-preview li:last-child{border-bottom:none}.play-shell{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--void);padding-bottom:env(safe-area-inset-bottom)}.play-shell .phaser-host{position:absolute;top:0;right:0;bottom:0;left:0}.hud-stack{position:absolute;top:max(.35rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.35rem;max-width:min(22rem,92vw);pointer-events:none}.play-shell .hud{display:flex;gap:clamp(.75rem,3vw,1.25rem);font-family:var(--font-display);font-size:clamp(.78rem,2.8vw,.95rem);color:var(--neon);text-shadow:0 0 12px rgba(0,245,200,.35)}.shield-hud{width:100%;max-width:11rem;display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.58rem;color:#e8e6e3d9}.shield-hud-label{flex-shrink:0;color:var(--neon-dim);text-transform:uppercase;letter-spacing:.08em}.shield-hud-track{flex:1;height:6px;border-radius:3px;background:#3d3d42e6;border:1px solid var(--concrete-light);overflow:hidden}.shield-hud-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--neon-dim),var(--neon));transition:width .08s linear}.play-shell .hud span{color:var(--text);font-family:var(--font-mono);font-size:.8rem}.play-auth-status{position:absolute;top:max(.45rem,env(safe-area-inset-top));left:max(.45rem,env(safe-area-inset-left));z-index:3;max-width:min(14rem,46vw);display:flex;align-items:center;gap:.35rem;padding:.3rem .45rem;border:2px solid var(--concrete-light);background:#0d0d0feb;font-family:var(--font-mono);font-size:.62rem;line-height:1.25;pointer-events:auto}.play-auth-status.play-auth-status--ok{border-color:var(--neon-dim)}.play-auth-status.play-auth-status--warn{border-color:#ff3d5c8c}.play-auth-status .play-auth-dot{width:.45rem;height:.45rem;border-radius:50%;flex-shrink:0;background:var(--concrete-light)}.play-auth-status.play-auth-status--ok .play-auth-dot{background:var(--neon);box-shadow:0 0 6px #00f5c873}.play-auth-status.play-auth-status--warn .play-auth-dot{background:var(--danger)}.play-auth-status .play-auth-avatar{width:20px;height:20px;border-radius:2px;object-fit:cover;flex-shrink:0;border:1px solid var(--concrete-light)}.play-auth-status a{color:var(--neon);text-decoration:underline;text-underline-offset:2px}.controls-hint{position:absolute;bottom:max(.35rem,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:2;font-size:clamp(.55rem,1.8vw,.62rem);color:#e8e6e38c;text-align:center;max-width:min(22rem,94vw);pointer-events:none;font-family:var(--font-mono);line-height:1.35}.controls-hint-mobile{display:none}@media(max-width:520px){.controls-hint-desktop{display:none}.controls-hint-mobile{display:inline}}.play-controls{position:absolute;top:max(2.5rem,calc(env(safe-area-inset-top) + 1.75rem));right:max(.45rem,env(safe-area-inset-right));z-index:3;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem;max-width:46%}.play-control-btn{font-size:clamp(.62rem,2.2vw,.72rem)!important;padding:.45rem .6rem!important;min-height:40px;min-width:72px}@media(pointer:coarse){button{min-height:44px}.tabs button{min-height:44px;padding:.5rem .75rem}}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:.25rem}.modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;background:#0d0d0fd1;padding:1rem}.modal-inner{max-width:min(22rem,calc(100vw - 1.5rem));width:100%;border:3px solid var(--neon-dim);padding:1.25rem max(1rem,env(safe-area-inset-right)) 1.25rem max(1rem,env(safe-area-inset-left));background:var(--concrete)}.modal-inner h2{font-family:var(--font-display);margin:0 0 .75rem;font-size:1.25rem}.modal-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tabs button{font-size:.75rem;padding:.45rem .65rem}.tabs button.active{border-color:var(--neon);color:var(--neon)}table.lb{width:100%;border-collapse:collapse;font-size:.8rem}table.lb th,table.lb td{text-align:left;padding:.45rem .35rem;border-bottom:1px solid var(--concrete-light)}table.lb th{color:var(--neon-dim);font-weight:700}.avatar{width:28px;height:28px;border-radius:2px;object-fit:cover;vertical-align:middle;margin-right:.35rem;border:1px solid var(--concrete-light)}