.c-cards{--c-w:46px;--c-h:66px;--c-r:6px;--c-red:#c0272d;--c-face:#fff;--c-ink:#1a1a1a;--c-edge:#00000047}.c-card{width:var(--c-w);height:var(--c-h);border:1px solid var(--c-edge);border-radius:var(--c-r);background:var(--c-face);color:var(--c-ink);font:inherit;text-align:center;z-index:0;flex:none;place-content:center;gap:0;padding:0;line-height:1.05;display:grid;position:relative;box-shadow:0 1px 2px #0000002e}.c-card-r{font-variant-numeric:tabular-nums;font-size:19px;font-weight:800}.c-card-s{font-size:14px}.c-card[data-suit="1"],.c-card[data-suit="2"]{color:var(--c-red)}.c-card[data-suit=j]{color:#6d28d9}.c-card[data-suit=j] .c-card-r{font-size:17px}.c-card[data-face=kenney]{box-sizing:content-box;background:#fff;padding:0;display:block;overflow:hidden}.c-face{background-repeat:no-repeat;width:100%;height:100%;display:block}.c-face-kenney{image-rendering:pixelated}.is-kenney{--c-w:42px;--c-h:60px}@media (width>=768px){.is-kenney{--c-w:84px;--c-h:120px}}.c-card[data-face=classic],.c-card[data-face=classic4]{box-sizing:content-box;background:#fff;padding:0;display:block;overflow:hidden}.c-face-classic{image-rendering:auto}.is-classic,.is-classic4{--c-w:64px;--c-h:96px}@media (width>=768px){.is-classic,.is-classic4{--c-w:84px;--c-h:126px}}.c-hand{min-height:calc(var(--c-h) + 22px);justify-content:center;align-items:flex-end;width:100%;padding-top:14px;display:flex}.c-hand-card{cursor:pointer;margin-left:calc(-1 * var(--c-ov,18px));transform-origin:50% 300%;transform:rotate(calc((var(--c-i,0) - var(--c-mid,0)) * var(--c-fan,2.2deg))) translateY(var(--c-lift,0));transition:transform var(--m-fast) var(--e-out), filter var(--m-fast) var(--e-out)}.c-hand-card:first-child{margin-left:0}.c-hand-card:not(:disabled):hover{--c-lift:-8px;z-index:2}.c-hand-card:focus-visible{z-index:3;outline:3px solid var(--indigo);outline-offset:2px}.c-hand-card.is-sel{--c-lift:-18px;z-index:2;border-color:var(--cta);box-shadow:0 0 0 3px var(--cta)}.c-hand-card.is-ghost{--c-lift:-24px;z-index:4;opacity:1;border:2px dashed var(--cta);box-shadow:0 0 0 3px color-mix(in srgb, var(--cta) 45%, transparent)}.c-hand-card.is-ghost.m-ghost{animation:c-ghost 1.6s var(--e-out) infinite}@keyframes c-ghost{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, var(--cta) 45%, transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--cta) 20%, transparent)}}.c-hand-card:disabled{cursor:default;filter:grayscale()brightness(.82);opacity:1}.c-pile{min-height:calc(var(--c-h) + 26px);place-items:center;width:100%;display:grid;position:relative}.c-pile-group{transform:translate(calc(var(--c-back,0) * -7px), calc(var(--c-back,0) * 6px)) rotate(var(--c-tilt,0deg));opacity:calc(1 - var(--c-back,0) * .18);transition:transform var(--m-base) var(--e-out), opacity var(--m-base) var(--e-out);grid-area:1/1;gap:3px;display:flex}.c-pile-group .c-card{z-index:1}.c-pile-group.is-sweep{animation:c-sweep var(--m-slow) var(--e-in) forwards;pointer-events:none}@keyframes c-sweep{to{opacity:0;transform:translate(120px,18px)rotate(14deg)}}.c-pile-note{color:var(--muted);text-align:center;min-height:1.5em;margin:0}@media (prefers-reduced-motion:reduce){.c-hand-card,.c-pile-group{transition:none}.c-pile-group.is-sweep{opacity:0;animation:none}}@media (width>=768px){.c-cards{--c-w:56px;--c-h:80px}.c-card-r{font-size:22px}.c-card-s{font-size:16px}}.df{gap:var(--sp-2);justify-items:center;width:100%;max-width:560px;display:grid}.df-head{justify-content:center;align-items:center;gap:var(--sp-2);flex-wrap:wrap;min-height:28px;display:flex}.df-round{color:var(--muted);font-size:14px;font-weight:700}.df-flags{flex-wrap:wrap;gap:6px;display:flex}.df-flag{cursor:default;background:var(--chipbg);min-height:24px;padding:1px 8px;font-size:12px}.df-pilebox{width:100%;padding:var(--sp-2) 0;border-radius:var(--r-card);background:var(--surface);justify-items:center;gap:4px;display:grid}.df-msg{text-align:center;min-height:1.6em;margin:0;font-weight:700}.df-handbox{width:100%}.df-actions{justify-content:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.df-panel{gap:var(--sp-2);text-align:center;justify-items:center;width:100%;display:grid}.df-panel-h{margin:0;font-size:16px}.df-rank{gap:4px;width:100%;margin:0;padding:0;list-style:none;display:grid}.df-rank-row{align-items:center;gap:var(--sp-2);padding:4px var(--sp-2);border-radius:var(--r-btn);background:var(--chipbg);display:flex}.df-rank-place{min-width:3.2em;font-weight:800}.df-rank-name{overflow-wrap:anywhere;margin-inline-end:auto}.df-rank-name.is-you{font-weight:800}.df-rank-title,.df-rank-note,.df-count,.df-title,.df-place,.df-fallen{cursor:default;min-height:24px;padding:1px 8px;font-size:12px}.df-rank-score{font-variant-numeric:tabular-nums}@media (width<=520px){ul.pseats:has(>:nth-child(3)){grid-template-columns:minmax(0,1fr)}}.df-count{background:var(--surface)}.df .is-hint,.c-hand-card.is-hint{outline:3px solid var(--cta);outline-offset:2px;animation:m-pulse 1.6s var(--e-out) infinite;--m-pulse-color:var(--cta);z-index:4}.prank{margin:0 0 var(--sp-2);text-align:start;gap:4px;padding:0;list-style:none;display:grid}.prank li{gap:var(--sp-2);padding:3px var(--sp-2);border-radius:var(--r-btn);background:var(--chipbg);font-size:14px;display:flex}.prank li.is-you{outline:2px solid var(--indigo);font-weight:800}@media (width>=960px){.df{max-width:min(var(--board-w,560px), 920px);min-height:var(--board-h,auto);grid-template-columns:minmax(0,1fr);align-content:space-between}}.sv{gap:var(--sp-2);justify-items:center;width:100%;max-width:560px;display:grid}.sv-head{justify-content:center;align-items:center;gap:var(--sp-2);flex-wrap:wrap;min-height:24px;display:flex}.sv-center{color:var(--muted);font-size:14px;font-weight:700}.sv-field{width:100%;padding:var(--sp-2) 4px;border-radius:var(--r-card);background:var(--surface);overscroll-behavior-x:contain;overflow-x:auto}.sv-grid{grid-template-columns:16px repeat(13,minmax(19px,1fr));align-items:center;gap:2px;min-width:296px;display:grid}.sv-suit{justify-content:center;align-items:center;font-size:13px;line-height:1;display:flex}.sv-s0,.sv-s3{color:var(--text)}.sv-s1,.sv-s2{color:var(--c-red)}.sv-slot{appearance:none;aspect-ratio:2/3;background:var(--chipbg);min-width:0;color:var(--muted);font:inherit;font-variant-numeric:tabular-nums;transition:transform var(--m-fast) var(--e-out), background-color var(--m-fast) var(--e-out);border:1px solid #0000;border-radius:4px;place-content:center;padding:0;font-size:11px;font-weight:700;line-height:1;display:grid}.sv-slot-r{pointer-events:none}.sv-slot.is-on{background:var(--c-face,#fff);border-color:var(--c-edge,#00000047);color:var(--c-ink,#1a1a1a)}.sv-slot.is-on[data-suit="1"],.sv-slot.is-on[data-suit="2"]{color:var(--c-red)}.sv-slot.is-center{box-shadow:inset 0 0 0 2px var(--indigo)}.sv-slot.is-joker{color:#6d28d9}.sv-slot.is-last{outline:2px solid var(--cta);outline-offset:1px}.sv-slot.is-open{border-style:dashed;border-color:var(--muted)}.sv-slot.is-mine{background:color-mix(in srgb, var(--cta) 22%, var(--chipbg));border-color:var(--cta);border-style:solid}.sv-slot.is-target:not(:disabled){cursor:pointer;background:color-mix(in srgb, #6d28d9 24%, var(--chipbg));border:1px solid #6d28d9}.sv-slot.is-target:not(:disabled):hover{transform:translateY(-2px)}.sv-slot:focus-visible{outline:3px solid var(--indigo);outline-offset:2px}.sv-slot.is-ghost{border:2px dashed var(--cta)}.sv-msg{text-align:center;min-height:1.6em;margin:0;font-weight:700}.sv-handbox{width:100%}.sv-actions{justify-content:center;align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.sv-passleft,.sv-count,.sv-pass,.sv-state,.sv-place{cursor:default;min-height:24px;padding:1px 8px;font-size:12px}.sv-passleft.is-warn{background:color-mix(in srgb, var(--cta) 26%, var(--chipbg));font-weight:700}.sv-count{background:var(--surface)}.pseat.is-done{opacity:.7}@media (width<=520px){ul.pseats:has(>:nth-child(3)){grid-template-columns:minmax(0,1fr)}}.sv .is-hint,.sv-slot.is-hint{outline:3px solid var(--cta);outline-offset:2px;animation:m-pulse 1.6s var(--e-out) infinite;--m-pulse-color:var(--cta);z-index:4}@media (prefers-reduced-motion:reduce){.sv-slot{transition:none}.sv .is-hint,.sv-slot.is-hint{animation:none}}@media (width>=768px){.sv-grid{grid-template-columns:22px repeat(13,minmax(24px,1fr));gap:3px}.sv-slot{font-size:13px}.sv-suit{font-size:16px}}@media (width>=960px){.sv{max-width:min(var(--board-w,560px), 920px);min-height:var(--board-h,auto);grid-template-columns:minmax(0,1fr);align-content:space-between}.sv-grid{max-width:800px;margin-inline:auto}}.kk{gap:var(--sp-2);justify-items:center;width:100%;max-width:560px;display:grid}.k-card{padding:0;line-height:0;display:block;overflow:hidden}.k-card>svg{width:100%;height:100%;display:block}.kk-head{justify-content:center;align-items:center;gap:var(--sp-2);flex-wrap:wrap;min-height:28px;display:flex}.kk-month{color:var(--muted);font-size:14px;font-weight:700}.kk-flags{flex-wrap:wrap;gap:6px;display:flex}.kk-flag,.kk-count,.kk-score,.kk-dealer,.kk-pts,.kk-yaku-chip{cursor:default;min-height:24px;padding:1px 8px;font-size:12px}.kk-flag.is-koi{background:var(--cta);color:var(--onc)}.kk-side{width:100%;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-card);background:var(--surface);gap:4px;display:grid}.kk-side-head{align-items:center;gap:var(--sp-2);display:flex}.kk-side-t{color:var(--muted);overflow-wrap:anywhere;margin-inline-end:auto}.kk-taken{--c-w:26px;--c-h:38px;gap:var(--sp-2);flex-wrap:wrap;min-height:42px;display:flex}.kk-group{align-items:center;gap:3px;display:flex}.kk-group-l{color:var(--muted);font-size:11px}.kk-group-c{display:flex}.kk-group-c .c-card{margin-left:-14px;position:relative}.kk-group-c .c-card:first-child{margin-left:0}.kk-yaku{flex-wrap:wrap;gap:4px;min-height:0;display:flex}.kk-yaku-chip{background:var(--chipbg);gap:6px;display:inline-flex}.kk-yaku-p{font-variant-numeric:tabular-nums;font-weight:700}.kk-mid{justify-content:center;align-items:flex-start;gap:var(--sp-2);width:100%;padding:var(--sp-2);border-radius:var(--r-card);background:var(--ground);display:flex}.kk-field{min-height:calc(var(--c-h) + 8px);flex-wrap:wrap;flex:auto;justify-content:center;gap:4px;display:flex}.kk-field .c-card{cursor:default}.kk-field button.c-card:not(:disabled){cursor:pointer}.kk-field .c-card.is-match{outline:2px solid var(--cta);outline-offset:1px}.kk-field .c-card.is-sel{outline:3px solid var(--cta);outline-offset:2px;transform:translateY(-4px)}.kk-field .c-card:disabled{opacity:1}.kk-field .c-card.is-sweep{animation:c-sweep var(--m-slow) var(--e-in) forwards;pointer-events:none}@media (prefers-reduced-motion:reduce){.kk-field .c-card.is-sweep{opacity:0;animation:none}}.kk-deck{flex:none;justify-items:center;gap:2px;display:grid}.kk-deckpile{display:block;position:relative}.kk-deckn{color:var(--muted);font-size:11px}.kk-drawn{min-height:0}.kk-drawn-card{box-shadow:0 0 0 3px var(--indigo)}.k-back{cursor:default}.kk-msg{text-align:center;min-height:1.6em;margin:0;font-weight:700}.kk-handbox{width:100%}.kk-hand{min-height:calc(var(--c-h) + 22px)}.kk-actions{justify-content:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.kk-rules{border-top:1px solid var(--line);width:100%;padding-top:var(--sp-2)}.kk-rules-h{cursor:pointer;color:var(--muted);min-height:var(--tap);align-items:center;font-size:14px;display:flex}.kk-rules-list{--c-w:22px;--c-h:32px;gap:4px;margin:0;padding:0;list-style:none;display:grid}.kk-rules-row{align-items:center;gap:var(--sp-2);padding:3px var(--sp-2);border-radius:var(--r-btn);background:var(--chipbg);font-size:13px;display:flex}.kk-rules-n{min-width:5.5em;font-weight:700}.kk-rules-p{color:var(--muted);font-variant-numeric:tabular-nums;margin-inline-end:auto}.kk-rules-c{flex:none;display:flex}.kk-rules-c .c-card{margin-left:-10px}.kk-rules-c .c-card:first-child{margin-left:0}.kk-panel{gap:var(--sp-2);text-align:center;justify-items:center;width:100%;display:grid}.kk-panel-h{margin:0;font-size:16px}.kk-panel-b{margin:0;font-weight:700}.kk-panel-yaku{gap:4px;width:100%;margin:0;padding:0;list-style:none;display:grid}.kk-panel-yaku li{gap:var(--sp-2);padding:3px var(--sp-2);border-radius:var(--r-btn);background:var(--chipbg);justify-content:space-between;font-size:14px;display:flex}.kk-count{background:var(--surface)}ul.pseats:has(.kk-count){grid-template-columns:repeat(2,minmax(0,1fr))}ul.pseats:has(.kk-count) .pseat{gap:4px var(--sp-2);flex-wrap:wrap}@media (width<=560px){ul.pseats:has(.kk-count){grid-template-columns:minmax(0,1fr)}.play[data-slug=koikoi] .pbar{gap:4px}.play[data-slug=koikoi] .pbar .pbtn{padding:0 6px}.play[data-slug=koikoi] .pbadge{padding:2px 6px;font-size:12px}}.kk .is-hint,.kk-hand .c-hand-card.is-hint{outline:3px solid var(--cta);outline-offset:2px;animation:m-pulse 1.6s var(--e-out) infinite;--m-pulse-color:var(--cta);z-index:4}@media (width<=420px){.kk-mid{padding:var(--sp-1);gap:4px}.kk-field{gap:3px}}@media (width>=960px){.kk{max-width:min(var(--board-w,560px), 920px);min-height:var(--board-h,auto);align-content:space-between}}.sg{--sg-coord:13px;gap:var(--sp-2);width:min(100%, var(--board-w,414px), calc(var(--board-h,999999px) - 188px));min-width:calc(9 * 30px + var(--sg-coord));justify-items:stretch;display:grid}@media (width>=960px){.sg{gap:var(--sp-1)}}.sg-tools{align-items:center;gap:var(--sp-1);justify-content:flex-end;display:flex}.sg-tools .chip{min-height:32px;font-size:13px}.sg-tools .chip[aria-pressed=true]{background:var(--indigo);color:var(--bg);border-color:var(--indigo)}.sg-hand{gap:2px;min-height:52px;display:grid}.sg-hand-head{color:var(--muted)}.sg-hand-list{flex-wrap:wrap;gap:4px;min-height:34px;display:flex}.sg-hand.is-empty .sg-hand-list:before{content:attr(data-empty);color:var(--muted);font-size:13px;line-height:34px}.sg-hand[data-where=top] .sg-hand-list{justify-content:flex-end}.sg-hold{border:1px solid var(--line);background:var(--chipbg);cursor:pointer;border-radius:4px;width:34px;height:38px;padding:0;line-height:0;position:relative}.sg-hold[aria-disabled=true]{cursor:default;opacity:.75}.sg-hold.is-sel{outline:3px solid var(--cta);outline-offset:1px}.sg-hold.is-hint{box-shadow:inset 0 0 0 3px var(--cta);animation:m-pulse 1.6s var(--e-out) infinite;--m-pulse-color:var(--cta)}.sg-hold:focus-visible{outline:3px solid var(--indigo);outline-offset:2px}.sg-hold-n{border-radius:var(--r-pill);background:var(--indigo);min-width:16px;color:var(--bg);padding:0 3px;font-size:11px;font-weight:700;line-height:1.5;position:absolute;bottom:-4px;right:-3px}.sg-frame{grid-template-columns:minmax(0, 1fr) var(--sg-coord);grid-template-rows:var(--sg-coord) auto;width:100%;display:grid}.sg-frame>.sg-board{grid-area:2/1}.sg-coords{color:var(--muted);font-variant-numeric:tabular-nums;user-select:none;font-size:10px;line-height:1;display:grid}.sg-coords>span{place-items:center;display:grid;overflow:hidden}.sg-files{grid-area:1/1;grid-template-columns:repeat(9,1fr);padding:0 2px}.sg-ranks{grid-area:2/2;grid-template-rows:repeat(9,1fr);padding:2px 0}@media (width>=768px){.sg{--sg-coord:15px}.sg-coords{font-size:11px}}@media (width>=960px){.sg{--sg-coord:16px}.sg-coords{font-size:12px}}.sg-board{aspect-ratio:1;background:var(--board);border:2px solid var(--boardline);width:100%;box-shadow:var(--shadow);border-radius:4px;position:relative}.sg-board.is-flipped{transform:rotate(180deg)}.sg-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.sg-grid line{stroke:var(--boardline);stroke-width:.02px}.sg-stars circle{fill:var(--boardline)}.sg-cells{grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);display:grid;position:absolute;inset:0}.sg-cell{appearance:none;cursor:pointer;background:0 0;border:0;margin:0;padding:0;position:relative}.sg-cell[aria-disabled=true]{cursor:default}.sg-cell:not([aria-disabled=true]):hover{background:#ffffff38}.sg-cell:focus-visible{outline:3px solid var(--indigo);outline-offset:-3px;z-index:2}.sg-piece{object-fit:contain;pointer-events:none;transform-origin:50%;width:92%;height:92%;position:absolute;inset:4%}.sg-ghost{opacity:.5;z-index:1}.sg-cell.is-last{background:#ffd60061}.sg-cell.is-sel{background:rgb(from var(--cta) r g b / .3);box-shadow:inset 0 0 0 3px var(--cta)}.sg-cell.is-to:before{content:"";background:rgb(from var(--indigo) r g b / .6);border-radius:50%;position:absolute;inset:34%}.sg-cell.is-to:has(.sg-piece):before{box-shadow:inset 0 0 0 4px rgb(from var(--indigo) r g b / .75);background:0 0;border-radius:0;inset:0}.sg-cell.is-check{box-shadow:inset 0 0 0 3px var(--cta);background:rgb(from var(--cta) r g b / .22)}.sg-cell.is-hint{box-shadow:inset 0 0 0 3px var(--cta);animation:m-pulse 1.6s var(--e-out) infinite;--m-pulse-color:var(--cta);background:#ffffff40}.sg-note{min-height:1.6em;color:var(--muted);text-align:center;margin:0}.sg-note.is-check{color:var(--cta);font-weight:700}.sg-promo{z-index:40;padding:var(--sp-4) var(--sp-4) 12vh;pointer-events:none;place-items:end center;display:grid;position:fixed;inset:0}.sg-promo>*{pointer-events:auto}.sg-promo-veil{background:#00000073;position:absolute;inset:0}.sg-promo-box{text-align:center;width:min(320px,100%);position:relative}.sg-promo-ask{margin:0 0 var(--sp-3);font-weight:700}.sg-promo .btnrow{justify-content:center}.cbwrap{--cb-light:#e1e2e7;--cb-dark:#818282;--cb-coord:13px;justify-items:center;gap:var(--sp-2);width:min(100%, var(--board-w,448px), calc(var(--board-h,999999px) - 96px));min-width:calc(288px + var(--cb-coord));display:grid}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .cbwrap{--cb-light:#c2c4cb;--cb-dark:#6a6e76}}:root[data-theme=dark] .cbwrap{--cb-light:#c2c4cb;--cb-dark:#6a6e76}.cbtaken{justify-content:center;align-items:center;gap:var(--sp-2) var(--sp-4);flex-wrap:wrap;width:100%;min-height:22px;display:flex}.cbtaken-h{color:var(--muted)}.cbtaken-side{align-items:center;gap:4px;min-height:20px;display:inline-flex}.cbtaken-list{flex-wrap:wrap;gap:1px;max-width:140px;display:inline-flex}.cbtaken-p{width:18px;height:18px;display:block}.cb-frame{grid-template-columns:var(--cb-coord) minmax(0, 1fr);grid-template-rows:auto var(--cb-coord);width:100%;display:grid}.cb-frame>.cb{grid-area:1/2}.cb-coords{color:var(--muted);font-variant-numeric:tabular-nums;user-select:none;font-size:10px;line-height:1;display:grid}.cb-coords>span{place-items:center;display:grid;overflow:hidden}.cb-files{grid-area:2/2;grid-template-columns:repeat(8,1fr);padding:0 2px}.cb-ranks{grid-area:1/1;grid-template-rows:repeat(8,1fr);padding:2px 0}@media (width>=768px){.cbwrap{--cb-coord:15px}.cb-coords{font-size:11px}}@media (width>=960px){.cbwrap{--cb-coord:16px}.cb-coords{font-size:12px}}.cb{aspect-ratio:1;border:2px solid var(--line);width:100%;box-shadow:var(--shadow);border-radius:6px;position:relative;overflow:hidden}.cb-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.cb-sq.is-light{fill:var(--cb-light)}.cb-sq.is-dark{fill:var(--cb-dark)}.cb-piece,.cb-ghost{transform-box:fill-box;transform-origin:50%;pointer-events:none}.cb-ghost{opacity:.45}.cb-last{fill:var(--cta);opacity:0;transition:opacity var(--m-base) var(--e-out)}.cb-last.is-on{opacity:.26}.cb-sel{fill:var(--indigo);opacity:0}.cb-sel.is-on{opacity:.34}.cb-check{fill:none;stroke:var(--danger);stroke-width:.12px;opacity:0}.cb-check.is-on{opacity:1}.cb-dot{fill:var(--indigo);opacity:.5}.cb-dot.is-cap{fill:none;stroke:var(--indigo);stroke-width:.1px;opacity:.75}.cb-cells{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:0}.cb-cell{appearance:none;cursor:pointer;background:0 0;border:0;margin:0;padding:0;position:relative}.cb-cell[aria-disabled=true]{cursor:default}.cb-cell:not([aria-disabled=true]):hover{background:#ffffff4d}.cb-cell:focus-visible{outline:3px solid var(--indigo);outline-offset:-3px}.cb-cell.is-hint{box-shadow:inset 0 0 0 3px var(--cta);animation:m-pulse 1.6s var(--e-out) infinite;--m-pulse-color:var(--cta)}.cb-promo{z-index:3;padding:var(--sp-2);background:#0006;place-items:center;display:grid;position:absolute;inset:0}.cb-promo-in{gap:var(--sp-2);padding:var(--sp-3);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card);width:min(100%,320px);box-shadow:var(--shadow);text-align:center;justify-items:center;display:grid}.cb-promo-h{margin:0;font-weight:700}.cb-promo-row{justify-content:center;gap:var(--sp-1);flex-wrap:wrap;display:flex}.cb-promo-b{align-items:center;gap:4px;display:inline-flex}.cb-promo-b span{text-transform:capitalize}.cb-promo-b img{display:block}.cb-promo-help{color:var(--muted);margin:0}.p1{--p1-c0:#2563eb;--p1-c1:#dc2626;--p1-c2:#d97706;--p1-c3:#059669;gap:var(--sp-2);grid-template-columns:minmax(0,1fr);justify-items:center;width:100%;max-width:560px;display:grid}.p1-head,.p1-actions,.p1-callout,.p1-colors-row{max-width:100%}.p1-head{justify-content:center;align-items:center;gap:var(--sp-2);flex-wrap:wrap;min-height:28px;display:flex}.p1-head .chip{min-height:26px;padding:2px 10px;font-size:12px}.p1-dot{background:var(--p1-c0);border:1px solid #00000040;border-radius:50%;width:14px;height:14px}.p1-now[data-p1c="1"] .p1-dot{background:var(--p1-c1)}.p1-now[data-p1c="2"] .p1-dot{background:var(--p1-c2)}.p1-now[data-p1c="3"] .p1-dot{background:var(--p1-c3)}.p1-pilebox{width:100%;padding:var(--sp-2) 0;border-radius:var(--r-card);background:var(--surface);justify-items:center;gap:4px;display:grid}.p1-msg{text-align:center;min-height:1.6em;margin:0;font-weight:700}.p1 .c-card:not([data-face=kenney]){box-sizing:content-box}.p1 .c-card[data-p1c="0"]:not(.is-sel):not(:focus-visible){outline:3px solid var(--p1-c0);outline-offset:-3px}.p1 .c-card[data-p1c="1"]:not(.is-sel):not(:focus-visible){outline:3px solid var(--p1-c1);outline-offset:-3px}.p1 .c-card[data-p1c="2"]:not(.is-sel):not(:focus-visible){outline:3px solid var(--p1-c2);outline-offset:-3px}.p1 .c-card[data-p1c="3"]:not(.is-sel):not(:focus-visible){outline:3px solid var(--p1-c3);outline-offset:-3px}.p1 .c-card[data-p1c=w]:not(.is-sel):not(:focus-visible){outline:3px solid var(--c-ink);outline-offset:-3px}.p1-band{background:var(--p1-c0);pointer-events:none;border-radius:0 0 4px 4px;height:8px;position:absolute;bottom:0;left:0;right:0}.p1 .c-card[data-p1c="1"] .p1-band{background:var(--p1-c1)}.p1 .c-card[data-p1c="2"] .p1-band{background:var(--p1-c2)}.p1 .c-card[data-p1c="3"] .p1-band{background:var(--p1-c3)}.p1 .c-card[data-p1c=w] .p1-band{background:linear-gradient(to right, var(--p1-c0) 0 25%, var(--p1-c1) 25% 50%, var(--p1-c2) 50% 75%, var(--p1-c3) 75% 100%)}.p1 .c-hand-card:disabled{filter:saturate(.6)brightness(.98);opacity:.5}.p1 .c-card:not([data-face=kenney]) .c-card-r{color:var(--c-ink);font-size:20px;font-weight:800}.p1 .c-card[data-p1c="0"]:not([data-face=kenney]) .c-card-r{color:var(--p1-c0)}.p1 .c-card[data-p1c="1"]:not([data-face=kenney]) .c-card-r{color:var(--p1-c1)}.p1 .c-card[data-p1c="2"]:not([data-face=kenney]) .c-card-r{color:var(--p1-c2)}.p1 .c-card[data-p1c="3"]:not([data-face=kenney]) .c-card-r{color:var(--p1-c3)}.p1-wild{width:calc(var(--c-w) * .6);height:calc(var(--c-w) * .6);grid-template:repeat(2,1fr)/repeat(2,1fr);gap:2px;display:grid}.p1-wq{border-radius:2px}.p1-wq-0{background:var(--p1-c0)}.p1-wq-1{background:var(--p1-c1)}.p1-wq-2{background:var(--p1-c2)}.p1-wq-3{background:var(--p1-c3)}.p1 .c-pile-group{max-width:100%}.p1 .c-pile-group>.c-card+.c-card{margin-left:calc(var(--c-w) * -.5)}.p1-colors{justify-items:center;gap:4px;width:100%;display:grid}.p1-colors-note{color:var(--muted);margin:0}.p1-colors-row{gap:var(--sp-2);display:flex}.p1-colorbtn{border:2px solid var(--line);background:var(--p1-c0);cursor:pointer;border-radius:50%;width:44px;height:44px;padding:0}.p1-colorbtn[data-color="1"]{background:var(--p1-c1)}.p1-colorbtn[data-color="2"]{background:var(--p1-c2)}.p1-colorbtn[data-color="3"]{background:var(--p1-c3)}.p1-colorbtn[aria-pressed=true]{border-color:var(--text);box-shadow:0 0 0 3px var(--bg) inset}.p1-colorbtn:focus-visible{outline:3px solid var(--indigo);outline-offset:2px}.p1-callout{justify-content:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.p1-call{cursor:pointer;min-height:var(--tap);border-color:var(--ctatext);color:var(--ctatext);font-size:13px;font-weight:700}.p1-handbox{width:100%;max-width:calc(100% - 60px)}.p1-actions{justify-content:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.p1-declare{border:1px solid var(--ctatext);color:var(--ctatext)}.p1-declare[aria-pressed=true]{background:var(--chipbg)}.p1-count,.p1-called,.p1-state,.p1-place{min-height:22px;padding:0 8px;font-size:12px}.p1 .is-hint{outline:3px solid var(--cta);outline-offset:2px;border-radius:6px}@media (width>=768px){.p1{max-width:720px}.p1-handbox{max-width:calc(100% - 140px)}.p1-band{height:14px}.p1 .c-card:not([data-face=kenney]) .c-card-r{font-size:30px}}@media (width>=960px){.p1{max-width:min(var(--board-w,720px), 920px);min-height:var(--board-h,auto);align-content:space-between}}.hs{--hs-coord:13px;gap:var(--sp-2);width:min(100%,414px);min-width:calc(9 * 30px + var(--hs-coord));justify-items:stretch;display:grid}@media (width>=960px){.hs:has(.hs-board){max-width:none;width:min(100%, var(--board-w,414px), calc(var(--board-h,999999px) - 198px));gap:var(--sp-1)}}.hs-tools{align-items:center;gap:var(--sp-1);justify-content:flex-end;display:flex}.hs-tools .chip{min-height:32px;font-size:13px}.hs-tools .chip[aria-pressed=true]{background:var(--indigo);color:var(--bg);border-color:var(--indigo)}.hs-take{align-items:center;gap:2px var(--sp-2);grid-template-columns:1fr auto;min-height:46px;display:grid}.hs-take-head{color:var(--muted);grid-area:1/1/auto/-1}.hs-take-list{flex-wrap:wrap;grid-area:2/1;align-items:center;gap:2px;min-height:26px;display:flex}.hs-take.is-empty .hs-take-list:before{content:attr(data-empty);color:var(--muted);font-size:13px;line-height:26px}.hs-take[data-where=top]{grid-template-columns:auto 1fr}.hs-take[data-where=top] .hs-take-list{justify-content:flex-end}.hs-take[data-where=top] .hs-take-head{text-align:right}.hs-take[data-where=top] .hs-take-list:before{order:1}.hs-take-n{border-radius:var(--r-pill);background:var(--indigo);min-width:20px;color:var(--bg);text-align:center;grid-area:2/2;padding:0 5px;font-size:12px;font-weight:700;line-height:1.7}.hs-take[data-where=top] .hs-take-n{grid-column:1}.hs-take[data-where=top] .hs-take-list{grid-column:2}.hs-take.is-hint{box-shadow:inset 0 0 0 3px var(--cta);animation:m-pulse 1.6s var(--e-out) infinite;--m-pulse-color:var(--cta);border-radius:6px}.hs-take-list .hs-piece{opacity:.8;width:22px;height:24px;position:static}.hs-frame{grid-template-columns:minmax(0, 1fr) var(--hs-coord);grid-template-rows:var(--hs-coord) auto;width:100%;display:grid}.hs-frame>.hs-board{grid-area:2/1}.hs-coords{color:var(--muted);font-variant-numeric:tabular-nums;user-select:none;font-size:10px;line-height:1;display:grid}.hs-coords>span{place-items:center;display:grid;overflow:hidden}.hs-files{grid-area:1/1;grid-template-columns:repeat(9,1fr);padding:0 2px}.hs-ranks{grid-area:2/2;grid-template-rows:repeat(9,1fr);padding:2px 0}@media (width>=768px){.hs:has(.hs-board){--hs-coord:15px}.hs-coords{font-size:11px}}@media (width>=960px){.hs:has(.hs-board){--hs-coord:16px}.hs-coords{font-size:12px}}.hs-board{aspect-ratio:1;background:var(--board);border:2px solid var(--boardline);width:100%;box-shadow:var(--shadow);border-radius:4px;position:relative}.hs-board.is-flipped{transform:rotate(180deg)}.hs-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.hs-grid line{stroke:var(--boardline);stroke-width:.02px}.hs-stars circle{fill:var(--boardline)}.hs-cells{grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);display:grid;position:absolute;inset:0}.hs-cell{appearance:none;cursor:pointer;background:0 0;border:0;margin:0;padding:0;position:relative}.hs-cell[aria-disabled=true]{cursor:default}.hs-cell:not([aria-disabled=true]):hover{background:#ffffff38}.hs-cell:focus-visible{outline:3px solid var(--indigo);outline-offset:-3px;z-index:2}.hs-piece{object-fit:contain;pointer-events:none;transform-origin:50%;width:92%;height:92%;position:absolute;inset:4%}.hs-ghost{opacity:.5;z-index:1}.hs-cell.is-last{background:#ffd60061}.hs-cell.is-taken{background:rgb(from var(--cta) r g b / .28);box-shadow:inset 0 0 0 2px rgb(from var(--cta) r g b / .7)}.hs-cell.is-sel{background:rgb(from var(--cta) r g b / .3);box-shadow:inset 0 0 0 3px var(--cta)}.hs-cell.is-to:before{content:"";background:rgb(from var(--indigo) r g b / .6);border-radius:50%;position:absolute;inset:34%}.hs-cell.is-pick:after{content:"";background:rgb(from var(--indigo) r g b / .45);border-radius:50%;width:18%;height:18%;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.hs-cell.is-hint{box-shadow:inset 0 0 0 3px var(--cta);animation:m-pulse 1.6s var(--e-out) infinite;--m-pulse-color:var(--cta);background:#ffffff40}.hs-flash{z-index:3;border-radius:var(--r-pill);background:var(--cta);color:var(--onc);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow);padding:4px 12px;font-size:14px;font-weight:700;position:absolute;top:8%;left:50%;transform:translate(-50%)}.hs-board.is-flipped .hs-flash{transform:translate(-50%)rotate(180deg)}.hs-goal,.hs-note{text-align:center;min-height:1.6em;margin:0}.hs-goal{color:var(--text);font-weight:700}.hs-note{color:var(--muted)}.hs{gap:var(--sp-2);justify-items:center;width:100%;max-width:560px;display:grid}.hs-head{justify-content:center;align-items:center;gap:var(--sp-2);flex-wrap:wrap;min-height:24px;display:flex}.hs-deal{color:var(--muted);font-size:14px;font-weight:700}.hs-flags{flex-wrap:wrap;gap:4px;display:flex}.hs-flag{cursor:default;min-height:24px;padding:1px 8px;font-size:12px}.hs-flag.is-hearts{background:color-mix(in srgb, var(--c-red,#c0272d) 18%, var(--chipbg));font-weight:700}.hs-table{width:100%;padding:var(--sp-2) 4px;border-radius:var(--r-card);background:var(--surface);--c-w:44px;--c-h:66px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;display:grid}.hs-slot{border:1px solid #0000;border-radius:8px;justify-items:center;gap:2px;min-width:0;padding:4px 2px;display:grid}.hs-slot-card{min-height:calc(var(--c-h) + 4px);place-items:center;display:grid}.hs-slot-card:empty:after{content:"";width:var(--c-w);height:var(--c-h);border:1px dashed var(--line,var(--muted));border-radius:var(--c-r);opacity:.5}.hs-slot-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--muted);overflow:hidden}.hs-slot.is-me .hs-slot-name{color:var(--text);font-weight:700}.hs-slot.is-lead{background:color-mix(in srgb, var(--indigo) 10%, transparent)}.hs-slot.is-turn{border-color:var(--cta);border-style:dashed}.hs-slot.is-won{border-color:var(--cta);background:color-mix(in srgb, var(--cta) 16%, transparent)}.hs-msg{text-align:center;min-height:1.6em;margin:0;font-weight:700}.hs-passbox{width:100%;padding:var(--sp-2);border-radius:var(--r-card);background:color-mix(in srgb, var(--cta) 8%, var(--surface));justify-items:center;gap:6px;display:grid}.hs-passhead{text-align:center;margin:0;font-weight:700}.hs-passto,.hs-gotfrom{cursor:default;min-height:24px;padding:1px 8px;font-size:12px}.hs-traybox{--c-w:44px;--c-h:66px;width:100%}.hs-traybox.is-empty .c-hand{border:1px dashed var(--line,var(--muted));border-radius:var(--r-card);opacity:.7;min-height:48px;padding-top:6px}.hs-got{justify-items:center;gap:4px;display:grid}.hs-got-h{color:var(--muted);margin:0}.hs-got-row{gap:4px;display:flex}.hs-panel{width:100%;padding:var(--sp-3);gap:var(--sp-2);justify-items:center;display:grid}.hs-panel-h{margin:0;font-size:16px}.hs-panel-note{color:var(--muted);text-align:center;margin:0}.hs-rank{gap:4px;width:100%;margin:0;padding:0;list-style:none;display:grid}.hs-rank-row{align-items:center;gap:var(--sp-2);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.hs-rank-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hs-rank-name.is-you{font-weight:700}.hs-rank-pts{font-variant-numeric:tabular-nums;font-weight:700}.hs-rank-total,.hs-rank-note{cursor:default;min-height:24px;padding:1px 8px;font-size:12px}.hs-handbox{width:100%}.hs-count,.hs-pts,.hs-total{cursor:default;min-height:24px;padding:1px 8px;font-size:12px}.hs-count{background:var(--surface)}.hs-pts{background:color-mix(in srgb, var(--c-red,#c0272d) 18%, var(--chipbg));font-weight:700}.pseat.is-passed{opacity:.75}ul.pseats:has(>:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=520px){ul.pseats:has(>:nth-child(3)){grid-template-columns:minmax(0,1fr)}}.hs .is-hint,.hs-table.is-hint{outline:3px solid var(--cta);outline-offset:2px;animation:m-pulse 1.6s var(--e-out) infinite;--m-pulse-color:var(--cta);z-index:4}@media (prefers-reduced-motion:reduce){.hs .is-hint,.hs-table.is-hint{animation:none}}@media (width<=420px){.hs-table{--c-w:36px;--c-h:54px}.hs-table .c-card-r{font-size:16px}.hs-table .c-card-s{font-size:12px}}@media (width>=768px){.hs-table,.hs-traybox{--c-w:56px;--c-h:84px}}@media (width>=960px){.hs:has(.hs-table){max-width:min(var(--board-w,560px), 920px);min-height:var(--board-h,auto);grid-template-columns:minmax(0,1fr);align-content:space-between}}.go{gap:var(--sp-2);width:min(100%, var(--board-w,calc(var(--n,9) * var(--cell,28px))), calc(var(--board-h,999999px) - 132px));min-width:calc(var(--n,9) * 16px);justify-items:stretch;display:grid}.go[data-size="9"]{--cell:40px}.go[data-size="13"]{--cell:30px}.go[data-size="19"]{--cell:26px}.go-caps{align-items:center;gap:var(--sp-3);display:flex}.go-caps-head{color:var(--muted)}.go-cap{align-items:center;gap:5px;display:inline-flex}.go-cap-n{min-width:2ch;font-size:17px;font-weight:700}.go-dot{border-radius:50%;width:14px;height:14px;display:inline-block}.go-dot.is-black{background:var(--stone-b)}.go-dot.is-white{background:var(--stone-w);border:1px solid var(--stone-b)}.go-board{aspect-ratio:1;background-color:var(--board);border:1px solid var(--boardline);width:100%;box-shadow:var(--shadow);background-image:repeating-linear-gradient(92deg,#0000000b 0 2px,#ffffff09 2px 9px);border-radius:6px;position:relative}.go-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.go-grid line{stroke:var(--boardline);stroke-width:.035px}.go-stars circle{fill:var(--boardline)}.go-stone{transform-box:fill-box;transform-origin:50%}.go-stone.is-black{fill:var(--stone-b)}.go-stone.is-white{fill:var(--stone-w);stroke:var(--stone-b);stroke-width:.04px}.go-stone.is-dead{opacity:.4}.go-dead-mark line{stroke:var(--cta);stroke-width:.08px;stroke-linecap:round}.go-atari-mark{fill:none;stroke-width:.09px}.go-atari-mark.is-black{stroke:var(--stone-w);opacity:.85}.go-atari-mark.is-white{stroke:var(--stone-b);opacity:.7}.go-terr-mark.is-black{fill:var(--stone-b);opacity:.6}.go-terr-mark.is-white{fill:var(--stone-w);stroke:var(--stone-b);stroke-width:.03px;opacity:.9}.go-last{fill:none;stroke:var(--cta);stroke-width:.1px;opacity:0;transition:opacity var(--m-base) var(--e-out)}.go-last.is-on{opacity:1}.go-ghost{opacity:.45;pointer-events:none;transform-box:fill-box;transform-origin:50%}.go-ghost.is-black{fill:var(--stone-b)}.go-ghost.is-white{fill:var(--stone-w);stroke:var(--stone-b);stroke-width:.04px}.go-cells{grid-template-columns:repeat(var(--n,9), 1fr);grid-template-rows:repeat(var(--n,9), 1fr);display:grid;position:absolute;inset:0}.go-cell{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:50%;margin:0;padding:0;position:relative}.go-cell:disabled{cursor:default}.go-cell:not(:disabled):hover{background:#ffffff47}.go-cell:focus-visible{outline:3px solid var(--indigo);outline-offset:-3px;z-index:2}.go-cell.is-ko:before{content:"";border:2px solid var(--cta);opacity:.75;border-radius:2px;position:absolute;inset:28%}.go-cell.is-hint{background:rgb(from var(--cta) r g b / .22);box-shadow:inset 0 0 0 3px var(--cta);animation:m-pulse 1.6s var(--e-out) infinite;--m-pulse-color:var(--cta)}.go-note{min-height:1.6em;color:var(--muted);text-align:center;margin:0}.go-actions{justify-content:center}.go-scoring{padding:var(--sp-3);text-align:center;gap:var(--sp-2);display:grid}.go-scoring-head{margin:0;font-weight:700}.go-scoring-help,.go-scoring-wait{color:var(--muted);margin:0}.go-scoring .btnrow{justify-content:center}.go-score{justify-items:center;gap:2px;display:grid}.go-score-line{margin:0;font-weight:700}.go-score-detail{color:var(--muted);text-align:center;margin:0;padding:0;list-style:none}.go-score-detail li{margin:0}.ckwrap{--ck-light:#e3e1dc;--ck-dark:#8a8580;--ck-black:#16181d;--ck-red:#a11b1b;--ck-edge:#ffffffd1;--ck-crown:#f4ce6a;justify-items:center;gap:var(--sp-2);width:min(100%, var(--board-w,448px), calc(var(--board-h,999999px) - 96px));min-width:288px;display:grid}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ckwrap{--ck-light:#c6c3bc;--ck-dark:#6b6762;--ck-red:#b52424;--ck-edge:#ffffffb3}}:root[data-theme=dark] .ckwrap{--ck-light:#c6c3bc;--ck-dark:#6b6762;--ck-red:#b52424;--ck-edge:#ffffffb3}.cktaken{justify-content:center;align-items:center;gap:var(--sp-2) var(--sp-4);flex-wrap:wrap;width:100%;min-height:22px;display:flex}.cktaken-h{color:var(--muted)}.cktaken-side{align-items:center;gap:4px;min-height:20px;display:inline-flex}.cktaken-n{font-variant-numeric:tabular-nums;font-weight:700}.ckdot{border:1px solid var(--line);border-radius:50%;flex:none;width:14px;height:14px}.ckdot.is-black{background:var(--ck-black,#16181d)}.ckdot.is-red{background:var(--ck-red,#a11b1b)}.pseat.ckseat-red .pstone{background:#a11b1b;border-color:#a11b1b}.ck{aspect-ratio:1;border:2px solid var(--line);width:100%;box-shadow:var(--shadow);border-radius:6px;position:relative;overflow:hidden}.ck-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.ck-sq.is-light{fill:var(--ck-light)}.ck-sq.is-dark{fill:var(--ck-dark)}.ck-piece{transform-box:fill-box;transform-origin:50%;pointer-events:none}.ck-disc{stroke:var(--ck-edge);stroke-width:.05px}.ck-ring{fill:none;stroke:var(--ck-edge);stroke-width:.035px;opacity:.55}.ck-piece.is-black .ck-disc{fill:var(--ck-black)}.ck-piece.is-red .ck-disc{fill:var(--ck-red)}.ck-crown{fill:var(--ck-crown)}.ck-ghost{opacity:.45;stroke:var(--ck-edge);stroke-width:.05px;pointer-events:none}.ck-ghost.is-black{fill:var(--ck-black)}.ck-ghost.is-red{fill:var(--ck-red)}.ck-last{fill:var(--cta);opacity:0;transition:opacity var(--m-base) var(--e-out)}.ck-last.is-on{opacity:.26}.ck-sel{fill:var(--indigo);opacity:0}.ck-sel.is-on{opacity:.34}.ck-dot{fill:var(--indigo);opacity:.55}.ck-dot.is-cap{fill:none;stroke:var(--indigo);stroke-width:.1px;opacity:.85}.ck-prey{fill:none;stroke:var(--danger);stroke-width:.09px;opacity:.9}.ck-note{min-height:1.4em;color:var(--muted);text-align:center;margin:0}.ck-cells{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:0}.ck-cell{appearance:none;cursor:pointer;background:0 0;border:0;margin:0;padding:0;position:relative}.ck-cell[aria-disabled=true]{cursor:default}.ck-cell:not([aria-disabled=true]):hover{background:#ffffff4d}.ck-cell:focus-visible{outline:3px solid var(--indigo);outline-offset:-3px}.ck-cell.is-hint{box-shadow:inset 0 0 0 3px var(--cta);animation:m-pulse 1.6s var(--e-out) infinite;--m-pulse-color:var(--cta)}.bg{gap:var(--sp-2);justify-items:stretch;width:100%;min-width:0;display:grid}.bg-head{align-items:center;gap:var(--sp-2);flex-wrap:wrap;justify-content:space-between;min-height:40px;display:flex}.bg-pips{align-items:center;gap:var(--sp-2);display:flex}.bg-pips-head{color:var(--muted)}.bg-pip{align-items:center;gap:4px;display:inline-flex}.bg-dot{border:1px solid var(--boardline);border-radius:50%;flex:none;width:13px;height:13px}.bg-dot.is-black{background:var(--stone-b)}.bg-dot.is-white{background:var(--stone-w)}.bg-pip-n{min-width:2.4em;font-weight:700}.bg-dice{align-items:center;gap:var(--sp-1);display:flex}.bg-dice-row{align-items:center;gap:4px;min-height:30px;display:flex}.bg-die svg{width:28px;height:28px;display:block}.bg-die rect{fill:var(--chipbg);stroke:var(--boardline);stroke-width:1.4px}.bg-die circle{fill:var(--text)}.bg-die.is-used{opacity:.3}.bg-actions{gap:var(--sp-2);display:flex}.bg-cubebox{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.bg-cube{border:1px solid var(--line);border-radius:var(--r-btn);background:var(--chipbg);align-items:baseline;gap:6px;padding:2px 10px;display:inline-flex}.bg-cube-n{font-size:17px}.bg-answer{gap:var(--sp-2);padding:var(--sp-3);flex:220px;display:grid}.bg-board{aspect-ratio:13.8/8.8;width:100%;max-width:min(var(--board-w,520px), calc((var(--board-h,999999px) - 98px) * 13.8 / 8.8));box-sizing:border-box;background:var(--board);border:1px solid var(--boardline);border-radius:var(--r-card);grid-template-rows:1fr 1fr;grid-template-columns:repeat(6,1fr) .9fr repeat(6,1fr) .9fr;margin-inline:auto;padding:4px;display:grid;position:relative}.bg-pt{cursor:default;min-width:0;color:inherit;background:0 0;border:0;margin:0;padding:0;display:block;position:relative}.bg-pt[aria-disabled=false]{cursor:pointer}.bg-tri{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bg-tri polygon.is-a{fill:color-mix(in srgb, var(--boardline) 26%, transparent)}.bg-tri polygon.is-b{fill:color-mix(in srgb, var(--stone-w) 42%, transparent)}.bg-stack{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.bg-pt.is-bottom .bg-stack{flex-direction:column-reverse}.bg-chk{aspect-ratio:1;flex:none;width:86%;font-size:clamp(10px,2.7vw,13px);display:block;position:relative}.bg-chk svg{width:100%;height:100%;display:block}.bg-chk circle{stroke-width:1.2px}.bg-chk.is-black circle{fill:var(--stone-b);stroke:#000}.bg-chk.is-white circle{fill:var(--stone-w);stroke:var(--boardline)}.bg-cn{place-items:center;font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.bg-chk.is-black .bg-cn{color:var(--stone-w)}.bg-chk.is-white .bg-cn{color:var(--stone-b)}.bg-chk.bg-out{position:absolute;top:0;left:7%}.bg-pt.is-bottom .bg-chk.bg-out{top:auto;bottom:0}.bg-chk.bg-ghost{opacity:.55}.bg-pt.is-pick:after,.bg-pt.is-to:after,.bg-pt.is-sel:after,.bg-pt.is-hint:after{content:"";pointer-events:none;border:2px solid #0000;border-radius:6px;position:absolute;inset:2px}.bg-pt.is-pick:after{border-color:color-mix(in srgb, var(--indigo) 55%, transparent)}.bg-pt.is-to:after{border-color:var(--success);background:color-mix(in srgb, var(--success) 18%, transparent)}.bg-pt.is-sel:after{border-color:var(--indigo);background:color-mix(in srgb, var(--indigo) 14%, transparent)}.bg-pt.is-hint:after{border-color:var(--warn);background:color-mix(in srgb, var(--warn) 20%, transparent)}.bg-pt.is-last .bg-tri polygon{stroke:color-mix(in srgb, var(--cta) 65%, transparent);stroke-width:.35px}.bg-pt:focus-visible{outline:3px solid var(--indigo);outline-offset:-2px}.bg-bar{background:color-mix(in srgb, var(--boardline) 30%, transparent);border-inline:1px solid var(--boardline);flex-direction:column;min-width:0;display:flex}.bg-bar-half{min-width:0;min-height:0;color:inherit;background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:flex-start;align-items:center;margin:0;padding:0;display:flex;position:relative}.bg-bar-half.is-bottom{cursor:default;flex-direction:column-reverse}.bg-bar-half.is-bottom[aria-disabled=false]{cursor:pointer}.bg-bar .bg-chk{width:95%}.bg-bar-half.is-pick:after,.bg-bar-half.is-sel:after,.bg-bar-half.is-hint:after{content:"";border:2px solid var(--indigo);pointer-events:none;border-radius:6px;position:absolute;inset:2px}.bg-bar-half.is-hint:after{border-color:var(--warn)}.bg-bar-half:focus-visible{outline:3px solid var(--indigo);outline-offset:-2px}.bg-off{background:color-mix(in srgb, var(--boardline) 18%, transparent);border-inline-start:1px solid var(--boardline);flex-direction:column;min-width:0;display:flex}.bg-off-half{min-width:0;min-height:0;color:var(--text);cursor:default;background:0 0;border:0;flex:1 1 0;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative}.bg-off-half.is-bottom[aria-disabled=false]{cursor:pointer}.bg-off-n{font-size:clamp(13px,3.4vw,17px);font-weight:700}.bg-off-half.is-empty .bg-off-n{color:var(--muted)}.bg-off-half.is-to:after,.bg-off-half.is-hint:after{content:"";border:2px solid var(--success);background:color-mix(in srgb, var(--success) 18%, transparent);pointer-events:none;border-radius:6px;position:absolute;inset:2px}.bg-off-half.is-hint:after{border-color:var(--warn);background:color-mix(in srgb, var(--warn) 20%, transparent)}.bg-off-half:focus-visible{outline:3px solid var(--indigo);outline-offset:-2px}.bg-flash{inset-inline:0;border-radius:var(--r-pill);background:var(--cta);width:max-content;color:var(--onc);pointer-events:none;margin-inline:auto;padding:4px 14px;font-size:15px;font-weight:700;position:absolute;top:44%}.bg-note{min-height:1.4em;color:var(--muted)}.bg-pips.is-hint,.bg-dice.is-hint,.bg-cubebox.is-hint,.bg .btn.is-hint{outline:3px solid var(--warn);outline-offset:3px;border-radius:var(--r-btn)}.mc{gap:var(--sp-2);justify-items:stretch;width:100%;display:grid}.mc-board{grid-template-columns:repeat(var(--cols,8), minmax(0, 1fr));grid-template-rows:repeat(var(--rows,2), minmax(0, 1fr));background-color:var(--board);border:1px solid var(--boardline);width:100%;box-shadow:var(--shadow);background-image:repeating-linear-gradient(92deg,#0000000b 0 2px,#ffffff09 2px 9px);border-radius:12px;justify-self:center;gap:clamp(2px,.8vw,6px);padding:clamp(3px,1vw,8px);display:grid}.mc-board[data-players="2"]{aspect-ratio:calc(var(--cols) / 2.9)}.mc-board:not([data-players="2"]){aspect-ratio:1}.mc-cell{min-width:0;min-height:0;color:var(--stone-w);font:inherit;appearance:none;background:#00000021;border:1px solid #00000047;border-radius:999px;place-items:center;margin:0;padding:0;display:grid;position:relative;box-shadow:inset 0 2px 4px #00000038}.mc-store{background:#0003;border-radius:22px}.mc-cell.is-mine{border-color:var(--boardline);border-width:2px}.mc-cell.is-out{filter:grayscale();opacity:.45}button.mc-pocket{cursor:pointer}button.mc-pocket[aria-disabled=true]{cursor:default}button.mc-pocket.is-open{box-shadow:inset 0 2px 4px #0000002e, 0 0 0 2px rgb(from var(--cta) r g b / .55);background:#fff3}button.mc-pocket.is-open:hover{background:#ffffff52}button.mc-pocket:focus-visible{outline:3px solid var(--indigo);outline-offset:2px;z-index:3}.mc-cell.is-from{box-shadow:inset 0 2px 4px #0000002e, 0 0 0 3px var(--cta)}.mc-cell.is-end:after,.mc-cell.is-match:after{content:"";border-radius:inherit;border:3px dashed var(--stone-w);pointer-events:none;position:absolute;inset:-3px}.mc-cell.is-match:after{border-style:solid;border-color:var(--cta)}.mc-cell.is-last{outline:2px solid var(--stone-w);outline-offset:1px}.mc-cell.is-hint,.mc-board.is-hint{box-shadow:inset 0 0 0 3px var(--cta), 0 0 0 3px rgb(from var(--cta) r g b / .35);--m-pulse-color:var(--cta)}.mc-cell.is-ghost{background:rgb(from var(--cta) r g b / .3);--m-pulse-color:var(--cta)}.mc-seeds{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.mc-seed{stroke:#ffffffbf;stroke-width:1.5px;transform-box:fill-box;transform-origin:50%}.mc-seed.is-c1{fill:#c8102e}.mc-seed.is-c2{fill:#1b3a5c}.mc-seed.is-c3{fill:#1a8253}.mc-seed.is-c4{fill:#96610e}.mc-seed.is-sown{animation:m-pop var(--m-base) var(--e-spring) both}.mc-taken{transform-box:fill-box;transform-origin:50%}.mc-n{z-index:2;text-align:center;color:var(--stone-w);text-shadow:0 1px 2px #000000e6,0 0 3px #000000b3;pointer-events:none;font-size:clamp(12px,2.6vw,16px);font-weight:700;line-height:1;position:absolute;bottom:6%;left:0;right:0}.mc-store .mc-n{font-size:clamp(14px,3vw,20px)}.mc-cell.is-many .mc-n:after{content:"+";opacity:.8}.mc-note{min-height:1.6em;color:var(--muted);text-align:center;margin:0}.mc-side{color:var(--stone-b);opacity:.55;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;place-self:center;max-width:100%;padding:2px 6px;font-weight:700;overflow:hidden}.mc-side.is-turn{opacity:1;color:var(--cta)}.mc-side.is-out{opacity:.3;text-decoration:line-through}.mc-chip{font-variant-numeric:tabular-nums}.play[data-slug=mancala]>*,.play[data-slug=mancala-basic]>*,.play:has(.mc)>*{min-width:0}@media (width<=560px){.play[data-slug=mancala] .pbar,.play[data-slug=mancala-basic] .pbar,.play:has(.mc) .pbar{gap:4px}.play[data-slug=mancala] .pbar .pbtn,.play[data-slug=mancala-basic] .pbar .pbtn,.play:has(.mc) .pbar .pbtn{padding:0 6px}.play[data-slug=mancala] .pbadge,.play[data-slug=mancala-basic] .pbadge,.play:has(.mc) .pbadge{padding:2px 6px;font-size:12px}}ul.pseats:has(.mc-chip){grid-template-columns:repeat(2,minmax(0,1fr))}ul.pseats:has(.mc-chip) .pseat{gap:4px var(--sp-2);flex-wrap:wrap}@media (width<=560px){ul.pseats:has(.mc-chip){grid-template-columns:minmax(0,1fr)}}@media (width>=700px){.mc-board{max-width:min(var(--board-w,620px), calc((var(--board-h,999999px) - 40px) * var(--cols,8) / 2.9))}.mc-board:not([data-players="2"]){max-width:min(var(--board-w,460px), calc(var(--board-h,999999px) - 40px))}}@media (width>=960px){.mc-n{font-size:max(16px, calc(var(--board-w,928px) / var(--cols,8) * .14))}.mc-store .mc-n{font-size:max(20px, calc(var(--board-w,928px) / var(--cols,8) * .175))}}.mj{gap:var(--sp-2);--h-w:24px;--r-w:15px;--m-w:13px;--b-w:10px;--bv-w:13px;--d-w:16px;--mj-av:28px;--mj-kf:11px;--corner-w:103px;justify-items:center;width:100%;max-width:560px;display:grid;position:relative}.mj>*{min-width:0;max-width:100%}.mj-t{background:#f5f0eb url(/images/mahjong/front.svg) 50%/100% 100% no-repeat;width:100%;height:auto;display:block}.mj-table{aspect-ratio:1/1.25;border-radius:var(--r-card);background:var(--mjboard);border:1px solid var(--mjline);width:min(100%,420px);box-shadow:var(--shadow);position:relative;overflow:hidden}.mj-places{grid-template-columns:minmax(var(--corner-w), 1fr) minmax(0, auto) minmax(var(--corner-w), 1fr);grid-template-rows:minmax(0,1fr) minmax(0,auto) minmax(0,1fr) minmax(0,auto);grid-template-areas:"ctl top ctr""lft center rgt""cbl brv cbr""me me me";place-items:center;gap:2px;padding:2px 0;display:grid;position:absolute;inset:0}.mj-place{gap:2px;min-width:0;max-width:100%;min-height:0;max-height:100%;display:flex}.mj-place.is-top{flex-direction:column;grid-area:top;justify-content:space-between;align-self:stretch;align-items:center}.mj-place.is-bottom{flex-direction:column;grid-area:brv;justify-content:flex-start;align-self:stretch;align-items:center}.mj-place.is-left{flex-direction:row;grid-area:lft;justify-self:stretch;align-items:center;width:100%}.mj-place.is-right{flex-direction:row;grid-area:rgt;justify-self:stretch;align-items:center;width:100%}.mj-place.is-left .mj-hidden{margin-inline-end:auto}.mj-place.is-right .mj-hidden{margin-inline-start:auto}.mj-row{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:3px;max-width:100%;display:flex}.mj-hidden,.mj-river,.mj-melds{flex-wrap:wrap;justify-content:center;gap:1px;min-width:0;max-width:100%;display:flex}.mj-hidden{opacity:.85;gap:0}.mj-place.is-top .mj-hidden{flex-wrap:nowrap}.mj-place.is-top .mj-b{flex:0 auto;min-width:0}.mj-b{width:var(--b-w);border:1px solid color-mix(in srgb, var(--mjline) 60%, transparent);border-radius:2px;height:auto}.mj-place.is-left .mj-hidden,.mj-place.is-right .mj-hidden{flex-flow:column;align-items:center}.mj-place.is-left .mj-b,.mj-place.is-right .mj-b{width:var(--bv-w);height:calc(var(--bv-w) * 4 / 3);margin-block:calc(var(--bv-w) * -.307);margin-inline:calc(var(--bv-w) / 6)}.mj-place.is-left .mj-b{transform:rotate(90deg)}.mj-place.is-right .mj-b{transform:rotate(-90deg)}.mj-rt{width:var(--r-w);line-height:0;display:block}.mj-rt img{border-radius:2px;width:100%;height:auto}.mj-place.is-bottom .mj-river{max-width:calc(var(--r-w) * 6 + 6px)}.mj-place.is-top .mj-river{max-width:calc(var(--r-w) * 6 + 6px);flex-flow:wrap-reverse;align-content:flex-end}.mj-place.is-left .mj-river,.mj-place.is-right .mj-river{max-height:calc(var(--r-w) * 6 + 6px);max-width:none}.mj-place.is-left .mj-river{flex-flow:column wrap-reverse}.mj-place.is-right .mj-river{flex-flow:column wrap}.mj-place.is-left .mj-rt,.mj-place.is-right .mj-rt{width:calc(var(--r-w) * 4 / 3);height:var(--r-w);place-items:center;display:grid}.mj-place.is-left .mj-rt img,.mj-place.is-right .mj-rt img{width:var(--r-w);height:auto}.mj-place.is-left .mj-rt img{transform:rotate(90deg)}.mj-place.is-right .mj-rt img{transform:rotate(-90deg)}.mj-place.is-bottom .mj-rt.is-riichi,.mj-place.is-top .mj-rt.is-riichi{width:calc(var(--r-w) * 4 / 3);height:calc(var(--r-w) * 4 / 3);place-items:center;display:grid}.mj-place.is-bottom .mj-rt.is-riichi img,.mj-place.is-top .mj-rt.is-riichi img{width:var(--r-w);transform:rotate(90deg)}.mj-place.is-left .mj-rt.is-riichi,.mj-place.is-right .mj-rt.is-riichi{width:calc(var(--r-w) * 4 / 3);height:calc(var(--r-w) * 4 / 3)}.mj-place.is-left .mj-rt.is-riichi img,.mj-place.is-right .mj-rt.is-riichi img{transform:none}.mj-rt.is-riichi img{outline-offset:-2px;outline:2px solid #ffd34d}.mj-rt.is-taken{opacity:.45}.mj-meld{background:color-mix(in srgb, var(--mjline) 45%, transparent);border-radius:3px;gap:1px;padding:1px;display:inline-flex}.mj-mt{width:var(--m-w);line-height:0;display:block}.mj-mt img{border-radius:2px;width:100%;height:auto}.mj-place.is-left .mj-melds,.mj-place.is-right .mj-melds{flex-flow:column}.mj-place.is-left .mj-melds{align-self:flex-end}.mj-place.is-right .mj-melds{align-self:flex-start}.mj-place.is-left .mj-meld,.mj-place.is-right .mj-meld{flex-direction:column}.mj-place.is-left .mj-mt,.mj-place.is-right .mj-mt{width:calc(var(--m-w) * 4 / 3);height:var(--m-w);place-items:center;display:grid}.mj-place.is-left .mj-mt img,.mj-place.is-right .mj-mt img{width:var(--m-w);height:auto}.mj-place.is-left .mj-mt img{transform:rotate(90deg)}.mj-place.is-right .mj-mt img{transform:rotate(-90deg)}.mj-center{border-radius:var(--r-card);background:color-mix(in srgb, var(--mjline) 55%, transparent);color:#fff;text-align:center;grid-area:center;align-content:center;justify-items:center;gap:2px;min-width:0;max-width:100%;padding:6px 8px;display:grid;position:relative}.mj-round{margin:0;font-size:15px;font-weight:700}.mj-honba,.mj-wall{color:#ffffffc7;margin:0;font-size:11px}.mj-dora{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;max-width:100%;margin-top:2px;display:flex}.mj-dora-h{color:#ffffffc7;font-size:10px}.mj-dora-row{flex-wrap:wrap;justify-content:center;gap:1px;display:flex}.mj-dt{width:var(--d-w);line-height:0;display:block}.mj-dt img{border-radius:2px;width:100%;height:auto}.mj-dt.is-back img{opacity:.85}.mj-marks{pointer-events:none;position:absolute;inset:0}.mj-dealer{color:#fff;opacity:0;min-width:15px;height:15px;transition:opacity var(--m-base) var(--e-out);background:#b3261e;border-radius:4px;place-items:center;padding:0 3px;font-size:10px;font-weight:700;line-height:1;display:grid;position:absolute}.mj-dealer.is-on{opacity:1}.mj-dealer.is-bottom{bottom:0;left:0;transform:translate(-45%,45%)}.mj-dealer.is-right{bottom:0;right:0;transform:translate(45%,45%)}.mj-dealer.is-top{top:0;right:0;transform:translate(45%,-45%)}.mj-dealer.is-left{top:0;left:0;transform:translate(-45%,-45%)}.mj-arrow{background:color-mix(in srgb, var(--success) 34%, #fff);opacity:0;width:13px;height:13px;transition:opacity var(--m-base) var(--e-out);position:absolute}.mj-arrow.is-on{opacity:1}.mj-arrow.is-bottom{clip-path:polygon(0 0,100% 0,50% 100%);bottom:0;left:50%;transform:translate(-50%,130%)}.mj-arrow.is-top{clip-path:polygon(50% 0,100% 100%,0 100%);top:0;left:50%;transform:translate(-50%,-130%)}.mj-arrow.is-left{clip-path:polygon(100% 0,100% 100%,0 50%);top:50%;left:0;transform:translate(-130%,-50%)}.mj-arrow.is-right{clip-path:polygon(0 0,100% 50%,0 100%);top:50%;right:0;transform:translate(130%,-50%)}.mj-corner{width:var(--corner-w);border-radius:var(--r-card);background:color-mix(in srgb, var(--mjline) 70%, transparent);color:#fff;min-width:0;max-width:100%;font-size:var(--mj-kf);border:2px solid #0000;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1px 4px;padding:3px;line-height:1.25;display:grid;position:relative}.mj-corner.is-left{grid-area:ctl;place-self:start}.mj-corner.is-top{grid-area:ctr;place-self:start end}.mj-corner.is-right{grid-area:cbr;place-self:end}.mj-corner.is-bottom{grid-area:cbl;place-self:end start}.mj-corner.is-turn{border-color:var(--cta);isolation:isolate}.mj-corner.is-turn>*{z-index:1;position:relative}.mj-corner.is-turn:after{content:"";z-index:0;border:2px solid var(--cta);border-radius:inherit;background:color-mix(in srgb, var(--cta) 42%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cta) 35%, transparent);pointer-events:none;animation:1.1s ease-in-out infinite mj-blink;position:absolute;inset:-2px}@keyframes mj-blink{0%,to{opacity:1}50%{opacity:.08}}@media (prefers-reduced-motion:reduce){.mj-corner.is-turn:after{opacity:.6;animation:none}}[data-motion="0"] .mj-corner.is-turn:after{opacity:.6;animation:none}.mj-corner.is-resigned{opacity:.5}.mj-k-av{grid-area:1/1/2/2;display:block}.mj-k-nrow{grid-area:1/2/2/3}.mj-k-line{grid-area:2/1/3/3}.mj-corner .avatar{width:var(--mj-av);height:var(--mj-av);color:var(--text);font-size:calc(var(--mj-av) * .46);border-radius:50%;place-items:center;font-weight:700;display:grid;overflow:hidden}.mj-corner .avatar.is-cpu{background:var(--surface)}.mj-corner .avatar svg{width:68%;height:68%;display:block}.mj-k-nrow{align-items:center;gap:3px;min-width:0;display:flex}.mj-k-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.mj-k-you{color:#fffc;font-size:calc(var(--mj-kf) - 2px);flex:none;margin-inline-end:1px}.mj-k-riichi{font-size:calc(var(--mj-kf) - 2px);flex:none;align-items:center;gap:2px;display:inline-flex}.mj-k-stick{background:#fff;border-radius:2px;width:16px;height:5px;display:block;position:relative}.mj-k-stick:after{content:"";background:var(--danger);border-radius:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;position:absolute;top:50%;left:50%}.mj-k-line{flex-wrap:wrap;align-items:baseline;gap:0 3px;min-width:0;display:flex}.mj-k-wind{white-space:nowrap;flex:none;font-weight:700}.mj-corner.is-dealer .mj-k-wind:after{content:"●";vertical-align:middle;margin-inline-start:2px;font-size:8px}.mj-k-score{font-variant-numeric:tabular-nums;flex:none;font-weight:700}.mj-k-delta{font-size:calc(var(--mj-kf) - 2px);font-variant-numeric:tabular-nums}.mj-k-delta.is-plus{color:color-mix(in srgb, var(--success) 55%, #fff)}.mj-k-delta.is-minus{color:color-mix(in srgb, var(--cta) 45%, #fff)}.mj-handbox{grid-area:me;justify-content:flex-start;justify-self:stretch;align-items:flex-end;gap:4px;width:100%;min-width:0;padding-top:13px;display:flex}.mj-hidden[hidden],.mj-melds[hidden],.mj-drawn[hidden]{display:none}.mj-handbox .mj-melds{flex-wrap:nowrap;flex:0 auto;min-width:0;overflow:hidden}.mj-hand,.mj-drawn{flex:0 auto;gap:0;min-width:0;display:flex}.mj-h{flex:0 1 var(--h-w);width:var(--h-w);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:0;line-height:0;display:block;position:relative}.mj-h img{width:100%;height:auto;box-shadow:var(--shadow);border-radius:3px;display:block}.mj-h:disabled,.mj-h.is-locked{cursor:default}.mj-h:disabled img,.mj-h.is-locked img{opacity:.55}.mj-h:not(:disabled):not(.is-locked):hover img,.mj-h:not(:disabled):not(.is-locked):focus-visible img{transform:translateY(-4px)}.mj-h:focus-visible{outline:2px solid var(--cta);outline-offset:2px}.mj-hint{inset-inline:0;color:var(--success);font-variant-numeric:tabular-nums;text-align:center;font-size:10px;font-weight:700;position:absolute;top:-12px}.mj-h.is-tenpai img{outline:2px solid var(--success);outline-offset:-2px}.mj-h.is-hint img{outline:3px solid var(--cta);outline-offset:1px}.mj-h.is-riichi-ok img{outline:3px solid var(--cta);outline-offset:1px;box-shadow:0 0 10px color-mix(in srgb, var(--cta) 65%, transparent);transform:translateY(-4px)}.mj-ghost img{outline:2px dashed var(--cta);outline-offset:2px;transform:translateY(-6px)}.mj-msg{min-height:20px;color:var(--muted);text-align:center;margin:0;font-size:13px}.mj-acts{justify-content:center;gap:var(--sp-2);flex-wrap:wrap;min-height:0;display:flex}.mj-panel{width:100%;padding:var(--sp-3)}.mj-panel-h{margin:0 0 var(--sp-2);font-size:16px}.mj-win-h{margin:0 0 4px;font-weight:700}.mj-win-tiles{margin-bottom:var(--sp-2);flex-wrap:wrap;gap:1px;display:flex}.mj-win-tiles img{width:var(--r-w);border-radius:2px;height:auto}.mj-win-tiles img.is-win{outline:2px solid var(--cta);outline-offset:-2px;margin-inline-start:6px}.mj-yaku{margin:0 0 var(--sp-2);padding-inline-start:1.2em;font-size:13px}.mj-win-score{margin:0 0 var(--sp-2);font-weight:700}.mj-pay{gap:var(--sp-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.mj-pay .is-plus{color:var(--success)}.mj-pay .is-minus{color:var(--danger)}.mj-panel .is-hint,.mj-acts .is-hint{outline:3px solid var(--cta);outline-offset:2px}.mj-river.is-hint,.mj-hand.is-hint,.mj-melds.is-hint,.mj-corner.is-hint,.mj-center.is-hint{outline:3px solid var(--cta);outline-offset:2px;border-radius:4px}@media (width>=700px){.mj{--h-w:36px;--r-w:22px;--m-w:19px;--b-w:14px;--bv-w:18px;--d-w:24px;--mj-av:32px;--mj-kf:12px;--corner-w:128px;max-width:760px}.mj-table{aspect-ratio:1/1.05;width:min(100%,560px)}.mj-handbox{justify-content:center;gap:var(--sp-2)}.mj-hand,.mj-drawn{gap:1px}.mj-round{font-size:19px}.mj-honba,.mj-wall,.mj-dora-h{font-size:13px}.mj-msg{font-size:15px}.mj-hint{font-size:12px;top:-14px}.mj-corner{gap:0 6px}.mj-k-av{grid-area:1/1/3/2}.mj-k-line{grid-area:2/2/3/3}.mj-dealer{min-width:19px;height:19px;font-size:12px}.mj-arrow{width:17px;height:17px}}@media (width>=960px){.mj{--mj-th:calc(var(--board-h,718px) - 5rem);--h-w:max(38px, calc(var(--mj-th) * .088));--r-w:calc(var(--h-w) * .6);--m-w:calc(var(--h-w) * .52);--b-w:calc(var(--h-w) * .45);--bv-w:calc(var(--h-w) * .36);--d-w:calc(var(--h-w) * .6);--mj-av:40px;--mj-kf:13px;--corner-w:176px;max-width:min(var(--board-w,940px), 1600px);grid-template-columns:minmax(0,1fr);align-content:start;justify-items:stretch}.mj-table{width:100%;height:var(--mj-th);aspect-ratio:auto}.mj-center{min-width:calc(var(--h-w) * 5);padding:var(--sp-2) var(--sp-3)}.mj-round{font-size:22px}.mj-honba,.mj-wall,.mj-dora-h{font-size:14px}.mj-handbox{justify-content:center;padding-top:20px}.mj-hint{font-size:14px;top:-17px}.mj-dealer{border-radius:5px;min-width:22px;height:22px;font-size:13px}.mj-arrow{width:20px;height:20px}.mj-panel{z-index:3;width:min(460px,92%);max-height:86%;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}}