@font-face{font-family:"Source Serif 4";src:url(/source-serif.otf) format("opentype");font-style:normal;font-weight:700;font-display:swap}/*! Flag artwork by Twitter and other Twemoji contributors (https://github.com/twitter/twemoji). * CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). * Subset font by TalkJS (https://github.com/talkjs/country-flag-emoji-polyfill). */@font-face{font-family:Twemoji Country Flags;src:url(/play/assets/TwemojiCountryFlags-Bymva2JV.woff2) format("woff2");unicode-range:U+1F1E6-1F1FF;font-display:swap}:root{color-scheme:dark;--background: #14110e;--backdrop: #0e0c0a;--surface: #1f1a14;--raised: #2a241b;--overlay: #342c21;--text: #f6efe0;--muted: #cbbfa9;--quiet: #a89c86;--brass: #d6ab5c;--line: #6a5a44;--danger: #e9806a;--display-font: "Source Serif 4", Georgia, serif;--body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--control-radius: 10px;--panel-radius: 14px;--control-height: 3rem;--page-inset: 16px;font:100%/1.45 var(--body-font);color:var(--text);background:var(--background);accent-color:var(--brass)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse 850px 750px at top,var(--raised),transparent)}:where(h1,h2,h3,p,figure){margin:0}:where(h1,h2,h3){font-family:var(--display-font);line-height:1.15}h1{font-size:1.875rem}h2{font-size:1.375rem}h3{font-size:1.125rem}:where(p,small,legend,figcaption){color:var(--muted)}a{color:var(--brass);text-underline-offset:.18em}:where(button,input,select,textarea){font:inherit;color:inherit}:where(button){padding:0;border:0;background:transparent;cursor:pointer}:where(button:disabled,input:disabled,select:disabled,textarea:disabled){cursor:default;opacity:.42}:where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--brass);outline-offset:3px}:where(img,svg){max-width:100%}:where(hr,.divider){width:100%;height:1px;margin:0;border:0;background:#6a5a448c}.shell{width:min(100%,1280px);margin-inline:auto;padding:var(--page-inset);min-height:100vh;min-height:100dvh}.stack{display:flex;flex-direction:column;gap:12px;min-width:0}.row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.eyebrow{color:var(--brass);font-size:.6875rem;font-weight:600;letter-spacing:.118em;text-transform:uppercase}.panel,.card{min-width:0;padding:16px;border:1px solid var(--line);border-radius:var(--panel-radius);background:var(--surface)}.card{border-radius:12px}.panel.accent,.card.accent{border-color:#d6ab5ca6}:where(button.card,a.card){color:var(--text);text-align:start;text-decoration:none}:where(button.card,a.card):active{background:var(--raised)}.button{display:inline-flex;min-height:var(--control-height);align-items:center;justify-content:center;gap:8px;padding:8px 15px;border:1px solid var(--line);border-radius:var(--control-radius);background:var(--raised);color:var(--text);font-size:.875rem;font-weight:600;line-height:1.25;text-align:center;text-decoration:none}.button.primary{background:var(--brass);color:var(--background)}.button.quiet{border-color:transparent;background:transparent;color:var(--muted)}.button:active:not(:disabled){opacity:.8}.button.full{width:100%}.notice{padding:12px 14px;border:1px solid var(--line);border-radius:var(--control-radius);background:var(--raised);color:var(--text)}.notice.error,.notice[role=alert]{border-color:var(--danger);color:var(--danger)}:where(.field){display:grid;min-width:0;gap:6px;color:var(--muted);font-size:.875rem;font-weight:600}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=hidden]),select,textarea){width:100%;min-width:0;min-height:var(--control-height);padding:8px 14px;border:1px solid var(--line);border-radius:var(--control-radius);background:#0e0c0a8c;color:var(--text);font-size:1rem;font-weight:400}:where(input,select,textarea):focus-visible{border-color:var(--brass)}.country-select{font-family:"Twemoji Country Flags",var(--body-font)}:where(input,textarea)::placeholder{color:var(--quiet)}:where(input[type=checkbox],input[type=radio]){width:1.15rem;height:1.15rem;flex:none;margin:0}:where(textarea){min-height:6rem;resize:vertical}:where(dialog){width:min(calc(100% - 32px),920px);max-height:calc(100% - 32px);padding:22px var(--page-inset);overflow:auto;border:1px solid var(--line);border-radius:var(--panel-radius);background:var(--background);color:var(--text)}:where(dialog)::backdrop{background:#0e0c0ac2}.lobby{display:grid;grid-template-columns:minmax(0,560px);justify-content:center;align-items:center;gap:28px;min-height:calc(100vh - 2 * var(--page-inset));min-height:calc(100dvh - 2 * var(--page-inset))}.lobby-menu{display:grid;gap:19px;min-width:0}.lobby-menu>header{display:grid;gap:5px}.lobby-menu .play-actions,.lobby-menu .library-grid{display:grid;gap:8px}.lobby-menu .play-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.lobby-menu .play-actions .card{display:grid;align-content:start;gap:5px;min-height:116px;padding:11px}.lobby-menu .library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lobby-menu .library-rows{padding:0 10px}.lobby-menu .library-rows :where(button,a){display:flex;width:100%;min-height:var(--control-height);align-items:center;gap:7px;color:var(--text);font-size:.8125rem;font-weight:500;text-align:start;text-decoration:none}.lobby-art{display:none;width:100%;aspect-ratio:3 / 2;border-radius:8px;background:url(/board.jpg) center / 100% 100% no-repeat;box-shadow:0 9px 16px #00000085;object-fit:cover}@media(min-width:720px){:root{--page-inset: 28px}.lobby{grid-template-columns:minmax(0,min(450px,49%)) minmax(0,720px)}.lobby-menu h1{font-size:2.25rem}.lobby-art{display:block}}@media(max-width:360px){.lobby-menu .library-grid{grid-template-columns:1fr;gap:14px}}@media(max-width:342px){.lobby-menu .play-actions{grid-template-columns:1fr}}@media(max-height:439px){.lobby-menu{gap:10px}.lobby-menu h1{font-size:1.625rem}}/*! Lucide icons ISC License Copyright (c) 2026 Lucide Icons and Contributors Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies. THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. The MIT License (MIT) for the Feather-derived Calendar icon Copyright (c) 2013-present Cole Bemis Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */.screen-header{justify-content:space-between;align-items:start}.shell.game-screen{--game-inset: clamp(8px, 1.2vw, 18px);--top-inset: max(var(--game-inset), env(safe-area-inset-top));--bottom-inset: max(var(--game-inset), env(safe-area-inset-bottom));--board-height: calc(100dvh - var(--top-inset) - var(--bottom-inset));--tray-width: clamp(50px, 5vw, 72px);--rail-width: clamp(13rem, 21vw, 20rem);--table-gap: clamp(8px, 1vw, 18px);display:flex;flex-direction:column;width:100%;padding:var(--top-inset) max(var(--game-inset),env(safe-area-inset-right)) var(--bottom-inset) max(var(--game-inset),env(safe-area-inset-left));background:radial-gradient(ellipse at 45% 45%,#352a1e,#1c1712 58%,#100d0b)}.game-stage{width:min(100%,740px);margin-inline:auto;gap:clamp(10px,2vh,20px)}.game-stage:has(>.table-layout){width:100%}.game-stage>.screen-header{align-items:center}.game-stage>.screen-header>:first-child{flex:1;min-width:min(100%,9rem);overflow-wrap:anywhere}.game-stage .screen-header h1{font-size:clamp(1.375rem,2.4vw,2.125rem)}.game-stage .screen-header .button{min-height:44px;padding-inline:12px}.game-header-icon{display:none}@media(orientation:landscape)and (min-width:500px){.game-stage:has(>.table-layout){--paired-controls-height: 0px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--rail-width);grid-template-rows:auto minmax(0,1fr);column-gap:var(--table-gap);row-gap:0;width:min(100%,calc((var(--board-height) - var(--paired-controls-height)) * 1.5 + var(--tray-width) + var(--rail-width) + 2 * var(--table-gap)));height:var(--board-height);margin-block:auto}.game-stage:has(>.table-layout)>.screen-header{grid-area:1 / 2;min-height:var(--control-height);gap:4px;flex-direction:column;flex-wrap:nowrap;align-items:stretch;margin-block-end:var(--table-gap)}.game-stage:has(>.table-layout)>.screen-header>:first-child{min-width:0}.game-stage:has(>.table-layout)>.screen-header>.row{justify-content:flex-end;min-width:0}.game-stage:has(>.table-layout) .game-header-label{white-space:normal;overflow-wrap:anywhere}.game-stage:has(>.table-layout) .screen-header h1{font-size:clamp(1.125rem,1.6vw,1.75rem)}}@media(orientation:landscape)and (max-height:540px)and (min-width:500px){.shell.game-screen:has(.table-layout){--game-inset: 5px;--rail-width: clamp(9.5rem, 24vw, 13rem);--tray-width: 40px;--table-gap: 6px;--control-height: clamp(2rem, 6dvh, 2.75rem)}.game-stage:has(>.table-layout)>.screen-header{flex-direction:row;align-items:center;gap:2px}.game-stage:has(>.table-layout) .screen-header h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.game-stage:has(>.table-layout) .screen-header>.row{flex:none;gap:2px}.game-stage:has(>.table-layout) .screen-header .button{width:var(--control-height);min-height:var(--control-height);padding:0}.game-stage:has(>.table-layout) :is(.game-header-label,.screen-header .eyebrow){display:none}.game-stage:has(>.table-layout) .game-header-icon{display:block}.game-stage .table-controls>.notice{padding:4px 6px;font-size:.75rem}}.lobby-header>.row{justify-content:space-between}.button.lobby-settings{width:44px;min-height:44px;padding:0;margin-inline-start:auto}.online-columns{display:grid;gap:14px;min-width:0}.online-columns>*{min-width:0}.button.destructive{color:var(--danger)}.delete-matches-dialog{width:min(calc(100% - 32px),440px)}.lobby-tile{display:grid;align-content:start;gap:4px;min-height:72px}.lobby-tile>span:first-child{color:var(--brass);font-size:1.125rem}.lobby-tile small{font-size:.75rem}.library-rows .card{display:flex;justify-content:space-between;min-height:48px;align-items:center}.library-rows .card span{color:var(--brass)}.lobby-art.lobby-picture{background-image:linear-gradient(0deg,#0e0c0a77,transparent 55%),url(/play-art.png)}.lobby-art.seasonal-lobby{background:none;box-shadow:none;aspect-ratio:auto}.seasonal-board{display:block;width:100%;height:auto}.seasonal-phone{width:min(100%,340px);margin:0 auto}.score-table{border-collapse:collapse;width:100%;text-align:start}.score-table th,.score-table td{border-bottom:1px solid var(--line);padding:8px;text-align:start}.score-table td:first-child{overflow-wrap:anywhere}.player-scores .eyebrow{display:flex;gap:5px;align-items:center}details>summary{cursor:pointer;color:var(--brass);padding-block:8px}@media(min-width:720px){.seasonal-phone{display:none}.online-columns{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}}.result-dialog{width:min(calc(100% - 32px),680px)}.result-heading{border-color:var(--brass);text-align:center;overflow-wrap:anywhere}.result-heading h2{font-size:clamp(1.75rem,5vw,2.5rem)}.result-actions{justify-content:center}.analysis-players{display:grid;gap:12px}.analysis-player{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}.analysis-player h3{display:flex;align-items:center;gap:8px;margin-block-end:5px}.analysis-line{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:34px;font-variant-numeric:tabular-nums}.analysis-line strong{text-align:end}.analysis-player .button.analysis-link{width:100%;justify-content:space-between;min-height:36px;padding:2px 0;color:var(--brass)}.analysis-note{text-align:center;color:var(--muted);font-size:.875rem}.analysis-scope,.analysis-navigation{justify-content:center}.move-review-dialog{width:calc(100% - 16px);max-width:none;padding:clamp(8px,1.25vw,18px)}.move-review-grid{display:grid;gap:14px}.move-review-grid>*{min-width:0}.move-review-grid h4{margin:0}.move-review-grid .board-frame{align-self:stretch}.move-review-grid .felt-board{touch-action:pan-y}@media(min-width:650px){.analysis-players{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(orientation:landscape)and (min-width:600px){.move-review-dialog{--review-details-width: clamp(12rem, 26vw, 23rem);width:min(calc(100% - 16px),calc(150dvh + var(--review-details-width)));height:calc(100dvh - 16px);max-height:none}.move-review-dialog>.stack{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;gap:8px}.move-review-grid{grid-template-columns:minmax(0,1fr) var(--review-details-width);container-type:size}.move-review-grid>.board-frame{align-self:start;justify-self:end;width:min(100%,calc(150cqh + 62px))}.move-review-details{min-height:0;overflow:auto;padding:4px}}.live-match-filters>.field{flex:1 1 14rem;min-width:0}.button.live-match-row{display:grid;justify-items:start;gap:4px;text-align:start;overflow-wrap:anywhere}.match-offer{position:fixed;inset-block-start:max(8px,env(safe-area-inset-top));inset-inline-end:max(8px,env(safe-area-inset-right));z-index:10;max-width:min(28rem,calc(100% - 16px));display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 8px 8px 12px;background:var(--surface);border:1px solid var(--brass);border-radius:12px;pointer-events:none}.match-offer .button{pointer-events:auto}.match-offer .notice{grid-column:1 / -1}.league-medal{display:flex;align-items:baseline;gap:8px}.league-medal>[aria-hidden]{font-size:1.25em;line-height:1}.knockout-bracket{width:min(100%,52rem);align-self:center}.knockout-stage{position:relative;text-align:center}.knockout-stage h4,.knockout-playoffs h4{margin:0;color:var(--brass)}.knockout-stage:first-child h4{margin-block-end:6px}.knockout-stage:first-child .knockout-match{border-color:var(--brass)}.knockout-stage+.knockout-stage{--branch-height: 40px;--trunk-height: 12px}.knockout-stage+.knockout-stage h4{display:grid;place-items:end center;height:var(--branch-height);padding-block-end:4px;font-size:clamp(.8125rem,2.5vw,1rem)}.knockout-stage:nth-child(3){--trunk-height: 28px}.knockout-stage:nth-child(3) h4{place-items:start center;padding-block-start:3px}.knockout-branches{position:absolute;inset:0 0 auto;height:var(--branch-height);display:flex}.knockout-branches span{position:relative;flex:1}.knockout-branches span:before,.knockout-branches span:after{content:"";position:absolute}.knockout-branches span:before{inset:0 50% auto auto;height:var(--trunk-height);border-inline-end:1px solid var(--brass)}.knockout-branches span:after{inset:var(--trunk-height) 25% 0;border:1px solid var(--brass);border-block-end:0;border-radius:4px 4px 0 0}.knockout-matches{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.knockout-match{display:grid;align-content:center;gap:4px;min-width:0;min-height:4.25rem;padding:6px clamp(3px,1vw,12px);border:1px solid var(--line);border-radius:8px;background:var(--raised);color:var(--text);font-size:clamp(.75rem,2.4vw,.9375rem);line-height:1.25;overflow-wrap:anywhere}.knockout-match small{font-size:.8125em}.knockout-match>:is(span,strong)+:is(span,strong){border-block-start:1px solid var(--line);padding-block-start:4px}.knockout-matches>.knockout-match{width:min(calc(100% - clamp(4px,1vw,12px)),14rem);justify-self:center}.knockout-winner{color:#a1d998}.knockout-playoffs{gap:10px;padding-block-start:12px;border-block-start:1px solid var(--line)}.knockout-playoffs section{gap:6px}.knockout-playoffs h5{margin:0;font-size:.875rem}.knockout-playoffs .knockout-match{width:min(100%,14rem)}.knockout-preliminaries{display:flex;flex-wrap:wrap;gap:8px}.knockout-playoffs p{overflow-wrap:anywhere}@media(max-width:480px){.knockout-bracket{width:calc(100% + 16px)}}.shell.replay-screen{--replay-inset: clamp(6px, 1vw, 16px);--replay-rail: clamp(10rem, 23vw, 20rem);--replay-gap: clamp(6px, 1vw, 18px);width:100%;padding:var(--replay-inset)}.replay-screen>.panel{padding:var(--replay-inset);gap:var(--replay-gap)}.replay-layout{display:grid;gap:var(--replay-gap);align-items:start}.replay-board{min-width:0}.replay-players{display:flex;flex-wrap:wrap;gap:4px 16px;list-style:none;margin:0;padding:0}.replay-players li{display:flex;align-items:center;gap:6px;overflow-wrap:anywhere}.replay-players small{color:var(--muted)}.replay-controls{gap:8px;overflow-wrap:anywhere}.replay-controls .button{padding-inline:8px}.replay-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.replay-jump{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}.replay-jump input,.replay-playback input{min-width:0;width:100%}.replay-playback{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:8px}.replay-move-review{display:grid;gap:8px}.replay-move-review p{margin:0}.replay-move-review strong{color:var(--text)}.replay-board .felt-board{touch-action:pan-y}@media(orientation:landscape)and (min-width:500px){.replay-screen>.panel{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(100%,calc((100dvh - 4 * var(--replay-inset) - 2px) * 1.5 + var(--replay-rail) + var(--replay-gap) + 62px));height:calc(100dvh - 2 * var(--replay-inset));margin-inline:auto}.replay-layout{grid-template-columns:minmax(0,1fr) var(--replay-rail);container-type:size}.replay-board{justify-self:center;width:min(100%,calc(150cqh + 62px))}.replay-controls{align-self:stretch;min-height:0;overflow:auto}:is(.replay-board,.move-review-grid)>.board-frame{grid-template-columns:minmax(0,1fr) 56px;gap:6px}:is(.replay-board,.move-review-grid) .off-trays{grid-template-columns:1fr;gap:6px}:is(.replay-board,.move-review-grid) .off-tray{padding:5px;gap:5px}:is(.replay-board,.move-review-grid) .off-tray-label{flex-direction:column;gap:0;font-size:.75rem}:is(.replay-board,.move-review-grid) .off-tray .piece-chip{display:none}:is(.replay-board,.move-review-grid) .off-tray strong{margin:0;font-size:inherit}:is(.replay-board,.move-review-grid) .off-tray-slots{grid-template-columns:repeat(3,minmax(0,1fr));height:32px}}@media(orientation:landscape)and (max-height:540px)and (min-width:500px){.shell.replay-screen{--replay-inset: 6px;--replay-rail: clamp(9rem, 24vw, 15rem)}.replay-screen>.panel{gap:6px}.replay-screen .screen-header h1{font-size:1.25rem}.replay-controls{--control-height: 2.75rem;gap:5px}}.club-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:12px}.competition-row{justify-content:space-between;border-block-start:1px solid var(--line);padding-block:8px}.competition-row small,.competition-match small{display:block}.competition-lobby-shell>.panel{gap:24px;border-color:#3a3128;border-radius:16px;background:#1c1813}.competition-lobby{--competition-raised: #26201a;--competition-overlay: #2f281f;--competition-field: #141109;--competition-line: #3a3128;--competition-live: #7fc79a;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:24px;overflow-wrap:anywhere}.competition-events{display:grid;gap:16px;min-width:0}.competition-section-title{display:flex;align-items:center;gap:8px;font:600 1.0625rem/1.3 var(--body-font)}.competition-section-title svg,.competition-fact svg,.competition-field-count svg,.competition-medallion svg,.competition-event-action svg{flex:none;width:1.125em;height:1.125em;color:var(--brass)}.competition-section-title span,.competition-event-status{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:#cbbfa924;color:var(--muted);font:600 .6875rem/1.3 var(--body-font)}.competition-event,.competition-history,.competition-empty{min-width:0;border:1px solid var(--competition-line);border-radius:16px;background:var(--competition-raised)}.competition-event{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 16px;padding:24px}.competition-event.registration{border-color:#d6ab5c73}.competition-event-heading{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 16px;min-width:0}.competition-medallion{display:grid;flex:none;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--competition-overlay);color:var(--muted);font-size:1.375rem}.competition-medallion svg{color:inherit}.competition-event-heading .competition-medallion{grid-row:1 / span 2}.registration .competition-medallion{border:1px solid rgb(214 171 92 / 45%);background:#d6ab5c29;color:var(--brass)}.competition-event-title{display:grid;justify-items:start;gap:4px}.competition-event-title h3{font-size:1.5rem;line-height:1.25}.competition-event-status{background:#d6ab5c29;color:var(--brass);text-transform:uppercase;letter-spacing:.05em}.registration .competition-event-status{background:#7fc79a29;color:var(--competition-live)}.competition-registration-dot{flex:none;width:6px;height:6px;border-radius:50%;background:var(--competition-live)}.competition-description{grid-column:2;font-size:.9375rem}.competition-event-action.button{grid-area:1 / 2;border-radius:12px;font-size:.9375rem;padding-inline:20px}.competition-event-action svg{color:inherit}.competition-field{grid-column:1 / -1;display:flex;align-items:center;gap:20px;padding:16px;border-radius:12px;background:var(--competition-field)}.competition-field-count{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;color:var(--muted);font-size:.9375rem}.competition-field-count svg{align-self:center;width:1.5em;height:1.5em}.competition-field-count strong{font:700 1.5rem/1.25 var(--display-font);color:var(--text)}.competition-field-meter{flex:1;min-width:0;display:grid;gap:8px}.competition-field-meter progress{appearance:none;width:100%;height:8px;overflow:hidden;border:0;border-radius:999px;background:var(--competition-overlay);color:var(--brass)}.competition-field-meter progress::-webkit-progress-bar{background:var(--competition-overlay)}.competition-field-meter progress::-webkit-progress-value{background:var(--brass);border-radius:999px}.competition-field-meter progress::-moz-progress-bar{background:var(--brass);border-radius:999px}.competition-field-meter small,.competition-result small{font-size:.8125rem;color:var(--quiet)}.competition-facts{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr));gap:12px 16px}.competition-facts:empty{display:none}.competition-fact{display:flex;align-items:start;gap:8px;font-size:.9375rem}.competition-fact svg{margin-top:2px}.competition-fact small{display:block;margin-bottom:4px;color:var(--quiet);font-size:.75rem}.competition-fact div div{font-weight:600}.competition-history{display:grid;gap:4px;padding:16px 20px 8px}.competition-result-list>p{padding-block:8px;font-size:.9375rem}.competition-empty{display:grid;justify-items:center;gap:8px;padding:28px;border-style:dashed;border-color:var(--line);background:#1f1a1466;text-align:center;font-size:.9375rem}.competition-empty .competition-medallion{width:48px;height:48px;background:#d6ab5c24;color:var(--brass)}.competition-result{display:flex;align-items:center;gap:12px;min-height:60px;padding-block:10px;border-top:1px solid var(--competition-line)}.competition-result .competition-medallion{width:36px;height:36px;font-size:.875rem}.competition-result-name{flex:1;min-width:0;display:grid;gap:2px;font-size:.9375rem}.competition-result-name strong{font-weight:600}.competition-result .button{flex:none;min-height:44px;border-radius:8px;background:var(--competition-raised)}@media(min-width:951px){.competition-lobby-shell{padding-block:48px}.competition-lobby-shell>.panel{padding:32px}.competition-lobby-shell .tab-strip .button{min-height:38px}}@media(max-width:950px){.competition-lobby{grid-template-columns:minmax(0,1fr)}}@media(max-width:630px){.competition-lobby-shell>.panel{gap:16px;border:0;padding:0;background:transparent}.competition-lobby-shell .tab-strip .button{min-height:40px}.competition-lobby{gap:16px}.competition-event{grid-template-columns:minmax(0,1fr);padding:16px;gap:16px}.competition-event-heading{align-items:start;gap:12px}.competition-event-heading .competition-medallion{grid-row:auto;width:44px;height:44px;font-size:1.125rem}.competition-event-title h3{font-size:1.1875rem}.competition-description{grid-column:1 / -1}.competition-event-action.button{grid-area:auto}.competition-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px}.competition-field-count{font-weight:600;color:var(--text)}.competition-field-count strong{font:inherit}.competition-field-meter{display:contents}.competition-field-meter small{grid-area:1 / 2;text-align:end}.competition-field-meter progress{grid-column:1 / -1}.competition-facts{grid-template-columns:1fr;gap:8px}.competition-fact{color:var(--muted)}.competition-fact small{display:none}.competition-fact:has(time) small{display:inline;font-size:inherit;color:inherit}.competition-fact small:after{content:" ";white-space:pre}.competition-fact div div{display:inline;font-weight:400}.competition-history{padding:0;gap:16px;background:transparent;border:0}.competition-result-list{padding-inline:16px;border:1px solid var(--competition-line);border-radius:16px;background:var(--competition-raised)}.competition-result:first-child{border:0}}@media(max-width:360px){.competition-field{grid-template-columns:minmax(0,1fr)}.competition-field-meter small{grid-area:auto;text-align:start}}.competition-entries{margin:0;padding-inline-start:1.25rem;color:var(--muted);overflow-wrap:anywhere}.competition-entries li+li{margin-block-start:4px}.competition-bracket{display:flex;gap:1.75rem;overflow-x:auto;padding:4px 0 12px}.competition-round{flex:0 0 min(16rem,80vw);display:flex;flex-direction:column}.competition-round h3{color:var(--brass);padding-inline:4px}.competition-slots{flex:1;display:flex;flex-direction:column}.competition-slot{flex:1;display:flex;align-items:center;position:relative;padding-block:6px}.competition-match{width:100%;min-height:5.5rem;justify-content:center;overflow-wrap:anywhere}.competition-round:not(:last-child) .competition-slot:after{content:"";position:absolute;inset-inline-end:-.875rem;width:.875rem;border-block-start:1px solid var(--brass);top:50%}.competition-round:not(:last-child) .competition-slot:before{content:"";position:absolute;inset-inline-end:-.875rem;height:50%;border-inline-start:1px solid var(--brass)}.competition-slot:nth-child(odd):before{top:50%}.competition-slot:nth-child(2n):before{bottom:50%}.competition-round:not(:first-child) .competition-slot .competition-match:before{content:"";position:absolute;inset-inline-start:-.875rem;width:.875rem;border-block-start:1px solid var(--brass);top:50%}.online-tab-compact{display:none}@media(max-width:480px){.online-tab-wide{display:none}.online-tab-compact{display:inline}}.lobby-tile>svg{color:var(--brass)}.lobby-tile.lobby-online{background:#35291b;border-color:#ae8752}.continue-match{display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,32%);gap:12px;align-items:center}.continue-match .stack{gap:3px}.continue-board{min-width:0;pointer-events:none}.continue-board .felt-board{box-shadow:none}.lobby-phone-art{display:none}.lesson-card{display:grid;gap:4px}.training-sample{border-color:#a18352}@media(max-width:719px){.lobby-phone-art{display:block;min-height:86px;border-radius:10px;background:url(/play-art.png) center 46% / cover}}.share-position{max-width:36rem}.share-position .board-frame{pointer-events:none}:is(.online-sections,.online-modes) .button[aria-pressed=true]{background:#493825;border-color:#b08a52;color:#fff1d1}@media(max-width:500px){.online-sections,.online-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}:is(.online-sections,.online-modes) .button{padding-inline:5px;line-height:1.2;min-height:44px}}.setup-form{width:min(100%,42rem);margin-inline:auto}.seat-setup{display:flex;gap:12px;align-items:center;justify-content:space-between}.seat-setup>div:first-child{display:grid;gap:4px}.seat-diagram{display:grid;justify-items:center;color:var(--muted);font-size:.75rem}.seat-diagram>:first-child{transform:rotate(180deg)}.seat-diagram i{width:64px;height:28px;border:4px solid #785137;border-radius:5px;background:#214437}.account-identity{display:flex;align-items:center;gap:14px}.account-monogram{display:grid;place-items:center;width:44px;height:44px;flex:none;color:var(--brass);background:#342719;border:1px solid #8d7049;border-radius:50%;font:700 1.5rem var(--display-font)}.archive-file::file-selector-button{padding:8px 12px;margin-inline-end:12px;border-radius:6px;border:1px solid var(--line);background:var(--raised);color:var(--text);font:inherit;cursor:pointer}.tab-strip .button[aria-pressed=true]:not(.primary){background:#493825;border-color:#b08a52;color:#fff1d1}.board-frame{display:grid;gap:12px;min-width:0;align-self:center}.felt-board{display:block;width:100%;aspect-ratio:3 / 2;border-radius:8px;box-shadow:0 16px 38px #0009;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.felt-board.movement-drag{touch-action:none}.felt-board.checker-moving{overflow:visible;position:relative;z-index:1}.traveling-checker{pointer-events:none}.board-target{fill:transparent;stroke:transparent;outline:none}.board-target.source{cursor:pointer}.movement-drag .board-target.source{cursor:grab}.movement-drag .board-target.selected{cursor:grabbing}.board-target.destination{cursor:pointer}.board-target:focus-visible{stroke:#fff2c9;stroke-width:5px}.checker-art,.point-number,.board-inscription,.move-die-badge{pointer-events:none}.move-arrows{--arrow-color: var(--brass);pointer-events:none}.move-arrows.good{--arrow-color: #69e389}.move-arrows.bad{--arrow-color: #ff635f}.move-arrow path{stroke-linecap:round}.arrow-outline,.arrow-shaft{fill:none}.arrow-outline{stroke:#100c08;stroke-width:17}.arrow-shaft{stroke:var(--arrow-color);stroke-width:11}.arrow-tip,.arrow-tail{fill:var(--arrow-color);stroke:#100c08;stroke-width:4;stroke-linejoin:round}.arrow-off-label{fill:var(--text);stroke:#100c08;stroke-width:6;paint-order:stroke;text-anchor:middle;dominant-baseline:central;font-size:35px;font-weight:700}.move-die-badge{--badge-color: #d6ab5c;font-family:ui-monospace,monospace;font-weight:700}.move-die-badge.hit{--badge-color: #e9806a}.move-die-badge circle{fill:var(--badge-color)}.move-die-badge text{fill:#14110e}.board-inscription{fill:#e8bc73;font:70.656px Georgia,serif;text-anchor:middle;dominant-baseline:central}.board-inscription.in-play{opacity:.13}.point-number{fill:#fff3d6;stroke:#281a10;stroke-width:4px;paint-order:stroke;font-size:30px;font-weight:600;text-anchor:middle}.destination-point,.lesson-source{pointer-events:none;fill:#d6ab5c36;stroke:#f4d591;stroke-width:6px}.destination-point.hit{stroke:#ffad98;stroke-dasharray:14 9}.board-target.lesson-source{pointer-events:auto}@media(prefers-reduced-motion:no-preference){.board-die{animation:settle-die .24s ease-out both;transform-box:fill-box;transform-origin:center}@keyframes settle-die{0%{transform:translateY(-16px) rotate(-11deg) scale(.88)}to{transform:none}}}.theme-slate .board-image{filter:saturate(.52) hue-rotate(44deg) brightness(.88)}.theme-honey .board-image{filter:sepia(.43) saturate(1.2) brightness(1.15)}.theme-dusk .board-image{filter:hue-rotate(100deg) saturate(.7) brightness(.87)}.off-trays{display:grid;grid-template-columns:1fr 1fr;gap:10px}.off-tray{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;min-width:0;border:1px solid #6a5a44;background:#1f1a14;color:#f6efe0;border-radius:10px;padding:10px;text-align:left}.off-tray-label{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.off-tray-slots{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));align-self:end;gap:2px;height:14px;pointer-events:none}.off-tray-slots>span{border-radius:999px;background-color:#6a5a4455}.off-tray-slots>.filled{background:linear-gradient(#fff4,#0003) currentColor}.off-tray strong{margin-left:auto;font-size:.85rem;white-space:nowrap}.off-tray .move-die-badge{display:grid;place-items:center;flex:none;width:1.3em;height:1.3em;border-radius:50%;background:var(--badge-color);color:#14110e}.piece-chip{width:18px;height:18px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 2px #32281777}.piece-chip.ivory{background:#f0e7d3}.piece-chip.umber{background:#6b3418}.table-layout{display:grid;gap:var(--table-gap);align-items:start}.table-controls{display:grid;align-content:start;gap:12px;min-width:0}.table-controls>*{overflow-wrap:anywhere}.table-actions{display:contents}.player-scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.player-scores .card{padding:clamp(8px,1vw,14px);display:grid;align-content:start;gap:4px}.player-scores .active{border-color:var(--brass);background:#2a2319}.player-scores .turn-delay{color:var(--brass);font-variant-numeric:tabular-nums}.player-clock{margin-block-start:4px;padding-block-start:6px;border-block-start:1px solid #6a5a4477;font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}.table-turn>strong{font-size:1.125rem}.table-resign-dialog{width:min(calc(100% - 16px),24rem)}.tab-strip{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:4px}.tab-strip .button{flex:0 0 auto;min-width:0;white-space:nowrap}.theme-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.theme-sample{display:grid;gap:8px}.theme-sample .board-frame{pointer-events:none}.theme-sample .off-trays{display:none}.face-to-face{transform:rotate(180deg)}.paired-table{grid-template-columns:1fr}.paired-controls{justify-content:center}.paired-table .table-controls{width:min(100%,550px);justify-self:center}@media(max-width:600px)and (orientation:portrait){.table-layout .felt-board{aspect-ratio:1.22}.table-layout :is(.checker-art,.felt-board .move-die-badge){transform-box:fill-box;transform-origin:center;transform:scaleY(.81)}.table-layout .board-inscription{transform-origin:center;transform:scaleY(calc(1.22 / 1.5))}}@media(min-width:721px){.table-layout .board-frame{grid-template-columns:minmax(0,1fr) var(--tray-width);gap:5px}.table-layout .off-trays{grid-template-columns:1fr;gap:5px}.table-layout .off-tray{padding:5px;gap:5px}.table-layout .off-tray-label{flex-direction:column;gap:5px}.table-layout .off-tray-name{font-size:.65rem}.table-layout .off-tray-slots{grid-template-columns:1fr;grid-template-rows:repeat(15,minmax(0,1fr));place-self:center;gap:1px;width:min(100%,48px);height:100%;max-height:150px}.table-layout .off-tray strong{margin-left:0;font-size:.7rem}}@media(orientation:landscape)and (min-width:500px){.game-stage>.table-layout{display:contents}.game-stage .table-layout>.board-frame{grid-area:1 / 1 / -1;grid-template-columns:minmax(0,1fr) var(--tray-width);gap:var(--table-gap);width:100%}.game-stage:has(>.paired-table){--paired-controls-height: calc(2 * (var(--control-height) + var(--table-gap)));grid-template-rows:var(--control-height) auto minmax(0,1fr) var(--control-height)}.game-stage .paired-table .paired-ivory{grid-area:4 / 1}.game-stage .paired-table .paired-umber{grid-area:1 / 1}.game-stage .paired-table>.board-frame{grid-row:2 / 4}.game-stage .paired-controls{min-height:var(--control-height);flex-wrap:nowrap}.game-stage .paired-controls>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-stage .paired-controls>.button{flex:none}.game-stage .table-layout .off-trays{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:5px;min-height:0}.game-stage .table-layout>.table-controls{grid-area:2 / 2 / -1;align-self:stretch;min-height:0;width:auto;justify-self:stretch;overflow:auto;scrollbar-width:thin;padding:4px;margin:-4px}}@media(orientation:landscape)and (max-height:540px)and (min-width:500px){.game-stage .paired-controls{gap:4px;font-size:clamp(.8125rem,2.3dvh,.9375rem)}.game-stage .table-layout .off-tray{padding:3px;gap:3px;border-radius:6px}.game-stage .table-layout .off-tray-label{flex-direction:column;gap:2px}.game-stage .table-layout .off-tray-label .piece-chip{display:none}.game-stage .table-layout .off-tray-name,.game-stage .table-layout .off-tray strong{margin:0;font-size:.6875rem}.game-stage .table-layout .off-tray-slots{grid-template:repeat(5,minmax(0,1fr)) / repeat(3,minmax(0,1fr));place-self:center;width:100%;height:100%;max-height:44px}.game-stage .table-layout>.table-controls{padding:2px;margin:-2px;gap:5px;font-size:clamp(.8125rem,2.3dvh,.9375rem);line-height:1.25}.game-stage .table-layout .button{padding:3px 6px;font-size:clamp(.75rem,2.2dvh,.875rem);border-radius:6px}.game-stage .table-controls .card{padding:5px;border-radius:7px;gap:4px}.game-stage .player-scores{grid-template-columns:minmax(0,1fr);gap:4px}.game-stage .player-scores .card{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;padding-block:3px;column-gap:4px;row-gap:2px}.game-stage .player-scores .eyebrow{font-size:0}.game-stage .player-scores .piece-chip{width:10px;height:10px}.game-stage .player-name{grid-column:2 / 4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-stage .player-score{grid-column:4;font-size:.6875rem;white-space:nowrap}.game-stage .player-pips{grid-column:2;white-space:nowrap}.game-stage .turn-delay{grid-column:3;white-space:nowrap}.game-stage .player-clock{grid-area:2 / 4;margin:0;padding:0;border:0;font-size:.875rem;text-align:end}.game-stage .table-turn>strong{font-size:.875rem}.game-stage .table-turn>strong:has(.turn-player){display:flex;gap:.25em;white-space:nowrap}.game-stage .turn-player{overflow:hidden;text-overflow:ellipsis}.game-stage .table-turn>small{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.game-stage .table-turn>.game-number,.game-stage .table-controls:has(.table-feedback) .table-turn,.game-stage .table-controls:has(.practice-feedback) .player-scores,.game-stage .table-controls:has(.table-invite) .player-scores,.game-stage .bear-off-full-label,.game-stage .training-promotion{display:none}.game-stage .table-actions{display:flex;flex-wrap:wrap;gap:4px}.game-stage .table-actions:empty{display:none}.game-stage .table-actions>:is(.button,.table-chat){flex:1 1 0}.game-stage .table-disclosure>summary{min-height:calc(var(--control-height) - 12px);padding:3px 0}.game-stage .table-chat>summary{white-space:nowrap}.game-stage .table-disclosure-body{position:absolute;z-index:2;inset-block-start:0;inset-inline-end:calc(var(--rail-width) + var(--table-gap));width:min(22rem,calc(100% - var(--rail-width) - var(--table-gap)));max-height:100%;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}}@media(orientation:landscape)and (max-height:280px){.game-stage .table-controls{--control-height: 1.875rem;gap:4px}.game-stage .table-controls .card{padding-block:3px}.game-stage .player-scores .card{padding-block:2px}}.board-frame{position:relative}.board-move-notice{position:absolute;inset:auto 12px 12px;padding:8px;background:#211c16;color:#f5ead5;pointer-events:none;z-index:2}.legal-move-list{position:absolute;z-index:3;inset:8px auto auto 8px;background:#211c16;border:1px solid #8b714a;border-radius:8px;color:#f5ead5}.legal-move-list summary{cursor:pointer;padding:5px 8px;font-size:.8rem}.legal-move-options{display:grid;gap:4px;padding:6px;max-height:min(48vh,300px);overflow:auto}.legal-move-options button{min-height:44px}@media(max-width:600px)and (orientation:portrait){.game-stage .board-frame,.game-stage .off-trays,.game-stage .table-controls{gap:6px}.game-stage .off-tray{padding:6px 8px;grid-template-rows:auto}.game-stage .off-tray-slots{height:5px}.game-stage .table-actions{display:flex;flex-wrap:wrap;gap:6px}.game-stage .table-actions .button{flex:1}.tab-strip .button{white-space:normal}}@media(orientation:portrait)and (max-height:680px){.game-stage:has(>.table-layout){gap:6px}.game-stage .player-scores .card,.game-stage .table-turn{padding:8px;gap:4px}.game-stage .table-turn .button{min-height:44px}}.paired-controls{min-height:var(--control-height, 44px);padding-inline:8px;border-radius:10px;background:var(--surface)}.paired-controls .seat-turn{color:var(--brass)}.paired-table .table-controls:empty{display:none}.table-instruction{color:var(--text);border-color:var(--line)}.off-tray.lesson-off{border-color:var(--brass)}