body.march .panel{background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:12px;pointer-events:auto}#hud{padding:7px 10px;width:min(78vw,400px);font-size:12px}.hud-row1{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hud-row1 b{font-size:14px}.back{color:#ffd7a8;text-decoration:none;font-weight:600;padding:4px 6px 4px 0}.tag{padding:1px 7px;border-radius:999px;background:#ffffff1f;font-size:11px}.tag.marching{background:#2f6fb4}.tag.combat{background:#b8322a}.tag.won{background:#3c8c46}.tag.lost{background:#555}.bar-row[hidden]{display:none}.bar-row{display:flex;align-items:center;gap:6px;margin-top:5px}.who{font-size:11px;font-weight:700;min-width:2.2em;max-width:9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.who.blue{color:#8cc4ff}.who.red{color:#ff9a8a}.bar{flex:1;height:8px;background:#ffffff1f;border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;background:#3d8ee8;transition:width .2s linear}.bar.red i{background:#e0483a}.num{font-variant-numeric:tabular-nums;min-width:3.2em;text-align:right;font-size:11px}.log{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.35;min-height:1.35em}#ctrl{position:absolute;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));margin:0 auto;max-width:560px;padding:7px}.presets{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.presets::-webkit-scrollbar{display:none}.presets button,.btns button{appearance:none;border:1px solid var(--line);background:#ffffff0f;color:var(--ink);font-family:inherit;font-size:13px;font-weight:600;min-height:40px;padding:0 12px;border-radius:10px;cursor:pointer;white-space:nowrap;flex-shrink:0}.presets button.active{border-color:#f0c060;color:#ffe2a0}.plan-info{font-size:12px;margin:6px 2px;color:#f1e6c8;line-height:1.4;min-height:1.4em}.plan-info .warn{color:#ff9a8a}.btns{display:flex;gap:6px}.btns button{flex:1;padding:0 4px;min-width:0}.btns button.primary,.result .primary{background:var(--accent);border-color:var(--accent);color:#fff8ef;flex:1.6}.btns button:disabled{opacity:.45}.btns button.active{background:#f0c06038;border-color:#f0c060}.toast{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);background:#14161ae0;padding:8px 14px;border-radius:10px;font-size:13px;pointer-events:none}.result{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;pointer-events:auto}.result[hidden],.toast[hidden]{display:none}.result-box{background:#1c1e24f2;border:1px solid var(--line);border-radius:14px;padding:18px 20px;width:min(84vw,340px);text-align:center}.result-box h2{font-size:22px;margin-bottom:8px}.result-box p{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:14px;white-space:pre-line}.result .primary{min-height:44px;width:100%;border-radius:10px;font-size:15px;font-weight:700;border:0}.label.unit{transform:translate(-50%,-100%);text-align:center;font-size:10px;color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000}.label.unit .ub{width:46px;height:5px;margin:2px auto 0;background:#0000008c;border-radius:3px;overflow:hidden}.label.unit .ub i{display:block;height:100%}.label.unit.blue .ub i{background:#4aa0ff}.label.unit.red .ub i{background:#ff5a48}.label.unit.dead{opacity:.55;text-decoration:line-through}.label.clash{transform:translate(-50%,-50%);font-size:18px;color:#ff6a50;text-shadow:0 0 4px #000}@media(max-height:640px){#hud .log{display:none}}