.header-container.svelte-1nxsnl0{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:1;padding:12px 0}.resource-bar.svelte-1nxsnl0{display:flex;align-items:center;gap:0;background:linear-gradient(180deg,#3a4456,#2c3542);border:1px solid #525e72;border-radius:8px;padding:8px 20px;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff1a,inset 0 -1px #0003}.resource-item.svelte-1nxsnl0{display:flex;align-items:center;gap:10px;padding:0 16px}.resource-icon.svelte-1nxsnl0{font-size:24px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.5))}.resource-value.svelte-1nxsnl0{display:flex;flex-direction:column;align-items:flex-start;min-width:70px}.resource-number.svelte-1nxsnl0{font-size:18px;font-weight:700;color:#f0e6d2;text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 8px rgba(240,230,210,.2);line-height:1}.resource-label.svelte-1nxsnl0{font-size:11px;color:#9ca3b0;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;white-space:nowrap}.mobile-text.svelte-1nxsnl0{display:none}.desktop-text.svelte-1nxsnl0{display:inline}@media (max-width: 640px){.mobile-text.svelte-1nxsnl0{display:inline}.desktop-text.svelte-1nxsnl0{display:none}}.resource-divider.svelte-1nxsnl0{width:1px;height:32px;background:linear-gradient(180deg,transparent 0%,#525e72 20%,#525e72 80%,transparent 100%)}.resource-item.svelte-1nxsnl0:hover .resource-number:where(.svelte-1nxsnl0){color:gold;text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 12px rgba(255,215,0,.3)}.brass-separator.svelte-1nxsnl0{width:2px;height:36px;background:linear-gradient(180deg,transparent 0%,#7a8599 15%,#9ca3b0 50%,#7a8599 85%,transparent 100%);margin:0 12px;box-shadow:0 0 2px #9ca3b04d}.view-toggle.svelte-1nxsnl0{display:flex;background:#0003;border-radius:6px;border:1px solid #525e72;margin-right:12px}.view-btn.svelte-1nxsnl0{height:40px;padding:0 14px;display:flex;align-items:center;gap:6px;background:transparent;border:none;color:#9ca3b0;font-family:var(--font-ui);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;position:relative}.view-btn-left.svelte-1nxsnl0{border-radius:5px 0 0 5px;border-right:1px solid #525e72}.view-btn-right.svelte-1nxsnl0{border-radius:0 5px 5px 0}.view-btn.svelte-1nxsnl0:hover:not(.active){background:#ffffff0d;color:#c8cdd6}.view-btn.active.svelte-1nxsnl0{background:linear-gradient(135deg,#4a7c59,#3a6c49);color:#fff;box-shadow:inset 0 2px 4px #0003,inset 0 -1px #ffffff1a;text-shadow:0 1px 2px rgba(0,0,0,.3)}.btn-icon.svelte-1nxsnl0{font-size:16px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.3))}.btn-label.svelte-1nxsnl0{line-height:1}@media (max-width: 640px){.header-container.svelte-1nxsnl0{padding:8px;width:100%;left:0;transform:none}.resource-bar.svelte-1nxsnl0{padding:8px 12px;border-radius:6px;justify-content:space-between;width:100%;box-sizing:border-box}.resource-item.svelte-1nxsnl0{padding:0 8px;gap:6px;flex:1;justify-content:center}.resource-icon.svelte-1nxsnl0{font-size:20px}.resource-value.svelte-1nxsnl0{align-items:center}.resource-number.svelte-1nxsnl0{font-size:14px}.resource-label.svelte-1nxsnl0{font-size:9px;text-align:center}.resource-divider.svelte-1nxsnl0{height:24px}}@media (max-width: 640px){.resource-bar.svelte-1nxsnl0{padding:8px;flex-wrap:wrap;justify-content:space-between;row-gap:10px}.resource-item.svelte-1nxsnl0{padding:0 6px;gap:6px;flex:1;min-width:0}.resource-value.svelte-1nxsnl0{min-height:32px;justify-content:center;min-width:auto}.resource-icon.svelte-1nxsnl0{font-size:18px}.resource-number.svelte-1nxsnl0{font-size:14px;font-weight:700}.resource-label.svelte-1nxsnl0{font-size:9px;letter-spacing:.3px}.resource-divider.svelte-1nxsnl0{height:28px}.brass-separator.svelte-1nxsnl0{display:none}.view-toggle.svelte-1nxsnl0{width:100%;margin:0;display:flex;background:#0003;border-radius:8px;border:1px solid #525e72;padding:2px}.view-btn.svelte-1nxsnl0{height:36px;padding:0;font-size:12px;gap:5px;flex:1;border:none;border-radius:6px;justify-content:center;align-items:center}.view-btn-left.svelte-1nxsnl0{border-radius:6px;border-right:none}.view-btn-right.svelte-1nxsnl0{border-radius:6px}.view-btn.active.svelte-1nxsnl0{background:linear-gradient(135deg,#4a7c59,#3a6c49);color:#fff;box-shadow:0 2px 4px #0003,inset 0 -1px #0000001a}.btn-icon.svelte-1nxsnl0{font-size:16px}.btn-label.svelte-1nxsnl0{font-weight:700;text-transform:uppercase}}