:root{--bg: #0a0e1a;--panel: #12182a;--panel2: #1a2140;--text: #eef1fa;--muted: #8a93b8;--accent: #4db8ff;--danger: #ff5d6c;--radius: 16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%}#app{height:100dvh;display:flex;flex-direction:column;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;animation:pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes pop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.title{font-size:40px;font-weight:900;letter-spacing:-1px;margin:0;background:linear-gradient(90deg,#ff5d6c,#ffd24d,#4db8ff,#5dff9a);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{color:var(--muted);margin:0 0 8px;font-size:14px}.card{width:100%;max-width:420px;background:var(--panel);border:1px solid #232a48;border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:14px}input[type=text],input[type=tel]{width:100%;background:var(--panel2);border:1px solid #2a3356;color:var(--text);border-radius:12px;padding:12px 14px;font-size:17px;outline:none}input:focus{border-color:var(--accent)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:12px;padding:13px 16px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .08s ease}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent);color:#03212a}.btn-ghost{background:var(--panel2);color:var(--text);border:1px solid #2a3356}.btn-danger{background:var(--danger);color:#2a060b}.btn-sm{padding:9px 12px;font-size:14px}.btn:disabled{opacity:.4;cursor:default}.code-big{font-size:42px;font-weight:900;letter-spacing:8px;text-align:center;margin:4px 0}.player-list{display:flex;flex-direction:column;gap:8px}.player-row{display:flex;align-items:center;gap:10px;background:var(--panel2);padding:10px 12px;border-radius:12px}.player-dot{width:14px;height:14px;border-radius:50%;flex:none}.badge{font-size:11px;padding:2px 8px;border-radius:999px;background:#2a3356;color:var(--muted)}.badge.host{background:#3a3b12;color:#ffd24d}#game-root{flex:1;display:flex;flex-direction:column;min-height:0}.hud{display:flex;align-items:center;gap:8px;padding:8px 10px;flex-wrap:wrap}.hud .stat{font-variant-numeric:tabular-nums;font-weight:700;font-size:14px}.hud .stat.shield{color:var(--accent)}.hud .stat.wave{color:#ffd24d}#stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:0}canvas#arena{width:100%;height:100%;max-width:100%;max-height:100%;aspect-ratio:1 / 1;touch-action:none;background:#080b14;border-radius:14px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05060cd6;display:flex;align-items:center;justify-content:center;z-index:50;animation:fade .2s ease}.overlay .card{max-width:380px}.countdown{font-size:100px;font-weight:900;animation:pop .4s cubic-bezier(.34,1.56,.64,1)}.toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:var(--panel2);border:1px solid #2a3356;padding:10px 16px;border-radius:999px;z-index:100;animation:fade .2s ease}.icon-btn{width:42px;height:42px;border-radius:12px;background:var(--panel2);border:1px solid #2a3356;color:var(--text);font-size:20px;display:grid;place-items:center;cursor:pointer}.upgrade-grid{display:grid;grid-template-columns:1fr;gap:10px;width:100%}.upgrade-option{display:flex;align-items:center;gap:12px;background:var(--panel2);border:1px solid #2a3356;border-radius:12px;padding:12px 14px;cursor:pointer;text-align:left;font-size:15px;color:var(--text);transition:transform .08s ease,border-color .1s ease}.upgrade-option:active{transform:scale(.97);border-color:var(--accent)}.upgrade-option .icon{font-size:26px;flex:none}.upgrade-option .info{display:flex;flex-direction:column;gap:2px}.upgrade-option .info .name{font-weight:700}.upgrade-option .info .desc{font-size:12px;color:var(--muted)}.awards{display:flex;flex-direction:column;gap:8px;width:100%}.award-row{display:flex;justify-content:space-between;gap:8px;font-size:14px;padding:6px 0;border-bottom:1px solid #1a2140}.award-row .who{color:var(--muted)}.hint{color:var(--muted);font-size:12px;text-align:center}.row{display:flex;gap:10px;width:100%}.row>*{flex:1}.rotate-hint{position:fixed;top:0;right:0;bottom:0;left:0;background:#05060cf5;display:none;align-items:center;justify-content:center;z-index:200;text-align:center;padding:24px;font-size:18px;color:var(--muted)}@media (orientation: landscape) and (max-height: 500px){.rotate-hint{display:flex}}