/* Field-console materials. Geometry and touch layout live in styles.css. */
@font-face { font-family:'Barlow Condensed'; src:url('fonts/BarlowCondensed-SemiBold.ttf') format('truetype'); font-style:normal; font-weight:600; font-display:swap; }
:root { --display:'Barlow Condensed','Arial Narrow',sans-serif; --bg:#0b1519; --surface:#16262c; --raised:#243940; --accent:#d2ef86; --text:#edf1e3; --muted:#a0b3b5; --line:#cfe7d51c; --faction:#92ceda; --shadow:0 12px 32px #0005; }
body[data-faction="soviet"] { --faction:#efa47c; }
.game-container { background:url('command-pattern.svg') left top/580px auto,radial-gradient(ellipse at 0 0,#39544b65,transparent 60%),linear-gradient(130deg,#142326,#091317); }
.top-bar { position:relative; }
h1 { font-family:var(--display); font-size:28px; font-weight:600; letter-spacing:2px; text-shadow:0 2px 10px #0006; }
h1 span { font-family:ui-sans-serif,sans-serif; font-size:7px; letter-spacing:3.4px; color:#a9bcad; }
.brand-mark { border-radius:13px; width:48px; height:48px; background:#102327; box-shadow:0 3px 10px #0005,0 0 0 1px #d2ef8630; overflow:hidden; flex-shrink:0; }
.brand-mark img { display:block; width:100%; height:100%; object-fit:cover; }
.control-section { display:flex; align-items:center; gap:5px; }
.control-section .icon-button { box-shadow:inset 0 1px #e3f5db17,0 3px 8px #0002; background:linear-gradient(150deg,#3b514445,#15282c); }
.guide-button { color:var(--accent); }
.resource-chip { background:linear-gradient(130deg,#a6cab00d,#0b1b1e75); box-shadow:inset 0 1px #d1e9c91c,inset 0 -1px #0008; }
.resource-chip strong { font-family:var(--display); font-size:21px; letter-spacing:.4px; line-height:1; font-weight:600; }
.resource-caption { text-transform:uppercase; letter-spacing:.8px; font-size:8px; color:#a5b6ae; }
.resource-chip>.icon { background:radial-gradient(ellipse,#d1e9c912,transparent 70%); }
.tactical-map-container { box-shadow:0 12px 32px #0007,0 0 0 1px #d7f1c129; }
.tactical-map-container::after { content:''; position:absolute; inset:0; border-radius:inherit; box-shadow:inset 0 0 0 1px #eaf7c82b,inset 0 0 36px #07110c6b; background:linear-gradient(90deg,#dcf0bd00 40%,#dcf0bd38 50%,#dcf0bd00 60%) top center/100% 1px no-repeat; pointer-events:none; z-index:1; }
.wave-chip,.speed-controls,.base-health-bar,.wave-countdown { background:linear-gradient(135deg,#21332df5,#0b191ff5); box-shadow:inset 0 1px #d5e4c426,0 5px 15px #0004; }
.wave-chip { font-family:var(--display); font-size:17px; letter-spacing:.4px; }.wave-chip #tacticalKills { font-family:ui-sans-serif,sans-serif; letter-spacing:0; }
.speed-btn.active { background:linear-gradient(140deg,#d2ef8633,#d2ef860a); box-shadow:inset 0 1px #eaffb83a; }
.health-fill { background:linear-gradient(90deg,#8acfa1,var(--accent))!important; box-shadow:0 0 8px #d2ef8640; }
.base-health-bar.critical .health-fill { background:repeating-linear-gradient(120deg,#ee8a67 0 6px,#ffc5a0 6px 10px)!important; }
.battle-actions { background:linear-gradient(170deg,#2b3b34f5,#0b171df5); box-shadow:inset 0 1px #d9ebc83b,0 6px 25px #0007; }
#buildBtn { background:linear-gradient(150deg,#ecf9af,#c3e56f 65%,#a9cf63); box-shadow:inset 0 1px #ffffffbd,inset 0 -3px #718e4370,0 3px 10px #0004; }
#deployBtn { background:linear-gradient(145deg,#3a5456,#253c42); box-shadow:inset 0 1px #c9eff13b,inset 0 -3px #101d225e; color:#d0e7d9; }
.tower-btn.active,.deploy-btn.active,.overmap-toggle.active { outline:2px solid var(--accent); outline-offset:1px; }
.utility-action { color:#b6c4b9; }
.sidebar { position:relative; background:url('command-pattern.svg') right top/470px auto,linear-gradient(135deg,#263b3e,#14242a 65%); box-shadow:inset 0 1px #d6e7c52b,0 10px 35px #0005; }
.command-header { position:relative; }
.command-header::after { content:''; width:40px; height:2px; position:absolute; left:18px; bottom:7px; background:var(--faction); box-shadow:47px 0 #bed3af22,94px 0 #bed3af0d; }
.command-header .eyebrow { color:#c6d2aa; letter-spacing:2px; }
.command-header h2 { font-family:var(--display); font-size:25px; font-weight:600; letter-spacing:.2px; }
.item-grid button { background:linear-gradient(125deg,#d4e7c70b,#d4e7c703); box-shadow:inset 0 1px #d2e3c21b,0 2px 4px #0002; }
.item-grid button>img { background:radial-gradient(ellipse at center,#bbdca320,#ffffff00 72%); filter:drop-shadow(0 4px 3px #0006); }
.item-grid button:disabled { box-shadow:inset 0 1px #d2e3c20b; background:#15242977; }
.btn-cost { color:#d4e79f; }.tab-bar { background:#08181dab; box-shadow:inset 0 1px #c8daba17; }
.tab-btn.active { background:radial-gradient(ellipse at top,#dbf59d23,#c3e7a705 75%); text-shadow:0 0 16px #d2ef8655; }
.tab-btn.active::after { width:17px; height:2px; border-radius:4px; box-shadow:0 0 7px #d2ef8655; }.tab-btn.active .icon { filter:drop-shadow(0 0 4px #d2ef8633); }
.rival-intel .eyebrow { color:#c3c69e; }.rival-intel { padding-left:10px; border-left:2px solid #d2ef8659; }
.under-assault .rival-intel { border-left-color:#f4a078; }.under-assault .live-dot { background:#ffbd87; box-shadow:0 0 10px #ff975566; }
#battleButton { background:linear-gradient(145deg,#d2ef8622,#d2ef8609); box-shadow:inset 0 1px #d2ef8633; font-family:var(--display); font-size:18px; font-weight:600; letter-spacing:.3px; }
#battleButton:disabled { background:#ffffff04; box-shadow:inset 0 1px #ffffff0c; }
.modal-content,.game-menu,.game-over-content { background:url('command-pattern.svg') top right/500px auto,radial-gradient(ellipse at top left,#43574666,transparent 65%),#13242a; box-shadow:inset 0 1px #e5f7d133,0 24px 100px #0009; }
.modal-content h2,.game-over-content h2,.menu-heading h2 { font-family:var(--display); letter-spacing:.2px; font-weight:600; }.modal-content h2 { font-size:38px; }.tower-picker-cell { background:linear-gradient(140deg,#d2e6c415,#c9e4cb03); box-shadow:inset 0 1px #daefcb26; }
.tower-picker-icon { background:radial-gradient(ellipse,#d2ef8619,transparent 75%); }.tower-picker-icon img { filter:drop-shadow(0 4px 4px #0007); }
.tower-picker-name { font-family:var(--display); font-size:20px; letter-spacing:.3px; font-weight:600; }
#factionModal { background:radial-gradient(ellipse at 15% 10%,#bdbf7238,transparent 60%),linear-gradient(#081416b8,#081416e8),url('overmap-bg.png') center/cover; }
.faction-selection { max-width:760px; }.faction-selection>h2 { font-size:54px; text-transform:uppercase; letter-spacing:.3px; }.faction-selection>.eyebrow { color:#c6d2aa; }
.faction-card { overflow:hidden; position:relative; isolation:isolate; background:radial-gradient(ellipse at top,#e99a6740,transparent 65%),linear-gradient(145deg,#353b33,#18272c); box-shadow:inset 0 1px #e6b58955,inset 0 -1px #0008; }
.faction-card.allied { background:radial-gradient(ellipse at top,#79c3dc40,transparent 65%),linear-gradient(145deg,#263d40,#18272c); box-shadow:inset 0 1px #acd8d855,inset 0 -1px #0008; }
.faction-emblem { position:relative; width:100%; height:124px; margin-bottom:14px; background:radial-gradient(ellipse at 50% 85%,#eda16e30,transparent 65%); border-radius:0; }
.allied .faction-emblem { background:radial-gradient(ellipse at 50% 85%,#99d9db30,transparent 65%); }
.doctrine-mark { position:absolute; width:110px; height:110px; left:calc(50% - 55px); top:0; fill:none; stroke:currentColor; stroke-width:1.2; opacity:.4; }
.faction-emblem img { position:relative; width:128px; height:128px; object-fit:contain; image-rendering:pixelated; filter:drop-shadow(0 12px 6px #0008); transform:translate(12px,14px); }
.faction-emblem img:not([src]) { visibility:hidden; }
.faction-card h3 { font-family:var(--display); font-size:34px; font-weight:600; letter-spacing:.5px; line-height:1; text-transform:uppercase; }
.faction-card .eyebrow { letter-spacing:1.6px; }.faction-bonus { color:#e1e5c5; }.faction-choose { color:#ffd2a3; }.allied .faction-choose { color:#b2e3e8; }
.field-guide-link { display:block; width:100%; min-height:44px; margin-top:15px; font-size:11px; color:var(--muted); background:transparent; }.field-guide-link span { color:var(--accent); margin-left:5px; }
@media (max-width:899px) {
  h1 { font-size:21px; letter-spacing:1.2px; }h1 span { font-size:6px; letter-spacing:2px; }.brand-mark { width:36px; height:36px; border-radius:10px; }
  .control-section { gap:3px; }.control-section .icon-button { width:44px; height:44px; min-height:44px; }
  .resource-chip strong { font-size:17px; }.resource-caption { font-size:7px; letter-spacing:.5px; }.wave-chip { font-size:15px; }
  .command-header h2 { font-size:22px; }.command-header::after { left:16px; bottom:1px; width:30px; }.command-header .eyebrow { letter-spacing:1.6px; }
  #battleButton { font-size:16px; }.modal-content h2 { font-size:33px; }.tower-picker-name { font-size:19px; }
  .faction-selection>h2 { font-size:43px; }.faction-emblem { height:91px; margin-bottom:12px; }.doctrine-mark { width:86px; height:86px; left:calc(50% - 43px); }.faction-emblem img { width:100px; height:100px; transform:translate(5px,5px); }
  .faction-card h3 { font-size:29px; }.faction-desc { font-size:11px; }.faction-card { padding-top:10px; }.faction-bonus { font-size:10px; }
}
@media (max-width:370px) { h1 { font-size:21px; }.status-bar { max-width:78px; }.resource-chip strong { font-size:16px; }.faction-selection>h2 { font-size:35px; }.faction-card h3 { font-size:25px; }.faction-desc { font-size:10px; }.field-guide-link span { display:block; margin-left:0; }.tower-picker-name { font-size:19px; } }
@media (orientation:landscape) and (max-height:560px) {
  h1 { font-size:19px; }.brand-mark { width:30px; height:30px; border-radius:8px; }.resource-bar { left:max(190px,25%); right:110px; }.resource-chip strong { font-size:16px; }.resource-chip { gap:4px; }
  .command-header h2 { font-size:20px; }.command-header::after { display:none; }#battleButton { font-size:15px; }.faction-emblem { display:none; }.faction-card h3 { font-size:26px; }.faction-selection>h2 { font-size:36px; }.field-guide-link { margin-top:8px; }
}
@media (orientation:landscape) and (max-width:700px) { .resource-bar { left:56px; right:110px; }.resource-chip strong { font-size:15px; } }