@charset "UTF-8";
:root{--paper:#f4f0e6;--ink:#293b32;--muted:#687065;--green:#315b47;--green-dark:#234533;--red:#a84432;--gold:#a38044;--line:#d9d4c4;--serif:"Songti SC","STSong","Noto Serif CJK SC",Georgia,serif;--sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.7;background-image:radial-gradient(#8f795811 .65px,transparent .65px);background-size:5px 5px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{border:0}a{color:inherit}.page-shell{max-width:1160px;padding:0 42px;margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding:26px 0 22px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-family:var(--serif);font-size:24px;letter-spacing:3px;font-weight:700}.brand small{display:block;font:10px var(--sans);letter-spacing:2px;margin-top:4px;color:var(--muted)}.brand-seal{background:var(--red);color:var(--paper);font:15px/1.05 var(--serif);padding:5px 7px;border:3px double var(--paper);outline:1px solid var(--red);transform:rotate(-3deg);letter-spacing:0}.header-right{display:flex;gap:32px;align-items:center}.edition{font-size:11px;color:var(--muted);letter-spacing:2px}.text-button{background:none;padding:10px 0;font-size:12px}.text-button span{margin-left:9px}.intro{display:flex;align-items:center;justify-content:space-between;padding:37px 0 34px}.eyebrow{font-size:10px;letter-spacing:4px;color:var(--red);margin:0 0 10px}.intro h1{font:500 clamp(32px,4vw,48px)/1.4 var(--serif);letter-spacing:3px;margin:0}.intro h1 span{color:var(--green)}.intro-copy{color:var(--muted);font-size:12px;margin:10px 0 0;letter-spacing:1px}.landscape{width:300px;color:#657e66;opacity:.6}.chapter-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:28px}.chapter-label{font-size:11px;letter-spacing:2px}.chapter-label strong{font-family:var(--serif);font-size:17px;letter-spacing:3px;margin-left:16px}.progress-label{font-size:11px;color:var(--muted)}.game-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:40px}.battle-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.battle-heading h2{font:500 25px var(--serif);letter-spacing:3px;margin:0}.level-number{font:italic 15px Georgia,serif;color:var(--gold);margin-right:14px}.battle-heading .subtitle{font-size:11px;color:var(--muted)}.goal{display:flex;gap:12px;align-items:center;padding:10px 0 18px;font-size:12px}.goal-tag{border:1px solid var(--line);padding:1px 7px;color:var(--muted);font-size:10px;white-space:nowrap}.board-wrap{position:relative;background:#e9e4d3;border:1px solid #c7c6b0;box-shadow:0 5px 0 #dbd7c5,0 7px 0 #c9c4b2;padding:16px;max-width:580px}.board-wrap:before,.board-wrap:after{content:"";position:absolute;width:7px;height:7px;border:1px solid var(--gold);transform:rotate(45deg);background:var(--paper);top:4px;left:4px}.board-wrap:after{left:auto;top:auto;bottom:4px;right:4px}.board{display:grid;grid-template-columns:repeat(var(--columns),1fr);position:relative;border:1px solid #c8cbb7;gap:1px;background:#c8cbb7;isolation:isolate}.tile{position:relative;aspect-ratio:1;min-width:0;display:grid;place-items:center;background:#e4e7d3;padding:0;transition:background .15s;isolation:isolate}.tile:nth-child(3n){background:#e7e8d8}.tile:after{content:"";position:absolute;inset:7%;border:1px solid #657a6412;z-index:-1}.tile.valid{background:#d9e5c8}.tile.valid:before{content:"";position:absolute;inset:7%;border:1px dashed #4b7758;z-index:0}.tile.valid:not(:has(.piece)):after{width:8px;height:8px;inset:auto;border-radius:50%;background:#67836188;border:0}.tile.valid:hover{background:#cad9b5}.tile.target{background:#e6d5a9;box-shadow:inset 0 0 0 3px var(--gold)}.tile.water{background:#a9c5bd}.tile.water:after{display:none}.tile.rock{background:#d6dac8}.terrain-art{position:absolute;inset:12%;width:76%;height:76%;color:#8b9a7a;pointer-events:none}.water .terrain-art{color:#5a8f8b}.bridge .terrain-art{color:#8a6a43;inset:5%;width:90%;height:90%}.grass-mark{position:absolute;bottom:12%;left:12%;width:12%;height:12%;opacity:.4;color:#a2ad88}.piece{display:grid;place-items:center;width:62%;height:62%;border-radius:50%;position:relative;z-index:3;background:var(--green);color:#f3eedc;border:3px solid #e6e2ca;outline:1px solid #385841;box-shadow:0 4px 0 #1b3928,0 6px 5px #263b2733;font:600 clamp(19px,3vw,32px) var(--serif);transition:transform .18s,opacity .18s}.piece:after{content:"";position:absolute;inset:5%;border:1px solid #b4c49b99;border-radius:50%}.piece.enemy{background:#a34f3e;outline-color:#8c4738;box-shadow:0 4px 0 #693d30,0 6px 5px #522b2033}.piece.enemy:after{border-color:#e1b3a388}.selected .piece{outline:3px solid var(--gold);outline-offset:4px;transform:translateY(-3px)}.piece-label{position:absolute;bottom:3px;font-size:9px;letter-spacing:1px;z-index:4;color:var(--green-dark)}.enemy-label{color:#883f31}.flag-art{position:absolute;width:50%;height:65%;color:var(--gold);opacity:.9}.with-unit .flag-art{transform:translateX(34%);opacity:.45}.coordinate{position:absolute;top:4px;left:5px;font:9px Georgia,serif;color:#586b4c88}.ghost{position:absolute;z-index:4;width:53%;height:53%;border:2px dashed var(--green);border-radius:50%;display:grid;place-items:center;color:var(--green);background:#f4f0e6cc;font:22px var(--serif)}.ghost.enemy-ghost{border-color:var(--red);color:var(--red)}.preview-away .piece{opacity:.33}.out-mark{position:absolute;z-index:5;font-size:28px;color:var(--red);font-weight:600}.path-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}.legend{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:18px;font-size:10px;color:var(--muted)}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.legend-dot.enemy-dot{background:var(--red)}.legend-dot.water-dot{background:#69988e;border-radius:0}.legend-dot.flag-dot{background:var(--gold);border-radius:0}.board-note{font-size:11px;color:var(--muted);margin:14px 0 0;min-height:19px}.command-panel{padding:0 0 0 26px;border-left:1px solid var(--line)}.orders-heading{display:flex;align-items:baseline;justify-content:space-between}.panel-label{font-size:11px;letter-spacing:2px;color:var(--muted);margin:0}.order-count{font:italic 15px Georgia,serif;color:var(--green)}.orders{display:flex;gap:9px;margin:13px 0 23px}.order-token{width:44px;height:58px;display:grid;place-items:center;background:var(--green);color:var(--paper);font:25px var(--serif);clip-path:polygon(0 0,100% 0,100% 84%,50% 100%,0 84%);position:relative}.order-token:after{position:absolute;content:"";inset:4px 5px 12px;border:1px solid #e0e0c675}.order-token.spent{background:#dcdccc;color:#8a9180}.order-token.pending-token{background:var(--gold)}.order-description{align-self:center;font-size:10px;line-height:1.8;color:var(--muted);padding-left:5px}.roster{display:flex;gap:8px;margin:12px 0 16px}.hero-button{padding:9px 14px;background:transparent;border:1px solid var(--line);font-size:13px;flex:1;white-space:nowrap}.hero-button.active{background:var(--green);border-color:var(--green);color:var(--paper)}.hero-button.dead{opacity:.5;text-decoration:line-through}.hero-button small{display:block;font-size:9px;letter-spacing:1px;opacity:.75}.selection-title{font-family:var(--serif);font-size:20px;letter-spacing:2px;margin:13px 0 2px}.selection-title span{font-family:var(--sans);font-size:10px;letter-spacing:1px;color:var(--muted);margin-left:10px}.hero-description{font-size:11px;color:var(--muted);margin:0 0 15px;min-height:38px}.action-tabs{display:flex;background:#e7e7d9;padding:3px;gap:4px;margin-bottom:15px}.action-tab{padding:8px 10px;flex:1;background:none;font-size:12px}.action-tab.active{background:var(--paper);box-shadow:0 1px 3px #273b2615}.action-tab .action-icon{margin-right:6px;color:var(--gold)}.decision-area{border-top:1px solid var(--line);padding-top:14px;min-height:146px}.decision-kicker{font-size:10px;letter-spacing:2px;color:var(--gold);margin:0 0 8px}.decision-text{font-size:12px;margin:0 0 12px;line-height:1.9}.decision-text.danger{color:var(--red)}.preview-events{list-style:none;padding:0;margin:0 0 12px;font-size:11px;color:var(--muted)}.preview-events li+li{margin-top:4px}.preview-events li:before{content:"·";margin-right:7px;color:var(--gold)}.primary-button{background:var(--green);color:var(--paper);padding:12px 16px;min-height:46px;width:100%;font-size:13px;letter-spacing:2px;display:flex;justify-content:space-between;align-items:center;transition:background .2s}.primary-button:hover{background:var(--green-dark)}.primary-button:disabled{background:#dcded1;color:#707967}.cancel-button{background:none;font-size:11px;color:var(--muted);padding:6px 0}.utilities{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);margin-top:17px;padding-top:12px}.utility-button{background:none;font-size:11px;padding:7px 0;min-height:36px}.utility-button:disabled{opacity:.4}.utility-button span{margin-right:5px;font-size:15px}.enemy-summary{padding:13px 0;margin-top:14px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.enemy-summary strong{display:block;font-size:11px;color:var(--red);font-weight:500;margin-bottom:3px}.result{padding:13px 0 8px;animation:arrive .35s ease-out}.result-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.result h3{font:500 39px var(--serif);letter-spacing:5px;margin:0}.result-seal{border:3px double var(--red);color:var(--red);font:16px var(--serif);padding:5px 8px;transform:rotate(-8deg);letter-spacing:2px}.result p{font-size:12px;color:var(--muted)}.result-stats{display:flex;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin:16px 0}.result-stat strong{font:26px Georgia,serif;margin-right:6px}.result-stat span{font-size:10px;color:var(--muted)}.result .text-button{width:100%;text-align:left;margin-top:5px}.level-selector{margin-top:34px;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.level-tab{background:none;text-align:left;padding:16px 12px 14px;border-right:1px solid var(--line);position:relative}.level-tab:last-child{border-right:0}.level-tab.active{background:#e6e8d9;box-shadow:inset 0 -2px 0 var(--green)}.level-tab:hover{background:#e8eadf}.level-tab .num{font:italic 12px Georgia,serif;color:var(--gold);display:block;margin-bottom:4px}.level-tab .name{font:15px var(--serif);letter-spacing:1px}.level-tab .check{position:absolute;right:9px;top:13px;font-size:11px;color:var(--green)}.rules{margin-top:28px;border-bottom:1px solid var(--line);padding-bottom:20px}.rules summary{cursor:pointer;font:17px var(--serif);letter-spacing:2px;min-height:34px}.rules summary span{font:10px var(--sans);letter-spacing:1px;color:var(--muted);margin-left:12px}.rules-content{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 40px;padding-top:18px}.rules-content h3{font-size:12px;font-weight:500;margin:0 0 6px}.rules-content p{font-size:11px;color:var(--muted);margin:0;line-height:1.9}.site-footer{display:flex;justify-content:space-between;align-items:center;padding:23px 0 30px;font-size:10px;color:var(--muted)}.site-footer>span:first-child{font-family:var(--serif);font-size:15px;letter-spacing:2px}.footer-mark{font:18px var(--serif);border:1px solid var(--line);padding:1px 6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:15px;top:-60px;z-index:20;background:var(--green);color:var(--paper);padding:10px}.skip-link:focus{top:15px}.loading{padding:50px 0;font-family:var(--serif)}.notice{font-size:11px;color:var(--red);padding:6px 0;margin:0}.replay-badge{background:var(--green);color:var(--paper);padding:2px 8px;font-size:10px}.is-replaying .tile{pointer-events:none}.spent-mark{position:absolute;inset:0;display:grid;place-items:center;font:italic 15px Georgia,serif}.order-token.spent>span:first-child{visibility:hidden}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1000px){.board-wrap{padding:19px}.piece{width:60%;height:60%}.terrain-art{inset:16%;width:68%;height:68%}}
@media(max-width:800px){.page-shell{padding:0 24px}.game-layout{gap:24px;grid-template-columns:minmax(0,1.25fr) minmax(250px,1fr)}.command-panel{padding-left:20px}.landscape{width:210px}.battle-heading .subtitle{display:none}.intro h1{font-size:35px}.level-tab{padding-left:8px;padding-right:6px}.level-tab .name{font-size:13px}.piece{font-size:24px}.piece-label{font-size:8px;bottom:1px}.board-wrap{padding:12px}}
@media(max-width:640px){.page-shell{padding:0 18px}.site-header{padding:19px 0 17px}.brand{font-size:21px;gap:12px}.brand small{font-size:9px}.header-right{gap:0}.edition{display:none}.intro{padding:25px 0 24px}.intro h1{font-size:32px;letter-spacing:1px}.intro h1 span{display:block}.intro-copy{max-width:230px;font-size:10px;line-height:1.9;letter-spacing:.3px}.intro .eyebrow{font-size:9px;letter-spacing:2px}.landscape{width:130px;position:absolute;right:18px;top:111px;opacity:.5;pointer-events:none}.chapter-bar{padding:10px 0;margin-bottom:19px}.chapter-label{font-size:9px;letter-spacing:1px}.chapter-label strong{font-size:15px;margin-left:10px}.progress-label{font-size:10px}.game-layout{display:flex;flex-direction:column;gap:23px}.battle-heading{margin-bottom:5px}.battle-heading h2{font-size:24px}.battle-heading .subtitle{display:block;font-size:9px}.goal{font-size:11px;padding-bottom:14px;gap:8px}.board-wrap{max-width:440px;margin:auto;padding:12px}.board{max-width:100%}.piece{font-size:30px;width:60%;height:60%}.piece-label{font-size:9px;bottom:3px}.coordinate{font-size:8px}.legend{margin-top:14px;gap:14px;font-size:9px}.board-note{margin-top:7px;font-size:10px;min-height:17px}.command-panel{border-left:0;border-top:1px solid var(--line);padding:17px 0 0;position:relative}.orders-heading{padding-right:146px;min-height:44px;align-items:center;justify-content:flex-start;gap:13px}.orders{position:absolute;top:14px;right:0;margin:0;gap:7px}.order-token{width:32px;height:43px;font-size:20px}.order-description{display:none}.roster{margin-top:14px}.hero-button{min-height:48px;padding:7px 12px}.hero-button small{display:inline;margin-left:7px}.selection-title{font-size:19px}.hero-description{min-height:0;margin-bottom:12px}.action-tabs{margin-bottom:12px}.action-tab{min-height:44px}.decision-area{min-height:115px}.decision-text{font-size:12px}.utilities{margin-top:12px}.utility-button{min-height:44px;font-size:12px}.enemy-summary{margin-top:7px;padding:10px 0 0}.level-selector{grid-template-columns:repeat(3,1fr);margin-top:25px}.level-tab{padding:13px 14px}.level-tab .name{font-size:15px}.level-tab:nth-child(3){border-right:0}.level-tab:nth-child(-n+3){border-bottom:1px solid var(--line)}.rules{margin-top:22px}.rules-content{grid-template-columns:1fr;gap:18px}.site-footer{font-size:9px;gap:10px}.site-footer>span:first-child{font-size:12px}.footer-mark{display:none}.result-title{margin-top:10px}.primary-button{min-height:48px}}
@media(max-width:360px){.page-shell{padding:0 12px}.intro h1{font-size:29px}.landscape{width:105px}.piece{font-size:24px}.hero-button{font-size:12px;padding:7px 8px}.hero-button small{font-size:8px;margin-left:5px}.level-tab .name{font-size:14px}.site-footer{flex-direction:column;align-items:flex-start;gap:4px}}
.mobile-dock{display:none}
@media(max-width:640px){body{padding-bottom:150px}.mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px max(12px,env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid #c1c4ae;box-shadow:0 -5px 22px #293b3210;font-size:11px}.mobile-dock button{min-height:44px;background:var(--green);color:var(--paper);padding:10px 16px;font-size:12px;white-space:nowrap}.mobile-dock .dock-secondary{background:#e3e6d6;color:var(--green)}.dock-row{display:flex;gap:7px}.dock-preview{display:block}.dock-preview p{font-size:10px;line-height:1.7;margin:0 0 8px;color:var(--green-dark)}.dock-preview .dock-row>button:last-child{flex:1}.board-wrap{scroll-margin-top:16px;scroll-margin-bottom:160px}.intro{padding:20px 0}.intro h1{font-size:29px}.intro h1 span{display:inline}.landscape{display:none}.intro-copy{max-width:none}.hero-description{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}