@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&display=swap";.leaderboard-page{min-height:100vh;background:#05050a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:40px 20px;position:relative;overflow:hidden}.leaderboard-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 70% 55% at 8% 0%,rgba(6,182,212,.13) 0%,transparent 60%),radial-gradient(ellipse 55% 45% at 92% 95%,rgba(139,92,246,.11) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 55% 50%,rgba(16,185,129,.05) 0%,transparent 60%),radial-gradient(ellipse 90% 70% at 25% 85%,rgba(6,182,212,.06) 0%,transparent 55%);pointer-events:none;z-index:0;animation:pulse-bg 8s ease-in-out infinite}.leaderboard-page>*{position:relative;z-index:1}.historical-badge{display:inline-block;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-left:10px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #f59e0b4d;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 2px 8px #f59e0b4d}to{box-shadow:0 2px 12px #f59e0b80}}.leaderboard-page.loading,.leaderboard-page.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:60px 20px}.leaderboard-page.loading .spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #06b6d4;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #06b6d44d;margin-bottom:24px}.leaderboard-page.error h2{font-size:2.5em;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.leaderboard-page.error p{color:#89a;font-size:1.1em;margin-bottom:32px}.leaderboard-header{max-width:1400px;margin:0 auto 40px;animation:slideDown .6s ease-out}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;padding:32px;background:#090912c7;border-radius:24px;border:1px solid rgba(255,255,255,.07);box-shadow:0 8px 40px #000000a6,0 1px #ffffff0d inset;-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%)}.title-section h1{margin:0 0 8px;font-size:2.2em;font-weight:900;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.title-section .focus-title{margin:0;font-size:1em;color:#89a;font-weight:500}.filter-tabs{display:flex;background:#090912ad;border-radius:12px;padding:6px;border:1px solid rgba(255,255,255,.1);gap:6px}.filter-tab{padding:10px 24px;border:none;background:transparent;color:#89a;font-weight:600;font-size:14px;border-radius:8px;cursor:pointer;transition:all .3s ease;letter-spacing:.3px}.filter-tab:hover{color:#f0f4ff;background:#ffffff0d}.filter-tab.active{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;box-shadow:0 4px 16px #06b6d466}.user-stats-card{max-width:1400px;margin:0 auto 40px;background:#090912c7;border:1px solid rgba(255,255,255,.07);border-radius:24px;padding:32px;box-shadow:0 8px 40px #000000a6,0 1px #ffffff0d inset;-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);animation:fadeInUp .8s ease-out}.user-stats-card h2{margin:0 0 24px;font-size:1.5em;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.stat-item{display:flex;flex-direction:column;gap:8px;padding:20px;background:#0909128c;border-radius:16px;border:1px solid rgba(255,255,255,.07);transition:all .3s ease}.stat-item:hover{border-color:#06b6d44d;transform:translateY(-4px);box-shadow:0 8px 24px #06b6d433}.stat-label{font-size:.85em;color:#89a;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value{font-size:1.8em;font-weight:800;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.stat-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:25px;font-size:.95em;font-weight:700;width:-moz-fit-content;width:fit-content;letter-spacing:.3px}.stat-badge.perfect{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.stat-badge.champion{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.stat-badge.achiever{background:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.stat-badge.dedicated{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.stat-badge.active{background:#06b6d426;color:#06b6d4;border:1px solid rgba(6,182,212,.3)}.stat-badge.beginner{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.podium-section{max-width:1400px;margin:0 auto 40px;animation:fadeInUp 1s ease-out}.podium-section h2{margin:0 0 32px;font-size:1.8em;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.podium{display:flex;justify-content:center;align-items:flex-end;gap:20px;padding:20px 0}.podium-place{background:#090912c7;border:1px solid rgba(255,255,255,.07);border-radius:24px;padding:32px 24px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);flex:1;max-width:280px;box-shadow:0 8px 40px #000000a6,0 1px #ffffff0d inset;-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%)}.podium-place:hover{transform:translateY(-8px);box-shadow:0 16px 48px #06b6d44d}.place-1{background:linear-gradient(135deg,#f59e0b1a,#f59e0b05);border-color:#f59e0b66;order:2;min-height:320px;box-shadow:0 12px 40px #f59e0b4d}.place-1:hover{box-shadow:0 20px 60px #f59e0b80}.place-2{background:linear-gradient(135deg,#94a3b81a,#94a3b805);border-color:#94a3b866;order:1;min-height:280px;box-shadow:0 12px 40px #94a3b833}.place-3{background:linear-gradient(135deg,#cd7f321a,#cd7f3205);border-color:#cd7f3266;order:3;min-height:240px;box-shadow:0 12px 40px #cd7f3233}.podium-rank{font-size:3.5em;margin-bottom:16px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.podium-avatar{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-bottom:16px;border:3px solid rgba(6,182,212,.4);box-shadow:0 4px 16px #06b6d44d}.place-1 .podium-avatar{border-color:#f59e0b80;box-shadow:0 4px 16px #f59e0b66}.podium-username{font-size:1.2em;font-weight:700;margin:0 0 12px;color:#fff;word-break:break-word}.podium-stats{display:flex;flex-direction:column;gap:10px;align-items:center;margin-bottom:16px}.podium-xp{font-size:1.5em;font-weight:800;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.podium-badge{font-size:.85em;padding:6px 14px;border-radius:20px;font-weight:700;letter-spacing:.3px}.podium-badge.perfect{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.4)}.podium-badge.champion{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.4)}.podium-badge.achiever{background:#8b5cf633;color:#8b5cf6;border:1px solid rgba(139,92,246,.4)}.podium-badge.dedicated{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.podium-badge.active{background:#06b6d433;color:#06b6d4;border:1px solid rgba(6,182,212,.4)}.podium-badge.beginner{background:#94a3b833;color:#94a3b8;border:1px solid rgba(148,163,184,.4)}.full-leaderboard{max-width:1400px;margin:0 auto 40px;animation:fadeInUp 1.2s ease-out}.full-leaderboard h2{margin:0 0 24px;font-size:1.8em;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leaderboard-table{background:#090912c7;border:1px solid rgba(255,255,255,.07);border-radius:20px;overflow:hidden;box-shadow:0 8px 40px #000000a6,0 1px #ffffff0d inset;-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);width:100%;min-width:0}.table-body{display:block}.table-header{display:grid!important;grid-template-columns:48px minmax(120px,1.5fr) minmax(80px,1fr) minmax(80px,1fr) minmax(100px,1.2fr) minmax(90px,.9fr)!important;-moz-column-gap:12px;column-gap:12px;padding:14px 18px;background:#090912e0;font-size:.82em;font-weight:700;color:#06b6d4;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1)}.table-row{display:grid!important;grid-template-columns:48px minmax(120px,1.5fr) minmax(80px,1fr) minmax(80px,1fr) minmax(100px,1.2fr) minmax(90px,.9fr)!important;-moz-column-gap:12px;column-gap:12px;padding:12px 18px;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease;min-height:0!important;width:100%!important;box-sizing:border-box!important}.table-row:last-child{border-bottom:none}.table-row:hover{background:#06b6d40d!important;border-left:3px solid rgba(6,182,212,.5)}.table-row.current-user{background:#06b6d41a;border-left:3px solid #06b6d4;box-shadow:inset 0 0 24px #06b6d41a}.col-rank{font-weight:700;color:#f0f4ff;overflow:hidden;white-space:nowrap}.rank-icon{font-size:1.3em}.col-user,.user-info{display:flex;align-items:center;gap:10px;overflow:hidden;min-width:0}.username{font-weight:600;color:#f0f4ff;font-size:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you-badge{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;padding:4px 10px;border-radius:12px;font-size:.75em;font-weight:800;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #06b6d466;flex-shrink:0}.col-xp{text-align:center;overflow:hidden;white-space:nowrap}.xp-value{font-weight:800;font-size:1.1em;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.col-score{text-align:center;overflow:visible;white-space:nowrap}.score-value{font-weight:600!important;font-size:20px!important;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:2;display:inline-block;max-width:100%}.progress-fill,.progress-fill:after{z-index:0;position:relative}@media (max-width: 480px){.score-value{font-size:14px!important}}.col-progress{text-align:center;overflow:hidden;white-space:nowrap}.col-status{overflow:hidden;white-space:nowrap}.col-progress{text-align:center}.progress-info{display:flex;flex-direction:column;gap:6px}.progress-text{font-size:.9em;font-weight:600;color:#94a3b8}.progress-bar{height:8px;background:#ffffff14;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.progress-bar.mini{height:6px}.progress-bar.small{height:6px;width:100%}.progress-fill{height:100%;background:linear-gradient(90deg,#06b6d4,#10b981);border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #06b6d480;position:relative}.col-status{text-align:center}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.85em;font-weight:700;letter-spacing:.3px}.status-badge.perfect{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-badge.champion{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge.achiever{background:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.status-badge.dedicated{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-badge.active{background:#06b6d426;color:#06b6d4;border:1px solid rgba(6,182,212,.3)}.status-badge.beginner{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.empty-leaderboard{text-align:center;padding:60px 32px;color:#89a;background:#0909128c;border-radius:16px;border:1px solid rgba(255,255,255,.07)}.empty-leaderboard h3{font-size:1.8em;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px;font-weight:700}.empty-leaderboard p{margin:0 0 32px;color:#89a;font-size:1.1em}.leaderboard-navigation{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;animation:fadeInUp 1.4s ease-out}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;border:none;border-radius:25px;font-weight:700;font-size:1em;text-decoration:none;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;box-shadow:0 4px 16px #06b6d466;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:#090912c7;color:#89a;border:1px solid rgba(255,255,255,.1);border-radius:25px;font-weight:700;font-size:1em;text-decoration:none;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:transparent;color:#06b6d4;border:1px solid rgba(6,182,212,.4);border-radius:25px;font-weight:700;font-size:1em;text-decoration:none;cursor:pointer;transition:all .3s ease;letter-spacing:.5px}.btn-outline:hover{background:#06b6d41a;border-color:#06b6d4;transform:translateY(-3px);box-shadow:0 6px 20px #06b6d44d;text-decoration:none}@media (max-width: 1024px){.podium{gap:16px}.podium-place{max-width:240px}.table-header,.table-row{display:grid!important;grid-template-columns:48px minmax(120px,1.4fr) minmax(80px,.95fr) minmax(80px,.95fr) minmax(95px,1.1fr) minmax(90px,.9fr)!important;-moz-column-gap:10px;column-gap:10px}}@media (max-width: 768px){.leaderboard-page{padding:24px 16px}.header-content{flex-direction:column;align-items:flex-start;padding:24px}.title-section h1{font-size:1.8em}.filter-tabs{width:100%}.filter-tab{flex:1;text-align:center;padding:10px 16px;font-size:.9em}.stats-grid{grid-template-columns:1fr 1fr}.podium{flex-direction:column;align-items:center}.podium-place{max-width:100%;width:100%;min-height:0!important;order:unset!important}.table-header,.table-row{display:grid!important;grid-template-columns:40px minmax(100px,1.4fr) minmax(70px,.9fr) minmax(70px,.9fr) minmax(85px,1.1fr) minmax(75px,.8fr)!important;padding:12px 14px;-moz-column-gap:8px;column-gap:8px}.col-status{font-size:.8em}.status-badge{padding:4px 8px;font-size:.75em}.leaderboard-navigation{flex-direction:column}.leaderboard-navigation a,.leaderboard-navigation button{width:100%;text-align:center}.user-stats-card,.full-leaderboard{padding:24px}}@media (max-width: 480px){.title-section h1{font-size:1.5em}.podium-rank{font-size:2.5em}.table-header,.table-row{display:grid!important;grid-template-columns:34px minmax(90px,1.4fr) minmax(55px,.8fr) minmax(55px,.8fr) minmax(75px,1fr) minmax(68px,.8fr)!important;padding:12px 8px;-moz-column-gap:6px;column-gap:6px}.col-progress{font-size:.75em}.col-status{font-size:.7em}.status-badge{padding:2px 6px;font-size:.65em}.col-xp{font-size:.8em}.user-info .username{font-size:.9em}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--obs-900: #05050a;--obs-800: #08080f;--obs-700: #0c0c16;--obs-600: #10101e;--glass-bg: rgba(9, 9, 18, .78);--glass-bg-soft: rgba(12, 12, 24, .65);--glass-border: rgba(255, 255, 255, .07);--glass-border-hi: rgba(255, 255, 255, .12);--glass-blur: blur(28px) saturate(180%);--glass-shine: 0 1px 0 rgba(255,255,255,.06) inset;--glass-shadow: 0 8px 40px rgba(0,0,0,.65), 0 1px 0 rgba(255,255,255,.05) inset;--cyan: #06b6d4;--cyan-hi: #22d3ee;--cyan-lo: #0891b2;--emerald: #10b981;--emerald-hi: #34d399;--purple: #8b5cf6;--purple-hi: #a78bfa;--pink: #ec4899;--amber: #f59e0b;--gold: #fbbf24;--t1: #f0f4ff;--t2: #8899aa;--t3: #3d4a5a;--glow-c: 0 0 24px rgba(6,182,212,.45), 0 0 60px rgba(6,182,212,.15);--glow-e: 0 0 24px rgba(16,185,129,.45), 0 0 60px rgba(16,185,129,.15);--glow-p: 0 0 24px rgba(139,92,246,.45), 0 0 60px rgba(139,92,246,.15)}.hp-root{display:flex;min-height:100vh;background:var(--obs-900);position:relative;overflow-x:hidden}.hp-bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.hp-bg-layer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 8% 0%,rgba(6,182,212,.13) 0%,transparent 60%),radial-gradient(ellipse 55% 45% at 92% 95%,rgba(139,92,246,.11) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 55% 50%,rgba(16,185,129,.05) 0%,transparent 60%),radial-gradient(ellipse 90% 70% at 25% 85%,rgba(6,182,212,.06) 0%,transparent 55%);animation:aurora-drift 18s ease-in-out infinite alternate}@keyframes aurora-drift{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:.75;transform:scale(1.08) translateY(-20px)}}.hp-bg-layer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.013) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.013) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 85% 85% at 50% 40%,black 10%,transparent 100%);mask-image:radial-gradient(ellipse 85% 85% at 50% 40%,black 10%,transparent 100%)}.hp-content{flex:1;padding:32px 38px 56px;margin-left:180px;position:relative;z-index:1;max-width:calc(100% - 180px)}.hp-glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.hp-glass:before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);pointer-events:none;z-index:2}.hp-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;margin-bottom:16px;border-radius:14px;background:linear-gradient(135deg,#06b6d417,#080812e0,#8b5cf612);border:1px solid rgba(6,182,212,.15);box-shadow:0 0 0 1px #ffffff0a inset,0 24px 56px #0000008c;overflow:hidden}.hp-header:after{content:"";position:absolute;top:0;left:-100%;right:0;bottom:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.025) 50%,transparent 60%);animation:header-sweep 6s ease-in-out infinite 2s;pointer-events:none}@keyframes header-sweep{0%{left:-100%}60%{left:100%}to{left:100%}}.hp-greeting{font-size:16px;font-weight:700;letter-spacing:-.3px;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2px;line-height:1.25;position:relative}.hp-subgreeting{font-size:11px;color:var(--t2);font-weight:400;letter-spacing:.2px;position:relative}.hp-header-badge{display:flex;align-items:center;gap:9px;padding:11px 22px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:50px;font-size:13px;font-weight:700;color:var(--emerald-hi);box-shadow:0 0 24px #10b9811f;position:relative}.hp-live-dot{width:8px;height:8px;background:var(--emerald);border-radius:50%;flex-shrink:0;box-shadow:0 0 8px var(--emerald),0 0 20px #10b98180;animation:pulse-dot 2.2s ease-in-out infinite}.hp-champion-badge{display:flex;align-items:center;gap:10px;padding:10px 18px;background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:1px solid rgba(245,158,11,.35);border-radius:14px;box-shadow:0 0 20px #f59e0b1f}.hp-champion-crown{font-size:26px;filter:drop-shadow(0 2px 8px rgba(245,158,11,.6));flex-shrink:0;line-height:1}.hp-champion-info{display:flex;flex-direction:column}.hp-champion-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#f59e0bbf;margin-bottom:1px}.hp-champion-name{font-size:14px;font-weight:800;color:#f59e0b;letter-spacing:-.2px}@keyframes pulse-dot{0%,to{transform:scale(1);box-shadow:0 0 8px var(--emerald),0 0 20px #10b98180}50%{transform:scale(1.4);box-shadow:0 0 14px var(--emerald),0 0 32px #10b98199}}.hp-top-row{display:grid;grid-template-columns:minmax(420px,560px) 1fr;gap:24px;margin-bottom:28px;align-items:start}.hp-potd{padding:26px 28px;min-height:480px;display:flex;flex-direction:column;transition:box-shadow .35s ease}.hp-potd:hover{box-shadow:0 16px 56px #000000a6,0 0 40px #06b6d414,0 1px #ffffff0f inset}.hp-potd-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.hp-potd-board{flex:1;display:flex;align-items:center;justify-content:center;min-height:360px}.hp-potd-tagline{font-size:11px;color:var(--t2);text-align:center;margin-top:10px;line-height:1.5;opacity:.75}.hp-section-label{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:1.8px;color:var(--cyan);text-transform:uppercase}.hp-section-label-bar{width:3px;height:17px;background:linear-gradient(180deg,var(--cyan-hi),var(--emerald));border-radius:2px;box-shadow:0 0 10px #06b6d4b3;flex-shrink:0}.hp-view-all{font-size:12px;color:var(--cyan);text-decoration:none;font-weight:700;padding:6px 14px;border:1px solid rgba(6,182,212,.2);border-radius:8px;transition:all .22s ease;letter-spacing:.3px}.hp-view-all:hover{color:var(--cyan-hi);background:#06b6d417;border-color:#06b6d466;box-shadow:0 0 16px #06b6d426;transform:translate(2px)}.hp-lb-footer{display:flex;justify-content:center;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);margin-top:4px}.hp-lb-view-btn{font-size:13px;font-weight:700;color:var(--cyan);text-decoration:none;padding:8px 24px;border:1px solid rgba(6,182,212,.25);border-radius:10px;letter-spacing:.3px;transition:all .22s ease}.hp-lb-view-btn:hover{color:var(--cyan-hi);background:#06b6d417;border-color:#06b6d473;box-shadow:0 0 18px #06b6d42e;transform:translateY(-1px)}.hp-right-col{display:flex;flex-direction:column;gap:20px}.hp-contests{padding:20px 22px 16px}.hp-contest-row{display:flex;align-items:center;gap:14px;padding:12px 10px;border-radius:12px;border:1px solid transparent;transition:all .24s cubic-bezier(.4,0,.2,1);cursor:default}.hp-contest-row:not(:last-child){margin-bottom:6px}.hp-contest-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.45) 25%,rgba(0,0,0,.45) 75%,transparent 100%);margin:2px 6px;flex-shrink:0}.hp-contest-row:hover{background:#06b6d40f;border-color:#06b6d424;transform:translate(4px)}.hp-contest-row-live{background:#10b98112!important;border-color:#10b98138!important;box-shadow:0 0 24px #10b98112 inset}.hp-contest-icon-wrap{font-size:24px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:12px;flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.hp-contest-body{flex:1;min-width:0}.hp-contest-name-row{display:flex;align-items:center;gap:8px;margin-bottom:3px}.hp-contest-title{font-size:14px;font-weight:700;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-live-pill{font-size:9px;font-weight:800;letter-spacing:1px;color:var(--emerald-hi);background:#10b98124;border:1px solid rgba(16,185,129,.35);padding:2px 7px;border-radius:4px;text-transform:uppercase;flex-shrink:0;animation:pill-blink 2s ease-in-out infinite}@keyframes pill-blink{0%,to{opacity:1}50%{opacity:.6}}.hp-contest-desc{font-size:11px;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-contest-timer{text-align:right;flex-shrink:0}.hp-contest-timer-label{display:block;font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--t3);margin-bottom:3px}.hp-contest-timer-val{display:block;font-size:14px;font-weight:800;font-family:SF Mono,Fira Code,Roboto Mono,monospace;letter-spacing:.5px}.hp-contest-ended{font-size:11px;color:var(--t3);font-style:italic}.hp-contest-row-3d{background:linear-gradient(135deg,#8b5cf621,#08081200 60%,#ec489912)!important;border-color:#8b5cf647!important;box-shadow:0 0 18px #8b5cf61a inset;padding:20px 16px;align-items:center}.hp-3d-icon{font-size:36px!important;width:58px!important}.hp-3d-title{font-size:17px!important;font-weight:800!important;color:#c4b5fd!important}.hp-3d-desc{font-size:13px!important;color:#c4b5fda6!important}.hp-3d-timer-slot{display:flex;flex-direction:row;align-items:center;gap:8px;margin-top:8px}.hp-3d-timer-label{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#8b5cf699}.hp-3d-timer-val{font-size:20px;font-weight:900;font-family:SF Mono,Fira Code,monospace;color:#c4b5fd;letter-spacing:1px;text-shadow:0 0 18px rgba(139,92,246,.55)}.hp-contest-row-3d:hover{background:#8b5cf626!important;border-color:#8b5cf673!important;transform:translate(4px)}.hp-3d-badge{font-size:9px;font-weight:800;letter-spacing:1px;padding:2px 6px;border-radius:4px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;text-transform:uppercase;flex-shrink:0}.hp-3d-soon{font-size:11px;color:#8b5cf6b3;font-style:italic;white-space:nowrap}.hp-arena-cd-icon{font-size:30px;filter:drop-shadow(0 0 14px rgba(139,92,246,.55));animation:spin-slow 9s linear infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hp-stats-bar{display:flex;align-items:center;padding:16px 24px;margin-bottom:10px}.hp-stat-item{display:flex;align-items:center;gap:14px;flex:1;justify-content:center;padding:8px 12px;cursor:default}.hp-stat-divider{width:1px;height:48px;background:#ffffff1f;flex-shrink:0}.hp-stat-icon{font-size:28px;display:block;flex-shrink:0;filter:drop-shadow(0 2px 10px rgba(6,182,212,.35));line-height:1}.hp-stat-value{display:block;font-size:22px;font-weight:900;letter-spacing:-.5px;line-height:1.1;background:linear-gradient(135deg,#ffffff 0%,var(--cyan-hi) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hp-stat-label{font-size:10px;font-weight:600;color:var(--t2);text-transform:uppercase;letter-spacing:1px;margin-top:2px;display:block}.hp-stat-text{display:flex;flex-direction:column;min-width:0}.hp-lab1-section{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:28px;overflow:hidden;border-radius:22px;min-height:340px}.hp-lab1-img-col{position:relative;overflow:hidden;min-height:300px}.hp-lab1-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;transition:transform .5s ease}.hp-lab1-section:hover .hp-lab1-img{transform:scale(1.04)}.hp-lab1-text-col{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:38px 40px;background:linear-gradient(135deg,#06b6d41a,#080812f5 55%,#8b5cf614)}.hp-lab1-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hp-lab1-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#ffffff8c;background:#ffffff12;border:1px solid rgba(255,255,255,.12);padding:4px 10px;border-radius:999px}.hp-lab1-free-badge{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--emerald-hi);background:#10b9811f;border:1px solid rgba(16,185,129,.28);padding:4px 10px;border-radius:999px}.hp-lab1-title{font-size:34px;font-weight:900;letter-spacing:-.8px;line-height:1.1;background:linear-gradient(135deg,#ffffff 0%,var(--cyan-hi) 60%,#a5f3fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.hp-lab1-table{width:100%;border-collapse:collapse}.hp-lab1-row{border-bottom:1px solid rgba(255,255,255,.06)}.hp-lab1-row:last-child{border-bottom:none}.hp-lab1-icon-cell{font-size:20px;padding:11px 14px 11px 0;width:36px;text-align:center;vertical-align:middle}.hp-lab1-text-cell{font-size:14px;font-weight:600;color:#ecf1f7e0;padding:11px 0;vertical-align:middle}@media (max-width: 900px){.hp-lab1-section{grid-template-columns:1fr}.hp-lab1-img-col{min-height:220px;max-height:260px}.hp-lab1-text-col{padding:28px}.hp-lab1-title{font-size:28px}}@media (max-width: 600px){.hp-lab1-text-col{padding:22px 18px;gap:16px}.hp-lab1-title{font-size:24px}.hp-lab1-item{font-size:13px;padding:11px 13px}.hp-lab1-item-icon{font-size:18px}}@media (max-width: 480px){.hp-lab1-text-col{padding:18px 14px}.hp-lab1-title{font-size:21px}.hp-lab1-item{font-size:12px;padding:10px 11px;gap:10px}}.hp-lab2-section{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:28px;overflow:hidden;border-radius:22px;min-height:340px}.hp-lab2-text-col{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:38px 40px;background:linear-gradient(135deg,#8b5cf61a,#080812f5 55%,#ec489912)}.hp-lab2-img-col{position:relative;overflow:hidden;min-height:300px}.hp-lab2-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;transition:transform .5s ease}.hp-lab2-section:hover .hp-lab2-img{transform:scale(1.04)}.hp-lab2-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hp-lab2-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#ffffff8c;background:#ffffff12;border:1px solid rgba(255,255,255,.12);padding:4px 10px;border-radius:999px}.hp-lab2-exp-badge{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#c4b5fd;background:#8b5cf624;border:1px solid rgba(139,92,246,.3);padding:4px 10px;border-radius:999px}.hp-lab2-title{font-size:34px;font-weight:900;letter-spacing:-.8px;line-height:1.1;background:linear-gradient(135deg,#fff,#c4b5fd 60%,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.hp-lab2-subtitle{font-size:14px;color:#c8d2e6b3;margin:0;line-height:1.5}.hp-lab2-table{width:100%;border-collapse:collapse}.hp-lab2-row{border-bottom:1px solid rgba(255,255,255,.06)}.hp-lab2-row:last-child{border-bottom:none}.hp-lab2-icon-cell{font-size:20px;padding:11px 14px 11px 0;width:36px;text-align:center;vertical-align:middle}.hp-lab2-text-cell{font-size:14px;font-weight:600;color:#ecf1f7e0;padding:11px 0;vertical-align:middle}.hp-lab2-tagline{font-size:12px;color:#b4bed280;margin:0;font-style:italic;letter-spacing:.2px}@media (max-width: 900px){.hp-lab2-section{grid-template-columns:1fr}.hp-lab2-img-col{min-height:220px;max-height:260px;order:-1}.hp-lab2-text-col{padding:28px}.hp-lab2-title{font-size:28px}}@media (max-width: 600px){.hp-lab2-text-col{padding:22px 18px;gap:14px}.hp-lab2-title{font-size:24px}.hp-lab2-text-cell{font-size:13px}.hp-lab2-icon-cell{font-size:18px}}@media (max-width: 480px){.hp-lab2-text-col{padding:18px 14px}.hp-lab2-title{font-size:21px}.hp-lab2-text-cell{font-size:12px}}.hp-features-section{padding:30px 24px;border-radius:24px;border:none;background:transparent;box-shadow:none;margin-bottom:24px;position:relative;overflow:hidden}.hp-features-section:before{content:"";position:absolute;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,#38bdf852,#38bdf800 72%);top:-120px;right:-70px;pointer-events:none}.hp-features-section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(120deg,transparent,transparent 38px,rgba(255,255,255,.016) 38px,rgba(255,255,255,.016) 39px)}.hp-features-heading{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:24px;text-align:center;position:relative;z-index:1}.hp-features-eyebrow{font-size:11px;font-weight:800;letter-spacing:2.2px;color:#fffffff2;text-transform:uppercase;background:linear-gradient(135deg,#06b6d447,#ec489933);border:1px solid rgba(255,255,255,.23);padding:5px 12px;border-radius:999px;box-shadow:0 4px 14px #00000038}.hp-features-title{font-size:32px;font-weight:800;background:linear-gradient(135deg,#fff 8%,#67e8f9 42%,#c4b5fd 72%,#f9a8d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.8px;margin:0;text-shadow:0 4px 20px rgba(103,232,249,.24)}.hp-features-subtitle{font-size:14px;color:#e2e8f0db;margin:0;max-width:620px}.hp-features-proof{margin-top:2px;padding:9px 16px;border-radius:999px;background:linear-gradient(90deg,#070b14b8,#151d30b8);border:1px solid rgba(255,255,255,.16);display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;box-shadow:inset 0 1px #ffffff14}.hp-features-proof-item{font-size:11px;color:#e2e8f0e6}.hp-features-proof-item strong{color:#fff;font-weight:800}.hp-features-proof-dot{font-size:14px;color:#ffffff6b}.hp-features-trust{display:flex;align-items:center;justify-content:center;gap:0;margin-top:22px;padding:14px 24px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.hp-features-trust-item{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;text-align:center}.hp-features-trust-value{font-size:13px;font-weight:700;color:#e2e8f0;letter-spacing:.02em}.hp-features-trust-label{font-size:11px;color:#8899aad9}.hp-features-trust-divider{width:1px;height:32px;background:#ffffff1a;flex-shrink:0}.hp-features-row{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;position:relative;z-index:1}.hp-feature-item{display:flex;flex-direction:column;align-items:flex-start;gap:14px;text-align:left;padding:20px 18px;background:#08080fa6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(6,182,212,.12);border-radius:20px;transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff0d;animation:card-fade-in .5s ease backwards;animation-delay:calc(var(--card-index, 0) * .07s)}@keyframes card-fade-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hp-feature-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(6,182,212,.08),rgba(139,92,246,.08),transparent);transition:left .6s ease;pointer-events:none}.hp-feature-item:hover:before{left:100%}.hp-feature-item:after{content:"";position:absolute;bottom:0;left:10%;width:0%;height:2px;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--pink));transition:width .4s ease;border-radius:2px;pointer-events:none}.hp-feature-item:hover:after{width:80%}.hp-feature-item:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000073,0 0 0 1px #06b6d426 inset,0 0 30px #06b6d41a;background:#0a0a14bf}.hp-feature-item:active{transform:translateY(-2px);transition-duration:.05s}.hp-feature-item:nth-child(1){--card-index: 0;--card-accent: var(--cyan)}.hp-feature-item:nth-child(2){--card-index: 1;--card-accent: var(--purple)}.hp-feature-item:nth-child(3){--card-index: 2;--card-accent: var(--emerald)}.hp-feature-item:nth-child(4){--card-index: 3;--card-accent: var(--pink)}.hp-feature-item:nth-child(5){--card-index: 4;--card-accent: var(--amber)}.hp-feature-item:nth-child(1):hover{border-color:#06b6d466}.hp-feature-item:nth-child(2):hover{border-color:#8b5cf666}.hp-feature-item:nth-child(3):hover{border-color:#10b98166}.hp-feature-item:nth-child(4):hover{border-color:#ec489966}.hp-feature-item:nth-child(5):hover{border-color:#f59e0b66}.hp-feature-top{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:12px;position:relative}.hp-feature-icon-wrap{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#06b6d426,#8b5cf61a);border:1px solid rgba(6,182,212,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;transition:all .3s ease;box-shadow:0 4px 12px #0003,inset 0 1px #ffffff14}.hp-feature-item:hover .hp-feature-icon-wrap{transform:scale(1.05);border-color:#06b6d480;box-shadow:0 0 20px #06b6d44d,inset 0 1px #ffffff1a;background:linear-gradient(135deg,#06b6d440,#8b5cf633)}.hp-feature-tag{display:none}.hp-feature-icon{font-size:24px;display:block;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .25s ease,filter .25s ease}.hp-feature-item:hover .hp-feature-icon{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(6,182,212,.5))}.hp-feature-text{display:flex;flex-direction:column;gap:8px;min-width:0;position:relative;z-index:1;width:100%}.hp-feature-label{display:block;font-size:15px;font-weight:800;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.2px;line-height:1.3;transition:all .2s ease}.hp-feature-item:hover .hp-feature-label{background:linear-gradient(135deg,#ffffff 0%,var(--cyan-hi) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hp-feature-desc{font-size:12px;color:#8899aae6;line-height:1.5;transition:color .2s ease}.hp-feature-item:hover .hp-feature-desc{color:#a6b7c8f2}.hp-leaderboard{padding:28px 32px;margin-bottom:28px}.hp-lb-topbar{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.hp-lb-heading-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.hp-lb-title{font-size:20px;font-weight:800;color:var(--t1);letter-spacing:-.3px}.hp-lb-tabs{display:flex;gap:5px;padding:4px;background:#00000073;border:1px solid rgba(255,255,255,.06);border-radius:12px}.hp-lb-tab{padding:8px 18px;border:none;background:transparent;color:var(--t2);font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.hp-lb-tab:hover{color:var(--t1);background:#ffffff0d}.hp-lb-tab-active{background:linear-gradient(135deg,var(--cyan),var(--cyan-lo))!important;color:#fff!important;box-shadow:0 4px 18px #06b6d461}.hp-lb-table-wrap{overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.hp-lb-table-wrap::-webkit-scrollbar{height:4px}.hp-lb-table-wrap::-webkit-scrollbar-track{background:transparent}.hp-lb-table-wrap::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.hp-lb-table-wrap .full-leaderboard{max-width:none;width:auto;min-width:720px;margin:0;animation:none}.hp-lb-table-wrap .full-leaderboard .leaderboard-table{min-width:720px;width:auto}.hp-lb-table-wrap::-webkit-scrollbar-track{background:#ffffff08;border-radius:2px}.hp-lb-table-wrap::-webkit-scrollbar-thumb{background:#ffffff21;border-radius:2px;-webkit-transition:background .2s ease;transition:background .2s ease}.hp-lb-table-wrap::-webkit-scrollbar-thumb:hover{background:#06b6d459}.hp-lb-empty{text-align:center;padding:44px;color:var(--t2);font-size:14px}.hp-focus-table{width:100%;min-width:520px;border-collapse:collapse}.hp-focus-table th{padding:12px 14px;text-align:left;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--cyan);border-bottom:1px solid rgba(6,182,212,.14)}.hp-focus-table td{padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.038);color:var(--t1);font-size:14px;transition:background .15s ease}.hp-focus-table tbody tr:hover td{background:#06b6d40a}.hp-focus-table tbody tr:last-child td{border-bottom:none}.hp-ft-rank-h{width:64px}.hp-ft-rank-cell{font-size:20px;font-weight:700}.hp-ft-player-name{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--t1)}.hp-ft-player-avatar{width:33px;height:33px;background:linear-gradient(135deg,var(--cyan-lo),var(--purple));border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 4px 14px #00000073}.hp-ft-xp{font-weight:700;color:var(--cyan);font-family:SF Mono,Roboto Mono,monospace}.hp-ft-skill{font-weight:700;color:#f59e0b;font-family:SF Mono,Roboto Mono,monospace}.hp-ft-rating{font-weight:800;color:var(--amber);font-family:SF Mono,Roboto Mono,monospace;font-size:15px}.hp-ft-prog{font-family:SF Mono,Roboto Mono,monospace;font-weight:700;font-size:14px;color:#f0f4ff}.hp-ft-prog-wrap{display:flex;flex-direction:column;gap:5px;min-width:72px}.hp-ft-prog-text{font-size:12px;font-weight:700;font-family:SF Mono,Roboto Mono,monospace;color:var(--t2)}.hp-ft-prog-bar{height:4px;background:#ffffff12;border-radius:2px;overflow:hidden}.hp-ft-prog-fill{height:100%;background:linear-gradient(90deg,var(--cyan-lo),var(--cyan-hi));border-radius:2px;transition:width .5s ease}.hp-ft-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:4px 13px;border-radius:999px;white-space:nowrap;border:1.5px solid #f59e0b;color:#f59e0b;background:transparent}.hp-ft-badge-champion{border-color:#fbbf24;color:#fbbf24}.hp-ft-badge-achiever{border-color:var(--cyan-hi);color:var(--cyan-hi)}.hp-ft-badge-perfect{border-color:#f59e0b;color:#f59e0b}.hp-ft-badge-dedicated{border-color:#f87171;color:#f87171}.hp-ft-badge-active{border-color:var(--emerald-hi);color:var(--emerald-hi)}.hp-ft-badge-beginner{border-color:var(--t2);color:var(--t2)}.hp-ft-status{font-size:11px;font-weight:600;padding:4px 11px;background:#10b9811a;border:1px solid rgba(16,185,129,.22);border-radius:6px;color:var(--emerald-hi);white-space:nowrap}.hp-row-gold td{background:#fbbf2409!important}.hp-row-silver td{background:#94a3b806!important}.hp-row-bronze td{background:#d9770606!important}.hp-row-gold td:first-child{border-left:3px solid #fbbf24;padding-left:11px}.hp-row-silver td:first-child{border-left:3px solid #94a3b8;padding-left:11px}.hp-row-bronze td:first-child{border-left:3px solid #d97706;padding-left:11px}.hp-cta{display:flex;align-items:center;gap:36px;padding:44px 52px;margin-bottom:8px;background:linear-gradient(135deg,#06b6d417,#080812eb,#10b98117)!important;border:1px solid rgba(6,182,212,.2)!important;border-radius:26px;overflow:hidden}.hp-cta-glow{position:absolute;top:-90px;left:-90px;width:320px;height:320px;background:radial-gradient(circle,rgba(6,182,212,.13) 0%,transparent 70%);pointer-events:none;animation:cta-drift 7s ease-in-out infinite alternate}@keyframes cta-drift{0%{transform:translate(0) scale(1)}to{transform:translate(60px,40px) scale(1.15)}}.hp-cta-chess{font-size:76px;flex-shrink:0;filter:drop-shadow(0 0 28px rgba(6,182,212,.45));animation:chess-float 3.8s ease-in-out infinite;line-height:1;position:relative;z-index:1}@keyframes chess-float{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(4deg)}}.hp-cta-text{flex:1;position:relative;z-index:1}.hp-cta-heading{font-size:28px;font-weight:900;letter-spacing:-.5px;margin-bottom:10px;background:linear-gradient(135deg,#ffffff 0%,var(--cyan-hi) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hp-cta-sub{font-size:15px;color:var(--t2);line-height:1.65;max-width:480px}.hp-cta-btn{display:inline-flex;align-items:center;padding:16px 38px;background:linear-gradient(135deg,var(--cyan),var(--cyan-lo));color:#fff;text-decoration:none;font-size:15px;font-weight:800;border-radius:14px;letter-spacing:.3px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 36px #06b6d473,0 1px #ffffff2e inset;white-space:nowrap;flex-shrink:0;position:relative;z-index:1}.hp-cta-btn:hover{transform:translateY(-4px);box-shadow:0 18px 52px #06b6d499,0 1px #ffffff38 inset;background:linear-gradient(135deg,var(--cyan-hi),var(--cyan))}.hp-cta-btn:active{transform:translateY(-1px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#08081299}::-webkit-scrollbar-thumb{background:#06b6d438;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#06b6d473}@keyframes shimmer{0%{background-position:-800px 0}to{background-position:800px 0}}.loading-skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:800px 100%;animation:shimmer 1.9s infinite;border-radius:8px}@media (min-width: 1920px){.hp-content{padding:40px 56px 72px}.hp-top-row{grid-template-columns:minmax(460px,600px) 1fr;gap:32px}.hp-stats-bar{padding:20px 32px}.hp-stat-item{gap:18px}.hp-stat-value{font-size:26px}.hp-stat-icon{font-size:32px}.hp-lb-title{font-size:24px}.hp-leaderboard{padding:34px 42px}.hp-potd{min-height:520px;padding:30px 34px}.hp-cta{padding:56px 72px}.hp-cta-heading{font-size:34px}.hp-cta-chess{font-size:96px}.hp-cta-btn{font-size:16px;padding:18px 46px}.hp-features-row{grid-template-columns:repeat(5,1fr)}}@media (max-width: 1919px) and (min-width: 1600px){.hp-content{padding:36px 48px 64px}.hp-top-row{grid-template-columns:minmax(440px,580px) 1fr;gap:30px}.hp-stat-value{font-size:24px}.hp-stat-item{gap:16px}.hp-features-row{grid-template-columns:repeat(5,1fr)}}@media (max-width: 1599px) and (min-width: 1400px){.hp-content{padding:30px 40px 56px}.hp-top-row{grid-template-columns:minmax(420px,540px) 1fr;gap:26px}.hp-features-row{grid-template-columns:repeat(5,1fr)}}@media (max-width: 1400px){.hp-content{padding:26px 30px 48px}.hp-top-row{grid-template-columns:minmax(400px,520px) 1fr;gap:22px}.hp-stat-value{font-size:20px}.hp-features-row{grid-template-columns:repeat(3,1fr);gap:16px}.hp-feature-item{padding:18px 16px}.hp-feature-icon-wrap{width:48px;height:48px}.hp-feature-icon{font-size:22px}.hp-feature-label{font-size:14px}}@media (max-width: 1280px){.hp-content{padding:22px 26px 44px}.hp-top-row{grid-template-columns:minmax(380px,500px) 1fr;gap:18px}.hp-stat-item{gap:12px;padding:6px 10px}.hp-stat-value{font-size:19px}.hp-stat-icon{font-size:24px}.hp-potd{min-height:460px}.hp-leaderboard{padding:22px 26px}.hp-features-row{grid-template-columns:repeat(3,1fr);gap:14px}}@media (max-width: 1200px){.hp-content{margin-left:180px;max-width:calc(100% - 180px);padding:20px 22px 40px}.hp-top-row{grid-template-columns:minmax(360px,480px) 1fr;gap:16px}.hp-potd{min-height:440px}.hp-features-row{grid-template-columns:repeat(3,1fr);gap:14px}}@media (max-width: 1024px){.hp-content{margin-left:0;max-width:100%;padding:20px 20px 36px}.hp-top-row{grid-template-columns:minmax(340px,460px) 1fr;gap:14px}.hp-features-row{grid-template-columns:repeat(2,1fr);gap:14px}.hp-potd{min-height:410px}.hp-leaderboard{padding:20px 22px}.hp-lb-tabs{flex-wrap:wrap;gap:4px}.hp-lb-tab{padding:7px 15px;font-size:12px}}@media (max-width: 900px){.hp-content{padding:18px 18px 32px}.hp-right-col{grid-template-columns:1fr}.hp-stats-bar{padding:12px 16px}.hp-stat-item{gap:10px;padding:6px 8px}.hp-stat-value{font-size:18px}.hp-stat-icon{font-size:22px}.hp-potd{min-height:380px;padding:20px 22px}.hp-lb-tab{padding:7px 13px;font-size:12px}.hp-cta{padding:36px 32px}.hp-cta-heading{font-size:26px}.hp-cta-chess{font-size:60px}}@media (max-width: 768px){.hp-content{padding:16px 16px 28px}.hp-header{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 16px}.hp-header-badge{align-self:flex-start;padding:8px 16px;font-size:12px}.hp-live-dot{width:7px;height:7px}.hp-champion-badge{padding:7px 12px;gap:7px;border-radius:10px}.hp-champion-crown{font-size:18px}.hp-champion-name{font-size:11px}.hp-champion-label{font-size:7px;letter-spacing:.8px}.hp-greeting{font-size:15px}.hp-subgreeting{font-size:10px}.hp-top-row{grid-template-columns:1fr;gap:14px}.hp-stats-bar{flex-wrap:wrap;padding:12px 16px}.hp-stat-item{flex:0 0 50%;max-width:50%;gap:10px;padding:8px 12px}.hp-stat-divider{display:none}.hp-stat-value{font-size:18px}.hp-features-section{padding:18px 14px 20px;border-radius:16px}.hp-features-title{font-size:24px}.hp-features-subtitle{font-size:12px}.hp-features-proof{border-radius:14px;padding:8px 10px;gap:7px}.hp-features-proof-dot{display:none}.hp-features-proof-item{font-size:10px}.hp-features-row{grid-template-columns:repeat(2,1fr);gap:14px}.hp-feature-item{padding:16px 14px;border-radius:16px}.hp-feature-icon-wrap{width:44px;height:44px}.hp-feature-icon{font-size:20px}.hp-feature-label{font-size:13px}.hp-lb-topbar{flex-direction:column;align-items:flex-start;gap:10px}.hp-lb-tabs{flex-wrap:wrap;gap:4px}.hp-lb-tab{padding:7px 13px;font-size:12px}.hp-lb-title{font-size:17px}.hp-leaderboard{padding:16px 18px}.hp-lb-table-wrap{overflow-x:auto}.hp-focus-table{min-width:520px}.hp-cta{flex-direction:column;text-align:center;padding:28px 22px;gap:20px}.hp-cta-sub{max-width:100%}.hp-cta-chess{font-size:52px}.hp-cta-heading{font-size:22px}.hp-cta-btn{width:100%;justify-content:center;font-size:14px}.hp-potd{padding:16px 18px;min-height:340px}.hp-contest-title{font-size:13px}.hp-contest-desc{font-size:10px}.hp-contest-icon-wrap{width:40px;height:40px;font-size:20px}}@media (max-width: 600px){.hp-content{padding:12px 12px 22px}.hp-stats-bar{padding:10px 12px}.hp-stat-item{gap:8px}.hp-stat-value{font-size:17px}.hp-stat-icon{font-size:20px}.hp-stat-label{font-size:9px}.hp-contest-row{gap:10px;padding:10px 8px}.hp-contest-icon-wrap{width:36px;height:36px;font-size:18px}.hp-contest-title{font-size:12px}.hp-3d-title{font-size:14px!important}.hp-3d-icon{font-size:28px!important;width:46px!important}.hp-3d-timer-val{font-size:17px}.hp-lb-tabs{gap:3px}.hp-lb-tab{padding:6px 11px;font-size:11px}.hp-lb-title{font-size:15px}.hp-section-label{font-size:10px;letter-spacing:1.2px}.hp-champion-badge{padding:6px 10px;gap:6px}.hp-champion-crown{font-size:16px}.hp-champion-name{font-size:10px}.hp-champion-label{display:none}.hp-features-title{font-size:21px}.hp-features-subtitle{font-size:11px}.hp-features-proof{width:100%}.hp-features-proof-item{font-size:9px}.hp-cta-heading{font-size:20px}.hp-cta{padding:22px 18px}.hp-cta-chess{font-size:46px}.hp-potd{padding:14px;min-height:300px}}@media (max-width: 480px){.hp-content{padding:10px 10px 20px}.hp-champion-crown{font-size:14px}.hp-champion-name{font-size:9px}.hp-stats-bar{padding:10px 12px}.hp-stat-item{flex:0 0 50%;max-width:50%;gap:10px}.hp-stat-value{font-size:16px}.hp-greeting{font-size:14px}.hp-subgreeting{font-size:10px}.hp-lb-topbar{gap:8px}.hp-lb-tabs{gap:3px}.hp-lb-tab{padding:5px 9px;font-size:10px}.hp-lb-title{font-size:14px}.hp-lb-table-wrap{overflow-x:auto}.hp-focus-table{min-width:460px}.hp-leaderboard{padding:12px 14px}.hp-features-section{padding:16px 10px 18px}.hp-features-eyebrow{font-size:9px;padding:3px 8px}.hp-features-title{font-size:19px}.hp-features-proof{justify-content:flex-start}.hp-features-row{grid-template-columns:1fr;gap:12px}.hp-feature-item{padding:18px 16px;flex-direction:row;align-items:center;gap:14px;border-radius:16px}.hp-feature-text{flex:1}.hp-feature-icon-wrap{width:48px;height:48px;flex-shrink:0}.hp-contest-row-3d{padding:14px 10px}.hp-3d-icon{font-size:24px!important;width:38px!important}.hp-3d-title{font-size:13px!important}.hp-3d-timer-val{font-size:15px}.hp-3d-timer-label{font-size:8px}.hp-cta-heading{font-size:18px}.hp-cta-chess{font-size:42px}.hp-cta{padding:20px 14px;gap:18px}.hp-cta-btn{font-size:13px;padding:12px 24px}.hp-cta-sub{font-size:13px}.hp-potd{padding:12px;min-height:260px}.hp-section-label{font-size:9px;letter-spacing:1px}.hp-view-all{font-size:11px;padding:5px 11px}}@media (max-width: 360px){.hp-content{padding:8px 8px 16px}.hp-stat-value{font-size:14px}.hp-stat-icon{font-size:18px}.hp-focus-table{min-width:420px}.hp-cta-heading{font-size:16px}.hp-cta-chess{font-size:36px}.hp-lb-tab{padding:4px 8px;font-size:10px}.hp-greeting{font-size:13px}.hp-contest-title{font-size:11px}}.user-layout-container{min-height:100vh;display:flex;flex-direction:column;background:#0a0a0a;background-image:radial-gradient(circle at 45% 55%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(2,13,24,.2) 0%,transparent 50%)}.user-content-wrapper{display:flex;flex:1;position:relative}.user-main-content{flex:1;padding:var(--space-md);box-sizing:border-box;transition:margin-left .3s ease}.user-main-content.with-sidebar.desktop{margin-left:170px;width:calc(100% - 170px)}.user-main-content.mobile{margin-left:0;width:100%;padding:var(--space-sm)}.user-main-content.mobile.landscape{margin-left:60px;width:calc(100% - 60px);padding:var(--space-sm)}.user-main-content.no-sidebar{margin-left:0;width:100%}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99999;animation:fadeIn .3s ease}.sidebar-mobile{position:fixed;top:0;left:0;bottom:0;width:60px;max-width:80vw;background:#fff;z-index:100000;box-shadow:2px 0 10px #0000001a;animation:slideInLeft .3s ease;overflow-y:auto;overflow-x:hidden}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 480px){.user-main-content{padding:var(--space-xs)}.sidebar-mobile{width:60px}}@media (min-width: 481px) and (max-width: 768px){.user-main-content{padding:var(--space-sm)}}@media (min-width: 769px) and (max-width: 1024px){.user-main-content{padding:var(--space-lg)}.user-main-content.with-sidebar.desktop{margin-left:170px;width:calc(100% - 170px)}}@media (min-width: 1025px) and (max-width: 1280px){.user-main-content{padding:var(--space-lg)}}@media (min-width: 1281px){.user-main-content{padding:var(--space-xl);max-width:1400px;margin-left:auto;margin-right:auto}.user-main-content.with-sidebar.desktop{margin-left:170px;max-width:1230px}}.floating-menu-btn{position:fixed;top:20px;left:20px;z-index:1001;background:#0a0a0acc;color:#67e8f9;border:1px solid rgba(6,182,212,.3);border-radius:12px;width:44px;height:44px;font-size:1.5rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.floating-menu-btn:hover{background:#06b6d426;transform:scale(1.1);border-color:#06b6d480}.event-notification{background:linear-gradient(135deg,#06b6d41a,#10b9811a);border:1px solid rgba(6,182,212,.3);border-radius:16px;padding:16px 20px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 32px #06b6d41a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInFromTop .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.event-notification:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#06b6d4,#10b981,#06b6d4);background-size:200% 100%;animation:shimmer 2s infinite}.event-notification-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.4}.event-notification-desc{font-size:14px;color:#fffc;margin-bottom:4px;line-height:1.4}.event-notification-date{font-size:12px;color:#06b6d4;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.event-notification-close{background:none;border:none;color:#fff9;font-size:18px;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;width:32px;height:32px}.event-notification-close:hover{background:#ef444433;color:#ef4444;transform:scale(1.1)}.event-notification-topic{font-size:12px;color:#10b981;font-weight:600;margin-bottom:3px;letter-spacing:.3px}.event-notification-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.event-notification-btn{display:inline-flex;align-items:center;padding:7px 16px;border-radius:20px;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;transition:all .25s ease;white-space:nowrap}.event-notification-btn-primary{background:#06b6d426;border:1px solid rgba(6,182,212,.5);color:#06b6d4}.event-notification-btn-primary:hover{background:#06b6d44d;border-color:#06b6d4;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #06b6d44d}.event-notification-btn-register{background:linear-gradient(135deg,#10b98133,#06b6d433);border:1px solid rgba(16,185,129,.5);color:#10b981}.event-notification-btn-register:hover{background:linear-gradient(135deg,#10b98166,#06b6d459);border-color:#10b981;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}@keyframes slideInFromTop{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.info-card{background:#171717b3;border-radius:16px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;text-align:center;padding:20px;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;color:#fff;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 40px #06b6d44d;border-color:#06b6d433}div[style*=navItem]:hover{background:#06b6d426;color:#06b6d4;transform:translate(5px);border-left:5px solid #10b981}button[style*=profileButton]:hover{background:#06b6d433;border-color:#06b6d4;color:#67e8f9;transform:scale(1.03)}button[style*=closeButton]:hover{background:#ef444433;color:#ef4444;transform:rotate(5deg) scale(1.1);border-color:#ef44444d}.dashboard-container{--obsidian-surface: rgba(23, 23, 23, .7);--obsidian-surface-elevated: rgba(23, 23, 23, .7);--obsidian-panel: rgba(0, 0, 0, .3);--obsidian-panel-hover: rgba(0, 0, 0, .45);--obsidian-border: rgba(255, 255, 255, .05);--obsidian-border-strong: rgba(6, 182, 212, .3);--obsidian-text: #ffffff;--obsidian-text-soft: #ffffff;--obsidian-text-muted: #9ca3af;--obsidian-accent: #06b6d4;--obsidian-accent-strong: #06b6d4;--obsidian-accent-alt: #10b981;--obsidian-pill: rgba(0, 0, 0, .3);--obsidian-shadow: 0 8px 32px rgba(0, 0, 0, .5);--obsidian-glow: 0 12px 40px rgba(6, 182, 212, .3);--obsidian-button: linear-gradient(135deg, #06b6d4 0%, #10b981 100%);min-height:100vh;background:#0a0a0a;position:relative;overflow:hidden}.dashboard-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:24px;position:relative;z-index:1}.page{padding:24px}.header-box{margin-bottom:25px;text-align:left}.title{color:#fff;font-size:34px;margin:0;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#9ca3af;margin-top:6px;font-style:italic;font-size:18px}.grid{display:grid;gap:20px}.card{background:#171717b3;padding:20px;border-radius:16px;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.05);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.round-card{background:#171717b3;border-radius:20px;padding:18px;box-shadow:0 8px 32px #00000080;color:#fff;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.round-header{display:flex;justify-content:space-between;align-items:center}.round-name{font-size:20px;font-weight:700;color:#06b6d4}.round-meta{color:#9ca3af;font-size:14px}.batch-list{margin-top:15px;display:flex;flex-direction:column;gap:12px}.batch-item{display:flex;justify-content:space-between;align-items:center;background:#0000004d;padding:15px;border-radius:12px;flex-wrap:wrap;gap:10px;border:1px solid rgba(255,255,255,.05)}.small-text{color:#9ca3af;font-size:13px}.hint-text{color:#67e8f9;font-size:12px;margin-top:4px;font-style:normal;font-weight:600}.join-btn,.results-btn,.lb-btn{padding:10px 16px;border-radius:12px;text-decoration:none;font-weight:600;font-size:13px;transition:all .3s ease;cursor:pointer;border:none}.join-btn{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;box-shadow:0 4px 16px #06b6d466}.join-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #06b6d480}.results-btn{background:#06b6d426;color:#06b6d4;border:1px solid rgba(6,182,212,.3)}.results-btn:hover{background:#06b6d440;transform:translateY(-2px)}.lb-btn{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.lb-btn:hover{background:#10b98140;transform:translateY(-2px)}.empty{color:#9ca3af;padding:12px;border-radius:12px;border:1px dashed rgba(255,255,255,.1);background:#0000004d}.welcome-section{display:flex;align-items:center;justify-content:flex-start;gap:24px;background:var(--obsidian-surface-elevated);padding:20px 28px;border-radius:20px;box-shadow:var(--obsidian-shadow);margin-bottom:40px;border:1px solid var(--obsidian-border);color:var(--obsidian-text);position:relative;overflow:hidden;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.welcome-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(6,182,212,.1) 0%,transparent 70%);animation:obsidian-shimmer 8s linear infinite;pointer-events:none}.arena-crown-widget{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.arena-crown-trophy{font-size:44px;line-height:1;filter:drop-shadow(0 0 14px rgba(251,191,36,.65));animation:crown-pulse 3s ease-in-out infinite}@keyframes crown-pulse{0%,to{filter:drop-shadow(0 0 14px rgba(251,191,36,.65));transform:scale(1)}50%{filter:drop-shadow(0 0 28px rgba(251,191,36,.95));transform:scale(1.08)}}.arena-crown-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:center;white-space:nowrap}.focus-champion-trophy{margin-left:auto;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.champion-trophy-img{width:86px;height:86px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 14px rgba(251,191,36,.65));transition:transform .25s ease,filter .25s ease}.champion-trophy-img:hover{transform:scale(1.12) rotate(-4deg);filter:drop-shadow(0 0 26px rgba(251,191,36,.95))}@keyframes trophy-pulse{0%,to{filter:drop-shadow(0 0 14px rgba(251,191,36,.65))}50%{filter:drop-shadow(0 0 28px rgba(251,191,36,.9))}}.champion-trophy-img{animation:trophy-pulse 3s ease-in-out infinite}.champion-trophy-tooltip{position:absolute;bottom:calc(100% + 12px);right:0;width:240px;background:#0a0a0ef7;border:1px solid rgba(251,191,36,.28);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 12px 32px #0000008c,0 0 0 1px #fbbf240f;pointer-events:none;z-index:200;animation:tooltip-in .15s ease}@keyframes tooltip-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.champion-trophy-tooltip:after{content:"";position:absolute;top:100%;right:32px;border:7px solid transparent;border-top-color:#fbbf2447}.champion-trophy-tooltip-title{font-size:13px;font-weight:700;color:#fbbf24;letter-spacing:.02em}.champion-trophy-tooltip-desc{font-size:12px;color:#cbd5e1;line-height:1.6}.champion-trophy-tooltip-desc strong{color:#f9fafb}.welcome-avatar-wrap{flex-shrink:0;width:120px;height:120px;border-radius:50%;overflow:hidden;border:2px solid rgba(6,182,212,.45);box-shadow:0 0 22px #06b6d44d;background:var(--obsidian-pill);display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.welcome-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.welcome-avatar-initials{font-size:2.6rem;font-weight:700;color:var(--obsidian-accent);line-height:1;text-transform:uppercase}.welcome-avatar-emoji{font-size:3rem}.chess-image{width:80px;height:80px;-o-object-fit:contain;object-fit:contain;margin-left:20px;filter:drop-shadow(0 4px 12px rgba(6,182,212,.3))}.welcome-title{font-size:28px;color:#fff;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:2;margin:0 0 12px}.welcome-quote{font-size:15px;color:var(--obsidian-text-muted);font-style:italic;position:relative;z-index:2;margin:0}.info-card-h4{color:#67e8f9;font-weight:600;font-size:16px}.info-card-p{color:#fff;font-weight:700;font-size:26px}.attendance-section{margin-top:30px}.attendance-card{background:var(--obsidian-surface-elevated);border-radius:16px;border:1px solid var(--obsidian-border);box-shadow:var(--obsidian-shadow);padding:24px 28px;display:flex;align-items:center;gap:20px;transition:all .4s cubic-bezier(.4,0,.2,1);color:#fff;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:800px;margin:0 auto}.attendance-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#06b6d40d,#10b9810d);opacity:0;transition:opacity .4s ease;pointer-events:none}.attendance-card:hover:before{opacity:1}.attendance-card:hover{transform:translateY(-4px);box-shadow:var(--obsidian-glow);border-color:#06b6d433}.attendance-icon{font-size:42px;filter:drop-shadow(0 4px 12px rgba(6,182,212,.3));flex-shrink:0;transition:transform .3s ease}.attendance-card:hover .attendance-icon{transform:scale(1.1) rotate(5deg)}.attendance-content{flex:1}.attendance-title{font-size:22px;font-weight:700;color:#fff;margin:0 0 8px;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.attendance-description{font-size:14px;color:var(--obsidian-text-muted);margin:0;line-height:1.5}.attendance-button{padding:12px 24px;background:var(--obsidian-button);color:var(--obsidian-text);border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:var(--obsidian-glow);white-space:nowrap;flex-shrink:0}.attendance-button:hover{box-shadow:0 6px 24px #06b6d480;transform:translateY(-2px)}@media (max-width: 768px){.attendance-card{flex-direction:column;text-align:center;padding:20px}.attendance-icon{font-size:36px}.attendance-title{font-size:20px}.attendance-button{width:100%}}.loading-card,.error-card{background:var(--obsidian-surface-elevated);border-radius:20px;border:1px solid var(--obsidian-border);box-shadow:var(--obsidian-shadow);padding:60px 30px;text-align:center;color:var(--obsidian-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-icon{font-size:56px;margin-bottom:20px;color:var(--obsidian-accent);filter:drop-shadow(0 4px 12px rgba(6,182,212,.3))}.loading-subtitle{font-size:15px;margin-top:12px;color:var(--obsidian-text-muted)}.error-card{border:1px solid rgba(248,113,113,.22);box-shadow:0 22px 54px #7f1d1d57}.error-message{margin-bottom:20px;font-weight:600;color:#fff;font-size:18px}.retry-button{padding:14px 32px;background:var(--obsidian-button);color:var(--obsidian-text);border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease;box-shadow:var(--obsidian-glow)}.retry-button:hover{box-shadow:0 6px 24px #06b6d480;transform:translateY(-2px)}.scroll-animated{animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.02)}}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.monthly-focus-section{margin:24px 0}.monthly-focus-card{background:linear-gradient(135deg,#673ab7e6,#3f51b5e6);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #673ab74d;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;color:#fff;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.monthly-focus-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.monthly-focus-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 48px #673ab766;border-color:#fff3}.focus-card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.focus-icon{font-size:2.5em;line-height:1;flex-shrink:0}.focus-content{flex:1}.focus-title{margin:0 0 8px;font-size:1.3em;font-weight:600;color:#fff}.focus-description{margin:0 0 12px;font-size:.95em;color:#fffc;line-height:1.4}.focus-status{display:flex;align-items:center;gap:8px;font-size:.9em;color:#ffffffe6}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:pulse-green 2s infinite}.status-dot.active{background:#10b981}.focus-card-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.focus-progress{flex:1}.progress-text{display:block;font-size:.85em;color:#ffffffb3;margin-bottom:6px}.progress-bar-mini{width:100%;height:6px;background:#fff3;border-radius:3px;overflow:hidden}.progress-fill-mini{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;transition:width .3s ease}.focus-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:25px;font-weight:500;font-size:.9em;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.focus-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translate(2px)}@media (max-width: 768px){.monthly-focus-card{padding:20px}.focus-card-header{gap:12px}.focus-icon{font-size:2em}.focus-title{font-size:1.2em}.focus-card-footer{flex-direction:column;gap:12px;align-items:stretch}.focus-button{width:100%;text-align:center}}.event-notification{background:linear-gradient(135deg,#06b6d41a,#10b9811a);border:1px solid rgba(6,182,212,.3);border-radius:12px;padding:16px 20px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #06b6d426;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInNotification .5s ease-out}@keyframes slideInNotification{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.event-notification-content{display:flex;align-items:center;gap:16px;flex:1}.event-notification-icon{font-size:24px;color:#06b6d4;flex-shrink:0}.event-notification-text{flex:1}.event-notification-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.event-notification-desc{font-size:14px;color:#e2e8f0;margin-bottom:4px}.event-notification-date{font-size:12px;color:#94a3b8;font-weight:500}.event-notification-close{background:none;border:none;color:#94a3b8;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.event-notification-close:hover{background:#ef44441a;color:#ef4444;transform:scale(1.1)}@media (max-width: 768px){.event-notification{padding:12px 16px;margin-bottom:16px}.event-notification-content{gap:12px}.event-notification-icon{font-size:20px}.event-notification-title{font-size:14px}.event-notification-desc{font-size:13px}}.badge-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:popup-overlay-in .25s ease}@keyframes popup-overlay-in{0%{opacity:0}to{opacity:1}}.badge-popup-card{position:relative;z-index:10000;background:linear-gradient(160deg,#0f172afa,#172137fa);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:40px 36px 32px;max-width:360px;width:90%;text-align:center;box-shadow:0 24px 60px #000000b3,0 0 0 1px #ffffff0f,inset 0 1px #ffffff14;animation:popup-card-in .35s cubic-bezier(.34,1.56,.64,1)}@keyframes popup-card-in{0%{opacity:0;transform:scale(.82) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}.badge-popup-sparkle{font-size:2rem;margin-bottom:8px;animation:sparkle-spin 2s linear infinite;display:inline-block}@keyframes sparkle-spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.badge-popup-congrats{font-size:1.35rem;font-weight:800;color:#fbbf24;letter-spacing:.02em;margin-bottom:4px;text-shadow:0 0 20px rgba(251,191,36,.4)}.badge-popup-headline{font-size:.85rem;color:#94a3b8;margin-bottom:24px;font-weight:400}.badge-popup-emoji{font-size:4rem;line-height:1;margin-bottom:16px;animation:badge-pop .5s cubic-bezier(.34,1.56,.64,1) .1s both;display:block}@keyframes badge-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.badge-popup-name{font-size:1.3rem;font-weight:700;color:#f1f5f9;margin-bottom:8px}.badge-popup-tier{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 14px;border-radius:20px;margin-bottom:12px}.popup-tier-starter{background:#06b6d426;color:#67e8f9;border:1px solid rgba(6,182,212,.3)}.popup-tier-gold{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.4)}.popup-tier-plat{background:#8b5cf626;color:#c4b5fd;border:1px solid rgba(139,92,246,.4)}.badge-popup-threshold{font-size:.78rem;color:#64748b;margin-bottom:20px;line-height:1.4;font-style:italic}.badge-popup-more{font-size:.78rem;color:#f59e0b;font-weight:600;margin-bottom:16px;background:#f59e0b1a;border-radius:8px;padding:6px 12px}.badge-popup-btn{display:inline-block;padding:12px 32px;background:linear-gradient(135deg,#06b6d4,#7c3aed);color:#fff;font-size:.9rem;font-weight:700;border:none;border-radius:14px;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #06b6d44d;letter-spacing:.02em}.badge-popup-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 28px #06b6d473}.badge-popup-btn:active{transform:translateY(0) scale(.98)}.badge-wall-section{background:var(--obsidian-surface-elevated);border:1px solid var(--obsidian-border);border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:var(--obsidian-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-wall-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.badge-wall-title{font-size:1.1rem;font-weight:600;color:#06b6d4;margin:0;text-transform:uppercase;letter-spacing:.5px}.badge-wall-count{font-size:.82rem;color:var(--obsidian-accent);background:#06b6d41a;padding:4px 12px;border-radius:20px;border:1px solid var(--obsidian-border-strong)}.badge-wall-header-actions{display:flex;align-items:center;gap:10px}.badge-wall-footer-count{font-size:.82rem;color:var(--obsidian-accent);background:#06b6d41a;padding:4px 12px;border-radius:20px;border:1px solid var(--obsidian-border-strong);font-weight:600}.badge-wall-toggle{padding:5px 16px;background:var(--obsidian-pill);border:1px solid var(--obsidian-border);border-radius:10px;color:var(--obsidian-text-muted);font-size:.78rem;font-weight:500;cursor:pointer;letter-spacing:.03em;transition:color .2s,border-color .2s,background .2s;white-space:nowrap}.badge-wall-toggle:hover{color:#67e8f9;border-color:#06b6d44d;background:#06b6d40d}.badge-all-popup-card{background:var(--obsidian-surface-elevated);border:1px solid var(--obsidian-border-strong);border-radius:20px;padding:28px 24px 24px;width:90%;max-width:680px;max-height:80vh;overflow-y:auto;box-shadow:var(--obsidian-shadow);position:relative}.badge-all-popup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}.badge-all-popup-title{font-size:1.05rem;font-weight:700;color:#06b6d4;margin:0;text-transform:uppercase;letter-spacing:.5px;flex:1}.badge-all-popup-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#9ca3af;font-size:.9rem;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.badge-all-popup-close:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444}.badge-wall-preview{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:4px 0 8px}.badge-preview-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 8px;border-radius:14px;flex:1;min-width:72px;max-width:110px;transition:transform .15s;cursor:default}.badge-preview-item:hover{transform:translateY(-2px)}.badge-preview-earned{background:var(--obsidian-panel);border:1px solid var(--obsidian-border)}.badge-preview-locked{background:#0000002e;border:1px solid rgba(255,255,255,.04);opacity:.38;filter:grayscale(1) blur(.3px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.badge-preview-emoji{font-size:1.8rem;line-height:1}.badge-preview-locked .badge-preview-emoji{filter:grayscale(1);opacity:.5}.badge-preview-name{font-size:.7rem;font-weight:600;color:#e5e7eb;text-align:center;line-height:1.2}.badge-preview-locked .badge-preview-name{color:#6b7280}.badge-preview-status{font-size:.65rem;color:#22c55e;font-weight:700}.badge-preview-locked .badge-preview-status{color:#4b5563}.badge-tracks{display:flex;flex-direction:column;gap:18px}.badge-track{display:flex;align-items:center;gap:16px}.badge-track-label{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:72px;flex-shrink:0}.badge-track-icon{font-size:1.4rem}.badge-track-name{font-size:.65rem;color:#9ca3af;font-weight:500;text-align:center;text-transform:uppercase;letter-spacing:.04em;line-height:1.2}.badge-track-steps{display:flex;align-items:center;flex:1;gap:0}.badge-connector{flex:1;height:3px;background:#47556966;border-radius:2px;min-width:12px;max-width:40px;transition:background .3s}.badge-connector.connector-filled{background:linear-gradient(90deg,#fbbf24,#f59e0b);box-shadow:0 0 6px #fbbf2466}.badge-step{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 10px;border-radius:14px;min-width:90px;max-width:110px;text-align:center;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease;cursor:default;flex-shrink:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.badge-step{background:#0000004d;border-color:#ffffff0a}.badge-step:not(.badge-step-earned):not(.badge-step-next){opacity:.32;filter:grayscale(1)}.mfp-section{background:linear-gradient(135deg,#06b6d412,#818cf80d);border:1px solid rgba(6,182,212,.2);border-radius:20px;padding:24px 26px 20px;margin:20px 0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mfp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px}.mfp-header-left{display:flex;align-items:center;gap:12px}.mfp-header-icon{font-size:28px;filter:drop-shadow(0 2px 8px rgba(6,182,212,.4))}.mfp-title{margin:0;font-size:17px;font-weight:700;background:linear-gradient(135deg,#06b6d4,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.3}.mfp-month{margin:2px 0 0;font-size:12.5px;color:#e2e8f080}.mfp-view-all{font-size:13px;font-weight:600;color:#06b6d4;text-decoration:none;border:1px solid rgba(6,182,212,.3);padding:6px 14px;border-radius:20px;transition:background .2s,color .2s}.mfp-view-all:hover{background:#06b6d41f;color:#67e8f9}.mfp-official-block{margin-bottom:18px}.mfp-official-badge-label{display:inline-block;font-size:11.5px;font-weight:700;color:#fbbf24;background:#fbbf241f;border:1px solid rgba(251,191,36,.3);border-radius:20px;padding:3px 10px;margin-bottom:6px;letter-spacing:.3px}.mfp-official-focus-name{font-size:14.5px;font-weight:600;color:#e2e8f0;margin-bottom:12px}.mfp-stat-cards{display:flex;gap:12px;flex-wrap:wrap}.mfp-stat-card{flex:1;min-width:90px;background:#0f172a99;border:1px solid rgba(var(--mfp-accent-rgb, 6,182,212),.25);border-top:3px solid var(--mfp-accent, #06b6d4);border-radius:14px;padding:14px 12px 12px;text-align:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .2s,box-shadow .2s}.mfp-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.mfp-stat-icon{font-size:22px;margin-bottom:6px}.mfp-stat-value{font-size:19px;font-weight:800;color:var(--mfp-accent, #06b6d4);line-height:1.2;margin-bottom:4px}.mfp-stat-label{font-size:11px;color:#e2e8f080;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.mfp-join-invite{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:12px;padding:12px 16px;font-size:13.5px;color:#e2e8f0bf;margin-bottom:14px}.mfp-join-link{font-weight:700;color:#fbbf24;text-decoration:none;border-bottom:1px solid rgba(251,191,36,.4)}.mfp-join-link:hover{color:#fcd34d}.mfp-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.07)}.mfp-table{width:100%;border-collapse:collapse;font-size:13.5px}.mfp-table thead tr{background:#0f172a99}.mfp-table th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#e2e8f073;border-bottom:1px solid rgba(255,255,255,.07);white-space:nowrap}.mfp-table td{padding:11px 14px;color:#e2e8f0d9;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.mfp-table tbody tr:last-child td{border-bottom:none}.mfp-table tbody tr:hover td{background:#06b6d40a}.mfp-row-official td{background:#fbbf240a}.mfp-row-official:hover td{background:#fbbf2414!important}.mfp-focus-name-link{display:flex;align-items:center;gap:6px;text-decoration:none;color:inherit}.mfp-focus-name-link:hover{color:#67e8f9}.mfp-official-dot{font-size:13px;flex-shrink:0}.mfp-creator-tag{font-size:11px;color:#e2e8f059;font-weight:400;margin-left:2px}.mfp-td-rank{font-weight:700;color:#f59e0b;white-space:nowrap}.mfp-td-xp{font-weight:600;color:#06b6d4}.mfp-td-skill{font-weight:600;color:#818cf8}.mfp-td-badge{white-space:nowrap}@media (max-width: 600px){.mfp-section{padding:18px 14px}.mfp-stat-card{min-width:70px;padding:10px 8px 8px}.mfp-stat-value{font-size:16px}.mfp-stat-icon{font-size:18px}}.badge-step.badge-step-next{opacity:.8;filter:none;border-color:#ffffff14;background:#0000004d;animation:badge-pulse-next 2.5s ease-in-out infinite}@keyframes badge-pulse-next{0%,to{box-shadow:0 0 #06b6d400}50%{box-shadow:0 0 0 4px #06b6d414}}.badge-step-starter.badge-step-earned{opacity:1;filter:none;background:#0000004d;border-color:#06b6d44d;box-shadow:0 4px 16px #06b6d426}.badge-step-starter.badge-step-earned:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d440}.badge-step-gold.badge-step-earned{opacity:1;filter:none;background:#0000004d;border-color:#f59e0b66;box-shadow:0 4px 16px #f59e0b33}.badge-step-gold.badge-step-earned:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #f59e0b4d}.badge-step-plat.badge-step-earned{opacity:1;filter:none;background:#0000004d;border-color:#8b5cf680;box-shadow:0 4px 20px #8b5cf633,0 0 30px #06b6d40f;animation:plat-shimmer 3s ease-in-out infinite}@keyframes plat-shimmer{0%,to{box-shadow:0 4px 20px #8b5cf633,0 0 0 1px #8b5cf61a}50%{box-shadow:0 4px 26px #8b5cf659,0 0 0 1px #06b6d433,0 0 40px #06b6d414}}.badge-step-plat.badge-step-earned:hover{transform:translateY(-3px) scale(1.03)}.badge-step-emoji{font-size:1.8rem;line-height:1}.badge-step:not(.badge-step-earned):not(.badge-step-next) .badge-step-emoji{filter:grayscale(1) opacity(.4)}.badge-step-name{font-size:.72rem;font-weight:600;color:#fff;line-height:1.2}.badge-step:not(.badge-step-earned) .badge-step-name{color:#9ca3af}.badge-step-status{font-size:.62rem;color:#9ca3af;line-height:1.3;font-weight:500}.badge-step-starter.badge-step-earned .badge-step-status{color:#67e8f9}.badge-step-gold.badge-step-earned .badge-step-status{color:#fbbf24;font-weight:600}.badge-step-plat.badge-step-earned .badge-step-status{color:#c4b5fd;font-weight:600}.badge-step-next .badge-step-status{color:#9ca3af;font-style:italic}.badge-step:not(.badge-step-earned):not(.badge-step-next) .badge-step-status{color:#4b5563}@media (max-width: 600px){.badge-track{flex-direction:column;align-items:flex-start;gap:8px}.badge-track-label{flex-direction:row;min-width:unset;gap:8px}.badge-track-steps{width:100%;justify-content:space-between}.badge-step{min-width:76px;padding:10px 6px}.badge-step-emoji{font-size:1.5rem}.badge-step-name{font-size:.65rem}.badge-connector{min-width:8px}}.watch-games-section{margin-top:30px}.watch-games-card{background:var(--obsidian-surface-elevated);border-radius:16px;border:1px solid var(--obsidian-border);box-shadow:var(--obsidian-shadow);padding:22px 28px;display:flex;align-items:center;gap:20px;max-width:800px;margin:0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.watch-games-card:hover{transform:translateY(-4px);box-shadow:var(--obsidian-glow);border-color:#06b6d433}.watch-games-icon{font-size:44px;color:var(--obsidian-text-soft);filter:drop-shadow(0 4px 12px rgba(6,182,212,.3));flex-shrink:0}.watch-games-info{flex:1;min-width:0}.watch-games-title{font-size:20px;font-weight:700;margin:0 0 6px;color:#fff}.watch-games-stats{display:flex;gap:16px;flex-wrap:wrap}.watch-games-count{font-size:13px;font-weight:600;color:#06b6d4}.watch-games-last{font-size:13px;color:var(--obsidian-text-muted)}.watch-games-btn{padding:11px 24px;background:var(--obsidian-button);color:var(--obsidian-text);border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity .2s ease,transform .2s ease;flex-shrink:0;box-shadow:0 4px 16px #06b6d466}.watch-games-btn:hover{opacity:.96;transform:translateY(-2px)}@media (max-width: 600px){.watch-games-card{flex-direction:column;text-align:center;padding:18px 16px}.watch-games-stats{justify-content:center}}.activity-tracker{max-width:1200px;margin:0 auto 32px;padding:0 16px}.at-shell{position:relative;overflow:hidden;border-radius:24px;padding:14px;background:radial-gradient(circle at top left,rgba(6,182,212,.08),transparent 34%),radial-gradient(circle at bottom right,rgba(16,185,129,.06),transparent 28%),var(--obsidian-surface-elevated, rgba(23, 23, 23, .7));border:1px solid var(--obsidian-border, rgba(148, 163, 184, .16));box-shadow:var(--obsidian-shadow, 0 24px 80px rgba(3, 8, 20, .55)),inset 0 1px #ffffff0a}.at-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 22%,transparent 78%,rgba(255,255,255,.02))}.at-shell-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.at-heading{display:flex;align-items:center;gap:10px}.at-heading-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:11px;color:var(--obsidian-accent, #7dd3fc);background:var(--obsidian-panel, linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .02)));box-shadow:inset 0 1px #ffffff14,0 10px 24px #06b6d429}.at-heading-icon svg{width:18px;height:18px}.at-title{margin:0;font-size:clamp(18px,3vw,28px);font-weight:700;color:var(--obsidian-text, #f8fafc);letter-spacing:-.02em}.at-tabs{display:inline-flex;padding:3px;gap:3px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff0a}.at-tab{min-width:72px;height:34px;padding:0 16px;border:none;border-radius:999px;background:transparent;color:var(--obsidian-text-muted, rgba(203, 213, 225, .74));font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.at-tab:hover{color:var(--obsidian-text, #f8fafc)}.at-tab--active{color:var(--obsidian-text, #f8fafc);background:var(--obsidian-button, linear-gradient(135deg, #06b6d4 0%, #10b981 100%));box-shadow:var(--obsidian-glow, 0 12px 28px rgba(6, 182, 212, .18)),inset 0 1px #ffffff29}.at-shell-body{position:relative;z-index:1;display:grid;grid-template-columns:minmax(250px,290px) minmax(0,1fr);gap:12px}.at-summary-card,.at-chart-card{border-radius:18px;border:1px solid var(--obsidian-border, rgba(148, 163, 184, .16));background:var(--obsidian-panel, linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .02)));box-shadow:inset 0 1px #ffffff08}.at-summary-card{padding:12px}.at-metric-list{display:grid;gap:10px}.at-metric-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border-radius:14px;border:1px solid var(--obsidian-border, rgba(148, 163, 184, .16));background:linear-gradient(180deg,#ffffff0a,#ffffff05)}.at-metric-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:var(--obsidian-accent, #7dd3fc);background:#06b6d414;box-shadow:inset 0 1px #ffffff14,0 12px 20px #06b6d41a}.at-metric-icon svg{width:18px;height:18px}.at-metric-label-wrap{min-width:0;display:flex;align-items:center}.at-metric-value{color:var(--obsidian-text, #f8fafc);font-size:clamp(18px,3vw,26px);font-weight:700;line-height:1;letter-spacing:-.03em;white-space:nowrap;justify-self:end;text-align:right}.at-metric-value--compact{font-size:clamp(15px,2.4vw,21px);letter-spacing:-.02em}.at-metric-label{margin-top:4px;color:var(--obsidian-text-muted, rgba(203, 213, 225, .74));font-size:12px;font-weight:500}.at-metric-label--inline{margin-top:0;font-size:12px;line-height:1.2;text-align:left}.at-week-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.at-week-day{display:flex;flex-direction:column;align-items:center;gap:8px}.at-week-day-label{color:#cbd5e199;font-size:11px;font-weight:700;letter-spacing:.12em}.at-day-cell{--at-intensity: 0;position:relative;width:100%;aspect-ratio:1 / 1;border-radius:10px;background:linear-gradient(180deg,#1e293bc7,#0f172af5);border:1px solid rgba(148,163,184,.12);box-shadow:inset 0 1px #ffffff0a}.at-day-cell:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:9px;background:radial-gradient(circle at center,rgba(6,182,212,calc(.18 + var(--at-intensity) * .25)),transparent 68%);opacity:calc(var(--at-intensity))}.at-day-cell--active{background:linear-gradient(180deg,#06b6d4f2,#10b981eb);border-color:var(--obsidian-border-strong, rgba(125, 211, 252, .32));box-shadow:inset 0 1px #ffffff2e,0 10px 22px #06b6d438}.at-day-cell--today{outline:2px solid var(--obsidian-border-strong, rgba(125, 211, 252, .32));outline-offset:-2px}.at-day-cell-core{position:absolute;inset:50% auto auto 50%;width:8px;height:8px;border-radius:999px;background:#fffffff2;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #ffffff14;opacity:calc(.2 + var(--at-intensity) * .8)}.at-chart-card{padding:14px 14px 10px}.at-chart-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.at-kicker{margin:0 0 4px;color:var(--obsidian-accent, #7dd3fc);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.at-chart-caption{margin:0;color:var(--obsidian-text-muted, rgba(203, 213, 225, .74));font-size:13px;line-height:1.35}.at-chart-badge{padding:8px 12px;border-radius:999px;border:1px solid var(--obsidian-border-strong, rgba(125, 211, 252, .32));background:#06b6d414;color:var(--obsidian-text-soft, #dbeafe);font-size:11px;font-weight:700;white-space:nowrap}.at-chart-frame{width:100%;min-height:220px}.at-chart-svg{display:block;width:100%;height:auto;overflow:visible}.at-empty{margin-top:6px;padding:8px 0 2px;text-align:center;color:#cbd5e170;font-size:12px}.at-loading{position:relative;z-index:1;padding:24px 10px;text-align:center;color:var(--obsidian-text-muted, rgba(203, 213, 225, .74));font-size:13px}@media (max-width: 960px){.at-shell-body{grid-template-columns:1fr}}@media (max-width: 640px){.activity-tracker{padding:0 10px}.at-shell{padding:12px;border-radius:20px}.at-shell-header,.at-chart-header{flex-direction:column;align-items:stretch}.at-tabs{width:100%}.at-tab{flex:1 1 0}.at-summary-card,.at-chart-card{padding:12px}.at-metric-row{grid-template-columns:38px minmax(0,1fr) auto}.at-metric-label--inline{grid-column:2}.at-week-strip{gap:8px}.at-week-day-label{font-size:11px}}.coach-onboard-wrap{min-height:calc(100vh - 80px);background:#0a0a0a;display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#e2e8f0}.coach-onboard-card{width:100%;max-width:560px;background:#171717bf;border:1px solid rgba(6,182,212,.25);border-radius:20px;padding:40px 36px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 60px #00000080,0 0 0 1px #06b6d414 inset;animation:fadeUp .4s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.coach-onboard-emoji{font-size:56px;text-align:center;margin-bottom:12px;filter:drop-shadow(0 4px 20px rgba(6,182,212,.4))}.coach-onboard-title{margin:0 0 10px;font-size:26px;font-weight:700;text-align:center;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.coach-onboard-sub{text-align:center;color:#e2e8f0b3;font-size:15px;line-height:1.55;margin:0 0 24px}.coach-onboard-sub-small{text-align:center;color:#e2e8f08c;font-size:13px;margin:-4px 0 22px}.coach-onboard-perks{display:flex;flex-direction:column;gap:8px;background:#06b6d40f;border:1px solid rgba(6,182,212,.2);border-radius:12px;padding:14px 18px;margin-bottom:28px}.coach-onboard-perks .perk{font-size:14px;color:#cbd5e1}.coach-onboard-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:8px}.btn-primary,.btn-ghost{padding:11px 22px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .18s ease,background .18s ease;border:none;font-family:inherit}.btn-primary{background:linear-gradient(135deg,#06b6d4,#10b981);color:#0a0a0a;box-shadow:0 6px 20px #06b6d459}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 28px #06b6d480}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{background:#ffffff0d;color:#cbd5e1;border:1px solid rgba(255,255,255,.1)}.btn-ghost:hover:not(:disabled){background:#ffffff14;color:#fff}.btn-danger{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.35);padding:8px 14px;border-radius:8px;font-size:13px;cursor:pointer;font-family:inherit}.btn-danger:hover{background:#ef444440}.coach-onboard-form .field{display:block;margin-bottom:16px}.coach-onboard-form .field>span{display:block;font-size:12.5px;color:#e2e8f0b3;margin-bottom:6px;font-weight:500;letter-spacing:.02em}.coach-onboard-form input,.coach-onboard-form select,.coach-onboard-form textarea{width:100%;padding:10px 13px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:9px;color:#e2e8f0;font-size:14px;font-family:inherit;transition:border-color .15s ease,background .15s ease;box-sizing:border-box}.coach-onboard-form input:focus,.coach-onboard-form select:focus,.coach-onboard-form textarea:focus{outline:none;border-color:#06b6d4;background:#ffffff17}.coach-onboard-form textarea{resize:vertical;min-height:70px}.field-row{display:flex;gap:12px}.field-row .field{flex:1}.radio-row{display:flex;gap:12px}.radio-card{flex:1;display:flex;flex-direction:column;align-items:center;padding:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:12px;cursor:pointer;transition:all .15s ease;gap:6px}.radio-card input{display:none}.radio-card:hover{border-color:#06b6d466}.radio-card.active{background:#06b6d41f;border-color:#06b6d4;box-shadow:0 0 0 1px #06b6d459}.radio-icon{font-size:22px}.radio-label{font-size:13px;color:#e2e8f0}.form-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:10px 14px;border-radius:8px;font-size:13px;margin:8px 0 16px}.coach-dash{max-width:1240px;margin:0 auto;padding:28px 24px 80px;color:#e2e8f0}.coach-loading,.coach-error{min-height:60vh;display:flex;align-items:center;justify-content:center;color:#e2e8f0b3;font-size:15px}.coach-error{color:#fca5a5}.coach-trial-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;border-radius:14px;margin-bottom:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap}.coach-trial-banner.trial{background:linear-gradient(135deg,#f59e0b2e,#f59e0b0f);border:1px solid rgba(245,158,11,.4);color:#fcd34d}.coach-trial-banner.paid{background:linear-gradient(135deg,#10b9812e,#06b6d414);border:1px solid rgba(16,185,129,.4);color:#6ee7b7}.coach-dash-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:26px;flex-wrap:wrap}.coach-dash-header h1{margin:0 0 4px;font-size:24px;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.coach-dash-sub{margin:0;color:#e2e8f099;font-size:14px}.coach-dash-quicklinks{display:flex;gap:10px;flex-wrap:wrap}.coach-dash-quicklinks a,.coach-dash-quicklinks button{text-decoration:none;display:inline-block}.coach-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:28px}.coach-stat-card{background:#14141e99;border:1px solid rgba(6,182,212,.18);border-radius:14px;padding:18px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .15s ease,border-color .15s ease}.coach-stat-card:hover{transform:translateY(-2px);border-color:#06b6d466}.stat-label{font-size:12px;color:#e2e8f08c;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.stat-value{font-size:28px;font-weight:700;color:#f1f5f9;display:flex;align-items:baseline;gap:6px}.stat-cap{font-size:14px;font-weight:500;color:#e2e8f080}.stat-bar{height:4px;background:#ffffff14;border-radius:4px;margin:10px 0 6px;overflow:hidden}.stat-bar>div{height:100%;background:linear-gradient(90deg,#06b6d4,#10b981);border-radius:4px;transition:width .4s ease}.stat-foot{font-size:12px;color:#e2e8f08c}.stat-link{display:inline-block;margin-top:8px;font-size:12.5px;color:#06b6d4;text-decoration:none}.stat-link:hover{text-decoration:underline}.coach-section{margin-bottom:32px}.coach-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:10px}.coach-section-head h2{margin:0;font-size:18px;color:#f1f5f9}.coach-empty{background:#14141e99;border:1px dashed rgba(6,182,212,.3);border-radius:14px;padding:28px;text-align:center;color:#e2e8f099;font-size:14px}.coach-students-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.coach-student-card{background:#14141e99;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .15s ease,transform .15s ease}.coach-student-card:hover{border-color:#06b6d466;transform:translateY(-2px)}.student-top{display:flex;gap:12px;align-items:center;margin-bottom:12px}.student-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#10b981);color:#0a0a0a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.student-name{font-weight:600;color:#f1f5f9;font-size:15px}.student-sub{font-size:12px;color:#e2e8f08c;display:flex;align-items:center;gap:6px}.tag{background:#06b6d426;border:1px solid rgba(6,182,212,.3);color:#67e8f9;font-size:10.5px;padding:1px 7px;border-radius:8px}.student-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#00000040;padding:10px;border-radius:9px;margin-bottom:12px}.student-stats>div{text-align:center}.student-stats span{display:block;font-size:10.5px;color:#e2e8f080;text-transform:uppercase;letter-spacing:.04em}.student-stats strong{font-size:13px;color:#e2e8f0}.invite-pill{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#fcd34d;font-size:12px;padding:6px 10px;border-radius:8px;margin-bottom:10px}.invite-pill code{background:#0000004d;padding:1px 6px;border-radius:4px;font-size:11.5px}.student-actions{display:flex;justify-content:space-between;gap:8px}.student-actions a{text-decoration:none;font-size:12.5px;padding:6px 10px}.coach-assignment-list{display:flex;flex-direction:column;gap:8px}.coach-assignment-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:#14141e99;border:1px solid rgba(255,255,255,.07);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.assign-title{color:#f1f5f9;font-weight:600;font-size:14px}.assign-meta{font-size:12px;color:#e2e8f08c;margin-top:2px;text-transform:capitalize}.assign-date{font-size:12px;color:#e2e8f080;white-space:nowrap}.coach-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1500;padding:20px;animation:fadeUp .18s ease}.coach-modal{width:100%;max-width:520px;background:#14141ef2;border:1px solid rgba(6,182,212,.3);border-radius:16px;padding:28px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-height:90vh;overflow-y:auto}.coach-modal h2{margin:0 0 8px;font-size:20px;color:#f1f5f9}.modal-hint{color:#e2e8f099;font-size:13px;margin:0 0 18px}.modal-divider{text-align:center;color:#e2e8f066;font-size:12px;margin:8px 0 14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.coach-modal .field{display:block;margin-bottom:14px}.coach-modal .field>span{display:block;font-size:12.5px;color:#e2e8f0b3;margin-bottom:5px}.coach-modal input,.coach-modal select,.coach-modal textarea{width:100%;padding:9px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#e2e8f0;font-size:14px;font-family:inherit;box-sizing:border-box}.coach-modal input:focus,.coach-modal select:focus,.coach-modal textarea:focus{outline:none;border-color:#06b6d4}.coach-chart-wrap{height:240px;position:relative;margin-top:6px}.coach-chart-placeholder{display:flex;align-items:center;justify-content:center;height:100%;margin:0;padding:0 20px;color:#e2e8f061;font-size:14px;text-align:center}.coach-chart-placeholder a{color:#06b6d4;text-decoration:none}.coach-chart-placeholder a:hover{text-decoration:underline}.csd-back{margin-bottom:14px}.csd-header{display:flex;align-items:center;gap:18px;background:#14141e99;border:1px solid rgba(6,182,212,.18);border-radius:16px;padding:20px 24px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap}.csd-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#10b981);color:#0a0a0a;font-weight:700;font-size:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.csd-meta h1{margin:0 0 4px;font-size:22px;color:#f1f5f9}.csd-meta p{margin:0;color:#e2e8f099;font-size:13px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.csd-rating{margin-left:auto;text-align:right}.csd-rating span{display:block;font-size:11px;color:#e2e8f080;text-transform:uppercase;letter-spacing:.06em}.csd-rating strong{font-size:26px;color:#06b6d4}.csd-chart{display:flex;gap:4px;height:160px;background:#14141e99;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;align-items:flex-end;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.csd-bar-wrap{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center}.csd-bar{width:100%;max-width:18px;background:linear-gradient(180deg,#06b6d4,#10b981);border-radius:4px 4px 0 0;transition:opacity .15s ease}.csd-bar:hover{opacity:.85}.assign-status{display:flex;align-items:center;gap:10px}.pill{font-size:11px;padding:3px 10px;border-radius:12px;text-transform:capitalize;font-weight:600}.pill-assigned,.pill-pending{background:#94a3b82e;color:#cbd5e1}.pill-started{background:#06b6d42e;color:#67e8f9}.pill-completed{background:#10b9812e;color:#6ee7b7}.pill-overdue{background:#ef44442e;color:#fca5a5}.prog{font-size:12px;color:#e2e8f0a6}.csd-table-wrap{overflow-x:auto;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:#14141e99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.csd-table{width:100%;border-collapse:collapse;font-size:13px;min-width:520px}.csd-table th{padding:10px 14px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8d9;border-bottom:1px solid rgba(255,255,255,.07);white-space:nowrap}.csd-table td{padding:10px 14px;color:#e2e8f0;border-bottom:1px solid rgba(255,255,255,.04);white-space:nowrap}.csd-table tr:last-child td{border-bottom:none}.csd-table tr:hover td{background:#06b6d40d}.cell-good{color:#6ee7b7;font-weight:600}.cell-bad{color:#fca5a5;font-weight:600}.cell-score{color:#fbbf24;font-weight:700}.acc-pill{display:inline-block;padding:2px 9px;border-radius:10px;font-size:11px;font-weight:700}.acc-high{background:#10b98133;color:#6ee7b7}.acc-mid{background:#f59e0b33;color:#fcd34d}.acc-low{background:#ef444433;color:#fca5a5}.ca-list{display:flex;flex-direction:column;gap:12px}.ca-card{background:#14141e99;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .15s ease}.ca-card:hover{border-color:#06b6d459}.ca-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:8px}.ca-title{font-size:16px;font-weight:600;color:#f1f5f9}.ca-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px;font-size:12px;color:#e2e8f099;align-items:center}.ca-type-pill{background:#06b6d426;color:#67e8f9;font-size:11px;padding:2px 8px;border-radius:8px;text-transform:capitalize;border:1px solid rgba(6,182,212,.3)}.ca-desc{color:#e2e8f0b3;font-size:13.5px;line-height:1.5;margin:6px 0 14px}.ca-progress{background:#00000040;padding:10px 12px;border-radius:10px}.ca-progress-label{display:flex;justify-content:space-between;font-size:12px;color:#e2e8f0b3;margin-bottom:6px}.ca-modal{max-width:640px}.ca-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.ca-type-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 12px;cursor:pointer;transition:all .15s ease}.ca-type-card input{display:none}.ca-type-card:hover{border-color:#06b6d466}.ca-type-card.active{background:#06b6d41f;border-color:#06b6d4}.ca-type-label{font-size:13.5px;font-weight:600;color:#f1f5f9}.ca-type-hint{font-size:11.5px;color:#e2e8f08c;margin-top:2px}.ca-student-controls{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.ca-student-controls .btn-ghost{padding:5px 12px;font-size:12px}.ca-selected-count{font-size:12px;color:#06b6d4;margin-left:auto}.ca-student-list{display:flex;flex-wrap:wrap;gap:6px;max-height:180px;overflow-y:auto;background:#00000040;padding:10px;border-radius:10px}.ca-student-pill{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:5px 11px;font-size:12.5px;color:#cbd5e1;cursor:pointer;transition:all .12s ease;display:inline-flex;align-items:center;gap:6px}.ca-student-pill input{margin:0;accent-color:#06b6d4}.ca-student-pill:hover{border-color:#06b6d466}.ca-student-pill.active{background:#06b6d42e;border-color:#06b6d4;color:#67e8f9}.cs-warn,.cs-ok,.cs-err{padding:12px 18px;border-radius:10px;margin-bottom:16px;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cs-warn{background:#f59e0b1f;border:1px solid rgba(245,158,11,.4);color:#fcd34d}.cs-ok{background:#10b9811f;border:1px solid rgba(16,185,129,.4);color:#6ee7b7}.cs-err{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#fca5a5}.cs-current{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#14141e99;border:1px solid rgba(6,182,212,.3);border-radius:14px;padding:16px 22px;margin-bottom:22px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap}.cs-current-label{font-size:11px;text-transform:uppercase;color:#e2e8f080;letter-spacing:.06em}.cs-current-name{font-size:22px;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cs-current-meta{font-size:12.5px;color:#e2e8f099;margin-top:2px}.cs-cycle-toggle{display:inline-flex;background:#14141e99;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:4px;margin:0 auto 28px;display:flex;width:-moz-fit-content;width:fit-content}.cs-cycle-toggle button{background:transparent;border:none;color:#e2e8f0b3;padding:8px 18px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:500;font-family:inherit;transition:all .15s ease}.cs-cycle-toggle button.active{background:linear-gradient(135deg,#06b6d4,#10b981);color:#0a0a0a}.cs-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:32px}.cs-plan{position:relative;background:#14141e99;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px 22px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;transition:transform .18s ease,border-color .18s ease}.cs-plan:hover{transform:translateY(-4px);border-color:#06b6d466}.cs-plan.is-popular{border-color:#06b6d480;box-shadow:0 12px 40px #06b6d42e}.cs-plan.is-current{border-color:#10b98180;background:#10b9810f}.cs-popular-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#0a0a0a;font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px;letter-spacing:.04em}.cs-plan-name{font-size:14px;font-weight:700;color:#f1f5f9;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.cs-plan-price{display:flex;align-items:baseline;gap:4px;margin-bottom:8px;flex-wrap:wrap}.cs-plan-price .currency{font-size:18px;color:#e2e8f0b3}.cs-plan-price .amount{font-size:34px;font-weight:700;color:#06b6d4;line-height:1}.cs-plan-price .cycle{font-size:12.5px;color:#e2e8f08c;margin-left:4px}.cs-plan-students{font-size:13px;color:#10b981;font-weight:600;margin-bottom:14px}.cs-plan-features{list-style:none;padding:0;margin:0 0 18px;flex:1}.cs-plan-features li{color:#e2e8f0bf;font-size:13px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05)}.cs-plan-features li:last-child{border-bottom:none}.cs-plan .btn-primary,.cs-plan .btn-ghost{width:100%;text-align:center;padding:7px 16px;font-size:13px}.cs-history{background:#14141e99;border:1px solid rgba(255,255,255,.08);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.cs-history-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr;align-items:center;gap:10px;padding:12px 16px;font-size:13px;color:#e2e8f0;border-bottom:1px solid rgba(255,255,255,.05)}.cs-history-row:last-child{border-bottom:none}.cs-history-head{background:#00000040;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#e2e8f08c}@media (max-width: 640px){.cs-history-row{grid-template-columns:1fr 1fr;font-size:12px}.cs-history-head{display:none}}.cap-wrap{max-width:1200px;margin:0 auto;padding:28px 24px 80px;color:#e2e8f0}.cap-header{margin-bottom:24px}.cap-title{margin:0 0 4px;font-size:22px;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.cap-sub{margin:0;color:#e2e8f08c;font-size:13px}.cap-tabs{display:flex;gap:4px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:24px;flex-wrap:wrap}.cap-tab{background:none;border:none;color:#e2e8f08c;padding:10px 16px;font-size:13px;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap}.cap-tab:hover{color:#e2e8f0}.cap-tab-active{color:#06b6d4;border-bottom-color:#06b6d4}.cap-body{min-height:400px}.cap-card{background:#14141e99;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cap-card-hdr{display:flex;align-items:center;gap:14px;margin-bottom:16px}.cap-card-title{font-size:15px;font-weight:600;margin:0 0 16px;color:#e2e8f0}.cap-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:4px}.cap-stat-card{border-radius:14px;padding:20px 22px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.07)}.cap-stat-cyan{background:linear-gradient(135deg,#06b6d426,#06b6d40d);border-color:#06b6d44d}.cap-stat-green{background:linear-gradient(135deg,#10b98126,#10b9810d);border-color:#10b9814d}.cap-stat-gold{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border-color:#f59e0b4d}.cap-stat-num{font-size:32px;font-weight:700;line-height:1;margin-bottom:6px;color:#f1f5f9}.cap-stat-lbl{font-size:12px;color:#e2e8f099;text-transform:uppercase;letter-spacing:.5px}.cap-table-wrap{overflow-x:auto}.cap-table{width:100%;border-collapse:collapse;font-size:13px}.cap-table th{text-align:left;padding:8px 12px;color:#e2e8f080;font-weight:500;border-bottom:1px solid rgba(255,255,255,.07);white-space:nowrap}.cap-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.cap-table tr:last-child td{border-bottom:none}.cap-table tr:hover td{background:#ffffff05}.cap-row-break td{opacity:.5}.cap-td-present{color:#10b981;font-weight:600}.cap-td-absent{color:#f87171;font-weight:600}.cap-td-catchup{color:#f59e0b;font-weight:600}.cap-badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;line-height:1.6}.badge-present{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.35)}.badge-absent{background:#f8717133;color:#fca5a5;border:1px solid rgba(248,113,113,.35)}.badge-catchup{background:#f59e0b33;color:#fcd34d;border:1px solid rgba(245,158,11,.35)}.cap-break-badge{display:inline-block;padding:1px 6px;border-radius:10px;font-size:10px;background:#f59e0b33;color:#fcd34d;margin-left:4px}.cap-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 12px;color:#e2e8f0;font-size:13px;outline:none;width:100%;transition:border-color .15s}.cap-input:focus{border-color:#06b6d480}.cap-input option{background:#1a1a2e}.cap-label{display:block;font-size:12px;color:#e2e8f08c;margin-bottom:5px;text-transform:uppercase;letter-spacing:.4px}.cap-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.cap-form-row label{display:block;font-size:12px;color:#e2e8f08c;margin-bottom:5px}.cap-btn{padding:7px 14px;border-radius:8px;border:1px solid;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.cap-btn:disabled{opacity:.5;cursor:not-allowed}.cap-btn-cyan{background:#06b6d426;border-color:#06b6d466;color:#06b6d4}.cap-btn-cyan:hover:not(:disabled){background:#06b6d440}.cap-btn-green{background:#10b98126;border-color:#10b98166;color:#10b981}.cap-btn-green:hover:not(:disabled){background:#10b98140}.cap-btn-warn{background:#f59e0b26;border-color:#f59e0b66;color:#f59e0b}.cap-btn-warn:hover:not(:disabled){background:#f59e0b40}.cap-btn-danger{background:#f871711f;border-color:#f8717159;color:#f87171}.cap-btn-danger:hover:not(:disabled){background:#f8717138}.cap-btn-ghost{background:#ffffff0f;border-color:#ffffff26;color:#e2e8f0b3}.cap-btn-ghost:hover:not(:disabled){background:#ffffff1a}.cap-icon-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#e2e8f0;width:30px;height:30px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}.cap-icon-btn:hover{background:#ffffff1f}.cap-muted{color:#e2e8f073;font-size:13px}.cap-player-list{display:flex;flex-direction:column;gap:12px}.cap-player-card{background:#14141e99;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cap-player-break{opacity:.65;border-color:#f59e0b33}.cap-player-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cap-player-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#0e7490);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0}.cap-player-info{flex:1;min-width:120px}.cap-player-name{font-weight:600;font-size:14px;color:#f1f5f9}.cap-player-meta{font-size:12px;color:#e2e8f080;margin-top:2px}.cap-player-actions{display:flex;gap:8px;flex-wrap:wrap}.cap-player-enroll-summary{margin-top:10px;font-size:12px;color:#e2e8f080;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.cap-enroll-form{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}.cap-enroll-form .cap-form-row{margin-bottom:12px}.cap-enroll-form .cap-form-row label{font-size:12px;color:#e2e8f080;margin-bottom:4px;display:block}.cap-att-list{display:flex;flex-direction:column;gap:4px}.cap-att-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;background:#ffffff05;flex-wrap:wrap}.cap-att-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#0e7490);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.cap-att-name{font-size:13px;font-weight:500;min-width:120px;color:#e2e8f0}.cap-att-btns{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.cap-att-btn{padding:5px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#e2e8f0b3;font-size:12px;cursor:pointer;transition:all .12s}.cap-att-btn:hover:not(:disabled){background:#ffffff1a}.cap-att-btn-present{background:#10b98133!important;border-color:#10b98180!important;color:#6ee7b7!important}.cap-att-btn-absent{background:#f8717133!important;border-color:#f8717180!important;color:#fca5a5!important}.cap-att-btn-catchup{background:#f59e0b33!important;border-color:#f59e0b80!important;color:#fcd34d!important}.cap-att-summary{display:flex;gap:20px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);font-size:13px;flex-wrap:wrap}.cap-req-list{display:flex;flex-direction:column;gap:10px}.cap-req-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;background:#ffffff05;border-left:3px solid transparent;flex-wrap:wrap}.cap-req-pending{border-left-color:#f59e0b}.cap-req-approved{border-left-color:#10b981}.cap-req-rejected{border-left-color:#f87171}.cap-req-info{flex:1;min-width:180px}.cap-req-name{font-weight:600;font-size:13px;margin-bottom:3px;color:#f1f5f9}.cap-req-detail{font-size:12px;color:#e2e8f099}.cap-req-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cap-hist-month-hdr{display:flex;align-items:center;gap:14px;margin-bottom:12px;flex-wrap:wrap}.cap-hist-month{font-weight:600;font-size:14px;color:#e2e8f0;flex:1}.cap-hist-grid{display:flex;flex-wrap:wrap;gap:6px}.cap-hist-cell{width:48px;border-radius:8px;padding:6px 4px;text-align:center;cursor:default}.cap-hist-present{background:#10b98133;border:1px solid rgba(16,185,129,.3)}.cap-hist-absent{background:#f8717126;border:1px solid rgba(248,113,113,.25)}.cap-hist-catchup{background:#f59e0b26;border:1px solid rgba(245,158,11,.25)}.cap-hist-day{font-size:14px;font-weight:700;color:#f1f5f9}.cap-hist-s{font-size:9px;color:#e2e8f08c;text-transform:uppercase;letter-spacing:.3px}@media (max-width: 640px){.cap-wrap{padding:16px 12px 60px}.cap-tab{padding:8px 10px;font-size:12px}.cap-stat-num{font-size:24px}}.mfl-page{min-height:100vh;background:#0a0a0a;color:#fff;font-family:Poppins,sans-serif;padding:48px 20px 80px;position:relative}.mfl-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(6,182,212,.07) 0%,transparent 55%),radial-gradient(circle at 80% 70%,rgba(129,140,248,.07) 0%,transparent 55%);pointer-events:none;z-index:0}.mfl-hero{position:relative;z-index:1;max-width:860px;margin:0 auto 48px;text-align:center}.mfl-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;background:linear-gradient(135deg,#06b6d4,#818cf8,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 10px}.mfl-subtitle{color:#9ca3af;font-size:1rem;margin:0 0 20px}.mfl-count-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;background:#10b9811f;border:1px solid rgba(16,185,129,.3);border-radius:24px;font-size:13px;font-weight:600;color:#34d399}.mfl-count-badge.mfl-count-none{background:#6b72801f;border-color:#6b72804d;color:#9ca3af}.mfl-count-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:mfl-pulse 1.8s infinite;flex-shrink:0}@keyframes mfl-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.mfl-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;max-width:1100px;margin:0 auto}.mfl-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s;cursor:default}.mfl-card:hover{border-color:#818cf866;box-shadow:0 8px 40px #818cf81f}.mfl-card-accent{height:3px;background:linear-gradient(90deg,#06b6d4,#818cf8,#10b981)}.mfl-card-body{padding:22px 22px 16px;flex:1;display:flex;flex-direction:column;gap:12px}.mfl-card-status{display:flex;align-items:center;gap:7px}.mfl-status-dot{width:7px;height:7px;border-radius:50%;background:#10b981;animation:mfl-pulse 1.8s infinite;flex-shrink:0}.mfl-status-text{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#10b981}.mfl-days-left{margin-left:auto;font-size:11px;color:#9ca3af;background:#ffffff0d;padding:2px 8px;border-radius:10px}.mfl-card-title{font-size:1.15rem;font-weight:700;color:#e5e7eb;margin:0;line-height:1.3}.mfl-card-theme{font-size:.82rem;color:#818cf8;margin:0;font-style:italic}.mfl-card-progress{display:flex;flex-direction:column;gap:6px}.mfl-progress-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.mfl-prog-label{color:#6b7280}.mfl-prog-running{color:#10b981;font-weight:600}.mfl-prog-bar-bg{height:5px;border-radius:4px;background:#ffffff12;overflow:hidden}.mfl-prog-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#06b6d4,#10b981);transition:width .5s ease;min-width:4px}.mfl-card-types{display:flex;flex-wrap:wrap;gap:6px}.mfl-type-pill{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;border:1px solid}.mfl-type-puzzles{background:#06b6d41a;border-color:#06b6d44d;color:#06b6d4}.mfl-type-find_mistakes{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.mfl-type-tactics_identification{background:#818cf81a;border-color:#818cf84d;color:#818cf8}.mfl-type-multiple_choice{background:#34d3991a;border-color:#34d3994d;color:#34d399}.mfl-type-blunder_analysis{background:#ef44441a;border-color:#ef44444d;color:#f87171}.mfl-card-xp{font-size:12px;color:#6b7280;display:flex;gap:8px;align-items:center;margin-top:auto}.mfl-xp-sep{color:#374151}.mfl-card-footer{padding:0 22px 22px}.mfl-enter-btn{display:block;text-align:center;padding:12px;background:linear-gradient(135deg,#06b6d433,#818cf833);border:1px solid rgba(129,140,248,.35);border-radius:12px;color:#c7d2fe;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s,transform .15s;letter-spacing:.02em}.mfl-enter-btn:hover{background:linear-gradient(135deg,#06b6d459,#818cf859);border-color:#818cf899;transform:translateY(-1px);color:#e0e7ff}.mfl-empty{position:relative;z-index:1;text-align:center;padding:80px 20px;max-width:480px;margin:0 auto}.mfl-empty-icon{font-size:3.5rem;margin-bottom:16px}.mfl-empty h2{font-size:1.4rem;color:#e5e7eb;margin:0 0 8px}.mfl-empty p{color:#9ca3af;margin:0 0 28px}.mfl-back-btn{display:inline-block;padding:10px 24px;background:#818cf826;border:1px solid rgba(129,140,248,.3);border-radius:10px;color:#a5b4fc;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s}.mfl-back-btn:hover{background:#818cf847;color:#c7d2fe}.mfl-spinner-wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:16px;color:#9ca3af}.mfl-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.08);border-top-color:#06b6d4;border-radius:50%;animation:mfl-spin .8s linear infinite}@keyframes mfl-spin{to{transform:rotate(360deg)}}.mfl-error{text-align:center;color:#f87171;padding:60px 20px;font-size:1rem}@media (max-width: 600px){.mfl-page{padding:32px 14px 60px}.mfl-grid{grid-template-columns:1fr;gap:16px}.mfl-card-body{padding:18px 18px 12px}.mfl-card-footer{padding:0 18px 18px}}.mfl-elite-create{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:6px}.mfl-elite-btn{padding:11px 28px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:700;cursor:pointer;letter-spacing:.03em;box-shadow:0 4px 16px #7c3aed66;transition:transform .18s,box-shadow .18s}.mfl-elite-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed8c}.mfl-elite-btn--disabled{background:#6b728040;box-shadow:none;cursor:not-allowed;color:#9ca3af}.mfl-elite-note{font-size:12px;color:#9ca3af;margin:0}.mfl-card--official{border-color:#f59e0b59;background:#f59e0b0d;box-shadow:0 0 0 1px #f59e0b33,0 6px 30px #f59e0b14}.mfl-card--official:hover{border-color:#f59e0b99;box-shadow:0 0 0 1px #f59e0b66,0 10px 40px #f59e0b26}.mfl-card--official .mfl-card-accent{background:linear-gradient(90deg,#f59e0b,#fbbf24,#d97706)}.mfl-card--official .mfl-card-title{color:#fef3c7}.mfl-card--official .mfl-card-theme{color:#fbbf24}.mfl-card--official .mfl-prog-bar-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.mfl-card--official .mfl-enter-btn{background:linear-gradient(135deg,#f59e0b33,#fbbf2433);border-color:#f59e0b73;color:#fde68a}.mfl-card--official .mfl-enter-btn:hover{background:linear-gradient(135deg,#f59e0b59,#fbbf2459);border-color:#f59e0bb3;color:#fef3c7}.mfl-official-badge{margin:10px 22px 0;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#f59e0b26;border:1px solid rgba(245,158,11,.35);border-radius:20px;font-size:11px;font-weight:700;color:#fbbf24;letter-spacing:.05em;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.focus-dashboard{min-height:100vh;background:#0a0a0a;color:#fff;font-family:Poppins,sans-serif;padding:40px 20px;position:relative;overflow:hidden}.focus-dashboard:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,rgba(6,182,212,.08) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(16,185,129,.08) 0%,transparent 50%);pointer-events:none;z-index:0;animation:pulse-bg 8s ease-in-out infinite}.focus-dashboard>*{position:relative;z-index:1}.focus-dashboard.loading,.focus-dashboard.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:60px 20px}.focus-dashboard.no-focus{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:0;text-align:center;padding:40px 20px}.focus-dashboard.no-focus-with-awards{min-height:100vh;background:#0a0a0a;color:#fff;font-family:Poppins,sans-serif;padding:40px 20px;position:relative;overflow:hidden}.nf-hero{max-width:1400px;margin:0 auto 40px;padding:52px 48px;background:#171717d9;border-radius:24px;border:1px solid rgba(255,215,0,.18);box-shadow:0 8px 40px #ffd70012,0 0 0 1px #ffffff08;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;position:relative;overflow:hidden}.nf-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,215,0,.06) 0%,transparent 65%);pointer-events:none}.nf-coming-soon-badge{display:inline-block;padding:7px 22px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);color:#f59e0b;border-radius:30px;font-size:.82em;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px}.nf-title{margin:0 0 16px;font-family:Orbitron,sans-serif;font-size:2.2em;font-weight:900;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 8px rgba(6,182,212,.35))}.nf-desc{margin:0 auto 32px;max-width:540px;color:#9ca3af;font-size:1.05em;line-height:1.7}.nf-back-btn{display:inline-flex;align-items:center;padding:13px 30px;border-radius:25px}@media (max-width: 768px){.nf-hero{padding:36px 24px}.nf-title{font-size:1.5em}}.focus-dashboard.loading .spinner,.focus-dashboard.error h2,.focus-dashboard.no-focus h2{margin-bottom:20px}.spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #06b6d4;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #06b6d44d}.focus-dashboard.error h2,.focus-dashboard.no-focus h2{font-family:Orbitron,sans-serif;font-size:2.5em;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.focus-dashboard.error p,.focus-dashboard.no-focus p{color:#9ca3af;font-size:1.1em;margin-bottom:30px}.focus-dashboard.error button{background:linear-gradient(135deg,#06b6d433,#10b98133);border:1px solid rgba(6,182,212,.3);color:#06b6d4;padding:14px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.focus-dashboard.error button:hover{background:linear-gradient(135deg,#06b6d44d,#10b9814d);transform:translateY(-2px);box-shadow:0 8px 24px #06b6d466}.xp-animation{position:fixed;top:30px;right:30px;background:linear-gradient(135deg,#06b6d4e6,#10b981e6);color:#fff;padding:18px 32px;border-radius:50px;font-weight:700;font-size:20px;z-index:1000;box-shadow:0 8px 32px #06b6d499;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:xp-pulse .5s ease}@keyframes xp-pulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.milestone-alert{position:fixed;top:100px;left:50%;transform:translate(-50%);z-index:1001;background:linear-gradient(135deg,#f59e0bf2,#ef4444f2);border-radius:20px;box-shadow:0 12px 40px #f59e0b80;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.alert-content{padding:24px 40px;color:#fff;text-align:center;font-weight:700;display:flex;align-items:center;gap:24px;font-size:18px}.claim-btn{background:#fff;color:#f59e0b;border:none;padding:10px 24px;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003}.claim-btn:hover{transform:scale(1.08);box-shadow:0 6px 16px #0000004d}.focus-header{max-width:1400px;margin:0 auto 40px;display:flex;justify-content:space-between;align-items:flex-start;padding:40px;background:#171717b3;border-radius:24px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;animation:slideDown .6s ease-out}.focus-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#06b6d408,#10b98108);pointer-events:none}.focus-title{flex:1;position:relative;z-index:1}.focus-title h1{margin:0 0 12px;font-family:Orbitron,sans-serif;font-size:2.4em;font-weight:900;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px;filter:drop-shadow(0 2px 8px rgba(6,182,212,.4))}.focus-theme{margin:0;font-size:1.3em;color:#9ca3af;font-weight:500;letter-spacing:.5px}.focus-stats{display:flex;gap:20px;position:relative;z-index:1}.stat-card{background:#171717cc;border:1px solid rgba(255,255,255,.1);padding:24px;border-radius:16px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:160px;transition:all .3s ease;box-shadow:0 4px 16px #0000004d}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #06b6d433;border-color:#06b6d44d}.stat-card h3{margin:0 0 12px;font-size:.95em;color:#9ca3af;font-weight:600;letter-spacing:.5px}.xp-display,.rank-display{display:flex;flex-direction:column;align-items:center;gap:4px}.xp-amount,.rank-position{font-size:2.4em;font-weight:800;line-height:1;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.xp-label,.rank-total{font-size:.85em;color:#6b7280;font-weight:500}.progress-overview{max-width:1400px;margin:0 auto 40px;padding:32px;background:#171717b3;border-radius:20px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .8s ease-out}.progress-overview h2{margin:0 0 24px;font-size:1.8em;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-bar{width:100%;height:12px;background:#ffffff0d;border-radius:6px;overflow:hidden;margin-bottom:16px;border:1px solid rgba(255,255,255,.1)}.progress-fill{height:100%;background:linear-gradient(90deg,#06b6d4,#10b981);transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #06b6d499;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{margin:0;color:#9ca3af;font-weight:500;font-size:1.05em}.daily-tasks-grid{max-width:1400px;margin:0 auto 40px;animation:fadeInUp 1s ease-out}.daily-tasks-grid h2{margin-bottom:30px;font-size:1.8em;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tasks-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px}.task-card{background:#171717b3;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:28px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0006}.task-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff1a;transition:all .3s ease}.task-card.completed{border-color:#10b98166;background:#10b9810d}.task-card.completed:before{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 0 12px #10b98199}.task-card.available{cursor:pointer}.task-card.available:before{background:linear-gradient(90deg,#06b6d4,#10b981)}.task-card.available:hover{transform:translateY(-6px);box-shadow:0 12px 40px #06b6d44d;border-color:#06b6d466}.task-card.locked{opacity:.5;cursor:not-allowed}.task-card.running{border-color:#10b98180;box-shadow:0 0 30px #10b9814d;animation:pulse-card 2s infinite}@keyframes pulse-card{0%,to{box-shadow:0 0 20px #10b9814d}50%{box-shadow:0 0 40px #10b98180}}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.day-number{font-weight:700;color:#9ca3af;font-size:.95em;letter-spacing:.5px}.task-status-icon{font-size:1.5em;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.countdown-timer{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;padding:14px!important;border-radius:12px!important;text-align:center;margin-bottom:16px!important;box-shadow:0 4px 16px #10b98166;border:1px solid rgba(255,255,255,.2)}.countdown-timer>div:first-child{font-size:11px!important;opacity:.9!important;margin-bottom:4px!important;letter-spacing:1px;font-weight:600}.countdown-timer>div:last-child{font-size:28px!important;font-weight:800!important;font-family:Orbitron,monospace!important;letter-spacing:2px}.task-title{margin:0 0 12px;color:#fff;font-size:1.2em;line-height:1.4;font-weight:600}.task-type-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:12px;margin-bottom:12px;font-weight:600;letter-spacing:.3px}.task-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.xp-reward{background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;font-size:1.1em;filter:drop-shadow(0 2px 4px rgba(6,182,212,.3))}.timer-badge{margin-left:8px;font-size:14px;opacity:.7}.start-task-btn{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff;text-decoration:none;padding:10px 20px;border-radius:25px;font-size:.95em;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #10b98166;border:1px solid rgba(255,255,255,.2);letter-spacing:.5px}.start-task-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98199;text-decoration:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.waiting-badge{background:#ffffff0d;color:#9ca3af;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.1)}.late-task-btn{background:#f59e0b!important;color:#fff!important;padding:8px 16px!important;border-radius:20px!important;font-size:13px!important;text-decoration:none!important;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #f59e0b66}.late-task-btn:hover{background:#d97706!important;transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b99}.completed-badge{background:#10b98133;color:#10b981;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;border:1px solid rgba(16,185,129,.3)}.mini-leaderboard{max-width:1400px;margin:0 auto 40px;background:#171717b3;border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp 1.2s ease-out}.mini-leaderboard h2{margin:0 0 24px;font-size:1.8em;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leaderboard-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.leaderboard-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#17171799;border-radius:12px;transition:all .3s ease;border:1px solid rgba(255,255,255,.05)}.leaderboard-item:hover{background:#06b6d40d;border-color:#06b6d433;transform:translate(6px)}.leaderboard-item .rank{font-weight:800;min-width:50px;font-size:1.2em}.leaderboard-item .username{flex:1;margin:0 20px;font-weight:600;color:#e5e7eb;font-size:1.05em}.leaderboard-item .xp{background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;font-size:1.1em}.view-full-btn{display:inline-block;background:linear-gradient(135deg,#06b6d433,#10b98133);border:1px solid rgba(6,182,212,.3);color:#06b6d4;text-decoration:none;padding:12px 28px;border-radius:25px;font-size:.95em;font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.5px}.view-full-btn:hover{background:linear-gradient(135deg,#06b6d44d,#10b9814d);transform:translateY(-2px);box-shadow:0 6px 20px #06b6d466;text-decoration:none}.focus-navigation{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;gap:24px;animation:fadeInUp 1.4s ease-out}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:1em;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-primary{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;box-shadow:0 4px 16px #06b6d466;border:1px solid rgba(255,255,255,.2)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 24px #06b6d499;text-decoration:none}.btn-secondary{background:#171717b3;color:#9ca3af;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{border-color:#06b6d44d;color:#06b6d4;transform:translateY(-3px);box-shadow:0 6px 20px #0000004d;text-decoration:none}@media (max-width: 1024px){.focus-header{flex-direction:column;gap:30px;padding:32px}.focus-stats{width:100%;justify-content:space-between}.stat-card{min-width:140px}.tasks-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 768px){.focus-dashboard{padding:24px 16px}.focus-header{padding:24px}.focus-title h1{font-size:2em}.focus-theme{font-size:1.1em}.focus-stats{flex-direction:column;gap:16px}.stat-card{width:100%;min-width:auto}.progress-overview,.mini-leaderboard{padding:24px}.tasks-container{grid-template-columns:1fr}.task-card{padding:20px}.focus-navigation{flex-direction:column}.btn-primary,.btn-secondary{width:100%;padding:14px 24px}.xp-animation{right:16px;top:16px;font-size:16px;padding:14px 24px}.milestone-alert{left:16px;right:16px;transform:none}.alert-content{padding:20px 24px;font-size:15px;flex-direction:column;gap:16px}}@media (max-width: 480px){.focus-title h1{font-size:1.6em}.daily-tasks-grid h2,.progress-overview h2,.mini-leaderboard h2{font-size:1.4em}.countdown-timer>div:last-child{font-size:22px!important}}.mfa-section{max-width:1400px;margin:48px auto 0;display:flex;flex-direction:column;gap:32px}.mfa-title-row{display:flex;align-items:center;gap:20px;padding:36px 40px;background:#171717d9;border-radius:24px;border:1px solid rgba(255,215,0,.2);box-shadow:0 8px 40px #ffd70014,0 0 0 1px #ffffff08;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative;overflow:hidden}.mfa-title-row:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffd7000a,#ff8c000a);pointer-events:none}.mfa-trophy-icon{font-size:3.2em;filter:drop-shadow(0 4px 16px rgba(255,215,0,.5));flex-shrink:0}.mfa-main-title{margin:0 0 6px;font-family:Orbitron,sans-serif;font-size:2em;font-weight:900;background:linear-gradient(135deg,gold,#ffb700,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 8px rgba(255,183,0,.4));letter-spacing:1px}.mfa-subtitle{margin:0;color:#9ca3af;font-size:1.05em;font-weight:500}.mfa-block{background:#171717bf;border-radius:20px;border:1px solid rgba(255,255,255,.06);padding:32px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 28px #0006}.mfa-block-title{margin:0 0 8px;font-size:1.35em;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mfa-block-sub{margin:0 0 24px;color:#6b7280;font-size:.95em;line-height:1.5}.mfa-earn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:20px}.mfa-earn-card{border-radius:16px;padding:22px 18px;text-align:center;border:1px solid transparent;transition:transform .25s ease,box-shadow .25s ease;position:relative;overflow:hidden}.mfa-earn-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #0006}.mfa-earn-daily{background:#06b6d414;border-color:#06b6d440}.mfa-earn-perfect{background:#8b5cf614;border-color:#8b5cf640}.mfa-earn-milestone{background:#f59e0b14;border-color:#f59e0b40}.mfa-earn-streak{background:#ef444414;border-color:#ef444440}.mfa-earn-quality{background:#10b98114;border-color:#10b98140}.mfa-earn-late{background:#9ca3af0f;border-color:#9ca3af26}.mfa-earn-icon{font-size:2.2em;margin-bottom:10px;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.mfa-earn-label{display:block;font-weight:700;font-size:1em;color:#e5e7eb;margin-bottom:6px}.mfa-earn-xp{display:block;font-family:Orbitron,sans-serif;font-size:1.5em;font-weight:900;margin-bottom:8px;background:linear-gradient(135deg,gold,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mfa-earn-desc{display:block;font-size:.82em;color:#6b7280;line-height:1.4}.mfa-badges-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.mfa-badge-row{display:flex;align-items:center;gap:18px;padding:16px 20px;background:#0f0f0f80;border-radius:14px;border:1px solid rgba(255,255,255,.05);transition:all .25s ease}.mfa-badge-row:hover{background:#06b6d40d;border-color:#06b6d433;transform:translate(4px)}.mfa-badge-row-champion{background:#ffd7000d!important;border-color:#ffd70040!important;box-shadow:0 0 20px #ffb7001a}.mfa-badge-row-champion:hover{background:#ffd70014!important;border-color:#ffd70066!important}.mfa-badge-icon{font-size:2em;min-width:44px;text-align:center;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.mfa-badge-info{flex:1;display:flex;flex-direction:column;gap:3px}.mfa-badge-name{font-weight:700;font-size:1.05em;color:#e5e7eb}.mfa-badge-req{font-size:.875em;color:#6b7280}.mfa-badge-tag{font-size:.8em;font-weight:700;padding:5px 14px;border-radius:20px;white-space:nowrap;letter-spacing:.3px}.mfa-tag-green{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.mfa-tag-blue{background:#06b6d426;color:#06b6d4;border:1px solid rgba(6,182,212,.3)}.mfa-tag-orange{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.mfa-tag-cyan{background:#22d3ee26;color:#22d3ee;border:1px solid rgba(34,211,238,.3)}.mfa-tag-gold{background:#ffd7001f;color:gold;border:1px solid rgba(255,215,0,.3)}.mfa-tag-trophy{background:linear-gradient(135deg,#ffd70033,#ff8c0033);color:#ffb700;border:1px solid rgba(255,183,0,.4)}.mfa-rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px}.mfa-reward-card{background:#0a0a0a99;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:24px 20px;text-align:center;transition:all .25s ease}.mfa-reward-card:hover{transform:translateY(-4px);border-color:#06b6d440;box-shadow:0 10px 30px #06b6d41a}.mfa-reward-top{font-size:2.4em;display:block;margin-bottom:12px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.3))}.mfa-reward-name{font-weight:700;font-size:1.05em;color:#e5e7eb;margin-bottom:10px;display:block}.mfa-reward-desc{font-size:.875em;color:#6b7280;line-height:1.55}.mfa-tips-block{border-color:#10b98126!important;background:#10b98108!important}.mfa-tips-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:14px}.mfa-tips-list li{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;background:#0a0a0a66;border-radius:12px;border:1px solid rgba(255,255,255,.04);color:#d1d5db;font-size:.95em;line-height:1.55}.mfa-tips-list li strong{color:#fff}.mfa-tip-icon{font-size:1.3em;flex-shrink:0;margin-top:1px;filter:drop-shadow(0 1px 4px rgba(0,0,0,.3))}.mfa-tips-table-wrap{overflow-x:auto;margin-top:18px;border-radius:14px;border:1px solid rgba(255,255,255,.07)}.mfa-tips-table{width:100%;border-collapse:collapse;font-size:.93em}.mfa-tips-table thead tr{background:#06b6d414;border-bottom:1px solid rgba(6,182,212,.2)}.mfa-tips-table th{padding:13px 18px;text-align:left;font-weight:700;color:#06b6d4;font-size:.82em;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}.mfa-th-icon{width:44px;text-align:center}.mfa-tips-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background .2s ease}.mfa-tips-table tbody tr:last-child{border-bottom:none}.mfa-tips-table tbody tr:hover{background:#06b6d40a}.mfa-tips-table td{padding:14px 18px;vertical-align:middle;color:#d1d5db;line-height:1.45}.mfa-td-icon{font-size:1.45em;text-align:center;padding:14px 10px!important;filter:drop-shadow(0 1px 5px rgba(0,0,0,.35))}.mfa-td-tip strong{color:#fff}.mfa-td-reward{font-weight:700;white-space:nowrap;padding-right:22px!important;border-radius:8px}.mfa-reward-blue{color:#06b6d4}.mfa-reward-gray{color:#9ca3af}.mfa-reward-gold{color:gold}.mfa-reward-orange{color:#f97316}.mfa-reward-green{color:#10b981}.mfa-reward-trophy{color:#ffb700}@media (max-width: 600px){.mfa-tips-table th:nth-child(3),.mfa-tips-table td:nth-child(3){display:none}}@media (max-width: 768px){.mfa-title-row{padding:24px 20px;flex-direction:column;text-align:center;gap:12px}.mfa-main-title{font-size:1.5em}.mfa-earn-grid,.mfa-rewards-grid{grid-template-columns:repeat(2,1fr)}.mfa-badge-tag{display:none}.mfa-block{padding:20px}}@media (max-width: 480px){.mfa-earn-grid,.mfa-rewards-grid{grid-template-columns:1fr}}.streak-banner{max-width:1400px;margin:0 auto 28px;background:#171717e0;border:1px solid rgba(239,68,68,.25);border-radius:20px;padding:24px 32px;display:flex;align-items:center;gap:32px;flex-wrap:wrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 28px #ef44441a;position:relative;overflow:hidden}.streak-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ef44440a,#f59e0b0a);pointer-events:none}.streak-left{display:flex;align-items:center;gap:18px}.streak-fire-wrap{display:flex;align-items:center}.streak-fire-emoji{line-height:1;filter:drop-shadow(0 2px 10px rgba(239,68,68,.6))}.streak-num{font-family:Orbitron,sans-serif;font-size:2.4em;font-weight:900;background:linear-gradient(135deg,#f97316,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.streak-num-best{font-size:1.6em!important;background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;-webkit-background-clip:text!important;background-clip:text!important}.streak-label{font-size:.76em;color:#6b7280;font-weight:600;letter-spacing:.5px;margin-top:3px}.streak-divider{width:1px;height:44px;background:#ffffff14}.streak-middle{display:flex;flex-direction:column;gap:8px}.streak-week-label{font-size:.72em;color:#6b7280;font-weight:700;letter-spacing:1.2px}.streak-dots{display:flex;gap:8px;flex-wrap:wrap}.sdot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.82em;font-weight:700;border:2px solid rgba(255,255,255,.08);background:#ffffff08;color:#6b7280;transition:all .3s ease}.sdot-on{background:#ef444426;border-color:#ef444473;font-size:1.05em;box-shadow:0 0 10px #ef44444d}.streak-right{margin-left:auto}.streak-warning{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);color:#f59e0b;padding:10px 18px;border-radius:10px;font-size:.88em;font-weight:600}.streak-start-msg{color:#9ca3af;font-size:.9em;font-weight:600}.streak-safe-msg{color:#10b981;font-size:.9em;font-weight:600}@media (max-width: 768px){.streak-banner{padding:20px;gap:18px}.streak-right{margin-left:0;width:100%}.sdot{width:30px;height:30px;font-size:.72em}.sdot-on{font-size:.92em}}.todays-mission{max-width:1400px;margin:0 auto 28px;border-radius:22px;padding:32px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative;overflow:hidden;border:1px solid rgba(16,185,129,.3);background:#10b9810f;box-shadow:0 8px 36px #10b9811f}.todays-mission:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(16,185,129,.05),transparent);pointer-events:none}.tm-done{border-color:#10b98180!important;background:#10b98114!important}.tm-locked{border-color:#ffffff12!important;background:#1717178c!important;box-shadow:none!important;display:flex;align-items:center;gap:20px;opacity:.7}.tm-left{flex:1;position:relative;z-index:1}.tm-eyebrow{font-size:.78em;font-weight:700;color:#10b981;letter-spacing:1.5px;margin-bottom:10px;text-transform:uppercase}.tm-title{margin:0 0 16px;font-size:1.7em;font-weight:800;color:#fff;line-height:1.3}.tm-pills{display:flex;gap:10px;flex-wrap:wrap}.tm-pill{padding:7px 16px;border-radius:20px;font-size:.82em;font-weight:700;border:1px solid transparent}.tm-pill-type-puzzles{background:#06b6d426;color:#06b6d4;border-color:#06b6d44d}.tm-pill-type-find_mistakes{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b4d}.tm-pill-type-tactics_identification{background:#10b98126;color:#10b981;border-color:#10b9814d}.tm-pill-xp{background:#ffd7001f;color:gold;border-color:#ffd7004d}.tm-pill-streak{background:#ef44441f;color:#f97316;border-color:#ef44444d}.tm-right{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;z-index:1}.tm-timer{text-align:center}.tm-timer-label{font-size:.7em;color:#6b7280;font-weight:700;letter-spacing:1px;margin-bottom:4px}.tm-timer-val{font-family:Orbitron,monospace;font-size:1.8em;font-weight:900;color:#10b981;filter:drop-shadow(0 2px 8px rgba(16,185,129,.45))}.tm-start-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;text-decoration:none;padding:14px 36px;border-radius:30px;font-size:1.05em;font-weight:700;transition:all .3s ease;box-shadow:0 6px 20px #10b98166;border:1px solid rgba(255,255,255,.2);letter-spacing:.5px;white-space:nowrap}.tm-start-btn:hover{transform:translateY(-3px);box-shadow:0 10px 28px #10b98199;text-decoration:none;color:#fff}.tm-completed-state{text-align:center}.tm-check-circle{font-size:3em;filter:drop-shadow(0 2px 8px rgba(16,185,129,.4))}.tm-check-text{color:#10b981;font-weight:700;font-size:1em;margin-top:6px}@media (max-width: 768px){.todays-mission{flex-direction:column;padding:24px;align-items:flex-start}.tm-right{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.tm-title{font-size:1.3em}.tm-timer-val{font-size:1.4em}}.badge-showcase{max-width:1400px;margin:0 auto 36px;background:#171717c7;border:1px solid rgba(255,255,255,.06);border-radius:22px;padding:30px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 28px #0006}.bs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.bs-header h2{margin:0;font-size:1.45em;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bs-current-pill{padding:8px 20px;border-radius:25px;font-weight:700;font-size:.92em;border:1px solid transparent}.bs-pill-beginner{background:#10b98126;color:#10b981;border-color:#10b9814d}.bs-pill-active{background:#06b6d426;color:#06b6d4;border-color:#06b6d44d}.bs-pill-dedicated{background:#ef444426;color:#f97316;border-color:#ef44444d}.bs-pill-achiever{background:#22d3ee26;color:#22d3ee;border-color:#22d3ee4d}.bs-pill-perfect{background:#ffd7001f;color:gold;border-color:#ffd7004d}.bs-pill-champion{background:linear-gradient(135deg,#ffd70033,#ff8c0033);color:#ffb700;border-color:#ffb70066}.bs-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:22px}@media (max-width: 900px){.bs-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 500px){.bs-grid{grid-template-columns:repeat(2,1fr)}}.bs-badge{border-radius:16px;padding:20px 10px;text-align:center;border:2px solid transparent;transition:all .3s ease}.bs-badge-on{border-color:#10b9814d;background:#10b9810f}.bs-badge-off{background:#ffffff05;opacity:.38}.bs-badge-champion.bs-badge-on{border-color:#ffd70066;background:#ffd7000f;box-shadow:0 0 20px #ffb70026}.bs-badge-perfect.bs-badge-on{border-color:#ffd7004d;background:#ffd7000a}.bs-badge-achiever.bs-badge-on{border-color:#22d3ee4d;background:#22d3ee0d}.bs-badge-dedicated.bs-badge-on{border-color:#ef44444d;background:#ef44440d}.bs-badge-active.bs-badge-on{border-color:#06b6d44d;background:#06b6d40d}.bs-icon{font-size:2.1em;display:block;margin-bottom:8px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.bs-icon-gray{filter:grayscale(1) opacity(.35)}.bs-name{font-weight:700;font-size:.88em;color:#e5e7eb;margin-bottom:4px}.bs-req{font-size:.74em;color:#6b7280;line-height:1.35}.bs-earned{margin-top:8px;font-size:.73em;font-weight:700;color:#10b981;background:#10b9811f;padding:3px 10px;border-radius:10px;display:inline-block}.bs-next-hint{text-align:center;padding:14px 20px;background:#06b6d40f;border:1px solid rgba(6,182,212,.15);border-radius:12px;color:#9ca3af;font-size:.9em}.bs-next-hint strong{color:#e5e7eb}.perf-activity-row{max-width:1400px;margin:0 auto 36px;display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 900px){.perf-activity-row{grid-template-columns:1fr}}.perf-graph,.activity-feed{background:#171717c7;border:1px solid rgba(255,255,255,.06);border-radius:22px;padding:28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 28px #0006}.perf-graph h2,.activity-feed h2{margin:0 0 4px;font-size:1.3em;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pg-sub,.af-sub{margin:0 0 22px;font-size:.85em;color:#6b7280}.pg-bars{display:flex;align-items:flex-end;gap:10px}.pg-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px}.pg-pct{font-size:.68em;color:#9ca3af;font-weight:700;min-height:16px}.pg-track{width:100%;height:110px;background:#ffffff0a;border-radius:8px 8px 0 0;border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden;display:flex;align-items:flex-end}.pg-fill{width:100%;min-height:4px;position:absolute;bottom:0;left:0;right:0;border-radius:6px 6px 0 0}.pg-fill-done{background:linear-gradient(180deg,#10b981,#059669);box-shadow:0 -3px 10px #10b98180}.pg-fill-perfect{background:linear-gradient(180deg,gold,#f59e0b);box-shadow:0 -3px 10px #ffd70099}.pg-fill-empty{background:#ffffff08}.pg-label{font-size:.72em;color:#6b7280;font-weight:700}.pg-star{font-size:.85em;filter:drop-shadow(0 1px 4px rgba(255,215,0,.6))}.pg-empty{text-align:center;color:#6b7280;font-size:.88em;margin-top:20px}.af-list{display:flex;flex-direction:column;gap:10px;max-height:280px;overflow-y:auto}.af-list::-webkit-scrollbar{width:4px}.af-list::-webkit-scrollbar-track{background:transparent}.af-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.af-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#0f0f0f80;border-radius:12px;border:1px solid rgba(255,255,255,.04);transition:background .2s ease}.af-item:hover{background:#06b6d40d}.af-static{opacity:1}.af-top3{border-color:#fbbf242e;background:#fbbf240a}.af-rank{font-size:1.4em;flex-shrink:0;min-width:28px;text-align:center}.af-rank-num{font-size:.78em;color:#9ca3af;font-weight:700}.af-icon{font-size:1.3em;flex-shrink:0}.af-text{flex:1;font-size:.87em;color:#d1d5db;line-height:1.4;display:flex;align-items:center;gap:8px}.af-text strong{color:#fff}.af-days{font-size:.8em;color:#6b7280}.af-time{font-size:.74em;color:#6b7280;white-space:nowrap;flex-shrink:0}.af-xp{font-size:.76em;color:#10b981;font-weight:700;white-space:nowrap}.af-empty{display:flex;align-items:center;gap:12px;padding:28px;color:#6b7280;font-size:.9em;justify-content:center}.af-pulse{width:10px;height:10px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;flex-shrink:0;animation:af-pulse-anim 1.5s ease-in-out infinite}@keyframes af-pulse-anim{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.65)}}.af-live-strip{display:flex;align-items:center;gap:8px;margin-top:14px;padding:8px 12px;background:#10b9810f;border-radius:10px;border:1px solid rgba(16,185,129,.15);font-size:.82em;color:#9ca3af;overflow:hidden}.af-live-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:#10b981;box-shadow:0 0 6px #10b981;animation:af-pulse-anim 1.2s ease-in-out infinite}.af-live-label{color:#10b981;font-weight:700;flex-shrink:0}.af-live-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d1d5db}.af-live-text strong{color:#fff}.focus-task-page{min-height:100vh;background:#0a0a0a;color:#fff;font-family:Poppins,sans-serif;padding:40px 20px;position:relative;overflow:hidden}.focus-task-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,rgba(6,182,212,.08) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(16,185,129,.08) 0%,transparent 50%);pointer-events:none;z-index:0;animation:pulse-bg 8s ease-in-out infinite}.focus-task-content{max-width:1200px;margin:0 auto;position:relative;z-index:1}.focus-task-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.focus-task-loading-icon{font-size:60px;margin-bottom:24px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.focus-task-loading-text{color:#9ca3af;font-size:1.2em;font-weight:500}.focus-card{background:#171717b3;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:24px;transition:all .3s ease}.focus-card:hover{border-color:#06b6d433}.focus-error-card{background:#ef44441a;border:1px solid rgba(239,68,68,.3);text-align:center}.focus-error-title{font-size:2em;margin:0 0 16px;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.focus-error-message{color:#fca5a5;font-size:1.1em;margin-bottom:24px}.focus-task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px 32px;background:#171717b3;border:1px solid rgba(255,255,255,.05);border-radius:20px;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.focus-task-title{margin:0;font-family:Orbitron,sans-serif;font-size:2em;font-weight:900;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.focus-day-badge{display:inline-block;padding:8px 20px;background:#06b6d426;border:1px solid rgba(6,182,212,.3);border-radius:25px;color:#06b6d4;font-weight:700;font-size:.95em;letter-spacing:.5px}.focus-timer{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:25px;font-weight:700;font-size:1.2em;color:#f59e0b;font-family:Orbitron,monospace;box-shadow:0 4px 16px #f59e0b33}.focus-timer-danger{background:#ef444426;border-color:#ef444466;color:#ef4444;animation:pulse-timer 1s infinite}@keyframes pulse-timer{0%,to{box-shadow:0 4px 16px #ef44444d}50%{box-shadow:0 4px 24px #ef444499}}.focus-btn{padding:14px 32px;border:none;border-radius:25px;cursor:pointer;font-weight:700;font-size:16px;transition:all .3s ease;letter-spacing:.5px;font-family:Poppins,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.focus-btn-primary{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #06b6d466}.focus-btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 24px #06b6d499}.focus-btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #10b98166}.focus-btn-success:hover{transform:translateY(-3px);box-shadow:0 8px 24px #10b98199}.focus-btn-secondary{background:#171717b3;color:#9ca3af;border:1px solid rgba(255,255,255,.1)}.focus-btn-secondary:hover{border-color:#06b6d44d;color:#06b6d4;transform:translateY(-3px)}.focus-btn-large{font-size:1.2em;padding:18px 48px;width:100%}.focus-btn-disabled{opacity:.6;cursor:not-allowed}.focus-btn-link{text-decoration:none;display:inline-block}.focus-status-card{text-align:center;padding:48px 32px}.focus-status-icon{font-size:80px;margin-bottom:24px}.focus-status-title{font-family:Orbitron,sans-serif;font-size:2.2em;font-weight:900;margin:0 0 16px;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.focus-status-message{color:#9ca3af;font-size:1.2em;margin-bottom:32px;line-height:1.6}.focus-instructions{background:#06b6d40d;border:1px solid rgba(6,182,212,.2);border-radius:16px;padding:24px;margin-bottom:32px}.focus-instructions-title{font-size:1.3em;font-weight:700;color:#06b6d4;margin:0 0 16px;display:flex;align-items:center;gap:12px}.focus-instructions-list{margin:0;padding-left:24px;color:#d1d5db;line-height:1.8}.focus-instructions-list li{margin-bottom:8px}.focus-task-info-badges{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:24px;margin-bottom:32px}.focus-info-badge{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#06b6d426;border:1px solid rgba(6,182,212,.3);border-radius:25px;color:#06b6d4;font-weight:700;font-size:.95em;letter-spacing:.3px;box-shadow:0 4px 12px #06b6d426}.focus-info-badge-xp{background:#10b98126;border-color:#10b9814d;color:#10b981;box-shadow:0 4px 12px #10b98126}.focus-info-badge-points{background:#f59e0b26;border-color:#f59e0b4d;color:#f59e0b;box-shadow:0 4px 12px #f59e0b26}.focus-skill-score-breakdown{background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:16px;padding:24px;margin-bottom:32px}.focus-breakdown-title{font-size:1.3em;font-weight:700;color:#10b981;margin:0 0 20px;display:flex;align-items:center;gap:10px}.focus-breakdown-content{display:flex;flex-direction:column;gap:12px}.focus-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#17171766;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.focus-breakdown-label{color:#9ca3af;font-size:.95em;font-weight:500}.focus-breakdown-value{color:#10b981;font-weight:700;font-size:1.05em;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.focus-puzzle-card{background:#17171799;border:2px solid rgba(255,255,255,.05);border-radius:16px;padding:28px;margin-bottom:20px;transition:all .3s ease}.focus-puzzle-card:hover{border-color:#06b6d433}.focus-puzzle-card-active{border-color:#06b6d480;background:#06b6d40d;box-shadow:0 0 24px #06b6d433}.focus-puzzle-content{display:flex;gap:28px;align-items:flex-start;flex-wrap:wrap}.focus-puzzle-board{width:320px;min-width:280px;flex-shrink:0}.focus-puzzle-details{flex:1;min-width:240px}.focus-puzzle-number{margin:0 0 12px;font-size:1.2em;font-weight:700;color:#06b6d4}.focus-puzzle-description{color:#9ca3af;margin:0 0 20px;font-size:1em;line-height:1.5}.focus-input-label{display:block;font-weight:600;margin-bottom:8px;color:#e5e7eb;font-size:.95em;letter-spacing:.3px}.focus-input{width:100%;padding:14px 18px;background:#171717cc;border:2px solid rgba(255,255,255,.1);border-radius:12px;font-size:16px;color:#fff;font-family:Poppins,sans-serif;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.focus-input::-moz-placeholder{color:#6b7280}.focus-input::placeholder{color:#6b7280}.focus-input:focus{outline:none;border-color:#06b6d480;box-shadow:0 0 16px #06b6d433;background:#06b6d40d}.focus-pgn-section{background:#171717b3;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:32px;margin-bottom:24px;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.focus-pgn-title{font-family:Orbitron,sans-serif;font-size:1.5em;color:#06b6d4;margin-bottom:0;display:flex;align-items:center;gap:12px}.focus-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.focus-side-badge{padding:8px 16px;border-radius:12px;font-weight:600;font-size:.9em;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1)}.focus-side-white{background:#ffffff1a;color:#fff;border-color:#fff3}.focus-side-black{background:#0006;color:#9ca3af;border-color:#ffffff0d}.focus-side-badge strong{color:#06b6d4}.focus-pgn-viewer{display:flex;flex-direction:column;align-items:center;gap:20px;padding:24px;background:#0000004d;border-radius:16px;border:1px solid rgba(255,255,255,.03)}.pgn-btn{background:#06b6d41a;border:1px solid rgba(6,182,212,.3);color:#06b6d4;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .2s ease}.pgn-btn:hover:not(:disabled){background:#06b6d433;transform:scale(1.1)}.pgn-btn:disabled{opacity:.3;cursor:not-allowed}.pgn-move-info{font-family:Orbitron,sans-serif!important;letter-spacing:1px;font-size:14px}.pgn-history-list::-webkit-scrollbar{width:6px}.pgn-history-list::-webkit-scrollbar-track{background:#0000001a}.pgn-history-list::-webkit-scrollbar-thumb{background:#06b6d44d;border-radius:3px}.pgn-history-list span:hover{background:#06b6d41a!important;color:#06b6d4!important}.focus-pgn-content{background:#171717e6;padding:20px;border-radius:12px;overflow:auto;font-size:14px;font-family:Courier New,monospace;color:#d1d5db;white-space:pre-wrap;word-break:break-word;max-height:280px;border:1px solid rgba(255,255,255,.05);line-height:1.6}.focus-section-title{margin:0 0 20px;font-size:1.3em;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px}.focus-section-title-icon{font-size:1.2em}.focus-answer-group{margin-bottom:20px}.focus-tactics-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.focus-tactics-btn{padding:10px 18px;background:#171717cc;border:1px solid rgba(255,255,255,.1);border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;color:#9ca3af}.focus-tactics-btn:hover{border-color:#06b6d466;transform:translateY(-2px);box-shadow:0 4px 12px #06b6d433}.focus-tactics-btn-active{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;border-color:transparent;box-shadow:0 4px 16px #06b6d466}.focus-submit-section{text-align:center;margin-top:40px;padding-top:32px;border-top:1px solid rgba(255,255,255,.05)}.focus-result-card{padding:48px 32px;text-align:center;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #0009}.focus-result-success{background:linear-gradient(135deg,#10b98133,#05966933);border-color:#10b98166}.focus-result-partial{background:linear-gradient(135deg,#f59e0b33,#d9770633);border-color:#f59e0b66}.focus-result-icon{font-size:80px;margin-bottom:24px}.focus-result-title{font-family:Orbitron,sans-serif;font-size:2.5em;font-weight:900;margin:0 0 16px;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.focus-result-score{font-size:3em;font-weight:800;margin:16px 0;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.focus-result-xp{font-size:1.8em;font-weight:700;color:#10b981;margin:16px 0}.focus-result-bonus{font-size:1.3em;color:#f59e0b;margin:8px 0}.focus-result-message{color:#9ca3af;font-size:1.1em;margin:24px 0}.focus-answer-review{background:#171717b3;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px;margin-top:32px;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #00000080}.focus-answer-review-title{font-size:1.4em;font-weight:700;margin:0 0 20px;color:#06b6d4}.focus-answer-item{padding:16px;border-radius:12px;margin-bottom:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.07)}.focus-answer-correct{background:#10b9811f;border:1px solid rgba(16,185,129,.3)}.focus-answer-wrong{background:#ef44441f;border:1px solid rgba(239,68,68,.3)}.focus-answer-label{font-weight:600;color:#e5e7eb;margin-bottom:8px}.focus-answer-value{color:#d1d5db;font-size:.95em}.focus-answer-correct-value{color:#10b981;font-weight:600}.focus-back-link{display:inline-flex;align-items:center;gap:8px;color:#9ca3af;text-decoration:none;font-weight:600;padding:12px 20px;border-radius:12px;transition:all .3s ease;margin-bottom:24px}.focus-back-link:hover{color:#06b6d4;background:#06b6d41a;transform:translate(-4px)}@media (max-width: 1024px){.focus-task-page{padding:32px 16px}.focus-task-header{flex-direction:column;gap:20px;text-align:center}.focus-puzzle-board{width:100%}}.focus-side-badge{padding:6px 14px;border-radius:8px;font-size:.85em;font-weight:600;display:flex;align-items:center;gap:8px;letter-spacing:.3px;box-shadow:0 4px 12px #0003}.focus-side-white{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.focus-side-black{background:#0006;color:#e5e7eb;border:1px solid rgba(255,255,255,.1)}.focus-side-both{background:linear-gradient(90deg,#ffffff1a,#0006);color:#fff;border:1px solid rgba(255,255,255,.2)}@media (max-width: 768px){.focus-task-page{padding:24px 16px}.focus-card{padding:24px}.focus-task-title{font-size:1.5em}.focus-puzzle-content{flex-direction:column}.focus-puzzle-board{width:100%;max-width:320px;margin:0 auto}.focus-timer{font-size:1em;padding:10px 20px}.focus-btn-large{font-size:1em;padding:16px 32px}.focus-tactics-buttons{gap:8px}.focus-tactics-btn{font-size:13px;padding:8px 14px}.focus-result-title{font-size:2em}.focus-result-score{font-size:2.2em}.focus-task-info-badges{gap:12px}.focus-info-badge{font-size:.85em;padding:8px 16px}.focus-breakdown-item{flex-direction:column;text-align:center;gap:8px}}.focus-scoring-note{background:#06b6d41a;border:1px solid rgba(6,182,212,.2);border-radius:12px;padding:12px 16px;margin-bottom:16px;text-align:center}.focus-scoring-note p{margin:0;font-size:14px;color:#94a3b8;font-weight:500}@media (max-width: 480px){.focus-task-title{font-size:1.3em}.focus-status-icon{font-size:60px}.focus-status-title{font-size:1.8em}.focus-result-icon{font-size:60px}}.focus-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:flex-start;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.focus-popup-close{position:absolute;top:20px;right:20px;background:#3b82f6;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;font-weight:700;z-index:1001;box-shadow:0 2px 10px #0000004d;transition:all .2s ease}.focus-popup-close:hover{background:#2563eb;transform:scale(1.1)}.focus-popup-content{background:#1a1a1a;border-radius:12px;padding:15px;max-width:95vw;max-height:95vh;position:relative;border:1px solid #3b82f6;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;align-items:center;overflow:hidden}.focus-popup-chessboard{display:flex;justify-content:center;align-items:flex-start;width:100%}.tournament-chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;display:flex;flex-direction:column;gap:12px;background:#0000001a;min-height:0;min-width:0;width:100%;box-sizing:border-box}.tournament-chat-messages::-webkit-scrollbar{width:8px}.tournament-chat-messages::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.tournament-chat-messages::-webkit-scrollbar-thumb{background:#06b6d480;border-radius:4px}.tournament-chat-messages::-webkit-scrollbar-thumb:hover{background:#06b6d4b3}.at-lobby-page{min-height:100vh;background:#0a0a0a;font-family:Inter,Arial,sans-serif;position:relative;overflow:hidden}.at-lobby-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(6,182,212,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.at-lobby-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1;padding:40px 20px}.at-lobby-header{background:#171717b3;border-radius:20px;padding:40px;margin-bottom:30px;box-shadow:0 20px 40px #00000080;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:at-slideIn .6s ease-out}.at-title-area{margin-bottom:20px}.at-lobby-title{font-size:32px;font-weight:800;margin-bottom:10px;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.at-tournament-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.at-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.at-lobby-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.at-stat-cell{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:14px 16px}.at-stat-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px}.at-stat-value{font-size:22px;font-weight:800;line-height:1;margin-bottom:4px}.at-stat-sub{font-size:11px;color:#64748b;font-weight:500}.at-glass-card{background:#171717b3;border-radius:20px;box-shadow:0 20px 40px #00000080;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.at-info-action-card{padding:32px 36px;margin-bottom:24px;animation:at-slideInUp .6s ease-out both}.at-detail-chips{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:4px}.at-chip{display:flex;flex-direction:column;gap:6px;background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:14px 18px;flex:1 1 120px;min-width:110px;max-width:220px}.at-chip-code{flex:0 1 auto}.at-chip-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.07em}.at-chip-val{font-size:17px;font-weight:800;color:#e2e8f0;line-height:1.2;display:flex;flex-direction:column;gap:2px}.at-chip-val.mono{font-family:JetBrains Mono,Fira Code,monospace}.at-chip-sub{font-size:11px;font-weight:500;color:#64748b;font-family:inherit}.at-iac-desc{color:#64748b;font-size:13px;font-style:italic;line-height:1.55;margin:12px 0 0;padding:0}.at-iac-divider{border:none;border-top:1px solid rgba(255,255,255,.06);margin:22px 0}.at-iac-countdown{display:flex;align-items:center;gap:20px;background:#f59e0b14;border:1px solid rgba(245,158,11,.18);border-radius:14px;padding:14px 20px;margin-bottom:18px;flex-wrap:wrap}.at-iac-countdown .at-countdown-label{font-size:12px;font-weight:700;color:#fbbf24;text-transform:uppercase;letter-spacing:.08em}.at-iac-countdown .at-countdown-time{font-family:JetBrains Mono,monospace;font-size:28px;font-weight:800;color:#fbbf24;text-shadow:0 0 14px rgba(251,191,36,.4);line-height:1}.at-iac-countdown .at-countdown-date{font-size:13px;color:#fde68a;opacity:.7;margin-left:auto}.at-iac-actions{display:flex;flex-direction:column;gap:12px}.at-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:10px;font-size:13px;font-weight:600;line-height:1.4}.at-alert.amber{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);color:#fde68a}.at-alert.green{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#6ee7b7}.at-alert.cyan{background:#06b6d41a;border:1px solid rgba(6,182,212,.25);color:#67e8f9}.at-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 20px;border-radius:10px;font-size:14px;font-weight:700;letter-spacing:.04em;cursor:pointer;border:1px solid;transition:all .2s ease;font-family:inherit;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.at-cta:disabled{opacity:.45;cursor:not-allowed}.at-cta.cyan{background:#06b6d41f;border-color:#06b6d44d;color:#67e8f9}.at-cta.green{background:#10b9811f;border-color:#10b9814d;color:#6ee7b7}.at-cta.purple{background:#a855f71f;border-color:#a855f74d;color:#c084fc}.at-cta.ghost{background:#ffffff0a;border-color:#ffffff1a;color:#94a3b8}.at-cta.cyan:hover:not(:disabled){background:#06b6d438;border-color:#06b6d480}.at-cta.green:hover:not(:disabled){background:#10b98138;border-color:#10b98180}.at-cta.purple:hover:not(:disabled){background:#a855f738;border-color:#a855f780}.at-cta.ghost:hover:not(:disabled){background:#ffffff14;border-color:#fff3;color:#e2e8f0}.at-teams-section{padding:28px 30px;margin-bottom:24px;animation:at-slideInUp .6s ease-out .1s both}.at-section-header{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#e2e8f0;text-transform:uppercase;letter-spacing:.06em;margin-bottom:18px}.at-accent-bar{display:inline-block;width:4px;height:18px;border-radius:2px;background:linear-gradient(180deg,#a855f7,#ec4899);flex-shrink:0}.at-teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.at-team-card{position:relative;border:1px solid;border-radius:14px;padding:16px;overflow:hidden;transition:transform .2s ease}.at-team-card:hover{transform:translateY(-2px)}.at-team-glow{position:absolute;top:0;left:0;right:0;height:2px;opacity:.7;border-radius:14px 14px 0 0}.at-team-name{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:700;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.at-team-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.at-team-count{font-size:28px;font-weight:800;color:#e2e8f0;line-height:1;margin-bottom:2px}.at-team-sub{font-size:11px;color:#64748b;margin-bottom:10px;font-weight:500}.at-team-bar-track{height:4px;border-radius:99px;background:#ffffff0f;overflow:hidden;margin-bottom:4px}.at-team-bar-fill{height:100%;border-radius:99px;transition:width .4s ease}.at-lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:30px}.at-lobby-participants{background:#171717b3;border-radius:20px;padding:0;overflow:hidden;box-shadow:0 20px 40px #00000080;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:at-slideInUp .6s ease-out .1s both}.at-lobby-chat{background:#171717b3;border-radius:20px;padding:0;overflow:hidden;box-shadow:0 20px 40px #00000080;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:at-slideInUp .6s ease-out .2s both;height:600px;display:flex;flex-direction:column}.at-participants-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid rgba(255,255,255,.05)}.at-participants-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:#e2e8f0}.at-page-controls{display:flex;align-items:center;gap:6px;color:#64748b;font-size:12px;font-weight:500}.at-page-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#94a3b8;font-size:13px;padding:3px 8px;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.at-page-btn:hover:not(:disabled){background:#ffffff1a;color:#e2e8f0}.at-page-btn:disabled{opacity:.3;cursor:default}.at-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:8px}.at-empty-icon{font-size:36px;margin-bottom:4px;opacity:.5}.at-empty-title{font-size:15px;font-weight:700;color:#64748b}.at-empty-sub{font-size:12px;color:#334155;text-align:center}.at-player-thead{display:grid;gap:8px;padding:6px 22px;border-bottom:1px solid rgba(255,255,255,.06);font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.at-player-row{display:grid;gap:8px;padding:9px 22px;align-items:center;border-bottom:1px solid rgba(255,255,255,.03);transition:background .15s}.at-player-row:hover{background:#ffffff05}.at-player-row.is-me{background:#06b6d40d;border-left:3px solid rgba(6,182,212,.4)}.at-player-rank{font-size:12px;font-weight:600;color:#64748b;text-align:center}.at-online-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.at-online-dot.online{background:#22c55e;box-shadow:0 0 5px #22c55eb3}.at-online-dot.offline{background:#374151}.at-player-name{display:flex;align-items:center;gap:5px;font-size:13px;min-width:0;overflow:hidden}.at-you-tag{flex-shrink:0;font-size:9px;font-weight:700;color:#06b6d4;background:#06b6d41f;border:1px solid rgba(6,182,212,.3);border-radius:4px;padding:1px 5px;text-transform:uppercase;letter-spacing:.05em}.at-player-score{font-size:13px;font-weight:700;color:#34d399;text-align:right}.at-crown-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:6px;font-size:10px;font-weight:700;line-height:1;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:.03em}.at-bottom-actions{display:flex;gap:12px;margin-top:4px}.at-fullscreen{min-height:100vh;background:#0a0a0a;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;font-family:Inter,Arial,sans-serif}.at-fullscreen-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(6,182,212,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.08) 0%,transparent 50%);pointer-events:none}.at-loading-card{background:#171717cc;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:52px 64px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 40px #00000080;position:relative;z-index:1}.at-loading-spinner{width:48px;height:48px;border:3px solid rgba(6,182,212,.15);border-top-color:#06b6d4;border-radius:50%;animation:at-spin .8s linear infinite;margin:0 auto 20px}.at-loading-text{font-size:20px;font-weight:700;color:#94a3b8;letter-spacing:.05em}.at-toast{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:9998;display:flex;align-items:center;gap:10px;padding:12px 22px;border-radius:12px;font-size:14px;font-weight:700;white-space:nowrap;animation:at-fadeInDown .35s ease,at-fadeOut .35s ease 3.65s forwards;box-shadow:0 8px 24px #00000080}.at-toast.early-bird{background:#10b9812e;border:1px solid rgba(16,185,129,.35);color:#6ee7b7}.at-toast.carry-bonus{background:#a855f72e;border:1px solid rgba(168,85,247,.35);color:#c084fc}.at-toast.carry-expired{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5}@keyframes at-slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes at-slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes at-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes at-pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes at-spin{to{transform:rotate(360deg)}}@keyframes at-fadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-14px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes at-fadeOut{to{opacity:0}}@media (max-width: 1024px){.at-lobby-stats-grid{grid-template-columns:repeat(2,1fr)}.at-detail-chips{gap:10px}}@media (max-width: 768px){.at-lobby-inner{padding:20px 16px}.at-lobby-header{padding:24px 20px}.at-lobby-title{font-size:24px}.at-lobby-stats-grid{grid-template-columns:repeat(2,1fr);gap:14px}.at-detail-chips{gap:10px}.at-chip{min-width:100px}.at-lobby-grid{grid-template-columns:1fr;gap:16px}.at-lobby-chat{height:400px}.at-teams-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width: 480px){.at-lobby-inner{padding:14px 10px}.at-lobby-header{padding:18px 14px;border-radius:14px}.at-lobby-title{font-size:20px}.at-lobby-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.at-detail-chips{gap:8px}.at-chip{flex:1 1 100%;max-width:none}.at-info-action-card{padding:18px 16px;border-radius:14px}.at-lobby-grid{grid-template-columns:1fr;gap:12px}.at-lobby-participants{border-radius:14px}.at-lobby-chat{padding:18px 14px;border-radius:14px;height:360px}.at-iac-countdown .at-countdown-time{font-size:22px}.at-teams-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.at-bottom-actions{flex-direction:column}}.at-live-page{min-height:100vh;background:#0a0a0a;padding:20px;font-family:Inter,Arial,sans-serif;position:relative;overflow:hidden}.at-live-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(6,182,212,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.at-live-grid{max-width:1400px;margin:0 auto;position:relative;z-index:1;display:grid;grid-template-columns:.7fr 1fr .7fr;grid-template-rows:1fr;grid-template-areas:"chat chess right";gap:24px 24px;row-gap:10px;align-items:start;min-height:calc(100vh - 40px)}.at-live-chess{grid-area:chess}.at-live-right{grid-area:right;height:calc(100vh - 40px);overflow:hidden}.at-live-chat{grid-area:chat;min-height:0;height:calc(100vh - 40px);max-height:calc(100vh - 40px)}.at-live-mobile-timer{display:none}.at-live-stats{background:#0000004d;border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.at-live-chat{display:flex;flex-direction:column;overflow:hidden}.at-live-chat-inner{background:#0000004d;border-radius:16px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0;height:100%}.at-live-chess{border-radius:20px;box-shadow:0 20px 40px #00000080;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;z-index:5}.at-live-right{background:#171717b3;border-radius:20px;padding:2px;box-shadow:0 20px 40px #00000080;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:10px;position:relative;z-index:5}.at-live-lb-toggle{display:none}.at-live-lb-body{flex:1;background:#0000004d;border-radius:16px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;overflow:hidden}.at-live-lb-scroll{flex:1;overflow-y:auto;padding:0 12px 12px}.at-live-lb-scroll::-webkit-scrollbar{width:4px}.at-live-lb-scroll::-webkit-scrollbar-track{background:#0000004d;border-radius:2px}.at-live-lb-scroll::-webkit-scrollbar-thumb{background:#06b6d466;border-radius:2px}.at-live-chat-fab{position:fixed;bottom:28px;right:28px;z-index:1200;display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#06b6d459,#10b98159);border:1px solid rgba(6,182,212,.55);border-radius:50px;color:#67e8f9;cursor:pointer;font-family:Inter,Arial,sans-serif;font-size:20px;line-height:1;box-shadow:0 4px 24px #06b6d466,0 8px 32px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .18s,box-shadow .18s,background .18s}.at-live-chat-fab:hover{transform:translateY(-3px);box-shadow:0 8px 32px #06b6d499,0 12px 40px #0009;background:linear-gradient(135deg,#06b6d480,#10b98180)}.at-live-chat-overlay{position:fixed;bottom:88px;right:28px;z-index:1100;width:340px;height:480px;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #000000b3,0 0 0 1px #06b6d44d;animation:at-live-chatSlideUp .22s ease-out}@keyframes at-live-chatSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.at-live-mobile-timer{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);border-radius:14px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.at-live-mobile-timer-label{color:#fbbf24;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.at-live-mobile-timer-value{color:#fbbf24;font-size:22px;font-weight:800;font-family:monospace;text-shadow:0 0 12px rgba(251,191,36,.5)}@keyframes at-live-pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes at-live-slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes at-live-fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1024px) and (min-width: 769px){.at-live-grid{grid-template-columns:.55fr 1fr .65fr;gap:16px}}@media (max-width: 768px){.at-live-page{padding:12px}.at-live-grid{display:flex;flex-direction:column;gap:14px;max-width:600px;margin:0 auto}.at-live-mobile-timer{display:flex;order:1}.at-live-chess{order:2;width:100%}.at-live-right{order:3;height:auto!important;background:transparent;box-shadow:none;padding:0;border:none}.at-live-chat{order:4;height:340px;max-height:340px;min-height:340px}.at-live-lb-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;background:#171717cc;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s ease}.at-live-lb-toggle:hover{background:#06b6d426;border-color:#06b6d44d}.at-live-lb-toggle-arrow{font-size:12px;transition:transform .3s ease}.at-live-lb-toggle.open .at-live-lb-toggle-arrow{transform:rotate(180deg)}.at-live-lb-body{max-height:0;overflow:hidden;transition:max-height .35s ease,opacity .3s ease;opacity:0;border-radius:0 0 14px 14px;border-top:none}.at-live-lb-body.open{max-height:480px;opacity:1}.at-live-right-timer{display:none}}@media (max-width: 480px){.at-live-page{padding:8px}.at-live-grid{gap:10px;max-width:100%}.at-live-mobile-timer{padding:10px 14px;border-radius:10px}.at-live-mobile-timer-value{font-size:18px}.at-live-stats{padding:12px!important;border-radius:12px!important}.at-live-lb-toggle{padding:12px 14px;font-size:14px;border-radius:12px}.at-live-chat{height:300px;max-height:300px;min-height:300px}.at-live-chat-inner{min-height:0;border-radius:12px}}:root{--obs-bg: #07090f;--obs-surface: rgba(18, 22, 34, .82);--obs-glass: rgba(255, 255, 255, .04);--obs-border: rgba(255, 255, 255, .07);--obs-border-hi: rgba(6, 182, 212, .35);--obs-cyan: #06b6d4;--obs-teal: #10b981;--obs-blue: #3b82f6;--obs-violet: #8b5cf6;--obs-red: #ef4444;--obs-amber: #f59e0b;--obs-text: #e2e8f0;--obs-muted: #64748b;--obs-dim: #334155}.atg-loading{min-height:100vh;background:var(--obs-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.atg-loading-orb{width:56px;height:56px;border-radius:50%;border:3px solid transparent;border-top-color:var(--obs-cyan);border-left-color:var(--obs-teal);animation:atg-spin .9s linear infinite;box-shadow:0 0 24px #06b6d466}@keyframes atg-spin{to{transform:rotate(360deg)}}.atg-loading-text{color:var(--obs-cyan);font-family:SF Mono,Fira Code,monospace;font-size:15px;letter-spacing:.1em;opacity:.8}.atg-error-screen{min-height:100vh;background:var(--obs-bg);display:flex;align-items:center;justify-content:center;padding:24px}.atg-error-card{background:#ef444412;border:1px solid rgba(239,68,68,.25);border-radius:20px;padding:48px 40px;max-width:460px;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.atg-error-icon{font-size:40px;margin-bottom:16px;color:var(--obs-red)}.atg-error-card h2{color:#fff;font-size:24px;margin:0 0 12px}.atg-error-card p{color:var(--obs-muted);font-size:15px;margin:0 0 28px}.atg-error-back{padding:11px 24px;background:linear-gradient(135deg,var(--obs-cyan),var(--obs-teal));color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s}.atg-error-back:hover{opacity:.9;transform:translateY(-2px)}.atg-container{min-height:100vh;background:var(--obs-bg);font-family:Inter,SF Pro Display,system-ui,sans-serif;position:relative;overflow-x:hidden;color:var(--obs-text)}.atg-bg-blob{position:fixed;border-radius:50%;pointer-events:none;filter:blur(80px);opacity:.12;z-index:0}.atg-bg-blob-1{width:600px;height:600px;top:-200px;left:-150px;background:var(--obs-cyan)}.atg-bg-blob-2{width:500px;height:500px;bottom:-100px;right:-100px;background:var(--obs-teal)}.atg-bg-blob-3{width:400px;height:400px;top:40%;left:55%;background:var(--obs-violet);opacity:.07}.atg-topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:16px;padding:0 24px;height:60px;background:#07090fd1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--obs-border)}.atg-back-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:var(--obs-glass);border:1px solid var(--obs-border);border-radius:8px;color:var(--obs-cyan);font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;white-space:nowrap}.atg-back-btn:hover{background:#06b6d41f;border-color:var(--obs-border-hi);transform:translate(-3px)}.atg-topbar-title{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.atg-topbar-name{font-size:15px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atg-topbar-sep{color:var(--obs-muted)}.atg-topbar-sub{font-size:14px;color:var(--obs-muted);white-space:nowrap}.atg-topbar-meta{display:flex;align-items:center;gap:10px;flex-shrink:0}.atg-status-chip{padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.atg-status-active{background:#10b98126;color:var(--obs-teal);border:1px solid rgba(16,185,129,.3)}.atg-status-finished{background:#3b82f626;color:var(--obs-blue);border:1px solid rgba(59,130,246,.3)}.atg-status-upcoming{background:#f59e0b26;color:var(--obs-amber);border:1px solid rgba(245,158,11,.3)}.atg-game-count{font-size:13px;color:var(--obs-muted)}.atg-main{max-width:1640px;margin:0 auto;padding:28px 24px 48px;display:flex;gap:24px;position:relative;z-index:1}.atg-sidebar{flex:0 0 220px;display:flex;flex-direction:column;gap:16px}.atg-info-card{background:var(--obs-surface);border:1px solid var(--obs-border);border-radius:18px;padding:22px 18px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 32px #0006}.atg-info-card-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--obs-muted);margin-bottom:4px}.atg-info-card-value{font-size:16px;font-weight:700;color:#fff;margin-bottom:16px;line-height:1.3}.atg-info-divider{height:1px;background:var(--obs-border);margin:0 0 14px}.atg-info-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--obs-muted);padding:6px 0;border-bottom:1px solid rgba(255,255,255,.03)}.atg-info-row:last-child{border-bottom:none}.atg-info-accent{color:var(--obs-cyan);font-weight:700}.atg-inline-status{font-weight:700;font-size:12px}.atg-games-section{flex:1;min-width:0}.atg-games-section--full{flex:1 1 100%;min-width:0;width:100%}.atg-search-bar{display:flex;align-items:center;gap:14px;margin-bottom:24px}.atg-search-input-wrap{position:relative;display:flex;align-items:center;flex:1;max-width:420px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;transition:border-color .2s}.atg-search-input-wrap:focus-within{border-color:#63b3ed80;background:#ffffff17}.atg-search-icon{position:absolute;left:12px;color:#ffffff59;pointer-events:none;flex-shrink:0}.atg-search-input{width:100%;background:transparent;border:none;outline:none;color:#e2e8f0;font-size:14px;padding:10px 36px 10px 38px;font-family:inherit}.atg-search-input::-moz-placeholder{color:#ffffff4d}.atg-search-input::placeholder{color:#ffffff4d}.atg-search-clear{position:absolute;right:10px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;color:#ffffff80;padding:0;transition:background .15s,color .15s}.atg-search-clear:hover{background:#fff3;color:#fff}.atg-search-results-count{font-size:13px;color:#ffffff73;white-space:nowrap}.atg-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;color:var(--obs-muted);gap:16px}.atg-empty-icon{font-size:48px;opacity:.4}.atg-empty p{font-size:16px}.atg-games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.atg-game-card{display:flex;flex-direction:column;gap:0;padding:0;text-align:left;border-radius:16px;background:var(--obs-surface);border:1px solid var(--obs-border);box-shadow:0 4px 24px #00000059;overflow:hidden;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;color:var(--obs-text);position:relative}.atg-game-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;opacity:0;background:radial-gradient(circle at 50% 40%,rgba(6,182,212,.07),transparent 70%);transition:opacity .25s ease;pointer-events:none}.atg-game-card:hover{transform:translateY(-5px) scale(1.01);border-color:var(--obs-border-hi);box-shadow:0 12px 40px #06b6d42e,0 4px 16px #00000080}.atg-game-card:hover:before{opacity:1}.atg-card-player{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;letter-spacing:.02em;overflow:hidden}.atg-card-player--white{background:#ffffff0a;color:#f1f5f9;border-bottom:1px solid var(--obs-border)}.atg-card-player--black{background:#0003;color:#94a3b8;border-top:1px solid var(--obs-border)}.atg-card-player span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atg-card-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.atg-dot-white{background:#f8fafc;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 4px #fff6}.atg-dot-black{background:#1e293b;border:1px solid rgba(255,255,255,.15)}.atg-card-board-wrap{position:relative;display:flex;justify-content:center;align-items:center;background:#0f1117}.atg-result-badge{position:absolute;bottom:8px;left:50%;transform:translate(-50%);padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.atg-result-white_won{background:#10b981d9;color:#fff}.atg-result-black_won{background:#3b82f6d9;color:#fff}.atg-result-draw{background:#8b5cf6d9;color:#fff}.atg-result-aborted{background:#ef4444d1;color:#fff}.atg-result-pending{background:#f59e0bd1;color:#fff}.atg-result-unknown{background:#4b5563d1;color:#fff}.atg-card-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px;padding:8px 14px;font-size:11px;color:var(--obs-muted);background:#00000026}.atg-card-bot-badge{font-size:10px;background:#8250ff2e;color:#b68fff;border:1px solid rgba(130,80,255,.35);border-radius:4px;padding:1px 5px;letter-spacing:.3px}.atg-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:200}.atg-modal{width:min(960px,92vw);max-height:92vh;display:flex;flex-direction:column;background:linear-gradient(160deg,#121826f7,#0a0e16fc);border:1px solid rgba(255,255,255,.09);border-radius:20px;box-shadow:0 0 0 1px #06b6d414,0 32px 80px #000000d9,0 0 60px #06b6d40f;overflow:hidden;animation:atg-modal-in .22s cubic-bezier(.34,1.2,.64,1)}@keyframes atg-modal-in{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.atg-modal-header{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#06b6d40d;border:1px solid rgba(255,255,255,.07);border-radius:10px;flex-shrink:0}.atg-modal-players{display:flex;align-items:center;gap:7px;flex:1;min-width:0;overflow:hidden}.atg-modal-player{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atg-modal-player--white{color:#f8fafc}.atg-modal-player--black{color:#94a3b8}.atg-modal-color-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.atg-modal-vs{font-size:11px;font-weight:600;color:var(--obs-muted);letter-spacing:.08em;flex-shrink:0}.atg-modal-result{padding:3px 9px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.06em;flex-shrink:0}.atg-modal-close{width:32px;height:32px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--obs-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s,border-color .2s;flex-shrink:0}.atg-modal-close:hover{background:#ef444433;border-color:#ef444466;color:var(--obs-red)}.atg-modal-body{display:flex;gap:0;flex:1;min-height:0;overflow:hidden}.atg-modal-board-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 10px 16px;gap:12px;flex-shrink:0;background:#00000026;border-right:1px solid rgba(255,255,255,.05);border-top-left-radius:20px}.atg-modal-board-wrap{line-height:0}.atg-controls{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid var(--obs-border);border-radius:999px;padding:6px 10px}.atg-ctrl-btn{width:34px;height:34px;border-radius:50%;border:1px solid rgba(6,182,212,.25);background:#06b6d414;color:var(--obs-cyan);font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s}.atg-ctrl-btn:hover{background:#06b6d438;transform:scale(1.1);box-shadow:0 0 12px #06b6d44d}.atg-ctrl-btn:active{transform:scale(.94)}.atg-ctrl-counter{display:flex;align-items:baseline;gap:3px;padding:0 8px;min-width:72px;justify-content:center}.atg-ctrl-cur{font-size:17px;font-weight:800;color:var(--obs-cyan);font-family:SF Mono,monospace}.atg-ctrl-sep{color:var(--obs-muted);font-size:13px}.atg-ctrl-tot{font-size:13px;color:var(--obs-muted);font-family:SF Mono,monospace}.atg-modal-notation-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:10px 12px 14px 10px}.atg-notation-panel{flex:1;display:flex;flex-direction:column;background:#080a10b3;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden}.atg-notation-thead{display:grid;grid-template-columns:38px 1fr 1fr;gap:4px;padding:10px 14px;background:#06b6d40f;border-bottom:1px solid rgba(6,182,212,.15);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--obs-cyan);flex-shrink:0}.atg-nth-num{text-align:center;color:var(--obs-dim)}.atg-notation-scroll{flex:1;overflow-y:auto;padding:6px}.atg-notation-scroll::-webkit-scrollbar{width:5px}.atg-notation-scroll::-webkit-scrollbar-track{background:transparent}.atg-notation-scroll::-webkit-scrollbar-thumb{background:#06b6d440;border-radius:99px}.atg-notation-scroll::-webkit-scrollbar-thumb:hover{background:#06b6d480}.atg-notation-empty{color:var(--obs-muted);text-align:center;padding:48px 20px;font-size:14px}.atg-move-table{width:100%;border-collapse:collapse}.atg-move-row{transition:background .12s ease}.atg-move-row:hover{background:#ffffff08}.atg-move-row--active-row{background:#06b6d40d}.atg-td-num{width:38px;text-align:center;font-size:12px;color:var(--obs-muted);font-family:SF Mono,Fira Code,monospace;padding:3px 4px;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.atg-td-move{padding:3px 4px;vertical-align:middle}.atg-move-btn{display:block;width:100%;text-align:left;padding:5px 10px;border-radius:6px;border:1px solid transparent;background:transparent;font-family:SF Mono,Fira Code,monospace;font-size:13px;font-weight:500;cursor:pointer;color:#cbd5e1;transition:background .13s,color .13s,border-color .13s;letter-spacing:.01em}.atg-move-btn--white:hover{background:#10b9811a;color:var(--obs-teal);border-color:#10b98133}.atg-move-btn--black:hover{background:#3b82f61a;color:var(--obs-blue);border-color:#3b82f633}.atg-move-btn--white.atg-move-btn--active{background:#10b9812e;color:var(--obs-teal);border-color:#10b98159;font-weight:700}.atg-move-btn--black.atg-move-btn--active{background:#3b82f62e;color:var(--obs-blue);border-color:#3b82f659;font-weight:700}.atg-move-empty{display:block;padding:5px 10px;color:var(--obs-dim);font-family:SF Mono,monospace;font-size:13px}.atg-analysis-moves{padding:8px 10px;display:flex;flex-wrap:wrap;align-items:baseline;gap:1px 0;line-height:1.8}.atg-var-num{color:var(--obs-muted);font-size:11px;font-weight:600;padding:2px 3px;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.atg-analysis-btn{padding:2px 6px;border-radius:4px;border:none;background:transparent;color:var(--obs-text);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s;font-family:SF Mono,Fira Code,monospace;line-height:1.5}.atg-analysis-btn:hover{background:#ffffff14;color:#fff}.atg-analysis-btn--active{background:var(--obs-cyan)!important;color:#000!important;font-weight:700}.atg-analysis-btn--var{color:#fbbf24e6}.atg-sideline{width:100%;margin:2px 0;padding:3px 8px;background:#06b6d40a;border-left:2px solid rgba(6,182,212,.3);border-radius:0 4px 4px 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:1px 0}.atg-sideline--nested{margin-left:8px;border-left-color:#fbbf2466;background:#fbbf2408}.atg-analysis-hint{text-align:center;font-size:10px;color:var(--obs-muted);padding:4px 0 2px;letter-spacing:.03em;opacity:.7;flex-shrink:0}@media (max-width: 1024px){.atg-main{padding:20px 16px 40px}.atg-sidebar{flex:0 0 190px}.atg-games-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}@media (max-width: 768px){.atg-main{flex-direction:column;padding:16px 12px 36px;gap:16px}.atg-sidebar{flex:none}.atg-games-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.atg-modal{width:96vw;max-height:94vh}.atg-modal-body{flex-direction:column;overflow-y:auto}.atg-modal-board-col{border-right:none;border-bottom:1px solid rgba(255,255,255,.05);padding:0 12px 12px;border-top-left-radius:20px;border-top-right-radius:20px}.atg-modal-notation-col{padding:10px 10px 12px;min-height:240px}}@media (max-width: 480px){.atg-topbar{padding:0 12px}.atg-topbar-sub,.atg-topbar-sep,.atg-game-count{display:none}.atg-games-grid{grid-template-columns:repeat(2,1fr);gap:10px}.atg-ctrl-btn{width:30px;height:30px}.atg-ctrl-cur{font-size:14px}.atg-move-btn{font-size:12px;padding:4px 8px}.atg-td-num{font-size:11px}}.tournament-loading{min-height:100vh;background:var(--obs-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.loading-spinner{font-size:52px;animation:lb-pulse 1.4s ease-in-out infinite}@keyframes lb-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.6}}.loading-text{color:var(--obs-cyan);font-family:SF Mono,Fira Code,monospace;font-size:15px;letter-spacing:.12em;opacity:.8}.tournament-error{min-height:100vh;background:var(--obs-bg);display:flex;align-items:center;justify-content:center;padding:24px}.error-content{background:#ef444412;border:1px solid rgba(239,68,68,.25);border-radius:20px;padding:48px 40px;max-width:460px;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.error-content h2{color:#fff;font-size:24px;margin:0 0 12px}.error-content p{color:var(--obs-muted);font-size:15px;margin:0 0 28px}.error-back-btn{padding:11px 28px;background:linear-gradient(135deg,var(--obs-cyan),var(--obs-teal));color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s}.error-back-btn:hover{opacity:.88;transform:translateY(-2px)}.tournament-leaderboard-container{min-height:100vh;background:var(--obs-bg);font-family:Inter,SF Pro Display,system-ui,sans-serif;color:var(--obs-text);padding:24px 28px 56px;position:relative;overflow-x:hidden}.tournament-content{position:relative;z-index:1;display:flex;gap:28px;align-items:flex-start;max-width:1440px;margin:0 auto}.tournament-left{flex:0 0 300px;display:flex;flex-direction:column;gap:20px;position:sticky;top:24px}.tournament-right{flex:1;min-width:0}.tournament-name-header{font-size:26px;font-weight:800;margin:0 0 24px;letter-spacing:-.4px;background:linear-gradient(135deg,#ffffff 0%,var(--obs-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tournament-details-card,.tournament-chat-card{background:var(--obs-surface);border:1px solid var(--obs-border);border-radius:18px;padding:20px 18px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 32px #00000073}.details-title,.chat-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--obs-cyan);margin:0 0 14px}.detail-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px}.detail-item:last-child{border-bottom:none}.detail-label{color:var(--obs-muted);flex-shrink:0}.detail-value{color:#fff;font-weight:600;text-align:right;word-break:break-word}.status-active{color:var(--obs-teal);font-weight:700}.status-finished{color:var(--obs-blue);font-weight:700}.status-scheduled{color:var(--obs-amber);font-weight:700}.status-lobby{color:var(--obs-violet);font-weight:700}.tournament-chat-card{display:flex;flex-direction:column;gap:12px}.chat-messages{overflow-y:auto;display:flex;flex-direction:column;gap:6px;min-height:120px;max-height:240px;padding-right:4px}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#06b6d440;border-radius:99px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#06b6d480}.chat-empty{color:var(--obs-muted);font-size:13px;text-align:center;padding:28px 0;font-style:italic}.chat-message{font-size:13px;line-height:1.5;padding:6px 10px;border-radius:8px;background:#ffffff06;border:1px solid rgba(255,255,255,.05)}.chat-username{font-weight:700;color:var(--obs-cyan);margin-right:5px}.chat-text{color:var(--obs-text)}.chat-input-area{display:flex;gap:8px}.chat-input{flex:1;background:#ffffff0d;border:1px solid var(--obs-border);border-radius:8px;padding:8px 12px;font-size:13px;color:var(--obs-text);outline:none;transition:border-color .2s;min-width:0}.chat-input::-moz-placeholder{color:var(--obs-muted)}.chat-input::placeholder{color:var(--obs-muted)}.chat-input:focus{border-color:var(--obs-border-hi)}.chat-send-btn{padding:8px 16px;background:linear-gradient(135deg,var(--obs-cyan),var(--obs-teal));border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0;transition:opacity .2s,transform .15s}.chat-send-btn:hover:not(:disabled){opacity:.88;transform:scale(1.04)}.chat-send-btn:disabled{opacity:.35;cursor:not-allowed}.podium-container{display:flex;justify-content:center;align-items:flex-end;gap:20px;margin-bottom:32px;padding:16px 0 4px}.trophy-item{display:flex;flex-direction:column;align-items:center;gap:8px}.trophy-icon{display:flex;align-items:flex-end;justify-content:center;background:transparent;border:none;box-shadow:none;filter:drop-shadow(0 4px 16px rgba(6,182,212,.18))}.trophy-icon img{display:block;background:transparent;border:none;box-shadow:none;outline:none}.trophy-username{text-align:center;font-size:14px;font-weight:700;color:#fff;display:flex;flex-direction:column;align-items:center;gap:4px;max-width:150px;word-break:break-word}.trophy-score{font-size:18px;font-weight:800;color:var(--obs-cyan);letter-spacing:.02em}.you-badge-trophy{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:#06b6d42e;border:1px solid rgba(6,182,212,.5);color:var(--obs-cyan);font-size:11px;font-weight:700;letter-spacing:.06em}.leaderboard-table-container{background:var(--obs-surface);border:1px solid var(--obs-border);border-radius:18px;overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 32px #00000073;margin-bottom:24px}.table-row-me{background:#06b6d412!important;box-shadow:inset 3px 0 0 var(--obs-cyan)}.table-row-me:hover{background:#06b6d41c!important}.rank-cell{font-weight:700;font-size:15px;text-align:center;width:56px;color:var(--obs-muted)}.player-cell{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0}.win-cell{color:var(--obs-teal);font-weight:600;text-align:center}.loss-cell{color:var(--obs-red);font-weight:600;text-align:center}.draw-cell{color:var(--obs-muted);font-weight:600;text-align:center}.games-cell{color:var(--obs-text);font-weight:600;text-align:center}.streak-cell{color:var(--obs-amber);font-weight:600;text-align:center}.online-dot-small{width:7px;height:7px;border-radius:50%;background:var(--obs-teal);box-shadow:0 0 6px #10b981d9;flex-shrink:0;display:inline-block}.you-badge-small{display:inline-flex;align-items:center;padding:1px 7px;border-radius:999px;background:#06b6d426;border:1px solid rgba(6,182,212,.4);color:var(--obs-cyan);font-size:10px;font-weight:700;letter-spacing:.05em;flex-shrink:0}.confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;top:-12px;border-radius:2px;animation:lb-confetti-fall linear forwards}@keyframes lb-confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}80%{opacity:1}to{transform:translateY(102vh) rotate(720deg);opacity:0}}@media (max-width: 1100px){.tournament-left{flex:0 0 260px}}@media (max-width: 820px){.tournament-leaderboard-container{padding:16px 16px 48px}.tournament-content{flex-direction:column;gap:20px}.tournament-left{flex:none;width:100%;position:static}.tournament-name-header{font-size:21px}.podium-container{gap:12px}}@media (max-width: 480px){.tournament-leaderboard-container{padding:12px 10px 40px}.tournament-name-header{font-size:17px;margin-bottom:16px}.podium-container{gap:8px}.leaderboard-table th,.leaderboard-table td{padding:9px 8px;font-size:12px}.score-cell{font-size:13px}.chat-messages{max-height:160px}.trophy-username{font-size:12px;max-width:100px}}.upg-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.upg-meta-total{font-size:.85rem;font-weight:600;color:#a78bfa}.upg-meta-last{font-size:.75rem;color:#ffffff80}.contact-page-container{width:100%;position:relative;padding:20px 0}.contact-page-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(6,182,212,.03) 0%,transparent 50%);pointer-events:none;z-index:0;border-radius:16px}.contact-page-content{width:100%;position:relative;z-index:1}.contact-page-title{font-size:36px;font-weight:700;text-align:center;margin-bottom:30px;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;justify-content:center;gap:12px}.title-icon{font-size:32px;filter:drop-shadow(0 4px 12px rgba(6,182,212,.3))}.contact-admin-section{background:#171717b3;border-radius:24px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;padding:50px 40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.contact-admin-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#06b6d408,#10b98108);pointer-events:none}.contact-section-title{font-size:32px;font-weight:700;color:#fff;margin-bottom:40px;text-align:center;display:flex;align-items:center;justify-content:center;gap:12px;position:relative}.contact-grid{display:grid;grid-template-columns:1fr;gap:40px;position:relative;max-width:600px;margin:0 auto}.contact-image-box{background:#0000004d;border-radius:20px;border:1px solid rgba(255,255,255,.05);padding:30px;display:flex;flex-direction:column;gap:30px;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-image-box:hover{border-color:#06b6d433;box-shadow:0 8px 24px #06b6d426;transform:translateY(-5px)}.image-wrapper{width:100%;aspect-ratio:1;border-radius:16px;overflow:hidden;border:2px solid rgba(6,182,212,.2);background:#0006;display:flex;align-items:center;justify-content:center;position:relative}.contact-admin-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.image-wrapper:hover .contact-admin-image{transform:scale(1.05)}.contact-admin-image[src="/images/contact-admin.jpg"]{display:block}.image-wrapper:after{content:"👨‍💼";font-size:80px;position:absolute;color:#06b6d4;filter:drop-shadow(0 4px 12px rgba(6,182,212,.3))}.contact-admin-image:not([src=""])~:after{display:none}.contact-info-details{display:flex;flex-direction:column;gap:20px}.info-item{display:flex;align-items:center;gap:15px;padding:18px 20px;background:#0000004d;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.info-item:hover{border-color:#06b6d44d;background:#06b6d40d;transform:translate(5px)}.info-icon{font-size:28px;filter:drop-shadow(0 4px 12px rgba(6,182,212,.3));flex-shrink:0}.info-label{font-size:12px;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.info-value{font-size:16px;color:#06b6d4;font-weight:600;text-decoration:none;transition:color .3s ease}.info-value:hover{color:#10b981}.contact-form-box{background:#0000004d;border-radius:20px;border:1px solid rgba(255,255,255,.05);padding:40px 35px;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-form-box:hover{border-color:#06b6d433;box-shadow:0 8px 24px #06b6d426}.form-box-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:30px;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-form{display:flex;flex-direction:column;gap:25px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{font-size:14px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea{width:100%;padding:14px 18px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:15px;font-family:inherit;transition:all .3s ease;outline:none}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#6b7280}.form-group input::placeholder,.form-group textarea::placeholder{color:#6b7280}.form-group input:focus,.form-group textarea:focus{border-color:#06b6d480;background:#06b6d40d;box-shadow:0 0 0 3px #06b6d41a}.form-group textarea{resize:vertical;min-height:120px;max-height:300px}.submit-btn{padding:16px 32px;background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #06b6d466;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.submit-btn:hover{box-shadow:0 6px 24px #06b6d480;transform:translateY(-3px)}.submit-btn:active{transform:translateY(-1px)}.btn-arrow{font-size:20px;transition:transform .3s ease}.submit-btn:hover .btn-arrow{transform:translate(5px)}.submit-message{margin-top:20px;padding:14px 20px;border-radius:12px;font-weight:600;text-align:center;animation:slideIn .4s ease}.submit-message.success{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.submit-message.error{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.contact-page-title{font-size:40px}.contact-admin-section{padding:40px 30px}}@media (max-width: 768px){.contact-page-container{padding:15px 0}.contact-page-title{font-size:28px}.contact-admin-section{padding:25px 15px}.contact-form-box{padding:25px 20px}}@media (max-width: 480px){.contact-page-title{font-size:24px;flex-direction:column;gap:8px}.contact-admin-section{padding:20px 10px}.contact-form-box{padding:20px 15px}.form-group input,.form-group textarea{padding:12px 14px}.submit-btn{padding:12px 24px}}:root{--bg: #0a0a0a;--glass-bg: rgba(23, 23, 23, .72);--glass-border: rgba(255, 255, 255, .06);--glow-cyan: #06b6d4;--glow-emerald: #10b981;--text-primary: #f0f0f0;--text-muted: #9ca3af;--text-dim: #6b7280;--input-bg: rgba(0, 0, 0, .35);--input-border: rgba(255, 255, 255, .08);--input-focus: rgba(6, 182, 212, .45);--error: #ef4444;--error-glow: rgba(239, 68, 68, .25)}.event-form-page{font-family:DM Sans,sans-serif;background:var(--bg);min-height:100vh;padding:40px 20px 60px;position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:center}.event-form-page:before,.event-form-page:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0}.event-form-page:before{width:700px;height:700px;top:-120px;left:-180px;background:radial-gradient(circle,rgba(16,185,129,.09) 0%,transparent 70%)}.event-form-page:after{width:600px;height:600px;bottom:-100px;right:-140px;background:radial-gradient(circle,rgba(59,130,246,.09) 0%,transparent 70%)}.event-form-container{position:relative;z-index:1;width:100%;max-width:560px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:40px 36px 44px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 32px #0000008c,inset 0 1px #ffffff0d;animation:cardReveal .5s cubic-bezier(.22,1,.36,1) both}@keyframes cardReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.event-form-container:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--glow-cyan),transparent);border-radius:999px;opacity:.6}.event-form-container h1{font-family:Syne,sans-serif;font-size:30px;font-weight:800;margin:0 0 6px;letter-spacing:-.5px;background:linear-gradient(135deg,var(--glow-cyan) 0%,var(--glow-emerald) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.event-form-container h1+p,.event-form-container h1+small{display:block;color:var(--text-muted);font-size:14px;margin:0 0 28px}.event-name-title{font-size:20px;font-weight:600;margin:8px 0 24px;color:var(--glow-emerald);text-align:center}.event-form{margin-top:28px}.form-group{margin-bottom:18px;display:flex;flex-direction:column}.form-group label{margin-bottom:7px;font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted)}.form-group input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;padding:11px 14px;font-size:14px;font-family:DM Sans,sans-serif;color:var(--text-primary);outline:none;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none}.form-group input::-moz-placeholder{color:var(--text-dim)}.form-group input::placeholder{color:var(--text-dim)}.form-group input:focus{border-color:var(--glow-cyan);background:#06b6d40f;box-shadow:0 0 0 3px #06b6d426}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-moz-appearance:none;appearance:none;-webkit-appearance:none}.form-group input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.form-group input.error{border-color:var(--error);background:#ef44440f;box-shadow:0 0 0 3px var(--error-glow)}.error-msg{color:var(--error);font-size:11.5px;font-weight:500;margin-top:5px;display:flex;align-items:center;gap:4px}.error-msg:before{content:"⚠";font-size:11px}.form-actions{display:flex;gap:12px;margin-top:30px;padding-top:22px;border-top:1px solid var(--glass-border)}.btn-primary{flex:1;background:linear-gradient(135deg,var(--glow-cyan) 0%,var(--glow-emerald) 100%);color:#fff;padding:13px 20px;border:none;border-radius:12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;letter-spacing:.3px;box-shadow:0 4px 18px #06b6d459;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #06b6d480}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-secondary{background:#0006;color:var(--text-muted);padding:13px 20px;border:1px solid var(--glass-border);border-radius:12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease,transform .2s ease}.btn-secondary:hover{border-color:#ffffff2e;color:var(--text-primary);transform:translateY(-1px)}.event-success{text-align:center;animation:cardReveal .45s cubic-bezier(.22,1,.36,1) both}.event-success .success-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#10b9812e,#06b6d41f);border:1px solid rgba(16,185,129,.3);font-size:34px;color:var(--glow-emerald);margin:0 auto 20px;box-shadow:0 0 28px #10b98140}.event-success h1{font-family:Syne,sans-serif;font-size:26px;font-weight:800;margin:0 0 10px;background:linear-gradient(135deg,var(--glow-cyan),var(--glow-emerald));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.event-success p{color:var(--text-muted);font-size:14.5px;line-height:1.7;margin:0 0 28px}.event-success .btn-primary{display:inline-block;width:auto;min-width:160px;flex:none}@media (max-width: 480px){.event-form-container{padding:28px 20px 32px}.event-form-container h1{font-size:24px}.form-actions{flex-direction:column}.btn-secondary{order:-1}}.event-registration-container{min-height:100vh;background:#0a0a0a;background-image:radial-gradient(circle at 20% 50%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.1) 0%,transparent 50%);padding:40px 20px;display:flex;justify-content:center;align-items:center}.event-registration-card{max-width:700px;width:100%;background:#171717e6;border-radius:24px;padding:40px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button{background:#06b6d426;border:1px solid rgba(6,182,212,.3);color:#06b6d4;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:24px}.back-button:hover{background:#06b6d440;transform:translate(-4px)}.event-header{text-align:center;margin-bottom:32px}.event-icon{font-size:64px;margin-bottom:16px;filter:drop-shadow(0 4px 12px rgba(6,182,212,.3))}.event-title{font-size:36px;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.event-date{font-size:18px;color:#9ca3af;font-weight:500}.event-description{margin-bottom:32px}.event-description p{color:#d1d5db;font-size:16px;line-height:1.7;text-align:center}.event-features{background:#0000004d;border-radius:16px;padding:24px;margin-bottom:32px;border:1px solid rgba(6,182,212,.2)}.event-features h3{color:#fff;font-size:18px;margin-bottom:16px;font-weight:600}.event-features ul{list-style:none;padding:0;margin:0}.event-features li{color:#d1d5db;font-size:15px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.event-features li:last-child{border-bottom:none}.registration-form{background:#0000004d;border-radius:16px;padding:32px;border:1px solid rgba(255,255,255,.1)}.form-title{color:#fff;font-size:24px;font-weight:600;margin-bottom:24px;text-align:center}.error-message{background:#ef444433;color:#ef4444;padding:12px 16px;border-radius:12px;margin-bottom:20px;border:1px solid rgba(239,68,68,.3);font-size:14px;text-align:center}.form-group{margin-bottom:24px}.form-group label{display:block;color:#67e8f9;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{width:100%;padding:14px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:15px;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 2px #06b6d433}.form-group input:disabled{opacity:.5;cursor:not-allowed}.submit-button{width:100%;padding:16px;background:linear-gradient(135deg,#06b6d4,#10b981);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #06b6d466}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #06b6d480}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.event-not-found{text-align:center;color:#fff;padding:40px}.event-not-found h2{font-size:28px;margin-bottom:24px;color:#ef4444}@media (max-width: 768px){.event-registration-card{padding:24px}.event-title{font-size:28px}.event-icon{font-size:48px}.registration-form{padding:24px}}*,*:before,*:after{box-sizing:border-box}:root{--bg: #0a0a0a;--glass-bg: rgba(23, 23, 23, .72);--glass-border: rgba(255, 255, 255, .06);--glow-cyan: #06b6d4;--glow-emerald: #10b981;--text-primary: #f0f0f0;--text-muted: #9ca3af;--text-dim: #6b7280}.event-page-container{font-family:DM Sans,sans-serif;background:var(--bg);min-height:100vh;padding:60px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.event-page-container:before,.event-page-container:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0}.event-page-container:before{width:700px;height:700px;top:-150px;left:-200px;background:radial-gradient(circle,rgba(16,185,129,.09) 0%,transparent 70%)}.event-page-container:after{width:600px;height:600px;bottom:-120px;right:-160px;background:radial-gradient(circle,rgba(59,130,246,.09) 0%,transparent 70%)}.event-card{position:relative;z-index:1;width:100%;max-width:520px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:48px 40px 44px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 32px #0000008c,inset 0 1px #ffffff0d;text-align:center;animation:cardReveal .5s cubic-bezier(.22,1,.36,1) both}.event-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--glow-cyan),transparent);border-radius:999px;opacity:.6}@keyframes cardReveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.event-date-badge{display:inline-flex;align-items:center;gap:6px;background:#06b6d41f;border:1px solid rgba(6,182,212,.22);color:var(--glow-cyan);font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:22px}.event-date-badge:before{content:"📅";font-size:13px}.event-page-container h1{font-family:Syne,sans-serif;font-size:30px;font-weight:800;letter-spacing:-.5px;margin:0 0 18px;line-height:1.25;background:linear-gradient(135deg,var(--glow-cyan) 0%,var(--glow-emerald) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.event-divider{width:48px;height:2px;background:linear-gradient(90deg,var(--glow-cyan),var(--glow-emerald));border-radius:999px;margin:0 auto 20px;opacity:.6}.event-desc{font-size:15px;color:var(--text-muted);line-height:1.75;margin:0 0 36px}.btn-primary{display:inline-block;background:linear-gradient(135deg,var(--glow-cyan) 0%,var(--glow-emerald) 100%);color:#fff;padding:14px 36px;border:none;border-radius:12px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;cursor:pointer;letter-spacing:.3px;box-shadow:0 4px 18px #06b6d459;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px #06b6d485}.btn-primary:active{transform:translateY(0)}@media (max-width: 480px){.event-card{padding:36px 22px 32px}.event-page-container h1{font-size:24px}}.admin-team-race{padding:20px;max-width:1200px;margin:0 auto}.admin-team-race-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.admin-team-race-header h1{margin:0;font-size:32px;color:#333}.btn-create{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #667eea66}.btn-create:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;padding:20px;overflow-y:auto;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:650px;max-height:calc(100vh - 40px);overflow-y:auto!important;overflow-x:hidden;box-sizing:border-box;box-shadow:0 10px 40px #0000004d;margin:auto;position:relative}.modal-content::-webkit-scrollbar{width:14px;background:#e0e0e0}.modal-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:10px;border:1px solid #ddd}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;border:2px solid #f5f5f5}.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3,#633d8a)}.races-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.race-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.race-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #00000026}.race-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.race-header h3{margin:0;font-size:20px;color:#333}.race-details{margin-bottom:20px}.detail-item{margin-bottom:8px;color:#555;font-size:14px}.detail-item strong{color:#333;margin-right:5px}.race-actions{display:flex;gap:10px}.btn-manage{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s}.btn-manage:hover{transform:translateY(-2px)}.btn-delete{background:#dc3545;color:#fff;border:none;padding:10px 15px;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s}.btn-delete:hover:not(:disabled){background:#c82333}.btn-delete:disabled{background:#ccc;cursor:not-allowed}.empty-state{text-align:center;padding:60px 20px;color:#999;font-size:16px}.live-leaderboard-modal{max-width:800px;width:90%;max-height:80vh;overflow-y:auto}.live-leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.live-leaderboard-header h2{margin:0;font-size:24px;color:#333}.live-leaderboard-content{padding:20px 0}.leaderboard-table{width:100%;border-collapse:collapse;margin-top:20px}.leaderboard-header{display:grid;grid-template-columns:60px 2fr 1fr 1fr 1fr;gap:15px;padding:15px;background:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:700;color:#495057}.leaderboard-row{display:grid;grid-template-columns:60px 2fr 1fr 1fr 1fr;gap:15px;padding:15px;border-bottom:1px solid #dee2e6;align-items:center;transition:background-color .2s}.leaderboard-row:hover{background-color:#f8f9fa}.leaderboard-row .rank{font-weight:700;text-align:center}.leaderboard-row .team-name{font-weight:600;color:#495057}.leaderboard-row .score{font-weight:700;color:#28a745;text-align:center}.leaderboard-row .players{text-align:center;color:#6c757d}.leaderboard-row .status{text-align:center}.no-leaderboard{text-align:center;padding:40px;color:#6c757d;font-style:italic}.admin-team-race-manage{padding:20px;max-width:1400px;margin:0 auto}.manage-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.manage-header h1{margin:0 0 10px;font-size:32px;color:#333}.race-info{display:flex;gap:20px;color:#666;font-size:14px}.race-info strong{color:#333;text-transform:uppercase}.header-actions{display:flex;gap:10px}.btn-start{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #28a74566}.btn-start:hover{transform:translateY(-2px);box-shadow:0 6px 20px #28a74599}.btn-run{background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #ffc10766}.btn-run:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffc10799}.btn-finish{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #dc354566}.btn-finish:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc354599}.btn-results{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #17a2b866}.btn-results:hover{transform:translateY(-2px);box-shadow:0 6px 20px #17a2b899}.btn-back{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;cursor:pointer;transition:background .2s}.btn-back:hover{background:#5a6268}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{margin:0;font-size:24px;color:#333}.btn-add-team{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s}.btn-add-team:hover{transform:translateY(-2px)}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.team-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.team-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #00000026;border-color:#667eea}.team-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.team-card-header h3{margin:0;font-size:20px;color:#333}.player-count{background:#667eea;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700}.players-list{margin-bottom:15px;min-height:100px;max-height:300px;overflow-y:auto}.no-players{text-align:center;color:#999;padding:30px;font-size:14px}.player-item{display:flex;justify-content:space-between;align-items:center;padding:10px;margin-bottom:8px;background:#f8f9fa;border-radius:6px;transition:background .2s}.player-item:hover{background:#e9ecef}.player-info{display:flex;align-items:center;gap:10px}.position-badge{background:#667eea;color:#fff;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:700}.player-name{font-size:14px;color:#333;font-weight:500}.btn-remove{background:#dc3545;color:#fff;border:none;width:28px;height:28px;border-radius:50%;font-size:16px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.btn-remove:hover:not(:disabled){background:#c82333}.btn-remove:disabled{background:#ccc;cursor:not-allowed}.btn-assign{width:100%;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:10px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s}.btn-assign:hover:not(:disabled){transform:translateY(-2px)}.btn-assign:disabled{background:linear-gradient(135deg,#ccc,#999);cursor:not-allowed;transform:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:500px;box-shadow:0 10px 40px #0000004d}.modal-content h2{margin-top:0;margin-bottom:20px;color:#333}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:#555}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group small{display:block;margin-top:5px;color:#777;font-size:12px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s}.btn-submit:hover{transform:translateY(-1px)}.btn-cancel{background:#e0e0e0;color:#333;border:none;padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s}.btn-cancel:hover{background:#d0d0d0}.empty-state{text-align:center;padding:60px 20px;color:#999;font-size:16px;background:#f8f9fa;border-radius:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.bulk-modal .modal-content{max-width:800px;max-height:80vh;overflow-y:auto}.bulk-assignments{margin-bottom:20px}.bulk-assignment-row{display:flex;align-items:end;gap:15px;margin-bottom:15px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.bulk-assignment-row .form-group{flex:1;margin-bottom:0}.bulk-assignment-row .form-group label{display:block;margin-bottom:5px;font-weight:600;color:#495057;font-size:14px}.bulk-assignment-row select,.bulk-assignment-row input{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.bulk-assignment-row .btn-remove{background:#dc3545;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s;align-self:flex-end}.bulk-assignment-row .btn-remove:hover{background:#c82333}.bulk-actions{margin-bottom:20px;text-align:center}.btn-add{background:#17a2b8;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s}.btn-add:hover{background:#138496}.btn-bulk{background:#6f42c1!important;margin-left:10px}.btn-bulk:hover{background:#5a359a!important}.team-actions{display:flex;gap:10px;margin-top:15px}.elite-tr-root{--bg: #0a0a0a;--surface: rgba(23, 23, 23, .72);--surface-hi: rgba(30, 30, 30, .85);--border: rgba(255, 255, 255, .06);--border-cyan: rgba(6, 182, 212, .35);--border-gem: rgba(168, 85, 247, .35);--text: #ffffff;--text-soft: rgba(255, 255, 255, .75);--text-muted: #9ca3af;--cyan: #06b6d4;--green: #10b981;--gem: #a855f7;--gem-glow: rgba(168, 85, 247, .25);--amber: #fbbf24;--red: #ef4444;--shadow: 0 8px 32px rgba(0, 0, 0, .55);--shadow-gem: 0 12px 40px rgba(168, 85, 247, .25);--radius: 16px;--radius-sm: 10px;min-height:100vh;background:var(--bg);color:var(--text);font-family:Poppins,Inter,sans-serif;padding:28px 24px 48px;position:relative;overflow-x:hidden}.elite-tr-root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 40%,rgba(168,85,247,.08) 0%,transparent 50%),radial-gradient(circle at 85% 70%,rgba(6,182,212,.07) 0%,transparent 50%);pointer-events:none;z-index:0}.elite-tr-root>*{position:relative;z-index:1}.elite-tr-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-gem);flex-wrap:wrap}.elite-tr-header h1{margin:0 0 4px;font-size:30px;font-weight:800;background:linear-gradient(135deg,var(--gem) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.elite-tr-header-sub{font-size:13px;color:var(--text-muted);margin:0}.elite-tr-header-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn-elite-primary{background:linear-gradient(135deg,var(--gem) 0%,#7c3aed 100%);color:#fff;border:none;padding:11px 22px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .18s,box-shadow .18s;box-shadow:0 4px 16px #a855f766;white-space:nowrap}.btn-elite-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #a855f78c}.btn-elite-secondary{background:var(--surface-hi);color:var(--text-soft);border:1px solid var(--border);padding:11px 20px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;white-space:nowrap}.btn-elite-secondary:hover{background:#ffffff14;border-color:var(--border-cyan);color:var(--cyan)}.btn-elite-back{background:#ffffff0f;color:var(--text-muted);border:1px solid var(--border);padding:11px 18px;border-radius:10px;font-size:13px;cursor:pointer;transition:all .18s;white-space:nowrap}.btn-elite-back:hover{background:#ffffff1a;color:var(--text)}.btn-elite-danger{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.3);padding:10px 18px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;white-space:nowrap}.btn-elite-danger:hover:not(:disabled){background:#ef444438;border-color:#ef444499;color:#fff}.btn-elite-danger:disabled{opacity:.4;cursor:not-allowed}.btn-elite-start{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:11px 22px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .18s;box-shadow:0 4px 16px #10b98159}.btn-elite-start:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98180}.btn-elite-run{background:linear-gradient(135deg,var(--cyan),#0891b2);color:#fff;border:none;padding:11px 22px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .18s;box-shadow:0 4px 16px #06b6d459}.btn-elite-run:hover{transform:translateY(-2px);box-shadow:0 8px 24px #06b6d480}.btn-elite-finish{background:linear-gradient(135deg,var(--red),#dc2626);color:#fff;border:none;padding:11px 22px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .18s;box-shadow:0 4px 16px #ef444459}.btn-elite-finish:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef444480}.btn-elite-results{background:linear-gradient(135deg,var(--amber),#d97706);color:#fff;border:none;padding:11px 22px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .18s}.btn-elite-results:hover{transform:translateY(-2px)}.btn-elite-assign{background:#06b6d41f;color:var(--cyan);border:1px solid rgba(6,182,212,.3);padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .18s}.btn-elite-assign:hover:not(:disabled){background:#06b6d438;border-color:var(--cyan)}.btn-elite-assign:disabled{opacity:.35;cursor:not-allowed}.btn-elite-bulk{background:#a855f71f;color:var(--gem);border:1px solid rgba(168,85,247,.3)}.btn-elite-bulk:hover:not(:disabled){background:#a855f738;border-color:var(--gem)}.btn-elite-remove{background:transparent;color:#6b7280;border:none;cursor:pointer;font-size:14px;padding:4px 8px;border-radius:6px;transition:all .15s;line-height:1}.btn-elite-remove:hover:not(:disabled){background:#ef444426;color:#f87171}.btn-elite-remove:disabled{opacity:.3;cursor:not-allowed}.btn-elite-add-row{background:#10b9811f;color:var(--green);border:1px solid rgba(16,185,129,.3);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s}.btn-elite-add-row:hover{background:#10b98138}.elite-tr-list{display:flex;flex-direction:column;gap:16px}.elite-tr-empty{background:var(--surface);border:1px dashed var(--border-gem);border-radius:var(--radius);padding:48px 24px;text-align:center;color:var(--text-muted);font-size:15px}.elite-race-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s}.elite-race-card:hover{border-color:var(--border-gem);box-shadow:var(--shadow-gem)}.elite-race-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;flex-wrap:wrap}.elite-race-card-top h3{margin:0;font-size:18px;font-weight:700;color:var(--text)}.elite-status-badge{padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.elite-status-badge.created{background:#6b728033;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.elite-status-badge.waiting{background:#fbbf2426;color:var(--amber);border:1px solid rgba(251,191,36,.3)}.elite-status-badge.running{background:#10b98126;color:var(--green);border:1px solid rgba(16,185,129,.3)}.elite-status-badge.finished{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.elite-race-meta{display:flex;flex-wrap:wrap;gap:10px 20px;margin-bottom:18px}.elite-race-meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.elite-race-meta-item strong{color:var(--text-soft);font-weight:600}.elite-race-card-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--border)}.elite-tr-manage-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-gem);flex-wrap:wrap}.elite-tr-manage-header h1{margin:0 0 8px;font-size:26px;font-weight:800;background:linear-gradient(135deg,var(--gem) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.elite-race-info-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.elite-chip{background:var(--surface-hi);border:1px solid var(--border);border-radius:20px;padding:4px 14px;font-size:12px;color:var(--text-muted)}.elite-chip.cyan{border-color:#06b6d44d;color:var(--cyan)}.elite-chip.green{border-color:#10b9814d;color:var(--green)}.elite-chip.amber{border-color:#fbbf244d;color:var(--amber)}.elite-chip.red{border-color:#ef44444d;color:#f87171}.elite-timer-chip{background:linear-gradient(135deg,#ef444426,#fbbf2426);border:1px solid rgba(239,68,68,.35);border-radius:20px;padding:6px 16px;font-size:15px;font-weight:700;color:var(--amber);letter-spacing:1px}.elite-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.elite-section-header h2{margin:0;font-size:18px;font-weight:700;color:var(--text)}.elite-teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.elite-team-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;transition:border-color .2s,box-shadow .2s}.elite-team-card:hover{border-color:var(--border-cyan)}.elite-team-card-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:#06b6d40f;border-bottom:1px solid var(--border)}.elite-team-card-head h3{margin:0;font-size:15px;font-weight:700;color:var(--text)}.elite-player-count{font-size:12px;color:var(--text-muted);background:#ffffff0f;padding:3px 10px;border-radius:12px;border:1px solid var(--border)}.elite-players-list{padding:12px 18px;min-height:60px;max-height:220px;overflow-y:auto}.elite-no-players{text-align:center;color:var(--text-muted);font-size:13px;padding:16px 0;font-style:italic}.elite-player-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--border)}.elite-player-row:last-child{border-bottom:none}.elite-player-info{display:flex;align-items:center;gap:8px}.elite-pos-badge{background:#a855f726;color:var(--gem);border:1px solid rgba(168,85,247,.3);border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700;min-width:28px;text-align:center}.elite-player-name{font-size:13px;color:var(--text-soft)}.elite-team-foot{display:flex;gap:8px;padding:12px 18px;border-top:1px solid var(--border);background:#0003;flex-wrap:wrap}.elite-countdown-box{background:#a855f71a;border:1px solid var(--border-gem);border-radius:10px;padding:10px 18px;font-size:14px;font-weight:700;color:var(--gem);text-align:center;letter-spacing:1px;margin-top:8px;display:inline-block}.elite-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;padding:20px;z-index:1000;overflow-y:auto}.elite-modal{background:#111;border:1px solid var(--border-gem);border-radius:18px;padding:32px;width:100%;max-width:540px;max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 24px 64px #000000b3,0 0 0 1px #a855f71a;position:relative}.elite-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gem),var(--cyan),var(--gem));background-size:200% 100%;animation:elite-shimmer 2.5s infinite linear;border-radius:18px 18px 0 0}@keyframes elite-shimmer{0%{background-position:0% 0%}to{background-position:200% 0%}}.elite-modal h2{margin:0 0 24px;font-size:20px;font-weight:800;background:linear-gradient(135deg,var(--gem) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.elite-form-group{margin-bottom:18px}.elite-form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.elite-form-group input,.elite-form-group select,.elite-form-group textarea{width:100%;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 14px;font-size:14px;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.elite-form-group input:focus,.elite-form-group select:focus{border-color:var(--border-gem);box-shadow:0 0 0 3px #a855f726}.elite-form-group input::-moz-placeholder{color:var(--text-muted)}.elite-form-group input::placeholder{color:var(--text-muted)}.elite-form-group select option{background:#1a1a1a;color:var(--text)}.elite-form-group small{display:block;margin-top:5px;font-size:11px;color:var(--text-muted)}.elite-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.elite-bulk-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:end;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.elite-bulk-row:last-child{border-bottom:none}.elite-bulk-actions{display:flex;gap:8px;margin-bottom:18px}.elite-tr-root ::-webkit-scrollbar{width:6px;height:6px}.elite-tr-root ::-webkit-scrollbar-track{background:#ffffff0a;border-radius:4px}.elite-tr-root ::-webkit-scrollbar-thumb{background:#a855f759;border-radius:4px}.elite-tr-root ::-webkit-scrollbar-thumb:hover{background:#a855f799}@media (max-width: 640px){.elite-tr-root{padding:16px 14px 40px}.elite-tr-header{flex-direction:column}.elite-tr-header h1{font-size:22px}.elite-teams-grid{grid-template-columns:1fr}.elite-race-meta{gap:8px 14px}.elite-modal{padding:22px}}.team-race-selection{padding:20px;max-width:1200px;margin:0 auto;position:relative}.team-race-selection:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 45% 55%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(2,13,24,.2) 0%,transparent 50%);pointer-events:none;z-index:0}.selection-header{text-align:center;margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid rgba(255,255,255,.05);position:relative;z-index:1}.selection-header h1{font-size:48px;margin:0 0 10px;color:#fff;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;font-weight:700}.selection-header p{font-size:18px;color:#9ca3af;margin:10px 0}.btn-back{margin-top:20px;background:#6c757d33;color:#9ca3af;border:1px solid rgba(255,255,255,.1);padding:10px 20px;border-radius:12px;font-size:14px;cursor:pointer;transition:all .3s ease;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empty-state{text-align:center;padding:80px 20px;background:#171717b3;border-radius:16px;box-shadow:0 8px 32px #00000080;margin-top:40px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.empty-icon{font-size:80px;margin-bottom:20px;filter:drop-shadow(0 4px 12px rgba(6,182,212,.3))}.empty-state h2{font-size:28px;color:#fff;margin:0 0 15px;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.empty-state p{font-size:16px;color:#9ca3af;margin:10px 0}.races-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;margin-top:30px;position:relative;z-index:1}.race-card{background:#171717b3;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:25px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.race-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#06b6d40d,#10b9810d);opacity:0;transition:opacity .4s ease;pointer-events:none}.race-card:hover:before{opacity:1}.race-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #06b6d44d;border-color:#06b6d433}.race-status{position:absolute;top:20px;right:20px;z-index:2}.race-card h2{font-size:24px;color:#fff;margin:0 0 20px;padding-right:100px;font-weight:700}.race-details{margin-bottom:25px}.detail-row{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.detail-row:last-child{border-bottom:none}.detail-icon{font-size:20px;margin-right:12px;width:30px;text-align:center;filter:drop-shadow(0 2px 4px rgba(6,182,212,.3))}.detail-label{font-weight:600;color:#9ca3af;margin-right:10px;min-width:80px}.detail-value{color:#fff;font-weight:500}.btn-join{width:100%;background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;border:none;padding:14px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #06b6d466}.btn-join:hover{transform:translateY(-2px);box-shadow:0 6px 24px #06b6d480}span[style*=backgroundColor]{box-shadow:0 2px 8px #0000004d;transition:all .3s ease}.race-card:hover span[style*=backgroundColor]{transform:scale(1.05)}@media (max-width: 768px){.races-grid{grid-template-columns:1fr}.selection-header h1{font-size:36px}}div[style*="padding: '40px'"]{background:#171717b3;border-radius:16px;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.05);color:#9ca3af;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:200px;display:flex;align-items:center;justify-content:center}.team-selection{padding:20px;max-width:1200px;margin:0 auto;position:relative}.team-selection:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 45% 55%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(2,13,24,.2) 0%,transparent 50%);pointer-events:none;z-index:0}.team-selection-header{text-align:center;margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid rgba(255,255,255,.05);position:relative;z-index:1}.team-selection-header h1{font-size:42px;margin:0 0 15px;color:#fff;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;font-weight:700}.race-info{display:flex;justify-content:center;gap:30px;margin:15px 0;font-size:16px;color:#9ca3af;font-weight:500}.btn-back{margin-top:15px;background:#6c757d33;color:#9ca3af;border:1px solid rgba(255,255,255,.1);padding:10px 20px;border-radius:12px;font-size:14px;cursor:pointer;transition:all .3s ease;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.team-selection-content{position:relative;z-index:1}.team-selection-content h2{font-size:32px;color:#fff;text-align:center;margin:0 0 15px;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.instruction{text-align:center;font-size:16px;color:#9ca3af;margin:0 0 40px}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:20px}.team-card{background:#171717b3;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:18px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 24px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.team-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#06b6d40d,#10b9810d);opacity:0;transition:opacity .4s ease;pointer-events:none}.team-card:hover:not(.team-full):before{opacity:1}.team-card.team-full{opacity:.6;background:#17171780}.team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(255,255,255,.05)}.team-header h3{font-size:20px;margin:0;color:#fff;font-weight:700}.player-count-badge{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;padding:6px 12px;border-radius:16px;font-weight:700;display:flex;align-items:center;gap:6px;box-shadow:0 3px 12px #06b6d459}.player-count-badge .count{font-size:18px}.player-count-badge .separator{font-size:14px;opacity:.7}.player-count-badge .max{font-size:16px;opacity:.9}.team-members{min-height:150px;margin-bottom:20px}.no-members{text-align:center;padding:50px 20px;color:#9ca3af;font-size:16px;font-style:italic}.members-list{display:flex;flex-direction:column;gap:10px}.member-item{display:flex;align-items:center;gap:10px;padding:8px;background:#00000047;border-radius:8px;transition:all .15s ease;border:1px solid rgba(255,255,255,.05)}.member-item:hover{background:#06b6d41a;border-color:#06b6d433}.member-position{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:700;min-width:40px;text-align:center;box-shadow:0 2px 8px #06b6d44d}.member-name{font-size:15px;color:#fff;font-weight:500}.member-more{text-align:center;padding:10px;color:#9ca3af;font-size:14px;font-style:italic}.btn-join-team{width:100%;background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;border:none;padding:14px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #06b6d466}.btn-join-team:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #06b6d480}.btn-join-team:disabled{background:#6c757d4d;cursor:not-allowed;box-shadow:none;transform:none;border:1px solid rgba(255,255,255,.1)}.team-full .btn-join-team{background:#6c757d4d;border:1px solid rgba(255,255,255,.1)}.team-card.team-unbalanced{opacity:.7;border-color:#ffc10766;background:#1e1b0599}.team-card:hover:not(.team-full):not(.team-unbalanced){transform:translateY(-8px);box-shadow:0 12px 40px #06b6d44d;border-color:#06b6d433}.team-unbalanced .btn-join-team{background:#85640466;border:1px solid rgba(255,193,7,.4);color:#f0c040;cursor:not-allowed}.empty-state{text-align:center;padding:80px 20px;background:#171717b3;border-radius:16px;box-shadow:0 8px 32px #00000080;margin-top:40px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empty-state p{font-size:18px;color:#9ca3af}@media (max-width: 768px){.teams-grid{grid-template-columns:1fr}.race-info{flex-direction:column;gap:10px}}.btn-lobby{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;border:none;padding:12px 18px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #06b6d466;transition:all .3s ease;margin-left:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-lobby:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 24px #06b6d480}.btn-lobby:active{transform:translateY(0) scale(.99)}.btn-lobby:focus{outline:none;box-shadow:0 0 0 4px #06b6d433,0 6px 24px #06b6d466}.btn-lobby .lobby-icon{font-size:18px}@media (min-width: 769px){.btn-lobby{animation:lobbyPulse 6s ease-in-out infinite}}@keyframes lobbyPulse{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.01)}to{transform:translateY(0) scale(1)}}div[style*="background: #d4edda"]{background:#10b98126!important;color:#10b981!important;border:1px solid rgba(16,185,129,.3)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}div[style*="background: #d4edda"] strong{color:#67e8f9}.team-lobby{padding:20px;max-width:1400px;margin:0 auto;min-height:100vh;background:#0a0a0a;position:relative}.team-lobby:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.lobby-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid rgba(255,255,255,.05);position:relative;z-index:1}.lobby-header h1{font-size:36px;margin:0 0 20px;color:#fff;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;font-weight:700}.race-status-banner{display:flex;justify-content:center}.status-waiting,.status-ready{padding:12px 30px;border-radius:25px;font-size:16px;font-weight:700;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 16px #06b6d466;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-waiting{background:linear-gradient(135deg,#ffc107e6,#ff9800e6);color:#fff;animation:pulse 2s infinite;border:1px solid rgba(255,193,7,.3)}.countdown-timer{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:2px;background:#0000002e;padding:2px 10px;border-radius:8px;margin-left:4px}.status-ready{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;animation:pulse 1s infinite;border:1px solid rgba(16,185,129,.3)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}.lobby-content{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:30px;position:relative;z-index:1}.teams-overview,.all-players-section{background:#171717b3;border-radius:16px;padding:25px;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.teams-overview h2,.all-players-section h2{margin:0 0 20px;font-size:24px;color:#fff;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;font-weight:700}.teams-list{display:flex;flex-direction:column;gap:15px}.team-summary{background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.team-summary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#06b6d40d,#10b9810d);opacity:0;transition:opacity .4s ease;pointer-events:none}.team-summary:hover:before{opacity:1}.team-summary:hover{transform:translateY(-4px);border-color:#06b6d433;box-shadow:0 8px 24px #06b6d433}.team-summary.my-team{background:linear-gradient(135deg,#06b6d426,#10b98126);border-color:#06b6d44d;box-shadow:0 4px 15px #06b6d433}.team-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.team-summary-header h3{margin:0;font-size:20px;color:#fff;font-weight:700}.my-team-badge{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;box-shadow:0 2px 8px #06b6d44d}.team-stats{display:flex;gap:20px;margin-bottom:15px}.stat{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(6,182,212,.3))}.stat-value{font-size:18px;font-weight:700;color:#fff}.stat-label{font-size:12px;color:#9ca3af}.team-mini-players{display:flex;flex-wrap:wrap;gap:8px}.mini-player,.mini-player-more{background:#0006;padding:6px 12px;border-radius:6px;font-size:13px;color:#fff;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.mini-player:hover{background:#06b6d433;border-color:#06b6d44d}.mini-player-more{color:#9ca3af;font-style:italic}.players-table{display:flex;flex-direction:column}.players-table-header{display:grid;grid-template-columns:80px 1fr 150px;padding:12px;background:#0000004d;border-radius:8px 8px 0 0;font-weight:700;color:#9ca3af;font-size:14px;border-bottom:2px solid rgba(255,255,255,.05)}.players-table-body{min-height:370px}.players-table-body::-webkit-scrollbar{width:8px}.players-table-body::-webkit-scrollbar-track{background:#0003;border-radius:4px}.players-table-body::-webkit-scrollbar-thumb{background:#06b6d44d;border-radius:4px}.players-table-body::-webkit-scrollbar-thumb:hover{background:#06b6d480}.players-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.players-section-header h2{margin:0}.players-page-info{font-size:13px;color:#6b7280;font-weight:500}.players-empty{padding:32px;text-align:center;color:#6b7280;font-size:14px}.players-pagination{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-top:1px solid rgba(255,255,255,.06);background:#0003;border-radius:0 0 10px 10px}.pagination-btn{background:#06b6d41f;border:1px solid rgba(6,182,212,.3);color:#06b6d4;padding:6px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,opacity .2s ease}.pagination-btn:hover:not(:disabled){background:#06b6d440}.pagination-btn:disabled{opacity:.3;cursor:default}.pagination-dots{display:flex;gap:6px;align-items:center}.pagination-dot{width:8px;height:8px;border-radius:50%;border:none;background:#fff3;cursor:pointer;padding:0;transition:background .2s ease,transform .2s ease}.pagination-dot.active{background:#06b6d4;transform:scale(1.35)}.pagination-dot:hover:not(.active){background:#fff6}.player-row{display:grid;grid-template-columns:80px 1fr 150px;padding:12px;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease}.player-row:hover{background:#06b6d41a}.player-position{display:flex;align-items:center}.position-badge{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:700;box-shadow:0 2px 8px #06b6d44d}.player-name{display:flex;align-items:center;font-size:15px;color:#fff;font-weight:500}.player-team{display:flex;align-items:center;justify-content:flex-end}.team-badge{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:700;color:#fff;box-shadow:0 2px 8px #0000004d}.lobby-info{display:grid;grid-template-columns:1fr 1fr;gap:25px;position:relative;z-index:1}.info-card{background:#171717b3;border-radius:16px;padding:25px;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.4,0,.2,1)}.info-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #06b6d433;border-color:#06b6d426}.info-card h3{margin:0 0 15px;font-size:20px;color:#fff;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.info-details{display:flex;flex-direction:column;gap:10px}.info-item{padding:10px;background:#0000004d;border-radius:6px;font-size:15px;color:#9ca3af;border:1px solid rgba(255,255,255,.05)}.info-item strong{color:#fff;margin-right:10px}.rules-list{margin:0;padding-left:20px;list-style-type:none}.rules-list li{padding:8px 0;font-size:15px;color:#9ca3af;position:relative}.rules-list li:before{content:"✓";position:absolute;left:-20px;color:#10b981;font-weight:700;font-size:18px}.rules-list strong{color:#06b6d4}.btn-back{background:#6c757d33;color:#9ca3af;border:1px solid rgba(255,255,255,.1);padding:12px 24px;border-radius:12px;font-size:14px;cursor:pointer;transition:all .3s ease;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-back:hover{background:#6c757d4d;border-color:#fff3;transform:translateY(-2px);color:#fff}@media (max-width: 1024px){.lobby-content,.lobby-info{grid-template-columns:1fr}}.live-leaderboard-section{margin:30px 0;padding:20px;background:#171717b3;border-radius:16px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.live-leaderboard-section h2{margin:0 0 20px;color:#fff;font-size:24px;text-align:center;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;font-weight:700}.leaderboard-container{display:flex;flex-direction:column;gap:12px}.leaderboard-team{display:flex;align-items:center;padding:16px 20px;background:#0000004d;border-radius:12px;box-shadow:0 2px 4px #0000004d;transition:all .3s ease;border:1px solid rgba(255,255,255,.05)}.leaderboard-team:hover{transform:translateY(-2px);box-shadow:0 4px 8px #06b6d433;border-color:#06b6d426}.leaderboard-team.my-team-highlight{border:2px solid #10b981;background:linear-gradient(135deg,#10b98126,#06b6d426);box-shadow:0 4px 12px #10b9814d}.leaderboard-rank{font-size:24px;font-weight:700;margin-right:20px;min-width:50px;text-align:center;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leaderboard-team-info{flex:1}.leaderboard-team-info .team-name{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px}.leaderboard-team-info .team-stats{display:flex;gap:20px;font-size:14px;color:#9ca3af}.leaderboard-team-info .score{color:#10b981;font-weight:700}.leaderboard-status{margin-left:20px}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;box-shadow:0 2px 8px #0000004d}.status-badge.running{background:linear-gradient(135deg,#ffc107e6,#ff9800e6);color:#fff}.status-badge.finished{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff}.status-badge.waiting{background:#6c757d80;color:#fff;border:1px solid rgba(255,255,255,.2)}.lb-tables-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 768px){.lb-tables-wrap{grid-template-columns:1fr}}.lb-table-block{background:#00000040;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.07)}.lb-table-block h3{margin:0 0 14px;font-size:16px;font-weight:700;color:#e2e8f0;letter-spacing:.5px}.lb-table{width:100%;border-collapse:collapse;font-size:14px}.lb-table thead tr{background:#06b6d41f}.lb-table thead th{padding:10px 12px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#06b6d4;border-bottom:1px solid rgba(6,182,212,.2)}.lb-table thead th:first-child{text-align:center;width:44px}.lb-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}.lb-table tbody tr:last-child{border-bottom:none}.lb-table tbody tr:hover{background:#ffffff0a}.lb-table tbody tr.lb-my-row{background:#10b9811f;border-left:3px solid #10b981}.lb-table tbody tr.lb-my-row:hover{background:#10b9812e}.lb-table td{padding:10px 12px;color:#d1d5db;vertical-align:middle}.lb-rank{text-align:center;font-size:16px;font-weight:700;width:44px}.lb-name{font-weight:600;color:#f1f5f9}.lb-score{font-weight:700;color:#10b981;font-variant-numeric:tabular-nums}.lb-players{color:#94a3b8;font-size:13px;font-variant-numeric:tabular-nums}.lb-empty{text-align:center;color:#6b7280;font-style:italic;padding:20px!important}.lb-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.lb-page-btn{background:#06b6d426;border:1px solid rgba(6,182,212,.3);color:#06b6d4;padding:4px 12px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.lb-page-info{font-size:12px;color:#94a3b8;min-width:44px;text-align:center;font-variant-numeric:tabular-nums}.team-race-puzzle{min-height:100vh;background:#0a0a0a;position:relative;overflow:hidden}.team-race-puzzle:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.race-three-column-layout{display:grid;grid-template-columns:280px 1fr 320px;gap:20px;height:100vh;padding:20px;position:relative;z-index:1}.left-sidebar{background:#171717cc;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;box-shadow:0 8px 32px #0006}.leaderboard-panel{height:100%;display:flex;flex-direction:column;overflow-y:auto}.leaderboard-title{font-size:14px;font-weight:700;color:#fff;margin:0;padding:12px 14px;background:linear-gradient(135deg,#10b98133,#3b82f633);border-bottom:1px solid rgba(255,255,255,.1);text-align:center;letter-spacing:.4px}.lb-sidebar-table{width:100%;border-collapse:collapse;font-size:12px}.lb-sidebar-table thead tr{background:#06b6d41a}.lb-sidebar-table thead th{padding:7px 8px;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#06b6d4;border-bottom:1px solid rgba(6,182,212,.2)}.lb-sidebar-table thead th:first-child{text-align:center;width:32px}.lb-sidebar-table thead th:nth-child(3),.lb-sidebar-table thead th:nth-child(4){text-align:right;width:36px}.lb-sidebar-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}.lb-sidebar-table tbody tr:last-child{border-bottom:none}.lb-sidebar-table tbody tr:hover{background:#ffffff0a}.lb-sidebar-table tbody tr.lb-my-row{background:#10b98121;border-left:3px solid #10b981}.lb-sidebar-table td{padding:8px;color:#d1d5db;vertical-align:middle}.lb-sidebar-table td.lb-rank{text-align:center;font-size:14px;width:32px}.lb-sidebar-table td.lb-name{font-weight:600;color:#f1f5f9;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-sidebar-table td.lb-score{text-align:right;font-weight:700;color:#10b981;font-variant-numeric:tabular-nums;width:36px}.lb-sidebar-table td.lb-players{text-align:right;color:#94a3b8;font-variant-numeric:tabular-nums;width:36px}.lb-empty{text-align:center;color:#ffffff59;padding:20px 8px!important;font-style:italic;font-size:11px}.lb-sidebar-pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px;border-top:1px solid rgba(255,255,255,.06)}.lb-page-btn{background:#06b6d426;border:1px solid rgba(6,182,212,.3);color:#06b6d4;padding:2px 8px;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer;line-height:1.4;transition:background .15s}.lb-page-btn:hover:not(:disabled){background:#06b6d447}.lb-page-btn:disabled{opacity:.3;cursor:default}.lb-page-info{font-size:11px;color:#94a3b8;font-variant-numeric:tabular-nums;min-width:30px;text-align:center}.lb-pinned-row td{border-top:1px dashed rgba(16,185,129,.4)}.individual-leaderboard-panel{margin-top:0;border-top:1px solid rgba(255,255,255,.08)}.middle-board-section{display:flex;align-items:center;justify-content:center;position:relative}.chessboard-wrapper{position:relative;display:inline-block}.right-sidebar{background:#171717cc;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;box-shadow:0 8px 32px #0006}.info-panel{padding:20px;display:flex;flex-direction:column;gap:20px}.info-timer{text-align:center;padding:20px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px}.timer-icon{font-size:24px;display:block;margin-bottom:8px}.timer-value{font-size:32px;font-weight:700;display:block}.info-table-container{padding:15px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.info-table{width:100%;border-collapse:collapse}.info-table tr{border-bottom:1px solid rgba(255,255,255,.1)}.info-table tr:last-child{border-bottom:none}.info-table td{padding:12px 8px;vertical-align:middle}.info-table-label{font-size:14px;color:#fff9;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-table-value{font-size:16px;font-weight:700;color:#fff;text-align:right}.info-table-value.info-points{color:#10b981;font-size:20px}.info-to-move{padding:15px;background:linear-gradient(135deg,#3b82f61a,#10b9811a);border:1px solid rgba(59,130,246,.3);border-radius:12px;text-align:center}.to-move-label{font-size:12px;color:#fff9;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.to-move-value{font-size:18px;font-weight:700;color:#fff}.info-position{padding:15px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;text-align:center}.position-label{font-size:12px;color:#fff9;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.position-value{font-size:28px;font-weight:700;color:#3b82f6}.info-team{padding:15px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;text-align:center}.team-label{font-size:12px;color:#fff9;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.team-value{font-size:16px;font-weight:600;color:#fff}.info-score{padding:20px;background:linear-gradient(135deg,#10b98126,#06b6d426);border:2px solid rgba(16,185,129,.3);border-radius:12px;text-align:center}.score-label{font-size:12px;color:#fff9;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.score-value{font-size:36px;font-weight:700;color:#10b981}.info-progress{padding:15px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px}.progress-label{font-size:12px;color:#fff9;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.progress-value{font-size:18px;font-weight:600;color:#fff;margin-bottom:10px}.progress-bar-mini{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-bar-fill-mini{height:100%;background:linear-gradient(90deg,#10b981,#06b6d4);border-radius:4px;transition:width .3s}.info-moves{padding:15px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px}.moves-label{font-size:12px;color:#fff9;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.moves-list{font-size:14px;color:#fff;font-family:Courier New,monospace;word-wrap:break-word}.info-skip{padding:10px 0}.skip-button:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-2px);box-shadow:0 4px 12px #dc354566}.skip-button:active{transform:translateY(0)}.leaderboard-list::-webkit-scrollbar,.right-sidebar::-webkit-scrollbar{width:8px}.leaderboard-list::-webkit-scrollbar-track,.right-sidebar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.leaderboard-panel::-webkit-scrollbar,.right-sidebar::-webkit-scrollbar{width:8px}.leaderboard-panel::-webkit-scrollbar-track,.right-sidebar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.leaderboard-panel::-webkit-scrollbar-thumb,.right-sidebar::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:4px}.leaderboard-panel::-webkit-scrollbar-thumb:hover,.right-sidebar::-webkit-scrollbar-thumb:hover{background:#3b82f6b3}.loading-screen,.error-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;gap:20px;background:#0a0a0a;color:#fff}.loading-spinner{width:60px;height:60px;border:6px solid rgba(255,255,255,.1);border-top-color:#06b6d4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.race-three-column-layout{grid-template-columns:240px 1fr 280px}}@media (max-width: 1024px){.race-three-column-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:auto;min-height:100vh}.left-sidebar,.right-sidebar{max-height:300px}}@media (max-width: 768px){.race-three-column-layout{padding:10px;gap:10px}.leaderboard-title{font-size:16px;padding:15px}.info-panel{padding:15px;gap:15px}}.tournament-leaderboard-container{--obs-bg: #07090f;--obs-surface: rgba(255, 255, 255, .04);--obs-glass: rgba(255, 255, 255, .06);--obs-border: rgba(255, 255, 255, .08);--obs-border-hi: rgba(6, 182, 212, .35);--obs-cyan: #06b6d4;--obs-teal: #10b981;--obs-blue: #3b82f6;--obs-violet: #8b5cf6;--obs-amber: #f59e0b;--obs-red: #ef4444;--obs-text: #e2e8f0;--obs-muted: #64748b;min-height:100vh;background:var(--obs-bg);font-family:Inter,SF Pro Display,system-ui,sans-serif;color:var(--obs-text);padding:24px 28px 56px;position:relative;overflow-x:hidden}.tournament-leaderboard-container:before,.tournament-leaderboard-container:after{content:"";position:fixed;border-radius:50%;pointer-events:none;filter:blur(90px);opacity:.1;z-index:0}.tournament-leaderboard-container:before{width:560px;height:560px;top:-180px;left:-140px;background:var(--obs-cyan)}.tournament-leaderboard-container:after{width:480px;height:480px;bottom:-120px;right:-120px;background:var(--obs-teal)}.back-to-tournaments{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:var(--obs-glass);border:1px solid var(--obs-border);border-radius:8px;color:var(--obs-cyan);font-size:13px;font-weight:600;cursor:pointer;margin-bottom:24px;transition:background .2s,border-color .2s,transform .2s}.back-to-tournaments:hover{background:#06b6d41f;border-color:var(--obs-border-hi);transform:translate(-3px)}.tr-main-content{position:relative;z-index:1;max-width:1100px;margin:0 auto}.tournament-name-header{font-size:26px;font-weight:800;margin:0 0 28px;letter-spacing:-.4px;background:linear-gradient(135deg,#ffffff 0%,var(--obs-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.podium-container{display:flex;justify-content:center;align-items:flex-end;gap:20px;margin-bottom:36px;padding:16px 0 4px}.elegant-podium .trophy-item{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;width:min(31%,270px);padding:16px 14px 0;border:1px solid var(--obs-border);border-radius:18px;background:linear-gradient(180deg,#ffffff12,#ffffff05),#ffffff05;box-shadow:inset 0 1px #ffffff1f,0 16px 28px #00000061;overflow:hidden}.elegant-podium .trophy-item:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;top:-58px;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(6,182,212,.22) 0%,transparent 70%);opacity:.55;pointer-events:none}.elegant-podium .trophy-icon{--podium-tone: var(--obs-cyan);display:flex;align-items:flex-end;justify-content:center;width:112px;height:112px;border-radius:999px;background:radial-gradient(circle at 30% 28%,#ffffff59,#ffffff05 62%);border:1px solid rgba(255,255,255,.22);box-shadow:0 6px 24px #06b6d438;filter:drop-shadow(0 4px 16px rgba(6,182,212,.22))}.elegant-podium .trophy-username{text-align:center;font-size:14px;font-weight:700;color:#fff;display:flex;flex-direction:column;align-items:center;gap:4px;max-width:160px;word-break:break-word}.elegant-podium .trophy-svg{width:86px;height:86px}.elegant-podium .rank-ribbon{font-size:11px;text-transform:uppercase;letter-spacing:.14em;border:1px solid;border-radius:999px;padding:5px 11px;background:#ffffff0a;font-weight:700}.elegant-podium .team-dot{width:12px;height:12px;border-radius:50%}.elegant-podium .trophy-team-name{font-weight:800;font-size:18px;line-height:1.2}.elegant-podium .trophy-team-meta{font-size:12px;color:#9ca3af}.elegant-podium .trophy-score{font-size:17px;font-weight:800;color:var(--obs-text);letter-spacing:.02em;margin-top:2px}.elegant-podium .podium-base{--podium-tone: var(--obs-cyan);width:100%;height:20px;margin-top:4px;position:relative;border-radius:12px 12px 0 0;border:1px solid rgba(255,255,255,.22);border-bottom:none;background:linear-gradient(180deg,#ffffff24,#0a0d15eb),#00000040;box-shadow:inset 0 1px #ffffff24;overflow:hidden}.elegant-podium .podium-base:before{content:"";position:absolute;left:10%;right:10%;top:6px;height:1px;background:#ffffff59}.elegant-podium .podium-base:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 6px,transparent 6px,transparent 14px);opacity:.3}.elegant-podium .trophy-item.is-first{transform:translateY(-14px)}.elegant-podium .trophy-item.is-first .podium-base{height:30px}.elegant-podium .trophy-item.is-second .podium-base,.elegant-podium .trophy-item.is-third .podium-base{height:24px}.elegant-podium .trophy-item.is-third{transform:translateY(6px)}.leaderboard-table-container{background:var(--obs-surface);border:1px solid var(--obs-border);border-radius:18px;overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 32px #00000073;margin:0 auto 24px;width:min(100%,920px)}.team-standings-title{font-size:14px;font-weight:700;color:var(--obs-text);margin:0;padding:16px 20px 12px;border-bottom:1px solid var(--obs-border)}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table thead tr{background:#06b6d40f;border-bottom:1px solid rgba(6,182,212,.18)}.leaderboard-table th{padding:12px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--obs-cyan);text-align:left;white-space:nowrap}.leaderboard-table th:first-child,.leaderboard-table td:first-child{padding-left:20px}.leaderboard-table th:last-child,.leaderboard-table td:last-child{padding-right:24px}.leaderboard-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}.leaderboard-table tbody tr:last-child{border-bottom:none}.leaderboard-table tbody tr:hover{background:#ffffff08}.leaderboard-table td{padding:12px 14px;font-size:14px;color:var(--obs-text);vertical-align:middle}.team-row-first td{color:var(--obs-amber)}.rank-cell{font-weight:700;font-size:15px;text-align:center;width:64px;color:var(--obs-muted)}.player-cell{min-width:0;text-align:left}.player-cell-content{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0;justify-content:flex-start}.score-cell{font-weight:800;font-size:16px;color:var(--obs-cyan);text-align:right}@keyframes tr-spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.tournament-leaderboard-container{padding:16px 12px 40px}.podium-container{gap:10px;align-items:stretch;flex-direction:column}.elegant-podium .trophy-item,.elegant-podium .trophy-item.is-first,.elegant-podium .trophy-item.is-third{width:100%;transform:none}.elegant-podium .trophy-item .podium-base{height:20px}.tournament-name-header{font-size:20px}}.chat-container{position:relative;display:flex;overflow:hidden;background-color:#fff;width:100%;height:85vh;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box}.chat-container.compact{position:fixed;inset:auto!important;width:200px!important;height:320px!important;right:12px!important;bottom:12px!important;border-radius:10px!important;box-shadow:0 14px 36px #00000052!important;overflow:hidden!important;background-color:#fff;z-index:2000}.chat-container.compact .chat-sidebar{display:none}.chat-container.compact .chat-main{width:100%!important;height:100%!important;border-radius:10px!important}.chat-container.compact .chat-header{padding:6px 8px;font-size:.85em}.chat-container.compact .messages-area{padding:6px;gap:6px}.chat-container.compact .message{padding:6px 8px;border-radius:10px;font-size:.75em}.chat-container.compact .message-sender{display:none}.chat-container.compact .message-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-container.compact .message-input-area{padding:6px}.chat-container.compact .message-input{padding:6px;font-size:.8em}.chat-container.compact .send-button{padding:6px 8px;font-size:.8em}.chat-container.expanded{inset:auto!important;width:100%!important;max-width:none!important;height:85vh!important;top:auto!important;left:auto!important;transform:none!important;right:auto!important;bottom:auto!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important;overflow:hidden!important;background-color:#fff;position:relative!important}.chat-container.expanded .chat-sidebar{display:flex!important;flex:0 0 300px!important;min-width:300px!important}.chat-container.expanded .chat-main{flex:1 1 auto!important;height:100%!important;border-radius:12px!important}.chat-container.expanded .chat-header{padding:10px 12px;font-size:.95em}.chat-container.expanded .messages-area{padding:12px;gap:8px}.chat-container.expanded .message{padding:8px 12px;border-radius:14px;font-size:.9em}.chat-container.expanded .message-sender{font-size:.7em}.chat-container.expanded .message-content{white-space:normal}.chat-container.expanded .message-input-area{padding:10px}.chat-container.expanded .message-input{padding:8px;font-size:.9em}.chat-container.expanded .send-button{padding:8px 12px;font-size:.9em}.chat-sidebar{flex:0 0 300px;min-width:300px;max-width:320px;background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;overflow-y:auto;position:relative}.chat-sidebar-header{padding:15px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.chat-list{flex:1;overflow-y:auto;padding-right:12px;min-width:0}.chat-item{padding:15px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column}.chat-item:hover,.chat-item.active{background-color:#e6f7ff}.chat-item-name{font-weight:700;color:#111827;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-preview{font-size:.85em;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item.unread{background-color:#fff7e6}.chat-item.unread .chat-item-name{color:#d4380d;font-weight:700}.chat-item-name-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.chat-item-name-row .chat-item-name{margin-bottom:0;flex:1;min-width:0}.unread-badge{background-color:#d4380d;color:#fff;border-radius:50%;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:.7em;font-weight:700;padding:0 4px;flex-shrink:0;margin-left:6px}.chat-main{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden;min-width:0;position:relative;box-sizing:border-box}.chat-header{padding:15px;border-bottom:1px solid #e0e0e0;font-weight:700;font-size:1.1em;color:#213547}.chat-sidebar h3{color:#111827}.chat-container.compact .chat-header,.chat-container.expanded .chat-header{color:#213547}.chat-container.compact .btn-secondary,.chat-container.expanded .btn-secondary{color:#213547;background:#f0f0f0;border:1px solid #ddd}.btn-remove-small{padding:2px 6px!important;font-size:.75em!important;min-width:0!important;width:auto!important;line-height:1!important}.messages-area{flex:1;padding:20px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;width:100%;text-align:left;justify-content:flex-start;align-items:stretch}.messages-inner{height:100%;display:flex;flex-direction:column;gap:10px;justify-content:flex-start}.messages-inner.centered{justify-content:center;align-items:stretch}.messages-inner.centered .empty-messages,.messages-inner.centered .loading-messages{align-self:center}.message{max-width:min(70%,calc(100% - 120px));width:-moz-fit-content;width:fit-content;padding:10px 15px;border-radius:18px;position:relative;overflow-wrap:anywhere;word-break:break-word;box-sizing:border-box;margin-bottom:5px;text-align:left}.messages-area.centered{justify-content:center}.messages-area{transition:justify-content .22s ease,padding .16s ease}.chat-main{box-shadow:0 6px 20px #0000000a}.message{max-width:70%;width:-moz-fit-content;width:fit-content;padding:10px 15px;border-radius:18px;position:relative;word-wrap:break-word;margin-bottom:5px;text-align:left;align-self:flex-start}.message.sent{align-self:flex-end;background-color:#1890ff;color:#fff;border-bottom-right-radius:4px;margin-left:auto;margin-right:0;overflow-wrap:anywhere}.message.received{align-self:flex-start;background-color:#f0f0f0;color:#333;border-bottom-left-radius:4px;margin-right:auto;margin-left:0;overflow-wrap:anywhere}.message-sender{font-size:.75em;margin-bottom:4px;opacity:.8}.message-content{word-wrap:break-word;white-space:pre-wrap;line-height:1.4}.empty-messages{text-align:center;color:#888;font-style:italic;padding:40px 20px;width:100%}.loading-messages{text-align:center;color:#666;padding:40px 20px;width:100%;font-style:italic}.message-input-area{padding:15px;border-top:1px solid #e0e0e0;display:flex;gap:10px}.message-input{flex:1;padding:10px;border:1px solid #d9d9d9;border-radius:20px;outline:none}.send-button{padding:0 20px;background-color:#1890ff;color:#fff;border:none;border-radius:20px;cursor:pointer;font-weight:700}.send-button:disabled{background-color:#ccc;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:8px;width:400px;max-height:80vh;overflow-y:auto}.search-input{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ddd;border-radius:4px}.user-list-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.user-list-item:hover{background-color:#f9f9f9}.btn-primary{background-color:#1890ff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.btn-secondary{background-color:#f0f0f0;color:#333;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-right:10px}.empty-state{display:flex;justify-content:center;align-items:center;height:100%;color:#888;font-size:1.2em}@media (max-width: 768px){.chat-container{margin:10px;width:calc(100% - 20px);height:calc(100vh - 140px)}.chat-sidebar{width:250px}.message{max-width:85%}.messages-area{padding:15px}}@media (max-width: 480px){.chat-sidebar{width:200px}.chat-item{padding:10px}.message{max-width:90%;padding:8px 12px}.messages-area{padding:10px;gap:8px}}.sh-page{min-height:100vh;background:#0a0a0a;padding:28px 24px 48px;position:relative;color:#fff}.sh-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 30%,rgba(6,182,212,.07) 0%,transparent 50%),radial-gradient(circle at 85% 75%,rgba(16,185,129,.07) 0%,transparent 50%),radial-gradient(circle at 50% 10%,rgba(168,85,247,.05) 0%,transparent 45%);pointer-events:none;z-index:0}.sh-page>*{position:relative;z-index:1}.sh-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px}.sh-title{font-size:32px;font-weight:800;margin:0 0 6px;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sh-subtitle{color:#fff6;font-size:14px;margin:0}.sh-chat-launch{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.08);background:#171717b8;color:#e5e7eb;border-radius:14px;padding:12px 16px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 24px #0000004d}.sh-chat-launch:hover{transform:translateY(-1px);border-color:#06b6d459;color:#67e8f9}.sh-chat-launch-active{border-color:#06b6d466;color:#67e8f9;box-shadow:0 10px 28px #06b6d41f}.sh-chat-launch-badge{min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#ef4444;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.sh-tabs{display:flex;gap:0;margin-bottom:28px;background:#171717b3;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:5px;width:-moz-fit-content;width:fit-content;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 24px #0006}.sh-tab{padding:10px 26px;background:none;border:none;border-radius:10px;color:#ffffff73;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;white-space:nowrap;letter-spacing:.2px}.sh-tab:hover{color:#06b6d4;background:#06b6d414}.sh-tab-active{background:linear-gradient(135deg,#06b6d42e,#10b9811f);color:#06b6d4!important;border:1px solid rgba(6,182,212,.3);box-shadow:0 4px 18px #06b6d41f}.sh-card{background:#171717bf;border-radius:18px;border:1px solid rgba(255,255,255,.07);box-shadow:0 8px 32px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:24px;transition:border-color .3s ease;margin-bottom:16px}.sh-card:hover{border-color:#06b6d41f}.sh-section-title{font-size:11px;font-weight:700;color:#06b6d4;margin:0 0 18px;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:1px}.sh-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(6,182,212,.25),transparent)}.sh-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#06b6d41f;border:1px solid rgba(6,182,212,.4);color:#06b6d4;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;text-decoration:none}.sh-btn-primary:hover{background:#06b6d440;border-color:#06b6d4;color:#fff;box-shadow:0 4px 18px #06b6d433;transform:translateY(-1px)}.sh-btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.sh-btn-teal{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#10b9811f;border:1px solid rgba(16,185,129,.4);color:#10b981;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease}.sh-btn-teal:hover{background:#10b98140;border-color:#10b981;color:#fff;box-shadow:0 4px 18px #10b98133;transform:translateY(-1px)}.sh-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease}.sh-btn-secondary:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.sh-btn-danger{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#f87171;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease}.sh-btn-danger:hover{background:#ef44442e;border-color:#ef444473;color:#fca5a5}.sh-btn-accept{display:inline-flex;align-items:center;padding:7px 14px;background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#10b981;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease}.sh-btn-accept:hover{background:#10b98140;color:#fff}.sh-btn-decline{display:inline-flex;align-items:center;padding:7px 14px;background:#ef444412;border:1px solid rgba(239,68,68,.2);color:#f87171;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease}.sh-btn-decline:hover{background:#ef44442e;color:#fca5a5}.sh-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#0891b2,#0e7490);border:1px solid rgba(6,182,212,.25);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;line-height:1;color:#fff;flex-shrink:0}.sh-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:inherit}.sh-avatar-sm{width:34px;height:34px;font-size:13px}.sh-avatar-lg{width:52px;height:52px;font-size:20px}.sh-badge{background:#ef4444d9;color:#fff;font-size:11px;font-weight:700;border-radius:10px;padding:1px 7px;min-width:18px;text-align:center}.sh-chip-active{padding:4px 12px;background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#10b981;border-radius:20px;font-size:12px;font-weight:600}.sh-chip-pending{padding:4px 12px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);color:#fbbf24;border-radius:20px;font-size:12px;font-weight:600}.sh-chip-request{padding:4px 12px;background:#a855f71f;border:1px solid rgba(168,85,247,.25);color:#a855f7;border-radius:20px;font-size:12px;font-weight:600}.sh-chip-friend{padding:4px 12px;background:#06b6d41f;border:1px solid rgba(6,182,212,.3);color:#06b6d4;border-radius:20px;font-size:12px;font-weight:600}.sh-chip-member{padding:3px 9px;background:#06b6d41a;border:1px solid rgba(6,182,212,.2);color:#06b6d4;border-radius:14px;font-size:11px;font-weight:600}.sh-search-input{width:100%;padding:11px 16px;background:#00000073;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;font-size:14px;outline:none;box-sizing:border-box;transition:border-color .25s,box-shadow .25s}.sh-search-input:focus{border-color:#06b6d466;box-shadow:0 0 0 3px #06b6d412}.sh-search-input::-moz-placeholder{color:#ffffff40}.sh-search-input::placeholder{color:#ffffff40}.sh-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:sh-fade-in .2s ease}.sh-modal{background:#0a0a0afa;border:1px solid rgba(6,182,212,.2);border-radius:22px;padding:32px;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 70px #000000b3,0 0 40px #06b6d40a;animation:sh-slide-up .3s cubic-bezier(.4,0,.2,1)}.sh-modal-title{font-size:22px;font-weight:800;color:#fff;margin:0 0 6px}.sh-modal-subtitle{font-size:13px;color:#ffffff59;margin:0 0 24px}.sh-input-field{width:100%;padding:12px 16px;background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:11px;color:#fff;font-size:14px;outline:none;box-sizing:border-box;transition:border-color .25s,box-shadow .25s;resize:none}.sh-input-field:focus{border-color:#06b6d466;box-shadow:0 0 0 3px #06b6d40f}.sh-input-field::-moz-placeholder{color:#ffffff40}.sh-input-field::placeholder{color:#ffffff40}.sh-invite-layout{display:flex;gap:20px;align-items:flex-start}.sh-invite-sidebar{width:210px;flex-shrink:0;position:sticky;top:24px}.sh-invite-main{flex:1;min-width:0}.sh-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.sh-stat-card{background:#171717b3;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:18px 16px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d;transition:all .3s ease}.sh-stat-card:hover{border-color:#06b6d433;box-shadow:0 8px 32px #06b6d41a;transform:translateY(-2px)}.sh-stat-value{font-size:30px;font-weight:800;color:#06b6d4;line-height:1;margin-bottom:8px}.sh-stat-label{font-size:11px;color:#fff6;text-transform:uppercase;letter-spacing:.8px;font-weight:600}.sh-ref-box{display:flex;align-items:center;gap:12px;background:#06b6d40d;border:1px solid rgba(6,182,212,.18);border-radius:12px;padding:13px 16px;margin-bottom:14px}.sh-ref-link{flex:1;font-size:13px;color:#ffffff8c;font-family:Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-progress-track{width:100%;height:6px;background:#ffffff12;border-radius:3px;overflow:hidden}.sh-progress-fill{height:100%;background:linear-gradient(90deg,#06b6d4,#10b981);border-radius:3px;transition:width .7s cubic-bezier(.4,0,.2,1)}.sh-lb-title{font-size:11px;font-weight:700;color:#06b6d4;text-transform:uppercase;letter-spacing:1px;margin:0 0 14px;display:flex;align-items:center;gap:6px}.sh-lb-item{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:9px;transition:background .2s}.sh-lb-item:hover{background:#ffffff08}.sh-lb-rank{font-size:12px;font-weight:700;color:#ffffff40;width:20px;text-align:center;flex-shrink:0}.sh-lb-rank-gold{color:#f59e0b}.sh-lb-rank-silver{color:#94a3b8}.sh-lb-rank-bronze{color:#b45309}.sh-lb-name{flex:1;font-size:12px;color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-lb-score{font-size:11px;font-weight:700;color:#06b6d4}.sh-lb-me{background:#06b6d40f!important;border:1px solid rgba(6,182,212,.15)}.sh-invite-item{display:flex;align-items:center;gap:14px;padding:13px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:border-color .2s,background .2s;margin-bottom:8px}.sh-invite-item:hover{border-color:#06b6d426;background:#06b6d408}.sh-friend-item{display:flex;align-items:center;gap:14px;padding:13px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:13px;transition:all .25s ease;margin-bottom:10px}.sh-friend-item:hover{border-color:#06b6d426;background:#06b6d408;box-shadow:0 4px 20px #0003}.sh-sub-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:2px}.sh-sub-tab{padding:8px 18px;background:none;border:none;border-bottom:2px solid transparent;color:#ffffff61;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:color .2s;margin-bottom:-1px}.sh-sub-tab:hover{color:#ffffffa6}.sh-sub-tab-active{color:#06b6d4!important;border-bottom:2px solid #06b6d4}.sh-clubs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-bottom:24px}.sh-club-card{background:#171717bf;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:18px 20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d}.sh-club-card:hover{transform:translateY(-5px);border-color:#06b6d44d;box-shadow:0 14px 40px #06b6d41f}.sh-club-card-mine{border-color:#06b6d42e!important;background:#06b6d40a!important}.sh-club-name{font-size:15px;font-weight:700;color:#fff;margin-bottom:7px}.sh-club-desc{font-size:12px;color:#ffffff61;line-height:1.55;margin-bottom:13px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sh-club-meta{font-size:12px;color:#ffffff4d;display:flex;align-items:center;gap:8px}.sh-code-display{font-family:Courier New,monospace;font-size:22px;font-weight:800;letter-spacing:5px;color:#06b6d4;background:#06b6d412;border:1px solid rgba(6,182,212,.22);padding:11px 20px;border-radius:11px;-webkit-user-select:all;-moz-user-select:all;user-select:all}.sh-empty{text-align:center;padding:48px 20px;color:#ffffff4d}.sh-empty-icon{font-size:48px;margin-bottom:16px}.sh-empty-text{font-size:14px;line-height:1.7}.sh-pag{display:flex;gap:8px;justify-content:center;margin-top:20px}.sh-pag-btn{padding:6px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffff73;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.sh-pag-btn:hover,.sh-pag-btn-active{background:#06b6d424;border-color:#06b6d461;color:#06b6d4}.sh-tier-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 15px;border-radius:20px;font-size:13px;font-weight:700}.sh-tier-none{color:#fff6;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.sh-tier-mentor{color:#f59e0b;background:#f59e0b1f;border:1px solid rgba(245,158,11,.25)}.sh-tier-ambassador{color:#a855f7;background:#a855f71f;border:1px solid rgba(168,85,247,.25)}.sh-detail-page{min-height:100vh;background:#0a0a0a;padding:28px 24px 48px;max-width:860px;margin:0 auto;color:#fff;position:relative}.sh-detail-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 40%,rgba(6,182,212,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.sh-detail-page>*{position:relative;z-index:1}.sh-back-btn{background:none;border:none;color:#fff6;font-size:14px;cursor:pointer;padding:4px 0;margin-bottom:20px;display:inline-flex;align-items:center;gap:6px;transition:color .2s}.sh-back-btn:hover{color:#06b6d4}.sh-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}.sh-detail-title{font-size:28px;font-weight:800;margin:0 0 6px;color:#fff}.sh-detail-desc{font-size:14px;color:#ffffff73;margin:0 0 10px}.sh-owner-badge{display:inline-flex;align-items:center;padding:3px 10px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);color:#fbbf24;border-radius:12px;font-size:11px;font-weight:700}.sh-member-row{display:flex;align-items:center;gap:13px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.sh-member-row:last-child{border-bottom:none}.sh-step{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}.sh-step-num{width:30px;height:30px;border-radius:50%;background:#06b6d41f;border:1px solid rgba(6,182,212,.3);display:flex;align-items:center;justify-content:center;color:#06b6d4;font-size:13px;font-weight:700;flex-shrink:0}.sh-step-text{margin:0;padding-top:4px;font-size:13px;color:#ffffff8c;line-height:1.65}@keyframes sh-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sh-slide-up{0%{transform:translateY(22px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sh-spin{to{transform:rotate(360deg)}}.sh-spinner{width:44px;height:44px;border:4px solid rgba(6,182,212,.15);border-top-color:#06b6d4;border-radius:50%;animation:sh-spin .75s linear infinite;margin:80px auto}.sh-guest-lock{display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 24px 64px;max-width:480px;margin:0 auto}.sh-guest-lock-icon{font-size:64px;margin-bottom:20px;filter:drop-shadow(0 0 24px rgba(168,85,247,.5))}.sh-guest-lock-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:-.3px}.sh-guest-lock-desc{font-size:14px;color:#ffffff8c;margin:0 0 28px}.sh-guest-lock-features{display:flex;flex-direction:column;gap:14px;width:100%;margin-bottom:36px}.sh-guest-lock-feature{display:flex;align-items:center;gap:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 18px;font-size:14px;color:#ffffffd9;text-align:left}.sh-guest-lock-feature-icon{font-size:22px;flex-shrink:0}.sh-guest-lock-btn{background:linear-gradient(135deg,#a855f7,#06b6d4);border:none;border-radius:12px;padding:14px 32px;font-size:15px;font-weight:700;color:#fff;cursor:pointer;letter-spacing:.2px;transition:opacity .2s,transform .15s;box-shadow:0 4px 24px #a855f759}.sh-guest-lock-btn:hover{opacity:.88;transform:translateY(-1px)}@media (max-width: 768px){.sh-page,.sh-detail-page{padding:14px 12px 40px}.sh-title{font-size:26px}.sh-tabs{width:100%;overflow-x:auto}.sh-tab{padding:8px 14px;font-size:13px}.sh-invite-layout{flex-direction:column}.sh-invite-sidebar{width:100%;position:static}.sh-stat-grid,.sh-clubs-grid{grid-template-columns:repeat(2,1fr)}.sh-detail-header{flex-direction:column}}@media (max-width: 480px){.sh-stat-grid{grid-template-columns:repeat(2,1fr)}.sh-clubs-grid{grid-template-columns:1fr}}@keyframes sh-pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.sh-online-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;background:#10b981;border-radius:50%;border:2px solid #0a0a0a;animation:sh-pulse 2s infinite}.sh-online-bar{margin-bottom:0}.sh-online-list{display:flex;flex-wrap:wrap;gap:10px}.sh-online-friend{display:flex;align-items:center;gap:8px;background:#10b98112;border:1px solid rgba(16,185,129,.15);border-radius:30px;padding:6px 12px 6px 6px;transition:background .2s}.sh-online-friend:hover{background:#10b98124}.sh-online-name{font-size:13px;font-weight:600;color:#fff;white-space:nowrap}.sh-btn-challenge{background:linear-gradient(135deg,#06b6d433,#06b6d41a);border:1px solid rgba(6,182,212,.35);color:#06b6d4;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s;white-space:nowrap}.sh-btn-challenge:hover{background:#06b6d44d;transform:scale(1.05)}.sh-feed-layout{display:flex;flex-direction:column;gap:18px}.sh-feed-cols{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start}.sh-feed-main{display:flex;flex-direction:column;gap:0}.sh-feed-side{display:flex;flex-direction:column;gap:16px}.sh-feed-event{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.sh-feed-event:last-child{border-bottom:none;padding-bottom:4px}.sh-feed-icon{font-size:22px;flex-shrink:0;width:32px;text-align:center;line-height:1.3}.sh-feed-body{flex:1}.sh-feed-text{font-size:14px;color:#ffffffd9;line-height:1.5;margin-bottom:4px}.sh-feed-text strong{color:#fff}.sh-feed-text em{color:#06b6d4;font-style:normal}.sh-feed-meta{font-size:12px;color:#ffffff4d}.sh-live-event{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 14px;margin-bottom:10px;transition:border-color .2s}.sh-live-event:last-child{margin-bottom:0}.sh-live-event:hover{border-color:#06b6d440}.sh-live-event-name{font-size:14px;font-weight:600;color:#fff;margin-bottom:5px}.sh-live-event-meta{font-size:12px;margin-bottom:10px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.sh-live-badge{background:#ef444433;color:#f87171;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700}.sh-lobby-badge{background:#eab30833;color:#fbbf24;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700}.sh-soon-badge{background:#8b5cf633;color:#a78bfa;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700}.sh-btn-join{width:100%;padding:7px 0;background:linear-gradient(135deg,#06b6d433,#06b6d41a);border:1px solid rgba(6,182,212,.35);border-radius:8px;color:#06b6d4;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.sh-btn-join:hover{background:#06b6d44d}@media (max-width: 900px){.sh-feed-cols{grid-template-columns:1fr}}@media (max-width: 600px){.sh-online-list{gap:8px}.sh-online-friend{padding:5px 10px 5px 5px}}.sh-club-detail-cols{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:start}.sh-club-detail-left{display:flex;flex-direction:column;gap:16px}.sh-club-detail-right{display:flex;flex-direction:column}.sh-members-pagination{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:10px}.sh-members-page-btn{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffe0;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.sh-members-page-btn:hover:not(:disabled){border-color:#06b6d466;color:#67e8f9;background:#06b6d424}.sh-members-page-btn:disabled{opacity:.35;cursor:not-allowed}.sh-members-page-indicator{font-size:12px;color:#ffffff85;font-weight:600}.sh-club-chat{background:#171717b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.07);border-radius:14px;display:flex;flex-direction:column;height:520px;overflow:hidden}.sh-club-chat-header{padding:14px 18px;font-size:15px;font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.sh-club-chat-hint{font-size:11px;font-weight:400;color:#ffffff40}.sh-club-chat-messages{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.sh-club-chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffff4d;font-size:14px;text-align:center;padding:40px 0}.sh-msg-row{display:flex;align-items:flex-end;gap:8px;max-width:82%}.sh-msg-row-me{align-self:flex-end;flex-direction:row-reverse}.sh-msg-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#0e7490);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sh-msg-bubble-wrap{display:flex;flex-direction:column;gap:2px;max-width:100%}.sh-msg-name{font-size:11px;font-weight:600;color:#ffffff73;padding-left:4px}.sh-msg-bubble{background:#ffffff12;border:1px solid rgba(255,255,255,.08);border-radius:14px 14px 14px 4px;padding:8px 12px;font-size:14px;color:#ffffffe6;line-height:1.45;word-break:break-word}.sh-msg-bubble-me{background:linear-gradient(135deg,#06b6d44d,#06b6d426);border-color:#06b6d440;border-radius:14px 14px 4px;color:#fff}.sh-msg-time{font-size:10px;color:#fff3;padding-left:4px}.sh-msg-time-me{text-align:right;padding-right:4px;padding-left:0}.sh-club-chat-input-row{display:flex;gap:8px;padding:12px 14px;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0}.sh-club-chat-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:22px;color:#fff;font-size:14px;padding:9px 16px;outline:none;transition:border-color .2s}.sh-club-chat-input::-moz-placeholder{color:#ffffff40}.sh-club-chat-input::placeholder{color:#ffffff40}.sh-club-chat-input:focus{border-color:#06b6d480}.sh-club-chat-send{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#0e7490);border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .2s,transform .15s}.sh-club-chat-send:disabled{opacity:.35;cursor:not-allowed}.sh-club-chat-send:not(:disabled):hover{transform:scale(1.1)}.sh-club-activity-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.sh-club-activity-list{display:flex;flex-direction:column;gap:10px}.sh-club-activity-empty{color:#ffffff59;font-size:13px;line-height:1.6;text-align:center;padding:16px 10px;background:#ffffff08;border:1px dashed rgba(255,255,255,.08);border-radius:12px}.sh-club-activity-item{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff08;color:#fff;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px;text-align:left;transition:transform .2s ease,border-color .2s ease,background .2s ease}.sh-club-activity-item:hover{transform:translateY(-1px);background:#06b6d414;border-color:#06b6d44d}.sh-club-activity-icon{width:34px;height:34px;border-radius:50%;background:#06b6d426;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.sh-club-activity-main{flex:1;min-width:0}.sh-club-activity-title{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-club-activity-subtitle{font-size:12px;color:#ffffff73;margin-top:2px}.sh-club-activity-meta{font-size:11px;color:#ffffff8c;margin-top:4px}.sh-club-activity-helper{font-size:11px;color:#67e8f9;margin-top:4px;line-height:1.4}.sh-club-activity-time{font-size:11px;color:#ffffff47;margin-top:4px}.sh-club-activity-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.sh-club-activity-status{font-size:10px;font-weight:700;letter-spacing:.4px;padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.1)}.sh-club-activity-status-active{background:#10b9812e;color:#34d399;border-color:#10b98173}.sh-club-activity-status-lobby,.sh-club-activity-status-waiting,.sh-club-activity-status-scheduled{background:#f59e0b29;color:#fbbf24;border-color:#f59e0b6b}.sh-club-activity-countdown{font-size:11px;color:#67e8f9;font-weight:600;white-space:nowrap}.sh-featured-activities-card{overflow:hidden}.sh-featured-activities-fullwidth{width:100%;margin-bottom:16px}.sh-featured-rail-wrap{position:relative;padding:0 38px}.sh-featured-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:999px;border:1px solid rgba(103,232,249,.45);background:#0f172ac7;color:#67e8f9;cursor:pointer;font-size:17px;font-weight:700;transition:all .2s ease;z-index:2}.sh-featured-nav-btn:hover:not(:disabled){border-color:#22d3eeb8;background:#06b6d43d;box-shadow:0 8px 20px #06b6d438}.sh-featured-nav-btn:disabled{opacity:.25;cursor:not-allowed}.sh-featured-nav-btn-left{left:2px}.sh-featured-nav-btn-right{right:2px}.sh-featured-activities-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,245px);gap:12px;overflow-x:auto;padding:2px 2px 6px}.sh-featured-activities-track::-webkit-scrollbar{height:7px}.sh-featured-activities-track::-webkit-scrollbar-thumb{background:#67e8f959;border-radius:999px}.sh-featured-activities-track::-webkit-scrollbar-track{background:transparent}.sh-featured-activity-card{border:1px solid rgba(6,182,212,.28);border-radius:14px;background:linear-gradient(160deg,#06b6d429,#0f172abf);color:#fff;text-align:left;padding:12px;cursor:pointer;min-height:132px;display:flex;flex-direction:column;gap:6px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.sh-featured-activity-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px #06b6d42e;border-color:#67e8f999}.sh-featured-activity-race{background:linear-gradient(155deg,#06b6d42e,#111827d1)}.sh-featured-activity-tournament{border-color:#f59e0b57;background:linear-gradient(155deg,#f59e0b33,#1e293bd1)}.sh-featured-activity-tournament:hover{border-color:#fbbf2494;box-shadow:0 10px 26px #f59e0b38}.sh-featured-activity-live{box-shadow:inset 0 0 0 1px #10b98159}.sh-featured-activity-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.sh-featured-activity-icon{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffff24;font-size:14px}.sh-featured-activity-title{font-size:13px;font-weight:700;color:#fff;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-featured-activity-subtitle{font-size:11px;color:#ffffffa6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-featured-activity-countdown{margin-top:auto;font-size:11px;color:#a5f3fc;font-weight:700}.sh-featured-activity-time{margin-top:auto;font-size:11px;color:#fff6}@media (max-width: 900px){.sh-club-detail-cols{grid-template-columns:1fr}.sh-club-chat{height:400px}.sh-club-activity-side{align-items:flex-start}.sh-club-activity-item{flex-wrap:wrap}.sh-featured-activities-track{grid-auto-columns:minmax(210px,230px)}.sh-featured-rail-wrap{padding:0 26px}.sh-featured-nav-btn{width:30px;height:30px;font-size:15px}}.sh-privacy-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;flex-shrink:0}.sh-privacy-public{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.sh-privacy-private{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.2)}.puzzles-container{display:flex;flex-wrap:wrap;min-height:calc(100vh - 80px);overflow:auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0a0a0a;position:relative}.puzzles-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.puzzles-left-panel{flex:0 0 350px;width:350px;min-width:280px;padding:25px;background:#171717b3;border-right:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:20px;box-shadow:4px 0 32px #00000080;z-index:10;overflow-y:auto;position:relative}.puzzles-right-panel{flex:1;background:#0a0a0a;display:flex;justify-content:center;align-items:center;padding:20px;overflow:auto;min-width:320px;min-height:500px;max-width:100%;position:relative;z-index:1}.puzzles-right-panel>div{max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center}@media (max-width: 1024px){.puzzles-left-panel{flex:0 0 300px;width:300px;padding:20px}.puzzles-right-panel{min-width:400px;padding:15px}}@media (max-width: 768px){.puzzles-container{flex-direction:column}.puzzles-left-panel{flex:1 1 100%;width:100%;min-width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.05);max-height:none;order:1;padding:15px}.puzzles-right-panel{flex:1 1 100%;width:100%;min-width:100%;max-width:100%;order:2;min-height:450px;padding:10px}}@media (max-width: 480px){.puzzles-left-panel{padding:10px;gap:12px}.puzzles-right-panel{padding:5px;min-height:380px}}.training-stats-grid{display:flex!important;flex-direction:row!important;gap:12px!important;margin-bottom:30px;width:100%}.training-stats-grid>div{flex:1}@media (max-width: 768px){.training-stats-grid{gap:10px!important;margin-bottom:20px}}@media (max-width: 480px){.training-stats-grid{gap:8px!important;margin-bottom:15px}}.training-completion-container{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center;background:transparent;border:none;padding:0;border-radius:0;box-shadow:none;max-width:900px;width:100%}.training-completion-title{font-size:32px;margin-bottom:10px;color:#fff;font-weight:700}.training-completion-description{color:#9ca3af;margin-bottom:40px;font-size:18px}@media (max-width: 768px){.training-completion-container{padding:40px 30px;border-radius:16px;max-width:100%}.training-completion-title{font-size:28px}.training-completion-description{font-size:16px;margin-bottom:30px}}@media (max-width: 480px){.training-completion-container{padding:30px 20px;border-radius:12px}.training-completion-title{font-size:24px;margin-bottom:8px}.training-completion-description{font-size:14px;margin-bottom:25px}}.puzzle-completion-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:8px;font-size:13px}.puzzle-completion-details{display:flex;flex-direction:column;gap:4px}.puzzle-completion-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}@media (max-width: 480px){.puzzle-completion-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.puzzle-completion-meta{flex-direction:column;align-items:flex-start;gap:4px}.puzzle-completion-status{align-self:flex-end;font-size:12px}}.current-rating-section{margin-bottom:30px;padding:20px;background:#06b6d426;border:1px solid rgba(6,182,212,.2);border-radius:16px;width:100%}.puzzles-table thead th{font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid rgba(0,0,0,.06)}.puzzles-table tbody tr td{color:#334155;background:transparent}@media (max-width: 480px){.puzzles-table thead{display:none}.puzzles-table tbody tr{display:block;margin-bottom:10px;border-top:none}.puzzles-table tbody tr td{display:flex;justify-content:space-between;padding:8px 10px}}.current-rating-label{font-size:13px;color:#9ca3af;text-transform:uppercase;letter-spacing:1px;font-weight:700}.current-rating-value{font-size:42px;font-weight:800;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:5px;line-height:1}@media (max-width: 480px){.current-rating-section{margin-bottom:20px;padding:16px;border-radius:12px}.current-rating-value{font-size:32px}}.training-completion-button{display:flex;gap:15px;justify-content:center;margin-top:30px;width:100%}@media (max-width: 480px){.training-completion-button{margin-top:20px}}.puzzles-solved-section{width:100%}.training-stats-grid>div:nth-child(1){padding:16px;background:#10b98126;border:1px solid rgba(16,185,129,.2);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.training-stats-grid>div:nth-child(2){padding:16px;background:#ef444426;border:1px solid rgba(239,68,68,.2);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.training-stats-grid>div:nth-child(1)>div:first-child{font-size:32px;font-weight:800;color:#10b981}.training-stats-grid>div:nth-child(1)>div:last-child{color:#67e8f9;font-weight:600;font-size:14px}.training-stats-grid>div:nth-child(2)>div:first-child{font-size:32px;font-weight:800;color:#ef4444}.training-stats-grid>div:nth-child(2)>div:last-child{color:#fca5a5;font-weight:600;font-size:14px}.puzzle-completion-details>div:first-child{font-weight:700;color:#fff}.puzzle-completion-meta>span:first-child{color:#9ca3af}.puzzle-completion-status{font-weight:700}.puzzles-container.summary-mode .puzzles-left-panel{display:none!important}.puzzles-container.summary-mode .puzzles-right-panel{flex:1 1 100%!important;width:100%!important;max-width:100%!important;align-items:flex-start!important;padding:30px 20px!important}.puzzles-container.summary-mode .puzzles-right-panel>div{align-items:flex-start!important;justify-content:flex-start!important}.training-completion-container.has-review{max-width:900px}@media (max-width: 600px){.training-completion-container{max-width:100%}}.puzzles-hub-container{min-height:100vh;background:#0a0a0a;color:#fff;font-family:Poppins,sans-serif;padding:28px 20px 40px;position:relative;overflow:hidden}.puzzles-hub-container:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 40%,rgba(6,182,212,.07) 0%,transparent 50%),radial-gradient(circle at 85% 75%,rgba(245,158,11,.06) 0%,transparent 50%);pointer-events:none;z-index:0;animation:pulse-bg 8s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hub-main-layout{display:grid;grid-template-columns:420px 1fr;gap:20px;max-width:1200px;margin:0 auto 22px;position:relative;z-index:1;animation:fadeInUp .7s ease-out}.hub-picture-card{width:420px;height:420px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,#0f1520,#0a0f1a);box-shadow:0 24px 60px #000000b3,0 0 0 1px #06b6d40f;flex-shrink:0;position:relative}.hub-picture-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.hub-picture-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(rgba(255,255,255,.03) 0% 25%,transparent 0% 50%) 0 0 / 80px 80px;pointer-events:none;z-index:0}.hub-picture-overlay{position:absolute;bottom:20px;left:20px;z-index:2}.hub-picture-badge{background:#06b6d42e;border:1px solid rgba(6,182,212,.35);color:#06b6d4;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hub-right-col{display:flex;flex-direction:column;gap:16px;height:420px}.hub-daily-hero{flex:1;border-radius:24px;background:linear-gradient(145deg,#140e00d9,#1e1400e6);border:1px solid rgba(245,158,11,.25);box-shadow:0 20px 50px -10px #f59e0b33,inset 0 0 60px #f59e0b0a;padding:28px 30px;text-decoration:none;color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.hub-daily-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#f59e0b14,#fbbf240a);opacity:0;transition:opacity .3s ease}.hub-daily-hero:hover:before{opacity:1}.hub-daily-hero:hover{transform:translateY(-6px);border-color:#f59e0b73;box-shadow:0 30px 60px -10px #f59e0b59,inset 0 0 60px #f59e0b12}.hub-daily-badge{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#000;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;padding:5px 12px;border-radius:999px;z-index:1}.hub-daily-icon{font-size:64px;margin-bottom:12px;position:relative;z-index:1;filter:drop-shadow(0 0 20px rgba(245,158,11,.5));line-height:1}.hub-daily-body{flex:1;position:relative;z-index:1}.hub-daily-title{font-family:Orbitron,sans-serif;font-size:30px;font-weight:900;margin:0 0 10px;background:linear-gradient(135deg,#f59e0b,#fbbf24 60%,#fde68a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.hub-daily-desc{font-size:14px;color:#ffffffa6;margin:0 0 16px;line-height:1.6}.hub-daily-stats{display:flex;gap:12px;flex-wrap:wrap}.hub-daily-stat{background:#f59e0b1f;border:1px solid rgba(245,158,11,.2);color:#fbbf24;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600}.hub-daily-cta{margin-top:20px;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#000;font-weight:800;font-size:15px;letter-spacing:.5px;padding:14px 20px;border-radius:14px;text-align:center;position:relative;z-index:1;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 24px #f59e0b66}.hub-daily-hero:hover .hub-daily-cta{transform:translateY(-2px);box-shadow:0 12px 32px #f59e0b8c}.hub-arcade-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex-shrink:0}.hub-mini-card{border-radius:20px;padding:20px;text-decoration:none;color:#fff;display:flex;align-items:center;gap:14px;background:#141923b3;border:1px solid rgba(255,255,255,.07);box-shadow:0 8px 24px #00000080;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden}.hub-mini-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s ease}.hub-mini--ttt:before{background:linear-gradient(135deg,#f43f5e24,#fb718514)}.hub-mini--bingo:before{background:linear-gradient(135deg,#06b6d424,#3b82f614)}.hub-mini-card:hover:before{opacity:1}.hub-mini--ttt:hover{transform:translateY(-5px);border-color:#f43f5e59;box-shadow:0 16px 40px #f43f5e40}.hub-mini--bingo:hover{transform:translateY(-5px);border-color:#06b6d459;box-shadow:0 16px 40px #06b6d440}.hub-mini-icon{font-size:36px;flex-shrink:0;position:relative;z-index:1;filter:drop-shadow(0 0 10px rgba(255,255,255,.2))}.hub-mini-body{flex:1;position:relative;z-index:1}.hub-mini-tag{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.6px;font-weight:700;color:#9ca3af;margin-bottom:3px}.hub-mini--ttt .hub-mini-tag{color:#fb7185}.hub-mini--bingo .hub-mini-tag{color:#38bdf8}.hub-mini-title{font-size:18px;font-weight:800;margin:0 0 2px;color:#fff}.hub-mini-desc{font-size:12px;color:#ffffff80;margin:0}.hub-mini-arrow{font-size:20px;font-weight:700;color:#ffffff4d;position:relative;z-index:1;transition:transform .3s ease,color .3s ease;flex-shrink:0}.hub-mini--ttt:hover .hub-mini-arrow{color:#fb7185;transform:translate(4px)}.hub-mini--bingo:hover .hub-mini-arrow{color:#38bdf8;transform:translate(4px)}.hub-focus-card{display:flex;align-items:center;gap:28px;max-width:1200px;margin:0 auto 22px;position:relative;z-index:1;text-decoration:none;color:#fff;border-radius:26px;padding:32px 36px;background:linear-gradient(145deg,#061e28e6,#04141cf2);border:1px solid rgba(6,182,212,.22);box-shadow:0 20px 50px -10px #06b6d42e,inset 0 0 60px #06b6d40a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;animation:fadeInUp .9s ease-out}.hub-focus-card:hover{transform:translateY(-5px);border-color:#06b6d466;box-shadow:0 28px 64px -10px #06b6d44d,inset 0 0 60px #06b6d412}.hub-focus-left-glow{position:absolute;left:-60px;top:50%;transform:translateY(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(6,182,212,.25) 0%,transparent 70%);pointer-events:none}.hub-focus-icon-wrap{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}.hub-focus-big-icon{font-size:58px;filter:drop-shadow(0 0 24px rgba(6,182,212,.6));line-height:1}.hub-focus-active-badge{background:linear-gradient(135deg,#06b6d4,#10b981);color:#000;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:4px 10px;border-radius:999px;white-space:nowrap}.hub-focus-info{flex:1;position:relative;z-index:1}.hub-focus-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#06b6d4;font-weight:700;margin:0 0 6px}.hub-focus-title{font-family:Orbitron,sans-serif;font-size:24px;font-weight:900;margin:0 0 8px;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.hub-focus-desc{font-size:13px;color:#ffffff8c;margin:0 0 16px}.hub-focus-meta{display:flex;flex-direction:column;gap:10px}.hub-focus-status-row{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse-dot{0%,to{box-shadow:0 0 6px #10b981}50%{box-shadow:0 0 14px #10b981}}.hub-focus-status-text{font-size:13px;font-weight:600;color:#10b981}.hub-focus-progress-wrap{display:flex;flex-direction:column;gap:5px;max-width:320px}.hub-focus-progress-labels{display:flex;justify-content:space-between;font-size:11px;color:#fff6}.hub-focus-bar{height:6px;background:#ffffff14;border-radius:999px;overflow:hidden}.hub-focus-bar-fill{height:100%;background:linear-gradient(90deg,#06b6d4,#10b981);border-radius:999px;transition:width .6s ease}.hub-focus-right{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;z-index:1}.hub-focus-xp-badge{background:#06b6d41a;border:1px solid rgba(6,182,212,.3);border-radius:18px;padding:14px 24px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hub-focus-xp-number{display:block;font-family:Orbitron,sans-serif;font-size:26px;font-weight:900;color:#06b6d4;line-height:1;margin-bottom:4px}.hub-focus-xp-label{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.6px}.hub-focus-cta{background:linear-gradient(135deg,#06b6d4,#10b981);color:#000;font-weight:800;font-size:14px;padding:13px 24px;border-radius:14px;text-align:center;white-space:nowrap;box-shadow:0 8px 24px #06b6d466;transition:transform .2s ease,box-shadow .2s ease}.hub-focus-card:hover .hub-focus-cta{transform:translateY(-2px);box-shadow:0 12px 32px #06b6d48c}.action-bar{background:#171717b3;border-radius:20px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;padding:22px 28px;display:flex;gap:16px;align-items:center;justify-content:center;max-width:1200px;margin:0 auto 40px;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp 1s ease-out}.action-button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;font-family:Poppins,sans-serif;position:relative;overflow:hidden}.action-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .5s,height .5s}.btn-icon{font-size:22px;position:relative;z-index:1}.btn-text{position:relative;z-index:1;letter-spacing:.4px}.scoreboard-btn{background:linear-gradient(135deg,#06b6d42e,#10b9812e);color:#06b6d4;border:1px solid rgba(6,182,212,.28)}.scoreboard-btn:hover{background:linear-gradient(135deg,#06b6d447,#10b98147);box-shadow:0 8px 24px #06b6d459;transform:translateY(-3px)}.contest-btn{background:linear-gradient(135deg,#10b9812e,#f59e0b2e);color:#10b981;border:1px solid rgba(16,185,129,.28)}.contest-btn:hover{background:linear-gradient(135deg,#10b98147,#f59e0b47);box-shadow:0 8px 24px #10b98159;transform:translateY(-3px)}.rules-btn{background:linear-gradient(135deg,#f59e0b2e,#ef44442e);color:#f59e0b;border:1px solid rgba(245,158,11,.28)}.rules-btn:hover{background:linear-gradient(135deg,#f59e0b47,#ef444447);box-shadow:0 8px 24px #f59e0b59;transform:translateY(-3px)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease-out}.modal-content{background:#171717f7;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #000000b3;max-width:600px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideInScale .35s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:26px 30px;border-bottom:2px solid rgba(6,182,212,.2);background:linear-gradient(135deg,#06b6d414,#10b98114)}.modal-title{font-family:Orbitron,sans-serif;font-size:24px;font-weight:900;color:#fff;margin:0;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;width:38px;height:38px;border-radius:10px;font-size:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0}.modal-body{padding:28px 30px;overflow-y:auto;flex:1}.rules-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:18px}.rule-item{display:flex;gap:14px;align-items:flex-start;animation:slideInLeft .5s ease-out backwards}.rule-item:nth-child(1){animation-delay:.05s}.rule-item:nth-child(2){animation-delay:.1s}.rule-item:nth-child(3){animation-delay:.15s}.rule-item:nth-child(4){animation-delay:.2s}.rule-item:nth-child(5){animation-delay:.25s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.rule-number{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;box-shadow:0 4px 12px #06b6d459}.rule-text{color:#d1d5db;font-size:15px;line-height:1.7;flex:1}.modal-footer{padding:20px 30px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:center}.modal-action-btn{padding:13px 40px;background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;font-family:Poppins,sans-serif;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 6px 20px #06b6d466}.modal-action-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #06b6d48c}@media (max-width: 1100px){.hub-main-layout{grid-template-columns:1fr}.hub-picture-card{width:100%;height:220px}.hub-right-col{height:auto}}@media (max-width: 640px){.hub-focus-card{flex-direction:column;text-align:center;padding:24px 20px}.hub-focus-right,.hub-focus-xp-badge,.hub-focus-cta{width:100%}.hub-arcade-row{grid-template-columns:1fr}.action-bar{flex-direction:column}.action-button{width:100%}}.puzzles-hub-container{min-height:100vh;background:#0a0a0a;color:#fff;font-family:Poppins,sans-serif;padding:30px 20px;position:relative;overflow:hidden}.puzzles-hub-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(6,182,212,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.08) 0%,transparent 50%);pointer-events:none;z-index:0;animation:pulse-bg 8s ease-in-out infinite}@keyframes pulse-bg{0%,to{opacity:.5}50%{opacity:1}}.puzzles-hub-header{text-align:center;margin-bottom:50px;position:relative;z-index:1;animation:slideDown .6s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.puzzles-hub-title{font-family:Orbitron,sans-serif;font-size:56px;font-weight:900;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 15px;letter-spacing:2px;text-shadow:0 0 40px rgba(6,182,212,.3);filter:drop-shadow(0 4px 12px rgba(6,182,212,.4))}.puzzles-hub-subtitle{font-size:18px;color:#9ca3af;margin:0;font-weight:400;letter-spacing:.5px}.first-row{display:grid;grid-template-columns:60% 40%;gap:8px;margin-bottom:30px;position:relative;z-index:1;max-width:1400px;margin-left:auto;margin-right:auto;animation:fadeInUp .8s ease-out}.arcade-selection-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.arcade-mode-card{background:#1419239e;border:1px solid rgba(255,255,255,.07);border-radius:24px;padding:26px;display:flex;flex-direction:column;min-height:350px;text-decoration:none;color:#fff;box-shadow:0 20px 30px -15px #0009,0 0 0 1px #ffffff08;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden}.arcade-mode-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s ease}.ttt-mode-card:before{background:linear-gradient(135deg,#f43f5e24,#fb71851a)}.bingo-mode-card:before{background:linear-gradient(135deg,#06b6d424,#3b82f61a)}.arcade-mode-card:hover:before{opacity:1}.arcade-mode-card:hover{transform:translateY(-8px);border-color:#ffffff29;box-shadow:0 30px 50px -20px #000c,0 0 0 1px #ffffff1a,inset 0 0 30px #06b6d41a}.arcade-mode-icon,.arcade-mode-content,.arcade-mode-cta{position:relative;z-index:1}.arcade-mode-icon{font-size:58px;margin-bottom:18px;filter:drop-shadow(0 0 20px rgba(6,182,212,.3))}.arcade-mode-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.arcade-mode-title{margin:0;font-size:26px;font-weight:800;letter-spacing:-.01em;color:#fff}.arcade-mode-tag{padding:4px 10px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.6px;border:1px solid rgba(255,255,255,.2);color:#9bdcff;background:#06b6d424}.arcade-mode-description{margin:0;color:#ffffffa6;font-size:14px;line-height:1.6}.arcade-mode-cta{margin-top:auto;width:100%;padding:14px 18px;border-radius:14px;text-align:center;color:#fff;font-weight:700;letter-spacing:.3px;transition:transform .2s ease,box-shadow .2s ease}.ttt-mode-card .arcade-mode-cta{background:linear-gradient(135deg,#f43f5e,#fb7185);box-shadow:0 8px 20px -5px #f43f5e8c,0 0 0 1px #ffffff1a inset}.bingo-mode-card .arcade-mode-cta{background:linear-gradient(135deg,#06b6d4,#3b82f6);box-shadow:0 8px 20px -5px #06b6d48c,0 0 0 1px #ffffff1a inset}.arcade-mode-card:hover .arcade-mode-cta{transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.right-panel{display:flex;flex-direction:column;gap:20px;align-items:center}.quick-card{background:#171717b3;border-radius:20px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;padding:28px 24px;display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;max-width:350px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:1}.quick-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#06b6d40d,#10b9810d);opacity:0;transition:opacity .4s ease}.quick-card:hover:before{opacity:1}.quick-card:hover{transform:translate(8px) translateY(-4px);box-shadow:0 12px 40px #06b6d44d;border-color:#06b6d44d}.card-icon{font-size:48px;flex-shrink:0;filter:drop-shadow(0 4px 12px rgba(6,182,212,.4));transition:transform .4s ease;position:relative;z-index:1}.quick-card:hover .card-icon{transform:scale(1.15) rotate(5deg)}.card-content{flex:1;position:relative;z-index:1}.card-title{font-size:22px;font-weight:700;color:#fff;margin:0 0 6px;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-description{font-size:14px;color:#9ca3af;margin:0;line-height:1.4}.card-arrow{font-size:28px;color:#06b6d4;font-weight:700;transition:transform .4s ease;position:relative;z-index:1}.quick-card:hover .card-arrow{transform:translate(8px)}.action-bar{background:#171717b3;border-radius:20px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;padding:25px 30px;display:flex;gap:20px;align-items:center;justify-content:center;margin:0 auto 40px;position:relative;z-index:1;max-width:1400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp 1s ease-out}.action-button{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 28px;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.action-button:hover:before{width:300px;height:300px}.btn-icon{font-size:24px;position:relative;z-index:1}.btn-text{position:relative;z-index:1;letter-spacing:.5px}.scoreboard-btn{background:linear-gradient(135deg,#06b6d433,#10b98133);color:#06b6d4;border:1px solid rgba(6,182,212,.3)}.scoreboard-btn:hover{background:linear-gradient(135deg,#06b6d44d,#10b9814d);box-shadow:0 8px 24px #06b6d466;transform:translateY(-4px)}.contest-btn{background:linear-gradient(135deg,#10b98133,#f59e0b33);color:#10b981;border:1px solid rgba(16,185,129,.3)}.contest-btn:hover{background:linear-gradient(135deg,#10b9814d,#f59e0b4d);box-shadow:0 8px 24px #10b98166;transform:translateY(-4px)}.rules-btn{background:linear-gradient(135deg,#f59e0b33,#ef444433);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.rules-btn:hover{background:linear-gradient(135deg,#f59e0b4d,#ef44444d);box-shadow:0 8px 24px #f59e0b66;transform:translateY(-4px)}.puzzle-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;max-width:1400px;margin:0 auto;position:relative;z-index:1;animation:fadeInUp 1.2s ease-out}.puzzle-option-card{background:#171717b3;border-radius:20px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080;padding:32px 28px;text-align:center;cursor:pointer;text-decoration:none;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.puzzle-option-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#06b6d40d,#10b9810d);opacity:0;transition:opacity .4s ease}.puzzle-option-card:hover:before{opacity:1}.puzzle-option-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 16px 48px #06b6d44d;border-color:#06b6d44d}.option-icon{font-size:64px;margin-bottom:20px;filter:drop-shadow(0 4px 12px rgba(6,182,212,.3));transition:transform .4s ease;position:relative;z-index:1}.puzzle-option-card:hover .option-icon{transform:scale(1.15) rotate(-5deg)}.option-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 12px;position:relative;z-index:1;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.option-description{font-size:15px;color:#9ca3af;margin:0;line-height:1.6;position:relative;z-index:1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#171717f2;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #000000b3;max-width:600px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideInScale .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@keyframes slideInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:28px 32px;border-bottom:2px solid rgba(6,182,212,.2);background:linear-gradient(135deg,#06b6d41a,#10b9811a)}.modal-title{font-family:Orbitron,sans-serif;font-size:28px;font-weight:900;color:#fff;margin:0;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;width:40px;height:40px;border-radius:12px;font-size:24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0}.modal-close:hover{background:#ef444440;transform:rotate(90deg) scale(1.1)}.modal-body{padding:32px;overflow-y:auto;flex:1}.rules-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.rule-item{display:flex;gap:16px;align-items:flex-start;animation:slideInLeft .5s ease-out backwards}.rule-item:nth-child(1){animation-delay:.1s}.rule-item:nth-child(2){animation-delay:.2s}.rule-item:nth-child(3){animation-delay:.3s}.rule-item:nth-child(4){animation-delay:.4s}.rule-item:nth-child(5){animation-delay:.5s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.rule-number{background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;box-shadow:0 4px 12px #06b6d466}.rule-text{color:#d1d5db;font-size:16px;line-height:1.7;flex:1}.modal-footer{padding:24px 32px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:center}.modal-action-btn{padding:14px 40px;background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #06b6d466;letter-spacing:.5px}.modal-action-btn:hover{box-shadow:0 6px 24px #06b6d480;transform:translateY(-2px)}@media (max-width: 1024px){.first-row{grid-template-columns:1fr;gap:15px}.arcade-selection-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.right-panel{flex-direction:row}.action-bar{flex-wrap:wrap}.action-button{min-width:150px}}@media (max-width: 768px){.puzzles-hub-container{padding:20px 15px}.puzzles-hub-title{font-size:42px}.puzzles-hub-subtitle{font-size:16px}.right-panel{flex-direction:column}.arcade-selection-panel{grid-template-columns:1fr}.arcade-mode-card{min-height:260px;padding:20px}.arcade-mode-title{font-size:22px}.quick-card{padding:20px}.card-icon{font-size:40px}.card-title{font-size:18px}.action-bar{flex-direction:column;padding:20px}.action-button{width:100%;padding:16px 24px}.puzzle-options-grid{grid-template-columns:1fr;gap:20px}.modal-content{margin:20px}.modal-header,.modal-body,.modal-footer{padding:20px}.modal-title{font-size:24px}.rule-text{font-size:14px}}@media (max-width: 480px){.puzzles-hub-title{font-size:36px}.option-icon{font-size:52px}.option-title{font-size:20px}}.monthly-focus-section{margin:40px auto;max-width:1400px;animation:fadeInUp .8s ease-out}.monthly-focus-full-card{background:#171717b3;border:1px solid rgba(255,255,255,.05);border-radius:24px;box-shadow:0 8px 32px #00000080;padding:32px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-decoration:none;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.monthly-focus-full-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#06b6d40d,#10b9810d);opacity:0;transition:opacity .4s ease}.monthly-focus-full-card:hover:before{opacity:1}.monthly-focus-full-card:hover{transform:translateY(-6px);border-color:#06b6d44d;box-shadow:0 16px 48px #06b6d44d}.focus-card-header{display:flex;align-items:flex-start;gap:20px;flex:1}.focus-icon{font-size:3em;line-height:1;flex-shrink:0;position:relative;z-index:1;filter:drop-shadow(0 4px 12px rgba(6,182,212,.4));transition:transform .4s ease}.monthly-focus-full-card:hover .focus-icon{transform:scale(1.1) rotate(5deg)}.focus-content{flex:1;position:relative;z-index:1}.focus-title{margin:0 0 8px;font-size:1.5em;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.focus-description{margin:0 0 12px;color:#9ca3af;font-size:14px;font-weight:400}.focus-start-button{background:linear-gradient(135deg,#06b6d433,#10b98133);border:1px solid rgba(6,182,212,.3);color:#06b6d4;padding:14px 28px;border-radius:12px;font-weight:600;font-size:16px;transition:all .3s ease;position:relative;z-index:1;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.monthly-focus-full-card:hover .focus-start-button{background:linear-gradient(135deg,#06b6d44d,#10b9814d);transform:translate(6px);box-shadow:0 6px 20px #06b6d466}.quick-card.monthly-focus-card{background:#171717b3;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #00000080}.quick-card.monthly-focus-card:before{background:linear-gradient(135deg,#06b6d40d,#10b9810d)}.quick-card.monthly-focus-card:hover{border-color:#06b6d44d;box-shadow:0 12px 40px #06b6d44d}.focus-status{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:13px;color:#fffc}.status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;display:inline-block}.status-dot.active{background:#10b981;box-shadow:0 0 8px #10b98199;animation:pulse-green 2s infinite}.focus-progress{margin-top:8px;display:flex;flex-direction:column;gap:4px}.progress-text{font-size:12px;color:#ffffffb3}.progress-bar-mini{height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden;width:100%}.progress-fill-mini{height:100%;background:linear-gradient(90deg,#10b981,#06b6d4);border-radius:2px;transition:width .3s ease}@keyframes pulse-green{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width: 768px){.monthly-focus-section{margin:30px 20px}.monthly-focus-full-card{flex-direction:column;text-align:center;padding:24px;gap:20px}.focus-card-header{flex-direction:column;text-align:center;gap:16px}.focus-icon{font-size:2.5em;align-self:center}.focus-title{font-size:1.3em}.focus-start-button{width:100%;text-align:center;padding:16px 24px}.monthly-focus-full-card:hover .focus-start-button{transform:translateY(-2px) scale(1.02)}}.hub-focus-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#12141ebf;border:1px solid rgba(16,185,129,.2);border-radius:24px;padding:32px 40px;text-decoration:none;color:#fff;max-width:1400px;margin:0 auto 24px;position:relative;z-index:1;overflow:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;animation:fadeInUp .6s ease-out}.hub-focus-banner:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,#10b981,#06b6d4);border-radius:4px 0 0 4px}.hub-focus-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#10b9810f,#06b6d40f);opacity:0;transition:opacity .35s ease}.hub-focus-banner:hover:after{opacity:1}.hub-focus-banner:hover{transform:translateY(-4px);border-color:#10b98166;box-shadow:0 20px 50px #10b9812e}.hub-focus-left{display:flex;align-items:center;gap:24px;flex:1;position:relative;z-index:1}.hub-focus-icon{font-size:54px;flex-shrink:0;filter:drop-shadow(0 4px 16px rgba(16,185,129,.45));transition:transform .35s ease;line-height:1}.hub-focus-banner:hover .hub-focus-icon{transform:scale(1.1) rotate(8deg)}.hub-focus-info{flex:1}.hub-focus-label{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#10b981;margin:0 0 6px}.hub-focus-title{font-size:24px;font-weight:800;color:#fff;margin:0 0 4px;letter-spacing:-.02em}.hub-focus-desc{font-size:13px;color:#9ca3af;margin:0 0 12px}.hub-focus-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.hub-focus-status{display:flex;align-items:center;gap:7px;font-size:13px;color:#ffffffbf}.hub-focus-progress-wrap{display:flex;align-items:center;gap:8px}.hub-focus-progress-text{font-size:12px;color:#ffffff80;white-space:nowrap}.hub-focus-bar{width:100px;height:4px;background:#ffffff1a;border-radius:4px;overflow:hidden}.hub-focus-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#06b6d4);border-radius:4px;transition:width .4s ease}.hub-focus-cta{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;padding:14px 28px;border-radius:14px;font-weight:700;font-size:15px;white-space:nowrap;flex-shrink:0;position:relative;z-index:1;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 6px 20px #10b98166}.hub-focus-banner:hover .hub-focus-cta{transform:translate(5px);box-shadow:0 10px 28px #10b9818c}.hub-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1400px;margin:0 auto 24px;position:relative;z-index:1;animation:fadeInUp .8s ease-out}.hub-card{background:#12141eb3;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:26px 22px 22px;text-decoration:none;color:#fff;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;min-height:210px}.hub-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0;transition:opacity .3s ease;opacity:.65}.hub-card:hover:before{opacity:1}.hub-card--ttt:before{background:linear-gradient(90deg,#f43f5e,#fb7185)}.hub-card--bingo:before{background:linear-gradient(90deg,#06b6d4,#3b82f6)}.hub-card--daily:before{background:linear-gradient(90deg,#10b981,#06b6d4)}.hub-card--contest:before{background:linear-gradient(90deg,#f59e0b,#ef4444)}.hub-card:hover{transform:translateY(-7px)}.hub-card--ttt:hover{box-shadow:0 20px 40px #f43f5e38;border-color:#f43f5e4d}.hub-card--bingo:hover{box-shadow:0 20px 40px #06b6d438;border-color:#06b6d44d}.hub-card--daily:hover{box-shadow:0 20px 40px #10b98138;border-color:#10b9814d}.hub-card--contest:hover{box-shadow:0 20px 40px #f59e0b38;border-color:#f59e0b4d}.hub-card-icon{font-size:38px;line-height:1;transition:transform .3s ease}.hub-card:hover .hub-card-icon{transform:scale(1.18)}.hub-card-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 10px;border-radius:999px;border:1px solid;width:-moz-fit-content;width:fit-content}.hub-card--ttt .hub-card-tag{color:#fb7185;border-color:#f43f5e66;background:#f43f5e1a}.hub-card--bingo .hub-card-tag{color:#38bdf8;border-color:#06b6d466;background:#06b6d41a}.hub-card--daily .hub-card-tag{color:#34d399;border-color:#10b98166;background:#10b9811a}.hub-card--contest .hub-card-tag{color:#fbbf24;border-color:#f59e0b66;background:#f59e0b1a}.hub-card-title{font-size:20px;font-weight:800;color:#fff;margin:0;letter-spacing:-.02em}.hub-card-desc{font-size:13px;color:#ffffff80;margin:0;line-height:1.6;flex:1}.hub-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.hub-card-play{font-size:13px;font-weight:700;letter-spacing:.4px}.hub-card--ttt .hub-card-play{color:#fb7185}.hub-card--bingo .hub-card-play{color:#38bdf8}.hub-card--daily .hub-card-play{color:#34d399}.hub-card--contest .hub-card-play{color:#fbbf24}.hub-card-arrow{font-size:17px;font-weight:700;transition:transform .3s ease}.hub-card--ttt .hub-card-arrow{color:#fb7185}.hub-card--bingo .hub-card-arrow{color:#38bdf8}.hub-card--daily .hub-card-arrow{color:#34d399}.hub-card--contest .hub-card-arrow{color:#fbbf24}.hub-card:hover .hub-card-arrow{transform:translate(6px)}@media (max-width: 1024px){.hub-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.hub-focus-banner{flex-direction:column;align-items:flex-start;padding:24px 20px;gap:20px}.hub-focus-cta{width:100%;text-align:center}.hub-cards-grid{grid-template-columns:repeat(2,1fr);gap:12px}.hub-card{min-height:180px;padding:20px 16px 16px}.hub-card-icon{font-size:32px}.hub-card-title{font-size:17px}}.signup-request-page{min-height:100vh;background:#0a0a0a;padding:40px 20px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.signup-request-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.signup-form-container{background:#171717b3;border-radius:20px;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.05);max-width:800px;width:100%;padding:40px;animation:slideIn .4s ease-out;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-header{text-align:center;margin-bottom:40px}.form-header h1{font-size:36px;color:#fff;margin-bottom:8px;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-header p{font-size:16px;color:#9ca3af}.signup-form{display:flex;flex-direction:column;gap:32px}.form-section{border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:32px}.form-section:last-of-type{border-bottom:none}.form-section h3{font-size:20px;color:#06b6d4;margin-bottom:20px;font-weight:600}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:#fff;margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:14px;transition:all .3s ease;box-sizing:border-box;background:#0000004d;color:#fff}.form-group input::-moz-placeholder{color:#6b7280}.form-group input::placeholder{color:#6b7280}.form-group select{cursor:pointer}.form-group input:focus,.form-group select:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d433;background:#0006}.form-group input.error,.form-group select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group small{display:block;font-size:12px;color:#9ca3af;margin-top:6px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.error-msg{display:block;color:#ef4444;font-size:13px;margin-top:6px;font-weight:500}.checkbox-group{margin-bottom:16px}.checkbox-label{display:flex;align-items:start;gap:12px;cursor:pointer;font-size:14px;color:#fff}.checkbox-label input[type=checkbox]{margin-top:2px;width:18px;height:18px;cursor:pointer;accent-color:#06b6d4}.checkbox-label span{flex:1}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:20px}.btn-primary{padding:14px 32px;background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #06b6d466}.btn-primary:hover:not(:disabled){box-shadow:0 6px 24px #06b6d480;transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{padding:14px 32px;background:#ffffff0d;color:#9ca3af;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.signup-success{text-align:center;background:#171717b3;border-radius:20px;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.05);padding:60px 40px;max-width:600px;animation:slideIn .4s ease-out;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;font-size:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:scaleIn .5s ease-out .2s backwards;box-shadow:0 4px 16px #06b6d466}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.signup-success h1{font-size:32px;color:#fff;margin-bottom:16px;font-weight:700;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.signup-success p{font-size:16px;color:#9ca3af;margin-bottom:16px;line-height:1.6}.signup-success p strong{color:#67e8f9}.signup-success .btn-primary{margin-top:24px}@media (max-width: 768px){.signup-request-page{padding:20px 16px}.signup-form-container{padding:24px}.form-header h1{font-size:28px}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.signup-success{padding:40px 24px}.signup-success h1{font-size:24px}}.signup-form-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(6,182,212,.05) 0%,transparent 70%);animation:obsidian-shimmer 8s linear infinite;pointer-events:none}@keyframes obsidian-shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-group input:hover:not(:focus),.form-group select:hover:not(:focus){border-color:#06b6d44d}.games-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0a0a0a;min-height:100vh;padding:20px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.floating-pieces{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.65}.floating-piece{position:absolute;font-size:3rem;animation:floatPiece 20s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,.1))}@keyframes floatPiece{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-25px) rotate(90deg)}50%{transform:translate(-25px,20px) rotate(180deg)}75%{transform:translate(20px,-15px) rotate(270deg)}}.games-layout{display:grid;grid-template-columns:1fr 400px;gap:24px;max-width:1400px;margin:0 auto;position:relative;z-index:2;width:100%}.glass-card{background:#171717b3;border:1px solid rgba(255,255,255,.05);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #00000080;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.glass-card:hover{border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 12px 40px #0009}.left-column{display:flex;flex-direction:column;gap:24px}.right-column{display:flex;flex-direction:column;gap:8px}.section-header{display:flex;align-items:center;gap:16px;margin-bottom:25px;padding:28px 28px 0}.section-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(135deg,#06b6d426,#0ea5e926)}.section-title{font-size:20px;font-weight:600;color:#fff;margin:0}.quick-play-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 28px 28px}.quick-play-card{background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-align:center}.quick-play-card:hover{background:#0009;border-color:#ffffff1a;transform:translateY(-4px)}.quick-play-icon{font-size:32px;margin-bottom:12px;transition:all .3s ease}.quick-play-card:hover .quick-play-icon{transform:scale(1.1)}.quick-play-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 6px}.quick-play-time{color:#9ca3af;font-size:13px;margin:0 0 12px}.quick-play-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.tournament-grid{display:flex;flex-direction:column;gap:16px;padding:0 28px 28px}.tournament-card{background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.tournament-card:hover{background:#0009;border-color:#ffffff1a;transform:translateY(-2px)}.tournament-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.tournament-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;background:#0000004d;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.tournament-info{flex:1}.tournament-name{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px}.tournament-time{font-size:13px;font-weight:500}.tournament-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:11px;color:#6b7280;font-weight:600;letter-spacing:1px;text-transform:uppercase}.detail-value{font-size:14px;font-weight:600;color:#fff}.tournament-status-container{display:flex;justify-content:flex-end}.tournament-status{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.5px;border:1px solid;background:#ffffff0d}.trophy-section{margin:16px 0;text-align:center}.trophies{display:flex;justify-content:center;align-items:end;gap:12px;margin-bottom:32px}.trophy{display:flex;flex-direction:column;align-items:center;gap:4px}.trophy.first-place{order:2;transform:scale(1.2);margin:0 8px}.trophy.second-place{order:1}.trophy.third-place{order:3}.trophy-icon{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:trophyGlow 3s ease-in-out infinite}.trophy.first-place .trophy-icon{animation:trophyGlow 3s ease-in-out infinite,trophyBounce 2s ease-in-out infinite}@keyframes trophyGlow{0%,to{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}50%{filter:drop-shadow(0 4px 8px rgba(255,215,0,.4))}}@keyframes trophyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.trophy-rank{font-size:13px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:1px}.trophy.first-place .trophy-rank{color:gold;font-size:14px}.trophy-prize{font-size:12px;color:#6b7280;font-weight:600;margin-top:2px}.trophy.first-place .trophy-prize{color:gold}.tournament-description{font-size:14px;color:#9ca3af;line-height:1.4;font-style:italic;margin-top:8px}.trophy-showcase-card{padding:24px;text-align:center}.trophy-header{margin-bottom:20px}.trophy-title{font-size:22px;font-weight:600;color:#fff;margin:0 0 8px;display:flex;align-items:center;justify-content:center;gap:8px}.trophy-subtitle{color:#9ca3af;font-size:15px;margin:0;font-weight:400}.stats-banner{display:flex;justify-content:space-between;background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;margin-top:0}.stat-item{text-align:center;flex:1}.stat-value{font-size:28px;font-weight:700;background:linear-gradient(45deg,#4ecdc4,#06d6a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px;text-shadow:0 0 20px rgba(6,182,212,.3)}.stat-label{font-size:11px;color:#6b7280;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.play-title-card{text-align:center;padding:40px 28px}.play-title{font-size:48px;font-weight:800;margin:0 0 8px;background:linear-gradient(45deg,#4ecdc4,#06d6a0,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.play-subtitle{color:#9ca3af;font-size:14px;margin:0}.play-option-card{background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:22px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between}.play-option-card:hover{background:#0009;border-color:#ffffff1a;transform:translate(4px)}.play-option-left{display:flex;align-items:center;gap:16px}.play-option-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;background:#0000004d;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.play-option-content{flex:1}.play-option-title{font-size:18px;font-weight:600;color:#fff;margin:0 0 4px}.play-option-subtitle{color:#9ca3af;font-size:13px;line-height:1.4;margin:0}.arrow-icon{font-size:20px;color:#4b5563;transition:all .3s ease;flex-shrink:0}.play-option-card:hover .arrow-icon{color:#4ecdc4;transform:translate(4px)}.info-card{padding:22px;text-align:center}.info-title{font-size:18px;font-weight:600;color:#fff;margin:0 0 12px}.info-text{color:#9ca3af;font-size:13px;line-height:1.5;margin:0}@media (max-width: 1200px){.games-layout{grid-template-columns:1fr;gap:16px}.left-column,.right-column{width:100%}.quick-play-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.games-container{padding:16px}.quick-play-grid{grid-template-columns:1fr}.stats-banner{flex-direction:column;gap:20px}.play-title{font-size:36px}.section-header{padding:20px 20px 0}.quick-play-grid,.tournament-grid{padding:20px}}@media (max-width: 480px){.play-title{font-size:32px}.section-title{font-size:18px}.quick-play-card,.tournament-card,.play-option-card{padding:16px}.play-option-icon{width:44px;height:44px;font-size:20px}.play-option-title{font-size:16px}}.loading-tournaments,.no-tournaments{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#9ca3af}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #4ECDC4;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-tournaments p{font-size:16px;margin:0}:root{--bg-primary: #0a0a0a;--bg-secondary: rgba(23, 23, 23, .8);--bg-tertiary: rgba(255, 255, 255, .05);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(156, 163, 175, .9);--border-color: rgba(255, 255, 255, .1);--glass-blur: blur(20px);--shadow-color: rgba(0, 0, 0, .5);--accent-gradient: linear-gradient(135deg, #FF6B6B 0%, #06D6A0 50%, #06B6D4 100%)}.play-container{min-height:100vh;background:var(--bg-primary);position:relative;overflow-x:hidden;font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary);transition:all .3s ease}.background-effects{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgba(255,107,107,.1) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,209,102,.1) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(6,182,212,.1) 0%,transparent 60%);opacity:.5}.floating-chess-pieces{position:absolute;width:100%;height:100%}.floating-piece{position:absolute;font-size:3.5rem;opacity:.05;color:var(--text-primary);animation:floatPiece 20s ease-in-out infinite;filter:drop-shadow(0 0 10px currentColor)}@keyframes floatPiece{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(30px,-25px) rotate(90deg) scale(1.1)}50%{transform:translate(-25px,20px) rotate(180deg) scale(.9)}75%{transform:translate(20px,-15px) rotate(270deg) scale(1.05)}}.play-content{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:30px 20px}.main-header{text-align:center;margin-bottom:20px;padding:10px 30px;background:transparent;border:none;border-radius:25px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;position:relative;overflow:hidden}.main-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--text-primary),transparent);opacity:.3}.chess-icons{display:flex;align-items:center;justify-content:center;gap:25px;margin-bottom:20px}.chess-piece{font-size:4.5rem;animation:chessFloat 4s ease-in-out infinite;filter:drop-shadow(0 0 20px currentColor)}.chess-piece:nth-child(1){animation-delay:0s}.chess-piece:nth-child(3){animation-delay:.5s}@keyframes chessFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(5deg)}75%{transform:translateY(10px) rotate(-5deg)}}.main-title{font-size:3.8rem;font-weight:800;margin:0;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:titleGradient 6s ease infinite;letter-spacing:-.5px}@keyframes titleGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.live-stats{display:flex;justify-content:center;gap:25px;margin-top:30px;flex-wrap:wrap}.stat-badge{background:var(--bg-tertiary);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:18px;padding:20px 25px;min-width:180px;display:flex;align-items:center;gap:15px;border:1px solid var(--border-color);position:relative;overflow:hidden;transition:all .3s ease;animation:statFloat 3s ease-in-out infinite}.stat-badge:nth-child(1){animation-delay:0s}.stat-badge:nth-child(2){animation-delay:1s}.stat-badge:nth-child(3){animation-delay:2s}@keyframes statFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.stat-badge:hover{transform:translateY(-5px) scale(1.05);border-color:var(--text-primary);box-shadow:0 15px 35px var(--shadow-color)}.stat-icon{font-size:2.5rem;min-width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:15px;animation:iconPulse 2s infinite}@keyframes iconPulse{0%,to{filter:drop-shadow(0 0 5px currentColor)}50%{filter:drop-shadow(0 0 15px currentColor)}}.stat-content{flex:1;text-align:left}.stat-value{font-size:2.2rem;font-weight:800;margin-bottom:5px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.stat-label{font-size:.9rem;color:var(--text-muted);font-weight:500;letter-spacing:.5px}.pulse-dot{position:absolute;top:15px;right:15px;width:10px;height:10px;background:#06d6a0;border-radius:50%;animation:dotPulse 1.5s infinite}.stat-badge:nth-child(2) .pulse-dot{background:#ffd166;animation-delay:.5s}.stat-badge:nth-child(3) .pulse-dot{background:#ff6b6b;animation-delay:1s}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.time-controls-section{margin-bottom:60px}.section-title{font-size:2.5rem;font-weight:800;margin:0 0 30px;display:flex;align-items:center;gap:15px;color:#fff}.section-icon{font-size:2.5rem;animation:iconBounce 2s infinite}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.time-controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px}.time-control-group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:25px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 15px 45px var(--shadow-color),inset 0 1px #ffffff1a}.time-control-group:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--group-color);opacity:.7}.time-control-group:hover{transform:translateY(-8px);border-color:var(--group-color);box-shadow:0 25px 60px var(--shadow-color),0 0 0 1px var(--group-color),inset 0 1px #ffffff26}.group-header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.group-icon{font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:20px;border:2px solid rgba(255,255,255,.1);color:var(--group-color);filter:drop-shadow(0 0 20px var(--group-color));animation:groupIconFloat 3s ease-in-out infinite}@keyframes groupIconFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(5deg)}75%{transform:translateY(5px) rotate(-5deg)}}.group-name{font-size:1.8rem;font-weight:800;margin:0 0 5px;background:linear-gradient(135deg,#ff6b6b,#ee5a24,#ff4757);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.group-description{font-size:1rem;color:var(--text-muted);margin:0}.time-buttons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.time-button{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;padding:18px 10px;color:#ffffff80;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:1}.time-button:not(.disabled):hover{background:color-mix(in srgb,var(--group-color) 20%,transparent);border-color:var(--group-color);transform:translateY(-3px) scale(1.05);box-shadow:0 10px 25px #0000004d,0 0 0 1px var(--group-color)}.time-button.clicked{animation:buttonClick .3s ease}@keyframes buttonClick{0%,to{transform:scale(1)}50%{transform:scale(.95);background:color-mix(in srgb,var(--group-color) 40%,transparent)}}.time-button.disabled{opacity:.5;cursor:not-allowed}.button-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;z-index:-1}.time-button:not(.disabled):hover .button-glow{left:100%}.statistics-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:25px;padding:40px;margin-top:40px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 20px 60px var(--shadow-color),inset 0 1px #ffffff1a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.stat-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:18px;padding:25px;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-5px);border-color:var(--text-primary);box-shadow:0 15px 40px var(--shadow-color)}.stat-title{font-size:1.5rem;font-weight:800;margin:0 0 20px;background:linear-gradient(135deg,#ff6b6b,#ee5a24,#ff4757);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.stat-numbers{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#0003;border-radius:10px;border:1px solid var(--border-color)}.stat-label{font-size:1rem;color:var(--text-muted);font-weight:500}.stat-value{font-size:1.3rem;font-weight:800}.stat-value.win{color:#06d6a0;text-shadow:0 0 10px rgba(6,214,160,.3)}.stat-value.loss{color:#ff6b6b;text-shadow:0 0 10px rgba(255,107,107,.3)}.stat-value.draw{color:#ffd166;text-shadow:0 0 10px rgba(255,209,102,.3)}.stat-total{text-align:center;color:var(--text-muted);font-size:.95rem;margin:15px 0;padding-top:15px;border-top:1px solid var(--border-color)}.stat-progress{height:8px;border-radius:4px;background:#0000004d;display:flex;overflow:hidden;margin-top:15px}.progress-bar{height:100%;transition:width 1s ease-in-out}.win-bar{background:linear-gradient(90deg,#06d6a0,#4ecdc4)}.loss-bar{background:linear-gradient(90deg,#ff6b6b,#ff9e7d)}.draw-bar{background:linear-gradient(90deg,#ffd166,#ffe99c)}.matchmaking-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px}.matchmaking-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:30px;padding:35px;max-width:650px;width:90%;box-shadow:0 40px 100px #000c,inset 0 1px #ffffff1a;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.modal-content{text-align:center}.modal-title{font-size:2.8rem;font-weight:800;margin:0 0 15px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:modalTitlePulse 3s infinite}@keyframes modalTitlePulse{0%,to{opacity:1}50%{opacity:.8}}.selected-control-display{display:flex;align-items:center;justify-content:center;gap:20px;margin:25px 0;padding:20px;background:#0000004d;border-radius:20px;border:1px solid var(--border-color)}.control-icon{font-size:3.5rem;animation:controlIconSpin 2s linear infinite}@keyframes controlIconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.control-info{text-align:left}.control-type{font-size:1.6rem;font-weight:700;color:var(--text-primary);margin-bottom:5px}.control-time{font-size:2.2rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.matchmaking-stats{display:flex;justify-content:center;gap:25px;margin:30px 0}.match-stat{background:var(--bg-tertiary);border-radius:18px;padding:20px 25px;min-width:180px;display:flex;align-items:center;gap:15px;border:1px solid var(--border-color);transition:all .3s ease}.match-stat:hover{transform:translateY(-5px);border-color:var(--text-primary);box-shadow:0 15px 35px var(--shadow-color)}.match-stat .stat-icon{font-size:2.5rem}.match-stat .stat-content{text-align:center}.match-stat .stat-value{font-size:2.1rem;margin-bottom:6px}.match-stat .stat-label{font-size:.95rem}.chessboard-animation{margin:30px 0}.chessboard-loader{width:160px;height:160px;margin:0 auto 15px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);animation:boardRotate 6s linear infinite;border-radius:15px;overflow:hidden;box-shadow:0 15px 50px #00000080}@keyframes boardRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-square{animation:squarePulse 2s ease-in-out infinite}.loader-square:nth-child(odd){animation-delay:1s}@keyframes squarePulse{0%,to{background:#ff6b6b66}33%{background:#ffd16666}66%{background:#06d6a066}}.searching-text{font-size:1.1rem;color:var(--text-muted);margin-top:10px;animation:textPulse 2s infinite}@keyframes textPulse{0%,to{opacity:1}50%{opacity:.6}}.opponent-animation{display:flex;align-items:center;justify-content:center;gap:35px;margin:30px 0}.player-you,.player-opponent{display:flex;flex-direction:column;align-items:center;gap:12px}.player-avatar{width:100px;height:100px;border-radius:50%;background:#0006;border:3px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;position:relative}.player-avatar.opponent{border-color:#ff6b6b4d}.avatar-pulse{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:3px solid rgba(6,182,212,.6);animation:avatarPulse 2s infinite}.player-avatar.opponent .avatar-pulse{border-color:#ff6b6b99;animation-delay:1s}@keyframes avatarPulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.avatar-icon{font-size:3.5rem;filter:drop-shadow(0 0 15px rgba(255,255,255,.3))}.player-label{font-size:1.1rem;color:var(--text-muted);font-weight:600}.vs-container{display:flex;flex-direction:column;align-items:center;gap:12px}.vs-text{background:var(--accent-gradient);color:#fff;padding:10px 30px;border-radius:25px;font-size:1.6rem;font-weight:900;letter-spacing:3px;animation:vsGlow 2s infinite;box-shadow:0 15px 40px #0006}@keyframes vsGlow{0%,to{filter:drop-shadow(0 0 20px rgba(255,107,107,.6))}50%{filter:drop-shadow(0 0 30px rgba(6,214,160,.6))}}.searching-pieces{display:flex;gap:12px}.searching-piece{font-size:2.2rem;animation:pieceSearch 1.5s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}@keyframes pieceSearch{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-20px) scale(1.2);opacity:1}}.cancel-search-btn{background:#ef444433;color:#ef4444;border:2px solid rgba(239,68,68,.4);padding:15px 40px;border-radius:15px;font-size:1.2rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:1.5px;text-transform:uppercase;margin-top:25px}.cancel-search-btn:hover{background:#ef44444d;border-color:#ef4444cc;transform:translateY(-3px) scale(1.05);box-shadow:0 20px 50px #ef444466,0 0 0 1px #ffffff1a}@media (max-width: 1200px){.time-controls-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.main-title{font-size:2.8rem}.chess-piece{font-size:3.5rem}.live-stats{flex-direction:column;align-items:center}.stat-badge{width:100%;max-width:300px}}@media (max-width: 768px){.time-controls-grid{grid-template-columns:1fr}.time-buttons-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr}.matchmaking-stats{flex-direction:column;gap:20px}.match-stat{width:100%;max-width:300px;margin:0 auto}.opponent-animation{gap:20px}.player-avatar{width:90px;height:90px}.avatar-icon{font-size:2.8rem}.vs-text{font-size:1.4rem;padding:10px 25px}.chessboard-loader{width:140px;height:140px}.matchmaking-modal{padding:25px;max-width:600px}.modal-title{font-size:2.2rem}.selected-control-display{padding:20px;margin:20px 0}.control-icon{font-size:3.5rem}.control-type{font-size:1.6rem}.control-time{font-size:2.2rem}}@media (max-width: 480px){.main-header{padding:5px 20px}.main-title{font-size:2.2rem}.chess-piece{font-size:2.8rem}.section-title{font-size:2rem}.time-buttons-grid{grid-template-columns:1fr}.time-button{padding:20px}.matchmaking-modal{padding:20px;border-radius:20px;max-width:95%}.modal-title{font-size:1.8rem;margin-bottom:15px}.selected-control-display{padding:15px;margin:15px 0;gap:15px}.control-icon{font-size:2.8rem}.control-type{font-size:1.4rem}.control-time{font-size:1.8rem}.matchmaking-stats{margin:20px 0;gap:15px}.match-stat{padding:15px;min-width:auto}.stat-value{font-size:1.8rem}.stat-label{font-size:.9rem}.chessboard-animation{margin:20px 0}.chessboard-loader{width:120px;height:120px}.opponent-animation{margin:20px 0;gap:15px}.player-avatar{width:70px;height:70px}.avatar-icon{font-size:2.2rem}.vs-text{font-size:1.1rem;padding:8px 18px}.searching-piece{font-size:1.8rem}.cancel-search-btn{padding:12px 25px;font-size:1rem;margin-top:20px}}.otb-confirm-card{margin-top:18px;background:linear-gradient(180deg,#1f2937,#111827);border:1px solid #f59e0b55;border-radius:14px;padding:20px;color:#e5e7eb}.otb-confirm-header{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #ffffff10}.otb-confirm-icon{font-size:1.8rem;line-height:1}.otb-confirm-title{font-size:1.1rem;font-weight:700;color:#fbbf24;margin-bottom:4px}.otb-confirm-sub{font-size:.9rem;color:#9ca3af}.otb-confirm-list{display:flex;flex-direction:column;gap:14px}.otb-confirm-row{background:#0f172a;border:1px solid #ffffff10;border-radius:10px;padding:14px}.otb-confirm-row--simple{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.otb-confirm-row-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px;flex-wrap:wrap}.otb-confirm-row-num{font-weight:600;color:#e5e7eb}.otb-confirm-row-raw,.otb-confirm-row-label{font-size:.85rem;color:#9ca3af}.otb-confirm-row-raw code{background:#1f2937;padding:2px 8px;border-radius:6px;color:#fbbf24;font-family:Courier New,monospace}.otb-confirm-row-body{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.otb-confirm-board{flex:0 0 auto}.otb-confirm-controls{flex:1 1 220px;display:flex;flex-direction:column;gap:8px}.otb-confirm-label{font-size:.85rem;color:#9ca3af;font-weight:600}.otb-confirm-input{background:#1f2937;border:1px solid #374151;border-radius:8px;padding:10px 12px;color:#fbbf24;font-family:Courier New,monospace;font-size:1rem;font-weight:600;outline:none;transition:border-color .15s}.otb-confirm-input:focus{border-color:#f59e0b}.otb-confirm-hint{font-size:.75rem;color:#6b7280}.otb-confirm-progress{margin-bottom:16px}.otb-confirm-progress-bar{height:6px;background:#374151;border-radius:3px;overflow:hidden;margin-bottom:6px}.otb-confirm-progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:3px;transition:width .3s ease}.otb-confirm-progress-label{font-size:.78rem;color:#94a3b8}.otb-confirm-move-title{font-size:.95rem;font-weight:700;color:#fbbf24;margin-bottom:14px}.otb-confirm-side-badge{background:#374151;color:#e2e8f0;border-radius:4px;padding:1px 6px;font-size:.8rem;font-weight:600;text-transform:capitalize}.otb-confirm-scanned{font-weight:400;color:#94a3b8;font-size:.88rem}.otb-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #ffffff10}.otb-confirm-cancel,.otb-confirm-submit{padding:10px 18px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:.95rem;transition:transform .1s,background .15s}.otb-confirm-cancel{background:#374151;color:#e5e7eb}.otb-confirm-cancel:hover:not(:disabled){background:#4b5563}.otb-confirm-submit{background:linear-gradient(135deg,#f59e0b,#d97706);color:#111827}.otb-confirm-submit:hover:not(:disabled){transform:translateY(-1px)}.otb-confirm-submit:disabled,.otb-confirm-cancel:disabled{opacity:.5;cursor:not-allowed}.otb-confirm-block{background:#0f172a;border:1px solid #f59e0b33;border-radius:10px;padding:14px;margin-bottom:14px}.otb-confirm-quick-section{background:#0f172a;border:1px solid #ffffff10;border-radius:10px;padding:14px;margin-bottom:4px}.otb-confirm-quick-label{font-size:.82rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.otb-confirm-quick-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.otb-confirm-quick-row:last-child{margin-bottom:0}.otb-confirm-quick-num{font-weight:700;color:#e2e8f0;font-size:.92rem;min-width:40px}.otb-confirm-quick-raw{color:#9ca3af;font-size:.85rem;min-width:60px}.otb-confirm-quick-raw code{background:#1f2937;padding:2px 6px;border-radius:5px;color:#fbbf24;font-family:Courier New,monospace}.otb-confirm-quick-input{flex:1 1 120px;background:#1f2937;border:1px solid #374151;border-radius:7px;padding:7px 10px;color:#fbbf24;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;outline:none;transition:border-color .15s}.otb-confirm-quick-input:focus{border-color:#f59e0b}@media (max-width: 900px){.otb-confirm-row-body{gap:12px}.otb-confirm-controls{flex:1 1 180px}}@media (max-width: 640px){.otb-confirm-card{padding:14px 12px;border-radius:12px}.otb-confirm-header{gap:10px;margin-bottom:12px;padding-bottom:12px}.otb-confirm-icon{font-size:1.4rem}.otb-confirm-title{font-size:.97rem}.otb-confirm-sub{font-size:.82rem}.otb-confirm-row-body{flex-direction:column;align-items:stretch;gap:14px}.otb-confirm-board{width:100%;max-width:280px;align-self:center}.otb-confirm-controls{flex:1 1 auto;width:100%}.otb-confirm-row-head{flex-direction:column;align-items:flex-start;gap:4px}.otb-confirm-input{font-size:.92rem;padding:9px 10px}.otb-confirm-quick-row{flex-wrap:wrap;gap:6px}.otb-confirm-quick-num{min-width:32px;font-size:.85rem}.otb-confirm-quick-raw{min-width:48px}.otb-confirm-quick-input{flex:1 1 100%;font-size:.85rem}.otb-confirm-actions{flex-direction:column-reverse;gap:8px;margin-top:14px;padding-top:12px}.otb-confirm-cancel,.otb-confirm-submit{width:100%;padding:12px 16px;font-size:.93rem;text-align:center}.otb-confirm-progress-label{font-size:.73rem}.otb-confirm-move-title{font-size:.88rem}.otb-confirm-block,.otb-confirm-quick-section{padding:10px}}@media (max-width: 400px){.otb-confirm-card{padding:12px 10px}.otb-confirm-board{max-width:240px}.otb-confirm-title{font-size:.9rem}}.ga-page{max-width:900px;margin:0 auto;padding:28px 20px 60px;color:#fff;font-family:Poppins,sans-serif}.ga-header{display:flex;align-items:flex-start;gap:18px;margin-bottom:32px}.ga-header-icon{font-size:44px;line-height:1;filter:drop-shadow(0 4px 12px rgba(6,182,212,.4));flex-shrink:0}.ga-title{font-size:28px;font-weight:700;margin:0 0 6px;background:linear-gradient(135deg,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ga-subtitle{font-size:14px;color:#9ca3af;margin:0;line-height:1.6}.ga-form-card{background:#171717b3;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #00000080;margin-bottom:28px}.ga-last-analysis-banner{display:flex;align-items:center;gap:10px;background:#06b6d414;border:1px solid rgba(6,182,212,.25);border-radius:10px;padding:10px 16px;margin-bottom:20px;font-size:13px;color:#a5f3fc;flex-wrap:wrap}.ga-last-analysis-icon{font-size:16px;flex-shrink:0}.ga-last-analysis-hint{margin-left:auto;color:#6b7280;font-size:12px;white-space:nowrap}.ga-form{display:flex;flex-direction:column;gap:18px}.ga-platform-row{display:flex;gap:12px}.ga-platform-btn{flex:1;padding:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#9ca3af;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;font-family:Poppins,sans-serif}.ga-platform-btn:hover{border-color:#06b6d44d;color:#e5e7eb}.ga-platform-btn.active{background:linear-gradient(135deg,#06b6d42e,#10b9812e);border-color:#06b6d480;color:#06b6d4;box-shadow:0 0 0 1px #06b6d440}.ga-mode-row{display:flex;gap:8px;margin-top:-4px}.ga-mode-btn{flex:1;padding:9px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.ga-mode-btn:hover{color:#d1d5db;border-color:#ffffff24}.ga-mode-btn.active{background:#10b9811f;border-color:#10b98166;color:#10b981}.ga-mode-btn.scout.active{background:#f59e0b1a;border-color:#f59e0b66;color:#f59e0b}.ga-scout-hint{font-size:.72rem;color:#f59e0b;margin:-6px 0 0;padding:0;opacity:.85}.ga-nexus-info{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:12px;color:#ffffffd9;font-size:.88rem;margin-bottom:4px}.ga-nexus-info-icon{font-size:1.1rem;flex-shrink:0}.ga-analyze-row{margin-top:4px;justify-content:flex-end}.ga-analyze-row .ga-analyze-btn{width:100%}.ga-input-row{display:flex;gap:12px}.ga-username-input{flex:1;padding:14px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:15px;font-family:Poppins,sans-serif;outline:none;transition:border-color .2s ease}.ga-username-input:focus{border-color:#06b6d480;background:#06b6d40d}.ga-username-input::-moz-placeholder{color:#6b7280}.ga-username-input::placeholder{color:#6b7280}.ga-analyze-btn{padding:14px 32px;background:linear-gradient(135deg,#06b6d4,#10b981);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;font-family:Poppins,sans-serif;white-space:nowrap;transition:all .3s ease;box-shadow:0 4px 16px #06b6d466}.ga-analyze-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #06b6d48c}.ga-analyze-btn:disabled{opacity:.5;cursor:not-allowed}.ga-error{padding:12px 16px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#fca5a5;font-size:14px}.ga-progress-card{background:#171717b3;border:1px solid rgba(6,182,212,.2);border-radius:18px;padding:28px;margin-bottom:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ga-progress-stage{font-size:16px;font-weight:600;color:#06b6d4;margin-bottom:14px}.ga-progress-bar-bg{height:8px;background:#ffffff14;border-radius:99px;overflow:hidden;margin-bottom:10px}.ga-progress-bar-fill{height:100%;background:linear-gradient(90deg,#06b6d4,#10b981);border-radius:99px;transition:width .5s ease;animation:ga-shimmer 2s infinite;background-size:200% 100%}@keyframes ga-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ga-progress-text{font-size:13px;color:#9ca3af;margin-bottom:8px}.ga-progress-note{font-size:12px;color:#9ca3af;line-height:1.6;margin-top:4px}.ga-bg-running-banner{position:relative;background:#10b98112;border:1px solid rgba(16,185,129,.25);border-radius:16px;padding:20px 24px;overflow:hidden;margin-bottom:4px}.ga-bg-banner-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;animation:ga-bg-pulse 2.4s ease-in-out infinite;pointer-events:none}@keyframes ga-bg-pulse{0%,to{box-shadow:0 0 #10b98100}50%{box-shadow:0 0 0 4px #10b9811f}}.ga-bg-banner-content{display:flex;align-items:flex-start;gap:16px}.ga-bg-banner-icon{font-size:28px;animation:ga-spin 2s linear infinite;display:block;flex-shrink:0}@keyframes ga-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ga-bg-banner-title{font-size:15px;font-weight:700;color:#10b981;margin-bottom:4px}.ga-bg-banner-sub{font-size:12px;color:#9ca3af}.ga-bg-banner-bar-wrap{margin-top:14px;height:5px;background:#ffffff0f;border-radius:3px;overflow:hidden;flex:1;align-self:center}.ga-bg-banner-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#06b6d4);border-radius:3px;transition:width .6s ease}.ga-results{display:flex;flex-direction:column;gap:28px}.ga-section-title{font-size:18px;font-weight:700;color:#e5e7eb;margin:0 0 4px}.ga-section-desc{font-size:13px;color:#6b7280;margin:0 0 14px}.ga-summary-row{display:flex;gap:14px;flex-wrap:wrap}.ga-summary-card{flex:1;min-width:120px;background:#171717b3;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:18px 20px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ga-summary-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.ga-summary-value{font-size:24px;font-weight:700;color:#06b6d4}.ga-summary-value.wdl{font-size:18px}.ga-conversion-note{font-size:11px;color:#6b7280;margin-top:3px}.ga-w{color:#10b981}.ga-d{color:#9ca3af}.ga-l{color:#ef4444}.ga-sep{color:#374151;margin:0 2px}.ga-phase-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ga-phase-card{background:#171717b3;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:22px 18px;display:flex;flex-direction:column;align-items:center;gap:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.ga-phase-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #06b6d42e}.ga-phase-header{display:flex;align-items:center;gap:8px;align-self:flex-start}.ga-phase-icon{font-size:22px}.ga-phase-name{font-size:16px;font-weight:700;color:#e5e7eb}.ga-doughnut-wrap{position:relative;display:flex;align-items:center;justify-content:center}.ga-doughnut-label{position:absolute;font-size:20px;font-weight:700;text-align:center;pointer-events:none}.ga-phase-label{padding:4px 14px;border-radius:99px;font-size:12px;font-weight:600;letter-spacing:.04em}.ga-phase-stats{display:flex;flex-direction:column;gap:6px;width:100%}.ga-stat-chip{font-size:12px;padding:4px 10px;border-radius:8px;font-weight:500}.ga-stat-chip.blunder{background:#ef44441f;color:#fca5a5}.ga-stat-chip.mistake{background:#f59e0b1f;color:#fcd34d}.ga-stat-chip.inaccuracy{background:#eab3081f;color:#fde68a}.ga-no-data{color:#9ca3af;font-size:14px;text-align:center;padding:20px 0;margin:0}.ga-tactics-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ga-tac-card{background:#171717bf;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:18px 20px 14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.ga-tac-card:hover{transform:translateY(-3px);box-shadow:0 10px 32px #00000059}.ga-tac-glow{position:absolute;width:110px;height:110px;border-radius:50%;top:-45px;right:-30px;filter:blur(44px);opacity:.22;pointer-events:none;z-index:0}.ga-tac-card>*:not(.ga-tac-glow){position:relative;z-index:1}.ga-tac-top{display:flex;align-items:center;justify-content:space-between}.ga-tac-icon-wrap{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.ga-tac-count{font-size:34px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.ga-tac-label{font-size:13px;font-weight:700;color:#f3f4f6;line-height:1.3}.ga-tac-desc{font-size:11.5px;color:#6b7280;line-height:1.45}.ga-tac-bar-bg{height:4px;background:#ffffff12;border-radius:99px;overflow:hidden}.ga-tac-bar-fill{height:100%;border-radius:99px;transition:width .7s ease}.ga-heatmap-v2{background:#171717bf;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:22px 22px 18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ga-hm-legend{display:flex;gap:18px;margin-bottom:20px;flex-wrap:wrap}.ga-hm-legend-item{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#9ca3af;font-weight:500}.ga-hm-dot{width:8px;height:8px;border-radius:3px;flex-shrink:0;display:inline-block}.ga-hm-rows{display:flex;flex-direction:column;gap:11px}.ga-hm-row{display:grid;grid-template-columns:76px 1fr 28px;align-items:center;gap:14px}.ga-hm-range{font-size:11px;font-weight:600;color:#6b7280;text-align:right;white-space:nowrap;letter-spacing:.01em}.ga-hm-track-bg{height:22px;background:#ffffff0a;border-radius:6px;overflow:hidden}.ga-hm-track-fill{height:100%;display:flex;border-radius:6px;overflow:hidden;transition:width .6s ease;min-width:4px}.ga-hm-seg{height:100%;transition:width .5s ease}.ga-hm-total{font-size:12px;font-weight:700;color:#6b7280;text-align:right;font-variant-numeric:tabular-nums}.ga-openings-table-wrap{background:#171717b3;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ga-openings-table{width:100%;border-collapse:collapse;font-size:13px}.ga-openings-table th{padding:12px 16px;text-align:left;color:#6b7280;text-transform:uppercase;font-size:11px;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05}.ga-openings-table td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.04);color:#d1d5db;vertical-align:middle}.ga-openings-table tr:last-child td{border-bottom:none}.ga-openings-table tr:hover td{background:#06b6d40a}.ga-opening-name{font-weight:500;color:#e5e7eb!important;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ga-eco-badge{display:inline-block;padding:2px 8px;background:#8b5cf626;color:#a78bfa;border-radius:6px;font-size:11px;font-weight:600}.ga-wdl{display:flex;align-items:center;gap:2px;font-weight:600}.ga-winrate-bar-wrap{display:flex;align-items:center;gap:10px}.ga-winrate-bar-bg{flex:1;height:6px;background:#ffffff14;border-radius:99px;overflow:hidden}.ga-winrate-bar-fill{height:100%;border-radius:99px;transition:width .6s ease}.ga-winrate-pct{font-size:12px;font-weight:600;color:#e5e7eb;min-width:34px;text-align:right}.ga-recommendations{display:flex;flex-direction:column;gap:16px}.ga-recs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.ga-rec-card{background:#171717b3;border:1px solid rgba(6,182,212,.15);border-radius:16px;padding:20px;display:flex;gap:14px;align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s ease,box-shadow .25s ease}.ga-rec-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #06b6d433}.ga-rec-icon{font-size:28px;flex-shrink:0}.ga-rec-body{display:flex;flex-direction:column;gap:6px}.ga-rec-title{font-size:14px;font-weight:700;color:#e5e7eb}.ga-rec-desc{font-size:12px;color:#6b7280;line-height:1.5}.ga-rec-link{font-size:13px;font-weight:600;color:#06b6d4;text-decoration:none;transition:color .2s}.ga-rec-link:hover{color:#10b981;text-decoration:underline}.ga-cache-note{text-align:center;font-size:12px;color:#4b5563;margin:0;padding:12px}.ga-game-btns{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.ga-game-btn{background:#171717bf;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 8px;color:#e5e7eb;font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.ga-game-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;border-color:#06b6d459;background:#06b6d414}.ga-game-btn.active{border-color:#06b6d4;background:#06b6d426;color:#06b6d4;box-shadow:0 0 16px #06b6d42e}.gr-container{margin-top:10px;animation:grFadeIn .3s ease}@keyframes grFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gr-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.gr-back-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#9ca3af;font-size:13px;padding:7px 14px;cursor:pointer;transition:color .15s,border-color .15s;flex-shrink:0}.gr-back-btn:hover{color:#e5e7eb;border-color:#fff3}.gr-header-info{display:flex;align-items:center;gap:12px}.gr-game-num{font-size:16px;font-weight:700;color:#06b6d4}.gr-opening{font-size:13px;color:#6b7280}.gr-layout{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}.gr-board-col{display:flex;flex-direction:column;align-items:center;gap:10px}.gr-winbar-wrap{width:100%;max-width:420px}.gr-winbar{height:10px;background:#1f2937;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.gr-winbar-white{height:100%;background:#e5e7eb;border-radius:6px 0 0 6px;transition:width .4s ease}.gr-winbar-labels{display:flex;justify-content:space-between;font-size:10px;color:#6b7280;margin-top:3px;padding:0 2px}.gr-controls{display:flex;align-items:center;gap:6px}.gr-ctrl-btn{width:40px;height:36px;background:#171717bf;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#e5e7eb;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.gr-ctrl-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26}.gr-ctrl-btn:disabled{opacity:.3;cursor:default}.gr-play-btn{width:48px;height:40px;background:#06b6d41f;border-color:#06b6d44d;color:#06b6d4;font-size:16px}.gr-play-btn:hover{background:#06b6d433!important}.gr-controls-hint{font-size:10px;color:#4b5563;text-align:center}.gr-info-col{display:flex;flex-direction:column;gap:12px;min-width:0}.gr-move-list{background:#171717bf;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px 14px;max-height:140px;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gr-move-list-inner{display:flex;flex-wrap:wrap;gap:4px}.gr-move-chip{font-size:12px;font-weight:600;padding:3px 7px;border-radius:5px;cursor:pointer;transition:background .15s;color:#d1d5db;background:transparent}.gr-move-chip:hover{background:#ffffff0f}.gr-move-chip.current{background:#06b6d433;color:#06b6d4}.gr-move-chip.blunder{color:#ef4444}.gr-move-chip.mistake{color:#f59e0b}.gr-move-chip.inaccuracy{color:#eab308}.gr-move-chip.brilliant{color:#10b981}.gr-move-chip.blunder.current{background:#ef44442e}.gr-move-chip.mistake.current{background:#f59e0b2e}.gr-move-chip.inaccuracy.current{background:#eab3082e}.gr-move-chip.brilliant.current{background:#10b9812e}.gr-move-chip.turning-point{position:relative;border:1px solid rgba(251,191,36,.5);background:#fbbf2412}.gr-move-chip.turning-point.current{background:#fbbf2433}.gr-tp-marker{font-size:.7em;margin-left:2px;vertical-align:middle}.gr-commentary{background:#171717bf;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px 16px;min-height:100px;max-height:300px;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gr-comment-bubble{display:flex;gap:10px;padding:10px 12px;border-radius:10px;margin-bottom:8px;animation:grSlideIn .25s ease}@keyframes grSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.gr-comment-info{background:#06b6d414;border-left:3px solid #06b6d4}.gr-comment-good{background:#10b9810f;border-left:3px solid rgba(16,185,129,.3)}.gr-comment-brilliant{background:#10b98114;border-left:3px solid #10b981;box-shadow:0 0 12px #10b9811f}.gr-comment-inaccuracy{background:#eab30814;border-left:3px solid #eab308}.gr-comment-mistake{background:#f59e0b1a;border-left:3px solid #f59e0b}.gr-comment-blunder{background:#ef44441a;border-left:3px solid #ef4444}.gr-comment-icon{font-size:18px;flex-shrink:0;margin-top:1px}.gr-comment-body{flex:1;min-width:0}.gr-comment-move{font-size:14px;font-weight:700;color:#f3f4f6;margin-bottom:4px;display:flex;align-items:center;gap:8px}.gr-comment-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em}.gr-comment-text{font-size:13px;color:#9ca3af;line-height:1.5}.gr-comment-best{font-size:12px;color:#10b981;margin-top:4px}.gr-comment-best strong{color:#34d399}.gr-summary{background:#171717d9;border:1px solid rgba(6,182,212,.2);border-radius:14px;padding:20px;margin-top:8px;animation:grFadeIn .35s ease}.gr-summary-title{font-size:16px;font-weight:700;color:#f3f4f6;margin:0 0 14px;text-align:center}.gr-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:10px;margin-bottom:16px}.gr-summary-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.gr-stat-val{font-size:22px;font-weight:800;color:#e5e7eb;line-height:1}.gr-stat-lbl{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.gr-summary-focus{background:#ef44440f;border:1px solid rgba(239,68,68,.15);border-radius:10px;padding:12px 14px;margin-bottom:14px}.gr-focus-title{font-size:12px;font-weight:700;color:#f87171;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.gr-focus-item{font-size:12px;color:#fca5a5;line-height:1.6}.gr-summary-nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.gr-nav-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 18px;color:#d1d5db;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.gr-nav-btn:hover{background:#ffffff1a;border-color:#fff3}.gr-nav-next{background:#06b6d41f;border-color:#06b6d44d;color:#06b6d4}.gr-nav-next:hover{background:#06b6d438}.gr-nav-back{color:#6b7280}.gr-tabs{display:flex;gap:4px;background:#0003;border-radius:10px;padding:4px;margin-bottom:10px}.gr-tab{flex:1;padding:7px 12px;border-radius:8px;border:none;background:transparent;color:#6b7280;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.gr-tab.active{background:#06b6d426;color:#06b6d4}.gr-tab:hover:not(.active){background:#ffffff0d;color:#d1d5db}.gr-coach{overflow-y:auto;max-height:520px;display:flex;flex-direction:column;gap:12px;padding-right:4px}.gr-coach-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;color:#6b7280;text-align:center;font-size:24px}.gr-coach-empty p{font-size:13px;margin:0}.gr-coach-hint{font-size:11px!important;color:#4b5563}.gr-coach-phase{background:#171717cc;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px 16px}.gr-coach-phase-title{font-size:13px;font-weight:700;color:#06b6d4;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.gr-coach-moves{font-size:12px;color:#9ca3af;font-family:Courier New,monospace;margin-bottom:8px;background:#0003;padding:6px 10px;border-radius:6px}.gr-coach-eval{font-size:13px;color:#d1d5db;line-height:1.5;margin-bottom:6px}.gr-coach-ideas{margin:0 0 8px;padding-left:18px;font-size:12px;color:#9ca3af;line-height:1.7}.gr-coach-says{font-size:12px;color:#9ca3af;background:#06b6d40f;border-left:2px solid rgba(6,182,212,.4);padding:6px 10px;border-radius:0 6px 6px 0;line-height:1.5}.gr-coach-says-label{font-weight:700;color:#06b6d4}.gr-coach-section{background:#171717cc;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px 16px}.gr-coach-section-title{font-size:13px;font-weight:700;color:#f3f4f6;margin-bottom:10px}.gr-coach-moment{border-radius:8px;padding:10px 12px;margin-bottom:8px}.gr-coach-moment-blunder{background:#ef444414;border-left:3px solid #ef4444}.gr-coach-moment-mistake{background:#f59e0b14;border-left:3px solid #f59e0b}.gr-coach-moment-inaccuracy{background:#eab30814;border-left:3px solid #eab308}.gr-coach-moment-move{font-size:13px;font-weight:700;color:#f3f4f6;display:flex;align-items:center;gap:8px;margin-bottom:4px}.gr-coach-moment-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;background:#ef444433;color:#f87171;text-transform:uppercase}.gr-coach-moment-problem{font-size:12px;color:#9ca3af;line-height:1.5;margin-bottom:4px}.gr-coach-moment-better{font-size:12px;color:#10b981;font-weight:600}.gr-coach-lessons{margin:0;padding-left:18px;font-size:13px;color:#d1d5db;line-height:1.8}.gr-coach-verdict{background:#171717cc;border:1px solid rgba(6,182,212,.15);border-radius:12px;padding:14px 16px}.gr-coach-verdict-phases{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.gr-coach-verdict-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px;border-radius:8px}.gr-verdict-good{background:#10b9811a}.gr-verdict-decent{background:#f59e0b1a}.gr-verdict-weak{background:#ef44441a}.gr-verdict-phase{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#6b7280}.gr-verdict-label{font-size:13px;font-weight:800}.gr-verdict-good .gr-verdict-label{color:#10b981}.gr-verdict-decent .gr-verdict-label{color:#f59e0b}.gr-verdict-weak .gr-verdict-label{color:#ef4444}.gr-coach-verdict-summary{font-size:13px;color:#9ca3af;line-height:1.6;margin:8px 0 0}@media (max-width: 768px){.ga-page{padding:18px 14px 50px}.ga-title{font-size:22px}.ga-phase-cards{grid-template-columns:1fr}.ga-summary-row{display:grid;grid-template-columns:1fr 1fr}.ga-recs-grid{grid-template-columns:1fr}.ga-tactics-grid{grid-template-columns:1fr 1fr}.ga-hm-row{grid-template-columns:62px 1fr 24px;gap:10px}.ga-openings-table th:nth-child(2),.ga-openings-table td:nth-child(2){display:none}.ga-opening-name{max-width:160px}.ga-game-btns{grid-template-columns:repeat(3,1fr);gap:8px}.gr-layout{grid-template-columns:1fr}.gr-summary-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.ga-page{padding:14px 10px 44px}.ga-header{flex-direction:column;align-items:center;text-align:center;gap:10px}.ga-header-icon{font-size:36px}.ga-title{font-size:20px}.ga-form-card{padding:18px 14px}.ga-platform-btn{font-size:13px;padding:10px 8px}.ga-input-row{flex-direction:column}.ga-analyze-btn{width:100%}.ga-summary-row{grid-template-columns:1fr 1fr;gap:10px}.ga-summary-value{font-size:20px}.ga-phase-cards{grid-template-columns:1fr;gap:12px}.ga-section-title{font-size:16px}.ga-tactics-grid{grid-template-columns:1fr}.ga-tac-count{font-size:28px}.ga-hm-row{grid-template-columns:56px 1fr 22px;gap:8px}.ga-hm-range{font-size:10px}.ga-openings-table{font-size:12px}.ga-openings-table th,.ga-openings-table td{padding:10px}.ga-openings-table th:nth-child(2),.ga-openings-table td:nth-child(2){display:none}.ga-opening-name{max-width:110px}.ga-last-analysis-hint{display:none}.ga-rec-card{padding:14px 12px}.ga-game-btn{padding:10px 6px;font-size:12px;border-radius:10px}.gr-header{gap:10px}.gr-game-num{font-size:14px}.gr-opening{font-size:11px}.gr-commentary{padding:10px 12px}.gr-comment-bubble{padding:8px 10px;gap:8px}.gr-comment-move{font-size:13px}.gr-comment-text{font-size:12px}.gr-summary{padding:16px}.gr-stat-val{font-size:18px}}.ga-playstyle-card{display:flex;align-items:flex-start;gap:20px;background:#06b6d412;border:1px solid rgba(6,182,212,.25);border-radius:14px;padding:22px 24px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ga-playstyle-icon{font-size:42px;line-height:1;flex-shrink:0}.ga-playstyle-body{flex:1;min-width:0}.ga-playstyle-type{font-size:20px;font-weight:700;color:#06b6d4;margin-bottom:6px}.ga-playstyle-desc{font-size:14px;color:#9ca3af;margin-bottom:14px;line-height:1.55}.ga-playstyle-chips{display:flex;flex-wrap:wrap;gap:8px}.ga-ps-chip{font-size:12px;font-weight:500;padding:4px 10px;border-radius:20px;border:1px solid transparent}.ga-ps-chip.strength{background:#10b9811f;color:#10b981;border-color:#10b9814d}.ga-ps-chip.weakness{background:#ef44441a;color:#ef4444;border-color:#ef444440}.ga-breakdown-wrap{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.07);margin-bottom:8px}.ga-breakdown-table{width:100%;border-collapse:collapse;font-size:13px;color:#e5e7eb}.ga-breakdown-table thead{background:#ffffff0a}.ga-breakdown-table th{padding:12px 14px;text-align:left;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid rgba(255,255,255,.07)}.ga-breakdown-table td{padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.ga-breakdown-table tbody tr:last-child td{border-bottom:none}.ga-breakdown-table tbody tr:hover{background:#ffffff06}.ga-game-num{color:#6b7280;font-variant-numeric:tabular-nums;width:32px}.ga-game-opening{color:#d1d5db;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ga-game-opening .ga-eco-badge{margin-right:6px;vertical-align:middle}.ga-game-acc,.ga-game-blunders{font-variant-numeric:tabular-nums;font-weight:600}.ga-game-themes{display:flex;flex-wrap:wrap;gap:5px}.ga-result-badge{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;border-radius:50%;font-size:11px;font-weight:700}.ga-result-badge.win{background:#10b9812e;color:#10b981}.ga-result-badge.loss{background:#ef44442e;color:#ef4444}.ga-result-badge.draw{background:#6b728038;color:#9ca3af}.ga-theme-pill{font-size:11px;font-weight:500;padding:3px 8px;border-radius:10px;border:1px solid transparent;cursor:default;white-space:nowrap}.ga-no-themes{font-size:12px;color:#10b981;opacity:.7}.ga-trends-wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:8px}.ga-trend-chart{background:#171717b3;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:18px 16px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ga-trend-title{font-size:13px;font-weight:600;color:#9ca3af;margin:0 0 14px}.ga-oi-wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:8px}.ga-oi-card{position:relative;overflow:hidden;border-radius:20px;padding:24px 22px 20px;display:flex;flex-direction:column;gap:14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .28s ease,box-shadow .28s ease}.ga-oi-card:hover{transform:translateY(-4px)}.ga-oi-best{background:#10b98112;border:1px solid rgba(16,185,129,.28);box-shadow:0 0 #10b98100}.ga-oi-best:hover{box-shadow:0 12px 40px #10b9812e}.ga-oi-worst{background:#ef44440f;border:1px solid rgba(239,68,68,.24)}.ga-oi-worst:hover{box-shadow:0 12px 40px #ef444424}.ga-oi-glow{position:absolute;width:160px;height:160px;border-radius:50%;top:-60px;right:-40px;pointer-events:none;filter:blur(60px);opacity:.35;z-index:0}.ga-oi-glow-best{background:#10b981}.ga-oi-glow-worst{background:#ef4444}.ga-oi-card>*:not(.ga-oi-glow){position:relative;z-index:1}.ga-oi-card>.ga-oi-glow{position:absolute;z-index:0}.ga-oi-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.ga-oi-badge{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:3px 10px;border-radius:99px}.ga-oi-badge-best{background:#10b9812e;color:#10b981;border:1px solid rgba(16,185,129,.35)}.ga-oi-badge-worst{background:#ef444424;color:#f87171;border:1px solid rgba(239,68,68,.3)}.ga-oi-winrate-pill{font-size:11px;font-weight:700;padding:3px 10px;border-radius:99px}.ga-oi-winrate-best{background:#10b9811f;color:#34d399}.ga-oi-winrate-worst{background:#ef44441a;color:#f87171}.ga-oi-hero{display:flex;align-items:flex-start;gap:14px}.ga-oi-crown{font-size:38px;line-height:1;flex-shrink:0;filter:drop-shadow(0 2px 10px rgba(16,185,129,.55))}.ga-oi-warn-icon{font-size:34px;line-height:1;flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(239,68,68,.4))}.ga-oi-hero-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.ga-oi-name{font-size:16px;font-weight:700;color:#f3f4f6;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ga-oi-eco{align-self:flex-start}.ga-oi-stats-row{display:flex;gap:8px;flex-wrap:wrap;padding:10px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.ga-oi-stat-pill{display:flex;flex-direction:column;align-items:center;gap:1px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:6px 14px;min-width:44px}.ga-oi-stat-val{font-size:18px;font-weight:800;line-height:1;color:#e5e7eb}.ga-oi-stat-lbl{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.06em}.ga-oi-advice{font-size:12.5px;line-height:1.5}.ga-oi-best .ga-oi-advice{color:#6ee7b7}.ga-oi-worst .ga-oi-advice{color:#fca5a5}.ga-oi-advice strong{color:#e5e7eb}.ga-oi-suggestions{display:flex;flex-direction:column;gap:8px;margin-top:10px}.ga-oi-suggestion-pill{display:flex;align-items:center;gap:10px;background:#ef444414;border:1px solid rgba(239,68,68,.22);border-radius:8px;padding:9px 14px;cursor:default;transition:background .15s,border-color .15s}.ga-oi-suggestion-pill:hover{background:#ef444426;border-color:#ef444466}.ga-oi-suggestion-num{font-size:11px;font-weight:700;color:#f87171;background:#ef44442e;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ga-oi-suggestion-name{font-size:13px;font-weight:600;color:#f3f4f6}@media (max-width: 768px){.ga-playstyle-card{flex-direction:column;align-items:center;text-align:center}.ga-playstyle-chips{justify-content:center}.ga-trends-wrap,.ga-oi-wrap{grid-template-columns:1fr}.ga-oi-stats-row{gap:6px}.ga-breakdown-table th:nth-child(6),.ga-breakdown-table td:nth-child(6){display:none}}@media (max-width: 500px){.ga-playstyle-icon{font-size:32px}.ga-playstyle-type{font-size:17px}.ga-breakdown-table{font-size:12px}.ga-breakdown-table th,.ga-breakdown-table td{padding:9px 10px}.ga-breakdown-table th:nth-child(2),.ga-breakdown-table td:nth-child(2){display:none}.ga-oi-card{padding:18px 16px;gap:12px}.ga-oi-crown{font-size:28px}.ga-oi-warn-icon{font-size:26px}.ga-oi-name{font-size:14px}.ga-oi-stat-val{font-size:15px}.ga-oi-stat-pill{padding:5px 10px;min-width:38px}}.ga-caps-card{position:relative;display:flex;align-items:flex-start;gap:16px;background:#171717bf;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px 24px;margin-bottom:20px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ga-caps-glow{position:absolute;top:-30px;left:-30px;width:120px;height:120px;border-radius:50%;opacity:.08;filter:blur(40px);pointer-events:none}.ga-caps-icon{font-size:2rem;flex-shrink:0;margin-top:2px}.ga-caps-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#6b7280;margin-bottom:4px}.ga-caps-value{font-size:1.6rem;font-weight:700;line-height:1;margin-bottom:8px}.ga-caps-band{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.ga-caps-band-label{font-size:.8rem;font-weight:600;padding:3px 10px;border-radius:20px}.ga-caps-band-range{font-size:.82rem;color:#9ca3af}.ga-caps-desc{font-size:.8rem;color:#6b7280;line-height:1.5;max-width:480px}.ga-badges-wrap{margin-bottom:24px}.ga-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.ga-badge-card{background:#171717b3;border:1px solid rgba(250,204,21,.25);border-radius:14px;padding:18px 16px;text-align:center;transition:transform .2s,border-color .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ga-badge-card:hover{transform:translateY(-2px);border-color:#facc1580}.ga-badge-icon{font-size:2.2rem;margin-bottom:8px}.ga-badge-label{font-size:.9rem;font-weight:600;color:#fcd34d;margin-bottom:5px}.ga-badge-desc{font-size:.75rem;color:#9ca3af;line-height:1.4}.ga-patterns-wrap{background:#171717b3;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:22px 24px;margin-bottom:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ga-patterns-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}.ga-pattern-item{display:flex;align-items:flex-start;gap:12px;font-size:.9rem;color:#d1d5db;line-height:1.5;padding:10px 14px;background:#ffffff08;border-radius:10px;border-left:3px solid rgba(6,182,212,.5)}.ga-pattern-dot{width:6px;height:6px;border-radius:50%;background:#06b6d4;flex-shrink:0;margin-top:7px}.ga-piece-heatmap-section{margin-bottom:24px}.ga-piece-heatmap-wrap{background:#171717b3;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px 24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ga-piece-worst-badge{font-size:.85rem;color:#fbbf24;background:#fbbf241a;border:1px solid rgba(251,191,36,.25);border-radius:8px;padding:8px 14px;margin-bottom:16px}.ga-piece-bars{display:flex;flex-direction:column;gap:10px}.ga-piece-bar-row{display:flex;align-items:center;gap:12px}.ga-piece-bar-label{width:68px;font-size:.82rem;color:#9ca3af;flex-shrink:0}.ga-piece-bar-bg{flex:1;height:12px;background:#ffffff0f;border-radius:6px;overflow:hidden}.ga-piece-bar-fill{height:100%;border-radius:6px;transition:width .6s ease}.ga-piece-bar-count{width:24px;font-size:.82rem;color:#9ca3af;text-align:right;flex-shrink:0}.ga-time-pressure-card{display:flex;align-items:flex-start;gap:16px;background:#171717b3;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:22px 24px;margin-bottom:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ga-tp-icon{font-size:2rem;flex-shrink:0;margin-top:2px}.ga-tp-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#6b7280;margin-bottom:12px}.ga-tp-stats{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.ga-tp-stat{display:flex;flex-direction:column;gap:3px}.ga-tp-stat-val{font-size:1.4rem;font-weight:700}.ga-tp-stat-lbl{font-size:.78rem;color:#9ca3af}.ga-tp-divider{width:1px;height:40px;background:#ffffff1a;flex-shrink:0}.ga-tp-insight{margin-top:12px;font-size:.82rem;color:#f9a8d4;padding:8px 12px;background:#ef444412;border-radius:8px}.ga-peer-card{background:#171717b3;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:22px 24px;margin-bottom:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ga-peer-title{font-size:1rem;font-weight:600;color:#d1d5db;margin-bottom:6px}.ga-peer-band-label{font-size:.82rem;color:#9ca3af;margin-bottom:16px}.ga-peer-band-label strong{color:#06b6d4}.ga-peer-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ga-peer-stat{background:#ffffff08;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.ga-peer-stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.ga-peer-stat-val{font-size:1.4rem;font-weight:700}.ga-peer-stat-bench{font-size:.78rem;color:#9ca3af}.ga-endgame-section{margin-bottom:24px}.ga-wdl{display:inline-flex;gap:2px}.ga-sep{color:#4b5563}.ga-history-section{margin-bottom:28px}.ga-history-meta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px;margin-top:8px}.ga-history-meta-card{background:#171717b3;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px 18px;display:flex;flex-direction:column;gap:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ga-history-meta-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#6b7280}.ga-history-meta-val{font-size:1.1rem;font-weight:700}.ga-history-charts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.ga-trend-title{font-size:.82rem;color:#9ca3af;margin:0 0 12px;font-weight:500}.ga-rep-card{background:#0f0f19b3;border:1px solid rgba(255,255,255,.09);border-radius:16px;overflow:hidden;margin:20px 0}.ga-rep-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.ga-rep-card-title{font-size:1rem;font-weight:700;color:#e2e8f0;letter-spacing:.02em}.ga-rep-total-games{display:block;font-size:.72rem;color:#64748b;margin-top:2px}.ga-rep-tabs{display:flex;gap:4px;background:#ffffff0d;border-radius:10px;padding:3px}.ga-rep-tab{padding:5px 18px;border-radius:8px;border:none;background:transparent;color:#64748b;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .18s}.ga-rep-tab:hover{color:#94a3b8}.ga-rep-tab.active.white{background:#e2e8f026;color:#f1f5f9;box-shadow:0 1px 6px #0000004d}.ga-rep-tab.active.black{background:#818cf833;color:#c7d2fe;box-shadow:0 1px 6px #0000004d}.ga-rep-cols{display:grid;grid-template-columns:1fr 1fr}.ga-rep-col{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px}.ga-rep-col-strong{border-right:1px solid rgba(255,255,255,.06)}.ga-rep-col-head{display:flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding-bottom:8px;border-bottom:1.5px solid}.ga-rep-col-head.strong{color:#10b981;border-color:#10b98159}.ga-rep-col-head.weak{color:#ef4444;border-color:#ef444459}.ga-rep-col-badge{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:9px;font-size:.68rem;font-weight:700;padding:0 5px}.ga-rep-col-badge.strong{background:#10b98133;color:#6ee7b7}.ga-rep-col-badge.weak{background:#ef444433;color:#fca5a5}.ga-rep-col-hint{font-size:.7rem;color:#475569;font-style:italic;line-height:1.4}.ga-repc-list{display:flex;flex-direction:column;gap:7px}.ga-repc-row{background:#ffffff08;border-radius:8px;padding:8px 10px;border-left:2.5px solid transparent;transition:background .14s}.ga-repc-row.strong{border-left-color:#10b981}.ga-repc-row.weak{border-left-color:#ef4444}.ga-repc-row:hover{background:#ffffff0f}.ga-repc-top{display:flex;align-items:center;gap:6px;margin-bottom:3px;min-width:0}.ga-repc-eco{flex-shrink:0;background:#ffffff17;border-radius:4px;padding:2px 5px;font-size:.67rem;font-weight:700;color:#94a3b8;letter-spacing:.04em}.ga-repc-name{font-size:.78rem;font-weight:600;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px;min-width:0}.ga-repc-low{flex-shrink:0;font-size:.6rem;font-weight:500;background:#f59e0b26;color:#fbbf24;border-radius:3px;padding:1px 4px}.ga-repc-wdl{display:flex;align-items:center;gap:2px;font-size:.71rem;margin-bottom:4px}.ga-repc-played{color:#475569;font-size:.67rem;margin-left:4px}.ga-w{color:#10b981;font-weight:600}.ga-d{color:#94a3b8}.ga-l{color:#ef4444;font-weight:600}.ga-sep{color:#334155}.ga-repc-bar-row{display:flex;align-items:center;gap:6px}.ga-repc-bar-bg{flex:1;height:4px;border-radius:2px;background:#ffffff12;overflow:hidden}.ga-repc-bar-fill{height:100%;border-radius:2px;transition:width .4s ease}.ga-repc-pct{font-size:.73rem;font-weight:700;min-width:30px;text-align:right;flex-shrink:0}.ga-repc-empty{color:#475569;font-size:.74rem;font-style:italic;padding:8px 0;text-align:center}@media (max-width: 640px){.ga-caps-card{flex-direction:column;gap:10px;padding:16px}.ga-badges-grid{grid-template-columns:1fr 1fr}.ga-tp-stats{flex-direction:column;gap:10px}.ga-tp-divider{width:100%;height:1px}.ga-peer-stats-row,.ga-history-charts{grid-template-columns:1fr}.ga-rep-card-header{flex-direction:column;align-items:flex-start;gap:10px}.ga-rep-cols{grid-template-columns:1fr}.ga-rep-col-strong{border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}}.ga-nexus-coach-card{background:linear-gradient(135deg,#06b6d417,#8b5cf617);border:1px solid rgba(6,182,212,.28);border-radius:16px;padding:18px 20px;margin-bottom:22px}.ga-nexus-coach-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.ga-nexus-coach-logo{font-size:1.4rem;line-height:1;filter:drop-shadow(0 0 6px rgba(6,182,212,.7))}.ga-nexus-coach-title{font-weight:700;font-size:1rem;color:#e2e8f0;letter-spacing:.01em}.ga-nexus-coach-vs{margin-left:auto;font-size:.82rem;font-weight:600;background:#ffffff0d;border-radius:20px;padding:3px 12px}.ga-nexus-coach-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.ga-nexus-coach-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;transition:background .2s}.ga-nexus-coach-item:hover{background:#06b6d414}.ga-nexus-coach-item-icon{font-size:1.2rem;line-height:1}.ga-nexus-coach-item-label{font-size:.68rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.ga-nexus-coach-item-value{font-size:.88rem;font-weight:700;color:#e2e8f0;word-break:break-word}@media (max-width: 860px){.ga-nexus-coach-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 540px){.ga-nexus-coach-grid{grid-template-columns:repeat(2,1fr)}.ga-nexus-coach-vs{margin-left:0;width:100%;text-align:center}}.ga-otb-section{display:flex;flex-direction:column;gap:14px}.ga-otb-side-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.ga-otb-side-label{font-size:.95rem;color:#cbd5e1;font-weight:600}.ga-otb-side-toggle{display:inline-flex;background:#1f2937;border-radius:10px;padding:4px;gap:4px}.ga-otb-side-btn{padding:8px 18px;background:transparent;border:none;border-radius:7px;color:#94a3b8;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.ga-otb-side-btn:hover{color:#e2e8f0}.ga-otb-side-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.ga-otb-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:32px 20px;background:#0f172a;border:2px dashed #475569;border-radius:14px;cursor:pointer;text-align:center;transition:border-color .15s,background .15s}.ga-otb-drop:hover{border-color:#8b5cf6;background:#111c33}.ga-otb-drop-icon{font-size:2.4rem}.ga-otb-drop-title{font-size:1.05rem;font-weight:700;color:#e2e8f0}.ga-otb-drop-sub{font-size:.85rem;color:#94a3b8;max-width:480px}.ga-otb-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.ga-otb-preview{position:relative;background:#1f2937;border:1px solid #374151;border-radius:10px;overflow:hidden;padding-bottom:24px}.ga-otb-preview img{display:block;width:100%;height:140px;-o-object-fit:cover;object-fit:cover}.ga-otb-preview-name{position:absolute;bottom:4px;left:8px;font-size:.75rem;color:#cbd5e1}.ga-otb-preview-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;border:none;background:#0f172ad9;color:#fbbf24;font-size:1rem;line-height:1;cursor:pointer;font-weight:700}.ga-otb-preview-remove:hover{background:#ef4444;color:#fff}.ga-otb-review-header{margin-bottom:12px}.ga-otb-review-title{font-size:1rem;font-weight:700;color:#e2e8f0}.ga-otb-badge-ok{color:#4ade80;font-weight:600}.ga-otb-badge-warn{color:#fb923c;font-weight:600}.ga-otb-review-sub{font-size:.8rem;color:#94a3b8;margin-top:4px}.ga-otb-move-list{background:#0f172a;border:1px solid #1e293b;border-radius:8px;overflow:hidden;max-height:320px;overflow-y:auto;font-family:Courier New,monospace;font-size:.85rem}.ga-otb-move-list-head,.ga-otb-move-row{display:grid;grid-template-columns:40px 1fr 1fr;align-items:center;padding:5px 10px}.ga-otb-move-list-head{background:#1e293b;color:#64748b;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0}.ga-otb-move-row:nth-child(2n){background:#0f1929}.ga-otb-move-row:nth-child(odd){background:#111827}.ga-otb-move-row.needs-fix{background:#2d1700}.ga-otb-mn{color:#64748b}.ga-otb-ms{color:#e2e8f0}.ga-otb-ms.bad{color:#fb923c;font-style:italic}.ga-otb-no-moves{color:#94a3b8;font-size:.85rem;text-align:center;padding:16px 0}.ga-otb-ambiguous-section{margin-top:16px}.ga-otb-ambiguous-title{font-size:.9rem;font-weight:700;color:#fb923c;margin-bottom:10px}.ga-otb-rescan-btn{background:none;border:1px solid #334155;color:#94a3b8;border-radius:6px;padding:6px 14px;font-size:.8rem;cursor:pointer;transition:border-color .15s,color .15s}.ga-otb-rescan-btn:hover{border-color:#64748b;color:#e2e8f0}.ga-otb-limit-card{text-align:center;padding:32px 24px;background:linear-gradient(180deg,#1f1008,#111827);border:1px solid #f59e0b55;border-radius:14px;margin-top:8px}.ga-otb-limit-icon{font-size:3rem;margin-bottom:12px}.ga-otb-limit-title{font-size:1.2rem;font-weight:700;color:#fbbf24;margin-bottom:10px}.ga-otb-limit-body{font-size:.95rem;color:#cbd5e1;line-height:1.7}.ga-otb-limit-body strong{color:#f59e0b}.ga-otb-limit-detail{margin-top:14px;font-size:.82rem;color:#6b7280}.ga-login-prompt{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;border-radius:14px;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #3b4c6b;text-align:center}.ga-login-prompt-icon{font-size:2rem}.ga-login-prompt-body{font-size:.97rem;color:#c9d1e0;line-height:1.5}.ga-login-prompt-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.ga-login-prompt-btn{padding:8px 20px;border-radius:8px;background:#3b82f6;color:#fff;font-weight:600;font-size:.92rem;text-decoration:none;transition:background .18s}.ga-login-prompt-btn:hover{background:#2563eb}.ga-login-prompt-btn--outline{background:transparent;border:1px solid #3b82f6;color:#93c5fd}.ga-login-prompt-btn--outline:hover{background:#1e3a5f}@media (max-width: 768px){.ga-otb-drop{padding:24px 16px}.ga-otb-drop-icon{font-size:2rem}.ga-otb-drop-title{font-size:.97rem}.ga-otb-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.ga-otb-preview img{height:110px}.ga-otb-move-list{font-size:.8rem;max-height:260px}.ga-otb-side-toggle{flex:1;justify-content:center}.ga-otb-side-btn{flex:1;text-align:center;padding:8px 12px}}@media (max-width: 500px){.ga-otb-drop{padding:20px 12px;border-radius:10px}.ga-otb-drop-icon{font-size:1.7rem}.ga-otb-drop-title{font-size:.93rem}.ga-otb-drop-sub{font-size:.78rem}.ga-otb-side-row{flex-direction:column;align-items:flex-start;gap:8px}.ga-otb-side-toggle{width:100%}.ga-otb-side-btn{flex:1;padding:9px 8px;font-size:.88rem}.ga-otb-preview-grid{grid-template-columns:repeat(2,1fr);gap:8px}.ga-otb-preview img{height:100px}.ga-otb-move-list-head,.ga-otb-move-row{grid-template-columns:32px 1fr 1fr;padding:4px 8px}.ga-otb-move-list{font-size:.76rem;max-height:220px}.ga-otb-limit-card{padding:22px 14px;border-radius:10px}.ga-otb-limit-icon{font-size:2.2rem;margin-bottom:8px}.ga-otb-limit-title{font-size:1rem}.ga-otb-limit-body{font-size:.88rem}.ga-login-prompt{padding:22px 14px;border-radius:10px}.ga-login-prompt-body{font-size:.88rem}.ga-login-prompt-btn{padding:9px 16px;font-size:.85rem;width:100%;text-align:center}.ga-login-prompt-actions{flex-direction:column;width:100%}}.arc-shell{display:flex;min-height:100vh;position:relative;overflow:hidden}.arc-content{flex:1;margin-left:186px;position:relative;z-index:1}.arc-home-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;align-items:stretch}.arc-lobby-option{display:flex;align-items:center;gap:24px;padding:28px 32px}.arc-lobby-option-icon{font-size:56px;flex-shrink:0}.arc-lobby-option-text{flex:1}.arc-lobby-option-btn{flex-shrink:0}.arc-lobby-desc{display:block}.arc-ttt-size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.arc-game-ttt{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:nowrap}.arc-game-bingo{display:flex;gap:14px;align-items:center;flex-wrap:nowrap;justify-content:center;padding-top:34px}@media (max-width: 1024px){.arc-content{margin-left:160px}.arc-home-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.arc-lobby-option{gap:18px;padding:22px 24px}.arc-lobby-option-icon{font-size:48px}}@media (max-width: 768px){.arc-content{margin-left:0}.arc-home-cards{grid-template-columns:1fr;gap:16px}.arc-lobby-option{flex-direction:column;align-items:flex-start;gap:14px;padding:20px}.arc-lobby-option-icon{font-size:42px}.arc-lobby-option>button,.arc-lobby-option-btn{width:100%!important;flex-shrink:unset}.arc-lobby-desc{display:none}.arc-game-ttt{flex-direction:column;gap:16px}.arc-ttt-board{order:1;width:100%;min-width:unset!important}.arc-ttt-chess{order:2;width:100%}.arc-game-bingo{flex-direction:column;flex-wrap:wrap;padding-top:40px;gap:16px}}@media (max-width: 480px){.arc-content{margin-left:0}.arc-home-cards{grid-template-columns:1fr;gap:12px}.arc-lobby-option{padding:16px 14px;gap:10px}.arc-lobby-option-icon{font-size:36px}.arc-lobby-option>button,.arc-lobby-option-btn{width:100%!important;flex-shrink:unset}.arc-lobby-desc{display:none}.arc-ttt-size-grid{grid-template-columns:1fr!important;gap:12px}.arc-game-ttt{flex-direction:column;gap:12px}.arc-ttt-board{order:1;width:100%;min-width:unset!important}.arc-ttt-chess{order:2;width:100%}.arc-game-bingo{padding-top:40px;gap:10px}.arc-board-scale{transform:scale(.85);transform-origin:top center}}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}html{overflow:hidden scroll}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{color:#213547;box-sizing:border-box;background:#fff;width:100%;min-width:320px;min-height:100vh;margin:0;padding-top:0;display:block;overflow-x:hidden}body.no-header-padding{padding-top:0}.full-height-minus-header{min-height:calc(100vh - var(--header-height-desktop))}*,:before,:after{box-sizing:inherit}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}.site-footer{padding:20px;text-align:center;background:#ffffffe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:3px solid rgba(255,107,107,.25);box-shadow:0 -15px 40px #ff6b6b40,0 -5px 15px #00000026}.footer-text{font-size:15px;font-weight:700;color:transparent;background:linear-gradient(135deg,#ff6b6b,#ff8e53,#feca57,#ee5a6f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px}:root{--primary-color: #2563eb;--secondary-color: #7c3aed;--background-color: #f8fafc;--card-bg: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}