.match-notes{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.match-notes>p{margin:0}.match-rating{color:var(--color-accent-strong);font-variant-numeric:tabular-nums}.match-footnotes{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-outline);display:grid;gap:4px}.match-footnotes>p{margin:0}.match-unverified{margin-top:4px}.match-rating-change{margin:8px 0 0;color:var(--color-accent-strong);font-variant-numeric:tabular-nums}.rating-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:6px 0 0;padding:0;list-style:none}.rating-legend__item{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--color-text-muted)}.rating-legend__swatch{display:inline-block;width:18px;height:0;border-top-width:2px;border-top-style:solid;border-top-color:var(--color-accent-strong)}.rating-legend__swatch--practice{border-top-style:dashed;border-top-color:var(--color-promoted)}.rating-line--practice{stroke:var(--color-promoted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5 4}.rating-mark--practice{fill:var(--color-surface);stroke:var(--color-promoted);stroke-width:1.6;stroke-linejoin:round}.rating-mark--practice-last{stroke-width:2}.free-setup{display:flex;flex-direction:column;gap:var(--space-3)}.free-setup__title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:.04em;margin:0}.free-setup .choice-group>.choice{flex:0 1 auto;white-space:nowrap}.free-exit{display:flex;justify-content:center;margin-top:var(--space-3)}.puzzle-header__badge{align-self:flex-start}.generate__title{margin-bottom:.25rem}.generate__experiment{border-left:3px solid var(--color-accent);padding-left:.6rem;margin:.5rem 0 1rem}.generate__layout{display:grid;gap:1rem}@media(min-width:900px){.generate__layout{grid-template-columns:minmax(0,1fr) 20rem;align-items:start}}.generate__side{display:grid;gap:.75rem}.generate__pieces{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.25rem}.generate__piece,.generate__tool{padding:.15rem;border-radius:.4rem;border:1px solid var(--color-outline);background:var(--color-surface)}.generate__piece svg{width:100%;height:auto;display:block}.generate__piece--on,.generate__tool--on{outline:2px solid var(--color-accent);outline-offset:1px}.generate__piece[aria-disabled=true]{opacity:.35}.generate__hands{display:grid;gap:.2rem}.generate__legend{font-weight:600}.generate__hand{display:grid;grid-template-columns:4rem 2rem minmax(5rem,1fr) 2rem auto;align-items:center;gap:.25rem}.generate__handCount{text-align:center}.generate__handFree{font-size:.75rem}.generate__actions{display:flex;flex-wrap:wrap;gap:.5rem}.generate__status{display:block;min-height:1.5rem;font-weight:600}.generate__sfen{overflow-wrap:anywhere;font-family:ui-monospace,monospace}.generate__params{border:1px solid var(--color-outline);border-radius:.5rem;padding:.5rem .6rem}.generate__params legend{font-weight:600;padding:0 .3rem}.generate__chips{display:flex;flex-wrap:wrap;gap:.35rem}.generate__chip{padding:.3rem .7rem;border-radius:999px;border:1px solid var(--color-outline);background:var(--color-surface)}.generate__chip--on{outline:2px solid var(--color-accent);outline-offset:1px;font-weight:600}.generate__handRow--defender{margin-bottom:.35rem}.generate__handRow--attacker{margin-top:.4rem}.generate__shownBar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.4rem}.generate__shownPly{font-weight:600}.generate__filter{margin-bottom:.6rem}.generate__gallery{margin-top:1.5rem}.generate__galleryTitle{margin-bottom:.5rem}.generate__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.75rem;list-style:none;padding:0}.generate__card{display:grid;gap:.3rem;justify-items:center}.generate__cardBoard{border:1px solid var(--color-outline);border-radius:.4rem;padding:0;background:none;display:block;width:100%;line-height:0;overflow:hidden}.generate__cardBoard:hover{outline:2px solid var(--color-accent)}.miniDiagram{display:block;width:100%;height:auto}.generate__steps{display:grid;grid-template-columns:1fr 1fr;gap:.2rem .3rem;align-items:center;width:100%}.generate__steps button{font-size:.72rem;padding:.2rem .3rem;white-space:nowrap}.generate__steps button:disabled{opacity:.45}.generate__stepAt{grid-column:1 / -1;order:-1;text-align:center}.generate__shownBar .generate__steps{display:flex;width:auto;gap:.35rem}.generate__shownBar .generate__stepAt{order:0;min-width:4.5em}.generate__trim{padding:.15rem .5rem}.generate__cardActions{display:flex;gap:.3rem}.generate__cardActions button{font-size:.75rem;padding:.2rem .45rem}.generate__switch{display:flex;align-items:center;gap:.35rem}.generate__switch select{padding:.1rem .3rem}.generateGuide{max-width:42rem}.generateGuide h2{margin-top:1.4rem}.generateGuide__lead{font-size:1.05rem}.generate__backend{border-radius:var(--radius-pill);padding:.15rem .6rem;display:inline-block;border:1px solid var(--color-outline)}.generate__backend--gpu{background:var(--color-success-soft);color:var(--color-success-text)}.generate__backend--cpu{background:var(--color-accent-soft);color:var(--color-accent-strong)}.generate__nearMiss{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--color-outline)}.generate__missCard{display:grid;gap:.3rem;justify-items:center;border:1px solid var(--color-outline);border-radius:.4rem;padding:.4rem}.generate__reason{margin:0;text-align:center}.generateTech{max-width:46rem}.generateTech__steps,.generateTech__lessons{padding-left:1.2rem}.generateTech__steps li,.generateTech__lessons li{margin-bottom:.4rem}.generateTech__figure{margin:.8rem 0 1.4rem}.generateTech__figure figcaption{margin-bottom:.3rem}.generateTech__table{border-collapse:collapse;width:100%;font-size:.92rem}.generateTech__table th,.generateTech__table td{border-bottom:1px solid var(--color-outline);padding:.3rem .5rem;text-align:left}.generateTech__table th[scope=row]{font-weight:500}.generateTech__table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.generateTech__links{margin-top:1.5rem}.rush-hud{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);align-items:center;width:100%}.rush-hud__cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2);border-radius:var(--radius-md);background:var(--color-card);border:1px solid var(--color-outline)}.rush-hud__label{font-size:var(--text-xs);letter-spacing:.08em;color:var(--color-text-muted)}.rush-hud__value{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.1;font-variant-numeric:tabular-nums}.rush-hud__value--clock{font-variant-numeric:tabular-nums;min-width:4ch;text-align:center}.rush-ply{margin:var(--space-2) 0 0;text-align:center;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:.06em}.rush-hud__cell--urgent .rush-hud__value{color:var(--color-danger)}.rush-hud__lives{display:inline-flex;gap:5px;align-items:center;height:1.4em}.rush-hud__life{width:13px;height:13px;border-radius:50%;background:transparent;border:2px solid var(--color-outline)}.rush-hud__life--spent{background:var(--color-danger);border-color:var(--color-danger)}.rush-mark{position:absolute;inset:0;pointer-events:none;border-radius:var(--radius-md);display:flex;justify-content:center}.rush-mark--solved{align-items:flex-start;box-shadow:inset 0 0 0 4px var(--color-success)}.rush-mark__badge{margin-top:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-success);color:#fff;font-weight:700;font-size:var(--text-md)}.rush-mark--notcheck{align-items:flex-start;box-shadow:inset 0 0 0 4px var(--color-accent)}.rush-mark__badge--warn{background:var(--color-accent);color:var(--color-on-accent)}.rush-mark--missed{align-items:flex-end;box-shadow:inset 0 0 0 4px var(--color-danger)}.rush-mark__panel{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);margin:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-card);border:2px solid var(--color-danger);box-shadow:var(--shadow-card);text-align:center}.rush-mark__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-danger-text);line-height:1.1}.rush-mark__reason{font-size:var(--text-sm);color:var(--color-text)}.rush-mark__next{margin-top:var(--space-1);min-width:8rem}.rush .board-stage{position:relative}.rush-start{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.rush-start__title{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:.04em;margin:0}.rush-start__sub,.rush-start__ending{margin:0;color:var(--color-text-muted)}.rush-start__score{font-family:var(--font-display);font-size:calc(var(--text-2xl) * 1.4);margin:0;font-variant-numeric:tabular-nums}.rush-start__best{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.rush-start__go,.rush-start__history{min-width:12rem}.rush-review{margin-top:var(--space-3)}.rush-review__title{margin:0 0 var(--space-2);font-size:var(--text-md)}.rush-review__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.workspace .rush-review .rush-review__list a.rush-review__row{color:var(--color-text);text-decoration:none}.rush-review__row{display:grid;grid-template-columns:1.5em 5em 1fr auto;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-outline);color:var(--color-text);text-decoration:none}.rush-review__row--missed{border-color:var(--color-danger)}.rush-review__mark{font-weight:700;text-align:center}.rush-review__row--solved .rush-review__mark{color:var(--color-success-text)}.rush-review__row--missed .rush-review__mark,.rush-review__row--missed .rush-review__outcome{color:var(--color-danger-text)}.rush-review .rush-review__again{font-size:var(--text-sm);color:var(--color-accent-strong);text-decoration:underline}:root{--color-bg: #111c29;--color-surface: #f7f2e8;--color-text: #172331;--color-text-muted: #65707a;--color-accent: #d9aa52;--color-accent-strong: #805315;--color-accent-soft: #f2e3be;--color-on-accent: #111c29;--color-success: #009e73;--color-warning: #8a5a00;--color-danger: #d55e00;--color-success-text: #126247;--color-success-soft: #bfe4d4;--color-danger-text: #a34800;--color-promoted: #a34800;--color-board-light: #ddb46e;--color-board-line: #7e5a2c;--color-legal-target: #faf1dc;--color-selected: #f5d27a;--color-coverage: #0072b2;--coverage-alpha-1: 18%;--coverage-alpha-2: 34%;--coverage-alpha-3: 50%;--color-coverage-1: rgb(0 114 178 / var(--coverage-alpha-1));--color-coverage-2: rgb(0 114 178 / var(--coverage-alpha-2));--color-coverage-3: rgb(0 114 178 / var(--coverage-alpha-3));--color-board-edge: #5d4020;--color-last-move: #e9c982;--color-hint: #eaf6ef;--color-focus-ring: #226786;--color-focus-ring-light: #ffe9a8;--color-hover-ring: #111c29;--color-outline: #d8cfc0;--color-shadow: rgb(13 27 40 / 18%);--color-card: #fffdf8;--shadow-card: 0 4px 16px rgb(17 28 41 / 5%);--shadow-action: 0 3px 10px rgb(133 83 21 / 12%);--color-piece-face: #f2d18e;--color-piece-face-defender: #e8c57f;--color-piece-edge: #795326;--color-piece-text: #1b1a17;--color-piece-text-muted: #45403a;--radius-sm: 5px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--motion-fast-ms: .12s;--motion-normal-ms: .24s;--motion-fast: .12s;--motion-normal: .24s;--font-ui: system-ui, -apple-system, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", Meiryo, sans-serif;--font-display: "Iowan Old Style", "Palatino Linotype", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", Georgia, serif;--font-piece: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", "Noto Serif JP", serif;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.625rem;--text-2xl: 2.25rem;--tap-min: 2.75rem;--shell-max: 34rem;--shell-max-wide: 73.75rem}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion-normal: 0ms}}:root[data-reduced-motion=true]{--motion-fast: 0ms;--motion-normal: 0ms}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-md);line-height:1.5}h1,h2,h3,p{margin:0}.shell>main{display:flex;flex:1;flex-direction:column;gap:var(--space-4);min-width:0}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.workspace a:not(.btn):not(.cta){color:var(--color-accent-strong);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.workspace a:not(.btn):not(.cta):hover{text-decoration-thickness:2px}.workspace a:not(.btn):not(.cta):visited{color:var(--color-accent-strong)}.workspace a:not(.btn):not(.cta):focus-visible{border-radius:var(--radius-sm);text-decoration-thickness:2px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.shell{display:flex;flex-direction:column;min-height:100dvh;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-6);max-width:var(--shell-max);gap:var(--space-4)}.shell--wide{max-width:var(--shell-max-wide)}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);min-height:var(--tap-min)}.topbar__brand{font-size:var(--text-lg);font-weight:700;letter-spacing:.14em;text-decoration:none;color:inherit}.topbar__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-left:auto}.lang-switch{display:inline-flex;align-items:center;min-inline-size:0;margin:0;padding:0;border:1px solid var(--color-outline);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text)}.lang-switch__option{min-height:var(--tap-min);padding:0 var(--space-3);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600;white-space:nowrap;cursor:pointer;transition:background var(--motion-fast) ease,color var(--motion-fast) ease}.lang-switch__option:hover[aria-pressed=false]{background:var(--color-accent-soft);color:var(--color-text)}.lang-switch__option[aria-pressed=true]{background:var(--color-accent-soft);color:var(--color-accent-strong);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;cursor:default}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-min);padding:var(--space-2) var(--space-4);border:1px solid var(--color-outline);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-weight:600;text-decoration:none;cursor:pointer;transition:background var(--motion-fast) ease,transform var(--motion-fast) ease}.btn:hover:not(:disabled){background:var(--color-accent-soft)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.btn--primary:hover:not(:disabled){background:var(--color-accent-strong);border-color:var(--color-accent-strong)}.btn--quiet{border-color:transparent;background:transparent;font-weight:500;color:var(--color-text-muted)}.btn--quiet:hover:not(:disabled){background:var(--color-accent-soft);color:var(--color-text)}.btn--block{width:100%}.cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);width:100%;min-height:5rem;padding:var(--space-4);border:0;border-radius:var(--radius-lg);background:var(--color-accent);color:var(--color-on-accent);cursor:pointer;text-decoration:none;box-shadow:0 6px 18px var(--color-shadow);transition:transform var(--motion-fast) ease,background var(--motion-fast) ease}.cta:hover{background:var(--color-accent-strong)}.cta:active{transform:translateY(2px)}.cta__top{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:var(--space-2)}.cta__label{font-size:var(--text-2xl);font-weight:800;letter-spacing:.06em;line-height:1.1}.cta__badge{padding:.1rem var(--space-2);border:1px solid currentcolor;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.cta__sub{font-size:var(--text-sm);opacity:.92}.card{padding:var(--space-4);border:1px solid var(--color-outline);border-radius:var(--radius-lg);background:var(--color-surface)}.card__title{font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.muted{color:var(--color-text-muted)}.small{font-size:var(--text-sm)}.energy{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-outline);font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.energy__icon{color:var(--color-danger-text)}.energy--empty .energy__icon{color:var(--color-text-muted)}.energy__refill{font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted)}.home{display:flex;flex-direction:column;gap:var(--space-5)}.home__hero{display:flex;flex-direction:column;gap:var(--space-1)}.home__brand{font-size:var(--text-2xl);font-weight:800;letter-spacing:.18em}.home__question{font-size:var(--text-lg);font-weight:700}.home__modes{display:grid;container-type:inline-size;gap:var(--space-3);grid-template-columns:minmax(0,1fr)}@media(min-width:22.5rem){.home__modes{grid-template-columns:repeat(2,minmax(0,1fr))}}.home__stats{display:flex;gap:var(--space-5);flex-wrap:wrap}.stat{display:flex;flex-direction:column}.stat__label{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.stat__value{font-size:var(--text-lg);font-weight:700;font-variant-numeric:tabular-nums}.daily-card{display:flex;flex-direction:column;gap:var(--space-2)}.daily-card__date{font-size:var(--text-sm);color:var(--color-text-muted)}.daily-levels{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.daily-level{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-outline);border-radius:var(--radius-md);background:transparent;text-align:left}.daily-level--open{cursor:pointer}.daily-level--open:hover{border-color:var(--color-accent-strong);background:var(--color-accent-soft)}.daily-level__name{font-weight:700}.daily-level__mate{color:var(--color-text-muted);font-size:var(--text-sm)}.daily-level__cta{margin-inline-start:auto;color:var(--color-accent-strong);font-weight:700}.daily-level__result{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2)}.daily-level__mark{color:var(--color-success-text);font-size:var(--text-lg);font-weight:700;line-height:1}.daily-level__time{font-weight:700;font-variant-numeric:tabular-nums}.daily-level__squares{font-size:var(--text-lg);letter-spacing:.08em;line-height:1.2}.daily-level__delta{color:var(--color-success-text);font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums}.daily-level__share{margin-inline-start:auto}.daily-card__streak{font-size:var(--text-sm);font-weight:600}.daily-card__note{margin:0}.share-dialog{width:min(28rem,calc(100vw - 2 * var(--space-4)));padding:0;border:1px solid var(--color-outline);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text)}.share-dialog::backdrop{background:#111c298c}.share-dialog__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.share-dialog__title{font-size:var(--text-lg);font-weight:700}.share-dialog__sub{color:var(--color-text-muted);font-size:var(--text-sm)}.share-dialog__preview{width:100%;max-width:100%;padding:var(--space-2);border:1px solid var(--color-outline);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);line-height:1.45;resize:vertical}.share-dialog__preview:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.share-dialog__targets{display:flex;flex-direction:column;gap:var(--space-2)}.share-dialog__status{margin:0}.share-dialog__close{align-self:center}.home__links{display:flex;gap:var(--space-2);flex-wrap:wrap}.play{display:grid;gap:var(--space-3);grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "defender" "board" "attacker" "panel";align-content:start}.play--no-defender{grid-template-areas:"header" "board" "attacker" "panel"}.play__header{grid-area:header}.play__defender{grid-area:defender}.play__board{grid-area:board;min-width:0}.play__attacker{grid-area:attacker}.play__panel{grid-area:panel;display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.puzzle-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.puzzle-header__objective{font-size:var(--text-lg);font-weight:700}.puzzle-header__rating{font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.play__controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.status{min-height:1.5rem;font-size:var(--text-sm);color:var(--color-text-muted)}.status--alert{color:var(--color-danger-text);font-weight:600}.status--check{color:var(--color-warning);font-weight:600}.completion{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-outline);border-left:4px solid var(--color-success);border-radius:var(--radius-lg);background:var(--color-surface);animation:card-in var(--motion-normal) ease-out}.completion--daily{border-left-color:var(--color-accent)}.completion__title{font-size:var(--text-xl);font-weight:800;letter-spacing:.04em}.completion__facts{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--color-accent-soft);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.badge--clean{background:var(--color-success-soft);color:var(--color-success-text)}.completion__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.feedback{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start;padding-top:var(--space-2);border-top:1px solid var(--color-outline)}.feedback__question{font-weight:600}.feedback__row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.feedback__btn{display:inline-flex;align-items:center;gap:var(--space-1);min-width:var(--tap-min);min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border:1px solid var(--color-outline);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:600;cursor:pointer}.feedback__emoji{font-size:var(--text-lg);line-height:1}.feedback__btn[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-strong)}.feedback__tick{font-weight:800}.feedback__btn--good[aria-pressed=true]{border:2px solid var(--color-success)}.feedback__btn--bad[aria-pressed=true]{border:2px solid var(--color-danger)}.feedback__chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border:1px dashed var(--color-outline);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-muted);font:inherit;font-size:var(--text-sm);cursor:pointer}.feedback__chip[aria-pressed=true]{border-style:solid;border-color:var(--color-danger);color:var(--color-text)}.export,.confirm{display:flex;flex-direction:column;gap:var(--space-2)}.export__text{width:100%;max-width:100%;padding:var(--space-2);border:1px solid var(--color-outline);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-xs);resize:vertical}.export__text:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.confirm{padding:var(--space-3);border:1px solid var(--color-danger);border-radius:var(--radius-md);background:var(--color-surface)}.refutation{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--color-outline);border-left:4px solid var(--color-warning);border-radius:var(--radius-md);background:var(--color-surface)}.refutation__title{font-weight:700}.refutation__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.refutation__restart.btn--quiet{align-self:flex-start;padding-inline:var(--space-2);font-size:var(--text-sm);box-shadow:none}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.callout{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-lg);background:var(--color-accent-soft)}.callout__step{font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-strong)}.callout__title{font-size:var(--text-lg);font-weight:800}.callout__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.progress-dots{display:flex;gap:var(--space-1)}.progress-dots__dot{width:.5rem;height:.5rem;border-radius:var(--radius-pill);background:var(--color-outline)}.progress-dots__dot--done{background:var(--color-accent)}.progress-dots__dot--current{background:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:2px}.prose{display:flex;flex-direction:column;gap:var(--space-4)}.prose h1{font-size:var(--text-xl)}.prose section{display:flex;flex-direction:column;gap:var(--space-1)}.prose h2{font-size:var(--text-md);font-weight:700}.prose h3{margin-top:var(--space-2);font-size:var(--text-sm);font-weight:700}.help-range__centre{font-weight:700}.help-table{min-width:0;overflow-x:auto;border:1px solid var(--color-outline);border-radius:var(--radius-md);background:#fffdf8}.help-table table{width:100%;border-collapse:collapse;font-size:var(--text-sm);text-align:left}.help-table caption{padding:var(--space-2) var(--space-2) 0;color:var(--color-text-muted);font-size:var(--text-xs);text-align:left}.help-table th,.help-table td{padding:var(--space-2);border-bottom:1px solid var(--color-outline);white-space:nowrap}.help-table thead th{color:var(--color-accent-strong);font-size:var(--text-xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.help-table tbody tr:last-child th,.help-table tbody tr:last-child td{border-bottom:0}.help-table tbody th{font-weight:700}.help-table tbody td{font-variant-numeric:tabular-nums;text-align:right}.help-table thead th:not(:first-child){text-align:right}.licenses__list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.licenses__item{display:flex;flex-direction:column}.licenses__name{font-size:var(--text-sm);font-weight:700}.licenses__details summary{cursor:pointer;color:var(--color-text-muted);font-size:var(--text-sm)}.licenses__text{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2);overflow-wrap:anywhere;color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.6}.settings{display:flex;flex-direction:column;gap:var(--space-5)}.settings>h1,.prose h1,.match-setup__title{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.4}.settings>.field{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-outline)}.settings .field__legend{margin-bottom:var(--space-2);color:var(--color-text);font-size:var(--text-sm);letter-spacing:.02em}.prose>section+section{padding-top:var(--space-4);border-top:1px solid var(--color-outline)}.prose p{line-height:1.8}.prose h2{color:var(--color-accent-strong)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__legend{padding:0;font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.field fieldset{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;border:0}.choice-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.choice{min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border:1px solid var(--color-outline);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;font-weight:600;transition:background var(--motion-fast) ease,border-color var(--motion-fast) ease}.choice:hover:not(:disabled){border-color:var(--color-accent-strong);background:var(--color-accent-soft)}.choice[aria-pressed=true],.choice[aria-checked=true]{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-strong)}.choice[aria-pressed=true]:before,.choice[aria-checked=true]:before{content:"✓ "}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.toggle-row__text{display:flex;flex-direction:column;min-width:0}.toggle-row>.choice{flex:0 0 auto;white-space:nowrap}.state{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-4);border:1px solid var(--color-outline);border-radius:var(--radius-lg);background:var(--color-surface)}.state__title{font-size:var(--text-lg);font-weight:700}.spinner{width:1.5rem;height:1.5rem;border:3px solid var(--color-outline);border-top-color:var(--color-accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.match-setup{display:flex;flex-direction:column;gap:var(--space-4)}.match-setup__title{font-size:var(--text-xl);font-weight:800}.match-countdown{display:block;color:var(--color-warning);font-weight:700;font-variant-numeric:tabular-nums}.match-controls{display:flex;flex-wrap:wrap;gap:var(--space-2)}.moves{padding:0 var(--space-3) var(--space-1);border:1px solid var(--color-outline);border-radius:var(--radius-md);background:var(--color-surface)}.moves__summary{display:flex;align-items:center;min-height:var(--tap-min);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);cursor:pointer}.moves__list{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);max-height:12rem;margin:0;padding:0 0 var(--space-2);overflow-y:auto;list-style:none}.moves__item{font-size:var(--text-sm);font-variant-numeric:tabular-nums}.completion--loss{border-left-color:var(--color-danger)}.completion--draw{border-left-color:var(--color-warning)}@media(orientation:landscape)and (max-height:33rem){.shell{max-width:none;padding:var(--space-2) var(--space-3);gap:var(--space-2)}.play{grid-template-columns:minmax(0,1fr) minmax(11rem,16rem);grid-template-areas:"defender header" "board    panel" "attacker panel";align-items:start}.play--no-defender{grid-template-areas:"board    header" "board    panel" "attacker panel"}.play__board{max-height:calc(100dvh - 5rem)}}@media(min-width:40rem){.shell{padding:var(--space-5) var(--space-5) var(--space-7)}}@media(min-width:60rem){.play{grid-template-columns:minmax(0,1fr) 18rem;grid-template-areas:"header   header" "defender panel" "board    panel" "attacker panel";gap:var(--space-3) var(--space-5);align-items:start}.play--no-defender{grid-template-areas:"header   header" "board    panel" "attacker panel"}.play__board{max-width:34rem}.home{max-width:var(--shell-max);margin:0 auto;width:100%}}body{min-width:20rem;background:radial-gradient(circle at 15% 0%,rgb(48 72 92 / 55%),transparent 30rem),var(--color-bg)}.shell{position:relative;gap:0;padding:0;overflow:hidden;background:var(--color-surface);box-shadow:0 0 0 1px #ffffff14,0 24px 80px #00000047}.workspace{width:100%;padding:var(--space-5) var(--space-4) var(--space-7)}.topbar{min-height:4.5rem;padding:var(--space-2) var(--space-4);color:#f7f2e8;background:#111c29;border-bottom:1px solid rgb(217 170 82 / 24%)}.topbar__brand{display:inline-flex;align-items:center;gap:var(--space-3);color:#f7f2e8}.topbar__mark{display:grid;place-items:center;width:2rem;height:2.2rem;padding-top:.15rem;clip-path:polygon(50% 0,91% 19%,100% 100%,0 100%,9% 19%);background:var(--color-accent);color:#111c29;font-family:var(--font-piece);font-size:var(--text-md);font-weight:800}.topbar__wordmark{font-size:.95rem;font-weight:800;letter-spacing:.1em}.topbar .energy,.topbar .lang-switch{color:#f7f2e8;border-color:#f7f2e833;background:#ffffff12}.topbar .energy__icon,.topbar .lang-switch__option[aria-pressed=true]{color:var(--color-accent)}.topbar .energy__refill,.topbar .lang-switch__option{color:#f7f2e8ad}.topbar .lang-switch__option:hover[aria-pressed=false],.topbar .lang-switch__option[aria-pressed=true]{background:#d9aa521f}.topbar :focus-visible{outline-color:var(--color-focus-ring-light)}.export__text,.share-dialog__preview{background:#f0e5cf}.shell__footer{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:var(--space-1) var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-outline)}.shell__signature{color:var(--color-text-muted);font-family:var(--font-display);font-size:.66rem;letter-spacing:.22em}.shell__licenses{display:inline-flex;align-items:center;min-height:var(--tap-min);color:var(--color-text-muted);font-size:var(--text-xs)}.btn,.choice{box-shadow:0 1px #ffffffb3 inset}.btn--primary{color:var(--color-on-accent);box-shadow:0 1px #ffffff47 inset,0 7px 18px #85531526}.btn--primary:hover:not(:disabled){color:#fffaf0}.home{display:grid;gap:var(--space-5);width:100%;max-width:none;margin:0}.home__primary{display:flex;flex-direction:column;justify-content:center;gap:var(--space-5);min-width:0}.home__secondary{display:grid;align-content:start;gap:var(--space-4)}.home__hero{gap:var(--space-3);container-type:inline-size}.home__eyebrow,.puzzle-header__kicker,.play__panel-kicker{color:var(--color-accent-strong);font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.home__brand{color:#111c29;font-family:var(--font-display);font-size:clamp(2.2rem,12cqi,4.6rem);font-weight:700;letter-spacing:.01em;line-height:.95}.home__question{max-width:24ch;color:#263544;font-family:var(--font-display);font-size:clamp(1.35rem,3vw,1.75rem);font-weight:600;line-height:1.5}.home__tagline{max-width:38rem;color:var(--color-text-muted);font-size:var(--text-sm)}.cta{position:relative;align-items:flex-start;min-height:6.25rem;padding:var(--space-4) var(--space-5);border:1px solid #c78c36;border-radius:var(--radius-md);color:var(--color-on-accent);background:linear-gradient(135deg,rgb(255 255 255 / 22%),transparent 42%),var(--color-accent);box-shadow:var(--shadow-action);text-align:left}.cta:hover{color:#fffaf0;background:var(--color-accent-strong)}.cta__top{justify-content:flex-start}.cta__label{font-family:var(--font-display);font-size:clamp(1.9rem,7vw,2.55rem);letter-spacing:.01em}.cta__badge{border-color:currentcolor}.cta--mode{min-height:5.5rem;padding:var(--space-4);gap:var(--space-2)}.cta--mode .cta__top{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.cta--mode .cta__label{font-size:clamp(1.2rem,5.2cqi,1.5rem);line-height:1.4}.cta--mode .cta__sub{margin-top:auto;min-height:3em;font-size:var(--text-xs);line-height:1.5}.cta--mode .cta__badge{max-width:100%;padding-inline:var(--space-1);font-size:var(--text-xs);white-space:normal}.home__stats{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding-block:var(--space-3);border-top:1px solid var(--color-outline);border-bottom:1px solid var(--color-outline)}.stat{gap:.1rem;padding-inline:var(--space-3);border-right:1px solid var(--color-outline)}.stat:first-child{padding-left:0}.stat:last-child{border-right:0}.stat__value{color:#111c29;font-family:var(--font-display);font-size:1.7rem}.card{border-color:#5d40202b;background:var(--color-card);box-shadow:var(--shadow-card)}.card__title{color:#8b642e}.daily-card{gap:var(--space-3);padding:var(--space-5)}.daily-card__date{color:var(--color-text-muted);font-size:var(--text-sm)}.daily-card .card__title{color:var(--color-text);font-size:var(--text-lg);letter-spacing:.02em;text-transform:none}.daily-level__name{color:var(--color-text);font-size:var(--text-md)}.daily-level{min-height:3.5rem;background:var(--color-surface);transition:background var(--motion-fast) ease,border-color var(--motion-fast) ease}.daily-level__time{font-family:var(--font-display);font-size:var(--text-lg)}.daily-level__squares{font-size:1.5rem}.home__links{grid-column:1 / -1;justify-content:center;padding-top:var(--space-1)}.play{width:100%;max-width:58rem;margin-inline:auto;gap:var(--space-3)}.play__header{padding-bottom:var(--space-2);border-bottom:1px solid var(--color-outline)}.puzzle-header{align-items:center}.puzzle-header__copy{display:flex;flex-direction:column;gap:.15rem}.puzzle-header__copy:not(:has(.puzzle-header__kicker)){padding-top:var(--space-2)}.puzzle-header__objective{color:#111c29;font-family:var(--font-display);font-size:clamp(1.8rem,7vw,2.6rem);font-weight:600;line-height:1.05}.puzzle-header__rating,.puzzle-header__aside{display:flex;flex-direction:column;align-items:flex-end;min-width:5.2rem;padding:var(--space-2) var(--space-3);border-left:2px solid var(--color-accent);color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.puzzle-header__aside{justify-content:center;min-width:0}.puzzle-header__rating strong{color:#111c29;font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:0}.play__board{width:100%;max-width:35rem}.board-stage{width:100%}.play__panel{align-self:start;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-outline);border-top:3px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-card)}.play__panel-intro{padding-bottom:var(--space-3);border-bottom:1px solid var(--color-outline)}.play__panel-intro:has(.status:empty){padding-bottom:0;border-bottom:0}.play__panel-intro .status{min-height:0;color:#263544;font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}.play__panel-intro .status--alert{color:var(--color-danger-text)}.play__panel-intro .status-sub{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm)}.play__panel-intro .status--check{color:var(--color-warning)}.play__controls{align-items:stretch;flex-direction:column}.play__controls .btn{width:100%}.completion,.refutation{border-width:0;border-top:3px solid var(--color-success);border-radius:var(--radius-sm);background:#f8f1e3;box-shadow:none}.refutation{border-top-color:var(--color-warning)}.completion--loss{border-top-color:var(--color-danger)}.completion--draw{border-top-color:var(--color-warning)}.completion__title{color:#111c29;font-family:var(--font-display);font-size:2rem}.play__attacker .hand{border-left:3px solid var(--color-accent)}@media(min-width:48rem){.workspace{padding:var(--space-6) var(--space-6) var(--space-8)}.topbar{padding-inline:var(--space-6)}.home{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);gap:var(--space-6) var(--space-7);align-items:start;padding:var(--space-5) 0}.home__primary{min-height:0}}@media(min-width:60rem){.play{grid-template-columns:35rem minmax(16rem,18.75rem);grid-template-areas:"header   header" "defender panel" "board    panel" "attacker panel";column-gap:var(--space-6)}.play--no-defender{grid-template-areas:"header header" "board  panel" "attacker panel"}.play__panel{position:sticky;top:var(--space-4)}}@media(max-width:39.99rem){.topbar{min-height:4rem;padding-inline:var(--space-3)}.topbar__actions{gap:var(--space-1)}.topbar .energy__refill{display:none}.lang-switch__option{min-height:var(--tap-min);padding-inline:var(--space-2)}.workspace{padding:var(--space-4) var(--space-3) var(--space-6)}.home{gap:var(--space-4)}.home__secondary{gap:var(--space-3)}.home>.home__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.home>.home__links>:last-child{grid-column:1 / -1}.daily-card,.play__panel{padding:var(--space-4)}}@media(orientation:landscape)and (max-height:33rem){.workspace{padding:var(--space-2) var(--space-3)}.topbar{min-height:3.25rem}.shell__signature{display:none}.play{grid-template-columns:minmax(0,calc(100dvh - 7.5rem)) minmax(12rem,17rem);grid-template-areas:"board header" "board panel" "attacker panel";gap:var(--space-2) var(--space-4)}.play:not(.play--no-defender){grid-template-areas:"defender header" "board panel" "attacker panel"}.play__board{width:min(100%,calc(100dvh - 7.5rem))}.play__panel{max-height:calc(100dvh - 5rem);padding:var(--space-3);overflow:auto}.puzzle-header__objective{font-size:var(--text-lg)}.play--match{grid-template-columns:minmax(0,calc(100dvh - 12rem)) minmax(12rem,17rem)}.play--match .play__board{width:min(100%,calc(100dvh - 12rem))}.play--match .hand{min-height:2.75rem;padding-block:var(--space-1)}}.coverage-toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:var(--tap-min);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600;cursor:pointer}.coverage-toggle:hover{color:var(--color-text)}.coverage-toggle__box{flex:0 0 auto;width:1.15rem;height:1.15rem;margin:0;accent-color:var(--color-coverage);cursor:pointer}.board{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:var(--space-1);width:100%}.board__files,.board__ranks{display:grid;font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;user-select:none}.board__files{grid-column:1;grid-row:1;grid-template-columns:repeat(9,1fr);text-align:center}.board__ranks{grid-column:2;grid-row:2;grid-template-rows:repeat(9,1fr);align-items:center;padding-inline:.2rem}.board__grid{position:relative;grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(9,1fr);aspect-ratio:1 / 1;background:var(--color-board-light);border:3px solid var(--color-board-edge);border-radius:3px;overflow:hidden;box-shadow:0 2px #ffffff59 inset,0 18px 38px #2a1b0a33,0 3px 8px #2a1b0a29}.square{position:relative;display:block;padding:0;border:0;border-right:1px solid var(--color-board-line);border-bottom:1px solid var(--color-board-line);background:var(--square-coverage, transparent);aspect-ratio:1 / 1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.square:nth-child(9n){border-right:0}.square:nth-child(n+73){border-bottom:0}.square:disabled,.square[aria-disabled=true]{cursor:default}.square:focus-visible{outline-offset:-3px;z-index:2}.square:focus-visible:after{content:"";position:absolute;inset:3px;box-shadow:inset 0 0 0 2px var(--color-focus-ring-light);pointer-events:none}.square--target{background:var(--color-legal-target)}.square--last{background:var(--color-last-move)}.square--last:before{content:"";position:absolute;inset:0 auto auto 0;width:24%;height:24%;background:var(--color-board-edge);clip-path:polygon(0 0,100% 0,0 100%);opacity:.55}.square--hint{background:var(--color-hint);box-shadow:inset 0 0 0 3px var(--color-success)}.square--selected{background:var(--color-selected);box-shadow:inset 0 0 0 4px var(--color-accent-strong)}.square--illegal{animation:square-reject var(--motion-normal) ease-out 2;box-shadow:inset 0 0 0 3px var(--color-danger)}@keyframes square-reject{50%{box-shadow:inset 0 0 0 5px var(--color-danger)}}@media(hover:hover)and (pointer:fine){.square[aria-disabled=false]:hover{box-shadow:inset 0 0 0 3px var(--color-hover-ring)}.square--hint[aria-disabled=false]:hover{box-shadow:inset 0 0 0 3px var(--color-success),inset 0 0 0 6px var(--color-hover-ring)}.square--selected[aria-disabled=false]:hover{box-shadow:inset 0 0 0 4px var(--color-accent-strong),inset 0 0 0 7px var(--color-hover-ring)}.square--illegal[aria-disabled=false]:hover{box-shadow:inset 0 0 0 3px var(--color-danger),inset 0 0 0 6px var(--color-hover-ring)}}.square__coverage-count{position:absolute;right:4%;bottom:1%;color:var(--color-text);font-size:clamp(.5rem,2.2vw,.8rem);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;pointer-events:none}.square__cue{position:absolute;pointer-events:none}.square__cue--move{inset:34%;border-radius:50%;background:var(--color-accent-strong)}.square__cue--capture{inset:6%;border:3px solid var(--color-accent-strong);border-radius:50%}.square__cue--check{inset:2%;border:3px double var(--color-danger);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 2px var(--color-danger)}.piece-slot{position:absolute;inset:0;padding:5%;pointer-events:none}.piece-slot--moving{animation:piece-slide var(--motion-fast) ease-out}.piece-slot--dropping{animation:piece-drop var(--motion-fast) ease-out}@keyframes piece-slide{0%{transform:translate(calc(var(--dx, 0) * 100%),calc(var(--dy, 0) * 100%))}to{transform:none}}@keyframes piece-drop{0%{opacity:.2;transform:scale(.7)}to{opacity:1;transform:none}}.piece{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 1.5px 1px rgb(69 43 15 / 30%))}.piece--defender{transform:rotate(180deg)}.piece__body{fill:var(--color-piece-face);stroke:var(--color-piece-edge);stroke-width:2.4;stroke-linejoin:round}.piece__highlight{fill:none;stroke:#fff7dd8c;stroke-width:2;stroke-linecap:round;pointer-events:none}.piece--defender .piece__body{fill:var(--color-piece-face-defender)}.piece__kanji{font-family:var(--font-piece);font-weight:700;fill:var(--color-piece-text);text-anchor:middle}.piece__kanji--promoted{fill:var(--color-promoted)}.piece__latin{font-family:var(--font-ui);font-weight:700;fill:var(--color-piece-text-muted);text-anchor:middle}.piece__promoted-bar{fill:var(--color-promoted)}.promote{position:absolute;z-index:3;display:flex;flex-direction:column;gap:2px;padding:var(--space-1);border:1px solid var(--color-outline);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 6px 18px var(--color-shadow);transform:translate(-50%)}.promote__title{font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);text-align:center}.promote__btn{min-height:var(--tap-min);padding:var(--space-1) var(--space-3);border:1px solid var(--color-outline);border-radius:var(--radius-sm);background:var(--color-surface);font-weight:600;white-space:nowrap;cursor:pointer}.promote__btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.hand{--hand-row: 2.55rem;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-height:calc(var(--hand-row) + var(--space-2) * 2 + 2px);padding:var(--space-2) var(--space-3);border:1px solid rgb(126 90 44 / 24%);border-radius:var(--radius-md);background:#f0e5cf}.hand__label{flex:0 0 auto;font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.hand__pieces{display:flex;flex:1 1 0;align-items:center;gap:var(--space-1);flex-wrap:wrap;min-width:0;min-height:var(--hand-row)}.hand__empty{display:inline-flex;align-items:center;min-height:var(--hand-row)}.hand__piece{position:relative;width:2.55rem;height:2.55rem;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;cursor:pointer}.hand__piece:disabled{cursor:default}.hand__piece[aria-pressed=true]{background:var(--color-selected);box-shadow:0 0 0 3px var(--color-accent-strong)}.hand__count{position:absolute;right:-.1rem;bottom:-.1rem;min-width:1.05rem;padding:0 .2rem;border:1px solid var(--color-outline);border-radius:var(--radius-pill);background:var(--color-surface);font-size:.7rem;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums}.hand--compact{min-height:0;row-gap:var(--space-1);padding:var(--space-1) var(--space-3);background:#f0e5cf94}.hand--compact .hand__pieces{flex:0 1 auto;min-height:0}.hand__pieces--chips{margin:0;padding:0;list-style:none}.hand__label--compact{letter-spacing:.02em;text-transform:none;font-weight:600}.hand-chip{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-1);border:1px solid var(--color-outline);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.5;font-variant-numeric:tabular-nums;white-space:nowrap}.guide{overflow-wrap:break-word}.guide__lede{color:#263544;font-family:var(--font-display);font-size:var(--text-lg);line-height:1.35}.guide-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding-left:var(--space-5)}.guide-list>li::marker{color:var(--color-accent-strong)}.guide-table{min-width:0;overflow-x:auto;border:1px solid var(--color-outline);border-radius:var(--radius-md);background:#fffdf8}.guide-table table{min-width:26rem;width:100%;border-collapse:collapse;font-size:var(--text-sm);text-align:left}.guide-table th,.guide-table td{padding:var(--space-2);border-bottom:1px solid var(--color-outline);vertical-align:top}.guide-table thead th{color:var(--color-accent-strong);font-size:var(--text-xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.guide-table tbody tr:last-child th,.guide-table tbody tr:last-child td{border-bottom:0}.guide-table tbody th{min-width:6rem;border-right:1px solid var(--color-outline);color:#111c29;font-weight:700}.guide-table td{color:var(--color-text-muted)}.guide-glyph{display:inline-block;margin-right:.35em;color:var(--color-accent-strong);font-family:var(--font-piece);font-size:1.25em;font-weight:700;line-height:1}.guide-name{font-family:var(--font-display)}.guide-latin{margin-left:.4em;color:var(--color-text-muted);font-size:.85em;font-weight:600;letter-spacing:.06em}.guide-pieces{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));margin:0;padding:0;list-style:none}.guide-piece{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.guide-piece__name{display:flex;align-items:center;font-size:var(--text-xs)}.guide-piece__name .guide-glyph{font-size:1.5rem}.guide-piece__forms{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.guide-piece__becomes{color:var(--color-accent-strong);font-size:var(--text-lg);font-weight:700}.movepat{width:clamp(5rem,28vw,7.5rem);flex:0 0 auto;margin:0}.movepat__svg{display:block;width:100%;height:auto}.movepat__ground{fill:var(--color-accent-soft)}.movepat__line{stroke:var(--color-board-line);stroke-width:.6;opacity:.35}.movepat__frame{fill:none;stroke:var(--color-board-line);stroke-width:1}.movepat__dot{fill:var(--color-accent-strong)}.movepat__ray{stroke:var(--color-accent-strong);stroke-width:2.2;stroke-linecap:round}.movepat__head{fill:var(--color-accent-strong)}.movepat__hop{stroke:var(--color-accent-strong);stroke-width:1.2;stroke-dasharray:3 3;opacity:.6}.movepat__jump{fill:var(--color-surface);stroke:var(--color-accent-strong);stroke-width:1.8}.movepat__koma{fill:var(--color-piece-face);stroke:var(--color-piece-edge);stroke-width:1}.movepat__kanji{fill:var(--color-piece-text);font-family:var(--font-piece);font-weight:600;text-anchor:middle}.movepat__kanji--promoted,.movepat__bar{fill:var(--color-promoted)}@media(min-width:48rem){.guide-pieces{gap:var(--space-4)}.movepat{width:7.5rem}}.zone-figure{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.zone{width:clamp(9rem,52vw,13rem);margin:0}.zone__svg{display:block;width:100%;height:auto}.zone__ground{fill:var(--color-accent-soft)}.zone__camp{fill:var(--color-accent);fill-opacity:.5}.zone__own{fill:none;stroke:var(--color-accent-strong);stroke-width:.8;stroke-dasharray:3 2.5;opacity:.6}.zone__line{stroke:var(--color-board-line);stroke-width:.4;opacity:.35}.zone__edge{stroke:var(--color-accent-strong);stroke-width:1.6}.zone__frame{fill:none;stroke:var(--color-board-line);stroke-width:1}.zone__rank{fill:var(--color-accent-strong);font-family:var(--font-piece);font-weight:700}.zone__you{fill:var(--color-piece-face);stroke:var(--color-piece-edge);stroke-width:.8}.zone__label{fill:var(--color-text-muted);font-family:var(--font-ui);font-weight:700}.rating{display:flex;flex-direction:column;gap:var(--space-4)}.rating__title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:.04em}.rating__stats-series{margin:0 0 calc(var(--space-1) * -1)}.rating__stats{margin:0}.rating__empty{margin:0;padding:var(--space-5) var(--space-4);border:1px dashed var(--color-outline);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center}.rating-chart{margin:0;padding:var(--space-3) var(--space-2) var(--space-2);border:1px solid rgb(93 64 32 / 17%);border-radius:var(--radius-lg);background:#fffdf8;box-shadow:0 10px 26px #111c2912}.rating-chart__frame{min-width:0;overflow:hidden}.rating-chart__svg{display:block;width:100%;max-width:100%}.rating-chart__band{fill:var(--color-accent-soft);opacity:.35}.rating-chart__grid{stroke:var(--color-outline);stroke-width:1}.rating-chart__grid--major{stroke:#5d402057}.rating-chart__axis{fill:var(--color-text-muted);font-family:var(--font-ui);font-size:11px;font-variant-numeric:tabular-nums}.rating-chart__line{stroke:var(--color-accent-strong);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.rating-chart__dot{fill:var(--color-accent-strong)}.rating-chart__peak-dot,.rating-chart__last-dot{fill:var(--color-accent);stroke:var(--color-accent-strong);stroke-width:2}.rating-chart__value{fill:#172331;font-family:var(--font-display);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.rating-chart__value--peak{fill:var(--color-accent-strong)}.rating-chart__value--practice{fill:var(--color-promoted)}.stat--link{color:inherit;text-decoration:none;border-radius:var(--radius-sm)}.workspace a.stat--link:not(.btn):not(.cta){color:inherit;text-decoration:none}.stat--link .stat__value{display:inline-flex;align-items:baseline;gap:.15em}.stat__chevron{color:var(--color-accent-strong);font-size:var(--text-md);font-weight:700;line-height:1}.workspace a.stat--link:hover .stat__label,.workspace a.stat--link:focus-visible .stat__label{color:var(--color-accent-strong);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}.rating-today,.stat__today{color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:400;letter-spacing:.01em;text-transform:none}.match-rating__today{margin-left:.4em}.home .home__stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--space-3)}.home .home__stats .stat:nth-child(2n){border-right:0}.home .home__stats .stat:nth-child(odd){padding-left:0}@media(min-width:30rem){.home .home__stats{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:0}.home .home__stats .stat:nth-child(2n){border-right:1px solid var(--color-outline)}.home .home__stats .stat:nth-child(odd){padding-left:var(--space-3)}.home .home__stats .stat:first-child{padding-left:0}.home .home__stats .stat:last-child{border-right:0}}.home .home__stats .stat__label{line-height:1.25}.completion__history{white-space:nowrap}.history{display:flex;flex-direction:column;gap:var(--space-4)}.history__title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:.04em}.history__subtitle{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.03em;margin-bottom:var(--space-2)}.history__count{margin:calc(var(--space-3) * -1) 0 0}.history__empty{margin:0;padding:var(--space-5) var(--space-4);border:1px dashed var(--color-outline);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center}.history-list,.history-cal__rows,.history-cal__levels{list-style:none;margin:0;padding:0}.history-list,.history-cal__rows{display:flex;flex-direction:column;gap:var(--space-2)}.history-row{display:flex;align-items:stretch;gap:var(--space-2)}.history-row__open{display:flex;flex:1 1 auto;min-width:0;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3);min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border:1px solid var(--color-outline);border-radius:var(--radius-md);background:var(--color-surface);color:inherit;text-align:left}.workspace a.history-row__open:not(.btn){color:inherit;text-decoration:none}.workspace a.history-row__open:not(.btn):hover,.workspace a.history-row__open:not(.btn):focus-visible{border-color:var(--color-accent-strong);background:var(--color-legal-target)}.history-row__date{font-weight:600}.history-row__mate{font-family:var(--font-display);color:var(--color-accent-strong)}.history-row__time{font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.history-row__kind{font-weight:600}.history-row__grade{font-size:var(--text-sm);color:var(--color-accent-strong);white-space:nowrap}.history-row__clean{color:var(--color-success-text);font-size:var(--text-sm);white-space:nowrap}.history-row__mode{font-size:var(--text-xs)}.history-row__share{flex:0 0 auto;min-height:var(--tap-min)}.history__more{margin:0}.history__calendar{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-2) var(--space-4);border:1px solid var(--color-outline);border-radius:var(--radius-lg);background:var(--color-surface)}.history__calendar .history__subtitle{margin-bottom:0}@media(min-width:22.5rem){.history__calendar{padding-inline:var(--space-3)}}.history-cal__bar{display:flex;align-items:center;gap:var(--space-2)}.history-cal__month{flex:1 1 auto;min-width:0;margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;text-align:center}.history-cal__nav{flex:0 0 auto;min-width:var(--tap-min);min-height:var(--tap-min);padding-inline:var(--space-2);font-size:var(--text-lg);line-height:1}.history-cal__nav:disabled{opacity:.4}.history-cal__grid{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:2px}.history-cal__grid th{padding-bottom:var(--space-1);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted)}.history-cal__grid td{padding:0;vertical-align:top}.history-cal__day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;min-height:2.5rem;padding:var(--space-1) 0;border:1px solid var(--color-outline);border-radius:var(--radius-sm);background:#fffdf8;color:inherit;font:inherit;cursor:pointer}.history-cal__day:hover,.history-cal__day:focus-visible{border-color:var(--color-accent-strong);background:var(--color-legal-target)}.history-cal__day:disabled{opacity:.4;cursor:default}.history-cal__day:disabled:hover{border-color:var(--color-outline);background:#fffdf8}.history-cal__day--today{box-shadow:inset 0 0 0 2px var(--color-accent)}.history-cal__day--selected{border:2px solid var(--color-accent-strong);background:var(--color-accent-soft);font-weight:700}.history-cal__top{display:flex;align-items:baseline;gap:2px;line-height:1.1}.history-cal__num{font-size:var(--text-sm);font-variant-numeric:tabular-nums}.history-cal__count{font-size:.625rem;font-weight:700;color:var(--color-success-text);font-variant-numeric:tabular-nums}.history-cal__marks{display:flex;gap:2px;min-height:6px}.history-cal__mark{width:6px;height:6px;border:1px solid var(--color-text-muted);border-radius:50%}.history-cal__mark--solved{border-color:var(--color-success);background:var(--color-success)}.history-cal__detail{display:flex;flex-direction:column;gap:var(--space-2)}.history-cal__date{margin:0;font-family:var(--font-display);font-size:var(--text-md);font-weight:600}.history-cal__levels{display:grid;grid-template-columns:1fr;gap:var(--space-1)}@media(min-width:22.5rem){.history-cal__levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}}.history-level{display:flex;flex-direction:column;gap:2px;min-height:var(--tap-min);justify-content:center;padding:var(--space-1) var(--space-2);border:1px solid var(--color-outline);border-radius:var(--radius-sm);background:#fffdf8;color:inherit}.workspace a.history-level:not(.btn){color:inherit;text-decoration:none}.workspace a.history-level:not(.btn):hover,.workspace a.history-level:not(.btn):focus-visible{border-color:var(--color-accent-strong);background:var(--color-legal-target)}.history-level--absent{opacity:.55}.history-level--solved{border-color:var(--color-success-soft)}.history-level__name{font-size:var(--text-sm);font-weight:600}.history-level__mate{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-accent-strong)}.history-level__status{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.history-level__mark{color:var(--color-success-text);font-weight:700;margin-right:2px}.history-level--solved .history-level__status{color:var(--color-success-text)}.completion__share{white-space:nowrap}.cta--mode .cta__sub{margin-top:0;min-height:0}.cta--mode .cta__label{font-size:clamp(1rem,4.4cqi,1.5rem)}.cta--mode .cta__badge{margin-top:auto;align-self:flex-start}.home--onboarding .cta--mode{background:var(--color-card);border-color:var(--color-outline);box-shadow:none}.home--onboarding .cta--mode:hover{background:var(--color-accent-soft);border-color:var(--color-accent-strong);color:var(--color-text)}.play__status{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border:0;border-left:3px solid var(--color-accent);background:var(--color-card)}.play__status:has(.status:empty){display:none}.play__status .status{font-family:var(--font-ui);font-size:var(--text-md)}.match-exit-actions{min-inline-size:0;margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-outline)}.match-exit-actions .btn{font-size:var(--text-sm);text-decoration:underline;text-underline-offset:.2em}.tutorial-guidance{margin-top:var(--space-3);padding:var(--space-3);border:2px solid var(--color-accent-strong);border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-text);font-weight:700}.play--guided-drop .play__panel{padding:0;border:0;background:transparent;box-shadow:none}.hand__piece--guided{outline:3px solid var(--color-accent-strong);outline-offset:3px;background:var(--color-selected)}.square--guided{background:var(--color-hint);box-shadow:inset 0 0 0 3px var(--color-accent-strong)}.tutorial-marker{position:absolute;z-index:1;top:0;left:0;display:grid;place-items:center;min-width:1.25rem;height:1.25rem;border-radius:var(--radius-pill);background:var(--color-accent-strong);color:var(--color-card);font:700 var(--text-xs) var(--font-ui);pointer-events:none}.hand__piece--guided .tutorial-marker{top:calc(-1 * var(--space-2));left:calc(-1 * var(--space-2))}.help-contents{padding:var(--space-4);border:1px solid var(--color-outline);border-radius:var(--radius-md);background:var(--color-card)}.help-contents ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1) var(--space-4);margin:var(--space-2) 0 0;padding:0;list-style:none}.help-contents a{display:flex;align-items:center;min-height:var(--tap-min);font-size:var(--text-sm)}.prose section[id]{scroll-margin-top:var(--space-4)}.operation-diagram{margin:var(--space-2) 0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-card)}.operation-diagram svg{display:block;width:100%;max-width:20rem;margin:auto}.operation-diagram figcaption{margin-top:var(--space-2);font-size:var(--text-sm)}.operation-diagram__board{fill:var(--color-board-light)}.operation-diagram__line{stroke:var(--color-board-line)}.operation-diagram__tray{fill:var(--color-accent-soft);stroke:var(--color-outline)}.operation-diagram__piece{fill:var(--color-piece-face);stroke:var(--color-piece-edge)}.operation-diagram__arrow{fill:none;stroke:var(--color-accent-strong);stroke-width:3}.operation-diagram__marker{fill:var(--color-accent-strong)}.operation-diagram text{fill:var(--color-card);font:700 12px var(--font-ui);text-anchor:middle}@media(max-width:59.99rem)and (min-height:33.01rem){.play__header .puzzle-header__objective{font-size:var(--text-xl)}.play__header .puzzle-header__rating{padding-block:0}.play--match .puzzle-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.play--match .puzzle-header__rating{padding:0;border:0;align-items:flex-start;letter-spacing:0;text-transform:none}.play__panel{padding:var(--space-3);gap:var(--space-3)}.play__controls{flex-direction:row;flex-wrap:wrap;align-items:center}.play__controls .btn{width:auto;flex:1 1 auto}.play--tutorial-intro{grid-template-areas:"header" "panel" "defender" "board" "attacker"}.play--tutorial-intro.play--no-defender{grid-template-areas:"header" "panel" "board" "attacker"}.play--guided-drop{grid-template-areas:"header" "attacker" "defender" "board" "panel"}.play--guided-drop.play--no-defender{grid-template-areas:"header" "attacker" "board" "panel"}}