:root{--bg: #060d18;--bg-elevated: #0a1628;--surface-1: #0f1d32;--surface-2: #142640;--surface-3: #1a3050;--surface-glass: rgba(20, 38, 64, .72);--surface-hover: rgba(255, 255, 255, .06);--border: rgba(148, 180, 220, .14);--border-strong: rgba(148, 180, 220, .28);--border-gold: rgba(212, 168, 83, .45);--glow-brand: 0 0 32px rgba(46, 196, 182, .18);--glow-gold: 0 0 24px rgba(212, 168, 83, .15);--text-primary: #f4f8ff;--text-secondary: #8fa3c4;--text-muted: #5c7294;--brand: #2ec4b6;--brand-dark: #1a9a8f;--brand-2: #5eead4;--gold: #d4a853;--gold-light: #f0d48a;--felt: #1a5c4a;--felt-light: #2a8068;--ok: #34d399;--warn: #fbbf24;--bad: #f87171;--blunder: #ff4d6d;--mistake: #ff8c42;--inaccuracy: #ffbf47;--good: #4ade80;--excellent: #38bdf8;--best: #818cf8;--nav-width: 96px;--nav-collapsed: 72px;--header-height: 64px;--radius-xl: 20px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--radius-xs: 6px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .45);--shadow-card: 0 4px 24px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .06);--font-sans: "DM Sans", "Segoe UI", system-ui, sans-serif;--font-display: "Instrument Serif", Georgia, serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--z-base: 1;--z-sticky: 10;--z-overlay: 20;--z-modal: 100;--z-toast: 1000;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .14s;--duration-normal: .22s;--duration-slow: .36s;--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--brand)}.app-frame{display:grid;grid-template-columns:var(--nav-width) minmax(0,1fr);min-height:100vh;background:var(--bg);position:relative;isolation:isolate}.app-frame:before,.app-frame:after{content:"";position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.app-frame:before{width:480px;height:480px;top:-120px;right:10%;background:#2ec4b61f;animation:pulse-glow 8s ease-in-out infinite}.app-frame:after{width:360px;height:360px;bottom:-80px;left:30%;background:#d4a85314;animation:pulse-glow 10s ease-in-out infinite reverse}.app-main{display:flex;flex-direction:column;min-width:0;min-height:100vh;overflow:hidden;position:relative;z-index:1}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 32px 18px;border-bottom:1px solid rgba(212,168,83,.08);background:#060d18bf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:10}.page-title{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:400;letter-spacing:-.02em;line-height:1.1}.page-subtitle{margin:6px 0 0;color:var(--text-secondary);font-size:14px;max-width:520px}.page-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.page-content{flex:1;overflow:auto;padding:24px 32px 40px}.feedback-fab{position:fixed;right:22px;bottom:22px;z-index:var(--z-toast);width:48px;height:48px;border-radius:50%;border:1px solid var(--border-gold);background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#101827;display:grid;place-items:center;font-size:22px;font-weight:900;box-shadow:var(--shadow-md)}.feedback-fab:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.feedback-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-toast);display:grid;place-items:center;padding:18px;background:#02060cb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feedback-modal{width:min(440px,100%);display:grid;gap:14px;padding:18px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-1);box-shadow:var(--shadow-lg)}.feedback-modal-head,.feedback-modal-actions,.feedback-file-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.feedback-modal-head strong,.feedback-file-row span{display:block;color:var(--text-primary)}.feedback-modal-head span{display:block;margin-top:2px;color:var(--text-secondary);font-size:12px}.feedback-modal-head button{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);color:var(--text-primary);background:var(--surface-2)}.feedback-modal textarea{width:100%;min-height:132px;resize:vertical;border-radius:var(--radius-sm);border:1px solid var(--border);padding:12px;color:var(--text-primary);background:#060d18d9;font:inherit}.feedback-file-row{min-height:40px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff08}.feedback-file-row input{max-width:190px;color:var(--text-secondary)}.feedback-file-name,.feedback-status{margin:0;font-size:13px}.feedback-status{color:var(--gold-light)}.app-nav{display:flex;flex-direction:column;padding:20px 14px;border-right:1px solid rgba(212,168,83,.08);background:linear-gradient(180deg,#0f1d32fa,#060d18fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;height:100vh;overflow-y:auto}.app-nav-brand{display:flex;align-items:center;gap:12px;padding:4px 10px 24px}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--felt-light),var(--felt));border:1px solid var(--border-gold);box-shadow:var(--glow-brand)}.brand-dice{font-size:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-text strong{font-size:17px;letter-spacing:-.02em}.brand-text span{font-size:12px;color:var(--gold-light);text-transform:uppercase;letter-spacing:.12em}.app-nav-list{list-style:none;margin:0;padding:0;gap:4px;flex:1}.app-nav-list-mobile{display:none}.app-nav-list-desktop{display:flex;flex-direction:column}.page-header.centered{flex-direction:column;align-items:center;text-align:center}.page-header.centered .page-header-copy{max-width:640px}.page-header.centered .page-subtitle{margin-left:auto;margin-right:auto}.page-header.centered .page-header-actions{position:absolute;right:32px;top:22px}.page-header.centered{position:relative}.immersive-header{border-top:2px solid rgba(212,168,83,.35)}.app-nav-footer-desktop{display:flex;flex-direction:column;gap:10px;align-items:center;padding-top:12px;margin-top:auto}.sound-toggle{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-secondary);cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.sound-toggle.compact{padding:8px}.sound-toggle.on{border-color:#d4a85340;color:var(--gold-light)}.nav-profile-chip.compact{width:100%;flex-direction:column;gap:6px;padding:10px 8px;text-align:center}.nav-profile-copy{display:grid;gap:2px}.nav-profile-name{font-size:10px;letter-spacing:.04em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:72px}.featured-tournament-hero{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-bottom:20px;padding:24px 28px;border-radius:var(--radius-xl);border:1px solid rgba(212,168,83,.28);background:linear-gradient(135deg,#d4a8531a,#060d18f2 55%),#0a1628f2;box-shadow:inset 0 1px #d4a85326}.featured-tournament-tag{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#d4a85326;border:1px solid rgba(212,168,83,.3);color:var(--gold-light);margin-bottom:8px}.featured-tournament-copy h2{margin:0 0 8px;font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);font-weight:400}.featured-tournament-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.featured-tournament-art{font-size:64px;filter:drop-shadow(0 8px 24px rgba(212,168,83,.2))}.tournament-tabs{margin-bottom:18px}@media (max-width: 900px){.featured-tournament-hero{grid-template-columns:1fr}.page-header.centered .page-header-actions{position:static;margin-top:12px}}.app-nav-link{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast),border-color var(--duration-fast)}.app-nav-link:hover{background:var(--surface-hover);color:var(--text-primary)}.app-nav-link.active{background:linear-gradient(90deg,#2ec4b626,#2ec4b60a);border-color:#2ec4b640;color:var(--text-primary);box-shadow:inset 3px 0 0 var(--brand)}.app-nav-icon{width:20px;height:20px;flex-shrink:0}.app-nav-link-text{display:flex;flex-direction:column;gap:1px;min-width:0}.app-nav-label{font-size:14px;font-weight:600}.app-nav-desc{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-nav-link.active .app-nav-desc{color:var(--text-secondary)}.app-nav-footer{padding-top:16px;border-top:1px solid var(--border);margin-top:8px}.nav-profile-chip{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--radius-md);background:var(--surface-hover);border:1px solid transparent;color:inherit;cursor:pointer;text-align:left;transition:border-color var(--duration-fast),background var(--duration-fast)}.nav-profile-chip:hover{border-color:#d4a85340;background:#d4a85314}.nav-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:14px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#1a1204}.nav-profile-chip strong{display:block;font-size:16px;color:var(--gold-light)}.nav-profile-chip .muted{font-size:11px}.app-immersive{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.immersive-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid rgba(212,168,83,.12);background:#060d18f0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:20}.immersive-brand-block{display:flex;align-items:center;gap:16px;min-width:0}.immersive-brand{display:flex;align-items:center;gap:12px;min-width:0}.immersive-brand strong{display:block;font-family:var(--font-display);font-size:18px;font-weight:400;letter-spacing:-.01em}.immersive-subtitle{margin:2px 0 0;font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.immersive-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.brand-mark-sm{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--felt-light),var(--felt));border:1px solid var(--border-gold);font-size:16px}.immersive-actions{display:flex;gap:8px;align-items:center}.immersive-main{flex:1;min-height:0;padding:12px}.lobby-hero{position:relative;overflow:hidden;border-radius:var(--radius-xl);padding:32px;margin-bottom:28px;display:grid;grid-template-columns:1fr minmax(280px,42%);gap:32px;align-items:center;background:linear-gradient(135deg,#174a3a73,#0a1628eb,#060d18fa);border:1px solid rgba(212,168,83,.22);box-shadow:var(--shadow-lg),0 0 80px #2ec4b614}.lobby-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 80%,rgba(46,196,182,.15),transparent 40%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.025'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.lobby-hero-visual,.lobby-hero-content{position:relative;z-index:1}.lobby-hero-eyebrow{display:inline-block;padding:4px 10px;margin-bottom:12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-light);background:#d4a85326;border:1px solid var(--border-gold)}.lobby-hero h2{margin:0 0 10px;font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:400;line-height:1.05}.lobby-hero p{margin:0 0 24px;color:var(--text-secondary);font-size:15px;line-height:1.55}.lobby-hero-actions{display:flex;flex-wrap:wrap;gap:10px}.mode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:28px}.mode-card{position:relative;display:flex;align-items:center;gap:14px;padding:20px 22px;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(165deg,#1e324e99,#0c1626d9);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;color:inherit;overflow:hidden;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal),border-color var(--duration-normal)}.mode-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--duration-normal);pointer-events:none}.mode-card.accent-teal:before{background:linear-gradient(135deg,rgba(46,196,182,.12),transparent 60%)}.mode-card.accent-gold:before{background:linear-gradient(135deg,rgba(212,168,83,.12),transparent 60%)}.mode-card.accent-purple:before{background:linear-gradient(135deg,rgba(129,140,248,.12),transparent 60%)}.mode-card:hover:before{opacity:1}.mode-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.mode-card.accent-teal:hover{border-color:#2ec4b666;box-shadow:var(--shadow-md),var(--glow-brand)}.mode-card.accent-gold:hover{border-color:var(--border-gold);box-shadow:var(--shadow-md),var(--glow-gold)}.mode-card.accent-purple:hover{border-color:#818cf866}.mode-card-badge{position:absolute;top:10px;right:10px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;background:var(--brand);color:#042f2b}.mode-card-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;flex-shrink:0;position:relative;z-index:1;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal)}.mode-card-icon svg{width:26px;height:26px}.accent-teal .mode-card-icon{background:linear-gradient(145deg,#2ec4b640,#1a786e26);color:var(--brand-2);box-shadow:inset 0 1px #ffffff1a}.accent-gold .mode-card-icon{background:linear-gradient(145deg,#d4a85347,#8c642826);color:var(--gold-light)}.accent-purple .mode-card-icon{background:linear-gradient(145deg,#818cf847,#505ab426);color:#a5b4fc}.mode-card-body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.mode-card-body strong{font-size:15px}.mode-card-body span{font-size:12px;color:var(--text-secondary)}.mode-card-arrow{color:var(--text-muted);font-size:18px;transition:transform var(--duration-fast)}.mode-card:hover .mode-card-arrow{transform:translate(3px);color:var(--brand-2)}.mode-card:hover .mode-card-icon{transform:translateY(-2px) rotate(-2deg) scale(1.04)}.stats-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}.stat-tile{position:relative;padding:18px 20px;border-radius:var(--radius-md);background:linear-gradient(165deg,#1a305080,#0c1626bf);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;transition:border-color var(--duration-fast),transform var(--duration-fast)}.stat-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.08) 45%,transparent 70%);transform:translate(-120%);transition:transform .68s var(--ease-out);pointer-events:none}.stat-tile:hover{border-color:var(--border-strong);transform:translateY(-2px)}.stat-tile:hover:after{transform:translate(120%)}.stat-tile-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.stat-tile-value{display:block;font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1}.stat-tile.accent-gold .stat-tile-value{color:var(--gold-light)}.stat-tile.accent-teal .stat-tile-value{color:var(--brand-2)}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.page-grid.single{grid-template-columns:1fr;max-width:900px}.page-column,.panel-section{display:flex;flex-direction:column;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label,.form-field span{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.form-field select,.form-field input,.field-input{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#00000040;color:var(--text-primary);outline:none;transition:border-color var(--duration-fast)}.form-field select:focus,.form-field input:focus,.field-input:focus{border-color:var(--brand)}.field-row{display:flex;gap:8px}.field-row .field-input{flex:1}.account-session-row{margin-top:16px;padding-top:14px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.account-session-row div{min-width:0;display:grid;gap:4px}.account-session-row strong,.account-session-row span{overflow-wrap:anywhere}.data-list{display:flex;flex-direction:column;gap:8px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:var(--radius-md);background:#0003;border:1px solid var(--border);transition:border-color var(--duration-fast),background var(--duration-fast)}.list-row:hover{border-color:var(--border-strong);background:#ffffff08}.list-row.compact{padding:10px 14px}.list-row-main strong{display:block;font-size:14px;margin-bottom:2px}.list-row-actions{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.data-table{display:flex;flex-direction:column;gap:2px}.data-table-row{display:grid;grid-template-columns:40px 1fr 80px 70px;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;align-items:center}.data-table-row.heading{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:transparent}.data-table-row:not(.heading):hover{background:var(--surface-hover)}.panel-empty{padding:32px 20px;text-align:center;color:var(--text-muted);font-size:14px}.mono{font-family:ui-monospace,Cascadia Code,monospace;font-size:12px}.segment-tabs{display:inline-flex;padding:3px;border-radius:var(--radius-sm);background:#0000004d;border:1px solid var(--border)}.segment-tabs button{padding:6px 14px;border:0;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.segment-tabs button.active{background:var(--brand);color:#042f2b}.play-arena{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}.play-board-live{position:sticky;top:100px}.play-board-caption{text-align:center;margin-top:12px;font-size:13px}.play-setup-card{padding:4px 0 0}.play-launch{margin-top:24px}.play-launch .ui-btn{width:100%;padding:15px;font-size:16px;font-weight:700}.match-length-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.match-length-chip{padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0003;color:var(--text-secondary);font-weight:700;cursor:pointer;transition:all var(--duration-fast)}.match-length-chip.active{border-color:var(--gold);background:#d4a85326;color:var(--gold-light)}.style-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}.style-chip{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0003;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:all var(--duration-fast)}.style-chip-emoji{font-size:16px}.style-chip.active{border-color:var(--brand);background:#2ec4b61f;color:var(--brand-2)}.difficulty-pills{display:grid;gap:8px;margin-top:8px}.difficulty-pill{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:#0003;color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--duration-fast)}.difficulty-pill strong{font-size:14px;color:var(--text-primary)}.difficulty-pill small{font-size:12px;color:var(--text-muted)}.difficulty-pill.active{border-color:var(--brand);background:#2ec4b61a;box-shadow:inset 3px 0 0 var(--brand)}.match-feed{display:flex;flex-direction:column;gap:6px}.match-feed-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);background:#00000038;border:1px solid var(--border);transition:border-color var(--duration-fast),background var(--duration-fast)}.match-feed-row:hover{border-color:var(--border-strong);background:#ffffff08}.match-feed-result{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:14px;flex-shrink:0}.match-feed-result.win{background:#34d39926;color:var(--ok);border:1px solid rgba(52,211,153,.3)}.match-feed-result.loss{background:#f871711a;color:var(--bad);border:1px solid rgba(248,113,113,.25)}.match-feed-main{flex:1;min-width:0}.match-feed-main strong{display:block;font-size:14px}.match-feed-acc{display:flex;flex-direction:column;align-items:center;min-width:44px;padding:6px 8px;border-radius:8px;background:#00000040}.match-feed-acc span{font-size:16px;font-weight:800;line-height:1}.match-feed-acc small{font-size:9px;font-weight:700;letter-spacing:.06em;opacity:.7}.match-feed-acc.acc-excellent span{color:var(--ok)}.match-feed-acc.acc-good span{color:var(--brand-2)}.match-feed-acc.acc-ok span{color:var(--warn)}.match-feed-acc.acc-low span{color:var(--bad)}.onboard-shell{min-height:100vh;display:grid;place-items:center;padding:32px 24px;position:relative;overflow:hidden}.onboard-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 20% 20%,rgba(46,196,182,.15),transparent 50%),radial-gradient(ellipse 50% 40% at 80% 80%,rgba(212,168,83,.1),transparent 45%),var(--bg)}.onboard-layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr minmax(300px,46%);gap:48px;align-items:center;max-width:1100px;width:100%}.onboard-copy h1{margin:0 0 16px;font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3.25rem);font-weight:400;line-height:1.05;max-width:520px}.onboard-features{list-style:none;margin:28px 0;padding:0;display:grid;gap:12px}.onboard-features li{display:flex;align-items:center;gap:14px;color:var(--text-secondary);font-size:15px}.onboard-features span{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--gold-light);background:#d4a8531f;border:1px solid rgba(212,168,83,.25)}.learn-welcome-badge{display:inline-block;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--brand-2);background:#2ec4b61f;border:1px solid rgba(46,196,182,.28);margin-bottom:16px}.learn-welcome-copy{font-size:17px;line-height:1.6;color:var(--text-secondary);max-width:480px}.learn-welcome-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.mobile-top-bar{display:none;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid rgba(212,168,83,.1);background:#060d18eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:50}.mobile-top-bar strong{font-family:var(--font-display);font-size:1.1rem;font-weight:400}.ui-card{transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.ui-card:hover{border-color:#d4a8532e;box-shadow:var(--shadow-md),0 0 0 1px #d4a8530f}.keyboard-hints{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}.keyboard-hints.compact{gap:6px 10px}.keyboard-hint{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.keyboard-hint kbd{display:inline-grid;place-items:center;min-width:24px;padding:3px 7px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#00000059;color:var(--text-secondary);font-size:10px;font-weight:700;font-family:inherit;box-shadow:0 2px #00000059}.daily-puzzle-spotlight{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin-bottom:24px;padding:22px 24px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#818cf829,#060d18eb 55%);border:1px solid rgba(129,140,248,.28);box-shadow:0 0 40px #818cf81a}.daily-puzzle-spotlight.loading{min-height:120px}.daily-puzzle-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#c7d2fe;background:#818cf833;border:1px solid rgba(129,140,248,.35);margin-bottom:10px}.daily-puzzle-copy h3{margin:0 0 8px;font-family:var(--font-display);font-size:1.35rem;font-weight:400;max-width:520px}.daily-puzzle-copy p{margin:0 0 14px;font-size:14px}.daily-puzzle-actions{display:flex;gap:10px}.daily-puzzle-visual{display:grid;gap:10px;justify-items:center;padding:16px 20px;border-radius:var(--radius-lg);background:#00000047;border:1px solid rgba(255,255,255,.08)}.daily-puzzle-dice{display:flex;gap:10px}.daily-puzzle-die{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-size:20px;font-weight:800;background:linear-gradient(145deg,#fffef9,#e8e0d4);color:#1a1204;box-shadow:0 4px 12px #00000059}.daily-puzzle-phase{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--text-muted)}.lobby-challenge-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.challenge-banner-copy{display:grid;gap:4px}.challenge-banner-copy strong{font-size:15px}.hero-board-compact .hero-board-hud{transform:scale(.9)}@media (max-width: 1100px){.app-frame{grid-template-columns:1fr}.app-nav{position:fixed;bottom:0;left:0;right:0;top:auto;height:auto;flex-direction:row;align-items:stretch;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));border-right:0;border-top:1px solid rgba(212,168,83,.12);background:#060d18f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;overflow:visible;box-shadow:0 -8px 32px #0006}.app-nav-brand,.app-nav-footer-desktop,.app-nav-desc,.app-nav-list-desktop{display:none!important}.app-nav-list-mobile{display:flex;flex-direction:row;width:100%;justify-content:space-around;align-items:flex-end;gap:2px}.app-nav-list-mobile>li{flex:1;min-width:0;max-width:72px}.mobile-nav-more-wrap{position:relative;flex:1;min-width:0;max-width:72px}.app-nav-link{flex-direction:column;align-items:center;justify-content:center;padding:8px 4px 6px;gap:4px;border-radius:var(--radius-sm);min-height:52px;position:relative}.app-nav-link.active{box-shadow:none;background:#2ec4b61f;border-color:transparent}.app-nav-link.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:3px;border-radius:0 0 4px 4px;background:var(--brand-2)}.app-nav-icon{width:22px;height:22px}.app-nav-label{font-size:10px;font-weight:700;letter-spacing:.01em}.app-nav-link-text{align-items:center}.mobile-nav-more{position:absolute;bottom:calc(100% + 10px);right:0;min-width:180px;padding:6px;border-radius:var(--radius-md);background:#0f1d32fa;border:1px solid rgba(212,168,83,.2);box-shadow:var(--shadow-lg);display:grid;gap:4px;z-index:200;animation:fade-up .2s var(--ease-out)}.mobile-nav-more-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;text-align:left}.mobile-nav-more-item:hover,.mobile-nav-more-item.active{background:#2ec4b61f;color:var(--text-primary)}.app-main{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.mobile-top-bar{display:flex}.onboard-layout{grid-template-columns:1fr}.onboard-visual{order:-1;max-width:440px;margin:0 auto}.lobby-hero{grid-template-columns:1fr}.lobby-hero-visual{order:-1;max-width:420px;margin:0 auto}.page-grid,.play-arena{grid-template-columns:1fr}.page-header{padding:16px 20px 12px}.page-content{padding:16px 20px 32px}.daily-puzzle-spotlight{grid-template-columns:1fr}.daily-puzzle-visual{justify-self:start}}.app-frame{background:radial-gradient(circle at 50% 0%,rgba(212,168,83,.06),transparent 40%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),var(--bg);background-size:auto,48px 48px,48px 48px,auto}.app-nav{padding:16px 8px;align-items:center}.app-nav-brand{flex-direction:column;padding:0 0 18px}.hex-brand-mark{width:52px;height:52px;clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);border-radius:0;background:linear-gradient(180deg,#ffffff1f,#00000059);border:1px solid rgba(212,168,83,.35)}.hex-brand-inner{font-family:var(--font-display);font-size:22px;color:var(--gold-light)}.app-nav-link{flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:var(--radius-sm)}.app-nav-label{font-size:9px;letter-spacing:.08em;text-align:center}.app-nav-icon{width:22px;height:22px}.app-nav-link.active{box-shadow:inset 0 -2px 0 var(--gold);background:#d4a85314;border-color:#d4a85338;color:var(--gold-light)}.hex-home-hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;margin-bottom:24px;padding:clamp(24px,4vw,42px);border-radius:var(--radius-xl);border:1px solid rgba(212,168,83,.2);background:radial-gradient(circle at 78% 18%,rgba(46,196,182,.16),transparent 34%),radial-gradient(circle at 16% 84%,rgba(212,168,83,.14),transparent 36%),linear-gradient(145deg,#0f1d32f0,#060d18fa);box-shadow:var(--shadow-lg),inset 0 1px #ffffff0f;overflow:hidden;isolation:isolate}.hex-home-hero:before,.hex-home-hero:after{content:"";position:absolute;pointer-events:none;z-index:-1}.hex-home-hero:before{top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0 42%,rgba(255,255,255,.07) 48%,transparent 56%),url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23d4a853' stroke-opacity='0.08'%3E%3Cpath d='M20 8l20 12v24L20 56 0 44V20z'/%3E%3Cpath d='M60 24l20 12v24L60 72 40 60V36z'/%3E%3C/g%3E%3C/svg%3E");background-size:220% 100%,80px 80px;animation:hero-sheen 8s ease-in-out infinite}.hex-home-hero:after{width:320px;height:320px;right:-110px;bottom:-150px;border-radius:50%;border:1px solid rgba(212,168,83,.12);box-shadow:inset 0 0 60px #d4a85312;animation:slow-spin 18s linear infinite}.hex-home-copy{position:relative;z-index:2}.hex-home-copy h2{margin:8px 0 12px;font-family:var(--font-display);font-size:clamp(2.35rem,5vw,4.2rem);font-weight:400;line-height:.98;letter-spacing:-.035em}.hex-home-copy p{max-width:620px;color:var(--text-secondary);font-size:clamp(15px,1.4vw,17px);line-height:1.62}.home-hero-metrics{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 18px}.home-hero-metrics span{display:inline-flex;align-items:baseline;gap:6px;padding:8px 12px;border-radius:999px;background:#0000003d;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:12px}.home-hero-metrics strong{color:var(--text-primary);font-size:15px}.hex-home-visual{position:relative;min-width:0}.home-orbit-chip,.home-floating-review{position:absolute;z-index:4;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#060d18c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-md)}.home-orbit-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.03em;animation:float-chip 5s ease-in-out infinite}.home-orbit-chip.chip-top{top:6%;right:2%}.home-orbit-chip.chip-bottom{left:4%;bottom:12%;color:var(--gold-light);animation-delay:-1.5s}.home-floating-review{right:6%;bottom:-4px;display:grid;gap:2px;min-width:190px;padding:12px 14px;color:inherit;text-align:left;cursor:pointer;transition:transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal),box-shadow var(--duration-normal)}.home-floating-review:hover{transform:translateY(-4px);border-color:#d4a85359;box-shadow:var(--shadow-lg),var(--glow-gold)}.home-floating-review span,.home-floating-review small{color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.home-floating-review strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.home-command-card{position:relative;display:grid;gap:8px;min-height:154px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);background:linear-gradient(145deg,#142640bd,#060d18e6);color:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal),box-shadow var(--duration-normal)}.home-command-card:before{content:"";position:absolute;inset:auto -20% -45% -20%;height:80%;background:radial-gradient(circle,rgba(46,196,182,.18),transparent 64%);opacity:0;transform:translateY(12px);transition:opacity var(--duration-normal),transform var(--duration-normal);pointer-events:none}.home-command-card.primary{border-color:#d4a8534d;background:radial-gradient(circle at 80% 0%,rgba(212,168,83,.18),transparent 34%),linear-gradient(145deg,#1a3050d1,#060d18f0)}.home-command-card:hover{transform:translateY(-4px);border-color:#2ec4b652;box-shadow:var(--shadow-md)}.home-command-card:hover:before{opacity:1;transform:translateY(0)}.home-command-kicker{width:fit-content;padding:4px 9px;border-radius:999px;background:#ffffff0f;color:var(--gold-light);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.home-command-card strong{font-family:var(--font-display);font-size:1.35rem;font-weight:400;line-height:1.05}.home-command-card p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.45}.featured-tournament-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.watch-tabs,.puzzle-phase-tabs{margin-bottom:18px}.puzzle-filter-toolbar{margin-bottom:14px;grid-template-columns:repeat(2,minmax(0,260px))}.watch-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.watch-search{width:100%;margin-bottom:16px}.watch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.watch-card{padding:16px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:#00000038;display:grid;gap:10px}.watch-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.watch-game-card{min-height:230px;padding:16px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,#0f1c30eb,#070d18e0),#00000038;display:grid;gap:12px;align-content:start;box-shadow:0 18px 36px #00000038;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.watch-game-card:hover{border-color:#d4a8534d;box-shadow:0 22px 42px #0000004d}.watch-game-card.live{border-color:#34d39938}.watch-game-card.win{border-color:#34d3992e}.watch-game-card.loss{border-color:#f8717129}.watch-game-card.skeleton{min-height:230px;background:linear-gradient(100deg,#ffffff0a,#ffffff1a,#ffffff0a),#00000038;background-size:220% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite}.watch-status-pill{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:4px 10px;border-radius:999px;background:#94a3b81f;border:1px solid rgba(148,163,184,.2);color:var(--text-secondary);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.watch-status-pill.live{color:#86efac;background:#34d3991f;border-color:#34d39942}.watch-status-pill.win{color:#86efac;background:#34d3991f;border-color:#34d39938}.watch-status-pill.loss{color:#fca5a5;background:#f871711f;border-color:#f8717138}.watch-matchup{display:grid;gap:8px}.watch-player-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:8px 10px;border-radius:12px;background:#ffffff0b;border:1px solid rgba(255,255,255,.06)}.watch-player-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch-seat-chip{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f3dfae;color:#111827;font-weight:900;font-size:12px}.watch-seat-chip.dark{background:#253244;color:#f8fafc}.watch-game-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--text-secondary);font-size:12px;font-weight:800}.watch-game-meta span{min-height:26px;display:inline-flex;align-items:center;padding:0 8px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.watch-pagination{display:flex;align-items:center;justify-content:center;gap:12px;min-height:40px}.watch-page-label{color:var(--text-secondary);font-size:12px;font-weight:900}.live-pulse-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#34d3991f;border:1px solid rgba(52,211,153,.25);color:#86efac}.live-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399a6;animation:live-dot-pulse 1.8s ease-in-out infinite}@keyframes live-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.85)}}.live-mode-badge{display:inline-flex;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#d4a8531f;border:1px solid rgba(212,168,83,.25);color:var(--gold-light)}.live-analysis-hint{line-height:1.55;font-size:13px}.side-panel-live .side-panel-head{padding-bottom:12px;display:grid;gap:4px}@media (max-width: 960px){.hex-home-hero{grid-template-columns:1fr}}.play-arena-hero,.watch-studio-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;margin-bottom:20px;padding:clamp(22px,3vw,32px);border-radius:var(--radius-xl);border:1px solid rgba(212,168,83,.18);background:radial-gradient(circle at 82% 16%,rgba(46,196,182,.18),transparent 34%),linear-gradient(145deg,#0f1d32eb,#060d18fa);box-shadow:var(--shadow-md),inset 0 1px #ffffff0f;overflow:hidden}.play-arena-hero:before,.watch-studio-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.055) 50%,transparent 58%),radial-gradient(circle at 0% 100%,rgba(212,168,83,.12),transparent 36%);background-size:230% 100%,auto;animation:hero-sheen 9s ease-in-out infinite;pointer-events:none}.play-arena-copy,.watch-studio-copy,.play-arena-status,.watch-studio-stats{position:relative;z-index:1}.play-arena-eyebrow,.watch-studio-eyebrow{display:inline-flex;width:fit-content;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-light);background:#d4a85324;border:1px solid rgba(212,168,83,.28)}.play-arena-copy h2,.watch-studio-copy h2{margin:10px 0 8px;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.15rem);font-weight:400;line-height:1;letter-spacing:-.03em}.play-arena-copy p,.watch-studio-copy p{margin:0;max-width:640px;color:var(--text-secondary);line-height:1.55}.play-arena-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.play-arena-status,.watch-studio-stats{display:grid;grid-template-columns:repeat(2,minmax(116px,1fr));gap:10px}.arena-status-card,.watch-studio-stat{min-height:96px;padding:14px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:#0000003d;display:grid;align-content:center;gap:4px;position:relative;overflow:hidden}.arena-status-card:after,.watch-studio-stat:after{content:"";position:absolute;inset:auto -20% -55% -20%;height:80%;background:radial-gradient(circle,rgba(46,196,182,.14),transparent 66%);pointer-events:none}.arena-status-card.live,.watch-studio-stat.live{border-color:#34d39938}.arena-status-card.accent,.watch-studio-stat.accent{border-color:#d4a85347}.arena-status-card strong,.watch-studio-stat strong{font-size:28px;line-height:1;font-variant-numeric:tabular-nums}.arena-status-card small,.watch-studio-stat small{color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.play-hub-header{margin-bottom:18px}.play-hub-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.play-hub-tab{display:grid;gap:4px;padding:14px 16px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:#00000038;color:inherit;cursor:pointer;text-align:left;transition:border-color var(--duration-fast),background var(--duration-fast),transform var(--duration-fast)}.play-hub-tab:hover{border-color:#d4a85340;transform:translateY(-2px)}.play-hub-tab.active{border-color:#d4a85373;background:linear-gradient(145deg,#d4a8531f,#060d18eb);box-shadow:inset 0 -2px 0 var(--gold)}.play-hub-tab strong{font-size:15px}.play-hub-tab span{font-size:12px;color:var(--text-muted)}.matchmaking-hub{display:grid;gap:16px}.matchmaking-status-row{display:flex;flex-wrap:wrap;gap:10px}.matchmaking-stat-pill{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary)}.matchmaking-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.matchmaking-card{position:relative;padding:22px;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,#0f1d32f2,#060d18fa);display:grid;gap:12px;overflow:hidden;transition:transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal),box-shadow var(--duration-normal)}.matchmaking-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.08) 48%,transparent 75%);transform:translate(-130%);transition:transform .68s var(--ease-out);pointer-events:none}.matchmaking-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.matchmaking-card:hover:after{transform:translate(130%)}.matchmaking-card.ranked{border-color:#d4a85347}.matchmaking-card.casual{border-color:#2ec4b633}.matchmaking-card-tag{display:inline-flex;width:fit-content;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#d4a85326;border:1px solid rgba(212,168,83,.3);color:var(--gold-light)}.matchmaking-card-tag.neutral{background:#2ec4b61f;border-color:#2ec4b640;color:var(--brand-2)}.matchmaking-card h3{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:400}.matchmaking-card-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.matchmaking-card-meta span{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.matchmaking-searching{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:24px;border-radius:var(--radius-xl);border:1px solid rgba(212,168,83,.25);background:radial-gradient(circle at 0% 50%,rgba(212,168,83,.18),transparent 38%),#d4a8530f;box-shadow:inset 0 1px #ffffff0d}.matchmaking-spinner{width:42px;height:42px;border-radius:50%;border:3px solid rgba(212,168,83,.2);border-top-color:var(--gold);animation:spin .9s linear infinite}.live-games-rail{margin-bottom:20px;padding:16px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.06);background:#0000002e}.live-games-rail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.live-games-rail-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;margin-bottom:10px}.live-games-rail-card{min-width:220px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#ffffff05;display:grid;gap:6px}.ranked-pill{background:#d4a85326;border-color:#d4a85359;color:var(--gold-light)}.play-custom-hero{margin-top:8px}.play-inline-card{margin-top:4px}@media (max-width: 900px){.play-arena-hero,.watch-studio-hero{grid-template-columns:1fr}.play-arena-status,.watch-studio-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.matchmaking-cards,.play-hub-tabs{grid-template-columns:1fr}.matchmaking-searching{grid-template-columns:1fr;text-align:center;justify-items:center}}@media (max-width: 560px){.play-arena-status,.watch-studio-stats{grid-template-columns:1fr}}.live-match-card{position:relative;padding:16px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,#0f1d32bf,#060d18eb);display:grid;gap:12px;overflow:hidden;transition:border-color var(--duration-fast),transform var(--duration-fast),box-shadow var(--duration-fast)}.live-match-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 0%,rgba(52,211,153,.16),transparent 34%);opacity:.6;pointer-events:none}.live-match-card>*{position:relative;z-index:1}.live-match-card:hover{border-color:#34d39947;transform:translateY(-2px);box-shadow:var(--shadow-md)}.live-match-card.compact{min-width:240px;padding:12px 14px;gap:10px}.live-match-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.live-match-rated{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:#d4a8531f;border:1px solid rgba(212,168,83,.28);color:var(--gold-light)}.live-match-players{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.live-match-player{display:flex;align-items:center;gap:10px;min-width:0}.live-match-player.right{justify-content:flex-end;text-align:right}.live-match-player-copy{display:grid;gap:2px;min-width:0}.live-match-player-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-match-score{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--gold-light)}.live-match-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:13px;flex-shrink:0;background:linear-gradient(145deg,#f4e4bc,#d4a853);color:#2a1f12;border:1px solid rgba(255,255,255,.12)}.live-match-avatar.opp{background:linear-gradient(145deg,#4a5568,#1a2332);color:#f4f8ff}.live-match-vs{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.live-match-meta{font-size:12px;margin:0}.lobby-tournament-spotlight{margin-bottom:24px}.live-focus-tagline{margin:8px 0 0;font-size:12px;color:var(--text-muted);line-height:1.45}.watch-analysis-card{padding:16px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:#00000038;display:grid;gap:10px;transition:border-color var(--duration-fast),transform var(--duration-fast)}.watch-analysis-card:hover{transform:translateY(-2px);border-color:#d4a85338}.watch-analysis-card.win{border-color:#34d39933;background:linear-gradient(160deg,#34d3990f,#00000038)}.watch-analysis-card.loss{border-color:#f8717126}.watch-analysis-result{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.watch-analysis-card.win .watch-analysis-result{background:#34d39926;color:#86efac}.watch-analysis-card.loss .watch-analysis-result{background:#f871711f;color:#fca5a5}.leaderboard-empty{padding:24px 8px;text-align:center}.referral-value-card,.beat-agent-card{display:grid;gap:8px;margin-bottom:14px;padding:14px;border-radius:var(--radius-lg);border:1px solid rgba(212,168,83,.18);background:radial-gradient(circle at 90% 0%,rgba(212,168,83,.16),transparent 34%),#00000038}.referral-credit-pill{justify-self:start;padding:6px 10px;border-radius:999px;background:#2ec4b624;color:var(--brand-2);font-size:.82rem;font-weight:700}.beat-agent-card h3{margin:0;font-family:var(--font-display);font-size:1.45rem;font-weight:400}.beat-agent-card p{margin:0;line-height:1.5}.friend-list{display:grid;gap:10px;margin-top:12px}.friend-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:var(--radius-md);background:#00000038;border:1px solid rgba(255,255,255,.07)}.friend-avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold-light),var(--gold));color:#1a1204;font-weight:900}.friend-main{display:grid;gap:2px;min-width:0}.friend-main span,.friend-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-grid-mini{display:grid;gap:10px}.community-mini-card{display:grid;gap:4px;padding:13px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#00000038;color:inherit;text-align:left;cursor:pointer;transition:transform var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast)}.community-mini-card:hover{transform:translateY(-2px);border-color:#2ec4b647;background:#2ec4b60f}.community-mini-card span{color:var(--text-muted);font-size:12px;line-height:1.4}.community-page{display:grid;gap:18px;max-width:1180px;margin:0 auto}.community-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:clamp(18px,3vw,32px);align-items:center;padding:clamp(22px,4vw,36px);border-radius:var(--radius-xl);border:1px solid rgba(212,168,83,.2);background:radial-gradient(circle at 84% 12%,rgba(46,196,182,.16),transparent 34%),linear-gradient(145deg,#0f1d32f0,#060d18fa);box-shadow:var(--shadow-md),inset 0 1px #ffffff0f;overflow:hidden}.community-hero:after{content:"";position:absolute;width:340px;height:340px;right:-140px;bottom:-170px;border-radius:50%;background:radial-gradient(circle,rgba(212,168,83,.16),transparent 68%);pointer-events:none}.community-hero>*{position:relative;z-index:1}.community-hero h2{margin:10px 0 8px;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);font-weight:400;line-height:1;letter-spacing:-.03em}.community-hero p{max-width:620px;line-height:1.55}.community-hero-panel{display:grid;gap:10px}.community-hero-panel div{display:grid;gap:3px;padding:14px 16px;border-radius:var(--radius-md);background:#0000003d;border:1px solid rgba(255,255,255,.08)}.community-hero-panel span,.community-hero-panel small{color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.community-hero-panel strong{color:var(--gold-light);font-size:32px;line-height:1;font-variant-numeric:tabular-nums}.community-section-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.community-section-card{min-height:250px;border-color:#ffffff14;background:radial-gradient(circle at 88% 0%,rgba(255,255,255,.07),transparent 34%),linear-gradient(160deg,#0f1d32c7,#060d18f0)}.community-section-card.tone-gold{border-color:#d4a85338}.community-section-card.tone-teal{border-color:#2ec4b633}.community-section-card.tone-purple{border-color:#818cf833}.community-section-card .ui-card-body{height:100%}.community-section-body{min-height:216px;display:flex;flex-direction:column;gap:10px}.community-section-eyebrow{width:fit-content;padding:4px 9px;border-radius:999px;background:#ffffff0f;color:var(--text-muted);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.community-section-body h3,.community-content-strip h3{margin:0;font-family:var(--font-display);font-size:1.55rem;font-weight:400;line-height:1.05}.community-section-body p{margin:0;line-height:1.5}.community-section-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.community-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.community-directory-card{border-color:#2ec4b629}.community-directory-card .ui-card-body{min-height:100%}.community-content-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 20px;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.08);background:#0003}.community-content-strip .featured-tournament-tag{margin-bottom:0}.community-content-strip p{margin:6px 0 0;max-width:720px}.community-feature-grid,.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.article-grid.compact{margin-bottom:0}.article-card{padding:16px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:#00000038;display:grid;gap:8px}.article-card span{width:fit-content;padding:3px 9px;border-radius:999px;background:#818cf829;color:#c7d2fe;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.article-card h3{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:400}@media (max-width: 680px){.friend-row{grid-template-columns:auto 1fr}.friend-row .list-row-actions{grid-column:1 / -1}}@media (max-width: 900px){.community-hero,.community-content-strip,.community-section-grid,.community-directory-grid,.community-feature-grid,.article-grid{grid-template-columns:1fr}.community-content-strip{align-items:start}}@media (min-width: 901px) and (max-width: 1180px){.community-section-grid,.community-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.lesson-studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:20px;align-items:stretch;margin-bottom:24px}.lesson-board-stage,.lesson-path-panel{position:relative;border-radius:var(--radius-xl);border:1px solid rgba(212,168,83,.16);background:linear-gradient(145deg,#0f1d32eb,#060d18fa);box-shadow:var(--shadow-md),inset 0 1px #ffffff0d;overflow:hidden}.lesson-board-stage{padding:22px}.lesson-board-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 74% 10%,rgba(129,140,248,.16),transparent 34%),radial-gradient(circle at 8% 88%,rgba(212,168,83,.13),transparent 34%);pointer-events:none}.lesson-board-stage>*{position:relative;z-index:1}.lesson-board-header{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:16px}.lesson-board-header h2,.lesson-path-head h3{margin:6px 0 0;font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.7rem);font-weight:400;line-height:1}.lesson-eyebrow,.lesson-duration{display:inline-flex;width:fit-content;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.lesson-eyebrow{background:#818cf829;border:1px solid rgba(129,140,248,.28);color:#c7d2fe}.lesson-duration{background:#d4a85324;border:1px solid rgba(212,168,83,.3);color:var(--gold-light)}.lesson-coach-bubble{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin:18px auto 0;max-width:560px;padding:14px 16px;border-radius:var(--radius-lg);background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.lesson-coach-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold-light),var(--gold));color:#1a1204;font-weight:900}.lesson-coach-bubble p{margin:0;color:var(--text-secondary);line-height:1.5}.lesson-path-panel{padding:20px;display:grid;gap:16px;align-content:start}.lesson-path-head p{margin:8px 0 0;line-height:1.45}.lesson-path-list{display:grid;gap:10px}.lesson-path-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:13px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:#00000038;color:inherit;text-align:left;cursor:pointer;transition:transform var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast)}.lesson-path-card:hover,.lesson-path-card.active{transform:translateY(-2px);border-color:#818cf86b;background:#818cf81a}.lesson-node{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#818cf829;color:#c7d2fe;font-weight:900}.lesson-path-card.active .lesson-node{background:linear-gradient(145deg,#c7d2fe,#818cf8);color:#101827}.lesson-path-card strong{display:block;font-size:14px}.lesson-path-card small{color:var(--text-muted)}.lesson-actions{display:grid;gap:10px}.lesson-roadmap{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:16px}.lesson-step-grid{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.lesson-step-grid li{padding:10px 12px;border-radius:var(--radius-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-weight:700}@media (max-width: 980px){.lesson-studio,.lesson-roadmap{grid-template-columns:1fr}}.daily-puzzle-spotlight{position:relative;overflow:hidden}.daily-puzzle-spotlight:after{content:"";position:absolute;width:220px;height:220px;right:-90px;top:-110px;border-radius:50%;background:radial-gradient(circle,rgba(129,140,248,.22),transparent 66%);pointer-events:none}.daily-puzzle-die{animation:float-chip 4.8s ease-in-out infinite}.daily-puzzle-die:nth-child(2){animation-delay:-1.6s}.match-feed-row{position:relative;overflow:hidden;transition:border-color var(--duration-fast),background var(--duration-fast),transform var(--duration-fast)}.match-feed-row:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(212,168,83,.07),transparent);opacity:0;transform:translate(-70%);transition:opacity var(--duration-normal),transform .52s var(--ease-out);pointer-events:none}.match-feed-row:hover{transform:translate(3px)}.match-feed-row:hover:after{opacity:1;transform:translate(70%)}.featured-tournament-hero{position:relative;overflow:hidden}.featured-tournament-hero:after{content:"";position:absolute;inset:auto -10% -55% 45%;height:90%;border-radius:50%;background:radial-gradient(circle,rgba(212,168,83,.18),transparent 66%);pointer-events:none}.featured-tournament-art{animation:float-chip 5.5s ease-in-out infinite}@media (max-width: 1180px){.home-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 960px){.hex-home-visual{max-width:560px;margin:0 auto;width:100%}.home-floating-review{right:0}}@media (max-width: 720px){.home-command-grid{grid-template-columns:1fr}.home-orbit-chip,.home-floating-review{position:static;margin:10px auto 0;width:fit-content}.home-floating-review{width:100%;max-width:320px}.home-hero-metrics{display:grid;grid-template-columns:1fr}.hex-home-copy h2{font-size:clamp(2.1rem,12vw,3.1rem)}}.play-command-center{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:22px;align-items:center;margin-bottom:18px;padding:clamp(22px,4vw,38px);border-radius:var(--radius-xl);border:1px solid rgba(212,168,83,.18);background:radial-gradient(circle at 80% 15%,rgba(46,196,182,.18),transparent 36%),linear-gradient(145deg,#111c2df2,#050a14fa);box-shadow:var(--shadow-lg),inset 0 1px #ffffff0f;overflow:hidden}.play-command-copy h2,.lesson-level-copy h2,.live-clean-hero h2{margin:10px 0;font-family:var(--font-display);font-size:clamp(2.25rem,5vw,4rem);font-weight:400;line-height:.95;letter-spacing:-.04em}.play-command-copy p,.lesson-level-copy p,.live-clean-hero p{max-width:620px;color:var(--text-secondary);line-height:1.55}.play-quick-stats,.lesson-reward-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.play-quick-stats span,.lesson-reward-strip span,.lesson-reward-strip strong{padding:8px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:12px;font-weight:800}.play-quick-stats strong{color:var(--gold-light)}.play-board-showcase{display:grid;gap:12px;align-content:center}.board-theme-caption{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--radius-lg);background:#00000040;border:1px solid rgba(255,255,255,.08)}.board-theme-caption span{color:var(--text-muted);font-size:12px}.skeleton{display:block;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}.skeleton-card{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-glass)}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.skill-insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skill-insight{padding:12px;border-radius:var(--radius-md);border:1px solid var(--border);background:#0000002e}.skill-insight.strength{border-color:#34d3994d}.skill-insight.weakness{border-color:#f43f5e4d}.skill-insight strong{display:block;margin-top:6px;font-size:13px}.skill-reco-rail{margin-top:14px}.skill-reco-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.skill-reco-chip{text-align:left;border:1px solid rgba(46,196,182,.28);background:#2ec4b614;border-radius:var(--radius-md);padding:8px 10px;cursor:pointer;display:grid;gap:2px;max-width:240px}.skill-reco-chip strong{font-size:12px}.skill-reco-chip small{color:var(--text-muted);font-size:11px}.queue-status-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:12px 14px;border-radius:var(--radius-lg);border:1px solid rgba(52,211,153,.24);background:#34d39917;color:#bbf7d0;font-weight:800}.play-mode-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:16px}.play-mode-grid.four-up{grid-template-columns:repeat(4,minmax(0,1fr))}.play-mode-card{grid-column:span 2;min-height:220px}.play-mode-grid.four-up .play-mode-card{grid-column:span 1;min-height:198px}.play-mode-card .ui-card-body,.play-mode-card{display:grid;align-content:start;gap:12px}.play-mode-card.ranked{border-color:#d4a85347;background:linear-gradient(145deg,#d4a85317,#0f1d32e0)}.play-mode-card.casual{border-color:#2ec4b63d}.play-mode-card.challenge{border-color:#34d39947;background:radial-gradient(circle at 86% 0%,rgba(52,211,153,.16),transparent 34%),linear-gradient(145deg,#112f266b,#0f1d32e0)}.play-mode-card.bot{grid-column:1 / -1;border-color:#818cf83d}.play-mode-card.bot.quick{grid-column:span 1}.play-mode-card.bot.quick .ui-card-body{grid-template-columns:1fr;align-items:start}.play-mode-card.bot.quick .ui-card-body>p{grid-column:auto}.play-mode-card.bot .ui-card-body{grid-template-columns:minmax(230px,.78fr) minmax(0,1.22fr) auto;align-items:end}.play-mode-card.bot .ui-card-body>p{grid-column:1 / -1}.play-mode-card.bot .ui-card-body>.button,.play-mode-card.bot .ui-card-body>button{align-self:end}.play-mode-meta{display:flex;flex-wrap:wrap;gap:8px}.play-mode-meta span{padding:6px 9px;border-radius:999px;background:#ffffff0f;color:var(--text-muted);font-size:11px;font-weight:800}.custom-lobby-tabs{width:fit-content}.play-board-style-panel{display:grid;grid-template-columns:minmax(280px,760px);gap:14px}.play-tab-panel{display:grid;gap:14px}.play-hub-tabs{width:fit-content;display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:14px;padding:6px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:#0003}.play-hub-tabs button{border:0;border-radius:var(--radius-md);padding:9px 14px;color:var(--text-secondary);background:transparent;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.play-hub-tabs button.active{color:var(--text-primary);background:linear-gradient(180deg,#2ec4b638,#2ec4b614);box-shadow:inset 0 0 0 1px #2ec4b64d}.play-bot-config-panel{display:grid;grid-template-columns:minmax(0,1fr)}.placement-pill{font-weight:900}.placement-pill.warmup{color:#f8dca8;background:#d4a8531f;border:1px solid rgba(212,168,83,.3)}.placement-pill.ready{color:#9eeec0;background:#34d3991f;border:1px solid rgba(52,211,153,.3)}.bot-play-settings{display:grid;grid-template-columns:.56fr 1.44fr .72fr;gap:12px;padding:14px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:#0000002e}.settings-label{display:block;margin-bottom:8px;color:var(--text-muted);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.match-length-row.compact .match-length-chip{padding:8px 12px}.board-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.board-theme-grid.compact{max-height:308px;overflow:auto;padding-right:4px}.board-theme-current{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:12px;padding:12px;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--theme-accent, var(--gold)) 28%,transparent);background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--theme-accent, var(--gold)) 18%,transparent),transparent 34%),#0003}.board-theme-current strong,.board-theme-current span{display:block}.board-theme-current span{margin-top:3px;color:var(--text-muted);font-size:12px}.board-theme-current small{color:var(--text-muted);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.board-theme-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,auto);gap:10px;margin-bottom:12px}.board-theme-search{min-height:36px}.board-theme-group-select{min-height:36px;border-radius:var(--radius-md);width:100%}.live-eval-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding:12px;border-radius:var(--radius-lg);border:1px solid rgba(46,196,182,.16);background:#2ec4b612}.live-eval-toggle-row strong,.live-eval-toggle-row span{display:block}.live-eval-toggle-row span{margin-top:3px;color:var(--text-muted);font-size:12px;line-height:1.4}.live-eval-toggle{border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#00000038;color:var(--text-secondary);cursor:pointer;font-weight:800;min-width:62px;padding:8px 14px}.live-eval-toggle.active{color:#102318;background:linear-gradient(180deg,#9eeec0,var(--brand-2));border-color:#2ec4b673}.analysis-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-bottom:18px;padding:clamp(22px,3vw,34px);border-radius:var(--radius-xl);border:1px solid rgba(46,196,182,.22);background:radial-gradient(circle at 84% 18%,rgba(46,196,182,.18),transparent 34%),linear-gradient(145deg,#0f1d32eb,#060d18f5);box-shadow:var(--shadow-md)}.analysis-hero h2{margin:10px 0 8px;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.15rem);font-weight:400;line-height:1}.analysis-score-orb{width:154px;height:154px;border-radius:50%;display:grid;place-items:center;align-content:center;border:1px solid rgba(212,168,83,.38);background:radial-gradient(circle,#d4a85342,#060d18d1 64%),#0003;box-shadow:0 0 42px #d4a85329}.analysis-score-orb strong{font-size:42px;line-height:1}.analysis-score-orb span{color:var(--text-muted);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.analysis-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.analysis-big-stat{margin-bottom:8px;color:var(--gold-light);font-size:clamp(1.8rem,4vw,2.55rem);font-weight:900;letter-spacing:-.04em}.analysis-big-stat.compact{font-size:clamp(1.35rem,2.6vw,2rem);letter-spacing:0;line-height:1.08}.analysis-hero+.ui-tabs{margin:0 0 16px}.analysis-review-metrics{align-items:stretch}.analysis-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.analysis-split.wide{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}.analysis-diagnostic-list,.analysis-top-player-list,.analysis-replay-list{display:grid;gap:9px}.analysis-diagnostic{padding:12px 13px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);line-height:1.45}.analysis-diagnostic.positive{border-color:#34d39938;background:#34d39914}.analysis-diagnostic.negative{border-color:#f8717138;background:#f8717114}.analysis-pill{display:inline-flex;align-items:center;min-height:26px;padding:4px 10px;border-radius:999px;border:1px solid rgba(212,168,83,.28);background:#d4a8531f;color:var(--gold-light);font-size:11px;font-weight:900;text-transform:uppercase}.analysis-key-moment-list{display:grid;gap:12px}.analysis-key-moment{display:grid;gap:10px;padding:14px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.09);background:linear-gradient(135deg,rgba(46,196,182,.08),transparent 44%),#0000002e}.analysis-key-moment>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.analysis-key-moment span{color:var(--text-muted);font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.analysis-key-moment strong{color:var(--text-primary)}.analysis-key-tags,.analysis-row-actions{display:flex;flex-wrap:wrap;gap:8px}.analysis-key-tags span,.analysis-replay-tags span{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border-radius:999px;border:1px solid rgba(46,196,182,.18);background:#2ec4b614;color:var(--text-secondary);font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.analysis-coach-card{min-height:100%;display:grid;align-content:space-between;gap:16px}.analysis-coach-card p{margin:0;color:var(--text-secondary);font-size:16px;line-height:1.6}.analysis-cube-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analysis-cube-summary div{padding:14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.analysis-cube-summary small{display:block;margin-bottom:5px;color:var(--text-muted);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.analysis-cube-summary strong{color:var(--gold-light);font-size:26px}.analysis-coach-steps{display:grid;gap:8px;padding:13px;border-radius:var(--radius-md);border:1px solid rgba(212,168,83,.18);background:#d4a85314}.analysis-coach-steps strong{color:var(--gold-light)}.analysis-coach-steps span{color:var(--text-secondary);font-size:13px;font-weight:800}.analysis-training-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.analysis-training-card{display:grid;gap:7px;min-height:128px;padding:15px;border-radius:var(--radius-lg);border:1px solid rgba(46,196,182,.16);background:linear-gradient(135deg,rgba(46,196,182,.11),transparent 48%),#091424bd;color:inherit;text-align:left;cursor:pointer;transition:border-color var(--duration-fast),transform var(--duration-fast),background var(--duration-fast)}.analysis-training-card:hover,.analysis-training-card:focus-visible{transform:translateY(-1px);border-color:#d4a85357;background:linear-gradient(135deg,rgba(212,168,83,.13),transparent 48%),#091424e0}.analysis-training-card span{color:var(--gold-light);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.analysis-training-card strong{font-size:18px}.analysis-training-card small{color:var(--text-muted);font-size:13px;line-height:1.45}.analysis-lab-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:14px 16px;border-radius:var(--radius-lg);border:1px solid rgba(46,196,182,.16);background:#091424bd}.analysis-lab-toolbar div{display:grid;gap:3px}.analysis-lab-toolbar span{color:var(--text-muted);font-size:13px}.analysis-filter-controls{display:grid;grid-template-columns:minmax(180px,260px) minmax(150px,190px) auto;gap:9px;align-items:center}.analysis-filter-input,.analysis-filter-select{width:100%;min-height:38px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.12);background:#020812b8;color:var(--text-primary);font:inherit;font-size:13px;font-weight:800;outline:none}.analysis-filter-input{padding:0 12px}.analysis-filter-select{padding:0 10px}.analysis-filter-input:focus,.analysis-filter-select:focus{border-color:#2ec4b67a;box-shadow:0 0 0 3px #2ec4b61a}.analysis-profile-status{color:var(--text-muted);font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.analysis-profile-status.stored{color:var(--ok)}.analysis-skill-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.analysis-skill-summary div{padding:12px;border-radius:var(--radius-md);border:1px solid rgba(46,196,182,.14);background:#2ec4b60f}.analysis-skill-summary strong{display:block;color:var(--gold-light);font-size:22px;line-height:1}.analysis-skill-summary span,.analysis-skill-row small{color:var(--text-muted);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.analysis-skill-list{display:grid;gap:9px}.analysis-skill-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;align-items:center;padding:12px 13px;border-radius:var(--radius-md);border:1px solid rgba(248,113,113,.16);background:#f871710f}.analysis-skill-row span{font-weight:800}.analysis-skill-row strong{color:var(--gold-light)}.analysis-skill-row small{grid-column:1 / -1}.analysis-trend{font-size:12px;font-weight:900}.analysis-trend.up{color:var(--ok)}.analysis-trend.down{color:var(--bad)}.analysis-trend-bars{height:176px;display:flex;align-items:end;gap:8px;padding:16px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff09,#00000029)}.analysis-trend-bars span{flex:1;min-width:12px;border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,var(--brand-2),rgba(46,196,182,.18));box-shadow:0 0 18px #2ec4b624}.analysis-top-player,.analysis-replay-row{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px 12px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#0000002e;color:inherit;text-align:left}.analysis-replay-row{cursor:pointer}.analysis-replay-row-detailed{grid-template-columns:auto minmax(0,1fr) auto auto}.analysis-replay-row:disabled{cursor:default;opacity:.62}.analysis-replay-tags{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:7px}.analysis-top-player span,.analysis-replay-row span,.analysis-top-player small,.analysis-replay-row small{color:var(--text-muted);font-size:12px}.board-theme-card{display:grid;grid-template-columns:auto 1fr;gap:6px 9px;align-items:center;padding:9px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#00000038;color:inherit;text-align:left;cursor:pointer;transition:transform var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast)}.board-theme-card:hover,.board-theme-card.active{transform:translateY(-1px);border-color:color-mix(in srgb,var(--theme-accent, var(--gold)) 48%,transparent);background:color-mix(in srgb,var(--theme-accent, var(--gold)) 10%,rgba(0,0,0,.2))}.board-theme-swatch{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.16);grid-row:span 2;background:linear-gradient(135deg,var(--theme-rail, #8a5a32) 0 34%,transparent 34%),linear-gradient(135deg,transparent 0 34%,var(--theme-surface, #185642) 34% 66%,transparent 66%),linear-gradient(135deg,transparent 0 66%,var(--theme-light, #f2d49b) 66% 83%,var(--theme-dark, #203f36) 83%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-accent, var(--gold)) 22%,transparent)}.board-theme-swatch.large{width:46px;height:46px;border-radius:14px}.board-theme-card strong{font-size:12px;line-height:1.15}.board-theme-card small{color:var(--text-muted);font-size:10px;grid-column:2;line-height:1.25}.board-theme-empty{margin:10px 0 0}.bot-personality-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.bot-personality-grid.compact .bot-personality-card{padding:10px}.bot-personality-grid.compact .bot-personality-card p{display:none}.bot-personality-card{position:relative;overflow:hidden}.bot-personality-card:after{content:"";position:absolute;inset:auto -28px -42px auto;width:92px;height:92px;border-radius:50%;background:color-mix(in srgb,var(--bot-accent, var(--gold)) 18%,transparent);pointer-events:none}.bot-personality-photo{position:relative;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.38),transparent 24%),linear-gradient(145deg,color-mix(in srgb,var(--bot-accent, var(--gold)) 72%,#f8fafc),color-mix(in srgb,var(--bot-accent, var(--gold)) 38%,#111827));border:1px solid color-mix(in srgb,var(--bot-accent, var(--gold)) 62%,transparent)}.bot-personality-photo:after{content:"";position:absolute;top:52%;right:14%;bottom:-24%;left:14%;border-radius:999px 999px 0 0;background:#060d1861}.bot-personality-photo span{position:relative;z-index:1;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#ffffffdb;color:#111827;font-size:10px;font-weight:900}.bot-personality-photo i{position:absolute;z-index:2;right:2px;bottom:1px;font-style:normal;font-size:13px}.bot-personality-card small{display:block;margin-top:2px;color:var(--gold-light);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.difficulty-pills.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-challenge-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:24px;align-items:center;margin-bottom:18px;padding:clamp(24px,5vw,44px);border-radius:var(--radius-xl);border:1px solid rgba(52,211,153,.24);background:radial-gradient(circle at 86% 14%,rgba(52,211,153,.2),transparent 34%),radial-gradient(circle at 12% 86%,rgba(212,168,83,.16),transparent 36%),linear-gradient(145deg,#0c2222f0,#060d18fa);box-shadow:var(--shadow-lg),inset 0 1px #ffffff0f;overflow:hidden}.agent-challenge-copy h2{margin:10px 0 12px;font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5rem);font-weight:400;line-height:.92;letter-spacing:-.05em}.agent-challenge-copy p{max-width:680px;margin:0;color:var(--text-secondary);font-size:clamp(15px,1.4vw,17px);line-height:1.6}.agent-challenge-eyebrow{display:inline-flex;width:fit-content;padding:5px 11px;border-radius:999px;background:#34d39924;border:1px solid rgba(52,211,153,.3);color:#bbf7d0;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.agent-challenge-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.agent-challenge-prize{display:grid;justify-items:center;gap:4px;padding:28px 20px;border-radius:var(--radius-xl);border:1px solid rgba(212,168,83,.34);background:radial-gradient(circle at 50% 0%,rgba(212,168,83,.28),transparent 52%),#00000047;box-shadow:inset 0 1px #ffffff14,var(--glow-gold)}.agent-challenge-prize span,.agent-challenge-prize small{color:var(--text-muted);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.agent-challenge-prize strong{color:var(--gold-light);font-size:clamp(4rem,9vw,6.5rem);line-height:.95;font-variant-numeric:tabular-nums}.agent-challenge-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px;align-items:start}.agent-challenge-card.primary{border-color:#d4a85340}.challenge-rules-list{display:grid;gap:8px;margin:12px 0}.challenge-rules-list span{padding:10px 12px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#00000038;color:var(--text-secondary);font-size:13px;line-height:1.4}.challenge-rules-list.compact span{font-size:12px}.challenge-disclaimer{display:grid;gap:8px;padding:14px;border-radius:var(--radius-lg);border:1px solid rgba(212,168,83,.2);background:#d4a85314}.challenge-disclaimer p{margin:0;line-height:1.55}.lesson-level-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);gap:20px;margin-bottom:18px}.lesson-level-copy,.lesson-level-hero .lesson-path-panel{padding:clamp(22px,4vw,34px);border-radius:var(--radius-xl);border:1px solid rgba(129,140,248,.2);background:radial-gradient(circle at 85% 12%,rgba(129,140,248,.16),transparent 32%),linear-gradient(145deg,#0f1d32f0,#060d18fa);box-shadow:var(--shadow-md)}.lesson-xp-meter{margin:24px 0;display:grid;gap:8px}.lesson-xp-meter-head{display:flex;justify-content:space-between;gap:12px;color:var(--text-secondary);font-size:13px;font-weight:800}.lesson-xp-meter-head strong{color:var(--gold-light)}.lesson-xp-track{height:12px;border-radius:999px;background:#ffffff12;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.lesson-xp-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--gold));box-shadow:0 0 18px #d4a85342}.lesson-reward-toast{display:grid;gap:3px;margin:-8px 0 18px;padding:12px 14px;border-radius:var(--radius-lg);border:1px solid rgba(52,211,153,.3);background:linear-gradient(135deg,#34d39924,#060d1873);color:#bbf7d0;animation:slide-up .26s var(--ease-out)}.lesson-reward-toast span,.lesson-next-goal{font-size:12px}.lesson-next-goal{margin:-4px 0 0;line-height:1.45}.lesson-challenge-card{display:grid;gap:12px;padding:14px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:#00000038}.lesson-challenge-card h4{margin:0;font-size:15px;line-height:1.35}.lesson-choice-list{display:grid;gap:8px}.lesson-choice{width:100%;padding:11px 12px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-secondary);font-weight:800;text-align:left;cursor:pointer;transition:transform var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast),color var(--duration-fast)}.lesson-choice:hover,.lesson-choice.selected{transform:translateY(-1px);border-color:#818cf861;background:#818cf81a;color:var(--text-primary)}.lesson-choice.correct{border-color:#34d39973;background:#34d3991f;color:#bbf7d0}.lesson-choice.wrong{border-color:#f871716b;background:#f871711a;color:#fecaca}.lesson-answer-feedback{margin:0;padding:10px 12px;border-radius:var(--radius-md);font-size:12px;line-height:1.45;font-weight:700}.lesson-answer-feedback.correct{color:#bbf7d0;background:#34d3991a}.lesson-answer-feedback.wrong{color:#fecaca;background:#f8717114}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lesson-level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.lesson-level-card{display:grid;gap:12px;padding:16px;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.08);background:#00000038;color:inherit;text-align:left;cursor:pointer;transition:transform var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast),opacity var(--duration-fast)}.lesson-level-card:hover,.lesson-level-card.active{transform:translateY(-3px);border-color:#818cf875;background:#818cf81a}.lesson-level-card.complete{border-color:#34d39952}.lesson-level-card.locked{opacity:.45;cursor:not-allowed}.lesson-level-card p{margin:8px 0 0;color:var(--text-muted);font-size:12px;line-height:1.45}.lesson-level-card small{color:var(--text-muted)}.lesson-galaxy-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:20px;align-items:stretch;margin-bottom:18px}.lesson-galaxy-layout{display:grid;grid-template-columns:minmax(320px,.74fr) minmax(360px,1.26fr);gap:16px;align-items:stretch;margin-bottom:18px}.lesson-browser-panel,.lesson-detail-panel{border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,#0a1628eb,#060d18fa);box-shadow:var(--shadow-md)}.lesson-browser-panel{padding:16px}.lesson-detail-panel{min-height:430px;padding:clamp(18px,3vw,28px);display:grid;gap:16px;align-content:start}.lesson-detail-panel .lesson-path-head h3{margin-top:8px}.lesson-difficulty-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.lesson-difficulty-tabs button{min-height:58px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#536078;color:#ffffffd1;cursor:pointer;padding:10px 12px;text-align:left;transition:transform var(--duration-fast),background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}.lesson-difficulty-tabs button:hover{transform:translateY(-1px);border-color:#ffffff2e;background:#61708c}.lesson-difficulty-tabs button.active{background:#f4f7fb;color:#0b1220;border-color:#ffffffb8;box-shadow:0 12px 30px #00000047}.lesson-difficulty-tabs strong,.lesson-difficulty-tabs span{display:block}.lesson-difficulty-tabs strong{font-size:clamp(18px,2vw,26px);line-height:1}.lesson-difficulty-tabs span{margin-top:5px;font-size:10px;line-height:1.25;opacity:.72}.lesson-pack-list{display:grid;gap:10px;max-height:560px;overflow:auto;padding-right:4px}.lesson-pack-card{position:relative;width:100%;min-height:74px;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#1c2a3b;color:inherit;text-align:left;cursor:pointer;transition:transform var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast)}.lesson-pack-card:hover,.lesson-pack-card.active{transform:translateY(-1px);border-color:color-mix(in srgb,var(--lesson-accent, var(--gold)) 52%,transparent);background:#223349}.lesson-pack-card.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lesson-accent, var(--gold)) 26%,transparent)}.lesson-pack-card.complete{border-color:#34d39957}.lesson-pack-progress-bar{width:10px;height:48px;border-radius:999px;background:#070d18e6}.lesson-pack-card.active .lesson-pack-progress-bar,.lesson-pack-card.complete .lesson-pack-progress-bar{background:linear-gradient(180deg,var(--lesson-accent, var(--gold)),rgba(255,255,255,.18))}.lesson-pack-main{min-width:0}.lesson-pack-main strong,.lesson-pack-main small{display:block}.lesson-pack-main strong{color:var(--text-primary);font-size:clamp(14px,1.4vw,17px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-pack-main small{margin-top:3px;color:#7f8da3;font-size:13px}.lesson-pack-progress{color:#7f8da3;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.lesson-tag-strip{display:grid;gap:8px;padding:12px;border-radius:var(--radius-md);background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.lesson-tag-strip div{display:flex;flex-wrap:wrap;gap:6px}.lesson-tag-strip small{padding:5px 8px;border-radius:999px;color:var(--text-secondary);background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.lesson-training-dashboard{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr);gap:14px;align-items:start;padding:14px;border-radius:var(--radius-lg);background:linear-gradient(145deg,#0c192ce6,#040912eb);border:1px solid rgba(212,168,83,.12)}.lesson-training-board,.lesson-node-panel{display:grid;gap:10px;min-width:0}.lesson-training-board-head,.lesson-node-head,.lesson-training-controls{display:flex;align-items:center;justify-content:space-between;gap:10px}.lesson-training-board-head strong{display:block;margin-top:3px}.lesson-training-board .board-stage{border-radius:18px}.lesson-node-path{display:grid;grid-template-columns:repeat(6,minmax(36px,1fr));gap:9px;padding:10px;border-radius:var(--radius-md);background:#ffffff06;border:1px solid rgba(255,255,255,.06)}.lesson-node-badge{width:38px;height:38px;justify-self:center;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text-muted);font-weight:900;cursor:pointer;transition:transform var(--duration-fast),background var(--duration-fast),box-shadow var(--duration-fast)}.lesson-node-badge.unlocked{color:#102318;background:linear-gradient(180deg,#9eeec0,var(--brand-2))}.lesson-node-badge.active{transform:translateY(-2px) scale(1.08);box-shadow:0 0 0 4px #2ec4b61f,0 14px 28px #0000003d}.lesson-node-badge.locked{cursor:not-allowed;opacity:.45}.lesson-position-card{display:grid;gap:7px;padding:12px;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.lesson-position-card strong,.lesson-position-card p{margin:0}.lesson-position-card p{color:var(--text-secondary);line-height:1.45;font-size:13px}.lesson-feedback-card{position:relative;padding:12px 14px;border-radius:var(--radius-md);animation:slide-up .26s var(--ease-out)}.lesson-feedback-card.success{background:#63d2971f;border:1px solid rgba(99,210,151,.24)}.lesson-feedback-card.error{background:#ff4d6d1f;border:1px solid rgba(255,77,109,.24)}.lesson-feedback-card strong{display:block;margin-bottom:4px}.lesson-feedback-card p{margin:0;color:var(--text-secondary);line-height:1.45}.training-eval-bar{display:grid;gap:8px;padding:10px;border-radius:var(--radius-md);background:#0000003d;border:1px solid rgba(255,255,255,.07)}.training-eval-head,.training-eval-lanes{display:flex;align-items:center;justify-content:space-between;gap:10px}.training-eval-head span,.training-eval-lanes span{color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.training-eval-track{position:relative;height:12px;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,#334053,#f1eadc)}.training-eval-fill.engine{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7ba8ff,#9eeec0,var(--gold));transition:width .3s ease-out}.training-eval-mid{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#0000006b}.training-eval-lanes{align-items:stretch}.training-eval-lanes div{flex:1;display:grid;gap:4px}.training-eval-lanes i{display:block;max-width:100%;height:4px;border-radius:999px;background:var(--brand-2);transition:width .3s ease-out}.training-eval-lanes i.negative,.training-eval-lanes i.loss{background:var(--bad)}.training-eval-lanes .positive{color:var(--ok)}.training-eval-lanes .negative{color:var(--bad)}.lesson-topic-strip{grid-template-columns:repeat(5,minmax(0,1fr))}.live-clean-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;margin-bottom:16px;padding:clamp(20px,3vw,30px);border-radius:var(--radius-xl);border:1px solid rgba(46,196,182,.18);background:radial-gradient(circle at 82% 20%,rgba(46,196,182,.16),transparent 34%),linear-gradient(145deg,#0a1e27f0,#060d18fa)}.live-clean-stats{display:grid;grid-template-columns:repeat(3,minmax(92px,1fr));gap:10px}.live-clean-stats div{min-height:86px;display:grid;place-items:center;align-content:center;gap:4px;padding:12px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:#00000038}.live-clean-stats strong{font-size:26px;font-variant-numeric:tabular-nums}.live-clean-stats span{color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.live-clean-actions{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(320px,1.3fr);gap:14px;margin-bottom:16px}.live-action-buttons{display:flex;gap:10px;flex-wrap:wrap}.live-friends-link{display:flex;justify-content:center;margin-top:12px}@media (max-width: 1180px){.play-mode-grid,.play-mode-grid.four-up,.lesson-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.play-mode-card,.play-mode-card.custom{grid-column:span 1}.play-mode-card.bot,.play-mode-card.bot.quick{grid-column:1 / -1}.play-mode-card.bot .ui-card-body,.bot-play-settings,.analysis-metric-grid,.analysis-training-grid,.analysis-split,.analysis-split.wide{grid-template-columns:1fr}}@media (max-width: 900px){.play-command-center,.agent-challenge-hero,.agent-challenge-grid,.lesson-level-hero,.lesson-galaxy-hero,.lesson-galaxy-layout,.live-clean-hero,.live-clean-actions,.analysis-hero{grid-template-columns:1fr}.analysis-lab-toolbar{align-items:stretch;flex-direction:column}.analysis-filter-controls{grid-template-columns:minmax(0,1fr) minmax(150px,190px) auto}.live-clean-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.play-mode-grid,.play-mode-grid.four-up,.lesson-level-grid,.lesson-difficulty-tabs,.board-theme-grid,.board-theme-toolbar,.analysis-filter-controls,.bot-personality-grid.compact,.difficulty-pills.compact,.live-clean-stats{grid-template-columns:1fr}.queue-status-bar,.board-theme-caption{align-items:stretch;flex-direction:column}.board-theme-current{grid-template-columns:auto 1fr}.board-theme-current small{grid-column:1 / -1}.agent-challenge-prize{justify-items:start}.analysis-score-orb{width:128px;height:128px}.analysis-top-player,.analysis-replay-row{grid-template-columns:1fr}}.history-rows{display:grid;gap:10px}.history-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:12px 16px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,#0f1c30eb,#070d18e0),#00000038}.history-row.victory{border-color:#34d3992e}.history-row.defeat{border-color:#f8717129}.history-row-main{display:grid;gap:2px;min-width:0}.history-row-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-row-when{font-size:12px;white-space:nowrap}@media (max-width: 640px){.history-row{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.history-row-when{grid-column:1 / -1}}.play-hero-panel{min-height:0;display:grid}.play-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(16px,2.5vw,36px);align-items:center;min-height:0;height:100%;padding:4px clamp(8px,1.5vw,20px)}.play-hero-grid.bots{grid-template-columns:minmax(0,1fr) 340px}.play-hero-board{min-width:0;width:100%;max-width:min(880px,calc((100vh - 260px)*1.45));justify-self:center}.play-hero-rail{display:grid;gap:14px;align-content:center;min-height:0}.play-hero-rail-head{display:grid;gap:6px;justify-items:start}.play-hero-rail-head h2{margin:0;font-size:1.35rem;letter-spacing:.01em}.play-hero-rail-head p{margin:0;font-size:.9rem}.play-hero-primary{width:100%;padding-block:12px;font-size:1rem}.play-hero-rail>.ui-btn{width:100%}.play-live-stats{margin:0;text-align:center;font-size:.85rem}.play-hero-divider{display:flex;align-items:center;gap:10px;color:var(--text-muted, #8fa3bd);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.play-hero-divider:before,.play-hero-divider:after{content:"";height:1px;flex:1;background:#ffffff1f}.bot-rail{gap:12px;overflow:hidden}.bot-rail .settings-label{display:block;margin-bottom:6px}.bot-rail .bot-personality-grid.compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.bot-rail .bot-personality-card{padding:6px 8px;gap:8px;min-height:0}.bot-rail .bot-personality-card .bot-personality-photo{width:30px;height:30px;font-size:.85rem}.bot-rail .bot-personality-card strong{font-size:.82rem}.bot-rail .bot-personality-card small{font-size:.62rem}.bot-rail .difficulty-pills.compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.bot-rail .difficulty-pill{padding:8px}.bot-rail .difficulty-pill small{display:none}@media (max-width: 1024px){.play-hero-grid,.play-hero-grid.bots{grid-template-columns:minmax(0,1fr);overflow-y:auto}.play-hero-board{max-width:560px}}.page-analysis .app-contained-panel-body{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden}.analysis-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.analysis-stat-strip>div{display:grid;gap:2px;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0d1829b8;min-width:0}.analysis-stat-strip small{color:var(--text-muted, #8fa3bd);text-transform:uppercase;letter-spacing:.08em;font-size:.66rem}.analysis-stat-strip strong{font-size:1.15rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analysis-stat-strip span.muted{font-size:.72rem}.page-analysis .analysis-split{flex:1;min-height:0;margin:0}.page-analysis .analysis-split .ui-card{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.page-analysis .analysis-split .ui-card-body{min-height:0;overflow-y:auto}.page-analysis .analysis-key-moment{padding:10px 12px}.page-analysis .analysis-training-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.page-analysis .analysis-training-card{padding:10px 14px;min-height:0}.page-analysis .analysis-training-card small{display:none}.page-analysis .analysis-lab-toolbar{margin:0}.page-analysis .app-contained-panel-body>.ui-card{flex:1;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.page-analysis .app-contained-panel-body>.ui-card .ui-card-body{min-height:0;overflow-y:auto}.page-rankings .app-contained-panel-body{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden}.page-rankings .rankings-board-card{flex:1;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.page-rankings .rankings-board-card .ui-card-body{min-height:0;overflow-y:auto}.page-profile .app-contained-panel-body{display:flex;flex-direction:column;min-height:0;overflow:hidden}.page-profile .page-grid{flex:1;min-height:0;align-items:stretch}.page-profile .page-column{min-height:0;max-height:100%;overflow-y:auto;padding-right:4px;align-content:start}.page-profile .page-column>*{flex:0 0 auto;min-height:max-content}.page-analysis .analysis-coach-card{align-content:start;justify-content:start;gap:12px;height:auto}.board-stage{position:relative;padding:7px;border-radius:22px;background:linear-gradient(145deg,var(--board-rail-start, #8a5a32) 0%,var(--board-rail-mid, #4a2f1e) 52%,var(--board-rail-end, #1f1209) 100%);box-shadow:0 20px 56px #0000007a,0 0 0 1px color-mix(in srgb,var(--board-accent, #d4a853) 24%,transparent),0 0 36px color-mix(in srgb,var(--board-accent, #d4a853) 12%,transparent),inset 0 1px #ffffff14;overflow:hidden;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal)}.board-stage:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:14px;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 24% 78%,rgba(0,0,0,.16));mix-blend-mode:screen;opacity:.34;z-index:2}.board-stage:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:13px;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 64%,rgba(0,0,0,.16) 100%);z-index:3}.board-stage-compact{padding:5px;border-radius:14px}.board-stage-rail{position:absolute;left:8px;right:8px;height:2px;border-radius:3px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--board-accent, #d4a853) 34%,transparent),transparent);pointer-events:none;z-index:2;opacity:.5}.board-stage-rail-top{top:3px}.board-stage-rail-bottom{bottom:3px}.board-card{padding:0;overflow:hidden;background:transparent;border:none;box-shadow:none}.board-svg{display:block;width:100%;height:auto;min-height:min(58vh,430px);border-radius:16px;position:relative;z-index:1;filter:saturate(1.07) contrast(1.03)}.board-stage-compact .board-svg{min-height:220px}.dice-tray{display:flex;align-items:center;gap:10px}.dice-tray-live{flex-wrap:wrap}button.dice-tray{font:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dice-tray-idle{padding:8px 14px;border-radius:999px;background:#00000040;border:1px dashed rgba(212,168,83,.25)}.dice-roll-target{cursor:pointer;border-style:solid;border-color:#d4a85373;background:linear-gradient(180deg,#d4a85329,#d4a8530f),#0000004d;transition:border-color var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast)}.dice-roll-target:hover{border-color:#f4d69ac7;box-shadow:0 0 24px #d4a8532e;transform:translateY(-1px)}.dice-roll-target:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}.dice-roll-target .dice-tray-label{color:var(--gold-light)}.dice-tray-label{font-size:12px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.die-select-wrap{position:relative;display:inline-grid;place-items:center;border:0;padding:0;border-radius:12px;background:transparent;color:inherit}.die-select-button{cursor:pointer}.die-select-button:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:15px;border:2px solid transparent;transition:border-color var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast)}.die-select-button:hover:after,.die-select-button:focus-visible:after{border-color:#f4d69a99;box-shadow:0 0 18px #d4a8532e}.die-select-button.selected:after{border-color:var(--gold-light);box-shadow:0 0 0 3px #d4a85329,0 0 22px #d4a8533d}.dice-order-hint{color:var(--gold-light);font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.dice-swap-button{min-height:34px;padding:0 10px;border-radius:999px;border:1px solid rgba(244,214,154,.34);background:#d4a8531a;color:var(--gold-light);font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast)}.dice-swap-button:hover,.dice-swap-button:focus-visible{border-color:#f4d69ac7;background:#d4a8532e;box-shadow:0 0 18px #d4a8532e;transform:translateY(-1px)}.dice-swap-button:active{transform:translateY(0) scale(.96)}.die-premium{width:44px;height:44px;border-radius:10px;background:linear-gradient(145deg,#fffef9,#e8e0d4);box-shadow:0 4px 12px #00000059,inset 0 1px #ffffffe6,inset 0 -2px 4px #00000014;position:relative;flex-shrink:0}.die-inner{position:absolute;top:6px;right:6px;bottom:6px;left:6px}.die-pip{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#333,#0a0a0a);box-shadow:inset 0 -1px 1px #ffffff26}.die-rolling{animation:die-tumble .62s cubic-bezier(.22,1,.36,1),die-shake .22s ease-in-out 2}.dice-tray-rolling{filter:drop-shadow(0 0 14px rgba(212,168,83,.35));animation:dice-rumble .62s ease-out}.checker-piece{will-change:transform,opacity;transform-box:fill-box;transform-origin:center}.checker-piece .checker-core,.checker-piece .checker-highlight{transition:stroke var(--duration-fast),filter var(--duration-fast),opacity var(--duration-fast)}.checker-piece:hover .checker-core{filter:brightness(1.1) drop-shadow(0 0 8px rgba(212,168,83,.22))}.checker-piece:hover .checker-highlight{opacity:.38}.checker-piece.selected .checker-core{filter:brightness(1.08) drop-shadow(0 0 12px rgba(212,168,83,.7))}.checker-piece.selected{animation:checker-lift 1.15s ease-in-out infinite,checker-selected-pulse 1.15s ease-in-out infinite}.checker-piece.on-bar .checker-core{stroke:#f59e0beb;stroke-width:3px;filter:drop-shadow(0 0 12px rgba(245,158,11,.45))}.checker-piece.on-bar .checker-highlight{opacity:.46}.legal-source-marker{filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}.legal-source-halo{fill:#d4a8532e;stroke:#ffe7a55c;stroke-width:2}.legal-source-ring{fill:#07111e33;stroke:#facc15eb;stroke-width:3}.legal-source-dot{fill:#facc15;stroke:#1c1204b8;stroke-width:1.5}.legal-source-marker:hover .legal-source-ring{stroke:#fff2b8;stroke-width:4}.legal-source-marker,.legal-target-marker{animation:legal-marker-in .12s cubic-bezier(.25,.8,.25,1) both}.legal-target-marker{filter:drop-shadow(0 0 10px rgba(99,210,151,.25))}.legal-target-marker:hover{filter:drop-shadow(0 0 16px rgba(99,210,151,.46))}@keyframes checker-lift{0%,to{filter:drop-shadow(0 0 0 rgba(212,168,83,0))}50%{filter:drop-shadow(0 0 12px rgba(212,168,83,.35))}}@keyframes checker-selected-pulse{0%,to{opacity:1}50%{opacity:.92}}@keyframes legal-marker-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes die-shake{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-8deg) scale(1.05)}75%{transform:rotate(8deg) scale(1.05)}}@keyframes die-tumble{0%{transform:rotateX(0) rotate(0) translateY(0) scale(1)}15%{transform:rotateX(180deg) rotate(90deg) translateY(-16px) scale(.88)}35%{transform:rotateX(360deg) rotate(200deg) translateY(4px) scale(1.12)}55%{transform:rotateX(540deg) rotate(320deg) translateY(-8px) scale(.95)}75%{transform:rotateX(680deg) rotate(420deg) translateY(2px) scale(1.04)}to{transform:rotateX(720deg) rotate(720deg) translateY(0) scale(1)}}@keyframes dice-rumble{0%{transform:translate(0)}18%{transform:translate(-4px)}36%{transform:translate(3px)}54%{transform:translate(-2px)}72%{transform:translate(1px)}to{transform:translate(0)}}.cube-widget-premium{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:72px}.cube-widget-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.cube-face-3d{width:52px;height:52px;border-radius:10px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#f0d48a,#c8943a 45%,#8b6914);box-shadow:0 6px 16px #0006,inset 0 2px #ffffff59,inset 0 -3px 6px #0003;border:1px solid rgba(255,255,255,.2)}.cube-face-value{font-size:22px;font-weight:800;color:#1a1204;line-height:1}.cube-face-x{position:absolute;top:4px;right:6px;font-size:10px;font-weight:700;color:#1a12048c}.cube-owner{font-size:11px;color:var(--gold-light);font-weight:600}.cube-widget-premium.cube-flipping .cube-face-3d{animation:cube-flip .52s cubic-bezier(.22,1,.36,1)}.cube-widget-premium.cube-pulse{filter:drop-shadow(0 0 14px rgba(212,168,83,.45))}.cube-widget-premium.cube-flipping .cube-face-value{animation:cube-value-pop .52s ease}@keyframes cube-flip{0%{transform:perspective(400px) rotateY(0) scale(1)}45%{transform:perspective(400px) rotateY(180deg) scale(.88)}to{transform:perspective(400px) rotateY(360deg) scale(1)}}@keyframes cube-value-pop{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.hero-board-preview{position:relative;animation:float-board 6s ease-in-out infinite}.hero-board-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle,rgba(46,196,182,.2) 0%,transparent 65%);pointer-events:none;z-index:0}.hero-board-preview .board-stage{position:relative;z-index:1}.hero-board-hud{display:flex;justify-content:center;gap:20px;margin-top:14px;padding:10px 16px;border-radius:999px;background:#00000059;border:1px solid rgba(212,168,83,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:fit-content;margin-left:auto;margin-right:auto}@keyframes float-board{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.play-board-live .board-stage{transform:none}.play-board-live .board-svg{min-height:420px}.board-die{animation:board-die-tumble .42s cubic-bezier(.22,1,.36,1)}@keyframes board-die-tumble{0%{transform:scale(.55) rotate(-140deg);opacity:0}65%{transform:scale(1.08) rotate(12deg);opacity:1}to{transform:scale(1) rotate(0)}}.replay-layout,.tutorial-layout,.puzzle-layout,.position-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:16px;height:100%;min-height:calc(100vh - 72px)}.replay-layout{grid-template-columns:minmax(0,1fr) clamp(300px,24vw,360px);gap:12px}.game-review-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;margin-bottom:12px;padding:16px;border-radius:var(--radius-xl);border:1px solid rgba(212,168,83,.2);background:radial-gradient(circle at 0% 0%,rgba(212,168,83,.16),transparent 34%),linear-gradient(145deg,#0f1d32f0,#050a14fa);box-shadow:var(--shadow-md)}.game-review-score{width:118px;min-height:118px;display:grid;place-items:center;align-content:center;border-radius:24px;border:1px solid rgba(46,196,182,.24);background:radial-gradient(circle,rgba(46,196,182,.18),transparent 66%),#0003}.game-review-score span,.game-review-score small{color:var(--text-muted);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.game-review-score strong{color:var(--gold-light);font-size:42px;line-height:1}.game-review-copy{min-width:0}.game-review-copy h2{margin:4px 0 6px;color:var(--text-primary);font-size:clamp(1.4rem,2.6vw,2.05rem);line-height:1.05}.game-review-copy p{margin:0;color:var(--text-secondary);line-height:1.45}.game-review-chips,.game-review-actions{display:flex;flex-wrap:wrap;gap:8px}.game-review-chips{margin-top:11px}.game-review-chips span{display:inline-flex;align-items:center;min-height:26px;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-secondary);font-size:12px;font-weight:800}.game-review-actions{justify-content:flex-end}.postgame-review-layout{display:grid;grid-template-columns:clamp(250px,19vw,330px) minmax(520px,1fr) clamp(320px,24vw,420px);gap:12px;min-height:calc(100vh - 232px);min-height:calc(100dvh - 232px)}.postgame-action-rail,.postgame-coach-column,.postgame-board-column{display:grid;gap:12px;align-content:start;min-width:0}.postgame-action-rail,.postgame-coach-column{max-height:calc(100vh - 232px);max-height:calc(100dvh - 232px);overflow:auto;padding-right:5px}.postgame-rail-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.postgame-rail-summary div{min-width:0;padding:10px 11px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#ffffff09}.postgame-rail-summary strong{display:block;margin-top:3px;color:var(--gold-light);font-size:22px;line-height:1}.postgame-board-column{grid-template-rows:auto minmax(0,1fr) auto auto;min-height:0}.postgame-board-column .board-stage{width:min(100%,calc((100vh - 292px)*1.52));width:min(100%,calc((100dvh - 292px)*1.52));max-width:1120px;margin-inline:auto}.postgame-board-column .board-svg{min-height:clamp(360px,55vh,660px);min-height:clamp(360px,55dvh,660px);max-height:calc(100vh - 292px);max-height:calc(100dvh - 292px)}.postgame-selected-action{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.2fr) auto;gap:10px;padding:12px 14px;border-radius:var(--radius-lg);border:1px solid rgba(46,196,182,.15);background:#091424c7}.postgame-selected-action>div{min-width:0}.postgame-selected-action strong{display:block;margin-top:3px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.postgame-coach-why{display:grid;gap:8px;margin-top:12px;padding:12px;border-radius:var(--radius-md);border:1px solid rgba(212,168,83,.18);background:#d4a85312}.postgame-coach-why strong{color:var(--gold-light)}.postgame-coach-why span{color:var(--text-secondary);font-size:12px;line-height:1.45}.review-filter-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.review-filter-tabs button{border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff09;color:var(--text-secondary);padding:6px 10px;font-size:11px;font-weight:800;cursor:pointer}.review-filter-tabs button:hover,.review-filter-tabs button.active{color:var(--text-primary);border-color:#d4a85373;background:#d4a85324}.postgame-candidate-list,.postgame-coach-script{display:grid;gap:8px}.postgame-candidate{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#ffffff08}.postgame-candidate.best{border-color:#63d29747;background:#63d29714}.postgame-candidate-rank{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#ffffff0f;color:var(--gold-light);font-weight:900;font-variant-numeric:tabular-nums}.postgame-candidate strong,.postgame-candidate small{display:block;min-width:0}.postgame-candidate strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.postgame-candidate small,.postgame-candidate>span:not(.postgame-candidate-rank){color:var(--text-muted);font-size:11px;font-weight:800}.postgame-coach-script{max-height:460px;overflow:auto;padding-right:4px}.postgame-coach-toggle{display:flex;justify-content:flex-end}.postgame-coach-script button{width:100%;display:grid;gap:5px;padding:10px 11px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.07);background:#ffffff06;color:inherit;text-align:left;cursor:pointer}.postgame-coach-script button:hover,.postgame-coach-script button.active{border-color:#2ec4b659;background:#2ec4b614}.postgame-coach-script span{color:var(--gold-light);font-size:11px;font-weight:900;text-transform:uppercase}.postgame-coach-script strong{font-size:13px}.postgame-coach-script small{color:var(--text-muted);display:-webkit-box;font-size:12px;line-height:1.4;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.postgame-bottom-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(280px,.7fr);gap:12px;margin-top:12px}.replay-board-column,.replay-side-column,.tutorial-board-column,.tutorial-panel,.puzzle-board-column,.puzzle-side-column,.position-board-column,.position-side-column{display:grid;gap:12px;align-content:start;min-width:0}.replay-side-column,.tutorial-panel,.puzzle-side-column,.position-side-column{max-height:calc(100vh - 88px);overflow:auto;padding-right:4px}.replay-side-column{max-height:calc(100vh - 152px);max-height:calc(100dvh - 152px);padding-right:6px}.postgame-board-column.replay-board-column{grid-template-rows:auto minmax(0,1fr) auto auto;max-height:none}.postgame-board-column.replay-board-column .board-stage{width:min(100%,calc((100vh - 292px)*1.52));width:min(100%,calc((100dvh - 292px)*1.52));max-width:1120px}.postgame-board-column.replay-board-column .board-svg{min-height:clamp(360px,55vh,660px);min-height:clamp(360px,55dvh,660px);max-height:calc(100vh - 292px);max-height:calc(100dvh - 292px)}.dice-proof-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);background:#ffffff0d;font-size:12px;font-weight:800}.dice-proof-chip.verified{color:#9eeec0;border-color:#63d29742;background:#63d2971a}.dice-proof-chip.pending{color:#f8dca8;border-color:#d4a85347;background:#d4a8531a}.board-status-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#0f1d32eb,#060d18e0);border:1px solid rgba(212,168,83,.14);box-shadow:var(--shadow-md)}.board-status-copy strong{display:block;font-size:15px;margin-bottom:2px}.board-status-copy .muted{font-size:12px}.board-status-widgets{display:flex;align-items:center;gap:12px;flex-shrink:0}.board-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 18px;border-radius:var(--radius-lg);background:#0a1628d9;border:1px solid rgba(255,255,255,.08)}.replay-controls{display:grid;gap:10px;flex:1;min-width:240px}.replay-stepper{display:flex;gap:8px;flex-wrap:wrap}.replay-frame-meta{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.replay-frame-meta strong{color:var(--gold-light)}.seat-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;border-radius:var(--radius-md);background:#060d18b3;border:1px solid rgba(212,168,83,.12)}.seat-toggle button{border:0;border-radius:var(--radius-sm);padding:10px 12px;background:transparent;color:var(--text-secondary);font-weight:600;font-size:13px;cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast),box-shadow var(--duration-fast)}.seat-toggle button:hover{color:var(--text-primary);background:#ffffff0a}.seat-toggle button.active{color:var(--text-primary);background:linear-gradient(180deg,#2ec4b62e,#2ec4b614);box-shadow:inset 0 0 0 1px #2ec4b659}.grade-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:4px 10px 4px 8px;border-radius:999px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;border:1px solid transparent}.grade-badge:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.grade-badge-symbol{font-weight:900;line-height:1}.grade-badge.brilliant{background:#c479ff29;color:#e8c4ff;border-color:#c479ff59;box-shadow:0 0 20px #c479ff26}.grade-badge.brilliant:before{background:#dcabff}.grade-badge.great{background:#f0d48a2e;color:var(--gold-light);border-color:#f0d48a59;box-shadow:0 0 18px #d4a8531f}.grade-badge.great:before{background:var(--gold-light)}.grade-badge.best{background:#7c82ff29;color:#c5c8ff;border-color:#7c82ff4d}.grade-badge.best:before{background:var(--best)}.grade-badge.excellent{background:#4db4ff29;color:#a8dcff;border-color:#4db4ff47}.grade-badge.excellent:before{background:var(--excellent)}.grade-badge.good{background:#63d29724;color:#9eeec0;border-color:#63d29747}.grade-badge.good:before{background:var(--good)}.grade-badge.book{background:#2ec4b624;color:var(--brand-2);border-color:#2ec4b647}.grade-badge.book:before{background:var(--brand-2)}.grade-badge.inaccuracy{background:#ffbf4724;color:#ffd98a;border-color:#ffbf4747}.grade-badge.inaccuracy:before{background:var(--inaccuracy)}.grade-badge.mistake{background:#ff8c4224;color:#ffc299;border-color:#ff8c4247}.grade-badge.mistake:before{background:var(--mistake)}.grade-badge.blunder{background:#ff4d6d24;color:#ffaebc;border-color:#ff4d6d52;box-shadow:0 0 16px #ff4d6d1f}.grade-badge.blunder:before{background:var(--blunder)}.grade-badge.miss{background:#f871712e;color:#fecaca;border-color:#f8717157}.grade-badge.miss:before{background:#f87171}.move-row{width:100%;border:1px solid transparent;border-radius:var(--radius-sm);background:#ffffff05;color:inherit;cursor:pointer;padding:10px 12px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left;transition:background var(--duration-fast),border-color var(--duration-fast),transform var(--duration-fast)}.move-row:hover{background:#ffffff0d;border-color:#ffffff14}.move-row.active{background:linear-gradient(90deg,#2ec4b61f,#2ec4b60a);border-color:#2ec4b659;box-shadow:inset 3px 0 0 var(--brand-2)}.move-row-index{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:24px}.move-row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.move-row-move{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.move-row-delta{font-size:11px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.move-row-kind{display:inline-block;margin-right:6px;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;background:#d4a8532e;color:var(--gold-light);vertical-align:middle}.coach-callout{padding:16px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#ffffff08}.coach-callout.tone-good{border-color:#63d29740;background:linear-gradient(135deg,#63d2971a,#060d1866)}.coach-callout.tone-warn{border-color:#ffbf4740;background:linear-gradient(135deg,#ffbf471a,#060d1866)}.coach-callout.tone-danger{border-color:#ff4d6d47;background:linear-gradient(135deg,#ff4d6d1a,#060d1866)}.coach-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:700;font-size:14px;margin-bottom:8px;color:var(--text-primary)}.coach-title small{flex-shrink:0;color:var(--text-muted);font-size:10px;font-weight:800;text-transform:uppercase}.coach-line{margin:0 0 10px;font-size:13px;line-height:1.55;color:var(--text-secondary)}.coach-breakdown-grid{display:grid;gap:8px;margin-top:12px}.coach-detail{display:grid;gap:4px;padding:9px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#060d1857}.coach-detail span,.coach-tip span{color:var(--text-muted);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.coach-detail p,.coach-tip p{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.45}.coach-detail-good{border-color:#63d29733}.coach-detail-warn{border-color:#ffbf4738}.coach-detail-danger{border-color:#ff4d6d3d}.coach-tip{display:grid;gap:4px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(212,168,83,.15)}.coach-tip p{color:var(--gold-light)}.accuracy-ring-progress{fill:none;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .6s var(--ease-out)}.accuracy-ring.tone-excellent .accuracy-ring-progress{stroke:var(--ok);filter:drop-shadow(0 0 6px rgba(99,210,151,.5))}.accuracy-ring.tone-good .accuracy-ring-progress{stroke:var(--brand-2)}.accuracy-ring.tone-fair .accuracy-ring-progress{stroke:var(--warn)}.accuracy-ring.tone-low .accuracy-ring-progress{stroke:var(--bad)}.accuracy-ring-center{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px}.accuracy-ring-value{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.accuracy-ring-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.summary-accuracy-row{display:flex;gap:16px;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}.summary-accuracy-meta{display:grid;grid-template-columns:1fr auto;gap:4px 12px;flex:1}.summary-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.summary-metric{padding:10px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.summary-metric strong{display:block;margin-top:4px;font-size:18px;font-variant-numeric:tabular-nums}.classification-summary{display:grid;gap:12px;margin-top:14px;padding:12px;border-radius:var(--radius-md);background:#0000002e;border:1px solid rgba(255,255,255,.06)}.summary-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.summary-badges.compact{margin-top:8px}.learning-diagnostic-card{display:grid;gap:10px;margin-top:14px;padding:12px;border-radius:var(--radius-md);background:linear-gradient(145deg,#2ec4b614,#0000002e);border:1px solid rgba(46,196,182,.16)}.learning-diagnostic-card strong{display:block;margin-top:4px;color:var(--text-secondary);font-size:13px;line-height:1.45}.summary-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);font-size:12px}.summary-worst{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.summary-worst-row{display:flex;justify-content:space-between;gap:12px;margin-top:6px;font-size:13px}.key-moments{display:grid;gap:6px}.key-moment{width:100%;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);background:#ffffff05;color:inherit;cursor:pointer;padding:10px 12px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px;transition:background var(--duration-fast),border-color var(--duration-fast)}.key-moment:hover,.key-moment.active{background:#d4a85314;border-color:#d4a85338}.review-timeline{display:flex;align-items:center;gap:12px}.review-timeline input[type=range]{flex:1;height:6px;border-radius:999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;accent-color:var(--gold)}.review-timeline input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(180deg,var(--gold-light),var(--gold));border:2px solid rgba(6,13,24,.8);box-shadow:0 2px 8px #00000059;cursor:pointer}.tutorial-progress{padding:14px 18px;border-radius:var(--radius-lg);background:#0a1628d9;border:1px solid rgba(212,168,83,.12)}.tutorial-progress-track{margin-top:10px;height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.tutorial-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-2),var(--gold));transition:width .4s var(--ease-out)}.tutorial-principle{font-size:15px;line-height:1.6;margin:0 0 14px;color:var(--text-primary)}.tutorial-step-map{display:grid;gap:8px}.tutorial-step-map button{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:#ffffff08;color:var(--text-secondary);text-align:left;font-weight:700;cursor:pointer}.tutorial-step-map button span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#ffffff0f;color:var(--text-muted);font-variant-numeric:tabular-nums}.tutorial-step-map button.active{color:var(--text-primary);border-color:#d4a85357;background:linear-gradient(145deg,#d4a85324,#ffffff0a)}.tutorial-step-map button.done span{background:#63d2972e;color:#9eeec0}.tutorial-objective{display:grid;gap:6px;margin:14px 0;padding:12px;border-radius:var(--radius-md);background:linear-gradient(145deg,#2ec4b61a,#0000002e);border:1px solid rgba(46,196,182,.18)}.tutorial-objective strong{line-height:1.45}.tutorial-feedback{margin:4px 0 0;color:#ffd98a;font-size:13px;line-height:1.45}.tutorial-feedback.success{color:#9eeec0}.tutorial-watch-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tutorial-watch-list>div{padding:10px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.tutorial-actions{display:flex;gap:10px;padding:14px;border-radius:var(--radius-lg);background:#0a1628d9;border:1px solid rgba(255,255,255,.08)}.tutorial-actions .ui-btn:last-child{flex:1}.loading-screen{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.loading-screen-inner{text-align:center;padding:32px 40px;border-radius:var(--radius-xl);background:#0f1d3299;border:1px solid rgba(212,168,83,.15);box-shadow:var(--shadow-lg)}.turnstile-field{display:flex;justify-content:center;min-height:65px}.auth-gate{display:grid;gap:12px;width:min(420px,calc(100vw - 32px))}.auth-gate p{margin:0;color:var(--text-secondary)}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#060d18,#0a1628 54%,#08111f)}.login-page-shell{width:min(920px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,420px);gap:28px;align-items:center}.login-page-brand{display:grid;gap:18px;align-content:center}.login-page-brand .hex-brand-mark{width:64px;height:64px}.login-page-kicker{margin:0 0 8px;color:var(--gold-light);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0}.login-page h1{max-width:520px;margin:0;color:var(--text-primary);font-size:58px;line-height:.98}.loading-screen-error{display:grid;gap:12px;max-width:420px;border-color:#f8717147}.loading-screen-error strong{color:#fecaca;font-size:18px}.loading-screen-error p{margin:0;color:var(--text-secondary);line-height:1.45}.loading-screen-spinner{width:40px;height:40px;margin:0 auto 16px;border-radius:50%;border:3px solid rgba(255,255,255,.1);border-top-color:var(--gold);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 760px){.login-page{align-items:start;padding:24px 16px}.login-page-shell{grid-template-columns:1fr;gap:22px}.login-page-brand{justify-items:center;text-align:center}.login-page h1{max-width:360px;font-size:36px}.account-session-row{align-items:stretch;flex-direction:column}}.immersive-meta-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;background:#d4a8531f;border:1px solid rgba(212,168,83,.25);color:var(--gold-light)}.eval-trend{display:grid;gap:10px}.eval-trend-metrics{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px}.eval-trend-metric{display:inline-flex;align-items:center;gap:6px}.eval-trend-metric strong{font-variant-numeric:tabular-nums}.eval-trend-metric.positive strong{color:var(--ok)}.eval-trend-metric.negative strong{color:var(--bad)}.eval-trend-metric.neutral strong{color:var(--text-secondary)}.eval-trend-chart-wrap{position:relative;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0a162899,#060d18cc);padding:8px 8px 4px;overflow:hidden}.eval-trend-chart-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(123,168,255,.08),transparent 55%);pointer-events:none}.eval-trend-chart{width:100%;height:120px;display:block}.eval-trend-zero{stroke:#ffffff26;stroke-dasharray:4 6;stroke-width:1}.eval-trend-area{opacity:.35}.eval-trend-area.positive{fill:url(#evalGradientPositive)}.eval-trend-area.negative{fill:url(#evalGradientNegative)}.eval-trend-line{fill:none;stroke:url(#evalLineGradient);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(123,168,255,.35))}.eval-trend-point{cursor:pointer;stroke:#060d18cc;stroke-width:1.5;transition:r .12s ease,filter .12s ease}.eval-trend-point.good{fill:var(--good)}.eval-trend-point.inaccuracy{fill:var(--inaccuracy)}.eval-trend-point.mistake{fill:var(--mistake)}.eval-trend-point.blunder{fill:var(--blunder)}.eval-trend-point.neutral{fill:#9ec0ff}.eval-trend-point.active{filter:drop-shadow(0 0 6px currentColor);stroke-width:2}.eval-trend-legend{display:flex;flex-wrap:wrap;gap:10px;font-size:10px;color:var(--text-muted)}.eval-trend-legend span{display:inline-flex;align-items:center;gap:5px}.eval-trend-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.postgame-graph-shell{margin-bottom:14px;padding:12px;border-radius:var(--radius-xl);background:radial-gradient(circle at 10% 0%,rgba(123,168,255,.16),transparent 30%),radial-gradient(circle at 92% 0%,rgba(212,168,83,.16),transparent 34%),linear-gradient(145deg,#0a1628f0,#050a14fa);border:1px solid rgba(212,168,83,.16);box-shadow:var(--shadow-md)}.analysis-request-panel{display:grid;gap:10px}.analysis-request-panel p{margin:0}.analysis-request-panel span{color:var(--gold-light);font-size:12px;font-weight:800}.win-chance-chart{display:grid;gap:10px}.win-chance-chart.postgame{gap:12px}.win-chance-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.win-chance-metrics span{padding:8px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--text-muted);font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.win-chance-metrics strong{display:block;margin-top:3px;color:var(--gold-light);font-size:16px;font-variant-numeric:tabular-nums;letter-spacing:0}.win-chance-svg-wrap{position:relative;padding:8px;border-radius:var(--radius-md);border:1px solid rgba(212,168,83,.12);background:linear-gradient(to top,#2ec4b614 0,#2ec4b614 50%,#d4a85314 50%,#d4a85314),linear-gradient(180deg,#0a1628ad,#060d18db);overflow:hidden}.win-chance-svg-wrap:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:100% 28px,56px 100%;pointer-events:none}.win-chance-svg{position:relative;z-index:1;width:100%;height:136px;display:block}.win-chance-chart.postgame .win-chance-svg{height:clamp(132px,18vh,190px)}.win-chance-gridline,.win-chance-midline{stroke:#fff3;stroke-width:1;stroke-dasharray:5 6}.win-chance-gridline{stroke:#ffffff1a}.win-chance-gridline.mid{stroke:#ffffff3d}.win-chance-area{fill:url(#winChanceArea);opacity:.7}.win-chance-line{fill:none;stroke:url(#winChanceLine);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(212,168,83,.28))}.win-chance-point{cursor:pointer;fill:var(--gold-light);stroke:#060d18db;stroke-width:1.4}.win-chance-point.great{fill:var(--gold-light)}.win-chance-point.inaccuracy{fill:var(--inaccuracy)}.win-chance-point.mistake{fill:var(--mistake)}.win-chance-point.blunder{fill:var(--blunder)}.win-chance-point.neutral{fill:#9ec0ff}.win-chance-point.active{fill:#fff7cc;stroke-width:2;filter:drop-shadow(0 0 7px rgba(240,212,138,.64))}.win-chance-legend{display:flex;justify-content:space-between;color:var(--text-muted);font-size:10px;font-weight:800;font-variant-numeric:tabular-nums}.postgame-graph-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.postgame-graph-head strong{display:block;color:var(--text-primary);font-size:15px}.postgame-graph-head p{margin:4px 0 0;color:var(--text-muted);font-size:12px}.postgame-graph-key,.postgame-graph-key span{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap}.postgame-graph-key{justify-content:flex-end;color:var(--text-muted);font-size:11px;font-weight:800}.postgame-graph-key i{width:8px;height:8px;border-radius:999px;background:#9ec0ff}.postgame-graph-key i.great{background:var(--gold-light)}.postgame-graph-key i.inaccuracy{background:var(--inaccuracy)}.postgame-graph-key i.mistake{background:var(--mistake)}.postgame-graph-key i.blunder{background:var(--blunder)}.postgame-swing-strip{display:flex;gap:8px;overflow:auto;padding-bottom:2px}.postgame-swing-chip{flex:0 0 142px;display:grid;gap:2px;padding:9px 10px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);background:#ffffff09;color:inherit;text-align:left;cursor:pointer;transition:transform var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast)}.postgame-swing-chip:hover,.postgame-swing-chip.active{transform:translateY(-1px);background:#ffffff0f}.postgame-swing-chip span{color:var(--text-muted);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.postgame-swing-chip strong{color:var(--text-primary);font-size:13px}.postgame-swing-chip small{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.postgame-swing-chip.great{border-color:#d4a85347}.postgame-swing-chip.inaccuracy{border-color:#ffbf4747}.postgame-swing-chip.mistake{border-color:#ff8c4247}.postgame-swing-chip.blunder{border-color:#ff4d6d52}.review-timeline-frame{min-width:52px;text-align:right;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--gold-light)}.move-list{display:grid;gap:6px;overflow:auto;padding-right:4px;-webkit-mask-image:linear-gradient(to bottom,black calc(100% - 24px),transparent);mask-image:linear-gradient(to bottom,black calc(100% - 24px),transparent)}@media (max-width: 1180px){.game-review-hero,.postgame-review-layout,.postgame-bottom-grid,.replay-layout,.tutorial-layout,.puzzle-layout,.position-layout{grid-template-columns:1fr;min-height:auto}.postgame-action-rail,.postgame-coach-column,.replay-side-column,.tutorial-panel,.puzzle-side-column,.position-side-column{max-height:none}.postgame-board-column.replay-board-column .board-stage{width:min(100%,calc((100vh - 260px)*1.55));width:min(100%,calc((100dvh - 260px)*1.55))}.postgame-board-column.replay-board-column .board-svg{min-height:clamp(320px,54vh,620px);min-height:clamp(320px,54dvh,620px);max-height:calc(100vh - 260px);max-height:calc(100dvh - 260px)}.game-review-actions{justify-content:flex-start}}@media (max-width: 720px){.game-review-score{width:100%;min-height:96px;border-radius:var(--radius-lg)}.postgame-selected-action,.postgame-candidate{grid-template-columns:1fr}.postgame-board-column.replay-board-column .board-stage{width:100%}.postgame-board-column.replay-board-column .board-svg{min-height:clamp(260px,44vh,520px);min-height:clamp(260px,44dvh,520px)}}.game-layout{display:grid;gap:10px;height:calc(100vh - 64px);min-height:600px;grid-template-columns:minmax(760px,1fr) clamp(238px,22vw,286px);align-items:stretch}.board-pane{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;min-height:0}.game-layout .board-pane{position:relative;grid-template-rows:auto minmax(0,1fr) auto;gap:8px}.live-action-menu-toggle{position:absolute;left:10px;top:50%;z-index:26;width:36px;height:72px;display:grid;place-items:center;gap:4px;padding:16px 10px;border-radius:999px;border:1px solid rgba(212,168,83,.28);background:#08101dd1;box-shadow:0 14px 30px #00000057;cursor:pointer;transform:translateY(-50%);transition:background var(--duration-fast),border-color var(--duration-fast),transform var(--duration-fast)}.live-action-menu-toggle:hover,.live-action-menu-toggle.active{border-color:#d4a8538a;background:#132137f0}.live-action-menu-toggle.active{transform:translateY(-50%) translate(236px)}.live-action-menu-toggle span{width:4px;height:4px;border-radius:999px;background:var(--gold-light)}.live-action-drawer{position:absolute;left:0;top:96px;bottom:84px;z-index:25;width:min(260px,82vw);display:grid;grid-template-rows:auto repeat(3,auto) minmax(0,1fr);gap:12px;padding:14px;border-radius:0 18px 18px 0;border:1px solid rgba(212,168,83,.22);border-left:0;background:#060d18f0;box-shadow:24px 0 52px #00000061;opacity:0;pointer-events:none;transform:translate(-104%);transition:opacity var(--duration-fast),transform var(--duration-fast)}.live-action-drawer.open{opacity:1;pointer-events:auto;transform:translate(0)}.live-action-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.live-action-drawer-head strong,.live-action-drawer-group>span{color:var(--text-primary);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.live-action-drawer-head button,.live-action-drawer-group button{min-height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:var(--text-secondary);font-weight:800;cursor:pointer}.live-action-drawer-head button{min-height:28px;padding:0 10px;font-size:11px}.live-action-drawer-group{display:grid;gap:8px}.live-action-drawer-group>span{color:var(--gold-light)}.live-action-drawer-group button{width:100%;padding:0 12px;text-align:left}.live-action-drawer-group button:disabled{opacity:.55;cursor:not-allowed}.live-action-drawer-group button:not(:disabled):hover{border-color:#d4a85357;background:#d4a8531a;color:var(--text-primary)}.live-action-drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:24;border:0;background:transparent;cursor:default}.match-score-strip{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.player-chip{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);background:#ffffff08;border:1px solid rgba(255,255,255,.08);transition:border-color var(--duration-fast),box-shadow var(--duration-fast),background var(--duration-fast)}.player-chip:last-child{flex-direction:row-reverse;text-align:right}.player-chip.active{border-color:#d4a85359;background:#d4a85314;box-shadow:0 0 24px #d4a8531a}.player-chip.turn-pulse.active{animation:turn-glow 2s ease-in-out infinite}@keyframes turn-glow{0%,to{box-shadow:0 0 16px #d4a8531f}50%{box-shadow:0 0 28px #d4a85347}}.player-chip-avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:14px;flex-shrink:0;border:1px solid rgba(255,255,255,.12)}.player-chip-avatar.you{background:linear-gradient(145deg,#f4e4bc,#d4a853);color:#2a1f12}.player-chip-avatar.opp{background:linear-gradient(145deg,#4a5568,#1a2332);color:#f4f8ff}.match-score-strip.premium{padding:4px;border-radius:var(--radius-lg);background:#00000038;border:1px solid rgba(212,168,83,.12)}.board-hud-row{display:grid;grid-template-columns:1fr;align-items:stretch;gap:8px;min-width:0}.board-hud-row .board-status-bar:only-child{grid-column:1 / -1}.board-pane .board-status-bar{gap:10px;min-height:42px;padding:7px 10px;border-radius:14px;background:#0a1628b8;border-color:#ffffff14;box-shadow:none}.board-pane .board-status-copy{display:flex;align-items:center;gap:9px;min-width:0}.board-pane .board-status-copy strong{margin:0;font-size:12px;line-height:1;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.board-pane .board-status-copy .muted{display:inline-flex;align-items:center;gap:6px;min-width:0;font-size:11px}.board-status-hint{overflow:hidden;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap}.board-pane .phase-pill{padding:2px 7px;font-size:10px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase}.board-pane .board-status-widgets{gap:8px}.board-status-widgets .cube-widget-premium{flex-direction:row;gap:5px;min-width:auto}.board-status-widgets .cube-widget-label{display:none}.board-status-widgets .cube-face-3d{width:30px;height:30px;border-radius:8px;box-shadow:0 4px 10px #00000047,inset 0 1px #ffffff4d}.board-status-widgets .cube-face-value{font-size:14px}.board-status-widgets .cube-face-x{top:2px;right:4px;font-size:7px}.board-status-widgets .cube-owner{max-width:70px;overflow:hidden;color:var(--text-muted);font-size:10px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.match-rated-badge{display:inline-flex;padding:2px 8px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#d4a85326;border:1px solid rgba(212,168,83,.3);color:var(--gold-light);margin-bottom:4px}.board-arena{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-height:0;align-items:center}.board-arena.with-live-eval{grid-template-columns:minmax(0,1fr)}.board-stage-wrap{position:relative;min-height:0;display:flex;flex-direction:column;justify-content:center;width:100%}.board-stage-wrap .board-stage{width:100%;max-width:min(1180px,calc((100vh - 178px)*1.56));margin:0 auto}.waiting-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;background:#060d18b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-lg)}.waiting-overlay-card{text-align:center;padding:28px 32px;border-radius:var(--radius-xl);border:1px solid rgba(212,168,83,.25);background:linear-gradient(160deg,#0f1d32fa,#060d18fa);box-shadow:var(--shadow-lg);display:grid;gap:12px;max-width:320px}.waiting-overlay-spinner{width:48px;height:48px;margin:0 auto;border-radius:50%;border:3px solid rgba(212,168,83,.2);border-top-color:var(--gold);animation:spin 1s linear infinite}.waiting-overlay-room{padding:8px 12px;border-radius:var(--radius-sm);background:#00000059;border:1px solid rgba(255,255,255,.08);font-size:12px;word-break:break-all}.player-chip-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 2px 4px #ffffff59,0 2px 6px #00000059}.player-chip-dot.white{background:radial-gradient(circle at 35% 30%,#fff,#d4c4a8)}.player-chip-dot.black{background:radial-gradient(circle at 35% 30%,#5a6578,#1a2230)}.player-chip-name{display:block;font-size:12px;color:var(--text-muted)}.player-chip-score{display:block;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.player-chip-sub{display:block;margin-top:2px;color:var(--text-muted);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;font-variant-numeric:tabular-nums}.match-score-divider{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 8px;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.match-score-divider strong{font-size:13px;color:var(--gold-light)}.race-leader-chip,.bar-alert-pill{display:inline-flex;align-items:center;width:fit-content;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums}.race-leader-chip{margin-top:2px;color:#bbf7d0;background:#34d3991a;border:1px solid rgba(52,211,153,.26)}.bar-alert-pill{color:#fef3c7;background:#d4a8531f;border:1px solid rgba(212,168,83,.25)}.action-timer-chip{--timer-pct: 100%;display:inline-flex;align-items:center;gap:6px;margin-top:2px;padding:4px 8px 4px 5px;border-radius:999px;border:1px solid rgba(52,211,153,.28);background:#34d3991a;color:#86efac;font-size:11px;font-weight:900;letter-spacing:.03em;font-variant-numeric:tabular-nums}.action-timer-chip.urgent{border-color:#f871715c;background:#f871711f;color:#fca5a5;animation:timer-warning .9s ease-in-out infinite}.action-timer-ring{width:18px;height:18px;border-radius:50%;background:conic-gradient(currentColor var(--timer-pct),rgba(255,255,255,.14) 0),#00000047;position:relative}.action-timer-ring:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:var(--bg-elevated)}@keyframes timer-warning{0%,to{box-shadow:0 0 #f8717100}50%{box-shadow:0 0 18px #f8717147}}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.board-theme-select{min-height:32px;padding:0 30px 0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#00000047;color:var(--text-secondary);font-size:12px;font-weight:800;outline:none}.board-theme-select:focus{border-color:#d4a85373;box-shadow:0 0 0 3px #d4a8531a}.quick-puzzle-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:16px 18px;border-radius:var(--radius-xl);border:1px solid rgba(212,168,83,.14);background:linear-gradient(145deg,#0f1d32db,#060d18f0)}.quick-puzzle-header strong{display:block;margin-top:8px;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:400;line-height:1}.quick-puzzle-header p{margin:6px 0 0}@media (max-width: 760px){.quick-puzzle-header{align-items:stretch;flex-direction:column}}.side-panel{display:flex;flex-direction:column;gap:8px;min-height:0;max-height:calc(100vh - 64px);overflow:hidden}.side-panel-live .ui-card-header{padding:12px 12px 0}.side-panel-live .ui-card-body{padding:10px 12px 12px}.side-panel-head{position:sticky;top:0;z-index:5;display:grid;gap:10px;padding-bottom:4px;background:linear-gradient(180deg,var(--bg) 70%,transparent)}.side-panel-live-badge{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);background:#2ec4b614;border:1px solid rgba(46,196,182,.2);font-size:12px}.side-panel-live-badge .live-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px #63d29799;animation:pulse-glow 2s ease-in-out infinite}.side-panel-scroll{flex:1;overflow:auto;display:grid;gap:8px;align-content:start;padding-right:4px;padding-bottom:12px}.live-chat-card{display:grid;gap:10px}.live-chat-inline{padding:2px 2px 4px;background:transparent;border:0;box-shadow:none}.live-chat-inline-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;color:var(--text-primary)}.live-chat-inline-head strong{font-size:13px;font-weight:900}.live-chat-messages{display:grid;gap:8px;max-height:150px;overflow:auto;padding-right:2px}.live-chat-empty{margin:0;font-size:13px;line-height:1.45}.live-chat-message{padding:9px 10px;border-radius:var(--radius-sm);background:#ffffff09;border:1px solid rgba(255,255,255,.07)}.live-chat-message.kind-commentary{background:#2ec4b617;border-color:#2ec4b640}.live-chat-message.kind-bot{background:#d4a85314;border-color:#d4a8533d}.live-chat-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px;font-size:11px}.live-chat-meta strong{color:var(--gold-light)}.live-chat-meta span{color:var(--text-muted);font-variant-numeric:tabular-nums}.live-chat-meta em{margin-left:auto;padding:1px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.16);color:var(--text-muted);font-size:10px;font-style:normal;letter-spacing:.02em;text-transform:uppercase}.live-chat-message p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.45;overflow-wrap:anywhere}.live-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-width:0}.live-chat-form input{min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);background:#0000003d;color:var(--text-primary);padding:10px 12px;outline:none}.live-chat-form input:focus{border-color:#d4a8536b;box-shadow:0 0 0 3px #d4a8531a}.live-chat-error{margin:0;padding:8px 10px;border-radius:var(--radius-sm);color:#ffc299;background:#ff8c421f;border:1px solid rgba(255,140,66,.22);font-size:12px}.live-chat-policy{margin:0;color:var(--text-muted);font-size:11px;line-height:1.35}.action-forecast-list{display:grid;gap:8px}.action-forecast-headline{margin:0;font-size:12px;color:var(--text-muted)}.action-forecast-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.action-forecast-copy{min-width:0;display:grid;gap:2px}.action-forecast-copy strong{font-size:12px;color:var(--text-primary)}.action-forecast-copy span{font-size:11px;color:var(--text-muted)}.action-forecast-pcts{display:grid;gap:2px;text-align:right;font-size:11px;color:var(--text-secondary)}.ui-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;border-radius:var(--radius-md);background:#00000059;border:1px solid rgba(255,255,255,.08)}.ui-tab{border:0;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);padding:9px 6px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.02em;transition:background var(--duration-fast),color var(--duration-fast),box-shadow var(--duration-fast)}.ui-tab:hover{color:var(--text-primary);background:#ffffff0a}.ui-tab.active{color:var(--text-primary);background:linear-gradient(180deg,#2ec4b638,#2ec4b614);box-shadow:inset 0 0 0 1px #2ec4b64d}.eval-bar-wrap{display:grid;gap:6px}.live-eval-panel{min-width:0;padding:10px 14px;border-radius:14px;background:#0a1628b8;border:1px solid rgba(46,196,182,.18);box-shadow:none}.board-eval-strip{display:grid;gap:6px;background:linear-gradient(90deg,#f5efe314,#0a1628b8 45%,#4a55681a),#0a1628b8;border-color:#94b4dc2e;box-shadow:inset 0 0 0 1px #ffffff08}.board-eval-rail{align-self:stretch;display:grid;align-items:center;justify-items:center;min-height:280px;padding:14px 10px;background:linear-gradient(180deg,#2ec4b61f,#0a1628c2),#0a1628bd;box-shadow:inset 0 0 0 1px #ffffff0a,0 12px 34px #0000002e}.board-eval-rail .eval-bar-wrap{width:100%;min-height:100%;align-content:center}.board-eval-rail .eval-bar-caption{display:grid;justify-items:center;text-align:center;font-size:10px}.board-eval-rail .eval-bar-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(240px,1fr) auto;justify-items:center;min-height:min(66vh,460px)}.board-eval-rail .eval-bar{grid-column:1;grid-row:2;flex-direction:column-reverse;width:24px;height:100%;min-height:240px}.board-eval-rail .eval-bar-white,.board-eval-rail .eval-bar-black{width:100%!important;transition:height .55s var(--ease-out),width .55s var(--ease-out)}.board-eval-rail .eval-bar-white{height:var(--eval-you, 50%)}.board-eval-rail .eval-bar-black{height:var(--eval-opp, 50%)}.board-eval-rail .eval-bar-center{top:50%;bottom:auto;left:0;right:0;width:auto;height:1px;transform:translateY(-50%)}.board-eval-rail .eval-bar-label{grid-column:1;font-size:12px;font-weight:900}.board-eval-rail .eval-bar-label.left{grid-row:1}.board-eval-rail .eval-bar-label.right{grid-row:3}.live-eval-placeholder{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-secondary);min-height:26px;font-size:12px}.live-eval-placeholder strong{color:var(--gold-light)}.eval-bar-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:600}.eval-bar-caption .eval-advantage{color:var(--gold-light)}.eval-bar-caption .eval-advantage.favored-you{color:var(--ok)}.eval-bar-caption .eval-advantage.favored-opp{color:var(--bad)}.eval-bar-caption .eval-advantage.even{color:var(--text-secondary)}.eval-scoreboard{display:grid;grid-template-columns:minmax(94px,1fr) auto minmax(94px,1fr);align-items:center;gap:12px;font-size:15px;font-variant-numeric:tabular-nums}.eval-side{min-width:0;white-space:nowrap}.eval-side-white{color:#f5efe3}.eval-side-black{color:#9aa8bc;justify-self:end}.eval-equity{justify-self:center;padding:4px 10px;border-radius:999px;background:#060d18a8;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);font-size:12px;font-weight:800}.eval-equity.white-edge{color:#f5efe3}.eval-equity.black-edge{color:#b8c6da}.eval-bar-meta-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:var(--text-muted)}.eval-delta{font-weight:800;font-variant-numeric:tabular-nums}.eval-delta.positive{color:var(--ok)}.eval-delta.negative{color:var(--bad)}.eval-source{padding:2px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.14);font-weight:700;letter-spacing:0;text-transform:uppercase}.eval-source.exact{color:#9ec0ff;border-color:#9ec0ff4d}.eval-source.engine{color:#9eeec0;border-color:#63d29747}.eval-source.estimate{color:#f8dca8;border-color:#d4a85352}.eval-source.unavailable{color:#fca5a5;border-color:#f8717152}.eval-bar-shell{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding-bottom:0}.live-eval-panel .eval-bar{position:relative;display:flex;grid-column:2;grid-row:1;width:100%;height:18px;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 2px 8px #00000059}.eval-bar-white{background:linear-gradient(180deg,#f5efe3,#c8b18d);transition:width .5s var(--ease-out)}.eval-bar-black{background:linear-gradient(180deg,#4a5568,#1a2230);transition:width .5s var(--ease-out)}.eval-bar-center{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#ffffff73;transform:translate(-50%);pointer-events:none}.live-eval-panel .eval-bar-label{position:static;grid-row:1;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.eval-bar-label.left{grid-column:1;color:#ebe3d4}.eval-bar-label.right{grid-column:3;color:#9aa8bc}.eval-advanced-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.eval-advanced-lanes span{display:grid;gap:2px;padding:6px 8px;border-radius:8px;background:#ffffff09;color:var(--text-secondary);font-size:11px;font-variant-numeric:tabular-nums}.eval-advanced-lanes strong{color:var(--text-muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.eval-advanced-lanes .positive{color:var(--ok)}.eval-advanced-lanes .negative{color:var(--bad)}.eval-bar-wrap.shift-up .eval-bar{box-shadow:inset 0 2px 8px #00000059,0 0 10px #63d29738}.eval-bar-wrap.shift-down .eval-bar{box-shadow:inset 0 2px 8px #00000059,0 0 10px #ff8c4238}.eval-bar-wrap.minimal{gap:6px}.eval-bar-wrap.unavailable .eval-bar{opacity:.54}.eval-bar-wrap.unavailable .eval-bar-white,.eval-bar-wrap.unavailable .eval-bar-black{background:linear-gradient(180deg,#94b4dc3d,#5c729438)}.match-result-banner{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px;margin-bottom:14px;padding:18px 22px;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-lg);animation:fade-up .5s var(--ease-out)}.match-result-banner.won{background:linear-gradient(135deg,#63d2972e,#060d1899 60%),#0a1628e6;border-color:#63d2974d}.match-result-banner.lost{background:linear-gradient(135deg,#ff4d6d29,#060d1899 60%),#0a1628e6;border-color:#ff4d6d47}.match-result-copy{display:grid;gap:6px}.match-result-copy>strong{font-family:var(--font-display);font-size:1.5rem;font-weight:400;letter-spacing:-.02em}.match-result-breakdown{font-size:13px}.match-result-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.match-result-actions{display:flex;flex-direction:column;gap:8px}.live-state-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.live-state-tile{padding:12px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.live-state-tile span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px}.live-state-tile strong{font-size:16px;font-variant-numeric:tabular-nums}.phase-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#d4a8531f;border:1px solid rgba(212,168,83,.25);color:var(--gold-light)}.event-log{display:grid;gap:4px;max-height:280px;overflow:auto}.event-row{width:100%;border:1px solid transparent;border-radius:var(--radius-sm);background:#ffffff05;color:inherit;cursor:pointer;padding:8px 10px;display:grid;grid-template-columns:52px 1fr;gap:8px;align-items:start;text-align:left;font-size:12px;transition:background var(--duration-fast),border-color var(--duration-fast)}.event-row:hover,.event-row.active{background:#2ec4b614;border-color:#2ec4b638}.event-turn{font-weight:700;color:var(--text-muted);font-size:11px}.event-text{color:var(--text-secondary);line-height:1.4}.review-jumps{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.grade-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:var(--radius-sm);background:#ffffff05}.bot-personality-grid{display:grid;gap:10px;margin-top:10px}.bot-personality-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:14px;border-radius:var(--radius-md);border:1px solid var(--border);background:#00000038;color:inherit;cursor:pointer;text-align:left;transition:border-color var(--duration-fast),background var(--duration-fast),transform var(--duration-fast)}.bot-personality-card:hover{border-color:var(--border-strong);background:#ffffff08}.bot-personality-card.active{border-color:var(--brand);background:#2ec4b61a;box-shadow:inset 3px 0 0 var(--brand)}.bot-personality-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.bot-personality-card strong{display:block;font-size:14px;margin-bottom:4px}.bot-personality-card p{margin:0;font-size:12px;color:var(--text-secondary);line-height:1.45}.play-features{display:grid;gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}.play-feature{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary)}.play-feature-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#d4a8531f;color:var(--gold-light);font-size:14px;flex-shrink:0}.bot-opponent-card{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin-top:16px;padding:16px 18px;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--bot-accent, var(--gold)) 38%,transparent);background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--bot-accent, var(--gold)) 22%,transparent),transparent 38%),linear-gradient(145deg,#0f1d32d9,#060d18eb);box-shadow:var(--shadow-md)}.bot-opponent-avatar{position:relative;width:72px;height:72px;border-radius:18px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.34),transparent 24%),linear-gradient(145deg,color-mix(in srgb,var(--bot-accent, var(--gold)) 72%,#f8fafc),color-mix(in srgb,var(--bot-accent, var(--gold)) 42%,#0f1d32));border:1px solid color-mix(in srgb,var(--bot-accent, var(--gold)) 62%,transparent);box-shadow:inset 0 0 24px #ffffff14,0 12px 24px color-mix(in srgb,var(--bot-accent, var(--gold)) 18%,transparent)}.bot-opponent-avatar:after{content:"";position:absolute;top:42%;right:15%;bottom:-24%;left:15%;border-radius:999px 999px 0 0;background:#060d186b}.bot-opponent-portrait{position:relative;z-index:1;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffffffd1;color:#111827;font-size:13px;font-weight:900;letter-spacing:-.04em}.bot-opponent-emoji{position:absolute;right:7px;bottom:6px;z-index:2;font-size:18px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}.bot-opponent-copy{display:grid;gap:4px}.bot-opponent-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.bot-opponent-copy>strong{font-family:var(--font-display);font-size:1.25rem;font-weight:400}.bot-opponent-style{color:var(--gold-light);font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.bot-opponent-copy>p{margin:0;font-size:13px;line-height:1.45}.bot-opponent-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.bot-opponent-tag{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;background:#2ec4b61a;border:1px solid rgba(46,196,182,.22);color:var(--brand-light, #8ef0e4)}.grade-toast-stack{position:fixed;right:20px;bottom:88px;z-index:120;display:grid;gap:10px;width:min(320px,calc(100vw - 32px));pointer-events:none}.grade-toast{pointer-events:auto;width:100%;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);background:#08101ef0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:inherit;text-align:left;padding:12px 14px;display:grid;gap:6px;cursor:pointer;box-shadow:var(--shadow-lg);animation:toast-in .42s var(--ease-out)}.grade-toast-head{display:flex;align-items:center;gap:8px}.grade-toast-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.grade-toast-move{font-size:13px;color:var(--text-secondary);line-height:1.4}.grade-toast.tone-positive{border-color:#d4a85359;background:linear-gradient(145deg,#d4a85324,#08101ef0)}.grade-toast.tone-warning{border-color:#ffb74d59}.grade-toast.tone-critical{border-color:#ff4d6d66;background:linear-gradient(145deg,#ff4d6d1f,#08101ef0)}@media (max-width: 720px){.grade-toast-stack{right:12px;bottom:76px}.bot-opponent-card{grid-template-columns:1fr;text-align:center;justify-items:center}.bot-opponent-tags{justify-content:center}}.multiplayer-hero{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.multiplayer-action-card{padding:22px;border-radius:var(--radius-xl);border:1px solid rgba(212,168,83,.15);background:linear-gradient(145deg,#0f1d32e6,#060d18f2);display:grid;gap:12px}.multiplayer-action-card.host{border-color:#2ec4b640;background:linear-gradient(145deg,#174a3a59,#060d18f2)}.multiplayer-action-card h3{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:400}.friend-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);background:#00000038;border:1px solid var(--border);transition:border-color var(--duration-fast)}.friend-card:hover{border-color:var(--border-strong)}.friend-avatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:16px;background:linear-gradient(135deg,var(--felt-light),var(--felt));border:1px solid var(--border-gold);color:var(--gold-light);flex-shrink:0}.challenge-banner{padding:12px 14px;border-radius:var(--radius-md);background:#d4a8531a;border:1px solid rgba(212,168,83,.25);margin-bottom:14px}.leaderboard-row.top-1{background:#d4a8531a;border-radius:var(--radius-sm)}.leaderboard-row.top-2{background:#c0c0c00f;border-radius:var(--radius-sm)}.leaderboard-row.top-3{background:#cd7f3214;border-radius:var(--radius-sm)}@media (max-width: 1180px){.game-layout{grid-template-columns:1fr;height:auto;max-height:none}.side-panel{max-height:none}.board-arena.with-live-eval{grid-template-columns:1fr}.board-eval-rail{min-height:0}.board-eval-rail .eval-bar-shell{grid-template-columns:auto 1fr auto;grid-template-rows:1fr;min-height:0}.board-eval-rail .eval-bar{grid-column:2;grid-row:1;flex-direction:row;width:100%;height:14px;min-height:0}.board-eval-rail .eval-bar-white,.board-eval-rail .eval-bar-black{height:100%}.board-eval-rail .eval-bar-label.left{grid-column:1;grid-row:1}.board-eval-rail .eval-bar-label.right{grid-column:3;grid-row:1}.multiplayer-hero,.match-result-banner{grid-template-columns:1fr}.match-result-actions{flex-direction:row}}@media (max-width: 760px){.board-hud-row{grid-template-columns:1fr}.board-pane .board-status-bar,.live-eval-panel{min-height:0}}.fairplay-meter{display:grid;gap:10px;padding:14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08)}.fairplay-meter.tone-clear{background:linear-gradient(135deg,#63d2971a,#060d1866);border-color:#63d29740}.fairplay-meter.tone-watch{background:linear-gradient(135deg,#ffbf471a,#060d1866);border-color:#ffbf4740}.fairplay-meter.tone-review{background:linear-gradient(135deg,#ff4d6d1a,#060d1866);border-color:#ff4d6d40}.fairplay-meter-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.fairplay-meter-status{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--text-muted)}.fairplay-meter-track{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.fairplay-meter-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ok),var(--brand-2));transition:width .5s var(--ease-out)}.fairplay-meter.tone-watch .fairplay-meter-fill{background:linear-gradient(90deg,var(--warn),#f59e0b)}.fairplay-meter.tone-review .fairplay-meter-fill{background:linear-gradient(90deg,var(--bad),var(--blunder))}.fairplay-meter-copy{margin:0;font-size:12px;line-height:1.45}.puzzle-training-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-bottom:18px;padding:22px 24px;border-radius:var(--radius-xl);border:1px solid rgba(129,140,248,.28);background:radial-gradient(circle at 82% 18%,rgba(129,140,248,.18),transparent 34%),linear-gradient(145deg,#0f1d32eb,#060d18fa);box-shadow:var(--shadow-md);overflow:hidden}.puzzle-training-hero:after{content:"";position:absolute;width:260px;height:260px;right:-120px;bottom:-150px;border-radius:50%;background:radial-gradient(circle,rgba(212,168,83,.14),transparent 68%);pointer-events:none}.puzzle-training-hero h2{margin:8px 0;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.7rem);font-weight:400;line-height:1}.puzzle-training-hero p{max-width:620px;line-height:1.55}.puzzle-training-steps{position:relative;z-index:1;display:grid;gap:8px;min-width:220px}.puzzle-training-steps span{padding:9px 12px;border-radius:var(--radius-md);background:#0000003d;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.puzzle-session-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:14px 18px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#818cf81f,#060d1899);border:1px solid rgba(129,140,248,.22)}.puzzle-session-stat{display:grid;gap:4px;min-width:80px}.puzzle-session-stat strong{font-size:18px;font-variant-numeric:tabular-nums}.puzzle-streak-hot{color:var(--warn)}@media (max-width: 768px){.puzzle-training-hero{grid-template-columns:1fr}.puzzle-training-steps{min-width:0}.puzzle-session-bar{display:grid;grid-template-columns:repeat(2,1fr)}}.ranking-insight-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:16px;margin:18px 0}.ranking-insight-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ranking-insight-list>div{padding:12px;border-radius:var(--radius-md);background:#00000038;border:1px solid rgba(255,255,255,.07)}.ranking-insight-list strong{display:block;margin-top:4px;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help-list.compact{gap:6px;font-size:13px}@media (max-width: 900px){.ranking-insight-grid,.ranking-insight-list{grid-template-columns:1fr}}.leaderboard-wrap{display:grid;gap:16px}.leaderboard-podium{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:10px;align-items:end;padding:8px 4px 0}.podium-slot{display:grid;gap:4px;justify-items:center;text-align:center;padding:14px 10px;border-radius:var(--radius-md);background:#00000040;border:1px solid rgba(255,255,255,.08)}.podium-slot.place-1{padding-bottom:22px;background:linear-gradient(180deg,#d4a8532e,#00000040);border-color:#d4a8534d;transform:translateY(-8px)}.podium-slot.place-2{padding-bottom:14px;background:linear-gradient(180deg,#c0c0c01f,#00000040)}.podium-slot.place-3{padding-bottom:10px;background:linear-gradient(180deg,#cd7f321f,#00000040)}.podium-slot.is-self{box-shadow:0 0 0 1px #2ec4b659}.podium-medal{font-size:28px;line-height:1}.podium-name{font-size:13px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-score{font-size:18px;font-weight:700;color:var(--gold-light)}.podium-meta{font-size:11px;color:var(--text-muted)}.leaderboard-rank{font-weight:700;font-variant-numeric:tabular-nums}.leaderboard-player{display:flex;align-items:center;gap:8px;min-width:0}.leaderboard-you{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:999px;background:#2ec4b626;color:var(--brand-2);flex-shrink:0}.leaderboard-value{font-weight:700;font-variant-numeric:tabular-nums}.data-table-row.is-self{background:#2ec4b614;border:1px solid rgba(46,196,182,.2)}.puzzle-candidate-list{display:grid;gap:8px}.puzzle-candidate{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#00000038;color:inherit;cursor:pointer;text-align:left;transition:border-color var(--duration-fast),background var(--duration-fast),transform var(--duration-fast)}.puzzle-candidate:hover{border-color:#818cf859;background:#818cf814}.puzzle-candidate.active{border-color:#818cf880;background:linear-gradient(90deg,#818cf829,#818cf80a);box-shadow:inset 3px 0 #818cf8}.puzzle-candidate-letter{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:800;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--gold-light)}.puzzle-candidate-copy{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.puzzle-candidate-copy strong{font-size:14px}.puzzle-candidate-tag{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px}.puzzle-candidate-tag.hit{background:#ff4d6d26;color:#ffaebc}.puzzle-candidate-check{color:var(--ok);font-weight:800;width:16px;text-align:center}.puzzle-attempt-list{display:grid;gap:6px}.puzzle-attempt-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.tournament-command-center{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;margin-bottom:20px;padding:clamp(22px,3vw,32px);border-radius:var(--radius-xl);border:1px solid rgba(212,168,83,.2);background:radial-gradient(circle at 85% 12%,rgba(212,168,83,.18),transparent 34%),radial-gradient(circle at 12% 88%,rgba(46,196,182,.12),transparent 36%),linear-gradient(145deg,#0f1d32f0,#060d18fa);box-shadow:var(--shadow-md),inset 0 1px #ffffff0f;overflow:hidden}.tournament-command-center:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.055) 50%,transparent 58%),url("data:image/svg+xml,%3Csvg width='76' height='76' viewBox='0 0 76 76' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23d4a853' stroke-opacity='0.08'%3E%3Cpath d='M38 8l26 15v30L38 68 12 53V23z'/%3E%3C/g%3E%3C/svg%3E");background-size:230% 100%,76px 76px;animation:hero-sheen 10s ease-in-out infinite;pointer-events:none}.tournament-command-copy,.tournament-command-stats{position:relative;z-index:1}.tournament-command-copy h2{margin:10px 0 8px;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);font-weight:400;line-height:1;letter-spacing:-.03em}.tournament-command-copy p{max-width:620px;line-height:1.55}.tournament-command-stats{display:grid;grid-template-columns:repeat(2,minmax(96px,1fr));gap:10px}.tournament-command-stat{min-height:94px;padding:14px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:#0000003d;display:grid;align-content:center;gap:4px}.tournament-command-stat.accent{border-color:#d4a85347}.tournament-command-stat strong{font-size:28px;line-height:1;font-variant-numeric:tabular-nums}.tournament-command-stat span{color:var(--text-muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tournament-create-hints{display:grid;gap:4px;margin-top:12px;color:var(--text-muted);font-size:12px}.launch-campaign-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:18px 0}.launch-campaign-card{grid-column:span 2;border-color:#2ec4b629}.launch-campaign-card.primary{grid-column:span 3;border-color:#d4a85342;background:radial-gradient(circle at 92% 0%,rgba(212,168,83,.14),transparent 38%),linear-gradient(145deg,#0f1d32eb,#060d18f5)}.launch-signup-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;margin-top:12px}.launch-signup-status{margin:10px 0 0;color:var(--gold-light);font-weight:800}.launch-countdown-grid,.nearby-player-list,.coach-availability-list,.top-player-analysis-list{display:grid;gap:10px}.launch-countdown-card{padding:12px;border-radius:var(--radius-lg);background:#0003;border:1px solid rgba(255,255,255,.08)}.launch-countdown-card>span{color:var(--text-muted);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.launch-countdown-clock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:10px 0 6px}.launch-countdown-clock strong{display:grid;place-items:center;min-height:46px;border-radius:var(--radius-sm);background:#d4a8531f;color:var(--gold-light);font-size:20px;font-variant-numeric:tabular-nums}.launch-countdown-clock small{color:var(--text-muted);font-size:9px}.nearby-player-row,.coach-availability-row,.top-player-analysis-list button{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 12px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#0000002e;color:inherit;text-align:left}.coach-availability-row div{display:grid;gap:3px}.nearby-player-row span,.coach-availability-row span,.coach-availability-row small,.top-player-analysis-list span{color:var(--text-muted);font-size:12px}.top-player-analysis-list button{cursor:pointer;flex-direction:column;align-items:flex-start}.tournament-lobby-shell{display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,26vw,380px);gap:18px;align-items:start;min-height:calc(100vh - 170px);padding:clamp(18px,2vw,24px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.06);background:linear-gradient(#0c121aeb,#080d14f5),url("data:image/svg+xml,%3Csvg width='78' height='45' viewBox='0 0 78 45' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23d4a853' stroke-opacity='0.07'%3E%3Cpath d='M39 1l38 22-38 21L1 23z'/%3E%3Cpath d='M1 23v-22l38 22M77 23v-22L39 23'/%3E%3C/g%3E%3C/svg%3E");background-size:auto,78px 45px;box-shadow:var(--shadow-md)}.tournament-lobby-main,.tournament-side-rail{display:grid;gap:14px;min-width:0}.tournament-lobby-tabs{display:flex;align-items:center;justify-content:space-between;gap:12px}.tournament-tab-group{display:inline-grid;grid-template-columns:repeat(3,minmax(112px,auto));gap:2px;padding:4px;border-radius:var(--radius-lg);border:1px solid rgba(212,168,83,.22);background:#0000006b}.tournament-tab-group button,.tournament-filter-row button{border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer;font-weight:900;letter-spacing:.04em;text-transform:uppercase;transition:background var(--duration-fast),color var(--duration-fast),box-shadow var(--duration-fast)}.tournament-tab-group button{min-height:42px;padding:0 16px}.tournament-tab-group button span{display:inline-flex;min-width:24px;justify-content:center;margin-left:6px;padding:2px 6px;border-radius:999px;background:#ffffff14;color:var(--text-secondary)}.tournament-tab-group button.active{color:#111827;background:linear-gradient(180deg,var(--gold-light),var(--gold));box-shadow:0 0 22px #d4a85333}.tournament-tab-group button.active span{background:#00000029;color:#111827}.tournament-feature-card{position:relative;overflow:hidden;min-height:280px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;padding:clamp(22px,3vw,38px);border-radius:18px;border:1px solid rgba(212,168,83,.32);background:radial-gradient(circle at 0% 0%,rgba(212,168,83,.26),transparent 42%),linear-gradient(145deg,#433314c7,#10161feb);box-shadow:inset 0 1px #ffffff14,var(--shadow-md)}.tournament-feature-card:after,.tournament-event-card:after{content:"";position:absolute;right:0;bottom:0;border-style:solid;border-width:0 0 42px 62px;border-color:transparent transparent var(--gold) transparent}.tournament-feature-copy{min-width:0}.tournament-feature-copy h2{max-width:760px;margin:0 0 10px;color:var(--text-primary);font-size:clamp(1.8rem,4vw,3rem);line-height:1}.tournament-feature-copy p{max-width:780px;margin:0;color:var(--text-secondary);font-size:16px;line-height:1.55}.tournament-feature-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tournament-feature-tags.compact{margin-top:8px}.tournament-feature-tags span{display:inline-flex;align-items:center;min-height:24px;padding:4px 10px;border-radius:var(--radius-sm);background:#ffffff1a;color:var(--text-secondary);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.tournament-feature-stats{display:flex;flex-wrap:wrap;gap:20px;align-items:end;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}.tournament-feature-stats div{display:grid;gap:3px}.tournament-feature-stats strong{color:var(--text-primary);font-size:20px;line-height:1}.tournament-feature-stats span{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.tournament-feature-stats time{margin-left:auto;color:var(--text-secondary)}.tournament-feature-actions{position:relative;z-index:1;display:flex;gap:8px;align-items:center;justify-content:flex-end}.tournament-corner-ribbon{position:absolute;right:8px;bottom:8px;z-index:1;color:#111827;font-size:12px;font-weight:900;transform:rotate(-35deg)}.tournament-filter-row{display:flex;flex-wrap:wrap;gap:9px}.tournament-filter-row button{min-height:42px;padding:0 18px;border:1px solid rgba(255,255,255,.12);background:#ffffff09}.tournament-filter-row button.active,.tournament-filter-row button:hover{color:var(--text-primary);border-color:#d4a85357;background:#d4a8531f}.tournament-event-list{display:grid;gap:12px}.tournament-event-card{position:relative;overflow:hidden;display:grid;grid-template-columns:82px minmax(0,1fr) minmax(138px,auto);gap:18px;align-items:stretch;min-height:124px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,#101b2ae0,#080e18f0)}.tournament-date-block{display:grid;place-items:center;align-content:center;gap:1px;background:#ffffff0b}.tournament-date-block span,.tournament-date-block em{color:var(--gold);font-size:12px;font-style:normal;font-weight:900;letter-spacing:.04em}.tournament-date-block strong{color:var(--text-primary);font-size:34px;line-height:1}.tournament-date-block small{color:var(--text-muted);font-size:12px;font-weight:900}.tournament-event-copy{min-width:0;padding:18px 0}.tournament-event-copy>strong{display:block;color:var(--text-primary);font-size:20px;line-height:1.1}.tournament-event-copy p{margin:8px 0 0;color:var(--text-muted)}.tournament-event-status{display:grid;align-content:center;gap:5px;min-width:138px;padding:18px 26px 18px 0}.tournament-event-status span{color:var(--text-secondary);font-size:13px;font-weight:900}.tournament-event-status small{color:var(--text-muted);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.tournament-progress-track{height:5px;overflow:hidden;border-radius:999px;background:#ffffff1a}.tournament-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--gold-light))}.tournament-side-card{display:grid;gap:12px;padding:18px;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.08);border-top-color:#d4a85385;background:linear-gradient(145deg,#161f2edb,#0a101af0)}.tournament-side-card h3{margin:0;color:var(--text-secondary);font-size:14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.tournament-side-card p{margin:0;color:var(--text-muted);line-height:1.45}.tournament-side-card>button{width:100%;display:grid;gap:4px;border:0;border-radius:var(--radius-md);background:#ffffff09;color:inherit;padding:11px 12px;text-align:left;cursor:pointer}.tournament-side-card>button span{color:var(--text-muted);font-size:12px}.tournament-winner-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}.tournament-winner-row:last-child{border-bottom:0}.tournament-winner-row>span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:#d4a85329;color:var(--gold);font-size:12px;font-weight:900}.tournament-winner-row strong,.tournament-winner-row small{display:block;min-width:0}.tournament-winner-row small{color:var(--text-muted)}.tournament-winner-row em{color:var(--text-muted);font-size:12px;font-style:normal;white-space:nowrap}.tournament-create-compact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.tournament-card{padding:18px 20px;border-radius:var(--radius-xl);background:linear-gradient(145deg,#0f1d32d9,#060d18f2);border:1px solid rgba(212,168,83,.14);box-shadow:var(--shadow-md)}.tournament-card+.tournament-card{margin-top:14px}.tournament-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:4px}.tournament-card-title{display:grid;gap:6px}.tournament-card-title strong{font-family:var(--font-display);font-size:1.25rem;font-weight:400;letter-spacing:-.01em}.tournament-meta-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tournament-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:1px solid transparent}.tournament-pill.status-open{color:var(--brand-2);background:#2ec4b61f;border-color:#2ec4b647}.tournament-pill.status-active{color:var(--gold-light);background:#d4a8531f;border-color:#d4a85347}.tournament-pill.status-done{color:var(--ok);background:#63d2971f;border-color:#63d29747}.tournament-pill.neutral{color:var(--text-secondary);background:#ffffff0a;border-color:#ffffff14}.bracket-panel{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.bracket-champion{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:18px;padding:14px 18px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#d4a8532e,#d4a8530a);border:1px solid rgba(212,168,83,.35);box-shadow:0 0 32px #d4a8531f}.bracket-champion-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold-light)}.bracket-champion-name{font-family:var(--font-display);font-size:1.35rem;color:var(--gold-light)}.bracket-tree{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;align-items:stretch}.bracket-round-col{display:flex;flex-direction:column;gap:10px;min-width:200px;flex-shrink:0}.bracket-round-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);text-align:center;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06)}.bracket-round-matchups{display:flex;flex-direction:column;gap:12px;flex:1;justify-content:space-around}.bracket-slot{border-radius:var(--radius-md);background:#00000047;border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.bracket-slot.yours{border-color:#2ec4b659;box-shadow:0 0 20px #2ec4b614}.bracket-slot.done{opacity:.85}.bracket-player-row{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.05)}.bracket-player-row:last-of-type{border-bottom:0}.bracket-player-row.winner{background:#63d2971a}.bracket-player-row.winner .bracket-player-name{color:var(--ok);font-weight:700}.bracket-player-row.tbd .bracket-player-name{color:var(--text-muted);font-style:italic}.bracket-player-avatar{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:11px;font-weight:700;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);flex-shrink:0}.bracket-player-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bracket-player-badge{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--gold-light)}.bracket-matchup-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.05)}.bracket-status{font-size:11px;font-weight:600;color:var(--text-muted)}.bracket-status.live{color:var(--brand-2)}.bracket-status.done,.bracket-winner{color:var(--ok)}.bracket-vs{display:none}.tournaments-hero{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:22px 24px;margin-bottom:20px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#d4a8531f,#060d18e6);border:1px solid rgba(212,168,83,.2)}.tournaments-hero h2{margin:0 0 8px;font-family:var(--font-display);font-size:1.5rem;font-weight:400}.tournaments-hero p{margin:0;color:var(--text-secondary);font-size:14px;max-width:480px}.tournaments-hero-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;font-size:32px;background:#d4a85326;border:1px solid rgba(212,168,83,.3)}@media (max-width: 768px){.tournament-lobby-shell,.tournament-command-center,.tournaments-hero{grid-template-columns:1fr}.tournament-lobby-tabs,.tournament-feature-card{align-items:stretch;grid-template-columns:1fr}.tournament-tab-group{grid-template-columns:1fr;width:100%}.tournament-feature-stats{gap:12px}.tournament-feature-stats time{width:100%;margin-left:0}.tournament-event-card{grid-template-columns:74px minmax(0,1fr)}.tournament-event-status{grid-column:1 / -1;padding:0 16px 16px}.tournament-create-compact,.tournament-command-stats{grid-template-columns:1fr}.tournament-card-head{flex-direction:column}.launch-campaign-grid,.launch-signup-form{grid-template-columns:1fr}.launch-campaign-card,.launch-campaign-card.primary{grid-column:1 / -1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes hero-sheen{0%,18%{background-position:-140% 0,0 0}48%,to{background-position:180% 0,0 0}}@keyframes slow-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float-chip{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-10px,0)}}@keyframes checker-arrive{0%{opacity:0;transform:translateY(-10px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rail-glint{0%,to{opacity:.25;transform:translate(-18%)}50%{opacity:.8;transform:translate(18%)}}@keyframes confetti-fall{0%{transform:translate3d(0,-20px,0) rotate(0);opacity:1}to{transform:translate3d(0,220px,0) rotate(720deg);opacity:0}}@keyframes toast-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.confetti-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.confetti-piece{position:absolute;top:-12px;border-radius:2px;animation:confetti-fall linear forwards}.match-result-banner>*:not(.confetti-layer){position:relative;z-index:1}.page-content>*{animation:fade-up .48s var(--ease-out) both}.page-content>*:nth-child(2){animation-delay:60ms}.page-content>*:nth-child(3){animation-delay:.12s}.page-content>*:nth-child(4){animation-delay:.18s}.page-content>*:nth-child(5){animation-delay:.24s}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton-card{padding:18px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-glass)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:40px 24px}.empty-state-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:28px;background:#2ec4b61a;border:1px solid rgba(46,196,182,.2);margin-bottom:4px}.empty-state strong{font-size:16px}.empty-state p{margin:0;color:var(--text-secondary);font-size:14px;max-width:320px}@media (prefers-reduced-motion: reduce){.page-content>*,.hero-board-preview,.skeleton,.die-rolling,.onboard-stagger,.cube-flipping .cube-face-3d,.confetti-piece,.grade-toast,.home-orbit-chip,.hex-home-hero:before,.hex-home-hero:after,.play-arena-hero:before,.watch-studio-hero:before,.checker-piece,.legal-source-marker,.legal-target-marker,.dice-swap-button,.board-stage-rail{animation:none!important;transition-duration:1ms!important}}.onboard-stagger{opacity:0;animation:fade-up .56s var(--ease-out) forwards}.hero-board-preview{animation:float 6s ease-in-out infinite}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select{font:inherit}.app-shell{width:100%;height:100%;padding:12px}.card{background:linear-gradient(165deg,#1a30508c,#0f1d32d9);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.muted{color:var(--text-secondary)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(50%);clip:rect(0 0 0 0);overflow:hidden}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:12px}.top-nav h1{margin:0;font-size:20px}.top-nav p{margin:4px 0 0;font-size:13px}.top-nav-status{display:flex;align-items:center;gap:8px;font-size:13px}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.on{background:var(--ok)}.status-dot.off{background:var(--bad)}.game-layout{display:grid;gap:14px;height:calc(100vh - 78px);min-height:620px;grid-template-columns:minmax(720px,1fr) minmax(280px,330px)}.board-pane{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;min-height:0}.board-top,.board-actions{padding:10px 14px;display:flex;align-items:center;justify-content:space-between}.guidance-text{margin-top:4px;font-size:12px;color:#b7c7e2}.board-card{padding:8px;min-height:0;display:flex;border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 46px #00000073,inset 0 1px #ffffff0f}.board-svg{width:100%;height:auto;min-height:0;aspect-ratio:1000 / 680;border-radius:14px;background:radial-gradient(circle at 50% 6%,rgba(255,255,255,.06),transparent 45%)}.move-pulse-layer{pointer-events:none}.move-pulse{fill:#7ba8ff38;stroke:#7ba8ffe6;stroke-width:2;animation:pulse-pop .55s ease-out forwards}.move-pulse.to{fill:#63d29733;stroke:#63d297f2}.move-pulse.to.hit{fill:#ff4d6d38;stroke:#ff4d6df2}.move-trail{fill:none;stroke:#7ba8ff9e;stroke-width:3;stroke-linecap:round;stroke-dasharray:4 7;animation:trail-fade .55s ease-out forwards}.move-hit-text{fill:var(--blunder);font-size:11px;text-anchor:middle;font-weight:700;text-transform:uppercase;letter-spacing:.06em}@keyframes pulse-pop{0%{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.45)}30%{opacity:1}to{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(1.55)}}@keyframes trail-fade{0%{opacity:.95}to{opacity:0}}.action-buttons{display:flex;gap:8px}.dice-tray{display:flex;align-items:center;gap:8px}.die{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-weight:700;background:#f8f2e8;color:#151a23}.cube-widget{display:flex;align-items:center;gap:8px}.cube-face{width:36px;height:36px;border-radius:8px;background:var(--surface-3);border:1px solid var(--border);display:grid;place-items:center;font-weight:700}.side-panel{display:grid;gap:10px;min-height:0;align-content:start}.ui-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.ui-tab{border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);border-radius:var(--radius-sm);padding:8px 6px;cursor:pointer}.ui-tab.active{color:var(--text-primary);background:linear-gradient(180deg,#294068,#1d304f)}.ui-card{padding:0;overflow:hidden}.ui-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 0;border-bottom:none}.ui-card-header h3{margin:0;font-size:15px;font-weight:700;letter-spacing:-.01em}.ui-card-body{padding:14px 18px 18px}.eval-bar{position:relative;display:flex;width:100%;height:18px;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.eval-bar-white{background:linear-gradient(90deg,#ebe3d4,#c8b18d)}.eval-bar-black{background:linear-gradient(90deg,#334053,#242d3b)}.eval-bar-label{position:absolute;top:20px;font-size:11px;color:var(--text-secondary)}.eval-bar-label.left{left:0}.eval-bar-label.right{right:0}.eval-bar-wrap{display:grid;gap:8px}.eval-bar-caption{display:flex;justify-content:space-between;align-items:center;font-size:12px}.seat-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.seat-toggle button{border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--text-secondary);border-radius:8px;padding:7px 10px;cursor:pointer;font-size:12px;font-weight:600}.seat-toggle button.active{border-color:#7ba8ffa6;background:#7ba8ff24;color:var(--text-primary)}.accuracy-ring{position:relative;display:grid;place-items:center}.accuracy-ring svg{position:absolute;top:0;right:0;bottom:0;left:0}.accuracy-ring-track{fill:none;stroke:#ffffff14;stroke-width:6}.accuracy-ring-progress{fill:none;stroke:#7ba8ff;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .24s ease}.accuracy-ring.tone-excellent .accuracy-ring-progress{stroke:#63d297}.accuracy-ring.tone-good .accuracy-ring-progress{stroke:#7ba8ff}.accuracy-ring.tone-fair .accuracy-ring-progress{stroke:#ffbf47}.accuracy-ring.tone-low .accuracy-ring-progress{stroke:#ff4d6d}.accuracy-ring-center{position:relative;display:grid;place-items:center;text-align:center}.accuracy-ring-value{font-size:20px;font-weight:700;line-height:1}.accuracy-ring-label{margin-top:2px;font-size:10px;color:var(--text-secondary)}.summary-accuracy-row{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.summary-accuracy-meta{display:grid;gap:2px;font-size:12px}.match-result-banner{display:flex;align-items:center;gap:16px;margin-bottom:12px;padding:12px 16px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.match-result-banner.won{background:linear-gradient(90deg,#63d29724,#63d2970a)}.match-result-banner.lost{background:linear-gradient(90deg,#ff4d6d24,#ff4d6d0a)}.match-result-copy{flex:1;display:grid;gap:4px}.match-result-breakdown{font-size:12px}.match-result-tags{margin-top:2px;display:flex;flex-wrap:wrap;gap:6px}.match-result-actions{margin-left:auto}.review-kbd-hint{font-size:11px;align-self:center}.move-list{display:grid;gap:6px;max-height:360px;overflow:auto}.move-row{border:1px solid var(--border);background:var(--surface-1);border-radius:var(--radius-sm);color:var(--text-primary);display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:8px;text-align:left;cursor:pointer}.move-row.active{border-color:#7ba8ffcc;box-shadow:0 0 0 1px #7ba8ff73 inset}.move-row:hover{border-color:#7ba8ff73}.move-row-main{display:flex;justify-content:space-between;gap:8px}.event-log{max-height:220px;overflow:auto;display:grid;gap:6px}.event-row{display:grid;grid-template-columns:42px 1fr;gap:8px;font-size:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:6px 8px;border-radius:8px;color:inherit;text-align:left;cursor:pointer}.event-turn{color:var(--text-secondary)}.event-text{color:var(--text-primary)}.event-row.active{border-color:#7ba8ffb3;box-shadow:0 0 0 1px #7ba8ff59 inset}.grade-breakdown{display:grid;gap:8px}.grade-row{display:flex;align-items:center;justify-content:space-between}.key-moments{display:grid;gap:8px}.key-moment{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff08;color:var(--text-primary);cursor:pointer;padding:7px 9px;display:flex;align-items:center;justify-content:space-between}.move-row-delta{color:var(--text-secondary);font-variant-numeric:tabular-nums}.grade-badge{font-size:11px;padding:3px 8px;border-radius:999px;font-weight:600}.grade-badge.brilliant{background:#c479ff38;color:#dcabff}.grade-badge.best{background:#7c82ff33;color:var(--best)}.grade-badge.excellent{background:#4db4ff33;color:var(--excellent)}.grade-badge.good{background:#63d29733;color:var(--good)}.grade-badge.inaccuracy{background:#ffbf4733;color:var(--inaccuracy)}.grade-badge.mistake{background:#ff8c4233;color:var(--mistake)}.grade-badge.blunder{background:#ff4d6d33;color:var(--blunder)}.review-timeline{display:flex;align-items:center;gap:10px}.review-timeline input[type=range]{flex:1}.replay-controls{display:grid;gap:8px;min-width:min(460px,62vw)}.replay-stepper{display:flex;justify-content:flex-end;gap:8px}.review-actions{margin-top:8px;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.review-jumps{margin-top:10px;display:flex;gap:8px}.panel-empty{color:var(--text-secondary);font-size:13px}.review-detail{margin-top:10px;display:grid;gap:8px}.review-headline{display:flex;align-items:center;justify-content:space-between;gap:8px}.review-metric{font-size:12px}.eval-trend{display:grid;gap:8px}.eval-trend-metrics{display:flex;justify-content:space-between;gap:8px;font-size:11px}.eval-trend-chart{width:100%;height:108px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:linear-gradient(180deg,#ffffff0a,#ffffff03)}.eval-trend-zero{stroke:#fff3;stroke-dasharray:4 5}.eval-trend-line{fill:none;stroke:#7ba8ff;stroke-width:2.2}.eval-trend-point{fill:#b7cdff;cursor:pointer;transition:r .1s ease,fill .1s ease}.eval-trend-point.active{fill:#8ef0bf}.coach-callout{margin-top:8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:9px 10px;display:grid;gap:6px}.coach-callout.tone-good{background:#63d29717}.coach-callout.tone-warn{background:#ffbf471a}.coach-callout.tone-danger{background:#ff4d6d1c}.coach-title{font-size:12px;font-weight:700}.coach-line{margin:0;font-size:12px;line-height:1.35;color:var(--text-primary)}.coach-breakdown-grid{display:grid;gap:6px}.coach-detail{display:grid;gap:3px;border-radius:6px;padding:7px 8px;background:#00000024}.coach-detail span,.coach-tip span{font-size:9px;font-weight:800;text-transform:uppercase;color:var(--text-muted)}.coach-detail p,.coach-tip p{margin:0;font-size:11px;line-height:1.35}.coach-tip{font-size:12px;color:var(--text-secondary)}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.summary-metric{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px;display:grid;gap:3px}.summary-label{font-size:11px;color:var(--text-secondary)}.summary-badges{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.summary-chip{display:inline-flex;align-items:center;gap:6px}.summary-worst{margin-top:10px;display:grid;gap:4px}.summary-worst-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.state-grid{display:grid;grid-template-columns:80px 1fr;gap:8px;font-size:13px}.tutorial-shell{min-height:100%;height:auto}.tutorial-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px;min-height:calc(100vh - 92px)}.tutorial-board-column{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-height:0}.tutorial-progress{padding:10px 12px;display:grid;gap:8px}.tutorial-progress-track{height:8px;overflow:hidden;border-radius:999px;background:#ffffff14}.tutorial-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#63d297,#7ba8ff);transition:width .18s ease}.tutorial-panel{display:grid;gap:10px;align-content:start}.tutorial-principle{margin:0;line-height:1.45}.tutorial-watch-list{display:grid;gap:8px}.tutorial-watch-list>div{display:flex;justify-content:space-between;gap:10px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff08}.tutorial-actions{padding:10px;display:flex;justify-content:space-between;gap:8px}.learn-welcome-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(46,196,182,.12),transparent 55%),radial-gradient(ellipse 50% 40% at 80% 100%,rgba(212,168,83,.08),transparent 50%),var(--bg)}.learn-welcome-card{max-width:480px;width:100%;padding:40px 36px;text-align:center;display:grid;gap:18px;border:1px solid var(--border-strong);box-shadow:var(--shadow-lg),var(--glow-brand)}.learn-welcome-card h1{margin:0;font-family:var(--font-display);font-size:2rem;font-weight:400;line-height:1.1}.learn-welcome-badge{display:inline-block;margin:0 auto;padding:6px 12px;border-radius:999px;background:#7ba8ff26;color:#9ec0ff;font-size:13px;font-weight:600}.learn-welcome-copy{font-size:15px;line-height:1.55}.learn-welcome-actions{display:grid;gap:10px;margin-top:4px}.learn-welcome-footnote{font-size:12px}.bracket-panel{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:8px}.bracket-round{display:grid;gap:6px}.bracket-round-title{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted, #9aa3b2)}.bracket-matchup{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 10px;border-radius:8px;background:#ffffff0a}.bracket-matchup.done{opacity:.75}.bracket-players{display:grid;gap:2px;font-size:13px}.bracket-winner{color:#63d297}.move-row-kind{display:inline-block;margin-right:6px;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;background:#7ba8ff33;color:#9ec0ff}.home-shell{min-height:100%;height:auto}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:12px}.home-main-column,.home-side-column{display:grid;gap:10px;align-content:start}.home-copy{margin:0;line-height:1.45}.home-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.setup-grid{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.setup-grid label{display:grid;gap:4px;font-size:12px;color:var(--text-secondary)}.setup-grid select{border-radius:8px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);padding:7px 8px}.home-replay-open{margin-top:10px;display:flex;gap:8px}.home-replay-open input{flex:1;min-width:180px;border-radius:8px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);padding:8px 10px}.home-user-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:var(--text-secondary)}.leaderboard-tabs{display:flex;gap:6px}.leaderboard-tabs button{border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);border-radius:8px;padding:4px 9px;font-size:11px;cursor:pointer}.leaderboard-tabs button.active{color:var(--text-primary);border-color:#7ba8ffa6;background:#7ba8ff24}.home-table{display:grid;gap:6px}.home-table-row{display:grid;grid-template-columns:28px minmax(0,1fr) 72px 70px;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:7px 9px;font-size:12px}.home-table-row.heading{background:#ffffff08;color:var(--text-secondary);font-size:11px;font-weight:600}.home-list{display:grid;gap:8px}.home-list-item{display:flex;justify-content:space-between;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 9px;background:#ffffff05}.home-list-item.compact{align-items:flex-start}.home-list-item-actions{display:flex;gap:6px;flex-wrap:wrap}.home-filter-input{border-radius:8px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);padding:4px 8px;min-width:120px;max-width:160px}.home-stats-extra{margin-top:8px;grid-template-columns:1fr}.profile-stats{margin-bottom:10px}.fairplay-shell{display:grid;gap:8px;border-radius:8px;border:1px solid rgba(255,255,255,.1);padding:10px}.fairplay-shell.tone-clear{background:#63d29717}.fairplay-shell.tone-watch{background:#ffbf471c}.fairplay-shell.tone-review{background:#ff4d6d1c}.fairplay-score-row{display:flex;justify-content:space-between;gap:8px;align-items:center}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.replay-shell{min-height:100%;height:auto}.replay-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,24vw,360px);gap:12px}.replay-board-column,.replay-side-column{display:grid;gap:10px;align-content:start}.replay-board-column{grid-template-rows:auto minmax(0,1fr) auto;min-height:0;max-height:calc(100vh - 152px);max-height:calc(100dvh - 152px)}.replay-side-column{max-height:calc(100vh - 152px);max-height:calc(100dvh - 152px);overflow:auto;padding-right:6px}.replay-board-column .board-stage{width:min(100%,calc((100vh - 300px)*1.5));width:min(100%,calc((100dvh - 300px)*1.5));max-width:960px;margin-inline:auto}.replay-board-column .board-svg{min-height:clamp(260px,44vh,540px);min-height:clamp(260px,44dvh,540px);max-height:calc(100vh - 300px);max-height:calc(100dvh - 300px)}.puzzle-shell{min-height:100%;height:auto}.puzzle-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;min-height:calc(100vh - 200px)}.puzzle-board-column,.puzzle-side-column{display:grid;gap:10px;align-content:start}.puzzle-phase-filter{display:grid;gap:4px;font-size:12px;color:var(--text-secondary)}.puzzle-phase-filter select{border-radius:8px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);padding:7px 8px}.position-shell{min-height:100%;height:auto}.position-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px}.position-board-column,.position-side-column{display:grid;gap:10px;align-content:start}.ui-btn{border:0;border-radius:var(--radius-sm);padding:10px 16px;cursor:pointer;font-weight:600;font-size:14px;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast),background var(--duration-fast),opacity var(--duration-fast)}.ui-btn-sm{padding:6px 12px;font-size:12px}.ui-btn-md{padding:10px 16px}.ui-btn-primary{background:linear-gradient(180deg,var(--brand-2),var(--brand));color:#042f2b;box-shadow:0 2px 12px #2ec4b640}.ui-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #2ec4b659}.ui-btn-gold{background:linear-gradient(180deg,var(--gold-light),var(--gold));color:#1a1204;box-shadow:0 2px 12px #d4a8534d}.ui-btn-gold:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 18px #d4a85366}.ui-btn-secondary{background:#ffffff0f;color:var(--text-primary);border:1px solid var(--border)}.ui-btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:var(--border-strong)}.ui-btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.ui-btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--surface-hover)}.ui-btn:active:not(:disabled){filter:brightness(.88)}.ui-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.help-list{margin:0;padding:0 0 0 18px;display:grid;gap:10px;color:var(--text-secondary);font-size:14px;line-height:1.5}.help-list strong{color:var(--text-primary)}.loading{display:grid;place-items:center}.loading-card{padding:20px 28px}.error-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:3px;color:#ffd5da;border:1px solid rgba(240,102,122,.4);border-radius:var(--radius-md);background:#f8717114;padding:12px 16px;margin-bottom:16px;font-size:14px}.error-banner strong{display:block;color:#fecaca}.error-banner span{display:block;color:#ffdce1;line-height:1.45}.error-banner button{min-height:28px;padding:0 10px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:inherit;font-size:11px;font-weight:900;cursor:pointer}.error-banner.connection{color:#fef3c7;border-color:#d4a85352;background:radial-gradient(circle at 0% 50%,rgba(212,168,83,.12),transparent 36%),#d4a85314}.error-banner.connection strong{color:var(--gold-light)}.error-banner.connection span{color:#f8e7bd}@media (max-width: 1180px){.game-layout,.tutorial-layout,.home-grid,.replay-layout,.puzzle-layout,.position-layout{grid-template-columns:1fr;height:auto}.board-svg{min-height:440px}.summary-grid{grid-template-columns:1fr}.replay-controls{min-width:0}.setup-grid{grid-template-columns:1fr}}.live-game-shell{height:100vh;height:100dvh;overflow:hidden}.live-game-shell .immersive-header{gap:8px;min-height:48px;padding:7px 12px;border-top:0;justify-content:space-between}.live-game-shell .immersive-brand-block{display:none}.live-game-shell .brand-mark-sm{width:28px;height:28px;border-radius:9px}.live-game-shell .immersive-brand strong{font-family:var(--font-sans);font-size:14px;font-weight:800;letter-spacing:.01em}.live-game-shell .immersive-subtitle{max-width:160px;font-size:10px}.live-game-shell .immersive-meta{gap:5px}.live-game-shell .immersive-meta-pill,.live-game-shell .replay-frame-meta{min-height:24px;padding:4px 8px;border-radius:999px;font-size:10px}.live-game-shell .immersive-actions{flex:1;justify-content:flex-end;min-width:0}.live-header-actions,.live-header-primary-actions{display:flex;align-items:center;gap:6px;min-width:0}.live-header-actions{justify-content:flex-end;width:100%}.live-header-primary-actions{flex-shrink:0;width:100%;justify-content:flex-end}.live-brand-wordmark{display:inline-flex;align-items:center;gap:8px;margin-right:auto;color:var(--text-primary);font-weight:950}.live-brand-wordmark .brand-mark-sm{width:30px;height:30px;font-size:13px}.live-brand-wordmark strong{letter-spacing:.03em;text-transform:uppercase}.live-game-shell .board-theme-select{width:152px;min-height:30px;font-size:11px}.live-game-shell .ui-btn-sm{min-height:30px;padding:6px 10px;font-size:11px}.live-game-shell .live-exit-button{border-color:#d4a8536b;background:linear-gradient(180deg,#d4a85329,#d4a85314);color:var(--gold-light);font-weight:900}.live-game-shell .immersive-main{flex:1;height:calc(100vh - 48px);height:calc(100dvh - 48px);min-height:0;padding:5px 8px 8px;overflow:hidden}.live-game-shell.game-ended .match-result-banner{min-height:0;margin-bottom:6px;padding:8px 12px;grid-template-columns:minmax(0,1fr) auto auto;gap:10px}.live-game-shell.game-ended .match-result-copy{gap:2px}.live-game-shell.game-ended .match-result-copy>strong{font-size:1.1rem}.live-game-shell.game-ended .match-result-breakdown,.live-game-shell.game-ended .match-result-tags{display:none}.live-game-shell.game-ended .accuracy-ring{width:58px!important;height:58px!important}.live-game-shell{height:100dvh;min-height:0;overflow:hidden}.live-game-shell .immersive-header{flex:0 0 auto;min-height:54px;padding:8px 14px}.live-game-shell .immersive-main{flex:1 1 auto;min-height:0;height:calc(100dvh - 54px);padding:8px;overflow:hidden}.live-game-shell .error-banner{margin:0 0 6px;padding:8px 12px}.live-game-shell .game-layout{min-height:0;height:100%;grid-template-columns:minmax(0,1fr) clamp(250px,20vw,320px);gap:8px;overflow:hidden}.live-game-shell .game-layout.chat-collapsed{grid-template-columns:minmax(0,1fr)}.live-game-shell.game-ended .game-layout{height:calc(100% - 82px)}.live-game-shell .board-pane{grid-template-rows:auto auto minmax(0,1fr) auto;align-content:stretch;gap:5px;min-height:0;height:100%;overflow:hidden}.live-game-shell .board-hud-row{display:none}.live-match-info-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(124px,auto) minmax(0,1fr);gap:6px;align-items:stretch;min-width:0}.live-game-shell.game-ended .live-match-info-strip,.live-game-shell.game-ended .live-action-menu-toggle{display:none}.live-player-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;min-height:36px;padding:4px 8px;border-radius:11px;border:1px solid rgba(255,255,255,.09);background:#0a1628b8}.live-player-card.black{order:3}.live-player-card.active{border-color:#d4a85370;box-shadow:0 0 22px #d4a8531a}.live-player-avatar{display:grid;width:26px;height:26px;place-items:center;border-radius:10px;background:linear-gradient(145deg,#f6e7c0,#d2a44f);color:#20160a;font-weight:950}.live-player-card.black .live-player-avatar{background:linear-gradient(145deg,#4d596d,#151b25);color:#f6f8fb}.live-player-copy,.live-player-metrics{display:grid;gap:2px;min-width:0}.live-player-copy strong,.live-player-metrics strong{overflow:hidden;color:var(--text-primary);font-size:13px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.live-player-copy span,.live-player-metrics span{overflow:hidden;color:var(--text-muted);font-size:10px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.live-player-metrics{justify-items:end;text-align:right}.live-match-center{order:2;display:grid;grid-auto-flow:column;align-items:center;justify-content:center;gap:6px;min-width:190px;min-height:36px;padding:4px 8px;border-radius:11px;border:1px solid rgba(212,168,83,.2);background:#0000003d;color:var(--text-secondary);font-size:10px;font-weight:800;text-transform:uppercase}.live-match-center>strong{color:var(--gold-light);font-size:16px;line-height:1;font-variant-numeric:tabular-nums}.live-match-center .cube-widget-premium{min-width:0;flex-direction:row;gap:0}.live-match-center .cube-widget-label,.live-match-center .cube-owner{display:none}.live-match-center .cube-face-3d{width:32px;height:32px;border-radius:9px}.live-match-center .cube-face-value{font-size:15px}.live-match-center .cube-face-x{top:3px;right:5px;font-size:7px}.live-game-shell .match-score-strip.premium{padding:3px;border-radius:14px}.live-game-shell .player-chip{min-width:0;padding:7px 10px;gap:8px;border-radius:12px}.live-game-shell .player-chip-avatar{width:30px;height:30px;border-radius:10px;font-size:12px}.live-game-shell .player-chip-name{font-size:11px}.live-game-shell .player-chip-score{font-size:16px}.live-game-shell .player-chip-sub{font-size:9px}.live-game-shell .match-score-divider{gap:2px;padding:0 4px;font-size:9px}.live-game-shell .action-timer-chip{padding:3px 7px 3px 4px;font-size:10px}.live-game-shell .action-timer-ring{width:14px;height:14px}.live-game-shell .board-pane .board-status-bar{min-height:0;padding:0 2px;border-radius:12px}.live-game-shell .board-pane .live-board-status-compact{display:none}.live-game-shell .board-pane .board-status-copy strong{color:var(--gold-light);font-size:15px;letter-spacing:.02em;text-transform:none}.live-game-shell .board-status-hint{max-width:260px}.live-game-shell .board-status-widgets .cube-face-3d{width:26px;height:26px}.live-game-shell .board-arena{width:100%;gap:8px;overflow:hidden;align-items:stretch}.live-game-shell .board-arena.with-live-eval{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.live-game-shell .board-eval-rail{min-height:0;padding:7px 12px;border-radius:12px;background:linear-gradient(90deg,#f6e8ca29,#0a1628d6 50%,#2d37483d),#0a1628e6}.live-game-shell .board-eval-rail .eval-bar-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(24px,1fr);width:100%;min-height:28px}.live-game-shell .board-eval-rail .eval-bar{grid-column:1;grid-row:1;flex-direction:row;width:100%;height:28px;min-height:28px;border-radius:10px}.live-game-shell .board-eval-rail .eval-bar-white{width:var(--eval-you, 50%)!important;height:100%}.live-game-shell .board-eval-rail .eval-bar-black{width:var(--eval-opp, 50%)!important;height:100%}.live-game-shell .board-eval-rail .eval-bar-caption,.live-game-shell .board-eval-rail .eval-bar-label{display:none}.eval-scoreboard{display:grid;grid-template-columns:minmax(110px,auto) auto minmax(110px,auto);align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px;font-size:12px}.eval-side{font-size:14px;font-variant-numeric:tabular-nums}.eval-side-white{color:#fff2d6}.eval-side-black{color:#aeb9ca;text-align:right}.live-game-shell .board-eval-strip{min-height:0;padding:5px 10px;border-radius:12px}.live-game-shell .board-eval-strip .eval-bar-wrap{gap:3px}.live-game-shell .board-eval-strip .eval-scoreboard{grid-template-columns:minmax(110px,auto) auto minmax(110px,auto);gap:10px;margin-bottom:1px;font-size:11px}.live-game-shell .board-eval-strip .eval-side{font-size:12px}.live-game-shell .board-eval-strip .eval-equity{min-width:96px;padding:2px 9px;font-size:11px}.live-game-shell .board-eval-strip .eval-bar-meta-row{display:none}.live-game-shell .board-eval-strip .eval-bar{height:12px}.eval-equity{min-width:104px;padding:4px 10px;border-radius:999px;text-align:center;font-size:12px;font-weight:950;font-variant-numeric:tabular-nums;background:#00000042}.eval-equity.white-edge{color:#fff2d6;border:1px solid rgba(255,242,214,.25)}.eval-equity.black-edge{color:#bfcbde;border:1px solid rgba(174,185,202,.25)}.live-game-shell .board-stage-wrap{display:grid;place-items:center;width:100%;height:100%;min-height:0;overflow:hidden;padding:0}.live-game-shell .board-stage-wrap .board-stage{aspect-ratio:1000 / 680;align-self:center;flex:0 1 auto;justify-self:center;width:auto;min-width:0;height:100%;max-width:min(100%,1540px);max-height:100%}.live-game-shell.game-ended .board-stage-wrap .board-stage{width:min(calc((100vh - 208px)*1.47),calc(100vw - 24px),1540px);width:min(calc((100dvh - 208px)*1.47),calc(100vw - 24px),1540px);height:min(calc(100vh - 208px),calc((100vw - 24px) / 1.47),100%);height:min(calc(100dvh - 208px),calc((100vw - 24px) / 1.47),100%)}.live-game-shell .board-svg{width:100%;height:100%;min-height:0;max-height:100%}.live-game-shell .board-controls-bar{position:relative;z-index:8;display:grid;grid-template-columns:minmax(170px,auto) minmax(180px,1fr) auto;align-items:center;gap:8px;min-height:52px;padding:4px 8px;border-radius:14px}.dice-control-group{display:flex;align-items:center;gap:10px;min-width:0}.dice-inline-hint{color:var(--gold-light);font-size:11px;font-weight:900;line-height:1.2;white-space:nowrap}.move-history-strip{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.move-history-strip span{min-width:0;padding:5px 8px;border-radius:999px;background:#ffffff0b;color:var(--text-secondary);font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.live-game-shell .dice-tray-idle{padding:6px 10px}.live-game-shell .die-premium{width:40px;height:40px;border-radius:11px}.live-game-shell .side-panel{height:100%;max-height:100%;min-height:0}.live-chat-toggle{position:fixed;right:18px;bottom:18px;z-index:30;min-height:42px;padding:0 14px;border-radius:999px;border:1px solid rgba(212,168,83,.38);background:linear-gradient(180deg,#d4a85338,#0a1628f0);color:var(--gold-light);font-weight:950;box-shadow:0 12px 30px #00000047;cursor:pointer}.live-chat-panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;padding:2px 0 8px;border-bottom:1px solid rgba(212,168,83,.12)}.live-chat-panel-toolbar>div{display:flex;align-items:baseline;gap:8px}.live-chat-panel-toolbar strong{color:var(--text-primary);font-size:13px}.live-game-shell .side-panel-live{border-color:#d4a85329;background:linear-gradient(180deg,#0c1f2633,#060d181f),#07101b2e;box-shadow:0 16px 42px #00000029;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.live-game-shell .side-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 0 2px}.live-game-shell .live-mode-badge{min-height:28px;padding:6px 10px;border-radius:999px;font-size:10px}.live-game-shell .live-focus-tagline{margin:0;max-width:140px;font-size:10px;line-height:1.25;text-align:right}.live-game-shell .side-panel-live .ui-card-header{padding:9px 10px 0}.live-game-shell .side-panel-live .ui-card-header h3{font-size:12px}.live-game-shell .side-panel-live .ui-card-body{padding:8px 10px 10px}.live-game-shell .live-chat-messages{max-height:min(32vh,260px);max-height:min(32dvh,260px)}.live-game-shell .live-chat-message{padding:7px 8px}.live-game-shell .live-chat-message p,.live-game-shell .live-chat-empty,.live-game-shell .live-analysis-hint{font-size:11px;line-height:1.35}.live-game-shell .live-chat-card{padding:0;border:0;background:transparent;box-shadow:none}.live-game-shell .live-chat-bar{display:grid;grid-template-columns:1fr;align-items:center;gap:7px;min-width:0}.live-chat-board-rail{position:absolute;right:14px;top:12px;z-index:12;width:clamp(250px,22vw,360px);pointer-events:auto}.board-arena.with-live-eval .live-chat-board-rail{top:76px}.live-chat-board-rail .live-chat-bar{padding:10px;border:1px solid rgba(212,168,83,.18);border-radius:14px;background:#07101b57;box-shadow:0 16px 34px #00000024;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.live-chat-bar-last{display:flex;align-items:center;gap:8px;min-width:0;color:var(--text-secondary);font-size:11px}.live-chat-bar-last strong{flex:0 0 auto;color:var(--gold-light);font-size:11px;font-weight:950}.live-chat-bar-last span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-game-shell .live-chat-bar .live-chat-form{gap:6px}.live-game-shell .live-chat-bar .live-chat-form input{height:34px;padding:7px 10px;background:#030a116b;border-color:#d4a85338}.live-game-shell .live-chat-bar .ui-btn-sm{min-height:34px;background:#d4a853b8}.live-game-shell .live-chat-bar .live-chat-error{grid-column:1 / -1;padding:5px 8px;font-size:10px}.live-game-shell .live-chat-inline{gap:8px}.live-game-shell .live-chat-empty{margin:0;padding:2px 0}.live-game-shell .live-chat-message{border-color:#d4a8531f;background:#07221b57}.live-game-shell .live-chat-message.kind-bot{background:#d4a8531a}.live-game-shell .live-chat-form input{background:#051216c2;border-color:#d4a85329}.live-game-shell .event-log{max-height:120px;overflow:auto}@media (max-width: 1180px){.live-game-shell{height:auto;min-height:100dvh;overflow:auto}.live-game-shell .immersive-header,.live-header-actions{align-items:stretch;flex-direction:column}.live-game-shell .immersive-main{height:auto;overflow:visible}.live-game-shell .game-layout{height:auto;grid-template-columns:1fr}.live-match-info-strip{grid-template-columns:1fr}.live-player-card.black,.live-match-center{order:initial}.live-game-shell .side-panel{max-height:none}.live-game-shell .board-stage-wrap .board-stage{width:100%;height:auto}.live-game-shell .board-svg{max-height:none}}@media (max-width: 760px){.live-game-shell .match-score-strip{grid-template-columns:1fr}.live-game-shell .player-chip:last-child{flex-direction:row;text-align:left}.live-header-primary-actions{width:100%;justify-content:space-between}.live-game-shell .board-arena.with-live-eval,.live-game-shell .board-controls-bar{grid-template-columns:1fr}.eval-scoreboard{grid-template-columns:1fr;justify-items:stretch}.eval-side-black{text-align:left}}html,body,#root{height:100%}body{overflow:hidden}.app-frame{height:100dvh;min-height:0;grid-template-columns:var(--nav-width) minmax(0,1fr);overflow:hidden}.app-frame.has-secondary-nav{grid-template-columns:var(--nav-width) 172px minmax(0,1fr)}.app-frame:before,.app-frame:after{display:none}.app-nav{height:100dvh;overflow:hidden}.app-nav-list{overflow:hidden}.app-subnav{position:relative;z-index:1;height:100dvh;min-width:0;padding:16px 10px;border-right:1px solid rgba(212,168,83,.1);background:#080f1be6;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px}.app-subnav-label{padding:0 8px;color:var(--text-muted);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.app-subnav-list{display:grid;align-content:start;gap:8px;min-height:0}.app-subnav-link{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;padding:8px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;color:var(--text-secondary);text-align:left;cursor:pointer}.app-subnav-link span{width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:#ffffff0f;color:var(--gold-light);font-size:11px;font-weight:900}.app-subnav-link strong{min-width:0;overflow-wrap:anywhere;font-size:12px;line-height:1.15}.app-subnav-link.active{border-color:#d4a8535c;background:#d4a8531f;color:var(--text-primary)}.app-main{height:100dvh;min-height:0}.page-header{position:relative;flex:0 0 auto;min-height:58px;padding:10px 24px 8px}.page-title{font-size:clamp(1.35rem,2vw,1.85rem);letter-spacing:0}.page-subtitle{margin-top:4px;font-size:12px;line-height:1.35}.page-content{min-height:0;overflow:hidden;padding:10px 16px 14px}.app-contained-panel{width:min(1400px,100%);height:100%;margin:0 auto;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#0a121fb8;box-shadow:inset 0 1px #ffffff0a,var(--shadow-md)}.app-contained-panel-body{min-height:0;overflow:hidden;padding:16px}.app-panel-footer{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-top:1px solid rgba(255,255,255,.06);color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.page-play .app-contained-panel-body,.page-watch .app-contained-panel-body,.page-community .app-contained-panel-body,.page-learn .app-contained-panel-body,.page-tournaments .app-contained-panel-body{display:grid;align-content:stretch;gap:12px}.page-play .error-banner,.page-watch .error-banner,.page-play .queue-status-bar{margin:0}.page-play .play-hub-tabs{display:none}.page-play .play-tab-panel{min-height:0;align-content:start}.page-play .play-mode-grid,.page-play .play-mode-grid.four-up{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}.page-play .match-choice-grid{height:100%;align-content:stretch}.page-play .play-mode-grid.four-up .play-mode-card,.page-play .play-mode-card{grid-column:auto;min-height:0}.page-play .match-choice-grid .play-mode-card{display:grid;align-content:center;min-height:min(48dvh,360px)}.page-play .custom-lobby-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.custom-lobby-card{min-height:0}.custom-lobby-card .ui-card-body{height:100%;display:grid;align-content:start;gap:14px}.custom-lobby-settings{display:grid;gap:12px;padding:14px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:#0000002e}.custom-lobby-summary{display:flex;flex-wrap:wrap;gap:8px}.custom-lobby-summary span{padding:6px 9px;border-radius:999px;color:var(--text-muted);background:#ffffff0f;font-size:11px;font-weight:800}.custom-lobby-join-form{display:grid;gap:10px}.custom-lobby-error{margin:0;color:#fecaca;font-size:13px}.page-play .play-bot-config-panel{min-height:0;overflow:hidden}.page-play .play-bot-config-panel .ui-card{max-height:100%;overflow:hidden}.page-play .play-bot-config-panel.bot-only{height:100%;min-height:0}.page-play .play-bot-config-panel.bot-only .ui-card,.page-play .play-bot-config-panel.bot-only .ui-card-body{min-height:0}.page-play .play-bot-config-panel.bot-only .ui-card-body{height:100%;display:grid;grid-template-rows:auto minmax(0,auto) auto;gap:8px}.page-play .bot-play-settings{grid-template-columns:116px minmax(0,1fr) 180px;gap:8px;align-items:start;min-height:0;max-height:none;overflow:visible;padding:10px}.page-play .bot-play-settings>div:nth-child(3){grid-column:auto}.page-play .bot-personality-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:none;overflow:visible}.page-play .bot-personality-grid.compact .bot-personality-card{min-height:46px;padding:6px 8px;gap:7px}.page-play .bot-personality-card>div{position:relative;z-index:2;min-width:0}.page-play .difficulty-pills.compact{grid-template-columns:1fr;gap:5px}.page-play .difficulty-pills.compact .difficulty-pill{min-height:40px;padding:6px 8px}.page-play .difficulty-pills.compact .difficulty-pill small{font-size:10px;line-height:1.25}.page-play .play-board-style-panel{max-height:100%;overflow:hidden}.page-play .board-theme-grid.compact{max-height:min(40dvh,260px)}.page-tournaments .tournament-lobby-shell{height:100%;min-height:0;padding:16px;align-items:stretch;overflow:hidden}.page-tournaments .tournament-lobby-main,.page-tournaments .tournament-side-rail{min-height:0;overflow:hidden}.page-tournaments .tournament-feature-card{min-height:190px;padding:22px}.page-tournaments .tournament-feature-copy h2{font-size:clamp(1.55rem,2.6vw,2.3rem)}.page-tournaments .tournament-event-list{min-height:0;overflow:hidden}.page-tournaments .tournament-event-card:nth-of-type(n+4){display:none}.page-learn .lesson-galaxy-hero{display:none}.page-learn .lesson-galaxy-layout{height:100%;min-height:0;grid-template-columns:300px minmax(0,1fr);margin:0}.page-learn .lesson-browser-panel,.page-learn .lesson-detail-panel{min-height:0;overflow:hidden}.page-learn .lesson-pack-list{max-height:none;min-height:0;overflow:hidden}.page-learn .lesson-pack-card:nth-child(n+6){display:none}.page-learn .lesson-detail-panel{padding:16px;gap:10px}.page-learn .lesson-path-head p,.page-learn .lesson-tag-strip,.page-learn .lesson-node-panel{display:none}.page-learn .lesson-training-dashboard{min-height:0;grid-template-columns:minmax(0,1fr)}.page-learn .lesson-training-board{min-height:0}.page-learn .lesson-training-board .board-shell{max-height:min(42dvh,330px)}.page-watch .watch-studio-hero{display:none}.watch-compact-shell{height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px}.watch-compact-head{display:grid;grid-template-columns:auto minmax(260px,1fr);gap:12px;align-items:center}.page-watch .segment-tabs.watch-tabs{width:fit-content}.watch-compact-stats{display:flex;flex-wrap:wrap;gap:8px}.watch-compact-stats span,.watch-loading-panel{border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-secondary);font-size:12px;font-weight:800}.watch-compact-stats span{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px}.watch-loading-panel{display:grid;place-items:center;min-height:160px;border-radius:14px}.page-watch .watch-toolbar,.page-watch .watch-search{margin:0}.page-watch .watch-grid{min-height:0;overflow:auto;padding-right:2px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.page-watch .empty-state{min-height:0}@media (max-width: 760px){.watch-compact-head{grid-template-columns:1fr}}.practice-focus-panel{height:100%;min-height:0;display:grid;grid-template-columns:260px minmax(0,1fr);gap:10px}.practice-track-list,.practice-lesson-panel{min-height:0;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#070f1bad}.practice-track-list{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;padding:10px}.practice-lesson-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto auto;align-content:start;gap:7px;padding:10px}.practice-progress-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:7px 10px;border-radius:14px;border:1px solid rgba(212,168,83,.18);background:#d4a85314}.practice-progress-card strong{display:block;margin-top:1px;color:var(--text-primary);font-size:15px}.practice-progress-card>span{color:var(--text-secondary);font-size:10px;font-weight:900}.practice-progress-card .lesson-xp-track{grid-column:1 / -1}.practice-node-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:0;padding:8px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0000002e}.practice-node-card p{display:block;margin:0}.practice-node-card p{color:var(--text-secondary);font-size:11px;line-height:1.25}.practice-board-card{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:6px;padding:8px;border-radius:16px;border:1px solid rgba(46,196,182,.18);background:#2ec4b60f}.practice-board-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.practice-board-head strong{display:block;margin-top:1px;color:var(--text-primary);font-size:15px}.practice-board-head>span{color:var(--gold-light);font-size:12px;font-weight:900}.practice-board-card .board-stage{align-self:start;justify-self:center;width:min(100%,max(360px,calc((100dvh - 340px)*1.47)));height:auto;max-height:none;margin:0 auto}.practice-board-card .board-svg{min-height:0}.practice-track-list .lesson-difficulty-tabs{margin-bottom:0}.practice-track-list .lesson-difficulty-tabs button{min-height:44px;display:grid;place-items:center;padding:8px;text-align:center}.practice-track-list .lesson-difficulty-tabs strong{font-size:18px}.practice-lesson-panel .lesson-path-head h3{margin:3px 0 0;font-size:18px}.practice-lesson-panel .lesson-path-head p{display:none}.practice-node-actions,.practice-primary-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.practice-primary-actions{justify-content:flex-start}.lesson-reward-toast.compact{position:static;width:fit-content;padding:10px 12px}.page-community .community-page{height:100%;max-width:none;margin:0;min-height:0;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.page-community .community-hero,.page-community .community-content-strip,.page-community .article-grid,.page-community .community-page>.ui-card{display:none}.page-community .community-section-grid,.page-community .community-directory-grid{display:contents}.page-community .community-section-card,.page-community .community-directory-card{min-height:0;overflow:hidden}.page-community .community-section-card .ui-card-body,.page-community .community-directory-card .ui-card-body{padding:14px 16px}.page-community .community-section-body{min-height:0;gap:8px}.page-community .community-section-body h3{font-size:1.25rem}.page-community .community-section-body p{display:none}.page-community .community-section-actions{margin-top:2px}.page-community .community-section-actions button{min-height:32px;padding:0 14px}.page-community .community-section-card:nth-child(n+5),.page-community .community-directory-card:nth-child(n+3){display:none}@media (max-width: 1100px){body{overflow:auto}.app-frame,.app-frame.has-secondary-nav{height:auto;min-height:100dvh;grid-template-columns:1fr;overflow:visible}.app-subnav{display:none}.app-main{height:auto;min-height:100dvh;padding-bottom:72px}.page-content{overflow:visible}.app-contained-panel{height:auto;min-height:calc(100dvh - 160px)}.app-contained-panel-body{overflow:visible}}@media (max-height: 760px) and (min-width: 1101px){.page-header{min-height:58px;padding:10px 20px 8px}.page-subtitle{display:none}.page-content{padding:10px 18px 12px}.app-contained-panel-body{padding:12px}.app-panel-footer{min-height:28px;padding-block:6px}.page-tournaments .tournament-feature-card{min-height:150px}.page-play .custom-lobby-panel,.custom-lobby-card .ui-card-body{gap:10px}.page-learn .lesson-difficulty-tabs span,.page-learn .lesson-reward-strip,.page-learn .lesson-training-board-head{display:none}}