:root{--v2-panel-bg:#0f172a;--accent-gold:#fbbf24;--gold-text:#fbbf24;--gold-badge-bg:#fbbf2426;--gold-badge-border:#fbbf2459}.light{--v2-panel-bg:#e2e8f0;--accent-gold:#b45309;--gold-text:#b45309;--gold-badge-bg:#b453091f;--gold-badge-border:#b4530959}.dark,html.dark,body.dark{--accent-gold:#fbbf24;--gold-text:#fbbf24;--gold-badge-bg:#fbbf2426;--gold-badge-border:#fbbf2459}@media (max-height:750px){.board{max-width:min(390px,100dvh - 295px)!important}}.v2-layout-container{background:var(--bg-gradient);width:100%;min-width:0;height:100dvh;color:var(--text-main);flex:1;font-family:Outfit,sans-serif;display:flex;position:relative;overflow:hidden}.v2-sidebar{background:var(--v2-panel-bg);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--glass-border);z-index:2000;flex-direction:column;width:320px;max-width:100%;padding-bottom:80px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:2px 0 15px #0000004d}.v2-sidebar.open{transform:translate(0)}.v2-sidebar-header{color:var(--accent-gold);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:25px 20px;font-size:28px;font-weight:800;display:flex}.v2-close-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;padding:10px;font-size:36px;line-height:1}.v2-sidebar-nav{-webkit-overflow-scrolling:touch;flex-direction:column;gap:25px;padding:20px;display:flex}.v2-nav-section{flex-direction:column;gap:8px;display:flex}.v2-nav-section-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:1.5px;margin-bottom:5px;padding:0 10px;font-size:14px;font-weight:700}.v2-nav-item{color:var(--text-main);background:var(--glass-bg);border:1px solid var(--glass-border);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:15px;width:100%;padding:16px 20px;font-size:18px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000d}.v2-nav-item-icon{font-size:24px}.v2-nav-item:hover{background-color:var(--gold-bg);border:1px solid #ffd70033}.v2-nav-item.active{color:var(--accent-gold);border-left:4px solid var(--accent-gold);background:linear-gradient(90deg,#ffd70033 0%,#0000 100%);border-top:1px solid #ffd70033;border-bottom:1px solid #ffd70033}.v2-nav-item.locked{color:var(--text-muted);position:relative}.v2-nav-item.locked:after{content:"🔒";margin-left:auto;font-size:20px}.v2-sidebar-footer{border-top:1px solid var(--glass-border);padding:25px 20px}.v2-user-info{flex-direction:column;gap:15px;display:flex}.v2-main-content{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:column;flex:1;padding-top:75px;display:flex;position:relative;overflow:hidden auto}.v2-main-content::-webkit-scrollbar{width:0;display:none}.v2-header{background:var(--v2-panel-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);z-index:900;justify-content:space-between;align-items:center;padding:15px 20px;display:flex;position:absolute;top:0;left:0;right:0}.v2-hamburger-btn{border:1px solid var(--glass-border);width:44px;height:44px;color:var(--text-main);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#80808026;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;transition:all .2s;display:flex}.v2-hamburger-btn:hover{background:#80808040;border-color:#fff3;transform:scale(1.05)}.v2-header-title{color:var(--text-main);font-size:22px;font-weight:800}.v2-icon-btn{width:44px;height:44px;color:var(--text-main);cursor:pointer;background:#80808026;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex}.v2-icon-btn:hover{background:#80808040;transform:scale(1.05)}.v2-btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;width:100%;padding:15px;font-family:inherit;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #3b82f666}.v2-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.v2-btn-primary:active:not(:disabled){transform:translateY(1px)}.v2-btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.v2-btn-danger{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 15px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s;display:flex}.v2-btn-danger:hover{color:#fca5a5;background:#ef444433;border-color:#ef444480;transform:translateY(-2px)}.v2-bottom-ad{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--glass-border);z-index:800;justify-content:center;align-items:center;height:80px;transition:left .3s;display:flex;position:fixed;bottom:0;left:320px;right:0}.v2-ad-placeholder{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:16px;font-weight:600}.v2-toggle-switch{width:60px;height:34px;display:inline-block;position:relative}.v2-toggle-switch input{opacity:0;width:0;height:0}.v2-slider{cursor:pointer;background-color:#fff3;border-radius:34px;transition:all .4s;position:absolute;inset:0}.v2-slider:before{content:"";background-color:#fff;border-radius:50%;width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px}.v2-toggle-switch input:checked+.v2-slider{background-color:var(--accent-gold)}.v2-toggle-switch input:checked+.v2-slider:before{transform:translate(26px)}@media (max-width:768px){.v2-sidebar{width:100%;max-width:380px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.v2-sidebar.open{transform:translate(0)}.v2-close-btn{display:block}.v2-main-content{padding-top:75px}.v2-bottom-ad{left:0}}.v2-main-content .screen{flex:1;height:100%;min-height:0}.v2-page-container{box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:100%;display:flex}@media (min-width:1024px){.v2-header{left:300px}.v2-sidebar{z-index:10;border-right:1px solid #ffffff1a;flex-shrink:0;width:300px;position:static;transform:none}.v2-sidebar-overlay{display:none!important}.v2-sidebar-header .v2-close-btn{display:none}.v2-hamburger-btn{display:none!important}}.v2-safe-screen{height:100%;padding-bottom:50px;display:block;overflow-y:auto}.safe-cracker-container{flex-direction:column;max-width:100%;height:100%;margin:0 auto;padding:20px;display:flex}@media (min-width:1024px){.v2-safe-screen{flex-direction:column;display:flex;overflow-y:hidden}.safe-cracker-container{flex:1;padding-bottom:0;overflow-y:auto}.v2-container{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.safe-dashboard{flex:1;min-height:0}}.v2-layout-container.view-game .v2-main-content{touch-action:none!important;overflow:hidden!important}.admin-lobbies-card{background:linear-gradient(135deg,#f59e0b14,#d977060a);border:1px solid #f59e0b66;border-radius:14px;margin-bottom:25px;padding:16px 20px;transition:all .2s;box-shadow:0 4px 20px #00000026}.admin-lobbies-title{color:#fbbf24;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.admin-badge-count{border-radius:10px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.admin-badge-count.has-items{color:#4ade80;background:#22c55e33;border:1px solid #22c55e66}.admin-badge-count.empty{color:var(--text-muted);background:#ffffff1a;border:1px solid #0000}.admin-lobbies-desc{color:var(--text-muted);margin-top:2px;font-size:12px}.admin-btn-refresh{color:var(--text-main);cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:6px;padding:6px 12px;font-size:12px;transition:background .15s}.admin-btn-refresh:hover:not(:disabled){background:#ffffff26}.admin-btn-toggle{color:#fbbf24;cursor:pointer;background:#f59e0b26;border:1px solid #f59e0b80;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s}.admin-btn-toggle.open{background:#f59e0b40}.admin-btn-toggle:hover{background:#f59e0b4d}.admin-lobbies-item{background:#0f172a99;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.admin-room-code{letter-spacing:1px;color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d;border-radius:6px;padding:3px 8px;font-family:monospace;font-size:15px;font-weight:700}.admin-status-badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.admin-status-badge.waiting{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.admin-status-badge.active{color:#c084fc;background:#a855f733;border:1px solid #a855f766}.admin-timer-badge{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:6px;padding:4px 9px;font-size:12px;font-weight:600}.admin-team-box-red{color:var(--text-main);background:#ef444414;border:1px solid #ef444440;border-radius:6px;padding:6px 10px;font-size:12px}.admin-team-box-blue{color:var(--text-main);background:#3b82f614;border:1px solid #3b82f640;border-radius:6px;padding:6px 10px;font-size:12px}.admin-btn-join{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:700;transition:background .15s}.admin-btn-join:hover{background:#2563eb}.admin-btn-cancel{color:#f87171;cursor:pointer;background:#ef444433;border:1px solid #ef444466;border-radius:6px;padding:6px 10px;font-size:12px;transition:all .15s}.admin-btn-cancel:hover{color:#fca5a5;background:#ef444459}.light .admin-lobbies-card{background:#fff;border:1.5px solid #d9770666;box-shadow:0 4px 16px #d9770614,0 1px 3px #0000000f}.light .admin-lobbies-title{color:#b45309}.light .admin-badge-count.has-items{color:#15803d;background:#dcfce7;border-color:#86efac}.light .admin-badge-count.empty{color:#64748b;background:#f1f5f9;border-color:#cbd5e1}.light .admin-lobbies-desc{color:#475569}.light .admin-btn-refresh{color:#1e293b;background:#f8fafc;border:1px solid #cbd5e1}.light .admin-btn-refresh:hover:not(:disabled){background:#e2e8f0}.light .admin-btn-toggle{color:#92400e;background:#fef3c7;border-color:#f59e0b}.light .admin-btn-toggle.open{color:#78350f;background:#fde68a}.light .admin-btn-toggle:hover{background:#fde68a}.light .admin-lobbies-item{background:#f8fafc;border:1px solid #e2e8f0;box-shadow:0 1px 4px #0000000d}.light .admin-room-code{color:#1e40af;background:#dbeafe;border-color:#93c5fd}.light .admin-status-badge.waiting{color:#0369a1;background:#e0f2fe;border-color:#7dd3fc}.light .admin-status-badge.active{color:#6b21a8;background:#f3e8ff;border-color:#d8b4fe}.light .admin-timer-badge{color:#92400e;background:#fef3c7;border-color:#fcd34d}.light .admin-team-box-red{color:#1e293b;background:#fef2f2;border-color:#fecaca}.light .admin-team-box-blue{color:#1e293b;background:#eff6ff;border-color:#bfdbfe}.light .admin-btn-join{color:#fff;background:#2563eb}.light .admin-btn-join:hover{background:#1d4ed8}.light .admin-btn-cancel{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.light .admin-btn-cancel:hover{color:#991b1b;background:#fecaca}.arena-grid{box-sizing:border-box;flex:1;grid-template:"team-red team-blue""center-chat center-chat"1fr/1fr 1fr;align-items:stretch;gap:6px;width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.arena-team-red{flex-direction:column;grid-area:team-red;min-width:0;height:auto;min-height:0;max-height:175px;transition:max-height .2s;display:flex;overflow:hidden}.arena-team-blue{flex-direction:column;grid-area:team-blue;min-width:0;height:auto;min-height:0;max-height:175px;transition:max-height .2s;display:flex;overflow:hidden}.arena-team-red.expanded-list,.arena-team-blue.expanded-list{max-height:240px}.arena-center-chat{flex-direction:column;grid-area:center-chat;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}@media (min-width:680px){.arena-grid{grid-template:"team-red center-chat team-blue"1fr/minmax(150px,1fr) minmax(280px,2fr) minmax(150px,1fr);gap:8px}.arena-team-red,.arena-team-blue{height:100%;max-height:none}.arena-team-red.expanded-list,.arena-team-blue.expanded-list{max-height:none}}@media (min-width:1024px){.arena-grid{grid-template-columns:minmax(200px,1fr) minmax(360px,2.2fr) minmax(200px,1fr);gap:12px}}.team-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;width:100%;height:100dvh;max-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 10px) 12px calc(env(safe-area-inset-bottom,0px) + 16px) 12px;box-sizing:border-box;-webkit-overflow-scrolling:touch;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}@media (max-height:680px){.team-modal-overlay{align-items:flex-start}}.team-modal-card{background:var(--v2-panel-bg,#0f172a);border:1px solid var(--glass-border,#ffffff26);width:100%;max-width:520px;max-height:min(100dvh - 30px,100vh - 30px);color:var(--text-main,#f8fafc);box-sizing:border-box;border-radius:16px;flex-direction:column;margin:auto 0;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000000a6}.light .team-modal-card{color:#0f172a;background:#fff;border:1px solid #cbd5e1;box-shadow:0 20px 45px #00000026}.team-modal-header{border-bottom:1px solid var(--glass-border,#ffffff1f);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.light .team-modal-header{border-bottom:1px solid #e2e8f0}.team-modal-body{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:1;min-height:0;padding:16px 18px;overflow-y:auto}.team-modal-footer{padding:12px 18px calc(14px + env(safe-area-inset-bottom,0px)) 18px;border-top:1px solid var(--glass-border,#ffffff1f);background:var(--v2-panel-bg,#0f172a);flex-shrink:0;box-shadow:0 -4px 14px #0000001a}.light .team-modal-footer{background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -4px 14px #0000000d}.team-input-text{color:#f8fafc;box-sizing:border-box;background:#0f172aa6;border:1.5px solid #ffffff2e;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.team-input-text:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d}.team-input-text::placeholder{color:#94a3b8;opacity:1}.light .team-input-text{color:#0f172a;background:#fff;border:1.5px solid #94a3b8}.light .team-input-text:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb40}.light .team-input-text::placeholder{color:#64748b;opacity:1}.team-field-label{color:#e2e8f0;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.light .team-field-label{color:#1e293b}.team-select{color:#f8fafc;box-sizing:border-box;cursor:pointer;background-color:#0f172a;border:2px solid #2563eb;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:14px;font-weight:700;box-shadow:0 2px 8px #2563eb33}.team-select option{color:#f8fafc;background-color:#0f172a;font-weight:600}.light .team-select{color:#0f172a;background-color:#fff;border-color:#2563eb;box-shadow:0 2px 8px #2563eb26}.light .team-select option{color:#0f172a;background-color:#fff;font-weight:600}.team-cat-card{cursor:pointer;text-align:center;color:#f8fafc;background:#ffffff0a;border:1.5px solid #ffffff1f;border-radius:10px;padding:12px;transition:all .2s}.team-cat-card.active{background:#3b82f62e;border:2px solid #3b82f6;box-shadow:0 0 12px #3b82f640}.light .team-cat-card{color:#0f172a;background:#f8fafc;border:1.5px solid #cbd5e1}.light .team-cat-card.active{background:#2563eb1a;border:2px solid #2563eb;box-shadow:0 0 12px #2563eb33}.team-lvl-card{cursor:pointer;color:#f8fafc;background:#ffffff0a;border:1.5px solid #ffffff1f;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .15s;display:flex}.team-lvl-card.active{background:#3b82f62e;border:2px solid #3b82f6}.light .team-lvl-card{color:#0f172a;background:#f8fafc;border:1.5px solid #cbd5e1}.light .team-lvl-card.active{background:#2563eb1a;border:2px solid #2563eb}.team-privacy-card{background:#ffffff0a;border:1.5px solid #ffffff1f;border-radius:10px;margin-bottom:18px;padding:14px}.light .team-privacy-card{background:#f8fafc;border:1.5px solid #cbd5e1}@keyframes teamReadyPulseAnimation{0%{transform:scale(1);box-shadow:0 0 6px #f59e0b59}50%{transform:scale(1.015);box-shadow:0 0 18px #f59e0bb3}to{transform:scale(1);box-shadow:0 0 6px #f59e0b59}}.team-ready-pulse{animation:1.8s ease-in-out infinite teamReadyPulseAnimation}.team-ready-btn{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;padding:8px 10px;transition:all .15s;display:flex}.team-ready-btn.not-ready{color:#fff;background:linear-gradient(135deg,#b45309,#78350f);border:2px solid #f59e0b;box-shadow:0 0 16px #f59e0b8c}.team-ready-btn.not-ready .ready-title{color:#fff;letter-spacing:.4px;font-size:12px;font-weight:900}.team-ready-btn.not-ready .ready-sub{color:#fef08a;font-size:10px;font-weight:700}.light .team-ready-btn.not-ready{color:#fff;background:linear-gradient(135deg,#ea580c,#c2410c);border:2px solid #9a3412;box-shadow:0 4px 14px #ea580c59}.light .team-ready-btn.not-ready .ready-title{color:#fff;letter-spacing:.4px;font-size:12px;font-weight:900}.light .team-ready-btn.not-ready .ready-sub{color:#ffedd5;font-size:10px;font-weight:700}.team-ready-btn.ready{color:#fff;background:linear-gradient(135deg,#059669,#047857);border:2px solid #10b981;box-shadow:0 0 14px #10b98166}.team-ready-btn.ready .ready-title{color:#fff;letter-spacing:.4px;font-size:12px;font-weight:900}.team-ready-btn.ready .ready-sub{color:#a7f3d0;font-size:10px;font-weight:600}.light .team-ready-btn.ready{color:#fff;background:linear-gradient(135deg,#059669,#047857);border:2px solid #064e3b;box-shadow:0 4px 14px #05966959}.light .team-ready-btn.ready .ready-title{color:#fff;letter-spacing:.4px;font-size:12px;font-weight:900}.light .team-ready-btn.ready .ready-sub{color:#ecfdf5;font-size:10px;font-weight:600}.team-more-btn{width:100%;color:var(--text-muted,#94a3b8);cursor:pointer;text-align:center;background:#ffffff14;border:1px dashed #ffffff40;border-radius:6px;flex-shrink:0;margin-top:3px;padding:4px 6px;font-size:10px;font-weight:700;transition:all .15s}.team-more-btn:hover{color:var(--text-main,#f8fafc);background:#ffffff26}.light .team-more-btn{color:#334155;background:#f1f5f9;border:1px dashed #94a3b8}.light .team-more-btn:hover{color:#0f172a;background:#e2e8f0}.team-choose-banner{color:var(--text-muted,#94a3b8);text-align:center;background:#ffffff0d;border:1.5px dashed #ffffff40;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:700}.light .team-choose-banner{color:#334155;background:#f1f5f9;border:1.5px dashed #94a3b8}.team-hub-status-waiting{color:#f59e0b}.light .team-hub-status-waiting{color:#b45309}.team-hub-status-ready{color:#10b981}.light .team-hub-status-ready{color:#047857}@keyframes teamEmojiFloatV6{0%{opacity:0;transform:translateY(20px)scale(.8)}20%{opacity:1;transform:translateY(0)scale(1)}60%{opacity:.95;transform:translateY(-24px)scale(1)}to{opacity:0;transform:translateY(-48px)scale(.9)}}