:root{--paper:#f6f2e9;--paper-2:#fdfbf6;--paper-3:#efe8da;--rule:#ddd3c0;--rule-soft:#e6dccb;--rule-ink:#1f1b16;--ink:#1f1b16;--ink-2:#514840;--ink-3:#6b6055;--ink-4:#9a8f7f;--ink-5:#cfc4ad;--ink-hover:#3a332b;--shu:#b8362a;--ai:#1f4f6b;--odo:#a8792a;--matsu:#3f7a5a;--shu-soft:#b8362a14;--ai-soft:#1f4f6b14;--odo-soft:#a8792a1a;--matsu-soft:#3f7a5a1a;--board:#e9d7ae;--board-line:#a98c5c;--board-edge:#1f1b16;--board-selected:#f3e4b8;--board-hint:#1f4f6b47;--board-captured:#b8362a42;--board-captured-ring:#b8362ab3;--piece-ink:#1f1b16;--piece-promoted:#b8362a;--piece-gote:#d9c493;--piece-count:#6b4f2c;--font-sans:"Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", sans-serif;--font-mincho:"Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius:2px;--radius-pill:999px;--page-x:3rem;--page-max:80rem;--content-max:44rem}*,:before,:after{box-sizing:border-box}html{background:var(--paper)}body{font-family:var(--font-sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;margin:0;font-size:15px;line-height:1.7}h1,h2,h3,h4{font-family:var(--font-mincho);letter-spacing:.06em;color:var(--ink);margin:0 0 .75em;font-weight:700;line-height:1.35}h1{font-size:2rem}h2{font-size:1.3rem}h3{font-size:1.1rem}p{margin:0 0 1em}a{color:var(--ai);text-decoration:none}a:hover{color:#14384d;text-underline-offset:.2em;text-decoration:underline}strong{font-weight:700}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:var(--paper-2);border:1px solid var(--ink-5);border-radius:var(--radius);color:var(--ink);padding:.45rem 1rem;line-height:1.4}button:hover{border-color:var(--ink)}button:disabled{cursor:not-allowed;color:var(--ink-4);border-color:var(--rule)}input,select,textarea{background:var(--paper-2);border:1px solid var(--ink-5);border-radius:var(--radius);color:var(--ink);padding:.5rem .7rem}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--ai);outline-offset:2px}input::placeholder,textarea::placeholder{color:var(--ink-4)}hr{border:none;border-top:1px solid var(--rule);margin:1.5rem 0}table{border-collapse:collapse}code{font-family:var(--font-mono);background:var(--paper-3);border-radius:var(--radius);padding:.1em .35em;font-size:.9em}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.rule-heading{align-items:baseline;gap:1rem;display:flex}.rule-heading:after{content:"";background:var(--rule);flex-grow:1;height:1px}.page{max-width:var(--page-max);padding:2.5rem var(--page-x) 4rem;margin:0 auto}.page.narrow{max-width:var(--content-max);padding-left:1rem;padding-right:1rem}@media (width<=720px){:root{--page-x:1rem}body{font-size:14px}h1{font-size:1.6rem}.page{padding-top:1.5rem}}.bottom-nav.svelte-oeh3u8{display:none}@media (width<=720px){.bottom-nav.svelte-oeh3u8{z-index:25;height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--paper);border-top:1px solid var(--rule-ink);grid-template-columns:repeat(6,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav.svelte-oeh3u8 a:where(.svelte-oeh3u8){min-width:0;color:var(--ink-4);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;text-decoration:none;display:flex}.bottom-nav.svelte-oeh3u8 a.active:where(.svelte-oeh3u8){color:var(--ink);font-weight:700}.bottom-nav.svelte-oeh3u8 span:where(.svelte-oeh3u8){text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}}@media (width<=380px){.bottom-nav.svelte-oeh3u8 a:where(.svelte-oeh3u8){gap:3px;font-size:9px}}.site-header.svelte-a8kxe2{background:var(--paper);border-bottom:1px solid var(--rule)}.inner.svelte-a8kxe2{height:68px;padding:0 var(--page-x);justify-content:space-between;align-items:center;gap:1rem;display:flex}.compact.svelte-a8kxe2 .inner:where(.svelte-a8kxe2){height:56px}.left.svelte-a8kxe2{align-items:center;gap:2.5rem;min-width:0;display:flex}.brand.svelte-a8kxe2{color:var(--ink);font-family:var(--font-mincho);letter-spacing:.08em;white-space:nowrap;align-items:center;gap:.6rem;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.brand.svelte-a8kxe2:hover{text-decoration:none}.compact.svelte-a8kxe2 .brand:where(.svelte-a8kxe2){font-size:1rem}.playing.svelte-a8kxe2{white-space:nowrap;border:1px solid var(--shu);border-radius:var(--radius);letter-spacing:.08em;color:var(--shu);flex-shrink:0;padding:.2rem .7rem;font-size:.72rem}.main-nav.svelte-a8kxe2{align-items:center;gap:1.75rem;font-size:.92rem;display:flex}.main-nav.svelte-a8kxe2 a:where(.svelte-a8kxe2){color:var(--ink-3);border-bottom:1px solid #0000;padding:24px 0 22px;text-decoration:none}.main-nav.svelte-a8kxe2 a:where(.svelte-a8kxe2):hover{color:var(--ink)}.main-nav.svelte-a8kxe2 a.active:where(.svelte-a8kxe2){color:var(--ink);border-bottom-color:var(--ink)}.account.svelte-a8kxe2{align-items:center;gap:1.1rem;font-size:.85rem;display:flex}.user-chip.svelte-a8kxe2{border:1px solid var(--rule);border-radius:var(--radius);color:var(--ink);align-items:center;gap:.6rem;padding:.4rem .85rem;text-decoration:none;display:flex}.user-chip.svelte-a8kxe2:hover{border-color:var(--ink);text-decoration:none}.rating.svelte-a8kxe2{color:var(--ink-3)}.account.svelte-a8kxe2 form:where(.svelte-a8kxe2){margin:0}.logout.svelte-a8kxe2,.login.svelte-a8kxe2{color:var(--ink-3);background:0 0;border:none;padding:0;font-size:.85rem}.logout.svelte-a8kxe2:hover,.login.svelte-a8kxe2:hover{color:var(--ink);text-decoration:underline}.register.svelte-a8kxe2{background:var(--ink);border-radius:var(--radius);height:34px;color:var(--paper);letter-spacing:.06em;align-items:center;padding:0 .9rem;font-weight:700;text-decoration:none;display:inline-flex}.register.svelte-a8kxe2:hover{background:var(--ink-hover);color:var(--paper);text-decoration:none}@media (width<=720px){.inner.svelte-a8kxe2{height:56px}.compact.svelte-a8kxe2 .account:where(.svelte-a8kxe2){display:none}.brand.svelte-a8kxe2{font-size:1rem}.main-nav.svelte-a8kxe2,.logout.svelte-a8kxe2{display:none}.left.svelte-a8kxe2{gap:.75rem}.user-chip.svelte-a8kxe2{padding:.3rem .65rem}.name.svelte-a8kxe2{text-overflow:ellipsis;white-space:nowrap;max-width:7em;overflow:hidden}}.content.svelte-12qhfyh{min-height:60vh}.site-footer.svelte-12qhfyh{padding:1.5rem var(--page-x) 2.5rem;border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-footer.svelte-12qhfyh .brand:where(.svelte-12qhfyh){font-family:var(--font-mincho);letter-spacing:.08em;color:var(--ink-3);font-size:.85rem}.site-footer.svelte-12qhfyh nav:where(.svelte-12qhfyh){gap:1.5rem;font-size:.78rem;display:flex}.site-footer.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--ink-3)}.search-banner.svelte-12qhfyh{background:var(--ink);color:var(--paper);border-radius:var(--radius);z-index:30;align-items:center;gap:.75rem;padding:.6rem 1rem;font-size:.85rem;display:flex;position:fixed;bottom:1rem;right:1rem}.banner-count.svelte-12qhfyh{opacity:.75;font-size:.75rem}.search-banner.svelte-12qhfyh button:where(.svelte-12qhfyh){color:var(--paper);border-radius:var(--radius);background:0 0;border:1px solid #f6f2e980;padding:.2rem .7rem;font-size:.78rem}.search-banner.svelte-12qhfyh button:where(.svelte-12qhfyh):hover{border-color:var(--paper)}.banner-spinner.svelte-12qhfyh{border:2px solid #f6f2e94d;border-top-color:var(--paper);border-radius:50%;width:.9rem;height:.9rem;animation:.8s linear infinite svelte-12qhfyh-banner-spin}@keyframes svelte-12qhfyh-banner-spin{to{transform:rotate(360deg)}}@media (width<=720px){.with-nav.svelte-12qhfyh{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.site-footer.svelte-12qhfyh{flex-direction:column;align-items:flex-start;padding-bottom:2rem}.search-banner.svelte-12qhfyh{bottom:calc(60px + .75rem + env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;left:1rem;right:1rem}}