.fpiece{width:calc(var(--w) * var(--cell,32px));height:calc(var(--h) * var(--cell,32px));max-width:none;display:block}.fpiece--icon{--cell:15px}.fgrid{--cell-line:color-mix(in srgb, var(--line) 80%, transparent);grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), auto);border:1px solid var(--line);border-radius:var(--radius-md);background:radial-gradient(120% 140% at 50% 0%, color-mix(in srgb, var(--c-guide) 9%, var(--surface-2)), var(--bg-2));direction:ltr;max-width:456px;margin-inline:auto;padding:clamp(6px,1.4vw,10px);display:grid;box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px #00000040}.fgrid__cell{aspect-ratio:1;background:color-mix(in srgb, var(--bg-2) 70%, transparent);min-width:0;box-shadow:inset 0 0 0 1px var(--cell-line), inset 0 3px 8px #00000047;transition:background var(--ease), box-shadow var(--ease);border:0;border-radius:6px;padding:0;transform:scale(.94)}.fgrid__cell.is-filled{box-shadow:none;background:0 0}button.fgrid__cell:disabled{cursor:default}.fgrid.is-active button.fgrid__cell:not(:disabled){cursor:pointer}.fgrid.is-active button.fgrid__cell:not(:disabled):hover{background:color-mix(in srgb, var(--c-tool) 22%, var(--bg-2));box-shadow:inset 0 0 0 1.5px var(--c-tool)}.fgrid__piece{z-index:1;pointer-events:none;filter:drop-shadow(0 2px 3px #00000073);width:100%;height:100%}.fgrid__piece.is-preview{z-index:2;filter:drop-shadow(0 0 1px var(--c-tool)) drop-shadow(0 0 6px color-mix(in srgb, var(--c-tool) 80%, transparent));animation:1.5s ease-in-out infinite fpiece-hint}@keyframes fpiece-hint{50%{opacity:.62}}@media (prefers-reduced-motion:reduce){.fgrid__piece.is-preview{opacity:.85;animation:none}}.fgrid.is-discarding{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 50%, transparent)}.fchance{border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 88%, transparent);grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:8px;padding:5px 12px;display:grid}.fchance .item-icon{grid-row:span 2;width:28px;height:28px}.fchance__label{font:500 11px/1.4 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.fchance__label b{font:inherit;color:var(--accent)}.fchance__value{font:500 19px/1.15 var(--font-mono);font-variant-numeric:tabular-nums}.fchance.is-stale .fchance__value{color:var(--muted)}@media (min-width:1100px){.fboard__play{align-items:start;gap:var(--space-4);grid-template-columns:minmax(0,420px) minmax(0,1fr);padding:0 18px 18px;display:grid}.fboard__play .board__table{padding:0}.fboard__play .advice{flex-direction:column;align-items:stretch;min-height:100%;margin:0}.fboard__play .advice__body{flex:auto}.fboard__play .advice__visual{justify-content:start}}.advice--warn{border-color:color-mix(in srgb, var(--accent) 50%, var(--line));background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 12%, var(--surface)), var(--surface))}.fbox__group{gap:var(--space-2);padding:14px 18px 0;display:grid}.fbox__label{align-items:center;gap:var(--space-2);font:500 11.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:flex}.fbox__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.fbox__piece{--cell:18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;min-height:74px;transition:border-color var(--ease), background var(--ease), transform var(--ease);place-items:center;padding:14px 6px 8px;display:grid;position:relative}.fbox__piece kbd{top:4px;padding:0 5px;font-size:10.5px;line-height:1.5;position:absolute;inset-inline-start:5px}.fbox__piece:not(:disabled):hover{border-color:var(--accent);transform:translateY(-2px)}.fbox__piece[aria-pressed=true]{border-color:var(--c-tool);background:color-mix(in srgb, var(--c-tool) 16%, var(--surface-2));box-shadow:inset 0 0 0 1px var(--c-tool)}.fbox__piece:disabled{cursor:default;opacity:.4}.fbox__piece.is-advised{border-color:var(--c-tool);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-tool) 30%, transparent)}.fbox__piece.is-finish{border-color:var(--c-tool);animation:1.8s ease-in-out infinite fbox-finish}@keyframes fbox-finish{0%,to{box-shadow:0 0 0 1px color-mix(in srgb, var(--c-tool) 60%, transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--c-tool) 35%, transparent)}}@media (prefers-reduced-motion:reduce){.fbox__piece.is-finish{box-shadow:0 0 0 3px color-mix(in srgb, var(--c-tool) 35%, transparent);animation:none}}.fbox__lux{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.fbox__lux .fbox__piece{--cell:16px;flex:none;width:92px;min-height:64px}.stepper{align-items:center;gap:var(--space-2);display:inline-flex}.stepper__label{color:var(--muted);font-size:13.5px}.stepper__btn{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:32px;height:32px;color:var(--fg);font:600 16px var(--font-body);cursor:pointer;transition:border-color var(--ease);place-items:center;padding:0;display:grid}.stepper__btn:not(:disabled):hover{border-color:var(--accent)}.stepper__btn:disabled{cursor:default;opacity:.4}.stepper__value{min-width:1.4em;font:500 18px var(--font-mono);text-align:center}.fbox__intro{border:1px solid color-mix(in srgb, var(--accent) 50%, var(--line));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent) 10%, var(--surface));justify-items:start;gap:6px;padding:10px 34px 10px 12px;font-size:13.5px;display:grid;position:relative}.fbox__intro-x{top:4px;width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;position:absolute;inset-inline-end:4px}.fbox__hint{border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);margin:14px 18px 16px;padding:9px 12px;font-size:13.5px}.fbox.is-active{border-color:color-mix(in srgb, var(--accent) 60%, var(--line))}.fbox.is-active .fbox__hint{color:var(--fg);background:color-mix(in srgb, var(--accent) 12%, var(--surface-2))}.fbox .panel__note{margin-inline-start:0;line-height:1.5}.fmoves__list{list-style:none}.fmove{align-items:center;gap:var(--space-3);border:0;border-top:1px solid color-mix(in srgb, var(--line) 60%, transparent);width:100%;color:var(--fg);font:500 13px var(--font-mono);text-align:start;cursor:pointer;transition:background var(--ease);background:0 0;grid-template-columns:34px auto minmax(40px,1fr) 64px;padding:7px 18px;display:grid}.fmoves__list li:first-child .fmove{border-top:0}.fmove:hover{background:var(--surface-2)}.fmove.is-selected{background:color-mix(in srgb, var(--c-tool) 10%, transparent);box-shadow:inset 3px 0 0 var(--c-tool)}[dir=rtl] .fmove.is-selected{box-shadow:inset -3px 0 0 var(--c-tool)}.fmove__rank{color:var(--muted)}.fmove__bar{border-radius:var(--radius-pill);background:var(--surface-2);height:6px;overflow:hidden}.fmove__bar span{background:var(--accent);height:100%;display:block}.fmove--best .fmove__bar span{background:var(--c-tool)}.fmove__pct{text-align:end}.mini-grid{grid-template-columns:repeat(var(--cols), 7px);direction:ltr;gap:1px;display:grid}.mini-grid i{background:var(--surface-2);height:7px;box-shadow:inset 0 0 0 1px var(--line);border-radius:1.5px}.mini-grid .is-filled{background:var(--muted);box-shadow:none;opacity:.55}.mini-grid .is-mark{background:var(--c-tool);box-shadow:none}@media (max-width:560px){.fgrid{max-width:none}.fboard .advice--draw,.fboard .advice__visual{display:none}.fchance{padding:3px 10px}.fchance .item-icon{width:24px;height:24px}.fchance__value{font-size:16px}.fbox__group{padding:10px 14px 0}.fbox__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.fbox__grid .fbox__piece{--cell:11px;min-height:58px;padding:14px 2px 6px}.fbox__lux .fbox__piece{--cell:13px;width:76px;min-height:52px}.fbox__hint{margin-inline:14px}.fmove{padding-inline:12px}}