*{margin:0;padding:0;box-sizing:border-box}:root{--bg-top: #ffffff;--bg-bottom: #eef3fa;--panel-blue: #f8fbff;--panel-cream: #ffffff;--panel-yellow: #f4f8ff;--ink: #1e3557;--soft-ink: #5e7597;--line-dark: #cfddee;--line-light: rgba(255, 255, 255, .95);--button-green: #73c98a;--button-green-dark: #4ca366;--button-red: #ea8d83;--button-red-dark: #c66a61;--button-blue: #7aa9ea;--button-blue-dark: #5888c9;--shadow: rgba(24, 49, 87, .08);--overlay: rgba(229, 238, 250, .78);--topbar-height: 88px;--sidebar-width: 300px;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px}.hidden{display:none!important}html,body{min-height:100%}body{overflow:hidden;color:var(--ink);font-family:Trebuchet MS,Segoe UI,Tahoma,Arial,sans-serif;background:radial-gradient(circle at top,#ffffffd9,#fff0 48%) 50% 0 / 100% 280px no-repeat,linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.12;background:linear-gradient(45deg,rgba(255,255,255,.22) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.22) 50%,rgba(255,255,255,.22) 75%,transparent 75%,transparent) 0 0 / 18px 18px}canvas{display:block;width:100%;height:100%}#app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);grid-template-rows:var(--topbar-height) minmax(0,1fr);height:100vh;gap:12px;padding:12px}#topbar,#sidebar,#game-shell,#overlay-content,#multiplayer-content,.sidebar-panel,.room-list-item,#room-name-input,#room-code-input{border:1px solid var(--line-dark);box-shadow:inset 0 1px 0 var(--line-light),0 10px 24px var(--shadow);border-radius:var(--radius-lg)}#topbar,#sidebar,#game-shell{min-width:0;min-height:0;background:linear-gradient(180deg,#fff,#f2f7ff)}#topbar{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 20px;background:linear-gradient(180deg,#fff,#f4f8ff)}.topbar-brand{display:flex;flex-direction:column;gap:2px}.topbar-kicker,.panel-label,.status-pill,#room-hud,#controls-hint,#status-text,.sidebar-list,.menu-eyebrow,.room-list-meta,.room-list-empty,.status-waiting-label,.menu-divider span,#solo-btn,#create-room-btn,#join-room-btn,#copy-room-btn,#restart-btn,#room-name-input,#room-code-input{font-family:Trebuchet MS,Segoe UI,Tahoma,Verdana,sans-serif;text-transform:uppercase}.topbar-kicker{font-size:11px;letter-spacing:1.8px;color:#5f7492}.topbar-brand strong{display:inline-block;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:34px;line-height:.95;letter-spacing:2.2px;text-transform:uppercase;color:#58683a;text-shadow:0 1px 0 rgba(255,255,255,.9),0 2px 0 rgba(203,214,184,.9),0 3px 8px rgba(56,72,39,.16)}.topbar-tagline{font-size:12px;color:#55709b}#center-hud{min-width:0;font-size:15px;font-weight:700;text-align:center;letter-spacing:.2px}.topbar-status{display:flex;align-items:center;gap:12px}.status-pill,#room-hud{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid rgba(95,127,180,.32);border-radius:999px;background:linear-gradient(180deg,#fffffff0,#e4efff);color:#1b4176;font-size:12px;font-weight:700;letter-spacing:.6px}.room-hud-label{color:#6a4600}#copy-room-btn{min-height:28px;padding:5px 12px;border:1px solid #72b67a;border-radius:999px;background:linear-gradient(180deg,#8ee09a,#68bd74);color:#17471e;font-size:11px;font-weight:700;cursor:pointer;transition:transform .15s ease,filter .15s ease}#copy-room-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}#sidebar{display:flex;flex-direction:column;gap:12px;padding:12px;background:linear-gradient(180deg,#fbfdff,#edf4fd)}.sidebar-panel{padding:16px;background:linear-gradient(180deg,#fff,#f7faff);border-radius:var(--radius-md)}.sidebar-panel.emphasis{background:linear-gradient(180deg,#fff,#f2f7ff)}.panel-label{margin-bottom:10px;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#7187a6}#player-hud{font-size:22px;font-weight:700;color:#173c77}#player-name{display:block;margin-top:4px;font-size:11px;color:#49628d}.life-strip{margin-top:14px}#player-lives{display:block;margin-top:4px;font-size:24px;letter-spacing:4px;color:#c5372e}#effects-hud{min-height:36px;font-size:12px;line-height:1.6;color:#445e87}.account-copy{font-size:12px;line-height:1.6;color:#486381}.account-actions,.profile-actions,.auth-footer-actions{display:flex;gap:10px;margin-top:12px}.account-btn,.auth-link-btn{min-height:38px;padding:9px 12px;border:1px solid #5a86c2;border-radius:10px;background:linear-gradient(180deg,#8cb6ff,#71a0e2);color:#173b76;font-family:Trebuchet MS,Segoe UI,Tahoma,Verdana,sans-serif;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:transform .15s ease,filter .15s ease}.account-btn.secondary,.auth-link-btn{border-color:#c6d4e9;background:linear-gradient(180deg,#fff,#e7eef8);color:#355175}.account-btn:hover,.auth-link-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.account-identity{display:flex;flex-direction:column;gap:3px}#account-display-name{font-size:18px;color:#173c77}#account-email{font-size:11px;color:#6a83a4}.account-stat-grid,.profile-stats-grid,.analytics-stat-grid{display:grid;gap:8px;margin-top:12px}.account-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-stat,.profile-stat,.analytics-stat{padding:10px;border:1px solid rgba(99,129,179,.2);border-radius:12px;background:#f7faffeb}.account-stat-label,.profile-stat-label,.analytics-stat-label{display:block;margin-bottom:4px;font-size:10px;font-weight:700;letter-spacing:.8px;color:#7187a6;text-transform:uppercase}.account-stat-value,.profile-stat strong,.analytics-stat-value{font-size:18px;color:#173b76}.analytics-copy{margin-top:10px;font-size:12px;line-height:1.5;color:#587293}.analytics-header-actions{display:flex;justify-content:flex-end;gap:10px;margin-bottom:12px}.analytics-dashboard-grid{margin-top:0}.analytics-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.analytics-section{padding:14px;border:1px solid rgba(29,66,122,.22);border-radius:14px;background:#f7faffeb}.analytics-bars{display:grid;gap:8px}.analytics-bar-row{display:grid;grid-template-columns:58px minmax(0,1fr) 40px;align-items:center;gap:8px}.analytics-bar-label,.analytics-bar-value{font-size:11px;font-weight:700;color:#5d789f}.analytics-bar-track{position:relative;height:10px;overflow:hidden;border-radius:999px;background:#9db7dc47}.analytics-bar-fill{height:100%;min-width:2px;border-radius:999px;background:linear-gradient(90deg,#7db4ff,#4f89d5)}.analytics-list{display:grid;gap:8px}.analytics-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid rgba(99,129,179,.18);border-radius:10px;background:#ffffffb3}.analytics-list-key{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#284266}.analytics-list-value{flex-shrink:0;font-size:12px;font-weight:700;color:#173b76}.analytics-empty{font-size:12px;color:#587293}.global-stat-row{margin-top:12px;padding-top:10px;border-top:1px solid rgba(99,129,179,.2)}.global-stat-value{display:inline-block;margin-top:4px;font-size:12px;font-weight:700;letter-spacing:.6px;color:#234a7b}.room-list{display:grid;gap:10px}.room-list-item{display:grid;gap:4px;width:100%;padding:12px 14px;text-align:left;background:linear-gradient(180deg,#fff,#ebf3ff);cursor:pointer;border-radius:var(--radius-md);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.room-list-item:hover{filter:brightness(1.02);transform:translateY(-1px);box-shadow:0 12px 22px #243f701f}.room-list-name{font-size:14px;font-weight:700;color:#1d4c96}.room-list-meta,.room-list-empty{font-size:11px;letter-spacing:.3px;color:#4c6389}.sidebar-list{padding-left:18px;font-size:12px;line-height:1.7;color:#284266}#game-shell{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#f2f7ff)}.game-header-strip{position:absolute;top:10px;left:10px;right:10px;z-index:2;display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(99,129,179,.28);border-radius:999px;background:#ffffffb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;font-weight:700;letter-spacing:1.1px;color:#617ca6;text-transform:uppercase}#game-viewport{width:100%;height:100%}#controls-hint{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;padding:11px 14px;border:1px solid rgba(99,129,179,.28);border-radius:999px;background:#ffffffc2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;font-weight:700;letter-spacing:.8px;color:#5d789f;text-align:center}#overlay,#multiplayer{position:fixed;top:calc(12px + var(--topbar-height) + 12px);right:12px;bottom:12px;left:calc(12px + var(--sidebar-width) + 12px);display:flex;align-items:center;justify-content:center;background:var(--overlay)}#overlay,#multiplayer{z-index:5}#overlay.hidden,#multiplayer.hidden{display:none}#overlay-content,#multiplayer-content{width:min(520px,calc(100vw - 48px));padding:28px 30px;text-align:center;background:linear-gradient(180deg,#fff,#f4f8ff);border-radius:24px}#overlay-title,#multiplayer-content h1{font-size:clamp(34px,5vw,48px);line-height:1;letter-spacing:1px;color:#173b76;text-shadow:0 1px 0 rgba(255,255,255,.85)}#overlay-sub,#multiplayer-content p{margin-top:10px;font-size:14px;line-height:1.6;color:#637da5}#scoreboard{width:min(300px,100%);margin:18px auto 14px;padding:4px 12px;border:1px solid rgba(99,129,179,.2);border-radius:var(--radius-md);background:#f5f9ffe0}.score-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(99,129,179,.18);font-size:13px}.score-row:last-child{border-bottom:0}.score-winner{font-weight:700}.score-dot{font-size:16px;flex-shrink:0}.score-name{flex:1;text-align:left;color:#284266}.score-wins{min-width:24px;font-size:24px;font-weight:700;color:#173b76;text-align:right}#overlay-countdown{min-height:20px;margin-bottom:12px;font-size:12px;font-weight:700;letter-spacing:.6px;color:#7187aa}#restart-btn,#solo-btn,#create-room-btn,#join-room-btn{min-height:46px;padding:11px 18px;border:1px solid;border-radius:12px;font-size:13px;font-weight:700;letter-spacing:.8px;cursor:pointer;box-shadow:0 10px 18px #1f36631f;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}#restart-btn,#solo-btn{border-color:var(--button-green-dark);background:linear-gradient(180deg,#86dd90 0%,var(--button-green) 100%);color:#17461e}#create-room-btn{border-color:var(--button-blue-dark);background:linear-gradient(180deg,#8cb6ff 0%,var(--button-blue) 100%);color:#18376f}#join-room-btn{border-color:var(--button-red-dark);background:linear-gradient(180deg,#ffaaa0 0%,var(--button-red) 100%);color:#67211d}#restart-btn:hover,#solo-btn:hover,#create-room-btn:hover,#join-room-btn:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 14px 22px #1f366324}.menu-eyebrow{margin-bottom:8px;font-size:11px;font-weight:700;letter-spacing:1.6px;color:#7b94bb}.room-actions{display:flex;flex-direction:column;gap:14px;width:min(420px,100%);margin:18px auto 0}.menu-divider{display:flex;align-items:center;gap:10px}.menu-divider:before,.menu-divider:after{content:"";flex:1;height:1px;background:#6381b33d}.menu-divider span{font-size:11px;font-weight:700;color:#8aa0c4}.online-actions{display:grid;gap:10px}#room-name-input,#room-code-input{width:100%;min-width:0;min-height:44px;padding:10px 12px;background:#fff;border-radius:var(--radius-sm);color:var(--ink);font-size:13px;font-weight:700;letter-spacing:.5px}#room-code-input{letter-spacing:2px}.join-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}#status-text{margin-top:16px;min-height:18px;font-size:12px;font-weight:700;letter-spacing:.6px;color:#6a82a7}#status-text.status-waiting{display:inline-flex;align-items:center;justify-content:center;gap:8px}.status-waiting-dots{display:inline-flex;gap:5px}.status-waiting-dots span{width:8px;height:8px;border-radius:999px;background:#7ea8f2;animation:waitingBlink 1.2s ease-in-out infinite}.status-waiting-dots span:nth-child(2){animation-delay:.2s}.status-waiting-dots span:nth-child(3){animation-delay:.4s}@keyframes waitingBlink{0%,to{opacity:.35}50%{opacity:1}}.auth{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#e6eef9db;z-index:6}.auth.hidden{display:none}.auth-shell{display:grid;grid-template-columns:minmax(240px,1fr) minmax(260px,360px);gap:18px;width:min(92vw,900px);padding:20px;border:2px solid var(--line-dark);box-shadow:inset 1px 1px 0 var(--line-light),inset -1px -1px #192f5657,0 3px #0d1b3733;background:linear-gradient(180deg,#fff,#eef4fd)}.auth-brand h1{font-size:40px;letter-spacing:1px;color:#173b76}.auth-brand p{margin:10px 0 14px;font-size:14px;line-height:1.6;color:#39547f}.auth-badge{display:inline-block;padding:5px 10px;border:1px solid rgba(29,66,122,.28);background:#ffffff73;font-size:11px;font-weight:700;color:#667f9f;text-transform:uppercase}.auth-card{padding:18px;border:1px solid rgba(29,66,122,.28);background:#ffffff85}.profile-shell{width:min(96vw,980px)}.analytics-shell{width:min(96vw,1100px)}.profile-card,.analytics-card{text-align:left}.auth-tabs{display:flex;gap:8px;margin-bottom:14px}.auth-tabs button,#auth-submit{font-family:Trebuchet MS,Tahoma,Verdana,sans-serif;text-transform:uppercase;font-weight:700;cursor:pointer}.auth-tabs button{flex:1;min-height:38px;border:1px solid rgba(29,66,122,.28);background:linear-gradient(180deg,#fff,#dcecff);color:#294266}.auth-tabs button.active{background:linear-gradient(180deg,#edf5ff,#d8e9ff);color:#2d4f7f}.field-row{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field-row label{font-size:11px;font-weight:700;color:#6c84a3;text-transform:uppercase}.field-row input{min-height:40px;padding:9px 10px;border:1px solid rgba(29,66,122,.28);background:#fff;color:#173b76;font-family:Tahoma,Verdana,Arial,sans-serif}.profile-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-color-grid input[type=color]{width:100%;min-height:48px;padding:4px;cursor:pointer}.profile-preview{margin:14px 0;padding:14px;border:1px solid rgba(29,66,122,.22);border-radius:14px;background:linear-gradient(180deg,#ffffffd1,#eaf3ffe6)}.profile-preview-label{display:block;margin-bottom:10px;font-size:11px;font-weight:700;letter-spacing:.8px;color:#7088aa;text-transform:uppercase}.profile-preview-tank{position:relative;width:92px;height:52px}.preview-body,.preview-accent{position:absolute;display:block}.preview-body{top:10px;right:0;bottom:6px;left:0;border-radius:14px;background:#25c;box-shadow:inset 0 -4px #0000001a}.preview-accent{left:24px;top:0;width:44px;height:18px;border-radius:10px 10px 8px 8px;background:#9fc2ff}.profile-nemesis{margin:14px 0;padding:14px;border:1px solid rgba(29,66,122,.22);border-radius:14px;background:#f7faffeb}.profile-nemesis-empty{font-size:13px;color:#587293}.profile-nemesis-card strong{display:block;font-size:18px;color:#173b76}.profile-nemesis-meta{display:grid;gap:6px;margin-top:8px;font-size:12px;color:#486381}#profile-status,#analytics-status{margin-top:10px;min-height:16px;font-size:12px;color:#294266}.field-row.hidden{display:none}#auth-submit{width:100%;min-height:42px;border:2px solid var(--button-green-dark);background:linear-gradient(180deg,#92eb72 0%,var(--button-green) 100%);color:#163c10}#auth-status{margin-top:10px;min-height:16px;font-size:12px;color:#294266}@media(max-width:780px){:root{--topbar-height: auto;--sidebar-width: 100%;--radius-lg: 14px;--radius-md: 12px}body{overflow:auto}#app-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(80dvh,1fr) auto;height:auto;min-height:100dvh;gap:8px;padding:8px}#topbar{grid-column:1;grid-template-columns:1fr;justify-items:stretch;gap:10px;padding:12px 14px}.topbar-status{flex-wrap:wrap}#sidebar{grid-column:1;grid-row:3;gap:8px;padding:8px}#game-shell{grid-row:2;min-height:80dvh}.game-header-strip{flex-direction:column;align-items:flex-start;top:8px;left:8px;right:8px;padding:8px 10px;font-size:10px}#controls-hint{left:8px;right:8px;bottom:8px;padding:9px 10px;font-size:10px}#overlay,#multiplayer{top:12px;right:12px;bottom:12px;left:12px}#overlay-content,#multiplayer-content{width:100%}.join-row{grid-template-columns:1fr}.sidebar-panel{padding:12px}.auth-shell{grid-template-columns:1fr}.account-actions,.profile-actions,.auth-footer-actions,.profile-color-grid,.account-stat-grid,.analytics-sections{grid-template-columns:1fr;flex-direction:column}}