: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}}.rf-account{position:relative;display:inline-flex;align-items:center;font:14px var(--rf-font);color:var(--rf-text)}.rf-avatar-btn{display:inline-flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;min-height:var(--rf-target-min);border:1px solid var(--rf-border);border-radius:999px;background:var(--rf-surface);color:var(--rf-text);font:600 14px var(--rf-font);cursor:pointer}.rf-avatar-btn:hover{border-color:var(--rf-muted)}.rf-avatar-btn .rf-icon{color:var(--rf-muted)}.rf-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--rf-border);color:var(--rf-text);font:700 15px var(--rf-font)}.rf-avatar-btn.is-member .rf-avatar{background:var(--rf-primary);color:var(--rf-on-primary)}.rf-avatar.big{width:44px;height:44px;font-size:20px}.rf-avatar-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rf-badge{position:absolute;top:-2px;left:22px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#f35448;color:#fff;font:700 11px var(--rf-font);display:grid;place-items:center}.rf-badge.is-inline{position:static;margin-left:auto;background:var(--rf-primary);color:var(--rf-on-primary)}.rf-avatar-btn{position:relative}.rf-avatar-badge{padding:2px 8px;border-radius:999px;background:var(--rf-bg);color:var(--rf-primary);font:700 12px var(--rf-mono)}.rf-dropdown-detail{display:flex;flex-direction:column;gap:8px;padding:10px 10px 12px;border-bottom:1px solid var(--rf-border);margin-bottom:6px}.rf-rating{display:flex;align-items:baseline;gap:8px}.rf-rating b{font:700 28px var(--rf-mono);color:var(--rf-primary);line-height:1}.rf-rating span,.rf-record{color:var(--rf-muted);font-size:13px}.rf-conn{display:flex;align-items:center;gap:6px;color:var(--rf-muted);font-size:13px}.rf-conn i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--rf-muted)}.rf-conn.good i{background:#7ed957}.rf-conn.fair i{background:#e8c15a}.rf-conn.poor i{background:#f35448}.rf-conn.off i{background:#6b6f66}.rf-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:40;min-width:260px;padding:6px;background:var(--rf-surface);border:1px solid var(--rf-border);border-radius:var(--rf-radius-card);box-shadow:0 16px 40px #00000080;text-align:left}.rf-dropdown-head{display:flex;gap:12px;align-items:center;padding:10px 10px 12px;border-bottom:1px solid var(--rf-border);margin-bottom:6px}.rf-dropdown-head>div{display:flex;flex-direction:column;gap:2px;min-width:0}.rf-dropdown-head b{font-weight:700;overflow:hidden;text-overflow:ellipsis}.rf-dropdown-head small{color:var(--rf-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis}.rf-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 10px;border:0;border-radius:var(--rf-radius-control);background:none;color:var(--rf-text);font:500 14px var(--rf-font);text-align:left;cursor:pointer}.rf-dropdown-item:hover,.rf-dropdown-item:focus-visible{background:var(--rf-bg)}.rf-dropdown-item .rf-icon{color:var(--rf-muted)}.rf-dropdown-item.is-danger,.rf-dropdown-item.is-danger .rf-icon{color:#f35448}@media(max-width:480px){.rf-avatar-name{display:none}}.rf-link{background:none;border:0;padding:0;color:var(--rf-primary);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.rf-account-form{display:flex;flex-direction:column;gap:12px;font:14px var(--rf-font)}.rf-account-form label{display:flex;flex-direction:column;gap:4px;text-align:left}.rf-account-form label>span{color:var(--rf-muted);font-size:13px}.rf-account-form small{color:var(--rf-muted);font-size:12px}.rf-account-form input{font:inherit;color:var(--rf-text);background:var(--rf-bg);border:1px solid var(--rf-border);border-radius:var(--rf-radius-control);padding:0 12px;min-height:var(--rf-target-min)}.rf-account-form input:focus-visible{outline:2px solid var(--rf-primary);outline-offset:2px}.rf-account-actions{display:flex;gap:10px;justify-content:flex-end}.rf-error{margin:0;color:#f35448;font-size:14px}.rf-dialog{box-sizing:border-box;width:min(420px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--rf-border);border-radius:var(--rf-radius-card);background:var(--rf-surface);color:var(--rf-text);font:15px/1.5 var(--rf-font);box-shadow:0 24px 80px #0008}.rf-dialog[open]{display:flex;flex-direction:column}.rf-dialog::backdrop{background:#0a0e0abf}.rf-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;flex:none;border-bottom:1px solid var(--rf-border)}.rf-dialog-head h2{margin:0;font-size:22px;line-height:1.3}.rf-dialog-head h2:focus{outline:none}.rf-dialog-close{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid var(--rf-border);border-radius:var(--rf-radius-control);background:transparent;color:inherit;font:26px var(--rf-font);cursor:pointer}.rf-dialog-body{padding:16px;min-height:0;overflow:auto;overscroll-behavior:contain}.rf-dialog-body>.row{margin-top:20px}.rf-account-form input{font-size:16px}.rf-dialog-back{display:none}.rf-dialog-head h2{overflow-wrap:anywhere;min-width:0}@media(max-width:600px),(max-width:900px)and (max-height:500px){.rf-dialog[data-mobile=sheet]{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-height:calc(100dvh - max(16px,env(safe-area-inset-top)));border-radius:22px 22px 0 0;border-bottom:0;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.rf-dialog[data-mobile=page]{position:fixed;inset:0;margin:0;width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;background:var(--rf-bg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.rf-dialog[data-mobile=page] .rf-dialog-head{padding:8px 12px;justify-content:flex-start}.rf-dialog[data-mobile=page] .rf-dialog-close{order:-1;background:var(--rf-surface)}.rf-dialog[data-mobile=page] .rf-dialog-back{display:inline}.rf-dialog[data-mobile=page] .rf-dialog-x{display:none}.rf-dialog[data-mobile=page] .rf-dialog-body{flex:1;padding:20px 16px}.rf-dialog[data-mobile=page] .rf-dialog-head h2{font-size:20px}.rf-account-dialog .rf-account-form{max-width:460px;margin:0 auto;gap:20px}.rf-dropdown{max-width:calc(100vw - 32px);min-width:min(280px,calc(100vw - 32px));max-height:72dvh;overflow:auto}.rf-dropdown-item{min-height:48px}}: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:flex-start;gap:18px;padding:max(16px,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 auto auto;align-content:center;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:max(0px,min(100cqw - 16px,100cqh - var(--game-space, 216px)));aspect-ratio:1;--board-padding: clamp(12px, 2cqw, 20px);padding:var(--board-padding);background:var(--board-frame);border:1px solid var(--board-rim);border-radius:10px;box-shadow:0 12px 40px #00000073}.moves{display:none}.actions{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}.actions .rf-btn{padding:4px 6px;min-height:56px;font-size:13px;flex-direction:column;gap:4px;line-height:1.2}.replay-actions{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}.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) 280px;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"board top" "board bottom";align-content:stretch;gap:8px 16px;padding:12px}.side.top{grid-area:top}.side.bottom{grid-area:bottom;justify-content:flex-start;overflow:auto;padding:2px}.board-frame{width:max(0px,min(100cqw - 320px,100cqh - 24px))}.moves{display:block;margin:0;padding:8px 10px;max-height:none;min-height:0;overflow:auto;order:3;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;min-height:44px;padding:8px 10px;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:var(--board-padding);right:var(--board-padding);bottom:0;height:var(--board-padding);align-items:center}.coords.ranks{top:var(--board-padding);bottom:var(--board-padding);left:0;width:var(--board-padding);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%;color:var(--gold);fill:currentColor;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{color:#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}.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:44px;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%}.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}.hub{height:100%;overflow:auto;display:flex;flex-direction:column;align-items:stretch;gap:12px;width:min(100%,540px);margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.hub-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px}.hub-brand{font-weight:700;font-size:20px;letter-spacing:.01em}.hub-tools{display:flex;align-items:center;gap:10px}.hub-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-bottom:1px solid var(--rf-border)}.hub-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 4px;color:var(--rf-muted);font:600 14px var(--rf-font);cursor:pointer}.hub-tabs button[aria-selected=true]{color:var(--rf-primary);border-bottom-color:var(--rf-primary)}.hub-body{display:flex;flex-direction:column;gap:10px}.hub-preview{width:min(100%,260px);margin:0 auto 4px;pointer-events:none}.hub-preview .board-frame{padding:3%;width:100%;box-shadow:0 8px 24px #0006}.hub-preview .coords{display:none}.hub-preview .sq{cursor:default}.hub-row{display:grid;grid-template-columns:minmax(80px,1fr) minmax(0,2fr);align-items:center;gap:12px}.hub-label{color:var(--rf-muted);font-size:15px}.hub-row select,.hub-input{width:100%;font:600 16px var(--rf-font);color:var(--rf-text);background:var(--rf-surface);border:1px solid var(--rf-border);border-radius:var(--rf-radius-control);padding:0 32px 0 14px;min-height:48px;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--rf-muted) 50%),linear-gradient(135deg,var(--rf-muted) 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 14px) 21px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.hub-input{background-image:none;padding:0 14px;font-weight:500}.hub-row select:focus-visible,.hub-input:focus-visible{outline:2px solid var(--rf-primary);outline-offset:2px}.hub-play{min-height:56px;border:0;border-radius:var(--rf-radius-control);background:var(--rf-primary);color:var(--rf-on-primary);font:700 20px var(--rf-font);cursor:pointer;margin-top:4px}.hub-play:disabled{opacity:.5;cursor:default}.hub-searching{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 14px;border:1px solid var(--rf-primary);border-radius:var(--rf-radius-control);color:var(--rf-primary);font-weight:600}.hub-stats{text-align:center;margin:0}.muted.small{font-size:13px}.hub-list{display:flex;flex-direction:column;border-top:1px solid var(--rf-border);margin-top:6px}.hub-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 6px 0 12px;background:none;border:0;border-bottom:1px solid var(--rf-border);color:var(--rf-text);font:600 15px var(--rf-font);text-align:left;text-decoration:none;cursor:pointer}.hub-item.is-primary{color:var(--rf-primary)}.hub-item.static{cursor:default}.hub-item .chev{color:var(--rf-muted);font-size:22px;padding-right:8px}.hub-join{display:flex;gap:8px;align-items:center;padding:8px 0 12px;border-bottom:1px solid var(--rf-border)}.hub-join .code{flex:1}.hub .table{margin-top:4px}.hub-brand{display:inline-flex;align-items:center;gap:8px}.hub-brand .rf-icon{color:var(--gold)}.hub-tabs button{display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px 9px;font-size:12px}.hub-tabs button .rf-icon{width:22px;height:22px}.hub-label{display:inline-flex;align-items:center;gap:8px}.hub-label .rf-icon{color:var(--rf-muted)}.hub-item>span:first-child{display:inline-flex;align-items:center;gap:10px}.hub-item>span:first-child .rf-icon{color:var(--rf-muted)}.hub-item.is-primary>span:first-child .rf-icon{color:var(--rf-primary)}.hub-item .chev{color:var(--rf-muted);margin-right:8px}.hub-play{display:inline-flex;align-items:center;justify-content:center;gap:10px}.hub-searching>span{display:inline-flex;align-items:center;gap:8px}.hub-carousel{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;grid-template-rows:auto auto;align-items:center;gap:6px 4px;margin-bottom:4px}.hub-carousel .hub-preview{grid-column:2;width:min(100%,250px);margin:0 auto}.hub-arrow{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:none;color:var(--rf-muted);cursor:pointer;border-radius:var(--rf-radius-control)}.hub-arrow:hover{color:var(--rf-text);background:var(--rf-surface)}.hub-theme-name{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:6px;font:600 14px var(--rf-font)}.hub-dots{display:flex;gap:0}.hub-dots button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}.hub-dots button:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--rf-border)}.hub-dots button[aria-pressed=true]:after{background:var(--rf-primary)}.table li .n{display:inline-flex;align-items:center;gap:4px}.table li .n .rf-icon{color:var(--gold)}.rf-btn.small .rf-icon{margin-right:4px}.actions .rf-btn{gap:4px}.hub-form{display:flex;flex-direction:column;gap:10px;min-width:0}@container (orientation: landscape) and (min-width: 600px){.hub{width:min(100%,880px);gap:16px;padding-top:max(16px,calc((100cqh - 480px)/2))}.hub-head{min-height:36px}.hub-tabs button{flex-direction:row;gap:8px;padding:6px 4px 8px;font-size:14px}.hub-play-grid{display:grid;grid-template-columns:minmax(200px,360px) minmax(0,1fr);gap:16px 24px;align-items:center}.hub-play-grid .hub-carousel{margin-top:4px}.hub-carousel .hub-preview{width:100%}.hub-row select,.hub-input{min-height:44px}.hub-play{min-height:50px;font-size:18px}.hub-list{margin-top:2px}.hub-item{min-height:46px}}.screen-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:2;width:min(100%,560px);display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;background:var(--rf-bg)}.screen>.stack,.screen>.prose{flex:none}.text .prose{overflow:visible}.settings-screen .screen-head{max-width:460px}.hub-start{position:sticky;bottom:-16px;z-index:2;background:var(--rf-bg);padding:6px 0 10px}.hub-play{width:100%}.hub-list-status{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 16px;text-align:center}.player-piece{width:24px;height:24px;object-fit:contain;flex:none}.status{font-weight:600}.bar.is-turn{box-shadow:inset 3px 0 var(--rf-primary)}.rf-btn:disabled{opacity:.45;cursor:not-allowed}.rf-btn.is-danger{color:#ff938a;border-color:#a4534d}.settings-dialog{width:min(520px,calc(100% - 24px))}.menu-dialog{width:min(360px,calc(100% - 24px))}.menu-dialog .stack{width:100%}.hc .piece .img{filter:drop-shadow(1px 0 0 white) drop-shadow(-1px 0 0 black)}.hc .board{background-image:none}.hc .board.has-image .sq.light{background:#e1e7d8}.hc .board.has-image .sq.dark{background:#1a2418}@container (orientation: portrait) and (max-height: 740px){.hub{gap:6px;padding-top:max(8px,env(safe-area-inset-top))}.hub-carousel .hub-preview{width:min(100%,20cqh)}.hub-carousel{margin:0;gap:0 4px}.hub-theme-name{gap:0}.hub-form{gap:6px}.hub-row select{min-height:44px}.hub-list{margin-top:0}.hub-item{min-height:44px}}@container (orientation: landscape) and (max-height: 480px){.hub{gap:8px;padding-top:8px}.hub-play-grid{align-items:start}.hub-carousel .hub-preview{width:min(100%,100cqh - 190px)}.hub-start{position:static;padding:0}.game .actions{gap:4px}.game .actions .rf-btn{font-size:13px}}@container (max-width: 420px){.table li{grid-template-columns:3.2em minmax(0,1fr) auto;gap:6px}.table li>.muted{grid-column:2 / -1;grid-row:2;font-size:12px}.table li>b{grid-column:3;grid-row:1}}.rf-page-player:has(.sh-root).is-playing .rf-player{padding-top:12px}.rf-page-player:has(.sh-root).is-playing .rf-back{margin-bottom:12px}.rf-page-player:has(.sh-root).is-playing .rf-title-row,.rf-page-player:has(.sh-root).is-playing .rf-tagline{display:none}.rf-page-player:has(.sh-root).is-playing .rf-player-grid{grid-template-columns:minmax(0,1fr)}.rf-page-player:has(.sh-root).is-playing .rf-side{grid-template-columns:1fr 1fr}.rf-page-player:has(.sh-root).is-playing .rf-frame{aspect-ratio:auto;height:max(360px,calc(100dvh - 240px))}@media(min-width:900px)and (max-width:1280px){.rf-page-player:has(.sh-root) .rf-player-grid{grid-template-columns:minmax(0,1fr)}.rf-page-player:has(.sh-root) .rf-side{grid-template-columns:1fr 1fr}}@media(max-width:899px),(max-height:560px){.rf-page-player:has(.sh-root).is-playing .rf-player{padding:0}.rf-page-player:has(.sh-root).is-playing .rf-frame{height:auto}}.game:has(.presence){--game-space: 264px}.bar:has(.presence){display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:4px 8px}.bar:has(.presence) .player-piece{grid-column:1;grid-row:1}.bar:has(.presence) .name{grid-column:2;grid-row:1}.bar:has(.presence) .clock{grid-column:3;grid-row:1}.bar:has(.presence) .presence{grid-column:2;grid-row:2}.bar:has(.presence) .taken{grid-column:3;grid-row:2;font-size:11px}.hub-tabs button{min-width:0}.hub-tabs button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.who.is-link,.name.is-link{background:none;border:0;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:var(--rf-border);text-underline-offset:3px}.who.is-link:hover,.name.is-link:hover{text-decoration-color:var(--rf-primary)}.bar .name.is-link{display:inline-flex;align-items:baseline;gap:4px;overflow:hidden}.friends{display:flex;flex-direction:column;gap:14px;text-align:left}.friends section{display:flex;flex-direction:column;gap:6px}.friends h3{margin:0;font-size:13px;font-weight:600;color:var(--rf-muted);text-transform:uppercase;letter-spacing:.05em}.search-row{grid-template-columns:minmax(0,1fr);gap:6px}.people{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.people li{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--rf-border)}.person{display:flex;align-items:center;gap:10px;flex:1;min-width:0;background:none;border:0;padding:0;color:var(--rf-text);font:inherit;text-align:left;cursor:pointer}.person .rf-avatar{width:34px;height:34px;font-size:14px;flex:none}.people li.is-online .rf-avatar{box-shadow:0 0 0 2px var(--rf-bg),0 0 0 4px #7ed957}.person-name{display:flex;flex-direction:column;min-width:0;font-weight:600}.person-name small{font-weight:400;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-actions{display:flex;gap:6px;flex:none;align-items:center}.rf-btn.small{min-height:34px;padding:0 10px;font-size:13px}.profile-dialog{width:min(440px,calc(100% - 24px))}.profile{display:flex;flex-direction:column;gap:16px;text-align:left}.profile-head{display:flex;align-items:center;gap:12px}.profile-head>div{display:flex;flex-direction:column;min-width:0}.profile-head b{font-size:20px}.profile-head small{color:var(--rf-muted);font-size:12px}.profile-head small.is-online{color:#7ed957}.profile-stats{display:flex;flex-direction:column;gap:4px}.profile-stats .muted{margin:0;font-size:13px}.profile-h2h h3{margin:0 0 6px;font-size:13px;font-weight:600;color:var(--rf-muted);text-transform:uppercase;letter-spacing:.05em}.h2h-line{display:flex;align-items:center;gap:6px;margin:0}.h2h-line span{min-width:34px;padding:4px 8px;border-radius:var(--rf-radius-control);font:700 16px var(--rf-mono);text-align:center}.h2h-line .win{background:#2c4326;color:#b7ea89}.h2h-line .draw{background:var(--rf-surface);color:var(--rf-muted);border:1px solid var(--rf-border)}.h2h-line .loss{background:#4a2420;color:#ffab9f}.h2h-line small{margin-left:4px}.profile-actions{display:flex;flex-wrap:wrap;gap:8px}.profile-actions .rf-btn{flex:1 1 auto}.profile-actions .rf-btn.is-danger{flex:0 0 auto;padding:0 14px}.chart{margin:0;display:flex;flex-direction:column;gap:4px}.chart figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:var(--rf-muted);font-size:13px}.chart-change{font:700 14px var(--rf-mono);color:var(--rf-muted)}.chart-change.up{color:var(--rf-primary)}.chart-change.down{color:#ff938a}.chart-plot{position:relative}.chart svg{display:block;width:100%;height:96px;overflow:visible}.chart-line{fill:none;stroke:var(--rf-primary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-base{stroke:var(--rf-border);stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.chart-cross{stroke:var(--rf-muted);stroke-width:1;opacity:.5;vector-effect:non-scaling-stroke}.chart-dot{fill:var(--rf-primary);stroke:var(--rf-surface);stroke-width:2;vector-effect:non-scaling-stroke}.chart-tip{position:absolute;top:-6px;transform:translate(-50%);padding:3px 8px;border-radius:var(--rf-radius-control);background:var(--rf-bg);border:1px solid var(--rf-border);color:var(--rf-text);font:12px var(--rf-mono);white-space:nowrap;pointer-events:none}.chart-ends{display:flex;justify-content:space-between;color:var(--rf-muted);font:11px var(--rf-mono)}.toast.is-fixed{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:60;pointer-events:auto;cursor:pointer}.sh-app{height:100%;display:flex;flex-direction:column;min-width:0}.sh-content{flex:1;min-height:0;position:relative;container-type:size}.challenge-notice{flex:none;display:flex;align-items:center;gap:12px;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));background:var(--rf-surface);border-bottom:1px solid var(--rf-border)}.challenge-notice.is-incoming{border-bottom-color:var(--rf-primary)}.challenge-notice-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px;font-size:13px}.challenge-notice-copy strong{overflow-wrap:anywhere}.challenge-notice-copy>span{color:var(--rf-muted)}.challenge-notice-actions{display:flex;gap:8px;flex:none}.challenge-notice-actions .rf-btn{min-height:44px}.challenge-form{width:100%}.challenge-form .row{justify-content:stretch}.challenge-form .row .rf-btn{flex:1}.hub{overflow:hidden;padding-top:max(8px,env(safe-area-inset-top))}.hub-head,.hub-tabs{flex:none}.hub-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px 4px 16px;margin:0 -4px}.hub-start{bottom:-16px}.people .person{min-height:48px}.person-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-actions .rf-btn{min-height:44px}.list-feedback{display:flex;align-items:center;justify-content:space-between;gap:8px}.profile{max-width:520px;margin:0 auto}.profile-head b{overflow-wrap:anywhere}.profile-manage{border-top:1px solid var(--rf-border);padding-top:8px}.profile-manage summary{padding:14px 0;cursor:pointer;color:var(--rf-muted)}.profile-confirm{border:1px solid var(--rf-border);border-radius:var(--rf-radius-control);padding:12px;display:flex;flex-direction:column;gap:12px}.profile-confirm p{margin:0}.profile-confirm .row .rf-btn{flex:1}.chart-tip{left:clamp(64px,var(--tip-x),calc(100% - 64px))}@container (max-width: 600px){.hub{gap:8px;padding-bottom:env(safe-area-inset-bottom)}.hub-tabs{order:3;border-bottom:0;border-top:1px solid var(--rf-border);margin:0 -16px;padding:4px 8px;background:var(--rf-bg)}.hub-tabs button{min-height:52px;font-size:11px}.hub-tabs button[aria-selected=true]{border-bottom-color:transparent;border-radius:var(--rf-radius-control);background:var(--rf-surface)}.people li{flex-wrap:wrap;gap:8px;padding:12px 0}.people .person{flex-basis:100%}.person-actions{width:100%;padding-left:44px;flex-wrap:wrap}.person-actions .rf-btn{flex:1}.hub-carousel .hub-preview{width:min(100%,20cqh)}.hub-theme-name{gap:0}}@media(max-width:600px){.challenge-notice{flex-wrap:wrap;gap:8px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:8px}.challenge-notice-actions{width:100%}.challenge-notice-actions .rf-btn{flex:1}.profile-actions .rf-btn{min-height:48px}.settings-panel .stack{margin:0 auto}.toast.is-fixed{bottom:max(76px,env(safe-area-inset-bottom));max-width:calc(100vw - 32px)}}.hub-tabs button{justify-content:center;text-align:center}.hub-content{touch-action:pan-y}.hub-tab-panel{min-width:0}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-bottom:8px}.list-heading h2{font-size:20px;margin:0}.list-heading>span{font-size:12px;color:var(--rf-muted);text-align:right}.list-heading .your-rank{color:var(--rf-primary)}.ranking-list,.history-list{list-style:none;margin:0;padding:0}.ranking-list li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--rf-border);border-radius:8px}.ranking-list li.is-me{background:color-mix(in srgb,var(--rf-primary) 8%,var(--rf-bg));box-shadow:inset 3px 0 var(--rf-primary)}.rank-number{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--rf-muted);font:600 14px var(--rf-mono)}.rank-number.podium{color:var(--gold)}.ranking-player{min-width:0}.list-player-link,.list-player-name{display:block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 15px var(--rf-font);text-align:left;color:var(--rf-text)}.list-player-link{min-height:44px;padding:0;border:0;background:none;cursor:pointer}.list-player-link:hover{color:var(--rf-primary)}.list-player-name{padding:8px 0}.record-chips{display:flex;flex-wrap:wrap;gap:8px;color:var(--rf-muted);font:12px var(--rf-mono)}.record-chips .win{color:var(--rf-primary)}.record-chips .loss{color:#ffab9f}.ranking-rating{display:flex;flex-direction:column;align-items:flex-end;font-family:var(--rf-mono)}.ranking-rating b{font-size:18px}.ranking-rating small{color:var(--rf-muted);font:10px var(--rf-font)}.history-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:12px}.history-filters button{min-height:44px;padding:4px;border:1px solid var(--rf-border);border-radius:8px;background:var(--rf-surface);color:var(--rf-muted);font-size:12px}.history-filters button[aria-pressed=true]{background:var(--rf-primary);color:var(--rf-on-primary);border-color:var(--rf-primary)}.history-list{display:flex;flex-direction:column;gap:10px}.history-list li{padding:8px 12px 12px;background:var(--rf-surface);border:1px solid var(--rf-border);border-radius:12px}.match-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.match-main .list-player-link,.match-main .list-player-name{flex:1}.rating-delta{font:700 16px var(--rf-mono);color:var(--rf-muted);flex:none}.rating-delta.positive{color:var(--rf-primary)}.rating-delta.negative{color:#ffab9f}.match-result{display:flex;gap:8px;align-items:baseline;font-size:12px;color:var(--rf-muted)}.result-label{font-weight:600;flex:none}.is-win .result-label{color:var(--rf-primary)}.is-loss .result-label{color:#ffab9f}.match-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.match-footer time{font-size:12px;color:var(--rf-muted)}.match-footer .rf-btn{min-height:44px;font-size:12px;padding:0 12px}@container (orientation: landscape) and (min-width: 900px){.history-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}