:root{color:#263c3c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#263c3c;--muted:#7c8279;--accent:#ad4e32;--line:#ddded2;--serif:"Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;background:#f5f2e9;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #a54c2e}button{touch-action:manipulation}h1,h2,h3,p{margin:0}svg{flex-shrink:0}button,a{transition:background-color .18s,color .18s,box-shadow .18s}::selection{background:#e7cc9f}html{scroll-behavior:smooth;scroll-padding-top:24px}.app-shell{max-width:1240px;margin:0 auto;padding:0 52px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:102px;display:flex}.wordmark{font-family:var(--serif);letter-spacing:.03em;align-items:center;gap:13px;font-size:24px;font-weight:700;display:flex}.wordmark-divider{margin:0 5px;font-size:16px;font-weight:500}.brand-piece{clip-path:polygon(50% 0,86% 19%,100% 100%,0 100%,14% 19%);background:var(--ink);color:#f5f2e9;place-items:center;width:30px;height:35px;padding-top:5px;font-size:20px;display:grid}.header-guide{letter-spacing:.08em;align-items:center;gap:12px;font-size:12px;display:flex}.header-guide:hover{color:var(--accent)}.intro{justify-content:space-between;align-items:center;padding:51px 0 47px;display:flex}.eyebrow{letter-spacing:.17em;align-items:center;gap:12px;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-size:10px;font-weight:600;display:flex}.eyebrow-separator{color:#b9b9ab;margin:0 1px}.tiny-line{background:var(--accent);width:27px;height:1px}.intro h1{font-family:var(--serif);letter-spacing:.06em;margin:17px 0 15px;font-size:clamp(29px,3.6vw,44px);font-weight:600}.intro-copy{letter-spacing:.09em;color:#768075;font-size:13px;line-height:1.9}.mobile-break{display:none}.intro-seal{align-items:center;gap:18px;margin-right:18px;display:flex}.intro-seal>span{font-family:var(--serif);color:var(--accent);outline-offset:-5px;border:1px solid #bd7258;outline:1px solid #bd7258;place-items:center;width:66px;height:73px;font-size:40px;font-weight:500;display:grid;transform:rotate(4deg)}.intro-seal small{writing-mode:vertical-rl;font-family:var(--serif);letter-spacing:.22em;color:#96998b;font-size:11px}.game-layout{grid-template-columns:minmax(0,1.64fr) minmax(280px,1fr);align-items:start;gap:62px;display:grid}.board-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:21px;font-size:11px;display:flex}.board-heading>p{align-items:center;gap:14px;display:flex}.section-index{letter-spacing:.09em;color:#8f968a;border-right:1px solid #c8cbbd;padding-right:14px;font-size:9px}.view-label{color:#8a8f80;font-size:10px}.board-container{max-width:600px;margin:0 auto}.hand{justify-content:space-between;align-items:center;gap:14px;min-height:62px;display:flex}.hand--opponent{margin-bottom:8px}.hand:not(.hand--opponent){margin-top:13px}.hand-label{flex-shrink:0;align-items:center;gap:9px;font-size:13px;font-weight:600;display:flex}.hand-label small{color:#889080;letter-spacing:.06em;margin-top:3px;font-size:9px;font-weight:400;display:block}.player-mark{width:31px;height:31px;font-family:var(--serif);border:1px solid #b2b8a7;border-radius:50%;place-items:center;font-size:14px;display:grid}.player-mark--jev{background:var(--ink);border-color:var(--ink);color:#fff;font-family:Georgia,serif;font-size:17px}.hand-pieces{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;min-height:40px;display:flex}.hand-empty{color:#959887;letter-spacing:.06em;font-size:10px}.hand-piece{background:0 0;border:1px solid #0000;border-radius:3px;align-items:end;padding:2px 2px 0;display:flex;position:relative}.hand-piece:disabled{opacity:.7}.hand-piece:not(:disabled):hover{background:#ebe5d6;border-color:#c2b499}.hand-piece.is-selected{opacity:1;background:#ecddc4;border-color:#a95739}.hand-count{font-variant-numeric:tabular-nums;margin-left:0;font-size:10px;line-height:1.3}.board-coordinate-top{color:#8f9385;text-align:center;grid-template-columns:repeat(9,1fr);margin:0 9px 6px;font-size:9px;display:grid}.board-frame{background:#d3ae74;border-radius:3px;padding:9px;position:relative;box-shadow:0 2px #b08c57,0 12px 24px -13px #59452650}.board{aspect-ratio:1;isolation:isolate;background:linear-gradient(95deg,#e8c58b,#edce98 45%,#e6c38b);border-top:1px solid #91734e;border-left:1px solid #91734e;grid-template-columns:repeat(9,minmax(0,1fr));display:grid;position:relative}.board:before{content:"";pointer-events:none;z-index:2;background:repeating-linear-gradient(91deg,#0000 0 33px,#b7803705 35px,#0000 36px);position:absolute;inset:0}.square{aspect-ratio:1;cursor:default;isolation:isolate;background:0 0;border:1px solid #a4865a;border-top:0;border-left:0;justify-content:center;align-items:center;min-width:0;padding:3px;display:flex;position:relative}.square.is-playable,.square.is-destination{cursor:pointer}.square.is-last-move{background:#bc7c3032}.square.is-selected{background:#ab522556;box-shadow:inset 0 0 0 2px #a64e2f}.square.is-playable:hover{background:#b17c3335}.square.is-destination:hover{background:#f5e3b56b}.square:focus-visible{outline-offset:-3px;z-index:3;outline:3px solid #315f61}.piece{filter:drop-shadow(0 1px 1px #704c3852);pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;width:88%;max-width:51px;height:90%;display:flex;position:relative}.piece:before{content:"";clip-path:polygon(50% 0,87% 19%,100% 100%,0 100%,13% 19%);background:linear-gradient(145deg,#ffedc4,#f4d99d 65%,#e1bb73);position:absolute;inset:0}.piece:after{content:"";clip-path:polygon(50% 0,87% 19%,100% 100%,0 100%,13% 19%);pointer-events:none;border-bottom:1px solid #ba904c88;position:absolute;inset:2px}.piece>span{font-family:var(--serif);letter-spacing:-.05em;color:#302d25;margin-top:6px;font-size:clamp(19px,2.5vw,29px);font-weight:700;line-height:1;position:relative}.piece--opponent{transform:rotate(180deg)}.piece--opponent:before{background:linear-gradient(145deg,#f8e4b7,#edcf91 65%,#dbb571)}.piece--promoted>span{color:#a24229}.piece--small{filter:drop-shadow(0 1px 1px #704c382a);width:26px;height:30px}.piece--small>span{margin-top:5px;font-size:18px}.destination-mark{z-index:3;pointer-events:none;background:#2c635de0;border-radius:50%;width:13px;height:13px;position:absolute;box-shadow:0 0 0 4px #f5e7c946}.destination-mark--capture{width:85%;height:88%;box-shadow:none;background:0 0;border:2px solid #32645d;border-radius:4px}.square.is-checked-king:not(.is-selected):after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;right:3px}.board-coordinate-side{color:#8f9385;grid-template-rows:repeat(9,1fr);place-items:center;width:20px;font-size:9px;display:grid;position:absolute;top:9px;bottom:9px;left:100%}.board-caption{color:#929786;letter-spacing:.025em;align-items:center;gap:6px;margin-top:15px;font-size:10px;display:flex}.caption-dot{background:#9ca38e;border-radius:50%;width:4px;height:4px}.keyboard-tip{color:#aaad9e;margin-left:auto;font-size:9px}.board-placeholder{aspect-ratio:1;color:#74654d;background:repeating-linear-gradient(0deg,#0000 0 calc(11.111% - 1px),#bb9c6c80 calc(11.111% - 1px) 11.111%),repeating-linear-gradient(90deg,#e9d3ab 0 calc(11.111% - 1px),#bb9c6c80 calc(11.111% - 1px) 11.111%);border:9px solid #d3b587;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:17px;margin-top:20px;display:flex}.placeholder-piece{font-family:var(--serif);clip-path:polygon(50% 0,87% 19%,100% 100%,0 100%,13% 19%);background:#f9e5ba;place-items:center;width:75px;height:85px;padding-top:12px;font-size:46px;animation:2s ease-in-out infinite breathe;display:grid}.board-placeholder>span:last-child{letter-spacing:.12em;background:#e9d3ab;padding:7px 12px;font-size:11px}.board-placeholder--error .placeholder-piece{animation:none}.game-story{padding-top:42px}.status-panel{border-top:2px solid var(--ink);min-height:221px;padding-top:23px;position:relative}.status-eyebrow{color:#7a887d;gap:8px;font-size:9px}.status-dot{background:#4b7462;border-radius:50%;width:6px;height:6px}.status-dot.is-thinking{animation:1.7s ease-in-out infinite breathe}.status-panel h2{font-family:var(--serif);letter-spacing:.04em;margin:15px 0 11px;font-size:23px;font-weight:600;line-height:1.55}.status-description{color:#7c8579;max-width:300px;font-size:12px;line-height:1.95}.turn-count{justify-content:flex-end;align-items:baseline;gap:8px;margin:8px 0 15px;font-family:Georgia,serif;display:flex}.turn-count>span:first-child{letter-spacing:-.03em;color:#41594c;font-size:43px;line-height:1.15}.turn-count>span:last-child{color:#939c8a;font-size:17px}.turn-count small{margin-left:6px;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-size:9px}.status-panel--finished{min-height:247px}.status-panel--win{border-color:var(--accent)}.status-panel--win h2{color:var(--accent)}.button{border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;gap:18px;padding:14px 18px;font-size:12px;font-weight:500;display:inline-flex}.button--primary{background:var(--ink);color:#fff}.button--primary:hover{background:#3c5753}.button:disabled{opacity:.55}.play-again{justify-content:space-between;width:100%;margin-top:20px}.error-message{background:#efe7dd;margin:16px 0;padding:14px;font-size:12px;line-height:1.8}.error-message .button{justify-content:space-between;width:100%;margin-top:12px;padding:10px 13px}.timeline-section{border-top:1px solid var(--line);padding-top:21px}.minor-heading{letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:11px;font-weight:500;display:flex}.minor-heading>span{color:#9a9e8e;font-size:9px;font-weight:400}.timeline{margin:20px 0 24px;padding:0;list-style:none}.timeline li{color:#a0a592;align-items:flex-start;gap:13px;min-height:68px;display:flex;position:relative}.timeline li:last-child{min-height:48px}.timeline li:not(:last-child):before{content:"";background:#daddcf;width:1px;position:absolute;top:26px;bottom:0;left:12px}.timeline-number{background:#f5f2e9;border:1px solid #d6daca;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-size:10px;display:flex}.timeline-label{padding-top:3px;font-size:12px;display:block}.timeline-move{color:#9aa18f;margin-top:6px;font-size:10px;line-height:1.6;display:block}.timeline .is-complete,.timeline .is-current{color:var(--ink)}.is-complete .timeline-number{color:#67805e;background:#e5e8da;border-color:#e5e8da}.is-current .timeline-number{background:var(--ink);border-color:var(--ink);color:#fff}.is-complete .timeline-move{color:#6f806d}.is-current .timeline-move{color:var(--accent)}.timeline-who{letter-spacing:.08em;color:#8a9983;margin-left:auto;padding-top:8px;font-size:8px}.legal-moves{border-top:1px solid var(--line);padding:17px 0 18px}.legal-moves summary,.jev-details summary{cursor:pointer;justify-content:space-between;align-items:center;font-size:11px;list-style:none;display:flex}.legal-moves summary::-webkit-details-marker{display:none}.jev-details summary::-webkit-details-marker{display:none}.legal-moves summary:before{content:"▸";margin-right:7px;font-size:11px;transition:transform .2s}.legal-moves[open] summary:before{transform:rotate(90deg)}.legal-moves summary>span{color:#8d9785;margin-left:auto;font-size:9px}.legal-moves>p{color:#969c8d;margin:13px 0 11px;font-size:10px}.legal-move-list{scrollbar-width:thin;flex-direction:column;gap:5px;max-height:232px;padding:2px 5px 2px 2px;display:flex;overflow:auto}.legal-move-list button{text-align:left;background:#faf9f3;border:1px solid #e1e4d5;border-radius:2px;justify-content:space-between;align-items:center;min-height:42px;padding:10px 12px;font-size:12px;display:flex}.legal-move-list button:hover:not(:disabled){background:#eeefe4;border-color:#819579}.legal-move-list button svg{color:#8a9980;width:14px}.legal-move-list button:disabled{opacity:.45}.jev-details{border-top:1px solid var(--line);color:#869180;padding:16px 0;font-size:10px}.jev-details summary{font-size:10px}.jev-details summary>span{font-size:13px}.jev-details[open] summary>span{transform:rotate(45deg)}.jev-details dl{margin:15px 0 10px}.jev-details dl>div{justify-content:space-between;margin-top:8px;display:flex}.jev-details dt{color:#99a18e}.jev-details dd{color:#687b62;margin:0}.jev-details p{color:#96a08c;font-size:10px;line-height:1.85}.text-button{color:#7b8773;background:0 0;border:0;justify-content:center;align-items:center;gap:9px;padding:10px 0;font-size:11px;display:inline-flex}.text-button:hover:not(:disabled){color:var(--accent)}.text-button:disabled{opacity:.45}.new-game{border-top:1px solid var(--line);width:100%;margin-top:3px;padding-top:21px}.how-to-play{border-top:1px solid var(--line);grid-template-columns:1fr 2.15fr;gap:40px;margin-top:73px;padding:36px 0 44px;display:grid}.how-to-play .eyebrow{color:#8f9888;font-size:9px}.how-to-play h2{font-family:var(--serif);letter-spacing:.08em;margin-top:16px;font-size:24px;font-weight:500;line-height:1.85}.how-to-play ol{gap:24px;margin:0;padding:2px 0 0;list-style:none;display:grid}.how-to-play li{gap:19px;display:flex}.how-to-play li>span{font-family:var(--serif);color:#a2ab92;padding-top:0;font-size:16px}.how-to-play h3{letter-spacing:.04em;margin:2px 0 7px;font-size:12px;font-weight:500}.how-to-play p:not(.eyebrow){color:#8b9482;font-size:11px;line-height:1.9}.site-footer{border-top:1px solid var(--line);color:#a0a692;align-items:center;gap:23px;padding:23px 0 31px;font-size:10px;display:flex}.site-footer>span{font-family:var(--serif);color:#7b8a71;font-size:12px}.move-dialog{color:var(--ink);background:#f5f2e9;border:1px solid #dbd8c7;border-radius:3px;width:420px;max-width:calc(100vw - 36px);padding:34px;box-shadow:0 20px 70px #1a30282a}.move-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#182e2b70}.move-dialog .eyebrow{color:#95a18a;font-size:9px}.move-dialog h2{font-family:var(--serif);margin:18px 0 13px;font-size:25px}.move-dialog p{color:#7c8872;font-size:12px;line-height:1.8}.promotion-actions{gap:10px;margin:25px 0 8px;display:flex}.promotion-actions .button{flex:1}.move-dialog .text-button{width:100%}@keyframes breathe{0%,to{opacity:1}50%{opacity:.4}}@media (width>=1400px){.app-shell{max-width:1320px;padding:0 75px}.game-layout{grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:80px}.piece>span{font-size:30px}.piece--small>span{font-size:18px}.game-story{padding-top:48px}.status-panel{min-height:230px}.status-panel h2{font-size:26px}}@media (width<=1000px){.app-shell{padding:0 34px}.game-layout{grid-template-columns:minmax(0,1.45fr) minmax(245px,1fr);gap:36px}.intro{padding:39px 0}.game-story{padding-top:42px}.status-panel h2{font-size:20px}.status-description{font-size:11px}.keyboard-tip{display:none}.section-index{padding-right:9px;font-size:8px}.board-heading>p{gap:9px}.hand-pieces{gap:1px}.hand-piece{padding:2px 1px 0}.piece--small{width:23px;height:27px}.hand-label{gap:6px;font-size:11px}.hand{gap:7px}.player-mark{width:27px;height:27px}.piece>span{font-size:clamp(18px,2.4vw,27px)}.piece--small>span{font-size:16px}.how-to-play{margin-top:55px}}@media (width<=760px){.app-shell{max-width:580px;padding:0 23px}.site-header{height:78px}.wordmark{gap:10px;font-size:22px}.brand-piece{width:27px;height:31px;font-size:18px}.header-guide{gap:5px;font-size:11px}.intro{padding:32px 0}.intro .eyebrow{gap:9px;font-size:9px}.intro h1{letter-spacing:.035em;margin:14px 0 9px;font-size:30px;line-height:1.6}.intro h1>span{white-space:nowrap}.intro-copy{font-size:11px;line-height:2}.intro-seal{gap:0;margin:0 2px 0 12px}.intro-seal>span{outline-offset:-4px;width:45px;height:51px;font-size:29px}.intro-seal small{display:none}.game-layout{flex-direction:column;gap:24px;display:flex}.play-area{width:100%}.board-heading{margin-bottom:9px;font-size:10px}.view-label{font-size:9px}.section-index{font-size:8px}.hand{gap:10px;min-height:57px}.hand-label{gap:8px;font-size:12px}.hand-pieces{gap:3px}.hand-piece{padding:2px 2px 0}.hand-label small{font-size:8px}.hand-count{font-size:9px}.board-frame{padding:8px}.board-coordinate-top{margin-left:8px;margin-right:8px;font-size:9px}.board-coordinate-side{width:17px;font-size:8px;top:8px;bottom:8px}.piece{width:88%;height:90%}.piece>span{margin-top:5px;font-size:clamp(21px,5.7vw,30px)}.piece--small{width:25px;height:29px}.piece--small>span{font-size:17px}.board-caption{margin-top:11px;font-size:9px}.game-story{width:100%;padding-top:0}.status-panel{min-height:160px;padding-top:20px;padding-right:68px}.status-eyebrow{font-size:9px}.status-panel h2{margin-top:13px;margin-bottom:8px;font-size:24px}.status-description{max-width:100%;margin-bottom:22px;font-size:11px}.turn-count{flex-wrap:wrap;justify-content:center;gap:4px;max-width:49px;margin:0;position:absolute;bottom:25px;right:0}.turn-count>span:first-child{font-size:42px}.turn-count>span:last-child{font-size:12px}.turn-count small{margin-left:4px;font-size:8px}:is(.status-panel--finished,.status-panel:has(.error-message)){min-height:0;padding-bottom:23px;padding-right:0}.status-panel--finished .status-description{margin-bottom:0}.play-again{margin-top:19px}.timeline-section{padding-top:20px}.timeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:18px;margin-bottom:21px;display:grid}.timeline li{flex-direction:column;gap:8px;min-height:100px;display:flex}.timeline li:not(:last-child):before{width:auto;height:1px;inset:12px -8px auto 33px}.timeline-label{font-size:11px}.timeline-move{word-break:normal;overflow-wrap:anywhere;max-width:100%;font-size:9px;line-height:1.8}.timeline-who{display:none}.timeline-number{font-size:9px}.minor-heading{font-size:10px}.legal-moves{padding-top:17px}.legal-move-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:236px;display:grid}.legal-move-list button{gap:5px;padding:11px 10px;font-size:11px}.legal-move-list button svg{width:12px}.jev-details{padding:16px 0}.new-game{padding-top:19px}.how-to-play{margin-top:41px;padding:29px 0 30px;display:block}.how-to-play>div{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:27px;display:flex}.how-to-play h2{margin-top:0;font-size:20px;line-height:1.7}.how-to-play h2 br{display:none}.how-to-play .eyebrow{white-space:nowrap;font-size:8px}.how-to-play ol{gap:23px}.how-to-play li{gap:17px}.how-to-play h3{font-size:11px}.how-to-play p:not(.eyebrow){font-size:10px}.site-footer{flex-wrap:wrap;gap:13px 0;padding:22px 0 28px}.site-footer>span{font-size:11px}.site-footer p{margin-left:auto;font-size:9px}.destination-mark{width:11px;height:11px}.destination-mark--capture{width:85%;height:88%}}@media (width<=390px){.app-shell{padding:0 18px}.intro-seal{display:none}.intro h1{font-size:28px}.mobile-break{display:block}.hand-pieces{gap:1px}.hand-piece{padding:1px 0}.piece--small{width:22px;height:26px}.hand-label{font-size:11px}.hand{gap:5px}.player-mark{width:24px;height:24px}.status-panel h2{font-size:21px}.legal-move-list{grid-template-columns:1fr}.how-to-play h2{font-size:17px}.piece>span{font-size:20px}.piece--small>span{font-size:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.arrow--tilted{transform:rotate(-45deg)}