html,body,#root{box-sizing:border-box;background-color:#0d0e15;width:100%;height:100%;margin:0;padding:0}*,:before,:after{box-sizing:inherit}.mobile-only-block{display:none}@media (width<=768px){.mobile-only-block{display:block}}@font-face{font-family:KRKZ Blockes;src:url(/assets/KRKZ_Blockes.ttf)format("truetype")}:root{--bg-color:#fff;--grid-color:#0000000a;--radial-start:#fff;--radial-end:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-color:#cbd5e1;--panel-bg:#fff;--accent-primary:#3b82f6;--accent-glow:#3b82f60d;--font-headings:"KRKZ Blockes", sans-serif;--font-body:"Instrument Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"KRKZ Blockes", sans-serif;--font-arcade:"KRKZ Blockes", sans-serif;--hairline:1px solid var(--border-color);--btn-bg:#1e293b;--btn-text:#fff;--btn-secondary-bg:#e2e8f0;--btn-secondary-text:#1e293b;--btn-border:1px solid #cbd5e1;--input-bg:#fff;--input-border:#94a3b8;--danger-color:#ef4444;--success-color:#10b981;--warning-color:#f59e0b}body{color:var(--text-primary);font-family:var(--font-body);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-color:#fff;margin:0;padding:0;transition:background-color .2s,color .2s;overflow-x:hidden}.app-root-container{background-color:var(--bg-color);background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:32px 32px,32px 32px;background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);letter-spacing:-.02em;color:var(--text-primary);margin-top:0;font-weight:700}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.editorial-grid{border:var(--hairline);background:var(--panel-bg);grid-template-columns:180px 1px 300px 1px 180px 1px 1fr;gap:0;max-width:1200px;margin:0 auto;display:grid}.lobby-grid{border:var(--hairline);background:var(--panel-bg);grid-template-columns:1fr 1px 1fr;gap:0;max-width:900px;margin:0 auto;display:grid}.editorial-col{box-sizing:border-box;padding:20px}.editorial-divider{background-color:var(--border-color);width:100%;height:100%}.stats-label{font-family:var(--font-headings);letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700}.stats-value{font-family:var(--font-mono);color:var(--text-primary);font-size:24px;font-weight:500}.queue-box{background:var(--bg-color);border:var(--hairline);min-height:48px;font-family:var(--font-headings);justify-content:center;align-items:center;margin-top:4px;padding:10px;font-size:16px;font-weight:700;display:flex}.editorial-input{box-sizing:border-box;background-color:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text-primary);font-family:var(--font-body);outline:none;padding:10px 14px;font-size:13px;transition:border-color .15s}.editorial-input:focus{border-color:var(--text-primary)}.editorial-btn{background-color:var(--btn-bg);color:var(--btn-text);border:var(--btn-border);font-family:var(--font-headings);cursor:pointer;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:opacity .15s,background-color .15s;display:inline-flex}.editorial-btn:hover{opacity:.9}.editorial-btn:disabled{opacity:.4;cursor:not-allowed}.editorial-btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid #0000}.editorial-btn-secondary:hover{background-color:var(--border-color)}.editorial-btn-danger{background-color:var(--danger-color);color:#fff;border:1px solid var(--danger-color)}.lobby-table{border-collapse:collapse;width:100%;margin:10px 0}.lobby-table th,.lobby-table td{text-align:left;border-bottom:var(--hairline);padding:10px 12px;font-size:13px}.lobby-table th{font-family:var(--font-headings);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:700}.lobby-table tr:last-child td{border-bottom:none}@media (width<=768px){.editorial-grid,.lobby-grid{border:none;grid-template-rows:auto;grid-template-columns:1fr}.editorial-divider{display:none}.editorial-col{border-bottom:var(--hairline);padding:14px 10px}}.arcade-panel{background:#0d121eed;border:4px solid #facc15;border-radius:20px;padding:24px;box-shadow:0 12px 36px #000000b3,inset 0 0 20px #facc1526}.arcade-panel-blue{background:#0d121ef2;border:4px solid #3b82f6;border-radius:20px;padding:20px;box-shadow:0 12px 36px #000000b3,inset 0 0 20px #3b82f626}.arcade-title{font-family:var(--font-arcade);text-transform:uppercase;color:#facc15;text-shadow:0 3px #b45309,0 6px 12px #0009;letter-spacing:.1em;font-size:36px;font-weight:900}.arcade-subtitle{font-family:var(--font-arcade);color:#3b82f6;text-shadow:0 1px 2px #0009;text-transform:uppercase;letter-spacing:.15em;font-size:13px;font-weight:700}.arcade-btn{font-family:var(--font-arcade);text-transform:uppercase;color:#fff;cursor:pointer;text-shadow:0 1.5px 2px #0009;-webkit-user-select:none;user-select:none;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:900;transition:all .1s;display:inline-flex}.arcade-btn-yellow{color:#451a03;text-shadow:0 1px #fff6;background:linear-gradient(#fde047 0%,#eab308 100%);border:2px solid #a16207;box-shadow:0 4px #a16207,0 6px 12px #0000004d}.arcade-btn-yellow:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #a16207}.arcade-btn-blue{background:linear-gradient(#60a5fa 0%,#2563eb 100%);border:2px solid #1d4ed8;box-shadow:0 4px #1d4ed8,0 6px 12px #0000004d}.arcade-btn-blue:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #1d4ed8}.arcade-btn-green{background:linear-gradient(#4ade80 0%,#16a34a 100%);border:2px solid #166534;box-shadow:0 4px #166534,0 6px 12px #0000004d}.arcade-btn-green:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #166534}.arcade-btn-red{background:linear-gradient(#f87171 0%,#dc2626 100%);border:2px solid #991b1b;box-shadow:0 4px #991b1b,0 6px 12px #0000004d}.arcade-btn-red:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #991b1b}.arcade-btn-orange{background:linear-gradient(#fb923c 0%,#ea580c 100%);border:2px solid #9a3412;box-shadow:0 4px #9a3412,0 6px 12px #0000004d}.arcade-btn-orange:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #9a3412}.arcade-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.arcade-input{color:#fff;font-family:var(--font-arcade);background:#0d111d;border:3px solid #3b82f6;border-radius:10px;outline:none;padding:10px 14px;font-size:15px;font-weight:700;transition:border-color .15s;box-shadow:inset 0 2px 8px #000c}.arcade-input:focus{border-color:#facc15}.arcade-table{border-collapse:separate;border-spacing:0 6px;width:100%}.arcade-table th{font-family:var(--font-arcade);color:#64748b;text-transform:uppercase;letter-spacing:.08em;padding:6px 12px;font-size:11px;font-weight:800}.arcade-table td{color:#fff;background:#0d111d99;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:8px 12px;font-size:13px}.arcade-table td:first-child{border-left:1px solid #ffffff0d;border-top-left-radius:8px;border-bottom-left-radius:8px}.arcade-table td:last-child{border-right:1px solid #ffffff0d;border-top-right-radius:8px;border-bottom-right-radius:8px}.arcade-header-label{font-family:var(--font-arcade);color:#3b82f6;letter-spacing:.1em;font-size:11px;font-weight:900}.connection-badge{font-family:var(--font-arcade);letter-spacing:.05em;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:900;display:inline-flex}.status-connecting{color:#facc15;background:#eab30826;border:1.5px solid #eab308;animation:1.5s ease-in-out infinite pulse-badge}.status-connected{color:#4ade80;background:#22c55e26;border:1.5px solid #22c55e}.status-disconnected{color:#f87171;background:#ef444426;border:1.5px solid #ef4444;animation:1.5s ease-in-out infinite pulse-badge}@keyframes pulse-badge{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.lobby-container{box-sizing:border-box;width:800px;height:600px;position:absolute;top:0;left:0;overflow:hidden}.lobby-intro-screen{background:0 0;justify-content:center;align-items:center;width:800px;height:600px;display:flex;position:absolute;top:0;left:0}.lobby-arcade-panel{box-sizing:border-box;z-index:10;flex-direction:column;gap:16px;width:460px;height:380px;display:flex;position:absolute;top:110px;left:170px}.lobby-split-grid{flex:1;grid-template-columns:1.05fr 1fr;gap:20px;display:grid}.color-circle{cursor:pointer;border-radius:50%;width:20px;height:20px;transition:all .15s}.lobby-room-screen{background:0 0;justify-content:center;align-items:center;width:800px;height:600px;display:flex;position:absolute;top:0;left:0}.lobby-room-panel{box-sizing:border-box;z-index:10;flex-direction:column;gap:12px;width:720px;height:470px;display:flex;position:absolute;top:70px;left:40px}.lobby-room-split{flex:1;grid-template-columns:1.25fr 1fr;gap:20px;min-height:0;display:grid}.lobby-players-column{flex-direction:column;gap:8px;min-height:0;display:flex;overflow-y:auto}.lobby-comms-column{flex-direction:column;gap:8px;min-height:0;display:flex}@media (width<=768px){.lobby-container{flex-direction:column;min-height:100vh;display:flex;width:100%!important;height:auto!important;position:relative!important;overflow-y:auto!important}.lobby-intro-screen,.lobby-room-screen{min-height:100vh;box-sizing:border-box!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;height:auto!important;padding:40px 16px 24px!important;display:flex!important;position:relative!important}.lobby-arcade-panel{width:100%!important;max-width:480px!important;height:auto!important;margin:0 auto!important;padding:24px 16px!important;position:relative!important;top:auto!important;left:auto!important}.lobby-room-panel{width:100%!important;max-width:600px!important;height:auto!important;margin:0 auto!important;padding:20px 16px!important;position:relative!important;top:auto!important;left:auto!important}.lobby-split-grid{grid-template-columns:1fr!important;gap:24px!important}.lobby-room-split{grid-template-columns:1fr!important;gap:24px!important;height:auto!important}.color-circle{width:26px!important;height:26px!important}.lobby-players-column{border-bottom:2px solid #ffffff14;max-height:220px!important;padding-bottom:20px!important}.lobby-comms-column{height:280px!important}.arcade-btn{padding:12px 20px!important;font-size:15px!important}.arcade-input{padding:12px 14px!important;font-size:16px!important}}.lobby-room-header{border-bottom:1px solid #ffffff1a;flex-direction:column;gap:12px;width:100%;padding-bottom:12px;display:flex}.lobby-room-header-title-row{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.lobby-room-header-status-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}@media (width>=769px){.lobby-room-header{flex-direction:row;justify-content:space-between;align-items:center}.lobby-room-header-title-row,.lobby-room-header-status-row{width:auto}}.extra-opponents-panel{box-sizing:border-box;background:var(--panel-bg);border:var(--hairline);border-radius:16px;flex-flow:wrap;place-content:flex-start center;gap:12px;max-width:320px;padding:16px;display:flex;overflow-y:auto;box-shadow:0 10px 30px #0000000a}.extra-opponents-title{text-align:center;width:100%;color:var(--text-muted);font-family:var(--font-headings);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}@media (width<=768px){.extra-opponents-panel{scrollbar-width:none;background:var(--panel-bg)!important;border:var(--hairline)!important;border-radius:12px!important;flex-flow:row!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:430px!important;height:auto!important;max-height:none!important;margin:8px auto!important;padding:8px!important;overflow:auto hidden!important;box-shadow:0 4px 16px #0000000a!important}.extra-opponents-panel::-webkit-scrollbar{display:none}.extra-opponents-title{display:none!important}}.gameplay-battle-container{box-sizing:border-box;background-color:#0000;background-image:repeating-linear-gradient(-45deg,#ffffff14 0 30px,#0000 30px 60px),radial-gradient(circle,#8de628 0%,#4c9b06 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:16px;flex-direction:column;align-items:center;width:100%;min-height:0;padding:24px;display:flex;position:relative;box-shadow:inset 0 0 40px #0000004d}.arcade-console{box-sizing:border-box;background:linear-gradient(135deg,#2a2a30 0%,#111115 100%);border:6px solid #08080b;border-radius:24px;flex-direction:column;width:396px;padding:12px 14px 14px;display:flex;position:relative;box-shadow:0 16px 32px #0009,inset 0 2px 3px #ffffff1a}.arcade-console-header{background:linear-gradient(90deg,#1d4ed8 0%,#3b82f6 50%,#1d4ed8 100%);border-radius:5px;height:10px;margin-bottom:12px;box-shadow:0 0 10px #3b82f699}.arcade-console-header.opponent{background:linear-gradient(90deg,#ef4444 0%,#f87171 50%,#ef4444 100%);box-shadow:0 0 8px #ef444466}.arcade-console-body{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.console-left-wing,.console-right-wing{flex-direction:column;align-items:center;gap:10px;width:60px;display:flex}.console-middle-well{flex-direction:column;align-items:center;width:196px;display:flex}.console-board-frame{background:#090a0f;border:4px solid #1e202b;border-radius:10px;justify-content:center;align-items:center;padding:2px;display:flex;position:relative;box-shadow:inset 0 0 15px #000000d9}.console-wing-box{flex-direction:column;align-items:center;width:100%;display:flex}.console-wing-label{font-family:var(--font-arcade);color:#fff;text-shadow:1.5px 1.5px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-bottom:4px;font-size:11px}.console-slot-container{box-sizing:border-box;background:#06070a;border:3px solid #1e202b;border-radius:8px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;box-shadow:inset 0 3px 8px #000000e6}.console-slot-container.small{border-radius:6px;width:44px;height:44px;margin-top:4px}.console-decor-bays{flex-direction:column;gap:6px;width:36px;display:flex}.console-decor-bay{color:#ffffff26;width:36px;height:36px;font-family:var(--font-headings);background:#0c0d12;border:2.5px solid #1e202b;border-radius:6px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex;box-shadow:inset 0 2px 5px #000000d9}.console-badge-triangle{border-bottom:35px solid #f97316;border-left:20px solid #0000;border-right:20px solid #0000;justify-content:center;align-items:center;width:0;height:0;margin-top:12px;display:flex;position:relative}.console-badge-triangle-text{font-family:var(--font-arcade);color:#fff;text-shadow:1px 1px #000;font-size:14px;font-weight:700;position:absolute;top:12px;left:-5px}.console-stars-row{justify-content:center;gap:3px;margin-top:8px;display:flex}.console-star{text-shadow:1px 1px #00000080;font-size:14px}.console-star.gold{color:#eab308}.console-star.dark{color:#374151}.console-timer-display{font-family:var(--font-arcade);color:#fbbf24;text-shadow:0 0 5px #fbbf2466;letter-spacing:.05em;background:#000;border:3px solid #111116;border-radius:8px;margin-bottom:12px;padding:4px 16px;font-size:24px;display:inline-block;box-shadow:inset 0 2px 6px #000000e6}.opponent-board-card.arcade-mini{box-sizing:border-box;background:linear-gradient(135deg,#2a2a30 0%,#111115 100%);border:3px solid #08080b;border-radius:12px;flex-direction:column;align-items:center;width:116px;padding:6px;display:flex;box-shadow:0 6px 14px #0006,inset 0 1px 2px #ffffff1a}.opponent-board-card.arcade-mini.desktop{width:136px}.opponent-mini-header{box-sizing:border-box;background:#090a0f;border-radius:4px;justify-content:space-between;align-items:center;width:100%;height:16px;margin-bottom:6px;padding:0 4px;display:flex}.opponent-mini-name{font-family:var(--font-headings);color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:70px;font-size:9px;font-weight:700;overflow:hidden}.opponent-mini-header-indicator{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 4px #10b981}.opponent-mini-header-indicator.eliminated{background:#ef4444;box-shadow:0 0 4px #ef4444}.opponents-grid-panel{grid-template-columns:repeat(3,1fr);place-items:start center;gap:12px;display:grid}@media (width<=768px){.opponents-grid-panel{scrollbar-width:none;flex-flow:row;gap:4px;width:100%;max-width:430px;padding:2px 4px;display:flex;overflow-x:auto}.opponents-grid-panel::-webkit-scrollbar{display:none}.opponent-board-card.arcade-mini{border-radius:6px;width:76px;padding:4px}.opponent-mini-header{height:12px;margin-bottom:2px;padding:0 2px}.opponent-mini-name{font-size:6.5px}.opponent-mini-header-indicator{width:3px;height:3px}.opponent-stats{margin-top:1px!important;font-size:6.5px!important}.console-stars-row{gap:1px!important;margin-top:1px!important}.console-stars-row .console-star{font-size:6.5px!important}}@media (width<=430px){.arcade-console{box-sizing:border-box;max-width:396px;border-width:4px!important;border-radius:16px!important;width:100%!important;padding:8px 8px 10px!important}.arcade-console-body{gap:6px!important}.console-left-wing,.console-right-wing{width:48px!important}.console-slot-container{width:40px!important;height:40px!important}.console-slot-container.small{width:32px!important;height:28px!important}.console-decor-bay{width:32px!important;height:32px!important;font-size:10px!important}.console-timer-display{border-width:2px!important;margin-bottom:2px!important;padding:2px 10px!important;font-size:16px!important;transform:none!important}.gameplay-battle-container{gap:2px!important;padding:4px!important}}@media (width<=360px){.arcade-console{border-width:3px!important;padding:6px 4px 8px!important}.console-left-wing,.console-right-wing{width:40px!important}.console-slot-container{width:34px!important;height:34px!important}.console-decor-bay{width:28px!important;height:28px!important}}.mobile-controls-panel{box-sizing:border-box;background:linear-gradient(#2a2a30 0%,#15151c 100%)!important;border:4px solid #08080b!important;box-shadow:0 -10px 30px #00000080,inset 0 2px 3px #ffffff1a!important}.arcade-push-btn{cursor:pointer;text-transform:uppercase;color:#fff;-webkit-user-select:none;user-select:none;box-sizing:border-box;outline:none;flex-direction:column;justify-content:center;align-items:center;transition:transform 50ms,box-shadow 50ms;display:inline-flex;font-family:var(--font-arcade)!important;text-shadow:0 1.5px 2px #000c!important}.arcade-push-btn:active{transform:translateY(3px)!important}.arcade-push-btn-red{background:radial-gradient(circle,#f87171 0%,#b91c1c 100%);border:3px solid #7f1d1d;box-shadow:0 4px #7f1d1d,inset 0 2px 3px #fff6}.arcade-push-btn-red:active{box-shadow:0 1px #7f1d1d!important}.arcade-push-btn-yellow{color:#451a03;background:radial-gradient(circle,#fde047 0%,#ca8a04 100%);border:3px solid #854d0e;box-shadow:0 4px #854d0e,inset 0 2px 3px #fff6;text-shadow:0 1px #fff6!important}.arcade-push-btn-yellow:active{box-shadow:0 1px #854d0e!important}.arcade-push-btn-orange{background:radial-gradient(circle,#ff9736 0%,#ea580c 100%);border:3px solid #9a3412;box-shadow:0 4px #9a3412,inset 0 2px 3px #fff6}.arcade-push-btn-orange:active{box-shadow:0 1px #9a3412!important}.arcade-push-btn-green{background:radial-gradient(circle,#34d399 0%,#059669 100%);border:3px solid #065f46;box-shadow:0 4px #065f46,inset 0 2px 3px #fff6}.arcade-push-btn-green:active{box-shadow:0 1px #065f46!important}.arcade-push-btn-cyan{background:radial-gradient(circle,#22d3ee 0%,#0891b2 100%);border:3px solid #155e75;box-shadow:0 4px #155e75,inset 0 2px 3px #fff6}.arcade-push-btn-cyan:active{box-shadow:0 1px #155e75!important}.arcade-push-btn-purple{background:radial-gradient(circle,#f472b6 0%,#db2777 100%);border:3px solid #9d174d;box-shadow:0 4px #9d174d,inset 0 2px 3px #fff6}.arcade-push-btn-purple:active{box-shadow:0 1px #9d174d!important}