:root{color:#efe6d2;background:#171512;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#14120ff0,#0e0d0bfa),#171512}button{font:inherit}.app-shell{width:min(1120px,calc(100% - 24px));margin:0 auto;padding:24px 0 40px}.app-header{margin-bottom:16px}.eyebrow{margin:0 0 4px;color:#b9aa8a;text-transform:uppercase;font-size:.78rem}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2rem,5vw,3.5rem)}h2{margin-bottom:10px;font-size:1rem}.objective-banner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;padding:12px;border:1px solid #5f543e;background:#272219}.objective-banner p{margin:4px 0 0;color:#d7ccb5}.play-area{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,360px);gap:16px;align-items:start}.board-wrap{width:100%}.board{display:grid;gap:4px;width:100%;max-width:620px}.tile{position:relative;display:flex;min-height:76px;align-items:center;justify-content:center;border:1px solid #423829;border-radius:6px;color:#efe6d2;background:#352c20;cursor:pointer}.tile:focus-visible,.unit:focus-visible,button:focus-visible{outline:2px solid #9fc7d8;outline-offset:2px}.tile-ground{background:#332a1f}.tile-forest_escape{background:#1f3527}.tile-ford{background:#2e3c42}.tile-mud{background:#3a3126}.tile-horn{background:#483a22}.tile-cart{background:#4a3922}.tile-blocked{background:#1f1d1b;color:#7e735f;cursor:not-allowed}.tile-legal{border-color:#a9d4e2;box-shadow:inset 0 0 0 3px #a9d4e261}.tile-label{position:absolute;top:5px;left:6px;color:#efe6d29e;font-size:.64rem;text-transform:uppercase}.objective-marker{position:absolute;right:5px;bottom:5px;padding:2px 5px;border:1px solid #d5a23a;border-radius:4px;color:#21170a;background:#d5a23a;font-size:.68rem;font-weight:700}.unit{position:relative;display:grid;width:42px;height:42px;place-items:center;border:2px solid #efe6d2;border-radius:50%;font-weight:800;cursor:pointer;-webkit-user-select:none;user-select:none}.unit-player{color:#211b13;background:#ded0b0}.unit-enemy{color:#f3e9d5;border-color:#8f2f28;background:#5d1f1d}.unit-selected{box-shadow:0 0 0 4px #a9d4e28c}.unit-legal-target{box-shadow:0 0 0 4px #a9d4e2a6}.unit-command-target{box-shadow:0 0 0 4px #d5a23aa6,0 0 0 7px #a9d4e259}.unit-acted{opacity:.55}.unit-braced{border-style:double}.unit-carrying{border-color:#d5a23a}.unit-badge{position:absolute;right:-5px;bottom:-5px;display:grid;width:17px;height:17px;place-items:center;border-radius:50%;color:#1f170b;background:#d5a23a;font-size:.65rem}.unit-badge-brace{right:auto;left:-5px;background:#a9d4e2}.side-panel{display:grid;gap:12px}.action-panel,.feedback-panel,.intent-panel,.turn-panel,.debug-panel{border:1px solid #4e4433;border-radius:8px;background:#211d17;padding:12px}.selected-unit-line{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.selected-unit-line span{color:#b9aa8a}.action-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.action-list button,.primary-button,.secondary-button{min-height:38px;border:1px solid #6f6249;border-radius:6px;color:#efe6d2;background:#30291f;cursor:pointer}.action-list button{padding:0 10px}.action-list button:disabled{color:#8d816a;cursor:not-allowed;background:#242019}.action-list .action-active{border-color:#a9d4e2;color:#172126;background:#a9d4e2}.preview-copy,.intent-panel p,.feedback-panel p{color:#d7ccb5}.intent-panel ul{margin:0;padding-left:18px;color:#d7ccb5}.turn-panel{display:grid;gap:8px}.outcome{color:#d7ccb5}.primary-button,.secondary-button{width:100%}.primary-button{border-color:#d5a23a;color:#1f170b;background:#d5a23a;font-weight:800}.debug-panel{margin-top:16px}.debug-panel summary{cursor:pointer}.debug-panel pre{max-height:320px;overflow:auto;margin:10px 0 0;color:#d9d0bb;font-size:.78rem}@media(max-width:800px){.objective-banner,.play-area{grid-template-columns:1fr}.tile{min-height:62px}.unit{width:36px;height:36px}}