.signout-dialog{width:min(440px, calc(100vw - var(--space-32)));padding:var(--space-24);border-radius:var(--radius-lg);box-shadow:none;isolation:isolate;background:0 0}.signout-dialog:before{content:"";inset:var(--stroke-3);z-index:-1;border-radius:inherit;background:var(--raised);box-shadow:inset 0 0 0 var(--stroke-2) var(--doodle-ink), 0 40px 80px -32px var(--palette-black-30);filter:var(--doodle-filter);animation:var(--doodle-boil);position:absolute}.signout-dialog-head{align-items:start;column-gap:var(--space-16);grid-template-columns:auto 1fr;display:grid}.signout-dialog-mark{isolation:isolate;width:var(--control-lg);height:var(--control-lg);color:var(--on-pastel);animation:pop-in var(--dur-4) var(--ease-snap) both;place-items:center;display:grid;position:relative}.signout-dialog-mark:before{content:"";inset:var(--space-0);z-index:-1;border-radius:var(--radius-md);background:var(--palette-tomato);box-shadow:inset 0 0 0 var(--stroke-2) var(--doodle-ink);filter:var(--doodle-filter);animation:var(--doodle-boil);position:absolute;rotate:-6deg}.signout-dialog .ui-dialog-title{padding-top:var(--space-2);font-size:var(--type-section)}.signout-dialog .ui-dialog-description{margin-top:var(--space-6);text-wrap:pretty}.signout-dialog .ui-dialog-actions{margin-top:var(--space-24)}.signout-dialog-confirm{--btn-bg:var(--palette-tomato);--btn-fg:var(--on-pastel);--doodle-line:var(--doodle-ink);--touch-ink:var(--palette-ink)}@media (width<=480px){.signout-dialog-head{row-gap:var(--space-16);grid-template-columns:1fr}.signout-dialog .ui-dialog-actions>*{flex:1 1 0}}.player-name-label{align-items:flex-start;gap:var(--space-2);text-align:left;flex-direction:column;min-width:0;max-width:100%;display:inline-flex}.player-name-label>strong{letter-spacing:0;max-width:100%;font-weight:700;line-height:var(--leading-snug);overflow-wrap:anywhere}.player-name-label>small{max-width:100%;font-size:var(--type-caption);line-height:var(--leading-snug);color:var(--text-muted);overflow-wrap:anywhere;display:block}.player-name-label[data-kind=agent]>strong{font-family:var(--font-code);letter-spacing:0;font-weight:550}.player-name-label>.player-name-detail{font-family:var(--font-code);color:var(--text-muted);letter-spacing:0}.player-name-label>.jev-name-note{white-space:normal;color:var(--warn)}.jev-logo{box-sizing:border-box;object-fit:contain;vertical-align:middle;padding:var(--space-4);border-radius:var(--radius-md);background:var(--palette-white);flex:none;display:inline-block}.discs-stage{--disc-red:var(--palette-c4-red);--disc-red-deep:var(--palette-c4-red-deep);--disc-yellow:var(--palette-c4-yellow);--disc-yellow-deep:var(--palette-c4-yellow-deep);--disc-black:var(--palette-disc-black);--disc-white:var(--palette-disc-white);width:100%;min-width:0;height:100%;min-height:0;padding:var(--space-4);justify-content:center;align-items:center;display:flex;container-type:size}.discs-fit{position:relative;container-type:inline-size}.discs-cell{aspect-ratio:1;min-width:0;padding:var(--space-0);color:inherit;background:0 0;border:0;display:block;position:relative}.is-connect4{--frame:var(--palette-c4-frame);--frame-deep:var(--palette-c4-frame-deep);--frame-light:var(--palette-c4-frame-light);--frame-shine:color-mix(in oklab, var(--palette-c4-frame-light) 55%, var(--palette-white))}.is-connect4 .discs-fit{width:min(100cqw,100.604cqh,1040px)}.is-connect4[data-readonly=true] .discs-fit{width:min(100cqw,115.207cqh,1040px)}.is-connect4 .discs-fit{--pad:3.6cqw;--cell:calc((100cqw - 2 * var(--pad)) / 7)}.c4-cabinet{isolation:isolate;padding:var(--pad);box-shadow:0 calc(var(--cell) * .07) 0 var(--frame-deep), 0 calc(var(--cell) * .3) calc(var(--cell) * .5) calc(var(--cell) * -.2) var(--palette-black-30);border-radius:4.2cqw;position:relative}.is-connect4 .discs-board{z-index:1;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), minmax(0, 1fr));aspect-ratio:var(--cols) / var(--rows);display:grid;position:relative}.is-connect4 .discs-frame{z-index:2;pointer-events:none;padding:var(--pad);border-radius:inherit;background:linear-gradient(168deg, var(--frame-light) 0, var(--frame) 34%, var(--frame) 72%, color-mix(in oklab, var(--frame) 72%, var(--frame-deep)) 100%);box-shadow:inset 0 calc(var(--cell) * .035) 0 var(--frame-shine), inset 0 calc(var(--cell) * -.05) 0 var(--frame-deep);-webkit-mask:linear-gradient(var(--palette-ink) 0 0) border-box, radial-gradient(circle closest-side, var(--palette-ink) 0 80%, var(--palette-clear) 80.5%) content-box 0 0 / calc(100% / var(--cols)) calc(100% / var(--rows));-webkit-mask-composite:xor;mask:linear-gradient(var(--palette-ink) 0 0) border-box exclude, radial-gradient(circle closest-side, var(--palette-ink) 0 80%, var(--palette-clear) 80.5%) content-box 0 0 / calc(100% / var(--cols)) calc(100% / var(--rows));position:absolute;inset:0;overflow:hidden}.is-connect4 .discs-frame>span{pointer-events:none;position:absolute;inset:0}.c4-hi{background:linear-gradient(176deg, color-mix(in oklab, var(--palette-white) 26%, var(--palette-clear)) 0, color-mix(in oklab, var(--palette-white) 8%, var(--palette-clear)) 34%, var(--palette-clear) 46%), linear-gradient(115deg, var(--palette-clear) 0 18%, color-mix(in oklab, var(--palette-white) 12%, var(--palette-clear)) 18% 24%, var(--palette-clear) 24%)}.is-connect4 .discs-frame>.c4-rim{inset:var(--pad);background:radial-gradient(circle closest-side at 50% 45%, var(--palette-clear) 0 79%, var(--frame-deep) 81%, color-mix(in oklab, var(--frame-deep) 40%, var(--palette-clear)) 88%, var(--palette-clear) 96%) 0 0 / calc(100% / var(--cols)) calc(100% / var(--rows)), radial-gradient(circle closest-side at 50% 56%, var(--palette-clear) 0 79%, var(--frame-shine) 81%, color-mix(in oklab, var(--frame-shine) 30%, var(--palette-clear)) 88%, var(--palette-clear) 94%) 0 0 / calc(100% / var(--cols)) calc(100% / var(--rows))}.c4-foot{z-index:-1;background:linear-gradient(var(--frame) 0, var(--frame-deep) 70%);clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);pointer-events:none;border-radius:1.6cqw 1.6cqw 1.2cqw 1.2cqw;width:10cqw;height:9cqw;position:absolute;bottom:-2.6cqw}.c4-foot.is-left{left:-2.4cqw}.c4-foot.is-right{right:-2.4cqw}.is-connect4 .playing-disc{z-index:1;will-change:transform;border-radius:50%;position:absolute;inset:10.5%}.is-connect4 .playing-disc.piece-1{--disc:var(--disc-red);--disc-deep:var(--disc-red-deep)}.is-connect4 .playing-disc.piece-2{--disc:var(--disc-yellow);--disc-deep:var(--disc-yellow-deep)}.discs-ghost{--disc:var(--ghost);--disc-deep:var(--ghost-deep)}.is-connect4 .playing-disc:not(.piece-0),.discs-ghost{--disc-hi:color-mix(in oklab, var(--disc) 55%, var(--palette-white));--disc-rim:inset 0 0 0 calc(var(--cell) * .025) color-mix(in oklab, var(--disc-deep) 80%, var(--palette-clear)), inset 0 calc(var(--cell) * -.04) calc(var(--cell) * .06) color-mix(in oklab, var(--disc-deep) 70%, var(--palette-clear));background:radial-gradient(circle at 32% 26%, var(--disc-hi) 0 9%, var(--palette-clear) 10%), var(--disc);box-shadow:var(--disc-rim)}.is-connect4 .playing-disc:not(.piece-0):before,.discs-ghost:before{content:"";background:radial-gradient(circle closest-side, var(--palette-clear) 0 40%, var(--disc-deep) 41% 47%, var(--palette-clear) 48% 74%, var(--disc-deep) 75% 81%, var(--palette-clear) 82%), radial-gradient(circle closest-side at 50% 55%, var(--palette-clear) 0 42%, var(--disc-hi) 43% 48%, var(--palette-clear) 49% 76%, var(--disc-hi) 77% 82%, var(--palette-clear) 83%);opacity:.75;border-radius:50%;position:absolute;inset:12%}.is-connect4 .playing-disc:not(.piece-0):after,.discs-ghost:after{content:"";border-radius:inherit;background:var(--disc-deep);opacity:.21;-webkit-mask:radial-gradient(circle at 44% 34%, var(--palette-clear) 0 58%, var(--palette-ink) 59%);mask:radial-gradient(circle at 44% 34%, var(--palette-clear) 0 58%, var(--palette-ink) 59%);position:absolute;inset:0}.is-connect4 .discs-cell[data-last-move=true] .playing-disc:not(.piece-0){box-shadow:var(--disc-rim), inset 0 0 0 calc(var(--cell) * .05) color-mix(in oklab, var(--palette-white) 85%, var(--palette-clear))}.is-connect4 .discs-board[data-has-win=true] .discs-cell:not([data-winning=true]) .playing-disc{opacity:.4;transition:opacity var(--dur-4) steps(4, end)}.is-connect4 .discs-cell[data-winning=true] .playing-disc{box-shadow:var(--disc-rim), inset 0 0 0 calc(var(--cell) * .05) var(--palette-white), inset 0 0 0 calc(var(--cell) * .085) var(--palette-ink)}.discs-actions{z-index:3;margin-inline:var(--pad);height:calc(var(--cell) * .95);grid-template-columns:repeat(7,minmax(0,1fr));display:grid;position:relative}.discs-column{padding:var(--space-0);border-radius:var(--radius-md);color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;display:block;position:relative}.discs-column:after{content:"";height:calc(var(--cell) * 6 + var(--pad));z-index:3;pointer-events:none;border-radius:0 0 var(--radius-pill) var(--radius-pill);background:linear-gradient(color-mix(in oklab, var(--palette-white) 30%, var(--palette-clear)), color-mix(in oklab, var(--palette-white) 6%, var(--palette-clear)));opacity:0;transition:opacity var(--dur-1) linear;position:absolute;top:100%;left:6%;right:6%}.discs-column:disabled{cursor:default}.discs-ghost{width:calc(var(--cell) * .79);aspect-ratio:1;translate:-50% calc(var(--px) * -4);opacity:0;transition:opacity var(--dur-1) linear, translate var(--dur-2) steps(3, end);border-radius:50%;position:absolute;bottom:4%;left:50%}.discs-column:enabled:is(:hover,:focus-visible) .discs-ghost{opacity:1;translate:-50%}.discs-column:enabled:is(:hover,:focus-visible):after{opacity:1}.discs-column:enabled:active .discs-ghost{translate:-50% calc(var(--px) * 2)}.discs-column:focus-visible{outline:none}.discs-column:focus-visible .discs-ghost{outline:var(--stroke-3) solid var(--focus);outline-offset:var(--stroke-3)}@media (hover:hover){.discs-column:enabled:hover .discs-ghost{animation:.9s steps(3,end) infinite alternate c4-hover-bob}}@keyframes c4-hover-bob{to{translate:-50% calc(var(--px) * -2)}}.is-reversi{--felt:var(--palette-reversi-felt);--felt-deep:var(--palette-reversi-felt-deep);--felt-line:var(--palette-reversi-line);--felt-glow:color-mix(in oklab, var(--palette-reversi-felt) 55%, var(--palette-white));--score-h:calc(var(--control-xl) + var(--space-12));--chrome-h:0px}.is-reversi[data-scored=true]{--chrome-h:var(--score-h)}.is-reversi .discs-fit{gap:var(--space-12);width:min(100cqw, 100cqh - var(--chrome-h), 880px);grid-template-columns:minmax(0,1fr);display:grid}.reversi-score{align-items:center;gap:var(--space-16);min-width:0;height:var(--control-xl);padding:var(--space-0) var(--space-20);border-radius:var(--radius-pill);background:var(--surface-2);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.reversi-score-side{align-items:center;gap:var(--space-12);display:inline-flex}.reversi-score-side strong{min-width:2ch;font-family:var(--font-pixel);font-size:var(--type-section);font-weight:500;line-height:var(--leading-none);font-variant-numeric:tabular-nums}.reversi-score-side.is-white strong{text-align:right}.reversi-score-disc{width:var(--control-sm);height:var(--control-sm);background-color:var(--disc-black);border-radius:50%;display:block;position:relative}.reversi-score-disc.piece-2{background-color:var(--disc-white);box-shadow:inset 0 0 0 var(--stroke-2) var(--palette-disc-white-deep)}.reversi-score-bar{height:var(--space-20);border-radius:var(--radius-pill);background:var(--disc-white);box-shadow:inset 0 0 0 var(--stroke-2) var(--palette-disc-white-deep);display:block;position:relative;overflow:hidden}.reversi-score-bar>span{width:var(--black-share);background:var(--disc-black);transition:width var(--dur-4) steps(6, end);position:absolute;inset:0 auto 0 0}:root[data-theme=dark] .reversi-score-bar>span{box-shadow:inset 0 0 0 var(--stroke-2) var(--palette-g700)}:root[data-theme=dark] .reversi-score-disc.piece-1{box-shadow:inset 0 0 0 var(--stroke-2) var(--palette-g600)}:root[data-theme=dark] .reversi-frame{box-shadow:inset 0 0 0 var(--stroke-2) var(--palette-g700)}.reversi-frame{--rim:5.2cqw;grid-template-columns:var(--rim) minmax(0, 1fr) var(--rim);grid-template-rows:var(--rim) minmax(0, 1fr) var(--rim);aspect-ratio:1;background:linear-gradient(160deg, var(--palette-g750) 0, var(--palette-g900) 45%);box-shadow:inset 0 0 0 var(--stroke-2) var(--palette-g700), inset 0 var(--stroke-3) 0 var(--palette-g600), 0 var(--depth-2) var(--depth-3) calc(var(--depth-3) * -1) var(--palette-black-30);border-radius:3.2cqw;display:grid}.reversi-files,.reversi-ranks{font-family:var(--font-pixel);font-size:clamp(var(--type-micro), 2.3cqw, var(--type-title));font-weight:500;line-height:var(--leading-none);color:var(--palette-g400);user-select:none;display:flex}.reversi-files{grid-area:1/2;align-items:center}.reversi-ranks{flex-direction:column;grid-area:2/1}.reversi-files>span,.reversi-ranks>span{flex:1;place-items:center;display:grid}.is-reversi .discs-board{--line-w:max(var(--stroke-2), .32cqw);--cell:calc((100cqw - 2 * var(--rim)) / 8);isolation:isolate;grid-area:2/2;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), minmax(0, 1fr));aspect-ratio:1;background:linear-gradient(90deg, var(--felt-line) 0 var(--line-w), var(--palette-clear) var(--line-w)) calc(var(--line-w) / -2) 0 / calc(100% / var(--cols)) 100% repeat-x, linear-gradient(var(--felt-line) 0 var(--line-w), var(--palette-clear) var(--line-w)) 0 calc(var(--line-w) / -2) / 100% calc(100% / var(--rows)) repeat-y, linear-gradient(160deg, color-mix(in oklab, var(--felt) 84%, var(--palette-white)) 0, var(--felt) 55%), var(--felt);box-shadow:inset 0 0 0 var(--line-w) var(--felt-line);border-radius:.8cqw;display:grid;position:relative;overflow:hidden}.is-reversi .discs-board:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(130% 130% at 30% 18%, var(--palette-clear) 55%, color-mix(in oklab, var(--felt-deep) 80%, var(--palette-clear)) 100%);position:absolute;inset:0}.reversi-stars{--dot:calc(var(--cell) * .2);z-index:0;pointer-events:none;background:radial-gradient(circle, var(--felt-line) 0 48%, var(--palette-clear) 52%) calc(25% + var(--dot) / -2 + var(--dot) * .25) calc(25% + var(--dot) / -2 + var(--dot) * .25) / var(--dot) var(--dot) no-repeat, radial-gradient(circle, var(--felt-line) 0 48%, var(--palette-clear) 52%) calc(75% + var(--dot) * .25) calc(25% + var(--dot) / -2 + var(--dot) * .25) / var(--dot) var(--dot) no-repeat, radial-gradient(circle, var(--felt-line) 0 48%, var(--palette-clear) 52%) calc(25% + var(--dot) / -2 + var(--dot) * .25) calc(75% + var(--dot) * .25) / var(--dot) var(--dot) no-repeat, radial-gradient(circle, var(--felt-line) 0 48%, var(--palette-clear) 52%) calc(75% + var(--dot) * .25) calc(75% + var(--dot) * .25) / var(--dot) var(--dot) no-repeat;position:absolute;inset:0}.is-reversi .discs-cell{z-index:1;aspect-ratio:auto;cursor:default}.is-reversi .discs-cell:disabled{opacity:1}.is-reversi .discs-cell:before{content:"";z-index:-1;pointer-events:none;background:var(--felt-glow);opacity:0;transition:opacity var(--dur-1) linear;position:absolute;inset:0}.is-reversi .discs-cell[data-last-move=true]:before{background:var(--felt-glow);opacity:.5}.is-reversi .discs-cell[data-last-move=true]:after{content:"";z-index:3;border:calc(var(--cell) * .04) solid var(--palette-sun);pointer-events:none;border-radius:50%;position:absolute;inset:41%}.is-reversi .discs-cell:focus-visible{outline:var(--stroke-3) solid var(--palette-white);outline-offset:calc(var(--stroke-3) * -1);z-index:4}.is-reversi .playing-disc{z-index:2;background-color:var(--palette-clear);will-change:transform;border-radius:50%;position:absolute;inset:9%}.is-reversi .playing-disc.piece-1{background-color:var(--disc-black)}.is-reversi .playing-disc.piece-2{background-color:var(--disc-white)}.is-reversi .playing-disc:not(.piece-0){background-image:radial-gradient(circle at 32% 28%, var(--palette-white-14) 0 22%, var(--palette-clear) 22.5%);box-shadow:0 calc(var(--cell) * .05) 0 var(--felt-line), inset 0 calc(var(--cell) * -.04) calc(var(--cell) * .05) var(--palette-black-30)}.is-reversi .playing-disc:not(.piece-0):before,.is-reversi .playing-disc:not(.piece-0):after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.is-reversi .playing-disc:not(.piece-0):before{background:var(--palette-black);opacity:.14;-webkit-mask:radial-gradient(circle at 40% 32%, var(--palette-clear) 0 62%, var(--palette-ink) 63%);mask:radial-gradient(circle at 40% 32%, var(--palette-clear) 0 62%, var(--palette-ink) 63%)}.is-reversi .playing-disc:not(.piece-0):after{background:var(--palette-white);opacity:.09;-webkit-mask:radial-gradient(circle at 64% 72%, var(--palette-clear) 0 64%, var(--palette-ink) 65%);mask:radial-gradient(circle at 64% 72%, var(--palette-clear) 0 64%, var(--palette-ink) 65%)}.is-reversi .playing-disc.piece-2:after{opacity:.05}.legal-plus{place-items:center;display:grid;position:absolute;inset:-12.5%}.legal-plus:before,.legal-plus:after{content:"";transition:inset var(--dur-2) steps(3, end), opacity var(--dur-2) steps(3, end);border-radius:50%;position:absolute}.legal-plus:before{background:var(--ghost);opacity:.92;inset:31%}.legal-plus:after{border:calc(var(--cell) * .04) solid var(--ghost);opacity:.6;inset:24%}.legal-count{font-family:var(--font-pixel);font-size:clamp(var(--type-micro), 2.4cqw, var(--type-lead));font-weight:700;line-height:var(--leading-none);color:var(--ghost-ink);font-variant-numeric:tabular-nums;transition:scale var(--dur-2) steps(3, end);position:relative}.is-reversi .discs-cell[data-legal=true]{cursor:pointer}.is-reversi .discs-cell[data-legal=true]:is(:hover,:focus-visible):before{opacity:.6}.is-reversi .discs-cell[data-legal=true]:is(:hover,:focus-visible) .legal-plus:before{opacity:.75;inset:21%}.is-reversi .discs-cell[data-legal=true]:is(:hover,:focus-visible) .legal-plus:after{opacity:.9;inset:13%}.is-reversi .discs-cell[data-legal=true]:is(:hover,:focus-visible) .legal-count{scale:1.5}.is-reversi .discs-cell[data-legal=true]:active .legal-plus:before{opacity:1}.is-reversi .discs-fit{position:relative}.discs-caption{z-index:5;white-space:nowrap;box-shadow:var(--shadow);min-height:var(--control);max-width:100%;margin:var(--space-0);padding:var(--space-0) var(--space-24);border-radius:var(--radius-pill);background:var(--invert);color:var(--invert-text);font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:650;line-height:var(--leading-snug);text-align:center;justify-content:center;justify-self:center;align-items:center;display:flex;position:absolute;bottom:9.2cqw;left:50%;translate:-50%}.discs-caption[data-empty=true]{visibility:hidden}:is(.result-board,.spec-board) :is(.reversi-score,.discs-caption,.discs-actions,.c4-foot){display:none}:is(.result-board,.spec-board) .is-reversi .discs-fit{display:block}@media (width>=1000px) and (height>=501px){.match-desk[data-game=connect4]:not([data-phase=waiting]) .desk-layout{gap:var(--space-16) var(--space-32);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(200px,280px) minmax(0,1fr) minmax(200px,280px);display:grid}.match-desk[data-game=connect4]:not([data-phase=waiting]) .desk-players{grid-area:1/1/auto/-1;grid-template-columns:subgrid;pointer-events:none;align-items:center;display:grid;overflow:visible}.match-desk[data-game=connect4]:not([data-phase=waiting]) .desk-play{grid-area:1/2}.match-desk[data-game=connect4]:not([data-phase=waiting]) .desk-replay-controls{grid-area:2/1/auto/-1}.match-desk[data-game=connect4] .desk-players>.desk-player{pointer-events:auto;justify-content:center;align-items:center;gap:var(--space-16);min-height:min(420px,62%);padding:var(--space-32) var(--space-20) var(--space-40);border-radius:var(--radius-xl);text-align:center;flex-direction:column;display:flex}.match-desk[data-game=connect4] .desk-players>.desk-player:first-child{grid-column:1}.match-desk[data-game=connect4] .desk-players>.desk-player:nth-child(2){grid-column:3}.match-desk[data-game=connect4] .desk-player .desk-avatar .player-avatar,.match-desk[data-game=connect4] .desk-player .desk-avatar .jev-logo{--avatar-size:64px;width:64px!important;height:64px!important}.match-desk[data-game=connect4] .desk-player .player-name-label{flex-direction:column;align-items:center}.match-desk[data-game=connect4] .desk-player .player-name-label>strong{font-size:var(--type-title)}.match-desk[data-game=connect4] .desk-player-name{max-width:100%}.match-desk[data-game=connect4] .desk-player-meta{align-items:center;gap:var(--space-16);flex-direction:column-reverse;order:-1}.match-desk[data-game=connect4] .desk-player .desk-piece-key{width:var(--control-xl);height:var(--control-xl);box-shadow:inset 0 0 0 var(--stroke-3) var(--key-deep), inset 0 calc(var(--space-6) * -1) 0 var(--key-deep)}.match-desk[data-game=connect4] .desk-player-timer{left:var(--space-24);right:var(--space-24);bottom:var(--space-16)}.match-desk[data-game=reversi]:not([data-phase=waiting]) .desk-layout{grid-template-columns:minmax(0, calc(100dvh - var(--desk-bar-height) - var(--space-128) + var(--control-xl))) minmax(260px, 340px);justify-content:center;gap:var(--space-16) var(--space-32);grid-template-rows:minmax(0,1fr) auto;display:grid}.match-desk[data-game=reversi]:not([data-phase=waiting]) .desk-players{justify-content:center;gap:var(--space-12);flex-direction:column;grid-area:1/2;overflow:visible}.match-desk[data-game=reversi]:not([data-phase=waiting]) .desk-play{grid-area:1/1}.match-desk[data-game=reversi]:not([data-phase=waiting]) .desk-replay-controls{grid-area:2/1/auto/-1}.match-desk[data-game=reversi] .desk-players>.desk-player{min-height:96px;padding:var(--space-16) var(--space-20) var(--space-20) var(--space-16);flex:none}}.match-desk[data-stream=true] .discs-caption{font-size:var(--type-title)}.match-desk[data-stream=true] .is-connect4[data-readonly=true] .discs-fit{--pad:1.5cqw;width:min(100cqw,115.607cqh,1240px)}.match-desk[data-stream=true] .c4-foot{display:none}@media (height>=700px) and (width>=651px){.match-desk[data-stream=true] .reversi-score-side strong{font-size:var(--type-display)}}@media (width<=650px),(height<=500px){.is-reversi{--score-h:calc(var(--control) + var(--space-12))}.discs-caption{white-space:normal;width:max-content;max-width:88cqw}.reversi-score{height:var(--control);padding:var(--space-0) var(--space-12);gap:var(--space-10)}.reversi-score-side strong{font-size:var(--type-title)}.reversi-score-disc{width:var(--control-xs);height:var(--control-xs)}.reversi-score-bar{height:var(--space-12)}.discs-caption{min-height:var(--control-sm);font-size:var(--type-body);padding:var(--space-0) var(--space-16)}}@media (prefers-reduced-motion:reduce){.discs-column:enabled:hover .discs-ghost{animation:none}.discs-ghost,.legal-plus:before,.legal-count,.reversi-score-bar>span{transition:none}}.is-connect4 .discs-fit{--ink-w:max(var(--stroke-2), calc(var(--cell) * .045))}.c4-cabinet{box-shadow:none}.c4-foot,.c4-hi{display:none}.is-connect4 .discs-board{border-radius:calc(var(--cell) * .2);background:var(--sketch-paper)}.is-connect4 .discs-frame{background:var(--palette-c4-frame-light);box-shadow:none}.c4-cabinet:after{content:"";z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink);filter:var(--doodle-filter);animation:var(--doodle-boil);pointer-events:none;position:absolute;inset:0}.is-connect4 .discs-frame>.c4-rim{background:radial-gradient(circle closest-side, var(--palette-clear) 0 79.5%, var(--sketch-ink) 80% calc(80% + var(--ink-w)), var(--palette-clear) calc(80.5% + var(--ink-w))) 0 0 / calc(100% / var(--cols)) calc(100% / var(--rows))}.is-connect4 .playing-disc:not(.piece-0),.discs-ghost{background:var(--disc);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink)}.is-connect4 .playing-disc:not(.piece-0):before,.is-connect4 .playing-disc:not(.piece-0):after,.discs-ghost:before,.discs-ghost:after{display:none}.discs-ghost{opacity:0}.discs-column:enabled:is(:hover,:focus-visible) .discs-ghost{opacity:.85}.discs-column:after{background:color-mix(in oklab, var(--palette-sun) 30%, var(--palette-clear))}.is-connect4 .discs-cell[data-last-move=true] .playing-disc:not(.piece-0){background:radial-gradient(circle, var(--sketch-ink) 0 12%, var(--palette-clear) 13%), var(--disc);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink)}.is-connect4 .discs-cell[data-winning=true] .playing-disc:not(.piece-0){background:var(--palette-sun);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink), inset 0 0 0 calc(var(--ink-w) * 2.2) var(--disc), inset 0 0 0 calc(var(--ink-w) * 3) var(--sketch-ink)}.is-reversi .discs-fit{--ink-w:max(var(--stroke-2), .5cqw)}.reversi-frame{isolation:isolate;background:var(--sketch-paper);box-shadow:none;position:relative}.reversi-frame:after{content:"";z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink);filter:var(--doodle-filter);animation:var(--doodle-boil);pointer-events:none;position:absolute;inset:0}.reversi-files,.reversi-ranks{color:var(--sketch-ink)}.is-reversi .discs-board{--felt-line:color-mix(in oklab, var(--sketch-ink) 45%, var(--palette-clear));background:linear-gradient(90deg, var(--felt-line) 0 var(--line-w), var(--palette-clear) var(--line-w)) calc(var(--line-w) / -2) 0 / calc(100% / var(--cols)) 100% repeat-x, linear-gradient(var(--felt-line) 0 var(--line-w), var(--palette-clear) var(--line-w)) 0 calc(var(--line-w) / -2) / 100% calc(100% / var(--rows)) repeat-y, color-mix(in oklab, var(--palette-reversi-felt) 75%, var(--palette-white));box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink)}.is-reversi .discs-board:before{display:none}.is-reversi .discs-cell:before{background:var(--palette-sun)}.is-reversi .playing-disc:not(.piece-0){box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink);background-image:none}.is-reversi .playing-disc:not(.piece-0):before,.is-reversi .playing-disc:not(.piece-0):after{display:none}.is-reversi .discs-cell[data-last-move=true]:after{border-color:var(--sketch-ink);background:var(--palette-sun)}.reversi-score-disc,.reversi-score-disc.piece-2,.reversi-score-bar{box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.checkers-stage{--sq-light:var(--palette-maple);--sq-light-grain:var(--palette-maple-deep);--sq-dark:var(--palette-walnut);--sq-dark-grain:var(--palette-walnut-deep);--frame-wood:var(--palette-walnut-deep);--frame-grain:var(--palette-walnut);--frame-shade:color-mix(in oklab, var(--palette-walnut-deep) 60%, var(--palette-black));--frame-shine:color-mix(in oklab, var(--palette-walnut) 70%, var(--palette-maple));--mark:var(--palette-grass);--mark-capture:var(--palette-tangerine);--caption-h:0px;--tray-w:0px;width:100%;min-width:0;height:100%;min-height:0;padding:var(--space-4);justify-content:center;align-items:center;display:flex;container-type:size}.checkers-stage[data-readonly=false]{--caption-h:calc(var(--control) + var(--space-16))}@container (aspect-ratio>=23/20) and (height>=420px){.checkers-stage[data-scored=true] .checkers-fit{--tray-w:calc(200px + var(--space-24))}}.checkers-fit{--side:min(100cqh - var(--caption-h), 100cqw - var(--tray-w), 920px);--u:calc(var(--side) / 100);--cell:calc(var(--u) * 11);justify-items:center;gap:var(--space-16);display:grid;position:relative}.checkers-table{align-items:center;gap:var(--space-24);display:flex}.checkers-frame{isolation:isolate;grid-template-columns:calc(var(--u) * 6) minmax(0, 1fr) calc(var(--u) * 6);grid-template-rows:calc(var(--u) * 6) minmax(0, 1fr) calc(var(--u) * 6);width:var(--side);aspect-ratio:1;border-radius:calc(var(--u) * 3);background:var(--frame-wood);box-shadow:inset 0 calc(var(--u) * .5) 0 color-mix(in oklab, var(--frame-shine) 55%, var(--palette-clear)), inset 0 calc(var(--u) * -.6) 0 color-mix(in oklab, var(--frame-shade) 80%, var(--palette-clear)), 0 calc(var(--u) * 1.2) 0 var(--frame-shade), 0 calc(var(--u) * 3) calc(var(--u) * 5) calc(var(--u) * -2) var(--palette-black-30);display:grid;position:relative}.checkers-frame:before,.checkers-frame:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.checkers-frame:before{background:repeating-linear-gradient(88deg, color-mix(in oklab, var(--frame-grain) 55%, var(--palette-clear)) 0 calc(var(--u) * .4), var(--palette-clear) calc(var(--u) * .4) calc(var(--u) * 2.1), color-mix(in oklab, var(--frame-shade) 40%, var(--palette-clear)) calc(var(--u) * 2.1) calc(var(--u) * 2.35), var(--palette-clear) calc(var(--u) * 2.35) calc(var(--u) * 3.8))}.checkers-frame:after{background:linear-gradient(158deg, color-mix(in oklab, var(--frame-shine) 30%, var(--palette-clear)) 0, var(--palette-clear) 45%)}.checkers-ranks,.checkers-files{font-family:var(--font-pixel);font-size:clamp(var(--type-micro), calc(var(--u) * 2.6), var(--type-title));font-weight:500;line-height:var(--leading-none);color:var(--palette-g150);user-select:none;display:flex}.checkers-ranks{flex-direction:column;grid-area:2/1}.checkers-files{grid-area:3/2}.checkers-ranks>span,.checkers-files>span{flex:1;place-items:center;display:grid}.checkers-board{aspect-ratio:1;border-radius:calc(var(--u) * .6);box-shadow:0 0 0 calc(var(--u) * .5) var(--frame-shade);grid-area:2/2;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));display:grid;position:relative;overflow:hidden}.checkers-cell{--sq:var(--sq-light);--grain:var(--sq-light-grain);--grain-angle:92deg;isolation:isolate;aspect-ratio:1;min-width:0;padding:var(--space-0);background:var(--sq);color:inherit;border:0;border-radius:0;place-items:center;display:grid;position:relative}.checkers-cell[data-dark=true]{--sq:var(--sq-dark);--grain:var(--sq-dark-grain)}.checkers-cell:is([data-row="1"],[data-row="3"],[data-row="5"],[data-row="7"]){--grain-angle:2deg}.checkers-cell:before{content:"";z-index:-1;pointer-events:none;background:repeating-linear-gradient(var(--grain-angle), color-mix(in oklab, var(--grain) 45%, var(--palette-clear)) 0 calc(var(--u) * .3), var(--palette-clear) calc(var(--u) * .3) calc(var(--u) * 1.1), color-mix(in oklab, var(--grain) 30%, var(--palette-clear)) calc(var(--u) * 1.1) calc(var(--u) * 1.5), var(--palette-clear) calc(var(--u) * 1.5) calc(var(--u) * 2.6)), linear-gradient(calc(var(--grain-angle) + 90deg), color-mix(in oklab, var(--palette-white) 10%, var(--palette-clear)) 0, var(--palette-clear) 60%);position:absolute;inset:0}.checkers-cell:after{content:"";z-index:3;pointer-events:none;background:radial-gradient(circle closest-side, var(--palette-clear) 0 52%, var(--palette-sun) 52% 70%, var(--palette-tomato) 70% 100%);opacity:0;border-radius:50%;position:absolute;inset:10%}.checkers-cell:disabled{opacity:1;cursor:default}.checkers-cell:is([data-last-move=true],[data-last-from=true]){background:color-mix(in oklab, var(--sq) 66%, var(--palette-sun))}.checkers-cell[data-last-from=true]{box-shadow:inset 0 0 0 calc(var(--u) * .6) color-mix(in oklab, var(--palette-sun) 70%, var(--palette-clear))}.checkers-cell:focus-visible{outline:var(--stroke-3) solid var(--palette-white);outline-offset:calc(var(--stroke-3) * -1);z-index:4}.checker-piece{--face:var(--palette-ebony);--face-hi:var(--palette-ebony-light);--edge:var(--palette-black);--edge-2:color-mix(in oklab, var(--palette-black) 70%, var(--palette-walnut-deep));--shade:var(--palette-black);z-index:1;width:76%;height:76%;translate:0 calc(var(--u) * -.6);background:radial-gradient(circle at 34% 30%, var(--face-hi) 0 18%, var(--palette-clear) 18.5%), var(--face);box-shadow:0 calc(var(--u) * .6) 0 var(--edge), 0 calc(var(--u) * 1.1) 0 var(--edge-2), 0 calc(var(--u) * 1.4) 0 var(--palette-black-30);transition:translate var(--dur-2) var(--ease-snap), scale var(--dur-2) var(--ease-snap);border-radius:50%;place-items:center;display:grid;position:relative}.checker-white{--face:var(--palette-ivory);--face-hi:var(--palette-white);--edge:var(--palette-ivory-deep);--edge-2:color-mix(in oklab, var(--palette-ivory-deep) 60%, var(--palette-walnut-deep));--shade:var(--palette-ivory-deep)}.checker-piece:before{content:"";border-radius:inherit;background:repeating-conic-gradient(var(--edge) 0 7deg, var(--palette-clear) 7deg 15deg);opacity:.85;-webkit-mask:radial-gradient(circle closest-side, var(--palette-clear) 0 84%, var(--palette-ink) 85%);mask:radial-gradient(circle closest-side, var(--palette-clear) 0 84%, var(--palette-ink) 85%);position:absolute;inset:0}.checker-black:before{background:repeating-conic-gradient(var(--face-hi) 0 7deg, var(--palette-clear) 7deg 15deg)}.checker-piece:after{content:"";border-radius:inherit;pointer-events:none;background:var(--shade);opacity:.21;-webkit-mask:radial-gradient(circle at 38% 32%, var(--palette-clear) 0 58%, var(--palette-ink) 59%);mask:radial-gradient(circle at 38% 32%, var(--palette-clear) 0 58%, var(--palette-ink) 59%);position:absolute;inset:0}.checker-ring{width:58%;height:58%;box-shadow:inset 0 calc(var(--u) * .35) 0 var(--edge), 0 calc(var(--u) * .3) 0 var(--face-hi);border-radius:50%;position:relative}.checker-white .checker-ring{box-shadow:inset 0 calc(var(--u) * .35) 0 var(--edge), 0 calc(var(--u) * .3) 0 var(--palette-white)}.checker-crown{z-index:1;width:56%;height:56%;fill:var(--palette-crown);shape-rendering:crispedges;filter:drop-shadow(0 calc(var(--u) * .35) 0 var(--palette-sun-deep));position:relative}.checkers-cell[data-source=true]{cursor:pointer}.checkers-cell[data-source=true]:hover .checker-piece{translate:0 calc(var(--u) * -1.2)}.checkers-board[data-must-capture=true] .checkers-cell[data-source=true] .checker-piece{outline:calc(var(--u) * .6) solid var(--mark-capture);outline-offset:calc(var(--u) * .5);animation:.9s steps(2,end) infinite checkers-must}.checkers-cell[data-selected=true] .checker-piece,.checkers-cell[data-selected=true]:hover .checker-piece{translate:0 calc(var(--u) * -1.8);box-shadow:0 calc(var(--u) * .6) 0 var(--edge), 0 calc(var(--u) * 1.1) 0 var(--edge-2), 0 calc(var(--u) * 2.6) 0 var(--palette-black-30);scale:1.06}.checkers-cell[data-selected=true]:before{background:var(--palette-white);opacity:.3}.checkers-cell[data-forced=true] .checker-piece{outline:calc(var(--u) * .6) solid var(--palette-sun);outline-offset:calc(var(--u) * .5)}.checkers-cell[data-source=true]:active .checker-piece{translate:0}@keyframes checkers-must{50%{outline-offset:calc(var(--u) * 1)}}.checkers-cell[data-destination=true]{cursor:pointer}.checker-destination{z-index:1;background:radial-gradient(circle closest-side, var(--mark) 0 16%, var(--palette-clear) 18% 58%, color-mix(in oklab, var(--mark) 85%, var(--palette-clear)) 62%, var(--mark) 68% 76%, var(--palette-clear) 78%);width:70%;height:70%;animation:pop-in var(--dur-2) steps(3, end) both;transition:scale var(--dur-2) steps(3, end);border-radius:50%;position:relative}.checkers-cell[data-capture=true] .checker-destination{background:radial-gradient(circle closest-side, var(--mark-capture) 0 24%, var(--palette-clear) 26% 55%, color-mix(in oklab, var(--mark) 85%, var(--palette-clear)) 60%, var(--mark-capture) 66% 76%, var(--palette-clear) 78%)}.checkers-cell[data-destination=true]:before{background:radial-gradient(circle closest-side, var(--palette-clear) 0 55%, color-mix(in oklab, var(--mark) 40%, var(--palette-clear)) 100%)}.checkers-cell[data-destination=true]:is(:hover,:focus-visible) .checker-destination{scale:1.12}.checkers-tray{justify-content:center;gap:var(--space-16);flex-direction:column;align-self:stretch;width:200px;display:none}@container (aspect-ratio>=23/20) and (height>=420px){.checkers-stage[data-scored=true] .checkers-tray{display:flex}}.checkers-captured{align-items:end;gap:var(--space-8) var(--space-12);padding:var(--space-20);border-radius:var(--radius-xl);background:var(--surface-2);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;display:grid}.checkers-captured-label{font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);grid-column:1/-1;font-weight:650}.checkers-captured strong{font-family:var(--font-pixel);font-size:var(--type-display);font-weight:500;line-height:var(--leading-none);font-variant-numeric:tabular-nums;grid-area:2/2}.checkers-captured-stack{min-height:var(--control-xl);padding-top:var(--space-12);flex-direction:column-reverse;grid-area:2/1;justify-content:flex-start;display:flex}.checkers-captured-man{--face:var(--palette-ebony-light);--edge:var(--palette-ebony);width:var(--control-lg);height:var(--space-12);margin-top:calc(var(--space-4) * -1);border-radius:var(--radius-pill);background:var(--face);box-shadow:0 var(--space-4) 0 var(--edge);display:block}.checkers-captured-man:nth-child(2n){translate:var(--space-2) 0}.checkers-captured-man.checker-white{--face:var(--palette-ivory);--edge:var(--palette-ivory-deep)}.checkers-captured-man[data-taken=false]{--face:var(--surface-3);--edge:var(--line-strong);opacity:.6}.checkers-caption{min-height:var(--control);max-width:100%;margin:var(--space-0);padding:var(--space-0) var(--space-24);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:650;line-height:var(--leading-snug);text-align:center;justify-content:center;align-items:center;display:flex}.checkers-board[data-must-capture=true]~.checkers-caption,.checkers-fit:has([data-must-capture=true],[data-forced=true]) .checkers-caption{background:var(--invert);color:var(--invert-text)}.checkers-caption[data-empty=true]{visibility:hidden}.checkers-stage[data-readonly=true] .checkers-caption{display:none}:is(.result-board,.spec-board) .checkers-tray{display:none!important}.result-board .checkers-fit{--side:min(96cqw, 100cqh - var(--space-12));--caption-h:0px}.spec-board .checkers-fit{--side:min(320px, 80vw);--caption-h:0px}:is(.result-board,.spec-board) .checkers-caption{display:none}@media (width>=1000px) and (height>=501px){.match-desk[data-game=checkers]:not([data-phase=waiting]) .desk-layout{grid-template-columns:minmax(260px, 340px) minmax(0, calc(100dvh - var(--desk-bar-height) + 120px));justify-content:center;gap:var(--space-16) var(--space-32);grid-template-rows:minmax(0,1fr) auto;display:grid}.match-desk[data-game=checkers]:not([data-phase=waiting]) .desk-players{justify-content:center;gap:var(--space-12);flex-direction:column;grid-area:1/1;overflow:visible}.match-desk[data-game=checkers]:not([data-phase=waiting]) .desk-play{grid-area:1/2}.match-desk[data-game=checkers]:not([data-phase=waiting]) .desk-replay-controls{grid-area:2/1/auto/-1}.match-desk[data-game=checkers] .desk-players>.desk-player{min-height:96px;padding:var(--space-16) var(--space-20) var(--space-20) var(--space-16);flex:none}}.match-desk[data-stream=true] .checkers-caption{font-size:var(--type-title)}@media (width<=650px){.checkers-stage[data-readonly=false]{--caption-h:calc(var(--control-sm) + var(--space-12))}.checkers-fit{gap:var(--space-10)}.checkers-caption{min-height:var(--control-sm);padding:var(--space-0) var(--space-16);font-size:var(--type-body)}}@media (prefers-reduced-motion:reduce){.checker-destination,.checkers-board[data-must-capture=true] .checkers-cell[data-source=true] .checker-piece{animation:none}.checker-piece,.checker-destination{transition:none}}.checkers-fit{--ink-w:max(var(--stroke-2), calc(var(--u) * .5));--line-w:max(var(--stroke-1), calc(var(--u) * .2));--grid-line:color-mix(in oklab, var(--sketch-ink) 45%, var(--palette-clear))}.checkers-stage{--sq-light:color-mix(in oklab, var(--palette-maple) 80%, var(--palette-white));--sq-dark:color-mix(in oklab, var(--palette-walnut) 80%, var(--palette-white))}.checkers-stage .checkers-frame{background:color-mix(in oklab, var(--palette-walnut-deep) 80%, var(--palette-white));box-shadow:none}.checkers-stage .checkers-frame:before{display:none}.checkers-stage .checkers-frame:after{z-index:3;box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink);filter:var(--doodle-filter);animation:var(--doodle-boil);background:0 0}.checkers-stage :is(.checkers-ranks,.checkers-files){color:var(--sketch-ink)}.checkers-stage .checkers-board{background:var(--sketch-paper);box-shadow:0 0 0 var(--ink-w) var(--sketch-ink)}.checkers-stage .checkers-cell{background:var(--sq);box-shadow:inset 0 0 0 calc(var(--line-w) / 2) var(--grid-line)}.checkers-stage .checkers-cell:before{background:0 0}.checkers-stage .checkers-cell:is([data-last-move=true],[data-last-from=true]){background:color-mix(in oklab, var(--sq) 45%, var(--palette-sun));box-shadow:inset 0 0 0 calc(var(--line-w) / 2) var(--grid-line)}.checkers-stage .checkers-cell[data-last-from=true]{background:color-mix(in oklab, var(--sq) 70%, var(--palette-sun))}.checkers-stage .checkers-cell:focus-visible{outline:var(--stroke-3) solid var(--sketch-ink);box-shadow:inset 0 0 0 calc(var(--stroke-3) * 2) var(--palette-sun)}.checkers-stage .checkers-cell:after{background:radial-gradient(circle closest-side, var(--palette-clear) 0 50%, var(--sketch-ink) 50% 56%, var(--palette-sun) 56% 70%, var(--sketch-ink) 70% 76%, var(--palette-clear) 76%)}.checkers-stage .checker-piece{--face:color-mix(in oklab, var(--palette-ebony) 85%, var(--palette-white));--groove:var(--palette-g700);background:var(--face);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink);translate:0}.checkers-stage .checker-white{--face:var(--palette-ivory);--groove:var(--palette-g400)}.checkers-stage .checker-piece:before,.checkers-stage .checker-piece:after{display:none}.checkers-stage .checker-ring{box-shadow:inset 0 0 0 calc(var(--ink-w) * .6) var(--groove)}.checkers-stage .checker-crown{filter:none;stroke:var(--sketch-ink);stroke-width:.7px;stroke-linejoin:round;paint-order:stroke fill;overflow:visible}.checkers-stage .checkers-cell[data-source=true]:hover .checker-piece{translate:0 calc(var(--u) * -.8)}.checkers-stage .checkers-cell[data-selected=true] .checker-piece,.checkers-stage .checkers-cell[data-selected=true]:hover .checker-piece{translate:0 calc(var(--u) * -1.2);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink)}.checkers-stage .checkers-cell[data-selected=true]:before{background:var(--palette-sun);opacity:1;box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink)}.checkers-stage .checkers-board[data-must-capture=true] .checkers-cell[data-source=true] .checker-piece,.checkers-stage .checkers-cell[data-forced=true] .checker-piece{outline:var(--ink-w) solid var(--sketch-ink);outline-offset:calc(var(--u) * .7);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink), 0 0 0 calc(var(--u) * .7) var(--palette-sun)}.checkers-stage .checker-destination{background:var(--palette-sun);width:40%;height:40%;box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink)}.checkers-stage .checkers-cell[data-capture=true] .checker-destination{background:color-mix(in oklab, var(--palette-tomato) 70%, var(--palette-white))}.checkers-stage .checkers-cell[data-destination=true]:before{background:color-mix(in oklab, var(--palette-sun) 40%, var(--palette-clear))}.checkers-stage .checkers-captured{background:var(--sketch-paper);color:var(--sketch-ink);box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.checkers-stage .checkers-captured-label{color:color-mix(in oklab, var(--sketch-ink) 65%, var(--sketch-paper))}.checkers-stage .checkers-captured-man{--face:color-mix(in oklab, var(--palette-ebony) 85%, var(--palette-white));box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.checkers-stage .checkers-captured-man.checker-white{--face:var(--palette-ivory)}.checkers-stage .checkers-captured-man[data-taken=false]{--face:var(--sketch-paper);opacity:1;box-shadow:inset 0 0 0 var(--stroke-1) color-mix(in oklab, var(--sketch-ink) 35%, var(--palette-clear))}.playing-card{width:var(--card-w,56px);aspect-ratio:5/7;transform-style:preserve-3d;vertical-align:middle;border-radius:11%/8%;flex:none;display:inline-block;position:relative}.playing-card-face,.playing-card-back{border-radius:inherit;backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.playing-card-face{background:var(--palette-card);color:var(--palette-card-black);box-shadow:inset 0 0 0 var(--stroke-1) var(--palette-ink-10), 0 var(--stroke-1) var(--stroke-2) var(--palette-black-30), 0 var(--depth-2) var(--depth-3) calc(var(--depth-1) * -1) var(--palette-black-30)}.playing-card[data-red=true] .playing-card-face{color:var(--palette-card-red)}.playing-card-face:after{content:"";pointer-events:none;background:var(--palette-ink);opacity:.07;-webkit-mask:linear-gradient(var(--palette-clear), var(--palette-ink)) bottom / 100% var(--ramp-length) no-repeat;mask:linear-gradient(var(--palette-clear), var(--palette-ink)) bottom / 100% var(--ramp-length) no-repeat;position:absolute;inset:0}.playing-card-back{transform:rotateY(180deg)}.playing-card.card-hidden .playing-card-back{transform:none}.playing-card-back{--lattice:calc(var(--card-w,56px) * .14);--lattice-line:color-mix(in oklab, var(--palette-card) 42%, var(--palette-clear));background:var(--palette-card);box-shadow:inset 0 0 0 var(--stroke-1) var(--palette-ink-10), 0 var(--stroke-1) var(--stroke-2) var(--palette-black-30), 0 var(--depth-2) var(--depth-3) calc(var(--depth-1) * -1) var(--palette-black-30)}.playing-card-back:before{content:"";inset:calc(var(--card-w,56px) * .07);border-radius:calc(var(--card-w,56px) * .06);background:linear-gradient(var(--palette-card-back) 0 0) 50% 50% / calc(var(--card-w,56px) * .2 - var(--stroke-1) * 2) calc(var(--card-w,56px) * .2 - var(--stroke-1) * 2) no-repeat, linear-gradient(var(--lattice-line) 0 0) 50% 50% / calc(var(--card-w,56px) * .2) calc(var(--card-w,56px) * .2) no-repeat, linear-gradient(var(--palette-card-back-deep) 0 0) 50% 50% / calc(var(--card-w,56px) * .3) calc(var(--card-w,56px) * .3) no-repeat, linear-gradient(var(--lattice-line) 0 0) 50% 50% / calc(var(--card-w,56px) * .3 + var(--stroke-1) * 2) calc(var(--card-w,56px) * .3 + var(--stroke-1) * 2) no-repeat, repeating-linear-gradient(45deg, var(--lattice-line) 0 var(--stroke-1), var(--palette-clear) var(--stroke-1) var(--lattice)), repeating-linear-gradient(-45deg, var(--lattice-line) 0 var(--stroke-1), var(--palette-clear) var(--stroke-1) var(--lattice)), radial-gradient(ellipse at 50% 40%, var(--palette-card-back) 0 45%, var(--palette-card-back-deep) 100%);box-shadow:inset 0 0 0 var(--stroke-1) var(--palette-card-back-deep), inset 0 0 0 calc(var(--card-w,56px) * .03) var(--palette-card-back), inset 0 0 0 calc(var(--card-w,56px) * .03 + var(--stroke-1)) var(--lattice-line);opacity:.62;position:absolute}.standard-card-face{width:100%;height:100%;display:block}.standard-card-face .card-paper{fill:none}.standard-card-face .card-corner text{fill:currentColor;font-family:var(--font-ui);letter-spacing:var(--tracking-tight);font-weight:800}.standard-card-face .court-panel{fill:var(--palette-sun);fill-opacity:.2;stroke:currentColor;stroke-opacity:.55;stroke-width:1.2px}.standard-card-face .court-frame{fill:none;stroke:currentColor;stroke-opacity:.22;stroke-width:.8px}.standard-card-face .court-band{stroke:currentColor;stroke-opacity:.3;stroke-width:1px}.standard-card-face .court-ink{fill:currentColor}.card-fan{align-items:center;gap:var(--space-4);display:flex}.card-slot{width:var(--card-w,56px);aspect-ratio:5/7;border:var(--stroke-2) dashed var(--line-strong);border-radius:11%/8%;flex:none}.poker-chip-stacks{--chip-w:34px;--chip-h:9px;align-items:flex-end;gap:var(--space-2);display:inline-flex}.poker-chip-stack{filter:drop-shadow(0 var(--stroke-2) var(--stroke-2) var(--palette-black-30));flex-direction:column-reverse;display:flex}.poker-chip-stack+.poker-chip-stack{margin-left:calc(var(--chip-w) * -.18)}.poker-chip-stack:nth-child(2n){translate:0 calc(var(--chip-h) * .4)}:is(.poker-chip,.poker-chip-top){--chip:var(--palette-chip-red);--chip-edge:var(--palette-chip-white)}:is(.poker-chip,.poker-chip-top)[data-chip=blue]{--chip:var(--palette-chip-blue)}:is(.poker-chip,.poker-chip-top)[data-chip=green]{--chip:var(--palette-chip-green)}:is(.poker-chip,.poker-chip-top)[data-chip=black]{--chip:var(--palette-chip-black);--chip-edge:var(--palette-sun)}:is(.poker-chip,.poker-chip-top)[data-chip=white]{--chip:var(--palette-chip-white);--chip-edge:var(--palette-chip-blue)}.poker-chip{width:var(--chip-w);height:var(--chip-h);margin-top:calc(var(--chip-h) * -.22);border-radius:var(--radius-xs);background:var(--chip);box-shadow:inset 0 var(--stroke-1) 0 color-mix(in oklab, var(--chip) 60%, var(--palette-white)), 0 0 0 var(--stroke-1) color-mix(in oklab, var(--chip) 45%, var(--palette-black));display:block;position:relative;overflow:hidden}.poker-chip:before{content:"";inset:var(--stroke-1) 0 var(--stroke-2);background:repeating-linear-gradient(90deg, var(--palette-clear) 0 18%, var(--chip-edge) 18% 32%);opacity:.75;position:absolute}.poker-chip:after{content:"";background:color-mix(in oklab, var(--chip) 50%, var(--palette-black));opacity:.17;-webkit-mask:linear-gradient(var(--palette-ink), var(--palette-ink)) bottom / 100% 50% no-repeat;mask:linear-gradient(var(--palette-ink), var(--palette-ink)) bottom / 100% 50% no-repeat;position:absolute;inset:0}.poker-chip-top{width:var(--chip-size,22px);aspect-ratio:1;background:radial-gradient(circle, var(--chip) 0 40%, var(--chip-edge) 41% 44%, var(--chip) 45% 62%, var(--palette-clear) 63%), repeating-conic-gradient(var(--chip-edge) 0 20deg, var(--chip) 20deg 60deg);box-shadow:0 0 0 var(--stroke-1) color-mix(in oklab, var(--chip) 45%, var(--palette-black)), 0 var(--stroke-1) var(--stroke-2) var(--palette-black-30);border-radius:50%;flex:none;display:block;position:relative}.poker-chip-top:after{content:"";border-radius:inherit;background:var(--palette-black);opacity:.07;-webkit-mask:linear-gradient(var(--palette-ink), var(--palette-ink)) bottom / 100% 45% no-repeat;mask:linear-gradient(var(--palette-ink), var(--palette-ink)) bottom / 100% 45% no-repeat;position:absolute;inset:0}.poker-workspace{--on-felt:var(--palette-white);--felt-ink:color-mix(in oklab, var(--palette-baize-deep) 55%, var(--palette-black));--felt-pill:color-mix(in oklab, var(--felt-ink) 82%, var(--palette-clear));--table-w:min(100%, max(640px, (100cqh - 200px) * 2.3));justify-items:center;gap:var(--space-10);width:100%;height:100%;min-height:0;color:var(--text);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden;container:poker-workspace/inline-size}.poker-workspace>*{width:100%;max-width:var(--table-w)}.poker-workspace>.card-controls{max-width:max(var(--table-w), min(100%, 1080px))}.poker-workspace:not(:has(>.card-controls)){--table-w:min(100%, max(640px, (100cqh - 60px) * 2.2))}.cards-heading{align-items:center;gap:var(--space-10);min-height:var(--control-xs);display:flex}.cards-heading .ui-badge{text-transform:capitalize}.cards-heading .ui-button{margin-left:auto}.poker-heading-meta{font-family:var(--font-pixel);font-size:var(--type-body);color:var(--text-muted);font-variant-numeric:tabular-nums}.poker-table{isolation:isolate;height:100%;min-height:260px;position:relative;container:poker-table/size}.poker-table>*{--rail:clamp(14px, 2.6cqmin, 28px);--felt-w:min(100cqw - 24px, 200cqh);--felt-top:8cqh;--felt-h:72cqh;--felt-a:calc(var(--felt-w) / 2);--felt-b:calc(var(--felt-h) / 2);--felt-cy:calc(var(--felt-top) + var(--felt-b));--plate-h:60px;--board-card:clamp(40px, min(7cqw, 15cqh), 104px);--board-gap:clamp(var(--space-6), .9cqw, var(--space-12));--seat-card:clamp(30px, min(3.8cqw, 9cqh), 52px);--hero-card:clamp(46px, min(6.6cqw, 15cqh), 96px);--seat-w:clamp(168px, 16cqw, 224px);--hero-w:clamp(190px, 19cqw, 260px);--hero-plate:var(--hero-w);--hero-span:calc(var(--hero-card) * 4.6 + var(--space-24))}.poker-felt{left:50%;top:var(--felt-top);z-index:-1;width:var(--felt-w);height:var(--felt-h);border-radius:var(--radius-pill);background:var(--palette-rail);box-shadow:inset 0 0 0 var(--stroke-2) var(--palette-rail-deep), 0 var(--depth-3) 0 color-mix(in oklab, var(--palette-rail-deep) 70%, var(--palette-black)), 0 var(--depth-4) 28px calc(var(--depth-1) * -1) var(--palette-black-30);position:absolute;translate:-50%}.poker-rail-grain{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.poker-rail-grain:before{content:"";background:linear-gradient(color-mix(in oklab, var(--palette-rail-light) 85%, var(--palette-clear)), var(--palette-clear) 45%);position:absolute;inset:0}.poker-rail-grain:after{content:"";background:linear-gradient(var(--palette-clear) 52%, color-mix(in oklab, var(--palette-rail-deep) 60%, var(--palette-clear)));position:absolute;inset:0}.poker-baize{inset:var(--rail);border-radius:inherit;background:var(--palette-baize);box-shadow:0 0 0 var(--stroke-2) var(--palette-rail-deep), inset 0 0 0 var(--stroke-1) var(--palette-black-30), inset 0 var(--depth-2) 18px var(--palette-black-30);position:absolute;overflow:hidden}.poker-baize:before,.poker-baize:after{content:"";pointer-events:none;position:absolute;inset:0}.poker-baize:before{background:radial-gradient(ellipse 58% 62% at 50% 46%, var(--palette-clear) 58%, color-mix(in oklab, var(--palette-baize-deep) 70%, var(--palette-clear)) 100%)}.poker-baize:after{background:radial-gradient(ellipse 38% 44% at 50% 44%, color-mix(in oklab, var(--palette-baize-line) 55%, var(--palette-clear)) 0%, var(--palette-clear) 72%)}.poker-felt-line{z-index:1;border:var(--stroke-2) solid var(--palette-baize-line);border-radius:var(--radius-pill);opacity:.85;position:absolute;inset:11% 7%}.cards-center{left:50%;top:var(--felt-cy);z-index:1;place-items:center;gap:var(--space-10) var(--space-16);width:max-content;max-width:min(calc(var(--felt-w) * .72), 760px);grid-template-columns:auto auto;display:grid;position:absolute;transform:translate(-50%,-42%)}.cards-center>.poker-table-story,.cards-center>.poker-hand-result{grid-column:1/-1}.poker-pot{align-content:end;justify-items:center;gap:var(--space-8);min-width:120px;color:var(--on-felt);display:grid}.poker-pot .poker-chip-stacks{--chip-w:40px;--chip-h:11px;min-height:calc(var(--chip-h) * 4)}.poker-pot-readout{justify-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-16) var(--space-10);border-radius:var(--radius-lg);background:var(--felt-pill);display:grid}.poker-pot-readout>span{font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:color-mix(in oklab, var(--on-felt) 72%, var(--palette-baize));font-weight:700}.poker-pot-readout strong{min-width:3ch;font-family:var(--font-pixel);font-size:var(--type-score);font-weight:600;line-height:var(--leading-none);font-variant-numeric:tabular-nums}.poker-board{align-items:center;display:flex}.poker-board .card-fan{gap:var(--board-gap)}.poker-board .playing-card,.poker-board .card-slot{--card-w:var(--board-card)}.poker-board .playing-card{animation:poker-deal .52s var(--ease-out) both;animation-delay:calc(var(--deal,0) * .11s)}@keyframes poker-deal{0%{opacity:0;transform:rotateY(180deg)scale(.92)}30%{opacity:1}to{transform:none}}.poker-table-story{justify-content:center;align-items:center;gap:var(--space-8);min-height:var(--control-xs);max-width:100%;font-size:var(--type-small);color:var(--on-felt);display:flex;position:relative}.poker-table-story>strong,.poker-table-story>span,.poker-table-story summary{padding:var(--space-6) var(--space-12);border-radius:var(--radius-pill);background:var(--felt-pill);color:var(--on-felt)}.poker-table-story>strong{white-space:nowrap;text-overflow:ellipsis;animation:rise-in var(--dur-3) var(--ease-out) both;font-weight:600;overflow:hidden}.poker-table-story>strong span{font-weight:800}.poker-table-story summary{cursor:pointer;font-size:var(--type-caption);transition:background-color var(--dur-2) linear;font-weight:700;list-style:none}.poker-table-story summary::-webkit-details-marker{display:none}.poker-table-story summary:hover{background:var(--felt-ink)}.poker-table-story summary:focus-visible{outline:var(--stroke-2) solid var(--on-felt);outline-offset:var(--space-2)}.poker-table-story details{position:relative}.poker-table-story ol{left:50%;top:calc(100% + var(--space-8));z-index:5;gap:var(--space-6);--log-w:min(320px, 80vw);width:var(--log-w);margin:var(--space-0) var(--space-0) var(--space-0) calc(var(--log-w) / -2);padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);background:var(--raised);box-shadow:var(--shadow);font-size:var(--type-small);color:var(--text);animation:rise-in var(--dur-2) var(--ease-out) both;list-style:none;display:grid;position:absolute}.poker-table-story ol small{font-size:var(--type-micro);color:var(--text-faint);font-weight:700;display:block}.poker-hand-result{justify-items:center;gap:var(--space-8);min-width:min(320px,78cqw);padding:var(--space-12) var(--space-20) var(--space-16);border-radius:var(--radius-lg);background:var(--raised);box-shadow:var(--shadow);color:var(--text);text-align:center;animation:pop-in var(--dur-3) var(--ease-out) both;display:grid;position:relative;overflow:hidden}.poker-hand-result>strong{font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:700;line-height:var(--leading-tight)}.poker-result-hands{justify-content:center;gap:var(--space-8) var(--space-16);flex-wrap:wrap;display:flex}.poker-result-hand{align-items:center;gap:var(--space-8);font-size:var(--type-small);color:var(--text-muted);font-weight:600;display:flex}.poker-result-hand .card-fan{gap:var(--space-2)}.poker-result-hand .playing-card{--card-w:30px}.poker-result-note{font-size:var(--type-small);color:var(--text-muted)}.poker-result-meta{justify-content:center;gap:var(--space-4) var(--space-12);font-size:var(--type-caption);color:var(--text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;font-weight:600;display:flex}.poker-result-progress{background:var(--surface-3);height:4px;position:absolute;inset:auto 0 0}.poker-result-progress>span{background:var(--invert);transform-origin:0;height:100%;transform:scaleX(var(--progress,0));transition:transform .1s linear;display:block}.card-seats{z-index:2;pointer-events:none;outline:none;position:absolute;inset:0}.card-seats:focus-visible{outline:var(--stroke-2) solid var(--focus);outline-offset:calc(var(--stroke-2) * -1);border-radius:var(--radius-lg)}.poker-orbit-seat{--w:var(--seat-w);--card-w:var(--seat-card);left:clamp(calc(var(--w) / 2), var(--x,50cqw), calc(100cqw - var(--w) / 2));align-items:center;gap:var(--space-6);width:var(--w);margin-left:calc(var(--w) / -2);pointer-events:auto;animation:rise-in var(--dur-4) var(--ease-out) both;flex-direction:column;display:flex;position:absolute}.poker-orbit-seat[data-self=true]{--w:var(--hero-w);--card-w:var(--hero-card)}.poker-orbit-seat[data-slot=hero]{--x:50cqw;bottom:0}.poker-orbit-seat[data-slot=top]{--x:50cqw;top:max(0px, calc(var(--felt-top) - var(--plate-h) * .55))}.poker-orbit-seat:is([data-slot=upper-left],[data-slot=upper-right]){top:max(0px, calc(var(--felt-cy) - var(--felt-b) * .97 - var(--plate-h) / 2))}.poker-orbit-seat[data-slot=upper-left]{--x:calc(50cqw - var(--felt-a) * .67)}.poker-orbit-seat[data-slot=upper-right]{--x:calc(50cqw + var(--felt-a) * .67)}.poker-orbit-seat:is([data-slot=lower-left],[data-slot=lower-right]){bottom:max(0px, calc(100cqh - var(--felt-cy) - var(--felt-b) * .7 - var(--plate-h) / 2))}.poker-orbit-seat[data-slot=lower-left]{--x:calc(50cqw - var(--felt-a) * .8)}.poker-orbit-seat[data-slot=lower-right]{--x:calc(50cqw + var(--felt-a) * .8)}.poker-orbit-seat:is([data-slot=left],[data-slot=right]){top:calc(var(--felt-cy) - var(--plate-h) * 1.5)}.poker-orbit-seat[data-slot=left]{--x:calc(50cqw - var(--felt-a) * .88)}.poker-orbit-seat[data-slot=right]{--x:calc(50cqw + var(--felt-a) * .88)}.poker-orbit-seat:is([data-slot=top],[data-slot=upper-left],[data-slot=upper-right],[data-slot=left],[data-slot=right]) .poker-seat-nameplate,.poker-orbit-seat[data-slot=hero] .poker-hand-info{order:-1}.poker-orbit-seat[data-slot=top]{place-items:center;column-gap:var(--space-8);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"plate plate plate"".cards info";display:grid}.poker-orbit-seat[data-slot=top] .poker-seat-nameplate{grid-area:plate}.poker-orbit-seat[data-slot=top] .poker-hole-cards{grid-area:cards}.poker-orbit-seat[data-slot=top] .poker-hand-info{grid-area:info;justify-self:start}.poker-orbit-seat[data-slot=top] .poker-round-status{align-items:flex-start;gap:var(--space-4);flex-direction:column}.poker-orbit-seat:is([data-slot=upper-left],[data-slot=upper-right],[data-slot=left],[data-slot=right],[data-slot=lower-left],[data-slot=lower-right]){place-items:center;column-gap:var(--space-8);row-gap:var(--space-0);display:grid}.poker-orbit-seat:is([data-slot=upper-left],[data-slot=left]){grid-template-areas:"plate plate""cards info"}.poker-orbit-seat:is([data-slot=upper-right],[data-slot=right]){grid-template-areas:"plate plate""info cards"}.poker-orbit-seat[data-slot=lower-left]{grid-template-areas:"cards info""plate plate"}.poker-orbit-seat[data-slot=lower-right]{grid-template-areas:"info cards""plate plate"}.poker-orbit-seat:is([data-slot=upper-left],[data-slot=upper-right],[data-slot=left],[data-slot=right],[data-slot=lower-left],[data-slot=lower-right]) .poker-seat-nameplate{grid-area:plate}.poker-orbit-seat:is([data-slot=upper-left],[data-slot=upper-right],[data-slot=left],[data-slot=right],[data-slot=lower-left],[data-slot=lower-right]) .poker-hole-cards{grid-area:cards}.poker-orbit-seat:is([data-slot=upper-left],[data-slot=upper-right],[data-slot=left],[data-slot=right],[data-slot=lower-left],[data-slot=lower-right]) .poker-hand-info{grid-area:info}.poker-orbit-seat:is([data-slot=upper-left],[data-slot=upper-right],[data-slot=left],[data-slot=right],[data-slot=lower-left],[data-slot=lower-right]) .poker-round-status{align-items:flex-start;gap:var(--space-4);flex-direction:column}.poker-orbit-seat:is([data-slot=upper-right],[data-slot=right],[data-slot=lower-right]) .poker-round-status{align-items:flex-end}.poker-position-badges{z-index:2;position:absolute}.poker-orbit-seat:is([data-slot=upper-left],[data-slot=left],[data-slot=top]) .poker-position-badges{left:calc(100% - var(--space-16));top:calc(var(--plate-h) / 2);translate:0 -50%}.poker-orbit-seat:is([data-slot=upper-right],[data-slot=right]) .poker-position-badges{right:calc(100% - var(--space-16));top:calc(var(--plate-h) / 2);translate:0 -50%}.poker-orbit-seat[data-slot=lower-left] .poker-position-badges{left:calc(100% - var(--space-16));bottom:calc(var(--plate-h) / 2);translate:0 50%}.poker-orbit-seat[data-slot=lower-right] .poker-position-badges{right:calc(100% - var(--space-16));bottom:calc(var(--plate-h) / 2);translate:0 50%}.poker-orbit-seat[data-slot=hero] .poker-position-badges{position:static;translate:none}.poker-orbit-seat[data-slot=hero]{--w:var(--hero-span);column-gap:var(--space-12);row-gap:var(--space-0);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"info cards.""plate plate plate";place-items:end center;display:grid}.poker-orbit-seat[data-slot=hero] .poker-seat-nameplate{width:var(--hero-plate);grid-area:plate;max-width:100%}.poker-orbit-seat[data-slot=hero] .poker-hole-cards{margin-bottom:calc(var(--card-w) * -.12);grid-area:cards}.poker-orbit-seat[data-slot=hero] .poker-hand-info{grid-area:info;place-self:center end}.poker-orbit-seat[data-slot=hero] .poker-round-status{align-items:flex-end;gap:var(--space-4);flex-direction:column}.poker-hole-cards{isolation:isolate;justify-content:center;display:flex;position:relative}.poker-hole-cards .card-fan{gap:var(--space-0)}.poker-hole-cards .playing-card{transition:translate var(--dur-3) var(--ease-out), opacity var(--dur-3) linear, filter var(--dur-3) linear;animation:poker-hole-flip .46s var(--ease-out) both;animation-delay:calc(var(--i,0) * 80ms)}.poker-hole-cards .playing-card+.playing-card{margin-left:calc(var(--card-w) * -.4)}.poker-hole-cards .playing-card:first-child{rotate:-5deg}.poker-hole-cards .playing-card:nth-child(2){rotate:5deg}.poker-orbit-seat[data-self=true] .poker-hole-cards .card-fan{gap:var(--space-6)}.poker-orbit-seat[data-self=true] .poker-hole-cards .playing-card+.playing-card{margin-left:var(--space-0)}.poker-orbit-seat[data-self=true] .poker-hole-cards .playing-card:first-child{rotate:-3deg}.poker-orbit-seat[data-self=true] .poker-hole-cards .playing-card:nth-child(2){rotate:3deg}.poker-hole-cards .playing-card.card-hidden{animation-name:poker-hole-slide}@keyframes poker-hole-flip{0%{opacity:0;transform:rotateY(180deg)}40%{opacity:1}to{transform:none}}@keyframes poker-hole-slide{0%{opacity:0;translate:0 calc(var(--px) * 4)}to{opacity:1}}.poker-orbit-seat[data-folded=true] .poker-hole-cards .playing-card{opacity:.35;filter:grayscale()}.poker-orbit-seat:not([data-self=true]) .poker-seat-nameplate{z-index:1}.poker-orbit-seat:is([data-slot=top],[data-slot=upper-left],[data-slot=upper-right],[data-slot=left],[data-slot=right]) .poker-hole-cards{margin-top:calc(var(--card-w) * -.42)}.poker-orbit-seat:is([data-slot=lower-left],[data-slot=lower-right]) .poker-hole-cards{margin-bottom:calc(var(--card-w) * -.42)}.poker-hole-cards:before{content:"";z-index:-1;pointer-events:none;background:var(--palette-sun);opacity:0;-webkit-mask:radial-gradient(closest-side, var(--palette-ink) 94%, var(--palette-clear) 95%);mask:radial-gradient(closest-side, var(--palette-ink) 94%, var(--palette-clear) 95%);position:absolute;inset:-20% -16%}.poker-orbit-seat[data-winner=true] .poker-hole-cards:before{opacity:.32;animation:1.2s steps(2,end) infinite poker-glow}.poker-orbit-seat[data-winner=true] .poker-hole-cards .playing-card{translate:0 calc(var(--px) * -3)}@keyframes poker-glow{50%{opacity:.53}}.poker-payout{z-index:3;margin-left:var(--space-0);padding:var(--space-4) var(--space-10);border-radius:var(--radius-pill);background:var(--invert);color:var(--invert-text);font-family:var(--font-pixel);font-size:var(--type-lead);font-variant-numeric:tabular-nums;white-space:nowrap;animation:poker-payout .6s var(--ease-out) .2s both;font-weight:600;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes poker-payout{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.poker-seat-nameplate{align-items:center;gap:var(--space-10);width:100%;min-width:0;min-height:var(--plate-h);padding:var(--space-8) var(--space-16) var(--space-8) var(--space-8);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);transition:background-color var(--dur-3) linear, color var(--dur-3) linear, opacity var(--dur-3) linear;grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.poker-player-identity{display:contents}.poker-seat-avatar{grid-column:1;place-items:center;display:grid}.poker-player-identity .player-name-label{min-width:0;line-height:var(--leading-snug);grid-column:2;display:grid}.poker-player-identity .player-name-label strong{white-space:nowrap;text-overflow:ellipsis;font-size:var(--type-body);letter-spacing:var(--tracking-tight);color:inherit;font-weight:700;overflow:hidden}.poker-player-identity .player-name-label small{white-space:nowrap;text-overflow:ellipsis;font-size:var(--type-micro);color:var(--text-muted);font-weight:600;overflow:hidden}.poker-seat-stack{font-family:var(--font-pixel);font-size:var(--type-title);font-weight:600;line-height:var(--leading-none);font-variant-numeric:tabular-nums;grid-column:3}.poker-turn-bar{left:var(--space-20);right:var(--space-20);bottom:var(--space-4);border-radius:var(--radius-pill);background:color-mix(in oklab, var(--invert-text) 22%, var(--palette-clear));height:4px;position:absolute;overflow:hidden}.poker-turn-bar>span{background:var(--invert-text);transform-origin:0;height:100%;transform:scaleX(var(--progress,1));transition:transform .2s steps(2,end);display:block}.poker-turn-bar[data-urgent=true]>span{background:var(--danger)}.poker-orbit-seat[data-active=true] .poker-seat-nameplate{background:var(--invert);color:var(--invert-text)}.poker-orbit-seat[data-active=true] .player-name-label small{color:var(--invert-muted)}.poker-orbit-seat[data-folded=true] .poker-seat-nameplate{color:var(--text-muted)}.poker-orbit-seat[data-folded=true] .poker-seat-avatar{opacity:.45;filter:grayscale()}.poker-hand-info{z-index:2;min-height:var(--control-xs);justify-content:center;display:flex}.poker-round-status{align-items:center;gap:var(--space-6);white-space:nowrap;display:flex}.poker-position-badges{gap:var(--space-4);display:flex}.poker-token{--puck:var(--palette-chip-black);--puck-ink:var(--palette-white);width:var(--puck-size,30px);height:var(--puck-size,30px);background:var(--puck);color:var(--puck-ink);box-shadow:inset 0 0 0 var(--stroke-2) color-mix(in oklab, var(--puck) 70%, var(--palette-black)), 0 var(--depth-1) 0 var(--palette-black-30);font-family:var(--font-ui);font-size:var(--type-micro);font-weight:800;line-height:var(--leading-none);border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.poker-token:before{content:"";inset:var(--stroke-3);border-radius:inherit;background:linear-gradient(160deg, var(--palette-white-14), var(--palette-clear) 60%);box-shadow:0 0 0 var(--stroke-1) color-mix(in oklab, var(--puck-ink) 35%, var(--palette-clear));position:absolute}.poker-token[data-token=dealer]{--puck:var(--palette-white);--puck-ink:var(--palette-ink);font-size:var(--type-body)}.poker-token[data-token=sb]{--puck:var(--palette-chip-blue)}.poker-token[data-token=bb]{--puck:var(--palette-chip-black);--puck-ink:var(--palette-sun)}.poker-seat-status{align-items:center;gap:var(--space-6);height:var(--control-xs);padding:var(--space-0) var(--space-12);border-radius:var(--radius-pill);background:var(--surface-2);font-size:var(--type-caption);color:var(--text);font-weight:700;display:inline-flex}.poker-seat-status:before{content:"";background:var(--dot,var(--text-faint));border-radius:50%;flex:none;width:8px;height:8px;display:none}.poker-seat-status:is([data-tone=live],[data-tone=win],[data-tone=all-in]):before{display:block}.poker-seat-status[data-tone=live]{--dot:var(--live)}.poker-seat-status[data-tone=live]:before{animation:1.1s step-end infinite blink}.poker-seat-status[data-tone=win]{--dot:var(--palette-sun);background:var(--invert);color:var(--invert-text)}.poker-seat-status[data-tone=all-in]{--dot:var(--danger);text-transform:uppercase;letter-spacing:var(--tracking-label);font-weight:800}.poker-seat-status[data-tone=muted]{color:var(--text-muted)}.poker-seat-bet{align-items:center;gap:var(--space-6);height:var(--control-xs);padding:var(--space-0) var(--space-12) var(--space-0) var(--space-8);border-radius:var(--radius-pill);background:var(--felt-pill);color:var(--on-felt);font-family:var(--font-pixel);font-size:var(--type-lead);font-variant-numeric:tabular-nums;font-weight:600;display:inline-flex}.poker-seat-bet[data-empty=true]{display:none}.card-controls{align-items:center;gap:var(--space-12) var(--space-24);padding:var(--space-16) var(--space-20);border-radius:var(--radius-xl);background:var(--surface);animation:slide-up var(--dur-3) var(--ease-out) both;grid-template:"hand wager""actions wager"/auto minmax(0,1fr);display:grid}.card-controls:not(:has(.poker-wager)){grid-template:"hand actions"/minmax(0,1fr) auto}.poker-own-hand{align-items:baseline;gap:var(--space-4) var(--space-16);flex-wrap:wrap;grid-area:hand;min-width:0;display:flex}.poker-own-hand>div{align-items:baseline;gap:var(--space-10);display:flex}.poker-own-hand strong{font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);font-weight:700}.poker-own-hand span{font-family:var(--font-pixel);font-size:var(--type-title);font-weight:600;line-height:var(--leading-none);font-variant-numeric:tabular-nums}.poker-own-hand p{margin:var(--space-0);font-size:var(--type-body);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;font-weight:600;overflow:hidden}.poker-own-hand p[data-turn=true]{color:var(--text)}.poker-waiting-note{margin:var(--space-0);font-size:var(--type-body);color:var(--text-muted);grid-column:1/-1;justify-self:center;font-weight:600}.card-controls:has(.poker-own-hand) .poker-waiting-note{grid-column:2/-1;justify-self:end}.card-actions{gap:var(--space-10);grid-area:actions;display:flex}.card-actions .ui-button{font-variant-numeric:tabular-nums;min-width:132px}.card-actions .ui-button[data-action=fold]{min-width:112px}.poker-wager{gap:var(--space-12);grid-area:wager;min-width:0;display:grid}.wager-presets{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-pill);background:var(--surface-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.wager-presets .ui-button{--btn-bg:var(--palette-clear);gap:var(--space-6);min-width:0;padding:var(--space-0) var(--space-10);font-weight:700;overflow:hidden}.wager-presets .ui-button small{font-family:var(--font-pixel);font-size:var(--type-small);color:var(--text-muted);font-variant-numeric:tabular-nums}.wager-presets .ui-button[aria-pressed=true]{--btn-bg:var(--invert)}.wager-presets .ui-button[aria-pressed=true] small{color:var(--invert-muted)}.poker-wager-row{align-items:center;gap:var(--space-12);display:flex}.poker-wager-slider{align-items:center;gap:var(--space-8);flex:1;min-width:200px;display:flex}.poker-wager-slider .ui-button{font-family:var(--font-pixel);font-size:var(--type-title);flex:none}.poker-wager-amount{min-width:7ch;padding-right:var(--space-4);line-height:var(--leading-none);text-align:right;flex:none;display:grid}.poker-wager-amount small{font-size:var(--type-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);font-weight:700}.poker-wager-amount strong{font-family:var(--font-pixel);font-size:var(--type-title);font-variant-numeric:tabular-nums;font-weight:600}.poker-wager-submit{font-variant-numeric:tabular-nums;flex:none;min-width:180px}.poker-wager-slider input[type=range]{min-width:0;height:var(--control);margin:var(--space-0);appearance:none;cursor:pointer;background:0 0;flex:1}.poker-wager-slider input[type=range]:disabled{opacity:.4;cursor:not-allowed}.poker-wager-slider input[type=range]::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--invert) 0 calc(var(--fill,0) * 100%), var(--surface-3) calc(var(--fill,0) * 100%) 100%);height:10px}.poker-wager-slider input[type=range]::-moz-range-track{border-radius:var(--radius-pill);background:var(--surface-3);height:10px}.poker-wager-slider input[type=range]::-moz-range-progress{border-radius:var(--radius-pill);background:var(--invert);height:10px}.poker-wager-slider input[type=range]::-webkit-slider-thumb{border:var(--stroke-4) solid var(--invert);border-radius:var(--radius-pill);background:var(--raised);appearance:none;width:28px;height:28px;margin-top:-9px}.poker-wager-slider input[type=range]::-moz-range-thumb{border:var(--stroke-4) solid var(--invert);border-radius:var(--radius-pill);background:var(--raised);width:20px;height:20px}.poker-wager-slider input[type=range]:focus-visible{outline:var(--stroke-2) solid var(--focus);outline-offset:var(--space-2);border-radius:var(--radius-pill)}.match-desk[data-stream=true] .poker-table>*{--plate-h:68px;--board-card:clamp(44px, min(7.6cqw, 16cqh), 120px);--seat-card:clamp(32px, min(4.2cqw, 10cqh), 60px);--hero-card:clamp(32px, min(4.2cqw, 10cqh), 60px);--seat-w:clamp(200px, 20cqw, 290px);--hero-w:clamp(200px, 20cqw, 290px);--hero-plate:var(--hero-w)}.match-desk[data-stream=true] .poker-orbit-seat[data-self=true]{--w:var(--seat-w)}.match-desk[data-stream=true] .poker-player-identity .player-name-label strong{font-size:var(--type-lead)}.match-desk[data-stream=true] .poker-player-identity .player-name-label small{font-size:var(--type-small)}.match-desk[data-stream=true] .poker-seat-stack{font-size:var(--type-title)}.match-desk[data-stream=true] .poker-seat-status{font-size:var(--type-small)}.match-desk[data-stream=true] .poker-pot-readout strong{font-size:var(--type-display)}.match-desk[data-stream=true] .poker-table-story{font-size:var(--type-body)}.match-desk[data-stream=true] .poker-heading-meta{font-size:var(--type-lead)}@container poker-table (height<=560px){.poker-table>*{--plate-h:52px}.cards-center{gap:var(--space-6)}.poker-pot-readout strong{font-size:var(--type-title)}.poker-pot .poker-chip-stacks{--chip-w:22px;--chip-h:6px}.poker-hand-result{gap:var(--space-4);padding:var(--space-8) var(--space-16) var(--space-12)}.poker-hand-result>strong{font-size:var(--type-body)}.poker-result-hand .playing-card{--card-w:24px}.poker-seat-avatar>*{width:32px!important;height:32px!important}.poker-seat-stack{font-size:var(--type-lead)}.poker-player-identity .player-name-label strong{font-size:var(--type-small)}.poker-seat-status,.poker-seat-bet{height:28px}.poker-token{--puck-size:26px}}@container poker-table (height<=360px) and (orientation:landscape){.poker-table>*{--felt-w:min(92cqw, 250cqh);--felt-top:12cqh;--felt-h:72cqh;--rail:10px;--board-card:clamp(26px, 16cqh, 54px);--seat-card:22px;--hero-card:clamp(26px, 14cqh, 38px);--plate-h:38px}.match-desk[data-stream=true] .poker-table>*{--board-card:clamp(26px, 16cqh, 54px);--seat-card:22px;--hero-card:clamp(26px, 14cqh, 38px);--plate-h:38px}.poker-felt-line{display:none}.cards-center{align-items:center;column-gap:var(--space-10);row-gap:var(--space-4);grid-template-columns:auto auto;transform:translate(-50%,-50%)}.cards-center>.poker-table-story,.cards-center>.poker-hand-result{grid-column:1/-1}.poker-pot{align-items:center;gap:var(--space-2);flex-direction:column}.poker-pot .poker-chip-stacks{display:none}.poker-pot-readout{align-items:center;gap:var(--space-0);padding:var(--space-4) var(--space-10);border-radius:var(--radius-md);flex-direction:column}.poker-pot-readout strong{font-size:var(--type-lead)}.poker-table-story{min-height:0;font-size:var(--type-caption)}.poker-table-story>strong,.poker-table-story>span{padding:var(--space-2) var(--space-10)}.poker-table-story details,.poker-result-hands,.poker-result-progress{display:none}.poker-orbit-seat{--w:auto;gap:var(--space-4);max-width:30cqw;left:var(--x,50cqw);margin-left:var(--space-0);flex-direction:row;animation:none;display:flex;translate:-50%}.poker-orbit-seat[data-self=true]{--w:auto;max-width:36cqw}.poker-hole-cards{flex:none}.poker-orbit-seat .poker-seat-nameplate,.poker-orbit-seat .poker-hand-info{order:0}.poker-seat-nameplate{gap:var(--space-6);width:auto;min-height:0;padding:var(--space-4) var(--space-10) var(--space-4) var(--space-4);flex:none;grid-template-columns:auto auto auto}.poker-seat-avatar>*{width:24px!important;height:24px!important}.poker-player-identity .player-name-label strong{max-width:9ch;font-size:var(--type-caption)}.poker-player-identity .player-name-label small{display:none}.poker-seat-stack{font-size:var(--type-small)}.poker-turn-bar{left:var(--space-10);right:var(--space-10);bottom:var(--space-2);height:3px}.poker-hand-info{left:50%;bottom:calc(100% - var(--space-4));z-index:2;min-height:0;position:absolute;transform:translate(-50%)}.poker-orbit-seat:is([data-slot=top],[data-slot=upper-left],[data-slot=upper-right],[data-slot=left],[data-slot=right]) .poker-hand-info{top:calc(100% - var(--space-4));bottom:auto}.poker-seat-bet,.poker-position-badges,.poker-seat-status:is([data-tone=neutral],[data-tone=muted]){display:none}.poker-hand-result{gap:var(--space-2);min-width:0;padding:var(--space-4) var(--space-12) var(--space-6)}.poker-hand-result>strong{font-size:var(--type-small)}.poker-result-meta,.poker-result-note{display:none}.poker-seat-status{height:20px;padding:var(--space-0) var(--space-8);font-size:var(--type-micro)}.poker-orbit-seat:is([data-slot=upper-left],[data-slot=left]){--x:16cqw;top:1cqh}.poker-orbit-seat:is([data-slot=upper-right],[data-slot=right]){--x:84cqw;top:1cqh}.poker-orbit-seat[data-slot=lower-left]{--x:13cqw;bottom:1cqh}.poker-orbit-seat[data-slot=lower-right]{--x:87cqw;bottom:1cqh}.poker-payout{font-size:var(--type-small)}}@container poker-table (orientation:portrait){.poker-table>*{--felt-w:88cqw;--felt-top:9cqh;--felt-h:78cqh;--rail:clamp(12px, 3.6cqw, 20px);--board-card:clamp(34px, min(15cqw, 11cqh), 76px);--board-gap:var(--space-4);--seat-card:clamp(26px, min(9cqw, 7cqh), 44px);--hero-card:clamp(44px, min(15cqw, 12cqh), 76px);--seat-w:clamp(110px, 31cqw, 170px);--hero-w:clamp(150px, 44cqw, 220px)}.poker-felt-line{inset:7% 12%}.poker-baize:before{background:radial-gradient(ellipse 66% 52% at 50% 48%, var(--palette-clear) 58%, color-mix(in oklab, var(--palette-baize-deep) 70%, var(--palette-clear)) 100%)}.cards-center{max-width:94cqw;transform:translate(-50%,-50%)}.poker-result-hands{gap:var(--space-12);flex-wrap:nowrap}.poker-result-hand{gap:var(--space-4);font-size:var(--type-micro);flex-direction:column}.poker-hand-result{padding:var(--space-8) var(--space-12) var(--space-12)}.poker-hand-result>strong{font-size:var(--type-body)}.poker-orbit-seat:is([data-slot=upper-left],[data-slot=left]){--x:17cqw;top:4cqh}.poker-orbit-seat:is([data-slot=upper-right],[data-slot=right]){--x:83cqw;top:4cqh}.poker-orbit-seat[data-slot=lower-left]{--x:17cqw;bottom:4cqh}.poker-orbit-seat[data-slot=lower-right]{--x:83cqw;bottom:4cqh}.poker-table-story details{display:none}}@container poker-table (orientation:portrait) and (width<=440px){.poker-table>*{--felt-w:94cqw;--felt-top:7cqh;--felt-h:80cqh;--rail:12px;--plate-h:44px;--board-card:min(15.6cqw, 11cqh);--board-gap:var(--space-4);--seat-card:26px;--hero-card:min(17cqw, 12.5cqh);--seat-w:31cqw;--hero-w:44cqw;--hero-plate:44cqw;--hero-span:calc(var(--hero-card) * 2 + 96px)}.poker-felt{box-shadow:inset 0 0 0 var(--stroke-2) var(--palette-rail-deep), 0 var(--depth-2) 0 color-mix(in oklab, var(--palette-rail-deep) 70%, var(--palette-black)), 0 var(--depth-3) 16px calc(var(--depth-1) * -1) var(--palette-black-30)}.poker-felt-line{inset:6% 9%}.cards-center{gap:var(--space-6) var(--space-8);transform:translate(-50%,-64%)}.cards-center>.poker-pot{grid-column:1}.cards-center>.poker-table-story{grid-area:1/2;justify-self:start;max-width:52cqw}.cards-center>.poker-board{grid-area:2/1/auto/-1}.cards-center:has(.poker-hand-result)>.poker-pot{display:none}.cards-center>.poker-table-story:has(.poker-hand-result){grid-column:1/-1;justify-self:center;max-width:none}.poker-pot{min-width:0}.poker-pot .poker-chip-stacks{display:none}.poker-pot-readout{align-items:baseline;gap:var(--space-6);padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);grid-auto-flow:column}.poker-pot-readout>span{font-size:var(--type-micro)}.poker-pot-readout strong{font-size:var(--type-lead)}.poker-table-story{min-height:0;font-size:var(--type-caption)}.poker-table-story>strong,.poker-table-story>span{padding:var(--space-4) var(--space-10)}.poker-orbit-seat:is([data-slot=top],[data-slot=upper-left],[data-slot=upper-right],[data-slot=left],[data-slot=right]){top:0}.poker-orbit-seat:is([data-slot=upper-left],[data-slot=left]){--x:16cqw}.poker-orbit-seat:is([data-slot=upper-right],[data-slot=right]){--x:84cqw}.poker-orbit-seat:is([data-slot=lower-left],[data-slot=lower-right]){bottom:calc(var(--hero-card) * 1.25 + var(--plate-h) + var(--space-8))}.poker-orbit-seat[data-slot=lower-left]{--x:16cqw}.poker-orbit-seat[data-slot=lower-right]{--x:84cqw}.poker-orbit-seat[data-slot=hero]{column-gap:var(--space-8);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"info cards""plate plate"}.poker-orbit-seat[data-slot=hero] .poker-hand-info{justify-self:end}.poker-hole-cards .playing-card+.playing-card{margin-left:calc(var(--card-w) * -.5)}.poker-orbit-seat:is([data-slot=top],[data-slot=upper-left],[data-slot=upper-right],[data-slot=left],[data-slot=right]) .poker-hole-cards{margin-top:calc(var(--card-w) * -.3)}.poker-orbit-seat:is([data-slot=lower-left],[data-slot=lower-right]) .poker-hole-cards{margin-bottom:calc(var(--card-w) * -.3)}.poker-round-status{gap:var(--space-2)}.poker-seat-status,.poker-seat-bet{height:22px;padding:var(--space-0) var(--space-8);font-size:var(--type-micro)}.poker-seat-status{gap:var(--space-4)}.poker-seat-status:before{width:6px;height:6px}.poker-seat-status[data-tone=all-in]{letter-spacing:0}.poker-seat-bet{gap:var(--space-4);padding-left:var(--space-4);font-size:var(--type-small)}.poker-seat-bet .poker-chip-top{--chip-size:14px}.poker-token{--puck-size:20px;font-size:var(--type-micro)}.poker-token[data-token=dealer]{font-size:var(--type-micro)}.poker-position-badges{gap:var(--space-2)}.poker-payout{display:none}.poker-seat-nameplate{gap:var(--space-0) var(--space-6);padding:var(--space-4) var(--space-10) var(--space-4) var(--space-4);border-radius:var(--radius-md);grid-template-columns:auto minmax(0,1fr) auto}.poker-seat-avatar{grid-row:1/3}.poker-seat-avatar>*{width:28px!important;height:28px!important}.poker-player-identity .player-name-label{grid-area:1/2/3;align-self:center}.poker-player-identity .player-name-label strong{font-size:var(--type-caption)}.poker-player-identity .player-name-label small{font-size:var(--type-micro)}.poker-seat-stack{font-size:var(--type-small);grid-area:1/3/3;align-self:center}.poker-orbit-seat[data-self=true] .poker-seat-nameplate{border-radius:var(--radius-pill);grid-template-columns:auto minmax(0,1fr) auto}.poker-orbit-seat[data-self=true] .poker-player-identity .player-name-label{grid-row:1/3;align-self:center}.poker-orbit-seat[data-self=true] .poker-player-identity .player-name-label strong{font-size:var(--type-body)}.poker-orbit-seat[data-self=true] .poker-seat-stack{font-size:var(--type-lead);grid-area:1/3/3}.poker-turn-bar{left:var(--space-12);right:var(--space-12);bottom:var(--space-2);height:3px}}@container poker-workspace (width<=900px){.card-controls{gap:var(--space-10);padding:var(--space-12) var(--space-12);border-radius:var(--radius-lg);grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"hand""wager""actions"}.card-controls:not(:has(.poker-wager)){grid-template-columns:minmax(0,1fr);grid-template-areas:"hand""actions"}.card-actions{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.card-actions .ui-button,.poker-wager-slider{min-width:0}.poker-waiting-note,.card-controls:has(.poker-own-hand) .poker-waiting-note{grid-column:1/-1;justify-self:start}.poker-own-hand{justify-content:space-between}}@container poker-workspace (width<=480px){.card-controls{gap:var(--space-8);padding:var(--space-10)}.card-controls:has(.poker-wager) .poker-own-hand{display:none}.card-actions .ui-button,.poker-wager-submit{min-height:var(--control);padding:var(--space-0) var(--space-12);font-size:var(--type-body)}.poker-wager-row{gap:var(--space-8)}.poker-wager-slider{gap:var(--space-4)}.poker-wager-submit{min-width:0}.poker-wager-amount{display:none}.poker-wager-slider .ui-button{width:var(--control-sm);min-height:var(--control-sm)}.wager-presets .ui-button{gap:var(--space-0);min-height:var(--control);padding:var(--space-0) var(--space-4);font-size:var(--type-caption);line-height:var(--leading-none);flex-direction:column}.wager-presets .ui-button small{font-size:var(--type-micro)}.poker-own-hand span{font-size:var(--type-lead)}.poker-own-hand p{font-size:var(--type-small)}}@media (height<=500px) and (orientation:landscape){.poker-workspace{gap:var(--space-4) var(--space-8);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(230px,300px)}.poker-workspace>*{max-width:none}.poker-workspace[data-controls=false]{grid-template-columns:minmax(0,1fr)}.cards-heading{grid-column:1/-1;min-height:24px}.poker-table{min-height:0}.card-controls,.card-controls:not(:has(.poker-wager)){align-content:center;align-self:stretch;gap:var(--space-6);padding:var(--space-8);border-radius:var(--radius-lg);grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"hand""wager""actions";overflow:auto}.card-actions{gap:var(--space-6);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.card-actions .ui-button,.poker-wager-submit{min-width:0;min-height:var(--control-sm);padding:var(--space-0) var(--space-10);font-size:var(--type-small)}.poker-wager{gap:var(--space-6)}.poker-wager-row{gap:var(--space-6);flex-wrap:wrap}.poker-wager-slider{flex-basis:100%;min-width:0}.poker-wager-slider .ui-button{width:var(--control-xs);min-height:var(--control-xs)}.poker-wager-amount{display:none}.poker-wager-submit{flex:1}.wager-presets .ui-button{min-height:var(--control-xs);padding:var(--space-0) var(--space-4);font-size:var(--type-micro)}.wager-presets .ui-button small{display:none}.poker-waiting-note,.card-controls:has(.poker-own-hand) .poker-waiting-note{font-size:var(--type-small);grid-column:1;justify-self:start}.poker-own-hand span{font-size:var(--type-lead)}.poker-own-hand p{font-size:var(--type-small)}}@media (prefers-reduced-motion:reduce){.poker-board .playing-card,.poker-hole-cards .playing-card,.poker-payout,.poker-hand-result,.poker-orbit-seat,.card-controls,.poker-table-story>strong,.poker-seat-status:before,.poker-hole-cards:before{animation:none!important}}.playing-card{--card-ink:max(var(--stroke-2), calc(var(--card-w,56px) * .04))}.playing-card-face{background:var(--sketch-paper);box-shadow:inset 0 0 0 var(--card-ink) var(--sketch-ink)}.playing-card-face:after{display:none}.playing-card-back{background:color-mix(in oklab, var(--palette-card-back) 82%, var(--palette-white));box-shadow:inset 0 0 0 var(--card-ink) var(--sketch-ink)}.playing-card-back:before{inset:calc(var(--card-ink) + var(--card-w,56px) * .07);border:max(var(--stroke-1), calc(var(--card-w,56px) * .03)) solid var(--sketch-paper);border-radius:calc(var(--card-w,56px) * .05);box-shadow:none;opacity:1;background:0 0}.card-slot{border:var(--stroke-2) dashed color-mix(in oklab, var(--sketch-ink) 45%, var(--palette-clear));background:var(--sketch-paper)}.poker-board .card-slot{border-color:color-mix(in oklab, var(--sketch-ink) 45%, var(--palette-clear));background:color-mix(in oklab, var(--sketch-paper) 70%, var(--palette-clear))}.poker-orbit-seat[data-winner=true] .poker-hole-cards .playing-card-face{box-shadow:inset 0 0 0 var(--card-ink) var(--sketch-ink), 0 0 0 var(--stroke-3) var(--palette-sun), 0 0 0 calc(var(--stroke-3) + var(--card-ink)) var(--sketch-ink)}.poker-orbit-seat[data-winner=true] .poker-hole-cards:before{opacity:.6}:is(.poker-chip,.poker-chip-top)[data-chip=black]{--chip:color-mix(in oklab, var(--palette-chip-black) 70%, var(--palette-white))}.poker-chip-stack{filter:none}.poker-chip{--chip-ink:max(var(--stroke-1), calc(var(--chip-h) * .16));background:var(--chip);box-shadow:inset 0 0 0 var(--chip-ink) var(--sketch-ink)}.poker-chip:before{inset:var(--chip-ink);opacity:1}.poker-chip:after{display:none}.poker-chip-top{box-shadow:inset 0 0 0 max(var(--stroke-1), calc(var(--chip-size,22px) * .09)) var(--sketch-ink)}.poker-chip-top:after{display:none}.poker-table>*{--ink-w:clamp(var(--stroke-2), .3cqw, var(--stroke-4))}.poker-table .poker-felt{background:color-mix(in oklab, var(--palette-rail) 72%, var(--palette-white));box-shadow:none}.poker-table .poker-felt:after{content:"";z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink);filter:var(--doodle-filter);animation:var(--doodle-boil);pointer-events:none;position:absolute;inset:0}.poker-rail-grain:before,.poker-rail-grain:after,.poker-baize:before,.poker-baize:after{display:none}.poker-table .poker-baize{background:color-mix(in oklab, var(--palette-baize) 75%, var(--palette-white));box-shadow:0 0 0 var(--ink-w) var(--sketch-ink)}.poker-table .poker-felt-line{border:var(--stroke-2) solid color-mix(in oklab, var(--sketch-ink) 45%, var(--palette-clear));opacity:1}.poker-workspace{--sketch-muted:color-mix(in oklab, var(--sketch-ink) 68%, var(--sketch-paper));--on-felt:var(--sketch-ink);--felt-pill:var(--sketch-paper);--felt-ink:color-mix(in oklab, var(--palette-sun) 60%, var(--sketch-paper))}.poker-pot-readout,.poker-table-story>strong,.poker-table-story>span,.poker-table-story summary,.poker-seat-bet{box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.poker-pot-readout>span{color:var(--sketch-muted)}.poker-table-story ol,.poker-hand-result{background:var(--sketch-paper);color:var(--sketch-ink);box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.poker-table-story ol small,.poker-hand-result :is(.poker-result-hand,.poker-result-note,.poker-result-meta){color:var(--sketch-muted)}.poker-result-progress{inset:auto var(--stroke-2) var(--stroke-2);background:color-mix(in oklab, var(--sketch-ink) 15%, var(--palette-clear))}.poker-result-progress>span{background:var(--sketch-ink)}.poker-payout{background:var(--palette-sun);color:var(--sketch-ink);box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.poker-table .poker-seat-nameplate{background:var(--sketch-paper);color:var(--sketch-ink);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink)}.poker-table .poker-player-identity .player-name-label small{color:var(--sketch-muted)}.poker-table .poker-orbit-seat[data-active=true] .poker-seat-nameplate{background:var(--palette-sun);color:var(--sketch-ink)}.poker-table .poker-orbit-seat[data-active=true] .player-name-label small,.poker-table .poker-orbit-seat[data-folded=true] .poker-seat-nameplate{color:var(--sketch-muted)}.poker-table .poker-turn-bar{background:color-mix(in oklab, var(--sketch-ink) 20%, var(--palette-clear))}.poker-table .poker-turn-bar>span{background:var(--sketch-ink)}.poker-table .poker-turn-bar[data-urgent=true]>span{background:var(--danger)}.poker-table .poker-seat-status{background:var(--sketch-paper);color:var(--sketch-ink);box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.poker-table .poker-seat-status:before{box-shadow:0 0 0 var(--stroke-1) var(--sketch-ink)}.poker-table .poker-seat-status[data-tone=win]{background:var(--palette-sun);color:var(--sketch-ink)}.poker-table .poker-seat-status[data-tone=muted]{color:var(--sketch-muted)}.poker-table .poker-token{box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.poker-table .poker-token:before{display:none}.poker-table .poker-token[data-token=dealer]{--puck:var(--sketch-paper);--puck-ink:var(--sketch-ink)}.poker-table .poker-token[data-token=sb]{--puck:var(--palette-chip-blue);--puck-ink:var(--sketch-ink)}.poker-table .poker-token[data-token=bb]{--puck:var(--palette-chip-black);--puck-ink:var(--palette-sun)}.card-controls{box-shadow:inset 0 0 0 var(--stroke-2) var(--line-strong)}.poke-workspace,.poke-status,.spec-pokemon,.poke-move-tooltip,.poke-detail-dialog{--pk-ink:var(--palette-ink);--pk-paper:var(--palette-white);--pk-sky:var(--palette-pk-sky);--pk-sky-deep:var(--palette-pk-sky-deep);--pk-grass:var(--palette-pk-grass);--pk-grass-deep:var(--palette-pk-grass-deep);--pk-ground:var(--palette-pk-ground);--pk-ground-deep:color-mix(in oklab, var(--palette-pk-ground) 62%, var(--palette-pk-grass-deep));--pk-cloud:var(--palette-white);--pk-hp-empty:color-mix(in oklab, var(--palette-ink) 14%, var(--palette-white));--pk-ball:var(--palette-tomato)}:root[data-theme=dark] :is(.poke-workspace,.spec-pokemon){--pk-sky:color-mix(in oklab, var(--palette-sky-deep) 62%, var(--palette-g900));--pk-sky-deep:color-mix(in oklab, var(--palette-sky-deep) 38%, var(--palette-g950));--pk-grass:color-mix(in oklab, var(--palette-pk-grass) 80%, var(--palette-g950));--pk-grass-deep:color-mix(in oklab, var(--palette-pk-grass-deep) 70%, var(--palette-g950));--pk-ground:color-mix(in oklab, var(--palette-pk-ground) 80%, var(--palette-g950));--pk-ground-deep:color-mix(in oklab, var(--palette-pk-ground) 42%, var(--palette-g950));--pk-cloud:color-mix(in oklab, var(--palette-white) 55%, var(--palette-pk-sky-deep))}:is(.poke-type-badge,.poke-move){--mon-type:var(--palette-type-normal);--mon-type-ink:var(--palette-ink)}:is(.poke-type-badge,.poke-move)[data-type=fire]{--mon-type:var(--palette-type-fire)}:is(.poke-type-badge,.poke-move)[data-type=water]{--mon-type:var(--palette-type-water)}:is(.poke-type-badge,.poke-move)[data-type=electric]{--mon-type:var(--palette-type-electric)}:is(.poke-type-badge,.poke-move)[data-type=grass]{--mon-type:var(--palette-type-grass)}:is(.poke-type-badge,.poke-move)[data-type=ice]{--mon-type:var(--palette-type-ice)}:is(.poke-type-badge,.poke-move)[data-type=fighting]{--mon-type:var(--palette-type-fighting);--mon-type-ink:var(--palette-white)}:is(.poke-type-badge,.poke-move)[data-type=poison]{--mon-type:var(--palette-type-poison);--mon-type-ink:var(--palette-white)}:is(.poke-type-badge,.poke-move)[data-type=ground]{--mon-type:var(--palette-type-ground)}:is(.poke-type-badge,.poke-move)[data-type=flying]{--mon-type:var(--palette-type-flying)}:is(.poke-type-badge,.poke-move)[data-type=psychic]{--mon-type:var(--palette-type-psychic)}:is(.poke-type-badge,.poke-move)[data-type=bug]{--mon-type:var(--palette-type-bug)}:is(.poke-type-badge,.poke-move)[data-type=rock]{--mon-type:var(--palette-type-rock)}:is(.poke-type-badge,.poke-move)[data-type=ghost]{--mon-type:var(--palette-type-ghost);--mon-type-ink:var(--palette-white)}:is(.poke-type-badge,.poke-move)[data-type=dragon]{--mon-type:var(--palette-type-dragon);--mon-type-ink:var(--palette-white)}.poke-type-badge{height:22px;padding:var(--space-0) var(--space-8);border-radius:var(--radius-xs);background:var(--mon-type);color:var(--mon-type-ink);font:700 var(--type-micro)/var(--leading-none) var(--font-ui);letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap;align-items:center;display:inline-flex}.pokemon-stage.poke-workspace{--poke-controls-h:calc(var(--space-80) * 2 + var(--space-12));gap:var(--space-16);grid-template-columns:minmax(0,1fr) clamp(300px,26vw,380px);grid-template-rows:minmax(0, 1fr) var(--poke-controls-h);width:100%;height:100%;min-height:0;color:var(--text);grid-template-areas:"field log""controls log";display:grid}.poke-workspace>.poke-field{grid-area:field}.poke-workspace>.poke-controls,.poke-workspace>.poke-spectator-announcement{grid-area:controls}.poke-workspace>.poke-observer-sidebar{grid-area:log}.pokemon-stage.poke-workspace[data-spectating=true]{grid-template:"left field right"minmax(0,1fr)"left controls right"/clamp(220px,18vw,280px) minmax(0,1fr) clamp(220px,18vw,280px)}.poke-team-rail-left{grid-area:left}.poke-team-rail-right{grid-area:right}.poke-field{isolation:isolate;border-radius:var(--radius-xl);background:var(--pk-grass);min-height:0;position:relative;overflow:hidden;container-type:size}.poke-sky{z-index:-2;pointer-events:none;background:var(--pk-sky);height:48%;position:absolute;inset:0 0 auto}.poke-sky:before{content:"";height:var(--ramp-length);background:var(--pk-sky-deep);-webkit-mask:linear-gradient(var(--palette-ink), var(--palette-clear)) top / 100% var(--ramp-length) no-repeat;mask:linear-gradient(var(--palette-ink), var(--palette-clear)) top / 100% var(--ramp-length) no-repeat;position:absolute;inset:0 0 auto}.poke-sky:after{content:"";background:radial-gradient(ellipse 7% 9% at 14% 36%, var(--pk-cloud) 96%, var(--palette-clear) 100%), radial-gradient(ellipse 9% 7% at 20% 42%, var(--pk-cloud) 96%, var(--palette-clear) 100%), radial-gradient(ellipse 6% 7% at 26% 40%, var(--pk-cloud) 96%, var(--palette-clear) 100%), radial-gradient(ellipse 6% 8% at 46% 58%, var(--pk-cloud) 96%, var(--palette-clear) 100%), radial-gradient(ellipse 8% 6% at 51% 63%, var(--pk-cloud) 96%, var(--palette-clear) 100%);opacity:.68;position:absolute;inset:0}.poke-horizon{inset:calc(48% - var(--ramp-length)) 0 0;z-index:-1;pointer-events:none;background:var(--pk-grass);-webkit-mask:linear-gradient(var(--palette-ink), var(--palette-ink)) bottom / 100% calc(100% - var(--ramp-length)) no-repeat, linear-gradient(var(--palette-clear), var(--palette-ink)) top / 100% var(--ramp-length) no-repeat;mask:linear-gradient(var(--palette-ink), var(--palette-ink)) bottom / 100% calc(100% - var(--ramp-length)) no-repeat, linear-gradient(var(--palette-clear), var(--palette-ink)) top / 100% var(--ramp-length) no-repeat;position:absolute}.poke-horizon:before{content:"";inset:var(--ramp-length) 0 0;opacity:.34;background:repeating-linear-gradient(var(--palette-clear) 0 16%, var(--pk-grass-deep) 16% 24%, var(--palette-clear) 24% 44%);position:absolute}.poke-horizon:after{content:"";height:var(--ramp-length);background:var(--pk-grass-deep);-webkit-mask:linear-gradient(var(--palette-clear), var(--palette-ink)) bottom / 100% var(--ramp-length) no-repeat;mask:linear-gradient(var(--palette-clear), var(--palette-ink)) bottom / 100% var(--ramp-length) no-repeat;position:absolute;inset:auto 0 0}.poke-turn{z-index:3;top:var(--space-16);height:var(--control-xs);padding:var(--space-0) var(--space-16);border-radius:var(--radius-pill);background:var(--invert);color:var(--invert-text);font:700 var(--type-small)/var(--leading-none) var(--font-pixel);letter-spacing:var(--tracking-pixel);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;display:inline-flex;position:absolute;left:50%;translate:-50%}.poke-combatant{pointer-events:none;position:absolute;inset:0}.poke-hud{z-index:3;gap:var(--space-10);pointer-events:auto;flex-direction:column;width:min(400px,44cqw);display:flex;position:absolute}.poke-combatant[data-own=false] .poke-hud{top:var(--space-20);left:var(--space-20)}.poke-combatant[data-own=true] .poke-hud{bottom:var(--space-20);right:var(--space-20);flex-direction:column-reverse;align-items:stretch}.poke-trainer{align-items:center;gap:var(--space-12);min-width:0;max-width:100%;display:flex}.poke-combatant[data-own=true] .poke-trainer{flex-direction:row-reverse}.poke-trainer .game-player-identity{align-items:center;gap:var(--space-8);min-width:0;min-height:var(--control-sm);padding:var(--space-4) var(--space-16) var(--space-4) var(--space-4);border-radius:var(--radius-pill);background:var(--raised);color:var(--text);display:flex}.poke-combatant[data-own=true] .poke-trainer .game-player-identity{padding:var(--space-4) var(--space-4) var(--space-4) var(--space-16);flex-direction:row-reverse}.poke-trainer .player-name-label{min-width:0;line-height:var(--leading-tight);flex-direction:column;display:flex}.poke-trainer .player-name-label>strong{font:700 var(--type-small)/var(--leading-tight) var(--font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.poke-trainer .player-name-label>small{font:500 var(--type-micro)/var(--leading-snug) var(--font-ui);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.poke-combatant[data-own=true] .poke-trainer .player-name-label{text-align:right;align-items:flex-end}.poke-roster{gap:var(--space-4);flex:none;display:flex}.poke-roster-slot{width:24px;height:24px;padding:var(--space-0);color:inherit;--ball-top:var(--pk-ball);--ball-bottom:var(--pk-paper);background:linear-gradient(var(--ball-top) 0 42%, var(--pk-ink) 42% 58%, var(--ball-bottom) 58%);box-shadow:inset 0 0 0 var(--stroke-2) var(--pk-ink);transition:translate var(--dur-2) steps(2, end);border:0;border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.poke-roster-slot:before{content:"";background:radial-gradient(circle at 32% 28%, var(--palette-clear) 58%, var(--palette-ink-55) 60%);opacity:.5;border-radius:50%;position:absolute;inset:0}.poke-roster-slot:after{content:"";background:var(--pk-paper);width:8px;height:8px;box-shadow:0 0 0 var(--stroke-2) var(--pk-ink);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.poke-roster-slot>:is(.poke-sprite,.poke-unknown){opacity:0;width:100%;height:100%;position:absolute;inset:0}.poke-roster-slot[data-active=true]{translate:0 calc(var(--px) * -1);outline:var(--stroke-2) solid var(--text);outline-offset:var(--space-2)}.poke-roster-slot[data-fainted=true]{--ball-top:var(--palette-g400);--ball-bottom:var(--palette-g200);opacity:.7}.poke-inspect-roster{cursor:pointer}.poke-inspect-roster:hover{translate:0 calc(var(--px) * -1)}.poke-inspect-roster:focus-visible{outline:var(--stroke-3) solid var(--focus);outline-offset:var(--space-2)}.poke-roster-inspect{display:block}.poke-status{gap:var(--space-8);width:100%;min-width:0;padding:var(--space-12) var(--space-16) var(--space-12);border:var(--stroke-4) solid var(--pk-ink);border-radius:var(--radius-sm);background:var(--pk-paper);color:var(--pk-ink);transition:opacity var(--dur-3) steps(3, end);display:grid;position:relative}.poke-status:after{content:"";bottom:calc(var(--stroke-4) * -1);right:calc(var(--space-20) * -1);width:var(--space-20);height:var(--space-20);background:var(--pk-ink);clip-path:polygon(0 calc(100% - var(--space-20)), 100% 100%, 0 100%);position:absolute}.poke-status[data-own=true]:after{right:auto;left:calc(var(--space-20) * -1);clip-path:polygon(100% calc(100% - var(--space-20)), 100% 100%, 0 100%)}.poke-status[data-hidden=true]{color:var(--palette-g600);font:700 var(--type-body)/var(--leading-snug) var(--font-pixel)}.poke-status[data-fainted=true]{opacity:.72}.poke-mon-name{align-items:center;gap:var(--space-10);min-width:0;display:flex}.poke-mon-name strong{min-width:0;font:700 var(--type-title)/var(--leading-tight) var(--font-pixel);letter-spacing:var(--tracking-pixel);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.poke-level{font:700 var(--type-body)/var(--leading-none) var(--font-pixel);font-variant-numeric:tabular-nums;flex:none;margin-left:auto}.poke-status-sticker{height:22px;padding:var(--space-0) var(--space-6);border-radius:var(--radius-xs);background:var(--status,var(--palette-g500));color:var(--status-ink,var(--palette-white));font:700 var(--type-micro)/var(--leading-none) var(--font-pixel);letter-spacing:var(--tracking-label);animation:pixel-pop var(--dur-3) var(--ease-snap) both;flex:none;align-items:center;display:inline-flex}.poke-status-sticker[data-status=psn],.poke-status-sticker[data-status=tox]{--status:var(--palette-type-poison)}.poke-status-sticker[data-status=brn]{--status:var(--palette-type-fire);--status-ink:var(--palette-ink)}.poke-status-sticker[data-status=par]{--status:var(--palette-type-electric);--status-ink:var(--palette-ink)}.poke-status-sticker[data-status=frz]{--status:var(--palette-type-ice);--status-ink:var(--palette-ink)}.poke-status-sticker[data-status=slp]{--status:var(--palette-g500)}.poke-status-sticker[data-status=fnt]{--status:var(--palette-g700)}.poke-hp-row{align-items:center;gap:var(--space-8);display:flex}.poke-hp-tag{height:18px;padding:var(--space-0) var(--space-6);border-radius:var(--radius-xs);background:var(--pk-ink);color:var(--palette-sun);font:700 var(--type-micro)/var(--leading-none) var(--font-pixel);letter-spacing:var(--tracking-pixel);flex:none;align-items:center;display:inline-flex}.poke-hp-row>.poke-health{flex:1}.poke-hp-line{justify-content:space-between;align-items:baseline;gap:var(--space-8);min-width:0;font:700 var(--type-small)/var(--leading-none) var(--font-pixel);font-variant-numeric:tabular-nums;display:flex}.poke-hp-line>span{color:var(--palette-g600)}.poke-hp-line>strong{font-weight:700}.poke-status[data-own=true] .poke-hp-line>span{color:var(--pk-ink);font-size:var(--type-title)}.poke-status[data-own=true] .poke-hp-line>strong{color:var(--palette-g600)}.poke-mon-chips{align-items:center;gap:var(--space-6);flex-wrap:wrap;min-width:0;display:flex}.poke-mon-chips:not(:has(span)){display:none}.poke-mon-types,.poke-status-tags{gap:var(--space-4);flex-wrap:wrap;display:flex}.poke-status-tags:empty{display:none}.poke-status-tags>span{height:22px;padding:var(--space-0) var(--space-8);border-radius:var(--radius-xs);background:var(--palette-g100);color:var(--palette-g950);font:700 var(--type-micro)/var(--leading-none) var(--font-ui);white-space:nowrap;animation:pixel-pop var(--dur-3) var(--ease-snap) both;align-items:center;display:inline-flex}.poke-status-tags>span[data-negative=true]{color:var(--palette-tomato-ink)}.poke-stats{justify-content:space-between;gap:var(--space-6);margin:var(--space-0);display:flex}.poke-stats>div{gap:var(--space-2);display:grid}.poke-stats dt{font-size:var(--type-micro);color:var(--palette-g600)}.poke-stats dd{margin:var(--space-0);font:700 var(--type-caption) var(--font-pixel)}.poke-health{border:var(--stroke-2) solid var(--pk-ink,var(--palette-ink));border-radius:var(--radius-pill);background:var(--pk-hp-empty,var(--palette-g200));height:12px;position:relative;overflow:hidden}.poke-health>span{background:var(--palette-hp-high);height:100%;transition:width var(--dur-5) steps(12, end), background-color var(--dur-3) steps(2, end);display:block;position:relative}.poke-health>span:before{content:"";background:var(--palette-white);opacity:.13;position:absolute;inset:0 0 55%}.poke-health>span:after{content:"";background:var(--palette-ink);opacity:.05;position:absolute;inset:55% 0 0}.poke-health>span[data-range=medium]{background-color:var(--palette-hp-mid)}.poke-health>span[data-range=low]{background-color:var(--palette-hp-low)}.poke-platform{z-index:1;aspect-ratio:1;position:absolute}.poke-combatant[data-own=false] .poke-platform{width:min(40cqh,26cqw);top:12cqh;right:9cqw}.poke-combatant[data-own=true] .poke-platform{width:min(54cqh,34cqw);bottom:6cqh;left:6cqw}.poke-platform-glow{z-index:-1;clip-path:polygon(20% 0,80% 0,80% 8%,90% 8%,90% 20%,97% 20%,97% 35%,100% 35%,100% 65%,97% 65%,97% 80%,90% 80%,90% 92%,80% 92%,80% 100%,20% 100%,20% 92%,10% 92%,10% 80%,3% 80%,3% 65%,0 65%,0 35%,3% 35%,3% 20%,10% 20%,10% 8%,20% 8%);background:var(--pk-ground);height:26%;position:absolute;bottom:-8%;left:-18%;right:-18%}.poke-platform-glow:before{content:"";background:radial-gradient(ellipse 50% 50% at 50% 38%, var(--palette-clear) 62%, var(--pk-ground-deep) 64%);opacity:.62;position:absolute;inset:0}.poke-platform-glow:after{content:"";background:var(--pk-ink);opacity:.12;border-radius:50%;position:absolute;inset:22% 26% 30%}.poke-platform[data-fainted=true] .poke-platform-glow:after{opacity:0}.poke-battler-motion{transform-origin:50% 100%;width:100%;height:100%;display:block}.poke-battler-motion>.poke-sprite,.poke-battler-motion>.poke-unknown{width:100%;height:100%;display:block}.poke-sprite{object-fit:contain;object-position:50% 100%;width:100%;height:100%;image-rendering:pixelated}.poke-platform[data-fainted=true] .poke-sprite{opacity:0}.poke-unknown{width:100%;height:100%;display:block}.poke-unknown-shell{fill:var(--pk-paper,var(--palette-white));stroke:var(--pk-ink,var(--palette-ink));stroke-width:2px}.poke-unknown-top{fill:color-mix(in oklab, var(--palette-tomato) 55%, var(--palette-g300));stroke:var(--pk-ink,var(--palette-ink));stroke-width:2px}.poke-unknown-band{stroke:var(--pk-ink,var(--palette-ink));stroke-width:2.5px}.poke-unknown-core{fill:var(--pk-paper,var(--palette-white));stroke:var(--pk-ink,var(--palette-ink));stroke-width:2px}.poke-battler-motion>.poke-unknown{width:46%;height:46%;margin:auto auto 6%}.poke-platform[data-animation=hit] .poke-platform-glow{animation:poke-ground-flash var(--dur-5) steps(1, end)}.poke-platform:is([data-animation=move],[data-animation=heal],[data-animation=status]) .poke-platform-glow{animation:poke-ground-pulse var(--dur-4) steps(3, end)}.poke-platform[data-animation=enter] .poke-sprite{animation:poke-enter var(--dur-4) steps(5, end) both, poke-blink-in var(--dur-4) steps(1, end) both}.poke-platform[data-animation=exit] .poke-sprite{animation:.18s steps(4,end) both poke-exit}.poke-platform[data-animation=faint] .poke-sprite{animation:.38s steps(6,end) both poke-faint}@keyframes poke-ground-pulse{50%{scale:1.08 1.16}}@keyframes poke-ground-flash{0%,40%{filter:brightness(1.8)}20%,60%,to{filter:none}}@keyframes poke-enter{0%{scale:.1}to{scale:1}}@keyframes poke-blink-in{0%,40%{opacity:0}20%,60%,to{opacity:1}}@keyframes poke-exit{to{opacity:0;scale:.06}}@keyframes poke-faint{0%{clip-path:inset(0);translate:0}to{clip-path:inset(0 0 60%);filter:grayscale();translate:0 60%}}.poke-effects{z-index:5;pointer-events:none;position:absolute;inset:0}.poke-effects:before{content:"";opacity:0;background:var(--flash,var(--palette-white));position:absolute;inset:0}.poke-effects[data-kind=hit]:before{animation:poke-flash var(--dur-5) steps(1, end)}.poke-effects[data-kind=status]:before{--flash:var(--palette-sun);animation:poke-flash var(--dur-5) steps(1, end)}.poke-effects[data-kind=heal]:before{--flash:var(--palette-grass);animation:poke-flash var(--dur-5) steps(1, end)}.poke-effects[data-kind=faint]:before{--flash:var(--palette-ink);animation:poke-flash var(--dur-4) steps(1, end)}@keyframes poke-flash{0%,50%{opacity:.6}25%,75%,to{opacity:0}}.poke-cue-label{align-items:center;gap:var(--space-12);max-width:min(72%,560px);padding:var(--space-12) var(--space-20);border:var(--stroke-4) solid var(--pk-ink);border-radius:var(--radius-sm);background:var(--pk-paper);color:var(--pk-ink);font:700 var(--type-lead)/var(--leading-snug) var(--font-ui);text-align:center;animation:pixel-pop var(--dur-3) var(--ease-snap) both;display:inline-flex;position:absolute;top:46%;left:50%;translate:-50% -50%}.poke-cue-label:before{content:"";background:var(--cue,var(--pk-ink));flex:none;width:12px;height:12px}.poke-effects[data-kind=hit]{--cue:var(--palette-hp-low)}.poke-effects[data-kind=heal]{--cue:var(--palette-hp-high)}.poke-effects[data-kind=status]{--cue:var(--palette-sun)}.showdown-animation-layer{z-index:4;transform-origin:0 0;pointer-events:none;position:absolute;inset:0 auto auto 0}.showdown-animation-layer>img{image-rendering:pixelated;position:absolute}.showdown-fx,.showdown-background-effects{pointer-events:none;position:absolute;inset:0}.showdown-background-effects>.background{background-position:50%;background-size:cover;position:absolute;inset:0}.showdown-fx{z-index:2}.showdown-fx img{image-rendering:auto}.poke-impact-accent{border:var(--stroke-4) solid var(--palette-hp-low);pointer-events:none;z-index:3;border-radius:50%;width:90px;height:90px;position:absolute}.poke-impact-accent--heal{border-color:var(--palette-hp-high);width:100px;height:100px}.poke-controls{gap:var(--space-16);border-radius:var(--radius-xl);outline:none;min-width:0;min-height:0;display:grid;container:poke-controls/inline-size}.poke-controls[data-has-moves=true]{gap:var(--space-10);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.poke-controls:focus-visible{outline:var(--stroke-3) solid var(--focus);outline-offset:var(--space-4)}.poke-control-group{align-content:start;gap:var(--space-8);min-width:0;min-height:0;display:grid}.poke-controls-label{margin:var(--space-0);font:700 var(--type-lead)/var(--leading-tight) var(--font-ui);letter-spacing:var(--tracking-tight);color:var(--text)}.poke-control-moves{grid-template-rows:minmax(0,1fr)}.poke-moves{gap:var(--space-12);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);height:100%;display:grid}@container poke-controls (width<=640px){.poke-moves{grid-template-columns:repeat(2,minmax(0,1fr))}}.poke-move-anchor{min-width:0;min-height:0;display:flex}.poke-controls .poke-move.ui-button{--touch-ink:color-mix(in oklab, var(--mon-type) 70%, var(--surface));--touch-ripple-ink:var(--mon-type);--touch-alpha:.4;place-content:center stretch;justify-items:center;gap:var(--space-8);min-width:0;min-height:var(--space-56);height:auto;padding:var(--space-8) var(--space-16);border-radius:var(--radius-lg);text-align:center;white-space:normal;animation:pixel-pop var(--dur-3) var(--ease-snap) both;animation-delay:calc(var(--i,0) * 50ms);flex:1;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);display:grid}.poke-controls .poke-move.ui-button:active:not(:disabled){--touch-alpha:.55;scale:.98}.poke-controls .poke-move.ui-button:disabled{opacity:.42}.poke-move-title{min-width:0;max-width:100%;display:block}.poke-move-title>strong{font:700 var(--type-lead)/var(--leading-tight) var(--font-ui);letter-spacing:var(--tracking-tight);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.poke-move-meta{justify-content:center;align-items:center;gap:var(--space-4) var(--space-8);flex-wrap:wrap;min-width:0;display:flex}.poke-move .poke-type-badge{gap:var(--space-6);padding:var(--space-0) var(--space-8) var(--space-0) var(--space-6);background:var(--raised);color:var(--text-muted)}.poke-move .poke-type-badge:before{content:"";border-radius:var(--radius-pill);background:var(--mon-type);flex:none;width:10px;height:10px}.poke-move-pp{font:700 var(--type-small)/var(--leading-none) var(--font-pixel);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.poke-move[data-empty=true] .poke-move-pp{color:var(--danger-ink)}.poke-switches{gap:var(--space-12);height:var(--poke-controls-h);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);display:grid}.poke-switch-card{min-width:0;min-height:0;display:flex}.poke-controls .poke-switch.ui-button{grid-template-columns:var(--space-40) minmax(0, 1fr);place-content:center stretch;align-items:center;gap:var(--space-4) var(--space-8);min-width:0;height:auto;min-height:0;padding:var(--space-8) var(--space-12) var(--space-8) var(--space-8);border-radius:var(--radius-lg);text-align:left;white-space:nowrap;line-height:var(--leading-snug);flex:1;grid-template-rows:auto auto auto;grid-template-areas:"sprite name""sprite hp""sprite small";display:grid}.poke-controls .poke-switch.ui-button:disabled{opacity:.5}.poke-controls .poke-switch.ui-button[data-state=fainted]>.poke-sprite{filter:grayscale();opacity:.45}.poke-controls .poke-switch.ui-button[data-state=active]{--btn-bg:var(--invert);--btn-fg:var(--invert-text);opacity:1}.poke-controls .poke-switch.ui-button[data-state=active]>small{color:var(--invert-muted)}.poke-switch>strong{text-overflow:ellipsis;min-width:0;font:700 var(--type-body)/var(--leading-tight) var(--font-ui);grid-area:name;overflow:hidden}.poke-switch>:is(.poke-sprite,.poke-unknown){width:var(--space-40);height:var(--space-40);grid-area:sprite;align-self:center}.poke-switch>.poke-health{grid-area:hp;height:10px}.poke-switch>small{text-overflow:ellipsis;min-width:0;font:700 var(--type-micro)/var(--leading-snug) var(--font-pixel);color:var(--text-muted);font-variant-numeric:tabular-nums;grid-area:small;overflow:hidden}.poke-controls[data-has-moves=true] .poke-switches{gap:var(--space-8);grid-template-columns:repeat(6,minmax(0,1fr));height:auto}.poke-controls[data-has-moves=true] .poke-switch.ui-button{min-height:var(--control-lg);grid-template-columns:var(--space-32) minmax(0, 1fr);gap:var(--space-2) var(--space-6);padding:var(--space-4) var(--space-10) var(--space-4) var(--space-4);grid-template-areas:"sprite name""sprite hp"}.poke-controls[data-has-moves=true] .poke-switch>:is(.poke-sprite,.poke-unknown){width:var(--space-32);height:var(--space-32)}.poke-controls[data-has-moves=true] .poke-switch>strong{font-size:var(--type-small)}.poke-controls[data-has-moves=true] .poke-switch>small{display:none}@container poke-controls (width<=640px){.poke-controls[data-has-moves=true] .poke-switches{grid-template-columns:repeat(3,minmax(0,1fr))}}.poke-controls[data-force-switch=true] .poke-control-switches{height:var(--poke-controls-h);grid-template-rows:auto minmax(0,1fr)}.poke-controls[data-force-switch=true] .poke-switches{grid-template-columns:repeat(6,minmax(0,1fr));height:auto;min-height:0}.poke-controls[data-force-switch=true] .poke-switch.ui-button{align-content:stretch;align-items:center;gap:var(--space-4) var(--space-6);padding:var(--space-8) var(--space-12);grid-template:"name name""sprite sprite"minmax(80px,1fr)"hp small"/minmax(0,1fr) auto}.poke-controls[data-force-switch=true] .poke-control-switches{gap:var(--space-6)}.poke-controls[data-force-switch=true] .poke-controls-label{font-size:var(--type-body)}.poke-controls[data-force-switch=true] .poke-switch>:is(.poke-sprite,.poke-unknown){width:100%;height:100%;min-height:80px}.poke-controls[data-force-switch=true] .poke-switch.ui-button:not(:disabled){animation:pixel-pop var(--dur-3) var(--ease-snap) both}.poke-waiting{justify-content:center;align-items:center;gap:var(--space-12);height:100%;margin:var(--space-0);padding:var(--space-16) var(--space-24);border-radius:var(--radius-xl);background:var(--surface-2);color:var(--text-muted);font:600 var(--type-lead)/var(--leading-snug) var(--font-ui);text-align:center;animation:fade-in var(--dur-3) steps(2, end) both;display:flex}.poke-waiting-dot{border-radius:var(--radius-pill);background:var(--text);flex:none;width:12px;height:12px;animation:1.2s step-end infinite blink}.poke-observer-sidebar{flex-direction:column;min-height:0;display:flex}.poke-log{--box-bg:var(--pk-paper);--box-ink:var(--pk-ink);gap:var(--space-8);min-height:0;padding:var(--space-16) var(--space-8) var(--space-12) var(--space-20);border:var(--stroke-4) solid var(--box-ink);border-radius:var(--radius-md);background:var(--box-bg);color:var(--box-ink);box-shadow:inset 0 0 0 var(--stroke-3) var(--box-bg), inset 0 0 0 calc(var(--stroke-3) + var(--stroke-2)) var(--box-ink);flex-direction:column;flex:1;display:flex}:root[data-theme=dark] .poke-log{--box-bg:var(--palette-g900);--box-ink:var(--palette-g100)}.poke-log h2{margin:var(--space-0);font:700 var(--type-caption)/var(--leading-none) var(--font-pixel);letter-spacing:var(--tracking-label);text-transform:uppercase;color:color-mix(in oklab, var(--box-ink) 60%, var(--box-bg))}.poke-log-scroll{min-height:0;padding:var(--space-4) var(--space-12) var(--space-8) var(--space-0);font:600 var(--type-lead)/var(--leading-snug) var(--font-ui);scrollbar-width:thin;scrollbar-color:var(--box-ink) var(--palette-clear);flex-direction:column;flex:1;display:flex;overflow:auto}.poke-log-scroll>:first-child{margin-top:auto}.poke-log-scroll:focus-visible{outline:var(--stroke-3) solid var(--focus);outline-offset:var(--space-2);border-radius:var(--radius-xs)}.poke-log-scroll h3{align-items:center;gap:var(--space-10);margin:var(--space-16) var(--space-0) var(--space-8);font:700 var(--type-small)/var(--leading-none) var(--font-pixel);letter-spacing:var(--tracking-label);text-transform:uppercase;color:color-mix(in oklab, var(--box-ink) 60%, var(--box-bg));font-variant-numeric:tabular-nums;display:flex}.poke-log-scroll h3:first-child{margin-top:var(--space-0)}.poke-log-scroll h3:after{content:"";height:var(--px);background:repeating-linear-gradient(90deg, currentColor 0 calc(var(--px) * 2), var(--palette-clear) calc(var(--px) * 2) calc(var(--px) * 4));flex:1}.poke-log-scroll p{margin:var(--space-0) var(--space-0) var(--space-6);color:color-mix(in oklab, var(--box-ink) 78%, var(--box-bg))}.poke-log-scroll p:last-child{color:var(--box-ink);animation:poke-type-in var(--dur-5) steps(14, end) both}.poke-log-scroll p:last-child:after{content:"▼";margin-left:var(--space-8);color:var(--palette-hp-low);font-size:var(--type-caption);animation:1s step-end infinite blink;display:inline-block}@keyframes poke-type-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.poke-log-scroll p:is([data-kind=crit],[data-kind=supereffective]){color:var(--box-ink);font-weight:800}.poke-log-scroll p[data-kind=faint]{color:var(--danger-ink)}.poke-log-scroll p[data-kind=win],.poke-log-name{color:var(--box-ink);font-weight:800}.poke-log-empty{color:color-mix(in oklab, var(--box-ink) 60%, var(--box-bg))}.poke-team-rail{scrollbar-width:thin;min-height:0;overflow:auto}.poke-spectator-teams{gap:var(--space-12);display:grid}.poke-team-panel{gap:var(--space-12);padding:var(--space-16);border-radius:var(--radius-xl);background:var(--surface);display:grid}.poke-team-panel>header{gap:var(--space-4);display:grid}.poke-team-panel>header .player-name-label{flex-direction:column;min-width:0;display:flex}.poke-team-panel>header .player-name-label>strong{font:700 var(--type-title)/var(--leading-tight) var(--font-ui);letter-spacing:var(--tracking-tight);overflow-wrap:anywhere}.poke-team-panel>header .player-name-label>small{font:500 var(--type-small)/var(--leading-snug) var(--font-ui);color:var(--text-muted);overflow-wrap:anywhere}.poke-team-count{font:700 var(--type-small)/var(--leading-none) var(--font-pixel);color:var(--text-muted);font-variant-numeric:tabular-nums}.poke-last-move{gap:var(--space-4);padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);background:var(--surface-2);display:grid}.poke-last-move small{font:700 var(--type-micro)/var(--leading-none) var(--font-ui);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}.poke-last-move strong{font:700 var(--type-lead)/var(--leading-tight) var(--font-ui);overflow-wrap:anywhere}.poke-last-move>span{font-size:var(--type-small);color:var(--text-muted)}.poke-last-move>strong+span{display:none}.poke-spectator-roster{gap:var(--space-6);display:grid}.poke-team-member{grid-template-columns:var(--space-48) minmax(0, 1fr);gap:var(--space-2) var(--space-10);min-width:0;padding:var(--space-6) var(--space-12) var(--space-6) var(--space-6);border-radius:var(--radius-lg);transition:background-color var(--dur-2) steps(2, end), opacity var(--dur-3) steps(3, end);grid-template-rows:auto auto auto;align-items:center;display:grid}.poke-team-member>:is(.poke-sprite,.poke-unknown){width:var(--space-48);height:var(--space-48);grid-area:1/1/4}.poke-team-member>.poke-unknown{padding:var(--space-8)}.poke-team-member>strong{font:700 var(--type-body)/var(--leading-snug) var(--font-ui);text-overflow:ellipsis;white-space:nowrap;grid-column:2;overflow:hidden}.poke-team-member>small{font:600 var(--type-micro)/var(--leading-snug) var(--font-ui);color:var(--text-muted);grid-column:2}.poke-team-member>.poke-health{grid-column:2;height:10px}.poke-team-member[data-state=active]{background:var(--invert);color:var(--invert-text)}.poke-team-member[data-state=active]>small{color:var(--invert-muted)}.poke-team-member[data-state=fainted]{opacity:.5}.poke-team-member[data-state=fainted]>.poke-sprite{filter:grayscale()}.poke-spectator-announcement{min-height:var(--space-96);padding:var(--space-16) var(--space-24);border:var(--stroke-4) solid var(--pk-ink);border-radius:var(--radius-md);background:var(--pk-paper);color:var(--pk-ink);text-align:center;box-shadow:inset 0 0 0 var(--stroke-3) var(--pk-paper), inset 0 0 0 calc(var(--stroke-3) + var(--stroke-2)) var(--pk-ink);place-items:center;display:grid}:root[data-theme=dark] .poke-spectator-announcement{--pk-paper:var(--palette-g900);--pk-ink:var(--palette-g100)}.poke-spectator-announcement>strong{font:700 var(--type-title)/var(--leading-tight) var(--font-ui);animation:poke-type-in var(--dur-5) steps(14, end) both}.poke-workspace[data-spectating=true] .poke-cue-label,.poke-workspace[data-spectating=true] .poke-roster{display:none}.match-desk[data-stream=true] .poke-spectator-announcement>strong,.match-desk[data-stream=true] .poke-mon-name strong{font-size:var(--type-section)}.match-desk[data-stream=true] .poke-turn{height:var(--control);font-size:var(--type-lead)}.match-desk[data-stream=true] .poke-health{height:16px}.match-desk[data-stream=true] .poke-team-member>strong{font-size:var(--type-lead)}.match-desk[data-stream=true] .poke-trainer .player-name-label>strong{font-size:var(--type-body)}.poke-move-tooltip{z-index:1000;gap:var(--space-6);max-height:min(360px,70vh);padding:var(--space-16) var(--space-20);border-radius:var(--radius-lg);background:var(--raised);color:var(--text);box-shadow:var(--shadow-lg);font-size:var(--type-small);line-height:var(--leading-body);animation:fade-in var(--dur-2) steps(2, end) both;display:grid;position:fixed;overflow:auto}.poke-move-tooltip>strong{font:700 var(--type-lead)/var(--leading-tight) var(--font-ui);letter-spacing:var(--tracking-tight)}.poke-move-tooltip>span{font:600 var(--type-small)/var(--leading-snug) var(--font-ui);color:var(--text-muted)}.poke-move-tooltip p{margin:var(--space-4) var(--space-0);color:var(--text-muted)}.poke-inspect-tooltip{max-height:min(460px,75vh)}.poke-inspect-tooltip h3{margin:var(--space-10) var(--space-0) var(--space-2);font:700 var(--type-small)/var(--leading-snug) var(--font-ui);color:var(--text)}.poke-inspect-tooltip .poke-detail-summary{gap:var(--space-10);grid-template-columns:72px 1fr}.poke-inspect-tooltip .poke-detail-summary>.poke-sprite{height:72px}.poke-move-facts,.poke-detail-stats{gap:var(--space-8);margin:var(--space-8) var(--space-0) var(--space-4);grid-template-columns:repeat(auto-fit,minmax(72px,1fr));display:grid}.poke-move-facts>div,.poke-detail-stats>div{gap:var(--space-4);padding:var(--space-10) var(--space-12);border-radius:var(--radius-md);background:var(--surface-2);display:grid}.poke-move-facts dt,.poke-detail-stats dt{font:600 var(--type-micro)/var(--leading-snug) var(--font-ui);color:var(--text-muted)}.poke-move-facts dd,.poke-detail-stats dd{margin:var(--space-0);font:700 var(--type-body)/var(--leading-snug) var(--font-pixel)}.poke-move-unavailable{color:var(--danger-ink);font-weight:700}.poke-detail-summary{gap:var(--space-12);margin:var(--space-8) var(--space-0);grid-template-columns:96px 1fr;align-items:center;display:grid}.poke-detail-summary>.poke-sprite{height:96px}.poke-detail-summary>div{gap:var(--space-6);display:grid}.poke-detail-summary p{margin:var(--space-0);font:700 var(--type-small)/var(--leading-snug) var(--font-pixel)}.poke-detail-summary small,.poke-detail-note{color:var(--text-muted)}.poke-detail-summary .poke-health{--pk-ink:var(--text)}.poke-detail-moves{gap:var(--space-4);display:grid}.poke-detail-moves>div{justify-content:space-between;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-radius:var(--radius-md);background:var(--surface-2);display:flex}.poke-detail-moves span{color:var(--text-muted);font:700 var(--type-caption)/var(--leading-snug) var(--font-pixel)}.poke-detail-dialog{width:min(480px,100vw - 24px);max-height:85dvh;overflow:auto}.poke-detail-dialog h3{margin:var(--space-16) var(--space-0) var(--space-8);font:700 var(--type-body)/var(--leading-snug) var(--font-ui);color:var(--text)}.poke-detail-dialog p{font-size:var(--type-small);line-height:var(--leading-body)}.poke-detail-dialog>.ui-button{margin-top:var(--space-16)}@media (width<=1360px) and (width>=701px){.poke-move-pp{font-size:var(--type-caption)}.poke-switch>strong{font-size:var(--type-small)}.poke-controls .poke-switch.ui-button{padding-right:var(--space-10);gap:var(--space-4) var(--space-6)}}@media (width>=701px) and (width<=1100px) and (height>=561px){.pokemon-stage.poke-workspace{--poke-controls-h:calc(var(--space-80) * 3 + var(--space-32))}}@media (height<=780px) and (width>=701px){.pokemon-stage.poke-workspace{--poke-controls-h:calc(var(--space-80) * 2);gap:var(--space-12)}.poke-moves,.poke-switches{gap:var(--space-10)}.poke-mon-name strong{font-size:var(--type-lead)}.poke-status{gap:var(--space-6);padding:var(--space-10) var(--space-12)}.poke-status[data-own=true] .poke-hp-line>span{font-size:var(--type-lead)}.poke-combatant[data-own=false] .poke-hud{top:var(--space-16);left:var(--space-16)}.poke-combatant[data-own=true] .poke-hud{bottom:var(--space-16);right:var(--space-16)}}@media (height<=500px) and (width>=701px){.pokemon-stage.poke-workspace{gap:var(--space-8);grid-template:"field controls log"minmax(0,1fr)/minmax(0,1fr) minmax(0,1.1fr) 168px}.pokemon-stage.poke-workspace[data-spectating=true]{grid-template:"left field right"minmax(0,1fr)"left controls right"/160px minmax(0,1fr) 160px}.poke-controls,.poke-controls[data-has-moves=true]{gap:var(--space-8);grid-template-rows:none;grid-template-columns:minmax(0,1fr);align-content:start;overflow:auto}.poke-moves,.poke-switches,.poke-controls[data-has-moves=true] .poke-switches{gap:var(--space-6);height:auto}.poke-controls .poke-move.ui-button{min-height:var(--control-lg);padding:var(--space-6) var(--space-10);gap:var(--space-4)}.poke-move-title>strong{font-size:var(--type-body)}.poke-move-meta{gap:var(--space-2) var(--space-6);flex-wrap:wrap}.poke-move .poke-type-badge{height:18px;letter-spacing:var(--tracking-pixel)}.poke-move-pp{font-size:var(--type-micro)}.poke-controls .poke-switch.ui-button{min-height:var(--control);grid-template-columns:var(--space-32) minmax(0, 1fr);padding:var(--space-4) var(--space-8) var(--space-4) var(--space-4);grid-template-areas:"sprite name""sprite hp"}.poke-switch>:is(.poke-sprite,.poke-unknown){width:var(--space-32);height:var(--space-32)}.poke-switch>strong{font-size:var(--type-small)}.poke-switch>small{display:none}.poke-controls[data-force-switch=true] .poke-control-switches{height:auto}.poke-controls[data-force-switch=true] .poke-switches{grid-template-columns:repeat(3,minmax(0,1fr))}.poke-controls[data-force-switch=true] .poke-switch.ui-button{grid-template-rows:auto var(--space-56) auto;grid-template-areas:"name name""sprite sprite""hp hp"}.poke-controls[data-force-switch=true] .poke-switch>:is(.poke-sprite,.poke-unknown){min-height:0}.poke-waiting{font-size:var(--type-body)}.poke-hud{gap:var(--space-4);width:min(240px,54cqw)}.poke-combatant[data-own=false] .poke-hud{top:var(--space-8);left:var(--space-8)}.poke-combatant[data-own=true] .poke-hud{bottom:var(--space-8);right:var(--space-8)}.poke-status{padding:var(--space-6) var(--space-10);gap:var(--space-4);border-width:var(--stroke-3)}.poke-mon-name strong{font-size:var(--type-small)}.poke-level{font-size:var(--type-micro)}.poke-status[data-own=true] .poke-hp-line>span{font-size:var(--type-body)}.poke-mon-chips,.poke-roster,.poke-stats,.poke-trainer{display:none}.poke-turn{top:var(--space-8);left:auto;right:var(--space-8);height:var(--space-24);padding:var(--space-0) var(--space-10);font-size:var(--type-micro);translate:none}.poke-log{padding:var(--space-10) var(--space-4) var(--space-8) var(--space-12)}.poke-log-scroll{font-size:var(--type-small)}.poke-team-panel{padding:var(--space-10);gap:var(--space-8)}.poke-team-panel>header .player-name-label>strong{font-size:var(--type-body)}.poke-team-member{grid-template-columns:var(--space-32) minmax(0, 1fr);padding:var(--space-4)}.poke-team-member>:is(.poke-sprite,.poke-unknown){width:var(--space-32);height:var(--space-32)}.poke-spectator-announcement{min-height:0;padding:var(--space-8)}.poke-spectator-announcement>strong{font-size:var(--type-body)}}@media (width<=700px){.pokemon-stage.poke-workspace{gap:var(--space-10);grid-template:"field"minmax(272px,1fr)"controls""log"104px/minmax(0,1fr);overflow:auto}.pokemon-stage.poke-workspace[data-spectating=true]{grid-template:"field field"minmax(240px,1fr)"controls controls""left right"minmax(0,.9fr)/minmax(0,1fr) minmax(0,1fr)}.pokemon-stage.poke-workspace[data-spectating=true] .poke-team-rail{min-height:0;overflow:auto}.pokemon-stage.poke-workspace[data-spectating=true] .poke-team-member>small{display:none}.poke-field{border-radius:var(--radius-lg)}.poke-controls,.poke-controls[data-has-moves=true]{gap:var(--space-8);grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.poke-controls-label{font-size:var(--type-body)}.poke-moves{gap:var(--space-8);height:auto}.poke-controls .poke-move.ui-button{min-height:var(--space-56);padding:var(--space-8) var(--space-10);gap:var(--space-6);border-radius:var(--radius-md)}.poke-move-title>strong{font-size:var(--type-body)}.poke-move .poke-type-badge{height:20px;letter-spacing:var(--tracking-pixel);padding:var(--space-0) var(--space-6) var(--space-0) var(--space-4)}.poke-move-meta{gap:var(--space-4)}.poke-move-pp{font-size:var(--type-micro)}.poke-switches,.poke-controls[data-has-moves=true] .poke-switches{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));height:auto}.poke-controls .poke-switch.ui-button{min-height:var(--control);grid-template-columns:var(--space-32) minmax(0, 1fr);gap:var(--space-2) var(--space-6);padding:var(--space-4) var(--space-8) var(--space-4) var(--space-4);border-radius:var(--radius-md);grid-template-areas:"sprite name""sprite hp"}.poke-switch>:is(.poke-sprite,.poke-unknown){width:var(--space-32);height:var(--space-32)}.poke-switch>strong{font-size:var(--type-caption)}.poke-switch>.poke-health{border-width:var(--stroke-1);height:8px}.poke-switch>small{display:none}.poke-controls[data-force-switch=true] .poke-control-switches{height:auto}.poke-controls[data-force-switch=true] .poke-switches{grid-template-columns:repeat(3,minmax(0,1fr))}.poke-controls[data-force-switch=true] .poke-switch.ui-button{grid-template-rows:auto var(--space-64) auto;padding:var(--space-8);grid-template-areas:"name name""sprite sprite""hp hp"}.poke-controls[data-force-switch=true] .poke-switch>:is(.poke-sprite,.poke-unknown){min-height:0}.poke-controls[data-force-switch=true] .poke-switch>strong{font-size:var(--type-small)}.poke-waiting{min-height:var(--space-80);padding:var(--space-12);font-size:var(--type-body)}.poke-hud{gap:var(--space-6);width:min(232px,60cqw)}.poke-combatant[data-own=false] .poke-hud{top:var(--space-10);left:var(--space-10)}.poke-combatant[data-own=true] .poke-hud{bottom:var(--space-10);right:var(--space-10)}.poke-combatant[data-own=false] .poke-platform{width:min(34cqh,34cqw);top:20cqh;right:6cqw}.poke-combatant[data-own=true] .poke-platform{width:min(44cqh,42cqw);bottom:12cqh;left:2cqw}.poke-turn{top:auto;bottom:var(--space-10);left:var(--space-10);height:var(--space-24);padding:var(--space-0) var(--space-10);font-size:var(--type-micro);translate:none}.poke-status{padding:var(--space-6) var(--space-10) var(--space-8);gap:var(--space-4);border-width:var(--stroke-3)}.poke-status:after{width:var(--space-12);height:var(--space-12);right:calc(var(--space-12) * -1);bottom:calc(var(--stroke-3) * -1);clip-path:polygon(0 0,100% 100%,0 100%)}.poke-status[data-own=true]:after{left:calc(var(--space-12) * -1);clip-path:polygon(100% 0,100% 100%,0 100%)}.poke-mon-name strong{font-size:var(--type-body)}.poke-level{font-size:var(--type-caption)}.poke-status[data-own=true] .poke-hp-line>span{font-size:var(--type-body)}.poke-hp-line{font-size:var(--type-micro)}.poke-health{height:10px}.poke-mon-chips{display:none}.poke-trainer{gap:var(--space-4) var(--space-6);flex-wrap:wrap}.poke-trainer .game-player-identity{min-height:0;padding:var(--space-2) var(--space-10)}.poke-combatant[data-own=true] .poke-trainer .game-player-identity{padding:var(--space-2) var(--space-10)}.poke-trainer .game-player-identity>:first-child{display:none}.poke-trainer .player-name-label>strong{font-size:var(--type-caption)}.poke-stats{display:none}.poke-roster{gap:var(--space-2);margin:var(--space-0)}.poke-roster-slot{width:18px;height:18px}.poke-roster-slot:after{width:6px;height:6px}.poke-cue-label{max-width:86%;padding:var(--space-8) var(--space-12);font-size:var(--type-body);border-width:var(--stroke-3)}.poke-log{padding:var(--space-10) var(--space-4) var(--space-6) var(--space-12);border-width:var(--stroke-3)}.poke-log h2{display:none}.poke-log-scroll{font-size:var(--type-body)}.poke-team-rail{overflow:visible}.poke-team-panel{padding:var(--space-10);gap:var(--space-8);border-radius:var(--radius-lg)}.poke-team-panel>header .player-name-label>strong{font-size:var(--type-body)}.poke-last-move{padding:var(--space-8) var(--space-10)}.poke-last-move strong{font-size:var(--type-body)}.poke-team-member{grid-template-columns:var(--space-32) minmax(0, 1fr);padding:var(--space-4);gap:var(--space-2) var(--space-6)}.poke-team-member>:is(.poke-sprite,.poke-unknown){width:var(--space-32);height:var(--space-32)}.poke-team-member>strong{font-size:var(--type-small)}.poke-spectator-announcement{min-height:0;padding:var(--space-10) var(--space-12);border-width:var(--stroke-3)}.poke-spectator-announcement>strong{font-size:var(--type-body)}.poke-workspace[data-spectating=true] .poke-combatant[data-own=false] .poke-platform{width:min(36cqh,36cqw);top:20cqh;right:6cqw}.poke-workspace[data-spectating=true] .poke-combatant[data-own=true] .poke-platform{width:min(40cqh,42cqw);bottom:16cqh;left:4cqw}}@media (prefers-reduced-motion:reduce){.showdown-animation-layer{display:none}.poke-platform[data-animation] :is(.poke-sprite,.poke-platform-glow),.poke-effects:before,.poke-cue-label,.poke-status-sticker,.poke-status-tags>span,.poke-controls .poke-move.ui-button,.poke-controls[data-force-switch=true] .poke-switch.ui-button,.poke-waiting,.poke-waiting-dot,.poke-log-scroll p:last-child,.poke-log-scroll p:last-child:after,.poke-spectator-announcement>strong,.poke-move-tooltip{clip-path:none;animation:none;-webkit-mask:none;mask:none}.poke-health>span{transition:none}}.match-desk[data-replay=true] .pokemon-stage.poke-workspace{overflow:hidden}.contexto-stage{--contexto-tail-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%204%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22crispEdges%22%3E%3Cpath%20d%3D%22M0%200h11v1h-11ZM12%200h3v1h-3ZM16%200h1v1h-1ZM18%200h1v1h-1ZM20%200h1v1h-1ZM22%200h1v1h-1ZM24%200h1v1h-1ZM26%200h1v1h-1ZM28%200h1v1h-1ZM0%201h6v1h-6ZM7%201h1v1h-1ZM9%201h1v1h-1ZM11%201h1v1h-1ZM13%201h1v1h-1ZM15%201h1v1h-1ZM17%201h1v1h-1ZM21%201h1v1h-1ZM0%202h9v1h-9ZM10%202h3v1h-3ZM14%202h1v1h-1ZM16%202h1v1h-1ZM18%202h1v1h-1ZM20%202h1v1h-1ZM22%202h1v1h-1ZM24%202h1v1h-1ZM26%202h1v1h-1ZM0%203h4v1h-4ZM5%203h1v1h-1ZM7%203h1v1h-1ZM9%203h1v1h-1ZM11%203h1v1h-1ZM13%203h1v1h-1ZM15%203h1v1h-1ZM19%203h1v1h-1Z%22%2F%3E%3C%2Fsvg%3E);--cx-row:56px;gap:var(--space-24);width:100%;max-width:1400px;height:100%;min-height:0;margin:var(--space-0) auto;scrollbar-width:none;grid-template-columns:minmax(0,1fr) minmax(300px,400px);display:grid;overflow:hidden}.contexto-stage::-webkit-scrollbar{width:0;display:none}:is(.contexto-rank-row,.contexto-last-guess){--bar:var(--rank-fill,var(--surface-3))}:root[data-theme=dark] :is(.contexto-rank-row,.contexto-last-guess){--bar:color-mix(in oklab, var(--rank-fill,var(--surface-3)) 52%, var(--palette-g950))}.contexto-own{gap:var(--space-16);flex-direction:column;min-width:0;min-height:0;display:flex}.contexto-own-head{align-items:stretch;gap:var(--space-16);grid-template-columns:minmax(0,1fr);display:grid}.contexto-meter{align-content:center;gap:var(--space-8);min-width:0;padding:var(--space-12) var(--space-20);border-radius:var(--radius-lg);background:var(--surface);display:grid}.contexto-meter strong{align-items:baseline;gap:var(--space-8);min-width:0;font-weight:600;display:flex}.contexto-meter strong b{font-family:var(--font-pixel);font-size:var(--type-display);font-weight:600;line-height:var(--leading-none);font-variant-numeric:tabular-nums}.contexto-meter strong span{font-size:var(--type-body);color:var(--text-muted);white-space:nowrap}.contexto-meter[data-low] strong b{color:var(--danger-ink)}.contexto-meter-track{gap:var(--space-2);grid-template-columns:repeat(25,minmax(0,1fr));max-width:520px;display:grid}.contexto-meter-track i{border-radius:var(--space-2);background:var(--surface-3);height:8px}.contexto-rank-help{font-size:var(--type-small);color:var(--text-muted);font-weight:600}.contexto-form{gap:var(--space-12);display:flex}.contexto-form .ui-input{min-height:var(--control-xl);padding:var(--space-0) var(--space-24);border-radius:var(--radius-pill);font-size:var(--type-title);letter-spacing:var(--tracking-tight);flex:1;font-weight:650}.contexto-form .ui-button{min-height:var(--control-xl);padding:var(--space-0) var(--space-40);font-size:var(--type-title);font-weight:700}.contexto-last{gap:var(--space-8);display:grid}.contexto-last-label{font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);font-weight:700}.contexto-last-guess{isolation:isolate;align-items:center;gap:var(--space-12);height:var(--cx-row);padding:var(--space-0) var(--space-20);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);outline:var(--stroke-3) dotted var(--text);outline-offset:calc(var(--stroke-3) * -1);grid-template-columns:minmax(0,1fr) auto auto;display:grid;position:relative;overflow:hidden}.contexto-last-guess:before{content:"";z-index:-1;width:var(--rank-width,0%);border-radius:inherit;background:var(--bar);transition:width var(--dur-4) var(--ease-out);position:absolute;inset:0 auto 0 0}.contexto-last-guess>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--type-title);letter-spacing:var(--tracking-tight);font-weight:700;overflow:hidden}.contexto-last-guess>small{font-size:var(--type-caption);white-space:nowrap;font-weight:600}.contexto-last-guess>b{font-family:var(--font-pixel);font-size:var(--type-title);font-weight:600;line-height:var(--leading-none);font-variant-numeric:tabular-nums;white-space:nowrap;grid-column:3}.contexto-last-guess>small b{font-family:var(--font-ui);font-size:var(--type-caption)}.contexto-last-guess[data-status=not_in_pool]>b{font-family:var(--font-ui);font-size:var(--type-body);color:var(--danger-ink);font-weight:700}.contexto-own-list{align-content:start;gap:var(--space-8);min-height:0;margin:var(--space-0);padding:var(--space-0);overscroll-behavior:contain;scrollbar-width:none;scrollbar-gutter:auto;flex:auto;list-style:none;display:grid;overflow:auto}.contexto-own-list::-webkit-scrollbar,.contexto-rival-grid::-webkit-scrollbar,.contexto-ranked-guesses::-webkit-scrollbar,.contexto-replay-list::-webkit-scrollbar{width:0;display:none}.contexto-own-list:focus{outline:none}.contexto-own-list:focus-visible{outline:var(--stroke-3) solid var(--focus);outline-offset:var(--space-2);border-radius:var(--radius-md)}.contexto-rank-row{isolation:isolate;align-items:center;gap:var(--space-12);height:var(--cx-row);padding:var(--space-0) var(--space-20);border-radius:var(--radius-md);background-color:var(--surface-2);color:var(--text);background-image:none;grid-template-columns:minmax(0,1fr) auto auto;display:grid;position:relative;overflow:hidden}.contexto-rank-row:before{content:"";z-index:-1;width:var(--rank-width);border-radius:inherit;background:var(--bar);position:absolute;inset:0 auto 0 0}:is(.contexto-rank-row,.contexto-last-guess):before{--rank-tail:min(var(--space-96), 60%);-webkit-mask-image:linear-gradient(var(--palette-black), var(--palette-black)), var(--contexto-tail-mask);mask-image:linear-gradient(var(--palette-black), var(--palette-black)), var(--contexto-tail-mask);-webkit-mask-size:calc(100% - var(--rank-tail)) 100%, var(--rank-tail) calc(var(--px) * 4);mask-size:calc(100% - var(--rank-tail)) 100%, var(--rank-tail) calc(var(--px) * 4);-webkit-mask-composite:source-over;-webkit-mask-position:0 0,100% 0;mask-position:0 0,100% 0;-webkit-mask-repeat:no-repeat,repeat-y;mask-repeat:no-repeat,repeat-y;mask-composite:add}.contexto-rank-row>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--type-title);letter-spacing:var(--tracking-tight);font-weight:700;overflow:hidden}.contexto-rank-row>em{font-size:var(--type-caption);white-space:nowrap;font-style:normal;font-weight:600}.contexto-rank-row>strong{font-family:var(--font-pixel);font-size:var(--type-title);font-weight:600;line-height:var(--leading-none);font-variant-numeric:tabular-nums;white-space:nowrap;grid-column:3}.contexto-rank-row[data-heat=found]>span{text-transform:uppercase}.contexto-empty{min-height:var(--control-xl);padding:var(--space-12) var(--space-16);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);font-size:var(--type-body);text-align:center;place-items:center;font-weight:600;list-style:none;display:grid}.contexto-secret{isolation:isolate;justify-items:center;gap:var(--space-8);padding:var(--space-20) var(--space-24) var(--space-24);border-radius:var(--radius-xl);background:var(--palette-rank-hot);color:var(--palette-ink);text-align:center;display:grid;position:relative;overflow:hidden}.contexto-secret:before{content:"";z-index:-1;background:radial-gradient(120% 80% at 50% 0%, color-mix(in oklab, var(--palette-white) 40%, var(--palette-clear)), var(--palette-clear) 60%), linear-gradient(to bottom, var(--palette-clear) 55%, color-mix(in oklab, var(--palette-grass-deep) 70%, var(--palette-clear)));box-shadow:inset 0 calc(var(--depth-1) * -1) 0 var(--palette-grass-deep);pointer-events:none;position:absolute;inset:0}.contexto-secret>span{font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:700}.contexto-secret>strong{overflow-wrap:anywhere;max-width:100%;font-family:var(--font-pixel);font-size:var(--type-mega);font-weight:600;line-height:var(--leading-none);text-transform:uppercase;animation:pixel-pop var(--dur-4) var(--ease-snap) both, elsh-settle var(--dur-5) var(--ease-out) both}.contexto-rivals{gap:var(--space-16);min-width:0;min-height:0;padding:var(--space-20);border-radius:var(--radius-xl);background:var(--surface);flex-direction:column;display:flex}.contexto-rivals-head{gap:var(--space-4);display:grid}.contexto-rivals-head h2{font-size:var(--type-title);letter-spacing:var(--tracking-tight);font-weight:700;line-height:var(--leading-tight)}.contexto-rivals-head span{font-size:var(--type-small);color:var(--text-muted)}.contexto-rival-grid{align-content:start;gap:var(--space-12);overscroll-behavior:contain;scrollbar-width:none;min-height:0;display:grid;overflow:auto}.contexto-rival-grid:focus{outline:none}.contexto-rival-grid:focus-visible{outline:var(--stroke-3) solid var(--focus);outline-offset:var(--space-2);border-radius:var(--radius-lg)}.contexto-rival{gap:var(--space-10);min-width:0;padding:var(--space-16);border-radius:var(--radius-lg);background:var(--raised);display:grid}.contexto-rival-head{justify-content:space-between;align-items:center;gap:var(--space-12);min-width:0;display:flex}.contexto-rival-head .player-name-label{min-width:0}.contexto-rival-head .player-name-label>strong{font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:700;display:block}.contexto-rival-head .player-name-label>small{text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-caption);color:var(--text-muted);display:block;overflow:hidden}.contexto-rival-head>span{font-family:var(--font-pixel);font-size:var(--type-lead);font-variant-numeric:tabular-nums;color:var(--text-muted);flex:none;font-weight:600}.contexto-rival ol{gap:var(--space-6);margin:var(--space-0);padding:var(--space-0);flex-wrap:wrap;list-style:none;display:flex}.contexto-rival .contexto-rank-row{--cx-row:var(--control-sm);min-width:56px;padding:var(--space-0) var(--space-10);border-radius:var(--radius-sm);grid-template-columns:auto;justify-content:center}.contexto-rival .contexto-rank-row:before{width:100%;box-shadow:none;-webkit-mask-image:none;mask-image:none}.contexto-rival .contexto-rank-row>span{display:none}.contexto-rival .contexto-rank-row>strong{font-size:var(--type-lead);grid-column:1}.contexto-rival>.contexto-empty{min-height:var(--control-sm);background:var(--surface-2);font-size:var(--type-small)}.contexto-waiting{gap:var(--space-6);padding:var(--space-24);border-radius:var(--radius-lg);background:var(--raised);text-align:center;display:grid}.contexto-waiting strong{font-size:var(--type-lead);font-weight:700}.contexto-waiting span{font-size:var(--type-body);color:var(--text-muted)}.contexto-replay-stage{grid-template-columns:none;max-width:none;display:flex}.contexto-replay{gap:var(--space-16);flex-direction:column;width:100%;min-width:0;min-height:0;display:flex;container-type:inline-size}.contexto-replay-head{justify-content:space-between;align-items:flex-end;gap:var(--space-12);display:flex}.contexto-replay-head div{gap:var(--space-4);display:grid}.contexto-replay-head div span{font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-faint);font-weight:700}.contexto-replay-head strong{font-size:var(--type-title);letter-spacing:var(--tracking-tight);font-weight:700}.contexto-replay-head>span{font-family:var(--font-pixel);font-size:var(--type-body);color:var(--text-muted)}.contexto-replay .contexto-secret{padding-block:var(--space-12) var(--space-16);flex:none}.contexto-replay .contexto-secret>strong{font-size:var(--type-display)}.contexto-replay-grid{gap:var(--space-12);flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);min-height:0;display:grid}.contexto-replay-player:last-child:nth-child(odd){grid-column:span 2}@container (width>=560px){.contexto-replay-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.contexto-replay-player,.contexto-replay-player:last-child:nth-child(odd){grid-column:span 2}.contexto-replay-grid[data-player-count="1"] .contexto-replay-player{grid-column:span 6}.contexto-replay-grid:is([data-player-count="2"],[data-player-count="4"]) .contexto-replay-player,.contexto-replay-grid[data-player-count="5"] .contexto-replay-player:nth-child(n+4){grid-column:span 3}}.contexto-replay-player{--cx-row:44px;gap:var(--space-10);min-width:0;min-height:0;padding:var(--space-16);border-radius:var(--radius-xl);background:var(--surface);flex-direction:column;display:flex}.contexto-replay-player>header{align-items:center;gap:var(--space-12);min-width:0;display:flex}.contexto-replay-player>header .player-name-label{min-width:0}.contexto-replay-player>header .player-name-label>:is(strong,small){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.contexto-replay-player>header .player-name-label>strong{font-size:var(--type-lead);font-weight:700}.contexto-replay-player>header .player-name-label>small{font-size:var(--type-caption);color:var(--text-muted)}.contexto-guess-count{padding:var(--space-6) var(--space-12);border-radius:var(--radius-pill);background:var(--surface-2);font-family:var(--font-pixel);font-size:var(--type-body);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;margin-left:auto;font-weight:600}.contexto-replay-player ol{align-content:start;gap:var(--space-6);min-height:0;margin:var(--space-0);padding:var(--space-0);list-style:none;display:grid}.contexto-ranked-guesses,.contexto-replay-list{overscroll-behavior:contain;scrollbar-width:none;flex:auto;overflow:auto}.contexto-latest-guess{flex:none}.contexto-latest-guess .contexto-rank-row{--cx-row:56px}.contexto-latest-guess .contexto-rank-row>span{font-size:var(--type-title)}.contexto-replay-player .contexto-rank-row{padding:var(--space-0) var(--space-12);border-radius:var(--radius-sm)}.contexto-replay-player .contexto-rank-row>span{font-size:var(--type-body)}.contexto-replay-player .contexto-rank-row>strong{font-size:var(--type-lead)}.contexto-replay-player>.contexto-empty{background:var(--surface-2);flex:1}.match-desk[data-stream=true] .contexto-replay-player{--cx-row:52px}.match-desk[data-stream=true] .contexto-replay-player .contexto-rank-row>span{font-size:var(--type-lead)}.match-desk[data-stream=true] .contexto-replay-player .contexto-rank-row>strong{font-size:var(--type-title)}.match-desk[data-stream=true] .contexto-latest-guess .contexto-rank-row{--cx-row:64px}.match-desk[data-stream=true] .contexto-latest-guess .contexto-rank-row>span{font-size:var(--type-section)}.match-desk[data-stream=true] .contexto-replay-player>header .player-name-label>strong{font-size:var(--type-title)}.match-desk[data-stream=true] .contexto-guess-count{font-size:var(--type-lead)}@media (width<=1100px) and (width>=761px){.contexto-stage:not(.contexto-replay-stage){gap:var(--space-16);grid-template-columns:minmax(0,1fr) minmax(260px,320px)}.contexto-meter strong b{font-size:var(--type-section)}}@media (height<=760px) and (width>=761px){.contexto-stage{--cx-row:46px}.contexto-own{gap:var(--space-12)}.contexto-meter{padding-block:var(--space-8)}.contexto-meter strong b{font-size:var(--type-section)}.contexto-form .ui-input,.contexto-form .ui-button{min-height:var(--control-lg)}}@media (width<=760px){.contexto-stage{gap:var(--space-16);flex-direction:column;display:flex;overflow:auto}.contexto-own,.contexto-rivals{flex:none;min-height:auto}.contexto-replay-stage{display:flex}.contexto-own-head{gap:var(--space-10)}.contexto-meter strong b{font-size:var(--type-section)}.contexto-meter{padding:var(--space-10) var(--space-12)}.contexto-meter strong span{font-size:var(--type-small)}.contexto-form .ui-input{min-height:var(--control-lg);padding:var(--space-0) var(--space-20);font-size:var(--type-lead)}.contexto-form .ui-button{min-height:var(--control-lg);padding:var(--space-0) var(--space-24);font-size:var(--type-lead)}.contexto-own-list{flex:none;overflow:visible}.contexto-stage{--cx-row:50px}:is(.contexto-rank-row>span,.contexto-last-guess>strong){font-size:var(--type-lead)}.contexto-rivals{padding:var(--space-16)}.contexto-rival-grid{overflow:visible}.contexto-replay-grid{grid-auto-rows:auto}.contexto-ranked-guesses,.contexto-replay-list{overflow:visible}.contexto-secret>strong{font-size:var(--type-display)}}@media (prefers-reduced-motion:reduce){.contexto-secret>strong{animation:none}.contexto-last-guess:before{transition:none}}.public-link{align-items:center;gap:var(--space-6);color:var(--text);text-decoration:underline;text-decoration-color:var(--line-strong);text-decoration-thickness:var(--stroke-2);text-underline-offset:4px;transition:text-decoration-color var(--dur-1) linear;font-weight:600;display:inline-flex}.public-link:hover{text-decoration-color:var(--text)}.public-head-copy{gap:var(--space-8);display:grid}.connect-layout{gap:var(--space-16);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;display:grid}.connect-layout>*{min-width:0}.connect-aside{top:calc(var(--bar-height) + var(--space-16));border-radius:var(--radius-lg);background:var(--surface);position:sticky}.connect-steps{gap:var(--space-20);margin-top:var(--space-20);list-style:none;display:grid}.connect-steps li{gap:var(--space-12);display:flex}.connect-steps li>span{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-pill);background:var(--invert);color:var(--invert-text);font-family:var(--font-pixel);font-size:var(--type-small);flex:none;place-items:center;display:grid}.connect-steps h3{font-family:var(--font-ui);font-size:var(--type-body);letter-spacing:0;font-weight:700}.connect-steps p{margin-top:var(--space-4);font-size:var(--type-small);line-height:var(--leading-body);color:var(--text-muted)}.connect-webhooks{isolation:isolate;justify-content:space-between;align-items:center;gap:var(--space-24);margin-top:var(--space-16);padding:var(--space-32);border-radius:var(--radius-lg);background:var(--surface);display:flex;position:relative;overflow:hidden}.connect-webhooks[data-surface=dark]{margin-top:var(--space-32);background:var(--canvas);color:var(--text)}.connect-webhooks[data-surface=dark]:before,.connect-webhooks[data-surface=dark]:after{content:"";z-index:-1;pointer-events:none;position:absolute;top:0;bottom:0;right:0}.connect-webhooks[data-surface=dark]:before{background:linear-gradient(to left, var(--palette-sky), var(--palette-clear));width:44%}.connect-webhooks[data-surface=dark]:after{background:linear-gradient(to left, var(--palette-aqua), var(--palette-clear));width:24%}.connect-webhooks>div{min-width:0;max-width:60ch}.connect-webhooks h2{font-size:var(--type-section)}.connect-webhooks p{margin-top:var(--space-8);color:var(--text-muted);line-height:var(--leading-body)}.connect-webhooks>.ui-button{flex:none}.public-watch-grid{grid-template-columns:minmax(0, 1fr) var(--sidebar);gap:var(--space-16);align-items:start;display:grid}.public-player{isolation:isolate;aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--surface);min-height:280px;color:var(--text);place-items:center;display:grid;position:relative;overflow:hidden;container-type:inline-size}.public-player:before{content:"";z-index:-1;background:linear-gradient(to top, var(--palette-tangerine), var(--palette-pink) 55%, var(--palette-clear));pointer-events:none;height:20%;position:absolute;bottom:0;left:0;right:0}.public-player iframe{z-index:1;border:0;width:100%;height:100%;position:absolute;inset:0}.player-intro{align-items:center;gap:var(--space-12);max-width:400px;padding:var(--space-24) var(--space-24) var(--space-48);text-align:center;flex-direction:column;display:flex;position:relative}.player-intro[data-loaded=true]{display:none}.player-intro-mark{width:var(--control-xl);height:var(--control-xl);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);place-items:center;display:grid}.player-intro h2{font-family:var(--font-pixel);font-size:var(--type-section);letter-spacing:var(--tracking-pixel)}.player-intro p{color:var(--text-muted)}.player-intro small,.public-watch-aside small{font-size:var(--type-caption);color:var(--text-muted)}.mobile-stream{display:none}.public-watch-aside{gap:var(--space-16);display:grid}.public-watch-aside .panel{gap:var(--space-12);padding:var(--space-24);border-radius:var(--radius-lg);--doodle-fill:var(--surface)}.public-watch-aside p{color:var(--text-muted);font-size:var(--type-small);line-height:var(--leading-body)}.panel-actions{align-items:center;gap:var(--space-8) var(--space-16);flex-wrap:wrap;display:flex}.watch-next{gap:var(--space-16);margin-top:var(--space-48);display:grid}.watch-next h2{font-size:var(--type-section)}.watch-next>div{gap:var(--space-8);flex-wrap:wrap;display:flex}.watch-next a{align-items:center;gap:var(--space-8);min-height:var(--control-lg);padding:var(--space-0) var(--space-16) var(--space-0) var(--space-6);border-radius:var(--radius-pill);background:var(--surface-2);transition:background-color var(--dur-1) linear, color var(--dur-1) linear;font-weight:600;display:inline-flex}.watch-next a>svg:last-child{color:var(--text-faint)}.watch-next a:hover{background:var(--invert);color:var(--invert-text)}.watch-next a:hover>svg:last-child{color:inherit}.legal-page{max-width:var(--content-narrow);margin:var(--space-24) auto var(--space-64)}.legal-back{font-size:var(--type-small)}.legal-page h1{margin-top:var(--space-32);font-family:var(--font-pixel);font-size:var(--type-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-pixel)}.legal-date{margin-top:var(--space-16);padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted);font-size:var(--type-small);display:inline-flex}.legal-body{margin-top:var(--space-40);font-size:var(--type-lead)}.legal-body h2{margin:var(--space-40) var(--space-0) var(--space-12);font-size:var(--type-section)}.legal-body h3{margin:var(--space-24) var(--space-0) var(--space-8);font-family:var(--font-ui);font-size:var(--type-title);letter-spacing:0;font-weight:700}.legal-body p,.legal-body li{color:var(--text-muted);line-height:var(--leading-body)}.legal-body p+p{margin-top:var(--space-12)}.legal-body strong{color:var(--text)}.legal-body ul,.legal-body ol{gap:var(--space-8);margin:var(--space-12) var(--space-0);padding-left:var(--space-24);display:grid}.legal-body ul{list-style:outside}.legal-body li::marker{color:var(--text-faint)}.legal-body a{color:var(--text);text-decoration:underline;text-decoration-color:var(--line-strong);text-decoration-thickness:var(--stroke-2);text-underline-offset:4px;font-weight:600}.legal-body a:hover{text-decoration-color:var(--text)}.game-info{gap:var(--space-24) var(--space-48);padding-top:var(--space-24);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;display:grid}.game-info-copy{justify-items:start;gap:var(--space-16);display:grid}.game-info h1{font-family:var(--font-pixel);font-size:var(--type-hero);line-height:var(--leading-none);letter-spacing:var(--tracking-pixel)}.game-info-copy>p{max-width:36ch;font-size:var(--type-lead);line-height:var(--leading-snug);color:var(--text-muted)}.game-info-copy .page-actions{margin-top:var(--space-8)}.game-info-stage{isolation:isolate;min-height:360px;padding:var(--space-32);border-radius:var(--radius-xl);background:var(--canvas);place-items:center;display:grid;position:relative;overflow:hidden}.game-info-stage:before{content:"";z-index:-1;background:linear-gradient(to top, var(--game), var(--palette-clear));pointer-events:none;height:58%;position:absolute;bottom:0;left:0;right:0}.game-info-rules{max-width:var(--content-narrow);margin-top:var(--space-24);gap:var(--space-16);border-radius:var(--radius-lg);background:var(--surface);grid-column:1/-1}.game-info-rules ol{gap:var(--space-12);counter-reset:rule;list-style:none;display:grid}.game-info-rules li{padding-left:var(--space-48);color:var(--text-muted);line-height:var(--leading-body);counter-increment:rule;position:relative}.game-info-rules li:before{content:counter(rule, decimal-leading-zero);top:var(--space-0);left:var(--space-0);min-width:var(--control-xs);height:var(--control-xs);border-radius:var(--radius-pill);background:var(--surface-3);color:var(--text);font-family:var(--font-pixel);font-size:var(--type-caption);place-items:center;display:grid;position:absolute}.game-info-rules>p{color:var(--text-muted)}@media (width<=960px){.connect-layout,.public-watch-grid,.game-info{grid-template-columns:minmax(0,1fr)}.connect-aside{position:relative;top:auto}.public-watch-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.game-info-stage{min-height:300px}}@media (width<=640px){.connect-webhooks{align-items:flex-start;gap:var(--space-20);padding:var(--space-24);flex-direction:column}.connect-webhooks[data-surface=dark]{padding-top:calc(var(--space-24) + var(--space-96))}.connect-webhooks[data-surface=dark]:before,.connect-webhooks[data-surface=dark]:after{width:100%;bottom:auto;left:0}.connect-webhooks[data-surface=dark]:before{background:linear-gradient(to bottom, var(--palette-sky), var(--palette-clear))}.connect-webhooks[data-surface=dark]:after{background:linear-gradient(to bottom, var(--palette-aqua), var(--palette-clear))}.connect-webhooks[data-surface=dark]:before{height:96px}.connect-webhooks[data-surface=dark]:after{height:64px}.public-watch-aside{grid-template-columns:minmax(0,1fr)}.public-player{aspect-ratio:auto;min-height:320px}.player-intro{padding-bottom:var(--space-96)}.legal-body{font-size:var(--type-body)}.game-info-stage{min-height:260px;padding:var(--space-20)}}@media (width<=480px){.public-player iframe,.public-player .load-stream{display:none}.public-player .mobile-stream{display:inline-flex}.public-player .player-intro[data-loaded=true]{display:flex}}.ai-spec{gap:var(--space-24);min-width:0;display:grid}.spec-head{padding-bottom:var(--space-8)}.spec-head-copy{gap:var(--space-12);display:grid}.spec-head .page-head-row>.ui-button{flex:none}.ai-spec .ui-tabs-content{padding-top:var(--space-20)}.spec-channel-switch{margin-bottom:var(--space-16)}.spec-game-picker{gap:var(--space-8);padding-bottom:var(--space-12);flex-wrap:wrap;display:flex}.spec-game-picker .ui-button{gap:var(--space-8);padding-left:var(--space-6);border-radius:var(--radius-pill)}.spec-game-picker .ui-button .game-mark{box-shadow:none}.spec-options{width:fit-content;max-width:100%}.spec-exchange{gap:var(--space-16);min-width:0;display:grid}.spec-payloads{gap:var(--space-16);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.spec-payload{gap:var(--space-12);min-width:0;padding:var(--space-16);border-radius:var(--radius-lg);background:var(--surface)}.spec-payload h3{align-items:center;gap:var(--space-12);font-size:var(--type-lead);letter-spacing:0;font-weight:700;display:flex}.spec-dir{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-pill);background:var(--invert);color:var(--invert-text);font-family:var(--font-pixel);font-size:var(--type-body);flex:none;place-items:center;display:grid;position:relative}.spec-dir:after{content:"";top:calc(var(--space-2) * -1);right:calc(var(--space-2) * -1);border-radius:var(--radius-pill);background:var(--palette-sky);width:10px;height:10px;box-shadow:0 0 0 var(--space-2) var(--surface);position:absolute}.spec-dir[data-dir=receive]:after{background:var(--palette-grass)}.spec-caption{color:var(--text-muted);font-size:var(--type-small)}.spec-unavailable{justify-items:start;gap:var(--space-12);border-radius:var(--radius-lg);background:var(--surface)}.spec-unavailable p{color:var(--text-muted)}.spec-code{border-radius:var(--radius-md);background:var(--palette-g950);min-width:0;color:var(--palette-g100);overflow:hidden}:root[data-theme=dark] .spec-code{background:var(--palette-black)}.spec-code-head{justify-content:space-between;align-items:center;gap:var(--space-12);padding:var(--space-6) var(--space-6) var(--space-6) var(--space-16);background:var(--palette-white-08);font-family:var(--font-code);font-size:var(--type-caption);color:var(--palette-g400);display:flex}.spec-code-head .ui-button{min-height:var(--control-xs);padding:var(--space-0) var(--space-12);border-radius:var(--radius-pill);font-size:var(--type-caption)}.spec-code-head .ui-button[data-copied]{--btn-bg:var(--palette-white-14);--btn-fg:var(--palette-grass)}.spec-code pre{max-height:380px;margin:var(--space-0);padding:var(--space-16);font-family:var(--font-code);font-size:var(--type-caption);line-height:var(--leading-body);white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto}.spec-code pre:focus-visible{outline-offset:-3px}.spec-json-key{color:var(--palette-sky)}.spec-json-string{color:var(--palette-grass)}.spec-json-number{color:var(--palette-sun)}.spec-json-literal{color:var(--palette-pink)}.spec-detail{margin-top:var(--space-4);border-radius:var(--radius-md);background:var(--surface-2)}.spec-detail>summary{justify-content:space-between;align-items:center;gap:var(--space-12);min-height:var(--control);padding:var(--space-0) var(--space-16);cursor:pointer;font-size:var(--type-small);font-weight:650;display:flex}.spec-detail>summary:after{content:"+";font-family:var(--font-pixel);font-size:var(--type-lead);color:var(--text-muted);transition:transform var(--dur-3) var(--ease-snap)}.spec-detail[open]>summary:after{transform:rotate(45deg)}.spec-detail>.spec-code{margin:var(--space-0) var(--space-6) var(--space-6)}.spec-definition{gap:var(--space-12);padding:var(--space-0) var(--space-16) var(--space-16);display:grid}.spec-definition p{color:var(--text-muted);line-height:var(--leading-body)}.spec-definition code:not(pre code){padding:var(--space-2) var(--space-6);border-radius:var(--radius-xs);background:var(--surface-3);font-size:var(--type-caption)}.spec-request-options{gap:var(--space-12);display:grid}.spec-footer{gap:var(--space-12) var(--space-24);padding:var(--space-20) var(--space-24);border-radius:var(--radius-lg);background:var(--surface);flex-wrap:wrap;display:flex}.spec-board{isolation:isolate;gap:var(--space-16);min-width:0;margin:var(--space-0);padding:var(--space-24);border-radius:var(--radius-xl);background:var(--canvas);color:var(--text);display:grid;position:relative;overflow:hidden}:root[data-theme=dark] .spec-board{background:var(--surface)}.spec-board:before{content:"";z-index:-1;background:linear-gradient(to top, var(--game,var(--palette-sky)), var(--palette-clear));pointer-events:none;height:30%;position:absolute;bottom:0;left:0;right:0}.spec-board>figcaption{max-width:100%;padding:var(--space-4) var(--space-12);border-radius:var(--radius-md);text-align:center;background:var(--surface-2);font-family:var(--font-code);font-size:var(--type-caption);color:var(--text-muted);justify-self:center}.spec-board span{font-size:var(--type-small)}.spec-board .discs-stage,.spec-board .checkers-stage{height:auto;padding:var(--space-8);container-type:normal}.spec-board .discs-stage .discs-fit,.spec-board .checkers-fit{width:100%;max-width:320px;margin-inline:auto}.spec-board .discs-caption,.spec-board .checkers-caption{display:none}.spec-words{gap:var(--space-12);text-align:center;width:100%;max-width:640px;margin:auto;display:grid}.spec-words>span{padding:var(--space-6) var(--space-16);border-radius:var(--radius-pill);background:var(--invert);color:var(--invert-text);font-family:var(--font-code);justify-self:center;font-weight:600}.spec-words .words-board{gap:var(--space-6);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.spec-words .word-card{min-height:var(--control-lg);padding:var(--space-4);border-radius:var(--radius-sm);background:var(--palette-cn-card);color:var(--palette-ink);place-items:center;display:grid;position:relative}.spec-words .word-card>span{text-overflow:ellipsis;max-width:100%;font-family:var(--font-code);font-size:var(--type-caption);text-transform:uppercase;font-weight:700;overflow:hidden}.spec-words .word-card:not([data-revealed=true]):is([data-team=red],[data-team=blue],[data-team=assassin]):after{content:"";top:var(--space-4);right:var(--space-4);border-radius:var(--radius-pill);background:var(--team-dot);width:8px;height:8px;position:absolute}.spec-words .word-card[data-team=red]{--team-dot:var(--palette-cn-red)}.spec-words .word-card[data-team=blue]{--team-dot:var(--palette-cn-blue)}.spec-words .word-card[data-team=assassin]{--team-dot:var(--palette-cn-assassin)}.spec-words .word-card[data-revealed=true][data-team=red]{background:var(--palette-cn-red);color:var(--palette-white)}.spec-words .word-card[data-revealed=true][data-team=blue]{background:var(--palette-cn-blue);color:var(--palette-white)}.spec-words .word-card[data-revealed=true][data-team=neutral]{background:var(--palette-cn-bystander);color:var(--palette-ink)}.spec-words .word-card[data-revealed=true][data-team=assassin]{background:var(--palette-cn-assassin);color:var(--palette-white)}.spec-poker,.spec-pokemon,.spec-fleets{justify-content:center;gap:var(--space-24);flex-wrap:wrap;display:flex}.spec-poker>div,.spec-pokemon>div{align-items:center;gap:var(--space-12);flex-direction:column;display:flex}.spec-poker>div>span,.spec-pokemon>div>span,.spec-sea>span,.spec-contexto>span{font-family:var(--font-code);font-size:var(--type-caption);color:var(--text-muted)}.spec-card-row{gap:var(--space-8);display:flex}.spec-card-row .playing-card{width:64px;height:90px}.spec-pokemon>div{width:220px}.spec-pokemon .poke-sprite,.spec-pokemon .poke-unknown{object-fit:contain;width:96px;height:96px}.spec-pokemon .poke-status{width:100%;position:static}.spec-sea{gap:var(--space-12);text-align:center;width:280px;min-width:0;max-width:100%;display:grid}.spec-sea .sea-grid{gap:var(--space-2);width:100%;min-width:0;padding:var(--space-8);border-radius:var(--radius-md);background:var(--palette-sea);grid-template-columns:16px repeat(10,minmax(0,1fr));display:grid}.spec-sea .sea-cell{aspect-ratio:1;border-radius:var(--radius-xs);background:var(--palette-sea-deep);min-width:0;color:var(--palette-white);font-family:var(--font-code);font-size:var(--type-micro);place-items:center;display:grid}.spec-sea .sea-cell[data-ship=true]{background:var(--palette-steel-light)}.spec-sea .sea-cell[data-mine=true]{background:var(--palette-sun);color:var(--palette-ink);font-weight:700}.spec-sea .sea-cell[data-hit=true]{background:var(--palette-tomato);color:var(--palette-white);font-weight:700}.spec-sea .sea-cell[data-miss=true]{color:var(--palette-sea-foam)}.spec-sea .sea-coordinate{font-family:var(--font-code);font-size:var(--type-micro);color:var(--palette-sea-foam);place-items:center;display:grid}.spec-contexto{gap:var(--space-12);width:100%;max-width:440px;margin:auto;display:grid}.spec-contexto.contexto-stage{background:0 0;grid-template-rows:auto;grid-template-columns:minmax(0,1fr);height:auto;min-height:0;overflow:visible}.spec-contexto .contexto-own-list{max-height:none;padding:var(--space-0);list-style:none;overflow:visible}.spec-contexto .contexto-rank-row{grid-template-columns:1fr auto}@media (width<=760px){.spec-payloads{grid-template-columns:minmax(0,1fr)}.spec-payload{padding:var(--space-12)}.spec-board{padding:var(--space-16) var(--space-12);border-radius:var(--radius-lg)}.spec-words .words-board{gap:var(--space-4)}.spec-words .word-card{min-height:var(--control);padding:var(--space-2)}.spec-words .word-card>span{font-size:var(--type-micro)}.spec-poker,.spec-pokemon,.spec-fleets{gap:var(--space-12)}.spec-pokemon>div{width:min(180px,100%)}.spec-code pre{max-height:300px;padding:var(--space-12)}.spec-footer{padding:var(--space-16)}}.game-tile{--tile-pad:var(--space-32);--tile-art:60%;isolation:isolate;border-radius:var(--radius-xl);--doodle-fill:var(--palette-g900);min-width:0;min-height:340px;color:var(--text);transition:translate var(--dur-3) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden;container-type:inline-size}:root[data-theme=dark] .game-tile{--doodle-fill:var(--palette-g850)}.game-tile:after{content:"";z-index:-1;pointer-events:none;background:var(--game);-webkit-mask:var(--bayer-4) 0 0 / var(--dither-tile) var(--dither-tile) repeat, radial-gradient(70% 80% at 82% 100%, var(--palette-ink), var(--palette-clear) 72%);-webkit-mask-composite:source-in;mask:var(--bayer-4) 0 0 / var(--dither-tile) var(--dither-tile) repeat, radial-gradient(70% 80% at 82% 100%, var(--palette-ink), var(--palette-clear) 72%);opacity:.4;transition:opacity var(--dur-3) var(--ease-out);position:absolute;inset:0;mask-composite:intersect}.game-tile:hover{translate:0 calc(var(--space-6) * -1)}.game-tile:hover:after{opacity:.75}.game-tile:active{transition-duration:var(--dur-1);translate:0}.game-tile:focus-visible{outline:var(--stroke-4) solid var(--focus);outline-offset:var(--space-4);border-radius:var(--radius-xl)}:root:not([data-theme=dark]) .game-tile:focus-visible{outline-color:var(--palette-g950)}.game-tile-copy{z-index:1;align-items:flex-start;gap:var(--space-16);padding:var(--tile-pad);flex-direction:column;display:flex;position:relative}.game-tile-head{align-items:center;gap:var(--space-20);min-width:0;display:flex}.library-caption{gap:var(--space-4);min-width:0;display:grid}.library-caption h2{font-size:var(--type-section);line-height:var(--leading-tight);color:var(--text)}.library-caption span{color:var(--text-muted);font-size:var(--type-body);white-space:nowrap;font-weight:500}.game-tile-pitch{max-width:min(28ch,44cqw);color:var(--text-muted);font-size:var(--type-lead);font-weight:500;line-height:var(--leading-snug)}.game-tile-play.ui-button{margin-top:var(--space-8);pointer-events:none}.game-tile:hover .game-tile-play.ui-button{--btn-bg:var(--invert-2)}.game-glyph{aspect-ratio:3/2;width:100%;color:var(--text);place-items:center;display:grid;position:relative}.game-glyph :is(.game-scene,.sketch-scene){width:100%;height:100%}.game-tile>.game-glyph{z-index:0;width:var(--tile-art);transition:translate var(--dur-4) var(--ease-out);margin-inline:auto;position:absolute;bottom:0;left:0;right:0}.game-tile>.game-glyph:has(>[data-crop]){aspect-ratio:auto;display:block}.game-tile>.game-glyph>[data-crop]{height:auto}.game-tile:hover>.game-glyph{translate:0 calc(var(--space-8) * -1)}.game-scene,.sketch-scene{display:block;overflow:visible}.game-scene .scene-move{transition:translate var(--dur-4) steps(4, end)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.game-tile:hover .scene-move{animation:scene-hop var(--dur-5) steps(4, end) both}}@keyframes scene-hop{0%{translate:0}50%{translate:0 -3px}to{translate:0}}@media (prefers-reduced-motion:reduce){.game-tile,.game-tile>.game-glyph{transition:none}.game-tile:hover,.game-tile:hover>.game-glyph{translate:0}}.library-grid{gap:var(--space-16);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=1180px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.library-grid{grid-template-columns:minmax(0,1fr)}}.library-grid .game-tile{--tile-pad:var(--space-24);min-height:296px}.library-grid .game-tile:after{content:none}.library-grid .game-tile-copy{gap:var(--space-12)}.library-grid .library-caption h2{font-size:var(--type-title)}.library-grid .game-mark{--mark-bg:var(--palette-clear);--mark-fg:var(--text)}.library-grid .library-caption span{white-space:normal}.library-grid .game-tile-pitch{font-size:var(--type-body)}.library-grid .game-tile>.game-glyph{width:76%}@container (width>=520px){.game-tile>.game-glyph{margin-inline:auto var(--tile-pad)}.library-grid .game-tile>.game-glyph{width:52%}}@container (width<=519px){.game-tile-pitch{max-width:28ch}.game-tile:not(.library-grid *)>.game-glyph{width:80%}}.library-head{isolation:isolate;align-items:end;gap:var(--space-32) var(--space-48);margin:var(--space-8) var(--space-0) var(--space-32);padding:var(--space-48);border-radius:var(--radius-xl);background:var(--surface);grid-template-columns:minmax(0,1fr) minmax(320px,440px);display:grid;position:relative;overflow:hidden}.library-intro{justify-items:start;gap:var(--space-20);display:grid}.library-intro h1{font-size:var(--type-hero);line-height:var(--leading-none)}.library-intro p{max-width:40ch;color:var(--text-muted);font-size:var(--type-lead);font-weight:500}.library-join{gap:var(--space-16);display:grid}.library-join-label{font-size:var(--type-title);letter-spacing:var(--tracking-tight);font-weight:700;line-height:var(--leading-tight);text-align:center}.library-code-field{min-width:0;position:relative}.library-code-field .library-join-input{min-height:var(--control-xl);padding-inline:var(--space-24) var(--space-64);border-radius:var(--radius-lg);background:var(--surface-3);font-family:var(--font-pixel);font-size:var(--type-title);letter-spacing:.3em;text-transform:uppercase}.library-code-field .library-join-input:focus{background:var(--canvas)}.library-code-field .library-join-input::placeholder{letter-spacing:.2em}.library-code-field .library-code-paste.ui-button{top:0;bottom:0;right:var(--space-10);margin-block:auto;position:absolute}.library-join-submit.ui-button{width:100%}.library-join-error{color:var(--danger-ink);font-size:var(--type-body);font-weight:500}.library-toolbar{justify-content:space-between;align-items:center;gap:var(--space-12);margin-bottom:var(--space-24);flex-wrap:wrap;display:flex}.library-series.ui-button{--btn-bg:var(--palette-crown);--btn-fg:var(--palette-ink);--touch-ink:var(--palette-white);--touch-alpha:.7}.library-filters{gap:var(--space-8);flex-wrap:wrap;display:flex}.library-filters button{align-items:center;gap:var(--space-10);min-height:var(--control);padding:var(--space-0) var(--space-12) var(--space-0) var(--space-20);border-radius:var(--radius-pill);--doodle-fill:var(--surface-2);color:var(--text);font-size:var(--type-body);transition:scale var(--dur-2) var(--ease-out);border:0;font-weight:600;display:inline-flex}.library-filters button:active{scale:.97}.library-filters button span{min-width:var(--control-xs);height:var(--control-xs);padding:var(--space-0) var(--space-8);border-radius:var(--radius-pill);background:var(--canvas);color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--type-body);place-items:center;display:grid}.library-filters button[aria-pressed=true]{--doodle-fill:var(--invert);color:var(--invert-text)}.library-filters button[aria-pressed=true] span{background:var(--invert-2);color:var(--invert-text)}@media (width<=960px){.library-head{padding:var(--space-32);grid-template-columns:minmax(0,1fr);align-items:start}}@media (width<=600px){.game-tile{--tile-pad:var(--space-24);border-radius:var(--radius-lg);min-height:440px}.game-tile-head{gap:var(--space-16)}.library-caption h2{font-size:var(--type-title)}.library-head{padding:var(--space-20);border-radius:var(--radius-lg)}.library-grid .game-tile{min-height:300px}}.mcp-connect-flow{gap:var(--space-12);min-width:0;display:grid}.mcp-prompt-card,.mcp-manual-card{gap:var(--space-12);min-width:0;padding:var(--space-20);border-radius:var(--radius-xl);background:var(--surface);display:grid}.mcp-card-head{justify-content:space-between;align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.mcp-card-title{font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:700}.mcp-card-hint{font-size:var(--type-small);color:var(--text-muted);font-weight:500}.mcp-prompt-content{align-items:start;gap:var(--space-12);grid-template-columns:minmax(0,1fr) auto;display:grid}.connection-prompt{overflow-wrap:anywhere;min-width:0;padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--text);font-family:var(--font-code);font-size:var(--type-small);line-height:var(--leading-body)}.mcp-prompt-copy[data-copied],.mcp-code-copy[data-copied]{--btn-bg:var(--live);--btn-fg:var(--palette-ink)}.mcp-host-tabs{justify-self:start;gap:var(--space-2);max-width:100%;padding:var(--space-4);border-radius:var(--radius-pill);background:var(--surface-2);flex-wrap:wrap;display:inline-flex}.mcp-host-tab{align-items:center;gap:var(--space-6);min-height:var(--control-sm);padding:var(--space-0) var(--space-12);border-radius:var(--radius-pill);background:var(--palette-clear);color:var(--text-muted);font-size:var(--type-small);transition:background-color var(--dur-1) linear, color var(--dur-1) linear;border:0;font-weight:600;display:inline-flex}.mcp-host-tab:hover:not(:disabled){color:var(--text);background:var(--surface-3)}.mcp-host-tab[aria-selected=true]{background:var(--accent);color:var(--accent-text)}.mcp-host-tab:focus-visible{outline:var(--stroke-2) solid var(--focus);outline-offset:var(--space-2)}.mcp-host-tab:disabled{opacity:.5}.mcp-host-panel{gap:var(--space-10);min-width:0;display:grid}.mcp-host-meta{align-items:baseline;gap:var(--space-8);flex-wrap:wrap;display:flex}.mcp-host-name{font-weight:700}.mcp-host-label{font-size:var(--type-caption);color:var(--text-muted);font-weight:500}.mcp-code{border-radius:var(--radius-lg);background:var(--palette-g950);color:var(--palette-g100);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.mcp-code-scroll{gap:var(--space-10);min-width:0;padding:var(--space-12) var(--space-16);display:flex;overflow-x:auto}.mcp-code-scroll:focus-visible{outline-offset:calc(var(--stroke-2) * -1)}.mcp-code-prompt{color:var(--palette-g500);font-family:var(--font-code);font-size:var(--type-small)}.mcp-code pre{overflow-wrap:anywhere;min-width:0;margin:var(--space-0);font-family:var(--font-code);font-size:var(--type-small);line-height:var(--leading-body);white-space:pre-wrap}.mcp-code-copy{margin:var(--space-6)}.mcp-code .mcp-code-copy:not([data-copied]){--btn-bg:var(--palette-g800);--btn-fg:var(--palette-white);--btn-glint:var(--palette-white)}.mcp-host-note{overflow-wrap:anywhere;color:var(--text-muted);font-size:var(--type-small);line-height:var(--leading-body)}.mcp-host-note code{padding:var(--space-0) var(--space-6);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:var(--type-small)}.mcp-connect-flow[data-compact] .mcp-prompt-card,.mcp-connect-flow[data-compact] .mcp-manual-card{padding:var(--space-12);border-radius:var(--radius-lg)}@media (width<=640px){.mcp-manual-head{flex-direction:column;align-items:stretch}.mcp-host-tabs{border-radius:var(--radius-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mcp-host-tab{min-height:var(--control);padding-inline:var(--space-6);justify-content:center}.mcp-prompt-content{grid-template-columns:minmax(0,1fr)}.mcp-prompt-copy{justify-self:start}.mcp-prompt-card,.mcp-manual-card{padding:var(--space-16);border-radius:var(--radius-lg)}}.landing-wire{padding:var(--space-80) var(--space-0) var(--space-0)}.landing-wire .landing-section-head{text-align:center;justify-content:center}.landing-wire .landing-section-head p{margin-inline:auto}.wd-panel{--wd-ink:var(--palette-ink);--wd-paper:var(--palette-card);--wd-page:color-mix(in oklab, var(--palette-sky) 16%, var(--palette-white));--wd-dot:color-mix(in oklab, var(--palette-sky-ink) 22%, var(--palette-clear));padding:var(--space-32) var(--space-32) var(--space-40);border-radius:var(--radius-xl);color:var(--wd-ink);background:radial-gradient(var(--wd-dot) var(--stroke-1), var(--palette-clear) var(--stroke-2)) 0 0 / var(--space-24) var(--space-24), var(--wd-page);box-shadow:inset 0 0 0 var(--stroke-3) var(--wd-ink);position:relative}.wd-stage{width:100%;height:auto;display:block;overflow:visible}.wd-stage text{font-family:var(--font-ui)}.wd-ink{fill:var(--wd-ink)}.wd-stroke{fill:none;stroke:var(--wd-ink);stroke-width:3px;stroke-linecap:round}.wd-faint{fill:none;stroke:var(--wd-ink);stroke-width:1.5px;stroke-dasharray:5 6;opacity:.35}.wd-sun{fill:var(--palette-sun);stroke:var(--wd-ink);stroke-width:2.5px}.wd-title{fill:var(--wd-ink);letter-spacing:-.02em;font-weight:800}.wd-sub{fill:var(--palette-g600);font-weight:600}.wd-mono{fill:var(--wd-ink);font-family:var(--font-code);font-weight:700}.wd-swash{fill:none;stroke:var(--palette-sun-deep);stroke-width:7px;stroke-linecap:round}.wd-card{fill:var(--wd-paper);stroke:var(--wd-ink);stroke-width:3.5px;stroke-linejoin:round;transition:fill var(--dur-4) var(--ease-out)}.wd-actor[data-lane=you]{--lane:var(--palette-pink)}.wd-actor[data-lane=agent]{--lane:var(--palette-sky)}.wd-actor[data-focus] .wd-card{fill:var(--lane)}.wd-room[data-focus] .wd-card{fill:color-mix(in oklab, var(--palette-sun) 40%, var(--wd-paper))}.wd-avatar{fill:var(--lane);stroke:var(--wd-ink);stroke-width:3px;transition:fill var(--dur-4) var(--ease-out)}.wd-actor[data-focus] .wd-avatar{fill:var(--wd-paper)}.wd-actor[data-focus] .wd-sub{fill:var(--palette-g750)}.wd-status{fill:var(--wd-ink);font-weight:700}.wd-ring-track{fill:var(--wd-paper);stroke:var(--wd-ink);stroke-width:2.5px}.wd-ring-fill{fill:none;stroke:var(--palette-g300);stroke-width:6px;stroke-linecap:butt}.wd-ring[data-tone=wait] .wd-ring-fill{stroke:var(--palette-sky-deep)}.wd-ring[data-tone=go] .wd-ring-fill{stroke:var(--palette-grass-deep)}.wd-ring[data-tone=think] .wd-ring-fill{stroke:var(--palette-sun-deep)}.wd-ring[data-tone=done] .wd-ring-fill{stroke:var(--palette-g600)}.wd-board{fill:var(--palette-c4-frame-light);stroke:var(--wd-ink);stroke-width:3.5px;stroke-linejoin:round}.wd-hole{fill:var(--wd-paper);stroke:var(--wd-ink);stroke-width:2.5px}.wd-disc{stroke:var(--wd-ink);stroke-width:3px}.wd-disc[data-lane=you]{fill:var(--palette-pink-deep)}.wd-disc[data-lane=agent]{fill:var(--palette-sky-deep)}.wd-strike{fill:none;stroke:var(--wd-ink);stroke-width:9px;stroke-linecap:round}.wd-chip-body{fill:var(--wd-paper);stroke:var(--wd-ink);stroke-width:2.5px}.wd-chip[data-lane=you] .wd-chip-body{fill:color-mix(in oklab, var(--palette-pink) 55%, var(--wd-paper))}.wd-chip[data-lane=agent] .wd-chip-body{fill:color-mix(in oklab, var(--palette-sky) 55%, var(--wd-paper))}.wd-chip-empty{fill:none;stroke:var(--palette-g400);stroke-width:2.5px;stroke-dasharray:7 6}.wd-chip-text{fill:var(--wd-ink);font-weight:700}.wd-stamp-body{fill:var(--palette-grass);stroke:var(--wd-ink);stroke-width:3.5px}.wd-stamp[data-win] .wd-stamp-body{fill:var(--palette-sun)}.wd-track{--flow:var(--palette-g400)}.wd-track[data-flow=you]{--flow:var(--palette-pink)}.wd-track[data-flow=agent]{--flow:var(--palette-sky)}.wd-track[data-flow=state]{--flow:var(--palette-sun)}.wd-track-line{fill:none;stroke:var(--wd-ink);stroke-width:2.5px;stroke-dasharray:7 7;stroke-linecap:round;opacity:.4;transition:opacity var(--dur-3) linear}.wd-track[data-live] .wd-track-line{stroke-dasharray:none;opacity:1}.wd-track-glow{fill:none;stroke:var(--flow);stroke-width:12px;stroke-linecap:round}.wd-arrow{fill:none;stroke:var(--wd-ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:.4}.wd-track[data-live] .wd-arrow{opacity:1}.wd-transport{fill:var(--palette-g600);font-family:var(--font-code);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.wd-packet{--flow:var(--palette-sun)}.wd-packet[data-flow=you]{--flow:var(--palette-pink)}.wd-packet[data-flow=agent]{--flow:var(--palette-sky)}.wd-packet-body{fill:var(--flow);stroke:var(--wd-ink);stroke-width:3px}.wd-burst path{stroke:var(--wd-ink);stroke-width:3.5px;stroke-linecap:round}.wd-bubble{fill:var(--wd-paper);stroke:var(--wd-ink);stroke-width:3px}.wd-story{align-items:end;gap:var(--space-24) var(--space-40);margin-top:var(--space-24);grid-template-columns:minmax(0,1fr) auto;display:grid}.wd-captions{align-self:stretch;display:grid}.wd-caption{align-content:start;justify-items:start;gap:var(--space-8);animation:wd-caption-in var(--dur-5) var(--ease-out) both;grid-area:1/1;display:grid}.wd-caption[data-ghost]{visibility:hidden;pointer-events:none;animation:none}@keyframes wd-caption-in{0%{opacity:0;transform:translateY(var(--space-8))}}.wd-count{padding:var(--space-4) var(--space-10);border-radius:var(--radius-pill);background:var(--wd-ink);color:var(--wd-paper);font-family:var(--font-code);font-size:var(--type-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:700}.wd-caption h3{font-size:var(--type-section);letter-spacing:var(--tracking-tight);font-weight:800;line-height:var(--leading-tight)}.wd-caption p{max-width:62ch;color:var(--palette-g700);font-size:var(--type-lead);line-height:var(--leading-body)}.wd-caption code{max-width:100%;padding:var(--space-4) var(--space-10);overflow-wrap:anywhere;border-radius:var(--radius-xs);background:var(--palette-sun);box-shadow:inset 0 0 0 var(--stroke-2) var(--wd-ink);font-family:var(--font-code);font-size:var(--type-small);font-weight:600}.wd-controls{justify-items:end;gap:var(--space-12);display:grid}.wd-buttons{gap:var(--space-8);display:flex}.wd-buttons button{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-pill);background:var(--wd-paper);color:var(--wd-ink);box-shadow:inset 0 0 0 var(--stroke-3) var(--wd-ink);cursor:pointer;border:0;place-items:center;display:grid}.wd-buttons button[data-primary]{width:var(--control);height:var(--control);margin-top:calc(var(--space-4) * -1);background:var(--palette-sun)}.wd-buttons button:focus-visible,.wd-steps button:focus-visible{outline:var(--stroke-3) solid var(--palette-sky-deep);outline-offset:var(--space-2)}.wd-steps{gap:var(--space-4);list-style:none;display:flex}.wd-steps button{width:var(--space-32);height:var(--space-24);padding:var(--space-0);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.wd-steps span{width:100%;height:var(--space-12);border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--wd-ink) calc(var(--p,0) * 100%), var(--wd-paper) 0);box-shadow:inset 0 0 0 var(--stroke-2) var(--wd-ink);transition:height var(--dur-2) var(--ease-out)}.wd-steps button:hover span,.wd-steps button[aria-current] span{height:var(--space-16)}.wd-legend{justify-content:flex-end;gap:var(--space-4) var(--space-12);color:var(--palette-g700);font-size:var(--type-micro);flex-wrap:wrap;font-weight:600;list-style:none;display:flex}.wd-legend li{align-items:center;gap:var(--space-6);display:flex}.wd-legend li:before{content:"";width:var(--space-16);height:var(--space-10);border-radius:var(--radius-pill);background:var(--flow);box-shadow:inset 0 0 0 var(--stroke-2) var(--wd-ink)}.wd-legend [data-flow=you]{--flow:var(--palette-pink)}.wd-legend [data-flow=agent]{--flow:var(--palette-sky)}.wd-legend [data-flow=state]{--flow:var(--palette-sun)}@media (width<=1000px){.wd-story{grid-template-columns:1fr}.wd-controls{justify-items:start}.wd-legend{justify-content:flex-start}}@media (width<=760px){.landing-wire{padding-top:var(--space-56)}.wd-panel{padding:var(--space-16) var(--space-16) var(--space-24);border-radius:var(--radius-lg)}.wd-caption[data-ghost]{display:none}.wd-steps button{width:var(--space-24)}}@media (prefers-reduced-motion:reduce){.wd-caption{animation:none}.wd-card,.wd-avatar,.wd-track-line,.wd-steps span{transition:none}}.landing-unlocks li[data-tint=sky]{--tint:var(--tint-sky);--ink:var(--palette-sky)}.landing-unlocks li[data-tint=sun]{--tint:var(--tint-sun);--ink:var(--palette-sun)}.landing-unlocks li[data-tint=pink]{--tint:var(--tint-pink);--ink:var(--palette-pink)}.landing-unlocks li[data-tint=grass]{--tint:var(--tint-grass);--ink:var(--palette-grass)}.landing-unlocks li[data-tint=aqua]{--tint:var(--tint-aqua);--ink:var(--palette-aqua)}.landing-unlocks li[data-tint=tomato]{--tint:var(--tint-tomato);--ink:var(--palette-tomato)}.landing-hero{--hero-field-connect4:var(--palette-c4-frame);--hero-field-poker:var(--palette-baize);--hero-field-checkers:var(--palette-maple-deep);--hero-field-battleship:var(--palette-sea);--hero-field-codenames:var(--palette-cn-red);--hero-field-reversi:var(--palette-reversi-felt);--hero-field-pokemon:var(--palette-sun-deep);--hero-field-contexto:var(--palette-rank-hot);isolation:isolate;align-items:center;gap:var(--space-48);min-height:clamp(520px,74vh,700px);margin-top:var(--space-8);padding:var(--space-56);border-radius:var(--radius-xl);background:var(--palette-g950);color:var(--text);grid-template-columns:minmax(0,1fr) minmax(360px,540px);display:grid;position:relative;overflow:hidden}.landing-hero-field{z-index:-2;opacity:.5}.landing-hero:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg, var(--palette-g950) 25%, color-mix(in oklab, var(--palette-g950) 55%, var(--palette-clear)) 60%, color-mix(in oklab, var(--palette-g950) 20%, var(--palette-clear)));position:absolute;inset:0}.landing-hero-copy{justify-items:start;gap:var(--space-24);max-width:720px;display:grid}.landing-hero h1{font-size:var(--type-hero);line-height:var(--leading-none);text-align:left;color:var(--palette-white)}.landing-rotator{--hero-ink:var(--palette-white);vertical-align:bottom;display:inline-grid}.landing-rotator>span{white-space:nowrap;opacity:0;color:var(--hero-ink);grid-area:1/1}.landing-rotator>[data-game=connect4]{--hero-ink:var(--palette-c4-yellow)}.landing-rotator>[data-game=poker]{--hero-ink:var(--palette-baize-line)}.landing-rotator>[data-game=checkers]{--hero-ink:var(--palette-maple)}.landing-rotator>[data-game=battleship]{--hero-ink:var(--palette-sea-foam)}.landing-rotator>[data-game=codenames]{--hero-ink:var(--palette-tomato)}.landing-rotator>[data-game=reversi]{--hero-ink:var(--palette-grass)}.landing-rotator>[data-game=pokemon]{--hero-ink:var(--palette-sun)}.landing-rotator>[data-game=contexto]{--hero-ink:var(--palette-rank-hot)}.landing-rotator>span[data-active=true]{opacity:1}.landing-rotator[data-running]>span[data-active=true]{animation:rise-in var(--dur-4) var(--ease-out) both, elsh-settle var(--dur-5) var(--ease-out) both}.landing-rotator[data-running]>span[data-leaving]{opacity:1;animation:fade-in var(--dur-3) linear reverse both}.landing-subline{max-width:40ch;color:var(--palette-g200);font-size:var(--type-title);letter-spacing:var(--tracking-tight);font-weight:500;line-height:var(--leading-snug)}.landing-actions{gap:var(--space-12);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.landing-actions .ui-button-secondary{--btn-bg:var(--palette-g800)}.landing-hero-stats{gap:var(--space-24);margin:var(--space-8) var(--space-0) var(--space-0);display:flex}.landing-hero-stats div{gap:var(--space-4);flex-direction:column-reverse;display:flex}.landing-hero-stats dt{color:var(--palette-g400);font-size:var(--type-small);font-weight:600}.landing-hero-stats dd{margin:var(--space-0);font-family:var(--font-pixel);font-size:var(--type-section);line-height:var(--leading-none)}.landing-hero-stats div:first-child dd{color:var(--palette-sky)}.landing-hero-stats div:nth-child(2) dd{color:var(--palette-sun)}.landing-hero-stats div:nth-child(3) dd{color:var(--palette-pink)}.landing-arcade{gap:var(--space-12);margin:var(--space-0);padding:var(--space-12);border-radius:var(--radius-xl);background:color-mix(in oklab, var(--palette-g850) 92%, var(--palette-clear));box-shadow:0 0 0 var(--stroke-1) var(--palette-g800), var(--shadow);backdrop-filter:blur(10px);display:grid}.landing-arcade-bar{align-items:center;gap:var(--space-10);padding:var(--space-4) var(--space-4) var(--space-0);color:var(--palette-white);font-size:var(--type-body);display:flex}.landing-arcade-live{align-items:center;gap:var(--space-6);padding:var(--space-2) var(--space-10);border-radius:var(--radius-pill);background:var(--palette-g800);color:var(--palette-g200);font-size:var(--type-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;margin-left:auto;font-weight:700;display:inline-flex}.landing-arcade-live>span{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-pill);background:var(--palette-tomato);animation:1.2s step-end infinite blink}.landing-arcade-screen{border-radius:var(--radius-lg);background:var(--palette-g900);aspect-ratio:3/2;position:relative;overflow:hidden}.landing-arcade-canvas{cursor:crosshair;touch-action:manipulation;width:100%;height:100%;animation:arcade-on var(--dur-4) steps(6, end) both;display:block}@keyframes arcade-on{0%{filter:brightness(2.2)contrast(.4);clip-path:inset(48% 0)}50%{clip-path:inset(0)}}.landing-arcade-hint{margin:var(--space-0);color:var(--palette-g200);font-size:var(--type-caption);text-align:center;font-weight:600}.landing-arcade-picker{gap:var(--space-6);grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.landing-arcade-picker button{height:var(--control);border-radius:var(--radius-md);--doodle-fill:var(--palette-g800);cursor:pointer;border:0;place-items:center;display:grid}.landing-arcade-picker button[aria-pressed=true]{--doodle-fill:var(--palette-g200);box-shadow:inset 0 calc(var(--stroke-3) * -1) 0 var(--palette-sun)}.landing-arcade-picker button:focus-visible{outline:var(--stroke-3) solid var(--focus);outline-offset:var(--space-2)}.landing-unlocks ul{gap:var(--space-16);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.landing-unlocks a{isolation:isolate;align-content:start;gap:var(--space-10);height:100%;padding:var(--space-24) var(--space-24) var(--space-32);border-radius:var(--radius-xl);background:var(--tint);color:var(--text);transition:translate var(--dur-3) var(--ease-out);display:grid;position:relative;overflow:hidden}.landing-unlocks a:hover{translate:0 calc(var(--space-4) * -1)}.landing-unlocks a:focus-visible{outline:var(--stroke-3) solid var(--focus);outline-offset:var(--space-4)}.landing-unlock-icon{width:var(--space-48);height:var(--space-48);margin-bottom:var(--space-8);border-radius:var(--radius-md);background:var(--raised);color:var(--text);place-items:center;display:grid}.landing-unlocks h3{font-size:var(--type-title);letter-spacing:var(--tracking-tight)}.landing-unlocks a p{color:color-mix(in oklab, var(--text) 82%, var(--tint));font-size:var(--type-body);line-height:var(--leading-snug)}.landing-unlock-go{top:var(--space-24);right:var(--space-24);width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-pill);background:var(--raised);transition:translate var(--dur-3) var(--ease-out);place-items:center;display:grid;position:absolute}.landing-unlocks a:hover .landing-unlock-go{translate:var(--space-4) 0}@property --split{syntax:"<percentage>";inherits:true;initial-value:50%}.landing-versus{--split:50%;isolation:isolate;min-height:280px;margin-top:var(--space-80);border-radius:var(--radius-xl);background:var(--tint-pink);transition:--split var(--dur-4) var(--ease-out);grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative;overflow:hidden}.landing-versus:before{content:"";z-index:-1;pointer-events:none;background:var(--tint-sky);-webkit-mask:linear-gradient(var(--palette-ink), var(--palette-ink)) 0 0 / calc(var(--split) - var(--ramp-length) / 2) 100% no-repeat, var(--ramp-right) calc(var(--split) - var(--ramp-length) / 2) 0 / var(--ramp-length) var(--dither-tile) repeat-y;mask:linear-gradient(var(--palette-ink), var(--palette-ink)) 0 0 / calc(var(--split) - var(--ramp-length) / 2) 100% no-repeat, var(--ramp-right) calc(var(--split) - var(--ramp-length) / 2) 0 / var(--ramp-length) var(--dither-tile) repeat-y;position:absolute;inset:0}.landing-versus-side{gap:var(--space-16);padding:var(--space-48);color:var(--text);display:grid}.landing-versus-side[data-side=agent]{text-align:right;justify-items:end}.landing-versus-title{font-family:var(--font-pixel);font-size:var(--type-display);line-height:var(--leading-none)}.landing-versus-side ul{gap:var(--space-10);font-size:var(--type-lead);font-weight:600;list-style:none;display:grid}.landing-versus-side li{align-items:center;gap:var(--space-10);display:flex}.landing-versus-side[data-side=agent] li{flex-direction:row-reverse}.landing-versus-badge{top:50%;left:var(--split);width:var(--space-64);height:var(--space-64);border-radius:var(--radius-pill);background:var(--invert);color:var(--invert-text);font-family:var(--font-pixel);font-size:var(--type-title);box-shadow:0 0 0 var(--space-6) var(--surface);place-items:center;animation:2.4s steps(4,end) 2 vs-wobble;display:grid;position:absolute;translate:-50% -50%}@keyframes vs-wobble{0%,to{rotate:-6deg}50%{rotate:6deg}}.landing-challenges,.landing-unlocks,.landing-steps,.landing-faq{padding:var(--space-80) var(--space-0) var(--space-0)}.landing-section-head{justify-content:space-between;align-items:flex-end;gap:var(--space-16) var(--space-32);margin-bottom:var(--space-32);flex-wrap:wrap;display:flex}.landing-section-head h2{font-size:var(--type-display)}.landing-section-head p{max-width:56ch;margin-top:var(--space-8);color:var(--text-muted);font-size:var(--type-lead);font-weight:500}.landing-section-head>p{margin-top:var(--space-0)}.landing-challenge-grid{gap:var(--space-20);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.landing-challenge.game-tile{grid-column:span 2;min-height:340px}.landing-challenge.game-tile:nth-child(-n+2){grid-column:span 3;min-height:380px}.landing-challenge .game-tile-pitch{color:var(--palette-g200);font-size:var(--type-title);letter-spacing:var(--tracking-tight);font-weight:600}.landing-steps ol{gap:var(--space-20);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.landing-steps li{align-content:start;gap:var(--space-10);padding:var(--space-32);border-radius:var(--radius-xl);background:var(--surface);display:grid}.landing-step-dot{width:var(--space-48);height:var(--space-48);margin-bottom:var(--space-12);border-radius:var(--radius-md);background:var(--step);color:var(--on-pastel);font-family:var(--font-pixel);font-size:var(--type-title);line-height:var(--leading-none);place-items:center;display:grid}.landing-steps h3{font-size:var(--type-title)}.landing-steps p{max-width:34ch;color:var(--text-muted);font-size:var(--type-lead);line-height:var(--leading-snug)}.landing-connect{margin-top:var(--space-80);padding:var(--space-48);border-radius:var(--radius-xl);background:var(--surface);color:var(--text)}.landing-connect .landing-section-head h2{max-width:18ch}.landing-connect :is(.mcp-prompt-card,.mcp-manual-card){background:var(--raised)}.landing-connect .connection-prompt{background:var(--surface)}.landing-faq>div{gap:var(--space-12) var(--space-24);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.landing-faq .disclosure{padding:var(--space-8) var(--space-24);border-radius:var(--radius-lg);background:var(--surface)}.landing-faq .disclosure p{padding-bottom:var(--space-16);color:var(--text-muted);font-size:var(--type-body)}.landing-footer{margin-top:var(--space-80);justify-content:space-between}.landing-footer>div{gap:var(--space-20);flex-wrap:wrap;display:flex}@media (width<=1100px){.landing-hero{padding:var(--space-40);grid-template-columns:1fr;align-items:start}.landing-hero:before{background:linear-gradient(180deg, var(--palette-g950) 30%, color-mix(in oklab, var(--palette-g950) 50%, var(--palette-clear)))}.landing-unlocks ul,.landing-challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-challenge.game-tile,.landing-challenge.game-tile:nth-child(-n+2){grid-column:span 1}}@media (width<=760px){.landing-hero{min-height:auto;padding:var(--space-32) var(--space-16) var(--space-16);gap:var(--space-32);border-radius:var(--radius-lg)}.landing-subline{font-size:var(--type-lead)}.landing-actions{width:100%;display:grid}.landing-arcade{padding:var(--space-8)}.landing-arcade-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.landing-arcade-hint{font-size:var(--type-micro)}.landing-versus{min-height:0;margin-top:var(--space-56);grid-template-columns:1fr}.landing-versus:before{-webkit-mask:linear-gradient(var(--palette-ink), var(--palette-ink)) 0 0 / 100% 42% no-repeat, var(--ramp-down) 0 42% / var(--dither-tile) var(--ramp-length) repeat-x;mask:linear-gradient(var(--palette-ink), var(--palette-ink)) 0 0 / 100% 42% no-repeat, var(--ramp-down) 0 42% / var(--dither-tile) var(--ramp-length) repeat-x}.landing-versus-side{padding:var(--space-24)}.landing-versus-side[data-side=agent]{padding-top:var(--space-48)}.landing-versus-badge{width:var(--space-48);height:var(--space-48);font-size:var(--type-body);top:46%;left:50%}.landing-challenges,.landing-unlocks,.landing-steps,.landing-faq{padding-top:var(--space-56)}.landing-section-head h2{font-size:var(--type-section)}.landing-challenge-grid{gap:var(--space-16);grid-template-columns:1fr}.landing-challenge .game-tile-pitch{font-size:var(--type-lead)}.landing-unlocks ul,.landing-steps ol{gap:var(--space-12);grid-template-columns:1fr}.landing-steps li{padding:var(--space-24);border-radius:var(--radius-lg)}.landing-connect{margin-top:var(--space-56);padding:var(--space-24);border-radius:var(--radius-lg)}.landing-faq>div{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.landing-arcade-live>span,.landing-arcade-canvas,.landing-versus-badge{animation:none}.landing-versus{transition:none}}.board-unavailable{justify-content:center;align-items:center;gap:var(--space-12);width:100%;height:100%;min-height:240px;padding:var(--space-20) var(--space-16);text-align:center;border-radius:var(--radius-xl);background:var(--surface);flex-direction:column;display:flex}.board-unavailable h2{font-size:var(--type-title)}.board-unavailable p{max-width:38ch;color:var(--text-muted)}:root{--sketch-ink:var(--palette-ink);--sketch-paper:var(--palette-card)}.match-desk .desk-piece-key{box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.match-desk[data-game=connect4] .desk-players .desk-player .desk-piece-key{box-shadow:inset 0 0 0 var(--stroke-3) var(--sketch-ink)}.match-result{isolation:isolate;width:100%;min-height:100%;padding:var(--space-24) var(--space-gutter) var(--space-24);background:var(--stage);color:var(--text);position:relative;overflow-x:clip}.result-summary{isolation:isolate;text-align:center;width:100%;max-width:880px;margin:auto;position:relative}.result-summary h1{margin:var(--space-0);font-family:var(--font-pixel);font-size:min(var(--type-mega), 11dvh);font-weight:400;line-height:var(--leading-none);overflow-wrap:anywhere;text-wrap:balance}.match-result[data-outcome=loss] .result-summary h1{color:var(--text-muted)}.result-burst{z-index:-1;left:50%;top:calc(var(--space-8) * -1);aspect-ratio:2;pointer-events:none;contain:paint;width:min(400px,88%);position:absolute;overflow:hidden;translate:-50%}.result-burst>span{--ring-color:var(--palette-sun);inset:calc(var(--ring) * 4.5%) calc(var(--ring) * 6%);border-radius:var(--radius-pill);background:var(--ring-color);opacity:0;animation:result-ring var(--dur-5) steps(4, end) both;animation-delay:calc(var(--ring) * 70ms);position:absolute}.result-burst>span:first-child{--ring-color:var(--palette-sky)}.result-burst>span:nth-child(2){--ring-color:var(--palette-grass)}.result-burst>span:nth-child(3){--ring-color:var(--palette-sun)}.result-burst>span:nth-child(4){--ring-color:var(--palette-tangerine)}.result-burst>span:nth-child(5){--ring-color:var(--palette-tomato)}.result-burst>span:nth-child(6){--ring-color:var(--palette-pink)}.result-burst:is([data-tone=loss],[data-tone=neutral])>span{display:none}.result-burst:is([data-tone=loss],[data-tone=neutral]){background:radial-gradient(closest-side, var(--surface-2), var(--palette-clear));animation:fade-in var(--dur-5) var(--ease-out) both}@keyframes result-ring{0%{opacity:0;scale:.6}to{opacity:.12;scale:1}}.result-burst[data-tone=win]>span{animation-name:result-ring,result-ring-pulse;animation-duration:var(--dur-5), 2.4s;animation-delay:calc(var(--ring) * 70ms), 1.2s;animation-timing-function:steps(4,end),steps(2,end);animation-iteration-count:1,infinite}@keyframes result-ring-pulse{50%{opacity:.09}}.result-details{justify-items:center;gap:var(--space-8);margin:var(--space-16) var(--space-0) var(--space-16);display:grid}.result-facts{justify-content:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.result-facts>span{height:32px;padding:var(--space-0) var(--space-12);border-radius:var(--radius-pill);background:var(--surface-2);font-size:var(--type-small);color:var(--text-muted);font-variant-numeric:tabular-nums;align-items:center;font-weight:600;display:inline-flex}.result-facts>.result-game{background:var(--accent);color:var(--accent-text)}.result-details>p{margin:var(--space-0);max-width:60ch;font-size:var(--type-body);line-height:var(--leading-snug);color:var(--text-muted)}.result-details>.result-secret{padding:var(--space-8) var(--space-16);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);font-family:var(--font-pixel);font-size:var(--type-title);animation:fade-in var(--dur-3) var(--ease-out) both;animation-delay:.25s}.result-center{align-items:center;gap:var(--space-12);flex-direction:column;width:100%;margin:auto;display:flex}.result-center>*{animation:fade-in var(--dur-4) var(--ease-out) both;animation-delay:.2s}.result-center>.result-final{width:100%;max-width:800px;margin:var(--space-0);padding:var(--space-16)}.result-center>.result-ships{max-width:760px;padding:var(--space-0)}.result-board{width:100%;max-width:380px;height:300px}.result-board .discs-stage,.result-board .checkers-stage{padding:var(--space-4)}.result-board .discs-fit{width:min(96cqw,116.667cqh - 14px)}.result-board .is-reversi .discs-fit,.result-board .checkers-fit{width:min(96cqw,100cqh - 12px)}.result-board .checkers-caption,.result-board .discs-caption{display:none}.result-players{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));width:100%;display:grid}.result-players:not(:has(>:nth-child(3))){max-width:580px}.result-player{justify-content:flex-start;align-items:center;gap:var(--space-12);min-width:0;min-height:64px;padding:var(--space-10) var(--space-16) var(--space-10) var(--space-10);border-radius:var(--radius-lg);--doodle-fill:var(--surface-2);color:var(--text);text-align:left;border:0;display:flex;position:relative}.result-player[data-winner=true]{--doodle-fill:var(--accent);color:var(--accent-text)}.result-player[data-winner=true] .result-player-name,.result-player[data-winner=true] .result-player-name *{color:var(--accent-text)}.result-avatar{border-radius:var(--radius-md);background:var(--palette-g900);flex:none;place-items:center;width:44px;height:44px;display:grid}:root[data-theme=dark] .result-avatar{background:var(--palette-g950)}.result-avatar>*{width:32px!important;height:32px!important}.result-player-name{text-align:left;align-items:flex-start;min-width:0}.result-player-name>strong{font-size:var(--type-body);font-weight:700;line-height:var(--leading-snug);overflow-wrap:anywhere}.result-player-name>small{font-size:var(--type-caption);line-height:var(--leading-snug)}.result-player-status,.result-player-chips{display:none}.result-actions,.result-actions .room-controls{justify-content:center;align-items:center;gap:var(--space-10);flex-wrap:wrap;display:flex}.result-actions{width:100%;padding-top:var(--space-8)}.result-actions .room-controls:not(:empty){margin:var(--space-0)}.result-actions .ui-button{min-height:52px;padding:var(--space-0) var(--space-24);font-size:var(--type-lead)}.result-actions .room-controls .ui-button{--btn-bg:var(--surface-2);--btn-fg:var(--text);--btn-glint:var(--text);--btn-line:var(--palette-clear)}.result-trophy{width:72px;height:62px;margin:var(--space-0) auto var(--space-12)}.result-art{place-items:center;width:100%;height:100%;display:grid}.result-art svg{width:100%;height:100%;image-rendering:pixelated;display:block}.result-art[data-celebrate=true]{animation:1.6s steps(2,end) 1s infinite result-trophy-bob}@keyframes result-trophy-bob{50%{translate:0 calc(var(--px) * -1)}}.preview-result-shell>.site-bar-slot{flex:none}.match-result>.result-summary{top:var(--result-offset,0px);position:relative}@media (width>=900px) and (height>=650px){body[data-app-shell]:has(.match-result){flex-direction:column;height:100dvh;display:flex;overflow:hidden}body[data-app-shell]:has(.match-result)>astro-island:has(.match-result){flex:1;min-height:0;display:block}.preview-result-shell{flex-direction:column;height:100dvh;display:flex}.preview-result-shell>.match-result{flex:1;height:auto;min-height:0}.match-result{height:100%;min-height:0;padding:var(--space-12) var(--space-16);flex-direction:column;justify-content:center;display:flex;overflow:auto}body:not([data-app-shell]) .match-result{height:100dvh}body:not([data-app-shell]) .preview-result-shell>.match-result{height:auto}.result-summary{margin:var(--space-0) auto}.result-details{margin:var(--space-10) var(--space-0) var(--space-12)}.result-center{gap:var(--space-10)}.result-players{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.result-board{height:min(300px,100dvh - 480px)}.result-center>.result-ships{max-width:min(760px,200dvh - 960px)}.match-result .result-final>header{gap:var(--space-4) var(--space-10);margin-bottom:var(--space-8)}.match-result .result-team-grid,.match-result .result-hand-grid,.match-result .result-guess-grid{gap:var(--space-8)}.match-result .result-team,.match-result .result-hand,.match-result .result-guess-player{padding:var(--space-8)}.match-result .result-team h3,.match-result .result-hand h3,.match-result .result-guess-player h3{margin-bottom:var(--space-4)}.match-result .result-word-card{min-height:38px}.match-result .result-mon .poke-sprite,.match-result .result-mon .poke-unknown{width:38px;height:38px}.match-result .result-guess-grid:has(>:nth-child(5)),.match-result .result-hand-grid:has(>:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}.match-result[data-game=contexto] .result-guess-grid:has(>:nth-child(5)){grid-template-columns:repeat(6,minmax(0,1fr))}.match-result .result-guess-player ol{gap:var(--space-2)}.match-result .result-guess-player li{padding:var(--space-0) var(--space-4)}}@media (width>=900px) and (height>=741px){.result-center>.result-ships{max-width:min(760px,75dvh - 80px)}}@media (width>=900px) and (height>=650px) and (height<=740px){.match-result{padding-top:var(--space-8);padding-bottom:var(--space-8)}.match-result .result-card-center{justify-content:center;align-items:center;gap:var(--space-8);margin-bottom:var(--space-6);padding:var(--space-6);display:flex}.result-center{gap:var(--space-8)}.result-center>.result-final{padding:var(--space-8)}.result-details{justify-content:center;align-items:center;gap:var(--space-10);margin:var(--space-6) var(--space-0) var(--space-8);flex-wrap:wrap;display:flex}.match-result[data-game=poker] .result-hand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.match-result[data-game=poker] .result-hand{align-items:center;gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.match-result[data-game=poker] .result-hand h3{margin:var(--space-0);grid-column:1}.match-result[data-game=poker] .result-hand>.result-card-row{grid-area:1/2/4}.match-result[data-game=poker] .result-hand>small,.match-result[data-game=poker] .result-hand>strong{margin:var(--space-0);grid-column:1}.match-result .result-guess-player{align-content:start;gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.match-result .result-guess-player h3{margin:var(--space-0)}.match-result .result-guess-player ol,.match-result .result-guess-player>p{grid-column:1/-1}.match-result .result-guess-player li{line-height:var(--leading-snug)}}@media (width>=900px) and (height<=740px){.result-trophy{width:56px;height:48px;margin-bottom:var(--space-8)}.result-summary h1{font-size:min(var(--type-display), 6dvh)}.result-actions .ui-button{min-height:44px}.result-player{min-height:52px;padding-block:var(--space-6)}.result-avatar{width:40px;height:40px}.result-facts>span{height:28px}.match-result[data-game=contexto] .result-guess-grid:has(>:nth-child(5)){grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width>=900px) and (height<=690px){.match-result[data-game=contexto] .result-guess-player{display:block}.match-result[data-game=contexto] .result-guess-player h3{margin-bottom:var(--space-0)}.match-result .result-word-grid{gap:var(--space-4)}.match-result .result-word-card{min-height:31px;padding-block:var(--space-2)}.match-result .result-center>.result-poker:has(.result-poker-standing:nth-child(5)){max-width:760px}.match-result .result-poker-standings:has(>:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.match-result{padding:var(--space-16) var(--space-10) var(--space-20)}.result-summary h1{font-size:var(--type-display)}.result-trophy{width:56px;height:48px}.result-players{grid-template-columns:repeat(2,minmax(0,1fr))}.result-player{min-height:56px;padding-right:var(--space-10)}.result-avatar{width:40px;height:40px}.result-board{height:min(300px,100vw - 40px)}.result-center>.result-final{padding:var(--space-10)}.result-actions>.ui-button{flex:100%}}@media (prefers-reduced-motion:reduce){.result-center>*,.result-details>.result-secret,.result-burst,.result-art{opacity:1;animation:none}.result-burst>span{opacity:.12;animation:none}}.victory-confetti{pointer-events:none;z-index:100;contain:strict;width:100%;height:100%;position:fixed;inset:0}.doodle-ship .ship-wake{fill:none;stroke:var(--foam);stroke-width:12px;stroke-linejoin:bevel;opacity:.28}.doodle-ship .ship-shadow{fill:url(#bs-shadow)}.doodle-ship .ship-hull{fill:var(--hull-shade);stroke:var(--hull-edge);stroke-width:5px;stroke-linejoin:bevel}.doodle-ship .ship-bevel{fill:url(#bs-shade)}.doodle-ship .ship-deck{fill:var(--hull)}.doodle-ship .ship-glint{fill:url(#bs-glint)}.doodle-ship .ship-keel{fill:none;stroke:var(--hull-top);stroke-width:8px;stroke-linecap:square}.doodle-ship .ship-bridge{fill:var(--hull-detail)}.doodle-ship .ship-bridge-top,.doodle-ship .ship-bridge-deck{fill:var(--hull-edge)}.doodle-ship .ship-window{fill:var(--foam)}.doodle-ship .ship-mast{fill:var(--hull-top)}.doodle-ship .ship-radar{fill:var(--foam)}.doodle-ship .ship-turret{fill:var(--hull-detail)}.doodle-ship .ship-barrel{fill:var(--hull-edge)}.doodle-ship .ship-turret-top{fill:var(--hull-top)}.doodle-ship[data-ship-kind=carrier] .ship-deck{fill:var(--hull-detail)}.doodle-ship[data-ship-kind=carrier] .ship-glint{display:none}.doodle-ship .ship-runway{fill:none;stroke:var(--palette-white);stroke-width:4px;stroke-dasharray:12 10;opacity:.85}.doodle-ship .ship-plane{fill:var(--hull-top)}.doodle-ship[data-ship-kind=submarine] .ship-deck{fill:var(--hull-shade)}.doodle-ship[data-ship-kind=submarine] .ship-glint{display:none}.doodle-ship .ship-hatch{fill:var(--hull-edge)}.wreck-hull .ship-wake{display:none}.wreck-hull .ship-shadow{fill:url(#bs-shadow)}.wreck-hull .ship-hull{fill:var(--wreck);stroke:var(--wreck-edge)}.wreck-hull .ship-bevel{fill:url(#bs-soot)}.wreck-hull .doodle-ship[data-ship-kind] .ship-deck{fill:var(--wreck-top)}.wreck-hull .doodle-ship[data-ship-kind] .ship-glint{fill:url(#bs-ember);opacity:1;display:inline}.wreck-hull :is(.ship-bridge,.ship-turret,.ship-barrel,.ship-bridge-top,.ship-bridge-deck,.ship-mast,.ship-hatch,.ship-plane){fill:var(--wreck-edge)}.wreck-hull :is(.ship-turret-top,.ship-window,.ship-radar){fill:var(--ember)}.wreck-hull :is(.ship-runway,.ship-keel){stroke:var(--wreck-edge)}.wreck-cross{fill:none;stroke:var(--flame-core,var(--palette-sun));stroke-width:8px;stroke-linecap:square;opacity:0}[data-sinking=true] .wreck-hull{transform-box:fill-box;transform-origin:50%;animation:1.4s steps(8,end) both wreck-sink}[data-sinking=true] .wreck-cross{transform-box:fill-box;transform-origin:50%;animation:1.4s steps(6,end) .3s both wreck-cross}@keyframes wreck-sink{0%{opacity:.4;transform:scale(1)}15%{transform:scale(1.05)}to{opacity:1;transform:none}}@keyframes wreck-cross{0%{opacity:0;scale:.6}25%{opacity:1;scale:1}70%{opacity:1}to{opacity:0}}.sea-fleet-summary{align-items:center;gap:var(--space-12);min-width:0;height:var(--control-sm);padding:var(--space-0) var(--space-16);border-radius:var(--radius-pill);background:var(--surface-2);flex:none;display:flex}.sea-fleet-count{font-size:var(--type-small);color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.sea-fleet-count strong{font-family:var(--font-pixel);font-size:var(--type-body);color:var(--text);font-weight:700}.sea-fleet-status{align-items:center;gap:var(--space-8);display:flex}.sea-fleet-status>span{place-items:center;height:18px;display:grid;position:relative}.fleet-ship-art{shape-rendering:crispedges;width:auto;height:18px;display:block;overflow:visible}.fleet-ship-art .ship-hull{fill:var(--text);stroke:none}.fleet-ship-art :is(.ship-wake,.ship-shadow,.ship-bevel,.ship-deck,.ship-glint,.ship-details){display:none}.sea-fleet-status [data-sunk=true] .ship-hull{fill:none;stroke:var(--text-faint);stroke-width:14px}.fleet-sunk-cross{fill:none;width:14px;height:14px;stroke:var(--text);stroke-width:3.5px;stroke-linecap:round;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.sea-fleet-summary[data-column=true]{align-items:center;gap:var(--space-12);width:var(--fleet-w,96px);height:auto;padding:var(--space-16) var(--space-8);border-radius:var(--radius-lg);flex-direction:column}.sea-fleet-summary[data-column=true] .sea-fleet-count{white-space:normal;text-align:center;line-height:var(--leading-snug)}.sea-fleet-summary[data-column=true] .sea-fleet-status{gap:var(--space-16);flex-direction:column}.sea-fleet-summary[data-column=true] .sea-fleet-status>span,.sea-fleet-summary[data-column=true] .fleet-ship-art{height:30px}.sea-fleet-summary[data-column=true] .fleet-sunk-cross{width:22px;height:22px}@container ships (width<=650px){.sea-fleet-summary{height:var(--control-xs);padding:var(--space-0) var(--space-10)}.sea-fleet-status{gap:var(--space-6)}.sea-fleet-status>span,.fleet-ship-art{height:14px}.sea-fleet-summary[data-column=true]{padding:var(--space-10) var(--space-4);gap:var(--space-8)}.sea-fleet-summary[data-column=true] .sea-fleet-status{gap:var(--space-8)}.sea-fleet-summary[data-column=true] .sea-fleet-status>span,.sea-fleet-summary[data-column=true] .fleet-ship-art{height:20px}.sea-fleet-summary[data-column=true] .sea-fleet-count{font-size:var(--type-micro)}}@container ships (height<=440px){.sea-fleet-summary{height:var(--control-xs);padding:var(--space-0) var(--space-6)}.sea-fleet-status{gap:var(--space-4)}.sea-fleet-status>span,.fleet-ship-art{height:12px}.fleet-sunk-cross{width:11px;height:11px}.sea-fleet-summary[data-column=true]{padding:var(--space-8) var(--space-4)}.sea-fleet-summary[data-column=true] .sea-fleet-status{gap:var(--space-6)}.sea-fleet-summary[data-column=true] .sea-fleet-status>span,.sea-fleet-summary[data-column=true] .fleet-ship-art{height:16px}.sea-fleet-summary[data-column=true] .sea-fleet-count{display:none}}@media (prefers-reduced-motion:reduce){[data-sinking=true] .wreck-hull,[data-sinking=true] .wreck-cross{animation:none!important}}.ships-stage{--coord:30px;--bezel:10px;--sea-gap:var(--space-24);--row-gap:var(--space-16);--head-h:48px;--dock-h:132px;--notice-h:28px;--sea:var(--palette-sea);--sea-deep:var(--palette-sea-deep);--sea-light:var(--palette-sea-light);--foam:var(--palette-sea-foam);--bezel-ink:color-mix(in oklab, var(--palette-sea-deep) 82%, var(--palette-black));--bezel-rim:color-mix(in oklab, var(--palette-sea-deep) 60%, var(--palette-sea));--coord-ink:var(--palette-sea-foam);--sea-line:color-mix(in oklab, var(--palette-sea-foam) 34%, var(--palette-clear));--marker:var(--palette-sea-foam);--hull:var(--palette-steel);--hull-top:var(--palette-steel-light);--hull-shade:var(--palette-steel-deep);--hull-edge:color-mix(in oklab, var(--palette-steel-deep) 70%, var(--palette-ink));--hull-detail:var(--palette-steel-deep);--hull-glint:var(--palette-steel-light);--ship-shadow:color-mix(in oklab, var(--palette-sea-deep) 70%, var(--palette-black));--wreck:color-mix(in oklab, var(--palette-steel-deep) 40%, var(--palette-g900));--wreck-top:color-mix(in oklab, var(--palette-steel-deep) 55%, var(--palette-g800));--wreck-edge:var(--palette-g950);--soot:var(--palette-g950);--ember:var(--palette-tangerine);--hit:var(--palette-peg-red);--hit-deep:color-mix(in oklab, var(--palette-peg-red) 62%, var(--palette-black));--hit-glint:color-mix(in oklab, var(--palette-peg-red) 45%, var(--palette-white));--peg:var(--palette-peg-white);--peg-shade:color-mix(in oklab, var(--palette-peg-white) 70%, var(--palette-steel-deep));--flame:var(--palette-tangerine);--flame-core:var(--palette-sun);--radar:var(--palette-aqua);--radar-2:var(--palette-grass);--aim:var(--palette-sun);--mine:var(--palette-mine);gap:var(--space-8);width:100%;height:100%;min-height:0;color:var(--text);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:relative;container:ships/size}:root[data-theme=dark] .ships-stage,[data-surface=dark] .ships-stage{--bezel-ink:color-mix(in oklab, var(--palette-sea-deep) 55%, var(--palette-black));--bezel-rim:color-mix(in oklab, var(--palette-sea-deep) 80%, var(--palette-sea));--sea:color-mix(in oklab, var(--palette-sea) 82%, var(--palette-black))}.ships-content{gap:var(--space-12);flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.ship-defs{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.bs-p-shade{fill:var(--hull)}.bs-p-shadow{fill:var(--ship-shadow)}.bs-p-glint{fill:var(--hull-glint)}.bs-p-soot{fill:var(--soot)}.bs-p-ember{fill:var(--ember)}.ships-heading{justify-content:center;align-items:baseline;gap:var(--space-12);min-height:var(--control-xs);flex:none;display:flex}.ships-heading-tag{font-size:var(--type-lead);letter-spacing:var(--tracking-tight);color:var(--text);font-weight:700}.ships-heading-meta{font-size:var(--type-body);color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:600}.seas{place-content:center;column-gap:var(--sea-gap);row-gap:var(--row-gap);flex:1;min-height:0;display:grid;position:relative}.sea{gap:var(--space-8);min-width:0;min-height:0;width:var(--board);flex-direction:column;display:flex;position:relative}.sea>header{justify-content:space-between;align-items:center;gap:var(--space-12);height:var(--head-h);min-width:0;padding-left:var(--coord);padding-right:var(--bezel);display:flex}.sea h2{align-items:center;gap:var(--space-10);min-width:0;font-size:var(--type-title);letter-spacing:var(--tracking-tight);font-weight:700;line-height:var(--leading-none);white-space:nowrap;display:flex}.sea[data-board=own] h2:before,.sea[data-board=target] h2:before{content:"";border-radius:var(--radius-pill);background:var(--text);flex:none;width:12px;height:12px}.ships-stage[data-battle=true] .sea[data-board=target] h2:before{background:var(--palette-clear);box-shadow:inset 0 0 0 var(--stroke-3) var(--text)}.sea>header .sea-fleet-count{display:none}.sea-fit{align-items:center;gap:var(--space-16);flex-direction:column;min-width:0;display:flex;position:relative}.sea-grid{isolation:isolate;grid-template-columns:var(--coord) repeat(10, minmax(0, 1fr));grid-template-rows:var(--coord) repeat(10, minmax(0, 1fr));width:var(--board);height:var(--board);padding:var(--space-0) var(--bezel) var(--bezel) var(--space-0);border-radius:var(--radius-md);background:var(--bezel-ink);box-shadow:inset 0 0 0 var(--stroke-2) var(--bezel-rim);flex:none;display:grid;position:relative}.sea-water,.doodle-fleet,.weapon-trails,.radar-scans,.bombed-areas,.ships-effects{top:var(--coord);left:var(--coord);right:var(--bezel);bottom:var(--bezel);pointer-events:none;position:absolute}.sea-water{z-index:-1;border-radius:var(--radius-xs);background:var(--sea);overflow:hidden}.sea-water:before{content:"";background:var(--sea-light);opacity:.14;-webkit-mask:radial-gradient(circle at 50% 100%, var(--palette-clear) 46%, var(--palette-ink) 47% 62%, var(--palette-clear) 63%) 0 0 / 36px 15px repeat;mask:radial-gradient(circle at 50% 100%, var(--palette-clear) 46%, var(--palette-ink) 47% 62%, var(--palette-clear) 63%) 0 0 / 36px 15px repeat;animation:6s steps(6,end) infinite sea-swell;position:absolute;inset:0}.sea-water:after{content:"";background:var(--sea-deep);-webkit-mask:linear-gradient(var(--palette-ink), var(--palette-clear)) top / 100% var(--ramp-length) no-repeat, linear-gradient(var(--palette-clear), var(--palette-ink)) bottom / 100% var(--ramp-length) no-repeat;mask:linear-gradient(var(--palette-ink), var(--palette-clear)) top / 100% var(--ramp-length) no-repeat, linear-gradient(var(--palette-clear), var(--palette-ink)) bottom / 100% var(--ramp-length) no-repeat;opacity:.7;position:absolute;inset:0}@keyframes sea-swell{0%{-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0}to{-webkit-mask-position:36px 0,0 0;mask-position:36px 0,0 0}}.sea-corner{grid-area:1/1}.sea-coordinate{min-width:0;font-family:var(--font-pixel);font-size:var(--type-body);font-weight:600;line-height:var(--leading-none);color:var(--coord-ink);font-variant-numeric:tabular-nums;transition:color var(--dur-1);place-items:center;display:grid}.sea-cell{--lx:-1px;--ly:-1px;--cell-line:inset var(--lx) var(--ly) 0 var(--sea-line);min-width:0;min-height:0;padding:var(--space-0);background:var(--palette-clear);color:var(--text);cursor:default;box-shadow:var(--cell-line);border:0;border-radius:0;place-items:center;display:grid;position:relative}.sea-cell[data-col="9"]{--lx:0px}.sea-cell[data-row="9"]{--ly:0px}.sea-cell:focus{outline:none}.sea-cell:focus-visible{z-index:5;box-shadow:var(--cell-line), inset 0 0 0 var(--stroke-3) var(--aim)}.sea-cell:enabled{cursor:pointer}.sea[data-board=target] .sea-cell:enabled{cursor:crosshair}.sea-cell:after{content:"";z-index:1;pointer-events:none;opacity:0;background:var(--aim);-webkit-mask:var(--bayer-4) 0 0 / var(--dither-tile) var(--dither-tile) repeat;mask:var(--bayer-4) 0 0 / var(--dither-tile) var(--dither-tile) repeat;transition:opacity var(--dur-2) steps(3, end);position:absolute;inset:0}.ships-stage[data-battle=true] .sea[data-board=target] .sea-cell:enabled:hover:after{opacity:.55}.ships-stage[data-battle=true] .sea[data-board=target] .sea-cell:enabled:hover:before{content:"";inset:var(--space-2);z-index:2;pointer-events:none;--b:var(--aim);background:linear-gradient(var(--b), var(--b)) top left / 30% var(--px) no-repeat, linear-gradient(var(--b), var(--b)) top left / var(--px) 30% no-repeat, linear-gradient(var(--b), var(--b)) top right / 30% var(--px) no-repeat, linear-gradient(var(--b), var(--b)) top right / var(--px) 30% no-repeat, linear-gradient(var(--b), var(--b)) bottom left / 30% var(--px) no-repeat, linear-gradient(var(--b), var(--b)) bottom left / var(--px) 30% no-repeat, linear-gradient(var(--b), var(--b)) bottom right / 30% var(--px) no-repeat, linear-gradient(var(--b), var(--b)) bottom right / var(--px) 30% no-repeat;position:absolute}.ships-stage[data-battle=true][data-weapon=cannon] .sea[data-board=target] .sea-cell:enabled:active:after{opacity:.9}.sea[data-board=own] .sea-cell:enabled:hover:after{opacity:.55}.ships-stage[data-placement=true] .sea-cell[data-ship=true]:enabled{touch-action:none}.sea-cell:is([data-drop=valid],[data-effect=valid]):after{opacity:.7}.sea-cell[data-drop=valid]:after{background:var(--foam)}.sea-cell[data-effect=valid]{box-shadow:var(--cell-line), inset 0 0 0 var(--stroke-2) var(--aim)}.sea-cell:is([data-drop=invalid],[data-effect=invalid]):after{opacity:.8;background:var(--palette-tomato);-webkit-mask-image:var(--bayer-8);mask-image:var(--bayer-8)}.sea-cell[data-drop=invalid]{animation:.32s steps(5,end) shake}.sea-peg,.sea-miss-peg,.sea-mine{pointer-events:none;position:absolute}.sea-peg,.sea-miss-peg{z-index:4;place-items:center;display:grid;inset:0}.sea-peg:before{content:"";inset:var(--stroke-2);background:var(--hit);box-shadow:inset 0 0 0 var(--stroke-2) var(--hit-deep);-webkit-mask:var(--bayer-12) 0 0 / var(--dither-tile) var(--dither-tile) repeat;mask:var(--bayer-12) 0 0 / var(--dither-tile) var(--dither-tile) repeat;animation:peg-in var(--dur-3) steps(3, end) both;position:absolute}.sea-peg:after{content:"";aspect-ratio:1;background:var(--palette-white);clip-path:polygon(22% 0,50% 28%,78% 0,100% 22%,72% 50%,100% 78%,78% 100%,50% 72%,22% 100%,0 78%,28% 50%,0 22%);width:58%;filter:drop-shadow(var(--px) var(--px) 0 var(--hit-deep));animation:peg-strike var(--dur-3) steps(3, end) both;position:relative}.sea-cell[data-hit=true]{background:var(--hit-deep)}.sea-cell[data-miss=true]{background:color-mix(in oklab, var(--sea-deep) 45%, var(--palette-clear))}.sea-miss-peg:before{content:"";border:var(--stroke-2) dotted var(--palette-white);animation:peg-in var(--dur-4) steps(4, end) both;position:absolute;inset:0}.sea-miss-peg:after{content:"";aspect-ratio:1;background:var(--palette-white);border-radius:var(--radius-pill);width:20%;animation:peg-in var(--dur-3) steps(3, end) both;position:relative}.sea-cell:is([data-mine-return=true],[data-triggered-mine=true]) .sea-miss-peg{display:none}@keyframes peg-in{0%{opacity:0;scale:.3}}@keyframes peg-strike{0%{opacity:0;scale:1.8}60%{opacity:1;scale:.9}}.sea-mine{z-index:3;inset:14%}.mine-art{width:100%;height:100%;filter:drop-shadow(var(--space-2) var(--space-2) 0 var(--ship-shadow));display:block;overflow:visible}.mine-spike{fill:var(--palette-ink)}.mine-body{fill:var(--mine)}.mine-shade{fill:var(--palette-sun-deep)}.mine-glint{fill:var(--palette-white)}.mine-lamp{fill:var(--palette-tomato);animation:1.4s step-end infinite blink}.doodle-fleet{z-index:2;width:calc(100% - var(--coord) - var(--bezel));height:calc(100% - var(--coord) - var(--bezel));shape-rendering:crispedges;overflow:visible}.ship-cell-boundary{fill:none;stroke:var(--aim);stroke-width:6px;stroke-dasharray:12 12;shape-rendering:crispedges}.doodle-fleet [data-highlighted=true] .ship-deck{fill:var(--hull-top)}.ship-drag-preview{opacity:.75}.ship-drag-preview :is(.ship-shadow,.ship-wake){display:none}.ship-drag-preview[data-valid=false] .ship-hull,.ship-drag-preview[data-valid=false] .ship-deck{fill:var(--palette-tomato)}.ships-stage[data-placement=true] .doodle-fleet>g{animation:ship-drop var(--dur-3) steps(3, end) both;transform-box:fill-box;transform-origin:50%}@keyframes ship-drop{0%{opacity:0;scale:1.08}}.sunken-fleet{z-index:2}.fleet-handles{z-index:7;pointer-events:none}.ship-rotate-handle{width:var(--control-xs);height:var(--control-xs);padding:var(--space-0);border-radius:var(--radius-pill);background:var(--palette-g950);color:var(--palette-white);box-shadow:0 0 0 var(--stroke-2) var(--palette-white);pointer-events:auto;cursor:pointer;transition:transform var(--dur-2) var(--ease-out), background-color var(--dur-2);border:0;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.ship-rotate-handle svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform var(--dur-3) var(--ease-out)}.ship-rotate-handle:hover:not(:disabled),.ship-rotate-handle[data-active=true]{background:var(--palette-g700)}.ship-rotate-handle:hover:not(:disabled) svg{transform:rotate(90deg)}.ship-rotate-handle:active:not(:disabled){transform:translate(-50%,-50%)scale(.9)}.ship-rotate-handle:focus-visible{outline:var(--stroke-3) solid var(--aim);outline-offset:var(--space-2)}.ship-rotate-handle:disabled{opacity:.4;cursor:not-allowed}.weapon-trails{z-index:4}.weapon-trails>*{position:absolute}.triggered-mine{place-items:center;width:10%;height:10%;padding:0;display:grid}.triggered-mine-art{fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:82%;height:82%}.mine-burst{stroke:var(--palette-sun);stroke-width:2px}.spent-mine-spikes{stroke:var(--palette-black);stroke-width:2.5px}.spent-mine-body{fill:var(--palette-sun);stroke:var(--palette-black)}.spent-mine-dither{fill:var(--palette-black);opacity:.4}.spent-mine-crack{stroke:var(--palette-black)}.torpedo-path{border:var(--stroke-2) solid var(--marker);border-radius:var(--radius-xs)}.torpedo-path:before{content:"";background:var(--foam);opacity:.05;position:absolute;inset:0}.torpedo-path:after{content:"";border-top:var(--stroke-2) dashed var(--marker);height:0;position:absolute;inset:50% 6% auto}.torpedo-path[data-axis=v]:after{border-top:0;border-left:var(--stroke-2) dashed var(--marker);width:0;height:auto;inset:6% auto 6% 50%}.torpedo-start{fill:none;width:6%;height:6%;stroke:var(--marker);stroke-width:3px;stroke-linecap:square;stroke-linejoin:miter}.mine-shot-outline{border:var(--stroke-2) dotted var(--palette-sun);width:10%;height:10%}.mine-shot-outline:after{content:"";border-radius:var(--radius-pill);background:var(--palette-sun);width:20%;height:20%;position:absolute;top:50%;left:50%;translate:-50% -50%}.mine-shot-outline[data-hit=true]:after{top:20%;left:80%}.bombed-areas{z-index:3}.bombed-area{border:var(--stroke-2) dashed var(--marker);width:20%;height:20%;position:absolute}.bombed-area:before{content:"";background:var(--soot);opacity:.11;position:absolute;inset:0}.radar-scans{z-index:3}.radar-scan-area{border:var(--stroke-2) solid var(--radar);border-radius:var(--radius-xs);position:absolute}.radar-scan-area:before{content:"";background:linear-gradient(var(--radar), var(--radar-2));opacity:.11;position:absolute;inset:0}.radar-scan-area:after{content:"";background:repeating-linear-gradient(var(--palette-clear) 0 var(--space-6), color-mix(in oklab, var(--radar) 35%, var(--palette-clear)) var(--space-6) calc(var(--space-6) + var(--px)));position:absolute;inset:0}.radar-scan-count{z-index:1;min-width:clamp(16px, calc(var(--board) / 16), 28px);height:clamp(16px, calc(var(--board) / 16), 28px);padding:var(--space-0) clamp(var(--space-2), calc(var(--board) / 60), var(--space-8));border-radius:var(--radius-pill);background:var(--palette-white);color:var(--palette-black);box-shadow:0 0 0 var(--stroke-2) var(--palette-black);font-family:var(--font-pixel);font-size:clamp(var(--type-micro), calc(var(--board) / 24), var(--type-lead));font-weight:700;line-height:var(--leading-none);animation:pop-in var(--dur-3) steps(3, end) both;place-items:center;display:grid;position:absolute;translate:-50% -50%}.radar-scan[data-radar-count="0"] .radar-scan-area{border-color:var(--sea-light)}.radar-scan[data-radar-count="0"] .radar-scan-area:before{opacity:.05}.ships-effects{z-index:6}.ship-fx{fill:none;stroke-linecap:square;stroke-linejoin:miter;shape-rendering:crispedges;width:10%;height:10%;position:absolute;overflow:visible}.ship-fx *{transform-box:view-box;transform-origin:50%}.fx-bomb{width:20%;height:20%}.fx-radar{width:30%;height:30%;translate:-33.333% -33.333%}.fx-trail{stroke:var(--palette-white);stroke-width:4px;stroke-dasharray:110;animation:.34s steps(5,end) both fx-trail}.fx-shell{fill:var(--palette-ink)}.fx-flash{fill:var(--flame-core);opacity:0;animation:.42s steps(4,end) .3s both fx-flash}@keyframes fx-trail{0%{stroke-dashoffset:110px;opacity:1}80%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes fx-flash{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.8)}}.fx-burst{fill:var(--flame);stroke:var(--hit);stroke-width:4px;animation:.9s steps(6,end) both fx-burst}.fx-core{fill:var(--flame-core);animation:.9s steps(6,end) 40ms both fx-burst}.fx-ember{fill:var(--hit);animation:.9s steps(6,end) both fx-ember}@keyframes fx-burst{0%{opacity:0;transform:scale(.2)rotate(-25deg)}30%{opacity:1;transform:scale(1.25)rotate(0)}70%{opacity:1}to{opacity:0;transform:scale(.9)}}@keyframes fx-ember{0%{transform:rotate(var(--a)) translateY(0) scale(1.4);opacity:1}to{transform:rotate(var(--a)) translateY(-70px) scale(.3);opacity:0}}.fx-ring{stroke:var(--foam);stroke-width:4px;stroke-dasharray:6 6;animation:1s steps(6,end) both fx-ripple}.fx-ring-late{animation-delay:.18s}.fx-drop{fill:var(--peg);animation:.6s steps(4,end) both fx-flash}@keyframes fx-ripple{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(2.6)}}.fx-blast{fill:var(--flame);stroke:var(--flame-core);stroke-width:4px;animation:.9s steps(6,end) both fx-blast}.fx-shock{stroke:var(--foam);stroke-width:4px;stroke-dasharray:8 6;animation:.9s steps(6,end) both fx-ripple}.fx-shock-late{animation-delay:.14s}@keyframes fx-blast{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.08)}to{opacity:0;transform:scale(1)}}.fx-radar-grid{stroke:var(--radar);stroke-width:1.5px;stroke-dasharray:3 3}.fx-radar-sweep{fill:color-mix(in oklab, var(--radar) 45%, var(--palette-clear));animation:1s steps(12,end) 3 both fx-spin}.fx-radar-pulse{stroke:var(--radar-2);stroke-width:3px;opacity:0;animation:1s steps(6,end) both fx-ping}.fx-radar-pulse:nth-of-type(2){animation-delay:1s}.fx-radar-pulse:nth-of-type(3){animation-delay:2s}.fx-radar-core{fill:var(--radar)}@keyframes fx-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes fx-ping{0%{opacity:1;transform:scale(.1)}to{opacity:0;transform:scale(1)}}.fx-torpedo{fill:var(--hull);stroke:var(--palette-ink);stroke-width:4px;animation:1s cubic-bezier(.3,0,.7,1) both fx-run}@keyframes fx-run{0%{opacity:0;transform:none}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(560px)}}.fx-wake{z-index:-1;border-radius:var(--radius-xs);background:var(--foam);transform-origin:top;animation:1s steps(6,end) both fx-wake;position:absolute}.fx-wake[data-direction=n]{transform-origin:bottom}.fx-wake[data-direction=e]{transform-origin:0;animation-name:fx-wake-x}.fx-wake[data-direction=w]{transform-origin:100%;animation-name:fx-wake-x}@keyframes fx-wake{0%{opacity:.38;transform:scaleY(0)}70%{opacity:.3}to{opacity:0;transform:scaleY(1)}}@keyframes fx-wake-x{0%{opacity:.38;transform:scaleX(0)}70%{opacity:.3}to{opacity:0;transform:scaleX(1)}}.fx-mine path.fx-mine{fill:var(--mine);stroke:var(--palette-ink);stroke-width:4px;animation:.9s steps(6,end) both fx-burst}.fx-spark{stroke:var(--flame-core);stroke-width:5px;animation:.8s steps(5,end) both fx-ripple}.fx-sunk .fx-shock{stroke:var(--flame);stroke-width:5px;animation-duration:1.4s}.fx-bubble{fill:none;stroke:var(--foam);stroke-width:3px;animation:2.2s steps(8,end) both fx-bubble}.fx-bubble:nth-of-type(3){animation-delay:.3s}.fx-bubble:nth-of-type(4){animation-delay:.6s}@keyframes fx-bubble{0%{opacity:0;transform:translateY(10px)scale(.4)}20%{opacity:1}to{opacity:0;transform:none}}.ship-sunk-announcement{z-index:8;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-24);border-radius:var(--radius-pill);background:var(--invert);color:var(--invert-text);box-shadow:var(--shadow-lg);font-family:var(--font-pixel);font-size:var(--type-title);white-space:nowrap;animation:sunk-banner 2.5s var(--ease-out) both;font-weight:600;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ship-sunk-announcement:before{content:"";border-radius:var(--radius-pill);background:var(--hit);width:14px;height:14px}@keyframes sunk-banner{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}20%{transform:translate(-50%,-50%)scale(1)}82%{opacity:1}to{opacity:0;transform:translate(-50%,-70%)}}.ship-grid-tabs{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-pill);background:var(--surface-2);flex:none;display:none}.ship-grid-tab{min-height:var(--control-sm);padding:var(--space-0) var(--space-12);border-radius:var(--radius-pill);background:var(--palette-clear);color:var(--text-muted);font-size:var(--type-body);transition:background-color var(--dur-2), color var(--dur-2);border:0;flex:1;font-weight:600}.ship-grid-tab:hover{color:var(--text)}.ship-grid-tab[aria-pressed=true]{background:var(--invert);color:var(--invert-text)}.ship-grid-tab:focus-visible{outline:var(--stroke-2) solid var(--focus);outline-offset:var(--space-2)}.ship-abilities{gap:var(--space-8);flex-direction:column;grid-area:dock;min-width:0;min-height:0;display:flex}.ship-energy{align-items:center;gap:var(--space-12);min-width:0;height:40px;padding:var(--space-0) var(--space-6) var(--space-0) var(--space-16);border-radius:var(--radius-pill);background:var(--surface-2);flex:none;display:flex}.energy-label{align-items:center;gap:var(--space-6);font-size:var(--type-small);color:var(--text-muted);font-weight:700;display:inline-flex}.energy-bolt{fill:currentColor;flex:none;width:16px;height:16px}.energy-cells{gap:var(--space-4);flex:1;grid-template-columns:repeat(10,minmax(0,1fr));height:18px;display:grid}.ship-energy[data-overflow=true] .energy-cells{grid-auto-rows:12px;height:auto;max-height:96px;overflow-y:auto}.ships-stage[data-battle=true] .ship-energy[data-overflow=true]{height:auto;min-height:40px;padding-block:var(--space-8)}.energy-cell{border-radius:var(--space-4);background:var(--surface-3);transition:background-color var(--dur-2) steps(2, end), opacity var(--dur-2);transition-delay:calc(var(--i) * 18ms);position:relative;overflow:hidden}.energy-cell[data-on=true]{background:var(--palette-sun);box-shadow:inset 0 calc(var(--px) * -1) 0 var(--palette-sun-deep)}.energy-cell[data-on=true]:before{content:"";background:var(--palette-white);opacity:.14;position:absolute;inset:0 0 50%}.energy-cell[data-on=true][data-spend=true]{opacity:.5;animation:.9s step-end infinite blink}.energy-value{min-width:32px;height:32px;padding:var(--space-0) var(--space-8);border-radius:var(--radius-pill);background:var(--invert);color:var(--invert-text);font-family:var(--font-pixel);font-size:var(--type-lead);font-variant-numeric:tabular-nums;font-weight:700;line-height:var(--leading-none);place-items:center;display:grid}.ship-weapons{gap:var(--space-8);flex:1;grid-template-columns:repeat(5,minmax(0,1fr));min-height:0;display:grid}.ship-weapons .weapon-card{--btn-bg:var(--surface-2);align-content:center;justify-items:center;gap:var(--space-4);min-width:0;height:100%;min-height:0;padding:var(--space-8) var(--space-4);border-radius:var(--radius-md);text-align:center;white-space:nowrap;touch-action:none;grid-template:"glyph""label""cost"/minmax(0,1fr);display:grid}.weapon-card[data-weapon=cannon],.power-drag-ghost[data-weapon=cannon]{--utility-color:var(--palette-steel-light)}.weapon-card[data-weapon=mine],.power-drag-ghost[data-weapon=mine]{--utility-color:var(--palette-sun)}.weapon-card[data-weapon=bomb],.power-drag-ghost[data-weapon=bomb]{--utility-color:var(--palette-tomato)}.weapon-card[data-weapon=radar],.power-drag-ghost[data-weapon=radar]{--utility-color:var(--palette-grass)}.weapon-card[data-weapon=torpedo],.power-drag-ghost[data-weapon=torpedo]{--utility-color:var(--palette-sky)}.ship-weapons .weapon-card[aria-pressed=true]{--btn-bg:var(--utility-color);--btn-fg:var(--palette-black)}.weapon-glyph{border-radius:var(--radius-pill);background:var(--utility-color);width:34px;height:34px;color:var(--palette-black);transition:background-color var(--dur-2), color var(--dur-2);grid-area:glyph;place-items:center;display:grid}.weapon-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.weapon-icon .glyph-fill{fill:currentColor;stroke:none}.power-label{grid-area:label;min-width:0;display:grid}.power-name{text-overflow:ellipsis;max-width:100%;font-size:clamp(var(--type-caption), calc(var(--board) / 27), var(--type-body));letter-spacing:var(--tracking-tight);font-weight:700;line-height:var(--leading-tight);overflow:hidden}.power-description{display:none}.power-cost{align-items:center;gap:var(--space-6);height:14px;color:inherit;grid-area:cost;display:inline-flex}.power-cost-value{font-family:var(--font-pixel);font-size:var(--type-body);font-weight:700;line-height:var(--leading-none);font-variant-numeric:tabular-nums}.power-cost[data-free=true]{font-size:var(--type-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:700;line-height:var(--leading-none);opacity:.6}.power-pips{gap:var(--space-2);display:flex}.power-pips i{opacity:.5;background:currentColor;border-radius:1px;width:4px;height:8px}.power-drag-ghost{z-index:80;align-items:center;gap:var(--space-10);max-width:240px;padding:var(--space-10) var(--space-16);border-radius:var(--radius-pill);background:var(--invert);color:var(--invert-text);box-shadow:var(--shadow);font-size:var(--type-small);pointer-events:none;animation:pop-in var(--dur-2) steps(3, end) both;font-weight:600;display:flex;position:fixed}.power-drag-ghost .weapon-icon{width:20px;height:20px;color:var(--utility-color);flex:none}.ship-game-log{grid-area:log;min-width:0;min-height:0;display:flex}.ship-log-content{overscroll-behavior:contain;scrollbar-width:none;min-height:0;padding:var(--space-12) var(--space-16);border-radius:var(--radius-md);background:var(--surface-2);font-size:var(--type-body);line-height:var(--leading-snug);color:var(--text-muted);flex:1;overflow:auto}.ship-log-content::-webkit-scrollbar{display:none}.ship-log-content:focus-visible{outline:var(--stroke-2) solid var(--focus);outline-offset:var(--space-2)}.ship-log-content h3{margin-bottom:var(--space-6);font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);font-weight:700}.ship-log-announcement{margin-bottom:var(--space-6);color:var(--text);font-weight:600}.ship-log-content ol{gap:var(--space-2);list-style:none;display:grid}.ship-log-content li{padding:var(--space-2) var(--space-0) var(--space-2) var(--space-20);white-space:nowrap;text-overflow:ellipsis;animation:rise-in var(--dur-3) steps(3, end) both;position:relative;overflow:hidden}.ship-log-content li:before{content:"";left:var(--space-2);top:calc(.5lh - 4px + var(--space-2));border-radius:var(--radius-pill);background:var(--surface);width:9px;height:9px;box-shadow:inset 0 0 0 var(--stroke-2) var(--text-faint);position:absolute}.ship-log-content li:is([data-outcome=hit],[data-outcome=sunk]):before{background:var(--hit);box-shadow:none}.ship-log-content li[data-outcome=sunk]{color:var(--text);font-weight:600}.ship-log-content strong{font-family:var(--font-pixel);color:var(--text);font-weight:600}.ship-log-player{color:var(--text);font-weight:700}.ship-log-empty{color:var(--text-muted)}.ship-notice{min-height:var(--notice-h);padding:var(--space-0) var(--space-12);font-size:var(--type-body);color:var(--text-muted);text-align:center;flex:none;justify-content:center;align-items:center;font-weight:600;display:flex}.ship-notice:empty{visibility:hidden}.ship-notice[data-tone=danger]{color:var(--danger-ink);animation:.32s steps(5,end) shake}.ships-stage[data-battle=true]>.ships-content{--board:clamp(200px, min(calc((100cqw - var(--sea-gap)) / 2), calc(100cqh - var(--notice-h) - var(--space-8) - var(--head-h) - var(--space-8) - var(--row-gap) - var(--dock-h) - var(--space-12))), 680px);margin-block:auto var(--space-0);flex:none}.ships-stage[data-battle=true]>.ship-notice{margin-bottom:auto}.ships-stage[data-battle=true] .seas{grid-template-columns:var(--board) var(--board);grid-template-rows:auto var(--dock-h);grid-template-areas:"own target""log dock"}.ships-stage[data-battle=true] .sea[data-board=own]{grid-area:own}.ships-stage[data-battle=true] .sea[data-board=target]{grid-area:target}.ships-stage[data-battle=true] :is(.ship-abilities,.ship-game-log){margin-left:var(--coord);margin-right:var(--bezel)}.ships-stage[data-placement=true]>.ships-content{--picker-w:272px;--ready-h:var(--control-lg);--board:clamp(160px, min(calc(100cqw - var(--picker-w) - var(--space-20)), calc(100cqh - var(--notice-h) - var(--space-8) - var(--head-h) - var(--space-8) - var(--space-16) - var(--ready-h))), 640px);justify-content:center;align-items:flex-start;gap:var(--space-20);flex-direction:row}.ships-stage[data-placement=true] .seas{flex:none;align-content:start}.ships-stage[data-placement=true]>.ships-heading{margin-bottom:var(--space-4)}.ships-stage[data-placement=true] .sea>header{padding:var(--space-0);justify-content:center}.ships-stage[data-placement=true] .sea h2{text-align:center;width:100%;font-size:var(--type-section);display:block}.ships-stage[data-placement=true] .sea h2:before{display:none}.fleet-tools{gap:var(--space-12);width:var(--picker-w);margin-top:calc(var(--head-h) + var(--space-8));max-height:calc(var(--board) + var(--space-16) + var(--ready-h));padding:var(--space-16);border-radius:var(--radius-lg);background:var(--surface-2);flex-direction:column;flex:none;display:flex}.fleet-tools .ships-heading{align-items:flex-start;gap:var(--space-4);min-height:0;padding:var(--space-0) var(--space-4);flex-direction:column}.fleet-picker{gap:var(--space-8);scrollbar-width:none;flex-direction:column;min-height:0;display:flex;overflow:auto}.fleet-picker::-webkit-scrollbar{display:none}.fleet-picker:empty{display:none}.fleet-picker .fleet-choice{--btn-bg:var(--raised);--btn-line:var(--palette-clear);place-items:center start;gap:var(--space-12);width:100%;height:auto;min-height:68px;padding:var(--space-6) var(--space-12) var(--space-6) var(--space-6);border-radius:var(--radius-md);text-align:left;touch-action:none;animation:rise-in var(--dur-3) steps(3, end) both;animation-delay:calc(var(--i) * 40ms);flex:none;grid-template-columns:76px minmax(0,1fr);display:grid}:root[data-theme=dark] .fleet-picker .fleet-choice{--btn-bg:var(--surface-3)}.fleet-picker .fleet-choice[aria-pressed=true]{--btn-bg:var(--invert);--btn-fg:var(--invert-text)}.fleet-choice-art{isolation:isolate;border-radius:var(--radius-sm);background:var(--sea);place-items:center;width:76px;height:56px;display:grid;position:relative;overflow:hidden}.fleet-choice-art:before{content:"";z-index:-1;background:var(--sea-light);opacity:.12;position:absolute;inset:0}.fleet-choice-art svg{shape-rendering:crispedges;width:auto;max-width:62px;height:44px;max-height:44px;overflow:visible}.fleet-choice-text{gap:var(--space-2);min-width:0;display:grid}.fleet-choice-name{font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:700}.fleet-choice-size{font-size:var(--type-small);opacity:.7;font-weight:600}.fleet-tools-hint{padding:var(--space-0) var(--space-4);font-size:var(--type-body);line-height:var(--leading-snug);color:var(--text-muted)}.fleet-ready.ui-button{min-width:240px}.ships-stage[data-placement=true] .ship-notice{position:absolute;bottom:0;left:0;right:0}.ships-stage[data-watching=true]>.ships-content{--fleet-w:104px;--board:max(150px, min(calc((100cqw - 2 * var(--fleet-w) - 2 * var(--space-12) - var(--sea-gap)) / 2), calc(100cqh - var(--notice-h) - var(--space-8))))}.ships-stage[data-watching=true] .seas{grid-template-columns:repeat(2,auto);align-items:center}.ships-stage[data-watching=true] .sea{align-items:center;gap:var(--space-12);flex-direction:row;width:auto}.ships-stage[data-watching=true] .sea:first-child{flex-direction:row-reverse}.ships-stage[data-watching=true] .sea-fit{flex:none}.ships-stage[data-result=true]{height:auto;container-type:inline-size}.ships-stage[data-result=true] .seas{grid-template-rows:none;grid-template-areas:none;align-items:start;width:100%}.ships-stage[data-result=true] .sea,.ships-stage[data-result=true][data-watching=true] .sea,.ships-stage[data-result=true][data-watching=true] .sea:first-child{flex-direction:column;grid-area:auto;width:100%}.ships-stage[data-result=true] .sea-fit{width:100%}.ships-stage[data-result=true] .sea-grid{aspect-ratio:1;width:100%;height:auto}.ships-stage[data-result=true] :is(.ship-abilities,.ship-game-log,.ship-grid-tabs){display:none}.result-ship-player{justify-content:center;min-width:0;display:flex}@container ships (height<=620px) and (width>=651px){.ships-content{--side-w:clamp(200px, 21cqw, 300px);--sea-gap:var(--space-16)}.ships-stage[data-battle=true]>.ships-content{--board:max(140px, min(calc((100cqw - var(--side-w) - 2 * var(--sea-gap)) / 2), calc(100cqh - var(--notice-h) - var(--space-8) - var(--head-h) - var(--space-8) - var(--space-12))))}.ships-stage[data-battle=true] .seas{height:calc(var(--head-h) + var(--space-8) + var(--board));grid-template-columns:var(--board) var(--board) var(--side-w);row-gap:var(--space-8);flex:none;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"own target dock""own target log"}.ships-stage[data-battle=true] :is(.ship-abilities,.ship-game-log){margin:var(--space-0)}.ships-stage[data-battle=true] .ship-abilities{margin-top:calc(var(--head-h) + var(--space-8))}.ships-stage[data-battle=true] .ship-weapons{gap:var(--space-6);grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.ships-stage[data-battle=true] .ship-weapons .weapon-card{place-items:center start;gap:var(--space-10);height:auto;min-height:var(--control);padding:var(--space-6) var(--space-16) var(--space-6) var(--space-6);border-radius:var(--radius-pill);text-align:left;grid-template:"glyph label cost"/auto minmax(0,1fr) auto}.ships-stage[data-battle=true] .power-cost{justify-self:end}.ships-stage[data-battle=true] .energy-label{display:none}.ships-stage[data-battle=true] .ship-energy{padding-left:var(--space-12)}.ships-stage[data-placement=true]>.ships-content{--picker-w:244px}.fleet-picker .fleet-choice{min-height:52px;padding:var(--space-4) var(--space-10) var(--space-4) var(--space-4);grid-template-columns:60px minmax(0,1fr)}.fleet-choice-art{width:60px;height:44px}.fleet-choice-art svg{max-width:50px;height:34px}.fleet-choice-name{font-size:var(--type-body)}.ships-stage[data-watching=true]>.ships-content{--fleet-w:80px}}@container ships (height<=440px) and (width>=651px){.ships-content{--head-h:28px;--coord:20px;--bezel:6px;--notice-h:20px}.sea>header{gap:var(--space-6)}.sea h2{font-size:var(--type-small)}.sea h2:before{display:none}.sea-coordinate{font-size:var(--type-micro)}.sea-fleet-count{display:none}.ships-stage[data-battle=true] .ship-abilities{gap:var(--space-4);margin-top:var(--space-0)}.ships-stage[data-battle=true] .ship-energy{height:28px}.ships-stage[data-battle=true] .energy-value{min-width:22px;height:22px;font-size:var(--type-body)}.ships-stage[data-battle=true] .ship-weapons{gap:var(--space-2)}.ships-stage[data-battle=true] .ship-weapons .weapon-card{min-height:0;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-2)}.ships-stage[data-battle=true] .weapon-glyph{width:24px;height:24px}.ships-stage[data-battle=true] .weapon-icon{width:16px;height:16px}.ships-stage[data-battle=true] .power-name{font-size:var(--type-small)}.ships-stage[data-battle=true] .power-pips{display:none}.ships-stage[data-battle=true] .power-cost-value{font-size:var(--type-body)}.ship-log-content{padding:var(--space-6) var(--space-10);font-size:var(--type-small)}.ship-log-content h3{display:none}.ships-stage[data-placement=true]>.ships-content{--picker-w:180px;--ready-h:var(--control-sm)}.ships-stage[data-placement=true] .sea h2{font-size:var(--type-lead)}.fleet-tools{padding:var(--space-8);gap:var(--space-6)}.fleet-tools .ships-heading,.fleet-choice-size,.fleet-tools-hint{display:none}.ships-stage[data-placement=true] .fleet-ready.ui-button{min-height:var(--control-sm);min-width:0;width:min(220px, var(--board));font-size:var(--type-body)}.fleet-picker{gap:var(--space-4)}.fleet-picker .fleet-choice{gap:var(--space-8);min-height:0;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-2);grid-template-columns:40px minmax(0,1fr)}.fleet-choice-art{width:40px;height:30px}.fleet-choice-art svg{max-width:32px;height:22px}.fleet-choice-name{font-size:var(--type-small)}.ships-stage[data-watching=true]>.ships-content{--fleet-w:60px}}@container ships (width<=650px){.ships-content{--coord:22px;--bezel:6px;--head-h:34px;--sea-gap:var(--space-10);--row-gap:var(--space-10);--dock-h:112px;gap:var(--space-8)}.ship-grid-tabs{display:flex}.sea h2{font-size:var(--type-lead)}.sea h2:before{width:10px;height:10px}.sea-coordinate{font-size:var(--type-caption)}.sea-fleet-summary .sea-fleet-count{display:none}.ships-stage[data-battle=true]>.ships-content{--board:max(160px, min(100cqw, calc(100cqh - var(--notice-h) - var(--space-8) - var(--control) - var(--space-8) - var(--head-h) - var(--space-8) - 2 * var(--row-gap) - var(--dock-h) - 64px)));margin:var(--space-0);flex:1}.ships-stage[data-battle=true]>.ship-notice{margin:var(--space-0)}.ships-stage[data-battle=true] .seas{flex-direction:column;place-content:normal flex-start;align-items:center;display:flex}.ships-stage[data-battle=true] .sea:not([data-selected=true]){display:none}.ships-stage[data-battle=true] :is(.ship-abilities,.ship-game-log){margin:var(--space-0);width:var(--board)}.ships-stage[data-battle=true] .ship-abilities{height:var(--dock-h);flex:none;order:1}.ships-stage[data-battle=true] .ship-game-log{flex:1;order:2;min-height:64px}.ships-stage[data-battle=true] .ship-log-content{padding:var(--space-8) var(--space-12)}.ships-stage[data-battle=true] .ship-log-content h3{display:none}.ships-stage[data-battle=true] .ship-energy{height:34px}.ships-stage[data-battle=true] .energy-value{min-width:26px;height:26px}.ships-stage[data-battle=true] .ship-weapons{gap:var(--space-4)}.ships-stage[data-battle=true] .ship-weapons .weapon-card{padding:var(--space-6) var(--space-2)}.ships-stage[data-battle=true] .power-pips{display:none}.ships-stage[data-battle=true] .power-cost-value{font-size:var(--type-small)}.ships-stage[data-battle=true] .weapon-glyph{width:30px;height:30px}.ships-stage[data-battle=true] .power-name{font-size:var(--type-small)}.ships-stage[data-placement=true]>.ships-content{--board:max(200px, min(100cqw, calc(100cqh - var(--notice-h) - var(--space-8) - 116px - var(--space-10) - var(--head-h) - var(--space-8) - var(--space-12) - var(--ready-h))));justify-content:flex-start;align-items:center;gap:var(--space-10);flex-direction:column}.ships-stage[data-placement=true] .sea h2{font-size:var(--type-title)}.fleet-tools{width:var(--board);max-height:none;padding:var(--space-8);gap:var(--space-6);border-radius:var(--radius-md);margin-top:0}.fleet-tools .ships-heading{flex-direction:row;justify-content:space-between;align-items:baseline;width:100%}.fleet-tools .ships-heading-tag{font-size:var(--type-body)}.fleet-tools .ships-heading-meta{font-size:var(--type-small)}.fleet-picker{gap:var(--space-6);flex-direction:row;overflow-x:auto}.fleet-picker .fleet-choice{justify-items:center;gap:var(--space-4);width:auto;min-width:62px;min-height:0;padding:var(--space-4);text-align:center;flex:1 0 auto;grid-template-rows:auto auto;grid-template-columns:none}.fleet-choice-art{width:52px;height:38px}.fleet-choice-art svg{max-width:42px;height:28px}.fleet-choice-size,.fleet-tools-hint{display:none}.fleet-choice-name{font-size:var(--type-caption)}.ships-stage[data-watching=true]>.ships-content{--fleet-w:56px;--board:max(140px, min(calc(100cqw - var(--fleet-w) - var(--space-10)), calc(100cqh - 48px - var(--notice-h) - var(--space-10) - var(--space-8))))}.ships-stage[data-watching=true] .seas{grid-template-columns:auto;align-content:start}.ships-stage[data-watching=true] .sea:not([data-selected=true]){display:none}.ships-stage[data-watching=true] .sea:first-child{flex-direction:row}}.ships-stage[data-result=true]>.ships-content{--board:100%!important}.ships-stage[data-result=true] .seas{grid-template-columns:repeat(2,minmax(0,1fr));height:auto;margin-block:0;display:grid!important}.ships-stage[data-result=true] .sea,.ships-stage[data-result=true] .sea>header,.ships-stage[data-result=true] .sea>.sea-fit{display:flex!important}.ships-stage[data-result=true] .sea{flex-direction:column;width:100%!important}@media (width<=650px){.ships-stage[data-result=true] .seas{grid-template-columns:minmax(0,1fr)}}@container ships (height>=621px) and (width>=651px){.match-desk[data-stream=true] .ships-content{--coord:40px;--notice-h:36px}.match-desk[data-stream=true] .ships-stage .sea-coordinate{font-size:var(--type-title)}.match-desk[data-stream=true] .ships-stage .ship-notice{font-size:var(--type-lead)}.match-desk[data-stream=true] .ships-stage .radar-scan-count{min-width:36px;height:36px;font-size:var(--type-title)}.match-desk[data-stream=true] .ships-stage .sea-fleet-summary[data-column=true] .sea-fleet-count{font-size:var(--type-lead)}}@media (height<=500px) and (width>=560px){.match-desk[data-game=battleship]:not([data-phase=waiting]) .desk-layout{gap:var(--space-6);padding-block:var(--space-6)}.match-desk[data-game=battleship] .desk-player{min-height:0;padding:var(--space-4) var(--space-12) var(--space-8) var(--space-6);gap:var(--space-8)}.match-desk[data-game=battleship] .desk-avatar .player-avatar,.match-desk[data-game=battleship] .desk-avatar .jev-logo{--avatar-size:24px;width:24px!important;height:24px!important}.match-desk[data-game=battleship] .desk-player .player-name-label>strong{font-size:var(--type-body)}.match-desk[data-game=battleship] .desk-player .player-name-label>small{display:none!important}.match-desk[data-game=battleship] .desk-player-timer{bottom:var(--space-2);height:3px}}@media (prefers-reduced-motion:reduce){.sea-water:before,.mine-lamp,.energy-cell[data-spend=true],.ship-fx *,.fx-wake,.sea-peg:before,.sea-peg:after,.sea-miss-peg:before,.sea-miss-peg:after,.radar-scan-count,.energy-cell,.ship-sunk-announcement,.ship-log-content li,.fleet-picker .fleet-choice,.ships-stage[data-placement=true] .doodle-fleet>g,.sea-cell[data-drop=invalid]{animation:none!important}}.ships-stage{--ink-w:clamp(var(--stroke-2), .3cqw, var(--stroke-4));--sk-sea:color-mix(in oklab, var(--palette-sea) 45%, var(--palette-white));--sk-line:color-mix(in oklab, var(--sketch-ink) 30%, var(--palette-clear));--sk-hull:color-mix(in oklab, var(--palette-steel) 65%, var(--palette-white));--sk-hull-top:var(--palette-steel-light);--sk-wreck:var(--palette-g400);--sk-aim:var(--palette-sun);--marker:var(--sketch-ink);--sk-ship-ink:7}.ships-stage .sea-grid{background:var(--sketch-paper);box-shadow:none}.ships-stage .sea-grid:after{content:"";z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink);filter:var(--doodle-filter);animation:var(--doodle-boil);pointer-events:none;position:absolute;inset:0}.ships-stage .sea-water{background:var(--sk-sea);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink);border-radius:var(--radius-xs)}.ships-stage .sea-water:before,.ships-stage .sea-water:after{display:none}.ships-stage .sea-coordinate{color:var(--sketch-ink);font-weight:700}.ships-stage .sea-cell{--sea-line:var(--sk-line)}.ships-stage .sea-cell:after{background:var(--sk-aim);-webkit-mask:none;mask:none}.ships-stage[data-battle=true] .sea[data-board=target] .sea-cell:enabled:hover:before{inset:var(--stroke-2);border-radius:var(--radius-xs);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink);background:0 0}.ships-stage[data-battle=true] .sea[data-board=target] .sea-cell:enabled:hover:after,.ships-stage .sea[data-board=own] .sea-cell:enabled:hover:after{opacity:.6}.ships-stage[data-placement=true] .sea-cell:enabled:hover:not([data-ship=true]):after{opacity:.45;background:var(--sk-aim)}.ships-stage .sea-cell:focus-visible{box-shadow:var(--cell-line), inset 0 0 0 var(--ink-w) var(--sketch-ink)}.ships-stage .sea-cell:focus-visible:after{opacity:.6}.ships-stage .sea-cell[data-drop=valid]:after{background:var(--sk-aim);opacity:.55}.ships-stage .sea-cell[data-effect=valid]{box-shadow:var(--cell-line), inset 0 0 0 var(--ink-w) var(--sketch-ink)}.ships-stage .sea-cell[data-effect=valid]:after{opacity:.5}.ships-stage .sea-cell:is([data-drop=invalid],[data-effect=invalid]):after{background:var(--palette-tomato);opacity:.6;-webkit-mask:none;mask:none}.ships-stage .sea-cell:is([data-hit=true],[data-miss=true]){background:var(--palette-clear)}.ships-stage .sea-peg:before{border-radius:var(--radius-pill);background:var(--palette-peg-red);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink);inset:20%;-webkit-mask:none;mask:none}.ships-stage .sea-peg:after{background:var(--sketch-ink);clip-path:polygon(14% 0,50% 36%,86% 0,100% 14%,64% 50%,100% 86%,86% 100%,50% 64%,14% 100%,0 86%,36% 50%,0 14%);filter:none;width:34%}.ships-stage .sea-miss-peg:before{display:none}.ships-stage .sea-miss-peg:after{background:var(--palette-peg-white);width:32%;box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink)}.ships-stage .mine-art{filter:none}.ships-stage .mine-body{fill:var(--palette-mine);stroke:var(--sketch-ink);stroke-width:.9px;paint-order:stroke}.ships-stage .mine-spike{fill:var(--sketch-ink)}.ships-stage :is(.mine-shade,.mine-glint){display:none}.ships-stage .mine-lamp{fill:var(--palette-tomato)}.ships-stage .doodle-fleet,.ships-stage .fleet-choice-art svg,.ships-stage .fleet-ship-art{shape-rendering:geometricprecision}.ships-stage .doodle-ship :is(.ship-wake,.ship-shadow,.ship-bevel,.ship-glint,.ship-deck){display:none}.ships-stage .doodle-ship .ship-hull{fill:var(--sk-hull);stroke:var(--sketch-ink);stroke-width:var(--sk-ship-ink);stroke-linejoin:round}.ships-stage .doodle-ship .ship-details>:not(.ship-bridge-group),.ships-stage .doodle-ship .ship-bridge-group>:not(.ship-bridge){display:none}.ships-stage .doodle-ship .ship-bridge{fill:var(--sk-hull-top);stroke:var(--sketch-ink);stroke-width:calc(var(--sk-ship-ink) * .7);stroke-linejoin:round}.ships-stage .doodle-fleet [data-highlighted=true] .ship-hull{fill:var(--sk-hull-top)}.ships-stage .ship-drag-preview[data-valid=false] .ship-hull{fill:var(--palette-tomato)}.ships-stage .ship-cell-boundary{stroke:var(--sketch-ink);stroke-width:var(--sk-ship-ink);stroke-dasharray:14 12;shape-rendering:geometricprecision}.ships-stage .wreck-hull .ship-hull{fill:var(--sk-wreck);stroke:var(--sketch-ink)}.ships-stage .wreck-hull .ship-bridge{fill:var(--palette-g500)}.ships-stage .wreck-cross{stroke:var(--sketch-ink)}.ships-stage .ship-rotate-handle{background:var(--sketch-paper);color:var(--sketch-ink);box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.ships-stage .ship-rotate-handle:hover:not(:disabled),.ships-stage .ship-rotate-handle[data-active=true]{background:var(--palette-sun)}.ships-stage .torpedo-path{border:var(--stroke-2) dashed var(--marker)}.ships-stage .torpedo-path:before{display:none}.ships-stage .bombed-area{border:var(--stroke-2) dashed var(--marker)}.ships-stage .bombed-area:before{background:var(--sketch-ink);opacity:.08}.ships-stage .mine-shot-outline{border-width:var(--stroke-3)}.ships-stage .mine-shot-outline:after{background:var(--palette-sun);box-shadow:inset 0 0 0 var(--stroke-1) var(--sketch-ink);width:28%;height:28%}.ships-stage .spent-mine-spikes,.ships-stage .spent-mine-crack{stroke:var(--sketch-ink)}.ships-stage .spent-mine-body{fill:var(--palette-mine);stroke:var(--sketch-ink)}.ships-stage .triggered-mine-art circle:not(.spent-mine-body){display:none}.ships-stage .mine-burst{stroke:var(--sketch-ink)}.ships-stage .radar-scan-area{border:var(--stroke-2) solid var(--sketch-ink)}.ships-stage .radar-scan-area:before{background:var(--palette-aqua);opacity:.35}.ships-stage .radar-scan-area:after{display:none}.ships-stage .radar-scan[data-radar-count="0"] .radar-scan-area{border-color:color-mix(in oklab, var(--sketch-ink) 45%, var(--palette-clear));border-style:dashed}.ships-stage .radar-scan[data-radar-count="0"] .radar-scan-area:before{opacity:.15}.ships-stage .radar-scan-count{background:var(--sketch-paper);color:var(--sketch-ink);box-shadow:0 0 0 var(--stroke-2) var(--sketch-ink)}.ships-stage .fleet-ship-art .ship-hull{fill:var(--sk-hull);stroke:var(--sketch-ink);stroke-width:10px;stroke-linejoin:round}.ships-stage .sea-fleet-status [data-sunk=true] .ship-hull{fill:var(--palette-peg-red);stroke:var(--sketch-ink);stroke-width:10px}.ships-stage .fleet-sunk-cross{stroke:var(--sketch-ink)}.ships-stage .sea-fleet-summary{box-shadow:inset 0 0 0 var(--stroke-2) var(--sk-line)}.ships-stage .fleet-choice-art{background:var(--sk-sea);box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.ships-stage .fleet-choice-art:before{display:none}.ships-stage .fleet-choice-art .ship-hull{stroke-width:8px}.ships-stage .weapon-glyph,.ships-stage .energy-cell[data-on=true]{box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.ships-stage .energy-cell[data-on=true]:before{display:none}.ships-stage .ship-log-content li:is([data-outcome=hit],[data-outcome=sunk]):before{background:var(--palette-peg-red);box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.result-final{max-width:720px;margin:var(--space-12) auto;padding:var(--space-16);border-radius:var(--radius-xl);background:var(--surface);text-align:left}.result-final>header{justify-content:space-between;align-items:baseline;gap:var(--space-4) var(--space-12);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.result-final h2{margin:var(--space-0);font-size:var(--type-lead);font-weight:700;line-height:var(--leading-tight)}.result-final h3{margin:var(--space-0);font-size:var(--type-small);font-weight:700;line-height:var(--leading-tight);overflow-wrap:anywhere}.result-final>header p,.result-final article>p{margin:var(--space-0);font-size:var(--type-caption);line-height:var(--leading-body);color:var(--text-muted)}.result-team-grid,.result-hand-grid,.result-guess-grid{gap:var(--space-10);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.result-team,.result-hand,.result-guess-player{min-width:0;padding:var(--space-12);border-radius:var(--radius-lg);background:var(--surface-2)}.result-team h3,.result-hand h3,.result-guess-player h3{margin-bottom:var(--space-8)}.result-word-grid{gap:var(--space-6);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.result-word-card{place-content:center;gap:var(--space-2);min-width:0;min-height:54px;padding:var(--space-4);border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text-muted);text-align:center;display:grid}.result-word-card span{font-size:var(--type-caption);font-weight:600;line-height:var(--leading-snug);letter-spacing:0;overflow-wrap:anywhere;text-transform:lowercase}.result-word-card small{font-family:var(--font-code);font-size:var(--type-micro)}.result-word-card[data-team=red]{background:var(--palette-cn-red);color:var(--palette-ink)}.result-word-card[data-team=blue]{background:var(--palette-cn-blue);color:var(--palette-ink)}.result-word-card[data-team=neutral]{background:var(--palette-cn-bystander);color:var(--palette-ink)}.result-word-card[data-team=assassin]{background:var(--palette-cn-assassin);color:var(--palette-white)}.result-word-card[data-revealed=false]{isolation:isolate;background:var(--surface-2);color:var(--text);position:relative;overflow:hidden}.result-word-card[data-revealed=false]:before{content:"";height:var(--space-4);z-index:-1;background:var(--card-wash,var(--palette-clear));position:absolute;inset:auto 0 0}.result-word-card[data-revealed=false][data-team=red]{--card-wash:var(--palette-cn-red)}.result-word-card[data-revealed=false][data-team=blue]{--card-wash:var(--palette-cn-blue)}.result-word-card[data-revealed=false][data-team=assassin]{--card-wash:var(--palette-cn-assassin)}.result-word-card[data-revealed=false][data-team=neutral]{color:var(--text-muted)}.result-word-target{justify-content:center;align-items:baseline;gap:var(--space-10);margin-bottom:var(--space-10);display:flex}.result-word-target>span{font-size:var(--type-small);color:var(--text-muted)}.result-word-target strong{font-family:var(--font-pixel);font-size:var(--type-section);font-weight:400;line-height:var(--leading-tight);color:var(--text)}.result-guess-player ol{gap:var(--space-4);margin:var(--space-0);padding:var(--space-0);list-style:none;display:grid}.result-guess-player li{isolation:isolate;justify-content:space-between;gap:var(--space-6);padding:var(--space-4) var(--space-8);border-radius:var(--radius-xs);background:var(--surface-3);font-size:var(--type-caption);display:flex;position:relative;overflow:hidden}.result-guess-player li:not(.result-guess-placeholder):before{content:"";z-index:-1;width:var(--rank-width);background:var(--rank-fill);opacity:.32;position:absolute;inset:0 auto 0 0}.result-guess-player li:not(.result-guess-placeholder)>span{font-weight:600}.result-guess-player li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-guess-player li strong{font-family:var(--font-code);color:var(--rank-heat,var(--text));font-variant-numeric:tabular-nums;font-weight:600}.result-guess-player li.result-guess-placeholder{background:var(--surface-2);align-items:center;min-height:23px}.result-guess-placeholder span:first-child,.result-guess-placeholder span:last-child{border-radius:var(--radius-sm);background:var(--surface-3);height:6px}.result-guess-placeholder span:first-child{width:45%}.result-guess-placeholder span:last-child{width:18%}.result-mon-grid{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.result-mon{align-content:start;justify-items:center;gap:var(--space-2);min-width:0;padding:var(--space-6);border-radius:var(--radius-sm);background:var(--surface-3);text-align:center;display:grid}.result-mon[data-active=true]{background:var(--surface)}.result-mon[data-fainted=true]{background:var(--surface-2)}.result-mon[data-fainted=true] .poke-sprite{filter:grayscale();opacity:.6}.result-mon .poke-sprite,.result-mon .poke-unknown{width:48px;height:var(--control-lg);object-fit:contain;image-rendering:pixelated}.result-mon strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--type-caption);overflow:hidden}.result-mon small{font-family:var(--font-code);font-size:var(--type-micro);white-space:nowrap;color:var(--text-muted)}.result-mon-health{border-radius:var(--radius-sm);background:var(--surface-2);width:100%;height:5px;overflow:hidden}.result-mon-health i{background:var(--live);height:100%;display:block}.result-card-center{justify-items:center;gap:var(--space-6);margin-bottom:var(--space-10);padding:var(--space-12);border-radius:var(--radius-lg);background:var(--surface-2);display:grid}.result-card-center>span{font-size:var(--type-caption);color:var(--text-muted)}.result-card-row{justify-content:center;gap:var(--space-4);flex-wrap:wrap;min-height:42px;display:flex}.result-card{width:33px;height:46px;padding:var(--space-4);border-radius:var(--radius-xs);background:var(--palette-card);color:var(--palette-card-black);box-shadow:inset 0 0 0 1px var(--palette-ink-10);font-family:var(--font-code);font-size:var(--type-caption);font-weight:650;line-height:var(--leading-none);flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex}.result-card i{align-self:flex-end;font-style:normal}.result-card[data-red=true]{color:var(--palette-card-red)}.result-card[data-hidden=true]{background:var(--surface-3);color:var(--text-muted)}.result-hand>strong,.result-hand>small,.result-hand-line>span{margin-top:var(--space-6);font-size:var(--type-caption);display:block}.result-hand>small{color:var(--text-muted)}.result-hand-line+.result-hand-line{margin-top:var(--space-10);padding-top:var(--space-10);border-top:var(--stroke-1) solid var(--line)}@media (width<=500px){.result-final{padding:var(--space-10)}.result-team-grid{grid-template-columns:minmax(0,1fr)}.result-hand-grid,.result-guess-grid{gap:var(--space-6)}.result-hand,.result-guess-player{padding:var(--space-6)}.result-word-grid{gap:var(--space-2)}.result-word-card{min-height:var(--control-lg);padding:var(--space-2)}.result-word-card span{font-size:var(--type-micro)}.result-mon .poke-sprite,.result-mon .poke-unknown{width:40px;height:40px}}.result-center>.result-ships{border-radius:var(--radius-lg);box-shadow:none;padding:var(--space-0);background:0 0;border:0}.result-ships .ships-stage[data-result=true]{padding:var(--space-0)}.result-ships .result-ship-player{width:100%;padding:var(--space-10) var(--space-8) var(--space-4);justify-content:center;display:flex}.result-ships .result-ship-player .result-player{width:min(100%,320px);min-height:var(--control-lg);margin:var(--space-0)}.result-ships .result-ship-player .result-player-name{align-items:flex-start}.result-ships .result-ship-player .result-player-name>strong{font-size:var(--type-small)}.result-ships .result-ship-player .result-player-status{display:none}.result-center>.result-poker{max-width:540px;padding:var(--space-0);box-shadow:none;background:0 0}.result-poker>header{justify-content:center}.result-poker-standings{gap:var(--space-8);display:grid}.result-poker-standing{min-width:0}.result-poker-standing .result-player{justify-content:flex-start}.result-poker-standing .result-player-chips{min-width:72px;padding:var(--space-4) var(--space-10);border-radius:var(--radius-pill);background:var(--surface-3);color:var(--text);font-family:var(--font-pixel);font-size:var(--type-lead);font-weight:400;line-height:var(--leading-tight);text-align:center;font-variant-numeric:tabular-nums;flex:none;margin-left:auto;display:block}@media (width>=900px) and (height<=740px){.result-poker-standing .result-player{min-height:var(--control);padding-block:var(--space-4)}.result-poker-standings{gap:var(--space-6)}}.match-desk{--desk-gutter:var(--space-gutter);--desk-bar-height:var(--bar-height);--desk-control:var(--control);--desk-sidebar:var(--sidebar);--desk-rail:240px;--stage-haze:var(--game,var(--accent));isolation:isolate;background:var(--stage);width:100%;height:100dvh;min-height:0;color:var(--text);flex-direction:column;display:flex;position:relative;overflow:hidden}.site-viewport .match-desk,.spectator-capture .match-desk{height:100%}.desk-turn-flash{z-index:40;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 var(--stroke-4) var(--stage-haze), inset 0 0 0 calc(var(--stroke-4) * 2) color-mix(in oklab, var(--stage-haze) 35%, var(--palette-clear));position:absolute;inset:0}.desk-bar{z-index:30;align-items:center;gap:var(--space-48);width:min(880px, 100% - var(--desk-gutter) * 2);max-width:calc(100% - var(--desk-gutter) * 2);min-height:calc(var(--desk-bar-height) - var(--space-16));margin:var(--space-10) auto var(--space-0);padding:var(--space-8) var(--space-16);border-radius:var(--radius-pill);background:color-mix(in oklab, var(--raised) 86%, var(--palette-clear));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-self:center;display:grid;position:relative}.desk-bar-start,.desk-bar-end{align-items:center;gap:var(--space-16);min-width:0;display:flex}.desk-bar-start{gap:var(--space-24)}.desk-bar-end{justify-content:flex-end}.desk-round-slot{display:contents}.desk-options>summary{width:var(--desk-control);height:var(--desk-control);border-radius:var(--radius-pill);color:var(--text-muted);transition:background-color var(--dur-1) linear, color var(--dur-1) linear;place-items:center;display:grid}.desk-options>summary:hover{background:var(--hover);color:var(--text)}.desk-bar .ui-button-icon[aria-pressed=false]{--btn-fg:var(--text-faint)}:is(.desk-bar-start,.desk-bar-end,.desk-round-slot)>.ui-button{width:var(--desk-control);height:var(--desk-control);min-width:0;min-height:0}:is(.desk-bar-start,.desk-bar-end,.desk-round-slot)>.ui-button svg,.desk-options>summary svg{width:20px;height:20px}.desk-title{align-content:center;justify-items:center;gap:var(--space-4);text-align:center;min-width:0;display:grid}.desk-title h1{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:var(--font-ui);font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:700;line-height:var(--leading-none);overflow:hidden}.desk-title>span{align-items:center;gap:var(--space-6);font-size:var(--type-caption);color:var(--text-faint);font-variant-numeric:tabular-nums;font-weight:600;display:inline-flex}.match-desk[data-turn] .desk-title>span{padding:var(--space-2) var(--space-10);border-radius:var(--radius-pill);background:var(--turn);color:var(--turn-text)}.match-desk[data-turn] .desk-title>span:before{content:"Your move ·"}.desk-decision-clock{gap:var(--space-6);flex:none;min-width:96px;display:grid}.desk-decision-clock strong{font-family:var(--font-pixel);font-size:var(--type-title);font-weight:500;line-height:var(--leading-none);font-variant-numeric:tabular-nums;color:var(--text)}.desk-decision-track,.desk-player-timer{border-radius:var(--radius-pill);background:var(--surface-3);height:6px;display:block;overflow:hidden}.desk-decision-track>span,.desk-player-timer>span{background:var(--turn);height:100%;-webkit-mask:repeating-linear-gradient(90deg, var(--palette-ink) 0 4px, var(--palette-clear) 4px 6px);mask:repeating-linear-gradient(90deg, var(--palette-ink) 0 4px, var(--palette-clear) 4px 6px);transition:width var(--dur-2) steps(2, end), background-color var(--dur-2) linear;display:block}.desk-decision-clock[data-own=false] .desk-decision-track>span{background:var(--text-faint)}.desk-decision-clock[data-urgent=true] strong{color:var(--danger-ink);animation:1s steps(2,end) infinite clock-throb}.desk-decision-clock[data-urgent=true] .desk-decision-track>span,.desk-player-timer[data-urgent=true]>span{background:var(--danger)}@keyframes clock-throb{50%{scale:1.08}}.match-desk:not(:is([data-game=codenames],[data-game=poker],[data-game=pokemon],[data-game=contexto])) .desk-decision-track{display:none}.desk-match-time{align-items:baseline;gap:var(--space-8);margin-right:var(--space-8);font-family:var(--font-pixel);font-size:var(--type-lead);font-variant-numeric:tabular-nums;color:var(--text);font-weight:500;display:inline-flex}.desk-bar .desk-match-time:before{content:"Match";font-family:var(--font-ui);font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-faint);font-weight:600}.desk-options{position:relative}.desk-options[open]>summary{background:var(--invert);color:var(--invert-text)}.desk-options-panel{top:calc(100% + var(--space-12));z-index:60;gap:var(--space-4);width:min(320px, calc(100vw - var(--space-32)));padding:var(--space-12);border-radius:var(--radius-lg);background:var(--raised);box-shadow:var(--shadow-lg);transform-origin:100% 0;animation:menu-pop var(--dur-2) var(--ease-out) both;display:grid;position:absolute;right:0}@keyframes menu-pop{0%{opacity:0;scale:.96;translate:0 calc(var(--space-4) * -1)}}.desk-option{justify-content:space-between;align-items:center;gap:var(--space-12);min-height:var(--control-lg);padding:var(--space-0) var(--space-6) var(--space-0) var(--space-12);border-radius:var(--radius-md);font-size:var(--type-body);font-weight:600;display:flex}.desk-option:hover{background:var(--hover)}.desk-option .desk-match-time{padding-right:var(--space-8)}.desk-mobile-setting{display:none}.desk-host-controls{padding:var(--space-10) var(--space-4);border-top:var(--stroke-1) solid var(--line)}.desk-host-controls .room-controls{gap:var(--space-8);display:grid}.desk-host-controls .room-controls .ui-button{width:100%}.desk-options-panel>.ui-button{width:100%;margin-top:var(--space-8)}.desk-layout{gap:var(--space-16);width:100%;min-height:0;padding:var(--space-20) var(--desk-gutter) var(--space-24);flex-direction:column;flex:1;display:flex;position:relative}.desk-play{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);width:100%;min-width:0;min-height:0;display:grid;position:relative;container:desk-play/size}.desk-play>*{min-width:0;min-height:0}.desk-players{justify-content:center;gap:var(--space-12);margin:var(--space-0);padding:var(--space-0);scrollbar-width:none;flex:none;display:flex;overflow-x:auto}.desk-players::-webkit-scrollbar{display:none}.desk-players:focus{outline:none}.desk-players:focus-visible{outline:var(--stroke-3) solid var(--focus);outline-offset:var(--space-4)}.desk-player{isolation:isolate;align-items:center;gap:var(--space-12);min-width:0;min-height:72px;padding:var(--space-12) var(--space-16) var(--space-16) var(--space-12);border-radius:var(--radius-lg);--doodle-fill:var(--surface-2);color:var(--text);transition:background-color var(--dur-3) steps(3, end), color var(--dur-3) steps(3, end);flex:0 320px;grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.desk-player.is-active{--doodle-fill:var(--turn);color:var(--turn-text)}.desk-player.is-active .player-name-label>small{color:var(--invert-muted)}.desk-avatar{flex:none;display:grid;position:relative}.desk-avatar .player-avatar,.desk-avatar .jev-logo{--avatar-size:44px;width:44px!important;height:44px!important}.desk-player-name{min-width:0}.desk-player .player-name-label{display:flex}.desk-player .player-name-label>strong{font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:700}.desk-player .player-name-label>small{font-size:var(--type-small);color:var(--text-muted)}.desk-player .player-name-label>:is(strong,small){text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.desk-player .player-name-label>.jev-name-note{white-space:normal}.desk-player-meta{justify-content:center;align-items:flex-end;gap:var(--space-8);flex-direction:column;flex:none;display:flex}.desk-player-meta:empty{display:none}.desk-active-label{padding:var(--space-4) var(--space-10);border-radius:var(--radius-pill);background:var(--turn-text);color:var(--turn);font-size:var(--type-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:700;line-height:var(--leading-none);white-space:nowrap;align-items:center;display:inline-flex}.desk-piece-stat{align-items:center;gap:var(--space-8);flex:none;display:inline-flex}.desk-piece-key{border-radius:var(--radius-pill);width:28px;height:28px;box-shadow:inset 0 calc(var(--space-4) * -1) 0 var(--key-deep,var(--palette-ink-16)), 0 0 0 var(--stroke-2) var(--palette-ink-10);display:block}.desk-piece-key.key-0{background:var(--palette-c4-red);--key-deep:var(--palette-c4-red-deep)}.desk-piece-key.key-1{background:var(--palette-c4-yellow);--key-deep:var(--palette-c4-yellow-deep)}.desk-piece-key.key-black{background:var(--palette-disc-black);--key-deep:var(--palette-black)}.desk-piece-key.key-white{background:var(--palette-disc-white);--key-deep:var(--palette-disc-white-deep)}.match-desk[data-game=checkers] .desk-piece-key.key-black{background:var(--palette-ebony)}.match-desk[data-game=checkers] .desk-piece-key.key-white{background:var(--palette-ivory);--key-deep:var(--palette-ivory-deep)}.desk-piece-count{text-align:right;min-width:2ch;font-family:var(--font-pixel);font-size:var(--type-score);font-weight:500;line-height:var(--leading-none);font-variant-numeric:tabular-nums}.desk-player-timer{left:var(--space-16);right:var(--space-16);bottom:var(--space-8);pointer-events:none;background:var(--invert-muted);height:4px;position:absolute}.desk-player.is-active .desk-player-timer>span{background:var(--turn-text)}.match-desk:is([data-game=codenames],[data-game=poker],[data-game=pokemon],[data-game=contexto]) .desk-players{display:none}@media (height<=500px) and (width>=560px){.match-desk{--desk-bar-height:52px;--desk-control:var(--control-sm)}.desk-title h1{font-size:var(--type-lead)}.match-desk:is([data-game=connect4],[data-game=reversi],[data-game=checkers]):not([data-phase=waiting]) .desk-layout{gap:var(--space-8) var(--space-16);padding-block:var(--space-8);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(170px,220px) minmax(0,1fr);display:grid}.match-desk:is([data-game=connect4],[data-game=reversi],[data-game=checkers]):not([data-phase=waiting]) .desk-players{flex-direction:column;grid-area:1/1/-1;justify-content:center;overflow:visible}.match-desk:is([data-game=connect4],[data-game=reversi],[data-game=checkers]) .desk-layout>.desk-play{grid-area:1/2}.match-desk:is([data-game=connect4],[data-game=reversi],[data-game=checkers]) .desk-layout>.desk-replay-controls{grid-area:2/2}.desk-player{min-height:var(--control-lg);padding-block:var(--space-6);flex:none}.desk-avatar .player-avatar,.desk-avatar .jev-logo{--avatar-size:32px;width:32px!important;height:32px!important}.desk-title>span{display:none}}.desk-replay-controls{width:min(100%,800px);padding:var(--space-12) var(--space-20);border-radius:var(--radius-pill);background:var(--surface-2);flex:none;align-self:center}.desk-replay-controls .room-controls{align-items:center;gap:var(--space-16);display:flex}.desk-replay-controls .room-controls>label{align-items:center;gap:var(--space-12);min-width:0;font-family:var(--font-pixel);font-size:var(--type-body);color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;flex:1;display:flex}.room-controls input[type=range]{min-width:0;height:var(--control-sm);accent-color:var(--accent);flex:1}.match-desk[data-phase=waiting] .desk-layout{overscroll-behavior:contain;padding-bottom:var(--space-0);display:block;overflow:auto}.match-desk[data-phase=waiting] .desk-play{height:auto;min-height:100%;display:block;container-type:normal}.match-desk[data-phase=waiting] .desk-play:has(>.board-unavailable){height:100%;display:grid}.match-desk[data-stream=true]{--desk-bar-height:84px}.match-desk[data-stream=true] .desk-title h1{font-size:var(--type-section)}.match-desk[data-stream=true] .desk-title>span{font-size:var(--type-body)}.match-desk[data-stream=true] .desk-decision-clock strong{font-size:var(--type-section)}.match-desk[data-stream=true] .desk-player .player-name-label>strong{font-size:var(--type-title)}.match-desk[data-stream=true] .desk-player .player-name-label>small{font-size:var(--type-body)}@media (width<=650px){.match-desk{--desk-gutter:var(--space-12);--desk-bar-height:60px;--desk-control:var(--control-sm)}.desk-bar{gap:var(--space-12);padding:var(--space-4) var(--space-8);margin-top:var(--space-8);max-width:calc(100% - var(--space-16))}.desk-bar-start{gap:var(--space-8)}.desk-title h1{font-size:var(--type-lead)}.desk-title>span{font-size:var(--type-micro)}.match-desk[data-turn] .desk-title>span:before{content:""}.desk-bar-end>.desk-match-time,.desk-bar-end>.desk-round-slot,.desk-bar-end>.desk-round{display:none}.match-desk[data-game=contexto] .desk-bar-end>.desk-match-time{font-size:var(--type-body);display:inline-flex}.match-desk[data-game=contexto] .desk-bar-end>.desk-match-time:before{display:none}.desk-mobile-setting{display:flex}.desk-decision-clock{min-width:56px}.desk-decision-clock strong{font-size:var(--type-lead)}.desk-layout{gap:var(--space-10);padding-top:var(--space-10);padding-bottom:var(--space-12)}.desk-players{justify-content:flex-start;gap:var(--space-8)}.match-desk[data-stream=true]{--desk-bar-height:60px}.match-desk[data-stream=true] .desk-title h1{font-size:var(--type-title)}.match-desk[data-stream=true] .desk-layout{padding-bottom:var(--space-6)}.desk-player{max-width:min(260px,72vw);min-height:var(--control-lg);gap:var(--space-8);padding:var(--space-8) var(--space-12) var(--space-12) var(--space-8);border-radius:var(--radius-md);flex:none}.desk-players:not(:has(>:nth-child(3)))>.desk-player{flex:1 1 0}.desk-player .player-name-label>strong{font-size:var(--type-body)}.desk-player .player-name-label>small{font-size:var(--type-micro)}.desk-avatar .player-avatar,.desk-avatar .jev-logo{--avatar-size:32px;width:32px!important;height:32px!important}.desk-active-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.desk-piece-key{width:20px;height:20px}.desk-piece-count{font-size:var(--type-title)}.desk-player-timer{left:var(--space-8);right:var(--space-8);bottom:var(--space-4);height:4px}.desk-replay-controls{padding:var(--space-8) var(--space-12)}.desk-replay-controls .room-controls{gap:var(--space-8);flex-wrap:wrap}.desk-replay-controls .room-controls>label{flex-basis:100%;order:-1}}.match-desk[data-finishing=true] .discs-actions{visibility:hidden}.match-desk[data-finishing=true][data-game=connect4] .discs-cell[data-winning=true] .playing-disc{animation:.42s steps(4,end) both winning-disc-pulse;animation-delay:calc(.36s + var(--win-order,0) * .3s)}.match-desk[data-finishing=true][data-game=reversi] .discs-cell[data-last-move=true] .playing-disc,.match-desk[data-finishing=true][data-game=checkers] .checkers-cell[data-last-move=true] .checker-piece,.match-desk[data-finishing=true][data-game=codenames] .word-card[data-revealed=true],.match-desk[data-finishing=true][data-game=contexto] .contexto-secret,.match-desk[data-finishing=true][data-game=battleship] .ships-stage,.match-desk[data-finishing=true] .card-seat[data-winner=true]{animation:.9s steps(6,end) both finishing-settle}.match-desk[data-finishing=true] .cards-center .playing-card{animation:.65s steps(5,end) both finishing-card-turn}@keyframes winning-disc-pulse{0%,to{scale:1}40%{scale:1.16}70%{scale:.97}}@keyframes finishing-settle{0%,to{scale:1}45%{scale:1.03}}@keyframes finishing-card-turn{0%{opacity:.4;scale:0 1}to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.match-desk[data-finishing=true] :is(.playing-disc,.checker-piece,.word-card,.contexto-secret,.ships-stage,.card-seat,.playing-card){animation:none!important}.desk-decision-clock[data-urgent=true] strong{animation:none}}.match-desk[data-phase=waiting] .desk-players,.match-desk[data-phase=waiting] .desk-decision-clock{display:none}.lobby-setup{--lobby-accent:var(--accent);width:min(100%,920px);margin:var(--space-0) auto;padding:var(--space-24) var(--space-0) var(--space-24);gap:var(--space-16);align-content:start;display:grid}.lobby-setup[data-teams]{width:min(100%,1080px)}.lobby-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-16);margin-bottom:var(--space-4);display:flex}.lobby-heading h2{margin:var(--space-0);font-size:var(--type-section);line-height:var(--leading-tight)}.lobby-count{height:36px;padding:var(--space-0) var(--space-16);border-radius:var(--radius-pill);background:var(--surface-2);font-size:var(--type-small);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-muted);flex:none;align-items:center;font-weight:700;display:inline-flex}.lobby-count[data-full]{background:var(--accent);color:var(--accent-text)}.lobby-invite{isolation:isolate;align-items:center;gap:var(--space-16);padding:var(--space-24) var(--space-24) var(--space-24) var(--space-32);border-radius:var(--radius-xl);background:var(--palette-g900);box-shadow:inset 0 var(--stroke-2) 0 color-mix(in oklab, var(--palette-white) 8%, var(--palette-clear));display:flex;position:relative;overflow:hidden}:root[data-theme=dark] .lobby-invite{background:var(--palette-g850)}.lobby-invite:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(70% 120% at 0% 100%, color-mix(in oklab, var(--game,var(--palette-g700)) 30%, var(--palette-clear)), var(--palette-clear) 70%);position:absolute;inset:0}.lobby-code-row{align-items:center;gap:var(--space-16);min-width:0;margin-right:auto;display:flex}.lobby-code{gap:var(--space-6);width:7.2ch;font-family:var(--font-pixel);font-size:var(--type-display);flex:none;display:grid}.lobby-code-label{font-family:var(--font-ui);font-size:var(--type-small);color:var(--text-muted);font-weight:600}.lobby-code strong{white-space:nowrap;height:1em;font-family:var(--font-pixel);font-size:var(--type-display);letter-spacing:.04em;font-weight:400;line-height:var(--leading-none);font-variant-numeric:tabular-nums;color:var(--text);display:block;overflow:hidden}.lobby-code strong[data-revealed=false]{font-family:var(--font-ui);color:var(--text-faint);letter-spacing:.02em}.lobby-code strong[data-revealed=true]{animation:rise-in var(--dur-3) steps(3, end) both}@media (prefers-reduced-motion:reduce){.lobby-code strong[data-revealed=true]{animation:none}}.lobby-code-toggle.ui-button{width:48px;height:48px}.lobby-code-toggle[aria-pressed=true]{--btn-bg:var(--accent);--btn-fg:var(--accent-text)}.lobby-invite-actions{justify-content:flex-end;align-items:center;gap:var(--space-8);flex:none;display:flex}.lobby-copy-code.ui-button,.lobby-copy-invite.ui-button{min-width:148px;min-height:48px;font-size:var(--type-body)}.lobby-zones{grid-template-columns:minmax(0,1fr);display:grid}.lobby-zone{--zone-accent:var(--lobby-accent);gap:var(--space-12);min-width:0;padding:var(--space-16);border-radius:var(--radius-xl);background:var(--surface);transition:background-color var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);flex-direction:column;display:flex;position:relative}.lobby-zone[data-team=blue]{--zone-accent:var(--team-blue)}.lobby-zone[data-team=red]{--zone-accent:var(--team-red)}.lobby-zone[data-over=true][data-valid=true]{background:var(--surface-2);box-shadow:inset 0 0 0 var(--stroke-2) var(--zone-accent)}.lobby-zone[data-over=true][data-valid=false]{box-shadow:inset 0 0 0 var(--stroke-2) var(--danger)}.lobby-zone>header{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-0) var(--space-8);display:flex}.lobby-zone h3{align-items:center;gap:var(--space-8);margin:var(--space-0);font-size:var(--type-body);color:var(--text);font-weight:700;display:flex}.lobby-zone h3 .ui-icon{color:var(--text-muted)}.lobby-zone>header>span{font-family:var(--font-pixel);font-size:var(--type-lead);color:var(--text-muted);font-variant-numeric:tabular-nums}.lobby-zone-members{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-content:start;display:grid}.lobby-zone[data-kind=role] .lobby-zone-members,.lobby-zone[data-kind=spectators] .lobby-zone-members{grid-template-columns:minmax(0,1fr)}.lobby-member{align-items:center;gap:var(--space-12);width:100%;min-width:0;min-height:72px;padding:var(--space-12) var(--space-16) var(--space-12) var(--space-12);border-radius:var(--radius-lg);--doodle-fill:var(--surface-2);color:var(--text);text-align:left;cursor:grab;touch-action:none;user-select:none;transition:background-color var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out), opacity var(--dur-2);border:0;display:flex;position:relative}.lobby-member:hover:not(:disabled){--doodle-fill:var(--surface-3)}.lobby-member:active:not(:disabled){cursor:grabbing}.lobby-member:disabled{cursor:default;opacity:1;touch-action:auto}.lobby-member:disabled .lobby-grip{visibility:hidden}.lobby-member:focus-visible{outline:var(--stroke-2) solid var(--focus);outline-offset:var(--space-2)}.lobby-member[data-self=true]{--doodle-fill:var(--accent);color:var(--accent-text)}.lobby-member[data-self=true]:hover:not(:disabled){--doodle-fill:var(--accent-strong)}.lobby-member[data-self=true] .lobby-member-name,.lobby-member[data-self=true] .lobby-member-name *{color:var(--accent-text)}.lobby-member[data-selected=true]{box-shadow:0 0 0 var(--stroke-2) var(--stage), 0 0 0 var(--stroke-4) var(--focus)}.lobby-member[data-dragging=true]{opacity:.35}.lobby-member-avatar{border-radius:var(--radius-md);background:var(--palette-g900);flex:none;place-items:center;width:48px;height:48px;display:grid}:root[data-theme=dark] .lobby-member-avatar{background:var(--palette-g950)}.lobby-member-name{flex:1;min-width:0}.lobby-member-name>strong{font-size:var(--type-body);font-weight:700}.lobby-tags{gap:var(--space-4);flex:none;display:flex}.lobby-tag{height:24px;padding:var(--space-0) var(--space-10);border-radius:var(--radius-pill);background:var(--surface-3);color:var(--text);font-size:var(--type-caption);align-items:center;font-weight:700;display:inline-flex}.lobby-member[data-self=true] .lobby-tag{background:color-mix(in oklab, var(--accent-text) 18%, var(--palette-clear));color:var(--accent-text)}.lobby-grip{color:var(--text-faint);flex:none;display:grid}.lobby-member[data-self=true] .lobby-grip{color:var(--accent-text);opacity:.55}.lobby-open-seat,.lobby-empty{isolation:isolate;align-items:center;gap:var(--space-12);min-height:72px;margin:var(--space-0);padding:var(--space-12) var(--space-16) var(--space-12) var(--space-12);border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--type-body);font-weight:600;display:flex;position:relative}.lobby-open-seat:before,.lobby-empty:before{content:"";z-index:-1;border-radius:inherit;background:color-mix(in oklab, var(--surface-3) 45%, var(--palette-clear));box-shadow:inset 0 var(--stroke-2) var(--stroke-3) color-mix(in oklab, var(--palette-ink) 6%, var(--palette-clear));position:absolute;inset:0}.lobby-open-seat>span{border-radius:var(--radius-md);background:var(--surface-2);flex:none;width:48px;height:48px}.lobby-empty{padding-left:var(--space-20);font-size:var(--type-small)}.lobby-drop-action.ui-button{width:100%}.lobby-team-columns{gap:var(--space-16);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lobby-team{gap:var(--space-8);--lobby-accent:var(--team-blue);align-content:start;display:grid}.lobby-team[data-team=red]{--lobby-accent:var(--team-red)}.lobby-team>h3{align-items:center;gap:var(--space-10);margin:var(--space-0);padding:var(--space-0) var(--space-8);font-size:var(--type-title);color:var(--text);display:flex}.lobby-team>h3:before{content:"";border-radius:var(--radius-pill);background:var(--lobby-accent);width:16px;height:16px}.lobby-jev{justify-content:space-between;align-items:center;gap:var(--space-16);padding:var(--space-16) var(--space-16) var(--space-16) var(--space-24);border-radius:var(--radius-xl);background:var(--surface);flex-wrap:wrap;display:flex}.lobby-jev>div:first-child{flex:280px;min-width:0}.lobby-jev>div>strong{align-items:center;gap:var(--space-10);font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:700;display:flex}.lobby-jev p{margin:var(--space-4) var(--space-0) var(--space-0);font-size:var(--type-small);line-height:var(--leading-body);color:var(--text-muted)}.lobby-jev-actions{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.lobby-jev-actions .ui-button{white-space:nowrap}.lobby-jev-actions .jev-logo{padding:var(--space-0);box-shadow:none;border-radius:var(--radius-xs);background:0 0}.lobby-webhooks{flex-direction:column;align-items:stretch}.lobby-webhooks>div:first-child{flex:none}.lobby-webhooks .lobby-jev-actions{justify-content:flex-start}.lobby-webhooks .ui-button{white-space:normal;overflow-wrap:anywhere;max-width:100%}.lobby-webhooks [role=alert]{color:var(--danger-ink)}.lobby-webhooks [role=status]{color:var(--text-muted)}.lobby-webhooks-dot{border-radius:var(--radius-pill);background:var(--agent);width:12px;height:12px}.lobby-help{justify-content:space-between;align-items:center;gap:var(--space-10);min-height:var(--control);flex-wrap:wrap;display:flex}.lobby-help p{margin:var(--space-0);font-size:var(--type-small);color:var(--text-muted)}.lobby-help>div{gap:var(--space-8);flex:none;display:flex}.lobby-settings{border-radius:var(--radius-xl);background:var(--surface)}.lobby-settings>summary{justify-content:space-between;align-items:center;gap:var(--space-10);min-height:56px;padding:var(--space-0) var(--space-24);cursor:pointer;font-size:var(--type-body);color:var(--text-muted);font-weight:600;list-style:none;display:flex}.lobby-settings>summary::-webkit-details-marker{display:none}.lobby-settings>summary:hover{color:var(--text)}.lobby-settings>summary:focus-visible{outline:var(--stroke-2) solid var(--focus);outline-offset:calc(var(--space-2) * -1);border-radius:var(--radius-xl)}.lobby-settings-caret{transition:transform var(--dur-3) var(--ease-snap)}.lobby-settings[open]>summary .lobby-settings-caret{transform:rotate(180deg)}.lobby-settings[open]{gap:var(--space-12);padding-bottom:var(--space-16);display:grid}.lobby-settings>div{margin:var(--space-0) var(--space-16)}.lobby-settings .lobby-zone{background:var(--surface-2)}.lobby-settings .lobby-member{--doodle-fill:var(--surface)}.lobby-timing{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.lobby-timing>span{gap:var(--space-4);padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);background:var(--surface-2);font-size:var(--type-small);color:var(--text-muted);font-weight:600;display:grid}.lobby-timing strong{font-family:var(--font-pixel);font-size:var(--type-title);color:var(--text);font-variant-numeric:tabular-nums;font-weight:400}.lobby-start{gap:var(--space-12);margin-top:var(--space-8);display:grid}.lobby-status{margin:var(--space-0);text-align:center;min-height:20px;font-size:var(--type-body);font-weight:500;line-height:var(--leading-body);color:var(--text-muted)}.lobby-status[data-ready]{color:var(--text);font-weight:700}.lobby-footer{justify-content:space-between;align-items:center;gap:var(--space-10);display:flex}.lobby-start-button.ui-button{min-width:240px;min-height:64px;padding:var(--space-0) var(--space-32);font-size:var(--type-title)}.lobby-drag-card{z-index:9999;pointer-events:none;align-items:center;gap:var(--space-10);max-width:260px;padding:var(--space-8) var(--space-16) var(--space-8) var(--space-8);border-radius:var(--radius-pill);background:var(--raised);color:var(--text);box-shadow:var(--shadow);font-size:var(--type-small);font-weight:700;display:flex;position:fixed}@media (width<=650px){.lobby-setup{padding:var(--space-12) var(--space-0) var(--space-0);gap:var(--space-12)}.lobby-heading{align-items:center}.lobby-heading h2{font-size:var(--type-title)}.lobby-count{height:32px;padding:var(--space-0) var(--space-12);font-size:var(--type-caption)}.lobby-invite{gap:var(--space-16);padding:var(--space-20);border-radius:var(--radius-lg);display:grid}.lobby-code-row{justify-content:space-between;width:100%}.lobby-code,.lobby-code strong{font-size:var(--type-section)}.lobby-invite-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.lobby-copy-code.ui-button,.lobby-copy-invite.ui-button{width:100%;min-width:0}.lobby-team-columns{grid-template-columns:minmax(0,1fr)}.lobby-team>h3{font-size:var(--type-lead)}.lobby-zone{padding:var(--space-12);border-radius:var(--radius-lg)}.lobby-member,.lobby-open-seat,.lobby-empty{min-height:64px}.lobby-member-avatar,.lobby-open-seat>span{width:40px;height:40px}.lobby-jev{padding:var(--space-16);gap:var(--space-12);border-radius:var(--radius-lg)}.lobby-help>div{width:100%}.lobby-settings{border-radius:var(--radius-lg)}.lobby-settings>summary{padding:var(--space-0) var(--space-16)}.lobby-start{z-index:4;margin:var(--space-0) calc(var(--desk-gutter,var(--space-10)) * -1);padding:var(--space-12) var(--desk-gutter,var(--space-10)) max(var(--space-12), env(safe-area-inset-bottom));background:var(--stage);position:sticky;bottom:0}.lobby-setup:has(.lobby-footer){grid-template-rows:auto;min-height:100%}.lobby-start:has(.lobby-footer){align-self:end;margin-top:auto}.lobby-start-button.ui-button{min-width:0;min-height:56px;font-size:var(--type-lead);flex:1}}@media (height<=820px) and (width>=651px){.lobby-setup{padding-top:var(--space-12);gap:var(--space-12)}.lobby-heading h2{font-size:var(--type-title)}.lobby-invite{padding-top:var(--space-16);padding-bottom:var(--space-16)}}@media (height<=500px) and (width>=651px){.lobby-setup{padding-top:var(--space-4);gap:var(--space-10)}.lobby-start{z-index:4;padding:var(--space-8) var(--space-0);background:var(--stage);position:sticky;bottom:0}}.site-content:has(>.room-stage){max-width:none;padding:var(--space-0)}.room-stage{isolation:isolate;width:100%;min-height:calc(100dvh - var(--bar-height));background:var(--stage);color:var(--text);position:relative}.room-entry-layout{gap:var(--space-24);width:100%;max-width:var(--content-max);margin:var(--space-0) auto;padding:var(--space-24) var(--space-gutter) var(--space-64);display:grid}.room-entry-game-summary{isolation:isolate;align-content:end;justify-items:start;gap:var(--space-12);min-height:340px;padding:var(--space-40) var(--space-40) var(--space-64);border-radius:var(--radius-xl);background:var(--palette-g900);color:var(--text);display:grid;position:relative;overflow:hidden;container-type:inline-size}:root[data-theme=dark] .room-entry-game-summary{background:var(--palette-g850)}.room-entry-game-summary:after{content:"";z-index:-2;pointer-events:none;background:radial-gradient(55% 80% at 80% 100%, color-mix(in oklab, var(--game) 42%, var(--palette-clear)), var(--palette-clear) 72%);position:absolute;inset:0}.room-entry-game-summary>.game-glyph{z-index:-1;width:min(42%,480px);position:absolute;bottom:-10%;right:2%}.room-entry-mark{align-items:center;gap:var(--space-16);display:flex}.room-entry-meta{padding:var(--space-6) var(--space-12);border-radius:var(--radius-pill);background:var(--palette-white-08);color:var(--text-muted);font-size:var(--type-small);font-weight:600}.room-entry-game-summary h1{max-width:min(100%,52cqw);margin-top:var(--space-8);font-size:var(--type-display);line-height:var(--leading-none);text-wrap:balance}.room-entry-lead{max-width:min(34ch,48cqw);color:var(--text-muted);font-size:var(--type-lead);font-weight:500;line-height:var(--leading-snug)}.room-entry-settings{align-content:start;gap:var(--space-24);min-width:0;padding:var(--space-32);border-radius:var(--radius-xl);background:var(--surface);display:grid}.room-create-form{gap:var(--space-24);display:grid}.room-choice-group{min-width:0;margin:var(--space-0);padding:var(--space-0);border:0}.room-choice-group>legend{margin-bottom:var(--space-12);padding:var(--space-0);font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:700}.room-pace-options{gap:var(--space-4);max-width:520px;padding:var(--space-4);border-radius:var(--radius-pill);--doodle-fill:var(--surface-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.room-choice{min-width:0;height:52px;padding:var(--space-0);border-radius:var(--radius-pill);background:var(--palette-clear);color:var(--text-muted);font-size:var(--type-lead);font-variant-numeric:tabular-nums;transition:color var(--dur-2), background-color var(--dur-2);border:0;place-items:center;font-weight:700;display:grid;position:relative}.room-choice:hover{background:var(--surface-3);color:var(--text)}.room-choice:active .room-choice-label{scale:.92}.room-choice:focus-visible{outline:var(--stroke-2) solid var(--focus);outline-offset:var(--space-2)}.room-choice-fill{border-radius:inherit;background:var(--accent);position:absolute;inset:0}.room-choice-label{transition:color var(--dur-2), scale var(--dur-1);position:relative}.room-choice[aria-pressed=true],.room-choice[aria-pressed=true] .room-choice-label{color:var(--accent-text)}.room-create-action{align-items:center;gap:var(--space-12) var(--space-20);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.room-create-button.ui-button{min-height:64px;padding:var(--space-0) var(--space-24) var(--space-0) var(--space-32);font-size:var(--type-title)}.room-opponent-help{max-width:32ch;color:var(--text-muted);font-size:var(--type-small);font-weight:500}.room-join-form{gap:var(--space-12);padding-top:var(--space-24);border-top:var(--stroke-1) solid var(--line);display:grid}.room-join-form>label{font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:700}.room-join-controls{gap:var(--space-8);grid-template-columns:minmax(0,360px) auto;display:grid}.room-join-form .ui-input{min-height:60px;padding:var(--space-0) var(--space-24);border-radius:var(--radius-pill);background:var(--surface-2);font-family:var(--font-pixel);font-size:var(--type-title);letter-spacing:.16em;text-transform:uppercase;border:0}.room-join-form .ui-input::placeholder{color:var(--text-faint);letter-spacing:.12em}.room-join-form .ui-input:focus{box-shadow:0 0 0 var(--stroke-2) var(--focus)}.room-join-controls .ui-button{min-height:60px;padding:var(--space-0) var(--space-24);font-size:var(--type-lead)}.room-entry-rules{min-width:0;padding:var(--space-32);border-radius:var(--radius-xl);background:var(--surface);align-self:start}.room-entry-rules h2{margin-bottom:var(--space-20);font-size:var(--type-title)}.room-entry-rules ol{gap:var(--space-16);margin:var(--space-0);padding:var(--space-0);list-style:none;display:grid}.room-entry-rules li{align-items:start;gap:var(--space-12);color:var(--text-muted);font-size:var(--type-body);line-height:var(--leading-snug);grid-template-columns:36px minmax(0,1fr);display:grid}.room-entry-rules li strong{color:var(--text);font-weight:700}.room-rule-number{border-radius:var(--radius-pill);background:var(--surface-2);width:36px;height:36px;color:var(--text);font-family:var(--font-pixel);font-size:var(--type-lead);place-items:center;display:grid}.room-unavailable{justify-items:start;gap:var(--space-12);color:var(--text-muted);display:grid}.room-connection{justify-content:center;align-items:flex-start;gap:var(--space-12);min-height:220px;color:var(--text-muted);flex-direction:column;display:flex}.room-connection-actions{gap:var(--space-10);flex-wrap:wrap;display:flex}.room-entry-settings>.ui-loader{justify-content:center;align-items:flex-start;min-height:220px}@media (width>=960px){.room-entry-layout{padding-top:var(--space-32);grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr)}.room-entry-game-summary{grid-column:1/-1}.room-entry-settings{grid-column:1}.room-entry-rules{top:calc(var(--bar-height) + var(--space-16));grid-column:2;position:sticky}}@media (width<=600px){.room-entry-layout{gap:var(--space-16);padding-top:var(--space-16)}.room-entry-game-summary{min-height:0;padding:var(--space-24) var(--space-24) 64cqw;border-radius:var(--radius-lg);align-content:start}.room-entry-game-summary>.game-glyph{width:92%;bottom:-6%;right:-4%}.room-entry-game-summary h1{max-width:100%}.room-entry-lead{max-width:100%;font-size:var(--type-body)}.room-entry-settings,.room-entry-rules{padding:var(--space-20);border-radius:var(--radius-lg)}.room-choice{height:44px;font-size:var(--type-body)}.room-create-button.ui-button{width:100%}.room-join-controls{grid-template-columns:minmax(0,1fr) auto}}.room-loading{padding:var(--space-16) var(--space-gutter);place-items:center;display:grid}.room-loading .ui-loading-panel{margin:var(--space-0);background:var(--surface)}.room-loading-note{color:var(--text-muted);font-size:var(--type-small)}.room-loading .ui-loading-actions{flex-direction:column;align-items:center}.room-error{padding:var(--space-10) var(--space-16);border-radius:var(--radius-md);background:color-mix(in oklab, var(--danger) 14%, var(--surface));color:var(--danger-ink);font-size:var(--type-small);font-weight:600}.room-entry-settings>.room-error{justify-self:start}.room-match-notices{z-index:45;top:var(--space-8);justify-items:center;gap:var(--space-8);pointer-events:none;width:max-content;max-width:calc(100% - 16px);display:grid;position:absolute;left:50%;transform:translate(-50%)}.room-match-notices:empty{display:none}.room-match-notices>*{pointer-events:auto;animation:drop-in var(--dur-3) var(--ease-snap) both;--drop-from:-1}.room-match-notices .room-error{border-radius:var(--radius-pill);box-shadow:var(--shadow);text-align:center}.room-reconnect{justify-content:center;align-items:center;gap:var(--space-10);padding:var(--space-8) var(--space-8) var(--space-8) var(--space-16);border-radius:var(--radius-pill);background:var(--raised);box-shadow:var(--shadow);font-size:var(--type-small);flex-wrap:wrap;display:flex}.room-controls{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.room-controls:empty{display:none}.room-controls>label{align-items:center;gap:var(--space-10);font-family:var(--font-code);font-size:var(--type-caption);color:var(--text-muted);font-variant-numeric:tabular-nums;display:flex}.series-page{gap:var(--space-24);padding-top:var(--space-16);display:grid}.series-page h2{font-size:var(--type-title);line-height:var(--leading-snug)}.series-error{padding:var(--space-16) var(--space-20);border-radius:var(--radius-lg);background:color-mix(in oklab, var(--danger) 10%, var(--surface));color:var(--danger-ink);font-size:var(--type-body);font-weight:500}.series-checking{padding:var(--space-64) var(--space-0);color:var(--text-muted);font-size:var(--type-lead);text-align:center}.series-footnote{color:var(--text-muted);font-size:var(--type-small);line-height:var(--leading-snug)}.series-builder{align-items:start;gap:var(--space-20);grid-template-columns:minmax(0,1fr) minmax(340px,420px);display:grid}.series-builder-header{z-index:var(--z-sticky);top:var(--series-sticky-top,8px);align-items:center;gap:var(--space-16);padding:var(--space-8) var(--space-0);background:var(--canvas);box-shadow:0 calc(var(--space-12) * -1) 0 var(--space-4) var(--canvas);grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,480px) minmax(0,1fr);display:grid;position:sticky}.series-back{justify-self:start}.series-header-count{color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--type-title);font-variant-numeric:tabular-nums;justify-self:end}.series-name-field{display:block;position:relative}.series-name-field>span{z-index:1;top:50%;left:var(--space-24);color:var(--text-muted);font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;pointer-events:none;font-weight:600;position:absolute;translate:0 -50%}.series-name-field .ui-input{min-height:var(--control-lg);padding:var(--space-0) var(--space-96);border-radius:var(--radius-pill);font-size:var(--type-lead);text-align:center;font-weight:700}.series-builder-games{max-height:calc(100dvh - var(--series-header-offset,160px) - var(--space-24));overscroll-behavior:contain;padding:var(--space-24);border-radius:var(--radius-xl);background:var(--surface);scrollbar-width:thin;display:grid;position:relative;overflow:auto}.series-lineup{gap:var(--space-20);display:grid}.series-lineup-head{gap:var(--space-8);display:grid}.series-page .series-games-prompt{font-size:var(--type-section);line-height:var(--leading-tight)}.series-rounds{gap:var(--space-8);display:grid}.series-rounds-empty{gap:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.series-rounds-empty span{border-radius:var(--radius-lg);background:var(--surface-2);height:96px;color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--type-display);line-height:var(--leading-none);place-items:center;display:grid}.series-round{min-width:0;margin:var(--space-0);padding:var(--space-0);scroll-margin-top:calc(var(--bar-height) + var(--space-48));border:0}.series-round-main{align-items:center;gap:var(--space-16);min-height:88px;padding:var(--space-12) var(--space-12) var(--space-12) var(--space-8);border-radius:var(--radius-lg);background:var(--raised);transition:background-color var(--dur-2) linear, scale var(--dur-2) var(--ease-out);grid-template-columns:auto auto minmax(0,1fr) auto;display:grid}.series-round.is-dragging .series-round-main{background:var(--invert);color:var(--invert-text);box-shadow:var(--shadow);scale:1.01}.series-round.is-dragging .series-lineup-text span,.series-round.is-dragging .series-lineup-game>p{color:var(--invert-muted)}.series-icon-button{width:var(--control);height:var(--control);padding:var(--space-0);border-radius:var(--radius-pill);background:var(--palette-clear);color:var(--text-muted);border:0;place-items:center;display:grid}.series-drag-handle{cursor:grab;touch-action:none}.series-round.is-dragging .series-drag-handle{color:var(--invert-text);cursor:grabbing}.series-remove:hover{color:var(--danger-ink)}.series-round-number{min-width:2ch;color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--type-score);line-height:var(--leading-none);font-variant-numeric:tabular-nums}.series-round.is-dragging .series-round-number{color:var(--invert-muted)}.series-lineup-game{align-items:center;gap:var(--space-4) var(--space-16);grid-template-columns:auto minmax(0,1fr);min-width:0;display:grid}.series-lineup-text{gap:var(--space-2);min-width:0;display:grid}.series-lineup-text strong{font-size:var(--type-lead);letter-spacing:var(--tracking-tight);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.series-lineup-text span{color:var(--text-muted);font-size:var(--type-small)}.series-lineup-game>p{color:var(--text-muted);font-size:var(--type-small);line-height:var(--leading-snug);grid-column:2}.series-game-picker{gap:var(--space-12);padding-top:var(--space-20);border-top:var(--stroke-1) solid var(--line-strong);display:grid}.series-picker-title{justify-content:space-between;align-items:baseline;gap:var(--space-12);display:flex}.series-picker-title span{font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:700}.series-picker-title small{color:var(--text-muted);font-size:var(--type-small)}.series-game-tiles{gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(132px,1fr));display:grid}.series-game-tile{isolation:isolate;align-content:center;justify-items:center;gap:var(--space-12);min-height:132px;padding:var(--space-16) var(--space-8) var(--space-32);border-radius:var(--radius-lg);background:var(--raised);color:var(--text);transition:background-color var(--dur-2) linear, scale var(--dur-2) var(--ease-out);border:0;display:grid;position:relative;overflow:hidden}.series-game-tile:before{content:"";z-index:-1;background:linear-gradient(to top, var(--game), var(--palette-clear));opacity:.85;pointer-events:none;height:40%;transition:translate var(--dur-3) steps(4, end);position:absolute;bottom:0;left:0;right:0;translate:0 70%}.series-game-tile:hover:not(:disabled):before,.series-game-tile:focus-visible:before{translate:0 30%}.series-game-tile:active:not(:disabled){scale:.97}.series-game-tile:disabled{opacity:.4;cursor:not-allowed}.series-tile-label{font-size:var(--type-body);font-weight:700}.series-tile-add{top:var(--space-8);right:var(--space-8);width:var(--control-xs);height:var(--control-xs);border-radius:var(--radius-pill);background:var(--invert);color:var(--invert-text);opacity:0;transition:opacity var(--dur-2) linear, scale var(--dur-3) var(--ease-snap);place-items:center;display:grid;position:absolute;scale:.6}.series-game-tile:hover:not(:disabled) .series-tile-add,.series-game-tile:focus-visible .series-tile-add{opacity:1;scale:1}.series-builder-settings{top:var(--series-header-offset,160px);gap:var(--space-20);padding:var(--space-24);border-radius:var(--radius-xl);background:var(--surface);color:var(--text);display:grid;position:sticky}.series-setup{gap:var(--space-16);display:grid}.series-timing-note{color:var(--text-muted);font-family:var(--font-ui);font-size:var(--type-small);line-height:var(--leading-snug)}.series-settings-fields{gap:var(--space-16);display:grid}.series-setting{gap:var(--space-8);display:grid}.series-setting>p,.series-break-field>span{font-size:var(--type-small);color:var(--text-muted);font-weight:600}.series-choices.segmented{gap:var(--space-4)}.series-choices.segmented button{min-height:var(--control-sm);padding:var(--space-0) var(--space-12);font-size:var(--type-small);white-space:nowrap}.series-break-field{align-items:center;gap:var(--space-12);grid-template-columns:minmax(0,1fr) 112px;display:grid}.series-break-field .ui-input{min-height:var(--control);font-family:var(--font-pixel);font-size:var(--type-title);text-align:center}.series-labels{justify-items:start;gap:var(--space-8);display:grid}.series-labels-body{width:100%;overflow:hidden}.series-fields{gap:var(--space-12);padding-top:var(--space-4);display:grid}.series-fields label{gap:var(--space-8);font-size:var(--type-small);color:var(--text-muted);font-weight:600;display:grid}.series-fields .ui-input{min-height:var(--control);color:var(--text);font-size:var(--type-body)}.series-create-footer{gap:var(--space-12);padding-top:var(--space-20);border-top:var(--stroke-1) solid var(--line-strong);display:grid}.series-summary{align-items:center;gap:var(--space-12);display:flex}.series-summary-marks{flex:none;display:flex}.series-summary-marks>*+*{margin-left:calc(var(--space-6) * -1)}.series-summary-marks .game-mark{box-shadow:0 0 0 var(--stroke-2) var(--surface)}.series-summary p{color:var(--text-muted);font-size:var(--type-small);font-variant-numeric:tabular-nums;line-height:var(--leading-snug)}.series-create-footer>.ui-button{width:100%}.series-saved-section{gap:var(--space-16);padding-top:var(--space-24);display:grid}.series-saved{gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));list-style:none;display:grid}.series-saved li{align-items:center;gap:var(--space-12);min-height:var(--control-xl);padding:var(--space-12) var(--space-16) var(--space-12) var(--space-20);border-radius:var(--radius-lg);background:var(--surface);transition:background-color var(--dur-2) linear;display:flex;position:relative}.series-saved li:hover{background:var(--surface-2)}.series-saved a{flex:1;min-width:0;display:grid}.series-saved a:after{content:"";border-radius:inherit;position:absolute;inset:0}.series-saved a span{font-size:var(--type-body);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.series-saved a small{color:var(--text-muted);font-size:var(--type-small)}.series-saved-status{align-items:center;gap:var(--space-8);min-height:var(--control-xs);padding:var(--space-0) var(--space-12);border-radius:var(--radius-pill);background:var(--raised);font-size:var(--type-caption);text-transform:capitalize;font-weight:600;display:inline-flex}.series-saved-status:before{content:"";border-radius:var(--radius-pill);background:var(--text-faint);width:8px;height:8px}.series-saved-status:is([data-status=playing],[data-status=break],[data-status=preparing]):before{background:var(--live)}.series-saved-status[data-status=waiting]:before{background:var(--warn)}.series-saved-status:is([data-status=failed],[data-status=cancelled]):before{background:var(--danger)}.series-join{align-items:end;gap:var(--space-24);padding:var(--space-32);border-radius:var(--radius-xl);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;display:grid}.series-join>div{gap:var(--space-12);display:grid}.series-join p{color:var(--text-muted);font-size:var(--type-lead)}.series-heading{justify-items:start;gap:var(--space-12);display:grid}.series-heading h1{font-size:var(--type-display);line-height:var(--leading-none);overflow-wrap:anywhere}.series-status{isolation:isolate;gap:var(--space-24);padding:var(--space-32);border-radius:var(--radius-xl);background:var(--surface);color:var(--text);grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden}.series-status:before{content:"";z-index:-1;background:linear-gradient(to left, var(--palette-grass), var(--palette-clear));pointer-events:none;width:34%;height:100%;position:absolute;top:0;right:0}.series-status:is([data-status=waiting],[data-status=preparing]):before{background:var(--palette-sun)}.series-status[data-status=completed]:before{background:var(--palette-sky)}.series-status:is([data-status=cancelled],[data-status=failed]):before{background:var(--palette-tomato)}.series-status-main{justify-items:start;gap:var(--space-12);min-width:0;display:grid}.series-status-chip{align-items:center;gap:var(--space-8);min-height:var(--control-xs);padding:var(--space-0) var(--space-12);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:600;display:inline-flex}.series-status-main>[role=status]{font-family:var(--font-pixel);font-size:var(--type-section);line-height:var(--leading-tight)}.series-status-count{color:var(--text-muted);font-size:var(--type-body)}.series-progress{border-radius:var(--radius-pill);background:var(--surface-3);width:min(400px,100%);height:10px;display:block;overflow:hidden}.series-progress i{width:calc(var(--progress,0) * 100%);border-radius:inherit;background:var(--invert);height:100%;transition:width var(--dur-4) var(--ease-out);display:block}.series-status-error{color:var(--danger-ink);font-size:var(--type-body)}.series-status>*{max-width:64%}.series-actions{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.series-code{min-height:var(--control);padding:var(--space-0) var(--space-20);border-radius:var(--radius-pill);background:var(--surface-2);font-family:var(--font-pixel);font-size:var(--type-lead);letter-spacing:var(--tracking-pixel);align-items:center;display:inline-flex}.series-section{gap:var(--space-16);display:grid}.series-participants{gap:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}.series-participant{align-items:center;gap:var(--space-20);min-width:0;min-height:132px;padding:var(--space-24) var(--space-32);border-radius:var(--radius-xl);background:var(--surface);display:flex}.series-participant:nth-child(2){text-align:right;flex-direction:row-reverse}.series-participant[data-you]{background:var(--invert);color:var(--invert-text)}.series-participant[data-you] .series-participant-detail{color:var(--invert-muted)}.series-participant-text{gap:var(--space-4);flex:1;min-width:0;display:grid}.series-participant h3{color:inherit;font-family:var(--font-ui);font-size:var(--type-title);letter-spacing:var(--tracking-tight);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.series-participant-detail{color:var(--text-muted);font-size:var(--type-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.series-participant-score{font-family:var(--font-pixel);font-size:var(--type-mega);font-weight:500;line-height:var(--leading-none);font-variant-numeric:tabular-nums}.series-open-seat{border-radius:var(--radius-lg);background:var(--surface-2);width:64px;height:64px;color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--type-title);flex:none;place-items:center;display:grid}.series-vs{width:var(--control-lg);height:var(--control-lg);border:var(--stroke-4) solid var(--canvas);border-radius:var(--radius-pill);background:var(--canvas);color:var(--text);font-family:var(--font-pixel);font-size:var(--type-body);text-transform:uppercase;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.series-schedule{gap:var(--space-8);list-style:none;display:grid}.series-schedule li{align-items:center;gap:var(--space-16);min-height:var(--control-xl);padding:var(--space-12) var(--space-20);border-radius:var(--radius-lg);background:var(--surface);display:flex;position:relative}.series-schedule li>div{gap:var(--space-2);min-width:0;display:grid}.series-schedule strong{font-size:var(--type-body);font-weight:700}.series-schedule span{color:var(--text-muted);font-size:var(--type-small)}.series-timeline li:after{content:"";border-radius:var(--radius-pill);background:var(--line-strong);flex:none;width:10px;height:10px;margin-left:auto}.series-timeline li[data-state=done]:after{background:var(--live)}.series-timeline li[data-state=current]{background:var(--invert);color:var(--invert-text)}.series-timeline li[data-state=current] span{color:var(--invert-muted)}.series-timeline li[data-state=current]:after{background:var(--live);box-shadow:0 0 0 var(--space-4) color-mix(in oklab, var(--live) 30%, var(--palette-clear))}.series-timeline li[data-state=done]{color:var(--text-muted)}.series-log li:after{content:"";border-radius:var(--radius-pill);background:var(--palette-sky);flex:none;width:10px;height:10px;margin-left:auto}.series-log li[data-outcome=win]:after{background:var(--live)}.series-log li[data-outcome=aborted]:after{background:var(--danger)}.series-empty-results{padding:var(--space-32);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-muted);font-size:var(--type-body);text-align:center}.series-table-wrap{border-radius:var(--radius-lg);background:var(--surface);overflow-x:auto}.series-table-wrap table{border-collapse:collapse;width:100%;font-size:var(--type-body);font-variant-numeric:tabular-nums}.series-table-wrap caption{caption-side:top;padding:var(--space-20) var(--space-20) var(--space-8);font-size:var(--type-lead);text-align:left;font-weight:700}.series-table-wrap caption .game-mark{margin-right:var(--space-12);vertical-align:middle;display:inline-grid}.series-table-wrap th,.series-table-wrap td{padding:var(--space-12) var(--space-20);text-align:right;white-space:nowrap}.series-table-wrap thead th{color:var(--text-muted);font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:600}.series-table-wrap :is(thead th,tbody th):first-child{text-align:left}.series-table-wrap tbody th{font-weight:700}.series-table-wrap tbody td{font-family:var(--font-pixel);font-size:var(--type-lead)}.series-table-wrap tbody tr{border-top:var(--stroke-1) solid var(--line-strong)}.series-match-banner{z-index:calc(var(--z-sticky) + 10);align-items:center;gap:var(--space-12);min-height:var(--bar-height);padding:var(--space-8) var(--space-gutter);background:var(--surface);color:var(--text);font-size:var(--type-body);font-weight:600;display:flex;position:sticky;top:0}.series-match-banner>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}@media (width<=960px){.series-builder{grid-template-columns:minmax(0,1fr)}.series-builder-header{grid-template-columns:auto minmax(0,1fr)}.series-header-count{display:none}.series-builder-games{max-height:none;overflow:visible}.series-builder-settings{position:static}.series-create-footer{bottom:var(--space-8);z-index:10;margin:var(--space-0) calc(var(--space-12) * -1) calc(var(--space-12) * -1);padding:var(--space-12);border-radius:var(--radius-lg);background:var(--surface-2);box-shadow:var(--shadow);border-top:0;position:sticky}}@media (width<=640px){.series-page{gap:var(--space-16)}.series-builder-header{gap:var(--space-8);box-shadow:none;grid-template-columns:minmax(0,1fr);position:static}.series-name-field>span{padding:var(--space-0) var(--space-4) var(--space-8);display:block;position:static;translate:none}.series-name-field .ui-input{padding:var(--space-0) var(--space-20);text-align:left}.series-builder-games,.series-builder-settings{padding:var(--space-16);border-radius:var(--radius-lg)}.series-page .series-games-prompt{font-size:var(--type-title)}.series-round-main{gap:var(--space-8);min-height:var(--control-xl)}.series-round-number{display:none}.series-rounds-empty span{height:72px;font-size:var(--type-section)}.series-game-tiles{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.series-game-tile{min-height:112px}.series-break-field{grid-template-columns:minmax(0,1fr) 88px}.series-join{padding:var(--space-20);grid-template-columns:minmax(0,1fr)}.series-status{padding:var(--space-80) var(--space-20) var(--space-20)}.series-status>*{max-width:none}.series-status:before{background:linear-gradient(to bottom, var(--palette-grass), var(--palette-clear));width:100%;height:64px}.series-participants{grid-template-columns:minmax(0,1fr)}.series-participant,.series-participant:nth-child(2){padding:var(--space-16) var(--space-20);text-align:left;flex-direction:row}.series-participant-score{font-size:var(--type-display)}.series-vs{margin:calc(var(--space-20) * -1) var(--space-0);order:1;justify-self:center;position:static;translate:none}.series-participant:nth-child(2){order:2}}.archive-head h1{font-size:var(--type-display);line-height:var(--leading-none)}.archive-head-text{gap:var(--space-12);display:grid}.archive-head-text p{max-width:52ch;color:var(--text-muted);font-size:var(--type-lead);line-height:var(--leading-snug)}.archive-toolbar{align-items:center;gap:var(--space-16);margin-bottom:var(--space-24);display:flex}.archive-search{max-width:520px;color:var(--text-muted);flex:1;position:relative}.archive-search>.ui-icon{top:50%;left:var(--space-20);z-index:1;pointer-events:none;position:absolute;translate:0 -50%}.archive-search .ui-input{padding-left:var(--space-56);border-radius:var(--radius-pill)}.archive-count{padding:var(--space-0) var(--space-4);color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--type-title);font-variant-numeric:tabular-nums}.archive-error{color:var(--danger-ink);font-size:var(--type-body);font-weight:500}.archive-error-banner{justify-content:space-between;align-items:center;gap:var(--space-12);margin-bottom:var(--space-20);padding:var(--space-16) var(--space-20);border-radius:var(--radius-lg);background:color-mix(in oklab, var(--danger) 10%, var(--surface));flex-wrap:wrap;display:flex}.archive-loading{padding:var(--space-80) var(--space-0);place-items:center;display:grid}.archive-status:empty{display:none}.archive-status{margin-bottom:var(--space-16);color:var(--text-muted);font-size:var(--type-body)}.archive-problem{width:min(520px,100%);margin:var(--space-80) auto;text-align:center}.archive-problem .ui-card-content{justify-items:center;gap:var(--space-16);padding:var(--space-40);display:grid}.archive-problem h1{font-size:var(--type-title)}.archive-problem p{color:var(--danger-ink);font-size:var(--type-body)}.archive-empty{border-radius:var(--radius-xl)}.archive-empty .ui-card-content{justify-items:center;gap:var(--space-16);padding:var(--space-64) var(--space-24);text-align:center;display:grid}.archive-empty h2{font-size:var(--type-title)}.archive-empty p{max-width:44ch;color:var(--text-muted);font-size:var(--type-lead);line-height:var(--leading-snug)}.archive-empty-mark{width:88px;height:88px;margin-bottom:var(--space-8);border-radius:var(--radius-xl);background:var(--invert);color:var(--invert-text);place-items:center;display:grid}.archive-metadata{gap:var(--space-8) var(--space-24);margin:var(--space-0);flex-wrap:wrap;display:flex}.archive-metadata>div{gap:var(--space-4);display:grid}.archive-metadata dt{color:var(--text-muted);font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:600}.archive-metadata dd{margin:var(--space-0);color:var(--text);font-size:var(--type-body);font-variant-numeric:tabular-nums;font-weight:600}.history-list{gap:var(--space-12);display:grid}.history-entry.ui-card{isolation:isolate;border-radius:var(--radius-xl);overflow:hidden}.history-entry:is(:hover,[data-expanded]){--doodle-fill:var(--surface-2)}.history-summary{align-items:center;gap:var(--space-24);width:100%;min-height:112px;padding:var(--space-20) var(--space-24);border-radius:inherit;background:var(--palette-clear);color:inherit;text-align:left;border:0;grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}.history-summary:focus-visible{outline-offset:calc(var(--stroke-3) * -1);border-radius:var(--radius-xl)}.history-symbol{flex:none;display:inline-grid;position:relative}.history-symbol-plain{border-radius:var(--radius-lg);background:var(--invert);width:64px;height:64px;color:var(--invert-text);place-items:center;display:grid}.history-symbol-badge{right:calc(var(--space-8) * -1);bottom:calc(var(--space-8) * -1);border:var(--stroke-3) solid var(--surface);border-radius:var(--radius-pill);background:var(--palette-sun);width:28px;height:28px;color:var(--palette-ink);place-items:center;display:grid;position:absolute}.history-summary-main{gap:var(--space-10);min-width:0;display:grid}.history-title-row{align-items:center;gap:var(--space-8) var(--space-12);flex-wrap:wrap;display:flex}.history-title-row h2{font-size:var(--type-title);line-height:var(--leading-snug)}.history-result.ui-badge{min-height:var(--control-xs);padding:var(--space-0) var(--space-12) var(--space-0) var(--space-10);background:var(--raised);font-size:var(--type-small)}.history-result.ui-badge:before{content:"";border-radius:var(--radius-pill);background:var(--result-dot,var(--text-faint));flex:none;width:10px;height:10px}.history-result[data-result=win]{--result-dot:var(--live);background:var(--invert);color:var(--invert-text)}.history-result[data-result=loss]{--result-dot:var(--danger)}.history-result[data-result=draw]{--result-dot:var(--palette-sky)}.history-players{align-items:center;gap:var(--space-8) var(--space-12);color:var(--text);font-size:var(--type-body);flex-wrap:wrap;font-weight:600;display:flex}.history-player{align-items:center;gap:var(--space-8);min-width:0;display:inline-flex}.history-vs{margin-right:var(--space-4);color:var(--text-muted);font-size:var(--type-small);text-transform:uppercase;font-weight:600}.history-metadata dd{font-family:var(--font-pixel);font-size:var(--type-lead);font-weight:500}.history-chevron{width:var(--control);height:var(--control);border-radius:var(--radius-pill);background:var(--raised);color:var(--text);transition:rotate var(--dur-3) var(--ease-out), background-color var(--dur-2) linear, color var(--dur-2) linear;place-items:center;display:grid}.history-entry[data-expanded] .history-chevron{background:var(--invert);color:var(--invert-text);rotate:180deg}.history-expanded{overflow:hidden}.history-expanded-inner{gap:var(--space-16);padding:var(--space-0) var(--space-24) var(--space-24);display:grid}.history-detail-meta{gap:var(--space-8);flex-wrap:wrap;display:flex}.history-detail-meta span{min-height:var(--control-xs);padding:var(--space-0) var(--space-12);border-radius:var(--radius-pill);background:var(--raised);color:var(--text-muted);font-size:var(--type-small);align-items:center;display:inline-flex}.history-replay-actions{align-items:flex-start;gap:var(--space-12);flex-wrap:wrap;display:flex}.history-log-error{align-items:center;gap:var(--space-12);color:var(--danger-ink);font-size:var(--type-body);flex-wrap:wrap;display:flex}.history-no-events{color:var(--text-muted);font-size:var(--type-body)}.history-events{gap:var(--space-8);max-height:480px;list-style:none;display:grid;overflow:auto}.history-events li{gap:var(--space-8);padding:var(--space-12) var(--space-16);border-radius:var(--radius-md);background:var(--raised);display:grid}.history-events li>div{align-items:baseline;gap:var(--space-12);flex-wrap:wrap;display:flex}.history-event-seq{color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--type-lead)}.history-events strong{font-size:var(--type-body);text-transform:capitalize;font-weight:700}.history-events time{color:var(--text-muted);font-size:var(--type-small);font-variant-numeric:tabular-nums;margin-left:auto}.history-events pre,.game-events pre{max-height:220px;margin:var(--space-0);padding:var(--space-12) var(--space-16);border-radius:var(--radius-sm);background:var(--palette-g950);color:var(--palette-g100);font-size:var(--type-small);line-height:var(--leading-body);overflow:auto}.history-more-row{padding-top:var(--space-24);justify-content:center;display:flex}.history-download{gap:var(--space-8);display:grid}.history-download-row{gap:var(--space-8);flex-wrap:wrap;display:flex}.history-download-bar{border-radius:var(--radius-pill);background:var(--surface-3);width:min(280px,100%);height:8px;display:block;overflow:hidden}.history-download-bar i{width:calc(var(--progress,0) * 100%);border-radius:inherit;background:var(--invert);height:100%;transition:width var(--dur-3) var(--ease-out);display:block}.history-download-bar i[data-indeterminate]{width:36%;animation:history-progress 1.1s var(--ease-in-out) infinite}.history-download [role=alert]{color:var(--danger-ink);font-size:var(--type-small)}@keyframes history-progress{0%{translate:-100%}to{translate:280%}}.replay-controls{gap:var(--space-12);min-width:0;display:grid}.replay-caption{align-items:baseline;gap:var(--space-8) var(--space-12);flex-wrap:wrap;display:flex}.replay-caption strong{font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:700}.replay-label{color:var(--text-muted);font-size:var(--type-body)}.replay-transport{align-items:center;gap:var(--space-8);grid-template-columns:auto auto auto minmax(0,1fr) auto;display:grid}.replay-play.ui-button{width:var(--control-lg);min-height:var(--control-lg)}.replay-scrubber{gap:var(--space-6);min-width:0;padding:var(--space-0) var(--space-12);display:grid}.replay-frame{color:var(--text-muted);font-size:var(--type-small)}.replay-scrubber input[type=range]{--track:var(--surface-3);--fill:var(--invert);width:100%;height:24px;margin:var(--space-0);background:var(--palette-clear);cursor:pointer;appearance:none}.replay-scrubber input[type=range]::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--fill) 0 var(--p,0%), var(--track) var(--p,0%));height:8px}.replay-scrubber input[type=range]::-moz-range-track{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--fill) 0 var(--p,0%), var(--track) var(--p,0%));height:8px}.replay-scrubber input[type=range]::-webkit-slider-thumb{border:var(--stroke-4) solid var(--raised);border-radius:var(--radius-pill);background:var(--fill);width:24px;height:24px;box-shadow:0 1px 3px var(--palette-black-30);appearance:none;margin-top:-8px}.replay-scrubber input[type=range]::-moz-range-thumb{border:var(--stroke-4) solid var(--raised);border-radius:var(--radius-pill);background:var(--fill);width:16px;height:16px}.replay-speeds.segmented{gap:var(--space-4);flex-wrap:nowrap}.replay-speeds.segmented button{min-width:var(--control);min-height:var(--control-sm);padding:var(--space-0) var(--space-12);flex:none}.replay-note{color:var(--text-muted);font-size:var(--type-small)}.inline-replay{gap:var(--space-16);padding:var(--space-20);border-radius:var(--radius-xl);background:var(--surface);color:var(--text);display:grid}.inline-replay-top{justify-content:space-between;align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.inline-replay-board{min-height:320px;padding:var(--space-16);border-radius:var(--radius-lg);background:var(--surface-2);place-items:center;display:grid;overflow:auto}.inline-replay .replay-controls{padding:var(--space-16);border-radius:var(--radius-lg);background:var(--surface-2)}.ui-dialog-content.game-log-dialog{width:min(720px, calc(100vw - var(--space-32)))}.game-log-head{align-items:center;gap:var(--space-16);margin-bottom:var(--space-20);display:flex}.game-events{gap:var(--space-8);max-height:56dvh;list-style:none;display:grid;overflow:auto}.game-events details{border-radius:var(--radius-md);background:var(--surface-2)}.game-events summary{justify-content:space-between;align-items:center;gap:var(--space-12);min-height:var(--control);padding:var(--space-0) var(--space-16);font-size:var(--type-body);text-transform:capitalize;cursor:pointer;font-weight:600;display:flex}.game-events time{color:var(--text-muted);font-size:var(--type-small);font-variant-numeric:tabular-nums}.game-events pre{margin:var(--space-0) var(--space-8) var(--space-8)}.game-log-empty{color:var(--text-muted);font-size:var(--type-body)}.agent-summary{align-items:center;gap:var(--space-8);margin-bottom:var(--space-16);color:var(--text-muted);font-size:var(--type-body);font-variant-numeric:tabular-nums;display:flex}.agent-summary strong{color:var(--text);font-weight:600}.agent-list{gap:var(--space-8);display:grid}.agent-card.ui-card{border-radius:var(--radius-lg)}.agent-card .ui-card-content{gap:var(--space-12);padding:var(--space-12) var(--space-16);display:grid}.agent-row{align-items:center;gap:var(--space-16);grid-template-columns:auto minmax(0,1fr) auto auto auto;display:grid}.agent-symbol{flex:none;place-items:center;display:grid}.agent-card-name{gap:var(--space-2);min-width:0;display:grid}.agent-card-name h2{font-size:var(--type-lead);font-weight:600;line-height:var(--leading-snug);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agent-card-name p{color:var(--text-muted);font-size:var(--type-small)}.agent-activity,.agent-last-used{align-items:center;gap:var(--space-8);color:var(--text-muted);font-size:var(--type-small);white-space:nowrap;display:inline-flex}.agent-activity{min-width:12ch;color:var(--text);font-weight:600}.agent-last-used{font-variant-numeric:tabular-nums}.agent-confirm-slot{overflow:hidden}.agent-confirm{gap:var(--space-12);padding:var(--space-16);border-radius:var(--radius-md);background:var(--raised);display:grid}.agent-confirm p{font-size:var(--type-body);line-height:var(--leading-snug)}.agent-confirm>div{justify-content:flex-end;gap:var(--space-8);flex-wrap:wrap;display:flex}.agent-bulk-confirm{margin-bottom:var(--space-20);overflow:hidden}@media (width<=860px){.history-summary{grid-template-columns:auto minmax(0,1fr) auto}.history-metadata{grid-area:2/2/auto/-1}.agent-row{grid-template-columns:auto minmax(0,1fr) auto auto}.agent-last-used{display:none}}@media (width<=600px){.archive-toolbar{margin-bottom:var(--space-16)}.history-summary{gap:var(--space-16);padding:var(--space-16);grid-template-columns:auto minmax(0,1fr)}.history-symbol .game-mark{--mark-size:52px!important}.history-summary-main,.history-metadata{grid-column:1/-1}.history-metadata{grid-row:auto}.history-chevron{grid-area:1/2;justify-self:end}.history-title-row h2{font-size:var(--type-lead)}.history-expanded-inner{padding:var(--space-0) var(--space-16) var(--space-16)}.replay-transport{grid-template-columns:auto auto auto minmax(0,1fr)}.replay-transport>*{grid-row:2}.replay-scrubber{padding:var(--space-0);grid-area:1/1/auto/-1}.inline-replay{padding:var(--space-12)}.inline-replay-board{min-height:240px;padding:var(--space-8)}.agent-row{gap:var(--space-12);grid-template-columns:auto minmax(0,1fr) auto}.agent-activity{grid-area:2/2;min-width:0}.agent-remove{grid-area:1/3/span 2}}.account-wrap{padding:var(--space-48) var(--space-0) var(--space-64);place-items:start center;display:grid}.account-card{gap:var(--space-24);width:min(560px,100%);padding:var(--space-40);border-radius:var(--radius-xl);background:var(--surface);display:grid}.account-lead{color:var(--text-muted);font-size:var(--type-lead);line-height:var(--leading-snug)}.account-message{font-size:var(--type-body);font-weight:500;line-height:var(--leading-snug)}.account-error,.account-saved{align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);border-radius:var(--radius-md);background:var(--raised);color:var(--text);display:flex}.account-error:before,.account-saved:before{content:"";border-radius:var(--radius-pill);background:var(--danger);flex:none;width:10px;height:10px}.account-saved:before{background:var(--live)}.account-error{color:var(--danger-ink)}.account-text-link{padding:var(--space-0);color:var(--text);font:inherit;text-decoration:underline;text-decoration-thickness:var(--stroke-2);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;font-weight:600}.account-text-link:hover{text-decoration-color:var(--text-faint)}.account-dialog-note{margin-top:var(--space-16);color:var(--text-muted);font-size:var(--type-body);line-height:var(--leading-body)}.account-dialog-link{margin-top:var(--space-16);display:inline-block}.account-stream-dialog-actions{flex-wrap:wrap-reverse}.account-footnote{max-width:42ch;margin:var(--space-0) auto;color:var(--text-muted);font-size:var(--type-small);line-height:var(--leading-body);text-align:center}.account-footnote a{color:var(--text-muted);text-underline-offset:.2em;font-weight:600;text-decoration:underline}.account-footnote a:hover{color:var(--text)}.account-reauth{justify-items:start;gap:var(--space-12);padding:var(--space-16);border-radius:var(--radius-md);background:var(--raised);font-size:var(--type-body);display:grid}.account-problem{justify-items:center;gap:var(--space-16);text-align:center;display:grid}.account-problem h1{font-size:var(--type-title)}.account-problem p{color:var(--text-muted);font-size:var(--type-lead)}.account-problem-mark{width:var(--control-xl);height:var(--control-xl);border-radius:var(--radius-pill);background:var(--invert);color:var(--invert-text);font-family:var(--font-pixel);font-size:var(--type-score);place-items:center;display:grid}.signin-page{justify-items:center;gap:var(--space-32);width:min(520px,100%);margin:var(--space-0) auto;padding:var(--space-48) var(--space-0) var(--space-64);display:grid}.signin-head{justify-items:center;gap:var(--space-16);text-align:center;display:grid}.signin-head h1{font-size:var(--type-display);line-height:var(--leading-none)}.signin-head p{color:var(--text-muted);font-size:var(--type-lead);line-height:var(--leading-snug)}.signin-card{gap:var(--space-20);width:100%;padding:var(--space-32);border-radius:var(--radius-xl);background:var(--surface);display:grid}.signin-form{gap:var(--space-16);display:grid}.signin-form>.ui-button,.account-google{width:100%}.account-google svg{flex:none}.signin-back{white-space:normal;text-align:center;justify-self:center}.signin-divider{align-items:center;gap:var(--space-16);color:var(--text-muted);font-size:var(--type-small);text-transform:uppercase;letter-spacing:var(--tracking-label);font-weight:600;display:flex}.signin-divider:before,.signin-divider:after{content:"";height:var(--stroke-1);background:var(--line-strong);flex:1}.signin-verifying-mark{display:inline-flex}.signin-verification[data-visible=false]{display:none}.signin-verification{gap:var(--space-12);display:grid}.signin-verification [role=alert]{align-items:center;gap:var(--space-12);color:var(--danger-ink);font-size:var(--type-body);flex-wrap:wrap;font-weight:500;display:flex}.signin-verification-widget{width:100%;min-height:var(--space-64)}.signin-code{position:relative}.signin-code-slots{gap:var(--space-8);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.signin-code-slots span{height:var(--control-xl);border:var(--stroke-2) solid var(--palette-clear);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);font-family:var(--font-pixel);font-size:var(--type-score);line-height:var(--leading-none);transition:border-color var(--dur-1) linear, background-color var(--dur-2) linear;place-items:center;display:grid}.signin-code-slots span[data-filled]{background:var(--raised)}.signin-code:focus-within .signin-code-slots span[data-active]{border-color:var(--focus);background:var(--canvas)}.signin-code-input.ui-input{border-color:var(--palette-clear);background:var(--palette-clear);height:100%;color:var(--palette-clear);caret-color:var(--palette-clear);letter-spacing:1em;position:absolute;inset:0}.signin-code-input.ui-input:focus,.signin-code-input.ui-input:hover{border-color:var(--palette-clear);background:var(--palette-clear)}.oauth-page{min-height:100dvh;padding:var(--space-32) var(--space-gutter);background:var(--canvas);place-items:center;display:grid}.oauth-page .signin-page{padding:var(--space-0)}.oauth-client{color:var(--text-muted);font-size:var(--type-lead);text-align:center}.oauth-client strong{color:var(--text)}.oauth-account{align-items:center;gap:var(--space-16);padding:var(--space-16);border-radius:var(--radius-lg);background:var(--raised);display:flex}.oauth-account>div{gap:var(--space-4);flex:1;min-width:0;display:grid}.oauth-account strong{font-size:var(--type-lead);font-weight:700}.oauth-account span:not(.oauth-account-avatar){overflow-wrap:anywhere;color:var(--text-muted);font-size:var(--type-small)}.oauth-account-avatar{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-pill);background:var(--invert);color:var(--invert-text);font-family:var(--font-pixel);font-size:var(--type-body);flex:none;place-items:center;display:grid}.oauth-account>a{color:var(--text-muted);font-size:var(--type-small);text-underline-offset:.2em;font-weight:600;text-decoration:underline}.oauth-account>a:hover{color:var(--text)}.oauth-permissions{gap:var(--space-12);display:grid}.oauth-permissions p{font-size:var(--type-body);font-weight:700}.oauth-permissions ul{gap:var(--space-10);padding:var(--space-0);list-style:none;display:grid}.oauth-permissions li{gap:var(--space-12);color:var(--text-muted);font-size:var(--type-body);line-height:var(--leading-snug);display:flex}.oauth-permissions li:before{content:"✓";color:var(--text);flex:none;font-weight:700}.oauth-actions{gap:var(--space-8);display:grid}.oauth-actions .ui-button,.oauth-page .signin-card>.ui-button{width:100%}.onboarding{gap:var(--space-20);display:grid}.onboarding h1{font-size:var(--type-display);line-height:var(--leading-none)}.onboarding-preview{gap:var(--space-8);display:grid}.onboarding-seat{align-items:center;gap:var(--space-16);min-height:var(--control-xl);padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);background:var(--raised);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.onboarding-seat[data-kind=human]{background:var(--invert);color:var(--invert-text)}.onboarding-seat>div{min-width:0;display:grid}.onboarding-seat strong{font-size:var(--type-lead);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.onboarding-seat small{color:var(--text-muted);font-size:var(--type-small)}.onboarding-seat[data-kind=human] small{color:var(--invert-muted)}.onboarding-preview[data-empty] .onboarding-seat[data-kind=human] strong{opacity:.5}.onboarding-tag{min-height:var(--control-xs);padding:var(--space-0) var(--space-12);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);font-size:var(--type-caption);align-items:center;font-weight:600;display:inline-flex}.onboarding-seat[data-kind=human] .onboarding-tag{background:var(--invert-2);color:var(--invert-text)}.account-profile{gap:var(--space-24);padding:var(--space-24) var(--space-0) var(--space-48);display:grid}.profile-identity{align-items:center;gap:var(--space-24);padding:var(--space-8) var(--space-0);color:var(--text);display:flex}.profile-avatar{flex:none;place-items:center;display:grid}.profile-name{gap:var(--space-8);min-width:0;display:grid}.profile-name h1{font-size:var(--type-display);line-height:var(--leading-none);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-email{color:var(--text-muted);font-size:var(--type-lead)}.profile-grid{align-items:stretch;gap:var(--space-24);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.profile-grid>.panel{align-content:start;gap:var(--space-20);padding:var(--space-32);border-radius:var(--radius-xl)}.profile-settings-panel{grid-column:1/-1}.profile-grid h2,.profile-grid .panel-title{font-family:var(--font-ui);font-size:var(--type-title);letter-spacing:var(--tracking-tight);font-weight:700;line-height:var(--leading-snug)}.profile-grid :is(h2,.panel-title){font-family:var(--font-pixel);letter-spacing:var(--tracking-pixel);font-weight:500}.profile-grid h3{font-family:var(--font-ui);font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:700}.profile-panel-head{justify-content:space-between;align-items:center;gap:var(--space-12);display:flex}.typesafe-status{align-items:center;gap:var(--space-8);min-height:var(--control-xs);padding:var(--space-0) var(--space-12);border-radius:var(--radius-pill);background:var(--raised);color:var(--text);font-size:var(--type-small);white-space:nowrap;font-weight:600;display:inline-flex}.typesafe-status:before{content:"";border-radius:var(--radius-pill);background:var(--text-faint);flex:none;width:8px;height:8px}.typesafe-status[data-state=connected]:before{background:var(--live)}.typesafe-status[data-state=checking]:before{background:var(--warn)}.account-setting{align-items:center;gap:var(--space-16);padding:var(--space-20);border-radius:var(--radius-lg);background:var(--raised);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.account-setting-icon{width:var(--control);height:var(--control);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);transition:background-color var(--dur-2) linear, color var(--dur-2) linear;place-items:center;display:grid}.account-setting[data-checked] .account-setting-icon{background:var(--invert);color:var(--invert-text)}.account-setting-icon svg{width:24px;height:24px}.account-setting-text{gap:var(--space-4);min-width:0;display:grid}.account-setting-text label{font-size:var(--type-lead);letter-spacing:var(--tracking-tight);cursor:pointer;font-weight:700}.account-setting-text p{color:var(--text-muted);font-size:var(--type-body);line-height:var(--leading-snug)}.profile-session{align-items:center;gap:var(--space-16) var(--space-24);grid-template-columns:minmax(0,1fr) auto;display:grid}.profile-session>div:first-child{gap:var(--space-4);display:grid}.profile-session p{color:var(--text-muted);font-size:var(--type-body)}.profile-session-actions{gap:var(--space-12);flex-wrap:wrap;display:flex}.typesafe-settings{gap:var(--space-16);display:grid}.typesafe-settings>header{justify-content:space-between;align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.typesafe-settings>p,.typesafe-settings>small{color:var(--text-muted);font-size:var(--type-body);line-height:var(--leading-body)}.typesafe-title{align-items:center;gap:var(--space-12);display:flex}.typesafe-title .jev-logo{padding:var(--space-6);border-radius:var(--radius-md);background:var(--palette-white);flex:none}.typesafe-usage{gap:var(--space-8);padding:var(--space-20);border-radius:var(--radius-lg);background:var(--raised);display:grid}.typesafe-usage strong{font-family:var(--font-pixel);font-size:var(--type-score);font-weight:500;line-height:var(--leading-none);font-variant-numeric:tabular-nums}.typesafe-usage span{color:var(--text-muted);font-size:var(--type-body)}.typesafe-usage small{color:var(--text-muted);font-size:var(--type-small)}.typesafe-meter{border-radius:var(--radius-pill);background:var(--surface-3);height:12px;overflow:hidden}.typesafe-meter i{border-radius:inherit;background:var(--invert);height:100%;display:block}.typesafe-settings form{gap:var(--space-12);display:grid}.typesafe-field-label{align-items:center;gap:var(--space-8);margin-top:var(--space-4);display:flex}.typesafe-field-label label{font-size:var(--type-body);font-weight:600}.typesafe-help{display:inline-flex;position:relative}.typesafe-help-button{width:var(--control-xs);height:var(--control-xs);padding:var(--space-0);border-radius:var(--radius-pill);background:var(--palette-clear);color:var(--text-muted);border:0;place-items:center;display:grid}.typesafe-tooltip{z-index:var(--z-menu);top:calc(100% + var(--space-8));width:max-content;max-width:280px;padding:var(--space-12) var(--space-16);border-radius:var(--radius-md);background:var(--invert);color:var(--invert-text);font-size:var(--type-small);font-weight:500;line-height:var(--leading-snug);box-shadow:var(--shadow);position:absolute;left:50%;translate:-50%}.typesafe-key-link{color:var(--text);font-size:var(--type-small);text-underline-offset:.2em;margin-left:auto;font-weight:600;text-decoration:underline}.typesafe-consent{align-items:start;gap:var(--space-12);padding:var(--space-16);border-radius:var(--radius-md);background:var(--raised);color:var(--text-muted);font-size:var(--type-body);line-height:var(--leading-snug);cursor:pointer;grid-template-columns:auto minmax(0,1fr);display:grid}.typesafe-consent input,.webhook-clear-auth input{width:22px;height:22px;margin:var(--space-0);accent-color:var(--text)}.typesafe-actions{gap:var(--space-12);flex-wrap:wrap;display:flex}.agent-webhook-settings{gap:var(--space-20);display:grid}.webhook-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-16);flex-wrap:wrap;display:flex}.webhook-heading p{margin-top:var(--space-4);color:var(--text-muted);font-size:var(--type-body)}.webhook-title{align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.webhook-loading,.webhook-empty{padding:var(--space-24);border-radius:var(--radius-lg);background:var(--raised);color:var(--text-muted);font-size:var(--type-body);text-align:center}.webhook-layout{gap:var(--space-16);display:grid}.webhook-list{gap:var(--space-8);list-style:none;display:grid}.webhook-saved{align-items:center;gap:var(--space-16);padding:var(--space-12) var(--space-12) var(--space-12) var(--space-20);border-radius:var(--radius-lg);background:var(--raised);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.webhook-saved[data-editing=true]{background:var(--invert);color:var(--invert-text)}.webhook-saved[data-editing=true] small{color:var(--invert-muted)}.webhook-identity{min-width:0;display:grid}.webhook-identity strong{font-size:var(--type-lead);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.webhook-identity small{color:var(--text-muted);font-family:var(--font-code);font-size:var(--type-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.webhook-row-actions{gap:var(--space-4);display:flex}.webhook-editor{gap:var(--space-20);padding:var(--space-24);border-radius:var(--radius-lg);background:var(--raised);display:grid}.webhook-fields{gap:var(--space-16) var(--space-20);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.webhook-field{align-content:start;gap:var(--space-8);display:grid}.webhook-field label{font-size:var(--type-body);font-weight:600}.webhook-field small{color:var(--text-muted);font-size:var(--type-small);line-height:var(--leading-snug)}.webhook-clear-auth{align-items:center;gap:var(--space-12);color:var(--text-muted);font-size:var(--type-body);cursor:pointer;display:flex}.webhook-editor-footer{justify-content:space-between;align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.webhook-editor-footer small{align-items:center;gap:var(--space-8);color:var(--text-muted);font-size:var(--type-small);display:inline-flex}.webhook-form-actions{gap:var(--space-8);flex-wrap:wrap;display:flex}.webhook-instructions{padding-top:var(--space-8);border-top:var(--stroke-1) solid var(--line-strong)}.webhook-instructions>div{justify-items:start;gap:var(--space-12);padding-bottom:var(--space-8);display:grid}.webhook-instructions p{color:var(--text-muted);font-size:var(--type-body)}.webhook-instructions pre{width:100%;max-height:320px;margin:var(--space-0);padding:var(--space-20);border-radius:var(--radius-lg);background:var(--palette-g950);color:var(--palette-g100);font-size:var(--type-small);line-height:var(--leading-body);white-space:pre-wrap;overflow:auto}@media (width<=900px){.profile-grid,.profile-session{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.account-wrap{padding-top:var(--space-16)}.account-card,.signin-card{padding:var(--space-20);border-radius:var(--radius-lg)}.signin-page{gap:var(--space-24);padding-top:var(--space-24)}.signin-code-slots{gap:var(--space-6)}.signin-code-slots span{height:var(--control-lg);font-size:var(--type-title)}.account-profile{gap:var(--space-16);padding-top:var(--space-12)}.profile-identity{gap:var(--space-16)}.profile-avatar .player-avatar{--avatar-size:64px!important}.profile-name{gap:var(--space-4)}.profile-name h1{font-size:var(--type-title);white-space:normal;overflow-wrap:anywhere}.profile-email{font-size:var(--type-body);overflow-wrap:anywhere}.profile-grid>.panel{padding:var(--space-20);border-radius:var(--radius-lg)}.account-setting{padding:var(--space-16);grid-template-columns:minmax(0,1fr) auto}.account-setting-icon{display:none}.webhook-fields{grid-template-columns:minmax(0,1fr)}.webhook-saved{grid-template-columns:auto minmax(0,1fr)}.webhook-row-actions{grid-column:1/-1;justify-content:flex-end}.oauth-page{padding:var(--space-20) var(--space-16)}}.match-desk[data-game=codenames]{--stage-haze:var(--cn-haze,var(--palette-cn-red))}.match-desk[data-game=codenames]:has(.word-workspace[data-active-team=blue]){--cn-haze:var(--palette-cn-blue)}.match-desk[data-game=codenames] .desk-layout{padding-top:var(--space-16)}.word-workspace{--cn-card:var(--palette-cn-card);--cn-card-deep:var(--palette-cn-card-deep);--cn-card-rule:color-mix(in oklab, var(--palette-cn-card-deep) 70%, var(--palette-cn-card));--cn-ink:var(--palette-ink);--cn-gap:clamp(var(--space-6), 1.1cqw, var(--space-12));--cn-side:clamp(200px, 19cqw, 280px);grid-template-columns:var(--cn-side) minmax(0, 1fr) var(--cn-side);gap:var(--space-16);grid-template-areas:"blue stage red";width:100%;height:100%;min-height:0;display:grid}.word-team-blue{--team:var(--palette-cn-blue);--team-deep:var(--palette-cn-blue-deep);--team-ink:var(--team-blue-ink);grid-area:blue}.word-team-red{--team:var(--palette-cn-red);--team-deep:var(--palette-cn-red-deep);--team-ink:var(--team-red-ink);grid-area:red}.word-team{isolation:isolate;gap:var(--space-16);min-width:0;min-height:0;padding:var(--space-16);border-radius:var(--radius-xl);background:var(--surface);flex-direction:column;align-self:center;max-height:100%;display:flex;position:relative;overflow:hidden}.word-team:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(to top, color-mix(in oklab, var(--team) 24%, var(--palette-clear)), var(--palette-clear));opacity:0;height:36%;transition:opacity var(--dur-4) var(--ease-out);position:absolute;bottom:0;left:0;right:0}.word-team:is([data-active=true],[data-winner]):before{opacity:1}:root[data-theme=dark] .word-team:before{background:linear-gradient(to top, color-mix(in oklab, var(--team) 34%, var(--palette-clear)), var(--palette-clear))}.word-team-head{align-items:center;gap:var(--space-12);grid-template-columns:auto minmax(0,1fr);display:grid}.word-team-score{isolation:isolate;align-content:center;place-items:center;gap:var(--space-2);border-radius:var(--radius-lg);background:linear-gradient(to bottom, var(--team) 45%, var(--team-deep));width:76px;height:76px;color:var(--palette-white);box-shadow:inset 0 var(--stroke-2) 0 color-mix(in oklab, var(--palette-white) 30%, var(--palette-clear)), inset 0 calc(var(--depth-1) * -1) 0 var(--team-deep);display:grid;position:relative;overflow:hidden}.word-team-score b{font-family:var(--font-pixel);font-size:var(--type-display);font-weight:600;line-height:var(--leading-none);font-variant-numeric:tabular-nums;animation:pixel-pop var(--dur-3) var(--ease-snap) both}.word-team-score small{font-size:var(--type-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:700;line-height:var(--leading-none)}.word-roster-toggle{justify-items:start;gap:var(--space-6);min-width:0;padding:var(--space-0);color:var(--text);text-align:left;cursor:default;background:0 0;border:0;display:grid}.word-team-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--type-title);letter-spacing:var(--tracking-tight);font-weight:700;line-height:var(--leading-tight);overflow:hidden}.word-team-status{min-height:var(--control-xs);padding:var(--space-0) var(--space-12);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted);font-size:var(--type-caption);font-weight:600;line-height:var(--leading-none);white-space:nowrap;align-items:center;display:inline-flex}.word-team:is([data-active=true],[data-winner]) .word-team-status{background:var(--invert);color:var(--invert-text)}.word-team-left,.word-roster-chevron{display:none}.word-team-card{align-content:start;gap:var(--space-16);scrollbar-width:none;min-height:0;display:grid;overflow:auto}.word-team-card::-webkit-scrollbar{display:none}.word-team-card:focus{outline:none}.word-team-card:focus-visible{outline:var(--stroke-3) solid var(--focus);outline-offset:var(--space-2);border-radius:var(--radius-md)}.word-team-card section{gap:var(--space-6);display:grid}.word-team-card h2{font-family:var(--font-ui);font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);font-weight:600}.word-team p{align-items:center;gap:var(--space-10);min-width:0;min-height:var(--control);padding:var(--space-6) var(--space-12) var(--space-6) var(--space-6);border-radius:var(--radius-pill);background:var(--surface-2);font-size:var(--type-body);transition:background-color var(--dur-2) linear, color var(--dur-2) linear;display:flex}.word-team p .player-avatar,.word-team p .jev-logo{--avatar-size:34px;width:34px!important;height:34px!important}.word-team p .player-name-label{flex:1;min-width:0}.word-team p .player-name-label>:is(strong,small){text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.word-team p .player-name-label>strong{font-weight:650}.word-team p .player-name-label>small{font-size:var(--type-caption);color:var(--text-muted)}.word-team p[data-active=true]{background:var(--turn);color:var(--turn-text)}.word-team p[data-active=true] .player-name-label>small{color:var(--invert-muted)}.word-team p .desk-active-label{padding:var(--space-4) var(--space-10);border-radius:var(--radius-pill);background:var(--turn-text);color:var(--turn);font-size:var(--type-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:700;line-height:var(--leading-none);margin-left:auto}.word-team p.word-team-empty{background:var(--palette-clear);box-shadow:inset 0 0 0 var(--stroke-2) var(--line);color:var(--text-faint);font-size:var(--type-small);justify-content:center}.words-stage{align-items:center;gap:var(--space-12) var(--space-24);grid-template:"heading""controls""board"minmax(0,1fr)/minmax(0,1fr);grid-area:stage;min-width:0;min-height:0;display:grid}.words-heading{grid-area:heading;min-width:0}.words-turn-heading{justify-content:center;align-items:center;gap:var(--space-12);min-width:0;font-size:var(--type-title);letter-spacing:var(--tracking-tight);font-weight:700;line-height:var(--leading-tight);animation:rise-in var(--dur-3) steps(3, end) both;display:flex}.words-turn-heading>i{border-radius:var(--radius-xs);background:var(--text-faint);flex:none;width:18px;height:18px}.words-turn-heading[data-team=red]>i{background:var(--palette-cn-red)}.words-turn-heading[data-team=blue]>i{background:var(--palette-cn-blue)}.words-controls{grid-area:controls;justify-content:center;min-width:0;display:flex}.words-clue{align-items:center;gap:var(--space-16);min-width:0;display:flex}.words-clue-tile{--team:var(--palette-cn-red);--team-deep:var(--palette-cn-red-deep);isolation:isolate;align-items:center;column-gap:var(--space-16);min-height:var(--control-xl);padding:var(--space-8) var(--space-8) var(--space-8) var(--space-20);border-radius:var(--radius-md);background:var(--cn-card);color:var(--cn-ink);background:var(--cn-card);box-shadow:inset 0 var(--stroke-2) 0 color-mix(in oklab, var(--palette-white) 55%, var(--palette-clear)), 0 var(--depth-2) 0 var(--cn-card-deep), var(--shadow);grid-template-rows:auto auto;grid-template-columns:auto auto;display:grid;position:relative;rotate:-1.5deg}.words-clue-tile[data-team=blue]{--team:var(--palette-cn-blue);--team-deep:var(--palette-cn-blue-deep)}.words-clue-tile>span{text-align:center;font-size:var(--type-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--palette-g700);font-weight:700;line-height:var(--leading-none);grid-column:1;justify-self:center}.words-clue-tile>strong{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:16ch;font-size:var(--type-section);letter-spacing:var(--tracking-tight);font-weight:800;line-height:var(--leading-none);grid-area:2/1;justify-self:center;overflow:hidden}.words-clue-tile>b{isolation:isolate;min-width:var(--control-lg);height:var(--control-lg);padding:var(--space-0) var(--space-8);border-radius:var(--radius-pill);background:linear-gradient(to bottom, var(--team) 45%, var(--team-deep));color:var(--palette-white);font-family:var(--font-pixel);font-size:var(--type-score);font-weight:600;line-height:var(--leading-none);box-shadow:inset 0 var(--stroke-2) 0 color-mix(in oklab, var(--palette-white) 30%, var(--palette-clear)), inset 0 calc(var(--depth-1) * -1) 0 var(--team-deep);grid-area:1/2/3;place-items:center;display:grid;position:relative;overflow:hidden}.words-guesses-tile{justify-items:start;gap:var(--space-2);display:grid}.words-guesses-tile b{font-family:var(--font-pixel);font-size:var(--type-score);font-weight:600;line-height:var(--leading-none);font-variant-numeric:tabular-nums}.words-guesses-tile span{font-size:var(--type-caption);color:var(--text-muted);white-space:nowrap;font-weight:600}.words-waiting{min-height:var(--control-lg);padding:var(--space-0) var(--space-24);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted);font-size:var(--type-body);align-items:center;font-weight:600;display:inline-flex}.words-result{align-items:center;gap:var(--space-12);min-height:var(--control-xl);padding:var(--space-0) var(--space-24);border-radius:var(--radius-pill);background:var(--invert);color:var(--invert-text);font-size:var(--type-title);letter-spacing:var(--tracking-tight);font-weight:700;display:inline-flex}.words-result:before{content:"";border-radius:var(--radius-xs);background:var(--invert-muted);width:18px;height:18px}.words-result[data-team=red]:before{background:var(--palette-cn-red)}.words-result[data-team=blue]:before{background:var(--palette-cn-blue)}.words-clue-form{align-items:flex-end;gap:var(--space-12);min-width:0;display:flex}.words-field{gap:var(--space-6);min-width:0;display:grid}.words-field>span{font-size:var(--type-caption);color:var(--text-muted);font-weight:600}.words-field-word{flex:auto;width:clamp(150px,22cqw,300px)}.words-field-word .ui-input{text-transform:uppercase;letter-spacing:var(--tracking-label);font-weight:650}.words-field-word .ui-input::placeholder{text-transform:none;letter-spacing:normal}.words-field-count{width:120px}.words-field-count select{appearance:none;cursor:pointer;font-family:var(--font-pixel);background-image:linear-gradient(45deg, var(--palette-clear) 50%, var(--text) 50%), linear-gradient(135deg, var(--text) 50%, var(--palette-clear) 50%);background-position:calc(100% - var(--space-24)) 50%, calc(100% - var(--space-16)) 50%;background-repeat:no-repeat;background-size:8px 8px;font-weight:600}.words-board{align-self:stretch;gap:var(--cn-gap);min-width:0;min-height:0;padding-bottom:var(--depth-2);grid-area:board;grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.word-card{--card-face:var(--cn-card);--card-edge:var(--cn-card-deep);--card-key:var(--palette-clear);isolation:isolate;min-width:0;min-height:0;padding:var(--space-4);border-radius:clamp(var(--radius-xs), 1.4cqw, var(--radius-md));background:var(--card-face);color:var(--cn-ink);box-shadow:inset 0 var(--stroke-2) 0 color-mix(in oklab, var(--palette-white) 45%, var(--palette-clear)), 0 var(--depth-2) 0 var(--card-edge);transition:translate var(--dur-2) var(--ease-snap), box-shadow var(--dur-2) var(--ease-snap);border:0;place-items:center;display:grid;position:relative;overflow:hidden;container-type:size}.word-card:before{content:"";z-index:-1;background:var(--card-edge);opacity:.05;pointer-events:none;transition:opacity var(--dur-2) linear;position:absolute;inset:0}.word-card:after{content:"";inset:clamp(var(--space-4), 5cqmin, var(--space-10));z-index:-1;border:var(--stroke-2) solid var(--cn-card-rule);border-radius:clamp(var(--radius-0), 1cqw, var(--radius-sm));pointer-events:none;position:absolute}.word-card:disabled{cursor:default}.word-card-word{max-width:100%;padding:var(--space-0) var(--space-4);font-family:var(--font-ui);font-size:clamp(var(--type-micro), min(calc(118cqw / var(--len,6)), 30cqh), var(--type-display));letter-spacing:-.01em;font-weight:800;line-height:var(--leading-none);text-transform:uppercase;text-align:center;overflow-wrap:anywhere;position:relative}@container (width<=110px){.word-card[data-revealed=false] .word-card-word{padding:var(--space-0);letter-spacing:-.035em;font-weight:750}}.words-board[data-guessing] .word-card:enabled{cursor:pointer}.words-board[data-guessing] .word-card:enabled:hover{translate:0 calc(var(--depth-1) * -1);box-shadow:0 var(--depth-3) 0 var(--card-edge)}.words-board[data-guessing] .word-card:enabled:hover:before{opacity:.1}.words-board[data-guessing] .word-card:enabled:active{translate:0 var(--depth-1);box-shadow:0 var(--depth-1) 0 var(--card-edge)}.word-card:focus-visible{outline:var(--stroke-4) solid var(--focus);outline-offset:var(--space-2);z-index:1}.word-card[data-revealed=false]:not([data-team=hidden]){background:linear-gradient(135deg, var(--card-key) 0 clamp(10px, 14cqmin, 24px), var(--palette-clear) 0) top left / 100% 100% no-repeat, linear-gradient(-45deg, var(--card-key) 0 clamp(10px, 14cqmin, 24px), var(--palette-clear) 0) bottom right / 100% 100% no-repeat, var(--card-face)}.word-card[data-revealed=false][data-team=red]{--card-key:var(--palette-cn-red);--card-edge:var(--palette-cn-red-deep)}.word-card[data-revealed=false][data-team=blue]{--card-key:var(--palette-cn-blue);--card-edge:var(--palette-cn-blue-deep)}.word-card[data-revealed=false][data-team=bystander]{--card-key:var(--palette-cn-bystander-deep)}.word-card[data-revealed=false][data-team=assassin]{--card-key:var(--palette-cn-assassin);--card-edge:var(--palette-cn-assassin)}.word-card[data-revealed=true]{--art:var(--palette-white);--art-shade:var(--card-face);padding:var(--space-0);grid-template-rows:minmax(0,1fr) auto;place-items:stretch stretch}.word-card[data-revealed=true]:before{opacity:.55;background:var(--card-edge);-webkit-mask:linear-gradient(var(--palette-clear), var(--palette-ink)) bottom / 100% var(--ramp-length) no-repeat;mask:linear-gradient(var(--palette-clear), var(--palette-ink)) bottom / 100% var(--ramp-length) no-repeat}.word-card[data-revealed=true]:after{border-color:color-mix(in oklab, var(--palette-white) 30%, var(--palette-clear))}.word-card[data-revealed=true][data-team=red]{--card-face:var(--palette-cn-red);--card-edge:var(--palette-cn-red-deep);--art-shade:var(--palette-cn-red-deep)}.word-card[data-revealed=true][data-team=blue]{--card-face:var(--palette-cn-blue);--card-edge:var(--palette-cn-blue-deep);--art-shade:var(--palette-cn-blue-deep)}.word-card[data-revealed=true][data-team=bystander]{--card-face:var(--palette-cn-bystander);--card-edge:var(--palette-cn-bystander-deep);--art:var(--palette-cn-bystander-deep);--art-shade:var(--palette-cn-card)}.word-card[data-revealed=true][data-team=assassin]{--card-face:var(--palette-cn-assassin);--card-edge:var(--palette-g700);--art:var(--palette-g50);--art-shade:var(--palette-cn-assassin)}.word-card[data-revealed=true][data-team=assassin]:before{background:var(--palette-tomato);opacity:.08}.word-card[data-revealed=true][data-team=hidden]{--card-face:var(--palette-g300);--card-edge:var(--palette-g500)}.word-card-art{shape-rendering:crispedges;place-self:center;width:auto;height:min(42cqh,48cqw);margin-top:4cqh;overflow:visible}.word-art-fill{fill:var(--art)}.word-art-shade{fill:var(--art-shade)}.word-card[data-revealed=true] .word-card-word{margin:var(--space-0) clamp(var(--space-4), 5cqmin, var(--space-10)) clamp(var(--space-4), 5cqmin, var(--space-10));padding:var(--space-2) var(--space-4);border-radius:var(--radius-xs);background:var(--palette-cn-card);color:var(--palette-ink);font-size:clamp(var(--type-small), min(calc(100cqw / var(--len,6)), 28cqh), var(--type-section));letter-spacing:-.01em;font-weight:800}@media (width<=1366px) and (width>=901px){.word-team-name{font-size:var(--type-lead)}}.match-desk[data-stream=true] .word-workspace{--cn-side:clamp(220px, 20cqw, 320px)}.match-desk[data-stream=true] .words-turn-heading{font-size:var(--type-section)}.match-desk[data-stream=true] .word-team-name{font-size:var(--type-title)}.match-desk[data-stream=true] .word-team-score{width:96px;height:96px}.match-desk[data-stream=true] .word-team p{font-size:var(--type-lead)}.match-desk[data-stream=true] .words-clue-tile>strong{font-size:var(--type-display)}@media (width<=900px){.word-workspace{gap:var(--space-10);grid-template-rows:auto minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"blue red""stage stage"}.word-team{padding:var(--space-8);border-radius:var(--radius-lg);gap:var(--space-0);overflow:visible}.word-team:before{border-radius:inherit;height:70%}.word-team-head{gap:var(--space-8);grid-template-columns:auto minmax(0,1fr)}.word-team-score{width:var(--control);height:var(--control);border-radius:var(--radius-md)}.word-team-score b{font-size:var(--type-score)}.word-team-score small{display:none}.word-roster-toggle{align-items:center;gap:var(--space-2) var(--space-8);min-height:var(--control-lg);cursor:pointer;grid-template-columns:minmax(0,1fr) auto}.word-team-name{font-size:var(--type-body);grid-column:1}.word-team-suffix{display:none}.words-board{gap:var(--space-6)}.word-card{padding:var(--space-2)}.word-team-status{min-height:var(--space-0);padding:var(--space-0);font-size:var(--type-micro);background:0 0;grid-column:1}.word-team:is([data-active=true],[data-winner]) .word-team-status{color:var(--text);background:0 0}.word-team-status:before{content:"";width:8px;height:8px;margin-right:var(--space-4);border-radius:var(--radius-pill);background:var(--line-strong)}.word-team:is([data-active=true],[data-winner]) .word-team-status:before{background:var(--team)}.word-roster-chevron{width:var(--control-xs);height:var(--control-xs);border-radius:var(--radius-pill);background:var(--surface-2);font-style:normal;font-size:var(--type-lead);grid-area:1/2/3;place-items:center;display:grid}.word-team[data-expanded=true] .word-roster-chevron{background:var(--invert);color:var(--invert-text)}.word-team-card{top:calc(100% + var(--space-8));z-index:var(--z-menu);width:max(100%,260px);max-height:60dvh;padding:var(--space-12);border-radius:var(--radius-lg);background:var(--raised);box-shadow:var(--shadow-lg);position:absolute;left:0}.word-team-red .word-team-card{left:auto;right:0}.word-team:not([data-expanded=true]) .word-team-card{display:none}.words-stage{gap:var(--space-10);grid-template:"heading""controls""board"minmax(0,1fr)/minmax(0,1fr)}.words-turn-heading{font-size:var(--type-body);justify-content:center}.words-turn-heading>i{width:12px;height:12px}.words-controls{justify-content:center}.words-clue{justify-content:center;gap:var(--space-10)}.words-clue-tile{min-height:var(--control-lg);padding:var(--space-6) var(--space-6) var(--space-6) var(--space-16)}.words-clue-tile>strong{font-size:var(--type-title);max-width:10ch}.words-clue-tile>b{min-width:var(--control);height:var(--control);font-size:var(--type-title)}.words-guesses-tile b{font-size:var(--type-title)}.words-clue .words-end-turn{min-height:var(--control);padding:var(--space-0) var(--space-16);font-size:var(--type-body)}.words-clue-form{gap:var(--space-8);width:100%}.words-field>span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.words-field-word{flex:1;width:auto}.words-field-count{width:88px}.words-clue-form .ui-button{padding:var(--space-0) var(--space-20);font-size:var(--type-body)}.words-result{min-height:var(--control-lg);font-size:var(--type-lead)}}@media (width<=380px){.words-guesses-tile span{display:none}}@media (height<=500px) and (width>=560px){.word-workspace{--cn-side:170px;grid-template-columns:var(--cn-side) minmax(0, 1fr) var(--cn-side);gap:var(--space-8);grid-template-rows:minmax(0,1fr);grid-template-areas:"blue stage red"}.word-team{padding:var(--space-8);gap:var(--space-8)}.word-team-card{width:auto;max-height:none;padding:var(--space-0);box-shadow:none;background:0 0;display:grid;position:static}.word-team:not([data-expanded=true]) .word-team-card{display:grid}.word-roster-chevron{display:none}.word-roster-toggle{cursor:default}.word-team-card h2{display:none}.word-team p{min-height:var(--control-xs);padding:var(--space-2) var(--space-8) var(--space-2) var(--space-2);font-size:var(--type-small)}.word-team p .player-avatar,.word-team p .jev-logo{--avatar-size:24px;width:24px!important;height:24px!important}.word-team p .player-name-label>small,.word-team p .desk-active-label{display:none}.words-stage,.words-stage:has(.words-clue-form){gap:var(--space-6) var(--space-12);grid-template:"heading controls""board board"minmax(0,1fr)/minmax(0,1fr) auto}.words-turn-heading{font-size:var(--type-small);justify-content:flex-start}.words-stage:has(.words-clue-form){grid-template-areas:"controls controls""board board"}.words-stage:has(.words-clue-form) .words-heading{display:none}.words-clue-form{width:100%}.words-clue-tile{min-height:var(--control-sm);rotate:0deg}.words-clue-tile>span{display:none}.words-clue-tile>strong{font-size:var(--type-lead);grid-row:1/3}.words-clue-tile>b{min-width:var(--control-xs);height:var(--control-xs);font-size:var(--type-lead)}.words-clue .words-end-turn,.words-clue-form .ui-button,.words-clue-form .ui-input{min-height:var(--control-sm)}}@media (prefers-reduced-motion:reduce){.word-card,.word-card[data-revealed=true],.words-turn-heading,.word-team-score b{transition:none;animation:none}}.word-workspace{--ink-w:clamp(var(--stroke-2), .28cqw, var(--stroke-4))}.words-board{padding-bottom:var(--space-0)}.words-board .word-card{background:var(--card-face);box-shadow:none}.words-board .word-card:before{display:none}.word-workspace .words-board .word-card:after{z-index:2;border-radius:inherit;opacity:1;box-shadow:inset 0 0 0 var(--card-ink-w,var(--ink-w)) var(--sketch-ink);filter:var(--doodle-filter);animation:var(--doodle-boil);pointer-events:none;background:0 0;border:0;inset:0}.words-board[data-guessing] .word-card:enabled:hover{translate:0 calc(var(--depth-1) * -1);background:color-mix(in oklab, var(--palette-sun) 70%, var(--palette-white));box-shadow:none}.words-board[data-guessing] .word-card:enabled:active{--card-ink-w:calc(var(--ink-w) * 1.6);box-shadow:none;translate:0}.words-board .word-card[data-revealed=false]:not([data-team=hidden]){--tab:clamp(var(--space-10), 14cqmin, var(--space-24));background:linear-gradient(135deg, var(--card-key) 0 var(--tab), var(--sketch-ink) var(--tab) calc(var(--tab) + var(--ink-w)), var(--palette-clear) 0) top left / 100% 100% no-repeat, linear-gradient(-45deg, var(--card-key) 0 var(--tab), var(--sketch-ink) var(--tab) calc(var(--tab) + var(--ink-w)), var(--palette-clear) 0) bottom right / 100% 100% no-repeat, var(--card-face)}.words-board .word-card[data-revealed=true][data-team=red]{--art-shade:color-mix(in oklab, var(--palette-cn-red-deep) 55%, var(--palette-cn-red))}.words-board .word-card[data-revealed=true][data-team=blue]{--art-shade:color-mix(in oklab, var(--palette-cn-blue-deep) 55%, var(--palette-cn-blue))}.words-board .word-card[data-revealed=true][data-team=hidden]{--card-face:color-mix(in oklab, var(--palette-g300) 70%, var(--palette-white))}.words-board .word-card[data-revealed=true] .word-card-word{background:var(--sketch-paper);color:var(--sketch-ink);box-shadow:inset 0 0 0 max(var(--stroke-1), calc(var(--ink-w) * .7)) var(--sketch-ink)}.words-board .word-card[data-revealed=true][data-team=assassin]{box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink), inset 0 0 0 calc(var(--ink-w) * 1.8) var(--palette-tomato)}.word-workspace .word-team:before{background:color-mix(in oklab, var(--team) 16%, var(--palette-clear));height:auto;top:0}:root[data-theme=dark] .word-workspace .word-team:before{background:color-mix(in oklab, var(--team) 24%, var(--palette-clear))}.word-workspace .word-team-score{background:var(--team);color:var(--sketch-ink);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink)}.word-workspace .words-clue-tile{background:var(--sketch-paper);color:var(--sketch-ink);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink)}.word-workspace .words-clue-tile>b{background:var(--team);color:var(--sketch-ink);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink)}.word-workspace .words-turn-heading>i,.word-workspace .words-result:before{box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.word-workspace .words-result:before{box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink), 0 0 0 var(--stroke-1) var(--invert-text)}.poke-workspace,.spec-pokemon{--ink-w:var(--stroke-3)}.poke-workspace .poke-field{background:var(--palette-pk-grass)}.poke-workspace .poke-field:after{content:"";z-index:6;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 var(--stroke-4) var(--sketch-ink);filter:var(--doodle-filter);animation:var(--doodle-boil);position:absolute;inset:0}.poke-workspace .poke-sky{inset:calc(var(--space-8) * -1) calc(var(--space-8) * -1) auto;height:calc(48% + var(--space-8));background:color-mix(in oklab, var(--palette-pk-sky) 80%, var(--palette-white));filter:var(--doodle-art)}.poke-workspace .poke-horizon{inset:48% calc(var(--space-8) * -1) calc(var(--space-8) * -1);background:color-mix(in oklab, var(--palette-pk-grass) 85%, var(--palette-white));box-shadow:inset 0 var(--ink-w) 0 var(--sketch-ink);filter:var(--doodle-art);-webkit-mask:none;mask:none}.poke-workspace :is(.poke-sky,.poke-horizon):before,.poke-workspace :is(.poke-sky,.poke-horizon):after{display:none}.poke-workspace .poke-turn{background:var(--sketch-paper);color:var(--sketch-ink);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink);filter:var(--doodle-art)}.poke-workspace .poke-platform-glow{clip-path:none;background:var(--palette-pk-grass-deep);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink);filter:var(--doodle-art);border-radius:50%}.poke-workspace .poke-platform-glow:before,.poke-workspace .poke-platform-glow:after{display:none}.poke-workspace .poke-hud{filter:var(--doodle-art)}.poke-workspace .poke-trainer .game-player-identity{background:var(--sketch-paper);color:var(--sketch-ink);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink)}.poke-workspace .poke-trainer .player-name-label>small{color:color-mix(in oklab, var(--sketch-ink) 62%, var(--sketch-paper))}.poke-workspace .poke-roster-slot{--ball-top:color-mix(in oklab, var(--palette-tomato) 80%, var(--palette-white));--ball-bottom:var(--sketch-paper);background:linear-gradient(var(--ball-top) 0 42%, var(--sketch-ink) 42% 58%, var(--ball-bottom) 58%);box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.poke-workspace .poke-roster-slot:before{display:none}.poke-workspace .poke-roster-slot:after{background:var(--sketch-paper);box-shadow:0 0 0 var(--stroke-2) var(--sketch-ink)}.poke-workspace .poke-roster-slot[data-active=true]{outline-color:var(--sketch-ink)}.poke-workspace .poke-roster-slot[data-fainted=true]{--ball-top:var(--palette-g300);--ball-bottom:var(--palette-g100)}.poke-workspace .poke-status{border-color:var(--sketch-ink);border-width:var(--ink-w);border-radius:var(--radius-md);background:var(--sketch-paper);color:var(--sketch-ink)}.poke-workspace .poke-status:after{background:var(--sketch-ink)}.poke-workspace .poke-hp-tag{background:var(--sketch-ink);color:var(--palette-sun)}.poke-workspace .poke-health,.spec-pokemon .poke-health{padding:var(--stroke-1);border-color:var(--sketch-ink);background:var(--sketch-paper)}.poke-workspace .poke-health>span,.spec-pokemon .poke-health>span{border-radius:var(--radius-pill);box-shadow:inset 0 0 0 var(--stroke-1) var(--sketch-ink)}.poke-workspace .poke-health>span:before,.poke-workspace .poke-health>span:after,.spec-pokemon .poke-health>span:before,.spec-pokemon .poke-health>span:after{display:none}.poke-workspace .poke-type-badge,.poke-workspace .poke-status-sticker{box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.poke-workspace .poke-status-tags>span{background:color-mix(in oklab, var(--palette-sun) 45%, var(--palette-white));color:var(--sketch-ink);box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.poke-workspace .poke-status-tags>span[data-negative=true]{background:color-mix(in oklab, var(--palette-tomato) 35%, var(--palette-white))}.poke-workspace .poke-cue-label{border-color:var(--sketch-ink);border-width:var(--ink-w);border-radius:var(--radius-lg);background:var(--sketch-paper);color:var(--sketch-ink);filter:var(--doodle-art)}.poke-workspace .poke-cue-label:before{box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink);border-radius:50%}.poke-workspace .poke-effects[data-kind=faint]{--cue:var(--palette-g400)}.poke-workspace .poke-controls .poke-move.ui-button{--sk-fill:color-mix(in oklab, var(--mon-type) 34%, var(--palette-white));--btn-bg:var(--sk-fill);--btn-fg:var(--sketch-ink);--doodle-line:var(--sketch-ink);--touch-ink:color-mix(in oklab, var(--mon-type) 70%, var(--palette-white))}.poke-workspace .poke-controls :is(.poke-move,.poke-switch).ui-button:before{box-shadow:inset 0 0 0 var(--ink-w) var(--doodle-line)}.poke-workspace .poke-move .poke-type-badge{background:var(--sketch-paper);color:var(--sketch-ink);box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.poke-workspace .poke-move .poke-type-badge:before{box-shadow:0 0 0 var(--stroke-2) var(--sketch-ink)}.poke-workspace .poke-move-pp{color:color-mix(in oklab, var(--sketch-ink) 70%, var(--palette-white))}.poke-workspace .poke-move[data-empty=true] .poke-move-pp{color:var(--palette-tomato-ink)}.poke-workspace .poke-controls .poke-switch.ui-button{--sk-fill:var(--sketch-paper);--btn-bg:var(--sk-fill);--btn-fg:var(--sketch-ink);--doodle-line:var(--sketch-ink);--touch-ink:color-mix(in oklab, var(--palette-sun) 70%, var(--palette-white))}.poke-workspace .poke-switch>small{color:color-mix(in oklab, var(--sketch-ink) 62%, var(--palette-white))}.poke-workspace .poke-controls .poke-switch.ui-button[data-state=fainted]{--sk-fill:var(--palette-g200)}.poke-workspace .poke-controls :is(.poke-move,.poke-switch).ui-button:disabled{--btn-bg:color-mix(in oklab, var(--sk-fill) 45%, var(--palette-g200));--btn-fg:color-mix(in oklab, var(--sketch-ink) 50%, var(--palette-g200));--doodle-line:color-mix(in oklab, var(--sketch-ink) 55%, var(--palette-g200));opacity:1}.poke-workspace .poke-controls :is(.poke-move,.poke-switch).ui-button:disabled :is(.poke-type-badge,.poke-sprite,.poke-unknown,.poke-health){opacity:.55}.poke-workspace .poke-controls .poke-switch.ui-button[data-state=active]{--btn-bg:var(--palette-sun);--btn-fg:var(--sketch-ink);--doodle-line:var(--sketch-ink)}.poke-workspace .poke-controls .poke-switch.ui-button[data-state=active] :is(.poke-sprite,.poke-health){opacity:1}.poke-workspace .poke-controls .poke-switch.ui-button[data-state=active]>small{color:color-mix(in oklab, var(--sketch-ink) 62%, var(--palette-sun))}.poke-workspace .poke-waiting{background:var(--sketch-paper);color:var(--sketch-ink);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink);filter:var(--doodle-art)}.poke-workspace .poke-waiting-dot{background:var(--sketch-ink)}.poke-workspace .poke-observer-sidebar .poke-log{--box-bg:var(--sketch-paper);--box-ink:var(--sketch-ink);border:var(--stroke-4) solid var(--sketch-ink);border-radius:var(--radius-lg);box-shadow:none}.poke-workspace .poke-observer-sidebar .poke-log-scroll p[data-kind=faint]{color:var(--palette-tomato-ink)}.poke-workspace .poke-team-panel{background:var(--sketch-paper);color:var(--sketch-ink);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink)}.poke-workspace .poke-team-panel :is(.player-name-label>small,.poke-team-count,.poke-team-member>small,.poke-last-move small,.poke-last-move>span){color:color-mix(in oklab, var(--sketch-ink) 62%, var(--sketch-paper))}.poke-workspace .poke-last-move{background:color-mix(in oklab, var(--palette-pk-sky) 70%, var(--palette-white));box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.poke-workspace .poke-team-member[data-state=active]{background:var(--palette-sun);color:var(--sketch-ink);box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.poke-workspace .poke-team-member[data-state=active]>small{color:color-mix(in oklab, var(--sketch-ink) 62%, var(--palette-sun))}.pokemon-stage.poke-workspace .poke-spectator-announcement{--pk-paper:var(--sketch-paper);--pk-ink:var(--sketch-ink);border-color:var(--sketch-ink);border-radius:var(--radius-lg);box-shadow:none;filter:var(--doodle-art)}@media (width<=700px){.poke-workspace,.spec-pokemon{--ink-w:var(--stroke-2)}.poke-workspace .poke-field:after{box-shadow:inset 0 0 0 var(--stroke-3) var(--sketch-ink)}.poke-workspace .poke-observer-sidebar .poke-log{border-width:var(--stroke-3)}}.contexto-stage{--ink-w:var(--stroke-3)}.contexto-rival,.contexto-replay-player{--ink-w:var(--stroke-2)}:is(.contexto-rank-row,.contexto-last-guess),:root[data-theme=dark] :is(.contexto-rank-row,.contexto-last-guess){--bar:color-mix(in oklab, var(--rank-fill,var(--sketch-paper)) 85%, var(--palette-white))}:is(.contexto-rank-row,.contexto-last-guess){--track:var(--sketch-paper)}:is(.contexto-rank-row[data-latest],.contexto-last-guess){--track:color-mix(in oklab, var(--palette-sun) 55%, var(--palette-white))}.contexto-stage :is(.contexto-rank-row,.contexto-last-guess){color:var(--sketch-ink);background:0 0;outline:none;overflow:visible}.contexto-stage :is(.contexto-rank-row,.contexto-last-guess):after{content:"";z-index:-2;border-radius:inherit;background:var(--track);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink);filter:var(--doodle-filter);animation:var(--doodle-boil);pointer-events:none;position:absolute;inset:0}.contexto-stage :is(.contexto-rank-row,.contexto-last-guess):before{background:var(--bar);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink);filter:var(--doodle-filter);animation:var(--doodle-boil);pointer-events:none;-webkit-mask-image:none;mask-image:none}.contexto-stage .contexto-last-guess{--ink-w:var(--stroke-4)}.contexto-stage :is(.contexto-rank-row,.contexto-last-guess)>:is(em,small){color:var(--sketch-ink)}.contexto-stage .contexto-last-guess[data-status=not_in_pool]{--track:color-mix(in oklab, var(--palette-rank-cold) 45%, var(--palette-white))}.contexto-stage .contexto-last-guess[data-status=not_in_pool]>b{color:var(--sketch-ink)}.contexto-stage .contexto-rival .contexto-rank-row:before{width:100%}.contexto-stage .contexto-rival .contexto-rank-row:after{display:none}.contexto-meter-track{gap:var(--space-2)}.contexto-meter-track i{height:var(--space-12);border-radius:var(--space-2);background:var(--sketch-paper);box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.contexto-meter-track i[data-left]{background:var(--palette-sun)}.contexto-meter[data-low] .contexto-meter-track i[data-left]{background:var(--palette-rank-cold)}.contexto-meter-track{filter:var(--doodle-filter);animation:var(--doodle-boil)}.contexto-stage .contexto-secret{background:var(--palette-rank-hot);box-shadow:inset 0 0 0 var(--stroke-4) var(--sketch-ink);color:var(--sketch-ink)}.contexto-stage .contexto-secret:before{display:none}.contexto-stage .contexto-guess-count{background:var(--sketch-paper);box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink);color:var(--sketch-ink)}.contexto-form .ui-input{border-width:var(--stroke-2);border-color:var(--doodle-ink)}.contexto-form .ui-input:focus{border-color:var(--focus)}
/*$vite$:1*/