@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Prata&display=swap');
:root{--ink:#292b27;--muted:#77776b;--line:#d5d0c0;--paper:#f3efe5;--red:#9f4436;--blue:#3e717c;--green:#567255}*{box-sizing:border-box}body{margin:0;background:#eee9dd;color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:5px;padding:10px 14px;transition:background .18s,transform .18s}button:hover:not(:disabled){background:#e5dece}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #3e717c;outline-offset:3px}.header{max-width:1480px;margin:auto;padding:24px 38px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:var(--ink);font-size:15px;font-weight:800;letter-spacing:2px}.brand-mark{font-size:32px;font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:2.7px;margin-top:5px;color:var(--muted)}.chapter{font-family:Georgia,serif;font-size:24px;color:var(--red);display:flex;gap:18px;align-items:center}.chapter span{font:600 11px Manrope,Arial;letter-spacing:2px;color:var(--ink)}.text-button{border:0;font-size:12px}.text-button span{display:inline-grid;place-items:center;border:1px solid var(--line);width:20px;height:20px;border-radius:50%;margin-left:8px}main{max-width:1480px;margin:auto;padding:32px 38px 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:25px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:800;color:var(--red)}h1{font:400 38px/1.18 Prata,Georgia,serif;margin:12px 0}p{line-height:1.7}.intro p{font-size:12px;color:var(--muted);margin:12px 0 0}.steps{display:flex;gap:28px;align-self:flex-end;margin-bottom:8px}.step{border-top:1px solid var(--line);padding-top:12px;min-width:120px;color:#99998a}.step b{font:400 23px Georgia,serif;display:block;margin-bottom:7px}.step span{font-size:11px}.step.active{color:var(--ink);border-color:var(--red)}.step.active b{color:var(--red)}.game-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:20px}.panel{background:#f5f1e7;border:1px solid var(--line);border-radius:7px}.roster{padding:22px 18px;display:flex;flex-direction:column}.panel-heading{display:flex;justify-content:space-between;align-items:center}h2{font:400 20px/1.3 Prata,Georgia,serif;margin:7px 0 0}.team-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.red{background:var(--red)}.blue{background:var(--blue)}.muted{color:var(--muted);font-size:12px}.roster-help{font-size:11px;margin:15px 0}.unit-button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:9px;margin-bottom:5px;background:#efeadf;border-color:transparent;position:relative}.unit-button.selected{border-color:var(--red);background:#f1e4d7;box-shadow:inset 3px 0 var(--red)}.unit-button .unit-icon{width:29px;height:32px;font-size:25px;display:grid;place-items:center;color:var(--red)}.unit-button strong{display:block;font-size:11px;font-weight:700}.unit-button small{display:block;font-size:9px;margin-top:3px;color:var(--muted)}.unit-button .placed{margin-left:auto;font-size:14px;color:var(--green)}.unit-button .unplaced{margin-left:auto;font-size:10px;color:#a59c88}.roster-footer{margin-top:10px;padding:14px 0 10px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.roster-tools{display:flex;gap:8px}.roster-tools button{font-size:10px;flex:1;padding:8px 5px}.rotate-button{margin-top:8px;font-size:10px;text-align:left;padding:9px}.rotate-button kbd{float:right;font-size:10px;opacity:.6}.small-note{font-size:9px;color:var(--muted);line-height:1.6;margin:10px 0 15px}.enemy-card{margin-top:auto;display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding-top:14px}.enemy-card strong{font-size:11px;display:block}.enemy-card small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.enemy-card .team-dot{margin-left:auto}.lock-icon{font-size:23px;color:var(--blue)}.battle-area{min-width:0}.field-bar{display:flex;justify-content:space-between;align-items:center;padding:0 1px 12px;font-size:11px;height:43px}.status-light{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:8px}.field-actions{display:flex;align-items:center;gap:5px}.field-actions button{font-size:12px;padding:4px 9px;border-color:transparent}.field-actions span{font-size:9px;min-width:32px;text-align:center}.field-actions #soundBtn{font-size:9px;margin-right:8px}.canvas-wrap{position:relative;border:1px solid #c5bfae;border-radius:7px;overflow:hidden;background:#dfd1ae;aspect-ratio:1000/760;min-height:390px;box-shadow:0 7px 22px #4b42330a}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.canvas-hint{position:absolute;top:22px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:1px;color:#e9debd;border:1px solid #e6dfc233;background:#2d3c3899;padding:8px 14px;border-radius:4px;white-space:nowrap;pointer-events:none}.field-toast{position:absolute;bottom:22px;left:50%;transform:translateX(-50%) translateY(15px);opacity:0;transition:.2s;background:#2e322bed;color:#fff4db;padding:11px 18px;border-radius:5px;font-size:11px;pointer-events:none;max-width:90%;text-align:center}.field-toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.field-caption{display:flex;justify-content:space-between;padding:12px 2px;font-size:9px;color:var(--muted);gap:12px}.legend-dot{width:6px;height:6px;display:inline-block;border-radius:50%;margin-right:4px}.legend-dot.blue{margin-left:15px}.command-bar{margin-top:14px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.battle-stats{display:flex;gap:36px}.battle-stats span{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-bottom:6px}.battle-stats strong{font:400 25px Georgia,serif}.battle-stats small{font:400 11px Manrope,Arial;color:var(--muted)}.battle-stats div:nth-child(1) strong{color:var(--red)}.battle-stats div:nth-child(2) strong{color:var(--blue)}.battle-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.battle-controls button{font-size:11px}.primary{background:#303a2d;color:#f9f4e8;border:1px solid #303a2d;padding:14px 24px;font-size:12px;font-weight:700}.primary:hover:not(:disabled){background:#48533e}.primary span{margin-left:30px}.speed-controls{display:flex;gap:2px}.speed-controls button{border-color:transparent;padding:7px 8px}.speed-controls .selected{background:#e5ddca;border-color:#d5ccb6}footer{display:flex;justify-content:space-between;gap:15px;color:#858477;font-size:9px;padding:22px 0 30px}.reveal-banner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#302c1b44;pointer-events:none;animation:reveal 2.6s ease both}.reveal-banner span{font-size:10px;letter-spacing:4px;color:#fff5d8;background:#333c30;padding:8px 20px}.reveal-banner strong{font:400 29px Prata,Georgia,serif;color:#fff9df;text-shadow:0 2px 8px #0009;margin-top:16px}.result-overlay{position:absolute;inset:0;background:#242d2977;display:grid;place-items:center;backdrop-filter:blur(3px)}.result-card{width:min(390px,88%);background:#f4eedf;border:1px solid #cfc2a5;border-radius:8px;padding:32px;text-align:center;box-shadow:0 20px 50px #0003}.result-card h2{font-size:29px;margin:18px 0 12px}.result-card p{font-size:12px;color:var(--muted)}.result-numbers{display:flex;justify-content:center;gap:30px;margin:22px 0;font-size:10px;line-height:1.7}.result-numbers b{display:block;font:400 28px Georgia,serif}.result-card button{width:100%}dialog{max-width:560px;width:calc(100% - 32px);padding:32px;background:#f4efe3;color:var(--ink);border:1px solid var(--line);border-radius:10px;max-height:85vh;overflow:auto}dialog::backdrop{background:#25302b88;backdrop-filter:blur(4px)}dialog h2{font-size:26px;margin:15px 0}dialog p,dialog li{font-size:12px;line-height:1.8}dialog ol{padding-left:20px}dialog li{margin:10px 0}.dialog-close{position:absolute;right:12px;top:10px;border:0;font-size:24px;padding:4px 9px}.help-units{background:#eae3d3;padding:10px 16px;border-radius:5px}.help-units p{margin:7px 0}dialog .primary{margin-top:12px;width:100%}[hidden]{display:none!important}@keyframes reveal{0%{opacity:0}15%,75%{opacity:1}100%{opacity:0}}@media(min-width:1450px){.game-layout{grid-template-columns:275px minmax(0,1fr)}.unit-button{padding:13px 9px}}@media(max-width:1000px){.header{padding:20px 24px}main{padding:25px 24px 0}.steps{gap:15px}.step{min-width:96px}.game-layout{grid-template-columns:220px minmax(0,1fr);gap:15px}.roster{padding:17px 13px}.canvas-wrap{min-height:530px;aspect-ratio:auto}.battle-stats{gap:20px}.command-bar{padding:15px}.intro h1{font-size:32px}}@media(max-width:760px){.header{padding:16px}.chapter{display:none}.brand{font-size:12px}.brand small{font-size:7px}main{padding:22px 14px 0}.intro{display:block;margin-bottom:20px}h1{font-size:29px!important}.intro p{font-size:11px}.steps{margin-top:22px;gap:15px}.step{flex:1;min-width:0;padding-top:8px}.step b{font-size:19px}.step span{font-size:9px}.game-layout{display:flex;flex-direction:column;gap:15px}.roster{padding:15px}.roster-help{margin:8px 0}.roster h2{font-size:18px}#roster{display:grid;grid-template-columns:1fr 1fr;gap:5px}.unit-button{margin:0;padding:8px}.unit-button strong{font-size:10px}.unit-button small{font-size:8px}.roster-footer{padding:10px 0}.roster-tools{max-width:240px}.rotate-button{position:absolute;right:16px;bottom:38px;width:170px}.roster{position:relative}.small-note{max-width:230px;margin-bottom:0}.enemy-card{display:none}.canvas-wrap{min-height:0;aspect-ratio:1000/890}.canvas-hint{font-size:8px;top:15px;padding:6px 8px}.field-bar{height:35px;padding-bottom:8px}.field-caption{font-size:8px}.field-caption #fieldHint{max-width:48%;text-align:right}.command-bar{flex-direction:column;align-items:stretch;margin-top:6px;gap:14px}.battle-stats{justify-content:space-between}.battle-controls{justify-content:center}.battle-controls .primary{width:100%}footer{font-size:8px;line-height:1.7}footer span:last-child{display:none}.result-card{padding:22px}.reveal-banner strong{font-size:20px}}@media(prefers-reduced-motion:reduce){button,.field-toast{transition:none}.reveal-banner{animation:none}}

@media(max-width:760px){.roster-tools{max-width:none}.rotate-button{position:static;width:100%;margin-top:8px}.small-note{max-width:none}.roster-help{max-width:none}}
.campaign-battle .header{display:none}.campaign-battle .intro h1{font-size:27px}.campaign-battle .intro{margin-bottom:18px}.campaign-battle main{padding-top:22px}.campaign-battle .intro .steps{display:none}.campaign-battle footer{display:none}.campaign-battle .intro .eyebrow{display:none}.campaign-battle .intro h1 br{display:none}