:root{--sa-t: var(--safe-top, env(safe-area-inset-top, 0px));--sa-r: var(--safe-right, env(safe-area-inset-right, 0px));--sa-b: var(--safe-bottom, env(safe-area-inset-bottom, 0px));--sa-l: var(--safe-left, env(safe-area-inset-left, 0px));--target: 48px;--bg: #f4f1ea;--surface: #fffdf8;--ink: #1e2430;--ink-soft: #565f6d;--line: #d4cec0;--accent: #1f4f9e;--accent-ink: #ffffff;--key: #ebe6da;--shadow: rgba(30, 36, 48, .22);--scrim: rgba(20, 24, 32, .55);--ring: #1b4aa8;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #14171d;--surface: #1c2129;--ink: #e9edf3;--ink-soft: #a5afbf;--line: #2f3744;--accent: #7aa7ff;--accent-ink: #0e1420;--key: #262d38;--shadow: rgba(0, 0, 0, .6);--scrim: rgba(0, 0, 0, .65);--ring: #bcd3ff;color-scheme:dark}}:root[data-theme=dark]{--bg: #14171d;--surface: #1c2129;--ink: #e9edf3;--ink-soft: #a5afbf;--line: #2f3744;--accent: #7aa7ff;--accent-ink: #0e1420;--key: #262d38;--shadow: rgba(0, 0, 0, .6);--scrim: rgba(0, 0, 0, .65);--ring: #bcd3ff;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}h1,h2,p{margin:0}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button:disabled{cursor:default;opacity:.7}button:focus-visible,select:focus-visible,:root[data-device=keyboard] button:focus,:root[data-device=gamepad] button:focus{outline:3px solid var(--ring);outline-offset:2px}h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus{outline:none}.icon{width:24px;height:24px;flex:none}[dir=rtl] .icon-back{transform:scaleX(-1)}.glyph{height:24px;width:auto;flex:none}.glyph-text{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:700}.hint-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;padding-block-start:10px;color:var(--ink-soft);font-size:.8125rem}.hint-bar[hidden],:root[data-device=touch] .hint-bar,:root[data-device=mouse] .hint-bar{display:none}.hint-item{display:inline-flex;align-items:center;gap:6px}dialog.panel{width:min(440px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;margin:auto;padding:18px 16px max(16px,var(--sa-b));border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:0 12px 40px var(--shadow)}dialog.panel::backdrop{background:var(--scrim)}@media(max-width:600px)and (orientation:portrait){dialog.panel{margin-block:auto max(12px,var(--sa-b))}}dialog.panel h2{overflow-wrap:anywhere;font-size:1.25rem;line-height:1.25;text-align:center;padding-block-end:12px}.dlg-list{display:flex;flex-direction:column;gap:8px}.dlg-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:10px 16px;border-radius:14px;background:var(--key);color:var(--ink);font-size:1.0625rem;line-height:1.25;text-align:center}.dlg-btn.dlg-choice{justify-content:space-between}.dlg-btn.dlg-choice .dlg-label{text-align:start}.dlg-value{flex:none;color:var(--ink-soft);font-weight:600;text-align:end;white-space:nowrap}.dlg-keep{white-space:nowrap}.dlg-label[data-wrapped] .dlg-mark{display:none}.dlg-btn[lang] .dlg-label{line-height:1.8}.dlg-btn.dlg-current{box-shadow:inset 0 0 0 2px var(--accent);font-weight:700}.dlg-btn.dlg-current:before{content:"✓";content:"✓" / ""}.dlg-close{margin-block-start:12px;background:var(--accent);color:var(--accent-ink);font-weight:600}.menu-more{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:3px;margin-block-start:4px;color:var(--ink-soft);font-size:.8125rem;line-height:1.4;text-align:center}.menu-more a{display:inline-flex;align-items:center;min-height:48px;padding-inline:4px;color:inherit;text-decoration:underline;text-underline-offset:2px}.menu-more .sep{padding-inline:1px}.menu-more .more-item{display:inline-flex;align-items:center;white-space:nowrap;unicode-bidi:isolate}.menu-more .more-label{unicode-bidi:isolate}.menu-more[data-stacked]{column-gap:12px}.menu-more[data-stacked] .sep{display:none}@media(max-width:480px){.menu-more>.more-label{flex-basis:100%}}.menu-more a:focus-visible,:root[data-device=keyboard] .menu-more a:focus,:root[data-device=gamepad] .menu-more a:focus{outline:3px solid var(--ring);outline-offset:-2px;border-radius:8px}@media(max-height:420px){dialog.panel{max-height:calc(100dvh - 12px);padding:10px 16px max(10px,var(--sa-b))}dialog.panel h2{font-size:1.125rem;padding-block-end:6px}.dlg-list{gap:6px}.dlg-btn{min-height:48px;padding-block:6px}.dlg-close{margin-block-start:8px}}.action-bar{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;padding:4px max(4px,var(--sa-r)) max(4px,var(--sa-b)) max(4px,var(--sa-l));background:var(--surface);border-block-start:1px solid var(--line)}.bar-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:var(--target);min-height:56px;padding:6px 4px;border-radius:12px;font-size:.75rem;line-height:1.15;color:var(--ink)}.bar-label{max-width:100%;overflow-wrap:anywhere;hyphens:auto;text-align:center}@media(max-width:420px){.bar-btn{padding-inline:1px;font-size:.6875rem}}:is(:lang(ja),:lang(ko)) :is(button,.dlg-btn,.bar-label,h2){word-break:keep-all;overflow-wrap:anywhere}:lang(ja){line-break:strict}:lang(ko){word-break:keep-all;overflow-wrap:break-word}.toast{position:fixed;inset-inline:12px;bottom:calc(76px + var(--sa-b));margin-inline:auto;width:fit-content;max-width:min(420px,calc(100% - 24px));padding:10px 16px;border-radius:12px;background:var(--ink);color:var(--bg);font-size:.9375rem;line-height:1.3;text-align:center;box-shadow:0 6px 18px var(--shadow);opacity:0;pointer-events:none;transition:opacity .15s ease}.toast.show{opacity:1}.toast:empty{display:none}@media(prefers-reduced-motion:reduce){.toast{transition:none}}.update-bar{position:fixed;top:max(8px,var(--sa-t));inset-inline:8px;margin-inline:auto;z-index:60;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;box-sizing:border-box;max-width:460px;padding-block:4px;padding-inline:12px 8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 2px 10px var(--shadow);font:inherit}.update-bar p{margin:0;flex:1 1 8em;padding-block:4px;font-size:.95rem;overflow-wrap:break-word}.update-bar button{min-width:var(--target);min-height:var(--target);padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--key);color:var(--ink);font:inherit;font-weight:600;cursor:pointer;overflow-wrap:break-word}.update-bar .update-reload{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.update-bar button:focus-visible{outline:3px solid var(--ring);outline-offset:2px}html,body{height:100%;overflow:hidden;overscroll-behavior:none}#app{position:fixed;inset:0}.game{position:absolute;inset:0;overflow:hidden;user-select:none;-webkit-user-select:none}.sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.probe{position:absolute;width:0;height:0;visibility:hidden;pointer-events:none;padding:var(--sa-t) var(--sa-r) var(--sa-b) var(--sa-l)}.dock{position:absolute;z-index:2000}.game[data-bar=bottom] .dock{inset-inline:0;bottom:0}.status-row{display:flex;align-items:center;justify-content:center;gap:12px;min-height:28px;padding-inline:12px;color:var(--ink-soft);font-size:.8125rem}.status-row .hint-bar{padding-block:4px;min-width:0;gap:4px 14px}.hint-item{white-space:nowrap}:root[data-device=keyboard] .status,:root[data-device=gamepad] .status{display:none}.game{--sa-end: var(--sa-r)}[dir=rtl] .game{--sa-end: var(--sa-l)}.game[data-bar=side] .dock{top:0;inset-inline-end:0;bottom:0;display:flex;flex-direction:column;width:calc(104px + var(--sa-end));padding-block-start:var(--sa-t);background:var(--surface);border-inline-start:1px solid var(--line)}.game[data-bar=side] .status-row{flex-shrink:0;min-height:0;padding:4px;line-height:1.125rem;text-align:center}.game[data-bar=side] .status>span{display:block}.game[data-bar=side] .status-win{display:none}.game[data-bar=side] .status>.status-sep{display:none}.game[data-bar=side] .status-row{flex-direction:column;gap:8px}.game[data-bar=side] .hint-bar{display:none;flex-direction:column;align-items:center;gap:8px}@media(min-height:560px){:root[data-device=keyboard] .game[data-bar=side] .hint-bar,:root[data-device=gamepad] .game[data-bar=side] .hint-bar{display:flex}.game[data-bar=side] .hint-item{flex-direction:column;gap:2px;font-size:.75rem;white-space:normal;text-align:center}}:root[data-device=keyboard] .game[data-bar=side] .status,:root[data-device=gamepad] .game[data-bar=side] .status{display:block}.game[data-bar=side] .action-bar{flex:1;gap:2px;min-height:0;grid-auto-flow:row;grid-auto-columns:auto;align-content:center;padding:4px 4px max(4px,var(--sa-b)) 4px;border:0;background:none}.game[data-bar=side] .bar-btn{min-height:var(--target);padding-block:3px}.win-moves{padding-block-end:12px;color:var(--ink-soft);text-align:center}.game .toast{z-index:2001;bottom:calc(var(--dock-h, 76px) + 8px)}.game[data-bar=side] .toast{bottom:max(12px,var(--sa-b));inset-inline:12px calc(var(--dock-w, 104px) + 12px)}.clock{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}:root[data-device=keyboard] .clock,:root[data-device=gamepad] .clock{display:none}.win-stats{padding-block-end:12px;color:var(--ink-soft);text-align:center}.win-stats .win-moves{padding-block-end:0}.win-note{min-height:1.25em;font-size:.8125rem}@media(max-height:480px){dialog.panel:has(>.win-stats) .dlg-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}dialog.panel[data-dialog=menu]{width:min(720px,calc(100% - 24px))}dialog.panel[data-dialog=menu] .dlg-list{display:grid;grid-template-columns:1fr 1fr}dialog.panel[data-dialog=menu][open]:has(>.dlg-list>:last-child:nth-child(odd)){display:grid;grid-template-columns:1fr 1fr;gap:8px}dialog.panel[data-dialog=menu]:has(>.dlg-list>:last-child:nth-child(odd))>*{grid-column:1 / -1}dialog.panel[data-dialog=menu]:has(>.dlg-list>:last-child:nth-child(odd))>.dlg-list{display:contents}dialog.panel[data-dialog=menu]:has(>.dlg-list>:last-child:nth-child(odd))>.dlg-close{grid-column:auto;margin-block-start:0}}dialog.panel[open]:has(>.info){display:flex;flex-direction:column;overflow:hidden}dialog.panel[open][data-dialog=languages]{display:flex;flex-direction:column;overflow:hidden}dialog.panel[data-dialog=languages]>*{flex-shrink:0}dialog.panel[data-dialog=languages]>.dlg-list{flex-shrink:1;min-height:0;overflow-y:auto;padding:6px;scroll-padding-block:6px}dialog.panel:has(>.info)>*{flex-shrink:0}dialog.panel:has(>.info)>.info{flex-shrink:1;min-height:0;overflow:auto}.info{display:flex;flex-direction:column;gap:14px;padding:4px 6px 12px;font-size:.9375rem;line-height:1.4;background:linear-gradient(var(--surface) 50%,transparent) top / 100% 24px no-repeat local,linear-gradient(transparent,var(--surface) 70%) bottom / 100% 24px no-repeat local,radial-gradient(farthest-side at 50% 0,var(--shadow),transparent) center 1px / 100% 10px no-repeat scroll,radial-gradient(farthest-side at 50% 100%,var(--shadow),transparent) center bottom 1px / 100% 10px no-repeat scroll;background-color:var(--surface)}.info h3,.info ul{margin:0}.info h3{overflow-wrap:anywhere;padding-block-end:4px;font-size:.9375rem;font-weight:700}.info ul{overflow-wrap:anywhere;display:flex;flex-direction:column;gap:4px;padding-inline-start:1.1em;list-style:disc}.stats-table{width:100%;border-collapse:collapse;font-size:.8125rem;font-variant-numeric:tabular-nums}.stats-table th,.stats-table td{padding:6px 2px;border-block-end:1px solid var(--line);text-align:center}.stats-table thead th{overflow-wrap:normal;hyphens:manual;font-size:.75rem;font-weight:700;line-height:1.2;vertical-align:bottom}:lang(fil) .stats-table thead th,:lang(ms) .stats-table thead th{font-size:.6875rem}:lang(sw) .stats-table thead th{font-size:.625rem}dialog.panel:has(.stats-table){padding-inline:4px}.stats-table thead th[scope=col]{padding-inline:2px}.stats-table tbody th{overflow-wrap:normal;hyphens:manual;text-align:start;font-weight:500}.stats-caption{padding-block:10px 2px;font-weight:700;text-align:start}.stats-daily{text-align:center;color:var(--ink-soft)}.info:focus-visible,:root[data-device=keyboard] .info:focus,:root[data-device=gamepad] .info:focus{outline:3px solid var(--ring);outline-offset:-3px;border-radius:8px}.privacy-link{overflow-wrap:anywhere;text-align:center;display:flex;align-items:center;justify-content:center;min-height:48px;color:var(--accent);font-weight:600;scroll-margin-block:8px}.privacy-link:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:8px}.dlg-detail{margin:-4px 0 12px;white-space:pre-line;text-align:center;color:var(--ink-soft);font-size:1rem}:root{--tile-face: #f7f2e6;--tile-edge: #b9ae93;--tile-edge-dark: #8f846b;--tile-shadow: rgba(30, 36, 48, .28);--tile-ink: #1c1b18;--tile-blue: #142896}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--tile-edge: #a89c80;--tile-edge-dark: #7a705a;--tile-shadow: rgba(0, 0, 0, .6)}}:root[data-theme=dark]{--tile-edge: #a89c80;--tile-edge-dark: #7a705a;--tile-shadow: rgba(0, 0, 0, .6)}.tile{position:relative;aspect-ratio:3 / 4;padding:6%;background:var(--tile-face);border-radius:10%;box-shadow:1px 1px 0 var(--tile-edge),2px 2px 0 var(--tile-edge),3px 3px 0 var(--tile-edge-dark),5px 6px 8px var(--tile-shadow)}.tile-face{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.board .tile{--tile-depth: .035em .035em 0 var(--tile-edge), .07em .07em 0 var(--tile-edge-dark), .1em .14em .16em var(--tile-shadow);padding:.07em .06em;border-radius:.1em;background:color-mix(in srgb,var(--tile-face),#6b5f45 calc((var(--top, 0) - var(--z, 0)) * 6%));box-shadow:inset 0 0 0 .012em var(--tile-edge),inset .025em .025em #fffc,var(--tile-depth)}.board .tile-digit{position:absolute;inset:.07em .06em auto;height:.62em;display:grid;place-items:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:.46em;font-weight:800;line-height:1;color:var(--tile-ink);pointer-events:none}.board .tile-digit[hidden]{display:none}.board .tile[data-face=dw]:after{content:"";position:absolute;inset:18% 22%;border:.035em solid var(--tile-blue);outline:.03em solid var(--tile-blue);outline-offset:-.095em;pointer-events:none}.game{--dock-h: 124px;--dock-w: calc(max(104px, 6.5rem) + var(--sa-end))}.board-area{position:absolute;top:var(--sa-t);left:var(--sa-l);right:var(--sa-r);bottom:var(--dock-h);direction:ltr}.board-area>.board-host{position:absolute;inset:0}.game[data-bar=side] .board-area{bottom:var(--sa-b);right:var(--dock-w)}[dir=rtl] .game[data-bar=side] .board-area{left:var(--dock-w);right:var(--sa-r)}.game[data-bar=bottom] .dock{background:var(--surface)}.game[data-bar=bottom] .status-row{border-block-start:1px solid var(--line)}.status-sep{padding-inline:.5em}.fit-btn{position:absolute;top:8px;right:8px;z-index:5;min-width:var(--target);min-height:var(--target);padding:6px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 2px 8px var(--shadow);color:var(--ink);font-size:.875rem;font-weight:600}.fit-btn[hidden]{display:none}.pan-btn{position:absolute;z-index:5;display:grid;place-items:center;width:var(--target);height:var(--target);padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 2px 8px var(--shadow);color:var(--ink);font-size:1rem;opacity:.9}.pan-btn[hidden]{display:none}.pan-left{top:50%;left:4px;translate:0 -50%}.pan-right{top:50%;right:4px;translate:0 -50%}.pan-top{top:4px;left:50%;translate:-50% 0}.pan-bottom{bottom:4px;left:50%;translate:-50% 0}.bar-btn.busy{opacity:.7}.bar-btn.busy .icon{animation:busy-pulse .9s ease-in-out infinite}@keyframes busy-pulse{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.bar-btn.busy .icon{animation:none}}.cant-note{position:absolute;bottom:100%;left:8px;right:8px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;margin-block-end:6px;padding:6px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 4px 14px var(--shadow);color:var(--ink);font-size:.875rem}.cant-note[hidden]{display:none}.note-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.game[data-bar=side] .cant-note{bottom:8px;left:auto;right:100%;width:max-content;max-width:min(360px,60vw);margin-block-end:0;margin-inline-end:8px}[dir=rtl] .game[data-bar=side] .cant-note{right:auto;left:100%}.cant-btn{min-width:var(--target);min-height:var(--target);padding:6px 16px;border:1px solid var(--line);border-radius:12px;background:var(--key);color:var(--ink);font-weight:600}.stats-table .st-name,.stats-table .st-level{display:block}.stats-table .st-level{color:var(--ink-soft);font-size:.75rem}.status{text-align:center}.status>span{display:inline-block;unicode-bidi:isolate}.game[data-bar=bottom] .action-bar{display:flex;flex-wrap:wrap}.game[data-bar=bottom] .action-bar .bar-btn{flex:1 1 0;min-width:max(var(--target),min-content)}.game[data-bar=bottom] .action-bar .bar-label{overflow-wrap:normal;hyphens:manual}.game[data-bar=side] .action-bar{display:flex;flex:1 1 0;flex-direction:column;min-height:0;overflow-y:auto}.game[data-bar=side] .status-row{flex:none}.game[data-bar=side] .action-bar .bar-btn{flex:none;padding-block:4px 8px;line-height:1.3}.game[data-bar=side] .dock{width:var(--dock-w)}:root{--tile-dim: .86;--tile-hint: #c2410c;--tile-hint-in: #1c1b18;--tile-hint-glow: rgba(194, 65, 12, .55)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--tile-hint: #ffb84d;--tile-hint-in: #1c1b18;--tile-hint-glow: rgba(255, 184, 77, .7);--tile-dim: .76}}:root[data-theme=dark]{--tile-hint: #ffb84d;--tile-hint-in: #1c1b18;--tile-hint-glow: rgba(255, 184, 77, .7);--tile-dim: .76}.board-host{position:relative;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.board-host.panning{cursor:grabbing}.board{position:absolute;left:0;top:0;width:calc(var(--bw, 1) * 1em);height:calc(var(--bh, 1) * 1em);font-size:var(--s, 40px);transform:translate(var(--tx, 0px),var(--ty, 0px));transform-origin:0 0}.board .tile{pointer-events:none;position:absolute;left:calc(var(--x) * 1em);top:calc(var(--y) * 1em);width:1em;height:1.3333em;aspect-ratio:auto}.board .tile.gone{display:none}.board-host.dim-blocked .board .tile.blocked{filter:brightness(var(--tile-dim))}.board .tile.taking{opacity:0;transform:scale(.88);transition:opacity .22s ease-out,transform .22s ease-out}.board .tile.selected{z-index:3;transform:translate(-.04em,-.07em);background:color-mix(in srgb,var(--tile-face),var(--accent) 24%);box-shadow:0 0 0 max(3px,.07em) var(--accent),var(--tile-depth)}.board .tile.hint{z-index:2;box-shadow:0 0 0 max(2px,.04em) var(--tile-hint-in),0 0 0 max(5px,.1em) var(--tile-hint),0 0 .5em .14em var(--tile-hint-glow),var(--tile-depth);animation:tile-hint 1.2s ease-in-out infinite}.board .tile.selected.hint{box-shadow:0 0 0 max(3px,.07em) var(--accent),0 0 0 max(5px,.11em) var(--tile-hint-in),0 0 0 max(8px,.18em) var(--tile-hint),0 0 .5em .2em var(--tile-hint-glow),var(--tile-depth)}.board .tile.cursor{z-index:4;outline:max(3px,.06em) dashed var(--ring);outline-offset:max(4px,.08em)}.board .tile.cursor.hint,.board .tile.cursor.selected.hint{outline-offset:max(11px,.22em)}.board .tile.cursor.selected{outline-offset:max(6px,.12em)}.board .tile.shake{z-index:3;animation:tile-shake .36s ease-in-out}@keyframes tile-hint{50%{filter:brightness(1.06)}}@keyframes tile-shake{0%,to{transform:translate(0)}20%{transform:translate(-.06em)}40%{transform:translate(.06em)}60%{transform:translate(-.04em)}80%{transform:translate(.03em)}}@keyframes tile-flash{0%,to{outline:0 solid transparent}30%,70%{outline:.05em solid var(--tile-hint)}}@media(prefers-reduced-motion:reduce){.board .tile.taking{transition:none}.board .tile.hint{animation:none}.board .tile.shake{animation:tile-flash .36s linear}}.free-list{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.free-list:focus-within{z-index:30;top:calc(var(--sa-t) + 8px);left:calc(var(--sa-l) + 8px);right:calc(var(--sa-r) + 8px);width:auto;height:auto;max-height:max(8rem,calc(100% - var(--dock-h) - var(--sa-t) - 16px - var(--toast-h, 0px)));margin:0;display:flex;flex-direction:column;overflow:hidden;clip-path:none;white-space:normal;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 4px 14px var(--shadow);color:var(--ink)}.game[data-bar=side] .free-list:focus-within{right:calc(var(--dock-w) + 8px);max-height:max(6rem,calc(100% - var(--sa-t) - var(--sa-b) - 16px - var(--toast-h, 0px)))}[dir=rtl] .game[data-bar=side] .free-list:focus-within{left:calc(var(--dock-w) + 8px);right:calc(var(--sa-r) + 8px)}@media(min-width:700px){.game{--fl-w: min(22rem, 45%)}.free-list:focus-within{left:auto;width:var(--fl-w)}.free-list:focus-within~.board-area{right:calc(var(--sa-r) + var(--fl-w) + 16px)}.game[data-bar=side] .free-list:focus-within~.board-area{right:calc(var(--dock-w) + var(--fl-w) + 16px)}[dir=rtl] .free-list:focus-within{left:calc(var(--sa-l) + 8px);right:auto}[dir=rtl] .free-list:focus-within~.board-area{left:calc(var(--sa-l) + var(--fl-w) + 16px);right:calc(var(--sa-r))}[dir=rtl] .game[data-bar=side] .free-list:focus-within{left:calc(var(--dock-w) + 8px);right:auto}[dir=rtl] .game[data-bar=side] .free-list:focus-within~.board-area{left:calc(var(--dock-w) + var(--fl-w) + 16px);right:var(--sa-r)}}.fl-title{flex:none;margin:0;padding:10px 12px 4px;font-size:1rem}.fl-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;scroll-padding-block:.5rem}.fl-help{margin:0;padding:0 12px 8px;color:var(--ink-soft);font-size:.875rem}.fl-body{padding:0 12px 10px}.fl-groups,.fl-tiles{margin:0;padding:0;list-style:none}.fl-group+.fl-group{margin-block-start:6px}.fl-head{margin:0;font-weight:700;font-size:.875rem}.fl-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:var(--target);padding:4px 10px;border:1px solid var(--line);border-radius:10px;background:var(--key);color:var(--ink);font-size:.875rem;text-align:start}.fl-btn[aria-pressed=true]{border-width:3px;border-color:var(--accent);font-weight:700}.fl-btn[aria-pressed=true]:after{content:"✓";margin-inline-start:auto}.fl-face{position:relative;display:block;flex:none;width:24px;height:32px;background:var(--tile-face);border-radius:3px}.fl-face img{display:block;width:100%;height:100%;object-fit:contain}.fl-face[data-face=dw]:after{content:"";position:absolute;inset:18% 22%;border:1px solid var(--tile-blue);outline:1px solid var(--tile-blue);outline-offset:-3px}dialog.panel[data-dialog=newgame]{width:min(720px,calc(100% - 24px))}dialog.panel[open][data-dialog=newgame]{display:flex;flex-direction:column;overflow:hidden}dialog.panel[data-dialog=newgame]>*{flex-shrink:0}dialog.panel[data-dialog=newgame]>.dlg-list{flex-shrink:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-content:start;grid-auto-rows:max-content;padding:6px;scroll-padding-block:6px}.picker .dlg-list>[data-id=level],.picker .pk-head{grid-column:1 / -1}.pk-head{margin-block:6px 0;color:var(--ink-soft);font-size:.875rem;font-weight:600;text-align:start}.pk-card{flex-direction:column;justify-content:flex-start;gap:4px;padding:8px 8px 10px;min-height:48px}.pk-card .dlg-label{display:flex;flex-direction:column;gap:1px}.pk-name{font-weight:600}.pk-count{color:var(--ink-soft);font-size:.875rem}.pk-card.dlg-current{position:relative}.pk-card.dlg-current:before{position:absolute;inset-block-start:6px;inset-inline-start:8px;color:var(--accent)}.pk-svg{display:block;width:100%;height:92px;flex:none}.pk-svg rect{fill:var(--tile-face);stroke:var(--tile-edge-dark);stroke-width:.05}.pk-svg .pk-d1{fill:color-mix(in srgb,var(--tile-face),#6b5f45 18%)}.pk-svg .pk-d2{fill:color-mix(in srgb,var(--tile-face),#6b5f45 34%)}.pk-svg .pk-d3{fill:color-mix(in srgb,var(--tile-face),#6b5f45 48%)}.pk-svg .pk-d4{fill:color-mix(in srgb,var(--tile-face),#6b5f45 60%)}@media(max-width:480px){dialog.panel[data-dialog=newgame]>.dlg-list{grid-template-columns:1fr 1fr}}