*,*:before,*:after{box-sizing:border-box}*{scrollbar-color:var(--color-scroll-thumb) transparent;scrollbar-width:thin}*::-webkit-scrollbar{width:7px;height:7px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border:2px solid transparent;background:var(--color-scroll-thumb);background-clip:padding-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}html{background:var(--color-ops);font-family:var(--font-sans);font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{color:var(--color-paper);background:var(--color-ops)}button,input,select,textarea{margin:0;border-radius:0;color:inherit;font:inherit}button{min-width:44px;min-height:44px;padding:.7rem .9rem;border:var(--line) solid var(--color-panel-line);background:transparent;font-family:var(--font-mono);font-size:var(--text-00);font-weight:500;letter-spacing:.075em;line-height:1.2;text-transform:uppercase;cursor:pointer;transition:color var(--duration-fast) var(--ease-functional),background-color var(--duration-fast) var(--ease-functional),border-color var(--duration-fast) var(--ease-functional)}button:hover:not(:disabled),button[aria-pressed=true],button.is-active,button.active{color:var(--color-paper);background:var(--accent-soft);border-color:var(--accent)}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:var(--focus-outline);outline-offset:2px}input,select,textarea{min-height:var(--control-height);border:var(--line) solid var(--line-default);background:var(--surface-field);padding:.65rem .75rem}input[type=range]{min-height:44px;padding:0;accent-color:var(--accent)}textarea{resize:vertical}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:520;letter-spacing:-.035em;line-height:1.08}strong{font-weight:650}[hidden]{display:none}::selection{color:var(--signal-play-ink);background:var(--signal-play)}.game-shell{position:relative;width:100%;height:100%;min-width:0;overflow:hidden;background:var(--color-ops)}.game-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}.game-canvas[data-mouse-mode=aim]{cursor:crosshair}.game-canvas[data-mouse-mode=stroke]{cursor:ns-resize}.game-canvas[data-mouse-mode=inspect]{cursor:grab}.game-canvas[data-mouse-mode=inspect]:active{cursor:grabbing}.section-code,.eyebrow{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-00);font-weight:600;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.brand-wordmark{display:inline-flex;align-items:center;flex:none;gap:0;color:inherit;font-size:1rem;line-height:1;white-space:nowrap}.brand-wordmark__cue{font-weight:var(--weight-wordmark-light);letter-spacing:var(--tracking-wordmark-light)}.brand-wordmark__cannon{font-weight:var(--weight-wordmark-heavy);letter-spacing:var(--tracking-wordmark-heavy)}.brand-wordmark--compact{display:grid;justify-items:center;gap:.08rem;font-size:.64rem;line-height:.9}.loading-screen,.fatal-error{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:var(--space-6);color:var(--color-paper);background:var(--color-ops);opacity:1;visibility:visible;transition:opacity var(--duration-base) var(--ease-functional),visibility var(--duration-base)}.loading-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-lockup,.fatal-error>div{width:min(18rem,100%);border-top:var(--line) solid var(--color-panel-line);padding-top:var(--space-3)}.loading-lockup{display:grid;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-00);letter-spacing:.08em}.loading-lockup .loading-brand{display:grid;gap:var(--space-1)}.loading-lockup .brand-wordmark{font-family:var(--font-sans);font-size:var(--text-40);line-height:1;margin:0}.loading-lockup .brand-tagline{margin:0;font-family:var(--font-mono);font-size:var(--text-00);letter-spacing:.12em;line-height:1.4;color:var(--color-subtle);text-transform:uppercase}.loading-bar-track{width:100%;height:2px;background:var(--color-panel-strong);position:relative;overflow:hidden;border-radius:var(--radius)}.loading-bar-fill{height:100%;width:var(--loading-progress, 0%);background:var(--accent);transition:width var(--duration-base) var(--ease-functional);position:relative;overflow:hidden}.loading-bar-fill:after{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:var(--color-paper)}.loading-meta{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:var(--text-00);letter-spacing:.08em;text-transform:uppercase;color:var(--color-subtle)}.loading-percent{color:var(--accent);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600}.loading-status{color:var(--color-subtle);font-size:var(--text-00);letter-spacing:.08em;text-transform:uppercase}.loading-ring{width:100%;height:2px;background:var(--color-panel-strong);position:relative;overflow:hidden;border-radius:var(--radius)}.loading-ring:before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--loading-progress, 35%);background:var(--accent);transition:width var(--duration-base) var(--ease-functional)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto;animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}@media(forced-colors:active){*{forced-color-adjust:auto}}.ui-panel,.ui-dialog,.ui-data-panel{border:var(--line) solid var(--color-panel-line);border-top-color:var(--bevel-top);border-bottom-color:var(--bevel-bottom);box-shadow:inset 0 1px #ffffff0f;background:var(--color-panel)}.ui-panel--raised,.ui-data-panel--raised{background:var(--color-panel-raised)}.ui-button--accent,.ui-button--signal,.ui-button--critical,.ui-button--quiet{min-height:var(--control-height)}.ui-button--accent{color:var(--surface-app);border-color:var(--accent);background:var(--accent)}.ui-button--accent:hover:not(:disabled),.ui-button--accent:focus-visible{border-color:var(--accent-strong);background:var(--accent-strong)}.ui-button--signal{color:var(--signal-play-ink);border-color:var(--signal-play);background:var(--signal-play)}.ui-button--signal:hover:not(:disabled),.ui-button--signal:focus-visible{filter:brightness(1.08)}.ui-button--critical{color:var(--text-title);border-color:var(--status-critical);background:var(--status-critical-surface)}.ui-button--quiet{color:var(--text-secondary);border-color:var(--color-panel-line)}.ui-button--quiet:hover:not(:disabled),.ui-button--quiet:focus-visible{color:var(--text-primary);border-color:var(--accent);background:var(--accent-soft)}.ui-badge,.ui-status{display:inline-flex;width:fit-content;min-height:1.5rem;align-items:center;border:var(--line) solid currentColor;padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-00);letter-spacing:.06em;line-height:1.2;text-transform:uppercase}.ui-status--success{color:var(--status-success);background:var(--status-success-surface)}.ui-status--warning{color:var(--status-warning);background:var(--status-warning-surface)}.ui-status--critical{color:var(--status-critical);background:var(--status-critical-surface)}.ui-status--info{color:var(--status-info);background:var(--status-info-surface)}.ui-empty-state{display:grid;gap:var(--space-3);align-content:center;min-height:12rem;border-block:var(--line) solid var(--color-panel-line);color:var(--text-secondary)}.ui-data-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:baseline;border-top:var(--line) solid var(--color-panel-line);padding-block:var(--space-2)}.ui-data-row>:first-child{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-00);letter-spacing:.06em;text-transform:uppercase}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-00);letter-spacing:.06em;text-transform:uppercase;line-height:1.2;cursor:pointer;border:var(--line) solid var(--color-panel-line);background:transparent;transition:transform var(--duration-fast) var(--ease-spring),background var(--duration-fast) var(--ease-functional),border-color var(--duration-fast) var(--ease-functional),color var(--duration-fast) var(--ease-functional)}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:disabled{opacity:.4;cursor:not-allowed}[data-room-walk=true] .pool-hud,[data-room-walk=true] .app-navigation,[data-room-walk=true] .in-game-chat-wrapper{visibility:hidden;pointer-events:none}.room-walk-hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);padding:10px 18px;color:var(--text-room-walk-hint);background:#141d1cc7;border:1px solid rgb(220 207 175 / 18%);border-radius:24px;font-size:12px;letter-spacing:.025em;text-align:center;pointer-events:none;z-index:80}.room-walk-hint[hidden]{display:none}.pool-hud{position:absolute;inset:0;z-index:20;pointer-events:none}.pool-hud>*,.control-bar>*{pointer-events:auto}.control-bar{position:absolute;top:0;right:0;left:var(--navigation-drawer-offset);display:flex;min-height:var(--control-bar-height);align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);padding-left:max(var(--space-2),env(safe-area-inset-left,0px));padding-right:max(var(--space-2),env(safe-area-inset-right,0px));border:0;color:var(--color-paper);background:transparent;pointer-events:none;z-index:28}.control-bar__identity{display:flex;align-items:center;gap:var(--space-2);pointer-events:auto;transition:opacity var(--duration-base) var(--ease-functional)}.pool-hud__controls{display:none}.control-bar button,.pool-hud__controls button{min-height:calc(var(--control-bar-height) - 1px)}.sidebar-toggle-btn,.chat-toggle-button,.hud-corner-tools .pool-hud__button{align-items:center;min-height:2.25rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:var(--color-glass-base);backdrop-filter:blur(14px) saturate(140%);box-shadow:0 4px 12px #00000040,inset 0 1px #ffffff1f;color:var(--color-paper);letter-spacing:.08em;cursor:pointer;pointer-events:auto;transition:border-color var(--duration-fast) var(--ease-functional),background var(--duration-fast) var(--ease-functional)}.sidebar-toggle-btn{display:none;justify-content:center;gap:.35rem;padding:.35rem .75rem;font-size:.72rem;font-weight:600}.sidebar-toggle-btn:hover,.sidebar-toggle-btn:focus-visible,.chat-toggle-button:hover,.chat-toggle-button:focus-visible{border-color:var(--color-signal);color:var(--color-signal);background:var(--color-glass-hover)}.menu-icon{display:inline-flex;flex-direction:column;justify-content:space-between;width:14px;height:10px;flex:none}.menu-icon__line{display:block;width:100%;height:1.5px;background-color:currentColor;border-radius:1px}.topbar-breadcrumb,.online-ping-badge,.shot-clock-badge{font-size:var(--text-00);letter-spacing:.08em;text-transform:uppercase}.online-ping-badge,.shot-clock-badge{padding:var(--space-2);color:var(--color-data)}.topbar-breadcrumb{overflow:hidden;color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap}.topbar-fps-chip{position:fixed;top:var(--space-2);right:var(--space-2);z-index:30;display:none;align-items:center;border:var(--line) solid var(--color-panel-line);padding:1px var(--space-1);color:var(--color-muted);background:transparent;font-size:.625rem;font-variant-numeric:tabular-nums;letter-spacing:.06em;white-space:nowrap;pointer-events:none}.topbar-fps-chip.is-visible{display:inline-flex}.topbar__match{display:flex;min-width:0;min-height:2.5rem;align-items:center;justify-content:center;gap:var(--space-2);flex-wrap:nowrap;border:1px solid rgba(255,255,255,.14);border-radius:8px;box-shadow:0 4px 14px #0000004d,inset 0 1px #ffffff1a;background:var(--color-glass-raised);backdrop-filter:blur(14px) saturate(140%);pointer-events:auto}.pool-hud__score{display:grid;grid-template-columns:minmax(6rem,1fr) minmax(9rem,auto) minmax(6rem,1fr);align-items:center;min-width:min(32rem,calc(100vw - var(--rail-width) - 2rem))}.pool-hud__player{display:flex;align-items:center;gap:var(--space-2);padding-inline:var(--space-2);font-family:var(--font-mono);font-size:var(--text-10);font-weight:500;text-transform:uppercase;color:var(--color-muted)}.pool-hud__player-name{font-weight:500;font-size:.72rem;letter-spacing:.05em;color:#ffffffc7}.pool-hud__player.is-active .pool-hud__player-name{color:var(--color-paper);font-weight:600}.pool-hud__player-group{display:inline-flex;align-items:center;padding:.12rem .4rem;border-radius:4px;background:#0000008c;border:1px solid rgba(255,215,0,.28);color:var(--color-signal);font-weight:700;font-size:.7rem;letter-spacing:.04em;box-shadow:0 1px 4px #0000004d}.pool-hud__player--p2,.pool-hud__player--p3{justify-content:flex-end;text-align:right}.pool-hud__turn-dot{width:.4rem;height:.4rem;flex:none;background:var(--color-signal)}.pool-hud__player.is-active{color:var(--color-signal)}.pool-hud__status{display:grid;justify-items:center;padding-inline:var(--space-3);text-align:center}.pool-hud__status-title{max-width:18rem;overflow:hidden;font-size:var(--text-20);font-weight:500;color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap}.pool-hud__status-detail{max-width:18rem;overflow:hidden;color:var(--color-muted);font-size:.625rem;text-overflow:ellipsis;white-space:nowrap}.called-shot-panel{position:static;display:flex;flex:0 1 auto;gap:var(--space-2);min-width:0;align-items:center;padding:var(--space-1) var(--space-2);border-left:var(--line) solid var(--color-ops-line)}.called-shot-panel__label{padding-inline:var(--space-2);color:var(--color-signal);font-size:var(--text-00);letter-spacing:.08em}.called-shot-panel__readout{display:inline-flex;align-items:baseline;gap:var(--space-1);font-size:var(--text-00);letter-spacing:.06em;text-transform:uppercase}.called-shot-panel__slot-label{color:var(--color-muted);font-size:.625rem}.called-shot-panel__value{min-width:2.75rem;color:var(--color-paper-raised);font-size:var(--text-10)}.called-shot-panel__value--pocket{cursor:pointer;user-select:none;padding:0 var(--space-1);border-radius:var(--radius-sm, 3px);border:1px dashed rgb(242 245 241 / 18%);transition:all var(--duration-fast) var(--ease-functional)}.called-shot-panel__value--pocket:hover,.called-shot-panel__value--pocket:focus-visible{color:var(--color-signal);border-color:var(--color-signal);background-color:#4ade8014;outline:none}.called-shot-panel__arrow{color:var(--color-signal);font-size:var(--text-20)}.called-shot-panel__hint{color:var(--color-muted);font-size:.625rem;white-space:nowrap;max-width:13rem;overflow:hidden;text-overflow:ellipsis}.called-shot-panel__clear{min-height:2.25rem;border-color:#f2f5f12e;padding-inline:var(--space-2);color:var(--color-muted);font-size:.625rem}.called-shot-panel__clear:hover:not(:disabled),.called-shot-panel__clear:focus-visible{border-color:var(--color-signal);color:var(--color-signal)}.called-shot-panel__fallback{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.pool-hud__select{min-width:8rem;color:var(--color-paper);border-color:var(--color-ops-line);background:var(--color-ops);font-size:var(--text-00);text-transform:uppercase}.pool-hud__shot-deck{position:absolute;top:calc(var(--control-bar-height) + 7.75rem);right:calc(var(--space-2) + env(safe-area-inset-right,0px));bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));z-index:25;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);width:min(9rem,calc(100vw - 2rem));color:var(--color-paper);background:transparent;pointer-events:none}.pool-hud__shot-deck>*{pointer-events:auto}.shot-card{flex:none;border:var(--line) solid var(--color-panel-line);border-radius:.75rem;padding:var(--space-2) var(--space-3);color:var(--color-paper);background:color-mix(in srgb,var(--color-instrument) 78%,transparent);backdrop-filter:blur(12px) saturate(120%)}@media(min-width:761px)and (min-height:551px){.pool-hud__shot-deck .shot-card--angle{display:flex;flex-direction:column;gap:var(--space-2)}.pool-hud__shot-deck .shot-card--angle .pool-hud__elevation-group{width:100%}.pool-hud__shot-deck .shot-card--spin .spin-surface{width:min(6.25rem,100%);justify-self:center}}.hud-corner-tools{position:absolute;top:calc(var(--control-bar-height) + var(--space-1));right:calc(var(--space-2) + env(safe-area-inset-right,0px));z-index:30;display:flex;flex-direction:column;gap:var(--space-1);opacity:.62;transition:opacity var(--duration-base) var(--ease-functional)}.hud-corner-tools:hover,.hud-corner-tools:focus-within{opacity:1}.hud-corner-tools .pool-hud__button{width:auto;min-height:2rem;flex:0 0 auto;margin:0;padding:.25rem .65rem;font-size:.65rem;letter-spacing:.07em;white-space:nowrap}.hud-corner-tools .pool-hud__button:hover:not(:disabled),.hud-corner-tools .pool-hud__button:focus-visible{border-color:var(--color-signal);color:var(--color-signal);background:var(--color-glass-hover)}.hud-corner-tools .pool-hud__button:disabled{cursor:not-allowed;opacity:.35}.camera-view-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.camera-view-button .camera-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:.9rem;box-sizing:border-box;border:1.5px solid currentColor;border-radius:3px;vertical-align:middle}.camera-view-button .camera-icon:after{position:absolute;top:-3px;left:2px;width:3px;height:1.5px;background:currentColor;border-radius:1px 1px 0 0;content:""}.camera-view-button .camera-icon__lens{display:block;width:.42rem;height:.42rem;box-sizing:border-box;border:1.5px solid currentColor;border-radius:50%}.camera-view-button.is-top-view{border-color:var(--color-signal);color:var(--color-signal);background:var(--color-glass-hover)}.shot-cockpit{display:grid;grid-template-columns:minmax(0,1fr)}.shot-deck__cue-col,.shot-deck__power-col{min-width:0;padding:var(--space-3);background:transparent}.shot-deck__power-col{position:relative;border-left:var(--line) solid var(--color-panel-line)}.spin-surface{position:relative;width:min(6.5rem,28vw);aspect-ratio:1;margin-inline:auto;border:1px solid rgb(255 255 255 / 28%);border-radius:50%;background:#ffffff1a;box-shadow:inset 0 2px 4px #ffffff59,inset 0 -3px 8px #0000007f,0 4px 16px #0006;backdrop-filter:blur(8px);cursor:crosshair;touch-action:none}.spin-surface:before,.spin-surface:after{position:absolute;content:"";background:#ffffff38}.spin-surface:before{top:50%;right:8%;left:8%;height:1px}.spin-surface:after{top:8%;bottom:8%;left:50%;width:1px}.spin-miscue-ring{position:absolute;inset:12%;border:1px dashed rgba(255,255,255,.28);border-radius:50%}.spin-measle-dot{position:absolute;z-index:1;width:4px;height:4px;border-radius:50%;background:#ffffffa6;pointer-events:none;translate:-50% -50%}.dot-center{top:50%;left:50%}.dot-top{top:20%;left:50%}.dot-top-left{top:30%;left:30%}.dot-top-right{top:30%;left:70%}.dot-bottom-left{top:70%;left:30%}.dot-bottom-right{top:70%;left:70%}.dot-bottom{top:80%;left:50%}.spin-dot{position:absolute;z-index:2;width:.8rem;height:.8rem;border:2px solid rgb(255 255 255 / 90%);border-radius:50%;background:var(--color-signal);box-shadow:0 0 6px var(--color-signal);translate:-50% -50%}.spin-surface.is-miscue-danger .spin-dot{border-color:#ffffffe5;background:var(--color-critical);box-shadow:0 0 6px var(--color-critical)}.pool-hud__panel-copy,.tip-chalk,.pool-hud__elevation-group{min-width:0;margin-top:var(--space-2)}.pool-hud__panel-copy{display:grid;gap:var(--space-2)}.pool-hud__tip-contact-inline,.elevation-header,.tip-chalk__header,.stroke-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);font-size:var(--text-00);letter-spacing:.06em}.elevation-badge{font-size:.55rem;font-weight:700;letter-spacing:.08em;padding:1px 5px;border-radius:3px;text-transform:uppercase;background:#eab3082e;color:var(--color-signal);border:1px solid rgb(234 179 8 / 35%)}.elevation-badge.is-rail{background:#38bdf82e;color:var(--color-data);border-color:#38bdf859}.elevation-badge.is-ball{background:#f43f5e2e;color:var(--status-critical);border-color:#f43f5e59}.pool-hud__tip-contact-inline{min-width:0;flex-wrap:wrap}.pool-hud__tip-contact-label{flex:0 0 auto}.pool-hud__tip-contact-value{font-size:.625rem;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.tip-chalk__header{min-width:0;flex-wrap:wrap}.tip-chalk__header>*{min-width:0}.tip-chalk__header strong{white-space:nowrap}.cue-angle-slider{width:100%;height:1.25rem;margin-top:var(--space-2);appearance:none;accent-color:var(--color-signal);background:transparent;cursor:ew-resize}.cue-angle-slider:disabled{cursor:not-allowed;opacity:.45}.cue-angle-slider::-webkit-slider-runnable-track{height:3px;border:0;border-radius:999px;background:var(--color-ops-line)}.cue-angle-slider::-webkit-slider-thumb{width:.65rem;height:.65rem;margin-top:-.19rem;border:1px solid var(--color-signal);border-radius:50%;background:var(--color-signal-ink);appearance:none}.cue-angle-slider::-moz-range-track{height:3px;border:0;border-radius:999px;background:var(--color-ops-line)}.cue-angle-slider::-moz-range-progress{height:3px;border-radius:999px;background:var(--color-signal)}.cue-angle-slider::-moz-range-thumb{width:.65rem;height:.65rem;border:1px solid var(--color-signal);border-radius:50%;background:var(--color-signal-ink)}.tip-chalk__track,.shot-power-meter{height:3px;margin-block:var(--space-2);background:var(--color-ops-line)}.tip-chalk__fill,.shot-power-meter__fill{display:block;height:100%;background:var(--color-signal);transition:width var(--duration-fast) var(--ease-functional),background-color var(--duration-fast) var(--ease-functional)}.tip-chalk__fill.is-low{background:var(--color-critical)}.tip-chalk__header strong.is-low{color:var(--color-critical)}.tip-chalk__button{width:100%;min-width:0;min-height:28px;border-radius:0;padding:.25rem .35rem;color:var(--color-muted);border-color:var(--color-ops-line);font-size:.56rem;letter-spacing:.04em;white-space:nowrap;transition:color var(--duration-fast) var(--ease-functional),border-color var(--duration-fast) var(--ease-functional)}.tip-chalk__button.is-low{color:var(--color-critical);border-color:var(--color-critical)}.tip-chalk__buttons{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-1)}.stroke-surface{position:relative;width:100%;height:8rem;margin-top:var(--space-2);padding:0;overflow:hidden;border-color:var(--color-muted);background:transparent;touch-action:none}.stroke-surface:before{position:absolute;top:0;right:0;left:0;height:1px;content:"";background:var(--color-muted)}.stroke-surface:hover:not(:disabled){color:inherit;background:transparent}.stroke-meter{position:absolute;right:0;bottom:0;left:0;height:var(--shot-strength, 0%);background:var(--color-signal);transition:height var(--duration-fast) var(--ease-functional)}.stroke-handle{position:absolute;top:var(--stroke-position, 12%);right:0;left:0;height:1px;background:var(--color-paper)}.power-rail{position:relative;z-index:25;width:3.75rem;flex:1 1 auto;align-self:flex-end;min-height:12rem;pointer-events:auto}.power-rail__surface{--cue-pull: 0;--cue-strike: 0px;display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;margin:0;padding:.4rem 0 .5rem;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:.75rem;background:var(--color-glass-raised);backdrop-filter:blur(14px) saturate(140%);box-shadow:0 4px 14px #00000059,inset 0 1px #ffffff1a;cursor:ns-resize;touch-action:none}.power-rail__surface:before{display:none}.power-rail__surface:hover:not(:disabled){color:inherit;background:var(--color-glass-subtle)}.power-rail__surface:disabled{opacity:1;cursor:default}.power-rail__surface:focus-visible{border-color:var(--color-signal);outline:1px solid var(--color-signal);outline-offset:1px}.power-rail__contact-line{display:block;height:2px;flex:none;margin:0 .5rem;border-radius:999px;background:var(--color-paper);opacity:.9}.power-rail__track{position:relative;display:block;flex:1 1 auto;min-height:7rem;margin-top:2px;overflow:hidden}.power-rail__ticks{position:absolute;inset:0;display:block;pointer-events:none}.power-rail__ticks>i{position:absolute;right:.45rem;left:.45rem;display:block;height:1px;background:var(--color-ops-line);opacity:.65}.power-rail__ticks>i:nth-child(1){top:25%}.power-rail__ticks>i:nth-child(2){top:50%;opacity:.9}.power-rail__ticks>i:nth-child(3){top:75%}.cue-stick{position:absolute;top:2px;left:50%;display:flex;flex-direction:column;width:.65rem;height:calc(100% - 4px);min-height:6rem;transform:translate(-50%,calc(var(--cue-pull, 0) * 45% + var(--cue-strike, 0px)));will-change:transform;pointer-events:none}.cue-stick__seg{flex-basis:0;min-height:2px;border-radius:2px;background-color:var(--seg);box-shadow:inset 2px 0 2px #ffffff47,inset -3px 0 3px #0000008c,0 0 0 1px #00000059}.cue-stick__seg--tip{border-radius:3px 3px 1px 1px}.power-rail__header,.power-rail__footer{display:grid;flex:none;justify-items:center;padding-bottom:.35rem}.power-rail__power{color:var(--color-paper);font-size:1.15rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;transition:color .12s ease}.pool-hud[data-shot-phase=stroking] .power-rail__power,.pool-hud[data-charging=true] .power-rail__power{color:var(--color-signal)}.pool-hud[data-shot-phase=stroking] .power-rail__surface{border-color:var(--color-signal)}.pool-hud[data-shot-phase=stroking] .power-rail__surface.is-active{box-shadow:0 0 0 1px color-mix(in srgb,var(--color-signal) 40%,transparent)}.shot-readout,.new-game-panel{display:none}.shot-deck__replay{display:flex;padding:0 var(--space-3) var(--space-3);border-top:var(--line) solid var(--color-panel-line)}.shot-deck__replay-button{width:100%;min-height:2rem;border:var(--line) solid var(--color-ops-line);color:var(--color-paper);background:var(--color-glass-base);font-size:var(--text-00);letter-spacing:.08em}.shot-deck__replay-button:not(:disabled):hover,.shot-deck__replay-button:not(:disabled):focus-visible{border-color:var(--color-signal);color:var(--color-signal)}.shot-deck__replay-button:disabled{cursor:not-allowed;opacity:.35}.shot-deck__replay .shot-deck__shortcuts-toggle,.hud-corner-tools .shot-deck__shortcuts-toggle{width:auto;flex:0 0 auto;margin-bottom:0;padding-inline:.6rem}.pool-hud__stroke-hint{display:inline-block;min-width:0;overflow:hidden;color:var(--color-muted);font-size:.52rem;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.pool-hud[data-shot-phase=stroking] .stroke-surface.is-armed{border-color:var(--color-signal);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-signal) 40%,transparent)}.pool-hud[data-shot-phase=stroking] .stroke-surface.is-armed .stroke-meter{background:var(--color-paper)}.shot-deck__cue-col,.shot-deck__power-col,.stroke-panel{transition:opacity var(--duration-base) var(--ease-functional),border-color var(--duration-base) var(--ease-functional)}.pool-hud[data-shot-phase=stroking] .shot-deck__power-col,.pool-hud[data-shot-phase=stroking] .stroke-surface.is-active{border-color:var(--color-signal)}.pool-hud.is-observing :is(.shot-card--spin,.shot-card--angle){opacity:.55}.game-shell:not([data-screen=game]) :is(.control-bar,.topbar__match,.hud-corner-tools,.pool-hud__shot-deck,.power-rail,.called-shot-panel,.snooker-colour-panel,.pool-hud__decision,.pool-hud__onboarding){display:none}.pool-hud__decision{position:absolute;top:calc(var(--control-bar-height) + 1.25rem);left:50%;z-index:100;width:min(32rem,calc(100vw - 2rem));border:var(--line) solid rgb(242 245 241 / 18%);border-top-color:var(--bevel-top);border-bottom-color:var(--bevel-bottom);border-radius:.75rem;background:color-mix(in srgb,var(--color-instrument) 94%,transparent);box-shadow:0 1rem 2.5rem #0000007a,inset 0 1px #ffffff1f;backdrop-filter:blur(20px) saturate(120%);transform:translate(-50%);animation:decision-drop var(--duration-base) var(--ease-functional) both}.pool-hud__decision-card{padding:var(--space-3) var(--space-4) var(--space-4)}.pool-hud__decision-header{display:grid;gap:var(--space-2);justify-items:center;margin-bottom:var(--space-3);text-align:center}.pool-hud__decision-title{color:var(--color-paper);font-size:var(--text-00);letter-spacing:.08em;line-height:1.35;text-transform:uppercase}.pool-hud__decision-detail{max-width:28rem;margin:0;color:var(--color-muted);font-family:var(--font-sans);font-size:.78rem;line-height:1.45}.pool-hud__decision-actions{display:flex;flex-wrap:wrap;gap:var(--space-1)}.pool-hud__decision-button{display:inline-flex;align-items:center;justify-content:space-between;min-height:2.35rem;flex:1 1 12rem;border-color:#f2f5f12e;padding:.55rem .75rem;font-size:.68rem;letter-spacing:.07em}.pool-hud__decision-key{display:inline-grid;min-width:1.3rem;min-height:1.3rem;place-items:center;border:1px solid currentColor;padding-inline:.2rem;color:inherit;font-size:.58rem;font-style:normal;letter-spacing:.04em;opacity:.7}.pool-hud__decision-button.btn-primary{color:var(--color-paper);background:#f2f5f10d}.pool-hud__decision-button.btn-secondary{color:var(--color-muted);background:transparent}.pool-hud__decision-button.btn-accent{color:var(--signal-play);border-color:#c7ff6370;background:#c7ff6314}.pool-hud__decision-button.btn-primary:hover:not(:disabled),.pool-hud__decision-button.btn-primary:focus-visible,.pool-hud__decision-button.btn-secondary:hover:not(:disabled),.pool-hud__decision-button.btn-secondary:focus-visible{color:var(--color-paper);border-color:var(--color-signal);background:#8fb3a51a}.pool-hud__decision-button.btn-accent:hover:not(:disabled),.pool-hud__decision-button.btn-accent:focus-visible{color:var(--signal-play-ink);border-color:var(--signal-play);background:var(--signal-play)}@keyframes decision-drop{0%{opacity:0;transform:translate(-50%,-.55rem)}to{opacity:1;transform:translate(-50%)}}.btn-highlight,.tournament-big-play-btn.enabled,.btn-highlight:hover:not(:disabled),.btn-highlight:focus-visible,.tournament-big-play-btn.enabled:hover:not(:disabled),.tournament-big-play-btn.enabled:focus-visible{color:var(--signal-play-ink);border-color:var(--signal-play);background:var(--signal-play)}.pool-hud__settings{position:fixed;top:0;right:auto;bottom:0;left:var(--navigation-drawer-offset);z-index:35;display:flex;width:var(--active-workspace-width);min-height:0;flex-direction:column;overflow:hidden;border-right:var(--line) solid var(--color-panel-line);color:var(--color-paper);background:var(--color-drawer);box-shadow:0 8px 24px #00000038;animation:workspace-enter var(--duration-base) var(--ease-functional) both;scrollbar-width:none}.pool-hud__settings-header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:3.5rem;border-bottom:var(--line) solid var(--color-panel-line);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4)}.pool-hud__settings-header h2{margin:0;font-size:var(--text-30)}.pool-hud__settings-body{min-height:0;flex:1 1 auto;overflow:auto;padding:var(--space-4);scrollbar-width:none}.pool-hud__settings-body::-webkit-scrollbar{width:0;height:0}.pool-hud__settings::-webkit-scrollbar{width:0;height:0}.pool-hud__settings-body>h2{margin-bottom:var(--space-4);font-size:var(--text-40)}.shot-deck__shortcuts-toggle{width:100%;min-height:1.75rem;margin-bottom:var(--space-2);border:var(--line) solid var(--color-ops-line);color:var(--color-signal);background:transparent;font-size:.56rem;letter-spacing:.07em}.shot-deck__shortcuts-toggle:hover,.shot-deck__shortcuts-toggle:focus-visible{border-color:var(--color-signal);background:#8fb3a514}.pool-hud__shortcut-row,.pool-hud__range,.pool-hud__settings-dev-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding-block:var(--space-2);border-top:var(--line) solid var(--color-panel-line)}.pool-hud__shortcut-row kbd,.pool-hud__settings label,.pool-hud__range-label{font-size:var(--text-10)}.pool-hud__settings input,.pool-hud__settings select{color:var(--color-paper);border-color:var(--color-panel-line);background:var(--color-panel-raised)}.broadcast-scoreboard-integrated{display:flex;flex-direction:column;justify-content:center;gap:.2rem;padding:.35rem .85rem;min-width:min(34rem,calc(100vw - var(--rail-width) - 2rem));background:color-mix(in srgb,var(--color-instrument) 88%,transparent);backdrop-filter:blur(12px);border:1px solid var(--color-panel-line);box-shadow:0 4px 16px #00000059;user-select:none}.broadcast-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid color-mix(in srgb,var(--color-panel-line) 40%,transparent);padding-bottom:.15rem}.broadcast-match-info{display:flex;align-items:center;gap:.4rem;overflow:hidden;white-space:nowrap}.broadcast-circuit-tag{color:var(--color-signal);font-weight:700}.broadcast-tier-tag{color:var(--color-muted)}.broadcast-snooker-meta{display:flex;align-items:center;gap:.35rem;margin:0}.broadcast-snooker-chip{display:inline-flex;align-items:center;gap:.2rem;padding:.08rem .35rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-size:.58rem;color:var(--color-muted);border-radius:2px}.broadcast-snooker-chip strong{color:var(--color-paper);font-weight:700}.broadcast-snooker-chip--break{background:#ff643c24;border-color:#ff643c66;color:#ff9080}.broadcast-snooker-chip--break strong{color:#fdd}.broadcast-snooker-chip--diff{background:#50b4f01a;border-color:#50b4f04d;color:#80c8ff}.broadcast-score-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3);padding-top:.1rem}.broadcast-team{display:flex;align-items:center;gap:.45rem;font-size:var(--text-10);letter-spacing:.04em;text-transform:uppercase}.broadcast-team--p1{justify-content:flex-start}.broadcast-team--p2{justify-content:flex-end}.broadcast-team__name{color:#ffffffbf;font-weight:500;font-size:.78rem;letter-spacing:.04em}.broadcast-team.is-active .broadcast-team__name{color:var(--color-paper);font-weight:600}.broadcast-turn-beacon{width:.45rem;height:.45rem;border-radius:50%;background:var(--color-signal);box-shadow:0 0 4px var(--color-signal);animation:pulse-beacon 1.6s ease-in-out infinite alternate}@keyframes pulse-beacon{0%{opacity:.6;transform:scale(.85)}to{opacity:1;transform:scale(1.15);box-shadow:0 0 6px var(--color-signal)}}.broadcast-team__frames{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.45rem;padding:0 .4rem;background:#000000a6;border:1px solid rgba(255,215,0,.35);font-size:.92rem;font-weight:800;color:var(--color-signal);border-radius:4px;box-shadow:0 2px 6px #00000059}.broadcast-team__pts{display:inline-flex;align-items:center;justify-content:center;min-width:2.2rem;height:1.55rem;padding:0 .45rem;background:#000000a6;border:1px solid rgba(255,255,255,.22);font-size:1.15rem;font-weight:800;color:var(--color-paper);border-radius:4px;font-variant-numeric:tabular-nums;box-shadow:0 2px 6px #00000059}.broadcast-team__pts.is-highlight{background:#e6b41e29;border-color:#e6b41e8c;color:var(--color-signal);box-shadow:0 0 10px #e6b41e38}.broadcast-versus-divider{display:flex;align-items:center;justify-content:center;width:1.2rem}.broadcast-versus-line{width:.8rem;height:1px;background:var(--color-panel-line)}.broadcast-team__avatar{display:inline-grid;width:1.4rem;height:1.4rem;place-items:center;border:1px solid var(--color-ops-line);font-size:.55rem;font-weight:700;color:var(--color-muted);background:#00000059;border-radius:2px}.broadcast-team__group{font-size:.65rem;font-weight:600;color:var(--color-paper);background:#ffffff14;padding:.1rem .35rem;border-radius:2px}.broadcast-speech-bubble,.floating-reaction-badge{position:absolute;left:50%;max-width:min(32rem,calc(100vw - 2rem));border:var(--line) solid var(--color-ops-line);padding:var(--space-3);color:var(--color-paper);background:var(--color-ops);font-size:var(--text-10);transform:translate(-50%)}.in-game-chat-wrapper{position:fixed;bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));left:calc(var(--space-3) + env(safe-area-inset-left,0px));z-index:60;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);max-width:min(21rem,calc(100vw - 2rem));pointer-events:none}.in-game-chat-wrapper>*{pointer-events:auto}.chat-toggle-button{display:inline-flex;gap:var(--space-2);padding:.35rem .8rem;font-size:var(--text-00)}.chat-toggle-button.active{border-color:var(--color-signal);color:var(--color-signal)}.chat-icon{display:inline-flex;align-items:center;font-size:1.05rem;line-height:1}.chat-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.15rem;height:1.15rem;border-radius:999px;padding-inline:.25rem;color:var(--color-ink);background:var(--color-signal);font-size:.65rem;font-weight:700}.chat-drawer{display:flex;flex-direction:column;width:min(20rem,calc(100vw - 2rem));max-height:min(24rem,calc(100vh - 12rem));border:var(--line) solid var(--color-panel-line);border-radius:.75rem;overflow:hidden;color:var(--color-paper);background:var(--color-glass-deep);backdrop-filter:blur(14px) saturate(125%)}.chat-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);border-bottom:var(--line) solid var(--color-panel-line);padding:var(--space-2) var(--space-3)}.chat-drawer-title{color:var(--color-paper);font-size:var(--text-00);letter-spacing:.1em}.chat-close-btn{border:0;padding:.2rem .3rem;color:var(--color-muted);background:transparent;font-size:.62rem;letter-spacing:.07em;cursor:pointer}.chat-close-btn:hover,.chat-close-btn:focus-visible{color:var(--color-paper)}.chat-messages-scroll{display:flex;flex-direction:column;gap:var(--space-2);min-height:6rem;overflow-y:auto;padding:var(--space-2) var(--space-3)}.chat-message-item{display:grid;gap:1px;max-width:92%;font-size:var(--text-10);line-height:1.4}.chat-message-item.local{align-self:flex-end;text-align:right}.chat-message-item.remote{align-self:flex-start}.chat-message-item.system{align-self:center;max-width:100%;text-align:center}.chat-message-header{display:flex;align-items:baseline;gap:var(--space-1);font-size:.62rem}.chat-message-item.local .chat-message-header{justify-content:flex-end}.chat-sender-name{color:var(--color-signal);letter-spacing:.05em}.chat-time{color:var(--color-muted)}.chat-message-body{color:var(--color-paper);overflow-wrap:anywhere}.system-message-content{color:var(--color-muted);font-size:.65rem;letter-spacing:.04em}.system-badge{color:var(--color-signal);font-weight:700}.chat-emojis-bar,.chat-reactions-bar{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-1) var(--space-3)}.chat-reactions-bar{border-top:var(--line) solid var(--color-panel-line);padding-top:var(--space-2)}.chat-emoji-btn,.chat-reaction-chip{border:var(--line) solid var(--color-ops-line);border-radius:999px;padding:.28rem .6rem;color:var(--color-paper);background:transparent;font-size:.68rem;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-functional),color var(--duration-fast) var(--ease-functional)}.chat-emoji-btn:hover,.chat-reaction-chip:hover,.chat-emoji-btn:focus-visible,.chat-reaction-chip:focus-visible{border-color:var(--color-signal);color:var(--color-signal)}.chat-input-form{display:flex;gap:var(--space-2);border-top:var(--line) solid var(--color-panel-line);padding:var(--space-2) var(--space-3)}.chat-text-input{min-width:0;flex:1 1 auto;border:var(--line) solid var(--color-ops-line);border-radius:.5rem;padding:.45rem .6rem;color:var(--color-paper);background:transparent;font-family:var(--font-sans);font-size:.8rem}.chat-text-input:focus{border-color:var(--color-signal);outline:none}.chat-text-input::placeholder{color:var(--color-muted)}.chat-send-btn{flex:none;border:var(--line) solid var(--color-ops-line);border-radius:.5rem;padding:.45rem .7rem;color:var(--color-paper);background:transparent;font-size:.65rem;letter-spacing:.07em;cursor:pointer}.chat-send-btn:hover,.chat-send-btn:focus-visible{border-color:var(--color-signal);color:var(--color-signal)}.chat-floating-bubble{align-items:center;gap:var(--space-1);max-width:min(20rem,calc(100vw - 2rem));border:var(--line) solid var(--color-panel-line);border-radius:.65rem;padding:var(--space-2) var(--space-3);color:var(--color-paper);background:var(--color-glass-deep);backdrop-filter:blur(14px) saturate(125%);font-size:var(--text-10)}.chat-floating-bubble.fade-in{animation:chat-bubble-in var(--duration-fast) var(--ease-functional) both}.chat-floating-bubble .bubble-sender{color:var(--color-signal);font-size:.65rem;letter-spacing:.05em}@keyframes chat-bubble-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(pointer:coarse),(max-width:760px){.in-game-chat-wrapper{position:fixed;top:calc(var(--space-2) + env(safe-area-inset-top,0px));left:calc(var(--space-2) + 2.75rem + env(safe-area-inset-left,0px));bottom:auto;flex-direction:column-reverse;max-width:min(20rem,calc(100vw - 6rem));z-index:60}.chat-toggle-button .chat-label{display:none}.chat-toggle-button{min-height:2.25rem;min-width:2.25rem;padding:.35rem .55rem;justify-content:center;border-radius:8px}.chat-drawer{max-height:min(22rem,calc(100dvh - 5rem));width:min(20rem,calc(100vw - 2rem))}}.broadcast-speech-bubble{bottom:clamp(7rem,15vh,10rem);display:flex;gap:var(--space-2);align-items:center;width:max-content;max-width:min(26rem,calc(100vw - 3rem));border-radius:.65rem;padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--color-instrument) 92%,transparent);box-shadow:0 .4rem 1.25rem #00000040;line-height:1.35;pointer-events:none}.floating-reaction-badge{position:fixed;z-index:40}.fullscreen-toggle-btn{display:none}.pool-hud__onboarding{position:absolute;bottom:var(--space-4);left:50%;display:flex;align-items:center;gap:var(--space-3);max-width:min(36rem,calc(100vw - 2rem));border:1px solid var(--color-ops-line);padding-left:var(--space-3);color:var(--color-paper);background:var(--color-instrument);font-size:var(--text-00);transform:translate(-50%)}.pool-hud__onboarding button{flex:none;color:var(--color-muted);border-width:0 0 0 1px;border-color:var(--color-ops-line)}@media(max-width:900px),(max-height:600px),(pointer:coarse){.pool-hud__onboarding{display:none}}.shot-clock-badge.is-urgent{color:var(--status-critical)}.toast-stack{position:fixed;top:calc(var(--control-bar-height) + 1.25rem);right:calc(10rem + env(safe-area-inset-right,0px));left:auto;z-index:95;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);width:auto;max-width:min(22rem,calc(100vw - 12rem));pointer-events:none}.toast{width:100%;border:var(--line) solid rgb(242 245 241 / 16%);border-top-color:var(--bevel-top);border-bottom-color:var(--bevel-bottom);border-left:3px solid var(--color-signal);border-radius:.65rem;padding:var(--space-2) var(--space-3);color:var(--color-paper);background:color-mix(in srgb,var(--color-instrument) 92%,transparent);box-shadow:0 .5rem 1.5rem #00000059,inset 0 1px #ffffff1f;backdrop-filter:blur(14px) saturate(125%);pointer-events:auto;animation:toast-enter var(--duration-fast) var(--ease-functional) both}.toast strong{display:block;font-size:var(--text-00);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.toast span{display:block;margin-top:.15rem;color:var(--color-muted);font-family:var(--font-sans);font-size:.76rem;line-height:1.35}.toast[data-kind=foul]{display:grid;gap:.15rem;border-color:#ff9a9173;border-left:3px solid var(--status-critical);color:var(--color-paper);background:color-mix(in srgb,rgb(55 20 20) 92%,transparent);text-align:left}.toast[data-kind=foul] strong{color:var(--status-critical);font-size:var(--text-00);letter-spacing:.08em;text-transform:uppercase}.toast[data-kind=foul] span{color:var(--color-paper);font-size:var(--text-00);letter-spacing:.03em;text-transform:uppercase}.toast[data-kind=warning]{border-left-color:var(--status-warning)}@keyframes toast-enter{0%{opacity:0;transform:translateY(-.35rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-transparency:reduce){.called-shot-panel,.snooker-colour-panel,.pool-hud__decision,.broadcast-scoreboard-integrated,.toast{background:var(--color-panel-solid);backdrop-filter:none}}.scenario-dock{position:absolute;bottom:var(--space-4);left:var(--space-4);padding:var(--space-3);border:1px solid var(--color-ops-line);color:var(--color-paper);background:var(--color-ops);font-size:var(--text-00)}@media(max-width:1400px){.pool-hud__score{min-width:min(28rem,calc(100vw - var(--rail-width) - 2rem))}}@media(max-width:900px),(orientation:landscape)and (max-width:1100px),(orientation:portrait)and (max-width:1100px)and (pointer:coarse){.control-bar .sidebar-toggle-btn{display:inline-flex;min-height:2.25rem;height:2.25rem;min-width:2.25rem;padding:0;justify-content:center;align-items:center;backdrop-filter:none;background:transparent;border:none;box-shadow:none}.sidebar-toggle-btn:hover,.sidebar-toggle-btn:focus-visible{color:var(--color-signal);background:transparent;border:none;box-shadow:none}.sidebar-toggle-btn[aria-expanded=true],.sidebar-toggle-btn .menu-label,.sidebar-toggle-btn .shortcut-key{display:none}.sidebar-toggle-btn .menu-icon{width:20px;height:14px;display:inline-flex}.sidebar-toggle-btn .menu-icon__line{height:2px;border-radius:1px}html.navigation-drawer-open :is(.hud-corner-tools,.topbar__match,.power-rail,.shot-card--spin,.shot-card--angle,.pool-hud__onboarding){opacity:0;pointer-events:none}}@media(max-width:760px),(max-height:550px){:root{--control-bar-height: 3rem}.control-bar__identity{display:flex;align-items:center;gap:var(--space-2)}.control-bar__identity .brand-wordmark,.topbar-back-btn,.topbar-breadcrumb,.pool-hud__status{display:none}.control-bar{justify-content:space-between;padding-inline:var(--space-2)}.pool-hud__score{display:flex;align-items:center;justify-content:center;gap:.35rem;min-width:0;width:auto}.pool-hud__turn-dot{width:.35rem;height:.35rem;border-radius:50%;background:var(--color-signal);flex-shrink:0}.pool-hud__player{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .4rem;border-radius:999px;min-width:0;font-size:.65rem;transition:background var(--duration-fast),color var(--duration-fast),opacity var(--duration-fast)}.pool-hud__player[hidden]{display:none}.pool-hud__player.is-active{background:#ffffff1f;color:var(--color-signal)}.pool-hud__player.is-active .pool-hud__player-name{color:var(--color-signal);font-weight:700}.pool-hud__player:not(.is-active){opacity:.45}.pool-hud__player-name,.broadcast-team__name{font-size:.62rem;font-weight:600;max-width:5.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pool-hud__player-group{font-size:.55rem;font-weight:700;padding:.05rem .25rem;border-radius:4px;background:#00000073;border:1px solid rgba(255,255,255,.12);white-space:nowrap}.pool-hud__player--p2,.pool-hud__player--p3{flex-direction:row-reverse}.topbar__match{position:absolute;top:calc(var(--space-2) + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);width:auto;max-width:calc(100vw - 5.5rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));min-height:2.25rem;height:2.25rem;padding:.1rem .35rem;border-radius:999px;background:#0d100f8c;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #00000040;backdrop-filter:blur(10px);z-index:25;display:flex;align-items:center;justify-content:center}.toast-stack{top:calc(var(--control-bar-height) + .75rem + env(safe-area-inset-top,0px));left:calc(var(--space-2) + env(safe-area-inset-left,0px));right:auto;transform:none;width:min(18rem,calc(100vw - 8rem));max-width:none;align-items:flex-start}.toast{padding:.35rem .65rem;border-radius:8px;box-shadow:0 4px 12px #0006;backdrop-filter:blur(12px) saturate(130%)}.toast strong{font-size:.68rem;letter-spacing:.04em}.toast span{font-size:.62rem;line-height:1.25;margin-top:.05rem}.toast[data-kind=foul]{gap:.1rem}.pool-hud__decision{max-width:min(22rem,calc(100vw - 2rem))}.pool-hud__decision-card{padding:.4rem .6rem}.pool-hud__decision-header{margin-bottom:.35rem;gap:.15rem}.pool-hud__decision-title{font-size:.72rem;line-height:1.25}.pool-hud__decision-detail{font-size:.65rem;line-height:1.3}.pool-hud__decision-button{min-height:2.1rem;font-size:.68rem;padding:.25rem .5rem}.pool-hud .pool-hud__shot-deck{position:fixed;inset:0;width:auto;pointer-events:none;background:transparent;display:block;gap:0}.power-rail{position:absolute;right:calc(var(--space-2) + env(safe-area-inset-right,0px));bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));width:3.5rem;height:clamp(13rem,36vh,18rem);pointer-events:auto;z-index:25}.shot-card--spin{position:absolute;left:calc(var(--space-2) + env(safe-area-inset-left,0px));bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));width:auto;padding:var(--space-1);background:transparent;border:none;backdrop-filter:none;pointer-events:auto}.shot-card--spin .shot-deck__spin-group{margin-top:0;display:flex;flex-direction:column;align-items:center}.shot-card--spin .spin-surface{width:5.25rem;height:5.25rem;box-shadow:0 4px 16px #00000080}.shot-card--spin .pool-hud__tip-contact-inline{display:none}.pool-hud__shot-deck .shot-card--angle{position:absolute;left:calc(var(--space-2) + 5.25rem + env(safe-area-inset-left,0px));right:calc(var(--space-2) + 3.75rem + env(safe-area-inset-right,0px));bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));width:auto;height:auto;padding:0;margin:0;background:transparent;border:none;box-shadow:none;backdrop-filter:none;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;pointer-events:none;z-index:24;user-select:none;touch-action:manipulation}.shot-card--angle>*{pointer-events:auto}.shot-card--angle .tip-chalk__buttons{display:none}.shot-card--angle :is(.tip-chalk,.pool-hud__elevation-group){height:2.65rem;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#0d100f7a;backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000040;flex-shrink:0}.shot-card--angle .tip-chalk{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;width:2.65rem;padding:.2rem .25rem;cursor:pointer;transition:transform var(--duration-fast),opacity var(--duration-fast)}.shot-card--angle .tip-chalk:active{opacity:.7;transform:scale(.96)}.shot-card--angle .tip-chalk__header{display:flex;flex-direction:column;align-items:center;gap:.05rem;line-height:1}.shot-card--angle .tip-chalk__header span{font-size:.48rem;letter-spacing:.05em;color:var(--color-muted);text-transform:uppercase}.shot-card--angle .tip-chalk__header strong{font-size:.62rem;font-weight:700;color:var(--color-signal)}.shot-card--angle .tip-chalk__track{width:1.6rem;height:2.5px;background:#ffffff29;border-radius:1px;margin-top:.08rem;flex-shrink:0}.shot-card--angle .pool-hud__elevation-group{display:flex;flex-direction:column;justify-content:center;gap:.15rem;width:6.5rem;padding:.25rem .45rem}.shot-card--angle .elevation-header{display:flex;align-items:center;justify-content:space-between;width:100%;line-height:1;cursor:pointer}.shot-card--angle .elevation-header strong:first-child{font-size:.48rem;color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase}.shot-card--angle .pool-hud__elevation-value{font-size:.58rem;font-weight:700;color:var(--color-signal)}.shot-card--angle .elevation-badge{font-size:.4rem;padding:0 2px;border-radius:2px}.shot-card--angle .cue-angle-slider{width:100%;margin:0;min-height:0;height:.85rem}.shot-card--angle .cue-angle-slider::-webkit-slider-thumb{width:.75rem;height:.75rem;margin-top:-.25rem}.shot-card--angle .cue-angle-slider::-moz-range-thumb{width:.75rem;height:.75rem}.pool-hud[data-lab-open=true] .pool-hud__shot-deck{display:none}.called-shot-panel,.snooker-colour-panel{position:absolute;top:calc(100% + .45rem);left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 1.5rem);padding:.25rem .6rem;border-radius:999px;background:#0d100fc7;border:1px solid rgba(255,255,255,.16);box-shadow:0 4px 14px #00000059,inset 0 1px #ffffff1f;backdrop-filter:blur(12px);z-index:35;display:flex;align-items:center;justify-content:center;gap:.45rem;pointer-events:auto}.snooker-colour-panel__hint{display:none}:is(.game-shell,body):has(:is(.snooker-colour-panel,.called-shot-panel):not([hidden])) .toast-stack{top:calc(var(--space-2) + 5.5rem + env(safe-area-inset-top,0px))}.broadcast-scoreboard-integrated{min-width:0;width:100%;padding:.25rem .5rem}.broadcast-header-row{font-size:.52rem}.broadcast-team__frames{min-width:1.5rem;height:1.35rem;font-size:.88rem;font-weight:800;color:var(--color-signal)}.broadcast-team__pts{min-width:1.65rem;height:1.35rem;font-size:.95rem;font-weight:800}.hud-corner-tools{top:calc(var(--space-2) + env(safe-area-inset-top,0px));right:calc(var(--space-2) + env(safe-area-inset-right,0px));flex-direction:row;align-items:center;gap:var(--space-1);opacity:1;z-index:30}.hud-corner-tools .pool-hud__button{padding:.35rem .55rem;min-height:2.25rem;min-width:2.25rem;font-size:.85rem}.camera-view-button :is(.camera-label,.shortcut-key){display:none}.camera-view-button .camera-icon{font-size:1.15rem;line-height:1}}@media(max-width:760px),(max-height:550px),(pointer:coarse){:is(.shot-deck__replay,.shot-deck__replay-button,.shot-deck__replay-ui-button,.shot-deck__shortcuts-toggle,.help-button){display:none}}@media(orientation:landscape)and (max-height:550px){:root{--control-bar-height: 2.25rem}.power-rail{position:absolute;width:3.5rem;top:calc(var(--control-bar-height) + .35rem);bottom:calc(var(--space-1) + env(safe-area-inset-bottom,0px));right:calc(var(--space-2) + env(safe-area-inset-right,0px));height:calc(100dvh - var(--control-bar-height) - .75rem);max-height:15rem;pointer-events:auto;z-index:25}.shot-card--spin{left:calc(var(--space-2) + env(safe-area-inset-left,0px));bottom:calc(var(--space-1) + env(safe-area-inset-bottom,0px))}.shot-card--spin .spin-surface{width:3.85rem;height:3.85rem}.shot-card--angle{left:calc(var(--space-2) + 4.25rem + env(safe-area-inset-left,0px));bottom:calc(var(--space-1) + env(safe-area-inset-bottom,0px));width:auto;padding:3px 6px;gap:3px}.shot-card--angle .cue-angle-slider{height:.85rem}.control-bar{justify-content:flex-start;padding-top:calc(var(--space-1) + env(safe-area-inset-top,0px));padding-left:max(var(--space-2),env(safe-area-inset-left,0px));padding-right:max(var(--space-2),env(safe-area-inset-right,0px))}.topbar__match{top:calc(var(--space-1) + env(safe-area-inset-top,0px));max-width:calc(100vw - 10rem)}.hud-corner-tools{top:calc(var(--space-1) + env(safe-area-inset-top,0px))}}@media(orientation:portrait)and (max-width:760px){.broadcast-scoreboard-integrated{width:100%;min-width:0;padding:.1rem .25rem}}.pool-hud [hidden],.called-shot-panel[data-ready=true] .called-shot-panel__hint{display:none}.called-ball-chip{position:relative;display:inline-grid;width:1.4rem;height:1.4rem;flex:none;place-items:center;overflow:hidden;border-radius:50%;background:var(--ball, var(--color-paper));box-shadow:inset -2px -3px 4px #00000073,inset 2px 2px 3px #ffffff73,0 0 0 1px #00000059;vertical-align:middle}.called-ball-chip.is-stripe{background:var(--color-paper)}.called-ball-chip__band{position:absolute;top:50%;right:0;left:0;height:46%;background:var(--ball);transform:translateY(-50%)}.called-ball-chip__number{position:relative;display:grid;width:.85rem;height:.85rem;place-items:center;border-radius:50%;background:var(--color-paper);color:#0d100feb;font-size:.58rem;font-weight:700;line-height:1}.snooker-colour-panel{display:flex;flex:0 1 auto;min-width:0;align-items:center;gap:.45rem;padding:.25rem .5rem;border-left:var(--line) solid var(--color-ops-line);color:var(--color-paper)}.snooker-colour-panel__label,.snooker-colour-panel__hint{font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.snooker-colour-panel__label{color:var(--color-signal)}.snooker-colour-panel__hint{color:var(--color-muted)}.snooker-colour-panel__choices{display:flex;gap:.35rem}.snooker-colour-panel__button{position:relative;display:grid;width:1.85rem;height:1.85rem;min-width:0;min-height:0;aspect-ratio:1 / 1;flex:0 0 auto;box-sizing:border-box;padding:0;place-items:center;border:1px solid rgb(242 245 241 / 40%);border-radius:50%;color:#0d100feb;background:var(--snooker-colour, var(--color-paper));box-shadow:inset -2px -3px 4px #0000008c,inset 2px 2px 3px #ffffff73,0 2px 4px #00000059;font-size:.65rem;font-weight:700;line-height:1;cursor:pointer;touch-action:manipulation;transition:transform var(--duration-fast) var(--ease-functional),box-shadow var(--duration-fast) var(--ease-functional)}.control-bar .snooker-colour-panel__button{min-height:0;min-width:0;aspect-ratio:1;border-width:var(--line)}.snooker-colour-panel__button:after{position:absolute;top:.22rem;left:.28rem;width:.32rem;height:.22rem;border-radius:50%;background:#ffffffa6;content:"";filter:blur(.02rem);pointer-events:none}.snooker-colour-panel__button:is(:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(6)){color:var(--color-paper)}.snooker-colour-panel__button:nth-child(1){--snooker-colour: var(--snooker-yellow);color:var(--color-ops)}.snooker-colour-panel__button:nth-child(2){--snooker-colour: var(--snooker-green)}.snooker-colour-panel__button:nth-child(3){--snooker-colour: var(--snooker-brown)}.snooker-colour-panel__button:nth-child(4){--snooker-colour: var(--snooker-blue)}.snooker-colour-panel__button:nth-child(5){--snooker-colour: var(--snooker-pink);color:var(--color-ops)}.snooker-colour-panel__button:nth-child(6){--snooker-colour: var(--snooker-black)}.snooker-colour-panel__button:hover,.snooker-colour-panel__button:focus-visible{filter:brightness(1.15);transform:translateY(-1px) scale(1.04)}.snooker-colour-panel__button.is-selected{transform:scale(1.1);box-shadow:inset -2px -3px 4px #0000008c,inset 2px 2px 3px #ffffff73,0 0 0 2px var(--color-signal),0 0 8px #c7ff637f}.snooker-colour-panel[data-ready=true] .snooker-colour-panel__hint{display:none}:is(.pool-hud[data-shot-phase=stroking],.pool-hud[data-charging=true]) .control-bar__identity{opacity:.16;pointer-events:none}:is(.readout-value,.stroke-power-value,.elevation-value,.tip-contact-value,.tip-chalk__header strong,.shot-clock-badge,.fps-counter,.broadcast-team__pts,.broadcast-team__frames,.replay-studio__time,.replay-studio__telemetry-value){font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums slashed-zero}.index-public-links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);padding:var(--space-2) var(--space-3)}.index-public-links a{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--color-muted);font-size:var(--text-00);text-underline-offset:4px}@media(max-width:900px),(orientation:landscape)and (max-width:1100px),(orientation:portrait)and (max-width:1100px)and (pointer:coarse){.pool-hud__settings{top:0;bottom:auto;left:0;width:100vw;height:100dvh;border:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);box-shadow:none}.pool-hud__settings-header{padding-inline:var(--space-3)}.pool-hud__settings-header h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}:is(.briefing-overlay,.multiplayer-panel-overlay,.tournament-modal-overlay,.showroom-modal,.training-modal,.shortcuts-modal,.opponents-modal,.bug-report-modal-backdrop):not([hidden]){position:fixed;inset:0;z-index:60;color:var(--color-paper);background:transparent;display:flex;align-items:flex-start;justify-content:flex-start;overflow:hidden;padding:0 var(--space-3) var(--space-3) var(--navigation-drawer-offset);pointer-events:none}.app-navigation{position:fixed;inset:0;z-index:80;color:var(--color-paper);pointer-events:none}.app-rail{position:absolute;top:var(--space-2);left:var(--space-2);z-index:3;width:auto;color:var(--color-paper);background:transparent;pointer-events:auto}.app-rail button{display:inline-flex;width:auto;min-width:5rem;min-height:2.75rem;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-paper);border:var(--line) solid var(--color-panel-line);background:var(--color-instrument)}.app-rail button:hover:not(:disabled),.app-rail button:focus-visible{color:var(--color-paper);background:var(--color-panel-raised)}.app-navigation.is-open .app-rail{visibility:hidden}.rail-menu-button{display:inline-flex;align-items:center;gap:var(--space-2)}.rail-menu-button .menu-icon{display:inline-flex;flex-direction:column;justify-content:space-between;width:14px;height:10px;flex:none}.rail-menu-button .menu-icon__line{display:block;width:100%;height:1.5px;background-color:currentColor;border-radius:1px}.rail-menu-button .menu-shortcut{font-size:.625rem;letter-spacing:.08em;text-transform:uppercase}.app-index-panel{position:absolute;top:0;bottom:0;left:0;z-index:1;display:flex;width:var(--drawer-width);min-height:0;flex-direction:column;overflow:hidden;border-right:var(--line) solid var(--color-panel-line);color:var(--color-paper);background:var(--color-drawer);box-shadow:0 8px 24px #00000038;scrollbar-width:none;transform:translate(0);transition:transform var(--duration-base) var(--ease-functional);pointer-events:auto}.app-index-panel::-webkit-scrollbar{width:0;height:0}.app-index-panel.is-closed{visibility:hidden;transform:translate(-100%)}.app-index-panel.is-open{visibility:visible}:is(.index-header,.briefing-header,.training-modal__header,.shortcuts-modal__header,.opponents-modal__header,.multiplayer-modal-header,.tournament-modal-header,.showroom-header,.bug-report-header){position:sticky;top:0;z-index:20;display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:3.5rem;border-bottom:var(--line) solid var(--color-panel-line);padding:var(--space-2) var(--space-3);background:var(--color-drawer);backdrop-filter:blur(8px)}.index-header .brand-wordmark,.briefing-header .brand-wordmark{font-size:1rem}:is(.index-close,.panel-close-btn,.training-modal__close,.shortcuts-modal__close,.opponents-modal__close,.multiplayer-modal-close-btn,.tournament-modal-close-btn,.showroom-close-btn,.bug-report-close-btn,.modal-back-to-menu-btn){display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.75rem;min-width:2.75rem;padding:.45rem .75rem;border-radius:4px;border:1px solid var(--color-panel-line);background:transparent;color:var(--color-paper);font-family:var(--font-mono);font-size:.72rem;font-weight:550;letter-spacing:.04em;white-space:nowrap;cursor:pointer;transition:color var(--duration-fast) var(--ease-functional),border-color var(--duration-fast) var(--ease-functional),background-color var(--duration-fast) var(--ease-functional)}:is(.index-close,.panel-close-btn,.training-modal__close,.shortcuts-modal__close,.opponents-modal__close,.multiplayer-modal-close-btn,.tournament-modal-close-btn,.showroom-close-btn,.bug-report-close-btn,.modal-back-to-menu-btn):is(:hover:not(:disabled),:focus-visible){color:var(--color-signal);border-color:var(--color-signal);background:var(--accent-soft)}:is(.index-close,.panel-close-btn,.shortcuts-modal__close,.multiplayer-modal-close-btn,.tournament-modal-close-btn,.showroom-close-btn,.bug-report-close-btn,.pool-hud__settings .tool-button):before{content:"×";font-family:var(--font-sans);font-size:1.15rem;font-weight:400;line-height:1}.player-workspace__close:before{content:"←";margin-right:var(--space-1);font-family:var(--font-sans);font-size:1rem}.modal-back-to-menu-btn{display:none}.close-icon{font-size:.95rem;line-height:1}.index-discipline,.index-navigation,.index-tools{flex:none;padding:var(--space-2) var(--space-3);border-bottom:var(--line) solid var(--color-panel-line)}.index-navigation{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;overflow:hidden}.index-navigation .index-list{min-height:0;flex:1 1 auto;overflow:auto;scrollbar-width:none}.index-navigation .index-list::-webkit-scrollbar{width:0;height:0}.index-discipline .section-code,.index-navigation .section-code,.index-tools .section-code{display:block;margin-bottom:var(--space-3)}.index-list{display:grid;grid-template-columns:1fr;margin:0;padding:0;list-style:none}.index-group{display:flex;align-items:center;min-height:1.75rem;padding:var(--space-2) var(--space-3) var(--space-1)}.index-group__label{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-00);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.index-group~.index-group{border-top:var(--line) solid var(--color-panel-line);margin-top:var(--space-1);padding-top:var(--space-2)}.index-link{position:relative;display:grid;width:100%;grid-template-columns:1.5rem minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-height:2.75rem;padding:var(--space-1) var(--space-3);border-width:0 0 1px;border-color:var(--color-panel-line);color:var(--color-paper);text-align:left}.index-link:hover:not(:disabled),.index-link.is-active{color:var(--color-paper);background:var(--accent-soft)}.index-link.is-active{border-left:0;padding-left:var(--space-3)}.index-link.is-active:before{content:"";position:absolute;inset:25% auto 25% 0;width:2px;background:var(--accent)}.nav-badge,.profile-initial,.host-avatar,.player-slot-avatar,.step-avatar,.match-avatar-wrap,.showroom-badge-dot{font-family:var(--font-mono);font-size:var(--text-00);font-weight:600;letter-spacing:.08em}.nav-icon{width:1.125rem;height:1.125rem;color:var(--color-muted)}.index-link.is-active .nav-icon,.index-link:hover:not(:disabled) .nav-icon{color:var(--accent-strong)}.index-link__label{min-width:0;overflow:hidden;font-family:var(--font-sans);font-size:var(--text-20);font-weight:560;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.index-mode-control{display:grid;gap:var(--space-2)}.index-mode-select{width:100%;min-height:2.75rem;border-color:var(--color-panel-line);padding-inline:var(--space-2);color:var(--color-paper);background:var(--color-panel-raised);font-family:var(--font-mono);font-size:var(--text-10);letter-spacing:.04em}.index-mode-meta{color:var(--color-muted);font-family:var(--font-sans);font-size:var(--text-10);font-weight:400;letter-spacing:0;line-height:1.25}.index-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--color-panel-line)}.index-tool{display:grid;min-height:2.75rem;align-content:center;justify-items:start;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-width:0 1px 1px 0;border-color:var(--color-panel-line);color:var(--color-paper);text-align:left}.index-tool:nth-child(2n){border-right:0}.index-tool:nth-last-child(-n+2){border-bottom:0}.index-tool:hover:not(:disabled),.index-tool:focus-visible{color:var(--color-paper);background:var(--accent-soft)}.index-tool span{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-00);letter-spacing:.06em;text-transform:uppercase}.index-tool output{color:var(--color-signal);font-family:var(--font-mono);font-size:var(--text-10);letter-spacing:.04em;white-space:nowrap}.profile-initial,.host-avatar,.player-slot-avatar,.step-avatar,.match-avatar-wrap{display:grid;width:2.5rem;height:2.5rem;place-items:center;border:1px solid var(--color-paper)}.briefing-discipline{display:grid;gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-4);border-bottom:var(--line) solid var(--color-panel-line)}.briefing-discipline h1{max-width:18rem;font-size:clamp(1.75rem,2.4vw,2.25rem)}.briefing-discipline-control{display:grid;gap:var(--space-2)}.briefing-discipline-select{width:100%;min-height:3.5rem;border-color:var(--color-panel-line);padding-inline:var(--space-3);color:var(--color-paper);background:var(--color-panel-raised);font-family:var(--font-mono);font-size:var(--text-20);letter-spacing:.04em}.briefing-discipline-meta{color:var(--color-muted);font-size:var(--text-20);line-height:1.4}.briefing-profile{display:grid;grid-template-columns:2.75rem minmax(0,1fr);align-items:center;gap:var(--space-3);max-width:34rem;margin:var(--space-4)}.briefing-profile .profile-initial{width:2.75rem;height:2.75rem}.panel-nickname-input{color:var(--color-paper);border-color:var(--color-panel-line);background:var(--color-panel-raised);font-size:var(--text-30)}.briefing-choices{display:grid;border-top:var(--line) solid var(--color-panel-line)}.briefing-choice{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:var(--space-4);min-height:5rem;padding:var(--space-3) clamp(1.5rem,4vw,4rem);color:var(--color-paper);border-width:0 0 1px;border-color:var(--color-panel-line);text-align:left}.briefing-choice:hover:not(:disabled),.briefing-choice:focus-visible{color:var(--color-paper);border-color:var(--accent);background:var(--accent-soft)}.briefing-choice__code,.briefing-choice__action{font-family:var(--font-mono);font-size:var(--text-10)}.briefing-choice__code{color:var(--color-muted);font-size:1.35rem}.briefing-choice__copy{display:grid;gap:var(--space-2)}.briefing-choice__copy strong{font-family:var(--font-sans);font-size:clamp(1.25rem,1.6vw,1.8rem);letter-spacing:-.02em;text-transform:none}.briefing-choice__copy small{color:var(--color-muted);font-family:var(--font-sans);font-size:var(--text-20);letter-spacing:0;text-transform:none}.briefing-footer{display:flex;flex-wrap:wrap;gap:var(--space-5);padding:var(--space-5) clamp(1.5rem,4vw,4rem);font-family:var(--font-mono);font-size:var(--text-00);letter-spacing:.08em}:is(.briefing-workspace,.multiplayer-panel-left,.tournament-modal-container,.showroom-dialog,.training-modal__panel,.shortcuts-modal__panel,.opponents-modal__panel,.bug-report-modal-card){width:var(--active-workspace-width);height:100%;min-height:0;margin:0;overflow:auto;overflow-x:hidden;border:var(--line) solid var(--color-panel-line);border-top-color:var(--color-panel-line);border-bottom-color:var(--color-panel-line);border-left:2px solid var(--accent);box-shadow:0 8px 24px #00000038;background:var(--color-drawer);animation:workspace-enter var(--duration-base) var(--ease-functional) both;pointer-events:auto;scrollbar-width:none}.bug-report-modal-card{width:min(40rem,var(--active-workspace-width))}:is(.multiplayer-modal-title-group,.tournament-modal-title-group,.bug-report-title-group){display:grid;gap:var(--space-2);min-width:0}:is(.multiplayer-modal-title,.tournament-modal-title,.bug-report-title,.training-modal__header h2,.shortcuts-modal__header h2,.opponents-modal__header h2){font-size:clamp(1.2rem,2vw,1.4rem);line-height:1.15}.tournament-modal-title-group>div{min-width:0}:is(.multiplayer-modal-subtitle,.tournament-modal-subtitle,.bug-report-subtitle){margin-top:var(--space-1);color:var(--color-muted);font-size:var(--text-20)}:is(.multiplayer-nav-tabs,.tournament-nav-tabs){display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;border-bottom:var(--line) solid var(--color-panel-line)}:is(.multiplayer-nav-tab,.tournament-nav-tab){min-width:0;min-height:3.25rem;display:grid;align-content:center;justify-items:start;gap:var(--space-1);padding-inline:var(--space-2);text-align:left;color:var(--color-muted);border-width:0 0 3px;border-color:transparent;font-size:.6875rem;line-height:1.25}:is(.multiplayer-nav-tab,.tournament-nav-tab):is(:hover:not(:disabled),.active,.is-active){color:var(--color-paper);border-color:var(--accent);background:transparent}:is(.multiplayer-tab-content,.tournament-modal-body,.bug-report-body){padding:var(--space-4)}:is(.lobby-action-bar,.lobby-filter-bar,.form-actions-row,.room-waiting-actions,.bug-report-actions){display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.bug-report-actions{margin-top:var(--space-4)}:is(.btn-create-submit,.btn-join-submit,.btn-create-table-cta,.btn-join-table,.bug-btn.primary,.training-card__start){color:var(--color-paper);border-color:var(--accent);background:var(--accent-soft)}:is(.btn-quick-match,.btn-start-match){color:var(--signal-play-ink);border-color:var(--signal-play);background:var(--signal-play)}.btn-text-group{display:grid;gap:var(--space-1);text-align:left}.btn-text-group span{font-family:var(--font-sans);font-size:var(--text-10);font-weight:400;letter-spacing:0;text-transform:none}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}:is(.filter-chip,.btn-refresh-tables,.btn-join-private,.btn-table-busy,.bug-btn,.btn-leave-room,.btn-copy-code){color:var(--color-paper);border-color:var(--color-panel-line)}.filter-chip.active{color:var(--color-paper);border-color:var(--color-paper);background:var(--color-panel-raised)}.lobby-empty-state{display:grid;justify-items:start;gap:var(--space-3);min-height:18rem;align-content:center;border-block:var(--line) solid var(--color-panel-line)}.matchmaking-view{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) 0}.discipline-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.mode-cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.form-select-btn{display:grid;justify-items:start;gap:var(--space-1);min-height:4.5rem;align-content:center;border:var(--line) solid var(--color-panel-line);padding:var(--space-3);color:var(--color-paper);background:transparent;text-align:left}.form-select-btn strong{font-size:var(--text-20);letter-spacing:.02em}.form-select-btn span{color:var(--color-muted);font-family:var(--font-sans);font-size:var(--text-00);letter-spacing:0;text-transform:none;line-height:1.4}.form-select-btn:hover:not(:disabled),.form-select-btn.active{border-color:var(--accent);background:var(--accent-soft)}.matchmaking-action-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);border:var(--line) solid var(--color-panel-line);padding:var(--space-5);background:var(--color-panel-solid)}.matchmaking-searching-indicator{display:flex;align-items:center;gap:var(--space-2)}.matchmaking-searching-indicator .pulse-dot{width:.5rem;height:.5rem;background:var(--accent);animation:pulse-beacon 1.5s ease-in-out infinite}.matchmaking-searching-indicator strong{color:var(--color-paper);font-family:var(--font-mono);font-size:var(--text-10);letter-spacing:.08em}.matchmaking-queue-meta{margin:0;color:var(--color-muted);font-size:var(--text-20)}.matchmaking-queue-meta span{color:var(--color-paper);font-variant-numeric:tabular-nums}.matchmaking-queue-hint{margin:0;max-width:28rem;color:var(--color-muted);font-size:var(--text-20);line-height:1.5;text-align:center}.btn-start-queue{min-height:3.25rem;padding-inline:var(--space-6);color:var(--signal-play-ink);border-color:var(--signal-play);background:var(--signal-play);font-size:var(--text-20);font-weight:700}.btn-cancel-queue{color:var(--color-paper);border-color:var(--status-critical);background:var(--status-critical-surface)}.empty-title{font-size:var(--text-40)}.empty-desc{max-width:34rem;color:var(--color-muted);line-height:1.5}.lobby-tables-rows{border-top:var(--line) solid var(--color-panel-line)}.lobby-table-row{display:grid;grid-template-columns:1.4fr 1.2fr 1fr auto;align-items:center;gap:var(--space-4);min-height:5.5rem;border-bottom:var(--line) solid var(--color-panel-line);padding:var(--space-2);transition:background var(--duration-fast) var(--ease-functional),border-color var(--duration-fast) var(--ease-functional)}.lobby-table-row:hover{border-color:var(--accent);background:var(--color-panel-raised)}.host-name{font-size:var(--text-25);font-weight:600;letter-spacing:-.01em}.watch-match-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:var(--space-4)}.watch-card{display:flex;min-width:0;flex-direction:column;gap:var(--space-3);border:var(--line) solid var(--color-panel-line);padding:var(--space-4);background:var(--color-panel-solid)}.watch-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.watch-card__meta{display:flex;align-items:center;gap:var(--space-2)}.watch-live-badge{border:var(--line) solid var(--accent);padding:var(--space-1) var(--space-2);color:var(--color-paper);background:var(--accent-soft);font-family:var(--font-mono);font-size:var(--text-00);letter-spacing:.06em;white-space:nowrap}.watch-match-vs{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);border-top:var(--line) solid var(--color-panel-line);border-bottom:var(--line) solid var(--color-panel-line);padding:var(--space-3) var(--space-2)}.watch-player{display:flex;min-width:0;flex:1;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center}.watch-player__avatar{width:2.25rem;height:2.25rem;border-color:var(--accent);color:var(--color-paper);background:var(--accent-soft)}.watch-player__avatar--guest{border-color:var(--color-panel-line);color:var(--color-muted);background:var(--color-panel-raised)}.watch-player__name{max-width:100%;overflow:hidden;font-size:var(--text-20);text-overflow:ellipsis;white-space:nowrap}.watch-player__handle{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-00)}.watch-score-box{display:flex;flex-direction:column;align-items:center;padding-inline:var(--space-3)}.watch-score{color:var(--color-paper);font-family:var(--font-mono);font-size:var(--text-40);font-variant-numeric:tabular-nums;letter-spacing:.04em;white-space:nowrap}.watch-race{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-00);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.btn-watch-now{width:100%;color:var(--color-paper);border-color:var(--accent);background:var(--accent-soft)}.btn-watch-now:hover:not(:disabled),.btn-watch-now:focus-visible{color:var(--color-paper);border-color:var(--accent-strong);background:var(--accent-soft)}.table-row-host,.player-slot,.room-waiting-header,.match-card-top,.step-body{display:flex;align-items:center;gap:var(--space-3)}.host-details,.table-row-discipline,.table-row-status,.player-slot-info,.match-opponent-main,.step-details{display:grid;gap:var(--space-1)}.table-code-sub,.table-rules-summary,.privacy-indicator,.player-slot-tag,.step-race,.match-title-row{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-00)}.mode-tag,.status-pill,.tab-badge,.step-status-tag,.match-diff-pill,.room-code-badge{width:fit-content;border:1px solid var(--color-panel-line);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-00);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.status-pill{display:inline-flex;align-items:center;gap:var(--space-1)}.status-pill:before{content:"";width:.375rem;height:.375rem;flex:none;background:currentColor}.pill-waiting{border-color:var(--accent);color:var(--color-paper);background:var(--accent-soft)}.pill-playing{color:var(--color-muted)}.multiplayer-form,.room-waiting-view,.bug-report-info-box{display:grid;gap:var(--space-4);max-width:56rem}.form-group,.bug-report-field{display:grid;gap:var(--space-2)}.form-group-grid,.room-players-roster,.match-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.form-label,.field-label,.info-label,.showroom-spec-label,.spec-label{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-00);text-transform:uppercase}:is(.form-select,.join-code-input,.lobby-chat-input,.bug-report-textarea){color:var(--color-paper);border-color:var(--color-panel-line);background:var(--color-panel-raised)}:is(.join-code-input,.room-code-value){font-family:var(--font-mono);font-size:var(--text-40);letter-spacing:.12em}:is(.join-code-row,.lobby-chat-input-row){display:flex;gap:var(--space-2)}:is(.join-code-row,.lobby-chat-input-row) input{flex:1}:is(.room-players-roster,.room-lobby-chat,.bug-report-info-box){border:var(--line) solid var(--color-panel-line);padding:var(--space-4)}.player-vs-badge{align-self:center;color:var(--color-muted);font-family:var(--font-mono);text-align:center}.lobby-chat-messages{min-height:8rem;max-height:15rem;overflow:auto;padding-block:var(--space-3)}.lobby-chat-entry{padding-block:var(--space-1);font-size:var(--text-20)}.tournament-section+.tournament-section{margin-top:var(--space-7)}.tournament-section-title,.showroom-specs-title{margin-bottom:var(--space-3);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-10);font-weight:600;letter-spacing:.08em;line-height:1.3}.tournament-ladder-grid{display:grid;grid-template-columns:1fr;gap:0}.training-modal__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0}:is(.tournament-step-card,.training-card){min-width:0;border-width:1px 0 0;border-style:solid;border-color:var(--color-panel-line);padding:var(--space-5);color:var(--color-paper);background:transparent;text-align:left}.training-card+.training-card{border-left:0}.training-card:nth-child(odd){border-left-width:0}.tournament-step-card{min-height:6.5rem;padding:var(--space-3) var(--space-4)}.tournament-step-card .step-body{margin-top:var(--space-2)}.tournament-step-card:hover:not(:disabled),.training-card:hover{color:var(--color-paper);border-color:var(--accent);background:var(--color-panel-raised)}.tournament-step-card.selected{color:var(--color-paper);border-color:var(--accent);background:var(--accent-soft)}.tournament-step-card.selected .step-race{color:var(--color-muted)}.tournament-step-card.selected .step-avatar{border-color:var(--color-paper)}.tournament-step-card.locked{opacity:.55}.tournament-step-card:disabled{cursor:not-allowed}:is(.step-header,.match-opponent-name-row,.showroom-spec-row,.info-row){display:flex;justify-content:space-between;gap:var(--space-3)}.step-body{margin-top:var(--space-4)}:is(.tournament-match-card,.tournament-trophy-banner){border-width:4px 0 0;border-style:solid;border-color:var(--accent);padding:var(--space-4) 0 0}.match-avatar-wrap{width:4rem;height:4rem}.match-name{margin:0;font-size:clamp(1.4rem,3vw,2rem);font-weight:720;letter-spacing:-.055em;line-height:1.05}.match-quote-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2);margin:var(--space-4) 0;border-block:var(--line) solid var(--color-panel-line);padding:var(--space-4) 0;color:var(--color-paper);font-size:var(--text-20);line-height:1.45}.match-quote-symbol{color:var(--color-signal)}.match-quote-body{margin:0}.match-spec-grid{grid-template-columns:1fr;gap:0;margin:0}.match-spec-item{display:grid;grid-template-columns:minmax(7rem,.34fr) minmax(0,1fr);gap:var(--space-3);align-items:baseline;border-top:1px solid var(--color-panel-line);padding:var(--space-2) 0}.match-spec-item dd{margin:0}.spec-value{color:var(--color-paper);line-height:1.35}.spec-value.highlight{color:var(--color-signal);font-weight:650}.match-play-wrap{margin-top:var(--space-5)}.tournament-big-play-btn{width:100%;min-height:3.25rem;padding-inline:var(--space-4);line-height:1.25;white-space:normal}.tournament-trophy-banner{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);margin-top:var(--space-7);padding-bottom:var(--space-4)}.trophy-icon-box{align-self:start;border:1px solid var(--color-paper);padding:var(--space-2);font-family:var(--font-mono);font-size:var(--text-00)}.trophy-title-text{margin:0;font-size:var(--text-30);font-weight:650}.trophy-status-text{margin-bottom:0;margin-top:var(--space-1);color:var(--color-muted)}.showroom-spec-row,.info-row{padding-block:var(--space-3);border-top:var(--line) solid var(--color-panel-line)}.training-modal__backdrop,.shortcuts-modal__backdrop,.opponents-modal__backdrop{position:fixed;inset:0;background:#0000002e;z-index:-1;pointer-events:auto}@keyframes workspace-enter{0%{opacity:.72;transform:translate(-.75rem)}to{opacity:1;transform:translate(0)}}@keyframes workspace-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-.5rem)}}.training-card{display:flex;min-height:0;flex-direction:column;padding:var(--space-3) var(--space-4)}.training-modal__grid{padding:0 var(--space-4) var(--space-3)}.training-modal__group+.training-modal__group{border-top:var(--line) solid var(--color-panel-line)}.training-group__title{padding:var(--space-4);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-10);font-weight:600;letter-spacing:.08em;line-height:1.3}.training-card:hover{border-color:var(--accent);background:var(--color-panel-raised)}.training-card__discipline{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-00);letter-spacing:.08em}.shortcuts-modal__body{display:grid;gap:var(--space-5);padding:var(--space-4)}.shortcuts-group{display:grid;gap:0;border-top:var(--line) solid var(--color-panel-line)}.shortcuts-group__title{padding:var(--space-3) 0 var(--space-2);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-10);font-weight:600;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}.shortcut-row{display:grid;grid-template-columns:minmax(9rem,.9fr) minmax(0,1.1fr);gap:var(--space-3);align-items:baseline;border-top:var(--line) solid var(--color-panel-line);padding:var(--space-2) 0}.shortcut-row kbd{width:fit-content;border:var(--line) solid var(--color-panel-line);padding:var(--space-1) var(--space-2);color:var(--color-paper);background:var(--color-panel-raised);font-family:var(--font-mono);font-size:var(--text-20);letter-spacing:.04em;white-space:nowrap}.shortcut-row span{color:var(--color-muted);font-size:var(--text-20);line-height:1.45}.opponents-modal__body{display:grid;gap:var(--space-4);padding:0 var(--space-4) var(--space-4)}.opponents-group{display:grid;gap:0;border-top:var(--line) solid var(--color-panel-line)}.opponents-group__title{padding:var(--space-3) 0 var(--space-2);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-10);font-weight:600;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}.opponent-row{display:grid;grid-template-columns:2.75rem minmax(0,1fr) auto;gap:var(--space-3);align-items:center;min-height:3.75rem;border-top:var(--line) solid var(--color-panel-line);padding:var(--space-2) var(--space-1);color:var(--color-paper);text-align:left}.opponent-row:hover:not(:disabled),.opponent-row:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.opponent-row__avatar{display:block;width:2.75rem;height:2.75rem;border:var(--line) solid var(--color-panel-line);object-fit:cover}.opponent-row__copy{display:grid;gap:var(--space-1);min-width:0}.opponent-row__copy strong{overflow:hidden;font-size:var(--text-25);font-weight:600;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.opponent-row__copy small{overflow:hidden;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-00);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.opponent-row__action{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-10);letter-spacing:.08em}.opponent-row:hover:not(:disabled) .opponent-row__action,.opponent-row:focus-visible .opponent-row__action{color:var(--color-paper)}.training-card h3{margin-top:var(--space-2);font-size:1.125rem}.training-card p{margin-block:var(--space-2);color:var(--color-muted);line-height:1.5}.training-card__meta{margin-top:auto;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-00)}.training-card__start{align-self:flex-start;margin-top:var(--space-3)}.bug-report-modal-backdrop.is-hidden{display:none}.bug-report-info-box{max-width:none;margin-bottom:var(--space-5)}.bug-report-textarea{min-height:10rem}@media(max-width:900px){:root{--workspace-width: 100%;--workspace-cascade-width: 100%}.app-rail{display:none}.app-index-panel{left:0}.modal-back-to-menu-btn{display:inline-flex;padding:.35rem .55rem;flex-shrink:0}}@media(max-width:900px){.lobby-table-row{grid-template-columns:1fr;padding-block:var(--space-4)}.tournament-ladder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){:is(.training-modal__header,.shortcuts-modal__header,.opponents-modal__header,.multiplayer-modal-header,.tournament-modal-header,.showroom-header,.bug-report-header){display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.5rem var(--space-3)}.close-text{display:none}.briefing-discipline{padding:var(--space-4) var(--space-3) var(--space-3)}.briefing-choice{grid-template-columns:2rem minmax(0,1fr)}.briefing-choice__action{display:none}:is(.tournament-ladder-grid,.training-modal__grid,.form-group-grid,.room-players-roster,.match-spec-grid){grid-template-columns:1fr}.shortcut-row{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}:is(.multiplayer-tab-content,.tournament-modal-body,.bug-report-body,.training-modal__grid){padding:var(--space-3)}:is(.training-modal__header,.shortcuts-modal__header,.opponents-modal__header)>div{flex:1;min-width:0;text-align:center}:is(.training-modal__header h2,.shortcuts-modal__header h2,.opponents-modal__header h2){font-size:1.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-back-to-menu-btn{font-size:.68rem}.opponent-row{grid-template-columns:2.5rem minmax(0,1fr) auto;gap:var(--space-2);min-height:3.25rem;padding:var(--space-2) var(--space-1)}.opponent-row__copy strong{font-size:.95rem}.opponent-row__copy small{font-size:.68rem;letter-spacing:.04em}}@media(max-height:550px){.app-index-panel{overflow-y:auto;-webkit-overflow-scrolling:touch}.index-navigation{flex:none;overflow:visible}.index-navigation .index-list{overflow:visible}.index-tools{flex:none;padding-bottom:var(--space-4)}}.replay-studio-deck{position:fixed;inset:0;z-index:70;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-2) var(--space-3);font-family:var(--font-sans)}.replay-studio-deck.is-hidden{display:none}.replay-studio-deck.is-ui-hidden :is(.replay-studio__header,.replay-studio__console){display:none}.replay-studio__show-ui-btn{display:none;pointer-events:auto;position:absolute;bottom:var(--space-3);left:50%;transform:translate(-50%);padding:5px 12px;background:#0f172ae5;border:var(--line) solid var(--color-panel-line);border-radius:9999px;color:var(--color-paper);font-family:var(--font-mono);font-size:var(--text-00);font-weight:600;cursor:pointer}.replay-studio__show-ui-btn:hover{border-color:var(--color-accent);color:var(--color-paper-raised)}.replay-studio-deck.is-ui-hidden .replay-studio__show-ui-btn{display:block}.replay-studio__header{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:4px var(--space-3);border:var(--line) solid var(--color-panel-line);border-radius:6px;background:#0f172ad9;color:var(--color-paper);max-width:820px;margin:0 auto;width:100%}.replay-studio__badge{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:.6875rem;font-weight:700;color:var(--color-critical);white-space:nowrap}.replay-studio__rec-dot{width:7px;height:7px;border-radius:50%;background:var(--color-critical);display:inline-block}.replay-studio__telemetry{display:flex;align-items:center;gap:var(--space-2);overflow-x:auto}.replay-studio__telemetry-chip{display:flex;align-items:center;gap:4px;padding:2px 6px;border:var(--line) solid var(--color-ops-line);border-radius:3px;background:var(--color-panel-solid);white-space:nowrap}.replay-studio__telemetry-label{font-family:var(--font-mono);font-size:.5625rem;color:var(--color-muted)}.replay-studio__telemetry-value{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-data)}.replay-studio__exit-btn{border:var(--line) solid var(--color-ops-line);border-radius:4px;padding:3px 8px;color:var(--color-paper);background:var(--color-panel-solid);font-family:var(--font-mono);font-size:.6875rem;cursor:pointer;white-space:nowrap}.replay-studio__exit-btn:hover{background:var(--color-ops-line);color:var(--color-paper-raised)}.replay-studio__console{pointer-events:auto;display:flex;flex-direction:column;gap:4px;padding:6px 12px;border:var(--line) solid var(--color-panel-line);border-radius:8px;background:#0f172ae0;color:var(--color-paper);max-width:820px;margin:0 auto;width:100%}.replay-studio__timeline-header{display:flex;align-items:center;justify-content:space-between;line-height:1}.replay-studio__time{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-muted);font-variant-numeric:tabular-nums}.replay-studio__timeline-wrapper{position:relative;width:100%;height:18px;display:flex;align-items:center}.replay-studio__scrubber{width:100%;height:4px;appearance:none;background:var(--color-ops-line);outline:none;cursor:pointer;border-radius:2px}.replay-studio__scrubber::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:grab}.replay-studio__markers{position:absolute;inset:0;pointer-events:none;z-index:3}.replay-studio__marker{pointer-events:auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;border:1px solid var(--color-ops-line);background:var(--color-panel-solid);font-size:.55rem;display:grid;place-items:center;cursor:pointer;padding:0}.replay-studio__marker:hover{border-color:var(--accent)}.replay-studio__controls-row{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.replay-studio__button-group{display:flex;align-items:center;border:var(--line) solid var(--color-ops-line);border-radius:4px;background:var(--color-panel-solid);overflow:hidden}.replay-studio__btn{border:none;border-right:var(--line) solid var(--color-ops-line);padding:3px 7px;color:var(--color-muted);background:transparent;font-family:var(--font-mono);font-size:.6875rem;cursor:pointer;user-select:none;white-space:nowrap}.replay-studio__btn:last-child{border-right:none}.replay-studio__btn:hover{color:var(--color-paper);background:var(--color-ops-line)}.replay-studio__btn.is-active{color:var(--color-paper-raised);background:var(--accent-soft)}.replay-studio__play-btn{min-width:32px;color:var(--accent);font-weight:700}.queue-banner{display:none;position:absolute;top:var(--space-3);left:50%;transform:translate(-50%);background:var(--color-chrome);border:var(--line) solid var(--accent);padding:var(--space-2) var(--space-4);align-items:center;gap:var(--space-3);z-index:100;font-family:var(--font-mono)}.queue-banner.is-visible{display:flex}.queue-banner__dot{width:8px;height:8px;background:var(--accent);animation:pulse-beacon 1.5s ease-in-out infinite}.queue-banner__text{font-size:var(--text-00);font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.queue-banner__cancel{background:none;border:none;color:var(--status-critical);font-weight:600}.queue-banner__cancel:hover{color:var(--text-primary)}.match-found-overlay{pointer-events:auto;position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#000000b8}.match-found-overlay[hidden]{display:none}.match-found-modal{background:var(--color-drawer);border:var(--line) solid var(--accent);border-top-color:var(--bevel-top);border-bottom-color:var(--bevel-bottom);padding:var(--space-5) var(--space-6);max-width:440px;width:90%;text-align:center;box-shadow:0 1rem 2.5rem #0000007f,inset 0 1px #ffffff1a;backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:var(--space-3);align-items:center}:is(.match-found-title,.match-found-discipline){font-family:var(--font-mono);text-transform:uppercase}.match-found-title{color:var(--accent);margin:0;letter-spacing:.08em;font-size:var(--text-20)}.match-found-discipline{font-size:var(--text-00);letter-spacing:.06em;color:var(--text-secondary)}.match-found-opponent{display:flex;align-items:center;gap:var(--space-3);background:var(--surface-field);border:var(--line) solid var(--color-panel-line);padding:var(--space-2) var(--space-4);width:100%;justify-content:center}.opponent-avatar{width:40px;height:40px;background:var(--accent);color:var(--surface-app);display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--font-mono)}.opponent-name{font-size:var(--text-20);color:var(--text-primary)}.match-timer-bar-wrap{width:100%;height:4px;background:var(--surface-field);border:var(--line) solid var(--color-panel-line);overflow:hidden}.match-timer-bar{height:100%;width:100%;background:var(--accent);transition:width .2s linear}.match-timer-sec{font-family:var(--font-mono);font-size:var(--text-00);color:var(--text-subtle)}.match-found-actions{display:flex;gap:var(--space-3);width:100%;margin-top:var(--space-2)}.btn-accept-match{flex:1;min-height:var(--control-height);padding:var(--space-2) var(--space-3);background:var(--accent);color:var(--surface-app);font-weight:700;border:none;transition:background var(--duration-fast) var(--ease-functional)}.btn-accept-match:hover:not(:disabled){background:var(--accent-strong)}.btn-accept-match:disabled{background:var(--status-success);color:var(--surface-app);cursor:default}.btn-decline-match{min-height:var(--control-height);padding:var(--space-2) var(--space-4);background:var(--status-critical-surface);border:var(--line) solid var(--status-critical);color:var(--text-primary);font-weight:600;transition:background var(--duration-fast) var(--ease-functional)}.btn-decline-match:hover{background:var(--status-critical);color:var(--surface-app)}.spectator-badge,.fps-counter,.online-ping-badge{display:none;background:var(--color-chrome);border:var(--line) solid var(--color-panel-line);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-00);letter-spacing:.04em;font-variant-numeric:tabular-nums;align-items:center}.spectator-badge{padding-inline:var(--space-3);color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase}.fps-counter{font-weight:600;color:var(--status-success)}.online-ping-badge{color:var(--text-secondary)}:is(.spectator-badge,.fps-counter,.online-ping-badge).is-visible{display:inline-flex}.floating-reaction{position:fixed;z-index:300;font-size:2rem;pointer-events:none;animation:float-up 2s ease-out forwards}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6rem) scale(1.3)}}.spectator-leave-btn{display:none;background:var(--status-critical-surface);border:var(--line) solid var(--status-critical);color:var(--text-primary);font-weight:600;letter-spacing:.06em;padding:var(--space-2) var(--space-3);min-height:var(--control-height);transition:background var(--duration-fast) var(--ease-functional)}.spectator-leave-btn.is-visible{display:inline-flex}.spectator-leave-btn:hover{background:var(--status-critical);color:var(--surface-app)}