:root{--bg: #0b0f1a;--bg-elev: #131a2b;--bg-elev-2: #1c2540;--accent: #3b82f6;--accent-light: #60a5fa;--text: #e2e8f0;--text-dim: #94a3b8;--danger: #ef4444;--success: #22c55e;--radius: 14px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;user-select:none;-webkit-user-select:none;touch-action:none}#game-root,#ui-root{position:fixed;inset:0}#game-root{z-index:0}#ui-root{z-index:10;pointer-events:none}#ui-root>*{pointer-events:auto}.screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(24px + var(--safe-top)) 20px calc(24px + var(--safe-bottom));background:radial-gradient(ellipse at 50% 30%,#1a2547 0%,var(--bg) 70%)}.card{width:100%;max-width:380px;background:var(--bg-elev);border:1px solid var(--bg-elev-2);border-radius:var(--radius);padding:28px 24px;box-shadow:0 20px 60px #00000080}.card h1{margin:0 0 4px;font-size:28px;letter-spacing:1px;background:linear-gradient(135deg,var(--accent-light),#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.card .subtitle{color:var(--text-dim);font-size:14px;margin:0 0 24px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:6px}.field input{width:100%;padding:14px 16px;background:var(--bg);border:1px solid var(--bg-elev-2);border-radius:10px;color:var(--text);font-size:16px;outline:none;transition:border-color .15s}.field input:focus{border-color:var(--accent)}.btn{width:100%;padding:15px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:filter .15s,transform .05s;margin-top:4px}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--accent),#6366f1);color:#fff}.btn-secondary{background:var(--bg-elev-2);color:var(--text)}.btn:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--danger);font-size:13px;margin-top:12px;text-align:center;min-height:18px}.tabs{display:flex;gap:8px;margin-bottom:20px;background:var(--bg);border-radius:10px;padding:4px}.tabs button{flex:1;padding:10px;border:none;background:transparent;color:var(--text-dim);font-size:14px;font-weight:600;border-radius:8px;cursor:pointer}.tabs button.active{background:var(--bg-elev-2);color:var(--text)}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}