:root{--color-bg: #f7f5f1;--color-surface: #ffffff;--color-text: #191817;--color-text-muted: #67615a;--color-accent: #1f5fc4;--color-accent-strong: #16478f;--color-accent-soft: #e3ecfb;--color-on-accent: #ffffff;--color-success: #1c7048;--color-warning: #8a5a00;--color-danger: #b4342a;--color-board-light: #eadfc6;--color-board-line: #a98a5e;--color-legal-target: #cfe0f8;--color-selected: #f6d98a;--color-board-edge: #8c6f47;--color-last-move: #f2e6c8;--color-hint: #cfe9dc;--color-focus-ring: var(--color-accent-strong);--color-outline: #ddd6cb;--color-shadow: rgb(30 25 18 / 12%);--color-piece-face: #f0e2c3;--color-piece-face-defender: #e6d6b4;--color-piece-edge: #8e7343;--color-piece-text: #1b1a17;--color-piece-text-muted: #45403a;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--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-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: 30rem;--shell-max-wide: 64rem}@media(prefers-color-scheme:dark){:root{--color-bg: #16161a;--color-surface: #1f2026;--color-text: #f2f0ec;--color-text-muted: #a8a39a;--color-accent: #79a9f5;--color-accent-strong: #a9c7fb;--color-accent-soft: #23314a;--color-on-accent: #0f1218;--color-success: #6dc999;--color-warning: #e0b25a;--color-danger: #f08b80;--color-board-light: #c6b391;--color-board-line: #6d5533;--color-legal-target: #7fa4dd;--color-selected: #d9ab4d;--color-board-edge: #4c3c25;--color-last-move: #b9a377;--color-hint: #7fc4a6;--color-focus-ring: var(--color-accent-strong);--color-outline: #35363d;--color-shadow: rgb(0 0 0 / 45%);--color-piece-face: #d9c6a3;--color-piece-face-defender: #c8b28c;--color-piece-edge: #5f4a2a;--color-piece-text: #17150f;--color-piece-text-muted: #3b352c}}@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}.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;align-items:center;justify-content:space-between;gap: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;align-items:center;gap:var(--space-2)}.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;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__label{font-size:var(--text-2xl);font-weight:800;letter-spacing:.06em;line-height:1.1}.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)}.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__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-card__tz{font-size:var(--text-xs);letter-spacing:.08em;padding:0 var(--space-1);border:1px solid var(--color-outline);border-radius:var(--radius-sm);text-decoration:none;cursor:help}.daily-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;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;text-align:left}.daily-row:hover{background:var(--color-accent-soft)}.daily-row__mark{font-size:var(--text-md);width:1.5rem;text-align:center}.daily-row--done .daily-row__mark{color:var(--color-success)}.daily-row--next .daily-row__mark{color:var(--color-accent)}.daily-row--open .daily-row__mark{color:var(--color-text-muted)}.daily-row__label{flex:1;font-weight:600}.daily-row__meta{font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.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;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);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-hint);color:var(--color-text)}.completion__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.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}@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}.settings{display:flex;flex-direction:column;gap:var(--space-5)}.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}.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}.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}}@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%}}.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:2px solid var(--color-board-edge);border-radius:var(--radius-sm);overflow:hidden}.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:transparent;aspect-ratio:1 / 1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.square:nth-child(9n){border-right:0}.square:nth-child(n+73){border-bottom:0}.square:disabled{cursor:default}.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)}}.square__cue{position:absolute;pointer-events:none}.square__cue--move{inset:36%;border-radius:50%;background:var(--color-accent);opacity:.6}.square__cue--capture{inset:6%;border:3px solid var(--color-accent);border-radius:50%;opacity:.85}.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}.piece--defender{transform:rotate(180deg)}.piece__body{fill:var(--color-piece-face);stroke:var(--color-piece-edge);stroke-width:3}.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-danger)}.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-danger)}.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{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-height:var(--tap-min)}.hand__label{font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.hand__pieces{display:flex;gap:var(--space-1);flex-wrap:wrap}.hand__piece{position:relative;width:2.75rem;height:2.75rem;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)}.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}