:root{--bg:#f1f2f8;--surface:#fff;--surface-2:#f6f7fb;--surface-3:#eceef6;--border:#e5e7f0;--border-strong:#cfd3e2;--text:#12162b;--text-2:#3f4663;--muted:#646b88;--placeholder:#8a90a8;--primary:#2b3fd6;--primary-hover:#2132b8;--primary-soft:#e9ecfd;--primary-ink:#2233b5;--navy:#1c2260;--navy-2:#2c3389;--clay:#f0923a;--clay-ink:#a84a0e;--clay-strong:#c2410c;--clay-soft:#fdefe2;--ball:#d4f24a;--live:#e8304a;--live-hover:#cf2238;--live-soft:#fde8ec;--live-ink:#c01c35;--success:#1f9d61;--success-soft:#e2f6ec;--success-ink:#137a48;--warning:#f5a524;--warning-soft:#fef3dc;--warning-ink:#8f5a05;--danger:#dc2f45;--danger-soft:#fde8ec;--danger-ink:#c01c35;--violet-soft:#f0eafd;--violet-ink:#6233bd;--lime-soft:#eff9c4;--lime-ink:#4c5c00;--logo-bg:#1c2260;--sk-base:#dcdfeb;--sk-shine:#e9ebf3;--scrim:#12162b80;--glass:#0e112894;--glass-border:#ffffff24;--court:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 360' fill='none' stroke='white' stroke-opacity='.2' stroke-width='2'%3E%3Crect x='40' y='30' width='560' height='300'/%3E%3Cpath d='M40 72h560M40 288h560M180 72v216M460 72v216M180 180h280M320 22v316'/%3E%3C/svg%3E");--court-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 360' fill='none' stroke='%232b3fd6' stroke-opacity='.42' stroke-width='1.8'%3E%3Crect x='40' y='30' width='560' height='300'/%3E%3Cpath d='M40 72h560M40 288h560M180 72v216M460 72v216M180 180h280M320 22v316'/%3E%3C/svg%3E");--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:24px;--r-full:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--pad:16px;--gap:12px;--shadow-sm:0 1px 2px #12162b0d;--shadow-md:0 8px 24px -8px #1c226029;--shadow-lg:0 24px 56px -16px #1c226047;--ease:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.3, 1.4, .5, 1);--t-fast:.14s;--t-med:.24s;--t-slow:.42s;--font:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (width>=768px){:root{--pad:20px;--gap:16px}}@media (width>=1200px){:root{--pad:24px}}:root[data-theme=dark]{--bg:#0d1020;--surface:#151932;--surface-2:#1b2040;--surface-3:#252b52;--border:#272d52;--border-strong:#3a4170;--text:#f1f3fb;--text-2:#c4c9df;--muted:#979eba;--placeholder:#7a819e;--primary:#5a6cf5;--primary-hover:#7183ff;--primary-soft:#232a5e;--primary-ink:#b0baff;--navy:#1e2470;--navy-2:#2f378f;--clay-ink:#ffb97a;--clay-soft:#3a2616;--live-soft:#41172a;--live-ink:#ff8fa0;--success-soft:#12352a;--success-ink:#5fdca3;--warning-soft:#38290f;--warning-ink:#fbc66a;--danger-soft:#41172a;--danger-ink:#ff8fa0;--violet-soft:#2a2358;--violet-ink:#c6b3ff;--lime-soft:#2d3312;--lime-ink:#d4f24a;--logo-bg:#2c3389;--sk-base:#252b52;--sk-shine:#343b6c;--scrim:#040610a8;--shadow-md:0 8px 24px -8px #00000080;--shadow-lg:0 24px 56px -16px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.stage,.replay-stage,.preflight-preview,.hero,.kpi.navy,.hero-kpi{--text:#fff;--text-2:#d9ddec;--muted:#b0b6cf;--surface:#171b38;--surface-2:#ffffff1a;--surface-3:#ffffff29;--border:#ffffff29;--border-strong:#ffffff47}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}html.modal-open{overflow:hidden}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font:400 15px/1.55 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:background var(--t-med)}h1,h2,h3{letter-spacing:-.025em;margin:0;font-weight:700;line-height:1.2}h1{font-size:clamp(24px,3vw,32px)}h2{font-size:18px}h3{font-size:17px}p{margin:0}a{color:inherit;text-decoration:none}b{font-weight:600}button{font:inherit;color:inherit}button,a,[role=button]{cursor:pointer}button:disabled{cursor:not-allowed}svg{flex:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:var(--primary-soft)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.muted.sm,.sm{font-size:13px}.mono{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.spacer{flex:1}.push{margin-left:auto}.grow{flex:1;min-width:0;display:grid}.clamp{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.center-text{text-align:center}.hide-xs{display:none}@media (width>=480px){.hide-xs{display:inline-flex}}@media (width>=1024px){.hide-desktop{display:none!important}}@keyframes fade{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@keyframes modal-in{0%{opacity:0;transform:translateY(16px)scale(.97)}}@keyframes modal-out{to{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes sheet-out{to{transform:translateY(100%)}}@keyframes pop{40%{transform:scale(1.35)}}@keyframes score-pop{0%{opacity:0;transform:translateY(40%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes blink{50%{opacity:.35}}@keyframes ping{0%{box-shadow:0 0 #ffffffb3}to{box-shadow:0 0 0 7px #fff0}}@keyframes wiggle{0%,60%,to{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(7deg)}}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}}@keyframes twirl{0%{opacity:0;transform:rotate(-60deg)scale(.6)}}.public-main>*,.shell-main>*,.replay-page>*,.scorepad>*,.device-page>*{animation:rise var(--t-slow) var(--ease) backwards}.public-main>:nth-child(2),.shell-main>:nth-child(2){animation-delay:50ms}.public-main>:nth-child(3),.shell-main>:nth-child(3){animation-delay:90ms}.public-main>:nth-child(4),.shell-main>:nth-child(4){animation-delay:.13s}.public-main>:nth-child(n+5),.shell-main>:nth-child(n+5){animation-delay:.16s}.spinner{border:2px solid color-mix(in srgb, currentColor 22%, transparent);border-top-color:currentColor;border-radius:50%;flex:none;animation:.7s linear infinite spin;display:inline-block}.skeleton{background:linear-gradient(90deg, var(--sk-base) 0%, var(--sk-shine) 45%, var(--sk-base) 90%);animation:shimmer 1.5s linear infinite, fade var(--t-med) var(--ease);border-radius:var(--r-sm);background-size:200% 100%;max-width:100%;display:block}.skeleton.on-glass,.skeleton.on-navy{background:linear-gradient(90deg,#ffffff24 0%,#ffffff4d 45%,#ffffff24 90%) 0 0/200% 100%}.sk-stack{gap:var(--s-2);align-content:center;min-width:0;display:grid}.sk-list{gap:var(--s-3);padding:var(--pad);display:grid}.sk-list-row{align-items:center;gap:var(--s-3);display:flex}.sk-row td{padding-top:15px;padding-bottom:15px}.sk-sidebar{pointer-events:none}.sk-point{min-height:42dvh}.sk-video{aspect-ratio:16/9;width:100%;height:auto}.chat-skeleton{gap:var(--s-3);display:grid}.is-loading{pointer-events:none}.logo{letter-spacing:-.03em;width:fit-content;color:var(--text);white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.logo b{color:var(--primary);margin-left:2px;font-weight:700}.logo-mark{flex:none;display:block}a:hover .logo-mark{animation:wiggle .6s var(--ease)}.avatar{object-fit:cover;color:#fff;letter-spacing:0;border-radius:50%;flex:none;place-items:center;font-weight:600;display:inline-grid;overflow:hidden}.avatar svg{display:block}.btn{border-radius:var(--r-md);background:var(--surface-3);min-height:44px;color:var(--text);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--t-fast) var(--ease), border-color var(--t-fast), color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast) var(--ease), opacity var(--t-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){background:var(--border-strong)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5}.btn.lg{min-height:52px;padding:0 24px;font-size:15px}.btn.sm{border-radius:10px;gap:6px;min-height:36px;padding:0 12px;font-size:13px}.btn.block{width:100%}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 8px 18px -8px var(--primary)}.btn.live{background:var(--live);color:#fff}.btn.live:hover:not(:disabled){background:var(--live-hover);box-shadow:0 8px 20px -8px var(--live)}.btn.danger{background:var(--danger-soft);color:var(--danger-ink)}.btn.danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn.ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn.ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--primary);color:var(--primary-ink)}.btn.tint{background:var(--primary-soft);color:var(--primary-ink)}.btn.tint:hover:not(:disabled){background:var(--primary);color:#fff}.btn.ball{background:var(--ball);color:#1c2260}.btn.ball:hover:not(:disabled){box-shadow:0 10px 24px -10px var(--ball);background:#e3fb6b}.btn.on-navy{color:#fff;background:#ffffff1f;border-color:#ffffff3d}.btn.on-navy:hover:not(:disabled){background:#ffffff38}.icon-btn{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);transition:background var(--t-fast) var(--ease), color var(--t-fast), opacity var(--t-fast), transform var(--t-fast) var(--ease), border-color var(--t-fast);flex:none;place-items:center;padding:0;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.icon-btn:active:not(:disabled){transform:scale(.92)}.icon-btn:disabled{opacity:.4}.icon-btn.ghost{color:var(--text-2);background:0 0;border-color:#0000}.icon-btn.ghost:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.icon-btn.sm{border-radius:10px;width:36px;height:36px}.icon-btn.glass{background:var(--glass);border-color:var(--glass-border);color:#fff;-webkit-backdrop-filter:blur(12px)}.icon-btn.glass:hover:not(:disabled){background:#0e1128c7;border-color:#ffffff4d}.icon-btn.glass.on{background:var(--primary);border-color:#0000}.icon-btn.primary-ghost{color:var(--primary-ink);background:0 0;border:0}.icon-btn.primary-ghost:hover:not(:disabled){background:var(--primary-soft)}.theme-toggle svg{animation:twirl var(--t-med) var(--spring)}.pill{border-radius:var(--r-full);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.pill.sm{gap:5px;height:24px;padding:0 9px;font-size:11px}.pill.glass{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);color:#fff}.live-pill{background:var(--live);color:#fff;letter-spacing:.04em}.live-pill .mono{opacity:.92;letter-spacing:0;font-weight:500}.dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.live-pill .dot{animation:1.5s ease-out infinite ping}.dot.green{background:var(--success);vertical-align:1px;margin-right:6px}.pulse{animation:1.4s infinite blink}.q-ok svg{color:#6ee7a8}.q-warn svg{color:#fcd34d}.q-bad svg{color:#ff8fa0}.tag{color:var(--text-2);background:var(--surface-3);border-radius:var(--r-sm);white-space:nowrap;align-items:center;gap:5px;max-width:100%;padding:3px 8px;font-size:12px;font-weight:500;display:inline-flex}.tag.clamp{text-overflow:ellipsis;display:inline-block;overflow:hidden}.count-badge{border-radius:var(--r-full);background:var(--primary-soft);min-width:26px;height:22px;color:var(--primary-ink);place-items:center;padding:0 8px;font-size:12px;font-weight:700;display:inline-grid}.alert{border-radius:var(--r-md);animation:rise var(--t-med) var(--ease);align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;line-height:1.5;display:flex}.alert svg{flex:none;margin-top:2px}.alert.error{background:var(--danger-soft);color:var(--danger-ink)}.alert.warn{background:var(--warning-soft);color:var(--warning-ink)}.alert.info{background:var(--primary-soft);color:var(--primary-ink)}.alert.ok{background:var(--success-soft);color:var(--success-ink);align-items:center}.field{gap:6px;min-width:0;display:grid}.field>span{color:var(--text-2);font-size:13px;font-weight:600}.field.grow{flex:1}.hint{color:var(--muted);font-size:13px;line-height:1.5}input,textarea,select{border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);font:inherit;transition:border-color var(--t-fast), box-shadow var(--t-fast), background var(--t-fast);font-size:16px}@media (width>=768px){input,textarea,select{font-size:14px}}input{min-height:44px;padding:0 14px}textarea{resize:vertical;min-height:44px;padding:11px 14px;line-height:1.5}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 256 256'%3E%3Cpath d='M216 96l-88 88-88-88' fill='none' stroke='%23646b88' stroke-width='24' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;min-height:44px;padding:0 36px 0 14px}input:hover:not(:disabled):not(:focus),textarea:hover:not(:disabled):not(:focus),select:hover:not(:disabled):not(:focus){border-color:var(--muted)}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent);outline:none}input:disabled,select:disabled,textarea:disabled{background:var(--surface-2);color:var(--muted);cursor:not-allowed}.req{color:var(--danger);font-style:normal}input::placeholder,textarea::placeholder{color:var(--placeholder)}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:0;accent-color:var(--primary);cursor:pointer;flex:none;padding:0}input[type=color]{cursor:pointer;height:44px;padding:4px}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap>svg{color:var(--muted);pointer-events:none;transition:color var(--t-fast);position:absolute;left:14px}.input-wrap:focus-within>svg{color:var(--primary)}.input-wrap input{padding-left:44px}.input-wrap .icon-btn{position:absolute;right:4px}.input-wrap input[type=password],.input-wrap input[type=text]{padding-right:46px}.input-unit{align-items:center;display:flex;position:relative}.input-unit input{padding-right:96px}.input-unit em{color:var(--muted);pointer-events:none;font-size:13px;font-style:normal;position:absolute;right:14px}.select-wrap select{width:auto}.link{color:var(--primary-ink);transition:color var(--t-fast);align-items:center;gap:4px;font-weight:600;display:inline-flex}.link:hover{color:var(--primary);text-underline-offset:3px;text-decoration:underline}button.link{font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.link.sm{margin-bottom:6px;font-size:13px}.nudge{transition:transform var(--t-fast) var(--ease)}a:hover>.nudge,a:hover .nudge{transform:translate(3px)}.back-link{color:var(--muted);width:fit-content;min-height:32px;transition:color var(--t-fast);align-items:center;gap:6px;font-size:14px;display:inline-flex}.back-link:hover{color:var(--text)}.back-link svg{transition:transform var(--t-fast) var(--ease)}.back-link:hover svg{transform:translate(-3px)}.chips{margin-bottom:var(--s-4);flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--r-full);border:1px solid var(--border-strong);background:var(--surface);min-height:36px;color:var(--text-2);transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast), transform var(--t-fast);padding:0 14px;font-size:13px;font-weight:600}.chip:hover{border-color:var(--primary);color:var(--primary-ink)}.chip:active{transform:scale(.96)}.chip.on{background:var(--primary);border-color:var(--primary);color:#fff}.modal .chips{margin-bottom:0}.quote{border-left:3px solid var(--primary);background:var(--surface-2);border-radius:var(--r-sm);color:var(--text-2);overflow-wrap:anywhere;padding:10px 12px;font-size:14px}.quote b{color:var(--text);margin-right:4px}.radio-list{gap:8px;display:grid}.radio-row{border:1px solid var(--border-strong);border-radius:var(--r-md);cursor:pointer;background:var(--surface);min-height:48px;transition:border-color var(--t-fast), background var(--t-fast);align-items:center;gap:10px;padding:8px 14px;font-size:14px;display:flex}.radio-row:hover{border-color:var(--primary)}.radio-row.on{border-color:var(--primary);background:var(--primary-soft)}.check-row{color:var(--text-2);cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.field.check-row{display:flex}.field.check-row>span{font-size:14px;font-weight:400}.action-list{gap:8px;display:grid}.action-row{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);text-align:left;min-height:48px;transition:background var(--t-fast), border-color var(--t-fast), transform var(--t-fast);align-items:center;gap:12px;padding:0 14px;font-size:14px;font-weight:600;display:flex}.action-row:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.action-row:active:not(:disabled){transform:scale(.985)}.action-row.danger{color:var(--danger-ink)}.viewer-list{gap:4px;max-height:50dvh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.viewer-list li{border-radius:var(--r-md);transition:background var(--t-fast);align-items:center;gap:10px;padding:6px 8px;display:flex}.viewer-list li:hover{background:var(--surface-2)}.viewer-list li b{flex:1;font-size:14px}.segmented{border-radius:var(--r-md);background:var(--surface-3);gap:4px;padding:4px;display:flex}.segmented button{min-width:0;min-height:36px;color:var(--muted);transition:background var(--t-med) var(--ease), color var(--t-fast), box-shadow var(--t-med);background:0 0;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:13px;font-weight:600;display:inline-flex}.segmented button:hover:not(:disabled):not(.on){color:var(--text)}.segmented button.on{background:var(--surface);color:var(--primary-ink);box-shadow:var(--shadow-md)}.segmented button:disabled{opacity:.5}.scrim{z-index:50;background:var(--scrim);-webkit-backdrop-filter:blur(6px);padding:var(--s-4);animation:fade var(--t-med) var(--ease);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.scrim.closing{animation:fade-out .18s var(--ease) forwards}.modal{background:var(--surface);border-radius:var(--r-2xl);width:min(460px,100%);max-height:calc(100dvh - 32px);padding:var(--s-5);box-shadow:var(--shadow-lg);gap:var(--s-4);animation:modal-in var(--t-med) var(--spring);display:grid;overflow-y:auto}.scrim.closing .modal{animation:modal-out .18s var(--ease) forwards}.modal.lg{width:min(680px,100%)}.modal.xl{align-content:start;width:min(1040px,100%);min-height:min(720px,100dvh - 32px)}.modal-head{justify-content:space-between;align-items:center;gap:var(--s-3);margin:-4px -8px 0 0;display:flex}.modal-actions{gap:var(--s-3);justify-content:flex-end;display:flex}.modal-actions .btn{flex:1}@media (width<=599px){.scrim{place-items:end center;padding:0}.modal{border-radius:var(--r-2xl) var(--r-2xl) 0 0;max-height:88dvh;padding:28px var(--s-4) max(var(--s-5), env(safe-area-inset-bottom));animation:sheet-in var(--t-slow) var(--ease);position:relative}.modal:before{content:"";background:var(--border-strong);border-radius:2px;width:40px;height:4px;margin-left:-20px;position:absolute;top:10px;left:50%}.scrim.closing .modal{animation:sheet-out .18s var(--ease) forwards}}.auth{background:var(--surface);grid-template-columns:1fr;min-height:100dvh;display:grid}.auth-panel{padding:var(--s-5) var(--s-4);place-items:center;display:grid}.auth-card{gap:var(--s-4);width:min(420px,100%);animation:rise var(--t-slow) var(--ease);display:grid}.auth-top{justify-content:space-between;align-items:center;min-height:36px;display:flex}.auth-title{gap:4px;display:grid}.auth-card h2{letter-spacing:-.03em;font-size:30px;font-weight:700}.demo-box{gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-lg);border:1px dashed var(--border-strong);background:var(--surface-2);display:grid}.demo-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.demo-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--warning-ink);background:var(--warning-soft);border-radius:var(--r-full);padding:3px 10px;font-size:11px;font-weight:700}.account-grid{gap:var(--s-2);grid-template-columns:repeat(4,1fr);display:grid}.account{border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);transition:border-color var(--t-fast), background var(--t-fast), transform var(--t-fast) var(--ease);justify-items:center;gap:6px;padding:10px 2px;font-size:12px;font-weight:600;display:grid}.account:hover{border-color:var(--primary);transform:translateY(-2px)}.account.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-ink)}.auth-hero{display:none}@media (width<=959px){.auth{isolation:isolate;background:linear-gradient(135deg, var(--navy), var(--navy-2));position:relative;overflow:hidden}.auth:after{content:"";z-index:-1;background:var(--court) center / 100% 100% no-repeat;transform-origin:bottom;height:46%;position:absolute;bottom:-6%;left:-30%;right:-30%;transform:perspective(620px)rotateX(58deg)}.auth-panel{padding:calc(var(--s-4) + env(safe-area-inset-top)) var(--s-4) var(--s-4);place-items:start center}.auth-card{--text:#fff;--text-2:#ffffffe0;--muted:#ffffffc2;--placeholder:#fff9;--surface:#ffffff1a;--border:#fff3;--border-strong:#ffffff42;--primary:var(--ball);--primary-ink:var(--ball);--primary-soft:#ffffff2e;--logo-bg:#39419c;color:#fff}.auth-card .btn.primary{background:var(--ball);color:#1c2260}.auth-card .btn.primary:hover:not(:disabled){box-shadow:0 10px 24px -10px var(--ball);background:#e3fb6b}.auth-card input:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:inset 0 0 0 100px #2a3080}}@media (width>=960px){.auth{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.auth-mobile-logo{display:none}.auth-hero{padding:var(--s-6);background:radial-gradient(90% 60% at 80% 100%,#a9c4ff 0%,#0000 70%),radial-gradient(70% 50% at 10% 90%,#c7d6ff 0%,#0000 70%),linear-gradient(#eef2ff,#dfe7ff);place-items:center;display:grid;position:relative;overflow:hidden}:root[data-theme=dark] .auth-hero{background:radial-gradient(90% 60% at 80% 100%,#2c3389 0%,#0000 70%),linear-gradient(#151932,#1c2260)}.auth-hero:after{content:"";background:var(--court-ink) center / 100% 100% no-repeat;transform-origin:bottom;pointer-events:none;height:58%;position:absolute;bottom:-8%;left:-10%;right:-10%;transform:perspective(620px)rotateX(58deg)}.auth-hero-body{z-index:1;text-align:center;justify-items:center;gap:var(--s-5);max-width:520px;animation:rise var(--t-slow) var(--ease) 80ms backwards;display:grid;position:relative}.auth-hero h1{letter-spacing:-.035em;font-size:clamp(32px,3.2vw,44px);line-height:1.15}.auth-hero h1 em,.hero h1 em{color:var(--primary);font-style:normal}:root[data-theme=dark] .auth-hero h1 em{color:var(--ball)}}.feature-chips{gap:var(--s-3);grid-template-columns:1fr 1fr;width:100%;margin:0;padding:0;list-style:none;display:grid}.feature-chips li{align-items:center;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-md);text-align:left;transition:transform var(--t-med) var(--ease);font-size:14px;display:flex}.feature-chips li:hover{transform:translateY(-3px)}.chip-icon{border-radius:var(--r-md);background:var(--tone-soft);width:40px;height:40px;color:var(--tone-ink);flex:none;place-items:center;display:grid}.tone-blue{--tone-soft:var(--primary-soft);--tone-ink:var(--primary-ink)}.tone-green{--tone-soft:var(--success-soft);--tone-ink:var(--success-ink)}.tone-clay{--tone-soft:var(--clay-soft);--tone-ink:var(--clay-ink)}.tone-amber{--tone-soft:var(--warning-soft);--tone-ink:var(--warning-ink)}.tone-violet{--tone-soft:var(--violet-soft);--tone-ink:var(--violet-ink)}.tone-rose{--tone-soft:var(--live-soft);--tone-ink:var(--live-ink)}.public{flex-direction:column;min-height:100dvh;display:flex}.topnav{z-index:20;background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--border);position:sticky;top:0}.topnav-inner{align-items:center;gap:var(--s-2);max-width:1280px;min-height:64px;padding:env(safe-area-inset-top) var(--s-4) 0;margin:0 auto;display:flex}.topnav-links{margin-left:var(--s-4);gap:2px;display:none}.topnav-links a{border-radius:var(--r-md);min-height:40px;color:var(--muted);transition:color var(--t-fast), background var(--t-fast);align-items:center;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex;position:relative}.topnav-links a:hover{color:var(--text);background:var(--surface-3)}.topnav-links a.active{color:var(--primary-ink);background:var(--primary-soft)}@media (width>=640px){.topnav-links{display:flex}}.top-account{padding-right:6px}.public-main{width:100%;max-width:1280px;padding:var(--s-4) var(--s-4) var(--s-7);flex:1;margin:0 auto}@media (width>=768px){.public-main{padding-top:var(--s-5)}}.site-foot{justify-content:space-between;align-items:center;gap:var(--s-2) var(--s-4);width:100%;max-width:1280px;padding:var(--s-5) var(--s-4);border-top:1px solid var(--border);flex-wrap:wrap;margin:0 auto;display:flex}.site-foot .logo{font-size:15px}.hero,.hero-kpi,.kpi.navy,.thumb{isolation:isolate}.hero-bento{gap:var(--gap);display:grid}.hero{gap:var(--s-4);padding:var(--s-6) var(--s-5);border-radius:var(--r-2xl);background:linear-gradient(135deg, var(--navy) 30%, var(--navy-2));color:#fff;align-content:center;justify-items:start;display:grid;position:relative;overflow:hidden}.hero:after{content:"";z-index:-1;background:var(--court) center / contain no-repeat;width:92%;height:130%;transition:transform 1.2s var(--ease);position:absolute;bottom:-46%;right:-22%;transform:perspective(640px)rotateX(52deg)rotate(-14deg)}.hero:hover:after{transform:perspective(640px)rotateX(50deg)rotate(-11deg)scale(1.03)}.hero .eyebrow{color:var(--ball);background:#ffffff1f}.hero h1{letter-spacing:-.035em;max-width:720px;font-size:clamp(30px,4.6vw,52px);line-height:1.1}.hero h1 em{color:var(--ball);font-style:normal}.hero-sub{max-width:520px;color:var(--text-2);font-size:16px}.hero-actions{gap:var(--s-3);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.hero-side{gap:var(--gap);grid-template-columns:1fr 1fr;min-width:0;display:grid}.eyebrow{border-radius:var(--r-full);background:var(--primary-soft);width:fit-content;color:var(--primary-ink);align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-flex}@media (width>=768px){.hero{padding:var(--s-7)}}@media (width>=1024px){.hero-bento{grid-template-columns:minmax(0,2.4fr) minmax(0,1fr)}.hero-side{grid-template-rows:1fr 1fr;grid-template-columns:1fr}}.tile{gap:var(--s-2);padding:var(--pad);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-sm);min-width:0;min-height:148px;transition:transform var(--t-med) var(--ease), box-shadow var(--t-med);align-content:space-between;display:grid}a.tile:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.tile.clay{background:linear-gradient(145deg, var(--clay-strong), #a3360a);color:#fff;--muted:#fffffff0}.tile.showcase{isolation:isolate;background:var(--court) center / cover no-repeat, var(--navy);color:#fff;--muted:#ffffffe0;position:relative;overflow:hidden}.tile.showcase:after{content:"";z-index:-1;background:linear-gradient(#0e11288c,#0e1128f0 72%);position:absolute;inset:0}.tile.showcase .tile-title{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tile.showcase .duo{z-index:-1}.duo{grid-template-columns:1fr 1fr;gap:2px;display:grid;position:absolute;inset:0;overflow:hidden}.duo img{object-fit:cover;object-position:center 22%;width:100%;height:100%;min-height:0;transition:transform var(--t-slow) var(--ease)}a:hover .duo img{transform:scale(1.05)}.tile-label{color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.tile-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:48px;font-weight:700;line-height:1}.tile-title{letter-spacing:-.01em;font-size:18px;font-weight:700;line-height:1.3}.tile-foot{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.tile-foot .nudge{margin-left:auto}.section-head{margin:var(--s-6) 0 var(--s-4);align-items:center;gap:10px;display:flex}.section-head h2{align-items:center;gap:8px;font-size:20px;display:inline-flex}.section-head h2 svg{color:var(--primary)}.feature-grid{gap:var(--gap);margin-top:var(--s-7);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=1024px){.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.feature-card{padding:var(--pad);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform var(--t-med) var(--ease), box-shadow var(--t-med);align-content:start;gap:6px;display:grid}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.feature-card .muted{font-size:14px}.feature-icon{border-radius:var(--r-md);background:var(--primary-soft);width:44px;height:44px;color:var(--primary-ink);transition:transform var(--t-med) var(--spring);flex:none;place-items:center;margin-bottom:6px;display:grid}.feature-card:hover .feature-icon{transform:rotate(-6deg)scale(1.08)}.stream-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));display:grid}.stream-card{gap:var(--s-3);border-radius:var(--r-xl);padding:8px 8px var(--s-3);background:var(--surface);box-shadow:var(--shadow-sm);min-width:0;transition:transform var(--t-med) var(--ease), box-shadow var(--t-med);align-content:start;display:grid}a.stream-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.thumb{aspect-ratio:16/9;border-radius:var(--r-md);background:var(--court) center / 110% no-repeat, linear-gradient(135deg, var(--navy), var(--navy-2));width:100%;position:relative;overflow:hidden}.skeleton.thumb{background:linear-gradient(90deg, var(--sk-base) 0%, var(--sk-shine) 45%, var(--sk-base) 90%);background-size:200% 100%}.thumb-bg{place-items:center;display:grid;position:absolute;inset:0}.thumb-img{object-fit:cover;width:100%;height:100%;transition:transform var(--t-slow) var(--ease);position:absolute;inset:0}a:hover .thumb-img{transform:scale(1.05)}.thumb .live-pill{position:absolute;top:10px;left:10px}.thumb-status{position:absolute;bottom:10px;left:10px}.thumb-viewers{position:absolute;top:10px;right:10px}.thumb-replay{position:absolute;top:10px;left:10px}.thumb-play{width:52px;height:52px;color:var(--navy);opacity:0;transition:opacity var(--t-med) var(--ease), transform var(--t-med) var(--spring);background:#fffffff0;border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0;transform:scale(.8)}a:hover .thumb-play,.thumb-play.show{opacity:1;transform:scale(1)}.thumb-score{border-radius:var(--r-sm);color:#fff;background:#0e1128d6;grid-template-columns:auto auto;gap:0 10px;padding:4px 8px;font-size:12px;font-weight:600;display:grid;position:absolute;bottom:10px;left:10px}.thumb-score b{text-align:right;letter-spacing:.1em;color:var(--ball)}.stream-meta{gap:var(--s-3);min-width:0;padding:0 6px;display:flex}.stream-meta-text{flex:1;gap:2px;min-width:0;display:grid}.stream-meta-text .muted{font-size:13px}.stream-stats{color:var(--text-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;margin-top:6px;font-size:13px;display:flex}.stream-stats>span{align-items:center;gap:4px;display:inline-flex}.empty{text-align:center;justify-items:center;gap:var(--s-2);padding:var(--s-7) var(--s-4);border-radius:var(--r-xl);background:var(--surface);border:1px dashed var(--border-strong);display:grid}.empty-icon{background:var(--primary-soft);width:60px;height:60px;color:var(--primary-ink);margin-bottom:var(--s-2);border-radius:50%;place-items:center;display:grid}.empty p{max-width:360px;font-size:14px}.empty .btn{margin-top:var(--s-2)}.empty-row{text-align:center;color:var(--muted);padding:var(--s-6) var(--s-4);justify-items:center;gap:8px;font-size:14px;display:grid}.empty-row svg{color:var(--border-strong)}.upcoming-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));display:grid}.upcoming-card{gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-sm);min-width:0;transition:transform var(--t-med) var(--ease), box-shadow var(--t-med);align-items:center;display:flex}a.upcoming-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.date-tile{border-radius:var(--r-md);background:var(--primary-soft);width:52px;height:56px;color:var(--primary-ink);flex:none;place-content:center;justify-items:center;line-height:1.1;display:grid}.date-tile b{font-size:20px;font-weight:700}.date-tile span{font-size:11px;font-weight:600}.date-tile.soon{background:var(--clay-soft);color:var(--clay-ink)}.upcoming-text{gap:2px;min-width:0;display:grid}.upcoming-time{color:var(--primary-ink);text-transform:capitalize;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.upcoming-time.soon{color:var(--clay-ink)}.pair{flex:none;order:2;margin-left:auto;display:inline-flex}.pair .avatar+.avatar{box-shadow:0 0 0 2px var(--surface);margin-left:-10px}.upcoming-card{min-height:80px}.upcoming-text{flex:1}.result-card{padding:var(--s-3) var(--s-4);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-sm);min-width:0;transition:transform var(--t-med) var(--ease), box-shadow var(--t-med);align-content:start;gap:8px;display:grid}a.result-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.result-head{justify-content:space-between;gap:var(--s-3);color:var(--muted);font-size:12px;display:flex}.result-row{color:var(--muted);align-items:center;gap:8px;min-width:0;font-size:14px;display:flex}.result-row.won{color:var(--text);font-weight:600}.result-name{flex:1;min-width:0}.result-set{text-align:center;width:26px;font-weight:600}.result-set sup{color:var(--muted);font-size:9px}.result-row.won .result-set{color:var(--primary-ink)}.foot-brand{color:var(--text);letter-spacing:.06em}.credit-list{columns:2 280px;column-gap:var(--s-5);margin:var(--pad);color:var(--text-2);padding:0;font-size:13px;list-style:none}.credit-list li{break-inside:avoid;padding:4px 0}.prose{padding:var(--pad);gap:var(--s-2);color:var(--text-2);font-size:14px;display:grid}.shell{flex-direction:column;min-height:100dvh;display:flex}.shell-top{z-index:21;align-items:center;gap:var(--s-2);min-height:60px;padding:env(safe-area-inset-top) var(--s-4) 0;background:var(--surface);border-bottom:1px solid var(--border);order:0;display:flex;position:sticky;top:0}.top-brand{display:flex}.crumbs{color:var(--muted);align-items:center;gap:8px;min-width:0;font-size:14px;display:none}.crumbs b{color:var(--text);white-space:nowrap;animation:fade var(--t-med) var(--ease)}.top-lives{display:none}.top-user{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;margin-left:4px;padding:4px;display:inline-flex;position:relative}.top-user .bell-badge{top:-2px;right:-4px}.sidebar{top:calc(60px + env(safe-area-inset-top));z-index:20;background:var(--surface);border-bottom:1px solid var(--border);order:1;position:sticky}.sidebar-brand,.sidebar-foot{display:none}.sidebar-nav{scrollbar-width:none;padding:8px var(--s-4);gap:4px;display:flex;overflow-x:auto}.sidebar-nav::-webkit-scrollbar{display:none}.nav-entry{flex:none}.nav-group{display:none}.nav-item{width:100%;min-height:40px;color:var(--muted);white-space:nowrap;text-align:left;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:14px;font-weight:500;display:flex;position:relative}.nav-item:hover{background:var(--surface-3);color:var(--text)}.nav-item.on{background:var(--primary-soft);color:var(--primary-ink);font-weight:600}.nav-badge{border-radius:var(--r-full);background:var(--live-soft);min-width:20px;height:20px;color:var(--live-ink);place-items:center;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;display:inline-grid}.sidebar-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--primary-ink);background:var(--primary-soft);border-radius:var(--r-full);padding:2px 8px;font-size:11px;font-weight:700}.shell-main{width:100%;max-width:1400px;padding:var(--s-4) var(--s-4) var(--s-7);flex:1;order:2;min-width:0}.shell-main [id]{scroll-margin-top:132px}.sk-sidebar .sidebar-nav>*{flex:0 0 96px}@media (width>=768px){.shell{grid-template-rows:auto 1fr;grid-template-columns:76px minmax(0,1fr);display:grid}.sidebar{align-items:stretch;gap:var(--s-3);height:100dvh;padding:var(--s-3) 10px;border-bottom:0;border-right:1px solid var(--border);z-index:22;flex-direction:column;grid-area:1/1/-1;display:flex;position:sticky;top:0}.sidebar-brand{justify-content:center;align-items:center;min-height:40px;display:flex}.sidebar-brand .logo span,.sidebar-tag{display:none}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:0;overflow:visible}.sk-sidebar .sidebar-nav>*{flex:0 0 40px}.nav-item{justify-content:center;min-height:44px;padding:0}.nav-item>span:not(.nav-badge){display:none}.nav-item .nav-badge{background:var(--live);color:#fff;min-width:16px;height:16px;padding:0 4px;font-size:10px;position:absolute;top:2px;right:2px}.nav-item:after{content:attr(data-tip);border-radius:var(--r-sm);background:var(--text);color:var(--surface);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--t-fast), transform var(--t-fast) var(--ease);z-index:30;padding:6px 10px;font-size:12px;font-weight:500;position:absolute;top:50%;left:calc(100% + 12px);transform:translate(-4px,-50%)}.nav-item:hover:after{opacity:1;transform:translateY(-50%)}.sidebar-foot{padding-top:var(--s-3);border-top:1px solid var(--border);justify-items:center;gap:6px;display:grid}.sidebar-user{display:none}.shell-top{padding:0 var(--pad);grid-area:1/2}.top-brand,.top-user{display:none}.crumbs{display:flex}.top-lives{display:inline-flex}.shell-main{padding:var(--pad) var(--pad) var(--s-7);grid-area:2/2}.shell-main [id]{scroll-margin-top:80px}}@media (width>=1100px){.shell{grid-template-columns:256px minmax(0,1fr)}.sidebar{padding:var(--s-4) var(--s-3);gap:var(--s-4)}.sidebar-brand{padding:0 var(--s-2);justify-content:flex-start;gap:10px}.sidebar-brand .logo span{display:inline}.sidebar-tag{display:inline-block}.sidebar-nav{scrollbar-width:thin;gap:2px;margin:0 -4px;padding:0 4px;overflow-y:auto}.nav-group{padding:var(--s-3) 12px 6px;color:var(--muted);font-size:12px;font-weight:500;display:block}.nav-entry:first-child .nav-group{padding-top:0}.nav-item{justify-content:flex-start;gap:10px;min-height:40px;padding:0 12px}.nav-item>span:not(.nav-badge){display:inline}.nav-item .nav-badge{background:var(--live-soft);min-width:20px;height:20px;color:var(--live-ink);padding:0 6px;font-size:11px;position:static}.nav-item:after{display:none}.nav-item.on:before{content:"";background:var(--primary);width:3px;animation:fade var(--t-med);border-radius:0 3px 3px 0;position:absolute;top:10px;bottom:10px;left:-12px}.sidebar-foot{padding:var(--s-3) var(--s-2) 0;align-items:center;gap:10px;display:flex}.sidebar-user{flex:1;min-width:0;line-height:1.3;display:block}.sidebar-user b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.sidebar-user span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}span.sidebar-points{color:var(--clay-ink);align-items:center;gap:4px;font-weight:600;display:inline-flex}}.page-title{justify-content:space-between;align-items:flex-end;gap:var(--s-3) var(--s-4);margin-bottom:var(--s-4);flex-wrap:wrap;display:flex}.page-title>div:first-child{min-width:0}.page-title p{margin-top:4px;font-size:14px}.bento{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.kpi{align-items:center;gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-sm);min-width:0;min-height:88px;transition:transform var(--t-med) var(--ease), box-shadow var(--t-med);display:flex}.kpi:hover:not(.is-loading){box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi>div{min-width:0;display:grid}.kpi-icon{border-radius:var(--r-md);background:var(--tone-soft);width:40px;height:40px;color:var(--tone-ink);flex:none;place-items:center;display:grid}.kpi-label{color:var(--muted);font-size:13px;line-height:1.3}.kpi-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1.25}.kpi.navy{background:linear-gradient(135deg, var(--navy), var(--navy-2));color:#fff;--tone-soft:#ffffff24;--tone-ink:var(--ball)}.hero-kpi{padding:var(--pad);background:linear-gradient(145deg, var(--navy), var(--navy-2));color:#fff;grid-column:1/-1;align-content:start;gap:2px;min-height:220px;display:grid;position:relative;overflow:hidden}.hero-kpi .kpi-value{margin-top:var(--s-2);letter-spacing:-.03em;font-size:clamp(44px,5vw,60px);line-height:1.05}.hero-kpi .eyebrow{width:fit-content;color:var(--ball);background:#ffffff1f}.hero-kpi:after{content:"";z-index:-2;background:var(--court) center / contain no-repeat;width:92%;height:130%;transition:transform var(--t-slow) var(--ease);pointer-events:none;position:absolute;bottom:-44%;right:-18%;transform:perspective(640px)rotateX(52deg)rotate(-14deg)}.hero-kpi:hover:after{transform:perspective(640px)rotateX(50deg)rotate(-11deg)scale(1.03)}.admin-tile{isolation:isolate;min-height:0;position:relative;overflow:hidden}.admin-tile:after{content:"";z-index:-1;background:var(--court) center / contain no-repeat;opacity:.75;pointer-events:none;width:130%;height:130%;position:absolute;bottom:-46%;right:-34%;transform:perspective(420px)rotateX(52deg)rotate(-14deg)}.kpi-note{color:var(--muted);font-size:13px}.spark{z-index:-1;width:100%;height:46%;position:absolute;bottom:0;left:0;right:0}.spark-area{fill:#d4f24a2e}.spark-line{fill:none;stroke:var(--ball);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.spark-dot{fill:var(--clay)}@media (width>=768px){.bento{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-bento .hero-kpi{grid-area:span 2/span 2}.admin-bento .admin-tile{grid-row:span 2}}.studio-stats{margin-bottom:var(--gap)}.panel{margin-top:var(--gap);background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);min-width:0;overflow:hidden}.panel-head{padding:var(--s-4) var(--pad);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.panel-head h2{letter-spacing:-.015em;align-items:center;gap:8px;margin-right:auto;font-size:16px;font-weight:600;display:inline-flex}.panel-head h2 svg{color:var(--primary)}.panel-note{padding:var(--s-3) var(--pad) 0}.panel>.panel-note:last-child{padding-bottom:var(--pad)}#wallet .panel-note{padding-bottom:var(--s-4)}.panel>.match-form,.panel>.form-actions,.panel>.token-create,.panel>.token-grid,.panel>.logo-grid,.panel>.score-table,.panel>.match-list,.panel>.match-live,.panel>.past-streams,.panel>.match-timeline{margin:var(--pad)}.two-col{gap:0 var(--s-5);grid-template-columns:minmax(0,1fr);display:grid}.center{min-height:100dvh;color:var(--muted);place-items:center;display:grid}.center.gap{place-content:center;gap:var(--s-3);text-align:center}.center.gap b{color:var(--text)}.center.pad{gap:var(--s-3);min-height:40dvh}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid var(--border);padding:12px 14px}th:first-child,td:first-child{padding-left:var(--pad)}th:last-child,td:last-child{padding-right:var(--pad)}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background var(--t-fast)}tbody tr:hover{background:var(--surface-2)}th{color:var(--muted);white-space:nowrap;background:var(--surface-2);font-size:12px;font-weight:500}.num{text-align:right;font-variant-numeric:tabular-nums}td.mono{color:var(--text-2)}td.mono svg{vertical-align:-2px;color:var(--muted);margin-right:4px}td.plus{color:var(--success-ink);font-weight:600}td.minus{color:var(--danger-ink);font-weight:600}tr.clickable{cursor:pointer}.table-more{padding:var(--s-3);border-top:1px solid var(--border);justify-content:center;display:flex}.cell-user{align-items:center;gap:10px;min-width:0;display:flex}.cell-user>div{white-space:nowrap;min-width:0;line-height:1.3;display:grid}.cell-user span{color:var(--muted);max-width:220px;font-size:12px}.cell-title{min-width:160px;max-width:260px;color:var(--text-2)}.cell-title .muted.sm{display:block}.tags-inline{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.row-actions{white-space:nowrap;justify-content:flex-end;gap:6px;display:flex}.row-actions.start{flex-wrap:wrap;justify-content:flex-start}.row-actions.wrap{white-space:normal;flex-wrap:wrap}@media (width<=639px){.table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{width:100%;display:block}.table-wrap thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.table-wrap tbody{padding:var(--s-3) var(--pad);gap:var(--s-2);display:grid}.table-wrap tr{padding:var(--s-3);border-radius:var(--r-md);background:var(--surface-2)}.table-wrap td{justify-content:space-between;align-items:center;gap:var(--s-3);text-align:right;border:0;min-width:0;max-width:none;padding:4px 0;display:flex}.table-wrap td:first-child{text-align:left;flex-wrap:wrap;justify-content:flex-start;padding:0 0 8px;font-weight:600}.table-wrap td:last-child{padding:4px 0 0}.table-wrap td[data-label]:not(:first-child):before{content:attr(data-label);color:var(--muted);flex:none;font-size:12px;font-weight:400}.table-wrap .sk-row td:before{display:none}.table-wrap .row-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}}.status{border-radius:var(--r-full);background:var(--surface-3);color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status.info{background:var(--primary-soft);color:var(--primary-ink)}.status.ok{background:var(--success-soft);color:var(--success-ink)}.status.warn{background:var(--warning-soft);color:var(--warning-ink)}.status.bad{background:var(--danger-soft);color:var(--danger-ink)}.points-badge{border-radius:var(--r-full);background:var(--clay-soft);color:var(--clay-ink);font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding:4px 10px;font-size:14px;font-weight:700;display:inline-flex}.live-cards{gap:var(--s-2);padding:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));display:grid}.live-card{padding:var(--s-3);border-radius:var(--r-md);background:var(--surface-2);align-content:start;gap:10px;min-width:0;display:grid}.live-card-head{align-items:center;gap:8px;min-width:0;display:flex}.live-card-who{min-width:0;line-height:1.3;display:grid}.live-card-who b{font-size:14px}.live-card-who span{color:var(--muted);font-size:12px}.live-card-tags{flex-wrap:wrap;gap:6px;display:flex}.live-card-stats{color:var(--text-2);font-variant-numeric:tabular-nums;grid-template-columns:1fr 1fr;gap:6px 8px;font-size:13px;display:grid}.live-card-stats>span{white-space:nowrap;align-items:center;gap:5px;min-width:0;display:inline-flex}.live-card-stats svg,.live-card-stats small{color:var(--muted)}.live-card-stats .span-2{grid-column:1/-1}.live-card-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.live-card-actions .btn{gap:4px;min-width:0;padding:0 4px}.live-table{display:none}@media (width>=1024px){.live-cards{display:none}.live-table{display:block}}.report-list{margin:var(--pad);gap:var(--s-3);grid-template-columns:minmax(0,1fr);padding:0;list-style:none;display:grid}@media (width>=900px){.report-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.report-item{min-width:0;padding:var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface);transition:border-color var(--t-fast), box-shadow var(--t-fast);flex-direction:column;gap:10px;display:flex}.report-item:hover{box-shadow:var(--shadow-sm)}.report-item.open{border-left:4px solid var(--warning)}.report-item.done{border-color:var(--border);background:var(--surface-2)}.report-item .row-actions{padding-top:var(--s-2);margin-top:auto}.report-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.report-target{font-size:14px}.report-reasons{gap:2px;display:grid}.settings-form{gap:var(--s-4);padding:var(--pad);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=640px){.settings-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.settings-form{grid-template-columns:repeat(3,minmax(0,1fr))}}.settings-form>.field:not(.span-all){grid-row:span 3;grid-template-rows:subgrid;align-content:start;row-gap:6px;display:grid}.settings-checks{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));display:grid}.input-unit input{appearance:textfield}.input-unit input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-unit input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.settings-form .span-all{grid-column:1/-1}.timeline{gap:8px;max-height:40dvh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.timeline li{grid-template-columns:64px 1fr;gap:2px 10px;font-size:14px;display:grid}.timeline li>span:not(.mono){grid-column:2;font-size:13px}.cost-grid{gap:var(--s-3);margin:var(--pad);grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));display:grid}.cost-grid>div{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--surface-2);gap:2px;display:grid}.cost-grid b{letter-spacing:-.02em;font-size:20px;font-weight:700}@media (width>=768px){.cost-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.filters{margin:var(--pad);grid-template-columns:1fr;gap:8px;display:grid}@media (width>=640px){.filters{grid-template-columns:1fr 1fr}}@media (width>=1100px){.filters{grid-template-columns:2fr 1fr 1fr 1.4fr}}.golive{gap:var(--s-4);padding:var(--pad);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-sm);display:grid}.golive-text{gap:var(--s-3);align-items:center;min-width:0;display:flex}.golive-text>div{min-width:0}.golive-text h1{font-size:22px}.golive-icon{border-radius:var(--r-md);background:var(--navy);width:48px;height:48px;color:var(--ball);flex:none;place-items:center;display:grid}.golive-body{gap:var(--s-5);display:grid}.golive-fields{gap:var(--s-4);align-content:start;min-width:0;display:grid}.golive-fields>.hint{margin-top:-10px}.field-row{gap:var(--s-4);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=640px){.field-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.golive-body{grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr)}.golive-check{align-self:start;position:sticky;top:84px}}.consent{border-radius:var(--r-md);background:var(--surface-2);color:var(--text-2);cursor:pointer;transition:background var(--t-fast);align-items:flex-start;gap:12px;padding:12px 14px;font-size:13px;line-height:1.55;display:flex}.consent:hover{background:var(--surface-3)}.consent input{margin-top:1px}.consent b{color:var(--text);font-weight:600}.golive-submit{width:100%}@media (width>=640px){.golive-submit{justify-self:start;width:auto;min-width:240px}}.preflight{gap:var(--s-3);align-content:start;display:grid}.preflight-preview{aspect-ratio:16/9;border-radius:var(--r-lg);background:#0e1128;position:relative;overflow:hidden}.preflight-preview video{object-fit:cover;width:100%;height:100%;display:block}.preflight-preview video.mirror{transform:scaleX(-1)}.mic-meter{background:#ffffff38;border-radius:2px;height:4px;position:absolute;bottom:12px;left:12px;right:12px;overflow:hidden}.mic-meter span{background:var(--ball);transform-origin:0;height:100%;transition:transform 80ms linear;display:block}.checks{gap:8px;margin:0;padding:0;list-style:none;display:grid}.check{color:var(--text-2);animation:fade var(--t-med);align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}.check-icon{background:var(--surface-3);width:28px;height:28px;color:var(--muted);transition:background var(--t-med), color var(--t-med);border-radius:9px;flex:none;place-items:center;display:grid}.check.ok .check-icon{background:var(--success-soft);color:var(--success-ink)}.check.warn .check-icon{background:var(--warning-soft);color:var(--warning-ink)}.check.bad .check-icon{background:var(--danger-soft);color:var(--danger-ink)}.check span:last-child{padding-top:4px}.preflight .btn{justify-self:start}.match-option{align-items:center;min-height:56px}.avatar-pair{flex:none;display:inline-flex}.avatar-pair .avatar+.avatar{box-shadow:0 0 0 2px var(--surface);margin-left:-8px}.match-more{margin-top:var(--s-2);justify-self:start}.field>.match-hint{margin-top:var(--s-2);color:var(--muted);font-weight:400}.match-option-text{flex:1;min-width:0;display:grid}.match-list{gap:8px;display:grid}.match-row{cursor:pointer;padding:var(--s-3);border-radius:var(--r-md);background:var(--surface-2);transition:background var(--t-fast);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;display:grid}.match-row:hover{background:var(--surface-3)}.match-row-main{align-items:center;gap:var(--s-3);min-width:0;display:flex}.match-row-text{min-width:0;display:grid}.match-row .avatar-pair .avatar+.avatar{box-shadow:0 0 0 2px var(--surface-2)}.match-row-score{font-weight:700}.match-row .row-actions{grid-column:1/-1;justify-content:flex-start}.match-row .btn.ghost{background:var(--surface)}@media (width>=900px){.match-row{grid-template-columns:minmax(0,1fr) 90px 120px auto}.match-row .row-actions{grid-column:auto}}.match-form{gap:var(--s-4);display:grid}.names{gap:8px;display:grid}.format-box{gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-md);background:var(--surface-2);display:grid}.form-actions{gap:var(--s-3);flex-wrap:wrap;align-items:center;display:flex}.community-grid{gap:var(--s-4);margin:var(--pad);display:grid}@media (width>=900px){.community-grid{grid-template-columns:1fr 1fr}}.community-grid .sk-list{padding:var(--s-2) 0}.inline-form{margin-bottom:var(--s-3);gap:8px;display:flex}.inline-form input{flex:1;min-width:0}.blocked-box{padding:var(--s-4);border:1px solid color-mix(in srgb, var(--danger) 26%, transparent);border-radius:var(--r-lg);background:var(--danger-soft);align-self:start}.blocked-box .sub-head{min-height:0;color:var(--danger-ink)}.blocked-box .empty-row{color:var(--danger-ink)}.sub-head{margin-bottom:var(--s-3);align-items:center;gap:6px;min-height:44px;display:flex}.appeal-list{margin:var(--pad);gap:8px;padding:0;list-style:none;display:grid}.appeal-list li{padding:var(--s-3);border-radius:var(--r-md);background:var(--surface-2);gap:4px;display:grid}.device-page{min-height:100dvh;padding:var(--s-4);gap:var(--s-4);align-content:start;max-width:1100px;margin:0 auto;display:grid}.device-head{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.device-badge{border-radius:var(--r-full);background:var(--primary-soft);color:var(--primary-ink);white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.qr{border-radius:var(--r-md);color:var(--muted);background:#fff;flex:none;place-items:center;display:grid}.qr.placeholder{width:168px;height:168px}span.qr.placeholder:not(.skeleton){background:var(--surface-3)}.token-create{gap:var(--s-3);align-items:end;display:grid}@media (width>=900px){.token-create{grid-template-columns:1fr 140px auto auto}}.token-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));display:grid}.token-card{gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-lg);background:var(--surface-2);transition:box-shadow var(--t-med), transform var(--t-med) var(--ease);display:flex}.token-card:hover{box-shadow:var(--shadow-md)}.token-card.off{opacity:.6}.token-card .qr,.token-card .qr.placeholder{width:136px;height:136px}.token-info{align-content:start;gap:6px;min-width:0;display:grid}.token-info .row-actions{flex-wrap:wrap;justify-content:flex-start}.token-info .btn.ghost{background:var(--surface)}.logo-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));display:grid}.logo-slot{padding:var(--s-3);border-radius:var(--r-lg);background:var(--surface-2);justify-items:start;gap:8px;display:grid}.logo-slot .row-actions{justify-content:flex-start}.logo-preview{border-radius:var(--r-md);background:var(--surface);border:1px dashed var(--border-strong);width:100%;height:88px;color:var(--muted);place-items:center;display:grid}.logo-preview img{object-fit:contain;max-width:80%;max-height:64px}.handover{justify-items:center;gap:var(--s-3);text-align:center;display:grid}.handover .qr{width:200px;height:200px}.score-table{border-radius:var(--r-lg);background:var(--surface-2);display:grid;overflow:hidden}.st-row{grid-template-columns:minmax(0,1fr);grid-auto-columns:52px;grid-auto-flow:column;align-items:center;min-height:56px;display:grid}.st-row+.st-row{border-top:1px solid var(--border)}.st-head{min-height:34px;color:var(--muted);background:var(--surface-3);font-size:12px;font-weight:500}.st-head>span:first-child,.st-name{padding:0 var(--s-3)}.st-name{overflow-wrap:anywhere;align-items:center;gap:10px;min-width:0;font-size:16px;font-weight:600;display:flex}.st-num{text-align:center;font-variant-numeric:tabular-nums;color:var(--text-2);font-size:18px;font-weight:600}.st-head .st-num{color:var(--muted);font-size:12px;font-weight:500}.st-num.current{color:var(--text);font-weight:700}.st-game{background:var(--lime-soft);color:var(--lime-ink);align-self:stretch;place-items:center;font-weight:700;display:grid}.st-head .st-game,.st-head>.st-num:last-child{background:0 0}.st-row.winner .st-name{color:var(--clay-ink)}.sb-set sup,.st-num sup{color:var(--muted);margin-left:1px;font-size:9px}@media (width<=479px){.st-row{grid-auto-columns:42px}.st-name{font-size:15px}}.scoreboard{z-index:3;left:var(--s-3);top:calc(max(12px, env(safe-area-inset-top)) + 98px);border-radius:var(--r-md);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);color:#fff;pointer-events:none;width:min(300px,100% - 24px);animation:rise var(--t-med) var(--ease);background:#0e1128eb;font-size:14px;position:absolute;overflow:hidden;box-shadow:0 12px 28px #00000059}.sb-head{color:#cdd2e6;background:#ffffff12;align-items:center;gap:8px;padding:5px 10px;font-size:11px;font-weight:600;display:flex}.sb-head img{object-fit:contain;max-width:64px;height:18px}.sb-body{display:grid}.sb-row{align-items:center;gap:6px;min-height:32px;padding:5px 0 5px 10px;display:flex}.sb-row+.sb-row{border-top:1px solid #ffffff14}.sb-row.winner .sb-name{color:var(--ball)}.sb-serve{width:7px;height:7px;transition:background var(--t-med);background:0 0;border-radius:50%;flex:none}.sb-serve.on{background:var(--ball);box-shadow:0 0 0 3px #d4f24a33}.sb-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.sb-trophy{color:var(--warning);flex:none}.sb-set{text-align:center;font-variant-numeric:tabular-nums;color:#a2a9c4;width:20px;font-weight:600}.sb-set.won,.sb-set.current{color:#fff}.sb-set.current{font-weight:700}.sb-game{font-variant-numeric:tabular-nums;background:var(--ball);color:#1c2260;align-self:stretch;place-items:center;min-width:36px;margin:-5px 0;font-weight:700;display:grid;overflow:hidden}.sb-game>span{animation:score-pop var(--t-med) var(--spring)}.sb-row:last-child .sb-game{border-top:1px solid #0000001f}.sb-foot{letter-spacing:.03em;background:var(--primary);padding:4px 10px;font-size:11px;font-weight:700}.sb-foot.flash{background:var(--clay);color:#2b1603;animation:rise var(--t-med) var(--ease);align-items:center;gap:8px;display:flex}.sb-foot.flash b{font-size:12px;font-weight:800}.sb-sponsor{color:#a2a9c4;background:#ffffff0d;align-items:center;gap:8px;padding:4px 10px;font-size:10px;display:flex}.sb-sponsor img{object-fit:contain;max-width:80px;height:16px}.sb-sponsor b{color:#fff;font-size:12px}.stage.has-score .gift-toasts,.stage.has-score .banners{top:calc(max(12px, env(safe-area-inset-top)) + 196px)}@media (width>=1024px){.stage.has-score .banners{top:calc(max(12px, env(safe-area-inset-top)) + 96px);left:320px}}.scorepad{max-width:760px;min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) var(--s-4) max(16px, env(safe-area-inset-bottom));gap:var(--s-3);align-content:start;margin:0 auto;display:grid}.scorepad.embedded{align-content:start;width:100%;max-width:680px;min-height:0;padding:0}.scorepad-head{align-items:center;gap:var(--s-3);display:flex}.scorepad-title{flex:1;min-width:0;display:grid}.scorepad .pill.glass{background:var(--surface-3);color:var(--text-2);-webkit-backdrop-filter:none;backdrop-filter:none;border:0}.scorepad .score-table{background:var(--surface);box-shadow:var(--shadow-sm)}.scorepad-status{border-radius:var(--r-md);background:var(--primary-soft);color:var(--primary-ink);text-align:center;animation:rise var(--t-med) var(--ease);justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;display:flex}.scorepad-status.warn{background:var(--warning-soft);color:var(--warning-ink)}.scorepad-status.done{background:var(--surface-3);color:var(--text-2)}.scorepad-buttons{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.point-btn{min-height:42dvh;padding:var(--s-4) var(--s-3);border-radius:var(--r-2xl);color:#fff;font:inherit;cursor:pointer;transition:transform var(--t-fast) var(--ease), filter var(--t-fast), box-shadow var(--t-med);touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;align-content:center;justify-items:center;gap:6px;display:grid;position:relative;overflow:hidden}.point-btn:before{content:"";background:var(--court) center / 170% no-repeat;opacity:.5;pointer-events:none;position:absolute;inset:0}.point-btn>*{position:relative}.point-btn.side-a{background:linear-gradient(160deg, var(--navy-2), var(--navy))}.point-btn.side-b{background:linear-gradient(160deg,#c8601f,#9e3f10)}.point-btn .drops{pointer-events:none;position:absolute;inset:0}.drop{width:var(--size);height:var(--size);margin:calc(var(--size) / -2);animation:splash var(--time) cubic-bezier(.2, .7, .4, 1) forwards;background:#ffffffeb;border-radius:50% 50% 50% 8%;position:absolute}.drop.ball{background:var(--ball)}@keyframes splash{0%{opacity:1;transform:translate(0)scale(.4)}65%{transform:translate(var(--x), var(--y)) scale(1);opacity:.95}to{transform:translate(calc(var(--x) * 1.15), calc(var(--y) + 34px)) scale(.3);opacity:0}}.point-btn:disabled{opacity:.45;cursor:default}.point-btn .sb-serve{width:12px;height:12px;position:absolute;top:14px;left:14px}.point-name{text-align:center;overflow-wrap:anywhere;font-size:18px;font-weight:700}.point-game{letter-spacing:-.03em;animation:score-pop var(--t-med) var(--spring);font-size:clamp(48px,14vw,88px);font-weight:800;line-height:1}.point-plus{opacity:.85;font-size:13px;font-weight:600}.scorepad-actions{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.match-hero{gap:var(--s-4);padding:var(--pad);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-sm);display:grid}.match-hero-top{gap:var(--s-4);flex-wrap:wrap;align-items:flex-start;display:flex}.match-logo{object-fit:contain;border-radius:var(--r-md);background:var(--surface-2);flex:none;width:64px;height:64px;padding:6px}.match-hero-meta{flex:1;gap:8px;min-width:min(220px,100%);display:grid}.match-hero-meta p{flex-wrap:wrap;align-items:center;gap:4px;font-size:14px;display:inline-flex}.match-hero-actions{flex-wrap:wrap;gap:8px;display:flex}.versus{gap:var(--s-4);padding:var(--s-4);flex-wrap:wrap;justify-content:center;align-items:center;font-size:20px;display:flex}.sponsor-line{align-items:center;gap:var(--s-3);display:flex}.sponsor-line img{object-fit:contain;max-width:140px;height:28px}.match-grid{gap:0 var(--gap);display:grid}@media (width>=960px){.match-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.match-live{gap:8px;display:grid}.past-streams{gap:6px;display:grid}.past-stream{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:8px;min-height:32px;font-size:14px;display:flex}.link-row{color:var(--text);transition:color var(--t-fast)}.link-row:hover{color:var(--primary-ink)}.link-row .tag{margin-left:auto}.match-timeline{gap:4px;max-height:420px;padding:0;list-style:none;display:grid;overflow-y:auto}.match-timeline li{border-radius:var(--r-sm);background:var(--surface-2);transition:background var(--t-fast);grid-template-columns:minmax(48px,auto) 1fr auto;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:grid}.match-timeline li.tl-break{box-shadow:inset 3px 0 0 var(--warning)}.match-timeline li.tl-set,.match-timeline li.tl-match{box-shadow:inset 3px 0 0 var(--primary);background:var(--primary-soft)}.match-timeline li.on{outline:2px solid var(--primary);outline-offset:-2px}.chapter-btn{all:unset;cursor:pointer;display:contents}.match-timeline li:has(.chapter-btn){cursor:pointer}.match-timeline li:has(.chapter-btn):hover{background:var(--surface-3)}.bell,.bell .icon-btn{position:relative}.bell .ring{animation:wiggle 1s var(--ease) 2;color:var(--primary)}.bell-badge{border-radius:var(--r-full);background:var(--live);color:#fff;min-width:17px;height:17px;box-shadow:0 0 0 2px var(--surface);animation:pop var(--t-med) var(--spring);place-items:center;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:3px;right:3px}.bell-menu{z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:340px;max-height:70dvh;box-shadow:var(--shadow-lg);transform-origin:100% 0;animation:menu-in var(--t-fast) var(--ease);align-content:start;gap:6px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}@media (width<=479px){.bell-menu{top:calc(68px + env(safe-area-inset-top));width:auto;position:fixed;left:12px;right:12px}}.bell-head{justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.bell-head .link{margin:0}.bell-item{text-align:left;border-radius:var(--r-md);width:100%;color:var(--text-2);font:inherit;cursor:pointer;transition:background var(--t-fast);background:0 0;border:0;gap:10px;padding:10px;font-size:14px;display:flex}.bell-item>span:last-child{gap:2px;min-width:0;display:grid}.bell-icon{background:var(--primary-soft);width:30px;height:30px;color:var(--primary-ink);border-radius:50%;flex:none;place-items:center;display:grid}.bell-item:hover{background:var(--surface-3)}.bell-item.unread{background:var(--primary-soft);color:var(--text)}.bell-item.unread .bell-icon{background:var(--surface)}.profile-head{align-items:center;gap:var(--s-4);padding:var(--pad);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex}.profile-head>div{flex:1;min-width:min(180px,100%)}.stats-block{gap:var(--s-3);display:grid}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stats-grid .summary-stat b{font-size:15px}.stats-replay{border-radius:var(--r-md);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.summary-page{min-height:100dvh;padding:var(--s-5) var(--s-4);place-items:center;display:grid}.summary-card{text-align:center;justify-items:center;gap:var(--s-3);width:min(480px,100%);padding:var(--s-6) var(--s-5);border-radius:var(--r-2xl);background:var(--surface);box-shadow:var(--shadow-md);animation:rise var(--t-slow) var(--ease);display:grid}.summary-card .alert,.summary-card .btn{text-align:left;justify-self:stretch}.summary-card .btn{margin-top:var(--s-2)}.summary-icon{background:var(--primary-soft);width:64px;height:64px;color:var(--primary-ink);margin-bottom:var(--s-2);border-radius:50%;place-items:center;display:grid}.summary-icon.bad{background:var(--danger-soft);color:var(--danger-ink)}.summary-grid{gap:var(--s-2);width:100%;margin-top:var(--s-3);grid-template-columns:repeat(2,1fr);display:grid}.summary-stat{padding:var(--s-3);border-radius:var(--r-md);background:var(--surface-2);color:var(--muted);text-align:center;justify-items:center;gap:2px;display:grid}.summary-stat b{color:var(--text);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.summary-grid .summary-stat b{font-size:18px;line-height:1.3}.summary-stat span{font-size:12px}.live-screen{background:#06070f;position:fixed;inset:0;overflow:hidden}.stage{background:#000;position:absolute;inset:0;overflow:hidden}.video{object-fit:cover;background:#000;width:100%;height:100%;position:absolute;inset:0}.video.contain{object-fit:contain}.video.mirror{transform:scaleX(-1)}.stage-msg{place-content:center;justify-items:center;gap:var(--s-3);color:var(--text-2);z-index:1;text-align:center;padding:var(--s-4);animation:fade var(--t-med);background:radial-gradient(circle,#1a1f47,#06070f 72%);font-size:15px;display:grid;position:absolute;inset:0}.stage-top{z-index:3;padding:max(12px, env(safe-area-inset-top)) var(--s-3) 40px;background:linear-gradient(#06070fa8,#0000);gap:10px;display:grid;position:absolute;top:0;left:0;right:0}.stage-top-row{align-items:center;gap:var(--s-2);min-width:0;display:flex}.stage-top-row.wrap{flex-wrap:wrap}.host-chip{border-radius:var(--r-full);align-items:center;gap:10px;min-width:0;padding:4px 14px 4px 4px;display:flex}.host-chip.glass{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px)}.host-chip-text{min-width:0;line-height:1.2;display:grid}.host-chip-text b{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.host-chip-text span{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;max-width:40vw;font-size:12px;overflow:hidden}.banners{top:calc(max(12px, env(safe-area-inset-top)) + 96px);z-index:4;padding:0 var(--s-3);pointer-events:none;justify-items:center;gap:6px;display:grid;position:absolute;left:0;right:0}.banner{border-radius:var(--r-md);max-width:100%;animation:chat-in var(--t-med) var(--ease);align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.banner.info{color:#fff;border:1px solid var(--glass-border);background:#0e1128eb}.banner.warn{color:#2b1603;background:#f5a524f2}.banner.bad{color:#fff;background:#dc2f45f5}.unmute{z-index:5;box-shadow:var(--shadow-lg);position:absolute;top:50%;left:50%;translate:-50% -50%}.pause-msg{z-index:2;padding:var(--s-5)}.pause-msg b{color:#fff;font-size:22px}.pause-msg .muted{max-width:360px}.hearts{pointer-events:none;z-index:3;width:64px;height:55%;position:absolute;bottom:140px;right:18px}.float-heart{animation:float-up 2.4s var(--ease) forwards;filter:drop-shadow(0 2px 6px #0006);position:absolute;bottom:0}.float-emoji{line-height:0}@keyframes float-up{0%{opacity:0;transform:translate(0)scale(.4)}12%{opacity:1;transform:translateY(-20px)scale(1)}50%{transform:translate(-14px,-50%)scale(1.05)}to{opacity:0;transform:translate(6px,-320px)scale(.9)}}.gift-toasts{left:var(--s-3);top:calc(max(12px, env(safe-area-inset-top)) + 100px);gap:var(--s-2);z-index:4;pointer-events:none;display:grid;position:absolute}.gift-toast{border-radius:var(--r-full);color:#fff;background:linear-gradient(90deg, color-mix(in srgb, var(--gift) 85%, #000), color-mix(in srgb, var(--gift) 25%, transparent));animation:slide-in .35s var(--ease);align-items:center;gap:10px;padding:5px 16px 5px 5px;display:flex;position:relative}.gift-toast-icon{background:#ffffff38;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.gift-toast>div{line-height:1.2;display:grid}.gift-toast b{font-size:14px}.gift-toast span{opacity:.92;font-size:12px}.gift-combo{color:var(--ball);text-shadow:0 2px 8px #00000080;animation:pop .35s var(--spring);margin-left:6px;font-size:22px;font-style:italic;font-weight:800}@keyframes slide-in{0%{opacity:0;transform:translate(-30px)}}.big-gift{z-index:6;pointer-events:none;text-align:center;color:#fff;background:radial-gradient(circle, color-mix(in srgb, var(--gift) 45%, transparent), transparent 65%);animation:big-gift 3.2s var(--ease) forwards;place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:0}.big-gift-icon{background:var(--gift);width:120px;height:120px;box-shadow:0 0 60px var(--gift);animation:big-gift-pop .6s var(--spring);border-radius:50%;place-items:center;display:grid}.big-gift b{text-shadow:0 2px 12px #0009;font-size:26px}.big-gift span:last-child{text-shadow:0 2px 10px #0009;font-size:15px}@keyframes big-gift{0%{opacity:0}10%,80%{opacity:1}to{opacity:0}}@keyframes big-gift-pop{0%{transform:scale(.3)rotate(-20deg)}70%{transform:scale(1.15)}}.dock{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:5;scrollbar-width:none;border-radius:var(--r-xl);background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);gap:4px;max-width:calc(100% - 16px);padding:6px;display:flex;position:absolute;overflow-x:auto;transform:translate(-50%)}.dock-btn{border-radius:var(--r-md);color:#fff;min-width:62px;min-height:58px;transition:background var(--t-fast), transform var(--t-fast) var(--ease), color var(--t-fast);background:0 0;border:0;flex:none;justify-items:center;gap:3px;padding:8px 6px 6px;font-size:11px;font-weight:600;display:grid}.dock-btn:hover:not(:disabled){background:#ffffff24}.dock-btn:active:not(:disabled){transform:scale(.94)}.dock-btn:disabled{opacity:.5}.dock-btn.off{color:#1c2260;background:#fffffff0}.dock-btn.end{background:var(--live)}.dock-btn.end:hover:not(:disabled){background:var(--live-hover)}@media (width<=420px){.dock-btn{min-width:54px;padding-left:4px;padding-right:4px}}.chat-panel{z-index:4;pointer-events:none;--text:#fff;--text-2:#e5e8f3;--muted:#c0c6da;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.chat-panel>*{pointer-events:auto}.chat-panel-head{display:none}.chat-list{scrollbar-width:none;flex-direction:column;gap:6px;display:flex;overflow-y:auto}.chat-list::-webkit-scrollbar{display:none}.live-screen .chat-list{width:min(80%,420px);max-height:32dvh;padding:0 var(--s-3) var(--s-2);-webkit-mask-image:linear-gradient(#0000,#000 28%);mask-image:linear-gradient(#0000,#000 28%)}.live-screen.host .chat-panel{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 84px)}.chat-empty{display:none}.chat-item{border-radius:var(--r-md);width:fit-content;max-width:100%;animation:chat-in var(--t-med) var(--ease);color:#fff;background:#06070f7a;align-items:flex-start;gap:8px;padding:6px 12px 6px 6px;font-size:14px;line-height:1.35;display:flex}.chat-item>div{overflow-wrap:anywhere;min-width:0;padding-top:4px}.chat-item b{color:var(--ball);margin-right:6px;font-weight:600}.chat-item span:not(.avatar){color:var(--text-2)}.chat-item.tappable{font:inherit;text-align:left;cursor:pointer;transition:background var(--t-fast);border:0}.chat-item.tappable:hover{background:#06070fa8}.chat-skeleton .skeleton{background:linear-gradient(90deg,#ffffff24 0%,#ffffff47 45%,#ffffff24 90%) 0 0/200% 100%}.sk-chat{padding:var(--s-3)}@keyframes chat-in{0%{opacity:0;transform:translateY(6px)}}.composer-muted{border-radius:var(--r-md);color:#ffd3da;background:#dc2f453d;flex:1;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:14px;display:flex}.composer{align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3) max(var(--s-3), env(safe-area-inset-bottom));background:linear-gradient(#0000,#06070fc7 40%);display:flex}.composer-input{flex:1;align-items:center;min-width:0;display:flex;position:relative}.composer-input input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff24;border-color:#fff3;min-height:44px;padding-right:48px}.composer-input input::placeholder{color:#ffffffb3}.composer-input .icon-btn{color:#fff;position:absolute;right:4px}.composer .icon-btn{width:44px;height:44px}.composer-input .icon-btn.sm{width:36px;height:36px}.gift-btn{color:#fff;background:#ea7c22;border:0}.gift-btn:hover:not(:disabled){background:var(--clay-strong);color:#fff;border-color:#0000}.heart-btn{background:var(--live);color:#fff;border:0}.heart-btn:hover:not(:disabled){background:var(--live-hover);border-color:#0000}.heart-btn .pop{animation:pop .3s var(--spring)}.react-wrap{position:relative}.react-btn{color:#fff;background:#ffffff29;border:0}.react-btn:hover:not(:disabled){background:#ffffff42;border-color:#0000}.react-btn.on{background:#ffffff4d}.react-bar{border-radius:var(--r-full);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);animation:menu-in var(--t-fast) var(--ease);background:#171b38;gap:4px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50%}.react-bar button{cursor:pointer;width:44px;height:44px;transition:background var(--t-fast), transform var(--t-fast) var(--spring);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.react-bar button:hover{background:#ffffff24;transform:scale(1.12)}.react-bar button:active{transform:scale(1.3)}.pinned{margin:0 var(--s-3) 6px;border-radius:var(--r-md);color:#fff;width:min(80%,420px);animation:chat-in var(--t-med) var(--ease);background:#f5a52433;border:1px solid #f5a52466;align-items:flex-start;gap:8px;padding:8px 10px;font-size:14px;display:flex}.pinned svg{color:var(--warning);margin-top:3px}.pinned>div{overflow-wrap:anywhere;flex:1;min-width:0}.pinned b{color:#ffd98a;margin-right:6px}.pinned .icon-btn{color:#fff}.top-fans{margin:0 var(--s-3) 6px;border-radius:var(--r-full);color:#fff;background:#06070f85;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:12px;display:flex}.top-fans>svg{color:var(--warning)}.fan{align-items:center;gap:4px;display:inline-flex}.fan b{color:#ffd98a}.fan.rank-1 .avatar{box-shadow:0 0 0 2px var(--warning)}.chat-rules{padding:0 var(--s-3) 4px;color:#ffd98a;flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.chat-rules span{border-radius:var(--r-full);background:#06070f85;padding:2px 8px}.pill-select{padding-right:6px;position:relative}.pill-select select{color:#fff;width:auto;max-width:92px;height:22px;min-height:0;font:inherit;text-overflow:ellipsis;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 256 256'%3E%3Cpath d='M216 96l-88 88-88-88' fill='none' stroke='white' stroke-width='28' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 2px center;background-size:10px;border:0;padding:0 18px 0 2px;font-size:12px;font-weight:600}.pill-select select:focus{box-shadow:none}.pill-select option{color:#12162b;background:#fff}@media (width<=479px){.live-screen.viewer .stage-top-row.wrap>.pill:nth-child(4):not(.pill-select){display:none}.stage-top-row{gap:6px}.stage-top-row.wrap{flex-wrap:nowrap}.stage-top .icon-btn,.stage-top .skeleton.on-glass[style*="44"]{height:38px;width:38px!important}.stage-top .pill{flex:none;padding:0 10px}.pill-select select{max-width:72px}.host-chip{padding-right:10px}}@media (orientation:landscape) and (height<=500px){.stage-top{gap:6px;padding-bottom:12px}.live-screen .chat-list{width:min(44%,320px);max-height:34dvh}.composer{background:0 0;width:min(60%,420px);padding-bottom:8px}.scoreboard{top:62px;left:auto;right:var(--s-3);width:230px;font-size:12px}.sb-row{min-height:26px;padding-top:2px;padding-bottom:2px}.dock{bottom:8px;left:auto;right:8px;transform:none}.dock-btn{min-width:50px;min-height:46px;padding:5px 4px 3px}.live-screen.host .chat-panel{bottom:8px}.gift-toasts,.stage.has-score .gift-toasts,.banners,.stage.has-score .banners{top:60px}}@media (width>=1024px){.live-screen{background:var(--surface);grid-template-columns:minmax(0,1fr) 380px;display:grid}.stage{position:relative}.chat-panel{pointer-events:auto;background:var(--surface);border-left:1px solid var(--border);min-height:0;position:relative;inset:auto;bottom:auto!important}:root:not([data-theme=dark]) .chat-panel{--text:#12162b;--text-2:#3f4663;--muted:#646b88}:root[data-theme=dark] .chat-panel{--text:#f1f3fb;--text-2:#c4c9df;--muted:#979eba}.chat-panel-head{padding:0 var(--s-4);border-bottom:1px solid var(--border);min-height:64px;color:var(--text);align-items:center;gap:8px;font-weight:600;display:flex}.chat-panel-head svg{color:var(--primary)}.live-screen .chat-list{width:auto;min-height:0;max-height:none;padding:var(--s-3) var(--s-4);scrollbar-width:thin;flex:1;-webkit-mask-image:none;mask-image:none}.chat-item{width:auto;color:var(--text);border-radius:var(--r-sm);background:0 0;padding:4px}.chat-item.tappable{color:var(--text)}.chat-item.tappable:hover{background:var(--surface-3)}.chat-item b{color:var(--primary-ink)}.chat-skeleton .skeleton{background:linear-gradient(90deg, var(--sk-base) 0%, var(--sk-shine) 45%, var(--sk-base) 90%);background-size:200% 100%}.chat-empty{color:var(--muted);text-align:center;justify-items:center;gap:4px;margin:auto;font-size:14px;display:grid}.chat-empty svg{color:var(--border-strong)}.composer{border-top:1px solid var(--border);padding:var(--s-3) var(--s-4);background:0 0}.composer-input input{background:var(--surface-2);border-color:var(--border);color:var(--text);-webkit-backdrop-filter:none;backdrop-filter:none}.composer-input input::placeholder{color:var(--placeholder)}.composer-input .icon-btn{color:var(--primary-ink)}.composer-muted{background:var(--danger-soft);color:var(--danger-ink)}.hearts{bottom:40px}.host-chip-text span{max-width:26vw}.pinned,.top-fans{margin:var(--s-3) var(--s-4) 0;width:auto}.pinned{background:var(--warning-soft);color:var(--text);border-color:#0000}.pinned b{color:var(--warning-ink)}.pinned .icon-btn{color:var(--text-2)}.top-fans{background:var(--surface-3);width:fit-content;color:var(--text)}.fan b{color:var(--clay-ink)}.chat-rules{padding:var(--s-2) var(--s-4) 0;color:var(--warning-ink)}.chat-rules span{background:var(--warning-soft)}.react-btn{background:var(--surface-3);color:var(--text)}.react-btn:hover:not(:disabled){background:var(--border-strong)}.react-btn.on{background:var(--primary-soft);color:var(--primary-ink)}}.gift-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(110px,1fr));display:grid}.gift-item{padding:var(--s-4) var(--s-2);border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface-2);transition:border-color var(--t-fast), background var(--t-fast), transform var(--t-fast) var(--ease);justify-items:center;gap:4px;display:grid}.gift-item:hover:not(:disabled){border-color:var(--gift);background:color-mix(in srgb, var(--gift) 10%, var(--surface));transform:translateY(-2px)}.gift-item:active:not(:disabled){transform:scale(.96)}.gift-item:disabled{opacity:.4}.gift-item.off{opacity:.5}.gift-item-icon{background:color-mix(in srgb, var(--gift) 16%, transparent);width:56px;height:56px;transition:transform var(--t-med) var(--spring);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.gift-item:hover:not(:disabled) .gift-item-icon{transform:scale(1.12)rotate(-6deg)}.gift-item b{font-size:14px}.gift-price{color:var(--clay-ink);font-size:12px;font-weight:600}.wallet-line{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:6px;margin-top:-8px;font-size:14px;display:flex}.wallet-line svg{color:var(--clay)}.gift-admin-grid{gap:var(--s-3);margin:var(--pad);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.color-label{align-items:center;gap:8px;display:inline-flex}.color-label i{border-radius:50%;width:16px;height:16px;box-shadow:inset 0 0 0 1px #0000001f}.color-pick{grid-template-columns:repeat(8,minmax(0,34px));gap:6px;display:grid}.color-pick button{aspect-ratio:1;cursor:pointer;transition:transform var(--t-fast) var(--ease);border:0;border-radius:8px;padding:0;box-shadow:inset 0 0 0 1px #00000014}.color-pick button:hover{transform:scale(1.14)}.color-pick button.on{outline:2px solid var(--primary);outline-offset:2px}.icon-pick{flex-wrap:wrap;gap:6px;display:flex}.icon-pick button{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;width:44px;height:44px;transition:border-color var(--t-fast), background var(--t-fast);place-items:center;display:grid}.icon-pick button:hover{border-color:var(--primary)}.icon-pick button.on{border-color:var(--primary);background:var(--primary-soft)}.replay-page{max-width:1400px;min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) var(--s-4) var(--s-6);gap:var(--s-4);align-content:start;margin:0 auto;display:grid}.replay-head{align-items:center;gap:var(--s-3);display:flex}.replay-title{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.replay-title h1{min-width:0;font-size:clamp(18px,2.4vw,24px)}.replay-title .eyebrow{flex:none;padding:3px 10px;font-size:12px}.replay-body{gap:var(--s-4);display:grid}@media (width>=1024px){.replay-body{grid-template-columns:minmax(0,1fr) 360px;align-items:start}}.replay-main{gap:var(--s-3);min-width:0;display:grid}.replay-stage{border-radius:var(--r-xl);aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.replay-video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.replay-stage .scoreboard{top:var(--s-3);width:min(280px,100% - 24px)}@media (width<=599px){.replay-stage .scoreboard{width:200px;font-size:12px;top:8px;left:8px}.replay-stage .sb-row{min-height:26px;padding-top:3px;padding-bottom:3px}}.replay-meta{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.replay-meta>div{min-width:0;display:grid}.replay-meta .muted{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.replay-manage{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.replay-chapters{margin-top:0}.replay-chapters .match-timeline{max-height:60dvh}.clip-tool{padding:var(--s-3);border-radius:var(--r-md);background:var(--surface);border:1px dashed var(--border-strong);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.clip-label{flex:1;min-width:140px;min-height:36px}.highlights{gap:var(--s-3);display:grid}.highlights h2{align-items:center;gap:8px;display:inline-flex}.highlights h2 svg{color:var(--clay)}.highlight-grid{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:8px;display:grid}.highlight-card{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform var(--t-med) var(--ease), box-shadow var(--t-med);align-items:center;gap:10px;padding:10px;display:flex}.highlight-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.highlight-card>div{flex:1;min-width:0;display:grid}.highlight-card.failed{opacity:.6}.highlight-play{border-radius:var(--r-md);background:var(--navy);width:44px;height:44px;color:var(--ball);cursor:pointer;transition:transform var(--t-fast) var(--spring);border:0;flex:none;place-items:center;display:grid}.highlight-play:hover:not(:disabled){transform:scale(1.08)}.highlight-play:disabled{background:var(--surface-3);color:var(--muted);cursor:default}.highlight-video{border-radius:var(--r-md);background:#000;width:100%;max-height:70dvh}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.float-heart{display:none}}@media (hover:none){a.stream-card:hover,a.upcoming-card:hover,a.tile:hover,.feature-card:hover,.kpi:hover,.highlight-card:hover{transform:none}}@media (pointer:coarse){.btn.sm{min-height:40px}.icon-btn.sm{width:40px;height:40px}}.quick-login{gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.quick-label{align-items:center;gap:var(--s-3);color:var(--muted);grid-column:1/-1;font-size:13px;display:flex}.quick-label:before,.quick-label:after{content:"";background:var(--border);flex:1;height:1px}.quick-account{align-items:center;gap:var(--s-2);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);min-width:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--t-med), background var(--t-med);padding:8px 10px;font-size:13px;font-weight:600;display:flex}.quick-account>svg{color:var(--muted);flex:none;margin-left:auto}.quick-account:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft)}.quick-account:disabled{opacity:.6;cursor:default}@media (width<=599px){.quick-account>svg{display:none}.match-hero-actions .btn{border-radius:10px;gap:6px;min-height:36px;padding:0 10px;font-size:13px}}.manage{gap:var(--s-4);min-width:0;display:grid}.manage .chip{align-items:center;gap:6px;display:inline-flex}.manage-bar{justify-content:space-between;align-items:center;gap:var(--s-2) var(--s-3);flex-wrap:wrap;display:flex}.manage-tab{gap:var(--s-4);min-width:0;animation:rise var(--t-med) var(--ease);display:grid}.manage-loading{align-content:center;justify-items:center;gap:var(--s-3);min-height:320px;display:grid}.manage>.scorepad{justify-self:center}@media (width<=479px){.manage .chips{scrollbar-width:none;flex-wrap:nowrap;gap:6px;overflow-x:auto}.manage .chip{flex:none;min-height:34px;padding:0 10px;font-size:13px}}.pager{justify-content:space-between;align-items:center;gap:var(--s-2) var(--s-3);padding-top:var(--s-2);flex-wrap:wrap;display:flex}.pager-buttons{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pager-num{min-width:36px;height:36px;color:var(--text-2);font:inherit;cursor:pointer;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:0;border-radius:10px;padding:0 8px;font-size:14px;font-weight:600}.pager-num:hover{background:var(--surface-3)}.pager-num.on{background:var(--primary);color:#fff}.toast-host{z-index:90;padding:var(--s-4);pointer-events:none;place-content:center;justify-items:center;gap:8px;display:grid;position:fixed;inset:0}.toast{border-radius:var(--r-full);color:#fff;max-width:min(440px,100%);box-shadow:var(--shadow-lg);animation:toast-in .26s var(--spring) both, fade-out .22s var(--ease) 2.38s forwards;background:#171c4d;align-items:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:600;display:inline-flex}.toast svg{color:var(--ball);flex:none}.toast.error{background:#b4182f}.toast.error svg{color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.9)}}.drawer-layer{z-index:60;visibility:hidden;transition:visibility 0s linear var(--t-med);position:fixed;inset:0}.drawer-layer.open{visibility:visible;transition-delay:0s}.drawer-scrim{background:var(--scrim);opacity:0;transition:opacity var(--t-med) var(--ease);position:absolute;inset:0}.drawer-layer.open .drawer-scrim{opacity:1}.drawer{gap:var(--s-3);width:min(320px,86vw);padding:calc(var(--s-4) + env(safe-area-inset-top)) var(--s-3) calc(var(--s-4) + env(safe-area-inset-bottom));background:var(--surface);box-shadow:var(--shadow-lg);transition:transform var(--t-med) var(--ease);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.drawer-layer.open .drawer{transform:none}.drawer-head{align-items:center;gap:var(--s-3);padding:0 var(--s-1,4px) var(--s-3);border-bottom:1px solid var(--border);display:flex}.drawer-user{flex:1;gap:2px;min-width:0;display:grid}.drawer-list{flex:1;align-content:start;gap:2px;display:grid}.drawer-row{align-items:center;gap:var(--s-3);border-radius:var(--r-md);width:100%;min-height:48px;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background var(--t-fast);background:0 0;border:0;padding:0 12px;font-size:15px;font-weight:500;display:flex;position:relative}.drawer-row:hover{background:var(--surface-3)}.drawer-row svg{color:var(--text-2);flex:none}.drawer-row.danger,.drawer-row.danger svg{color:var(--danger-ink)}.drawer-row.danger{background:var(--danger-soft)}.drawer-row .bell-badge{margin-left:auto;position:static}.drawer .bell-head b{display:none}.drawer .bell-menu{width:auto;max-height:none;box-shadow:none;margin:4px 0 8px;position:static}@media (width<=599px){.match-option{grid-template-columns:auto auto minmax(0,1fr);gap:4px 10px;padding-block:10px;display:grid}.match-option .match-option-text{grid-column:3}.match-option .match-option-text .clamp{-webkit-line-clamp:2}.replay-title h1.clamp{-webkit-line-clamp:2;font-size:17px;line-height:1.25}.match-option input,.match-option .avatar-pair{grid-row:1/span 2}.match-option .status{grid-column:3;justify-self:start}.live-screen .chat-list{gap:4px;width:min(74%,300px);max-height:24dvh}.live-screen .chat-item{border-radius:12px;gap:6px;padding:3px 10px 3px 3px;font-size:12px;line-height:1.35}.live-screen .chat-item>div{padding-top:2px}.live-screen .chat-item .avatar{width:20px!important;height:20px!important}.live-screen .chat-item .avatar svg{width:100%;height:100%}.dock{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;max-width:none;padding:4px;display:grid;left:8px;right:8px;overflow:visible;transform:none}.dock-btn{min-width:0;min-height:50px;padding:6px 2px 4px;font-size:11px}}