@import"https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{color-scheme:light;--bg: #f7f6f2;--bg-elev: #ffffff;--surface-1: #ffffff;--surface-2: #f1efe9;--surface-3: #e7e4dc;--fg-strong: #0d0d0c;--fg: #1a1a18;--fg-muted: #6f6e6a;--fg-faint: #a8a6a0;--rule: #0d0d0c;--rule-soft: rgba(13, 13, 12, .16);--rule-faint: rgba(13, 13, 12, .08);--accent: #d33b1f;--accent-strong: #b3301a;--accent-soft: rgba(211, 59, 31, .1);--accent-ink: #ffffff;--success: #2f6b4b;--success-soft: rgba(47, 107, 75, .1);--warn: #a36b1a;--warn-soft: rgba(163, 107, 26, .1);--danger: var(--accent);--danger-soft: var(--accent-soft);--board-felt: #2c5f47;--board-felt-deep: #1d4530;--board-wood: #b48a5c;--board-wood-deep: #7a5530;--board-wood-cell: #e3c194;--stone-black-hi: #5a5a5e;--stone-black-lo: #0a0a0c;--stone-white-hi: #fcfcfa;--stone-white-lo: #d3cfc7;--stone-shadow-inner: rgba(0, 0, 0, .35);--stone-highlight-inner: rgba(255, 255, 255, .25);--stone-shadow-outer: rgba(0, 0, 0, .32);--r-sm: 0px;--r-md: 2px;--r-lg: 2px;--r-xl: 2px;--r-pill: 999px;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--font-sans: "Inter Tight", "Inter", "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--t-eyebrow: 10px;--t-micro: 11px;--t-meta: 12px;--t-body-sm: 13px;--t-cta: 14px;--t-body: 15px;--t-subhead: 18px;--t-section: 22px;--t-headline: 28px;--t-display: clamp(40px, 7vw, 64px);--t-hero: clamp(56px, 12vw, 104px);--lh-tight: .95;--lh-snug: 1.25;--lh-base: 1.5;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--ls-display: -.035em;--ls-tight: -.015em;--ls-snug: -.005em;--ls-wide: .1em;--ls-wider: .14em;--ls-widest: .18em;--ease: cubic-bezier(.2, .8, .2, 1);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-emphasis: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.25, 1.4, .5, 1);--dur: .12s;--dur-fast: .12s;--dur-base: .18s;--dur-slow: .28s;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum","cv11","ss01";font-synthesis:none}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--fg);font-size:var(--t-body);line-height:var(--lh-base)}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;transition:outline-color var(--dur-fast) var(--ease-out),outline-offset var(--dur-fast) var(--ease-out)}a{color:var(--fg-strong);text-decoration:underline;text-decoration-color:currentColor;text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--dur) var(--ease)}a:hover{color:var(--accent)}h1,h2,h3,h4{margin:0;color:var(--fg-strong);letter-spacing:-.01em;font-weight:var(--fw-semibold)}h1{font-size:var(--t-display);line-height:var(--lh-tight);letter-spacing:var(--ls-display);font-weight:var(--fw-bold)}h2{font-size:var(--t-subhead);line-height:var(--lh-snug);letter-spacing:var(--ls-tight)}h3{font-size:var(--t-micro);font-weight:var(--fw-semibold);color:var(--fg-muted);letter-spacing:var(--ls-wide);text-transform:uppercase}h4{font-size:var(--t-body-sm);font-weight:var(--fw-semibold)}p{margin:0;color:var(--fg)}small{color:var(--fg-muted);font-size:var(--t-meta)}.mono,code,kbd{font-family:var(--font-mono);font-feature-settings:"tnum"}hr,.rule{border:0;height:1px;background:var(--rule);margin:0}.rule-faint{background:var(--rule-soft)}button{font:inherit;color:inherit;border:none;background:none;padding:0;cursor:pointer}input,button,textarea{font-family:inherit}ul{list-style:none;padding:0;margin:0}.app-shell{max-width:720px;margin:0 auto;padding:var(--s-5) var(--s-4) var(--s-7);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;gap:var(--s-4)}.app-shell>section{display:flex;flex-direction:column;gap:var(--s-3)}.kv-grid{display:grid;grid-template-columns:140px 1fr;gap:var(--s-2) var(--s-5);align-items:baseline;padding:var(--s-3) 0;border-top:1px solid var(--rule-soft)}.centered{min-height:100vh;display:grid;place-items:center;padding:var(--s-5)}.muted{color:var(--fg-muted)}.btn-primary,.btn-secondary,.btn-link,.btn-prominent{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:12px 18px;border-radius:var(--r-md);font-size:var(--t-cta);font-weight:var(--fw-semibold);letter-spacing:var(--ls-snug);cursor:pointer;border:1px solid transparent;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease);white-space:nowrap;user-select:none;-webkit-tap-highlight-color:transparent;text-decoration:none}.btn-primary{background:var(--fg-strong);color:var(--bg-elev);border-color:var(--fg-strong)}.btn-primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:active:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--bg-elev);color:var(--fg-strong);border-color:var(--rule)}.btn-secondary:hover:not(:disabled){background:var(--fg-strong);color:var(--bg-elev)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-link{background:transparent;color:var(--fg-muted);padding:6px 4px;font-weight:500;border-radius:0;border-bottom:1px solid transparent}.btn-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.btn-prominent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-prominent:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.btn-eyebrow{font-size:var(--t-eyebrow);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wider);text-transform:uppercase;padding:2px 6px;border:1px solid currentColor;opacity:.85}.btn-trailing{font-family:var(--font-mono);font-size:var(--t-meta);font-weight:var(--fw-medium);letter-spacing:var(--ls-widest);margin-left:auto;opacity:.7}input[type=text],input:not([type]),input[inputmode]{background:var(--bg-elev);color:var(--fg-strong);border:1px solid var(--rule);border-radius:var(--r-md);padding:10px 12px;outline:none;font-size:var(--t-cta);transition:border-color var(--dur) var(--ease)}input:focus{border-color:var(--accent)}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:16px;height:16px}.card{background:var(--bg-elev);border-radius:0;padding:var(--s-6);width:100%;max-width:380px;border:1px solid var(--rule)}.surface,.app-shell>section.surface{background:transparent;border-radius:0;padding:var(--s-5) 0;border-top:1px solid var(--rule-soft)}.title-bar{display:flex;align-items:center;gap:var(--s-3);padding:10px 0;background:var(--bg);border-radius:0;border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:50}.title-bar-side{display:flex;align-items:center;gap:var(--s-2);flex:0 0 auto}.title-bar-end{margin-left:auto;justify-content:flex-end}.title-bar-title{font-size:var(--t-body-sm);font-weight:var(--fw-semibold);color:var(--fg-strong);letter-spacing:var(--ls-snug)}.title-bar-back{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:0;color:var(--fg-muted);border:1px solid var(--rule-soft);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.title-bar-back:hover{background:transparent;color:var(--accent);border-color:var(--accent)}.title-bar-center{flex:1 1 auto;display:flex;justify-content:center;align-items:center;gap:var(--s-3);min-width:0}.play-title-center{display:inline-flex;align-items:center;gap:var(--s-3)}.play-title-code{font-family:var(--font-mono);font-weight:var(--fw-medium);letter-spacing:var(--ls-widest);color:var(--fg-strong);font-size:var(--t-meta);background:transparent;border-left:2px solid var(--accent);padding:0 0 0 8px;border-radius:0}.play-title-game{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--ls-wide);color:var(--fg-muted);text-transform:uppercase}.conn-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--fg-muted);padding:0}.conn-badge-dot{width:6px;height:6px;border-radius:50%}.conn-badge--ok .conn-badge-dot{background:var(--success)}.conn-badge--warn{color:var(--warn);background:transparent;border-radius:0}.conn-badge--warn .conn-badge-dot{background:var(--warn);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.nav-menu{position:relative}.nav-menu-trigger{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:0;color:var(--fg-muted);border:1px solid var(--rule-soft);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.nav-menu-trigger:hover,.nav-menu-trigger[aria-expanded=true]{background:transparent;color:var(--accent);border-color:var(--accent)}.nav-menu-panel{position:absolute;right:0;top:calc(100% + 6px);background:var(--bg-elev);border-radius:0;border:1px solid var(--rule);box-shadow:none;min-width:220px;padding:0;display:flex;flex-direction:column;gap:0;z-index:100;animation:menu-in var(--dur-base) var(--ease-emphasis)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-menu-item{display:flex;align-items:center;gap:var(--s-2);padding:12px 16px;background:transparent;color:var(--fg);text-align:left;font-size:var(--t-cta);font-weight:var(--fw-medium);letter-spacing:var(--ls-snug);border-radius:0;border-bottom:1px solid var(--rule-soft);transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.nav-menu-item:last-child{border-bottom:0}.nav-menu-item:hover{background:transparent;color:var(--accent)}.nav-menu-item.danger{color:var(--accent)}.nav-menu-item.danger:hover{background:var(--accent);color:var(--accent-ink)}.user-menu{position:relative}.user-menu-trigger{background:transparent;border:none;padding:4px 6px;cursor:pointer;color:var(--fg-muted);transition:color var(--dur) var(--ease)}.user-menu-trigger:hover,.user-menu-trigger[aria-expanded=true]{color:var(--accent)}.user-menu-trigger small{font-size:inherit}.user-menu-panel{position:absolute;right:0;top:calc(100% + 6px);background:var(--bg-elev);border:1px solid var(--rule);min-width:160px;display:flex;flex-direction:column;z-index:100;animation:menu-in var(--dur-base) var(--ease-emphasis)}.user-menu-item{display:block;padding:12px 16px;background:transparent;color:var(--fg);text-align:left;font-size:var(--t-cta);font-weight:var(--fw-medium);letter-spacing:var(--ls-snug);border:none;border-bottom:1px solid var(--rule-soft);cursor:pointer;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.user-menu-item:last-child{border-bottom:0}.user-menu-item:hover{background:transparent;color:var(--accent)}.user-menu-item.danger{color:var(--accent)}.user-menu-item.danger:hover{background:var(--accent);color:var(--accent-ink)}.app-shell.home{max-width:720px;padding:var(--s-3) var(--s-4) var(--s-7)}.home-header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:var(--s-3) var(--s-5);padding:var(--s-7) 0 var(--s-4);border-bottom:1px solid var(--rule)}.home-mark{display:flex;flex-direction:column;gap:var(--s-2)}.home-eyebrow{font-family:var(--font-mono);font-size:var(--t-micro);font-weight:var(--fw-medium);letter-spacing:var(--ls-widest);color:var(--fg-muted);text-transform:uppercase;margin:0}.home-header h1{font-size:var(--t-hero);font-weight:var(--fw-bold);letter-spacing:-.05em;line-height:.85;color:var(--fg-strong)}.home-mark-slash{color:var(--fg-faint);font-weight:400;margin:0 -.05em}.home-mark-dot{color:var(--accent)}.home-header small{font-family:var(--font-mono);color:var(--fg-muted);font-size:var(--t-micro);letter-spacing:.08em;background:transparent;padding:0 0 10px;border:0;align-self:end}.home-hero-grid{display:grid;grid-template-columns:repeat(7,auto);justify-content:center;justify-items:center;gap:var(--s-2) clamp(6px,1.6vw,14px);padding:var(--s-3) 0 var(--s-4);margin:0 0 var(--s-3);border-bottom:1px solid var(--rule-soft)}.home-hero-game{position:relative;display:inline-block;flex:0 0 auto;padding:4px;border-radius:12px;text-decoration:none;color:var(--fg-muted);transition:transform var(--dur-base) var(--ease-spring),color var(--dur-fast) var(--ease-out)}.home-hero-game img{width:clamp(34px,9vw,48px)!important;height:clamp(34px,9vw,48px)!important}.home-hero-game:hover,.home-hero-game:focus-visible{color:var(--fg-strong);transform:translateY(-3px);outline:none}.home-hero-game:active{transform:translateY(-1px);transition-duration:var(--dur-fast)}.home-hero-game img{display:block;border-radius:10px;box-shadow:0 2px 6px #0000002e;transition:box-shadow var(--dur-base) var(--ease-out)}.home-hero-game:hover img,.home-hero-game:focus-visible img{box-shadow:0 6px 14px #00000052}.home-hero-game-label{position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%,-2px);white-space:nowrap;pointer-events:none;font-size:var(--t-eyebrow);letter-spacing:.04em;font-weight:var(--fw-semibold);opacity:0;transition:opacity .14s ease,transform .14s ease}.home-hero-game:hover .home-hero-game-label,.home-hero-game:focus-visible .home-hero-game-label{opacity:1;transform:translate(-50%)}.home-actions{display:flex;flex-direction:column;gap:0;margin-top:0;padding:0;background:transparent;border-top:0}.home-actions>*{border-bottom:1px solid var(--rule-soft)}.home-actions>*:last-child{border-bottom:0}.home-footer{margin-top:auto;padding:var(--s-4, 1rem) var(--s-1, .25rem) 0;text-align:center;opacity:.55}.home-footer small{font-size:var(--t-micro);line-height:var(--lh-base);color:var(--fg-soft, currentColor)}.home-footer a{color:inherit;text-decoration:underline}.home-actions>.btn-primary,.home-actions>.btn-secondary,.home-actions>.btn-skeleton,.home-actions>.resume-row,.home-actions>.code-row,.home-actions>a.btn-link,.home-actions>.btn-link{min-height:72px;border:0;border-radius:0;background:transparent;color:var(--fg-strong);padding:var(--s-4) var(--s-1);font-size:var(--t-section);font-weight:var(--fw-medium);letter-spacing:-.02em;justify-content:flex-start;text-decoration:none;width:100%;position:relative;transition:color var(--dur) var(--ease),background var(--dur) var(--ease);display:flex;align-items:center;gap:var(--s-4)}.home-actions>.btn-primary{font-weight:var(--fw-semibold)}.home-row-num{font-family:var(--font-mono);font-size:var(--t-micro);font-weight:var(--fw-medium);letter-spacing:.12em;color:var(--fg-faint);flex:0 0 auto;min-width:28px;padding-top:4px;align-self:flex-start;text-align:center}.home-row-label{flex:0 1 auto}.home-row-meta{font-family:var(--font-mono);font-size:var(--t-micro);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);color:var(--fg-faint);text-transform:uppercase;margin-left:var(--s-3);padding:2px 6px;border:1px solid var(--rule-soft)}.home-actions>.btn-primary:after,.home-actions>.btn-secondary:after,.home-actions>a.btn-link.home-row:after,.home-actions>.btn-link.home-row:after{content:"→";margin-left:auto;font-family:var(--font-mono);font-weight:var(--fw-regular);font-size:var(--t-subhead);color:var(--fg-faint);transition:transform var(--dur) var(--ease),color var(--dur) var(--ease)}.home-actions>*:hover:after{color:var(--accent);transform:translate(4px)}.home-actions>.btn-primary:hover:not(:disabled),.home-actions>.btn-secondary:hover:not(:disabled),.home-actions>a.btn-link:hover,.home-actions>.btn-link:hover{color:var(--accent);background:transparent}.home-actions>*:hover .home-row-num{color:var(--accent)}.resume-row{display:flex;align-items:center;gap:var(--s-3)}.resume-row>.btn-primary{flex:1;padding:0;min-height:0;background:transparent;color:var(--fg-strong);border:0;font-weight:var(--fw-semibold);font-size:var(--t-subhead);justify-content:flex-start}.resume-row>.btn-primary:hover{color:var(--accent);background:transparent}.resume-close{flex:0 0 auto;width:32px;height:32px;padding:0;display:grid;place-items:center;font-size:var(--t-cta);color:var(--fg-faint);border:1px solid var(--rule-soft);border-radius:0;background:transparent}.resume-close:hover{color:var(--accent);border-color:var(--accent)}.resume-row .btn-eyebrow{margin-right:var(--s-3);border-color:var(--rule-soft);color:var(--fg-muted)}.resume-row .btn-trailing{margin-left:auto;margin-right:var(--s-3);color:var(--fg-muted)}.code-row{display:flex;align-items:center;gap:var(--s-3)}.code-row input{flex:1;padding:12px var(--s-1);background:transparent;border:0;border-bottom:1px solid var(--rule-soft);border-radius:0;font-size:24px;font-family:var(--font-mono);letter-spacing:.36em;text-align:left;text-transform:uppercase;font-weight:500;color:var(--fg-strong)}.code-row input:focus{outline:none;border-bottom-color:var(--accent);box-shadow:none}.code-row .btn-link{flex:0 0 auto}.error.code-row-error{padding:6px 0 4px;border-top:0;border-bottom:0;margin:0 0 var(--s-2)}.error{color:var(--danger);font-size:13px;background:transparent;padding:10px 0;border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);border-radius:0;letter-spacing:-.005em}.error:before{content:"ERR / ";font-family:var(--font-mono);font-weight:600;font-size:11px;letter-spacing:.14em;margin-right:8px}.banner{background:transparent;color:var(--warn);padding:10px 0;border-top:1px solid var(--warn);border-bottom:1px solid var(--warn);border-radius:0;font-size:13px;text-align:left}.match-list{display:flex;flex-direction:column;gap:var(--s-2)}.match-row a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s-3);padding:12px 16px;background:var(--surface-1);border-radius:var(--r-md);text-decoration:none;color:var(--fg);transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease);box-shadow:var(--shadow-sm)}.match-row a:hover{background:var(--surface-2);box-shadow:var(--shadow-md)}.match-row .match-result{font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--r-sm);background:var(--surface-3);color:var(--fg-muted);letter-spacing:0}.match-row .match-result[data-result=win]{background:var(--success-soft);color:var(--success)}.match-row .match-result[data-result=loss]{background:var(--danger-soft);color:var(--danger)}.match-row .match-result[data-result=draw]{background:var(--surface-3);color:var(--fg-muted)}.match-row .match-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.match-row .match-code{font-family:var(--font-mono);font-size:14px;font-weight:500;letter-spacing:.14em;color:var(--fg-strong)}.match-row .match-template{color:var(--fg-muted);font-size:12px}.match-row time{color:var(--fg-faint);font-size:12px;white-space:nowrap}.chip-list{display:flex;gap:var(--s-2);flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:var(--s-2);padding:6px 12px;background:var(--surface-1);border-radius:var(--r-sm);font-size:13px;font-weight:500;color:var(--fg);box-shadow:var(--shadow-sm)}.chip[data-role=host]:before,.chip[data-role=guest]:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%}.chip[data-role=host]:before{background:var(--fg-strong)}.chip[data-role=guest]:before{background:var(--surface-3);border:1px solid var(--fg-strong)}.chip-role{font-size:11px;color:var(--fg-muted);font-weight:500}.room-code{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);background:var(--surface-1);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.room-code .label{font-size:11px;color:var(--fg-muted);margin-bottom:4px}.room-code .value{font-family:var(--font-mono);font-size:28px;font-weight:500;letter-spacing:.32em;color:var(--fg-strong);line-height:1}.room-code .grow{flex:1}.config-grid{display:grid;grid-template-columns:auto 1fr;gap:8px var(--s-4);align-items:baseline}.config-grid dt{color:var(--fg-muted);font-size:12px}.config-grid dd{margin:0;color:var(--fg-strong);font-weight:500;font-size:14px}.config-grid .mono{font-family:var(--font-mono);letter-spacing:.1em}.time-control{display:flex;flex-direction:column;gap:8px}.time-control-label{display:flex;align-items:baseline;gap:var(--s-3)}.time-control-eyebrow{font-size:12px;font-weight:500;color:var(--fg-muted)}.setup-section{display:grid;grid-template-columns:140px 1fr;gap:var(--s-3) var(--s-5);align-items:start;padding:var(--s-4) 0;margin:0;border-top:1px solid var(--rule-soft)}.setup-section:first-of-type{border-top:1px solid var(--rule)}.setup-section h3{margin:4px 0 0;font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);font-weight:500;letter-spacing:.14em;text-transform:uppercase}.time-control-options{display:flex;flex-direction:column;gap:0;padding:0;background:transparent;border-radius:0;border-top:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft);flex-wrap:nowrap}.time-control-option{position:relative;flex:0 0 auto;padding:var(--s-3) var(--s-3) var(--s-3) var(--s-5);background:transparent;border:0;border-bottom:1px solid var(--rule-soft);border-radius:0;color:var(--fg);font-size:14px;font-weight:500;letter-spacing:-.005em;cursor:pointer;text-align:left;transition:color var(--dur) var(--ease),padding var(--dur) var(--ease);display:flex;align-items:baseline;gap:var(--s-2)}.time-control-option:last-child{border-bottom:0}.time-control-option:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border:1px solid var(--rule);border-radius:50%;background:var(--bg-elev);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.time-control-option:hover:not(:disabled){color:var(--fg-strong)}.time-control-option:hover:not(:disabled):before{border-color:var(--fg-strong)}.time-control-option.active{background:transparent;color:var(--fg-strong);font-weight:600;box-shadow:none}.time-control-option.active:before{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--bg-elev)}.time-control-option.active:after{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--accent);transform:translate(-1px)}.time-control-option strong{font-weight:600;letter-spacing:-.005em}.time-control-option small{color:var(--fg-muted);font-size:12px;font-weight:400}.time-control-option:disabled{opacity:.4;cursor:not-allowed}.game-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--s-2);padding:var(--s-3) 0 0}.game-picker-icon{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 4px 16px;background:transparent;border:0;border-radius:12px;cursor:pointer}.game-picker-icon img{display:block;width:clamp(34px,9vw,44px);height:clamp(34px,9vw,44px);border-radius:10px;filter:grayscale(.85) brightness(.7);opacity:.45;transition:filter .14s ease,opacity .14s ease,box-shadow .14s ease}.game-picker-icon:hover:not(:disabled) img{opacity:.8;filter:grayscale(.4) brightness(.9)}.game-picker-icon--on img,.game-picker-icon--label img{filter:none;opacity:1;box-shadow:0 2px 6px #00000038}.game-picker-icon--label img{box-shadow:0 0 0 2px var(--accent),0 2px 8px #00000047}.game-picker-icon-label{position:absolute;top:calc(100% - 14px);left:50%;transform:translate(-50%);white-space:nowrap;font-size:10px;letter-spacing:.02em;font-weight:600;color:var(--fg-strong);pointer-events:none}.game-picker-icon:disabled{cursor:not-allowed}.game-picker-icon:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cpu-actions{padding-top:var(--s-5)}.cpu-actions .btn-primary{width:100%;padding:18px var(--s-4);font-size:16px;letter-spacing:-.005em;justify-content:space-between}.cpu-actions .btn-primary:after{content:"→";font-family:var(--font-mono);font-weight:400}.turn-banner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--s-3);padding:10px var(--s-3);background:var(--surface-1);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.turn-banner-text{text-align:center;font-size:12px;font-weight:500;color:var(--fg-muted);white-space:nowrap}.turn-banner-text small{color:var(--fg-muted);margin-left:4px}.turn-banner.turn-mine .turn-banner-text{color:var(--accent);font-weight:600}.turn-banner.turn-mine .turn-banner-text small{color:var(--accent)}.turn-banner.turn-theirs .turn-banner-text{color:var(--fg-faint)}.turn-banner-vs{display:none}.side-badge{display:flex;align-items:center;gap:var(--s-2);padding:6px 10px;border-radius:var(--r-md);background:transparent;font-weight:500;min-width:0}.side-badge--empty{display:none}.side-badge--opp{flex-direction:row-reverse;text-align:right}.side-badge-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.side-badge--host .side-badge-dot{background:var(--fg-strong)}.side-badge--guest .side-badge-dot{background:var(--surface-3);border:1px solid var(--fg-strong)}.side-badge-label{display:inline-flex;flex-direction:column;line-height:1.15;gap:1px;min-width:0}.side-badge--opp .side-badge-label{align-items:flex-end}.side-badge-name{font-weight:600;font-size:13px;color:var(--fg-strong);text-overflow:ellipsis;overflow:hidden;max-width:9rem;white-space:nowrap}.side-badge-side{font-size:11px;color:var(--fg-muted)}.side-badge-you{display:none}.play-shell{max-width:1180px;margin:0 auto;padding:0 var(--s-4) var(--s-5);display:flex;flex-direction:column;gap:var(--s-3);min-height:100vh}.play-active{flex:1 1 0;display:flex;justify-content:center;align-items:center;padding:var(--s-3) 0;position:relative;min-height:0;min-width:0;overflow:hidden}.play-active-stage{width:100%;height:100%;display:flex;justify-content:center;align-items:center;min-height:0;min-width:0}.play-active-stage.slide-in-right{animation:stage-slide-in-right .18s var(--ease) both}.play-active-stage.slide-in-left{animation:stage-slide-in-left .18s var(--ease) both}@keyframes stage-slide-in-right{0%{transform:translate(15%)}to{transform:translate(0)}}@keyframes stage-slide-in-left{0%{transform:translate(-15%)}to{transform:translate(0)}}@media (prefers-reduced-motion: reduce){.play-active-stage.slide-in-right,.play-active-stage.slide-in-left{animation:none}}.play-active-stage>.reversi-board,.play-active-stage>.animal-frame,.play-active-stage>.bg-frame,.play-active-stage>.connect6-frame,.play-active-stage>.twixt-frame,.play-active-stage>.xiangqi-frame,.play-active-stage>.janggi-frame,.play-active-stage>.draughts-frame,.play-active-stage>.kalah-frame,.play-active-stage>.poker-board{max-height:100%}:root{--board-budget-h: calc(100dvh - 280px) }.play-active-stage>.connect6-frame>.connect6-board,.play-active-stage>.twixt-frame>.twixt-board,.play-active-stage>.draughts-frame>.draughts-board{max-height:var(--board-budget-h);max-width:var(--board-budget-h);margin:0 auto}.play-active-stage>.connect6-frame>.connect6-board{max-height:calc(var(--board-budget-h) - 80px);max-width:calc(var(--board-budget-h) - 80px)}.play-active-stage>.twixt-frame>.twixt-board{max-height:calc(var(--board-budget-h) - 40px);max-width:calc(var(--board-budget-h) - 40px)}.play-active-stage>.draughts-frame>.draughts-board{max-height:calc(var(--board-budget-h) - 50px);max-width:calc(var(--board-budget-h) - 50px)}.play-active-stage>.janggi-frame>.janggi-board{width:min(100%,calc((var(--board-budget-h) - 80px) * 9 / 10));margin:0 auto}.animal-frame.not-my-turn,.reversi-board.not-my-turn,.bg-frame.not-my-turn,.chess-frame.not-my-turn,.shogi-frame.not-my-turn,.janggi-frame.not-my-turn{position:relative}.animal-frame.not-my-turn .a-cell,.animal-frame.not-my-turn .hand-piece,.reversi-board.not-my-turn .cell,.bg-frame.not-my-turn .bg-point,.bg-frame.not-my-turn .bg-bar,.bg-frame.not-my-turn .bg-off,.chess-frame.not-my-turn .chess-board .cell,.shogi-frame.not-my-turn .shogi-board .cell,.shogi-frame.not-my-turn .shogi-hand-piece,.janggi-frame.not-my-turn .janggi-board .janggi-intersection{filter:grayscale(.35) brightness(.85);cursor:default}.board-turn-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;background:#14110cc7;color:#fff7e0;padding:6px 14px;border-radius:999px;font-size:12px;letter-spacing:.06em;font-weight:600;box-shadow:var(--shadow-md);z-index:5;white-space:nowrap;animation:turn-hint-fade .2s ease-out}@keyframes turn-hint-fade{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (prefers-reduced-motion: reduce){.board-turn-hint{animation:none}}.board-finished-banner{position:absolute;top:var(--s-2);left:50%;transform:translate(-50%);background:var(--bg-elev);padding:6px 14px;border-radius:0;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-strong);border:1px solid var(--rule)}.chess-frame{width:100%;max-width:720px;margin:0 auto;position:relative}.chess-frame.mini{max-width:60px}.chess-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);aspect-ratio:1;background:#654321;gap:0;width:100%;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-md)}.chess-frame.mini .chess-board{box-shadow:none;border-radius:var(--r-sm)}.chess-board .cell{display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-size:clamp(36px,10.8vw,90px);position:relative;padding:0;background:transparent;min-width:0;min-height:0}.chess-board .cell.light{background:#f0d9b5}.chess-board .cell.dark{background:#b58863}.chess-board .cell:disabled{cursor:default}.chess-board .cell.selected{background:color-mix(in srgb,var(--accent) 50%,transparent)}.chess-board .cell.target:after{content:"";position:absolute;width:30%;height:30%;border-radius:50%;background:#14c86473;pointer-events:none}.chess-board .cell.last-move{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--accent) 60%,transparent)}.chess-board .cell.tutorial-hint,.reversi-board .cell.tutorial-hint,.shogi-board .cell.tutorial-hint,.animal-board .a-cell.tutorial-hint{box-shadow:inset 0 0 0 3px #f3b400;animation:tutorial-hint-pulse 1.6s ease-in-out infinite}@keyframes tutorial-hint-pulse{0%,to{box-shadow:inset 0 0 0 3px #f3b400}50%{box-shadow:inset 0 0 0 3px #fff15c}}.coord-rank,.coord-file{position:absolute;font-size:clamp(8px,1.6vw,14px);font-weight:600;color:#282828b3;pointer-events:none;user-select:none;z-index:1;line-height:1}.coord-rank{top:2px;left:3px}.coord-file{bottom:2px;right:4px}.jungo-intersection .coord-rank,.renju-intersection .coord-rank{top:50%;left:auto;right:100%;transform:translateY(-50%);margin-right:6px}.jungo-intersection .coord-file,.renju-intersection .coord-file{inset:100% auto auto 50%;transform:translate(-50%);margin-top:6px}.cell.dark .coord-rank,.cell.dark .coord-file{color:#f5ebdcd9}.chess-frame.mini .coord-rank,.chess-frame.mini .coord-file,.shogi-frame.mini .coord-rank,.shogi-frame.mini .coord-file,.reversi-board.mini .coord-rank,.reversi-board.mini .coord-file,.animal-frame.mini .coord-rank,.animal-frame.mini .coord-file,.jungo-frame.mini .coord-rank,.jungo-frame.mini .coord-file,.renju-frame.mini .coord-rank,.renju-frame.mini .coord-file{display:none}.bg-point.tutorial-hint{outline:3px solid #f3b400;outline-offset:-3px;animation:bg-tutorial-hint-pulse 1.6s ease-in-out infinite;z-index:2}@keyframes bg-tutorial-hint-pulse{0%,to{outline-color:#f3b400}50%{outline-color:#fff15c}}.chess-piece{line-height:1;user-select:none}.chess-piece.white{color:#fafafa;text-shadow:-1px -1px 0 #111,1px -1px 0 #111,-1px 1px 0 #111,1px 1px 0 #111,0 0 1px #111}.chess-piece.black{color:#1a1a1a;text-shadow:0 1px 2px rgba(255,255,255,.15)}.chess-frame.mini .chess-piece{font-size:7px}.chess-frame.mini .chess-piece.white{text-shadow:-.5px -.5px 0 #111,.5px -.5px 0 #111,-.5px .5px 0 #111,.5px .5px 0 #111}.chess-promo-dialog{position:absolute;inset:25% auto auto 50%;transform:translate(-50%);background:var(--surface-1);border:1px solid var(--rule);border-radius:var(--r-md);padding:var(--s-3);box-shadow:var(--shadow-lg);z-index:10}.chess-promo-title{font-weight:600;margin-bottom:var(--s-2);text-align:center}.chess-promo-buttons{display:flex;gap:var(--s-1)}.chess-promo-btn{padding:8px 14px;background:var(--surface-2);border:1px solid var(--rule);border-radius:var(--r-sm);cursor:pointer;font-size:24px}.chess-promo-btn:hover{background:var(--surface-3, var(--accent-soft))}.xiangqi-frame{--xq-red: #b13a3a;--budget-h: calc(100dvh - 220px) ;width:100%;max-width:540px;margin:0 auto;position:relative;display:flex;justify-content:center}.xiangqi-frame.mini{max-width:54px}.xiangqi-frame.not-my-turn .xiangqi-board .xq-cell{cursor:not-allowed}.xiangqi-board{position:relative;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(10,1fr);width:min(100%,calc(var(--budget-h) * 9 / 10));aspect-ratio:9 / 10;background:var(--board-wood-cell, #f1d59a);border-radius:var(--r-md);box-shadow:var(--shadow-md);overflow:hidden;color:#2a2218}.xiangqi-frame.mini .xiangqi-board{box-shadow:none;border-radius:var(--r-sm)}.xiangqi-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.xiangqi-board .xq-cell{position:relative;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:0;min-width:0;min-height:0;z-index:1}.xiangqi-board .xq-cell:disabled{cursor:default}.xiangqi-board .xq-cell.sel .xiangqi-piece{outline:3px solid var(--accent);outline-offset:-3px}.xiangqi-board .xq-cell.cand:after{content:"";position:absolute;width:28%;height:28%;border-radius:50%;background:#14c8648c;pointer-events:none}.xiangqi-board .xq-cell.cap .xiangqi-piece{outline:3px dashed rgba(200,40,40,.8);outline-offset:-3px}.xiangqi-board .xq-cell.last-move{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent)}.xiangqi-piece{display:flex;align-items:center;justify-content:center;width:86%;height:86%;pointer-events:none;user-select:none}.xiangqi-piece-disc{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:linear-gradient(180deg,#f6e2b3,#d9b478);border:1.5px solid currentColor;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-weight:700;font-size:clamp(16px,3.4vw,30px);line-height:1;box-shadow:inset 0 0 0 1.5px #ffffff59}.xiangqi-piece.red{color:var(--xq-red)}.xiangqi-piece.black{color:#1a1a18}.xiangqi-frame.mini .xiangqi-piece-disc{font-size:6px;border-width:.75px}.board-actions{display:flex;flex-direction:column;gap:var(--s-1);margin:0 auto var(--s-2);max-width:720px}.board-actions-banner{display:flex;align-items:center;gap:var(--s-2);padding:8px 14px;border-radius:var(--r-sm);font-size:13px}.board-actions-banner--theirs{background:var(--accent-soft, var(--surface-2));color:var(--accent);border:1px solid var(--accent)}.board-actions-banner--mine{background:var(--surface-2);color:var(--fg-soft);border:1px solid var(--rule)}.clock-bar{display:flex;gap:0;padding:0;background:transparent;border-radius:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.clock-cell{flex:1;display:grid;grid-template-columns:1fr 1px 1fr;gap:0;align-items:stretch}.clock-cell+.clock-cell{border-left:1px solid var(--rule-soft)}.clock-cell .vs{display:block;background:var(--rule-soft);font-size:0;color:transparent}.clock-side{display:flex;flex-direction:column;gap:6px;padding:var(--s-3) var(--s-4);border-radius:0;background:transparent;min-width:0;transition:background var(--dur) var(--ease);position:relative}.clock-side-label{font-family:var(--font-mono);font-size:10px;color:var(--fg-muted);font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.clock-side-sublabel{font-size:10px;color:var(--accent);font-weight:500;margin-left:4px;letter-spacing:.12em}.clock-side-time{font-size:32px;font-weight:500;font-family:var(--font-mono);color:var(--fg-faint);letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1}.clock-side.opp .clock-side-time{color:var(--fg-faint)}.clock-side.mine .clock-side-time{color:var(--fg-strong)}.clock-side.running{background:transparent}.clock-side.running:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--accent)}.clock-side.running .clock-side-time,.clock-side.running .clock-side-label{color:var(--accent)}.clock-side--low.running .clock-side-time{color:var(--warn)}.clock-side--low.running:before{background:var(--warn)}.clock-side--critical.running .clock-side-time{color:var(--danger);animation:tick .5s ease-in-out infinite}.clock-side--critical.running:before{background:var(--danger)}.clock-side--flag .clock-side-time{color:var(--danger);font-size:14px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase}@keyframes tick{0%,to{transform:translate(0)}50%{transform:translate(-1px)}}.play-tabs{display:flex;gap:0;padding:0;background:transparent;border-radius:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);overflow-x:auto;scrollbar-width:none}.play-tabs::-webkit-scrollbar{display:none}.play-tabs .tab{flex:1 1 0;display:flex;flex-direction:column;align-items:stretch;gap:var(--s-2);padding:var(--s-3) var(--s-3);background:transparent;border-radius:0;color:var(--fg-muted);font-size:12px;font-weight:500;cursor:pointer;transition:color var(--dur) var(--ease),background var(--dur) var(--ease);min-width:100px;position:relative;border-left:1px solid var(--rule-soft)}.play-tabs .tab:first-child{border-left:0}.play-tabs .tab:hover{color:var(--fg-strong)}.play-tabs .tab.active{background:transparent;color:var(--fg-strong);box-shadow:none}.play-tabs .tab.active:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--accent)}.play-tabs .tab .tab-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:500}.play-tabs .tab .tab-ply{font-family:var(--font-mono);font-size:10px;color:var(--fg-faint);letter-spacing:.06em}.play-tabs .tab.finished{opacity:.45}.play-tabs .tab>*{pointer-events:none}.play-tabs .tab .tab-head{display:flex;align-items:center;gap:6px;width:100%;justify-content:flex-start}.play-tabs .tab .tab-foot{display:flex;align-items:center;gap:6px;width:100%;justify-content:space-between;font-size:10px}.tab-turn-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:0 0 auto;position:relative}.tab-turn-mine{background:var(--accent)}.tab-turn-mine:after{content:"";position:absolute;inset:-3px;border:1px solid var(--accent);border-radius:50%;animation:tab-pulse 1.6s ease-out infinite}.tab-turn-mine-soon{background:transparent;border:2px solid var(--accent);box-sizing:border-box}.tab-turn-theirs{background:transparent;border:1px solid var(--fg-faint)}.tab-turn-finished{background:transparent;border:0}.tab-turn-finished:before,.tab-turn-finished:after{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:var(--fg-faint)}.tab-turn-finished:before{transform:rotate(45deg)}.tab-turn-finished:after{transform:rotate(-45deg)}@keyframes tab-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2)}}.tab-side-chip{font-family:var(--font-mono);font-size:9px;font-weight:600;padding:1px 5px;border-radius:0;background:transparent;color:var(--fg-muted);letter-spacing:.1em;border:1px solid var(--rule-soft);margin-left:auto}.play-tabs .tab.active .tab-side-chip{border-color:var(--accent);color:var(--accent)}.tab-clock{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono)}.tab-clock-sep{color:var(--fg-faint);font-size:9px}.play-tabs .tab.mine .tab-label:before{display:none}.clock-chip{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:12px;font-weight:500;padding:0;border-radius:0;color:var(--fg-faint);letter-spacing:.04em;font-variant-numeric:tabular-nums}.clock-chip.compact{font-size:10px}.clock-chip.mine{color:var(--fg-strong)}.clock-chip.running{background:transparent;color:var(--fg)}.clock-chip.running.mine{background:transparent;color:var(--accent)}.clock-chip--low.running{color:var(--warn)}.clock-chip--critical.running,.clock-chip--flag{color:var(--danger)}.play-title-vs{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--fg-muted)}.play-title-vs-sep{font-size:10px;color:var(--fg-faint);text-transform:uppercase}.play-title-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.play-title-name--you{color:var(--fg-strong)}.play-title-clock{display:inline-flex;align-items:center;gap:6px;margin-left:var(--s-3);padding-left:var(--s-3);border-left:1px solid var(--rule-soft);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.play-title-clock-sep{color:var(--fg-faint);font-size:11px}.turn-strip{display:flex;align-items:center;justify-content:center;padding:6px 12px;font-size:13px;border-radius:var(--r-sm);background:var(--surface-1);margin:var(--s-2) 0}.turn-strip-text{display:inline-flex;align-items:center;gap:6px}.turn-strip-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);animation:tab-pulse 1.4s ease-in-out infinite}.turn-strip.turn-mine{background:var(--accent-soft);color:var(--accent);font-weight:600}.turn-strip.turn-theirs{color:var(--fg-muted)}.turn-strip.turn-idle{color:var(--fg-faint)}.play-actions{display:flex;flex-direction:column;gap:var(--s-2);align-items:center}.resign-hint{margin:0;color:var(--warn);background:transparent;padding:10px 0;border-top:1px solid var(--warn);border-bottom:1px solid var(--warn);border-radius:0;font-size:12px;letter-spacing:-.005em}.resign-hint:before{content:"WARN / ";font-family:var(--font-mono);font-weight:600;font-size:11px;letter-spacing:.14em;margin-right:8px}.finished-banner{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-2);padding:var(--s-5) var(--s-5);background:transparent;border-radius:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);width:100%;max-width:420px;text-align:left;box-shadow:none}.finished-banner strong{font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--fg-strong)}.finished-banner span{font-family:var(--font-mono);color:var(--fg-muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.finished-banner a{margin-top:8px}.draw-banner{display:flex;align-items:center;gap:var(--s-3);padding:12px 0;background:transparent;border-radius:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);color:var(--fg-strong);font-size:14px;font-weight:500}.draw-banner:before{content:"DRAW / ";font-family:var(--font-mono);font-weight:600;font-size:11px;letter-spacing:.14em;color:var(--accent);margin-right:4px}.draw-banner small{font-family:var(--font-mono);color:var(--fg-muted);font-weight:400;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-left:var(--s-2)}.draw-banner--theirs{border-color:var(--accent)}.draw-banner-accept{margin-left:auto;padding:6px 14px;font-size:13px}.reversi-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);aspect-ratio:1;background:var(--board-felt-deep);gap:1px;width:100%;max-width:720px;margin:0 auto;padding:8px;border-radius:var(--r-md);box-shadow:var(--shadow-md)}.reversi-board.mini{max-width:60px;padding:2px;gap:1px;border-radius:var(--r-sm);box-shadow:none}.reversi-board .cell{background:var(--board-felt);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background var(--dur) var(--ease)}.reversi-board .cell:disabled{cursor:default}.reversi-board .cell.legal{background:color-mix(in srgb,var(--board-felt) 75%,var(--accent) 25%)}.reversi-board .cell.legal:after{content:"";width:28%;height:28%;border-radius:50%;background:#ffffff8c;box-shadow:0 0 0 1px #00000026 inset}.reversi-board.side-black .cell.legal:after{background:radial-gradient(circle at 32% 28%,var(--stone-black-hi),var(--stone-black-lo) 75%);box-shadow:0 0 0 1px #ffffff40 inset}.reversi-board.side-white .cell.legal:after{background:radial-gradient(circle at 32% 28%,var(--stone-white-hi),var(--stone-white-lo) 75%);box-shadow:0 0 0 1px #0003 inset}.reversi-board.mini .cell.legal:after{display:none}.reversi-pass-btn{display:block;margin:var(--s-2) auto 0;padding:10px 20px;background:var(--warn-soft);color:var(--warn);border-radius:var(--r-md);font-weight:600;font-size:14px;cursor:pointer}.reversi-pass-btn:hover{background:var(--warn);color:var(--surface-1)}.reversi-board .stone{width:76%;height:76%;border-radius:50%;box-shadow:inset 0 -2px 4px var(--stone-shadow-inner),inset 0 1px 2px var(--stone-highlight-inner),0 1px 2px var(--stone-shadow-outer)}.reversi-board .black .stone{background:radial-gradient(circle at 32% 28%,var(--stone-black-hi),var(--stone-black-lo) 72%)}.reversi-board .white .stone{background:radial-gradient(circle at 32% 28%,var(--stone-white-hi),var(--stone-white-lo) 75%)}.reversi-board .cell.last-move{position:relative}.reversi-board .cell.last-move:before{content:"";position:absolute;inset:8%;border:2px solid var(--accent);border-radius:50%;pointer-events:none;animation:ring-in .2s var(--ease)}.reversi-board .stone{animation:stone-place-in .26s var(--ease-spring)}@keyframes stone-place-in{0%{transform:scale(.4);opacity:.4}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.reversi-board .stone{animation:none}}.reversi-board.mini .cell.last-move:before{display:none}.renju-frame{width:100%;max-width:720px;margin:0 auto}.renju-side-indicator,.jungo-side-indicator{display:inline-flex;align-items:center;gap:8px;margin:0 auto var(--s-2);padding:6px 14px;background:var(--surface-2);border:1px solid var(--rule);border-radius:var(--r-sm);font-size:13px;font-weight:600;color:var(--fg-strong)}.renju-frame{display:flex;flex-direction:column;align-items:center}.renju-side-stone,.jungo-side-stone{display:inline-block;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 -2px 3px var(--stone-shadow-inner),inset 0 1px 2px var(--stone-highlight-inner)}.renju-side-indicator.is-black .renju-side-stone,.jungo-side-indicator.is-black .jungo-side-stone{background:radial-gradient(circle at 32% 28%,var(--stone-black-hi),var(--stone-black-lo) 72%)}.renju-side-indicator.is-white .renju-side-stone,.jungo-side-indicator.is-white .jungo-side-stone{background:radial-gradient(circle at 32% 28%,var(--stone-white-hi),var(--stone-white-lo) 75%);border:1px solid rgba(0,0,0,.3)}.renju-frame.mini{max-width:60px}.renju-board{position:relative;aspect-ratio:1;width:100%;background:#d8b87a;padding:3.5%;box-sizing:border-box;border-radius:var(--r-md);box-shadow:var(--shadow-md)}.renju-board.mini{border-radius:var(--r-sm);box-shadow:none;padding:6%}.renju-grid-area{position:relative;width:100%;height:100%}.renju-grid-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.renju-intersection{position:absolute;width:calc(100% / 14);height:calc(100% / 14);transform:translate(-50%,-50%);background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.renju-intersection:disabled{cursor:default}.renju-board.mini .renju-intersection{cursor:default;pointer-events:none}.renju-intersection.tutorial-hint:before{content:"";position:absolute;inset:-8px;border:2px solid #f3b400;border-radius:50%;pointer-events:none;animation:tutorial-hint-pulse-ring 1.6s ease-in-out infinite}@keyframes tutorial-hint-pulse-ring{0%,to{border-color:#f3b400}50%{border-color:#fff15c}}.renju-intersection .stone{width:90%;height:90%;border-radius:50%;box-shadow:inset 0 -2px 4px var(--stone-shadow-inner),inset 0 1px 2px var(--stone-highlight-inner),0 1px 2px var(--stone-shadow-outer)}.renju-intersection.black .stone{background:radial-gradient(circle at 32% 28%,var(--stone-black-hi),var(--stone-black-lo) 72%)}.renju-intersection.white .stone{background:radial-gradient(circle at 32% 28%,var(--stone-white-hi),var(--stone-white-lo) 75%)}.renju-intersection.last-move .stone{outline:2px solid var(--accent);outline-offset:-1px;animation:ring-in .2s var(--ease)}.renju-board.mini .renju-intersection.last-move .stone{outline-width:1px}.renju-forbidden-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#dc3232d9;font-size:60%;font-weight:700;line-height:1;pointer-events:none;user-select:none}.renju-swap-btn{position:absolute;bottom:4%;left:50%;transform:translate(-50%);padding:6px 16px;background:#000000b3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:var(--r-sm);font-size:12px;font-weight:600;cursor:pointer;backdrop-filter:blur(4px);z-index:3}.renju-swap-btn:hover{background:#000000e0}.renju-board.mini .renju-swap-btn{display:none}.renju-forbidden-hint{margin:var(--s-2) auto 0;padding:6px 12px;background:var(--warn-soft);color:var(--warn);border-radius:var(--r-sm);font-size:13px;text-align:center}@keyframes ring-in{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.connect6-frame{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.connect6-frame.mini{max-width:60px}.connect6-side-indicator{display:inline-flex;align-items:center;gap:8px;margin:0 auto var(--s-2);padding:6px 14px;background:var(--surface-2);border:1px solid var(--rule);border-radius:var(--r-sm);font-size:13px;font-weight:600;color:var(--fg-strong)}.connect6-side-stone{display:inline-block;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 -2px 3px var(--stone-shadow-inner),inset 0 1px 2px var(--stone-highlight-inner)}.connect6-side-indicator.is-black .connect6-side-stone{background:radial-gradient(circle at 32% 28%,var(--stone-black-hi),var(--stone-black-lo) 72%)}.connect6-side-indicator.is-white .connect6-side-stone{background:radial-gradient(circle at 32% 28%,var(--stone-white-hi),var(--stone-white-lo) 75%);border:1px solid rgba(0,0,0,.3)}.connect6-board{position:relative;aspect-ratio:1;width:100%;background:#d8b87a;padding:3.2%;box-sizing:border-box;border-radius:var(--r-md);box-shadow:var(--shadow-md)}.connect6-board.mini{border-radius:var(--r-sm);box-shadow:none;padding:5%}.connect6-grid-area{position:relative;width:100%;height:100%}.connect6-grid-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.connect6-intersection{position:absolute;width:calc(100% / 18);height:calc(100% / 18);transform:translate(-50%,-50%);background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.connect6-intersection:disabled{cursor:default}.connect6-board.mini .connect6-intersection{cursor:default;pointer-events:none}.connect6-board.mini .coord-rank,.connect6-board.mini .coord-file{display:none}.connect6-intersection.tutorial-hint:before{content:"";position:absolute;inset:-8px;border:2px solid #f3b400;border-radius:50%;pointer-events:none;animation:tutorial-hint-pulse-ring 1.6s ease-in-out infinite}.connect6-intersection .stone{width:88%;height:88%;border-radius:50%;box-shadow:inset 0 -2px 4px var(--stone-shadow-inner),inset 0 1px 2px var(--stone-highlight-inner),0 1px 2px var(--stone-shadow-outer)}.connect6-intersection.black .stone{background:radial-gradient(circle at 32% 28%,var(--stone-black-hi),var(--stone-black-lo) 72%)}.connect6-intersection.white .stone{background:radial-gradient(circle at 32% 28%,var(--stone-white-hi),var(--stone-white-lo) 75%)}.connect6-intersection.last-move .stone{outline:2px solid var(--accent);outline-offset:-1px;animation:ring-in .2s var(--ease)}.connect6-board.mini .connect6-intersection.last-move .stone{outline-width:1px}.connect6-intersection.pending-first .stone{outline:2px dashed #f3b400;outline-offset:1px}.connect6-pair-hint{margin:var(--s-2) auto 0;padding:6px 12px;background:var(--surface-2);border:1px solid var(--rule);border-radius:var(--r-sm);font-size:13px;font-weight:600;color:var(--fg-strong);text-align:center}.connect6-outcome-hint{margin:var(--s-2) auto 0;padding:6px 12px;background:var(--warn-soft);color:var(--warn);border-radius:var(--r-sm);font-size:13px;text-align:center}.bg-frame{display:flex;flex-direction:column;gap:0;width:100%;max-width:1100px;margin:0 auto;background:var(--board-felt-deep);border-radius:var(--r-md);padding:6px;box-shadow:var(--shadow-md);max-height:100%;aspect-ratio:11 / 7}.bg-frame.mini{max-width:80px;padding:2px;box-shadow:none;max-height:none;aspect-ratio:11 / 6}.bg-frame.mini .bg-off{display:none}.board-result-thumb .bg-frame.mini .bg-off{display:flex}.bg-row{display:grid;grid-template-columns:repeat(13,1fr) 1.2fr;gap:2px;background:var(--board-felt);flex:1 1 0;min-height:0}.bg-row-bot{margin-top:4px}.bg-frame.mini .bg-row{grid-template-columns:repeat(13,1fr) 1.2fr;gap:1px;flex:1 1 0}.bg-point{position:relative;display:flex;flex-direction:column;align-items:center;background:transparent;border:none;cursor:pointer;padding:4px 0;height:100%;min-height:0;transition:background var(--dur) var(--ease)}.bg-frame.mini .bg-point{padding:1px 0}.bg-point.top{flex-direction:column}.bg-point.bot{flex-direction:column-reverse}.bg-point.dark{background:#0000002e}.bg-point.light{background:#ffffff0f}.bg-point.cand{background:var(--accent-soft);outline:2px solid var(--accent);outline-offset:-2px}.bg-point.movable{background:color-mix(in srgb,var(--accent-soft) 50%,transparent)}.bg-point.movable .bg-checker{box-shadow:0 0 0 2px var(--accent),0 0 6px #ffb8548c}.bg-bar.movable{background:color-mix(in srgb,var(--accent-soft) 50%,var(--board-felt-deep));outline:2px solid var(--accent);outline-offset:-2px}.bg-bar.sel{background:var(--warn-soft);outline:2px solid var(--warn);outline-offset:-2px}.bg-bar.hit-flash{animation:bar-hit-flash .32s ease-out}@keyframes bar-hit-flash{0%{background:var(--warn);transform:scale(1.06)}60%{background:color-mix(in srgb,var(--warn) 50%,var(--board-felt-deep));transform:scale(1.02)}to{background:var(--board-felt-deep);transform:scale(1)}}@media (prefers-reduced-motion: reduce){.bg-bar.hit-flash{animation:none}}.bg-bar.hit-flash .bg-bar-stack .bg-checker:last-child{animation:bar-checker-in .28s var(--ease-spring)}@keyframes bar-checker-in{0%{transform:scale(.4);opacity:.4}to{transform:scale(1);opacity:1}}.bg-point.dragging{outline:2px dashed var(--accent-strong);outline-offset:-2px}.bg-point.dragging .bg-checker{opacity:.55}.bg-bar.blocked{background:color-mix(in srgb,var(--warn-soft) 40%,var(--board-felt-deep));outline:2px dashed var(--warn);outline-offset:-2px;cursor:pointer}.bg-point.sel{background:var(--warn-soft);outline:2px solid var(--warn);outline-offset:-2px}.bg-point.last{outline:1px dashed var(--accent);outline-offset:-1px}.bg-point.last-mine{outline-color:var(--accent)}.bg-point.last-opp{outline-color:#14110c8c}.bg-point.last{animation:bg-last-pulse .26s var(--ease, ease-out)}@keyframes bg-last-pulse{0%{outline-width:3px;outline-offset:-1px}60%{outline-width:2px;outline-offset:-1px}to{outline-width:1px;outline-offset:-1px}}@media (prefers-reduced-motion: reduce){.bg-point.last{animation:none}}.bg-point-num{font-size:9px;color:#ffffff80;font-family:var(--font-mono);position:absolute;top:1px}.bg-point.bot .bg-point-num{top:auto;bottom:1px}.bg-frame.mini .bg-point-num{display:none}.bg-stack{display:flex;flex-direction:column;align-items:center;gap:0;height:100%;width:auto;aspect-ratio:1 / 5;max-width:95%;margin:0 auto;min-height:0}.bg-point.bot .bg-stack{flex-direction:column-reverse}.bg-frame.mini .bg-stack{aspect-ratio:1 / 5;max-width:100%;margin:0}.bg-checker{display:grid;place-items:center;width:100%;aspect-ratio:1;height:auto;border-radius:50%;border:1px solid rgba(0,0,0,.3);font-family:var(--font-mono);font-size:clamp(8px,1.4vw,12px);font-weight:700;color:transparent;line-height:1}.bg-checker.count{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.45)}.bg-checker.count.mine,.bg-checker.count.guest{color:#14110cd9;text-shadow:0 1px 1px rgba(255,255,255,.3)}.bg-frame.mini .bg-checker{width:6px;height:6px;border-width:.5px}.bg-checker.host{background:#1a1a1a}.bg-checker.guest{background:#f0e9d8}.bg-checker.mine{background:var(--accent);border-color:#14110c59}.bg-checker.opp{background:#1a1a1a;border-color:#14110c73;opacity:1}.bg-checker-overflow{display:none}.bg-bar{background:var(--board-felt-deep);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:4px 0;min-width:0;position:relative}.bg-bar-stack{display:flex;flex-direction:column;align-items:center;height:100%;width:auto;aspect-ratio:1 / 5;max-width:95%;gap:0;margin:0 auto;min-height:0}.bg-bar.bg-bar-bot .bg-bar-stack{flex-direction:column-reverse}.bg-off{background:var(--board-felt-deep);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;cursor:pointer;color:#ffffffb3;font-size:10px;gap:2px}.bg-off.cand{background:var(--accent);color:#fff;outline:2px solid var(--accent-strong)}.bg-off-label{font-size:8px;letter-spacing:0;line-height:1.1;text-align:center;white-space:nowrap}.bg-off-count{font-size:14px;font-weight:600;color:#fff}.bg-frame.mini .bg-off-label{display:none}.bg-frame.mini .bg-off-count{font-size:7px}.bg-dicebar{display:flex;gap:var(--s-2);align-items:center;justify-content:center;padding:4px 6px;flex:0 0 auto;min-height:44px}.bg-dice{display:flex;gap:8px;justify-content:center;padding:0;cursor:pointer;user-select:none;flex:0 0 auto}.bg-die{width:32px;height:32px;display:grid;place-items:center;background:var(--surface-1);border-radius:var(--r-sm);font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--fg-strong);box-shadow:var(--shadow-sm);transition:background var(--dur) var(--ease),color var(--dur) var(--ease),outline-color var(--dur) var(--ease)}.bg-dicebar.mine .bg-die{background:var(--accent);color:#fff}.bg-dicebar.opp .bg-die{background:#1a1a1a;color:#f0e9d8}.bg-die.consumed{opacity:.32;text-decoration:line-through}.bg-die.next{outline:3px solid var(--accent-strong);outline-offset:-3px;box-shadow:0 0 0 1px #fff inset,0 0 0 3px var(--accent-strong)}.bg-dicebar.opp .bg-die.next{outline-color:#fff;box-shadow:0 0 0 1px #1a1a1a inset,0 0 0 3px #fff}.bg-actions{display:flex;gap:6px;align-items:center;flex:0 0 auto}.bg-action-btn{width:36px;height:36px;border-radius:var(--r-sm);border:none;background:var(--surface-3);color:var(--fg-strong);font-size:16px;font-weight:700;cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}.bg-action-btn:hover{background:var(--surface-2)}.bg-action-btn:active{transform:translateY(1px)}.bg-action-btn.bg-endturn{background:var(--accent);color:#fff}.bg-action-btn.bg-endturn:hover{background:var(--accent-strong)}.bg-point .bg-cand-label{position:absolute;top:2px;right:4px;font-size:9px;font-family:var(--font-mono);font-weight:700;color:var(--accent);background:var(--surface-1);padding:1px 4px;border-radius:999px;letter-spacing:0}.bg-point.bot .bg-cand-label{top:auto;bottom:2px}.bg-point.cand-ambig .bg-cand-label{color:var(--warn)}.animal-frame{--hand-h: clamp(40px, 8vh, 80px);--frame-gap: var(--s-2);--board-h-budget: calc(100dvh - 260px - var(--hand-h) * 2);display:flex;flex-direction:column;gap:var(--frame-gap);width:100%;max-width:480px;margin:0 auto;max-height:100%;align-items:center}.animal-frame.mini{--hand-h: 0px;--board-h-budget: 60px;max-width:60px;gap:1px}.animal-board{display:grid;grid-template-columns:repeat(3,1fr);background:var(--board-wood-deep);gap:2px;padding:6px;border-radius:var(--r-md);box-shadow:var(--shadow-md);width:min(100%,calc(var(--board-h-budget) * 3 / 4));flex:0 0 auto}.animal-frame.mini .animal-board{padding:2px;gap:1px;border-radius:var(--r-sm);box-shadow:none}.animal-frame .a-cell{background:var(--board-wood-cell);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:background var(--dur) var(--ease);padding:4%;border:none;aspect-ratio:1 / 1;width:100%}.animal-frame .a-cell.cand{background:color-mix(in srgb,var(--board-wood-cell) 65%,var(--accent) 35%)}.animal-frame .a-cell.sel{background:var(--warn)}.animal-frame .a-cell.last-from{box-shadow:inset 0 0 0 2px var(--accent)}.animal-frame .a-cell.last-to{box-shadow:inset 0 0 0 2px var(--accent);background:color-mix(in srgb,var(--board-wood-cell) 70%,var(--accent) 30%)}.a-piece-wrap{display:block;width:100%;height:100%;line-height:0}.animal-frame .a-cell{position:relative}.animal-frame .a-piece-wrap.piece-captured{position:absolute;inset:4%;pointer-events:none;animation:a-captured-out .22s ease-in forwards}@keyframes a-captured-out{0%{transform:scale(1) rotate(0);opacity:1}60%{transform:scale(.9) rotate(-12deg);opacity:.55}to{transform:scale(.4) rotate(-30deg);opacity:0}}.a-piece-wrap.piece-anim{animation:a-slide-in .28s var(--ease, ease-out)}@keyframes a-slide-in{0%{transform:translate(var(--a-anim-dx, 0%),var(--a-anim-dy, 0%));opacity:.7}to{transform:translate(0);opacity:1}}@media (prefers-reduced-motion: reduce){.a-piece-wrap.piece-anim{animation:none}.animal-frame .a-piece-wrap.piece-captured{animation:none;opacity:0}}.animal-frame .a-glyph{width:100%;height:100%;display:block;pointer-events:none}.animal-frame.mini .a-glyph{width:100%;height:100%}.animal-hand{display:flex;gap:6px;align-items:center;width:100%;flex:0 0 auto;height:var(--hand-h);min-height:0}.animal-hand.opp{justify-content:flex-end}.animal-frame.mini .animal-hand{display:none}.animal-frame .hand-piece{display:inline-flex;align-items:center;justify-content:center;background:transparent;padding:0;cursor:pointer;border-radius:var(--r-sm);height:100%;aspect-ratio:5 / 6;border:none;transition:filter var(--dur) var(--ease)}.animal-frame .hand-piece:hover:not(:disabled){filter:brightness(1.08)}.animal-frame .hand-piece.sel{outline:2px solid var(--warn);outline-offset:2px;border-radius:var(--r-sm)}.animal-frame .hand-piece .a-glyph{width:100%;height:100%;display:block}.radio-group{display:flex;flex-direction:column;gap:4px;border:none;padding:0;margin:0}.radio-row,.check-row{display:flex;align-items:center;gap:var(--s-3);padding:10px 14px;background:var(--surface-1);border-radius:var(--r-md);cursor:pointer;font-size:14px;transition:background var(--dur) var(--ease);box-shadow:var(--shadow-sm)}.radio-row:hover,.check-row:hover{background:var(--surface-2)}.radio-row:has(input:checked),.check-row:has(input:checked){background:var(--accent-soft)}.result-shell{max-width:720px;margin:0 auto;padding:var(--s-3) var(--s-4) var(--s-7);display:flex;flex-direction:column;gap:var(--s-5);min-height:100vh}.result-hero{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:var(--s-6) var(--s-5);background:var(--surface-1);border-radius:var(--r-xl);box-shadow:var(--shadow-md)}.result-hero-eyebrow{font-size:12px;color:var(--fg-muted);font-weight:500}.result-hero-label{font-size:44px;font-weight:600;letter-spacing:-.025em;line-height:1;color:var(--fg-strong)}.result-hero--win .result-hero-label{color:var(--success)}.result-hero--loss .result-hero-label{color:var(--danger)}.result-hero--draw .result-hero-label{color:var(--fg-muted)}.result-hero-tally{font-size:28px;font-weight:600;letter-spacing:-.015em;line-height:1;color:var(--fg-strong);margin-top:4px}.result-hero-sub{font-size:14px;color:var(--fg-muted)}.result-hero-sub small{margin-left:4px;color:var(--fg-faint)}.result-board-nav{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(6px,1.5vw,12px);padding:var(--s-3) 0;border-bottom:1px solid var(--rule-soft);overflow-x:auto;scrollbar-width:thin}.result-board-nav-item{display:inline-block;flex:0 0 auto;padding:4px;border-radius:10px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.result-board-nav-item img{display:block;border-radius:8px;width:clamp(32px,8vw,44px)!important;height:clamp(32px,8vw,44px)!important;transition:filter .12s ease,opacity .12s ease}.result-board-nav-item:hover,.result-board-nav-item:focus-visible{transform:translateY(-2px);outline:none}.result-board-nav-item--win{background:var(--fg-strong)}.result-board-nav-item--draw,.result-board-nav-item--unknown{background:var(--surface-3)}.result-board-nav-item--loss{background:var(--surface-2)}.result-board-nav-item--loss img{opacity:.55;filter:grayscale(.3)}.result-board-nav-item--unknown img{opacity:.75}.result-boards{display:flex;flex-direction:column;gap:var(--s-3)}.board-result-card--win{background:var(--fg-strong);color:var(--bg-elev)}.board-result-card--win .board-result-game,.board-result-card--win .board-result-footer{color:var(--bg-elev)}.board-result-card--draw{background:var(--surface-3)}.board-result-card--loss,.board-result-card--unknown{background:var(--surface-2)}.board-result-card{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);background:var(--surface-1);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.board-result-card header{display:flex;justify-content:space-between;align-items:center}.board-result-game{font-weight:600;font-size:14px;color:var(--fg-strong)}.board-result-tag{font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--r-sm);background:var(--surface-3);color:var(--fg-muted)}.board-result-tag[data-result=win]{background:var(--success-soft);color:var(--success)}.board-result-tag[data-result=loss]{background:var(--danger-soft);color:var(--danger)}.board-result-tag[data-result=draw]{background:var(--surface-3);color:var(--fg-muted)}.board-result-thumb{display:flex;justify-content:center}.board-result-thumb>*{max-width:200px!important;width:100%}.board-result-thumb .animal-frame.mini,.board-result-thumb .shogi-frame.mini{--board-h-budget: 200px}.board-result-thumb .chess-frame.mini .chess-piece{font-size:22px}.board-result-thumb .chess-frame.mini .chess-piece.white{text-shadow:-1px -1px 0 #111,1px -1px 0 #111,-1px 1px 0 #111,1px 1px 0 #111}.board-result-footer{font-size:12px;color:var(--fg-muted)}.result-kifu{display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.kifu-panel{background:var(--surface-1);border-radius:var(--r-lg);padding:var(--s-4);box-shadow:var(--shadow-sm)}.kifu-panel h4{margin:0 0 var(--s-3) 0;font-size:13px;font-weight:600;color:var(--fg-muted)}.kifu-list{display:flex;flex-direction:column;gap:0;max-height:340px;overflow-y:auto}.kifu-head{display:grid;grid-template-columns:2.4em 1fr 1fr;gap:var(--s-1);padding:0 4px 4px;border-bottom:1px solid var(--border);margin-bottom:4px}.kifu-col-label{font-size:11px;font-weight:600;color:var(--fg-muted);padding-left:10px}.kifu-row{display:grid;grid-template-columns:2.4em 1fr 1fr;gap:var(--s-1);padding:1px 4px;font-size:13px;align-items:stretch}.kifu-num{font-family:var(--font-mono);font-size:12px;color:var(--fg-faint);align-self:center;text-align:right;padding-right:2px}.kifu-cell{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-2);padding:3px 8px;border:none;border-left:2px solid transparent;background:transparent;border-radius:var(--r-sm);cursor:pointer;text-align:left;font:inherit;transition:background .1s ease}.kifu-cell--empty{cursor:default}.kifu-cell:not(.kifu-cell--empty):hover{background:var(--surface-2)}.kifu-cell[data-active=true]{background:var(--surface-2);border-left-color:var(--fg-strong)}.kifu-side{font-size:11px;font-weight:500;text-align:center;padding:1px 6px;border-radius:var(--r-sm);background:var(--surface-3)}.kifu-side[data-side=Host]{background:var(--fg-strong);color:var(--bg-base)}.kifu-side[data-side=Guest]{background:var(--surface-3);color:var(--fg)}.kifu-mv{font-family:var(--font-mono);font-weight:500;color:var(--fg-strong);font-size:13px}.kifu-time{font-family:var(--font-mono);font-size:11px;color:var(--fg-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.board-result-card[open]{outline:1px solid var(--fg-faint)}.board-result-summary{cursor:pointer;list-style:none;user-select:none}.board-result-summary::-webkit-details-marker{display:none}.board-result-summary:focus-visible{outline:2px solid var(--fg-strong);outline-offset:2px;border-radius:var(--r-md)}.board-result-summary-inner{display:flex;flex-direction:column;gap:var(--s-3)}.board-result-card .board-result-footer{display:flex;justify-content:space-between;align-items:center}.board-result-chevron{font-size:13px;color:var(--fg-faint)}.board-result-replay{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--border)}.replay-board{display:flex;justify-content:center;padding:var(--s-3);background:var(--surface-1);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);min-height:220px}.replay-board-loading{display:flex;align-items:center;justify-content:center;gap:var(--s-2);width:100%;font-size:var(--t-body-sm);color:var(--fg-muted)}.replay-board-loading:before{content:"";display:inline-block;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--rule-soft);border-top-color:var(--accent);animation:spin .8s linear infinite;flex:0 0 auto}@media (prefers-reduced-motion: reduce){.replay-board-loading:before{animation:none;border-top-color:var(--rule)}}.replay-controls{display:grid;grid-template-columns:repeat(5,auto) 1fr auto;align-items:center;gap:var(--s-2);padding:var(--s-3);background:var(--surface-1);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.btn-icon{appearance:none;background:transparent;border:1px solid var(--border);color:var(--fg-strong);width:36px;height:36px;border-radius:var(--r-md);font-size:14px;cursor:pointer;transition:background .12s ease,border-color .12s ease,opacity .12s ease}.btn-icon:hover:not(:disabled){background:var(--surface-2);border-color:var(--fg-faint)}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.btn-icon--play{background:var(--fg-strong);color:var(--bg-base);border-color:var(--fg-strong);width:44px;height:36px;font-size:16px}.btn-icon--play:hover:not(:disabled){background:var(--fg);border-color:var(--fg);color:var(--bg-base)}.replay-slider{width:100%;accent-color:var(--fg-strong)}.replay-ply{font-size:12px;color:var(--fg-faint);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:56px;text-align:right}.replay-last-move{display:flex;align-items:baseline;gap:var(--s-2);font-size:13px;padding:0 var(--s-2)}.kifu-details{background:var(--surface-1);border-radius:var(--r-lg);padding:var(--s-3) var(--s-4);box-shadow:var(--shadow-sm)}.kifu-details>summary{cursor:pointer;font-size:13px;font-weight:500;color:var(--fg-muted);list-style:none;user-select:none;padding:4px 0}.kifu-details>summary::-webkit-details-marker{display:none}.kifu-details>summary:before{content:"▸";display:inline-block;margin-right:8px;transition:transform .15s ease;color:var(--fg-faint)}.kifu-details[open]>summary:before{transform:rotate(90deg)}.status-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-3);padding:var(--s-6) var(--s-5);background:var(--bg-elev);border-radius:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);max-width:380px;text-align:left}.status-card h2{font-size:16px;font-weight:600;letter-spacing:-.01em}.status-card p{color:var(--fg-muted);font-size:13px;font-family:var(--font-mono);letter-spacing:.04em}.status-card-actions{display:flex;flex-direction:column;gap:var(--s-2);width:100%;margin-top:var(--s-2)}.status-card-spinner{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--rule-soft);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.archive-meta{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-4);background:var(--surface-1);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.archive-meta-result{display:flex;flex-direction:column;gap:4px;padding:var(--s-3) var(--s-4);background:var(--surface-2);border-radius:var(--r-md)}.archive-meta-result strong{font-size:22px;font-weight:600;color:var(--fg-strong)}.archive-meta-result .result-eyebrow{font-size:11px;color:var(--fg-muted);font-weight:500}.archive-meta-result--win strong{color:var(--success)}.archive-meta-result--loss strong{color:var(--danger)}.archive-meta-result--draw strong{color:var(--fg-muted)}.archive-sgf-header{display:flex;justify-content:space-between;align-items:center}.archive-sgf-actions{display:flex;gap:4px}.archive-sgf-details>summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--fg-muted);padding:6px 0;user-select:none}.archive-sgf-body{display:flex;flex-direction:column;gap:var(--s-2);padding-top:var(--s-2)}.sgf-block{margin:0;padding:var(--s-4);background:var(--surface-2);border-radius:var(--r-md);font-family:var(--font-mono);font-size:12px;line-height:1.55;color:var(--fg-strong);overflow:auto;max-height:50vh;white-space:pre-wrap;word-break:break-all}.skeleton-shimmer,.skeleton-line,.skeleton-block{background:linear-gradient(90deg,var(--rule-faint) 0%,var(--rule-soft) 50%,var(--rule-faint) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.4s var(--ease-emphasis) infinite}.skeleton-line{display:block;height:.8em;border-radius:2px;margin:.3em 0}.skeleton-block{display:block;width:100%;height:100%;min-height:40px}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion: reduce){.skeleton-shimmer,.skeleton-line,.skeleton-block{animation:none}}.btn-skeleton{border-radius:0;background:transparent;position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--s-2);color:var(--fg-faint);font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--ls-widest);text-transform:uppercase}.btn-skeleton:after{content:"loading…";animation:skeleton-pulse 1.6s ease-in-out infinite}.btn-skeleton:before{content:none}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:1}}.loading-row{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) 0;color:var(--fg-muted);font-size:var(--t-body-sm)}.loading-row:before{content:"";display:inline-block;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--rule-soft);border-top-color:var(--accent);animation:spin .8s linear infinite;flex:0 0 auto}@media (prefers-reduced-motion: reduce){.loading-row:before{animation:none;border-top-color:var(--rule)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-7) var(--s-4);text-align:center;color:var(--fg-muted);border-top:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft)}.empty-state-mark{font-family:var(--font-mono);font-size:var(--t-eyebrow);font-weight:var(--fw-semibold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--fg-faint)}.empty-state-text{font-size:var(--t-body-sm);color:var(--fg-muted)}.login-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-3);padding:var(--s-7) var(--s-5);max-width:380px;border:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);border-radius:0;background:transparent}.login-card h1{font-size:clamp(40px,8vw,56px);font-weight:700;letter-spacing:-.045em;line-height:.9}.login-card p{margin:0 0 var(--s-3) 0;font-family:var(--font-mono);color:var(--fg-muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.login-form{display:flex;flex-direction:column;gap:var(--s-3);width:100%}.login-form .cf-turnstile{align-self:stretch;min-height:65px}.login-cta{width:100%;padding:14px 18px;justify-content:center}.signup-card{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-3);padding:var(--s-6) var(--s-5);max-width:380px;width:100%;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:transparent}.signup-card h1{font-size:clamp(28px,5vw,36px);font-weight:700;letter-spacing:-.03em;margin:0}.signup-card .muted{margin:0;font-size:13px;color:var(--fg-muted);line-height:1.5}.signup-form{display:flex;flex-direction:column;gap:var(--s-2);margin-top:var(--s-3)}.signup-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted)}.signup-input{font-size:18px;font-family:var(--font-mono);padding:12px 14px;border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--surface-1);color:var(--fg-strong);letter-spacing:.04em}.signup-input:focus{outline:2px solid var(--accent);outline-offset:-2px}.signup-hint{font-size:12px;color:var(--fg-muted);font-family:var(--font-mono);margin:0}.signup-hint.bad{color:var(--danger)}.signup-error{margin:0;color:var(--danger);font-size:13px}.signup-cta{margin-top:var(--s-3);width:100%;padding:12px 18px;justify-content:center}.profile-card{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);background:var(--surface-1);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.profile-avatar{width:40px;height:40px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:16px;border-radius:var(--r-md);flex-shrink:0}.profile-name{font-weight:600;color:var(--fg-strong);font-size:14px}@media (max-width: 480px){.app-shell{padding:var(--s-3) var(--s-3) var(--s-6);gap:var(--s-4)}.play-shell{padding:var(--s-2) var(--s-2) var(--s-4)}.title-bar{top:var(--s-2);padding:8px var(--s-2)}.play-title-game{display:none}.home-header h1{font-size:22px}.room-code .value{font-size:22px;letter-spacing:.28em}.clock-side-time{font-size:18px}.clock-side{padding:6px 8px}.play-tabs .tab{min-width:70px;padding:6px 8px}.match-row a{grid-template-columns:auto 1fr;gap:var(--s-2)}.match-row time{grid-column:1 / -1;text-align:right}.result-hero-label{font-size:36px}.config-grid{grid-template-columns:1fr;gap:0}.config-grid dt{margin-top:8px}}.tutorial-page{max-width:720px;margin:0 auto;padding:12px}.tutorial-top{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3)}.tutorial-game-name{font-weight:600;letter-spacing:.08em;color:var(--fg-muted)}.tutorial-shell{display:flex;flex-direction:column;gap:var(--s-3)}.tutorial-header{display:flex;flex-direction:column;gap:4px}.tutorial-progress{font-size:12px;color:var(--fg-muted);letter-spacing:.12em}.tutorial-title{margin:0;font-size:22px}.tutorial-body-wrap{background:var(--surface);border-radius:var(--r-md);padding:var(--s-3);border:1px solid var(--border)}.tutorial-body{margin:0;font-family:inherit;white-space:pre-wrap;line-height:1.7;font-size:14px}.tutorial-board{display:flex;justify-content:center;position:relative}.tutorial-check-badge{position:absolute;top:8px;right:8px;background:#f44336eb;color:#fff;padding:4px 10px;border-radius:var(--r-sm);font-size:12px;font-weight:600}.tutorial-choose{display:flex;flex-direction:column;gap:6px}.tutorial-choose-btn{text-align:left;padding:10px 14px;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-sm);cursor:pointer;font-size:14px}.tutorial-choose-btn.correct{border-color:#2e7d32;background:color-mix(in srgb,#2e7d32 18%,var(--surface))}.tutorial-choose-btn.wrong{border-color:#c62828;background:color-mix(in srgb,#c62828 18%,var(--surface))}.tutorial-feedback-row{min-height:28px;display:flex;align-items:center;justify-content:center}.tutorial-feedback{color:var(--accent);font-weight:600;font-size:14px}.tutorial-hint-text{color:var(--fg-muted);font-size:13px}.tutorial-actions{display:flex;gap:var(--s-2);justify-content:space-between;flex-wrap:wrap}.tutorial-actions .ghost,.tutorial-actions .primary,.tutorial-actions .tutorial-cta{padding:8px 14px;border-radius:var(--r-sm);font-size:14px;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--fg);text-decoration:none}.tutorial-actions .primary,.tutorial-actions .tutorial-cta{background:var(--accent);border-color:var(--accent);color:#fff}.tutorial-actions .primary:disabled{opacity:.4;cursor:not-allowed}.tutorial-index-page .tutorial-title{margin:var(--s-3) 0 var(--s-1)}.tutorial-index-lead{color:var(--fg-muted);font-size:14px;margin:0 0 var(--s-3)}.tutorial-index-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:var(--s-2)}@media (min-width: 480px){.tutorial-index-grid{grid-template-columns:repeat(2,1fr)}}.tutorial-index-card{display:flex;flex-direction:row;align-items:center;gap:12px;padding:var(--s-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--fg);text-decoration:none;transition:transform 80ms ease,border-color 80ms ease}.tutorial-index-card:hover{border-color:var(--accent);transform:translateY(-1px)}.tutorial-index-card.disabled{opacity:.45;cursor:not-allowed}.tutorial-index-card-icon{flex-shrink:0;width:48px;height:48px;border-radius:10px;display:block}.tutorial-index-card-body{display:flex;flex-direction:column;gap:4px;min-width:0}.tutorial-index-card-title{font-weight:600;font-size:16px}.tutorial-index-card-desc{font-size:12px;color:var(--fg-muted)}.shogi-frame{--hand-h: clamp(36px, 6vh, 56px);--frame-gap: var(--s-2);--board-h-budget: calc(100dvh - 220px - var(--hand-h) * 2);display:flex;flex-direction:column;gap:var(--frame-gap);width:100%;max-width:640px;margin:0 auto;align-items:center;position:relative}.shogi-frame.mini{--hand-h: 0px;--board-h-budget: 60px;max-width:60px;gap:1px}.shogi-board{display:grid;grid-template-columns:repeat(9,1fr);background:var(--board-wood-deep);gap:1px;padding:4px;border-radius:var(--r-md);box-shadow:var(--shadow-md);width:min(100%,var(--board-h-budget));aspect-ratio:1;flex:0 0 auto}.shogi-frame.mini .shogi-board{padding:1px;gap:0;border-radius:var(--r-sm);box-shadow:none}.shogi-board .cell{background:var(--board-wood-cell);cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;padding:0;position:relative;aspect-ratio:1;font-size:clamp(20px,3.64vw,36px)}.shogi-board .cell:disabled{cursor:default}.shogi-board .cell.selected{background:color-mix(in srgb,var(--board-wood-cell) 35%,var(--warn) 65%);box-shadow:inset 0 0 0 2px var(--warn)}.shogi-board .cell.target:after{content:"";position:absolute;width:28%;height:28%;border-radius:50%;background:#14c8648c;pointer-events:none}.shogi-board .cell.last-move{box-shadow:inset 0 0 0 2px var(--accent)}.shogi-piece{display:flex;align-items:center;justify-content:center;width:88%;height:88%;line-height:1;font-weight:700;font-family:Yu Mincho,Hiragino Mincho ProN,serif;color:#1a1a18;background:linear-gradient(180deg,#f1d59a,#d9b478);clip-path:polygon(50% 0%,92% 18%,100% 100%,0% 100%,8% 18%);text-shadow:0 1px 0 rgba(255,255,255,.35);user-select:none;pointer-events:none}.shogi-piece.flipped{transform:rotate(180deg)}.shogi-piece.promoted{color:#b03020}.shogi-frame.mini .shogi-piece{font-size:7px}.shogi-hand{display:flex;gap:4px;align-items:center;width:100%;max-width:min(100%,var(--board-h-budget));height:var(--hand-h);min-height:var(--hand-h);padding:2px 6px;background:color-mix(in srgb,var(--board-wood-deep) 30%,var(--surface-2));border-radius:var(--r-sm);box-sizing:border-box}.shogi-hand.theirs{justify-content:flex-end}.shogi-hand.mine{justify-content:flex-start}.shogi-frame.mini .shogi-hand{display:none}.shogi-hand-label{font-size:12px;font-weight:600;color:var(--fg-muted);letter-spacing:.05em;padding:0 6px}.shogi-hand.theirs .shogi-hand-label{order:99}.shogi-hand-empty{font-size:11px;color:var(--fg-faint);font-style:italic;padding:0 4px}.shogi-hand-piece{display:inline-flex;align-items:center;gap:2px;height:calc(var(--hand-h) - 8px);padding:0 4px 0 0;background:transparent;border:none;cursor:pointer;border-radius:var(--r-sm);transition:filter var(--dur) var(--ease),transform 80ms var(--ease);color:var(--fg);font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(11px,1.8vw,14px);font-weight:600}.shogi-hand-piece:disabled{cursor:default;opacity:.55}.shogi-hand-piece:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}.shogi-hand-piece.selected{outline:2px solid var(--warn);outline-offset:1px}.shogi-hand-piece .kanji{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--hand-h) - 12px);height:calc(var(--hand-h) - 12px);background:linear-gradient(180deg,#f1d59a,#d9b478);clip-path:polygon(50% 0%,92% 18%,100% 100%,0% 100%,8% 18%);color:#1a1a18}.shogi-hand-piece.flipped .kanji{transform:rotate(180deg)}.shogi-hand-piece .count{font-variant-numeric:tabular-nums;font-size:.95em;font-weight:700;color:var(--fg-strong);text-shadow:0 1px 0 rgba(255,255,255,.65)}.shogi-promo-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;z-index:10}.shogi-promo-dialog{background:var(--surface-1);border:1px solid var(--rule);border-radius:var(--r-md);padding:var(--s-3);box-shadow:var(--shadow-lg)}.shogi-promo-title{font-weight:600;margin-bottom:var(--s-2);text-align:center}.shogi-promo-buttons{display:flex;gap:var(--s-2)}.shogi-promo-btn{padding:10px 18px;background:var(--surface-2);border:1px solid var(--rule);border-radius:var(--r-sm);cursor:pointer;font-size:20px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-weight:700;min-width:56px}.shogi-promo-btn:hover{background:var(--surface-3, var(--accent-soft))}.shogi-promo-btn.promote{background:color-mix(in srgb,var(--accent-soft) 60%,var(--surface-2))}.shogi-tutorial .tutorial-feedback.warn{color:#b03020;font-weight:600}.jungo-frame{width:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.jungo-frame.mini{max-width:60px;display:block}.jungo-scorebar{display:flex;width:100%;justify-content:space-between;gap:var(--s-2);margin:0 auto var(--s-2);padding:6px 12px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:14px;color:var(--fg-strong);background:var(--surface-2);border-radius:var(--r-sm);flex-wrap:wrap}.jungo-score strong{font-size:16px;font-weight:700}.jungo-score.black{color:#1a1a1a}.jungo-score.white{color:var(--fg-strong)}.jungo-score.near strong{color:var(--accent-strong);text-shadow:0 0 8px color-mix(in srgb,var(--accent) 40%,transparent)}.jungo-board{position:relative;aspect-ratio:1;width:100%;background:#d8b87a;padding:5%;box-sizing:border-box;border-radius:var(--r-md);box-shadow:var(--shadow-md)}.jungo-board.mini{border-radius:var(--r-sm);box-shadow:none;padding:7%}.jungo-grid-area{position:relative;width:100%;height:100%}.jungo-grid-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.jungo-intersection{position:absolute;width:12.5%;height:12.5%;transform:translate(-50%,-50%);background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.jungo-intersection:disabled{cursor:default}.jungo-board.mini .jungo-intersection{cursor:default;pointer-events:none}.jungo-intersection .stone{position:relative;width:90%;height:90%;border-radius:50%;box-shadow:inset 0 -2px 4px var(--stone-shadow-inner),inset 0 1px 2px var(--stone-highlight-inner),0 1px 2px var(--stone-shadow-outer);animation:stone-place-in .26s var(--ease-spring)}.jungo-intersection.black .stone{background:radial-gradient(circle at 32% 28%,var(--stone-black-hi),var(--stone-black-lo) 72%)}.jungo-intersection.white .stone{background:radial-gradient(circle at 32% 28%,var(--stone-white-hi),var(--stone-white-lo) 75%)}.jungo-intersection .stone .pa-mark{position:absolute;top:50%;left:50%;width:18%;height:18%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.jungo-intersection.black .stone .pa-mark{background:radial-gradient(circle,#f3d27a,#c89c40 80%);box-shadow:0 0 4px #f3d27a99}.jungo-intersection.white .stone .pa-mark{background:radial-gradient(circle,#6a6a6e,#3a3a3e 80%)}.jungo-intersection.legal:after{content:"";width:70%;height:70%;border-radius:50%;opacity:0;transition:opacity 80ms ease;pointer-events:none}.jungo-intersection.legal:hover:after,.jungo-intersection.legal:focus-visible:after{opacity:.45}.jungo-board.side-black .jungo-intersection.legal:after{background:radial-gradient(circle at 32% 28%,var(--stone-black-hi),var(--stone-black-lo) 72%)}.jungo-board.side-white .jungo-intersection.legal:after{background:radial-gradient(circle at 32% 28%,var(--stone-white-hi),var(--stone-white-lo) 75%);box-shadow:0 0 0 1px #0003 inset}.jungo-board.mini .jungo-intersection.legal:after{display:none}.jungo-intersection.tutorial-hint:before{content:"";position:absolute;inset:-8px;border:2px solid #f3b400;border-radius:50%;pointer-events:none;animation:tutorial-hint-pulse-ring 1.6s ease-in-out infinite}.jungo-intersection.last-move .stone{outline:2px solid var(--accent);outline-offset:-1px;animation:ring-in .2s var(--ease)}.jungo-board.mini .jungo-intersection.last-move .stone{outline-width:1px}.jungo-pass-btn{display:block;margin:calc(var(--s-4) + 8px) auto 0;padding:10px 20px;background:var(--warn-soft);color:var(--warn);border-radius:var(--r-md);font-weight:600;font-size:14px;cursor:pointer}.jungo-pass-btn:hover{background:var(--warn);color:var(--surface-1)}.jungo-pass-btn:disabled{opacity:.4;cursor:default}@media (prefers-reduced-motion: reduce){.jungo-intersection .stone{animation:none}}.kalah-board{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:var(--s-2)}.kalah-board.mini{max-width:110px;gap:0}.kalah-svg{width:100%;height:auto;aspect-ratio:12 / 5;display:block;border-radius:var(--r-md);box-shadow:var(--shadow-md);background:transparent}.kalah-board.mini .kalah-svg{box-shadow:none;border-radius:var(--r-sm)}.kalah-board .kalah-cell.legal{cursor:pointer}.kalah-board .kalah-store-label.mine{fill:#f3c34a}.kalah-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-weight:600;padding:4px 8px;background:var(--surface-1);border-radius:var(--r-sm)}.kalah-score-side{display:inline-flex;align-items:baseline;gap:6px}.kalah-score-side:last-child{justify-content:flex-end}.kalah-score-label{font-size:11px;opacity:.6}.kalah-score-val{font-size:22px;font-variant-numeric:tabular-nums}.kalah-score-side.turn{color:var(--accent)}.kalah-score-mid{display:flex;justify-content:center;min-width:120px}.kalah-free-turn{background:var(--accent);color:var(--surface-1);padding:2px 10px;border-radius:var(--r-sm);font-size:13px;font-weight:700;animation:kalah-pulse 1.2s var(--ease)}@keyframes kalah-pulse{0%{transform:scale(.94);opacity:.6}50%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}.kalah-swap-btn{display:block;margin:var(--s-2) auto 0;padding:10px 22px;background:var(--accent);color:var(--surface-1);border-radius:var(--r-md);font-weight:700;font-size:14px;cursor:pointer;border:none}.kalah-swap-btn:hover{filter:brightness(1.1)}@media (prefers-reduced-motion: reduce){.kalah-free-turn{animation:none}}.twixt-frame{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.twixt-frame.mini{max-width:80px}.twixt-board{position:relative;aspect-ratio:1;width:100%;max-width:720px;background:var(--board-felt);border-radius:var(--r-md);box-shadow:var(--shadow-md);padding:4px}.twixt-board.mini{max-width:80px;padding:2px;border-radius:var(--r-sm);box-shadow:none}.twixt-edge{position:absolute;pointer-events:none;z-index:1}.twixt-edge-top{top:calc(100% / 24);left:calc(100% / 24);right:calc(100% / 24);height:3px;background:#0a0a0c;border-radius:2px;transform:translateY(-50%)}.twixt-edge-bottom{bottom:calc(100% / 24);left:calc(100% / 24);right:calc(100% / 24);height:3px;background:#0a0a0c;border-radius:2px;transform:translateY(50%)}.twixt-edge-left{top:calc(100% / 24);bottom:calc(100% / 24);left:calc(100% / 24);width:3px;background:#fafafa;border-radius:2px;border:1px solid rgba(0,0,0,.5);transform:translate(-50%)}.twixt-edge-right{top:calc(100% / 24);bottom:calc(100% / 24);right:calc(100% / 24);width:3px;background:#fafafa;border-radius:2px;border:1px solid rgba(0,0,0,.5);transform:translate(50%)}.twixt-board.mini .twixt-edge-top,.twixt-board.mini .twixt-edge-bottom{height:1.5px;left:calc(100% / 24);right:calc(100% / 24)}.twixt-board.mini .twixt-edge-left,.twixt-board.mini .twixt-edge-right{width:1.5px;top:calc(100% / 24);bottom:calc(100% / 24);border:none}.twixt-guides{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);pointer-events:none;z-index:1}.twixt-guide{stroke:#dcc8786b;stroke-width:1.6;stroke-dasharray:4 4;fill:none}.twixt-grid{position:absolute;inset:4px;display:grid;grid-template-columns:repeat(24,1fr);grid-template-rows:repeat(24,1fr);z-index:1}.twixt-board.mini .twixt-grid{inset:2px}.twixt-hole{background:transparent;border:0;padding:0;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.twixt-hole:not(.corner):before{content:"";width:22%;height:22%;border-radius:50%;background:#0000002e;position:absolute;pointer-events:none}.twixt-board.mini .twixt-hole:before{width:32%;height:32%;background:#00000047}.twixt-hole.corner{cursor:default;background:transparent}.twixt-hole.corner:before{display:none}.twixt-hole.forbidden-edge{cursor:not-allowed}.twixt-hole.legal{background:transparent}.twixt-hole .peg{width:60%;height:60%;border-radius:50%;z-index:2;box-shadow:inset 0 -2px 4px #0000004d,inset 0 1px 2px #fff3}.twixt-hole.peg-black .peg{background:radial-gradient(circle at 32% 28%,#424247,#0a0a0c 70%)}.twixt-hole.peg-white .peg{background:radial-gradient(circle at 32% 28%,#fcfcfa,#d3cfc7 75%)}.twixt-hole.last-move:after{content:"";position:absolute;width:80%;height:80%;border:2px solid var(--accent);border-radius:50%;pointer-events:none;animation:ring-in .2s var(--ease);z-index:3;background:none;box-shadow:none}.twixt-links{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);pointer-events:none;z-index:2}.twixt-board.mini .twixt-links{inset:2px;width:calc(100% - 4px);height:calc(100% - 4px)}.twixt-link{stroke-width:2.4;stroke-linecap:round}.twixt-link.link-black{stroke:#0a0a0c}.twixt-link.link-white{stroke:#fafafa}.twixt-board.mini .twixt-link{stroke-width:1.6}.twixt-swap-btn{display:block;margin:var(--s-2) auto 0;padding:10px 20px;background:var(--accent-soft, var(--warn-soft));color:var(--accent, var(--warn));border-radius:var(--r-md);font-weight:600;font-size:14px;cursor:pointer;border:0}.twixt-swap-btn:hover{background:var(--accent, var(--warn));color:var(--surface-1)}.twixt-board.not-my-turn .twixt-hole{cursor:default}.twixt-board.not-my-turn .twixt-hole.legal:after{opacity:.35}.renju-intersection .pending-stone,.connect6-intersection .pending-stone,.jungo-intersection .pending-stone{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;border-radius:50%;opacity:.5;pointer-events:none;z-index:4;box-shadow:inset 0 -2px 4px #00000040,inset 0 1px 2px #ffffff2e;animation:pending-pulse 1.2s ease-in-out infinite}.renju-intersection.pending-tap-black .pending-stone,.connect6-intersection.pending-tap-black .pending-stone,.jungo-intersection.pending-tap-black .pending-stone{background:radial-gradient(circle at 32% 28%,var(--stone-black-hi),var(--stone-black-lo) 72%)}.renju-intersection.pending-tap-white .pending-stone,.connect6-intersection.pending-tap-white .pending-stone,.jungo-intersection.pending-tap-white .pending-stone{background:radial-gradient(circle at 32% 28%,var(--stone-white-hi),var(--stone-white-lo) 75%);border:1px solid rgba(0,0,0,.25)}.twixt-hole .pending-peg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;border-radius:50%;opacity:.5;pointer-events:none;z-index:3;animation:pending-pulse 1.2s ease-in-out infinite}.twixt-hole.pending-tap-black .pending-peg{background:radial-gradient(circle at 32% 28%,#424247,#0a0a0c 70%)}.twixt-hole.pending-tap-white .pending-peg{background:radial-gradient(circle at 32% 28%,#fcfcfa,#d3cfc7 75%);border:1px solid rgba(0,0,0,.25)}@keyframes pending-pulse{0%,to{opacity:.45}50%{opacity:.65}}@media (prefers-reduced-motion: reduce){.renju-intersection .pending-stone,.connect6-intersection .pending-stone,.jungo-intersection .pending-stone,.twixt-hole .pending-peg{animation:none;opacity:.5}}.janggi-frame{width:100%;max-width:540px;margin:0 auto;position:relative}.janggi-frame.mini{max-width:72px}.janggi-board{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(10,1fr);aspect-ratio:9 / 10;background:linear-gradient(135deg,#e8c989,#d8b06b);position:relative;padding:0;width:100%;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-md);color:#2a2218}.janggi-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.janggi-frame.mini .janggi-board{box-shadow:none;border-radius:var(--r-sm)}.janggi-frame.mini .janggi-intersection>.janggi-piece{font-size:0!important;width:78%!important;height:78%!important;border-width:1px!important;box-shadow:none!important}.janggi-intersection{position:relative;background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}.janggi-intersection>.janggi-piece{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;clip-path:polygon(28% 0,72% 0,100% 28%,100% 72%,72% 100%,28% 100%,0 72%,0 28%);font-family:serif;font-weight:900;user-select:none;pointer-events:none;filter:drop-shadow(0 .5px 0 rgba(74,44,16,.85)) drop-shadow(0 2px 4px rgba(0,0,0,.4));z-index:3}.janggi-piece.cho,.janggi-piece.han{background:radial-gradient(circle at 38% 30%,#f4dda8,#d6ad66 50%,#a3762f);text-shadow:0 1px 0 rgba(255,248,224,.5),0 -1px 0 rgba(80,50,18,.25)}.janggi-piece.cho{color:#1f7a4d}.janggi-piece.han{color:#c0392b}.janggi-frame.mini .janggi-piece.cho{background:radial-gradient(circle at 35% 30%,#5cb487,#1f7a4d 68%,#145c38)}.janggi-frame.mini .janggi-piece.han{background:radial-gradient(circle at 35% 30%,#e08074,#c0392b 68%,#8d2519)}.janggi-piece-king{font-size:clamp(20px,4.4vw,36px);width:90%!important;height:90%!important}.janggi-piece-large{font-size:clamp(16px,3.8vw,32px);width:88%!important;height:88%!important}.janggi-piece-medium{font-size:clamp(14px,3.3vw,28px);width:80%!important;height:80%!important}.janggi-piece-small{font-size:clamp(12px,3vw,24px);width:72%!important;height:72%!important}.janggi-intersection.selected>.janggi-piece{outline:3px solid var(--accent);outline-offset:-3px}.janggi-intersection.target:after{content:"";position:absolute;width:36%;height:36%;border-radius:50%;background:#14c8648c;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4}.janggi-intersection.last-move:before{content:"";position:absolute;inset:5%;border:3px solid color-mix(in srgb,var(--accent) 70%,transparent);border-radius:5px;pointer-events:none;z-index:4;animation:ring-in .2s var(--ease)}.janggi-intersection.palace-cho,.janggi-intersection.palace-han{background:#f5dca02e}.janggi-scorebar{display:flex;justify-content:space-between;align-items:center;gap:var(--s-2);margin:0 auto var(--s-2);font-family:var(--font-mono);font-size:12px;padding:6px 10px;background:var(--bg-elev);border-radius:var(--r-sm);flex-wrap:wrap}.janggi-score-cho,.janggi-score-han{display:flex;align-items:baseline;gap:6px}.janggi-score-label{font-weight:700;letter-spacing:.08em}.janggi-score-cho .janggi-score-label{color:#2a4d92}.janggi-score-han .janggi-score-label{color:#8e1f10}.janggi-score-num{font-size:16px;font-weight:700;color:var(--fg-strong)}.janggi-score-pieces{font-size:10px;color:var(--fg-soft);letter-spacing:.02em}.janggi-score-cho.leading .janggi-score-num,.janggi-score-han.leading .janggi-score-num{text-decoration:underline;text-decoration-color:var(--accent)}.janggi-bikjang-warn{background:color-mix(in srgb,var(--warn) 20%,transparent);color:var(--warn);padding:8px 12px;border-radius:var(--r-sm);font-size:12px;font-weight:600;margin:0 auto var(--s-2);line-height:1.4}.janggi-actions{display:flex;justify-content:center;margin-top:var(--s-2)}.janggi-pass-btn{padding:8px 18px;background:var(--warn-soft);color:var(--warn);border:1px solid var(--warn);border-radius:var(--r-md);font-weight:600;font-size:13px;cursor:pointer}.janggi-pass-btn:hover{background:var(--warn);color:var(--surface-1)}.draughts-frame{width:100%;max-width:720px;margin:0 auto;position:relative;aspect-ratio:1 / 1}.draughts-frame.mini{max-width:60px}.draughts-board{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);aspect-ratio:1;background:#1a3a25;gap:0;width:100%;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-md)}.draughts-frame.mini .draughts-board{box-shadow:none;border-radius:var(--r-sm)}.draughts-board .cell{display:flex;align-items:center;justify-content:center;border:none;padding:0;cursor:pointer;position:relative;min-width:0;min-height:0;background:transparent}.draughts-board .cell.dark{background:#2e6b3a}.draughts-board .cell.light{background:#e8d8b0;cursor:default}.draughts-board .cell:disabled{cursor:default}.draughts-board .cell.selected{background:color-mix(in srgb,var(--accent) 50%,#2e6b3a)}.draughts-board .cell.cand:after{content:"";position:absolute;width:30%;height:30%;border-radius:50%;background:#14c8648c;pointer-events:none}.draughts-board .cell.last-move{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--accent) 65%,transparent)}.draughts-board .cell.hop-taken{box-shadow:inset 0 0 0 3px #ffdc50d9}.draughts-board .cell.tutorial-hint{box-shadow:inset 0 0 0 3px #f3b400;animation:tutorial-hint-pulse 1.6s ease-in-out infinite}.draughts-disk{width:78%;height:78%;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;font-size:clamp(14px,3vw,24px);line-height:1;box-shadow:0 2px 4px #00000059,inset 0 -2px 3px #00000040;pointer-events:none}.draughts-disk.white{background:linear-gradient(160deg,#fdfaf2,#d8cdb6);border:2px solid #b89c5e}.draughts-disk.black{background:linear-gradient(160deg,#3a3a3a,#161616);border:2px solid #0a0a0a}.draughts-disk.king{outline:2px solid #f3c12c;outline-offset:-4px}.draughts-disk.white .draughts-crown{color:#b88a2a}.draughts-disk.black .draughts-crown{color:#f3c12c}.draughts-disk.deferred{opacity:.32;filter:grayscale(.7)}.draughts-crown{font-size:.78em;font-weight:700;line-height:1;display:inline-block;transform:translateY(-1px)}.draughts-frame.not-my-turn .cell{cursor:default}.draughts-frame.mini .coord-rank,.draughts-frame.mini .coord-file{display:none}.draughts-frame.mini .draughts-disk{border-width:1px;box-shadow:none;font-size:0;width:90%;height:90%;background:none}.draughts-frame.mini .draughts-disk.white{background:#fafafa;border-color:#1a1a1a}.draughts-frame.mini .draughts-disk.black{background:#161616;border-color:#f3c12c}.draughts-frame.mini .draughts-crown{display:none}.poker-board{display:flex;flex-direction:column;align-items:center;width:min(420px,95vw);max-width:100%;background:linear-gradient(180deg,#134d2e,#0e3a22);border-radius:24px;padding:12px;box-sizing:border-box;box-shadow:inset 0 0 24px #00000059,0 6px 18px #0000004d;position:relative;color:#fafafa;gap:6px;overflow:hidden}.poker-board.mini{aspect-ratio:1 / 1;width:100%;max-width:110px;padding:6px 4px;gap:2px;border-radius:12px}.poker-board.not-my-turn{opacity:.85}.poker-table-mini{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:6px}.poker-board-cards-mini{display:flex;gap:3px;align-items:center;justify-content:center}.poker-board-cards-mini .poker-card{width:22px;height:32px;font-size:9px}.poker-mini-pot{color:#fafafa;font-size:11px;opacity:.9}.poker-seat{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;flex-shrink:0}.poker-seat-opp,.poker-seat-me{flex-direction:column}.poker-seat-info{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px}.poker-seat-label{font-weight:600;opacity:.9}.poker-hole-cards{display:flex;gap:4px}.poker-board-cards{display:flex;gap:6px;justify-content:center;flex-shrink:0}.poker-card{display:inline-flex;flex-direction:column;align-items:center;justify-content:space-between;width:34px;height:48px;background:#fafafa;color:#1a1a1a;border-radius:6px;padding:3px 4px;box-shadow:0 1px 3px #0000004d;font-family:var(--font-mono, monospace);font-size:13px;user-select:none}.poker-card-back{background:linear-gradient(135deg,#2b5da8,#14315e);color:transparent;border:1px solid rgba(255,255,255,.55);box-shadow:0 1px 3px #00000073}.poker-card-back-pattern{display:block;width:65%;height:65%;border:2px solid rgba(255,255,255,.4);border-radius:4px}.poker-card-failed{background:#1a1a1a;color:#f5f5f5;border:2px dashed #b03a3a}.poker-card-failed-mark{font-size:22px;font-weight:800;letter-spacing:1px}.poker-hole-recovery-failed{margin-top:4px;background:#1a1a1a;color:#f5f5f5;font-size:12px;font-weight:700;padding:4px 10px;border-radius:8px;border:1px solid #b03a3a;text-align:center}.poker-cheat-detected{margin-top:4px;background:#4a1212;color:#ffd6d6;font-size:12px;font-weight:800;padding:5px 12px;border-radius:8px;border:2px solid #ff4a4a;text-align:center;letter-spacing:.5px}.bg-vrf-cheat{margin-bottom:6px;background:#4a1212;color:#ffd6d6;font-size:13px;font-weight:800;padding:6px 14px;border-radius:8px;border:2px solid #ff4a4a;text-align:center;letter-spacing:.5px}.poker-red{color:#c63030}.poker-black{color:#1a1a1a}.poker-card-rank{font-weight:700;font-size:14px;align-self:flex-start}.poker-card-suit{font-size:18px;align-self:flex-end}.poker-center{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;flex:0 0 auto;justify-content:center}.poker-pot{font-size:14px;background:#0000004d;padding:4px 12px;border-radius:12px}.poker-hand-info{font-size:11px;opacity:.85}.poker-winner-banner{background:#d4af37;color:#1a1a1a;font-weight:700;padding:4px 14px;border-radius:12px;font-size:13px}.poker-chip-stack{display:inline-flex;align-items:center;gap:4px;background:#00000040;padding:2px 8px;border-radius:10px;font-size:12px}.poker-chip-icon{display:inline-block;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f0d068,#c8a428);border:1px solid rgba(0,0,0,.3)}.poker-chip-amount{font-weight:600}.poker-current-bet{font-size:11px;background:#d4af3740;color:#ffe8a0;padding:2px 8px;border-radius:10px}.poker-action-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;width:100%;padding-top:6px;flex-shrink:0}.poker-action{padding:6px 12px;font-size:13px;border:none;border-radius:8px;background:var(--bg-elev, #fafafa);color:#1a1a1a;cursor:pointer;font-weight:600}.poker-action:hover{filter:brightness(.95)}.poker-action-fold{background:#888;color:#fff}.poker-action-fold-failed-recover{background:#2a2a2a;color:#f5f5f5;border:1px solid #b03a3a}.poker-action-check,.poker-action-call{background:#4a90e2;color:#fff}.poker-action-bet,.poker-action-raise{background:#e67e22;color:#fff}.poker-action-allin{background:#c0392b;color:#fff}.poker-action-primary{background:#d4af37;color:#1a1a1a}.poker-bet-controls{display:flex;flex-direction:column;gap:6px;width:100%}.poker-bet-presets{display:flex;gap:6px;justify-content:center}.poker-size-btn{flex:1 1 0;max-width:88px;padding:5px 8px;font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:#ffffff1f;color:#fafafa;cursor:pointer}.poker-size-btn:hover{background:#ffffff38}.poker-size-btn--allin{border-color:#c0392bcc;background:#c0392b52}.poker-size-btn--allin:hover{background:#c0392b80}.poker-bet-slider{width:100%}.poker-history{position:absolute;top:8px;left:8px;width:92px;max-height:calc(100% - 16px);display:flex;flex-direction:column;gap:4px;pointer-events:none;z-index:4;font-size:10px;overflow:hidden}.poker-history-title{font-size:9px;opacity:.7;text-transform:uppercase;letter-spacing:.08em;padding:0 2px}.poker-history-entry{background:#00000073;border-radius:6px;padding:3px 5px;display:flex;flex-direction:column;gap:2px;border-left:2px solid transparent}.poker-history-entry.ph-win{border-left-color:#4ade80}.poker-history-entry.ph-lose{border-left-color:#f87171}.poker-history-entry.ph-chop{border-left-color:#facc15}.ph-row{display:flex;gap:4px;align-items:center;justify-content:space-between}.ph-num{opacity:.7;font-size:9px}.ph-result{font-weight:700;font-size:11px}.ph-result-win{color:#4ade80}.ph-result-lose{color:#f87171}.ph-result-chop{color:#facc15}.ph-pot{font-variant-numeric:tabular-nums;font-size:10px;opacity:.9}.ph-board-row{display:flex;flex-wrap:wrap;gap:1px;margin-top:1px}.ph-cards{display:flex;flex-direction:column;gap:1px}.ph-hole{display:inline-flex;align-items:center;gap:2px}.ph-hole-label{font-size:8px;opacity:.55;width:10px}.ph-card{display:inline-flex;align-items:baseline;padding:0 2px;background:#fafafa;border-radius:2px;font-family:var(--font-mono, monospace);font-size:9px;font-weight:700;line-height:1.2}.ph-card-suit{font-size:8px;margin-left:1px}.ph-red{color:#c63030}.ph-black{color:#1a1a1a}.poker-board .board-turn-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;color:#fff;padding:4px 12px;border-radius:10px;font-size:12px;pointer-events:none}.poker-rankings{display:flex;flex-direction:column;gap:6px;width:min(460px,95vw);max-height:62vh;overflow-y:auto;padding:4px}.poker-rank-row{display:flex;flex-direction:column;gap:4px;padding:6px 10px;border-radius:8px;background:color-mix(in srgb,currentColor 5%,transparent);border:1px solid color-mix(in srgb,currentColor 12%,transparent)}.poker-rank-head{display:flex;align-items:center;gap:8px}.poker-rank-no{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:#134d2e;color:#fafafa;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.poker-rank-name{font-weight:700;font-size:14px}.poker-rank-cards{display:flex;gap:4px}.poker-rank-cards .poker-card{width:28px;height:38px;border-radius:4px}.poker-rank-cards .poker-card-rank{font-size:11px}.poker-rank-cards .poker-card-suit{font-size:13px}.poker-rank-note{font-size:12px;opacity:.72}.janggi-intersection.tutorial-hint,.xq-cell.tutorial-hint,.twixt-hole.tutorial-hint{border-radius:50%;box-shadow:0 0 0 3px #f3b400;animation:tutorial-hint-pulse-soft 1.6s ease-in-out infinite;z-index:5}@keyframes tutorial-hint-pulse-soft{0%,to{box-shadow:0 0 0 3px #f3b400}50%{box-shadow:0 0 0 3px #f3b40073,0 0 7px 2px #f3b4008c}}