.header-mode-switch{display:flex;align-items:center;gap:8px}.mode-switch-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted);font-size:13px;font-weight:900;text-decoration:none;transition:.18s ease}.mode-switch-btn:hover{border-color:var(--accent);color:var(--text)}.mode-switch-btn.active{background:var(--accent);border-color:var(--accent);color:#07101d}.home-hero{padding-bottom:76px}.compact-hero{padding-bottom:44px}.hero-mode-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px;max-width:760px}.hero-mode-btn{display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,var(--card),#111a30);text-decoration:none;transition:.18s ease}.hero-mode-btn:hover{border-color:var(--accent);transform:translateY(-2px)}.hero-mode-btn span{font-size:11px;font-weight:950;letter-spacing:.15em;color:var(--accent)}.hero-mode-btn strong{font-size:24px}.hero-mode-btn small{font-size:13px;color:var(--muted)}
.mode-section{padding-top:24px}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mode-card{background:linear-gradient(150deg,var(--card),#111a30);border:1px solid var(--line);border-radius:22px;padding:24px;min-width:0}.mode-kicker{display:block;color:var(--accent);font-size:11px;font-weight:950;letter-spacing:.16em}.mode-card h3{font-size:30px;margin:10px 0 8px}.mode-card p{color:var(--muted);line-height:1.75;min-height:84px}.mode-action{width:100%;min-height:52px;border:0;border-radius:14px;background:var(--accent);color:#07101d;font:inherit;font-weight:950;cursor:pointer}.mode-link{display:flex;align-items:center;justify-content:center;text-decoration:none}.mode-action.active{outline:3px solid rgba(125,211,252,.35)}.selected-mode-bar{margin-top:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.selected-mode-bar strong{font-size:15px}
.lobby-section{padding-top:24px}.connection-badge{display:inline-flex!important;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;font-size:13px!important;color:var(--muted)!important;background:var(--panel)}.connection-badge::before{content:'';width:9px;height:9px;border-radius:50%;background:#64748b}.connection-badge[data-state="connected"]{color:var(--good)!important}.connection-badge[data-state="connected"]::before{background:var(--good);box-shadow:0 0 0 5px rgba(134,239,172,.1)}.connection-badge[data-state="waiting"]{color:var(--warn)!important}.connection-badge[data-state="waiting"]::before{background:var(--warn)}.connection-badge[data-state="error"]{color:var(--bad)!important}.connection-badge[data-state="error"]::before{background:var(--bad)}
.lobby-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lobby-card{background:linear-gradient(150deg,var(--card),#111a30);border:1px solid var(--line);border-radius:22px;padding:22px;min-width:0}.lobby-step{display:block;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.14em}.lobby-card h3{font-size:26px;margin:9px 0 8px}.lobby-card>p{color:var(--muted);line-height:1.7;min-height:58px}.lobby-action,.mini-btn{border:0;cursor:pointer;font:inherit;font-weight:900;border-radius:13px}.lobby-action{width:100%;min-height:50px;padding:12px 18px;background:var(--accent);color:#07101d}.lobby-action:disabled{opacity:.45;cursor:not-allowed}.mini-btn{padding:9px 12px;background:#eef3ff;color:#0a1020;font-size:13px}.room-created{margin-top:16px;border-top:1px solid var(--line);padding-top:16px;text-align:center}.room-created>span{display:block;color:var(--muted);font-size:12px}.room-created strong{display:block;font-size:clamp(38px,8vw,60px);letter-spacing:.12em;margin:6px 0 12px;color:var(--warn)}.room-created strong.copy-highlight{outline:3px solid var(--accent);border-radius:10px}.room-created p{color:var(--muted);font-size:13px;margin:10px 0 0}.join-form{display:grid;gap:10px}.join-form label{font-size:12px;color:var(--muted);font-weight:800}.join-form input{width:100%;min-height:52px;border:2px solid var(--line);border-radius:13px;background:#0a1120;color:var(--text);font:inherit;font-size:24px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;text-align:center;outline:none}.join-form input:focus{border-color:var(--accent)}.connection-panel{margin-top:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:15px 17px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 18px}.connection-panel strong{font-size:14px}.connection-panel span{font-size:13px;color:var(--muted)}
.game-card button:disabled{opacity:.5;cursor:not-allowed;background:#778199;color:#111827}.versus-stats .you-stat{border-color:rgba(125,211,252,.55)}.versus-stats .rival-stat{border-color:rgba(167,139,250,.55)}.you-stat strong{color:var(--accent)}.rival-stat strong{color:var(--accent2)}.versus-label,.result-kicker{font-size:12px;font-weight:950;letter-spacing:.18em;color:var(--accent);margin-bottom:9px}.waiting-pulse{display:inline-flex;align-items:center;justify-content:center;min-width:108px;margin-top:12px;padding:11px 18px;border-radius:999px;border:1px solid var(--line);color:var(--warn);font-weight:950;letter-spacing:.14em;animation:waitpulse 1.15s ease-in-out infinite}.countdown-number{font-size:clamp(100px,28vw,210px);font-weight:950;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}.battle-result{min-width:min(520px,92%)}.battle-result h3{font-size:clamp(34px,8vw,54px)}.result-score{display:flex;align-items:center;justify-content:center;gap:16px;margin:18px 0 12px;flex-wrap:wrap}.result-score span{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.1em}.result-score strong{font-size:48px;line-height:1;color:var(--text)}.result-score b{font-size:28px;color:var(--muted)}.tap-button.pressed{transform:scale(.965)}.ghost-btn:disabled{opacity:.38;cursor:not-allowed}.solo-result .result-kicker{color:var(--good)}
@keyframes waitpulse{0%,100%{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}
@media(max-width:700px){.header-inner{align-items:flex-start;flex-direction:column;padding:10px 0}.header-mode-switch{width:100%}.mode-switch-btn{flex:1}.hero-mode-buttons,.mode-grid,.lobby-grid{grid-template-columns:1fr}.mode-card p,.lobby-card>p{min-height:0}.connection-panel{flex-direction:column}.result-score strong{font-size:40px}.room-created strong{font-size:42px}}
@media(prefers-reduced-motion:reduce){.waiting-pulse{animation:none}.hero-mode-btn{transition:none}}