/* 0.4 campaign, comic panels, and five-column falling-letter board. */
body{font-family:'Courier New','Microsoft YaHei',sans-serif}.tag{font-family:'Microsoft YaHei',sans-serif}.hero h1{letter-spacing:1px}.hero p{line-height:1.9}
.comic,.encounter,.travel,.level-map{margin:28px auto;max-width:820px}.comic h1,.encounter h1,.travel h1,.level-map h1{font-size:30px;line-height:1.4;letter-spacing:1px;color:#f1cf92}.comic-art{background-image:url('assets/story-panels-v1.png');background-size:300% 200%;background-repeat:no-repeat;aspect-ratio:1/1;width:min(100%,520px);margin:18px auto;border:3px solid #d7c59a;box-shadow:6px 6px #081620;image-rendering:pixelated}.panel-0{background-position:0 0}.panel-1{background-position:50% 0}.panel-2{background-position:100% 0}.panel-3{background-position:0 100%}.panel-4{background-position:50% 100%}.panel-5{background-position:100% 100%}
.speech{margin:22px 0;padding:20px 24px;border:3px solid #d5c6a1;box-shadow:5px 5px #081620;background:#203541;min-height:155px}.speech b{display:block;color:#f2cd87;font-size:17px}.speech p{font:16px/1.95 'Microsoft YaHei',Arial,sans-serif;color:#ecedda;margin:13px 0 0}.comic-controls{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.comic-controls button,.menu-actions button{font-size:15px}.ending>.ghost{margin-left:15px}
.level-map>p,.travel>p{font:14px/1.9 'Microsoft YaHei',sans-serif;color:#afc6c5}.map-path{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:30px 0}.level-stop{display:grid;grid-template-columns:54px 1fr;text-align:left;align-items:center;padding:18px;background:#203944;border:2px solid #82a7a3;color:#efe3bd;box-shadow:4px 4px #091722}.level-stop>b{grid-row:span 2;font:30px 'Courier New';color:#ebc47c}.level-stop span{font:18px 'Microsoft YaHei',sans-serif}.level-stop small{font:11px 'Microsoft YaHei',sans-serif;color:#a8c5bd;margin-top:9px}.level-stop.locked{opacity:.4}.level-stop.open:hover{background:#355449}
.battle-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px;align-items:start}.battle-view{min-width:0}.battle-view .arena{min-height:360px;padding:25px 10px;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}.battle-view .actor{width:100%;height:200px}.battle-view .fighter h2{font-size:16px}.battle-view .history{line-height:1.8}.battle-view .notice{min-height:110px;margin-top:22px}.tutorial-copy{font:13px/1.8 'Microsoft YaHei',sans-serif;color:#e7cf95;min-height:43px}.word{font-size:28px;letter-spacing:3px;min-height:45px;height:auto;overflow-wrap:anywhere}.board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:10px;width:min(100%,374px);margin:8px auto 18px;overflow:hidden;background:#0c1c27;border:2px solid #668b8d;box-shadow:5px 5px #091420}.board .tile{width:100%;height:57px;max-width:none;min-width:0;margin:0;font-size:29px;border:2px solid #e4c68f;box-shadow:2px 2px #715d40;transform:none}.board .tile.selected{transform:none;background:#8bc6b1;border-color:#c2eed1}.board .tile.guided{outline:3px solid #fff1a1;outline-offset:-5px;background:#ffe7a6;animation:guide 1s steps(2,end) infinite}.board .tile small{color:#41584d;bottom:3px;right:5px}.controls{gap:8px}.controls button{font-size:14px}.controls .primary{min-width:148px}.rules{font-family:'Microsoft YaHei',sans-serif}.spell .rules{font-size:11px}.spell{min-width:0}.stage-line h1{font-size:24px}
.road-scene{position:relative;overflow:hidden;height:300px;background:linear-gradient(#739da2 0 30%,#456b51 30% 50%,#364e39 50% 65%,#89714b 65%);border:3px solid #b4c1a0;image-rendering:pixelated}.road-trees{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 75px,#273e30 75px 100px,transparent 100px 180px);opacity:.7}.road-trees:before{content:'';position:absolute;left:-20%;right:-20%;top:-40px;height:170px;background:repeating-linear-gradient(90deg,#1c4535 0 60px,#2f6042 60px 130px,#244c39 130px 190px);clip-path:polygon(0 0,100% 0,100% 70%,95% 90%,90% 70%,84% 100%,78% 70%,70% 90%,60% 65%,50% 90%,40% 65%,30% 100%,20% 70%,10% 90%,0 60%)}.walker{position:absolute;bottom:38px;left:3%;width:130px;height:180px}.walker .sprite-frame{bottom:0}.road-sign{position:absolute;right:12px;bottom:25px;background:#4e3429;border:3px solid #bea26c;color:#f0d39a;padding:12px;font-size:16px}
@keyframes guide{50%{outline-color:#c08c3f}}
@media(max-width:760px){.battle-layout{grid-template-columns:1fr;gap:12px}.battle-view .arena{min-height:270px;padding:18px 8px}.battle-view .actor{height:155px}.battle-view .sprite-frame{scale:.88;transform-origin:50% 100%}.battle-view .hp{min-height:45px}.battle-view .fighter h2{min-height:27px}.battle-view .notice{min-height:66px;margin:18px 0 7px}.battle-view .history{font-size:10px;margin-top:9px}.board{width:min(100%,335px);gap:8px}.board .tile{height:49px;font-size:27px}.tutorial-copy{min-height:30px}.word{font-size:26px;min-height:38px}.stage-line{margin:20px 0 14px}.stage-line h1{font-size:21px}.comic h1,.travel h1,.level-map h1,.encounter h1{font-size:25px}.speech{padding:17px;margin:17px 0}.speech p{font-size:14px;line-height:1.95}.speech b{font-size:15px}.comic-controls{gap:8px}.comic-controls button{font-size:13px}.comic-art{margin:15px auto}.map-path{gap:13px}.level-stop{grid-template-columns:40px 1fr;padding:15px 9px}.level-stop span{font-size:14px}.level-stop>b{font-size:24px}.level-stop small{font-size:10px}.road-scene{height:280px}.hero{padding-top:24px}.hero h1{font-size:42px}.top .brand{font-size:14px;letter-spacing:1.5px}.top .tag{font-size:10px}.top .ghost{padding:8px}.board .tile small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.board .tile.guided{animation:none}}
@media(max-width:760px){body[data-screen="battle"] #app{padding:10px 12px}body[data-screen="battle"] .top{padding:7px 6px}body[data-screen="battle"] .stage-line{margin:12px 0 9px}body[data-screen="battle"] .stage-line h1{font-size:18px;margin:5px 0}body[data-screen="battle"] .stage-line .eyebrow{font-size:9px}body[data-screen="battle"] .battle-view .arena{min-height:190px;padding:10px 7px}body[data-screen="battle"] .battle-view .actor{height:102px;margin-top:3px}body[data-screen="battle"] .battle-view .sprite-frame{scale:.64}body[data-screen="battle"] .battle-view .fighter h2{font-size:13px;min-height:20px;margin-bottom:3px}body[data-screen="battle"] .battle-view .hp{min-height:35px}body[data-screen="battle"] .battle-view .hp span{font-size:11px}body[data-screen="battle"] .battle-view .notice{font-size:11px;min-height:40px;margin:13px 0 0}body[data-screen="battle"] .history{display:none}body[data-screen="battle"] .battle-layout{gap:7px}body[data-screen="battle"] .tutorial-copy{font-size:11px;min-height:24px}body[data-screen="battle"] .word{font-size:24px;min-height:28px;padding:0}body[data-screen="battle"] .board{max-width:290px;gap:6px;padding:8px;margin:5px auto 12px}body[data-screen="battle"] .board .tile{height:44px;font-size:25px}body[data-screen="battle"] .controls button{padding:10px 13px;font-size:13px}body[data-screen="battle"] .rules{margin-top:11px;font-size:10px}body[data-screen="battle"] footer{display:none}}