*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--cb-navy:#1a2744;--cb-navy-text:#1a2744;--cb-blue:#2451b3;--cb-blue-dark:#1a3d8f;--cb-blue-light:#eaeffa;--cb-green:#00875a;--cb-green-light:#e3f5ee;--cb-red:#c0392b;--cb-red-light:#fdecea;--cb-yellow:#f39c12;--cb-yellow-light:#fef9ec;--cb-gray-100:#f7f8fa;--cb-gray-200:#eef0f3;--cb-gray-300:#dde0e6;--cb-gray-500:#8a909e;--cb-gray-700:#4a5060;--cb-gray-900:#1c1f26;--cb-white:#fff;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #00000021;--radius:8px;--radius-lg:12px}body.dark{--cb-navy-text:#eaeffa;--cb-gray-100:#0d1017;--cb-gray-200:#1e2333;--cb-gray-300:#2a3048;--cb-gray-500:#7a82a0;--cb-gray-700:#a8b0c8;--cb-gray-900:#e2e6f0;--cb-white:#161b2e;--cb-blue-light:#1a2345;--cb-green-light:#0d2218;--cb-red-light:#2a1010;--cb-yellow-light:#1e1a08;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;background:#f7f8fa;background:var(--cb-gray-100);color:#1c1f26;color:var(--cb-gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;transition:background .2s,color .2s}.app-shell{display:flex;flex-direction:column;min-height:100vh;width:100%}.page{max-width:900px}.page,.page-wide{flex:1 1;margin:0 auto;padding:32px 24px;width:100%}.page-wide{max-width:1100px}.navbar{background:#1a2744;background:var(--cb-navy);box-shadow:0 2px 8px #0003;color:#fff;height:60px;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:100}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{gap:10px;text-decoration:none}.navbar-logo{align-items:center;background:#2451b3;background:var(--cb-blue);border-radius:6px;color:#fff;display:flex;font-size:14px;font-weight:800;height:32px;justify-content:center;width:32px}.navbar-title{color:#fff;font-size:18px;font-weight:700;letter-spacing:-.3px}.navbar-right{gap:16px}.navbar-right,.navbar-user{align-items:center;display:flex}.navbar-user{color:#ffffffd9;font-size:14px;font-weight:500;gap:8px}.navbar-avatar{border:2px solid #ffffff4d;border-radius:50%;height:32px;object-fit:cover;width:32px}.navbar-rating{background:#ffffff1f;border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:2px 10px}.navbar-link{border-radius:8px;border-radius:var(--radius);color:#ffffffb3;font-size:14px;font-weight:500;padding:6px 12px;text-decoration:none;transition:all .15s}.navbar-link.active,.navbar-link:hover{background:#ffffff1a;color:#fff}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:10px 22px;text-decoration:none;transition:all .15s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#2451b3;background:var(--cb-blue);color:#fff}.btn-primary:hover:not(:disabled){background:#1a3d8f;background:var(--cb-blue-dark);box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success{background:#00875a;background:var(--cb-green);color:#fff}.btn-success:hover:not(:disabled){background:#064;transform:translateY(-1px)}.btn-outline{background:#0000;border:2px solid #2451b3;border:2px solid var(--cb-blue);color:#2451b3;color:var(--cb-blue)}.btn-outline:hover:not(:disabled){background:#eaeffa;background:var(--cb-blue-light)}.btn-ghost{background:#0000;color:#4a5060;color:var(--cb-gray-700)}.btn-ghost:hover:not(:disabled){background:#eef0f3;background:var(--cb-gray-200)}.btn-danger{background:#c0392b;background:var(--cb-red);color:#fff}.btn-danger:hover:not(:disabled){background:#a93226}.btn-lg{border-radius:10px;font-size:17px;padding:14px 32px}.btn-sm{font-size:13px;padding:6px 14px}.card{background:#fff;background:var(--cb-white);border:1px solid #eef0f3;border:1px solid var(--cb-gray-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm)}.card-body{padding:24px}.card-header{border-bottom:1px solid #eef0f3;border-bottom:1px solid var(--cb-gray-200);font-size:15px;font-weight:600;padding:18px 24px}.lp-shell{align-items:stretch;background:#080c18;display:flex;height:100vh;overflow:hidden}.lp-shell,.lp-shell *{color-scheme:dark}.lp-feed{flex-direction:column;opacity:.3;overflow:hidden;width:260px}.lp-feed,.lp-feed-header{display:flex;flex-shrink:0}.lp-feed-header{align-items:center;color:#ffffff80;font-size:10.5px;font-weight:700;gap:7px;letter-spacing:.7px;padding:16px 16px 8px;text-transform:uppercase}.lp-feed-dot{animation:lp-pulse 2s ease-in-out infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 5px #22c55e;flex-shrink:0;height:6px;width:6px}@keyframes lp-pulse{0%,to{opacity:1}50%{opacity:.3}}.lp-rg-panel{background:#0000!important;min-height:0!important;min-height:auto!important;overflow:hidden!important}.lp-rg-panel .rg-row,.lp-rg-panel .rg-row:last-child{background:#ffffff0a!important;border-color:#ffffff12!important}.lp-rg-panel .rg-name{color:#fffc!important}.lp-rg-panel .rg-name.rg-win{color:#86efac!important}.lp-rg-panel .rg-name.rg-loss,.lp-rg-panel .rg-school{color:#ffffff59!important}.lp-rg-panel .rg-elo-row{color:#ffffff4d!important}.lp-rg-panel .rg-sep{color:#ffffff40!important}.lp-rg-panel .rg-middle,.lp-rg-panel .rg-score-num{color:#ffffffb3!important}.lp-rg-panel .rg-ago{color:#ffffff40!important}.lp-rg-panel .rg-empty{color:#ffffff4d!important}.lp-left{flex:1 1;gap:32px;justify-content:center;max-width:580px;overflow:hidden;padding:48px 48px 48px 32px}.lp-headline,.lp-left{display:flex;flex-direction:column}.lp-headline{gap:6px}.lp-logo{display:block;height:auto;max-width:100%;object-fit:contain;width:360px}.lp-title{color:#fff;font-size:50px;font-weight:900;letter-spacing:-1px;line-height:1.05;margin:0}.lp-online-badge{align-items:center;color:#ffffff80;display:inline-flex;font-size:12px;font-weight:500;gap:6px}.lp-online-dot{animation:lp-pulse 2s ease-in-out infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 6px #22c55e;flex-shrink:0;height:7px;width:7px}.lp-tagline{color:#ffffff85;font-size:15px;line-height:1.65;margin:0;max-width:440px}.lp-demo{align-items:flex-start;display:flex}.demo-shell{background:#10162e;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 0 80px #0009;max-width:500px;padding:20px;transition:opacity .45s ease;width:100%}.demo-visible{opacity:1}.demo-hidden{opacity:0}.demo-topbar{align-items:stretch;background:#0d122a;border-radius:10px;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;padding:10px 16px}.demo-player-side{display:flex;flex-direction:column;gap:1px}.demo-player-left{align-items:flex-end}.demo-player-right{align-items:flex-start}.demo-pname{font-size:11px;font-weight:700}.demo-pschool{color:#fff6;font-size:9.5px}.demo-pelo{color:#ffffff4d;font-size:9px}.demo-vsblock{align-items:center;display:flex;flex-shrink:0;gap:8px}.demo-score{color:#fff;font-size:20px;font-weight:800;line-height:1}.demo-vs{color:#ffffff59;font-size:11px;font-weight:600}.demo-timerbar{background:#ffffff14;border-radius:3px;height:3px;margin-bottom:14px;overflow:hidden}.demo-timerfill{animation:demo-drain 5.5s linear forwards;background:linear-gradient(90deg,#5b8dee,#a78bfa);border-radius:3px;height:100%}@keyframes demo-drain{0%{width:100%}to{width:0}}.demo-qlabel{color:#5b8dee;font-size:10px;font-weight:700;letter-spacing:.6px;margin-bottom:8px;text-transform:uppercase}.demo-qtext{color:#ffffffe0;font-size:13px;line-height:1.55;margin-bottom:14px;min-height:48px}.demo-choices{display:flex;flex-direction:column;gap:7px}.demo-choice{align-items:center;border:1.5px solid #ffffff1f;border-radius:8px;color:#ffffffb3;cursor:default;display:flex;font-size:12px;justify-content:space-between;padding:9px 14px;transition:all .2s}.demo-choice-hover{background:#5b8dee14;border-color:#5b8dee99;color:#ffffffe6}.demo-choice-selected{background:#5b8dee2e;border-color:#5b8dee;color:#fff}.demo-choice-correct{animation:demo-correct-flash .3s ease;background:#22c55e26!important;border-color:#22c55e!important;color:#86efac!important}@keyframes demo-correct-flash{0%{background:#22c55e59}to{background:#22c55e26}}.demo-check{color:#22c55e;flex-shrink:0;font-size:13px;font-weight:700}.demo-choice-text{flex:1 1}.lp-right{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding:32px;width:400px}.lp-auth-card{background:#10162e;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 32px 100px #0009,0 0 0 1px #ffffff0d;padding:36px 32px;width:100%}.lp-auth-card .form-label{color:#ffffffb3}.lp-auth-card .form-input{background:#ffffff0d;border-color:#ffffff1f;color:#fff}.lp-auth-card .form-input::placeholder{color:#ffffff40}.lp-auth-card .form-input:focus{background:#5b8dee14;border-color:#5b8dee}.lp-auth-card .form-error{background:#b91c1c26;border-color:#fca5a54d;color:#fca5a5}.lp-auth-card .login-divider{color:#ffffff4d}.lp-auth-card .login-divider:after,.lp-auth-card .login-divider:before{background:#ffffff1a}.lp-auth-card .pw-toggle{color:#fff6}.lp-auth-card .pw-toggle:hover{color:#fffc}.lp-auth-card .back-btn{color:#fff9}.lp-auth-card .back-btn:hover,.lp-auth-card .email-form-title{color:#fff}.lp-auth-card .email-form-hint{color:#ffffff80}.lp-auth-card .email-form-hint strong{color:#fffc}.lp-auth-card .dev-code-hint{color:#ffffff80}.lp-auth-card .username-hint.available{color:#86efac}.lp-auth-card .username-hint.taken{color:#fca5a5}.lp-auth-card .username-hint.checking{color:#fff6}.lp-auth-card .auth-mode-toggle{background:#ffffff0f;margin-top:0}.lp-auth-card .auth-mode-btn{color:#fff6}.lp-auth-card .auth-mode-btn.active{background:#ffffff1f;box-shadow:0 1px 4px #0000004d;color:#fff}.lp-auth-card .btn-primary{background:#2451b3;color:#fff}.lp-auth-card .btn-primary:hover:not(:disabled){background:#1a3d8f}.google-btn{align-items:center;background:#ffffff0f;border:1.5px solid #ffffff24;border-radius:10px;color:#ffffffe0;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:11px;transition:all .15s;width:100%}.google-btn:hover{background:#5b8dee1f;border-color:#5b8dee;color:#fff}.google-icon{height:18px;width:18px}.home-hero{padding:48px 0 32px;text-align:center}.home-hero h1{color:#1a2744;color:var(--cb-navy-text);font-size:36px;font-weight:800;margin-bottom:12px}.home-hero p{color:#8a909e;color:var(--cb-gray-500);font-size:17px;margin:0 auto 28px;max-width:500px}.home-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin:32px 0}.stat-card{background:#fff;background:var(--cb-white);border:1px solid #eef0f3;border:1px solid var(--cb-gray-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);padding:20px;text-align:center}.stat-value{color:#2451b3;color:var(--cb-blue);font-size:28px;font-weight:800}.stat-label{color:#8a909e;color:var(--cb-gray-500);font-size:13px;margin-top:2px}.stat-card-rank{align-items:center;display:flex;flex-direction:column;gap:2px}.stat-rank-icon{height:56px;object-fit:contain;width:56px}.stat-rank-label{font-size:16px;font-weight:800;margin-top:4px}.stat-streak-value{align-items:center;display:flex;gap:6px;justify-content:center}.stat-streak-icon{flex-shrink:0;height:22px;object-fit:contain;width:22px}.home-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.home-info{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:32px}.info-card{background:#fff;background:var(--cb-white);border:1px solid #eef0f3;border:1px solid var(--cb-gray-200);border-radius:12px;border-radius:var(--radius-lg);padding:20px}.info-card h3{color:#1a2744;color:var(--cb-navy-text);font-size:15px;font-weight:700;margin-bottom:8px}.info-card p{color:#8a909e;color:var(--cb-gray-500);font-size:14px;line-height:1.5}.queue-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 60px)}.queue-card{background:#fff;background:var(--cb-white);border:1px solid #eef0f3;border:1px solid var(--cb-gray-200);border-radius:16px;box-shadow:0 8px 32px #00000021;box-shadow:var(--shadow-lg);max-width:420px;padding:48px;text-align:center;width:90%}.queue-spinner{animation:spin 1s linear infinite;border:5px solid #eef0f3;border-top-color:#2451b3;border:5px solid var(--cb-gray-200);border-radius:50%;border-top-color:var(--cb-blue);height:64px;margin:0 auto 24px;width:64px}@keyframes spin{to{transform:rotate(1turn)}}.queue-title{color:#1a2744;color:var(--cb-navy-text);font-size:22px;font-weight:800;margin-bottom:8px}.queue-subtitle{color:#8a909e;color:var(--cb-gray-500);font-size:15px;margin-bottom:24px}.queue-timer{font-feature-settings:"tnum";color:#2451b3;color:var(--cb-blue);font-size:36px;font-variant-numeric:tabular-nums;font-weight:800}.queue-size{color:#8a909e;color:var(--cb-gray-500);font-size:13px;margin-top:12px}.queue-dots{display:flex;gap:6px;justify-content:center;margin:16px 0}.queue-dot{animation:bounce 1.4s ease-in-out infinite;background:#2451b3;background:var(--cb-blue);border-radius:50%;height:8px;width:8px}.queue-dot:nth-child(2){animation-delay:.2s}.queue-dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.queue-icon{align-items:center;background:#eaeffa;background:var(--cb-blue-light);border-radius:50%;display:flex;height:52px;justify-content:center;margin:0 auto 20px;width:52px}.queue-icon svg{stroke:#2451b3;stroke:var(--cb-blue);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:26px;width:26px}.game-shell{background:#f7f8fa;background:var(--cb-gray-100);display:flex;flex-direction:column;height:100vh;overflow:hidden}.game-topbar{align-items:center;background:#1a2744;background:var(--cb-navy);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;min-height:70px;padding:0 24px}.game-topbar-center{align-items:center;display:flex;flex-direction:column;gap:2px}.game-timer{font-feature-settings:"tnum";font-size:24px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:1px}.game-timer.warning{color:#f39c12;color:var(--cb-yellow)}.game-timer.danger{animation:pulse 1s ease-in-out infinite;color:#ff6b6b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.game-timer-label{color:#fff9;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.game-progress-bar{background:#ffffff26;border-radius:3px;height:3px;margin-top:4px;overflow:hidden;width:160px}.game-progress-fill{background:#2451b3;background:var(--cb-blue);border-radius:3px;height:100%;transition:width .5s linear}.score-panel{align-items:stretch;display:flex;gap:10px}.score-player{display:flex;flex-direction:column;gap:1px;justify-content:center}.score-player-left{align-items:flex-end}.score-player-right{align-items:flex-start}.score-name-row{align-items:center;display:flex;gap:4px}.score-name{font-size:12px;font-weight:700;max-width:110px}.score-name,.score-school{line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-school{color:#ffffff80;font-size:10px;max-width:130px}.score-elo{color:#ffffff73;font-size:9.5px;line-height:1.3}.score-vs-block{align-items:center;display:flex;flex-shrink:0;gap:8px;justify-content:center}.score-value{color:#fff;font-size:22px;font-weight:800;line-height:1}.score-vs{color:#fff6;font-size:13px;font-weight:600}.score-avatar{border:2px solid #ffffff4d;border-radius:50%;height:28px;object-fit:cover;width:28px}.rg-rank-icon,.score-rank-icon{flex-shrink:0;height:18px;object-fit:contain;width:18px}.game-body{display:flex;flex:1 1;overflow:hidden}.question-sidebar{background:#fff;background:var(--cb-white);border-right:1px solid #eef0f3;border-right:1px solid var(--cb-gray-200);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:220px}.sidebar-section{color:#8a909e;color:var(--cb-gray-500);font-size:11px;font-weight:700;letter-spacing:.8px;padding:14px 14px 6px;text-transform:uppercase}.question-nav-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(5,1fr);padding:0 12px 12px}.qnav-btn{align-items:center;background:#fff;background:var(--cb-white);border:2px solid #dde0e6;border:2px solid var(--cb-gray-300);border-radius:6px;color:#4a5060;color:var(--cb-gray-700);cursor:pointer;display:flex;font-size:12px;font-weight:600;height:36px;justify-content:center;transition:all .12s;width:36px}.qnav-btn:hover{color:#2451b3;color:var(--cb-blue)}.qnav-btn.active,.qnav-btn:hover{border-color:#2451b3;border-color:var(--cb-blue)}.qnav-btn.active{background:#2451b3;background:var(--cb-blue);color:#fff}.qnav-btn.answered{background:#e3f5ee;background:var(--cb-green-light);color:#00875a;color:var(--cb-green)}.qnav-btn.answered,.qnav-btn.answered.active{border-color:#00875a;border-color:var(--cb-green)}.qnav-btn.answered.active{background:#00875a;background:var(--cb-green);color:#fff}.sidebar-legend{border-top:1px solid #eef0f3;border-top:1px solid var(--cb-gray-200);margin-top:auto;padding:8px 14px}.legend-item{align-items:center;color:#8a909e;color:var(--cb-gray-500);display:flex;font-size:11px;gap:6px;margin-bottom:4px}.legend-dot{border:2px solid #dde0e6;border:2px solid var(--cb-gray-300);border-radius:2px;height:10px;width:10px}.legend-dot.answered{background:#e3f5ee;background:var(--cb-green-light);border-color:#00875a;border-color:var(--cb-green)}.legend-dot.active{background:#2451b3;background:var(--cb-blue);border-color:#2451b3;border-color:var(--cb-blue)}.question-main{flex:1 1;overflow-y:auto;padding:28px 32px}.question-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.question-number{color:#8a909e;color:var(--cb-gray-500);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.question-section-badge{background:#eaeffa;background:var(--cb-blue-light);border-radius:20px;color:#2451b3;color:var(--cb-blue);font-size:11px;font-weight:600;padding:3px 10px}.question-section-badge.math{background:#f0f0ff;color:#5b5bd6}.question-domain{color:#8a909e;color:var(--cb-gray-500);font-size:11px}.passage-box{background:#f7f8fa;background:var(--cb-gray-100);border:1px solid #dde0e6;border:1px solid var(--cb-gray-300);border-radius:8px;border-radius:var(--radius);color:#1c1f26;color:var(--cb-gray-900);font-size:15px;line-height:1.75;margin-bottom:20px;padding:18px 20px;white-space:pre-wrap}.passage-label{color:#8a909e;color:var(--cb-gray-500);font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.notes-list{list-style:disc;margin-top:8px;padding-left:20px}.notes-list li{font-size:15px;line-height:1.7;margin-bottom:4px}.question-text{color:#1c1f26;color:var(--cb-gray-900);font-size:16px;font-weight:600;line-height:1.5;margin-bottom:20px}.choices-list{display:flex;flex-direction:column;gap:10px}.choice-btn{align-items:flex-start;background:#fff;background:var(--cb-white);border:2px solid #dde0e6;border:2px solid var(--cb-gray-300);border-radius:8px;border-radius:var(--radius);color:#1c1f26;color:var(--cb-gray-900);cursor:pointer;display:flex;font-family:inherit;font-size:15px;gap:12px;line-height:1.4;padding:14px 18px;text-align:left;transition:all .12s;width:100%}.choice-btn.selected,.choice-btn:hover:not(:disabled){background:#eaeffa;background:var(--cb-blue-light);border-color:#2451b3;border-color:var(--cb-blue)}.choice-btn.correct{background:#e3f5ee;background:var(--cb-green-light);border-color:#00875a;border-color:var(--cb-green)}.choice-btn.incorrect{background:#fdecea;background:var(--cb-red-light);border-color:#c0392b;border-color:var(--cb-red)}.choice-btn:disabled{cursor:default}.choice-label{color:#2451b3;color:var(--cb-blue);font-weight:700;min-width:22px}.choice-btn.correct .choice-label{color:#00875a;color:var(--cb-green)}.choice-btn.incorrect .choice-label{color:#c0392b;color:var(--cb-red)}.question-nav-btns{align-items:center;border-top:1px solid #eef0f3;border-top:1px solid var(--cb-gray-200);display:flex;justify-content:space-between;margin-top:28px;padding-top:20px}.question-progress-text{color:#8a909e;color:var(--cb-gray-500);font-size:13px}.opponent-progress{border-bottom:1px solid #eef0f3;border-bottom:1px solid var(--cb-gray-200);padding:14px 16px}.opponent-label{color:#8a909e;color:var(--cb-gray-500);font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.opponent-bar{background:#eef0f3;background:var(--cb-gray-200);border-radius:3px;height:6px;overflow:hidden}.opponent-bar-fill{background:linear-gradient(90deg,#2451b3,#5b5bd6);background:linear-gradient(90deg,var(--cb-blue),#5b5bd6);border-radius:3px;height:100%;transition:width .5s ease}.opponent-stat{color:#8a909e;color:var(--cb-gray-500);display:flex;font-size:11px;justify-content:space-between;margin-top:4px}.results-page{margin:32px auto;max-width:680px;padding:0 20px}.results-hero{padding:32px 0;text-align:center}.results-outcome-icon{align-items:center;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.results-outcome-icon.win{background:#e3f5ee;background:var(--cb-green-light)}.results-outcome-icon.loss{background:#fdecea;background:var(--cb-red-light)}.results-outcome-icon.draw{background:#fef9ec;background:var(--cb-yellow-light)}.results-outcome-icon svg{height:30px;width:30px}.results-outcome{color:#8a909e;color:var(--cb-gray-500);font-size:13px;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.results-title{font-size:36px;font-weight:800;margin-bottom:6px}.results-title.win{color:#00875a;color:var(--cb-green)}.results-title.loss{color:#c0392b;color:var(--cb-red)}.results-title.draw{color:#f39c12;color:var(--cb-yellow)}.results-subtitle{color:#8a909e;color:var(--cb-gray-500);font-size:15px}.results-score-row{align-items:center;background:#fff;background:var(--cb-white);border:1px solid #eef0f3;border:1px solid var(--cb-gray-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);display:flex;gap:24px;justify-content:center;margin:20px 0;padding:28px}.results-player{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px}.results-player-avatar{border:3px solid #eef0f3;border:3px solid var(--cb-gray-200);border-radius:50%;height:56px;object-fit:cover;width:56px}.results-player-name{color:#1c1f26;color:var(--cb-gray-900);font-size:14px;font-weight:600;max-width:120px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.results-player-score{color:#1a2744;color:var(--cb-navy-text);font-size:40px;font-weight:800}.results-score-vs{color:#dde0e6;color:var(--cb-gray-300);font-size:18px;font-weight:700}.rating-change{align-items:center;display:flex;font-size:13px;font-weight:600;gap:4px}.rating-change.up{color:#00875a;color:var(--cb-green)}.rating-change.down{color:#c0392b;color:var(--cb-red)}.rating-change.neutral{color:#8a909e;color:var(--cb-gray-500)}.avatar-placeholder{align-items:center;background:#1a2744;background:var(--cb-navy);border-radius:50%;color:#fff;display:flex;font-weight:700;justify-content:center}.results-review{margin-top:28px}.results-review h3{color:#1a2744;color:var(--cb-navy-text);font-size:17px;font-weight:700;margin-bottom:14px}.review-item{background:#fff;background:var(--cb-white);border:1px solid #eef0f3;border:1px solid var(--cb-gray-200);border-radius:8px;border-radius:var(--radius);margin-bottom:10px;padding:14px 16px}.review-item.correct-item{border-left:4px solid #00875a;border-left:4px solid var(--cb-green)}.review-item.incorrect-item{border-left:4px solid #c0392b;border-left:4px solid var(--cb-red)}.review-qnum{color:#8a909e;color:var(--cb-gray-500);font-size:12px;font-weight:700;margin-bottom:4px;text-transform:uppercase}.review-question{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1c1f26;color:var(--cb-gray-900);display:-webkit-box;font-size:14px;font-weight:500;margin-bottom:6px;overflow:hidden}.review-answers{display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.review-yours{color:#8a909e;color:var(--cb-gray-500)}.review-correct{color:#00875a;color:var(--cb-green);font-weight:600}.review-tag{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;padding:2px 8px}.review-tag.correct{background:#e3f5ee;background:var(--cb-green-light);color:#00875a;color:var(--cb-green)}.review-tag.incorrect{background:#fdecea;background:var(--cb-red-light);color:#c0392b;color:var(--cb-red)}.review-tag.skipped{background:#f7f8fa;background:var(--cb-gray-100);color:#8a909e;color:var(--cb-gray-500)}.results-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}.lb-page{max-width:1380px}.lb-three-col{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:repeat(3,1fr)}.lb-block{background:#fff;background:var(--cb-white);border:1px solid #eef0f3;border:1px solid var(--cb-gray-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);overflow:hidden}.lb-block-header{padding:20px 18px 0;text-align:center}.lb-block-title{color:#1a2744;color:var(--cb-navy-text);display:block;font-size:20px;font-weight:800;letter-spacing:-.3px;margin-bottom:14px}.lb-block-toggle{display:flex;gap:4px;margin-bottom:14px}.lb-block-tab{background:#f7f8fa;background:var(--cb-gray-100);border:none;border-radius:7px;color:#4a5060;color:var(--cb-gray-700);cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;font-weight:600;padding:7px 6px;transition:all .15s;white-space:nowrap}.lb-block-tab:hover:not(.locked){background:#eef0f3;background:var(--cb-gray-200);color:#1a2744;color:var(--cb-navy-text)}.lb-block-tab.active{background:#1a2744;background:var(--cb-navy);color:#fff}.lb-block-tab.locked{cursor:not-allowed;opacity:.4}.lb-compact-row{align-items:center;border-top:1px solid #f7f8fa;border-top:1px solid var(--cb-gray-100);display:flex;gap:12px;padding:12px 20px;transition:background .1s}.lb-compact-row:hover{background:#f7f8fa;background:var(--cb-gray-100)}.lb-compact-row.me{background:#eaeffa;background:var(--cb-blue-light)}.lb-compact-row.ghost{background:#f7f8fa;background:var(--cb-gray-100);opacity:.85}.lb-rank-num{color:var(--cb-gray-400);flex-shrink:0;font-size:14px;font-weight:800;text-align:center;width:26px}.lb-rank-num.top1{color:#c9940a;font-size:15px}.lb-rank-num.top2{color:#6b7a8d;font-size:15px}.lb-rank-num.top3{color:#9a6435;font-size:15px}.lb-rank-icon{flex-shrink:0;height:28px;object-fit:contain;width:28px}.lb-compact-avatar{border:2px solid #eef0f3;border:2px solid var(--cb-gray-200);border-radius:50%;flex-shrink:0;height:34px;object-fit:cover;width:34px}.lb-compact-info{flex:1 1;min-width:0}.lb-compact-name{color:#1c1f26;color:var(--cb-gray-900);display:block;font-size:15px;font-weight:700;max-width:100%;width:100%}.lb-compact-name,.lb-compact-school{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-compact-school{color:#8a909e;color:var(--cb-gray-500);font-size:12px;margin-top:1px}.lb-compact-metric{flex-shrink:0;text-align:right}.lb-metric-rating{font-size:17px}.lb-metric-rating,.lb-metric-wins{color:#1a2744;color:var(--cb-navy-text);font-weight:800}.lb-metric-wins{font-size:16px}.lb-metric-wins .lb-metric-label{color:#8a909e;color:var(--cb-gray-500);font-size:12px;font-weight:500}.lb-metric-streak{color:#1a2744;color:var(--cb-navy-text);font-size:16px;font-weight:800}.lb-you-tag{background:#2451b3;background:var(--cb-blue);border-radius:3px;color:#fff;font-size:11px;font-weight:600;margin-left:6px;padding:1px 6px}.lb-ghost-divider{border-top:1px solid #f7f8fa;border-top:1px solid var(--cb-gray-100);color:var(--cb-gray-400);font-size:13px;letter-spacing:3px;padding:6px;text-align:center}.lb-empty{color:#8a909e;color:var(--cb-gray-500);font-size:15px;padding:40px 24px;text-align:center}@media (max-width:860px){.lb-three-col{grid-template-columns:1fr}}.conn-banner{background:#f39c12;background:var(--cb-yellow);color:#1c1f26;color:var(--cb-gray-900);font-size:13px;font-weight:600;padding:8px 16px}.conn-banner,.text-center{text-align:center}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.flex{display:flex}.gap-8{gap:8px}.gap-12{gap:12px}.items-center{align-items:center}.justify-center{justify-content:center}.spinner-sm{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:640px){.question-sidebar{display:none}.home-info{grid-template-columns:1fr}.home-stats{grid-template-columns:1fr 1fr}.question-main{padding:16px}.game-topbar{padding:0 12px}.score-player{min-width:60px}.score-value{font-size:18px}}.queue-match-found{text-align:center;width:100%}.queue-vs-row{gap:24px;justify-content:center;margin-bottom:4px}.queue-vs-player,.queue-vs-row{align-items:center;display:flex}.queue-vs-player{flex-direction:column;gap:6px;min-width:100px}.queue-vs-avatar{border:3px solid #2451b3;border:3px solid var(--cb-blue);border-radius:50%;height:64px;object-fit:cover;width:64px}.queue-vs-initials{align-items:center;background:#1a2744;background:var(--cb-navy);color:#fff;display:flex;font-size:24px;font-weight:800;justify-content:center}.queue-vs-name{color:#1a2744;color:var(--cb-navy-text);font-size:15px;font-weight:700}.queue-vs-badge{align-items:center;background:#eaeffa;background:var(--cb-blue-light);border-radius:50%;color:#2451b3;color:var(--cb-blue);display:flex;flex-shrink:0;font-size:20px;font-weight:900;height:44px;justify-content:center;width:44px}.queue-rank-badge{align-items:center;display:flex;font-size:13px;font-weight:700;gap:5px}.queue-rank-icon{height:24px;object-fit:contain;width:24px}.navbar-school-btn{margin-right:-4px}.login-divider{align-items:center;color:var(--cb-gray-400);display:flex;font-size:13px;font-weight:500;gap:12px;margin:16px 0}.login-divider:after,.login-divider:before{background:#eef0f3;background:var(--cb-gray-200);content:"";flex:1 1;height:1px}.email-btn{align-items:center;background:#fff;background:var(--cb-white);border:2px solid #dde0e6;border:2px solid var(--cb-gray-300);border-radius:10px;color:#1c1f26;color:var(--cb-gray-900);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:13px 20px;transition:all .15s;width:100%}.email-btn:hover{background:#eaeffa;background:var(--cb-blue-light);border-color:#2451b3;border-color:var(--cb-blue);color:#2451b3;color:var(--cb-blue)}.email-form{text-align:left;width:100%}.email-form-header{align-items:center;display:flex;gap:10px;margin-bottom:4px}.email-form-title{color:#1a2744;color:var(--cb-navy-text);font-size:17px;font-weight:700;margin:0}.email-form-hint{font-size:14px;margin:0 0 20px}.back-btn,.email-form-hint{color:#8a909e;color:var(--cb-gray-500)}.back-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:4px 0;transition:color .15s}.back-btn:hover{color:#2451b3;color:var(--cb-blue)}.form-group{margin-bottom:14px}.form-label{color:#4a5060;color:var(--cb-gray-700);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-label-opt{color:var(--cb-gray-400);font-weight:400}.form-input{background:#fff;background:var(--cb-white);border:2px solid #eef0f3;border:2px solid var(--cb-gray-200);border-radius:8px;box-sizing:border-box;color:#1c1f26;color:var(--cb-gray-900);font-family:inherit;font-size:15px;padding:11px 14px;transition:border-color .15s;width:100%}.form-input:focus{border-color:#2451b3;border-color:var(--cb-blue);outline:none}.form-error{background:#fff0f0;border:1px solid #fca5a5;border-radius:7px;color:#b91c1c;font-size:13px;margin-bottom:8px;padding:9px 12px}.otp-input{color:#1a2744;color:var(--cb-navy-text);font-size:28px;font-weight:800;letter-spacing:10px;padding:14px;text-align:center}.dev-code-hint{background:#fef9c3;border:1px solid #fde047;border-radius:7px;color:#854d0e;font-size:12px;margin-bottom:12px;padding:8px 12px}.school-select-card{max-width:440px}.school-select-icon{align-items:center;background:#eaeffa;background:var(--cb-blue-light);border-radius:14px;color:#2451b3;color:var(--cb-blue);display:flex;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.school-select-title{color:#1a2744;color:var(--cb-navy-text);font-size:22px;font-weight:800;margin-bottom:8px}.school-select-subtitle{color:#8a909e;color:var(--cb-gray-500);font-size:14px;margin-bottom:24px}.school-search-wrap{width:100%}.school-search-input-wrap{align-items:center;background:#fff;background:var(--cb-white);border:2px solid #eef0f3;border:2px solid var(--cb-gray-200);border-radius:10px;display:flex;gap:10px;padding:0 12px;transition:border-color .15s}.school-search-input-wrap:focus-within{border-color:#2451b3;border-color:var(--cb-blue)}.school-search-input{background:#0000;border:none;color:#1c1f26;color:var(--cb-gray-900);flex:1 1;font-family:inherit;font-size:15px;padding:12px 0}.school-search-input:focus{outline:none}.school-clear-btn{align-items:center;background:none;border:none;color:var(--cb-gray-400);cursor:pointer;display:flex;padding:4px;transition:color .15s}.school-clear-btn:hover{color:#4a5060;color:var(--cb-gray-700)}.school-dropdown{background:#fff;background:var(--cb-white);border:1.5px solid #eef0f3;border:1.5px solid var(--cb-gray-200);border-radius:10px;box-shadow:0 8px 24px #0000001f;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:100}.school-option{align-items:center;background:none;border:none;color:var(--cb-gray-800);cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:9px;padding:11px 14px;text-align:left;transition:background .1s;width:100%}.school-option.selected,.school-option:hover{background:#eaeffa;background:var(--cb-blue-light);color:#2451b3;color:var(--cb-blue)}.school-preview{align-items:center;background:#eaeffa;background:var(--cb-blue-light);border-radius:8px;display:flex;margin-top:14px;padding:10px 14px}.school-flair{align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:20px;color:#4338ca;display:inline-flex;font-size:12px;font-weight:600;gap:4px;max-width:200px;overflow:hidden;padding:3px 9px;text-overflow:ellipsis;white-space:nowrap}.school-flair-sm{font-size:11px;max-width:160px;padding:2px 7px}.qnav-btn.answered-correct{background:#00875a!important;background:var(--cb-green)!important;border-color:#00875a!important;border-color:var(--cb-green)!important;color:#fff!important}.qnav-btn.answered-wrong{background:#c0392b!important;background:var(--cb-red)!important;border-color:#c0392b!important;border-color:var(--cb-red)!important;color:#fff!important}.online-count{align-items:center;background:#eaeffa;background:var(--cb-blue-light);border:1px solid #2451b32e;border-radius:20px;color:#2451b3;color:var(--cb-blue);display:inline-flex;font-size:13px;font-weight:600;gap:7px;margin-bottom:20px;padding:5px 14px}.online-dot{animation:onlinepulse 2s ease-in-out infinite;background:#2451b3;background:var(--cb-blue);border-radius:50%;box-shadow:0 0 0 0 #2451b399;flex-shrink:0;height:8px;width:8px}@keyframes onlinepulse{0%{box-shadow:0 0 0 0 #2451b399}70%{box-shadow:0 0 0 7px #2451b300}to{box-shadow:0 0 0 0 #2451b300}}.live-badge{align-items:center;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:7px;margin-top:14px;padding:5px 14px}.live-dot{animation:livepulse 1.6s ease-in-out infinite;background:#4ade80;border-radius:50%;box-shadow:0 0 0 0 #4ade80b3;flex-shrink:0;height:8px;width:8px}@keyframes livepulse{0%{box-shadow:0 0 0 0 #4ade80b3}70%{box-shadow:0 0 0 7px #4ade8000}to{box-shadow:0 0 0 0 #4ade8000}}.recent-game-row{align-items:center;display:flex;flex-wrap:wrap;font-size:14px;gap:8px;padding:11px 18px}.recent-game-row.recent-game-me{border-left:3px solid #2451b3;border-left:3px solid var(--cb-blue)}.recent-game-winner{color:#00875a;color:var(--cb-green);font-weight:700}.recent-game-beat{color:var(--cb-gray-400);font-size:12px}.recent-game-name{color:#4a5060;color:var(--cb-gray-700);font-weight:600}.recent-game-vs{color:#f39c12;color:var(--cb-yellow);font-size:12px;font-weight:700}.recent-game-score{color:#1a2744;color:var(--cb-navy-text);font-size:13px;font-weight:700;margin-left:auto}.recent-game-time{color:var(--cb-gray-400);font-size:11px;margin-left:10px}.queue-countdown-dots{display:flex;gap:8px;justify-content:center;margin-top:16px}.queue-countdown-dot{background:#eef0f3;background:var(--cb-gray-200);border-radius:50%;height:10px;transition:background .3s;width:10px}.queue-countdown-dot.active{background:#2451b3;background:var(--cb-blue)}.home-layout{align-items:flex-start;display:flex;min-height:calc(100vh - 60px);width:100%}.home-main{flex:1 1;min-width:0;padding:32px 24px}.home-sidebar{align-self:flex-start;background:#fff;background:var(--cb-white);border-left:1px solid #eef0f3;border-left:1px solid var(--cb-gray-200);flex-shrink:0;min-height:calc(100vh - 60px);position:sticky;top:60px;width:320px}@media (max-width:900px){.home-sidebar{display:none}}.rg-panel{background:#f7f8fa;background:var(--cb-gray-100);height:100%;min-height:calc(100vh - 60px);overflow-y:auto}.rg-panel-title{border-bottom:1px solid #eef0f3;border-bottom:1px solid var(--cb-gray-200);color:#8a909e;color:var(--cb-gray-500);font-size:12px;font-weight:700;letter-spacing:.6px;padding:14px 16px 10px;text-transform:uppercase}.rg-empty{color:var(--cb-gray-400);font-size:12px;padding:12px 16px}.rg-row{grid-gap:0 8px;align-items:center;background:#fff;background:var(--cb-white);border-bottom:1px solid #eef0f3;border-bottom:1px solid var(--cb-gray-200);border:1px solid #eef0f3!important;border:1px solid var(--cb-gray-200)!important;border-radius:8px;display:grid;gap:0 8px;grid-template-columns:1fr auto 1fr;margin:6px 10px;padding:9px 14px 6px;position:relative}.rg-row:last-child{border-bottom:1px solid #eef0f3!important;border-bottom:1px solid var(--cb-gray-200)!important}.rg-col{display:flex;flex-direction:column;gap:2px;min-width:0}.rg-col-right{align-items:flex-end;text-align:right}.rg-name{color:#4a5060;color:var(--cb-gray-700);font-size:12px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rg-name.rg-win{color:#00875a;color:var(--cb-green)}.rg-name.rg-loss{color:var(--cb-gray-400)}.rg-school{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rg-elo-row,.rg-school{color:var(--cb-gray-400);font-size:10px}.rg-name-row{align-items:center;display:flex;gap:4px;min-height:16px}.rg-name-row-right{justify-content:flex-end}.rg-middle{align-items:center;color:#1a2744;color:var(--cb-navy-text);display:flex;flex-shrink:0;font-size:13px;font-weight:700;gap:3px}.rg-sep{color:#dde0e6;color:var(--cb-gray-300);font-weight:400}.rg-score-num{min-width:14px;text-align:center}.rg-ago{color:var(--cb-gray-400);font-size:10px;grid-column:1/-1;margin-top:3px}.about-page{display:flex;justify-content:center;min-height:100%;padding:48px 24px}.about-card{background:#fff;background:var(--cb-white);border:1.5px solid #eef0f3;border:1.5px solid var(--cb-gray-200);border-radius:16px;box-shadow:0 4px 24px #0000000f;max-width:640px;padding:48px 52px;width:100%}.about-title{color:#1a2744;color:var(--cb-navy-text);font-size:26px;font-weight:800;margin-bottom:24px}.about-score-img{border:1.5px solid #eef0f3;border:1.5px solid var(--cb-gray-200);border-radius:12px;box-shadow:0 2px 12px #00000012;display:block;margin-bottom:28px;width:100%}.about-lead{color:#1a2744;color:var(--cb-navy-text);font-size:22px;font-weight:800;line-height:1.3;margin-bottom:24px}.about-body{display:flex;flex-direction:column;gap:20px}.about-body p{color:#4a5060;color:var(--cb-gray-700);font-size:15.5px;line-height:1.75}.about-sign-off{color:#1a2744!important;color:var(--cb-navy-text)!important;font-size:18px!important;font-weight:800}.profile-page{display:flex;justify-content:center;min-height:100%;padding:40px 24px}.profile-card{background:#fff;background:var(--cb-white);border:1.5px solid #eef0f3;border:1.5px solid var(--cb-gray-200);border-radius:16px;box-shadow:0 4px 24px #0000000f;max-width:560px;padding:40px 44px;width:100%}.profile-header{align-items:center;display:flex;gap:24px;margin-bottom:28px}.profile-avatar-wrap{cursor:pointer;flex-shrink:0;position:relative}.profile-avatar{display:block;object-fit:cover}.profile-avatar,.profile-avatar-initials{border:3px solid #2451b3;border:3px solid var(--cb-blue);border-radius:50%;height:80px;width:80px}.profile-avatar-initials{background:#1a2744;background:var(--cb-navy);color:#fff;font-size:32px;font-weight:800}.profile-avatar-initials,.profile-avatar-overlay{align-items:center;display:flex;justify-content:center}.profile-avatar-overlay{background:#00000073;border-radius:50%;inset:0;opacity:0;position:absolute;transition:opacity .15s}.profile-avatar-wrap:hover .profile-avatar-overlay{opacity:1}.profile-avatar-spinner{align-items:center;background:#f7f8fa;background:var(--cb-gray-100);border-radius:50%;display:flex;height:80px;justify-content:center;width:80px}.profile-header-info{display:flex;flex-direction:column;gap:4px}.profile-rank-row{align-items:center;display:flex;gap:8px}.profile-rank-icon{height:36px;object-fit:contain;width:36px}.profile-rank-label{font-size:18px;font-weight:800}.profile-elo{color:#8a909e;color:var(--cb-gray-500);font-size:13px;font-weight:600}.profile-grade{background:#eaeffa;background:var(--cb-blue-light);border-radius:10px;color:#2451b3;color:var(--cb-blue);display:inline-block;font-size:12px;font-weight:600;margin-top:2px;padding:2px 8px}.profile-stats-row{border:1.5px solid #eef0f3;border:1.5px solid var(--cb-gray-200);border-radius:12px;display:flex;gap:0;margin-bottom:28px;overflow:hidden}.profile-stat{border-right:1.5px solid #eef0f3;border-right:1.5px solid var(--cb-gray-200);flex:1 1;padding:14px 8px;text-align:center}.profile-stat:last-child{border-right:none}.profile-stat-val{color:#1a2744;color:var(--cb-navy-text);font-size:20px;font-weight:800}.profile-stat-lbl{color:#8a909e;color:var(--cb-gray-500);font-size:11px;font-weight:500;margin-top:2px}.profile-divider{background:#eef0f3;background:var(--cb-gray-200);height:1px;margin-bottom:28px}.profile-sections{display:flex;flex-direction:column;gap:24px}.profile-section{display:flex;flex-direction:column;gap:8px}.profile-label{color:#1a2744;color:var(--cb-navy-text);font-size:13px;font-weight:700}.profile-input-row{align-items:center;display:flex;gap:10px}.profile-input{background:#fff;background:var(--cb-white);border:2px solid #eef0f3;border:2px solid var(--cb-gray-200);border-radius:8px;color:#1c1f26;color:var(--cb-gray-900);flex:1 1;font-family:inherit;font-size:14px;padding:10px 13px;transition:border-color .15s}.profile-input:focus{border-color:#2451b3;border-color:var(--cb-blue);outline:none}.profile-textarea{min-height:90px;resize:vertical}.profile-hint{color:var(--cb-gray-400);font-size:12px}.profile-field-error{background:#fff0f0;border:1px solid #fca5a5;border-radius:6px;color:#b91c1c;font-size:12px;padding:6px 10px}.profile-school-display{align-items:center;display:flex;flex:1 1}.pub-profile-name{color:#1a2744;color:var(--cb-navy-text);font-size:22px;font-weight:800;margin-bottom:4px}.pub-profile-location{color:var(--cb-gray-400);font-size:12px;margin-top:4px}.pub-profile-bio{color:#4a5060;color:var(--cb-gray-700);font-size:15px;line-height:1.7;white-space:pre-wrap}.lb-avatar-link{display:flex;flex-shrink:0}.lb-compact-name:hover,.rg-name:hover{opacity:.75}.lb-name-btn,.rg-name-btn{background:none;border:none;cursor:pointer;font-family:inherit;margin:0;padding:0;text-align:left}.lb-avatar-link.lb-name-btn{align-items:center;display:flex;flex-shrink:0}.lb-compact-info .lb-name-btn{display:block;width:100%}.lb-name-btn:hover,.rg-name-btn:hover{opacity:.75}.player-popup{animation:popup-in .12s ease;background:#fff;background:var(--cb-white);border:1.5px solid #eef0f3;border:1.5px solid var(--cb-gray-200);border-radius:14px;box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001a;padding:16px;position:fixed;width:260px;z-index:9999}@keyframes popup-in{0%{opacity:0;transform:scale(.94) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.player-popup-loading{align-items:center;display:flex;justify-content:center;min-height:80px}.player-popup-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.player-popup-avatar{border:2px solid #eef0f3;border:2px solid var(--cb-gray-200);border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.player-popup-avatar img{height:100%;object-fit:cover;width:100%}.player-popup-avatar-initials{align-items:center;background:#1a2744;background:var(--cb-navy);color:#fff;display:flex;font-size:20px;font-weight:800;height:100%;justify-content:center;width:100%}.player-popup-info{flex:1 1;min-width:0}.player-popup-name{color:#1a2744;color:var(--cb-navy-text);font-size:15px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-popup-rank{align-items:center;display:flex;font-size:12px;font-weight:700;gap:4px;margin-top:2px}.player-popup-rank-icon{height:16px;object-fit:contain;width:16px}.player-popup-elo{color:#8a909e;color:var(--cb-gray-500);font-size:12px;margin-top:2px}.player-popup-stats{border:1.5px solid #eef0f3;border:1.5px solid var(--cb-gray-200);border-radius:10px;display:flex;gap:0;margin-bottom:10px;overflow:hidden}.player-popup-stat{border-right:1.5px solid #eef0f3;border-right:1.5px solid var(--cb-gray-200);flex:1 1;padding:8px 4px;text-align:center}.player-popup-stat:last-child{border-right:none}.player-popup-stat-val{color:#1a2744;color:var(--cb-navy-text);font-size:14px;font-weight:800}.player-popup-stat-lbl{color:var(--cb-gray-400);font-size:10px;font-weight:500;margin-top:1px}.player-popup-bio{color:var(--cb-gray-600);font-size:12px;font-style:italic;line-height:1.5;margin-bottom:10px}.player-popup-view-btn{background:#2451b3;background:var(--cb-blue);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:8px;transition:background .15s;width:100%}.player-popup-view-btn:hover{background:#1a3d8f;background:var(--cb-blue-dark)}.pub-matches-title{color:#1a2744;color:var(--cb-navy-text);font-size:14px;font-weight:700;margin-bottom:10px}.pub-matches-list{display:flex;flex-direction:column;gap:6px}.pub-match-row{align-items:center;background:var(--cb-gray-50);border:1px solid #eef0f3;border:1px solid var(--cb-gray-200);border-radius:8px;display:flex;gap:10px;padding:9px 12px}.pub-match-result{border-radius:4px;flex-shrink:0;font-size:12px;font-weight:800;padding:2px 4px;text-align:center;width:22px}.pub-match-result.win{background:#e3f5ee;background:var(--cb-green-light);color:#00875a;color:var(--cb-green)}.pub-match-result.loss{background:#fff0f0;color:#c0392b;color:var(--cb-red)}.pub-match-result.draw{background:#f5f5f4;color:#78716c}.pub-match-info{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.pub-match-rank-icon{flex-shrink:0;height:14px;object-fit:contain;width:14px}.pub-match-opp{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-match-score{color:#8a909e;color:var(--cb-gray-500);flex-shrink:0;font-size:12px}.pub-match-ago{color:var(--cb-gray-400);flex-shrink:0;font-size:11px}.pub-match-delta{flex-shrink:0;font-size:12px;font-weight:700}.pub-match-delta.pos{color:#00875a;color:var(--cb-green)}.pub-match-delta.neg{color:#c0392b;color:var(--cb-red)}.profile-tab-layout{align-items:flex-start;display:flex;gap:0}.profile-sidebar{border-right:1px solid #eef0f3;border-right:1px solid var(--cb-gray-200);display:flex;flex-direction:column;flex-shrink:0;gap:2px;padding:4px 12px 8px 0;width:136px}.profile-sidebar-btn{align-items:center;background:#0000;border:none;border-radius:7px;color:#8a909e;color:var(--cb-gray-500);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:8px;padding:9px 10px;text-align:left;transition:all .15s;width:100%}.profile-sidebar-btn:hover{background:#f7f8fa;background:var(--cb-gray-100);color:#1a2744;color:var(--cb-navy-text)}.profile-sidebar-btn.active{background:#eaeffa;background:var(--cb-blue-light);color:#2451b3;color:var(--cb-blue)}.profile-tab-content{flex:1 1;min-width:0;padding-left:20px}.profile-name-display{color:#1a2744;color:var(--cb-navy-text);font-size:20px;font-weight:700;margin-bottom:2px}.profile-success{align-items:center;background:#e3f5ee;background:var(--cb-green-light);border-radius:6px;color:#00875a;color:var(--cb-green);display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 10px}.delete-confirm-panel{background:#fdecea;background:var(--cb-red-light);border:1px solid #fca5a5;border-radius:8px;display:flex;flex-direction:column;gap:10px;margin-top:8px;padding:16px}.auth-mode-toggle{background:#f7f8fa;background:var(--cb-gray-100);border-radius:10px;display:flex;gap:0;margin:20px 0 4px;padding:4px}.auth-mode-btn{background:#0000;border:none;border-radius:7px;color:#8a909e;color:var(--cb-gray-500);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:9px 0;transition:all .15s}.auth-mode-btn.active{background:#fff;background:var(--cb-white);box-shadow:0 1px 4px #0000001f;color:#1a2744;color:var(--cb-navy-text)}.username-hint{font-size:12px;font-weight:600}.username-hint.available{color:#00875a;color:var(--cb-green)}.username-hint.taken{color:#c0392b;color:var(--cb-red)}.username-hint.checking{color:#8a909e;color:var(--cb-gray-500)}.pw-input-wrap{align-items:center;display:flex;position:relative}.pw-input-wrap .form-input{padding-right:44px}.pw-toggle{align-items:center;background:none;border:none;color:var(--cb-gray-400);cursor:pointer;display:flex;padding:0;position:absolute;right:12px;transition:color .15s}.pw-toggle:hover{color:#1a2744;color:var(--cb-navy-text)}.toggle-switch{background:#dde0e6;background:var(--cb-gray-300);border:none;border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;padding:0;position:relative;transition:background .2s;width:44px}.toggle-switch.on{background:#2451b3;background:var(--cb-blue)}.toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;display:block;height:18px;left:3px;position:absolute;top:3px;transition:transform .2s;width:18px}.toggle-switch.on .toggle-thumb{transform:translateX(20px)}.navbar-theme-btn{align-items:center;color:#fff9!important;display:flex;padding:6px 8px!important}.navbar-theme-btn:hover{color:#fff!important}
/*# sourceMappingURL=main.23e3a90c.css.map*/