:root{color-scheme:dark;font-family:Trebuchet MS,Verdana,system-ui,sans-serif;--cream:#f5e8c3;--gold:#eec982;--wood:#382b23;--green:#254c3c}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:radial-gradient(ellipse at 50% 35%,#315743 0%,#101e1b 78%);color:var(--cream)}body{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow-x:hidden;user-select:none}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}button:focus-visible{outline:3px solid #ffe7a0;outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed}.stage{width:min(100vw,430px,calc(98dvh * 360 / 700));aspect-ratio:360/700;position:relative;isolation:isolate;overflow:hidden;background:#1b4030;border:4px solid #253c2e;box-shadow:0 0 0 3px #806c43,0 0 0 7px #192b23,0 18px 80px #000b;border-radius:9px}canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;display:block;touch-action:none}.ambient-vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 65px #0816108a,inset 0 0 7px #ffe3a52c}.screen{position:absolute;inset:0;pointer-events:none}.screen>*{pointer-events:auto}.hidden{display:none!important}.audio{position:absolute;z-index:8;right:9px;top:8px;border:2px solid #c9a56b;background:#2d493cdd;border-radius:5px;width:30px;height:30px;color:#f7e4b1;font-size:17px;box-shadow:2px 3px #102319}.audio.off{opacity:.5}.logo-wrap{text-align:center;position:absolute;top:7.5%;left:0;right:0;filter:drop-shadow(3px 5px 0 #18261f)}.little-tag,.label-kicker,.chapter-heading>span,.chapter-heading>small,.chapter-label,.difficulty-line,.team-title{font-weight:800;letter-spacing:1.15px;text-transform:uppercase;font-size:10px}.little-tag{color:#fff3c0;text-shadow:1px 2px #233d31}.logo{font-size:40px;margin:4px 0 -1px;letter-spacing:-2px;line-height:1;color:#f6dfa1;text-shadow:-2px -2px #523925,2px -2px #523925,-2px 2px #523925,2px 3px #523925,4px 6px #1d291f;font-weight:1000}.logo span{color:#fff0c2}.ribbon{display:inline-block;margin-top:7px;font-size:11px;letter-spacing:1.1px;font-weight:900;padding:5px 13px;border:2px solid #c69e59;border-radius:3px;color:#ffe9a8;background:#425439;box-shadow:2px 3px #1d3027}.parchment{background:linear-gradient(#f4eacb,#e8dab5);color:#43372c;border:3px solid #795b3d;box-shadow:inset 0 0 0 2px #fff4cf,0 5px 0 #352d27,0 8px 26px #0a251eb0;border-radius:8px}.menu-card{position:absolute;bottom:5.1%;left:5%;right:5%;padding:16px 12px 13px;text-align:center}.label-kicker{font-size:9px;color:#7d6a44}.menu-card h2,.story-panel h2,.reward-card h2{font-size:19px;line-height:1.12;margin:7px 0 6px;color:#514027;text-shadow:0 1px #fffbdf}.menu-card p,.story-panel p,.reward-card p{font-size:12px;line-height:1.47;margin:4px 1px 12px;color:#5b5142}.choose-label{margin:13px 0 8px}.difficulty{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.diff{min-width:0;min-height:57px;border:2px solid #b39b71;border-radius:6px;background:#e5d3ab;color:#68543a;padding:5px 1px;box-shadow:inset 1px 2px #fff5d6,0 2px #8f7955}.diff strong{font-size:11px;display:block;white-space:nowrap}.diff small{font-size:8.5px;display:block;margin-top:4px;line-height:1.2}.diff.active{background:#58765a;color:#fff6d9;border-color:#2c563f;box-shadow:inset 1px 2px #8f9c6c,0 3px #243a2a}.main-button{width:100%;border-radius:6px;border:2px solid #655027;background:linear-gradient(#d7a95c,#a77839);color:#fff4d0;font-size:14px;font-weight:1000;text-shadow:0 2px #664421;padding:12px 8px;letter-spacing:.6px;box-shadow:inset 0 2px #f8da8d,0 4px #523b26,0 6px #242922}.main-button:active{transform:translateY(3px);box-shadow:inset 0 2px #f8da8d,0 1px #523b26}.menu-card .main-button{margin-top:12px}.build{font-size:8px;letter-spacing:1px;color:#887758;margin-top:11px}.chapter-heading{position:absolute;top:10%;width:100%;text-align:center;text-shadow:2px 3px #193226}.chapter-heading>span{display:block;color:#e7dbad;font-size:11px}.chapter-heading>b{display:block;font-size:25px;line-height:1.18;color:#fff0b7;margin:8px 5px;text-shadow:2px 2px #533c25,3px 4px #223d2d}.chapter-heading>small{display:block;color:#e5deaf;font-size:9px}.story-panel{position:absolute;left:5%;right:5%;bottom:6%;padding:17px 15px 18px;text-align:center}.story-panel .main-button{margin-top:6px}.story-icon{font-size:30px;color:#8f995c;line-height:1.1}.battle-header{position:absolute;left:5%;right:5%;top:6.1%;padding:11px 14px 10px;text-align:left}.chapter-label{color:#688157;font-size:9px}.chapter-label span{color:#8b8b6f}.battle-title{font-size:16px;color:#52432d;font-weight:900;margin:6px 0 7px}.battle-title span{float:right;color:#8f6a44;font-size:11px}.difficulty-line{display:flex;justify-content:space-between;color:#8a7753;font-size:9px;letter-spacing:1px}.board-caption{position:absolute;top:22%;left:0;right:0;text-align:center;font-size:10px;font-weight:900;color:#f9e2ac;letter-spacing:1.2px;text-shadow:1px 2px #294535}.underboard{position:absolute;left:5%;right:5%;bottom:5%;text-align:center}.status-line{border:2px solid #7fa26b;background:#183e32ef;padding:10px 8px;min-height:42px;border-radius:6px;color:#fff1c3;font-size:12px;font-weight:800;box-shadow:0 4px #10251e;display:flex;align-items:center;justify-content:center}.army-strip{margin-top:9px;display:flex;justify-content:space-between;gap:4px;color:#ffecbb;text-shadow:1px 1px #263b2b;font-size:10px;padding:1px 3px}.team-title{font-size:8px;color:#d1cb91}.toolbar{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.toolbar button{font-size:11px;font-weight:900;border:2px solid #b8a16f;background:linear-gradient(#4d725c,#365645);border-radius:5px;padding:9px 2px;color:#ffe9b9;box-shadow:0 3px #1d362b}.toolbar button:active{transform:translateY(2px);box-shadow:0 1px #1d362b}.text-button{border:none;background:transparent;text-align:center;display:block;margin:10px auto 0;padding:3px 8px;font-size:11px;text-decoration:underline;color:#f5e1b6;text-shadow:1px 2px #1d362b}.story-panel .text-button{color:#756046;text-shadow:none}.reward-card{position:absolute;bottom:5.5%;left:4%;right:4%;padding:15px 11px 17px;text-align:center}.treasure{color:#a88b47;font-size:21px}.rewards{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:13px 0}.rewards button{border:2px solid #a68c59;background:#dfc89b;border-radius:6px;min-width:0;min-height:120px;padding:5px 2px;color:#594329;box-shadow:inset 0 2px #f7e6be,0 3px #806847}.rewards button:active{transform:translateY(2px)}.rewards b{display:block;font-size:11px}.rewards small{font-size:9px}.quiet-note{display:block;font-size:9px;color:#907b61}.mini-sprite{display:block;width:54px;height:64px;margin:0 auto -1px;background-image:url('assets/pieces.png');background-repeat:no-repeat;background-size:378px 128px;image-rendering:pixelated}.mini-sprite.knight{background-position:-108px 0}.mini-sprite.bishop{background-position:-162px 0}.mini-sprite.pawn{background-position:0 0}.promo{z-index:6;position:absolute;inset:0;background:#0b201bc9;display:flex;align-items:center;justify-content:center}.promo-box{width:90%;padding:18px;text-align:center}.promo-box h2{margin:0;font-size:19px}.promo-box p{font-size:12px}.promo-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.promo-choices button{background:#557354;border:2px solid #a38956;border-radius:4px;padding:11px 2px;font-weight:900;font-size:12px}.outside-caption{letter-spacing:3px;color:#94af91;font-size:9px;margin-top:15px;text-align:center}@media(max-height:710px){.outside-caption{display:none}}@media(max-width:330px){.logo{font-size:34px}.diff small{font-size:7px}.menu-card p{font-size:11px}}