.pselect{display:flex;flex-direction:column;gap:16px}.pselect__head{display:flex;align-items:center;gap:12px}.pselect__back{background:none;border:none;color:var(--fg-muted);font-size:.95rem;cursor:pointer;padding:4px 0}.pselect__title{margin:0;font-size:1.3rem}.pselect__tabs{display:flex;gap:8px}.pselect__tab{flex:1;min-height:48px;border:1px solid var(--border);border-radius:10px;background:var(--bg-2);color:var(--fg);font-size:1rem;font-weight:600;cursor:pointer}.pselect__tab--on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.pselect__count{margin:0;text-align:center;opacity:.65;font-size:.9rem}.pselect__primary{min-height:56px;border:none;border-radius:12px;background:var(--eval-green);color:var(--on-choice);font-size:1.15rem;font-weight:700;cursor:pointer}.pselect__primary:disabled{opacity:.5;cursor:not-allowed}.pselect__num{display:flex;flex-direction:column;gap:6px}.pselect__num-label{font-size:.85rem;opacity:.7}.pselect__num-row{display:flex;gap:8px}.pselect__num-input{flex:1;min-height:48px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg);padding:0 12px;font-size:1rem}.pselect__num-go{min-height:48px;padding:0 16px;border:1px solid var(--border);border-radius:10px;background:var(--bg-2);color:var(--fg);font-weight:600;cursor:pointer}.pselect__num-go:disabled{opacity:.5;cursor:not-allowed}.pselect__error{margin:0;color:var(--danger-fg);font-size:.9rem;text-align:center}.board{position:relative;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);aspect-ratio:1;width:min(100%,60vh);margin:0 auto;border:2px solid var(--border);border-radius:4px;overflow:hidden;touch-action:manipulation;-webkit-user-select:none;user-select:none}.board__arrow{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.82}.cell{position:relative;display:flex;align-items:center;justify-content:center}.cell--light{background:var(--square-light)}.cell--dark{background:var(--square-dark)}.piece{width:92%;height:92%;pointer-events:none;position:relative;z-index:1}.piece--svg{object-fit:contain}.piece--glyph{display:flex;align-items:center;justify-content:center;font-size:min(9vw,5.4vh);line-height:1}.piece--w{color:var(--flexoki-paper);text-shadow:0 0 2px #000,0 0 2px #000}.piece--b{color:var(--flexoki-black);text-shadow:0 0 2px #999}.coord{position:absolute;font-size:min(2.4vw,1.4vh);font-weight:600;opacity:.75;color:var(--flexoki-black)}@media (prefers-color-scheme: dark){.cell--dark .coord{color:var(--flexoki-100)}}.coord--rank{top:1px;left:2px}.coord--file{bottom:1px;right:2px}.cell--lastmove{box-shadow:inset 0 0 0 100vmax color-mix(in srgb,var(--lastmove) 55%,transparent)}.cell--choice-0{box-shadow:inset 0 0 0 100vmax color-mix(in srgb,var(--choice-0) 42%,transparent)}.cell--choice-1{box-shadow:inset 0 0 0 100vmax color-mix(in srgb,var(--choice-1) 42%,transparent)}.cell--choice-2{box-shadow:inset 0 0 0 100vmax color-mix(in srgb,var(--choice-2) 42%,transparent)}.cell--choice-focused{outline:3px solid var(--focus);outline-offset:-3px;z-index:1}.cell--choice-dimmed{opacity:.9}.cell--result-chosen{box-shadow:inset 0 0 0 100vmax color-mix(in srgb,var(--result-chosen) 16%,transparent);outline:3px solid var(--result-chosen);outline-offset:-3px;z-index:1}.cell--result-other.cell--choice-0{box-shadow:inset 0 0 0 100vmax color-mix(in srgb,var(--choice-0) 28%,transparent)}.cell--result-other.cell--choice-1{box-shadow:inset 0 0 0 100vmax color-mix(in srgb,var(--choice-1) 28%,transparent)}.cell--result-other.cell--choice-2{box-shadow:inset 0 0 0 100vmax color-mix(in srgb,var(--choice-2) 28%,transparent)}.cell--eval-green{box-shadow:inset 0 0 0 100vmax color-mix(in srgb,var(--eval-green) 50%,transparent);outline:3px solid var(--eval-green);outline-offset:-3px;z-index:1}.cell--eval-yellow{box-shadow:inset 0 0 0 100vmax color-mix(in srgb,var(--eval-yellow) 50%,transparent);outline:3px solid var(--eval-yellow);outline-offset:-3px;z-index:1}.cell--eval-red{box-shadow:inset 0 0 0 100vmax color-mix(in srgb,var(--eval-red) 50%,transparent);outline:3px solid var(--eval-red);outline-offset:-3px;z-index:1}.cell__flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:var(--flash);opacity:0;animation:cell-flash .8s ease-out}@keyframes cell-flash{0%{opacity:0}15%{opacity:.8}30%{opacity:.15}50%{opacity:.75}70%{opacity:.15}85%{opacity:.65}to{opacity:0}}.puzzle{display:flex;flex-direction:column;gap:12px}.puzzle .board{width:min(100vw - 20px,calc(100svh - 290px),520px)}.puzzle__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.puzzle__back{background:none;border:none;color:var(--fg-muted);font-size:.95rem;cursor:pointer;padding:4px 0}.puzzle__meta{display:flex;gap:10px;align-items:baseline}.puzzle__mate{font-weight:700;font-size:1rem}.puzzle__rating{font-size:.8rem;opacity:.6}.puzzle__prompt{margin:0;text-align:center;font-size:.95rem;min-height:1.4em}.puzzle__choices{display:flex;flex-direction:column;gap:10px}.pchoice{width:100%;min-height:44px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 10px;padding:6px 14px;border-radius:12px;border:2px solid transparent;color:var(--on-choice);cursor:pointer;touch-action:manipulation;text-align:left}.pchoice--0{background:var(--choice-0)}.pchoice--1{background:var(--choice-1)}.pchoice--2{background:var(--choice-2);color:var(--on-choice)}.pchoice--focused{border-color:var(--focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--focus) 50%,transparent)}.pchoice__san{font-size:1.2rem;font-weight:700}.pchoice__sub{font-size:.72rem;opacity:.75;text-align:right}.puzzle__result{display:flex;flex-direction:column;gap:12px}.puzzle__banner{text-align:center;padding:14px;border-radius:12px;font-size:1.05rem;font-weight:700}.puzzle__banner--success{background:color-mix(in srgb,var(--eval-green) 22%,transparent);color:var(--success-fg);border:1px solid color-mix(in srgb,var(--eval-green) 50%,transparent)}.puzzle__banner--miss,.puzzle__banner--fail{background:color-mix(in srgb,var(--eval-red) 18%,transparent);color:var(--danger-fg);border:1px solid color-mix(in srgb,var(--eval-red) 50%,transparent)}.puzzle__banner--aborted{background:var(--bg-2);color:var(--fg-muted)}.puzzle__actions{display:flex;flex-direction:column;gap:10px}.puzzle__act{min-height:52px;border-radius:12px;border:1px solid var(--border);background:var(--bg-2);color:var(--fg);font-size:1.05rem;font-weight:600;cursor:pointer}.puzzle__act--primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.edbg{display:flex;flex-direction:column;gap:12px}.edbg__label{font-size:.8rem;opacity:.7}.edbg__fen{width:100%;box-sizing:border-box;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;padding:8px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:inherit}.edbg__row{display:flex;gap:8px}.edbg__btn{flex:1;min-height:48px;border:1px solid var(--border);border-radius:10px;background:var(--primary);color:var(--on-primary);font-weight:600;font-size:1rem;cursor:pointer}.edbg__btn:disabled{opacity:.55;cursor:not-allowed}.edbg__btn--ghost{background:var(--bg-2);color:inherit}.edbg__stats{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:.85rem}.edbg__stats dt{opacity:.6}.edbg__stats dd{margin:0;font-variant-numeric:tabular-nums}.edbg__lines{display:flex;flex-direction:column;gap:4px}.edbg__lines-title{font-size:.8rem;opacity:.7}.edbg__line{display:flex;gap:8px;align-items:baseline;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;padding:4px 6px;border-radius:6px;background:var(--bg-2);overflow:hidden}.edbg__mpv{color:var(--primary);min-width:2.2em}.edbg__depth{opacity:.6;min-width:2.6em}.edbg__score{min-width:8em}.edbg__pv{opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bsetup__section{display:flex;flex-direction:column;gap:8px}.bsetup__section-head{display:flex;align-items:baseline;gap:8px;min-height:1.4em}.bsetup__label{margin:0;font-size:.95rem;font-weight:700;opacity:.85;white-space:nowrap;flex-shrink:0}.bsetup__desc{font-size:.78rem;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bsetup__levels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.bsetup__strat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.bsetup__level{min-height:44px;padding:6px 4px;border-radius:10px;border:2px solid var(--border);background:var(--bg-2);color:var(--fg);font-size:.95rem;font-weight:700;cursor:pointer;touch-action:manipulation;text-align:center}.bsetup__level--on{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 18%,var(--bg-2))}.bsetup__sides{display:flex;gap:6px}.bsetup__side{flex:1;min-height:44px;border-radius:10px;border:2px solid var(--border);background:var(--bg-2);color:var(--fg);font-size:.9rem;font-weight:600;cursor:pointer;touch-action:manipulation}.bsetup__side--on{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 18%,var(--bg-2))}.bsetup__actions{display:flex;flex-direction:column;gap:10px}.bsetup__start{min-height:52px;border-radius:12px;border:none;background:var(--primary);color:var(--on-primary);font-size:1.1rem;font-weight:700;cursor:pointer;touch-action:manipulation}.bsetup__back{min-height:44px;border-radius:12px;border:1px solid var(--border);background:var(--bg-2);color:var(--fg-muted);font-size:.95rem;cursor:pointer}.coachbubble{min-height:40px;display:flex;align-items:center;flex-shrink:0}.coachbubble__inner{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border-radius:12px;background:var(--bg-2);border:1px solid var(--border)}.coachbubble__avatar{font-size:1.3rem;line-height:1;flex-shrink:0}.coachbubble__text{font-size:.92rem;font-weight:600;color:var(--fg)}.battle{display:flex;flex-direction:column;gap:6px;height:100%;min-height:0;--board-size: min(100vw - 20px, calc(100svh - 318px) , 520px);overflow:hidden}.battle__lower{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.battle .board{width:var(--board-size);height:var(--board-size);flex:0 0 auto}.battle__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.battle__back{background:none;border:none;color:var(--fg-muted);font-size:.95rem;cursor:pointer;padding:4px 0}.battle__level{font-size:.85rem;opacity:.8}.battle__evalbar{position:relative;height:12px;border-radius:6px;overflow:hidden;background:var(--evalbar-black);border:1px solid var(--border)}.battle__evalbar-white{height:100%;background:var(--evalbar-white);transition:width .3s ease}.battle__evaltext{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:var(--primary);mix-blend-mode:difference}.battle__error{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;padding:16px;border:1px solid color-mix(in srgb,var(--eval-red) 50%,transparent);border-radius:12px;background:color-mix(in srgb,var(--eval-red) 15%,transparent);text-align:center}.battle__error-title{font-size:1rem;font-weight:700;color:var(--danger-fg)}.battle__error-detail{margin:0;font-size:.72rem;opacity:.6;word-break:break-word}.battle__error-hint{margin:0;font-size:.85rem;line-height:1.6;color:var(--fg)}.battle__choices{display:flex;flex-direction:column;gap:6px}.bchoice{width:100%;min-height:44px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 10px;padding:6px 14px;border-radius:12px;border:2px solid transparent;color:var(--on-choice);cursor:pointer;touch-action:manipulation;text-align:left}.bchoice--0{background:var(--choice-0)}.bchoice--1{background:var(--choice-1)}.bchoice--2{background:var(--choice-2);color:var(--on-choice)}.bchoice--focused{border-color:var(--focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--focus) 50%,transparent)}.bchoice__san{font-size:1.2rem;font-weight:700}.bchoice__sub{font-size:.75rem;opacity:.8;min-height:1em;text-align:right}.bchoice__hint{font-size:.7rem;opacity:.65;text-align:right}.bchoice__meta{font-size:.78rem;opacity:.9;text-align:right}.bchoice__book{font-weight:700}.bchoice--skeleton{background:var(--bg-2);color:var(--fg-muted);cursor:default;animation:bchoice-pulse 1.2s ease-in-out infinite}@keyframes bchoice-pulse{0%,to{opacity:.5}50%{opacity:.9}}.bchoice--green{background:color-mix(in srgb,var(--eval-green) 85%,transparent)}.bchoice--yellow{background:color-mix(in srgb,var(--eval-yellow) 85%,transparent)}.bchoice--red{background:color-mix(in srgb,var(--eval-red) 85%,transparent);color:var(--on-choice)}.bchoice--chosen{border-color:var(--result-chosen);box-shadow:0 0 0 2px color-mix(in srgb,var(--result-chosen) 60%,transparent)}.battle__revealed{display:flex;flex-direction:column;gap:6px}.battle__thinking{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;font-size:.95rem;opacity:.85}.battle__spinner{width:18px;height:18px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:battle-spin .8s linear infinite}@keyframes battle-spin{to{transform:rotate(360deg)}}.battle__primary{min-height:52px;border-radius:12px;border:none;background:var(--primary);color:var(--on-primary);font-size:1.05rem;font-weight:700;cursor:pointer;touch-action:manipulation}.battle__over{display:flex;flex-direction:column;gap:12px;text-align:center}.battle__over-msg{font-size:1.1rem;font-weight:700}.battle__over-result{font-size:.9rem;opacity:.7;letter-spacing:.05em}.battle__review-feedback{font-size:.85rem;color:var(--success-fg);font-weight:600}.battle__review-text{width:100%;font-size:.8rem;font-family:monospace;background:var(--bg-2);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:8px;resize:vertical}.battle__stats{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin:0;padding:10px 12px;border-radius:12px;background:var(--bg-2);font-size:.82rem}.battle__stats div{display:flex;gap:6px;align-items:baseline}.battle__stats dt{opacity:.6}.battle__stats dd{margin:0;font-weight:700}.battle__stats--sheet{border:1px solid var(--border)}.battle__foot{display:flex;gap:10px;margin-top:auto;padding-top:4px}.battle__foot .battle__primary{flex:1}.battle__stats-toggle{flex:1;min-height:44px;border-radius:12px;border:1px solid var(--border);background:var(--bg-2);color:var(--fg-muted);font-size:.9rem;cursor:pointer}.battle__resign{min-height:44px;padding:0 18px;border-radius:12px;border:1px solid color-mix(in srgb,var(--eval-red) 50%,transparent);background:color-mix(in srgb,var(--eval-red) 15%,transparent);color:var(--danger-fg);font-size:.9rem;font-weight:600;cursor:pointer}.battle__sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;border:none;background:var(--backdrop);cursor:pointer}.battle__sheet{position:fixed;left:0;right:0;bottom:0;z-index:20;max-width:520px;margin:0 auto;max-height:72dvh;display:flex;flex-direction:column;background:var(--bg-2);border:1px solid var(--border);border-bottom:none;border-radius:16px 16px 0 0;box-shadow:0 -8px 24px #100f0f66}.battle__sheet-tabs{display:flex;align-items:stretch;gap:4px;padding:8px 8px 0;border-bottom:1px solid var(--border)}.battle__tab{flex:1;min-height:40px;border:none;background:none;color:var(--fg-muted);font-size:.9rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent}.battle__tab--active{color:var(--fg);border-bottom-color:var(--primary)}.battle__sheet-close{flex:0 0 auto;width:40px;min-height:40px;border:none;background:none;color:var(--fg-muted);font-size:1rem;cursor:pointer}.battle__sheet-body{padding:12px;overflow-y:auto;-webkit-overflow-scrolling:touch}.battle__help{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.battle__help-item{display:grid;grid-template-columns:1.6rem auto;grid-template-rows:auto auto;column-gap:8px;align-items:baseline}.battle__help-glyph{grid-row:1 / 3;width:28px;height:28px;object-fit:contain;align-self:center}.battle__help-name{font-weight:700;font-size:.95rem}.battle__help-move{font-size:.82rem;opacity:.85;line-height:1.4}.battle__moves{list-style:none;margin:0;padding:0;font-variant-numeric:tabular-nums}.battle__moves-row{display:grid;grid-template-columns:2.4rem 1fr 1fr;gap:4px;padding:3px 0;font-size:.95rem}.battle__moves-no{opacity:.55;text-align:right}.battle__moves-san{font-weight:600}.battle__moves-empty{opacity:.6;font-size:.9rem}.app{max-width:480px;margin:0 auto;padding:16px 12px 32px;display:flex;flex-direction:column;gap:20px}.app--battle{max-width:520px;height:100dvh;padding:6px 10px;gap:0;overflow:hidden}.app__header{text-align:center}.app__title-logo{display:block;margin:8px auto 0;width:min(180px,45%);height:auto}.app__title{margin:10px 0 0;font-size:1.5rem;font-weight:800;letter-spacing:.02em;color:var(--fg)}.app__subtitle{margin:4px 0 0;opacity:.7;font-size:.9rem}.menu{display:flex;flex-direction:column;gap:12px}.menu__btn{position:relative;min-height:56px;border:1px solid var(--border);border-radius:12px;background:var(--bg-2);font-size:1.1rem;font-weight:600;cursor:pointer}.menu__btn:disabled{opacity:.55;cursor:not-allowed}.menu__badge{position:absolute;top:8px;right:12px;font-size:.7rem;font-weight:500;padding:2px 8px;border-radius:999px;background:var(--border);color:var(--fg-muted)}.demo{display:flex;flex-direction:column;align-items:center;gap:8px}.demo__title{margin:0;font-size:.95rem;opacity:.8}.app__footer{text-align:center;font-size:.75rem;opacity:.5}.app__debug-link{margin-top:6px;background:none;border:none;color:inherit;font-size:.7rem;text-decoration:underline;opacity:.7;cursor:pointer}:root{color-scheme:light dark;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;--flexoki-paper: #fffcf0;--flexoki-50: #f2f0e5;--flexoki-100: #e6e4d9;--flexoki-150: #dad8ce;--flexoki-200: #cecdc3;--flexoki-300: #b7b5ac;--flexoki-400: #9f9d96;--flexoki-500: #878580;--flexoki-600: #6f6e69;--flexoki-700: #575653;--flexoki-800: #403e3c;--flexoki-850: #343331;--flexoki-900: #282726;--flexoki-950: #1c1b1a;--flexoki-black: #100f0f;--flexoki-red-600: #af3029;--flexoki-red-400: #d14d41;--flexoki-orange-600: #bc5215;--flexoki-orange-400: #da702c;--flexoki-yellow-600: #ad8301;--flexoki-yellow-400: #d0a215;--flexoki-green-600: #66800b;--flexoki-green-400: #879a39;--flexoki-cyan-600: #24837b;--flexoki-cyan-400: #3aa99f;--flexoki-blue-600: #205ea6;--flexoki-blue-400: #4385be;--flexoki-purple-600: #5e409d;--flexoki-purple-400: #8b7ec8;--flexoki-magenta-600: #a02f6f;--flexoki-magenta-400: #ce5d97;--bg: var(--flexoki-paper);--bg-2: var(--flexoki-50);--fg: var(--flexoki-black);--fg-muted: var(--flexoki-600);--border: var(--flexoki-200);--square-light: var(--flexoki-100);--square-dark: var(--flexoki-400);--choice-0: var(--flexoki-cyan-600);--choice-1: var(--flexoki-magenta-600);--choice-2: var(--flexoki-purple-600);--on-choice: var(--flexoki-paper);--eval-green: var(--flexoki-green-600);--eval-yellow: var(--flexoki-yellow-600);--eval-red: var(--flexoki-red-600);--lastmove: var(--flexoki-yellow-600);--focus: var(--flexoki-yellow-600);--flash: var(--flexoki-yellow-600);--primary: var(--flexoki-blue-600);--on-primary: var(--flexoki-paper);--danger-fg: var(--flexoki-red-600);--success-fg: var(--flexoki-green-600);--result-chosen: var(--flexoki-black);--backdrop: rgba(16, 15, 15, .45);--evalbar-white: var(--flexoki-paper);--evalbar-black: var(--flexoki-black)}@media (prefers-color-scheme: dark){:root{--bg: var(--flexoki-950);--bg-2: var(--flexoki-900);--fg: var(--flexoki-200);--fg-muted: var(--flexoki-400);--border: var(--flexoki-800);--square-light: var(--flexoki-300);--square-dark: var(--flexoki-600);--choice-0: var(--flexoki-cyan-400);--choice-1: var(--flexoki-magenta-400);--choice-2: var(--flexoki-purple-400);--on-choice: var(--flexoki-black);--eval-green: var(--flexoki-green-400);--eval-yellow: var(--flexoki-yellow-400);--eval-red: var(--flexoki-red-400);--lastmove: var(--flexoki-yellow-400);--focus: var(--flexoki-yellow-400);--flash: var(--flexoki-yellow-400);--primary: var(--flexoki-blue-400);--on-primary: var(--flexoki-paper);--danger-fg: var(--flexoki-red-400);--success-fg: var(--flexoki-green-400);--result-chosen: var(--flexoki-paper);--backdrop: rgba(16, 15, 15, .55)}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg)}body{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#root{min-height:100dvh}button{font:inherit;color:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}