@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--spacing:.25rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-space-grotesk);--default-mono-font-family:var(--font-jetbrains-mono);--color-primary:var(--primary);--color-border:var(--border)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-full{height:100%}.min-h-full{min-height:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root,html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-page-bg:#fffceb;--color-surface:#fff;--color-surface-elevated:#fff;--color-surface-inset:#edebde;--color-text:#0d0d0d;--color-text-muted:#595959;--color-border-strong:#0d0d0d;--color-border:#0d0d0d;--color-border-muted:#0d0d0d;--color-divider:#0d0d0d;--color-shadow:#0d0d0d;--color-shadow-strong:#0d0d0d;--color-shadow-primary:#0d0d0d;--color-primary:#fc0;--color-primary-hover:#fc0;--color-primary-pressed:#e6b800;--color-primary-muted:#fff3d6;--color-on-primary:#0d0d0d;--color-tournament-create:#fc0;--color-on-tournament-create:#000;--color-danger:#ee2b2b;--color-danger-surface:#ee2b2b;--color-on-danger:#fff;--color-success:#2eb82e;--color-success-surface:#2eb82e;--color-on-success:#0d0d0d;--color-input-bg:#fff;--color-disabled-bg:#edebde;--color-backdrop:#0d0d0da6;--color-focus:#fc0;--color-link:#0d0d0d;--color-highlight-row:#fff3d6;--color-podium-gold:#f3c900;--color-podium-silver:#d7d7d7;--color-podium-bronze:#c5884b;--color-warning-surface:#fff3d6;--background:var(--color-page-bg);--foreground:var(--color-text);--card:var(--color-surface);--card-foreground:var(--color-text);--popover:var(--color-surface-elevated);--popover-foreground:var(--color-text);--primary:var(--color-primary);--primary-foreground:var(--color-on-primary);--secondary:#0d0d0d;--secondary-foreground:#fffceb;--muted-surface:var(--color-surface-inset);--muted:var(--color-text-muted);--accent-red:var(--color-danger-surface);--accent-foreground:var(--color-on-danger);--destructive:var(--color-danger);--destructive-foreground:var(--color-on-danger);--border:var(--color-border);--input:var(--color-input-bg);--ring:var(--color-focus);--chart-1:var(--color-primary);--chart-2:var(--color-danger);--chart-3:#274754;--chart-4:var(--color-success-surface);--chart-5:#9957db;--sidebar-background:var(--color-surface);--sidebar-foreground:var(--color-text);--sidebar-primary:var(--color-primary);--sidebar-primary-foreground:var(--color-on-primary);--sidebar-accent:var(--color-surface-inset);--sidebar-accent-foreground:var(--color-text);--sidebar-border:var(--color-border);--sidebar-ring:var(--color-focus);--line:var(--border);--line-strong:var(--color-border-strong);--line-muted:var(--color-border-muted);--divider:var(--color-divider);--surface:var(--card);--surface-soft:var(--muted-surface);--surface-alt:var(--muted-surface);--accent:var(--primary);--accent-strong:var(--primary);--accent-soft:var(--muted-surface);--sidebar:var(--sidebar-background);--sidebar-text:var(--sidebar-foreground);--sidebar-hover:var(--sidebar-accent);--shadow:var(--color-shadow);--shadow-strong:var(--color-shadow-strong);--shadow-primary:var(--color-shadow-primary);--bee:var(--primary);--win:var(--primary);--loss:var(--destructive);--note:var(--ring);--urgent:var(--accent-red);--accent-cyan:var(--muted-surface);--accent-pink:var(--accent-red);--accent-lime:var(--primary);--accent-orange:var(--accent-red);--radius-sm:3px;--radius-md:5px;--radius-lg:7px;--app-sidebar-width:184px;--page-shell-padding:24px;--layout-gap:20px;--play-sidebar-width:290px;--tournament-sidebar-width:320px;--border-width:3px;--border-width-thin:2px;--shadow-offset:6px 6px 0 0 var(--shadow-strong);--shadow-offset-tight:4px 4px 0 0 var(--shadow);--shadow-offset-large:8px 8px 0 0 var(--shadow-strong);--font-body:var(--font-space-grotesk), "Space Grotesk", sans-serif;--font-display:var(--font-space-grotesk), "Space Grotesk", sans-serif;--font-math:var(--font-space-grotesk), "Space Grotesk", sans-serif;--font-ui-mono:var(--font-jetbrains-mono), "JetBrains Mono", monospace}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-page-bg:#14130f;--color-surface:#211f19;--color-surface-elevated:#2b2821;--color-surface-inset:#191814;--color-text:#fff7d6;--color-text-muted:#c7bea1;--color-border-strong:#b5ad96;--color-border:#8f8877;--color-border-muted:#625d52;--color-divider:#777063;--color-shadow:#4d483e;--color-shadow-strong:#625a4a;--color-shadow-primary:#66561a;--color-primary:#f5c518;--color-primary-hover:#ffd43b;--color-primary-pressed:#d9a900;--color-primary-muted:#4a401b;--color-on-primary:#0d0d0d;--color-danger:#cc3636;--color-danger-surface:#cc3636;--color-on-danger:#fff7d6;--color-success:#55e27a;--color-success-surface:#147d3c;--color-on-success:#fff7d6;--color-input-bg:#191814;--color-disabled-bg:#302d25;--color-backdrop:#050504c7;--color-focus:#ffd43b;--color-link:#ffd43b;--color-highlight-row:#4a401b;--color-podium-gold:#b89412;--color-podium-silver:#777872;--color-podium-bronze:#8d5d34;--color-warning-surface:#4a401b;--secondary:#e8dfc2;--secondary-foreground:#14130f;--chart-3:#5bb1c2;--chart-5:#bd83f2}body{background:var(--background);color:var(--foreground);font-family:var(--font-body);letter-spacing:.01em;text-rendering:geometricprecision;font-weight:600}html{scrollbar-gutter:stable;background:var(--background);scrollbar-color:var(--muted) var(--surface-alt)}a{color:inherit;text-decoration:none}*,:before,:after{box-sizing:border-box}::selection{background:var(--accent);color:var(--primary-foreground)}button,input,select,textarea{font:inherit;caret-color:var(--foreground)}button{border:var(--border-width) solid var(--line);border-radius:var(--radius-md);background:var(--accent);min-height:44px;box-shadow:var(--shadow-offset-tight);color:var(--foreground);cursor:pointer;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;padding:0 18px;font-size:.95rem;font-weight:900;transition:transform .12s,box-shadow .12s,background-color .12s}textarea{background:var(--color-input-bg);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);color:var(--foreground);font:inherit;resize:vertical;width:100%;min-height:112px;padding:12px;font-weight:700}button:disabled{background:var(--color-disabled-bg);color:var(--muted);cursor:not-allowed;opacity:1}input,select{border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-md);background:var(--color-input-bg);min-height:44px;box-shadow:var(--shadow-offset-tight);color:var(--foreground);width:100%;padding:0 12px;font-weight:700}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input:-webkit-autofill{-webkit-text-fill-color:var(--foreground);box-shadow:0 0 0 1000px var(--color-input-bg) inset, var(--shadow-offset-tight);caret-color:var(--foreground);transition:background-color 9999s ease-out}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--foreground);box-shadow:0 0 0 1000px var(--color-input-bg) inset, var(--shadow-offset-tight);caret-color:var(--foreground);transition:background-color 9999s ease-out}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--foreground);box-shadow:0 0 0 1000px var(--color-input-bg) inset, var(--shadow-offset-tight);caret-color:var(--foreground);transition:background-color 9999s ease-out}textarea:-webkit-autofill{-webkit-text-fill-color:var(--foreground);box-shadow:0 0 0 1000px var(--color-input-bg) inset, var(--shadow-offset-tight);caret-color:var(--foreground);transition:background-color 9999s ease-out}select:-webkit-autofill{-webkit-text-fill-color:var(--foreground);box-shadow:0 0 0 1000px var(--color-input-bg) inset, var(--shadow-offset-tight);caret-color:var(--foreground);transition:background-color 9999s ease-out}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--surface-alt)}::-webkit-scrollbar-thumb{background:var(--muted);border:3px solid var(--surface-alt);border-radius:999px}input[type=file]{align-items:center;padding:10px 12px;display:flex}.secondary-button{background:var(--surface-alt);color:var(--foreground)}html :is(.eyebrow,.home-actions a:first-child,.play-sidebar-clock-section .timer:not(.timer-urgent),.play-player-status,.play-player-rating,.play-status-waiting,.time-control-button.is-active,.practice-setup-mode.is-selected,.timer:not(.timer-urgent),.history-link,.leaderboard-jump-link,th,.leaderboard-page-link-current,.profile-replay-link,.sidebar-button-active,.practice-answer .answer-row button,.practice-start-button,.practice-mode.is-selected,.practice-time-controls .is-selected,.practice-nearby-row.is-player,.practice-result-actions a,.practice-result-actions button:not(.secondary-button),.practice-history-pb,.tournament-status-upcoming,.tournament-status-draft,.invite-status-unused){color:var(--color-on-primary)}button:hover:not(:disabled),.history-link:hover,.secondary-link:hover,.top-bar a:hover,.home-actions a:hover,.auth-sidebar-actions a:hover,.sidebar-button:hover,.profile-button:hover,.settings-button:hover,.theme-toggle:hover,.sidebar-submenu a:hover,.admin-tabs a:hover{box-shadow:2px 2px 0 0 var(--shadow);transform:translate(2px,2px)}button:active:not(:disabled){box-shadow:none;transform:translate(4px,4px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--note);outline-offset:3px}html :is(.app-sidebar,.brand-mark,.home-panel,.play-controls,.game-panel,.post-match-panel,.page-header,.table-shell,.auth-panel,.profile-panel,.profile-header-card,.profile-section-card,.practice-solo-header,.practice-problem,.practice-ready-stage,.practice-rail,.practice-result-dialog,.admin-header,.admin-panel,.tournament-card,.tournament-detail-card,.tournament-placeholder-card,.private-room-code-card,.private-room-player-card){border-color:var(--line-strong)}html :is(.home-actions a:first-child,.sidebar-button-active,.time-control-button.is-active,.practice-setup-mode.is-selected,.practice-mode.is-selected,.practice-time-controls .is-selected,.leaderboard-jump-link,.leaderboard-page-link-current,.profile-tabs a[aria-current=page],.admin-tabs a[aria-current=page],.practice-start-button,.practice-answer .answer-row button,.practice-result-actions a,.practice-result-actions button:not(.secondary-button)){border-color:var(--line-strong);box-shadow:4px 4px 0 0 var(--shadow-primary)}html :is(.home-actions a:first-child,.sidebar-button-active,.time-control-button.is-active,.practice-setup-mode.is-selected,.practice-mode.is-selected,.practice-time-controls .is-selected,.leaderboard-jump-link,.leaderboard-page-link-current,.profile-tabs a[aria-current=page],.admin-tabs a[aria-current=page],.practice-start-button,.practice-answer .answer-row button,.practice-result-actions a,.practice-result-actions button:not(.secondary-button)):hover{box-shadow:2px 2px 0 0 var(--shadow-primary)}button:disabled{border-color:var(--line-muted)}.app-frame{grid-template-columns:var(--app-sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.app-content{min-width:0}.app-sidebar{background:var(--sidebar);border-right:var(--border-width) solid var(--line);box-shadow:var(--shadow-offset-large);color:var(--sidebar-text);z-index:20;flex-direction:column;align-self:start;gap:18px;height:100vh;min-height:100vh;padding:18px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.brand-mark{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset);justify-content:center;align-self:center;align-items:center;width:88px;height:88px;display:flex;position:relative;overflow:hidden}.integral-bee-logo{-webkit-text-stroke:2px var(--line);color:var(--accent);paint-order:stroke fill;text-shadow:3px 3px 0 var(--line);font-family:Georgia,Times New Roman,serif;font-size:4.6rem;font-weight:900;line-height:.9;display:inline-block}.integral-bee-logo-stage{-webkit-text-stroke-width:3px;text-shadow:5px 5px 0 var(--line);font-size:clamp(5.5rem,13vw,9rem);line-height:.7}.integral-bee-logo-sidebar{font-size:4.1rem;transform:translateY(-4px)}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sidebar-nav,.sidebar-account,.auth-sidebar-actions{gap:8px;display:grid}.sidebar-menu{position:relative}.sidebar-button,.profile-button,.auth-sidebar-actions a,.settings-button,.theme-option,.sidebar-submenu a{border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);color:var(--sidebar-text);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;align-items:center;min-height:44px;padding:0 12px;font-weight:800;display:flex}.sidebar-button,.settings-button{background:var(--surface);width:100%}.sidebar-logout .secondary-button{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);color:var(--sidebar-text);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;width:100%;min-height:44px;font-weight:800}.sidebar-button:hover,.profile-button:hover,.auth-sidebar-actions a:hover,.settings-button:hover,.theme-option:hover,.sidebar-submenu a:hover,.sidebar-logout .secondary-button:hover{background:var(--sidebar-hover)}.sidebar-button-disabled{background:var(--muted-surface);color:var(--muted);opacity:1}.sidebar-submenu{background:var(--color-surface-elevated);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-large);opacity:0;pointer-events:none;gap:6px;min-width:180px;padding:8px;transition:opacity .16s .14s,transform .16s .14s;display:grid;position:absolute;top:0;left:calc(100% + 10px);transform:translate(-6px)}.sidebar-submenu:before{content:"";width:14px;height:100%;position:absolute;top:0;left:-14px}.sidebar-menu:hover .sidebar-submenu,.sidebar-menu:focus-within .sidebar-submenu{opacity:1;pointer-events:auto;transition-delay:0s;transform:translate(0)}.sidebar-future-space{flex:1;min-height:120px}.profile-button{gap:10px;overflow:hidden}.profile-button span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-avatar{aspect-ratio:1;background:var(--accent-cyan);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);background-position:50%;background-size:cover;flex:0 0 34px;justify-content:center;align-items:center;width:34px;font-size:.78rem;display:flex}.settings-button{justify-content:flex-start;gap:10px}.settings-button span:first-child{font-size:1.2rem;line-height:1}.settings-button-open{background:var(--surface-alt);border-color:var(--line-strong);box-shadow:3px 3px 0 0 var(--shadow);transform:translate(1px,1px)}.settings-menu{background:var(--color-surface-elevated);border:var(--border-width) solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-large);opacity:0;pointer-events:none;z-index:40;gap:8px;max-height:calc(100vh - 24px);padding:12px;transition:opacity .16s,transform .16s;display:grid;position:fixed;overflow-y:auto;transform:translate(-6px)}.settings-menu-open{opacity:1;pointer-events:auto;transform:translate(0)}.settings-menu p{color:var(--muted);font-size:.85rem;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:900}.theme-option{background:var(--surface);justify-content:flex-start;gap:10px;width:100%;min-height:46px}.theme-option-selected{background:var(--accent);border-color:var(--line-strong);box-shadow:4px 4px 0 0 var(--shadow-primary);color:var(--color-on-primary)}.theme-option-selected:hover{background:var(--color-primary-hover)}.theme-option>span:first-child{font-size:1.1rem;line-height:1}.theme-option-indicator{margin-left:auto;font-size:1rem}.home-shell,.game-shell,.page-shell{width:100%;min-height:100vh}.home-shell{place-items:center;padding:24px;display:grid;position:relative}.home-panel{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset-large);width:100%;max-width:720px;padding:28px}.home-panel-hero{background:linear-gradient(180deg, var(--accent) 0 5.2rem, var(--surface) 5.2rem 100%);position:relative;overflow:hidden}.home-panel-hero:before,.home-panel-hero:after{content:"";pointer-events:none;position:absolute}.home-panel-hero:before{background:var(--accent-pink);border:var(--border-width) solid var(--line);box-shadow:var(--shadow-offset-tight);width:5rem;height:1.2rem;top:1.2rem;right:1.4rem}.home-panel-hero:after{background:var(--accent-cyan);border:var(--border-width) solid var(--line);box-shadow:var(--shadow-offset-tight);width:7.2rem;height:1rem;bottom:1.4rem;right:1.8rem}.eyebrow{color:var(--color-on-primary);background:var(--accent);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);font-size:.85rem;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;padding:.3rem .55rem;font-weight:900;display:inline-block}.home-panel h1{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;max-width:10ch;margin:16px 0 14px;font-size:3.8rem;line-height:1}.home-panel p{color:var(--muted);max-width:620px;font-size:1.1rem;font-weight:700;line-height:1.6}.home-lead{background:var(--card);border-left:10px solid var(--line);padding-left:14px}.home-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.home-actions a,.home-actions button,.top-bar a,.top-bar button{border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;align-items:center;min-height:44px;padding:0 16px;font-weight:900;display:inline-flex}.home-actions a:first-child{background:var(--accent);color:var(--color-on-primary)}.home-actions a:not(:first-child){background:var(--surface-alt)}.game-shell,.page-shell{padding:var(--page-shell-padding)}.gameplay-shell,.gameplay-arena,.gameplay-stage,.gameplay-answer-bar,.gameplay-sidebar{min-width:0}.gameplay-shell{width:100%}.play-shell{min-height:100vh;padding:var(--page-shell-padding);width:100%}.play-shell-active{height:100vh;overflow:hidden}.play-layout{gap:var(--layout-gap);grid-template-columns:minmax(0, 1fr) minmax(260px, var(--tournament-sidebar-width));align-items:start;max-width:1380px;margin:0 auto;display:grid}.play-layout-active{max-width:none;height:calc(100vh - 48px)}.play-layout-live{grid-template-columns:minmax(0, 1fr) minmax(240px, var(--play-sidebar-width))}.play-layout-competitive{align-items:stretch}.play-match-layout{gap:16px;display:grid}.play-shell-active .play-match-layout{grid-template-rows:auto minmax(0,1fr) auto;min-height:0}.play-shell-active .play-match-layout,.play-shell-active .play-sidebar{position:relative}.play-player-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.play-player-row-solo{grid-template-columns:minmax(0,1fr)}.play-player-row-solo .play-player-panel{max-width:none}.play-player-row:after{content:none}.play-versus-badge{background:var(--accent-red);border:var(--border-width) solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-offset-tight);color:var(--accent-foreground);font-size:.72rem;font-family:var(--font-display);letter-spacing:.12em;text-indent:.12em;justify-content:center;align-self:center;align-items:center;width:34px;height:34px;font-weight:900;display:inline-flex}.play-self-section{gap:12px;display:grid}.play-stage{align-self:start;max-width:none;margin:0}.play-controls{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset-large);align-content:start;gap:12px;padding:18px;display:grid}.play-controls h2{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:1.15rem}.play-sidebar{position:sticky;top:24px}.play-sidebar-static{background:linear-gradient(180deg, var(--accent-soft) 0 3.1rem, var(--surface) 3.1rem 100%)}.play-shell-active .play-sidebar{flex-direction:column;align-self:stretch;gap:10px;height:100%;min-height:0;padding:14px;display:flex;position:static;overflow:hidden}.play-sidebar-section{gap:10px;display:grid}.play-sidebar-clock-section{flex:none}.play-sidebar-clock-section .timer{background:var(--accent);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);text-align:center;min-width:0;padding:9px 13px}.play-sidebar-clock-section .timer-urgent{background:var(--accent-red);color:var(--accent-foreground)}.play-sidebar-clock-section .timer-urgent span,.play-sidebar-clock-section .timer-urgent strong{color:var(--accent-foreground)}.play-sidebar-clock-section .timer span{font-size:.72rem;line-height:1.1}.play-sidebar-clock-section .timer strong{font-size:clamp(1.24rem,1.95vw,1.7rem);line-height:1}.play-sidebar-history-section{min-height:0}.play-shell-active .play-sidebar-history-section{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow:hidden}.play-player-panel,.play-self-answer{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset)}.play-player-panel{gap:14px;min-width:0;padding:16px 18px;display:grid;position:relative}.play-player-panel-left{background:var(--surface);padding-right:24px}.play-player-panel-right{background:var(--surface);padding-left:24px}.play-player-panel:before{border-bottom:var(--border-width) solid var(--line);content:"";height:1.15rem;position:absolute;top:0;left:0;right:0}.play-player-panel-left:before,.play-player-panel-right:before{background:var(--surface)}.play-player-panel-right .play-player-heading,.play-player-panel-right .play-player-body,.play-player-panel-right .play-player-detail-row{flex-direction:row-reverse}.play-player-panel-right .play-player-heading{justify-content:space-between}.play-player-panel-right .play-player-copy,.play-player-panel-right .play-player-copy h2,.play-player-panel-right .play-player-copy p{text-align:right}.play-player-panel-right .play-player-score{border-left:0;border-right:var(--border-width-thin) solid var(--divider);box-shadow:inset -6px 0 0 var(--line);text-align:left;justify-items:start;padding-left:14px;padding-right:16px}.play-player-heading,.play-player-body,.play-player-detail-row,.play-problem-header,.play-problem-footer{align-items:center;gap:12px;display:flex}.play-player-heading,.play-player-detail-row{flex-wrap:wrap;justify-content:space-between}.play-player-overline,.play-panel-label{color:var(--muted);font-size:.78rem;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-weight:900}.play-player-status,.play-player-rating{background:var(--accent);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);box-shadow:2px 2px 0 0 var(--shadow-strong);font-size:.85rem;font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;white-space:normal;overflow-wrap:anywhere;max-width:100%;padding:6px 10px;font-weight:900}.play-player-rating{font-family:var(--font-ui-mono);font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap;flex:none}.play-status-thinking{background:var(--surface)}.play-status-typing,.play-status-solving{background:var(--accent-cyan)}.play-status-blocked{background:var(--accent-pink)}.play-status-reconnecting{background:var(--accent-orange)}.play-status-waiting{background:var(--accent)}.play-status-finished{background:var(--accent-lime)}.play-player-body{align-items:stretch}.play-player-avatar{background-color:var(--surface-alt);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);background-position:50%;background-size:cover;flex-shrink:0;place-items:center;width:clamp(52px,5vw,68px);height:clamp(52px,5vw,68px);font-size:1.1rem;font-weight:900;display:grid}.play-player-avatar-fallback{color:var(--foreground)}.play-player-copy{flex:1;gap:4px;min-width:0;display:grid}.play-player-copy h2,.play-player-copy p{min-width:0;margin:0}.play-player-copy h2{font-family:var(--font-display);letter-spacing:.02em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:clamp(1.05rem,1.7vw,1.45rem);overflow:hidden}.play-player-copy p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.play-player-copy-muted{color:var(--muted);opacity:1}.play-player-score{background:var(--muted-surface);border-left:var(--border-width-thin) solid var(--divider);box-shadow:inset 6px 0 0 var(--line);text-align:right;flex:0 clamp(88px,9vw,118px);justify-content:center;justify-items:end;gap:4px;min-width:clamp(88px,9vw,118px);min-height:68px;padding:10px 14px 10px 16px;display:grid}.play-player-score span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:800}.play-player-score strong{font-family:var(--font-ui-mono);font-variant-numeric:tabular-nums;letter-spacing:0;font-size:1.9rem;line-height:1}.play-player-score-pulse{color:var(--accent);animation:.78s cubic-bezier(.2,.9,.2,1) score-pop}@keyframes score-pop{0%{opacity:.88;transform:scale(.86)}35%{transform:scale(1.18)}to{opacity:1;transform:scale(1)}}.queue-status-card{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);gap:8px;padding:10px 12px;display:grid}.play-result-win{background:var(--primary)}.play-result-loss{background:var(--muted-surface);border-color:var(--accent-red)}.play-result-draw{background:var(--muted-surface)}.queue-status-row{justify-content:space-between;align-items:center;display:flex}.queue-status-row span{color:var(--muted);font-size:.85rem;font-weight:700}.queue-status-row strong{font-family:var(--font-ui-mono);font-variant-numeric:tabular-nums;font-size:.92rem;font-weight:800}.time-control-buttons{gap:10px;display:grid}.time-control-button{background:var(--surface);border:var(--border-width) solid var(--line);box-shadow:var(--shadow-offset-tight);color:var(--foreground);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;justify-content:center;min-height:44px;padding:0 12px;font-weight:900}.time-control-button.is-active{background:var(--accent);color:var(--color-on-primary)}.play-cta{justify-content:center;width:100%;font-size:1rem}.play-shell:not(.play-shell-active) .play-layout{align-items:stretch}.play-shell:not(.play-shell-active) .play-stage-competitive{background:0 0;min-height:100%}.play-shell:not(.play-shell-active) .play-player-row{margin-bottom:4px}.play-shell:not(.play-shell-active) .play-player-panel{min-height:162px}.play-shell:not(.play-shell-active) .play-problem-frame{background:linear-gradient(180deg, var(--primary) 0 3.75rem, var(--surface) 3.75rem 100%);min-height:360px}.play-shell:not(.play-shell-active) .play-problem-header strong{font-family:var(--font-display);letter-spacing:.03em;font-size:1.4rem}.play-shell:not(.play-shell-active) .play-controls{background:linear-gradient(180deg, var(--accent-soft) 0 3.1rem, var(--surface) 3.1rem 100%)}.play-shell:not(.play-shell-active) .play-controls .message{background:var(--surface-alt);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);color:var(--foreground);min-height:0;padding:10px 12px;font-weight:800}.play-shell:not(.play-shell-active) .play-controls .hint,.play-sidebar-note{background:var(--muted-surface);border-left:8px solid var(--line);color:var(--foreground);padding:8px 10px 8px 12px;font-size:.84rem;font-weight:800}.play-match-mode-section,.play-sidebar-action-choices{gap:12px}.play-sidebar-or{color:var(--muted);font-family:var(--font-display);letter-spacing:.14em;text-align:center;padding:2px 0;font-size:.75rem;font-weight:900;line-height:1}.practice-setup-mode-section{gap:10px}.practice-setup-mode{background:var(--surface-alt);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);text-align:left;min-height:44px;padding:10px 12px}.practice-setup-mode.is-selected{background:var(--accent)}.practice-setup-mode strong,.practice-setup-rule{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-weight:900}.practice-setup-rule{background:var(--accent-cyan);font-size:.8rem}.practice-setup-links{gap:8px;display:grid}.practice-setup-links a{color:var(--color-link);font-family:var(--font-display);text-transform:uppercase;font-size:.75rem;font-weight:900;text-decoration:underline}.play-shell:not(.play-shell-active) .queue-status-card{background:linear-gradient(90deg, var(--accent) 0 .8rem, var(--surface) .8rem 100%)}.game-panel{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset-large);width:100%;max-width:none;margin:0;padding:24px}.play-stage-competitive{box-shadow:none;background:0 0;border:0;border-radius:0;gap:16px;min-height:440px;padding:20px;display:grid}.play-shell-active .play-stage-competitive{background:0 0;grid-template-rows:minmax(0,1fr);gap:8px;height:100%;min-height:0;padding:10px 12px 12px;overflow:hidden}.play-problem-frame{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset-large);flex:1;gap:16px;min-height:320px;padding:18px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative}.play-problem-frame:before{background:var(--primary);border-bottom:var(--border-width) solid var(--line);content:"";pointer-events:none;height:1.1rem;position:absolute;top:0;left:0;right:0}.play-shell-active .play-problem-frame{grid-template-rows:auto minmax(0,1fr) auto;gap:8px;height:100%;min-height:0;padding:12px 14px;overflow:hidden}.play-practice-problem-frame,.play-shell-active .play-practice-problem-frame{grid-template-rows:minmax(0,1fr)}.play-practice-problem-frame-with-timer,.play-shell-active .play-practice-problem-frame-with-timer{grid-template-rows:minmax(0,1fr) auto}.play-practice-problem-frame>.problem,.play-practice-stage-message{align-self:stretch;min-height:0}.play-practice-stage-message{text-align:center;align-content:center;justify-items:center;gap:14px;padding:24px;display:grid}.play-practice-stage-message p{color:var(--muted);max-width:34rem;margin:0;font-weight:700}.play-feedback-announcement{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.play-problem-frame-transition{animation:.36s problem-advance}.play-feedback-self-correct,.play-player-panel-correct{background:var(--chart-4);border-color:var(--line);box-shadow:var(--shadow-offset-large);animation:.9s competitive-correct-flash}.play-feedback-self-correct:before,.play-player-panel-correct:before{background:var(--chart-4);animation:.9s competitive-correct-strip-flash}.play-feedback-opponent-correct{background:var(--muted-surface);border-color:var(--accent-red);box-shadow:var(--shadow-offset-large);animation:.9s competitive-wrong-flash}.play-feedback-opponent-correct:before{background:var(--accent-red);animation:.9s competitive-wrong-strip-flash}.play-feedback-wrong{background:var(--muted-surface);border-color:var(--accent-red);box-shadow:var(--shadow-offset-large)}.play-feedback-skipped{background:var(--muted-surface);border-color:var(--line);box-shadow:var(--shadow-offset-large)}@keyframes problem-advance{0%{opacity:.82;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes competitive-correct-flash{0%,35%{background:var(--chart-4)}to{background:var(--surface)}}@keyframes competitive-correct-strip-flash{0%,35%{background:var(--chart-4)}to{background:var(--surface)}}@keyframes competitive-wrong-flash{0%,35%{background:color-mix(in srgb, var(--accent-red) 22%, var(--surface))}to{background:var(--surface)}}@keyframes competitive-wrong-strip-flash{0%,35%{background:var(--accent-red)}to{background:var(--surface)}}.metric{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);padding:12px}.metric span,label,.hint,.tolerance,.message{color:var(--muted)}.metric span{font-size:.8rem;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-weight:900;display:block}.metric strong{font-family:var(--font-ui-mono);letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.35rem;display:block}.timer strong{font-family:var(--font-ui-mono);font-variant-numeric:tabular-nums}.timer{background:var(--accent);border-color:var(--line)}.timer-urgent{background:var(--accent-red);border-color:var(--line);color:var(--accent-foreground)}.timer-urgent span,.timer-urgent strong{color:var(--accent-foreground)}.timer-urgent strong{animation:.85s ease-in-out infinite urgent-clock}@keyframes urgent-clock{0%,to{opacity:1}50%{opacity:.72}}.problem{box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;min-height:220px;margin:0;padding:24px;display:flex;overflow:auto}.play-shell-active .problem{flex:1;width:100%;min-height:0;padding:12px 16px}.problem-searching{position:relative;overflow:hidden}.problem-searching:after{background:linear-gradient(90deg, transparent 0 35%, var(--primary) 50%, transparent 65% 100%);content:"";pointer-events:none;animation:.24s ease-out searching-sheen;position:absolute;inset:0}@keyframes searching-sheen{0%{opacity:.75;transform:translate(-6%)}to{opacity:0;transform:translate(6%)}}.katex,.katex-display{color:inherit}.problem .katex-display{margin:0}.play-shell-active .problem .katex-display{font-size:clamp(1.5rem,2.75vw,2.35rem)}.play-shell-active .problem .katex{white-space:normal;max-width:100%}.play-shell-active .problem .katex-display>.katex{max-width:100%;display:inline-block}.tolerance{margin:0}.play-problem-header strong,.play-problem-footer strong{font-family:var(--font-display);letter-spacing:.04em}.play-problem-header-side{place-items:flex-end end;gap:2px;display:grid}.play-problem-header,.play-problem-header-side{padding-top:12px}.play-shell-active .play-problem-header strong,.play-shell-active .play-problem-footer{font-family:var(--font-ui-mono);font-size:.92rem}.play-shell-active .play-problem-header{align-items:start;gap:10px}.play-problem-footer{border-top:var(--border-width-thin) solid var(--divider);grid-template-columns:minmax(0,1fr);align-items:center;gap:10px 12px;padding-top:8px;display:grid}.play-problem-footer-note{grid-column:1/-1}.play-auto-skip-bar{align-self:stretch;min-width:0}.play-auto-skip-bar-track{background:var(--muted-surface);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);align-items:stretch;width:100%;min-height:22px;display:flex;position:relative;overflow:hidden}.play-auto-skip-bar-fill{background:var(--foreground);color:var(--background);font-family:var(--font-ui-mono);font-variant-numeric:tabular-nums;transform-origin:0;z-index:1;flex:0 0 100%;justify-content:flex-start;align-items:center;width:100%;min-width:0;padding:0;font-size:.82rem;font-weight:800;transition:background-color .18s;display:flex;position:relative}.play-auto-skip-bar-time{color:var(--background);font-family:var(--font-ui-mono);font-variant-numeric:tabular-nums;white-space:nowrap;z-index:2;font-size:.82rem;font-weight:800;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.play-auto-skip-bar-urgent .play-auto-skip-bar-fill{background:var(--accent-red);color:var(--accent-foreground)}.play-auto-skip-bar-feedback{color:var(--foreground);font-family:var(--font-display);letter-spacing:.03em;pointer-events:none;text-transform:uppercase;z-index:2;justify-content:center;align-items:center;font-weight:900;display:flex;position:absolute;inset:0}.play-auto-skip-bar-feedback-self-correct .play-auto-skip-bar-track,.play-auto-skip-bar-feedback-self-correct .play-auto-skip-bar-fill{animation:.24s auto-skip-feedback-correct}.play-auto-skip-bar-feedback-opponent-correct .play-auto-skip-bar-track,.play-auto-skip-bar-feedback-opponent-correct .play-auto-skip-bar-fill{animation:.24s auto-skip-feedback-opponent}.play-auto-skip-bar-feedback-skipped .play-auto-skip-bar-track{animation:.2s auto-skip-feedback-skipped}.play-auto-skip-bar-feedback-opponent-correct .play-auto-skip-bar-feedback{color:var(--accent-foreground)}@keyframes auto-skip-feedback-correct{0%,to{background:var(--chart-4);color:var(--foreground)}}@keyframes auto-skip-feedback-opponent{0%,to{background:var(--accent-red);color:var(--accent-foreground)}}@keyframes auto-skip-feedback-skipped{0%,to{background:var(--surface-alt)}}.play-ready-sequence{box-shadow:none;text-align:center;background:0 0;border:0;border-radius:0;flex:1;place-items:center;min-height:284px;display:grid}.play-shell-active .play-ready-sequence{min-height:0}.play-ready-sequence span{color:var(--foreground);font-size:clamp(2rem,6vw,4rem);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;padding:0 .2em;font-weight:900;animation:1s ease-in-out infinite ready-pulse;display:inline-block}@keyframes ready-pulse{0%,to{opacity:.85;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}.play-result-board{box-shadow:none;text-align:center;background:0 0;border:0;border-radius:0;flex:1;align-content:center;justify-items:center;gap:10px;min-height:0;padding:12px;display:grid}.play-result-board.play-result-win,.play-result-board.play-result-loss,.play-result-board.play-result-draw{box-shadow:none;background:0 0;border-color:#0000}.play-result-board strong{font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;font-size:clamp(2rem,4vw,3.2rem);line-height:1}.play-result-board p{color:var(--muted);margin:0;font-size:1rem;font-weight:700}.answer-form{gap:8px;display:grid}.play-self-answer{background:linear-gradient(180deg, var(--muted-surface) 0 1.25rem, transparent 1.25rem 100%);padding:16px 18px}.play-shell-active .play-player-panel{padding:14px 16px}.play-shell-active .play-player-row .play-player-panel{min-height:0}.play-shell-active .play-self-answer{box-shadow:none;background:0 0;border:0;padding:4px 0 0}.play-self-answer .answer-form{gap:10px}.play-shell-active .play-self-answer .answer-form.answer-form-compact{gap:0}.play-shell-active .play-self-answer .answer-form.answer-form-compact .answer-row{align-items:stretch;gap:12px}.play-self-answer label{color:var(--foreground);font-size:.8rem;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-weight:800}.play-self-answer input{background:var(--card);border-width:var(--border-width);font-size:1.05rem;font-weight:800}.play-self-answer button{min-width:132px}.play-self-answer .answer-submit-blocked,.play-self-answer .answer-submit-blocked:disabled{background:var(--accent-red);color:var(--accent-foreground);opacity:1}.play-shell-active .play-self-answer input,.play-shell-active .play-self-answer button{min-height:56px}.play-self-answer .hint{background:var(--muted-surface);border-left:8px solid var(--line);color:var(--foreground);padding:8px 10px 8px 12px;font-size:.84rem;font-weight:800}.post-match-panel{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset);gap:10px;padding:12px;display:grid}.post-match-panel .hint{background:var(--muted-surface);border-left:8px solid var(--line);color:var(--foreground);padding:8px 10px 8px 12px}.post-match-progression{align-content:start;gap:8px;height:100%;min-height:100%;display:grid}.post-match-chart-shell{flex:1;min-height:0;padding:6px 4px 0;display:grid}.post-match-chart-empty{color:var(--muted);font-family:var(--font-display);text-align:center;text-transform:uppercase;place-items:center;min-height:270px;padding:24px;font-size:1rem;font-weight:800;display:grid}.post-match-trend-chart{width:100%;height:auto;display:block}.post-match-trend-grid{opacity:.7;stroke:var(--line);stroke-width:2.5px}.post-match-trend-area{fill:var(--chart-1)}@supports (color:color-mix(in lab, red, red)){.post-match-trend-area{fill:color-mix(in srgb, var(--chart-1) 42%, transparent)}}.post-match-trend-axis,.post-match-trend-node-value{fill:var(--foreground);font-family:var(--font-ui-mono);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:900}.post-match-trend-node-box{fill:var(--surface);stroke:var(--line);stroke-width:2px}.post-match-trend-delta-box{fill:var(--surface);stroke:var(--line);stroke-width:2.5px}.post-match-trend-delta-box.post-match-trend-delta-up{fill:var(--chart-4)}@supports (color:color-mix(in lab, red, red)){.post-match-trend-delta-box.post-match-trend-delta-up{fill:color-mix(in srgb, var(--chart-4) 24%, var(--surface))}}.post-match-trend-delta-box.post-match-trend-delta-down{fill:var(--chart-2)}@supports (color:color-mix(in lab, red, red)){.post-match-trend-delta-box.post-match-trend-delta-down{fill:color-mix(in srgb, var(--chart-2) 24%, var(--surface))}}.post-match-trend-delta-box.post-match-trend-delta-flat{fill:var(--muted)}@supports (color:color-mix(in lab, red, red)){.post-match-trend-delta-box.post-match-trend-delta-flat{fill:color-mix(in srgb, var(--muted) 18%, var(--surface))}}.post-match-trend-line{fill:none;stroke:var(--chart-3);stroke-linecap:square;stroke-linejoin:bevel;stroke-width:6px}.post-match-trend-point{fill:var(--chart-4);stroke:var(--line);stroke-width:3px}.post-match-trend-label,.post-match-trend-value{fill:var(--foreground);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:900}.post-match-trend-delta-value{fill:var(--foreground);font-family:var(--font-ui-mono);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:900}.post-match-trend-delta-value.post-match-trend-delta-up{fill:var(--chart-4)}.post-match-trend-delta-value.post-match-trend-delta-down{fill:var(--chart-2)}.post-match-trend-delta-value.post-match-trend-delta-flat{fill:var(--foreground)}.post-match-trend-axis-line{stroke:var(--line);stroke-width:3px}.post-match-summary{justify-content:space-between;align-items:center;display:flex}.post-match-summary span{color:var(--muted);font-size:.85rem;font-weight:700}.post-match-summary strong{font-family:var(--font-ui-mono);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:800}.post-match-actions{gap:8px;display:grid}.post-match-actions .secondary-button{width:100%}.post-match-links{flex-wrap:wrap;gap:10px;display:flex}.post-match-links a{background:var(--surface-alt);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);color:var(--foreground);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;align-items:center;min-height:40px;padding:0 14px;font-weight:900;display:inline-flex}.answer-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.hint,.message{margin:0;font-size:.84rem;font-weight:800;line-height:1.45}.message{min-height:24px}.history-link{background:var(--accent);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;align-items:center;min-height:44px;padding:0 16px;font-weight:900;display:inline-flex}.play-history-card{overscroll-behavior:contain;grid-auto-rows:max-content;align-content:start;gap:10px;min-height:0;max-height:52vh;padding:0 4px 0 0;display:grid;overflow-y:auto}.play-shell-active .play-history-card{flex:1;min-height:0;max-height:none;padding:0 4px 0 0}.play-history-item{border-left:2px solid var(--primary);color:var(--foreground);margin:0;padding-left:10px;font-weight:700}.play-history-item-muted{color:var(--muted);opacity:1}.play-history-entry{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);border-left-width:8px;grid-template-rows:auto auto;gap:8px;padding:10px;display:grid}.play-history-entry-active{border-left-color:var(--accent)}.play-history-entry-self{border-left-color:var(--accent-lime);background:var(--muted-surface)}.play-history-entry-opponent{border-left-color:var(--accent-pink);background:var(--muted-surface)}.play-history-entry-skipped{border-left-color:var(--surface-alt)}.play-history-entry-practice-ended{background:var(--accent-red)}@supports (color:color-mix(in lab, red, red)){.play-history-entry-practice-ended{background:color-mix(in srgb, var(--accent-red) 8%, var(--muted-surface))}}.play-history-entry-practice-ended{border-left-color:var(--accent-red)}.play-history-entry-top{border-bottom:1px solid var(--divider);grid-template-columns:auto auto 1fr auto;align-items:center;gap:8px;padding-bottom:6px;display:grid}.play-history-number,.play-history-status{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:800}.play-history-time{font-family:var(--font-ui-mono);font-variant-numeric:tabular-nums;justify-self:end;font-size:.82rem}.play-history-info-button{background:var(--surface-alt);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);box-shadow:2px 2px 0 0 var(--shadow-strong);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;min-height:30px;padding:0 10px;font-size:.68rem;font-weight:900;display:inline-flex}.play-history-info-panel{background:var(--surface-alt);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-md);gap:10px;padding:12px;display:grid}.play-history-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.play-history-performance-bar{background:var(--surface);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);min-height:68px;display:flex;position:relative;overflow:hidden}.play-history-performance-segment{min-width:0}.play-history-performance-segment+.play-history-performance-segment{border-left:var(--border-width-thin) solid var(--divider)}.play-history-performance-label{background:var(--surface);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);box-shadow:2px 2px 0 0 var(--shadow-strong);color:var(--foreground);font-family:var(--font-ui-mono);font-variant-numeric:tabular-nums;white-space:nowrap;z-index:1;padding:4px 8px;font-size:.9rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-history-performance-right{background:var(--chart-4)}@supports (color:color-mix(in lab, red, red)){.play-history-performance-right{background:color-mix(in srgb, var(--chart-4) 26%, var(--surface))}}.play-history-performance-skipped{background:var(--chart-1)}@supports (color:color-mix(in lab, red, red)){.play-history-performance-skipped{background:color-mix(in srgb, var(--chart-1) 36%, var(--surface))}}.play-history-performance-wrong{background:var(--chart-2)}@supports (color:color-mix(in lab, red, red)){.play-history-performance-wrong{background:color-mix(in srgb, var(--chart-2) 22%, var(--surface))}}.play-history-performance-label-wrong{color:var(--chart-2)}.play-history-performance-label-right{color:var(--chart-4)}.play-history-info-grid div{background:var(--surface);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);gap:4px;min-height:58px;padding:8px 10px;display:grid}.play-history-info-grid span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:900}.play-history-info-grid strong{font-family:var(--font-ui-mono);font-variant-numeric:tabular-nums;font-size:1rem}.practice-history-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.practice-history-heading span{color:var(--muted);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:900}.practice-history-section{flex:auto;min-height:0}.practice-history-section .practice-end-button{flex:none}.practice-history-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-history-info-grid div:last-child{grid-column:1/-1}.post-match-result-pill{border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);gap:4px;padding:12px 14px;display:grid}.post-match-result-pill span{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:1rem;font-weight:900}.post-match-result-pill strong{font-family:var(--font-ui-mono);font-variant-numeric:tabular-nums;font-size:.92rem}.post-match-sidebar-actions{gap:10px;display:grid}.post-match-sidebar-button{width:100%;min-height:50px}.play-history-problem{text-align:center;justify-content:center;align-items:center;min-height:110px;padding:14px 12px;overflow:hidden}.play-history-problem .katex-display{max-width:100%;overflow:hidden}.play-history-problem .katex-display>.katex{font-size:clamp(1rem,1.5vw,1.22rem)}.play-layout-live .play-history-card{height:100%}.page-top-bar,.page-header,.table-shell,.empty-state{max-width:960px}.page-header,.table-shell,.empty-state{margin-left:auto;margin-right:auto}.page-header{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset-large);margin-bottom:20px;padding:24px}.page-header-ranking,.page-header-player{position:relative}.page-header-ranking:after,.page-header-player:after{background:var(--accent-pink);border:var(--border-width) solid var(--line);box-shadow:var(--shadow-offset-tight);content:"";width:5.5rem;height:1rem;position:absolute;top:1.2rem;right:1.2rem}.page-header h1{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:8px 0 12px;font-size:2.4rem;line-height:1.1}.leaderboard-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.leaderboard-jump-link,.leaderboard-page-link{background:var(--surface-alt);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);color:var(--foreground);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;justify-content:center;align-items:center;min-height:42px;padding:0 14px;font-weight:900;display:inline-flex}.leaderboard-jump-link{background:var(--accent)}.leaderboard-stat-strip{margin-top:14px}.leaderboard-feedback{margin-bottom:20px}.stat-strip{color:var(--muted);flex-wrap:wrap;gap:10px;display:flex}.stat-strip span,.pill{background:var(--surface);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);box-shadow:2px 2px 0 0 var(--shadow-strong);font-size:.9rem;font-family:var(--font-display);text-transform:uppercase;align-items:center;min-height:32px;padding:0 10px;font-weight:900;display:inline-flex}.pill{background:var(--surface-alt);color:var(--foreground);margin-left:8px}.table-shell{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset-large);min-width:0;overflow-x:auto}.ranking-table-shell,.player-history-table-shell{overflow:auto hidden}.leaderboard-table{table-layout:fixed}.leaderboard-table th:first-child,.leaderboard-table td:first-child{width:108px}.leaderboard-table th:nth-child(3),.leaderboard-table th:nth-child(4),.leaderboard-table th:nth-child(5),.leaderboard-table td:nth-child(3),.leaderboard-table td:nth-child(4),.leaderboard-table td:nth-child(5){text-align:right}.leaderboard-table td:nth-child(3),.leaderboard-table td:nth-child(4),.leaderboard-table td:nth-child(5){font-variant-numeric:tabular-nums;font-weight:800}table{border-collapse:collapse;width:100%;min-width:680px}th,td{border-bottom:1px solid var(--divider);text-align:left;white-space:nowrap;padding:14px 16px}th{background:var(--accent);color:var(--color-on-primary);font-size:.8rem;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-weight:900}tbody tr:nth-child(2n){background:var(--muted-surface)}.ranking-table-shell tbody tr,.player-history-table-shell tbody tr{position:relative}.ranking-table-shell tbody td:first-child,.player-history-table-shell tbody td:first-child{font-family:var(--font-display);letter-spacing:.03em;font-weight:900}.ranking-table-shell tbody td{vertical-align:middle;font-size:.98rem}.leaderboard-row{background:var(--surface)}.leaderboard-row:nth-child(2n){background:var(--muted-surface)}.leaderboard-row-highlighted{background:var(--color-highlight-row);box-shadow:inset 0 0 0 2px var(--foreground)}.leaderboard-rank-cell{gap:2px;min-width:0;display:grid}.leaderboard-rank-cell strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;max-width:100%;font-size:1.05rem;display:inline-block}.leaderboard-rank-note{color:var(--muted);font-family:var(--font-ui-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:800}.leaderboard-player-cell{align-items:center;gap:12px;min-width:0;display:flex}.leaderboard-avatar{background:var(--secondary);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);color:var(--secondary-foreground);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;background-position:50%;background-size:cover;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:.95rem;font-weight:900;display:grid}.leaderboard-avatar-fallback{background:var(--secondary)}.leaderboard-player-copy{gap:4px;min-width:0;display:grid;overflow:hidden}.leaderboard-player-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:900;display:block;overflow:hidden}.leaderboard-player-university{background:var(--surface-alt);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);box-shadow:2px 2px 0 0 var(--shadow-strong);font-family:var(--font-ui-mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;width:fit-content;max-width:100%;min-height:24px;padding:0 8px;font-size:.72rem;font-weight:900;display:inline-flex}.leaderboard-rank-top-1 td:first-child{background:var(--color-podium-gold)}.leaderboard-rank-top-2 td:first-child{background:var(--color-podium-silver)}.leaderboard-rank-top-3 td:first-child{background:var(--color-podium-bronze)}.leaderboard-rank-top-1 td:first-child,.leaderboard-rank-top-2 td:first-child,.leaderboard-rank-top-3 td:first-child{color:var(--color-on-primary)}.leaderboard-rank-top-1{box-shadow:inset 10px 0 0 var(--color-podium-gold)}.leaderboard-rank-top-2{box-shadow:inset 10px 0 0 var(--color-podium-silver)}.leaderboard-rank-top-3{box-shadow:inset 10px 0 0 var(--color-podium-bronze)}.leaderboard-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:960px;margin:18px auto 0;display:flex}.leaderboard-page-numbers{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.leaderboard-page-link-current{background:var(--accent)}.leaderboard-page-link-disabled{opacity:.45;pointer-events:none}tr:last-child td{border-bottom:0}td a{font-weight:800}.result-win{color:var(--win);font-weight:800}.result-loss{color:var(--loss);font-weight:800}.result-draw{color:var(--muted);font-weight:800}.empty-state{color:var(--muted);background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset-large);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;padding:16px 18px;font-size:1rem}.admin-panel .message,.admin-header .message,.page-shell>.message,.game-panel>.message{background:var(--surface-alt);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);color:var(--foreground);min-height:0;padding:10px 12px}.auth-panel,.profile-panel{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset-large);max-width:560px;margin:0 auto;padding:24px}.auth-panel-login,.auth-panel-signup,.auth-panel-profile-edit,.profile-panel-view{background:linear-gradient(180deg, var(--accent-soft) 0 4.25rem, var(--surface) 4.25rem 100%)}.auth-panel h1,.profile-panel h1{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:8px 0 20px;font-size:2rem;line-height:1.1}.auth-form{gap:10px;display:grid}.auth-form label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:.84rem;font-weight:900;display:inline-block}.field-note{color:var(--muted);margin:-4px 0 4px;font-size:.9rem;font-weight:700}.auth-panel .message,.profile-panel .message{background:var(--surface-alt);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);color:var(--foreground);min-height:0;padding:10px 12px;font-weight:800}.field-error{color:var(--loss);font-size:.9rem;font-family:var(--font-display);text-transform:uppercase;margin:-4px 0 4px;font-weight:900}.profile-heading{align-items:center;gap:16px;display:flex}.profile-heading h1{margin-bottom:8px}.profile-heading p{color:var(--muted);margin:0}.avatar{aspect-ratio:1;background:var(--accent-cyan);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);background-position:50%;background-size:cover;width:88px;height:88px}.avatar-empty:before{content:"";width:100%;height:100%;display:block}.profile-details{gap:12px;margin:24px 0 0;display:grid}.profile-details div{background:var(--muted-surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);padding:12px}.profile-details dt{color:var(--muted);font-size:.85rem;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-weight:800}.profile-details dd{margin:0}.page-shell-profile{max-width:1480px}.profile-shell{gap:18px;min-width:0;display:grid}.profile-header-card,.profile-section-card{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset-large)}.profile-header-card{background:linear-gradient(180deg, var(--accent-soft) 0 7rem, var(--surface) 7rem 100%);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;min-width:0;padding:24px;display:grid}.profile-header-main{align-items:center;gap:18px;min-width:0;display:flex}.profile-hero-avatar{aspect-ratio:1;background:var(--accent-cyan);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;background-position:50%;background-size:cover;flex-shrink:0;justify-content:center;align-items:center;width:108px;height:108px;font-size:1.5rem;font-weight:900;display:inline-flex}.profile-hero-copy{gap:8px;min-width:0;display:grid}.profile-hero-topline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-degree-pill,.profile-status-pill,.profile-university-pill{border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;align-items:center;min-height:36px;padding:0 12px;font-size:.78rem;font-weight:900;display:inline-flex}.profile-degree-pill{background:var(--primary);color:var(--primary-foreground)}.profile-university-pill{background:var(--secondary);color:var(--secondary-foreground)}.profile-status-online{background:var(--chart-4)}@supports (color:color-mix(in lab, red, red)){.profile-status-online{background:color-mix(in srgb, var(--chart-4) 24%, var(--surface))}}.profile-status-recent{background:var(--chart-1)}@supports (color:color-mix(in lab, red, red)){.profile-status-recent{background:color-mix(in srgb, var(--chart-1) 24%, var(--surface))}}.profile-status-offline{background:var(--surface-alt)}.profile-hero-heading{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.profile-hero-heading h1,.profile-hero-meta,.profile-hero-detail{margin:0}.profile-hero-meta{color:var(--muted);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:.9rem;font-weight:800}.profile-hero-detail{font-family:var(--font-display);font-size:1rem;font-weight:800}.profile-header-actions{justify-items:stretch;gap:10px;min-width:clamp(136px,16vw,180px);display:grid}.profile-header-button{text-align:center;justify-content:center;min-height:48px}.profile-header-link{color:var(--foreground);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;justify-self:center;font-size:.82rem;font-weight:900}.profile-tabs{flex-wrap:wrap;gap:10px;display:flex}.profile-tabs a{background:var(--surface-alt);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);color:var(--foreground);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;padding:10px 14px;font-weight:900}.profile-tabs a[aria-current=page]{background:var(--accent);color:var(--color-on-primary);transform:rotate(-1deg)}.profile-overview-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.95fr);align-items:start;gap:18px 28px;min-width:0;display:grid}.profile-overview-main,.profile-overview-rail,.profile-stacked-sections{gap:18px;min-width:0;display:grid}.profile-overview-rail{align-content:start;align-self:start;gap:24px}.profile-section-card{min-width:0;padding:22px}.profile-activity-layout{grid-template-columns:minmax(0,2fr) minmax(180px,1fr);align-items:stretch;gap:16px;display:grid}.profile-section-card-heatmap{gap:10px;padding:14px;display:grid}.profile-section-card-heatmap .eyebrow{margin:0}.profile-section-card-ofensiva{padding:14px;display:grid}.profile-training-section{gap:14px;display:grid}.profile-training-label{margin:0}.profile-training-radar-grid .training-radar-card{background:var(--muted-surface);border-width:var(--border-width);box-shadow:var(--shadow-offset-tight)}.profile-rail-card{align-content:start}.profile-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;min-width:0;margin-bottom:16px;display:flex}.profile-section-heading h2{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:6px 0 0;font-size:1.55rem;line-height:1}.profile-section-heading p:last-child{color:var(--muted);text-align:right;min-width:0;max-width:420px;margin:0}.profile-section-note{color:var(--muted);margin:14px 0 0}.profile-mode-grid,.profile-benchmark-grid{gap:14px;display:grid}.profile-mode-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.profile-mode-grid-overview{align-items:stretch}.profile-mode-card,.profile-benchmark-card,.profile-friend-card,.profile-achievement-card,.profile-placeholder-block{background:var(--muted-surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight)}.profile-mode-card{color:var(--foreground);gap:12px;min-width:0;min-height:190px;padding:16px;transition:transform .12s,box-shadow .12s;display:grid}.profile-mode-card:hover,.profile-mode-card[aria-current=page]{box-shadow:10px 10px 0 0 var(--shadow-strong);transform:translate(-3px,-3px)}.profile-mode-card:hover .profile-mode-card-action strong,.profile-mode-card[aria-current=page] .profile-mode-card-action strong{transform:translate(4px)}.profile-mode-card-top,.profile-mode-card-meta{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:10px;display:flex}.profile-mode-card-top span,.profile-mode-card-meta span,.profile-benchmark-card span,.profile-friend-card span{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;min-width:0;font-size:.78rem;font-weight:900}.profile-mode-card-top strong,.profile-benchmark-card strong,.profile-friend-card strong,.profile-achievement-card strong{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;min-width:0}.profile-mode-card-top strong{font-size:1.9rem;line-height:1}.profile-mode-card-meta{border-top:1px solid var(--divider);align-items:center;padding-top:10px}.profile-mode-card-top strong,.profile-mode-card-meta span,.profile-history-opponent strong,.profile-history-result strong,.profile-history-accuracy strong{overflow-wrap:anywhere}.profile-mode-card-action{justify-content:flex-end;align-items:center;gap:8px;margin-top:auto;display:flex}.profile-mode-card-action span,.profile-mode-card-action strong{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.profile-mode-card-action strong{transition:transform .12s}.profile-sparkline{background:var(--surface);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);width:100%;height:auto;display:block}.profile-sparkline-line{fill:none;stroke:var(--chart-3);stroke-linecap:square;stroke-linejoin:bevel;stroke-width:5px}.profile-heatmap{grid-template-columns:repeat(18,18px);justify-self:center;gap:6px;width:max-content;display:grid}.profile-heatmap-compact{grid-template-columns:repeat(12,18px)}.profile-heatmap-cell{aspect-ratio:1;background:var(--surface-alt);border:2px solid var(--line);box-shadow:2px 2px 0 0 var(--shadow-strong);border-radius:0;width:18px}.profile-heatmap-level-1{background:var(--chart-4)}@supports (color:color-mix(in lab, red, red)){.profile-heatmap-level-1{background:color-mix(in srgb, var(--chart-4) 18%, var(--surface))}}.profile-heatmap-level-2{background:var(--chart-4)}@supports (color:color-mix(in lab, red, red)){.profile-heatmap-level-2{background:color-mix(in srgb, var(--chart-4) 34%, var(--surface))}}.profile-heatmap-level-3{background:var(--chart-4)}@supports (color:color-mix(in lab, red, red)){.profile-heatmap-level-3{background:color-mix(in srgb, var(--chart-4) 52%, var(--surface))}}.profile-heatmap-level-4{background:var(--chart-4)}@supports (color:color-mix(in lab, red, red)){.profile-heatmap-level-4{background:color-mix(in srgb, var(--chart-4) 74%, var(--surface))}}.profile-heatmap-today{outline:3px solid var(--line);outline-offset:2px}.profile-ofensiva-card{text-align:center;place-content:center;gap:8px;min-height:100%;padding:8px;display:grid}.profile-ofensiva-card span{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.profile-ofensiva-card strong{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;font-size:2rem;line-height:1}.profile-ofensiva-card p{color:var(--muted);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.profile-benchmark-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.profile-benchmark-card{gap:10px;min-height:148px;padding:16px;display:grid}.profile-benchmark-card-placeholder{background:var(--surface-alt)}@supports (color:color-mix(in lab, red, red)){.profile-benchmark-card-placeholder{background:color-mix(in srgb, var(--surface-alt) 72%, var(--surface))}}.profile-benchmark-card strong{font-size:1.6rem;line-height:1.05}.profile-benchmark-card p,.profile-achievement-card p{color:var(--muted);margin:0}.profile-history-table th:first-child,.profile-history-table td:first-child{width:100px}.profile-history-opponent,.profile-history-result,.profile-history-accuracy{gap:4px;display:grid}.profile-history-opponent strong,.profile-history-result strong,.profile-history-accuracy strong{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;font-size:.96rem}.profile-history-opponent span,.profile-history-result span,.profile-history-accuracy span{color:var(--muted);font-size:.78rem;line-height:1.25}.profile-replay-link{background:var(--accent);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);box-shadow:2px 2px 0 0 var(--shadow-strong);color:var(--foreground);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;align-items:center;min-height:36px;padding:0 12px;font-size:.78rem;font-weight:900;display:inline-flex}.profile-match-placeholder{max-width:1100px;margin:0 auto}.profile-match-summary-grid{margin-bottom:16px}.profile-achievement-list{gap:12px;display:grid}.profile-achievement-card{gap:8px;padding:14px;display:grid}.profile-achievement-empty-block{background:var(--muted-surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);min-height:180px}.profile-friend-list{grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:10px;display:grid}.profile-friend-card{aspect-ratio:1;padding:0;position:relative}.profile-friend-link{color:var(--foreground);transition:transform .12s,box-shadow .12s;display:block}.profile-friend-link:hover{box-shadow:8px 8px 0 0 var(--shadow-strong);transform:translate(-2px,-2px)}.profile-friend-open{color:var(--foreground);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:.74rem;font-weight:900}.profile-friend-avatar{background:var(--accent-cyan);border-radius:calc(var(--radius-md) - 1px);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;height:100%;font-size:clamp(.8rem,2vw,1.1rem);font-weight:900;display:flex}.profile-friend-status{background:var(--surface);border:var(--border-width-thin) solid var(--line);box-shadow:2px 2px 0 0 var(--shadow-strong);border-radius:999px;width:14px;height:14px;position:absolute;bottom:-3px;right:-3px}.profile-friend-status-online{background:var(--chart-4)}.profile-panel-more,.profile-achievement-placeholder-label{color:var(--foreground);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:900}.profile-panel-more{justify-self:start;margin-top:12px}.profile-achievement-status{margin-bottom:12px}.profile-achievement-card-placeholder{background:var(--surface-alt)}@supports (color:color-mix(in lab, red, red)){.profile-achievement-card-placeholder{background:color-mix(in srgb, var(--surface-alt) 78%, var(--surface))}}.profile-placeholder-block{gap:10px;padding:16px;display:grid}.profile-placeholder-block h3{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:1.15rem}.profile-placeholder-block p,.profile-muted-copy{margin:0}.page-top-bar{gap:10px;margin:0 auto 20px;display:flex}.top-bar a,.top-bar button{background:var(--surface-alt)}.top-bar a,.top-bar button,.secondary-link,.secondary-button,.history-link{color:var(--foreground)}.page-shell-auth,.page-shell-account,.page-shell-competition{position:relative}.page-shell-auth>*,.page-shell-account>*,.page-shell-competition>*{z-index:1;position:relative}.page-shell-auth:before,.page-shell-account:before,.page-shell-competition:before{background:var(--accent);border:var(--border-width) solid var(--line);box-shadow:var(--shadow-offset-tight);content:"";z-index:0;width:6rem;height:1rem;position:absolute;top:24px;left:24px}.practice-panel{background:linear-gradient(180deg, var(--accent-soft) 0 4.75rem, var(--surface) 4.75rem 100%)}.practice-panel .message{background:var(--surface-alt);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);color:var(--foreground);min-height:0;padding:10px 12px}.practice-panel .tolerance{background:var(--muted-surface);border-left:8px solid var(--line);color:var(--foreground);font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;padding:8px 10px 8px 12px;font-size:.8rem;font-weight:900}.sidebar-button-active{background:var(--accent);color:var(--color-on-primary)}.practice-layout{align-items:start;gap:var(--layout-gap);grid-template-columns:minmax(0,1fr) minmax(248px,280px);max-width:1320px;margin:0 auto;display:grid}.practice-play-layout{max-width:1320px}.practice-main{gap:var(--layout-gap);min-width:0;display:grid}.practice-solo-header{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset);justify-content:space-between;align-items:center;gap:18px;min-height:100px;padding:16px 18px;display:flex}.practice-solo-identity{align-items:center;gap:12px;min-width:0;display:flex}.practice-solo-avatar{background:var(--accent-cyan);border:var(--border-width-thin) solid var(--line);font-family:var(--font-display);flex:none;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.15rem;font-weight:900;display:flex}.practice-solo-identity>div{gap:2px;min-width:0;display:grid}.practice-solo-identity .eyebrow{margin:0}.practice-solo-identity strong{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:1.2rem;overflow:hidden}.practice-solo-identity span:last-child,.practice-solo-status span{color:var(--muted);text-transform:uppercase;font-size:.73rem;font-weight:800}.practice-solo-status{text-align:right;justify-items:end;gap:3px;display:grid}.practice-solo-status strong{font-family:var(--font-display);text-transform:uppercase;font-size:1.05rem}.practice-stage{gap:20px;min-height:min(700px,100vh - 48px);padding:clamp(20px,4vw,42px);display:grid}.practice-stage-header{justify-content:space-between;align-items:start;gap:18px;display:flex}.practice-stage h1,.practice-empty h2,.practice-rail h2{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;margin:10px 0 0}.practice-stage h1{font-size:clamp(1.9rem,4vw,3.8rem);line-height:1}.practice-compact-score{background:var(--accent-cyan);border:var(--border-width) solid var(--line);box-shadow:var(--shadow-offset-tight);text-align:center;min-width:84px;padding:8px 12px;display:grid}.practice-compact-score span,.practice-problem-meta,.practice-timer>span,.practice-stats dt,.practice-best{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.practice-compact-score strong{font-family:var(--font-display);font-size:2rem;line-height:1}.practice-problem-meta{flex-wrap:wrap;gap:8px;display:flex}.practice-problem-meta span{background:var(--surface-alt);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);padding:5px 8px}.practice-problem{background:var(--card);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset);justify-content:center;align-items:center;min-height:250px;margin:auto 0;padding:28px;display:flex;overflow-x:auto}.practice-problem .katex-display{margin:0;font-size:clamp(1.25rem,3vw,2.45rem)}.practice-answer{background:var(--muted-surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);padding:12px}.practice-answer .answer-row input,.practice-answer .answer-row button{min-height:54px}.practice-answer .answer-row button,.practice-start-button{background:var(--accent);color:var(--color-on-primary)}.practice-expiring{color:var(--muted);margin:0;font-weight:800}.practice-ready-stage{background:var(--card);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset);text-align:center;place-items:center;min-height:250px;margin:auto 0;padding:28px;display:grid}.practice-ready-stage .eyebrow{margin:0}.practice-ready-stage strong{color:var(--accent);font-family:var(--font-display);text-shadow:3px 3px 0 var(--line);font-size:clamp(5rem,14vw,9rem);line-height:.7}.practice-ready-stage p:last-child{color:var(--muted);max-width:34rem;margin:0;font-size:1.05rem;font-weight:700;line-height:1.5}.practice-answer-inactive{opacity:.72}.practice-answer-inactive p{color:var(--muted);margin:8px 0 0;font-size:.8rem;font-weight:800}.practice-rail{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset);gap:0;display:grid;position:sticky;top:24px;overflow:hidden}.practice-rail-section{gap:10px;padding:16px 18px;display:grid}.practice-rail-section+.practice-rail-section{border-top:var(--border-width-thin) solid var(--divider)}.practice-rail h2{margin:0;font-size:1.1rem}.practice-mode{background:var(--surface-alt);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-md);box-shadow:2px 2px 0 var(--shadow-strong);text-align:left;gap:3px;padding:10px 12px;display:grid}.practice-mode strong{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase}.practice-mode span{font-size:.78rem;font-weight:700;line-height:1.32}.practice-mode.is-selected,.practice-time-controls .is-selected{background:var(--accent)}.practice-time-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.practice-time-controls button{background:var(--surface-alt);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);min-height:42px;padding:0 4px}.practice-start-button,.practice-end-button{width:100%;min-height:48px}.practice-links{gap:8px;display:grid}.practice-links a{color:var(--color-link);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:900;text-decoration:underline}.practice-best{justify-content:space-between;align-items:center;margin:0;display:flex}.practice-best strong{font-size:1.5rem}.practice-completed-copy{color:var(--muted);text-transform:capitalize;margin:0;font-weight:800}.practice-change-mode{background:var(--surface-alt);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);box-shadow:2px 2px 0 var(--shadow-strong);font-family:var(--font-display);text-transform:uppercase;min-height:40px;font-size:.75rem;font-weight:900}.practice-rule-card{background:var(--accent-cyan);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem}.practice-timer{background:var(--accent-pink)}.practice-timer strong{font-family:var(--font-display);letter-spacing:.04em;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1}.practice-timer-track{background:var(--surface);border:var(--border-width-thin) solid var(--line);height:14px;overflow:hidden}.practice-timer-track i{background:var(--accent-cyan);height:100%;transition:width .16s linear;display:block}.practice-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.practice-stats div{background:var(--surface-alt);border:var(--border-width-thin) solid var(--line);padding:8px}.practice-stats dt{color:var(--muted)}.practice-stats dd{font-family:var(--font-display);margin:3px 0 0;font-size:1.55rem}.practice-stats .practice-stat-label{font-size:.9rem;line-height:1.2}.practice-result-dialog{background:var(--color-surface-elevated);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:10px 10px 0 var(--shadow-strong);box-sizing:border-box;color:var(--foreground);width:calc(100% - 32px);max-width:620px;max-height:min(86dvh,760px);margin:auto;padding:0;position:fixed;inset:0;overflow:auto}.practice-result-dialog::backdrop{background:var(--color-backdrop)}.practice-result-body{gap:16px;padding:clamp(18px,4vw,30px);display:grid}.practice-result-header{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.practice-result-header .eyebrow{overflow-wrap:anywhere;min-width:0;margin:0}.practice-result-close{background:var(--surface-alt);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);box-shadow:2px 2px 0 var(--shadow-strong);color:var(--foreground);font-family:var(--font-display);flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:1.45rem;font-weight:900;line-height:1;display:inline-flex}.practice-result-body h2{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:clamp(2.4rem,8vw,4.8rem);line-height:.9}.practice-result-note{background:var(--muted-surface);border-left:7px solid var(--line);margin:0;padding:10px 12px;font-weight:800}.practice-result-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.practice-result-stats>div{background:var(--accent-cyan);border:var(--border-width-thin) solid var(--line);gap:4px;min-height:72px;padding:9px;display:grid}.practice-result-stats span{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:.65rem;font-weight:900}.practice-result-stats strong{font-family:var(--font-display);font-size:1.35rem}.practice-rank-movement{gap:10px;display:grid}.practice-rank-movement>p,.practice-rank-movement>strong{font-family:var(--font-display);text-transform:uppercase;margin:0}.practice-rank-movement>strong{color:var(--color-success);font-size:1.2rem}.practice-rank-announcement{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.practice-nearby-rows{border:var(--border-width-thin) solid var(--line);display:grid;position:relative}.practice-nearby-row{background:var(--surface);border-bottom:1px solid var(--divider);will-change:transform, opacity;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:grid;position:relative}.practice-nearby-row:last-child{border-bottom:0}.practice-nearby-row.is-player{background:var(--accent)}.practice-nearby-row.is-leaving{z-index:1;position:absolute}.practice-result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.practice-result-actions a,.practice-result-actions button{background:var(--accent);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);box-shadow:2px 2px 0 var(--shadow-strong);color:var(--color-on-primary);font-family:var(--font-display);letter-spacing:.04em;text-align:center;text-transform:uppercase;justify-content:center;align-items:center;min-height:42px;padding:7px;font-size:.76rem;font-weight:900;display:flex}.practice-result-actions .secondary-button{background:var(--surface-alt)}.practice-history-pb{background:var(--accent);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);font-family:var(--font-display);margin-left:6px;padding:2px 4px;font-size:.65rem;font-weight:900}@media (max-width:1180px){.practice-layout{grid-template-columns:1fr;max-width:980px}.practice-rail{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.practice-rail-section+.practice-rail-section{border-left:var(--border-width-thin) solid var(--divider);border-top:0}}@media (max-width:640px){.practice-stage{gap:16px;min-height:calc(100vh - 24px);padding:16px}.practice-stage-header{gap:10px}.practice-solo-header{align-items:start;gap:12px;min-height:0;padding:12px}.practice-solo-avatar{width:42px;height:42px}.practice-solo-status{font-size:.7rem}.practice-stage h1{font-size:1.8rem}.practice-compact-score{min-width:64px;padding:6px 8px}.practice-compact-score strong{font-size:1.5rem}.practice-problem{min-height:190px;padding:16px}.practice-problem .katex-display{font-size:clamp(1rem,6vw,1.55rem)}.practice-answer{z-index:2;position:sticky;bottom:8px}.practice-answer .answer-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.practice-answer .answer-row button{min-width:82px;padding:0 10px}.practice-rail{grid-template-columns:1fr}.practice-rail-section+.practice-rail-section{border-left:0;border-top:var(--border-width-thin) solid var(--divider)}.practice-result-stats,.practice-result-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.play-feedback-self-correct,.play-player-panel-correct,.play-feedback-opponent-correct,.play-problem-frame-transition,.practice-nearby-row{transition:none!important}.practice-timer-track i{transition:none}.timer-urgent strong{animation:none}}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.admin-shell{gap:24px}.admin-header,.admin-panel{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset-large);min-width:0;padding:24px}.admin-header h1,.admin-panel h2{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:8px 0 12px;font-size:2rem;line-height:1.1}.admin-header p:last-child{color:var(--muted);margin:0}.admin-tabs{flex-wrap:wrap;gap:10px;display:flex}.admin-tabs a{background:var(--surface-alt);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;padding:10px 14px;font-weight:900}.admin-tabs a[aria-current=page]{background:var(--accent);color:var(--color-on-primary);transform:rotate(-1deg)}.admin-panel-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-filter,.admin-form,.admin-editor{gap:12px;display:grid}.admin-filter{grid-template-columns:minmax(0,1fr) minmax(160px,180px) auto;margin:20px 0}.admin-editor{grid-template-columns:minmax(280px,420px) 1fr}.admin-form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.admin-anti-cheat,.admin-anti-cheat-detail,.anti-cheat-section,.anti-cheat-card-section,.anti-cheat-review-actions,.anti-cheat-timeline-section,.anti-cheat-audit-section{gap:18px;display:grid}.anti-cheat-section+.anti-cheat-section,.anti-cheat-review-actions,.anti-cheat-timeline-section,.anti-cheat-audit-section{border-top:var(--border-width-thin) solid var(--divider);padding-top:22px}.anti-cheat-section-heading,.anti-cheat-investigation-heading,.anti-cheat-player-heading,.anti-cheat-timeline-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.anti-cheat-section-heading h2,.anti-cheat-section-heading h3,.anti-cheat-investigation-heading h2,.anti-cheat-player-heading h3,.anti-cheat-timeline-heading h4,.anti-cheat-card-section h4{margin:0}.anti-cheat-section-heading>span{background:var(--surface-alt);border:var(--border-width-thin) solid var(--line);font-family:var(--font-ui-mono);border-radius:999px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 9px;font-weight:900;display:inline-flex}.anti-cheat-player-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;display:grid}.anti-cheat-player-card{background:var(--surface-alt);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset-tight);gap:16px;padding:18px;display:grid}.anti-cheat-player-card.anti-cheat-yellow{border-top-color:var(--color-primary)}.anti-cheat-player-card.anti-cheat-red{border-top-color:var(--color-danger)}.anti-cheat-status{border:var(--border-width-thin) solid currentColor;font-family:var(--font-ui-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900}.anti-cheat-status-yellow{color:var(--color-text);background:var(--color-warning-surface)}.anti-cheat-status-red{color:var(--color-danger)}.anti-cheat-status-normal{color:var(--color-success)}.anti-cheat-facts{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:0;display:grid}.anti-cheat-facts div{background:var(--surface);border:var(--border-width-thin) solid var(--divider);border-radius:var(--radius-md);gap:4px;padding:11px;display:grid}.anti-cheat-facts dt{color:var(--muted);font-family:var(--font-ui-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}.anti-cheat-facts dd{overflow-wrap:anywhere;margin:0;font-weight:800}.anti-cheat-card-section{gap:6px}.anti-cheat-card-section p,.anti-cheat-compact-list{color:var(--muted);margin:0}.anti-cheat-compact-list{padding-left:18px}.anti-cheat-detail-facts{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}.anti-cheat-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.anti-cheat-action-grid .admin-form{background:var(--surface-alt);border:var(--border-width-thin) solid var(--divider);border-radius:var(--radius-md);padding:14px}.anti-cheat-action-grid textarea{background:var(--surface);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);color:var(--text);font:inherit;resize:vertical;padding:10px}.anti-cheat-revoke-form{border-color:var(--color-danger)!important}.anti-cheat-timeline{gap:0;margin:0;padding:0;list-style:none;display:grid}.anti-cheat-timeline>li{grid-template-columns:18px minmax(0,1fr);gap:14px;display:grid;position:relative}.anti-cheat-timeline>li:not(:last-child):before{background:var(--line);content:"";width:2px;position:absolute;top:18px;bottom:-2px;left:8px}.anti-cheat-timeline-marker{background:var(--accent);border:3px solid var(--surface);box-shadow:0 0 0 2px var(--line);z-index:1;border-radius:50%;width:16px;height:16px;margin-top:18px;position:relative}.anti-cheat-timeline article{background:var(--surface-alt);border:var(--border-width-thin) solid var(--divider);border-radius:var(--radius-md);margin-bottom:14px;padding:14px}.anti-cheat-timeline-heading time{color:var(--muted);font-family:var(--font-ui-mono);font-size:.76rem}.anti-cheat-timeline pre{background:var(--surface);border:var(--border-width-thin) solid var(--divider);border-radius:var(--radius-sm);font-family:var(--font-ui-mono);white-space:pre-wrap;max-height:220px;margin:10px 0 0;padding:10px;font-size:.78rem;overflow:auto}.anti-cheat-audit-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.anti-cheat-audit-list li{background:var(--surface-alt);border:var(--border-width-thin) solid var(--divider);border-radius:var(--radius-md);padding:12px}.anti-cheat-audit-list span{color:var(--muted);font-family:var(--font-ui-mono);margin-top:4px;font-size:.76rem;display:block}.anti-cheat-audit-list p{margin:8px 0 0}@media (max-width:800px){.anti-cheat-action-grid{grid-template-columns:1fr}.anti-cheat-player-heading,.anti-cheat-investigation-heading,.anti-cheat-timeline-heading{flex-direction:column;align-items:flex-start}}.catalogue-review-page,.catalogue-review-detail,.catalogue-batch-grid,.catalogue-proposal-list,.catalogue-review-actions,.catalogue-audit-section{gap:18px;display:grid}.catalogue-batch-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.catalogue-upload-shell{justify-items:start;gap:14px;display:grid}.catalogue-upload-toggle{min-height:52px;padding-inline:22px}.catalogue-upload-panel,.catalogue-validation-control{background:var(--surface-alt);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset-tight);gap:16px;width:100%;min-width:0;padding:18px;display:grid}.catalogue-upload-panel h3,.catalogue-upload-panel h4,.catalogue-validation-control h3{margin:0}.catalogue-upload-close,.catalogue-authority-edit{width:fit-content;min-height:40px}.catalogue-upload-form,.catalogue-upload-field,.catalogue-upload-authority{gap:9px;display:grid}.catalogue-upload-authority{background:var(--surface);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-md);padding:14px}.catalogue-upload-field label,.catalogue-upload-authority h4{font-weight:900}.catalogue-upload-authority-grid{grid-template-columns:minmax(150px,.35fr) minmax(280px,1fr);gap:12px;display:grid}.catalogue-checksum-input,.catalogue-authority-preview code{font-family:var(--font-ui-mono)}.catalogue-selection,.catalogue-authority-preview,.catalogue-upload-error{border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-md);overflow-wrap:anywhere;margin:0;padding:10px 12px}.catalogue-selection,.catalogue-authority-preview{background:var(--color-warning-surface)}.catalogue-upload-error{background:var(--color-warning-surface);color:var(--color-danger);font-weight:800}.catalogue-upload-progress{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.catalogue-upload-progress li{background:var(--surface);border:var(--border-width-thin) solid var(--divider);border-radius:var(--radius-md);color:var(--muted);font-family:var(--font-ui-mono);text-align:center;text-transform:uppercase;min-width:0;padding:9px;font-size:.7rem;font-weight:900}.catalogue-upload-progress li[data-state=current]{background:var(--accent);border-color:var(--line);color:var(--color-on-primary)}.catalogue-upload-progress li[data-state=complete]{border-color:var(--color-success);color:var(--color-success)}.catalogue-upload-progress li[data-state=error]{border-color:var(--color-danger);color:var(--color-danger)}.catalogue-upload-actions,.catalogue-validation-control{justify-content:space-between;align-items:center;gap:14px;display:flex}.catalogue-upload-actions .admin-meta{margin:0}.catalogue-batch-card,.catalogue-proposal-card,.catalogue-report-panel,.catalogue-publish-lock{background:var(--surface-alt);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset-tight);min-width:0;padding:18px}.catalogue-publish-panel,.catalogue-bulk-approval-panel,.catalogue-publication-success{background:var(--surface-alt);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset-tight);gap:16px;padding:18px;display:grid}.catalogue-publication-success{border-color:var(--color-success)}.catalogue-publish-panel h3,.catalogue-bulk-approval-panel h3,.catalogue-publication-success h3,.catalogue-publish-panel p,.catalogue-bulk-approval-panel p{margin:0}.catalogue-publish-blockers{background:var(--color-warning-surface);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-md);margin:0;padding:12px 12px 12px 32px}.catalogue-publish-form{grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:10px;display:grid}.catalogue-publish-form label{grid-column:1/-1;font-weight:800}.catalogue-publish-form input{background:var(--surface);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);color:var(--text);font:inherit;padding:10px}.catalogue-bulk-approval-form{gap:10px;display:grid}.catalogue-bulk-approval-form label{font-weight:800}.catalogue-bulk-approval-form input,.catalogue-bulk-approval-form textarea{background:var(--surface);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);color:var(--text);font:inherit;padding:10px}.catalogue-bulk-approval-form button{justify-self:start}.catalogue-bulk-exclusions{background:var(--surface);border:var(--border-width-thin) solid var(--divider);border-radius:var(--radius-md);padding:12px}.catalogue-bulk-exclusions summary{cursor:pointer;font-weight:900}.catalogue-bulk-exclusions .catalogue-detail-grid{margin-top:12px}.catalogue-card-heading,.catalogue-batch-footer,.catalogue-report-panel,.catalogue-publish-lock{justify-content:space-between;align-items:center;gap:14px;display:flex}.catalogue-card-heading h3,.catalogue-report-panel h3,.catalogue-audit-section h3{overflow-wrap:anywhere;margin:0}.catalogue-status-stack,.catalogue-batch-footer,.admin-row-actions{flex-wrap:wrap;gap:8px;display:flex}.catalogue-status{border:var(--border-width-thin) solid currentColor;color:var(--muted);font-family:var(--font-ui-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:900}.catalogue-status-valid,.catalogue-status-structurally_valid{color:var(--color-success)}.catalogue-status-warning,.catalogue-status-manual_review_required{color:var(--color-text);background:var(--color-warning-surface)}.catalogue-status-invalid{color:var(--color-danger)}.catalogue-summary-grid,.catalogue-detail-grid{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin:0;display:grid}.catalogue-summary-grid div,.catalogue-detail-grid div{background:var(--surface);border:var(--border-width-thin) solid var(--divider);border-radius:var(--radius-md);min-width:0;padding:11px}.catalogue-summary-grid dt,.catalogue-detail-grid dt{color:var(--muted);font-family:var(--font-ui-mono);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem}.catalogue-summary-grid dd,.catalogue-detail-grid dd{overflow-wrap:anywhere;margin:4px 0 0;font-weight:800}.catalogue-summary-hero dd{font-family:var(--font-display);font-size:1.65rem}.catalogue-batch-footer{border-top:var(--border-width-thin) solid var(--divider);padding-top:12px}.catalogue-filter-tabs{flex-wrap:wrap;gap:8px;display:flex}.catalogue-filter-tabs a{background:var(--surface-alt);border:var(--border-width-thin) solid var(--line);text-transform:capitalize;border-radius:999px;padding:7px 11px;font-weight:800}.catalogue-filter-tabs a.active{background:var(--accent);color:var(--color-on-primary)}.catalogue-proposal-card{border-left-width:6px}.catalogue-proposal-invalid{border-left-color:var(--color-danger)}.catalogue-proposal-warning,.catalogue-proposal-manual_review_required{border-left-color:var(--accent)}.catalogue-proposal-valid{border-left-color:var(--color-success)}.catalogue-integral-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.catalogue-integral-compare section{background:var(--surface);border:var(--border-width-thin) solid var(--divider);border-radius:var(--radius-md);min-width:0;padding:12px;overflow:auto}.catalogue-integral-compare h4{margin:0 0 8px}.catalogue-integral .katex-display{margin:.5em 0;font-size:clamp(1rem,2.2vw,1.45rem)}.catalogue-findings,.catalogue-warning{background:var(--color-warning-surface);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-md);padding:12px}.catalogue-findings h5{margin:0 0 6px}.catalogue-findings ul{margin:0;padding-left:20px}.catalogue-warning{margin:0}.catalogue-decision-form,.catalogue-edit-panel .admin-form,.catalogue-report-form{gap:10px;display:grid}.catalogue-decision-form textarea,.catalogue-edit-panel textarea,.catalogue-edit-panel input,.catalogue-report-form input{background:var(--surface);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);color:var(--text);font:inherit;padding:9px}.catalogue-edit-panel{border-top:var(--border-width-thin) solid var(--divider);padding-top:12px}.catalogue-edit-panel>summary{cursor:pointer;font-weight:900}.catalogue-edit-panel .admin-form{margin-top:14px}.catalogue-edit-panel fieldset{border:var(--border-width-thin) solid var(--divider);border-radius:var(--radius-md)}.catalogue-taxonomy-options{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:7px;display:grid}.catalogue-report-panel{flex-wrap:wrap}.catalogue-report-form{grid-template-columns:minmax(200px,1fr) auto}.catalogue-report-form label{grid-column:1/-1}.catalogue-publish-lock{border-style:dashed}.catalogue-publish-lock p{color:var(--muted);margin:0}.catalogue-audit-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.catalogue-audit-list li{background:var(--surface-alt);border:var(--border-width-thin) solid var(--divider);border-radius:var(--radius-md);padding:12px}.catalogue-audit-list span{color:var(--muted);font-family:var(--font-ui-mono);margin-top:4px;font-size:.75rem;display:block}.catalogue-audit-list pre{background:var(--surface);white-space:pre-wrap;max-height:220px;padding:10px;overflow:auto}@media (max-width:800px){.catalogue-batch-grid,.catalogue-integral-compare,.catalogue-report-form,.catalogue-upload-authority-grid,.catalogue-upload-progress,.catalogue-publish-form{grid-template-columns:1fr}.catalogue-bulk-approval-form button{justify-self:stretch;width:100%}.catalogue-card-heading,.catalogue-report-panel,.catalogue-publish-lock,.catalogue-upload-actions,.catalogue-validation-control{flex-direction:column;align-items:stretch}.catalogue-upload-toggle,.catalogue-upload-actions button,.catalogue-validation-control form,.catalogue-validation-control button{width:100%}}.tournaments-shell{gap:24px}.tournament-panel{min-width:0;overflow:hidden}.tournament-search-panel{padding:16px}.tournament-page-layout,.tournament-main-stack,.tournament-setup-form,.tournament-setup-summary{gap:16px;min-width:0;display:grid}.tournament-page-layout{grid-template-columns:minmax(0, 1fr) minmax(260px, var(--tournament-sidebar-width));align-items:start}.tournament-hub-main-stack{align-self:start}.tournament-inline-create-sidebar{min-width:0}.tournament-empty-card{background:var(--surface-alt);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset-tight);justify-items:start;gap:12px;padding:22px;display:grid}.tournament-hero{background:linear-gradient(180deg, var(--accent-soft) 0 5.5rem, var(--surface) 5.5rem 100%)}.tournament-hero-heading{align-items:flex-start}.tournament-create-sidebar{top:calc(var(--header-height,0px) + 24px);position:sticky}.tournament-create-sidebar-expanded{height:calc(100dvh - var(--header-height,0px) - 48px);padding:14px;overflow:hidden}.tournament-create-sidebar-expanded .play-sidebar-section{grid-template-rows:auto minmax(0,1fr);align-content:stretch;height:100%;min-height:0;overflow:hidden}.tournament-sidebar-creation-form,.tournament-sidebar-creation-panel{min-width:0;min-height:0;display:grid}.tournament-sidebar-creation-form{overscroll-behavior:contain;scrollbar-gutter:stable;padding:3px 7px 8px 3px;scroll-padding-block:16px;overflow-y:auto}.tournament-sidebar-creation-panel,.tournament-sidebar-form-fields{gap:12px}.tournament-sidebar-form-fields .tournament-form-grid{grid-template-columns:1fr}.tournament-sidebar-create-actions{background:var(--surface);border-top:var(--border-width-thin) solid var(--divider);z-index:1;grid-template-columns:1fr;gap:10px;padding:12px 0 2px;display:grid;position:sticky;bottom:0}.tournament-sidebar-create-actions>*{width:100%}.tournament-lead,.tournament-caption{color:var(--muted);overflow-wrap:anywhere;max-width:58ch;margin:0}.tournament-detail-description{white-space:pre-wrap;margin-top:14px}.tournament-list,.tournament-form,.tournament-detail-grid,.tournament-placeholder-grid,.tournament-filter-form{gap:16px;min-width:0;display:grid}.tournament-participant-list,.tournament-organizer-stack,.tournament-rounds-stack,.tournament-pairing-list{gap:12px;display:grid}.tournament-card,.tournament-detail-card,.tournament-placeholder-card{background:var(--surface-alt);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset-tight)}.tournament-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;display:grid}.tournament-card-actions,.tournament-inline-actions,.tournament-inline-actions form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tournament-inline-actions-wrap{justify-content:flex-start}.tournament-pairing-admin-actions{margin-top:4px}.tournament-card-actions{flex-direction:column;align-items:flex-end}.tournament-card-discovery{align-items:stretch}.tournament-card-badges{gap:8px}.tournament-filter-grid,.tournament-filter-search-row{gap:12px;display:grid}.tournament-filter-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.tournament-filter-form label{gap:6px;display:grid}.tournament-filter-form label span{font-family:var(--font-ui-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.tournament-filter-form input,.tournament-filter-form select{min-height:48px}.tournament-filter-search{min-width:0}.tournament-filter-search-row{grid-template-columns:minmax(0,1fr) auto;align-items:end}.tournament-search-toolbar input{width:100%;font-size:1rem}.tournament-search-toolbar button{min-width:112px}.tournament-advanced-search{min-width:0}.tournament-advanced-search>summary{background:var(--surface-alt);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);color:var(--foreground);cursor:pointer;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:12px;min-height:44px;padding:10px 14px;font-weight:900;list-style:none;display:inline-flex}.tournament-advanced-search>summary::-webkit-details-marker{display:none}.tournament-advanced-search>summary:after{content:"+";font-family:var(--font-ui-mono);font-size:1.05rem;line-height:1}.tournament-advanced-search[open]>summary{background:var(--accent);color:var(--color-on-primary)}.tournament-advanced-search[open]>summary:after{content:"−"}.tournament-advanced-search>summary:hover{box-shadow:2px 2px 0 0 var(--shadow);transform:translate(2px,2px)}.tournament-advanced-search>summary:focus-visible{outline:3px solid var(--foreground);outline-offset:3px}.tournament-advanced-search-content{border-top:var(--border-width-thin) solid var(--divider);gap:16px;margin-top:16px;padding-top:16px;display:grid}.tournament-filter-login-prompt{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.tournament-active-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tournament-setup-form{gap:12px}.tournament-sidebar-lower-controls{gap:8px}.tournament-sidebar-lower-controls select{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;min-height:44px;padding:0 12px;font-size:.95rem;font-weight:900}.tournament-setup-summary{background:var(--surface-alt);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset-tight);padding:14px}.tournament-setup-summary div{gap:4px;display:grid}.tournament-setup-summary span{color:var(--muted);font-family:var(--font-ui-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem}.tournament-setup-summary strong{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;font-size:1.35rem;line-height:1}.tournament-round-chip-row{flex-wrap:wrap;gap:10px;display:flex}.tournament-card-main,.tournament-placeholder-card,.tournament-detail-card{gap:10px;display:grid}.tournament-card-topline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tournament-card h3,.tournament-detail-card h2,.tournament-placeholder-card h3{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:1.6rem;line-height:1.05}.tournament-card h3{overflow-wrap:anywhere;font-size:1.45rem}.tournament-card h3 a,.tournament-state-chip,.tournament-card-code{overflow-wrap:anywhere;word-break:break-word}.tournament-meta-grid,.tournament-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.tournament-meta-grid p,.tournament-detail-card p,.tournament-placeholder-card p{margin:0}.tournament-meta-grid strong{font-family:var(--font-ui-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:.74rem;display:block}.tournament-meta-grid span,.tournament-caption,.tournament-card-code{font-family:var(--font-ui-mono);letter-spacing:.03em;font-size:.82rem}.tournament-card-code{color:var(--muted)}.tournament-status{border:var(--border-width-thin) solid var(--line);box-shadow:var(--shadow-offset-tight);font-family:var(--font-ui-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 10px;font-size:.74rem;font-weight:800}.tournament-status-upcoming,.tournament-status-draft{background:var(--accent)}.tournament-status-live{background:var(--accent-red);color:var(--accent-foreground)}.tournament-status-finished{background:var(--surface)}.tournament-status-cancelled{background:var(--muted-surface);color:var(--muted)}.tournament-card-link{text-align:center;min-width:120px}.tournament-card-link-strong{background:var(--accent-red);color:var(--accent-foreground)}.secondary-link.tournament-create-link{background:var(--color-tournament-create);color:var(--color-on-tournament-create);width:100%}.tournament-card-state-note{color:var(--muted);font-family:var(--font-ui-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem}.tournament-state-chip{background:var(--surface-alt);border:var(--border-width-thin) solid var(--line);box-shadow:var(--shadow-offset-tight);font-family:var(--font-ui-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;max-width:100%;min-height:44px;padding:10px 14px;font-size:.78rem;font-weight:800}.tournament-disclosure,.tournament-lock-note{background:var(--accent-soft);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-md);color:var(--foreground);font-family:var(--font-ui-mono);overflow-wrap:anywhere;margin:0;padding:12px 14px;font-size:.82rem;font-weight:750;line-height:1.5}.tournament-lock-note{background:var(--muted-surface)}.tournament-fieldset{border:var(--border-width-thin) solid var(--divider);border-radius:var(--radius-md);gap:12px;min-width:0;margin:0;padding:14px;display:grid}.tournament-fieldset legend{font-family:var(--font-ui-mono);letter-spacing:.06em;text-transform:uppercase;padding:0 6px;font-size:.8rem;font-weight:850}.tournament-radio-row{flex-wrap:wrap;gap:10px;display:flex}.tournament-radio-row label{align-items:center;gap:8px;display:inline-flex}.tournament-radio-row input,.tournament-filter-form .checkbox-row input{accent-color:var(--primary);appearance:auto;box-shadow:none;flex:none;width:auto;min-height:auto}.tournament-private-fields,.tournament-registration-summary,.tournament-start-disabled,.tournament-bracket-pending{gap:10px;min-width:0;display:grid}.tournament-registration-summary{margin-bottom:16px}.tournament-private-join-form{grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:8px;min-width:min(100%,420px);display:grid!important}.tournament-private-join-form label{font-family:var(--font-ui-mono);letter-spacing:.06em;text-transform:uppercase;grid-column:1/-1;font-size:.76rem;font-weight:800}.tournament-private-join-form input,.tournament-form input:not([type=radio]):not([type=checkbox]):not([type=hidden]),.tournament-form select,.tournament-form textarea{width:100%;min-width:0}.tournament-bracket-pending h2{font-family:var(--font-display);text-transform:uppercase;margin:0}.tournament-detail-grid,.tournament-placeholder-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tournament-organizer-grid{grid-template-columns:minmax(280px,1fr) minmax(240px,360px);gap:16px;display:grid}.tournament-rank-pill{background:var(--surface-alt);border:var(--border-width-thin) solid var(--line);box-shadow:var(--shadow-offset-tight);font-family:var(--font-ui-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;justify-content:center;min-width:4.5rem;padding:6px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.tournament-standing-row-self{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.tournament-standing-row-self{background:color-mix(in srgb, var(--accent) 24%, transparent)}}.tournament-standings-shell table td,.tournament-standings-shell table th{white-space:nowrap}.tournament-detail-card,.tournament-placeholder-card{padding:18px}.tournament-status-form{background:var(--surface-alt);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset-tight);padding:18px}.tournament-participant-card{background:var(--surface-alt);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset-tight);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.tournament-participant-avatar{background-color:var(--accent);border:var(--border-width) solid var(--line);box-shadow:var(--shadow-offset-tight);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.tournament-participant-avatar-fallback{color:var(--foreground);font-family:var(--font-display);letter-spacing:.05em;font-size:1rem;font-weight:900}.tournament-participant-copy{gap:6px;min-width:0;display:grid}.tournament-participant-copy h3,.tournament-participant-copy p{margin:0}.tournament-participant-copy h3{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;font-size:1.15rem}.tournament-participant-link{text-align:center;min-width:100px}.tournament-pairing-card{background:var(--surface-alt);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset-tight);gap:12px;padding:18px;display:grid}.tournament-pairing-card-self{background:linear-gradient(180deg, var(--accent) 0 4.5rem, var(--surface-alt) 4.5rem 100%)}@supports (color:color-mix(in lab, red, red)){.tournament-pairing-card-self{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 24%, transparent) 0 4.5rem, var(--surface-alt) 4.5rem 100%)}}.tournament-pairing-players{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.tournament-pairing-players div{gap:4px;display:grid}.tournament-pairing-players span{color:var(--muted);font-family:var(--font-ui-mono);font-size:.82rem}.tournament-pairing-versus{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:1rem;font-weight:900}.checkbox-row{align-items:center;gap:10px;display:flex}.checkbox-row input{width:auto;min-height:auto}.admin-problem-list,.invite-admin-stack,.invite-generated-shell,.invite-generated-list,.invite-record-copy{gap:12px;display:grid}.invite-panel{overflow:hidden}.invite-panel-heading{align-items:flex-start}.invite-generate-panel{background:linear-gradient(180deg, var(--accent) 0 6rem, var(--surface) 6rem 100%)}.invite-generate-form{grid-template-columns:180px auto;align-items:end}.invite-generated-heading,.invite-record-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.invite-generated-heading h3{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:1.4rem}.invite-code-card{background:var(--surface-alt);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;display:grid}.invite-code-fingerprint,.invite-code-value{margin:0}.invite-code-fingerprint,.invite-status{font-family:var(--font-ui-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.invite-code-fingerprint{color:var(--muted)}.invite-code-value{font-family:var(--font-ui-mono);letter-spacing:.08em;word-break:break-word;font-size:1.05rem;font-weight:800}.invite-filter{grid-template-columns:auto 180px auto}.invite-record-list{margin-top:8px}.invite-record-item{background:var(--surface-alt)}.invite-record-topline h4{margin:0}.invite-status{border:var(--border-width-thin) solid var(--line);box-shadow:var(--shadow-offset-tight);border-radius:999px;padding:6px 10px}.invite-status-unused{background:var(--accent)}.invite-status-used{background:var(--surface)}.invite-status-revoked{background:var(--loss);color:var(--destructive-foreground)}.invite-status-claimed{background:var(--accent-red);color:var(--accent-foreground)}.invite-record-actions form{margin:0}.admin-problem-item{background:var(--muted-surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);grid-template-columns:1fr auto;gap:12px;padding:14px;display:grid}.admin-problem-item h4,.admin-problem-item p{margin:0 0 8px}.admin-meta{color:var(--muted);font-size:.92rem;line-height:1.45}.admin-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:start;gap:8px;display:flex}.secondary-link{background:var(--surface-alt);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;padding:10px 14px;font-weight:900}.danger-button{background:var(--loss);color:var(--destructive-foreground)}.stats-filter{grid-template-columns:auto minmax(140px,180px) auto minmax(140px,180px) auto minmax(140px,180px) auto;align-items:end;gap:10px;margin:20px 0;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:20px 0;display:grid}.stat-card{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);gap:6px;min-height:112px;padding:14px;display:grid}.stat-card span,.stat-card small{color:var(--muted);font-size:.85rem;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;font-weight:800}.stat-card strong{font-family:var(--font-ui-mono);font-variant-numeric:tabular-nums;font-size:2rem;line-height:1}.chart-grid-panels{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.chart-panel{background:var(--muted-surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-offset-tight);padding:16px}.chart-panel h3{font-family:var(--font-display);text-transform:uppercase;margin:0 0 12px}.admin-chart{width:100%;max-width:100%;height:auto;overflow:visible}.chart-grid{fill:none;stroke:var(--line);stroke-width:2px}.chart-line{fill:none;stroke:var(--chart-3);stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.chart-point{fill:var(--chart-2)}.chart-value,.chart-axis-label{fill:var(--muted);font-size:.72rem;font-family:var(--font-display);font-weight:800}.bar-chart{gap:12px;display:grid}.bar-row{grid-template-columns:minmax(100px,160px) 1fr auto;align-items:center;gap:10px;display:grid}.bar-row span{color:var(--muted);font-size:.9rem;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-weight:800}.bar-row div{background:var(--accent-soft);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);height:14px;overflow:hidden}.bar-row i{background:var(--chart-4);height:100%;display:block}@media (max-width:1440px){:root{--app-sidebar-width:168px;--page-shell-padding:20px;--layout-gap:18px;--play-sidebar-width:270px;--tournament-sidebar-width:296px}.app-sidebar{gap:16px;padding:16px 10px}.brand-mark{width:80px;height:80px}.profile-section-card,.profile-header-card,.admin-header,.admin-panel,.tournament-detail-card,.tournament-placeholder-card,.tournament-card{padding:20px}}@media (max-width:1280px){:root{--app-sidebar-width:152px;--page-shell-padding:18px;--layout-gap:16px;--play-sidebar-width:248px;--tournament-sidebar-width:280px}.play-player-row{gap:10px}.play-player-panel{gap:12px;padding:14px 16px}.play-player-panel-left,.play-player-panel-right{padding-left:16px;padding-right:16px}.play-player-overline,.play-panel-label,.play-player-score span{font-size:.74rem}.play-player-status,.play-player-rating{padding:5px 9px;font-size:.78rem}.play-player-copy h2{font-size:clamp(.98rem,1.45vw,1.2rem)}.play-player-score{flex-basis:clamp(80px,8vw,102px);min-width:clamp(80px,8vw,102px);padding:9px 12px}.play-player-score strong{font-size:clamp(1.5rem,2vw,1.75rem)}.profile-header-card{grid-template-columns:minmax(0,1fr)}.profile-header-actions{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));width:100%}.profile-overview-grid{grid-template-columns:1fr}.profile-section-heading{flex-direction:column;align-items:start}.profile-section-heading p:last-child{text-align:left;max-width:none}.profile-activity-layout{grid-template-columns:minmax(0,1fr) minmax(160px,220px)}.tournament-page-layout,.tournament-organizer-grid,.admin-editor{grid-template-columns:1fr}.tournament-hub-layout{grid-template-areas:"search""create""results"}.tournament-hub-main-stack{display:contents}.tournament-hub-search-panel{grid-area:search}.tournament-hub-results-panel{grid-area:results}.tournament-inline-create-sidebar{grid-area:create;position:static;top:auto}.tournament-create-sidebar-expanded{height:auto;overflow:visible}.tournament-create-sidebar-expanded .play-sidebar-section{grid-template-rows:auto;height:auto;overflow:visible}.tournament-sidebar-creation-form{scrollbar-gutter:auto;padding-right:3px;overflow:visible}.tournament-card,.admin-problem-item{grid-template-columns:1fr}.tournament-card-actions,.admin-row-actions{justify-content:flex-start}.stats-filter{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1180px){.play-layout-live,.tournament-page-layout{grid-template-columns:1fr}.play-sidebar,.tournament-create-sidebar{position:static;top:auto}.play-shell-active{height:auto;overflow:visible}.play-layout-active{height:auto}}@media (max-width:1024px){:root{--app-sidebar-width:136px;--page-shell-padding:16px}.play-player-row{grid-template-columns:1fr}.play-versus-badge{justify-self:center;margin:-2px 0}.play-player-panel-right .play-player-heading,.play-player-panel-right .play-player-body,.play-player-panel-right .play-player-detail-row{flex-direction:row}.play-player-panel-right .play-player-copy,.play-player-panel-right .play-player-copy h2,.play-player-panel-right .play-player-copy p{text-align:left}.play-player-body,.play-player-detail-row,.play-problem-header,.play-problem-footer{flex-direction:column;align-items:stretch}.play-player-score,.play-player-panel-right .play-player-score{border-left:0;border-right:0;border-top:1px solid var(--divider);box-shadow:inset 0 6px 0 var(--line);text-align:left;justify-items:start;min-width:0;padding-top:12px;padding-left:0}.play-sidebar{max-width:none}.profile-mode-grid,.profile-benchmark-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.profile-activity-layout{grid-template-columns:1fr}.profile-friend-list{grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}.admin-filter,.invite-filter,.invite-generate-form,.tournament-filter-search-row,.stats-filter{grid-template-columns:1fr}}@media (max-width:800px){.profile-mode-grid,.profile-benchmark-grid,.chart-grid-panels,.training-radar-grid.profile-training-radar-grid{grid-template-columns:1fr}.table-shell{box-shadow:var(--shadow-offset-tight)}.profile-history-table th,.profile-history-table td{white-space:normal}.ranking-table-shell{overflow:visible}.ranking-table-shell table,.ranking-table-shell thead,.ranking-table-shell tbody,.ranking-table-shell tr,.ranking-table-shell th,.ranking-table-shell td{display:block}.ranking-table-shell thead{position:absolute;top:-9999px;left:-9999px}.ranking-table-shell table{table-layout:auto;width:100%;min-width:0}.ranking-table-shell tbody{gap:12px;padding:12px;display:grid}.ranking-table-shell tbody tr{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset-tight);overflow:hidden}.ranking-table-shell tbody td{white-space:normal;grid-template-columns:84px minmax(0,1fr);align-items:start;gap:10px;padding:10px 14px;display:grid}.ranking-table-shell tbody td:before{color:var(--muted);content:attr(data-label);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.leaderboard-rank-cell,.leaderboard-player-cell{min-width:0}.leaderboard-player-name{white-space:normal;word-break:break-word}}@media (max-width:620px){.app-frame{grid-template-columns:1fr}.app-sidebar{border-bottom:var(--border-width) solid var(--line);border-right:0;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;height:auto;min-height:auto;padding:10px;display:grid;position:sticky;top:0}.brand-mark{width:54px;height:54px}.integral-bee-logo-sidebar{-webkit-text-stroke-width:1.5px;text-shadow:2px 2px 0 var(--line);font-size:3.1rem;transform:translateY(-2px)}.sidebar-nav{grid-area:2/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;min-width:0;display:grid}.sidebar-menu,.sidebar-menu>.sidebar-button,.sidebar-nav>.sidebar-button{width:100%;min-width:0}.sidebar-nav>.sidebar-button-disabled{display:none}.sidebar-button{white-space:nowrap;justify-content:center;min-width:0;padding-inline:6px;font-size:.72rem}.sidebar-submenu{top:calc(100% + 8px);left:0}.sidebar-future-space{display:none}.sidebar-account{justify-content:flex-end;align-items:center;min-width:0;display:flex}.profile-button{max-width:132px}.ranking-table-shell tbody td{grid-template-columns:72px minmax(0,1fr);padding:9px 12px}.leaderboard-avatar{flex-basis:42px;width:42px;height:42px}.auth-sidebar-actions{display:flex}.auth-sidebar-actions a{padding:0 10px}.settings-button{justify-content:center;min-width:44px;padding:0}.sidebar-logout .secondary-button{min-width:44px;padding:0 10px}.settings-button span:last-child{display:none}.settings-menu{max-height:calc(100dvh - 24px)}.game-shell,.play-shell,.home-shell,.page-shell{padding:16px}.page-shell-auth:before,.page-shell-account:before,.page-shell-competition:before{width:4.5rem;top:16px;left:16px}.home-panel-hero:before,.home-panel-hero:after,.page-header-ranking:after,.page-header-player:after{display:none}.play-layout{grid-template-columns:1fr}.play-player-panel-left,.play-player-panel-right{padding-left:16px;padding-right:16px}.play-player-panel-right .play-player-heading,.play-player-panel-right .play-player-body,.play-player-panel-right .play-player-detail-row{flex-direction:row}.play-player-panel-right .play-player-copy,.play-player-panel-right .play-player-copy h2,.play-player-panel-right .play-player-copy p{text-align:left}.play-player-panel-right .play-player-score{border-right:0;border-left:1px solid var(--divider);text-align:right;padding-left:14px;padding-right:0}.play-sidebar{position:static;top:auto}.game-panel{padding:16px}.answer-row,.play-history-info-grid,.status-grid,.admin-filter,.admin-editor,.admin-form-grid,.admin-problem-item,.invite-generate-form,.invite-filter,.invite-code-card,.tournament-card,.tournament-detail-grid,.tournament-filter-grid,.tournament-form-grid,.tournament-page-layout,.tournament-organizer-grid,.tournament-placeholder-grid,.tournament-participant-card,.stats-filter,.stats-grid,.chart-grid-panels,.bar-row{grid-template-columns:1fr}.top-bar,.top-bar span{flex-direction:column;align-items:stretch}.tournament-card-actions{align-items:stretch}.tournament-panel .admin-panel-heading,.invite-generated-heading,.invite-record-topline{flex-direction:column;align-items:stretch}.tournament-filter-search-row{grid-template-columns:1fr}.tournament-advanced-search>summary,.tournament-search-toolbar button{justify-content:space-between;width:100%}.tournament-filter-login-prompt{grid-template-columns:1fr;align-items:stretch}.tournament-filter-login-prompt .secondary-link{justify-self:start}.tournament-private-join-form{grid-template-columns:1fr;width:100%;min-width:0}.tournament-private-join-form button{width:100%}.tournament-create-sidebar{position:static}.post-match-progression-header{align-items:stretch}.profile-heatmap{grid-template-columns:repeat(9,18px)}.profile-heatmap-compact{grid-template-columns:repeat(6,18px)}.profile-history-table th,.profile-history-table td{white-space:normal}.leaderboard-toolbar,.leaderboard-pagination{flex-direction:column;align-items:stretch}.leaderboard-table th:first-child,.leaderboard-table td:first-child{width:auto}.leaderboard-jump-link,.leaderboard-page-link,.leaderboard-page-numbers{width:100%}.play-history-entry-top{grid-template-columns:repeat(2,minmax(0,1fr))}.play-history-time,.play-history-info-button{justify-self:start}}.training-shell{min-height:100vh;padding:var(--page-shell-padding)}.training-layout{align-items:start;gap:var(--layout-gap);grid-template-columns:minmax(0,1fr) minmax(280px,340px);max-width:1380px;margin:0 auto;display:grid}.training-main{gap:16px;min-width:0;display:grid}.training-player-row{margin-bottom:4px}.training-stage{padding:0}.training-problem-frame{min-height:clamp(340px,54vh,620px)}.training-problem-frame>.problem{align-self:center;min-width:0;overflow-x:auto}.training-problem-frame .problem .katex-display{font-size:clamp(1.5rem,2.75vw,2.35rem)}.training-empty-state{text-align:center;align-content:center;justify-items:center;gap:12px;min-height:100%;padding:28px;display:grid}.training-empty-state h2{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,4rem);line-height:.95}.training-empty-state p{color:var(--muted);max-width:38rem;margin:0;font-weight:750}.training-answer-bar{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:0;display:grid;position:relative}.training-answer-bar .answer-form{min-width:0}.training-session-actions{gap:8px;display:flex}.training-session-actions button{min-height:44px;padding:0 14px}.training-end-button{background:var(--accent-red);color:var(--accent-foreground)}.training-feedback{align-items:center;gap:10px;min-height:0;font-size:.86rem;font-weight:850;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0}.training-feedback a{color:var(--color-link);text-decoration:underline}.training-feedback-correct{color:var(--color-success)}.training-feedback-incorrect,.training-feedback-invalid{color:var(--color-danger)}.training-feedback-info{color:var(--muted)}.training-sidebar{background:var(--surface);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset-large);top:var(--page-shell-padding);gap:0;display:grid;position:sticky;overflow:hidden}.training-sidebar fieldset{border:0;border-bottom:var(--border-width-thin) solid var(--divider);gap:7px;min-width:0;margin:0;padding:12px 16px;display:grid}.training-sidebar legend{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;padding:0;font-size:.78rem;font-weight:900}.training-multiselect{background:var(--surface);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-offset-tight);overflow:hidden}.training-multiselect summary{background:var(--surface);cursor:pointer;justify-content:space-between;align-items:center;min-height:42px;padding:8px 10px;font-size:.78rem;font-weight:850;list-style:none;display:flex}.training-multiselect summary::marker{content:""}.training-multiselect summary::-webkit-details-marker{display:none}.training-multiselect summary:hover{background:var(--surface-alt)}.training-multiselect summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px}.training-multiselect-chevron{font-size:1rem;transition:transform .14s}.training-multiselect[open] .training-multiselect-chevron{transform:rotate(180deg)}.training-multiselect-menu{background:var(--surface);border-top:var(--border-width-thin) solid var(--divider);gap:5px;padding:7px;display:grid}.training-difficulty-summary{align-items:baseline;gap:8px;min-width:0;display:flex}.training-difficulty-range{color:var(--muted);white-space:nowrap;font-size:.68rem;font-weight:850}.training-difficulty-options button{background:var(--surface);border-radius:var(--radius-sm);box-shadow:none;color:var(--foreground);text-align:left;text-transform:none;border:1px solid #0000;justify-content:space-between;align-items:center;width:100%;min-height:34px;padding:5px 7px;font-size:.76rem;font-weight:850;display:flex}.training-difficulty-options button:hover{background:var(--surface-alt);border-color:var(--divider)}.training-difficulty-options button[aria-pressed=true]{background:var(--accent);border-color:var(--line);color:var(--color-on-primary)}.training-difficulty-options button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px}.training-select-all{background:var(--accent);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-sm);color:var(--color-on-primary);text-transform:uppercase;justify-content:flex-start;align-items:center;gap:7px;width:100%;min-height:32px;padding:4px 7px;font-size:.72rem;font-weight:900;display:flex}.training-select-all span{font-size:.88rem;line-height:1}.training-checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 6px;display:grid}.training-filter-group label{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:7px;min-width:0;min-height:32px;padding:4px 6px;font-size:.72rem;font-weight:800;display:flex}.training-filter-group label:hover{background:var(--surface-alt);border-color:var(--divider)}.training-filter-group label:has(input:checked){background:var(--accent-soft);border-color:var(--line)}.training-filter-group label span{overflow-wrap:anywhere;line-height:1.15}.training-filter-group input{appearance:none;background:var(--surface);border:2px solid var(--line);box-sizing:border-box;border-radius:4px;flex:0 0 20px;min-width:20px;max-width:20px;min-height:20px;max-height:20px;margin:0;padding:0;width:20px!important;height:20px!important}.training-filter-group input:checked{background:var(--accent);box-shadow:inset 0 0 0 4px var(--surface)}.training-filter-group input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.training-sidebar fieldset:disabled{opacity:.68}.training-sidebar fieldset:disabled .training-multiselect{pointer-events:none}.training-availability{background:var(--muted-surface);gap:3px;padding:12px 16px;display:grid}.training-availability strong{font-family:var(--font-display);text-transform:uppercase}.training-availability span,.training-availability p{color:var(--muted);margin:0;font-size:.74rem;font-weight:800}.training-start-button{background:var(--accent);color:var(--color-on-primary);min-height:48px;margin:14px 16px 16px}.training-locked-note{color:var(--muted);text-align:center;margin:0;padding:14px 16px;font-size:.75rem;font-weight:850}@media (min-width:1181px) and (min-height:720px){.training-shell{height:100dvh;overflow:hidden}.training-layout{height:calc(100dvh - (2 * var(--page-shell-padding)))}.training-main{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;height:100%;min-height:0}.training-player-row .play-player-panel{min-height:0;padding:14px 16px}.training-stage,.training-problem-frame{height:100%;min-height:0}}.training-result-dialog{background:var(--color-surface-elevated);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:10px 10px 0 var(--shadow-strong);box-sizing:border-box;color:var(--foreground);width:calc(100% - 32px);max-width:620px;max-height:min(86dvh,760px);margin:auto;padding:0;position:fixed;inset:0;overflow:auto}.training-result-dialog::backdrop{background:var(--color-backdrop)}.training-result-body{gap:12px;padding:clamp(16px,2.5vw,24px);display:grid}.training-result-section-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-size:.86rem}.training-result-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.training-result-stats>div{background:var(--accent-cyan);border:var(--border-width-thin) solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:44px;padding:6px 8px;display:grid}.training-result-stats span{font-family:var(--font-display);letter-spacing:.05em;overflow-wrap:anywhere;text-transform:uppercase;font-size:.58rem;font-weight:900}.training-result-stats strong{font-family:var(--font-display);font-size:1rem}.training-radar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.training-radar-card{background:var(--surface);border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-md);gap:2px;min-width:0;padding:7px;display:grid}.training-radar-card h3{font-family:var(--font-display);text-align:center;text-transform:uppercase;margin:0;font-size:.82rem}.training-radar-plot{aspect-ratio:1;width:100%;max-width:178px;margin:0 auto;position:relative}.training-radar-svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.training-radar-ring{fill:none;stroke:var(--divider);stroke-width:1px}.training-radar-axis{stroke:var(--divider);stroke-width:1px}.training-radar-before{fill:var(--muted-surface);fill-opacity:.45;stroke:var(--muted);stroke-dasharray:4 3;stroke-width:2px}.training-radar-after{fill:var(--accent-cyan);fill-opacity:.32;stroke:var(--foreground);stroke-linejoin:round;stroke-width:2.2px}.training-radar-point{fill:var(--accent);stroke:var(--line);stroke-width:1.5px}.training-radar-label-layer{pointer-events:none;position:absolute;inset:0}.training-radar-label{box-shadow:none;color:var(--foreground);cursor:help;pointer-events:auto;z-index:2;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;width:auto;height:auto;min-height:0;padding:2px;display:flex;position:absolute;transform:translate(-50%,-50%)}.training-radar-label:hover:not(:disabled),.training-radar-label:focus-visible,.training-radar-label:active:not(:disabled){box-shadow:none;color:var(--foreground);z-index:5;background:0 0;transform:translate(-50%,-50%)}.training-radar-label:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.training-radar-acronym{font-family:var(--font-display);letter-spacing:-.02em;font-size:.62rem;font-weight:950;line-height:1}.training-radar-tooltip{background:var(--foreground);border:2px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-offset-tight);color:var(--background);text-align:left;white-space:normal;z-index:8;gap:2px;width:max-content;max-width:min(190px,100vw - 48px);padding:7px 9px;font-size:.68rem;line-height:1.15;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.training-radar-tooltip strong{font-family:var(--font-display);text-transform:uppercase;font-size:.7rem}.training-radar-label:hover .training-radar-tooltip,.training-radar-label:focus-visible .training-radar-tooltip{display:grid}.training-radar-label-position-0 .training-radar-tooltip,.training-radar-label-position-1 .training-radar-tooltip,.training-radar-label-position-5 .training-radar-tooltip{top:calc(100% + 6px);bottom:auto}.training-radar-label-position-1 .training-radar-tooltip,.training-radar-label-position-2 .training-radar-tooltip{left:auto;right:0;transform:none}.training-radar-label-position-4 .training-radar-tooltip,.training-radar-label-position-5 .training-radar-tooltip{left:0;transform:none}.training-result-note{background:var(--muted-surface);border-left:7px solid var(--line);margin:0;padding:9px 11px;font-size:.75rem;font-weight:800}.training-wtp-dialog{background:var(--color-surface-elevated);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:10px 10px 0 var(--shadow-strong);box-sizing:border-box;color:var(--foreground);width:calc(100% - 32px);max-width:760px;max-height:min(92dvh,900px);margin:auto;padding:0;position:fixed;inset:0;overflow:auto}.training-wtp-dialog::backdrop{background:var(--color-backdrop)}.training-wtp-body{gap:18px;padding:clamp(18px,4vw,32px);display:grid}.training-wtp-body>header{justify-content:space-between;align-items:start;gap:14px;display:flex}.training-wtp-body h2{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:clamp(2rem,6vw,3.8rem);line-height:.95}.training-wtp-body>p{color:var(--muted);margin:0;font-weight:750}.training-wtp-question{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.training-wtp-question legend{font-family:var(--font-display);text-transform:uppercase;padding:0;font-size:.88rem;font-weight:900;line-height:1.3}.training-wtp-question>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.training-wtp-question label{background:var(--surface-alt);border:var(--border-width-thin) solid var(--divider);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;min-height:44px;padding:9px 10px;font-size:.82rem;font-weight:800;display:flex}.training-wtp-question label:has(input:checked){background:var(--accent-soft);border-color:var(--line)}.training-wtp-question input{accent-color:var(--primary);appearance:auto;background:initial;box-shadow:none;box-sizing:border-box;border:0;border-radius:50%;flex:0 0 18px;min-width:18px;max-width:18px;min-height:18px;max-height:18px;margin:0;padding:0;width:18px!important;height:18px!important}.training-wtp-error{min-height:1.25em;color:var(--error)!important}@media (max-width:1180px){.training-layout{grid-template-columns:1fr;max-width:940px}.training-sidebar{position:static}}@media (max-width:760px){.training-shell{padding:14px}.training-answer-bar{grid-template-columns:1fr}.training-session-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.training-problem-frame{min-height:300px}}@media (max-width:620px){.sidebar-nav{overflow-x:visible}.sidebar-button{min-width:0;padding:0 8px}.training-shell{padding:12px}.training-problem-frame{min-height:260px;padding:14px}.training-answer-bar{z-index:2;position:sticky;bottom:8px}.training-answer-bar .answer-row{grid-template-columns:minmax(0,1fr) auto}.training-result-dialog,.training-wtp-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.training-wtp-question>div{grid-template-columns:1fr}.training-result-body{gap:9px;padding:12px}.training-radar-grid{gap:4px}.training-radar-card{padding:3px}.training-radar-card h3{font-size:.62rem}}@media (max-width:360px){.training-checkbox-grid{grid-template-columns:1fr}}.private-match-panel{gap:14px}.private-match-panel .play-panel-label{margin:0}.private-match-heading{flex-direction:column;display:flex}.private-match-heading h2{margin:0}.private-match-block{flex-direction:column;gap:10px;display:flex}.private-match-join-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.private-match-code-input{border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-md);width:100%;min-height:48px;box-shadow:var(--shadow-offset-tight);background:var(--surface);color:var(--foreground);font-family:var(--font-ui-mono);letter-spacing:.12em;text-transform:uppercase;padding:0 14px;font-size:1rem;font-weight:800}.private-match-code-input::placeholder{color:var(--muted)}.private-match-action,.private-match-join-button{width:100%}.private-match-message{margin:0}.private-room-shell{flex-direction:column;gap:20px;width:min(1040px,100%);margin:0 auto;display:flex}.private-room-hero,.private-room-meta,.private-room-participants,.private-room-actions{gap:16px;display:grid}.private-room-hero{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start}.private-room-code-card,.private-room-player-card,.private-room-meta>div{border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset);background:var(--surface)}.private-room-code-card{text-align:center;flex-direction:column;gap:12px;min-width:0;padding:18px;display:flex}.private-room-code-card span,.private-room-meta span{letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:900}.private-room-code-card strong{font-family:var(--font-ui-mono);letter-spacing:.12em;overflow-wrap:anywhere;font-size:clamp(1.5rem,3vw,2.2rem)}.private-room-meta{grid-template-columns:repeat(4,minmax(0,1fr))}.private-room-meta>div{flex-direction:column;gap:8px;min-width:0;padding:16px 18px;display:flex}.private-room-participants{grid-template-columns:repeat(2,minmax(0,1fr))}.private-room-player-card{align-items:flex-start;gap:16px;min-width:0;padding:18px;display:flex}.private-room-player-card h2{overflow-wrap:anywhere;margin:4px 0 6px}.private-room-avatar{border:var(--border-width-thin) solid var(--line);background:var(--primary);width:72px;min-width:72px;height:72px;font-family:var(--font-ui-mono);border-radius:999px;place-items:center;font-size:1.25rem;font-weight:900;display:grid}.private-room-avatar-image{background-color:var(--surface-soft);background-position:50%;background-repeat:no-repeat;background-size:cover}.private-room-player-copy{min-width:0}.private-room-player-note,.private-room-code-note,.private-room-copy-feedback{margin:0}.private-room-player-note{letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}.private-room-code-note{text-wrap:balance}.private-room-copy-feedback{min-height:1.2rem}.private-room-status-stack{gap:10px;display:grid}.private-room-actions{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1120px){.private-room-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:880px){.private-room-hero,.private-room-meta,.private-room-participants,.private-room-actions,.private-match-join-row{grid-template-columns:1fr}}@media (max-width:560px){.private-room-player-card{flex-direction:column}.private-room-avatar{width:64px;min-width:64px;height:64px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
