:root{color-scheme:light;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--text-2xs: clamp(.6875rem, .6667rem + .0926vw, .75rem);--text-xs: clamp(.75rem, .7292rem + .0926vw, .8125rem);--text-sm: clamp(.8125rem, .7813rem + .1389vw, .9063rem);--text-base: clamp(.9375rem, .9167rem + .0926vw, 1rem);--text-md: clamp(1rem, .9583rem + .1852vw, 1.125rem);--text-lg: clamp(1.125rem, 1.0625rem + .2778vw, 1.3125rem);--text-xl: clamp(1.3125rem, 1.2292rem + .3704vw, 1.5625rem);--text-2xl: clamp(1.5625rem, 1.4375rem + .5556vw, 1.9375rem);--text-3xl: clamp(1.875rem, 1.6667rem + .9259vw, 2.5rem);--text-display: clamp(2.125rem, 1.6667rem + 2.037vw, 3.5rem);--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.015em;--tracking-normal: 0;--tracking-wide: .04em;--space-0: 0;--space-px: 1px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-pill: 999px;--radius-full: 50%;--hit-min: 44px;--dur-instant: 0ms;--dur-fast: .12s;--dur-base: .18s;--dur-slow: .26s;--dur-slower: .4s;--dur-slowest: .65s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-decelerate: cubic-bezier(0, 0, 0, 1);--ease-accelerate: cubic-bezier(.3, 0, 1, 1);--ease-overshoot: cubic-bezier(.34, 1.56, .64, 1);--z-canvas: 0;--z-hud: 10;--z-panel: 20;--z-sheet: 30;--z-modal: 40;--z-toast: 50;--z-tooltip: 60;--vh-dynamic: 100dvh;--vh-small: 100svh;--vh-large: 100lvh;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--keyboard-inset: 0px;--bg: #e8ecf3;--surface-1: #ffffff;--surface-2: #f4f7fb;--surface-3: #e4eaf2;--border-subtle: #dce2ec;--border-strong: #808696;--text-primary: #0f141b;--text-secondary: #465264;--text-muted: #5a6575;--text-inverse: #ffffff;--accent: #c81b70;--accent-hover: #aa005c;--accent-active: #90004d;--accent-contrast: #ffffff;--accent-soft: #ffecf1;--success: #007a2f;--success-on: #ffffff;--success-soft: #def3df;--success-on-soft: #007d30;--warning: #915f00;--warning-on: #ffffff;--warning-soft: #feebd6;--warning-on-soft: #956100;--danger: #d1142d;--danger-on: #ffffff;--danger-soft: #ffe9e6;--danger-on-soft: #d4192f;--info: #006db2;--info-on: #ffffff;--info-soft: #e5eeff;--info-on-soft: #0070b6;--player-1: #7237b8;--player-1-ui: #7237b8;--player-1-rim: #be85f8;--player-1-soft: #f5e9ff;--player-1-on-soft: #884bce;--player-1-on: #ffffff;--player-2: #e8501e;--player-2-ui: #c63100;--player-2-rim: #fd7749;--player-2-soft: #ffe9e2;--player-2-on-soft: #c93401;--player-2-on: #130400;--player-3: #a2d733;--player-3-ui: #517400;--player-3-rim: #81ac26;--player-3-soft: #eaf1d4;--player-3-on-soft: #537700;--player-3-on: #060900;--player-4: #1cafd2;--player-4-ui: #00738c;--player-4-rim: #67c8e6;--player-4-soft: #d3f3ff;--player-4-on-soft: #00768f;--player-4-on: #00090d;--scene-bg: #cbd3e0;--board-base: #453626;--board-line: #8a6c47;--shadow-a: rgba(15, 20, 27, .06);--shadow-b: rgba(15, 20, 27, .05);--shadow-hi: transparent;--scrim: rgba(15, 20, 27, .45);--glass: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .65);--shadow-1: 0 1px 2px var(--shadow-a), inset 0 1px 0 var(--shadow-hi);--shadow-2: 0 2px 4px var(--shadow-a), 0 4px 10px var(--shadow-b), inset 0 1px 0 var(--shadow-hi);--shadow-3: 0 4px 8px var(--shadow-a), 0 12px 24px var(--shadow-b), inset 0 1px 0 var(--shadow-hi);--shadow-4: 0 8px 16px var(--shadow-a), 0 24px 48px var(--shadow-b), inset 0 1px 0 var(--shadow-hi);--shadow-5: 0 16px 32px var(--shadow-a), 0 40px 80px var(--shadow-b), inset 0 1px 0 var(--shadow-hi);--focus-ring-color: var(--accent);--focus-ring: 0 0 0 2px var(--surface-1), 0 0 0 4px var(--focus-ring-color);--focus-ring-inset: inset 0 0 0 2px var(--focus-ring-color);--player-current: var(--accent);--player-current-ui: var(--accent);--player-current-rim: var(--accent);--player-current-soft: var(--accent-soft);--player-current-on-soft: var(--accent);--player-current-on: var(--accent-contrast)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0b0e13;--surface-1: #161b24;--surface-2: #1d2430;--surface-3: #27303e;--border-subtle: #2b3544;--border-strong: #717887;--text-primary: #edf1f8;--text-secondary: #a9b4c4;--text-muted: #939eae;--text-inverse: #0b0e13;--accent: #fe599d;--accent-hover: #ff85b1;--accent-active: #ffa0c0;--accent-contrast: #1b0009;--accent-soft: #53323d;--success: #43aa59;--success-on: #000b00;--success-soft: #2a412c;--success-on-soft: #71d681;--warning: #ce8800;--warning-on: #0e0600;--warning-soft: #4a3823;--warning-on-soft: #ffb238;--danger: #ff615d;--danger-on: #170200;--danger-soft: #54322f;--danger-on-soft: #ffaba3;--info: #179cf8;--info-on: #000816;--info-soft: #293d55;--info-on-soft: #97c4ff;--player-1: #7237b8;--player-1-ui: #b877ff;--player-1-rim: #be85f8;--player-1-soft: #473754;--player-1-on-soft: #d9b0ff;--player-1-on: #ffffff;--player-2: #e8501e;--player-2-ui: #ff6430;--player-2-rim: #fd7749;--player-2-soft: #583529;--player-2-on-soft: #ffad90;--player-2-on: #130400;--player-3: #a2d733;--player-3-ui: #a2d733;--player-3-rim: #81ac26;--player-3-soft: #384122;--player-3-on-soft: #9dd22d;--player-3-on: #060900;--player-4: #1cafd2;--player-4-ui: #1cafd2;--player-4-rim: #67c8e6;--player-4-soft: #004454;--player-4-on-soft: #52d0f4;--player-4-on: #00090d;--scene-bg: #090c11;--board-base: #3f3123;--board-line: #6b5336;--shadow-a: rgba(0, 0, 0, .45);--shadow-b: rgba(0, 0, 0, .38);--shadow-hi: rgba(255, 255, 255, .06);--scrim: rgba(0, 0, 0, .66);--glass: rgba(22, 27, 36, .74);--glass-border: rgba(255, 255, 255, .09)}}:root[data-theme=dark]{color-scheme:dark;--bg: #0b0e13;--surface-1: #161b24;--surface-2: #1d2430;--surface-3: #27303e;--border-subtle: #2b3544;--border-strong: #717887;--text-primary: #edf1f8;--text-secondary: #a9b4c4;--text-muted: #939eae;--text-inverse: #0b0e13;--accent: #fe599d;--accent-hover: #ff85b1;--accent-active: #ffa0c0;--accent-contrast: #1b0009;--accent-soft: #53323d;--success: #43aa59;--success-on: #000b00;--success-soft: #2a412c;--success-on-soft: #71d681;--warning: #ce8800;--warning-on: #0e0600;--warning-soft: #4a3823;--warning-on-soft: #ffb238;--danger: #ff615d;--danger-on: #170200;--danger-soft: #54322f;--danger-on-soft: #ffaba3;--info: #179cf8;--info-on: #000816;--info-soft: #293d55;--info-on-soft: #97c4ff;--player-1: #7237b8;--player-1-ui: #b877ff;--player-1-rim: #be85f8;--player-1-soft: #473754;--player-1-on-soft: #d9b0ff;--player-1-on: #ffffff;--player-2: #e8501e;--player-2-ui: #ff6430;--player-2-rim: #fd7749;--player-2-soft: #583529;--player-2-on-soft: #ffad90;--player-2-on: #130400;--player-3: #a2d733;--player-3-ui: #a2d733;--player-3-rim: #81ac26;--player-3-soft: #384122;--player-3-on-soft: #9dd22d;--player-3-on: #060900;--player-4: #1cafd2;--player-4-ui: #1cafd2;--player-4-rim: #67c8e6;--player-4-soft: #004454;--player-4-on-soft: #52d0f4;--player-4-on: #00090d;--scene-bg: #090c11;--board-base: #3f3123;--board-line: #6b5336;--shadow-a: rgba(0, 0, 0, .45);--shadow-b: rgba(0, 0, 0, .38);--shadow-hi: rgba(255, 255, 255, .06);--scrim: rgba(0, 0, 0, .66);--glass: rgba(22, 27, 36, .74);--glass-border: rgba(255, 255, 255, .09)}:root[data-theme=light]{color-scheme:light}@media(prefers-contrast:more){:root{--text-muted: var(--text-secondary);--border-subtle: var(--border-strong);--border-strong: var(--text-secondary);--focus-ring: 0 0 0 2px var(--surface-1), 0 0 0 5px var(--focus-ring-color)}}@media(prefers-reduced-transparency:reduce){:root{--glass: var(--surface-1);--glass-border: var(--border-subtle)}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{height:100%;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:var(--weight-regular);color:var(--text-primary);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{width:100%;height:100%;isolation:isolate}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button,a,label,select,summary,[role=button],[role=tab],[role=option],[tabindex]{touch-action:manipulation}canvas{display:block;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}img,picture,video,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{background:none;border:none;padding:0;cursor:pointer}button:disabled{cursor:default}input,textarea,select{font-size:max(16px,var(--text-base))}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance}ul[role=list],ol[role=list]{list-style:none;padding:0}:where(dialog){border:none;padding:0;background:transparent;color:inherit;max-width:100%;max-height:100%}:where(dialog)::backdrop{background:var(--scrim)}:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background-color:var(--accent-soft);color:var(--text-primary)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--border-strong);border:3px solid transparent;background-clip:content-box;border-radius:var(--radius-pill)}*::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--accent-hover)}a:active{color:var(--accent-active)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.9em}time,output,[data-numeric]{font-variant-numeric:tabular-nums}hr{border:none;border-top:1px solid var(--border-subtle)}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 1ms;--dur-base: 1ms;--dur-slow: 1ms;--dur-slower: 1ms;--dur-slowest: 1ms}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}:root{--shell-max: 2240px;--panel-start-w: 0px;--panel-end-w: 0px;--hud-pad: 12px;--hud-gap: 8px;--control-size: 40px;--sheet-radius: var(--radius-xl);--sheet-max-w: 100%}.app-canvas{position:fixed;inset:0;z-index:var(--z-canvas);background-color:var(--scene-bg)}.app-canvas>canvas{width:100%!important;height:100%!important}.app-shell{position:relative;z-index:var(--z-hud);display:grid;width:100%;max-width:var(--shell-max);height:100%;margin-inline:auto;grid-template-areas:"stage";grid-template-columns:1fr;grid-template-rows:1fr;pointer-events:none}.app-shell>*{pointer-events:auto;min-width:0;min-height:0}.app-stage{grid-area:stage;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:0;padding-top:max(var(--safe-top),var(--hud-pad));padding-bottom:max(var(--safe-bottom),var(--hud-pad));padding-left:max(var(--safe-left),var(--hud-pad));padding-right:max(var(--safe-right),var(--hud-pad));pointer-events:none}.app-stage>*{pointer-events:auto}.app-hud-top,.app-hud-bottom{display:flex;align-items:center;gap:var(--hud-gap);width:100%}.app-hud-top{justify-content:space-between}.app-hud-bottom{justify-content:center;margin-bottom:var(--keyboard-inset)}.app-panel-start,.app-panel-end{display:none;flex-direction:column;min-height:0;overflow:hidden;background-color:var(--surface-1);border-color:var(--border-subtle);border-style:solid;border-width:0}.app-panel-start{grid-area:start;border-inline-end-width:1px;padding-top:max(var(--safe-top),var(--hud-pad));padding-bottom:max(var(--safe-bottom),var(--hud-pad));padding-inline-start:max(var(--safe-left),var(--hud-pad));padding-inline-end:var(--hud-pad)}.app-panel-end{grid-area:end;border-inline-start-width:1px;padding-top:max(var(--safe-top),var(--hud-pad));padding-bottom:max(var(--safe-bottom),var(--hud-pad));padding-inline-end:max(var(--safe-right),var(--hud-pad));padding-inline-start:var(--hud-pad)}@media(min-width:480px){:root{--hud-pad: 14px;--hud-gap: 10px;--control-size: 42px;--sheet-max-w: 460px}}@media(min-width:768px){:root{--hud-pad: 16px;--hud-gap: 12px;--control-size: 44px;--sheet-radius: var(--radius-lg);--sheet-max-w: 560px}}@media(min-width:1024px){:root{--hud-pad: 18px;--panel-start-w: 296px}.app-shell{grid-template-areas:"start stage";grid-template-columns:var(--panel-start-w) 1fr}.app-panel-start{display:flex}}@media(min-width:1440px){:root{--hud-pad: 20px;--hud-gap: 14px;--control-size: 46px;--panel-start-w: 320px;--panel-end-w: 300px;--sheet-max-w: 640px}.app-shell{grid-template-areas:"start stage end";grid-template-columns:var(--panel-start-w) 1fr var(--panel-end-w)}.app-panel-end{display:flex}}@media(min-width:1920px){:root{--hud-pad: 24px;--hud-gap: 16px;--control-size: 48px;--panel-start-w: 344px;--panel-end-w: 320px}}@media(orientation:landscape)and (max-height:500px){:root{--hud-pad: 8px;--hud-gap: 6px;--panel-start-w: 72px;--panel-end-w: 72px;--sheet-radius: var(--radius-md)}.app-shell{grid-template-areas:"start stage end";grid-template-columns:var(--panel-start-w) 1fr var(--panel-end-w)}.app-panel-start,.app-panel-end{display:flex;align-items:center;justify-content:center;background-color:transparent;border-width:0}.app-stage{padding-inline:var(--hud-pad);padding-block:max(var(--safe-top),var(--hud-pad)) max(var(--safe-bottom),var(--hud-pad))}.app-hud-top,.app-hud-bottom{flex-direction:column}}@media(pointer:coarse){:root{--hit-min: 48px;--control-size: max(48px, var(--control-size))}}@media(min-aspect-ratio:2 / 1){.app-shell{max-width:min(var(--shell-max),150vh)}}.app-sheet{position:fixed;z-index:var(--z-sheet);inset-inline:0;bottom:0;max-height:calc(var(--vh-dynamic) - var(--safe-top) - var(--space-8));overflow:hidden auto;overscroll-behavior:contain;background-color:var(--surface-1);border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;box-shadow:var(--shadow-4);padding:var(--space-5);padding-bottom:max(var(--safe-bottom),var(--space-5));padding-inline:max(var(--safe-left),var(--space-5)) max(var(--safe-right),var(--space-5))}@media(min-width:768px){.app-sheet{inset:50% auto auto 50%;translate:-50% -50%;width:min(var(--sheet-max-w),calc(100vw - var(--space-12)));max-height:calc(var(--vh-dynamic) - var(--space-16));border-radius:var(--sheet-radius);padding-bottom:var(--space-5)}}.app-scrim{position:fixed;inset:0;z-index:var(--z-sheet);background-color:var(--scrim)}.u-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.u-visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.u-touch-target{position:relative;min-width:var(--hit-min);min-height:var(--hit-min)}.u-touch-target-expand{position:relative}.u-touch-target-expand:after{content:"";position:absolute;top:50%;left:50%;width:max(100%,var(--hit-min));height:max(100%,var(--hit-min));translate:-50% -50%}.u-scroll{overflow:hidden auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.u-scroll-x{overflow:auto hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.u-safe-top{padding-top:var(--safe-top)}.u-safe-bottom{padding-bottom:var(--safe-bottom)}.u-safe-left{padding-left:var(--safe-left)}.u-safe-right{padding-right:var(--safe-right)}.u-safe-inset{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right)}.u-vh{height:var(--vh-dynamic)}.u-min-vh{min-height:var(--vh-dynamic)}.u-vh-safe{height:var(--vh-small)}.u-surface{background-color:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.u-surface-sunken{background-color:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.u-glass{background-color:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.u-glass{-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}}.u-elevation-0{box-shadow:none}.u-elevation-1{box-shadow:var(--shadow-1)}.u-elevation-2{box-shadow:var(--shadow-2)}.u-elevation-3{box-shadow:var(--shadow-3)}.u-elevation-4{box-shadow:var(--shadow-4)}.u-elevation-5{box-shadow:var(--shadow-5)}.u-player-1{--player-current: var(--player-1);--player-current-ui: var(--player-1-ui);--player-current-rim: var(--player-1-rim);--player-current-soft: var(--player-1-soft);--player-current-on-soft: var(--player-1-on-soft);--player-current-on: var(--player-1-on)}.u-player-2{--player-current: var(--player-2);--player-current-ui: var(--player-2-ui);--player-current-rim: var(--player-2-rim);--player-current-soft: var(--player-2-soft);--player-current-on-soft: var(--player-2-on-soft);--player-current-on: var(--player-2-on)}.u-player-3{--player-current: var(--player-3);--player-current-ui: var(--player-3-ui);--player-current-rim: var(--player-3-rim);--player-current-soft: var(--player-3-soft);--player-current-on-soft: var(--player-3-on-soft);--player-current-on: var(--player-3-on)}.u-player-4{--player-current: var(--player-4);--player-current-ui: var(--player-4-ui);--player-current-rim: var(--player-4-rim);--player-current-soft: var(--player-4-soft);--player-current-on-soft: var(--player-4-on-soft);--player-current-on: var(--player-4-on)}.u-swatch{display:inline-grid;place-items:center;flex:none;inline-size:1em;block-size:1em;border-radius:var(--radius-full);background-color:var(--player-current);box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--player-current-on);font-size:var(--text-xs);line-height:1}.u-tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.u-text-muted{color:var(--text-muted)}.u-text-secondary{color:var(--text-secondary)}.u-selectable{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.u-no-select{-webkit-user-select:none;user-select:none}.u-stack{display:flex;flex-direction:column;gap:var(--stack-gap, var(--space-3));min-height:0}.u-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cluster-gap, var(--space-2));min-width:0}.u-spacer{flex:1 1 auto}.u-pass-through{pointer-events:none}.u-pass-through>*{pointer-events:auto}.o-app{display:flex;flex-direction:column;height:var(--vh-dynamic);min-height:var(--vh-dynamic);overflow:hidden;background-color:var(--bg);color:var(--text-primary)}.o-app__body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.o-skip{position:absolute;z-index:var(--z-tooltip);top:var(--space-2);left:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background-color:var(--accent);color:var(--accent-contrast);font-weight:var(--weight-semibold);text-decoration:none;translate:0 -200%}.o-skip:focus{translate:0 0}.o-screen{flex:1 1 auto;min-height:0;width:100%;max-width:34rem;margin-inline:auto;padding:var(--space-4);padding-top:max(var(--safe-top),var(--space-4));padding-bottom:max(var(--safe-bottom),var(--space-6));padding-inline:max(var(--safe-left),var(--space-4)) max(var(--safe-right),var(--space-4));display:flex;flex-direction:column;gap:var(--space-5);overflow-y:auto;overscroll-behavior:contain}.o-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--hit-min);padding:var(--space-3) var(--space-5);border:1px solid transparent;border-radius:var(--radius-md);background-color:var(--surface-2);color:var(--text-primary);font:inherit;font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-snug);text-align:center;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),translate var(--dur-fast) var(--ease-standard)}.o-btn--lg{min-height:calc(var(--hit-min) + var(--space-3));font-size:var(--text-md)}.o-btn--block{display:flex;width:100%}.o-btn--primary{background-color:var(--accent);color:var(--accent-contrast)}.o-btn--secondary{background-color:var(--surface-2);border-color:var(--border-strong)}.o-btn--ghost{background-color:transparent;color:var(--text-secondary)}.o-btn--danger{background-color:var(--danger);color:var(--danger-on)}.o-btn:hover:not(:disabled){background-color:var(--surface-3)}.o-btn--primary:hover:not(:disabled){background-color:var(--accent-hover)}.o-btn--danger:hover:not(:disabled){filter:brightness(1.08)}.o-btn:active:not(:disabled){translate:0 1px}.o-btn:disabled{opacity:.55;cursor:not-allowed}.o-btn__label{min-width:0}.o-iconbtn{display:inline-grid;place-items:center;flex:none;inline-size:var(--control-size);block-size:var(--control-size);min-width:var(--hit-min);min-height:var(--hit-min);padding:0;border:0;border-radius:var(--radius-full);background-color:var(--surface-1);color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-1)}.o-iconbtn:hover{background-color:var(--surface-2);color:var(--text-primary)}.o-linkbtn{padding:var(--space-2) 0;min-height:var(--hit-min);border:0;background:none;color:var(--accent);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.o-icon{inline-size:1.25em;block-size:1.25em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.o-spinner{display:inline-flex;gap:3px;align-items:center}.o-spinner__dot{inline-size:5px;block-size:5px;border-radius:var(--radius-full);background-color:currentColor;animation:o-pulse 1s var(--ease-standard) infinite}.o-spinner__dot:nth-child(2){animation-delay:.12s}.o-spinner__dot:nth-child(3){animation-delay:.24s}@keyframes o-pulse{0%,to{opacity:.3}50%{opacity:1}}.o-card{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--surface-1);display:flex;flex-direction:column;gap:var(--space-4)}.o-field{display:flex;flex-direction:column;gap:var(--space-2)}.o-field__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.o-field__input{min-height:var(--hit-min);padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background-color:var(--surface-1);color:var(--text-primary);font:inherit;font-size:max(1rem,var(--text-base))}.o-field--error .o-field__input{border-color:var(--danger)}.o-field__hint{margin:0;font-size:var(--text-xs);color:var(--text-muted)}.o-field__note{margin:0;min-height:1.2em;font-size:var(--text-xs);color:var(--warning-on-soft)}.o-field__error,.o-inlineError{margin:0;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--danger-on-soft)}.o-check{display:flex;align-items:center;gap:var(--space-3);min-height:var(--hit-min);font-size:var(--text-base)}.o-check input{inline-size:1.25rem;block-size:1.25rem;accent-color:var(--accent)}.o-switch{position:relative;display:flex;align-items:center;gap:var(--space-4);min-height:var(--hit-min)}.o-switch__text{flex:1 1 auto;min-width:0}.o-switch__label{display:block;font-size:var(--text-base);font-weight:var(--weight-medium)}.o-switch__desc{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--text-muted)}.o-switch__input{position:absolute;inset-inline-end:0;inline-size:3.25rem;block-size:var(--hit-min);margin:0;opacity:0;cursor:pointer;z-index:1}.o-switch__track{flex:none;inline-size:3.25rem;block-size:1.875rem;padding:3px;border-radius:var(--radius-pill);background-color:var(--surface-3);box-shadow:inset 0 0 0 1px var(--border-strong);transition:background-color var(--dur-fast) var(--ease-standard)}.o-switch__thumb{display:block;inline-size:1.5rem;block-size:1.5rem;border-radius:var(--radius-full);background-color:var(--surface-1);box-shadow:var(--shadow-1);transition:translate var(--dur-base) var(--ease-standard)}.o-switch__input:checked~.o-switch__track{background-color:var(--accent)}.o-switch__input:checked~.o-switch__track .o-switch__thumb{translate:1.375rem 0}.o-switch__input:focus-visible~.o-switch__track{box-shadow:var(--focus-ring)}.o-seg{margin:0;padding:0;border:0}.o-seg__legend{padding:0 0 var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.o-seg__options{display:flex;gap:var(--space-2)}.o-seg__option{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:calc(var(--hit-min) + var(--space-2));padding:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);background-color:var(--surface-1);cursor:pointer;text-align:center}.o-seg__option.is-selected{border-color:var(--accent);background-color:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.o-seg__option.is-disabled{opacity:.5;cursor:not-allowed}.o-seg__option:has(:focus-visible){box-shadow:var(--focus-ring)}.o-seg__optionLabel{font-size:var(--text-md);font-weight:var(--weight-semibold)}.o-seg__optionDetail,.o-seg__hint{font-size:var(--text-xs);color:var(--text-muted)}.o-seg__hint{margin:var(--space-2) 0 0}.o-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);background-color:var(--surface-3);color:var(--text-secondary);font-size:var(--text-2xs);font-weight:var(--weight-semibold);white-space:nowrap}.o-pill--ok{background-color:var(--success-soft);color:var(--success-on-soft)}.o-pill--warn{background-color:var(--warning-soft);color:var(--warning-on-soft)}.o-pill--bad{background-color:var(--danger-soft);color:var(--danger-on-soft)}.o-pill--accent{background-color:var(--accent-soft);color:var(--accent)}.o-pill .o-icon{inline-size:.9em;block-size:.9em}.o-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);padding-top:max(var(--safe-top),var(--space-2));font-size:var(--text-sm);background-color:var(--surface-2);color:var(--text-secondary);position:relative;z-index:var(--z-panel)}.o-banner--warn{background-color:var(--warning-soft);color:var(--warning-on-soft)}.o-banner--bad{background-color:var(--danger-soft);color:var(--danger-on-soft)}.o-banner__text{flex:1 1 auto}.o-banner__countdown{font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.o-toasts{position:fixed;z-index:var(--z-toast);inset-inline:0;top:calc(max(var(--safe-top),var(--hud-pad)) + var(--hit-min) + var(--hud-gap) + var(--space-2));display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);padding-top:0;pointer-events:none}.o-toast{display:flex;align-items:center;gap:var(--space-3);width:100%;max-width:30rem;margin-inline:auto;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background-color:var(--surface-1);box-shadow:var(--shadow-3);border-inline-start:3px solid var(--border-strong);pointer-events:auto}.o-toast--success{border-inline-start-color:var(--success)}.o-toast--warning{border-inline-start-color:var(--warning)}.o-toast--danger{border-inline-start-color:var(--danger)}.o-toast--info{border-inline-start-color:var(--info)}.o-toast__text{flex:1 1 auto;min-width:0}.o-toast__title{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.o-toast__detail{margin:2px 0 0;font-size:var(--text-xs);color:var(--text-secondary)}.o-toast__technical{margin:var(--space-1) 0 0;font-size:var(--text-2xs);line-height:var(--leading-snug);color:var(--text-muted);font-family:var(--font-mono);overflow-wrap:anywhere}.o-toast__action{flex:none;min-height:var(--hit-min);padding:0 var(--space-3);border:0;background:none;color:var(--accent);font:inherit;font-weight:var(--weight-semibold);cursor:pointer}.o-toast__close{flex:none;box-shadow:none;background:none}.o-sheet{display:flex;flex-direction:column;gap:var(--space-4)}.o-sheet--compact{max-height:none}.o-sheet__grip{inline-size:2.5rem;block-size:4px;margin-inline:auto;border-radius:var(--radius-pill);background-color:var(--border-strong);opacity:.5}@media(min-width:768px){.o-sheet__grip{display:none}}.o-sheet__header{display:flex;align-items:center;gap:var(--space-3)}.o-sheet__title{flex:1 1 auto;margin:0;font-size:var(--text-lg);font-weight:var(--weight-bold)}.o-sheet__desc{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.o-sheet__body,.o-settings{display:flex;flex-direction:column;gap:var(--space-4)}.o-sheet__footer{display:flex;flex-direction:column;gap:var(--space-2)}.o-settings__section{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.o-settings__heading{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.o-settings__line{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.o-home__hero{text-align:center;padding-block:var(--space-6) var(--space-2)}.o-home__title{margin:0;font-size:var(--text-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--accent)}.o-home__tagline{margin:var(--space-2) 0 0;font-size:var(--text-base);color:var(--text-secondary);text-wrap:balance}.o-home__cardTitle{margin:0;font-size:var(--text-md);font-weight:var(--weight-semibold)}.o-home__choices,.o-home__actions{display:flex;flex-direction:column;gap:var(--space-3)}.o-home__variants{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.o-home__variantsTitle{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted)}.o-local__seats{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.o-local__seat{display:flex;align-items:flex-start;gap:var(--space-3)}.o-local__seatColours{display:flex;align-items:center;gap:var(--space-1);flex:none;padding-top:calc(var(--space-6) - var(--space-1))}.o-local__seatName{flex:1 1 auto;min-width:0}.o-pass{position:fixed;inset-inline:0;bottom:0;z-index:var(--z-modal);display:flex;justify-content:center;padding:var(--space-3);padding-bottom:calc(var(--space-3) + var(--safe-bottom));pointer-events:auto}.o-pass__panel{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:28rem;padding:var(--space-4);border-radius:var(--radius-xl);background-color:var(--surface-1);border-top:4px solid var(--player-current);box-shadow:var(--shadow-5)}.o-pass__who{display:flex;align-items:center;gap:var(--space-2);margin:0}.o-pass__name{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--player-current-ui)}.o-pass__instruction{margin:0;font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);text-wrap:balance}.o-pass__due{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.o-pass__dueChip{padding:2px var(--space-2);border-radius:var(--radius-pill);background-color:var(--player-current);color:var(--player-current-on);font-size:var(--text-2xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.o-disclosure{border-top:1px solid var(--border-subtle);padding-top:var(--space-2)}.o-disclosure__summary{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:var(--hit-min);padding:0;border:0;background:none;color:var(--text-secondary);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);text-align:start;cursor:pointer}.o-disclosure__chevron{flex:none;inline-size:.5rem;block-size:.5rem;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;rotate:-45deg;translate:0 -2px;transition:rotate var(--dur-fast) var(--ease-standard)}.o-disclosure__summary[aria-expanded=true] .o-disclosure__chevron{rotate:45deg;translate:0 -1px}.o-rules{display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);padding-top:var(--space-2)}.o-rules__lead{margin:0;color:var(--text-primary)}.o-rules__subheading{margin:0;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted)}.o-rules__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.o-rules__list li{display:flex;align-items:flex-start;gap:var(--space-3)}.o-rules__list--plain{gap:var(--space-2);padding-inline-start:var(--space-5);list-style:disc}.o-rules__list--plain li{display:list-item}.o-rules__icon{flex:none;display:flex;align-items:center;gap:1px;--player-current: var(--accent);--player-current-ui: var(--accent)}.o-rules__icon .o-ring{inline-size:16px;block-size:16px}.o-rules__icon--nested{display:grid;place-items:center}.o-rules__icon--nested .o-ring{grid-area:1 / 1}.o-reveal{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--space-4);background-color:var(--scrim);animation:o-fade-in var(--dur-base) var(--ease-standard)}.o-reveal__panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:min(24rem,100%);padding:var(--space-6);border-radius:var(--radius-xl);background-color:var(--surface-1);box-shadow:var(--shadow-5);text-align:center}.o-reveal__arms{inline-size:7rem;block-size:7rem}.o-reveal__grid{fill:var(--surface-3);stroke:var(--border-strong);stroke-width:1}.o-reveal__arm{fill:var(--player-current);opacity:.35}.o-reveal__arm.is-mine{opacity:1}.o-reveal__arm.is-first{stroke:var(--text-primary);stroke-width:1.5}.o-reveal__armMark{fill:var(--player-current-on);font-size:9px;font-weight:700}.o-reveal__you{margin:0;display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.o-reveal__youLabel{font-size:var(--text-sm);color:var(--text-secondary)}.o-reveal__colours{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.o-reveal__colour{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--player-current-ui)}.o-reveal__note,.o-reveal__otherName{font-size:var(--text-xs);color:var(--text-muted)}.o-reveal__others{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin:0;padding:0;list-style:none}.o-reveal__others li{display:flex;align-items:center;gap:var(--space-1)}.o-reveal__first{margin:0;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background-color:var(--player-current-soft);color:var(--player-current-on-soft);font-size:var(--text-md);font-weight:var(--weight-bold)}@keyframes o-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.o-reveal{animation:none}}.o-code{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;text-align:center}.o-code__caption{margin:0;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted)}.o-code__value{margin:0;font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:.16em;-webkit-user-select:all;user-select:all}.o-code__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.o-code__phoneticList{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin:var(--space-2) 0 0;padding:0;list-style:none}.o-code__phoneticList li{display:flex;align-items:baseline;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background-color:var(--surface-2);font-size:var(--text-xs)}.o-code__phoneticChar{font-family:var(--font-mono);font-weight:var(--weight-bold)}.o-code__phoneticWord{color:var(--text-secondary)}.o-codefield__input{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:.14em;text-align:center;text-transform:uppercase}.o-lobby__title{margin:0;font-size:var(--text-2xl);font-weight:var(--weight-bold)}.o-lobby__sub,.o-lobby__note{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.o-lobby__sectionTitle{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted)}.o-seats{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.o-seat{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-subtle);border-inline-start:4px solid var(--player-current);border-radius:var(--radius-md);background-color:var(--surface-1)}.o-seat--empty{border-style:dashed;background-color:transparent;opacity:.75}.o-seat.is-self{background-color:var(--surface-2)}.o-seat__badges{display:flex;gap:2px;flex:none}.o-seat__body{flex:1 1 auto;min-width:0}.o-variantBadges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-2) 0 0;padding:0;list-style:none}.o-seat__name{display:block;font-size:var(--text-base);font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.o-seat__you{color:var(--text-muted);font-weight:var(--weight-regular)}.o-seat__meta{display:block;font-size:var(--text-xs);color:var(--text-muted)}.o-seat__status{display:flex;align-items:center;gap:var(--space-2);flex:none}.o-blockers{margin:0;padding-inline-start:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary)}.o-lobby__actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4)}.o-game{position:relative;flex:1 1 auto;min-height:0;height:100%}.o-game[data-textboard=open] .app-stage{padding-bottom:calc(max(var(--safe-bottom),var(--hud-pad)) + 13rem)}.o-stage{position:absolute;inset:0;display:grid;place-items:center}.o-stage__state{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);max-width:28rem;padding:var(--space-6);text-align:center;color:var(--text-secondary);font-size:var(--text-sm)}.o-stage__state--fallback{pointer-events:auto}.o-stage__stateTitle{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.o-turn{display:flex;align-items:center;gap:var(--space-3);min-height:var(--hit-min);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background-color:var(--player-current-soft);color:var(--player-current-on-soft);box-shadow:var(--shadow-2);min-width:0}.o-turn--idle{background-color:var(--surface-2);color:var(--text-secondary)}.o-turn__label{font-size:var(--text-md);font-weight:var(--weight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.o-turn.is-mine{background-color:var(--player-current);color:var(--player-current-on);animation:o-breathe 2.4s var(--ease-standard) infinite}.o-turn.is-mine .o-turn__label{font-size:var(--text-lg)}@keyframes o-breathe{0%,to{box-shadow:var(--shadow-2)}50%{box-shadow:var(--shadow-4)}}.o-turn.is-pending{opacity:.75;animation:none}.o-turn__pending{font-weight:var(--weight-regular)}.o-turn__colours{display:flex;align-items:center;gap:var(--space-1);flex:none}.o-turn__colourChip{padding:2px var(--space-2);border-radius:var(--radius-pill);background-color:var(--player-current);color:var(--player-current-on);font-size:var(--text-2xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.o-turn__colourChip.is-next,.o-turn__colourChip.is-unknown{background-color:transparent;color:var(--player-current-ui);box-shadow:inset 0 0 0 1px var(--player-current-rim);opacity:.8}.o-turn__clock{flex:none;font-size:var(--text-sm);font-weight:var(--weight-bold)}.o-turn__clock[data-urgent=true]{color:var(--danger-on-soft)}.o-game__menu{flex:none}@media(orientation:portrait){.o-game__bottom{flex-direction:column}}.o-rail{width:100%;min-width:0}.o-rail__list{display:flex;gap:var(--space-2);margin:0;padding:0;list-style:none;justify-content:center;flex-wrap:wrap}.o-rail__item{min-width:0}.o-pcard{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:0;padding:var(--space-2);border:1px solid var(--border-subtle);border-top:3px solid var(--player-current);border-radius:var(--radius-md);background-color:var(--surface-1);color:var(--text-primary);font:inherit;cursor:pointer;box-shadow:var(--shadow-1)}.o-pcard.is-turn{box-shadow:var(--shadow-3),inset 0 0 0 2px var(--player-current)}.o-pcard.is-away{opacity:.7}.o-pcard.is-gone{opacity:.45;background-image:repeating-linear-gradient(45deg,transparent 0 6px,var(--border-subtle) 6px 7px)}.o-pcard__top{display:flex;align-items:center;gap:var(--space-1);max-width:100%;min-width:0}.o-pcard__badges{display:flex;gap:1px;flex:none}.o-pcard__badge.is-idle{opacity:.35}.o-pcard__name{font-size:var(--text-2xs);font-weight:var(--weight-semibold);max-width:5.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.o-pcard__trays{display:flex;gap:var(--space-1)}.o-pcard__you{font-size:var(--text-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.app-panel-start .o-rail__list{flex-direction:column;flex-wrap:nowrap;gap:var(--space-3)}.app-panel-start .o-pcard{flex-direction:row;justify-content:space-between;width:100%;padding:var(--space-3);border-top-width:1px;border-inline-start:4px solid var(--player-current)}.app-panel-start .o-pcard__name{font-size:var(--text-base);max-width:none}.o-tray{display:flex;gap:var(--space-2);align-items:center}.o-tray__size{display:flex;align-items:center;gap:1px}.o-tray__size.is-empty{opacity:.45}.o-tray__count{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--player-current-ui);line-height:1}.o-tray--sm{gap:var(--space-1)}.o-tray--sm .o-tray__count{font-size:var(--text-2xs)}.o-tray--sm .o-ring{inline-size:14px;block-size:14px}.o-tray--md .o-ring{inline-size:20px;block-size:20px}.o-ring{display:block;inline-size:1.5rem;block-size:1.5rem;overflow:visible}.o-ring__stroke{fill:none;stroke:var(--player-current, var(--text-muted));stroke-width:4}.o-ring--spent .o-ring__stroke{stroke:var(--border-strong);stroke-width:1.5;stroke-dasharray:2 3;opacity:.6}.o-ring--ghost .o-ring__stroke{opacity:.45}.o-ring__letter{fill:var(--player-current-ui, var(--text-secondary));font-size:9px;font-weight:700}.o-seatbadge{display:inline-grid;place-items:center;flex:none;inline-size:1.5em;block-size:1.5em;border-radius:var(--radius-full);background-color:var(--player-current);color:var(--player-current-on);font-size:var(--text-xs);line-height:1;box-shadow:inset 0 0 0 1px var(--border-strong)}.o-seatbadge--sm{font-size:var(--text-2xs)}.o-seatbadge--lg{font-size:var(--text-md)}.o-seatbadge--provisional{background-color:transparent;color:var(--player-current-ui);box-shadow:inset 0 0 0 1px var(--player-current-rim);opacity:.75}.o-sizes{display:flex;flex-direction:column;gap:var(--space-1);width:100%;max-width:30rem;margin-inline:auto}.o-sizes__colours{display:flex;gap:var(--space-2);justify-content:center}.o-colourpick{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--hit-min);padding:var(--space-1) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-pill);background-color:var(--surface-1);color:var(--text-primary);font:inherit;cursor:pointer}.o-colourpick.is-selected{border-color:var(--player-current-rim);background-color:var(--player-current-soft);color:var(--player-current-on-soft);box-shadow:inset 0 0 0 2px var(--player-current)}.o-colourpick__label{font-size:var(--text-xs);font-weight:var(--weight-semibold)}.o-sizes__group{display:flex;gap:var(--space-2)}.o-size{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:calc(var(--hit-min) + var(--space-4));min-width:var(--hit-min);padding:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background-color:var(--surface-1);color:var(--text-primary);font:inherit;cursor:pointer;box-shadow:var(--shadow-1)}.o-size.is-selected{border-color:var(--player-current-rim);background-color:var(--player-current-soft);color:var(--player-current-on-soft);box-shadow:var(--shadow-2),inset 0 0 0 2px var(--player-current)}.o-size:disabled{opacity:.4;cursor:not-allowed}.o-size.is-empty .o-ring__stroke{stroke-dasharray:2 3}.o-size__label{font-size:var(--text-2xs);font-weight:var(--weight-semibold)}.o-size__count{font-size:var(--text-sm);font-weight:var(--weight-bold)}.o-sizes__hint,.o-sizes__rule{margin:0;align-self:center;max-width:100%;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background-color:var(--surface-2);color:var(--text-primary);text-align:center;font-size:var(--text-2xs);text-wrap:balance}.o-sizes__rule{font-weight:var(--weight-medium)}.o-conn{display:inline-flex;align-items:center;gap:2px;flex:none}.o-conn__mark{display:inline-flex}.o-conn .o-icon{inline-size:.9rem;block-size:.9rem;stroke-width:2}.o-conn--online{color:var(--success-on-soft)}.o-conn--reconnecting{color:var(--warning-on-soft)}.o-conn--offline,.o-conn--gone{color:var(--danger-on-soft)}.o-conn__halo{opacity:.5;animation:o-halo 1.6s var(--ease-standard) infinite;transform-origin:center}@keyframes o-halo{0%{opacity:.5;scale:.7}70%{opacity:0;scale:1.15}to{opacity:0;scale:1.15}}.o-conn__ms{font-size:var(--text-2xs);color:var(--text-muted)}.o-plist{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.o-plist__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background-color:var(--surface-2);border-inline-start:4px solid var(--player-current)}.o-plist__body{flex:1 1 auto;min-width:0}.o-plist__name{margin:0;font-weight:var(--weight-semibold);display:flex;align-items:baseline;gap:var(--space-2)}.o-plist__tag{font-size:var(--text-2xs);font-weight:var(--weight-regular);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.o-plist__meta{margin:0;font-size:var(--text-xs);color:var(--text-muted)}.o-plist__counts{display:flex;gap:var(--space-3);margin:var(--space-1) 0 0}.o-plist__count{display:flex;align-items:baseline;gap:2px;font-size:var(--text-xs)}.o-plist__countColour{font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-inline-end:var(--space-1)}.o-plist__countValue{font-weight:var(--weight-bold);font-size:var(--text-sm)}.o-plist__countLabel{color:var(--text-muted)}.o-log{display:flex;flex-direction:column;gap:var(--space-2);min-height:0;flex:1 1 auto}.o-log__heading{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted)}.o-log__list{flex:1 1 auto;min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1px}.o-log--compact .o-log__list{max-height:50vh}.o-log__row{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border-inline-start:3px solid var(--player-current);background-color:var(--surface-2);font-size:var(--text-xs);line-height:var(--leading-snug)}.o-log__row.is-inferred{border-inline-start-style:dashed;opacity:.8}.o-log__n{flex:none;min-inline-size:1.5em;text-align:end;color:var(--text-muted);font-size:var(--text-2xs)}.o-log__text{min-width:0}.o-log__who{font-weight:var(--weight-semibold);color:var(--player-current-ui)}.o-log__mark{color:var(--text-muted)}.o-log__note{padding:var(--space-1) var(--space-2);font-size:var(--text-2xs);color:var(--text-muted);font-style:italic}.o-log__empty,.o-log__caveat{margin:0;font-size:var(--text-2xs);color:var(--text-muted);text-wrap:balance}.o-log__caveat{padding-top:var(--space-2);border-top:1px solid var(--border-subtle)}.o-panel{display:flex;flex-direction:column;min-height:0;gap:var(--space-3)}.o-textboard{position:fixed;z-index:var(--z-panel);inset-inline:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);padding-bottom:max(var(--safe-bottom),var(--space-4));background-color:var(--surface-1);border-top:1px solid var(--border-subtle);box-shadow:var(--shadow-4)}.o-textboard:not(.is-visible):not(:focus-within){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.o-textboard__heading{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.o-textboard__hint{margin:0;max-width:28rem;text-align:center;font-size:var(--text-xs);color:var(--text-muted)}.o-textboard__grid{display:flex;flex-direction:column;gap:var(--space-1)}.o-textboard__row{display:flex;gap:var(--space-1)}.o-tcell{display:grid;place-items:center;inline-size:var(--hit-min);block-size:var(--hit-min);padding:0;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background-color:var(--surface-2);cursor:default}.o-tcell.is-playable{border-color:var(--accent);background-color:var(--surface-1);cursor:pointer}.o-tcell__rings{display:grid;place-items:center}.o-tcell__ring{grid-area:1 / 1;display:grid;place-items:center}.o-tcell__ring[data-empty=true]{opacity:.25}.o-result{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--space-4)}.o-result__scrim{position:absolute;inset:0;background-color:var(--scrim)}.o-result__panel{position:relative;width:min(28rem,100%);max-height:calc(var(--vh-dynamic) - var(--space-12));overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);padding-bottom:max(var(--safe-bottom),var(--space-6));border-radius:var(--radius-xl);background-color:var(--surface-1);box-shadow:var(--shadow-5);border-top:5px solid var(--player-current);text-align:center}.o-result__badge{margin:0;align-self:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background-color:var(--player-current-soft);color:var(--player-current-on-soft);font-size:var(--text-2xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.o-result__crest{font-size:var(--text-2xl)}.o-result__title{margin:0;font-size:var(--text-2xl);font-weight:var(--weight-bold)}.o-result__detail{margin:0;font-size:var(--text-base);color:var(--text-secondary);text-wrap:balance}.o-result__colourNote{color:var(--text-muted);font-size:var(--text-sm)}.o-winline{margin:0;padding:var(--space-3);list-style:none;display:flex;flex-direction:column;gap:var(--space-2);border-radius:var(--radius-md);background-color:var(--surface-2);text-align:start}.o-winline__item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.o-winline__text:first-letter{text-transform:uppercase}.o-result__actions,.o-rematch{display:flex;flex-direction:column;gap:var(--space-2)}.o-rematch__status,.o-result__waiting{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.o-resultbar{position:fixed;z-index:var(--z-modal);inset-inline:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3);padding-bottom:max(var(--safe-bottom),var(--space-3));background-color:var(--surface-1);border-top:1px solid var(--border-subtle);box-shadow:var(--shadow-3)}.o-resultbar__text{font-weight:var(--weight-semibold)}@media(prefers-reduced-motion:reduce){.o-turn.is-mine,.o-conn__halo,.o-spinner__dot{animation:none}}.o-app:has([data-reduced-motion=true]) .o-turn.is-mine,.o-app:has([data-reduced-motion=true]) .o-conn__halo{animation:none}@media(prefers-contrast:more){.o-pcard,.o-seat,.o-size,.o-turn{border:2px solid var(--border-strong)}}