:root{--font-family: "Cinzel", "Trajan Pro", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 28px;--color-bg: #090608;--color-surface: #130c10;--color-surface-2: #1c1116;--color-surface-3: #26171d;--color-text: #f2e7de;--color-muted: #bda99e;--color-border: rgba(196, 150, 138, .18);--color-primary: #8f1d2c;--color-primary-hover: #b0273a;--color-secondary: #5a1019;--color-accent: #d8bf95;--color-danger: #d13b43;--color-grid-line: rgba(214, 190, 172, .12);--color-zone-player: rgba(154, 121, 92, .12);--color-zone-neutral: rgba(216, 191, 149, .08);--color-zone-enemy: rgba(143, 29, 44, .12);--radius-sm: 12px;--radius-md: 18px;--shadow-md: 0 18px 48px rgba(0, 0, 0, .5);--shadow-glow: 0 0 0 1px rgba(216, 191, 149, .08), 0 20px 50px rgba(0, 0, 0, .42);--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 24px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text);overscroll-behavior:none;-webkit-text-size-adjust:100%;background:radial-gradient(1100px 700px at 50% -10%,rgba(143,29,44,.28),transparent 58%),radial-gradient(900px 540px at 100% 0%,rgba(216,191,149,.08),transparent 55%),radial-gradient(1000px 700px at 20% 100%,rgba(88,15,24,.34),transparent 60%),linear-gradient(180deg,#100a0cf5,#080608);background-attachment:fixed}#app{min-height:100vh;min-height:100dvh}.app-root{min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;display:flex;align-items:stretch;justify-content:stretch}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card{background:linear-gradient(180deg,#26171df5,#130c10f5),linear-gradient(135deg,rgba(216,191,149,.06),transparent 40%);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn{appearance:none;border:1px solid var(--color-border);background:transparent;color:var(--color-text);font:inherit;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;min-height:44px;border-radius:var(--radius-sm);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,background-color .12s ease,border-color .12s ease,filter .12s ease}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--aria-disabled{cursor:not-allowed;opacity:.55}.btn:hover:not(:disabled):not(.btn--aria-disabled){transform:translateY(-1px);border-color:#d8bf9557}.btn--primary{background:linear-gradient(180deg,#9b1f31fa,#5c1019f0);border-color:#d8bf9547;box-shadow:inset 0 1px #ffe8d01f,0 12px 28px #520b1259}.btn--primary:hover:not(:disabled){filter:brightness(1.08)}.btn--secondary{background:linear-gradient(180deg,#541018f5,#310b10f0);border-color:#c4968a38;box-shadow:inset 0 1px #ffe2d014,0 10px 24px #20080c52}.btn--danger{background:linear-gradient(180deg,#d13b43f5,#6f131deb);border-color:#df847657}.btn--ghost{background:linear-gradient(180deg,#fff4e509,#fff4e504)}.btn--active{outline:2px solid rgba(255,255,255,.85);outline-offset:2px}.btn--ghost.btn--active{border-color:#ffffff2e;background:#ffffff0f}.btn--ghost.btn--unlocked.btn--active{border-color:#ffffff8c}.btn--locked{border-color:#c4968a1a;color:#f2e7de94;background:linear-gradient(180deg,#fff4e505,#fff4e502);filter:grayscale(.28) saturate(.85);opacity:.82}.btn--ghost.btn--unlocked{border-color:#d8bf9573;background:linear-gradient(180deg,#d8bf9529,#8f1d2c1f);color:#fae9cafa}.btn:focus-visible{outline:2px solid rgba(216,191,149,.75);outline-offset:2px}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--color-border);background:#ffffff08;color:var(--color-muted);font-size:var(--font-size-sm)}.pill--gold{border-color:#ffd7006b;background:linear-gradient(180deg,#ffd7002e,#ffd7001a);color:#ffea9efa}.pill--hp{border-color:#ff2828b3;background:linear-gradient(180deg,#ff28282e,#ff282814);color:#ff5a5afa;font-weight:700}.divider{height:1px;background:var(--color-border);margin:var(--space-2) 0}.tooltip{position:fixed;z-index:1000;max-width:min(320px,calc(100vw - 24px));padding:10px 12px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.14);background:#0f1115eb;box-shadow:0 12px 30px #00000080;color:#e9edf1f5;font-size:13px;line-height:1.35;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease}.tooltip--visible{opacity:1;transform:translateY(0)}.toast-stack{position:fixed;top:12px;right:12px;z-index:1300;display:flex;flex-direction:column;gap:8px;width:min(420px,calc(100vw - 24px));pointer-events:none}.toast{pointer-events:auto;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.14);background:#0f1115eb;box-shadow:0 12px 30px #00000073;color:#e9edf1f5;font-size:13px;line-height:1.35;cursor:pointer}.toast--info{border-color:#8a2be259}.toast--warn{border-color:#f1c40f73}.toast--error{border-color:#ff28288c}.debug-overlay{position:fixed;right:12px;bottom:12px;z-index:1200;width:min(520px,calc(100vw - 24px));max-height:min(42vh,420px);display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#0f1115e6;box-shadow:0 18px 40px #0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.debug-overlay--collapsed{width:auto;max-width:min(300px,calc(100vw - 24px));gap:0;padding:8px;opacity:.82}.debug-overlay--collapsed .debug-overlay__logs{display:none}.debug-overlay--collapsed .debug-overlay__stats{max-width:150px}.debug-overlay--collapsed .debug-overlay__btn:not(:last-child){display:none}.debug-overlay--collapsed:hover,.debug-overlay--collapsed:focus-within{opacity:1}.debug-overlay__header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.debug-overlay__title-wrap{display:flex;flex-direction:column;gap:4px;min-width:0}.debug-overlay__title{font-weight:800;letter-spacing:.2px;color:#e9edf1f5}.debug-overlay__stats{font-size:12px;color:#e9edf1b8;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debug-overlay__actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.debug-overlay__btn{appearance:none;border:1px solid rgba(255,255,255,.18);background:#ffffff0a;color:#e9edf1eb;font:inherit;padding:6px 10px;border-radius:999px;cursor:pointer;font-size:12px;line-height:1.1}.debug-overlay__btn:hover{border-color:#ffffff42}.debug-overlay__logs{border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#00000038;overflow:auto;max-height:min(34vh,300px);padding:6px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.debug-overlay__entry{padding:6px 10px;border-top:1px solid rgba(255,255,255,.06);color:#e9edf1db;word-break:break-word}.debug-overlay__entry:first-child{border-top:none}.debug-overlay__entry--info{color:#e9edf1db}.debug-overlay__entry--warn{color:#ffea9ef2}.debug-overlay__entry--error{color:#ff8282fa}.screen{width:100%;min-height:100%;padding:var(--space-4);display:flex;justify-content:center;align-items:center}.screen--start .btn--start{width:min(360px,100%);min-height:84px;margin:0;padding:20px 28px;font-size:22px;font-weight:700;letter-spacing:.08em;border-radius:20px;text-transform:uppercase}.screen--start .btn--start-human{background:linear-gradient(180deg,#d8bf95f0,#845e41eb);border-color:#f8e7c93d;color:#1e120d}.screen--start .btn--start-orc{background:linear-gradient(180deg,#8f1d2cf5,#4d0d18f0)}.screen--start .btn--showcase{width:min(360px,100%);min-height:60px;margin:0;padding:14px 24px;font-size:17px;font-weight:600;letter-spacing:.08em;border-radius:16px;text-transform:uppercase}.screen--start .btn--menu-back{margin-top:6px}.screen--game{padding:calc(var(--space-1) + env(safe-area-inset-top)) calc(var(--space-1) + env(safe-area-inset-right)) calc(var(--space-1) + env(safe-area-inset-bottom)) calc(var(--space-1) + env(safe-area-inset-left));align-items:stretch;overflow:hidden;position:relative}.screen.screen--showcase{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);align-items:stretch;justify-content:stretch;overflow:hidden;position:relative}.menu{width:min(980px,100%);padding:34px;display:flex;flex-direction:column;gap:var(--space-3);border:1px solid rgba(216,191,149,.14);background:radial-gradient(circle at top,rgba(143,29,44,.24),transparent 45%),linear-gradient(180deg,#1c1116fa,#0c090bfa);box-shadow:var(--shadow-glow)}.menu__title{margin:0;font-size:clamp(42px,8vw,78px);letter-spacing:.08em;text-transform:uppercase;color:#fae9caf5;text-shadow:0 4px 24px rgba(143,29,44,.35)}.menu__subtitle{margin:0;color:var(--color-muted);max-width:60ch;line-height:1.7}.menu__actions{display:grid;width:100%;margin-top:var(--space-2);gap:var(--space-2)}.menu__actions--stack{justify-items:center;grid-template-columns:minmax(0,1fr)}.menu__sound{display:flex;justify-content:flex-end}.btn--sound{min-height:32px;padding:6px 12px;border-radius:999px;font-size:12px;letter-spacing:.6px}.btn--sound.btn--sound-off{border-color:#ffffff1f;color:#e9edf1ad;background:#ffffff05}.btn--sound.btn--sound-on{border-color:#ffd7006b;background:linear-gradient(180deg,#ffd7002e,#ffd70014);color:#fff6d6f5}.showcase__canvas-wrap{flex:1;width:100%;height:100%;border-radius:0;overflow:hidden}.showcase__canvas{width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;user-select:none;cursor:default;-webkit-tap-highlight-color:transparent}.showcase__hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2);z-index:2}.showcase__hud-group{display:flex;align-items:center;gap:var(--space-1)}.btn--showcase-back{min-height:40px;padding:8px 14px;font-size:13px;letter-spacing:.4px}.btn--showcase-sound{min-height:40px;padding:8px 14px;font-size:12px;letter-spacing:.4px}.game{width:100%;max-width:none;display:grid;height:100%;min-height:0;grid-template-columns:minmax(200px,18vw) minmax(0,1fr) minmax(220px,20vw);grid-template-rows:minmax(0,1fr);grid-template-areas:"left map right";gap:var(--space-2);align-items:stretch}.game__sidebar{min-height:0;padding:12px;display:flex;flex-direction:column;gap:var(--space-1);overflow:auto;border:1px solid rgba(216,191,149,.14);background:linear-gradient(180deg,#1e1318f5,#120b0ef5),radial-gradient(circle at top,rgba(143,29,44,.12),transparent 50%)}.game__sidebar--left{grid-area:left}.game__sidebar--right{grid-area:right}.game__sidebar-header{display:flex;align-items:center;gap:var(--space-2)}.game__brand{display:flex;flex-direction:column;gap:4px}.game__brand h2{margin:0;font-size:18px;font-weight:700}.game__brand p{margin:0;font-size:var(--font-size-sm);color:var(--color-muted)}.game__stats{display:flex;flex-direction:column;gap:var(--space-1)}.game__controls{display:flex;flex-direction:column;gap:var(--space-2)}.game__unit-grid,.game__building-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.game__building-item{position:relative;padding-top:12px}.game__building-count{position:absolute;top:0;right:10px;padding:2px 8px;border-radius:999px;border:1px solid var(--color-border);background:#0f1115eb;color:var(--color-muted);font-size:12px;font-weight:600;letter-spacing:.3px;pointer-events:none}.game__building-count--full{border-color:#dc143cb3;background:#dc143c40;color:#ffa0a0f2}.game__building-count--locked{opacity:.7}.game__map-card{grid-area:map;min-height:0;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);border:1px solid rgba(216,191,149,.16);background:radial-gradient(circle at top,rgba(143,29,44,.14),transparent 46%),linear-gradient(180deg,#170e12f5,#0c090bf5)}.game__round-banner{width:100%;text-align:center;font-size:clamp(18px,2.2vw,28px);font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,#36121aeb,#190b10eb);border:1px solid rgba(216,191,149,.18);color:#f8e7c9f5}.game__canvas-wrap{width:100%;max-width:100%;max-height:100%;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;border:1px solid var(--color-border);background:#00000047}.game__canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.game__canvas--panning{cursor:grabbing}.game__map-controls{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;background:#060a108c;border:1px solid rgba(255,255,255,.12);color:#dce6f0b3;font-size:11px;letter-spacing:.3px;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none}.game__map-legend{display:inline-flex;gap:8px;justify-content:center;align-items:center}.game__map-legend-item{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#060a108c;cursor:help;padding:0}.game__map-legend-item:focus-visible{outline:2px solid rgba(96,209,255,.8);outline-offset:2px}.game__map-legend-swatch{width:10px;height:10px;border-radius:999px;display:inline-block}.game__map-legend-swatch--green{background:#2ecc7199}.game__map-legend-swatch--red{background:#e74c3c8c}.game__map-legend-swatch--grey{background:#949ca699}.game__sidebar h3{margin:0;font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--color-muted)}.panel h3{margin:0;font-size:14px;letter-spacing:.6px;text-transform:uppercase;color:var(--color-muted)}.panel__row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.unit-info{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.12);background:#ffffff08;display:flex;flex-direction:column;gap:6px}.unit-info--locked{border-color:#ffffff14;background:#ffffff05}.unit-info__title{font-size:13px;font-weight:700;letter-spacing:.2px}.unit-info__stats{font-size:12px;color:#e9edf1e6;line-height:1.35}.unit-info__hint{font-size:12px;color:var(--color-muted);line-height:1.35}.unit-upgrade{padding:12px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.12);background:#ffffff08;display:flex;flex-direction:column;gap:8px}.unit-upgrade--ready{border-color:#ffd64d99;box-shadow:0 0 0 1px #ffd64d40,0 16px 28px #0000004d}.unit-upgrade--empty .unit-upgrade__summary{color:var(--color-muted)}.unit-upgrade__title{font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--color-muted)}.unit-upgrade__summary{font-size:13px;font-weight:700}.unit-upgrade__note{font-size:12px;color:#e9edf1b3}.unit-upgrade__stats,.unit-upgrade__xp,.unit-upgrade__levels{font-size:12px;line-height:1.35;color:#e9edf1eb}.unit-upgrade__xp{color:#e9edf1bf}.unit-upgrade__bar{width:100%;height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.unit-upgrade__bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#ffd64df2,#ff9f43e6);transition:width .16s ease}.unit-upgrade__bar--hidden{display:none}.unit-upgrade__block{display:flex;flex-direction:column;gap:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}.unit-upgrade__subtitle{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--color-muted)}.unit-upgrade__hint{font-size:12px;color:var(--color-muted);line-height:1.35}.unit-upgrade__actions{display:flex;justify-content:flex-start;gap:var(--space-1)}.unit-upgrade__tech{font-size:12px;color:#e9edf1b3;line-height:1.35}.building-upgrade{padding:12px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.12);background:#ffffff08;display:flex;flex-direction:column;gap:8px}.building-upgrade--ready{border-color:#ffd64d99;box-shadow:0 0 0 1px #ffd64d40,0 16px 28px #0000004d}.building-upgrade--empty .building-upgrade__summary{color:var(--color-muted)}.building-upgrade__title{font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--color-muted)}.building-upgrade__summary{font-size:13px;font-weight:700}.building-upgrade__stats{font-size:12px;line-height:1.35;color:#e9edf1eb}.building-upgrade__hint{font-size:12px;color:var(--color-muted);line-height:1.35}.building-upgrade__actions{display:flex;justify-content:flex-start;gap:var(--space-1)}.panel__help{margin:0;color:var(--color-muted);font-size:var(--font-size-sm);line-height:1.45}.message{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#ffffff08;color:var(--color-muted);font-size:var(--font-size-sm)}.message--hidden{display:none}.message--error{border-color:#dc143c80;background:#dc143c14;color:#ffd2dcf2}.message--success{border-color:#2ecc7180;background:#2ecc7114;color:#d2ffe1f2}.round-result{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:var(--space-3);background:#0e1216bd;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;--round-accent: rgba(180, 190, 200, .5)}.round-result--visible{display:flex}.round-result--player{--round-accent: rgba(46, 204, 113, .7)}.round-result--enemy{--round-accent: rgba(231, 76, 60, .7)}.round-result--draw{--round-accent: rgba(160, 168, 180, .6)}.round-result__card{width:min(860px,94vw);border-radius:18px;border:1px solid var(--round-accent);background:#14181eeb;box-shadow:0 24px 50px #00000073;padding:18px;display:flex;flex-direction:column;gap:var(--space-2);text-align:center}.round-result__title{font-size:clamp(20px,3vw,32px);font-weight:700;letter-spacing:.8px}.round-result__subtitle{font-size:14px;text-transform:uppercase;letter-spacing:2px;color:var(--round-accent)}.round-result__damage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.round-result__damage-block{border-radius:14px;padding:12px;background:#080a0e80;border:1px solid rgba(255,255,255,.08);text-align:left}.round-result__damage-label{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#dfe6eeb3}.round-result__damage-value{font-size:clamp(26px,4vw,42px);font-weight:700;letter-spacing:.8px;margin-top:4px}.round-result__damage-block--player{border-color:#2ecc7159}.round-result__damage-block--player .round-result__damage-value{color:#2ecc71f2}.round-result__damage-block--enemy{border-color:#e74c3c59}.round-result__damage-block--enemy .round-result__damage-value{color:#e74c3cf2}.round-result__timer{font-size:12px;letter-spacing:.5px;color:#dfe6eeb3}.round-result__units{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.round-result__team{border-radius:14px;padding:12px;background:#080a0e66;border:1px solid rgba(255,255,255,.08);text-align:left}.round-result__team--player{border-color:#2ecc7140}.round-result__team--enemy{border-color:#e74c3c40}.round-result__team-header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}.round-result__team-title{font-size:13px;font-weight:700;letter-spacing:.4px}.round-result__team--player .round-result__team-title{color:#2ecc71d9}.round-result__team--enemy .round-result__team-title{color:#e74c3cd9}.round-result__team-total{font-size:12px;color:#e9edf1b3}.round-result__unit-list{display:flex;flex-direction:column;gap:6px}.round-result__tiers{margin-top:6px;display:grid;gap:6px}.round-result__tiers-title{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#dfe6ee99}.round-result__tier{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:#e9edf1d9;line-height:1.35}.round-result__tier-label{width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;letter-spacing:.4px;background:#ffffff1f;color:#0a0c10e6}.round-result__tier-units{flex:1;color:#e9edf1bf}.round-result__tier--s .round-result__tier-label{background:#ff7f7e;color:#1e1010f2}.round-result__tier--a .round-result__tier-label{background:#ffbf7f;color:#221406f2}.round-result__tier--b .round-result__tier-label{background:#ffdf80;color:#281c08f2}.round-result__tier--c .round-result__tier-label{background:#feff7f;color:#242206f2}.round-result__tier--d .round-result__tier-label{background:#beff7f;color:#0c1c0af2}.round-result__tier--e .round-result__tier-label{background:#7eff80;color:#08180af2}.round-result__tier--f .round-result__tier-label{background:#7fffff;color:#08181cf2}.round-result__unit-row{font-size:12px;color:#e9edf1eb}.round-result__unit-empty{font-size:12px;color:#e9edf180}.round-result__actions{display:flex;justify-content:center;margin-top:6px}@media(max-width:900px){.screen{padding:18px}.screen--game{padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.menu{padding:22px}.menu__actions{flex-direction:column}.menu__actions .btn{width:100%}.game__brand p,.pill--phase,.pill--units{display:none}.pill--hp{display:inline-flex}.game{grid-template-columns:1fr;grid-template-rows:minmax(0,auto) auto auto;grid-template-areas:"map" "left" "right";gap:var(--space-2);align-items:stretch}.game__map-card{padding:10px}.game__sidebar-header,.game__stats,.game__controls{flex-wrap:wrap}.game__controls{flex-direction:row}.game__controls>*{flex:1 1 180px}.round-result__units,.round-result__damage{grid-template-columns:1fr}.game__canvas-wrap{width:100%;min-height:48vh;aspect-ratio:4 / 5}.game__unit-grid,.game__building-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game__sidebar{max-height:38vh}}@media(max-width:640px){.screen{padding:12px}.menu{padding:18px;gap:var(--space-2)}.menu__title{font-size:clamp(28px,10vw,42px)}.screen--start .btn--start,.screen--start .btn--showcase{min-width:100%}.showcase__hud{align-items:stretch;flex-direction:column}.showcase__hud-group{width:100%;justify-content:space-between}.showcase__hud-group .btn{flex:1 1 0}.game__sidebar{padding:12px;max-height:42vh}.game__sidebar-header{align-items:flex-start}.game__brand h2{font-size:16px}.pill{font-size:12px;padding:5px 8px}.game__controls>*{flex-basis:calc(50% - var(--space-2))}.game__map-card{padding:8px}.game__round-banner{font-size:16px;padding:6px 8px}.game__canvas-wrap{min-height:min(56dvh,520px);border-radius:12px}.game__map-controls{font-size:10px;padding:4px 8px;max-width:100%;white-space:normal}.debug-overlay{right:8px;left:8px;bottom:calc(8px + env(safe-area-inset-bottom));width:auto;max-height:34vh}.toast-stack{right:8px;left:8px;width:auto}}@media(max-width:480px){.game__controls>*{flex-basis:100%}.game__unit-grid,.game__building-grid{grid-template-columns:1fr}.game__sidebar{max-height:46vh}.game__canvas-wrap{min-height:min(50dvh,460px);aspect-ratio:1 / 1}.round-result{width:min(100%,calc(100vw - 20px));padding:14px}}