html,body{color:#ddd;touch-action:manipulation;background:#0a0a0a;margin:0;padding:0;font-family:system-ui,sans-serif;overflow:hidden}main.svelte-1uha8ag{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}canvas.svelte-1uha8ag{touch-action:none;image-rendering:pixelated;display:block}.hud.svelte-1uha8ag{z-index:2;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f2f2f5;pointer-events:none;background:#0c0c10d1;border:1px solid #ffffff1f;border-radius:8px;width:min(280px,50vw - 24px);padding:12px 14px;position:absolute;box-shadow:0 12px 36px #00000047}.hud-left.svelte-1uha8ag{top:16px;left:16px}.hud-right.svelte-1uha8ag{top:16px;right:16px}.title.svelte-1uha8ag{margin-bottom:6px;font-size:15px;font-weight:800}.hint.svelte-1uha8ag,.meta.svelte-1uha8ag,.phase.svelte-1uha8ag,.event.svelte-1uha8ag{font-size:12px;line-height:1.45}.hint.svelte-1uha8ag{color:#d5d5de}.unit-row.svelte-1uha8ag,.scoreline.svelte-1uha8ag,.legend.svelte-1uha8ag,.meta.svelte-1uha8ag{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.unit-row.svelte-1uha8ag{margin-top:10px}.meta.svelte-1uha8ag{color:#bfc0c9;margin-top:6px}.scoreline.svelte-1uha8ag{justify-content:space-between;font-size:14px;font-weight:800}.phase.svelte-1uha8ag{color:#bfc0c9;margin-top:4px}.feed.svelte-1uha8ag{gap:4px;margin-top:10px;display:grid}.event.svelte-1uha8ag{color:#dcdce3;border-left:3px solid #8a8a94;padding-left:8px}.event.good.svelte-1uha8ag{border-color:#4fa3ff}.event.bad.svelte-1uha8ag{border-color:#ff6b5b}.unit-dot.svelte-1uha8ag{background:#4fa3ff;width:12px;height:12px;display:inline-block}.unit-dot.infantry.svelte-1uha8ag{border-radius:999px}.unit-dot.artillery.svelte-1uha8ag{border-radius:2px}.unit-dot.sniper.svelte-1uha8ag{background:0 0;border-bottom:13px solid #4fa3ff;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0}.legend.svelte-1uha8ag{color:#cfcfd7;margin-top:10px;font-size:12px}.shape.svelte-1uha8ag{vertical-align:-1px;background:#4fa3ff;width:10px;height:10px;margin-right:4px;display:inline-block}.shape.circle.svelte-1uha8ag{border-radius:999px}.shape.square.svelte-1uha8ag{border-radius:2px}.shape.triangle.svelte-1uha8ag{background:0 0;border-bottom:10px solid #4fa3ff;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0}.restart.svelte-1uha8ag{color:#eee;cursor:pointer;background:#1a1a1a;border:1px solid #888;border-radius:6px;padding:12px 24px;font-size:16px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.restart.svelte-1uha8ag:hover{background:#2a2a2a}@media (width<=700px){.hud.svelte-1uha8ag{width:calc(100vw - 32px);padding:10px 12px}.hud-left.svelte-1uha8ag{top:10px;left:16px}.hud-right.svelte-1uha8ag{top:auto;bottom:14px;right:16px}.feed.svelte-1uha8ag{display:none}}