:root{color-scheme:dark;--rf-bg: #111410;--rf-surface: #1b2019;--rf-border: #343d2f;--rf-text: #f2f4ea;--rf-muted: #b0b9a7;--rf-primary: #c4f279;--rf-on-primary: #111410;--rf-bounce: #f35448;--rf-lcd: #aec783;--rf-lcd-ink: #263c22;--rf-font: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;--rf-mono: Consolas, "SFMono-Regular", Menlo, "Liberation Mono", monospace;--rf-space-1: 4px;--rf-space-2: 8px;--rf-space-3: 12px;--rf-space-4: 16px;--rf-space-5: 24px;--rf-space-6: 32px;--rf-space-7: 48px;--rf-space-8: 64px;--rf-radius-control: 10px;--rf-radius-card: 16px;--rf-radius-feature: 24px;--rf-page-max: 1312px;--rf-page-gutter: clamp(20px, 4.45vw, 64px);--rf-display: clamp(44px, 6vw, 86px);--rf-heading: clamp(28px, 3vw, 44px);--rf-body: 16px;--rf-label: 12px;--rf-target-min: 44px;--rf-motion-fast: .14s;--rf-motion-normal: .22s}@media(prefers-reduced-motion:reduce){:root{--rf-motion-fast: 0ms;--rf-motion-normal: 0ms}}.rf-page{min-height:100%;background:var(--rf-bg);color:var(--rf-text);font:var(--rf-body) / 1.5 var(--rf-font)}.rf-page *,.rf-page *:before,.rf-page *:after{box-sizing:border-box}.rf-page a{color:var(--rf-primary)}.rf-page :focus-visible{outline:2px solid var(--rf-primary);outline-offset:4px;border-radius:4px}.rf-wrap{max-width:calc(var(--rf-page-max) + 2 * var(--rf-page-gutter));margin:0 auto;padding-inline:var(--rf-page-gutter)}.rf-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;height:88px;border-bottom:1px solid var(--rf-border)}.rf-logo{display:inline-flex;align-items:center;text-decoration:none}.rf-logo-svg{display:block}.rf-logo-svg svg{display:block;height:40px;width:auto}.rf-logo-svg .brand-ink,.rf-brand-ink{fill:var(--rf-primary)}.rf-logo-svg .brand-dot,.rf-brand-dot{fill:var(--rf-bounce)}.rf-logo-svg .brand-type{fill:var(--rf-text)}.rf-logo-svg .brand-suffix{fill:var(--rf-muted)}.rf-icon{display:inline-block;flex:none;vertical-align:-.15em}.rf-nav-links{display:flex;gap:28px;flex:1;justify-content:center}.rf-nav-links a{color:var(--rf-muted);text-decoration:none;font-weight:600;font-size:15px}.rf-nav-links a[aria-current=page]{color:var(--rf-primary)}.rf-lang{display:inline-flex;align-items:center;gap:6px;font:500 var(--rf-label) var(--rf-mono);color:var(--rf-muted);letter-spacing:.08em}.rf-lang-short{display:none}@media(max-width:639px){.rf-nav{height:72px}.rf-nav .rf-logo-svg svg{height:32px}.rf-nav-links,.rf-lang-long{display:none}.rf-lang-short{display:inline}}.rf-player{padding-block:32px 64px}.rf-back{display:inline-flex;align-items:center;gap:6px;color:var(--rf-muted);text-decoration:none;font-size:15px;margin-bottom:24px}.rf-back:hover{color:var(--rf-text)}.rf-title-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 6px}.rf-title-row h1{font-size:var(--rf-heading);line-height:1.1;margin:0;letter-spacing:-.01em}.rf-tagline{color:var(--rf-muted);margin:0 0 32px;font-size:17px}.rf-pill{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:15px;border:1px solid var(--rf-border);background:var(--rf-surface);color:var(--rf-muted);font:500 var(--rf-label) var(--rf-mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap}.rf-pill.is-ready{background:var(--rf-primary);border-color:var(--rf-primary);color:var(--rf-on-primary);font-weight:600}.rf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--rf-target-min);padding:0 18px;border-radius:var(--rf-radius-control);border:1px solid var(--rf-border);background:var(--rf-surface);color:var(--rf-text);font:600 15px var(--rf-font);cursor:pointer;text-decoration:none;transition:border-color var(--rf-motion-fast),background var(--rf-motion-fast)}.rf-btn:hover{border-color:var(--rf-muted)}.rf-btn[aria-pressed=true]{border-color:var(--rf-primary);color:var(--rf-primary)}.rf-btn.is-primary{background:var(--rf-primary);border-color:var(--rf-primary);color:var(--rf-on-primary)}.rf-player-grid{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:24px;align-items:start}.rf-stage{background:var(--rf-surface);border:1px solid var(--rf-border);border-radius:var(--rf-radius-card);padding:20px}.rf-frame{position:relative;aspect-ratio:16 / 10;max-width:100%;max-height:calc(100dvh - 160px);background:#000;border-radius:12px;overflow:hidden}.rf-frame:fullscreen{aspect-ratio:auto;width:100vw;height:100vh;max-height:none;border-radius:0}.rf-game-host{position:absolute;inset:0;overflow:hidden}.rf-stage-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px}.rf-keys{font:400 13px var(--rf-mono);color:var(--rf-muted);letter-spacing:.04em}.rf-keys b{color:var(--rf-text);font-weight:500}.rf-actions{display:flex;gap:10px;flex-wrap:wrap}.rf-side{display:grid;gap:24px}.rf-card{background:var(--rf-surface);border:1px solid var(--rf-border);border-radius:var(--rf-radius-card);padding:24px}.rf-eyebrow{font:500 var(--rf-label) var(--rf-mono);color:var(--rf-primary);letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px}.rf-card h2{font-size:24px;line-height:1.25;margin:0 0 12px;letter-spacing:-.01em;text-wrap:balance}.rf-muted{color:var(--rf-muted);margin:0;font-size:14px}.rf-card .rf-btn{width:100%;margin-top:8px}.rf-card .rf-btn+.rf-muted,.rf-card .rf-install+.rf-muted{margin-top:14px}.rf-install{display:grid;gap:8px}.rf-install-hint{font-size:13px;color:var(--rf-muted);line-height:1.45}.rf-side h3{font-size:20px;margin:0 0 12px}.rf-controls{margin:0;display:grid;grid-template-columns:auto 1fr;gap:12px 20px;align-items:baseline}.rf-controls dt{font:500 14px var(--rf-mono);color:var(--rf-primary);letter-spacing:.04em}.rf-controls dd{margin:0;color:var(--rf-muted)}.rf-related{margin-top:56px;padding-top:40px;border-top:1px solid var(--rf-border)}.rf-related h2{font-size:24px;margin:0 0 20px;letter-spacing:-.01em}.rf-related-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.rf-related-item{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;align-items:center}.rf-related-item img{width:200px;max-width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:12px;display:block;background:var(--rf-surface)}.rf-related-item.is-soon img{filter:saturate(.6) brightness(.8)}.rf-related-item .rf-name{font-size:20px;font-weight:600;margin:0 0 6px}.rf-related-item a.rf-name{color:var(--rf-text);text-decoration:none}.rf-related-item .rf-muted{font-size:14px}.rf-footer{border-top:1px solid var(--rf-border);padding:28px 0 40px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 32px;justify-content:space-between;color:var(--rf-muted);font-size:14px}.rf-footer .rf-logo-svg svg{height:30px}.rf-footer .rf-mono{font:400 var(--rf-label) var(--rf-mono);letter-spacing:.06em}.rf-footer a{color:var(--rf-muted)}.rf-footer a:hover{color:var(--rf-text)}@media(max-width:1100px){.rf-player-grid{grid-template-columns:minmax(0,1fr)}.rf-side{grid-template-columns:1fr 1fr;align-items:start}}@media(max-width:899px),(max-height:560px){.rf-page-player>:not(.rf-player),.rf-player>:not(.rf-player-grid),.rf-player-grid>:not(.rf-stage),.rf-stage>:not(.rf-frame){display:none}.rf-player,.rf-stage{padding:0;border:0;background:none}.rf-frame{position:fixed;inset:0;aspect-ratio:auto;border-radius:0;max-width:none;max-height:none}}:root{--board-light: #aec783;--board-dark: #2a3a24;--board-frame: #111410;--board-rim: #c9a652;--board-coords: #8f9a86;--lime: #c4f279;--lime-rim: #638d33;--coral: #f35448;--coral-rim: #7a1408;--gold: #e8c15a;--highlight: #c4f279;--last-move: #f3544880;--capture: #f35448;--hint: #f2b705;--board-image: none;--step: .22s}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}#root{position:relative}body{background:var(--rf-bg);color:var(--rf-text);font-family:var(--rf-font);-webkit-text-size-adjust:100%;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--rf-primary);outline-offset:4px}.sh-root{position:absolute;inset:0;overflow:hidden;container-type:size;background:var(--rf-bg);color:var(--rf-text)}.screen{height:100%;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));text-align:center}.screen h2{margin:0;font-size:clamp(22px,4cqw,32px)}.logo{margin:0;width:min(72cqw,360px)}.logo svg{width:100%;height:auto;display:block}.stack{display:flex;flex-direction:column;gap:10px;width:min(100%,320px)}.stack.wide{width:min(100%,460px)}.stack>.rf-btn{width:100%}.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.muted{color:var(--rf-muted);margin:0;font-size:14px;max-width:420px}.platform-link{color:var(--rf-muted);font-size:13px;text-decoration:none}.platform-link:hover{color:var(--rf-primary)}.choice{border:1px solid var(--rf-border);border-radius:var(--rf-radius-card);padding:12px;margin:0;text-align:left}.choice legend{padding:0 6px;color:var(--rf-muted);font-size:13px}.choice-row{display:flex;gap:8px;flex-wrap:wrap}.choice-row .rf-btn[aria-checked=true]{border-color:var(--rf-primary);color:var(--rf-primary)}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:6px 0;border-bottom:1px solid var(--rf-border)}.text .prose{max-width:560px;text-align:left;font-size:15px;line-height:1.55;overflow:auto}.text .prose p{margin:0 0 12px}.game{height:100%;display:grid;gap:8px;padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"top" "board" "bottom"}.side.top{grid-area:top}.side.bottom{grid-area:bottom;display:flex;flex-direction:column;gap:8px;min-height:0}.board-wrap{grid-area:board;position:relative;display:flex;align-items:center;justify-content:center;min-height:0;min-width:0}.board-frame{position:relative;width:min(100cqw - 16px,100cqh - 200px);aspect-ratio:1;padding:4.5%;background:var(--board-frame);border:1px solid var(--board-rim);border-radius:10px;box-shadow:0 12px 40px #00000073}.moves{display:none}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.actions .rf-btn{padding:0 12px;min-height:40px;font-size:14px}.actions .counter{align-self:center;font:14px var(--rf-mono);color:var(--rf-muted);min-width:64px;text-align:center}.setting.column{flex-direction:column;align-items:stretch}.themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.theme-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border:1px solid var(--rf-border);border-radius:var(--rf-radius-control);background:var(--rf-surface);font-size:13px}.theme-card img{width:100%;height:auto;border-radius:6px}.theme-card[aria-checked=true]{border-color:var(--rf-primary);color:var(--rf-primary);box-shadow:0 0 0 1px var(--rf-primary)}@container (orientation: landscape) and (min-width: 640px){.game{grid-template-columns:minmax(0,1fr) minmax(200px,280px);grid-template-rows:1fr auto 1fr;grid-template-areas:"board ." "board top" "board bottom";gap:8px 16px;padding:12px}.side.top{grid-area:top}.side.bottom{grid-area:bottom;justify-content:flex-start}.board-frame{width:min(100cqw - 320px,100cqh - 24px)}.moves{display:block;margin:0;padding:8px 10px;max-height:30cqh;overflow:auto;font:13px/1.6 var(--rf-mono);color:var(--rf-muted);background:var(--rf-surface);border:1px solid var(--rf-border);border-radius:var(--rf-radius-control);columns:2}.moves li{break-inside:avoid}.moves button{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}.moves li.is-current button{color:var(--rf-primary);font-weight:600}}.bar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--rf-radius-control);background:var(--rf-surface);border:1px solid var(--rf-border);font-size:14px}.bar.is-turn{border-color:var(--rf-primary)}.bar .chip{width:16px;height:16px;border-radius:50%;border:2px solid}.bar.lime .chip{background:var(--lime);border-color:var(--lime-rim)}.bar.coral .chip{background:var(--coral);border-color:var(--coral-rim)}.bar .name{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar .taken{margin-left:auto;color:var(--rf-muted);font:13px var(--rf-mono);white-space:nowrap}.status{margin:0;text-align:center;color:var(--rf-muted);font-size:14px;min-height:1.4em}.board{position:relative;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);aspect-ratio:1;border:1px solid var(--board-rim);background:var(--board-image) center / 100% 100% no-repeat,var(--board-dark)}.sq{position:relative;padding:0;border:0;margin:0;background:var(--board-light)}.sq.dark{background:var(--board-dark);cursor:pointer}.board.has-image .sq{background:transparent}.sq.dark:disabled{cursor:default}.sq.is-last{box-shadow:inset 0 0 0 100vmax var(--last-move)}.sq.is-movable:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 2px #c4f27959}.sq.is-selected{box-shadow:inset 0 0 0 3px var(--highlight)}.sq.is-target{box-shadow:inset 0 0 0 100vmax #c4f27947}.sq.is-hint{box-shadow:inset 0 0 0 3px var(--hint)}.sq .dot{position:absolute;left:50%;top:50%;width:22%;height:22%;transform:translate(-50%,-50%);border-radius:50%;background:var(--highlight);opacity:.8}.sq:focus-visible{outline:3px solid var(--rf-primary);outline-offset:-3px;z-index:1}.coords{position:absolute;display:flex;justify-content:space-around;color:var(--board-coords);font:600 clamp(8px,1.6cqmin,12px) var(--rf-mono);pointer-events:none}.coords.files{left:4.5%;right:4.5%;bottom:.6%}.coords.ranks{top:4.5%;bottom:4.5%;left:1.2%;flex-direction:column;align-items:center}.pieces{position:absolute;inset:0;pointer-events:none}.piece{position:absolute;left:0;top:0;width:12.5%;height:12.5%;display:flex;align-items:center;justify-content:center;transition:transform var(--step) ease-in-out,opacity .26s ease-out}.piece .disc{width:78%;height:78%;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid;box-shadow:0 3px #00000059,inset 0 0 0 4px #ffffff2e}.piece.lime .disc{background:var(--lime);border-color:var(--lime-rim)}.piece.coral .disc{background:var(--coral);border-color:var(--coral-rim)}.piece.king .disc{border-color:var(--gold);box-shadow:0 3px #00000059,inset 0 0 0 4px #e8c15a80}.piece .crown{width:55%;height:55%;fill:var(--gold);filter:drop-shadow(0 1px 0 rgba(0,0,0,.4))}.piece .img{width:84%;height:84%;display:block;filter:drop-shadow(0 2px 1px rgba(0,0,0,.35))}.piece.pixel .img{image-rendering:pixelated;filter:none}.piece.dying{opacity:0}.piece.dying .img,.piece.dying .disc{transform:scale(.7);transition:transform .26s ease-out}.hc .piece .disc{border-width:5px}.hc .piece .crown{fill:#111410}.hc .sq.dark{background:#1a2418}@media(prefers-reduced-motion:reduce){.piece{transition:none}}.toast{position:absolute;left:50%;bottom:8%;transform:translate(-50%);padding:8px 14px;border-radius:999px;background:var(--rf-surface);border:1px solid var(--rf-primary);color:var(--rf-primary);font-size:14px;pointer-events:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#11141099}.overlay .card{background:var(--rf-surface);border:1px solid var(--rf-border);border-radius:var(--rf-radius-card);padding:24px;text-align:center;max-width:320px}.overlay h2{margin:0 0 6px}.lobby .stack.wide{width:min(100%,520px)}.lobby .card-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;text-align:left}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--rf-muted);flex:1 1 200px}.field input,.code{font:inherit;color:var(--rf-text);background:var(--rf-surface);border:1px solid var(--rf-border);border-radius:var(--rf-radius-control);padding:0 12px;min-height:var(--rf-target-min)}.field input:focus-visible,.code:focus-visible{outline:2px solid var(--rf-primary);outline-offset:2px}.code{font-family:var(--rf-mono);letter-spacing:.2em;text-transform:uppercase;width:9em;text-align:center}.profile{display:flex;flex-direction:column;gap:2px;font-size:14px}.profile .rating b{color:var(--rf-primary)}.choice p.muted{margin:0 0 8px}.choice .choice-row+.choice-row,.choice .choice-row+.row,.choice .choice-row+.rf-btn{margin-top:8px}.row.between{justify-content:space-between}.error{color:var(--coral);margin:0;font-size:14px}.bar .clock{font:600 16px var(--rf-mono);min-width:3.4em;text-align:right}.bar .clock.low{color:var(--coral)}.bar .offline{color:var(--hint)}.code-big{font:700 32px var(--rf-mono);letter-spacing:.25em;margin:4px 0 12px;color:var(--rf-primary)}.phrases{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.phrases .rf-btn{min-height:34px;padding:0 10px;font-size:13px;font-weight:500}.ping{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--rf-muted);margin-right:6px;vertical-align:middle}.ping.good{background:#7ed957}.ping.fair{background:#e8c15a}.ping.poor{background:var(--coral)}.ping.off{background:#6b6f66}.ping.unknown{background:var(--rf-muted)}.presence{display:inline-flex;align-items:center;font:12px var(--rf-mono);color:var(--rf-muted);white-space:nowrap}.presence .ping{margin-right:4px}.presence.off .ms{color:var(--coral)}.conn{display:flex;align-items:center;justify-content:center;gap:4px}.tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.tabs .rf-btn[aria-selected=true]{border-color:var(--rf-primary);color:var(--rf-primary)}.table{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;width:100%;text-align:left}.table li{display:grid;grid-template-columns:3.2em 1fr auto auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--rf-border);border-radius:var(--rf-radius-control);background:var(--rf-surface);font-size:14px}.table li .n{color:var(--rf-muted);font:12px var(--rf-mono)}.table li .who{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table li.is-me{border-color:var(--rf-primary)}.table li.is-win b{color:var(--lime)}.table li.is-loss b{color:var(--coral)}.table li .rf-btn.small{min-height:30px;padding:0 10px;font-size:12px;grid-column:2 / -1;justify-self:start}.rf-btn.icon{padding:0 10px;font-size:18px}.settings-panel{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.settings-panel h2{margin:0;font-size:22px}.settings-panel .stack.wide{width:100%}.settings-card{max-width:min(92%,520px);max-height:90%;overflow:auto;text-align:left}.update-banner{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:5;display:flex;gap:10px;align-items:center;padding:8px 12px;border-radius:999px;background:var(--rf-surface);border:1px solid var(--rf-primary);font-size:14px}.update-banner .rf-btn{min-height:32px;padding:0 12px;font-size:13px}