/* Local art direction: carved stone, tarnished brass, ember red. */
.art-switch{display:flex;gap:4px}.art-switch button{font:11px Consolas,monospace;padding:9px 14px;color:#bdb5a7;background:#28262b;border:1px solid #635747;cursor:pointer}.art-switch button[aria-pressed=true]{color:#f3dba1;background:#57432d;border-color:#c4a36a}.art-style-setting{display:flex;justify-content:space-between;align-items:center;gap:18px}.art-settings{position:relative;font:13px system-ui}.art-settings summary{cursor:pointer;color:#cfb47e}.art-settings .art-style-setting{position:absolute;right:0;top:30px;z-index:30;padding:12px;background:#211e24;border:1px solid #73634a;white-space:nowrap}.dev-map-link{display:block;box-sizing:border-box;text-align:center;padding:10px;margin:8px 0;background:#263b35;color:#e6d4a8;border:1px solid #667658;text-decoration:none;font:12px system-ui}
.retro-art{--ink:#ded6bb;--muted:#a69b8a;--gold:#d4b879;--line:#6a59453d;--panel:#211e24fa;--font:Consolas,'Courier New',monospace}
.retro-art body{background:#101019;color:#ded6bb}.retro-art canvas{image-rendering:pixelated;image-rendering:crisp-edges}
.retro-art .grain{display:none}.retro-art .vignette{background:radial-gradient(ellipse at 50% 45%,transparent 45%,#08070d55);box-shadow:none}
.retro-art .build-card,.retro-art .panel,.retro-art dialog,.retro-art .wave-intel,.retro-art .camera-views,.retro-art .icon-btn,.retro-art .dev-toggle,.retro-art .map-studio-link,.retro-art .camera-view,.retro-art .camera-toggle,.retro-art .speed-control,.retro-art .upgrade-purchase{border:2px solid;border-color:#736657 #18151b #18151b #5f554b;border-radius:0;background:repeating-linear-gradient(0deg,#26232a 0 2px,#29262d 2px 4px);box-shadow:inset 0 0 0 1px #3c3532,2px 2px 0 #08070db3;backdrop-filter:none;color:#d4c6a6}
.retro-art .build-card{transition:none}.retro-art .build-card:hover{transform:none}.retro-art .build-card.active{background:#51422e;border-color:#d4b879;box-shadow:inset 0 0 0 2px #28211c}
.retro-art .build-card:disabled{opacity:.64;filter:saturate(.35)}.retro-art .card-text strong{font:13px Georgia,serif;color:#ded6bb;text-shadow:1px 1px #000}.retro-art .card-text small{color:#b0a18e;letter-spacing:.4px}.retro-art .tower-art{filter:sepia(.25) saturate(.8) drop-shadow(2px 2px 0 #08070d)}
.retro-art .primary{background:linear-gradient(#704052,#422c3d);border:2px solid;border-color:#b48c5c #48332b #221c20 #b48c5c;color:#f3dba1;box-shadow:inset 0 0 0 1px #2c211f,2px 2px #08070d;text-shadow:1px 1px #101019}
.retro-art .statusbar{background:#18171f;border-top:2px solid #675747;color:#b1aaa6}.retro-art .resources,.retro-art .battle-counters{text-shadow:2px 2px #101019}.retro-art .healthbar{height:5px;background:#2c211f;border:1px solid #674b36}.retro-art .healthbar i{background:#a45b62}.retro-art .resource.gold strong{color:#f3dba1}.retro-art .world-label{color:#d4b879;text-shadow:1px 1px #101019}.retro-art .toast,.retro-art .paused-badge{background:#211e24;border:1px solid #8d6847;box-shadow:2px 2px #08070d;border-radius:0}
.retro-art dialog::backdrop{background:#08070dbb;backdrop-filter:none}.retro-art .setting-row select,.retro-art input{accent-color:#b48c5c}.retro-art select{background:#26232a;border:1px solid #736657;color:#ded6bb}.retro-art .dock-heading{color:#d4b879}.retro-art #loading{background:#101019}
.retro-art .stage{background:#101019;border:2px solid #674b36;border-radius:0;box-shadow:inset 0 0 0 2px #211e24}.retro-art article,.retro-art .table-scroll{border-radius:0;background:#211e24;border-color:#514a40}.retro-art .controls button,.retro-art .controls select{border-radius:0;background:#26232a;border-color:#736657;color:#ded6bb}.retro-art p,.retro-art dt{color:#b1aaa6}.retro-art h1,.retro-art h2{color:#ded6bb}.retro-art th,.retro-art td{border-color:#514a40}
.retro-art .vignette{display:none}.retro-art canvas{image-rendering:pixelated;filter:none}

.unit-follow-panel{position:fixed;left:18px;top:92px;z-index:25;display:flex;flex-direction:column;gap:6px;padding:10px 14px;border:1px solid #dfb951;background:#101b23ed;color:#ffe6a3;font:13px system-ui;box-shadow:0 2px 12px #0008;pointer-events:auto}.unit-follow-panel[hidden]{display:none}.unit-follow-panel button{border:0;background:none;color:#d9e6df;font:11px system-ui;text-align:left;cursor:pointer;padding:0}

/* Keep camera preference legible above the generic carved-button style. */
.retro-art #dynamicCameraBtn{position:relative;padding:3px 7px 12px!important;color:#b9b3ae;background:#24222a;border-color:#625d62 #18151b #18151b #625d62}
.retro-art #dynamicCameraBtn::after{content:"OFF";position:absolute;bottom:2px;left:0;right:0;font:700 8px/1 Consolas,monospace;letter-spacing:.5px;text-align:center}
.retro-art #dynamicCameraBtn[aria-pressed=true]{background:#72552a;color:#fff1bd;border-color:#f5d58e #84602b #84602b #f5d58e;box-shadow:inset 0 0 0 1px #b18b45,0 0 8px #e4b85c66}
.retro-art #dynamicCameraBtn[aria-pressed=true]::after{content:"ON"}
