:root{color-scheme:dark;font-family:Trebuchet MS,Verdana,sans-serif;--hud-bg: rgba(29, 27, 22, .97);--hud-bg-deep: rgba(10, 12, 13, .97);--hud-bg-soft: rgba(50, 43, 31, .94);--hud-border: #d3aa5f;--hud-border-dim: rgba(211, 170, 95, .5);--hud-accent: #edc76c;--hud-solana: #65dfe5;--hud-solana-purple: #9a5cff;--hud-good: #7bd15f;--hud-bad: #d86a54;--hud-text: #fff0c4;--hud-muted: #d7bf86}*{box-sizing:border-box}html,body,#app,#game-root{width:100%;height:100%;margin:0;overflow:hidden;background:#2c462f}canvas{display:block;image-rendering:pixelated}#hud-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;color:var(--hud-text)}.hud-topbar{position:absolute;top:0;left:0;right:0;height:42px;display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:4px 12px;background:linear-gradient(180deg,#282d1efa,#0e1211fa),radial-gradient(circle at 8% 0%,rgba(101,223,229,.14),transparent 30%),radial-gradient(circle at 92% 0%,rgba(154,92,255,.1),transparent 32%);border-bottom:2px solid rgba(217,183,101,.9);box-shadow:0 3px #00000075,inset 0 -1px #fff1ba1f;font-size:14px}.hud-topbar:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:linear-gradient(90deg,transparent,rgba(103,228,233,.42),rgba(154,92,255,.34),transparent);pointer-events:none}.hud-brand{display:inline-flex;align-items:center;gap:9px;min-width:230px;height:34px}.hud-crest{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#334329,#18221d);border:1px solid rgba(240,206,109,.78);box-shadow:inset 0 0 0 1px #65dfe51a,0 2px #0000005c}.hud-crest-img{width:30px;height:30px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 1px 0 rgba(0,0,0,.65))}.hud-title{color:#f6e4bb;font-size:18px;font-weight:800;text-shadow:0 2px 0 rgba(0,0,0,.45);white-space:nowrap}.resource-strip{display:flex;justify-content:center;gap:8px;min-width:0;flex:1}.status-strip{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;min-width:300px}.resource-pill,.status-pill{display:inline-flex;align-items:center;gap:5px;height:29px;min-width:86px;padding:0 9px;background:linear-gradient(180deg,#0e1011e0,#050607b8);border:1px solid rgba(217,183,101,.54);box-shadow:inset 0 0 0 1px #fff1ba0f,inset 0 -2px #00000052,0 1px #00000080;white-space:nowrap}.status-pill--warn{border-color:#e5b452e6;background:#4a2e11d1}.status-pill--danger{border-color:#d86a54f2;background:#5a1c18db;color:#ffe0d8}.resource-pill strong,.status-pill strong{color:#fff2bf}.queued-pop{color:#d7bf82;font-size:11px}.resource-icon-img{width:22px;height:22px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 1px 0 rgba(0,0,0,.45))}.resource-label{color:#c3a56c;font-size:10px;text-transform:uppercase}.age-pill{min-width:96px;justify-content:center}.age-progress{width:42px;height:5px;overflow:hidden;background:#00000059;border:1px solid rgba(229,180,82,.45)}.age-progress span{display:block;height:100%;background:linear-gradient(90deg,#82c65c,#67d9eb)}.status-action{min-width:52px;justify-content:center;color:var(--hud-text);font:inherit;cursor:pointer;pointer-events:auto}.status-action--quiet{color:var(--hud-muted);opacity:.76}.worker-summary{position:absolute;top:52px;left:14px;display:flex;align-items:center;gap:8px;max-width:min(470px,calc(100vw - 360px));padding:6px 9px;background:#17221bd6;border:1px solid rgba(217,183,101,.52);box-shadow:0 3px #00000047,inset 0 0 0 1px #fff1ba0d;color:var(--hud-muted);font-size:12px;line-height:1;pointer-events:none}.worker-summary strong{color:var(--hud-text)}.objective-panel{position:absolute;top:52px;right:16px;width:318px;padding:9px 10px 10px;background:linear-gradient(180deg,#2d271cf5,#0d1212f5),radial-gradient(circle at 100% 0%,rgba(101,223,229,.1),transparent 40%);border:1px solid rgba(217,183,101,.72);box-shadow:0 4px #00000057,inset 0 0 0 1px #fff1ba0f,inset 0 0 22px #00000047;pointer-events:none}.objective-title{margin-bottom:7px;color:#ffe0a0;font-size:12px;font-weight:700;text-transform:uppercase}.objective-list{display:grid;gap:5px}.objective-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;min-height:42px;padding:6px 7px;background:#121110b8;border:1px solid rgba(198,153,74,.28);color:var(--hud-muted)}.objective-row--active{border-color:#67e4e9b8;background:#122324b8;color:#defcff}.objective-row--done{border-color:#82c65c9e;background:#162612b8;color:#d8f2c9}.objective-marker{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border:1px solid rgba(198,153,74,.45);background:#00000047;color:#fff1bd;font-size:10px;font-weight:800}.objective-copy{min-width:0;display:grid;gap:2px}.objective-name{color:var(--hud-text);font-size:12px;font-weight:700;line-height:1.1}.objective-detail{overflow:hidden;color:inherit;font-size:11px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.objective-progress{color:#ffe0a0;font-size:11px;font-weight:700}.objective-more{padding:4px 7px 0;color:#d7bf86d1;font-size:11px;line-height:1.1;text-align:right}.hud-bottom-panel{position:absolute;left:50%;bottom:24px;width:min(720px,calc(100vw - 360px));min-height:132px;transform:translate(-50%);padding:11px 14px 13px;background:linear-gradient(180deg,#362d20fc,#0f1111fc),radial-gradient(circle at 92% 8%,rgba(101,223,229,.12),transparent 28%);border:2px solid rgba(217,183,101,.82);box-shadow:0 5px #0000006b,inset 0 0 0 1px #fff1ba14,inset 0 0 26px #0000002e;pointer-events:auto}.hud-bottom-panel:before,.command-dock:before,.hud-minimap:before,.objective-panel:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(255,226,153,.12);pointer-events:none}.hud-alert{position:absolute;top:52px;left:50%;transform:translate(-50%);padding:7px 12px;background:#201612f0;border:1px solid rgba(229,180,82,.55);box-shadow:0 3px #0000004d;font-size:13px;pointer-events:none}.hud-alert--warn{border-color:#e5b452d9;color:#ffe0a0}.hud-alert--danger{border-color:#d86a54f2;color:#ffd7cf}.hud-panel-header{display:flex;align-items:center;gap:12px;min-height:68px;margin-bottom:8px}.selection-portrait{width:84px;height:68px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 38%,#533d2be6,#0a0b0cf5 68%),linear-gradient(180deg,#6f532d3d,#0003);border:2px solid rgba(198,153,74,.72);box-shadow:inset 0 0 0 1px #ffe2991f,inset 0 -5px #00000052,0 2px #00000075}.selection-portrait img{width:88%;height:88%;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 2px 0 rgba(0,0,0,.58))}.selection-portrait--group span,.selection-portrait--glyph span{color:#ffe0a0;font-size:24px;font-weight:800;text-shadow:0 2px 0 rgba(0,0,0,.55)}.unit-sprite{display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 0 rgba(0,0,0,.62))}.selection-portrait-sprite{width:60px;height:60px}.selection-portrait-sprite.unit-sprite--worker,.selection-portrait-sprite.unit-sprite--soldier,.selection-portrait-sprite.unit-sprite--archer{width:64px;height:64px}.command-unit-icon{width:46px;height:42px;margin-bottom:-1px}.command-unit-icon.unit-sprite--worker{width:38px;height:34px}.queue-unit-icon{width:30px;height:30px}.queue-unit-icon.unit-sprite--worker{width:26px;height:26px}.unit-sprite--fallback{display:inline-flex;align-items:center;justify-content:center;background:#00000061;border:1px solid rgba(198,153,74,.44);color:#ffe0a0;font-weight:800}.hud-panel-heading{min-width:0;flex:1}.hud-panel-title{height:22px;display:flex;align-items:center;color:#ffe0a0;font-weight:700;letter-spacing:0}.hud-panel-meta{color:var(--hud-muted);font-size:12px;min-height:17px}.hud-stat-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.hud-stat{min-width:56px;display:inline-flex;align-items:center;justify-content:space-between;gap:6px;padding:3px 6px;background:linear-gradient(180deg,#271f18eb,#080a0ae6),radial-gradient(circle at 50% 0%,rgba(101,223,229,.08),transparent 65%);border:1px solid rgba(198,153,74,.35);box-shadow:inset 0 0 0 1px #ffe2990a;color:var(--hud-text);font-size:11px;line-height:1}.hud-stat-label{color:#bfa979;font-size:10px;text-transform:uppercase}.hud-stat strong{color:#fff1bd;font-weight:800}.hud-healthbar{position:relative;width:min(260px,100%);height:18px;margin-top:5px;overflow:hidden;background:#0000006b;border:1px solid rgba(198,153,74,.58);box-shadow:inset 0 0 0 1px #ffe2990a}.hud-healthbar span{display:block;height:100%;background:linear-gradient(90deg,#4f9a42,#8fd66a)}.hud-healthbar strong{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff2bf;font-size:11px;text-shadow:0 1px 0 #000}.hud-panel-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:12px}.hud-info-list{display:grid;gap:6px;font-size:13px;color:var(--hud-muted)}.hud-info-list strong{color:var(--hud-text)}.hud-info-help{color:#d4bd8c}.hud-panel-extra{grid-column:1 / -1;display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr);gap:8px;margin-top:2px}.queue-box{display:grid;gap:5px;padding:7px 8px;background:#06080994;border:1px solid rgba(198,153,74,.34)}.queue-title{color:#ffe0a0;font-size:11px;font-weight:700;text-transform:uppercase}.queue-list{display:grid;gap:4px}.queue-item{position:relative;display:grid;grid-template-columns:30px 1fr auto;gap:8px;min-height:22px;align-items:center;color:var(--hud-muted);font-size:12px}.queue-item--button{width:100%;padding:2px 4px;border:1px solid transparent;background:transparent;font:inherit;text-align:left;cursor:pointer}.queue-item--button:hover{background:#e5b45214;border-color:#e5b4524d}.queue-item strong{color:var(--hud-text);font-size:11px}.queue-progress{grid-column:1 / -1;height:5px;overflow:hidden;background:#0000005c;border:1px solid rgba(198,153,74,.34)}.queue-progress span{display:block;height:100%;background:linear-gradient(90deg,#82c65c,#67d9eb)}.queue-empty,.rally-line{color:var(--hud-muted);font-size:12px}.rally-line{align-self:end;padding:7px 8px;background:#0608097a;border:1px solid rgba(103,228,233,.34)}.command-dock{position:absolute;right:16px;bottom:24px;width:310px;max-height:min(72vh,520px);overflow:auto;min-height:156px;padding:10px;background:linear-gradient(180deg,#342b1ffc,#0d1212fc),radial-gradient(circle at 12% 0%,rgba(154,92,255,.1),transparent 35%);border:2px solid rgba(217,183,101,.78);box-shadow:0 4px #00000061,inset 0 0 0 1px #fff1ba14,inset 0 0 24px #0000002e;pointer-events:auto}.command-section{display:grid;gap:9px}.command-group{display:grid;gap:7px;padding:7px;background:linear-gradient(180deg,#1d1914ad,#0608097a),radial-gradient(circle at 100% 0%,rgba(101,223,229,.06),transparent 45%);border:1px solid rgba(198,153,74,.26);box-shadow:inset 0 0 0 1px #ffe29908}.command-label{color:#ffe0a0;font-size:12px;text-transform:uppercase}.command-label--group{display:flex;align-items:center;justify-content:space-between;min-height:18px}.command-label-meta{color:#a99060;font-size:10px}.hud-inline-note{padding:7px 9px;background:#261b12d1;border-left:3px solid var(--hud-accent);color:#f0d5a2;font-size:12px;line-height:1.3}.hud-inline-note--danger{border-left-color:var(--hud-bad);color:#ffd7cf}.placement-summary{display:grid;gap:7px;padding:8px;background:#0508098a;border:1px solid rgba(198,153,74,.3);box-shadow:inset 0 0 0 1px #ffe2990a}.placement-summary--valid{border-color:#70da777a}.placement-summary--invalid{border-color:#e66a5885}.placement-status{color:#f4d48b;font-size:12px;font-weight:800;text-transform:uppercase}.placement-summary--valid .placement-status{color:#b8f2a1}.placement-summary--invalid .placement-status{color:#ffb0a4}.placement-summary-grid{display:grid;grid-template-columns:1fr;gap:5px;color:#d9c391;font-size:11px;line-height:1.18}.placement-summary-grid>span{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.placement-summary-grid strong{color:#9f8f66;font-size:10px;text-transform:uppercase}.command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.command-category-grid{display:grid;gap:8px}.command-category-button{min-height:94px;display:grid;grid-template-columns:74px 1fr;align-items:center;justify-content:initial;gap:10px;padding:10px 12px 10px 14px;text-align:left}.command-category-copy{min-width:0;display:grid;gap:5px}.command-category-detail{color:#d7bf86;font-size:11px;line-height:1.18}.command-grid--build .command-button{min-height:78px}.command-button{position:relative;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid rgba(198,153,74,.58);background:linear-gradient(180deg,#564429fa,#1e221bfa),radial-gradient(circle at 50% 0%,rgba(101,223,229,.08),transparent 55%);color:var(--hud-text);font:inherit;font-size:12px;cursor:pointer;overflow:hidden;box-shadow:inset 0 0 0 1px #ffe2990f,inset 0 -3px #00000047}.command-button:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(255,226,153,.08);pointer-events:none}.command-icon{width:100%;height:100%;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 1px 0 rgba(0,0,0,.55))}.command-icon-frame{width:42px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:2px;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(101,223,229,.12),transparent 72%),#04060757;border:1px solid rgba(198,153,74,.24)}.command-grid--build .command-icon-frame{width:52px;height:38px}.command-icon-frame--category{width:64px;height:54px}.command-hotkey{position:absolute;top:4px;left:4px;z-index:1;min-width:18px;height:16px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;background:#040607bd;border:1px solid rgba(240,195,107,.58);color:#ffe7ad;font-size:10px;font-weight:800;line-height:1;box-shadow:0 1px #00000061}.command-title{display:block;max-width:100%;font-weight:700;line-height:1.05;overflow:hidden;text-overflow:ellipsis}.command-subtitle,.lock-label,.free-cost{color:var(--hud-muted);font-size:11px;line-height:1}.cost-list{display:inline-flex;justify-content:center;flex-wrap:wrap;gap:3px 6px;line-height:1}.cost-item{display:inline-flex;align-items:center;gap:2px;color:#ffe7ad;font-size:11px}.cost-icon{width:15px;height:15px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 1px 0 rgba(0,0,0,.45))}.command-wide{width:100%}.command-button:hover{border-color:#f0c36b;filter:brightness(1.08)}.command-button:disabled{color:#8c7355;cursor:default;filter:grayscale(.5) brightness(.7)}.command-button--suggested{border-color:#82c65ce6;box-shadow:inset 0 -3px #00000038,0 0 0 1px #82c65c33}.command-button--blocked{border-color:#d86a54cc;color:#c89a92;background:linear-gradient(180deg,#493226fa,#1c1816fa),radial-gradient(circle at 50% 0%,rgba(216,106,84,.1),transparent 55%)}.command-button--blocked:disabled{filter:grayscale(.2) brightness(.78)}.command-button--danger{border-color:#d86a54db;background:linear-gradient(180deg,#623726fa,#251816fa),radial-gradient(circle at 50% 0%,rgba(216,106,84,.16),transparent 55%)}.message-log{position:absolute;left:14px;bottom:212px;width:292px;display:grid;gap:5px;font-size:12px;pointer-events:none}.message-line{padding:5px 8px;background:#241913bf;border-left:3px solid var(--hud-accent)}.message-line--danger{border-left-color:var(--hud-bad);background:#3a1917d1}.message-line--good{border-left-color:var(--hud-good);background:#1c2b18cc}.hud-minimap{position:absolute;left:14px;bottom:22px;width:218px;height:172px;padding:8px;background:linear-gradient(180deg,#30281efa,#0c1212fa),radial-gradient(circle at 32% 28%,rgba(101,223,229,.1),transparent 48%);border:2px solid rgba(217,183,101,.78);box-shadow:0 4px #00000061,inset 0 0 0 1px #fff1ba14;pointer-events:none}.minimap-frame{width:100%;height:100%;padding:4px;background:#0000008a;border:1px solid rgba(229,180,82,.46)}.minimap-map{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(ellipse at 12% 82%,rgba(35,109,126,.92) 0 13%,transparent 14%),radial-gradient(ellipse at 84% 28%,rgba(91,85,74,.8) 0 15%,transparent 16%),radial-gradient(ellipse at 85% 80%,rgba(75,59,105,.72) 0 13%,transparent 14%),linear-gradient(135deg,#3f622afa,#2f5322fa)}.minimap-map:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(28deg,transparent 0 44%,rgba(168,118,60,.34) 45% 50%,transparent 51%),linear-gradient(132deg,transparent 0 54%,rgba(168,118,60,.22) 55% 59%,transparent 60%);opacity:.78}.minimap-water,.minimap-rock,.minimap-crystal{position:absolute;border-radius:999px}.minimap-water{left:-7%;bottom:-5%;width:32%;height:30%;background:#267f97e0}.minimap-rock{right:-3%;top:12%;width:31%;height:25%;background:#707069ad}.minimap-crystal{right:0;bottom:5%;width:28%;height:24%;background:#60448a99}.minimap-dot{position:absolute;width:3px;height:3px;transform:translate(-50%,-50%);border-radius:50%;background:#f5f0bc;box-shadow:0 0 3px #000000e6}.minimap-dot--food{background:#8fd66a}.minimap-dot--wood{background:#45b857}.minimap-dot--stone{background:#c8c4b8}.minimap-dot--gold{background:#67e4e9;box-shadow:0 0 5px #67e4e9b3}.minimap-dot--player-building{width:5px;height:5px;background:#9a5cff;border:1px solid #f2d67d}.minimap-dot--player-unit{width:3px;height:3px;background:#f2d67d}.minimap-dot--enemy{width:4px;height:4px;background:#e45d52}.minimap-dot--neutral{background:#ddd1a0}.minimap-camera{position:absolute;min-width:12%;min-height:9%;border:1px solid rgba(255,244,186,.95);box-shadow:0 0 0 1px #0000008c,inset 0 0 8px #67e4e929}@media(max-width:980px){.hud-brand{min-width:190px}.hud-title{font-size:15px}.hud-bottom-panel{left:244px;right:296px;width:auto;transform:none}.resource-strip{gap:6px}.resource-pill,.status-pill{min-width:58px;padding:0 6px}.resource-label{display:none}.status-strip{min-width:244px;gap:6px}.worker-summary{top:48px;max-width:356px;gap:6px}.objective-panel{top:48px;right:12px;width:276px}.objective-detail{display:none}.objective-row{min-height:32px}.objective-row:nth-child(n+3){display:none}.objective-more{display:none}.hud-panel-extra{grid-template-columns:1fr}.command-dock{right:12px;width:276px}.hud-minimap{width:210px}}#map-editor-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;color:#f5e2b1;font-size:13px}.map-editor-shell{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.map-editor-topbar,.map-editor-panel,.map-editor-status{pointer-events:auto;background:linear-gradient(180deg,#2a241dfa,#0b0f0ffa),radial-gradient(circle at 12% 0%,rgba(103,228,233,.1),transparent 34%);border:1px solid rgba(217,183,101,.7);box-shadow:0 4px #00000057,inset 0 0 0 1px #ffeeb00f}.map-editor-topbar{position:absolute;top:10px;left:12px;right:12px;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px}.map-editor-brand{display:flex;align-items:baseline;gap:12px;min-width:260px}.map-editor-brand strong{color:#ffe7aa;font-size:16px}.map-editor-brand span,.map-editor-muted,.map-editor-help span{color:#cdb57d}.map-editor-actions,.map-editor-tool-grid,.map-editor-size-row{display:flex;align-items:center;gap:7px}.map-editor-actions{flex-wrap:wrap;justify-content:flex-end}.map-editor-panel{position:absolute;top:64px;bottom:52px;width:500px;padding:10px;overflow:auto}.map-editor-panel--left{left:12px}.map-editor-shell--left-collapsed .map-editor-panel--left{display:none}.map-editor-panel--right{right:12px}.map-editor-section{display:grid;gap:8px;padding:9px;margin-bottom:10px;background:#05080966;border:1px solid rgba(198,153,74,.26)}.map-editor-section--objects{padding-bottom:12px}.map-editor-section-title{color:#ffe3a4;font-size:12px;font-weight:800;text-transform:uppercase}.map-editor-topbar button,.map-editor-panel button{min-height:30px;padding:5px 9px;border:1px solid rgba(198,153,74,.62);background:linear-gradient(180deg,#4e3e28f5,#181c18f5);color:#f8e6b8;font:inherit;font-size:12px;cursor:pointer;box-shadow:inset 0 -2px #00000042}.map-editor-topbar button:hover,.map-editor-panel button:hover{border-color:#f0c36b;filter:brightness(1.08)}.map-editor-button--active,.map-editor-tool-button.map-editor-button--active,.map-editor-palette-button--active,.map-editor-object-button--active{border-color:#67e4e9e6;background:linear-gradient(180deg,#2f514cf5,#142325f5),radial-gradient(circle at 50% 0%,rgba(154,92,255,.16),transparent 60%)}.map-editor-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.map-editor-range,.map-editor-field{display:grid;grid-template-columns:48px 1fr 42px;align-items:center;gap:8px;color:#ddc58e}.map-editor-field{grid-template-columns:88px 1fr}.map-editor-range input,.map-editor-field input,.map-editor-size-row input{min-width:0;height:28px;border:1px solid rgba(198,153,74,.48);background:#00000075;color:#fff0c4;font:inherit}.map-editor-range strong{color:#fff1bd;text-align:right}.map-editor-current-card{min-height:76px;display:grid;grid-template-columns:72px 1fr;align-items:center;gap:10px;padding:8px;background:linear-gradient(180deg,#201c15e6,#0608098f),radial-gradient(circle at 50% 20%,rgba(103,228,233,.08),transparent 70%);border:1px solid rgba(103,228,233,.34)}.map-editor-current-preview{width:68px;height:58px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:#00000047;border:1px solid rgba(198,153,74,.36)}.map-editor-current-preview img{width:100%;height:100%;object-fit:contain;image-rendering:auto}.map-editor-current-card strong,.map-editor-current-card small{display:block}.map-editor-current-card strong{color:#ffe3a4}.map-editor-current-card small{margin-top:3px;color:#cdb57d}.map-editor-current-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}.map-editor-palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.map-editor-palette-button{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:6px;text-align:left}.map-editor-terrain-swatch{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,238,176,.5);box-shadow:inset 0 0 0 1px #00000038}.map-editor-terrain-swatch img{width:100%;height:100%;object-fit:cover;image-rendering:auto}.map-editor-tileset-card{display:grid;gap:8px}.map-editor-tileset-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.map-editor-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.map-editor-template-actions{display:grid;grid-template-columns:1fr;gap:6px}.map-editor-template-list{display:grid;gap:6px;overflow:auto;min-height:0}.map-editor-template-row{display:grid;grid-template-columns:minmax(94px,1fr) auto auto;align-items:center;gap:6px}.map-editor-template-row strong{min-width:0;overflow:hidden;color:#ffe3a4;text-overflow:ellipsis;white-space:nowrap}.map-editor-tileset-tabs button{min-width:0;padding-inline:5px;white-space:normal;line-height:1.05}.map-editor-tileset-picker{position:relative;width:min(100%,var(--tileset-native-width));max-height:340px;overflow:auto;border:1px solid rgba(198,153,74,.72);background:#111;cursor:crosshair;box-shadow:inset 0 0 0 1px #ffeeb01a}.map-editor-tileset-canvas{position:relative;width:var(--tileset-native-width);height:var(--tileset-native-height)}.map-editor-tileset-canvas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,rgba(255,246,184,.24) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,246,184,.24) 1px,transparent 1px);background-size:calc(100% / var(--tileset-columns)) 100%,100% calc(100% / var(--tileset-rows))}.map-editor-tileset-picker img{width:var(--tileset-native-width);height:var(--tileset-native-height);display:block;image-rendering:pixelated}.map-editor-tileset-selection{position:absolute;left:calc((100% / var(--tileset-columns)) * var(--selected-column));top:calc((100% / var(--tileset-rows)) * var(--selected-row));width:calc(100% / var(--tileset-columns));height:calc(100% / var(--tileset-rows));pointer-events:none;border:2px solid #ffe58f;box-shadow:inset 0 0 0 1px #000000b8,0 0 0 1px #000000b8}.map-editor-current-preview--stamp{color:#ffe3a4;font-weight:800}.map-editor-tileset-meta{display:flex;justify-content:space-between;gap:8px;color:#d8c897;font-size:12px}.map-editor-tileset-meta strong{color:#ffe3a4}.map-editor-wide-button{width:100%}.map-editor-object-group{display:grid;gap:7px;margin-top:6px}.map-editor-object-group summary{cursor:pointer;color:#ead39a;font-weight:800}.map-editor-object-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-top:6px}.map-editor-object-button{min-height:82px;display:grid;grid-template-rows:46px auto;justify-items:center;gap:4px;overflow:hidden}.map-editor-object-button img{width:62px;height:46px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 2px 0 rgba(0,0,0,.55))}.map-editor-object-button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-editor-object-fallback{width:46px;height:34px;background:#67e4e92e;border:1px solid rgba(103,228,233,.52)}.map-editor-selected-card{display:grid;gap:3px;padding:8px;background:#00000057;border:1px solid rgba(103,228,233,.34)}.map-editor-selected-card strong{color:#ffe3a4}.map-editor-danger{border-color:#d86a54d9!important}.map-editor-size-row{display:grid;grid-template-columns:1fr 1fr auto}.map-editor-size-row label{display:grid;gap:3px;color:#ddc58e}.map-editor-help{display:grid;gap:6px;padding:9px;background:#05080952;border-left:3px solid rgba(103,228,233,.64);line-height:1.25}.map-editor-help strong{color:#ffe3a4}.map-editor-status{position:absolute;left:12px;right:12px;bottom:10px;min-height:30px;padding:7px 10px;color:#f1d99f}@media(max-width:980px){.map-editor-topbar{align-items:flex-start}.map-editor-brand{min-width:180px;display:grid;gap:2px}.map-editor-actions{gap:5px}.map-editor-panel{width:min(380px,calc(100vw - 24px));top:88px;bottom:52px}.map-editor-object-grid,.map-editor-palette{grid-template-columns:1fr}.map-editor-panel--right{display:none}}