:root{--sand:#e8dcc0;--mist:#d7d9d1;--ink:#2f3a36;--ink-soft:#55625c;--wood:#7a5a3c;--panel:#f5f0e4e6;--panel-edge:#7a5a3c59;--accent:#a4553a;--focus:#1f5f8b;--moss:#6d7f4a;--ochre:#c49a45;color:var(--ink);font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:17px}:root.large-text{font-size:21px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:#cfd3cc;height:100%;margin:0;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#vignette{pointer-events:none;background:radial-gradient(#0000 58%,#2f3a3629 100%);position:fixed;inset:0}button,input,select{font:inherit;color:inherit}button{border:1px solid var(--panel-edge);cursor:pointer;background:#f7f2e6;border-radius:8px;padding:.35rem .75rem;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 1px 2px #2f3a361f}button:hover{background:#fffaf0;box-shadow:0 2px 6px #2f3a3629}button:disabled{opacity:.55;cursor:default;box-shadow:none}button.primary{background:var(--accent);color:#fff8ee;border-color:#7d3f2a}button.primary:hover{background:#b25f42}#call-wave{background:var(--accent);color:#fff8ee;border-color:#7d3f2a;font-weight:600}#call-wave:hover{background:#b25f42}button[aria-pressed=true]{border-color:var(--wood);background:#e3d6b8}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#hud{pointer-events:none;z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.6rem;display:flex;position:fixed;top:.6rem;left:.6rem;right:.6rem}.hud-group{pointer-events:auto;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--panel-edge);border-radius:12px;align-items:center;gap:.5rem;padding:.4rem .7rem;display:flex;box-shadow:0 4px 16px #2f3a3626}.hud-wave{letter-spacing:.01em;white-space:nowrap;font-size:1.05em;font-weight:700}.hud-phase{color:var(--ink-soft);white-space:nowrap;background:#2f3a3614;border-radius:999px;padding:.15rem .6rem}.hud-meta{color:var(--ink-soft);opacity:.9;font-size:.85em}.speed{align-items:center;gap:.35rem;display:flex}.speed input{width:4.5rem;accent-color:var(--accent)}#paused-banner,#aim-banner{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f5efe2;pointer-events:none;letter-spacing:.02em;z-index:9;white-space:nowrap;background:#2f3a36d1;border-radius:999px;padding:.35rem 1rem;font-weight:500;position:fixed;top:4.4rem;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #2f3a3640}#aim-banner{background:#a4553ae6;top:6.6rem}#panel{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--panel-edge);border-radius:12px;width:19rem;max-height:60vh;padding:.7rem .9rem;position:fixed;bottom:.6rem;left:.6rem;overflow:auto;box-shadow:0 6px 20px #2f3a362e}#panel h2{align-items:center;gap:.5rem;margin:0 0 .2rem;font-size:1.15em;display:flex}#panel h2:before{content:"";background:var(--panel-edge);border-radius:50%;flex:none;width:.7rem;height:.7rem}#panel[data-type=guard]{border-left:4px solid #c0392b}#panel[data-type=guard] h2:before{background:#c0392b}#panel[data-type=archers]{border-left:4px solid #1e6b3a}#panel[data-type=archers] h2:before{background:#1e6b3a}#panel[data-type=spearmen]{border-left:4px solid #a86414}#panel[data-type=spearmen] h2:before{background:#a86414}.panel-state{color:var(--ink-soft);margin:0 0 .4rem;font-size:.9em}.morale{align-items:center;gap:.5rem;font-size:.9em;display:flex}.bar{background:#2f3a3626;border-radius:999px;flex:1;height:.6rem;overflow:hidden}.bar>div{background:var(--moss);width:50%;height:100%;transition:width .4s}.bar.low>div{background:var(--ochre)}#panel ul{margin:.5rem 0;padding:0;font-size:.9em;list-style:none}#panel li{font-variant-numeric:tabular-nums;border-bottom:1px dashed #7a5a3c33;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.16rem 0;display:flex}#panel li.fallen{color:var(--ink-soft);opacity:.65;text-decoration:line-through}#panel li .trait{color:var(--ink-soft);margin-left:auto;font-size:.92em;font-style:italic}#labels{pointer-events:none;position:fixed;inset:0;overflow:hidden}.squad-label{color:#fff8ee;text-shadow:0 1px 3px #000000a6;will-change:transform;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2f3a368c;border:1px solid #fff8ee38;border-radius:999px;flex-direction:column;align-items:center;gap:3px;padding:.15rem .55rem .25rem;font-size:.8em;font-weight:600;display:flex;position:absolute;top:0;left:0}.squad-label .mini{background:#00000073;border:1px solid #ffffff40;border-radius:999px;width:3.2rem;height:.35rem;overflow:hidden}.squad-label .mini>div{background:#cfe0a8;height:100%}.squad-label.enemy{opacity:.9;background:#4a3b5c8c;font-weight:400}.squad-label.enemy .mini>div{background:#b7c3cf}.squad-label.selected{color:#fffbe0;background:#a4553ab8;border-color:#fffbe099;box-shadow:0 2px 10px #a4553a66}#hint{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--panel-edge);border-radius:12px;max-width:22rem;padding:.6rem .8rem;font-size:.92em;position:fixed;bottom:.6rem;right:.6rem;box-shadow:0 6px 20px #2f3a362e}#toast{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f5efe2;pointer-events:none;z-index:9;white-space:nowrap;text-overflow:ellipsis;background:#2f3a36e0;border-radius:10px;max-width:calc(100vw - 2rem);padding:.45rem 1rem;position:fixed;bottom:1.2rem;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 14px #2f3a364d}#title{background:radial-gradient(#d7d9d140 0%,#cfd3ccb8 55%,#2f3a366b 100%);place-items:center;display:grid;position:fixed;inset:0}.title-card{background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--panel-edge);text-align:center;border-radius:16px;max-width:34rem;margin:1rem;padding:1.8rem 2.2rem;animation:.5s both title-in;box-shadow:0 16px 48px #2f3a364d,inset 0 1px #ffffff80}.title-card h1{letter-spacing:.005em;margin:0 0 .3rem;font-family:Georgia,Times New Roman,serif;font-size:2.4em;font-weight:500;line-height:1.05}@keyframes title-in{0%{opacity:0;transform:translateY(10px)}}.subtitle{color:var(--ink-soft);margin-top:0;font-style:italic}.small{color:var(--ink-soft);font-size:.9em}.title-card .primary{min-width:12rem;margin-top:.8rem;padding:.6rem 2rem;font-size:1.15em}.title-card .title-options{flex-wrap:wrap;justify-content:center;gap:.4rem 1.2rem;margin-top:.4rem;display:flex}.title-card .difficulty{align-items:center;gap:.5rem;display:inline-flex}.title-card .difficulty select{border:1px solid var(--panel-edge);background:#f7f2e6;border-radius:6px;padding:.3rem .6rem}dialog{border:1px solid var(--panel-edge);color:var(--ink);background:#f7f2e6;border-radius:12px;max-width:30rem;padding:1.1rem 1.4rem}dialog::backdrop{background:#2f3a3659}dialog h2{margin-top:0;font-family:Georgia,Times New Roman,serif;font-weight:500}dialog label{justify-content:space-between;align-items:center;gap:1rem;margin:.4rem 0;display:flex}dialog label.check{justify-content:flex-start}.keys{padding-left:1.1rem;font-size:.9em}kbd{border:1px solid var(--panel-edge);background:#fffaf0;border-bottom-width:2px;border-radius:4px;padding:0 .3rem;font-size:.9em}.actions{justify-content:flex-end;gap:.5rem;margin-top:.8rem;display:flex}@media (width<=760px){.hud-meta{display:none}.hud-phase{text-overflow:ellipsis;max-width:40vw;overflow:hidden}#hud{gap:.4rem}.hud-group{gap:.4rem;padding:.3rem .5rem}}@media (prefers-reduced-motion:reduce){.bar>div{transition:none}.title-card{animation:none}}:root.reduced-motion .bar>div{transition:none}:root.reduced-motion .title-card{animation:none}