.mOo3fe-r{position:absolute;left:-9999px;top:0;z-index:9999;padding:8px 16px;background:#000;color:#fff;border-radius:0 0 4px;text-decoration:none;font-weight:600}.mOo3fe-r:focus,.mOo3fe-r:focus-visible{left:0;outline:3px solid #fff}.FLdHzQ6m{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-info);border-radius:var(--radius-md);box-shadow:var(--shadow-4);min-width:16rem;max-width:24rem;color:var(--color-text)}.VwvE1PJZ{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:var(--radius-full);font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--color-on-primary);flex-shrink:0}.U6Xwq3Cb{flex:1;display:flex;flex-direction:column;gap:2px}.-H6R2CTU{font-size:var(--text-sm);font-weight:var(--weight-semibold)}._3dP0Pkvh{font-size:var(--text-sm);color:var(--color-text-muted)}.i10-sHBs{background:transparent;border:none;cursor:pointer;color:var(--color-text-muted);font-size:1.25rem;line-height:1;padding:0}.i10-sHBs:hover{color:var(--color-text)}.ghIhbqFr{border-left-color:var(--color-success)}.ghIhbqFr .VwvE1PJZ{background:var(--color-success)}.mdbCRV7J{border-left-color:var(--color-danger)}.mdbCRV7J .VwvE1PJZ{background:var(--color-danger)}.Q5X4ZlFE{border-left-color:var(--color-warning)}.Q5X4ZlFE .VwvE1PJZ{background:var(--color-warning);color:var(--color-grey-900)}.pcLI38O-{border-left-color:var(--color-info)}.pcLI38O- .VwvE1PJZ{background:var(--color-info)}.UyyYzGiP{position:fixed;bottom:var(--space-4);right:var(--space-4);display:flex;flex-direction:column-reverse;gap:var(--space-2);z-index:var(--z-toast);pointer-events:none}.UyyYzGiP>*{pointer-events:auto}.GpFZSnF3{display:inline-flex;align-items:center;justify-content:center}.J7anEOzj{display:inline-block;border-radius:50%;border-style:solid;border-color:currentColor;border-right-color:transparent;animation:LFfLHCi5 var(--duration-slower) linear infinite}@keyframes LFfLHCi5{to{transform:rotate(360deg)}}._5Ku9tRL- .J7anEOzj{width:.75rem;height:.75rem;border-width:1.5px}.-SpOAaQo .J7anEOzj{width:1rem;height:1rem;border-width:2px}.Rp6tuzJ- .J7anEOzj{width:1.5rem;height:1.5rem;border-width:2px}.ahRhBUD- .J7anEOzj{width:2rem;height:2rem;border-width:3px}.zKrFTyWj .J7anEOzj{width:3rem;height:3rem;border-width:4px}@media (prefers-reduced-motion: reduce){.J7anEOzj{animation-duration:1.5s}}.Fx11XjvO{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);position:relative;border-radius:var(--btn-radius);font-weight:var(--btn-font-weight);font-size:var(--btn-font-size);font-family:var(--font-sans);border:1px solid transparent;cursor:pointer;user-select:none;text-decoration:none;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.Fx11XjvO:active:not(:disabled){transform:translateY(1px)}.Fx11XjvO:disabled{cursor:not-allowed;opacity:.55}._36oJTKkF{width:100%}.EQAt2I2y .UJ3ZtmiJ,.EQAt2I2y ._-43u5rLI{opacity:0}.ZExvWjVE{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}._-43u5rLI,.UJ3ZtmiJ{display:inline-flex;align-items:center}.yph5gFRu{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);min-height:1.75rem}.HBcrVZGE{padding:var(--btn-padding-y) var(--btn-padding-x);min-height:2.25rem}._2sR8uphj{padding:var(--space-3) var(--space-6);font-size:var(--text-base);min-height:2.75rem}.yvq47-rB{background:var(--btn-primary-bg);color:var(--btn-primary-fg);border-color:var(--btn-primary-border);box-shadow:var(--btn-primary-shadow)}.yvq47-rB:hover:not(:disabled){background:var(--btn-primary-bg-hover)}.yvq47-rB:active:not(:disabled){background:var(--btn-primary-bg-active)}.UKvDFUeE{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg);border-color:var(--btn-secondary-border)}.UKvDFUeE:hover:not(:disabled){background:var(--btn-secondary-bg-hover)}.UKvDFUeE:active:not(:disabled){background:var(--btn-secondary-bg-active)}.lJoUX65M{background:var(--btn-danger-bg);color:var(--btn-danger-fg)}.lJoUX65M:hover:not(:disabled){background:var(--btn-danger-bg-hover)}.lJoUX65M:active:not(:disabled){background:var(--btn-danger-bg-active)}._3HPKXUFp{background:var(--btn-ghost-bg);color:var(--btn-ghost-fg);border-color:var(--btn-ghost-border)}._3HPKXUFp:hover:not(:disabled){background:var(--btn-ghost-bg-hover)}.f0vYTkPH{background:transparent;color:var(--btn-link-fg);padding-inline:0;border-color:transparent;min-height:auto}.f0vYTkPH:hover:not(:disabled){color:var(--btn-link-fg-hover);text-decoration:underline}:root{--color-grey-50: #f8fafc;--color-grey-100: #f1f5f9;--color-grey-200: #e2e8f0;--color-grey-300: #cbd5e1;--color-grey-400: #94a3b8;--color-grey-500: #64748b;--color-grey-600: #475569;--color-grey-700: #334155;--color-grey-800: #1e293b;--color-grey-900: #0f172a;--color-grey-950: #020617;--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-200: #bfdbfe;--color-blue-300: #93c5fd;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-blue-800: #1e40af;--color-blue-900: #1e3a8a;--color-blue-950: #172554;--color-green-50: #f0fdf4;--color-green-100: #dcfce7;--color-green-200: #bbf7d0;--color-green-300: #86efac;--color-green-400: #4ade80;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-green-800: #166534;--color-green-900: #14532d;--color-green-950: #052e16;--color-red-50: #fef2f2;--color-red-100: #fee2e2;--color-red-200: #fecaca;--color-red-300: #fca5a5;--color-red-400: #f87171;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-red-800: #991b1b;--color-red-900: #7f1d1d;--color-red-950: #450a0a;--color-yellow-50: #fefce8;--color-yellow-100: #fef9c3;--color-yellow-200: #fef08a;--color-yellow-300: #fde047;--color-yellow-400: #facc15;--color-yellow-500: #eab308;--color-yellow-600: #ca8a04;--color-yellow-700: #a16207;--color-yellow-800: #854d0e;--color-yellow-900: #713f12;--color-yellow-950: #422006;--color-purple-50: #faf5ff;--color-purple-100: #f3e8ff;--color-purple-200: #e9d5ff;--color-purple-300: #d8b4fe;--color-purple-400: #c084fc;--color-purple-500: #a855f7;--color-purple-600: #9333ea;--color-purple-700: #7e22ce;--color-purple-800: #6b21a8;--color-purple-900: #581c87;--color-purple-950: #3b0764;--color-orange-50: #fff7ed;--color-orange-100: #ffedd5;--color-orange-200: #fed7aa;--color-orange-300: #fdba74;--color-orange-400: #fb923c;--color-orange-500: #f97316;--color-orange-600: #ea580c;--color-orange-700: #c2410c;--color-orange-800: #9a3412;--color-orange-900: #7c2d12;--color-orange-950: #431407}:root,:root[data-color-scheme=light]{--color-primary: var(--color-blue-600);--color-primary-hover: var(--color-blue-700);--color-primary-active: var(--color-blue-800);--color-on-primary: #ffffff;--color-secondary: var(--color-purple-600);--color-secondary-hover: var(--color-purple-700);--color-secondary-active: var(--color-purple-800);--color-on-secondary: #ffffff;--color-accent: var(--color-orange-500);--color-accent-hover: var(--color-orange-600);--color-bg: var(--color-grey-50);--color-surface: #ffffff;--color-surface-alt: var(--color-grey-100);--color-surface-hover:var(--color-grey-200);--color-text: var(--color-grey-900);--color-text-muted: var(--color-grey-600);--color-text-subtle: var(--color-grey-500);--color-text-inverse: #ffffff;--color-border: var(--color-grey-200);--color-border-strong: var(--color-grey-300);--color-divider: var(--color-grey-200);--color-success: var(--color-green-600);--color-warning: var(--color-yellow-500);--color-danger: var(--color-red-600);--color-info: var(--color-blue-500);--color-success-bg: var(--color-green-50);--color-warning-bg: var(--color-yellow-50);--color-danger-bg: var(--color-red-50);--color-info-bg: var(--color-blue-50);--color-focus-ring: var(--color-blue-500);--color-overlay: rgba(15, 23, 42, .5)}:root[data-color-scheme=dark]{--color-primary: var(--color-blue-500);--color-primary-hover: var(--color-blue-400);--color-primary-active: var(--color-blue-300);--color-on-primary: var(--color-grey-950);--color-secondary: var(--color-purple-400);--color-secondary-hover: var(--color-purple-300);--color-secondary-active: var(--color-purple-200);--color-on-secondary: var(--color-grey-950);--color-accent: var(--color-orange-400);--color-accent-hover: var(--color-orange-300);--color-bg: var(--color-grey-950);--color-surface: var(--color-grey-900);--color-surface-alt: var(--color-grey-800);--color-surface-hover:var(--color-grey-700);--color-text: var(--color-grey-50);--color-text-muted: var(--color-grey-300);--color-text-subtle: var(--color-grey-400);--color-text-inverse: var(--color-grey-950);--color-border: var(--color-grey-700);--color-border-strong: var(--color-grey-600);--color-divider: var(--color-grey-800);--color-success: var(--color-green-400);--color-warning: var(--color-yellow-400);--color-danger: var(--color-red-400);--color-info: var(--color-blue-400);--color-success-bg: rgba(34, 197, 94, .15);--color-warning-bg: rgba(234, 179, 8, .15);--color-danger-bg: rgba(239, 68, 68, .15);--color-info-bg: rgba(59, 130, 246, .15);--color-focus-ring: var(--color-blue-400);--color-overlay: rgba(2, 6, 23, .7)}@media (prefers-color-scheme: dark){:root:not([data-color-scheme=light]){--color-primary: var(--color-blue-500);--color-primary-hover: var(--color-blue-400);--color-primary-active: var(--color-blue-300);--color-on-primary: var(--color-grey-950);--color-secondary: var(--color-purple-400);--color-secondary-hover: var(--color-purple-300);--color-secondary-active: var(--color-purple-200);--color-on-secondary: var(--color-grey-950);--color-accent: var(--color-orange-400);--color-accent-hover: var(--color-orange-300);--color-bg: var(--color-grey-950);--color-surface: var(--color-grey-900);--color-surface-alt: var(--color-grey-800);--color-surface-hover:var(--color-grey-700);--color-text: var(--color-grey-50);--color-text-muted: var(--color-grey-300);--color-text-subtle: var(--color-grey-400);--color-text-inverse: var(--color-grey-950);--color-border: var(--color-grey-700);--color-border-strong: var(--color-grey-600);--color-divider: var(--color-grey-800);--color-success: var(--color-green-400);--color-warning: var(--color-yellow-400);--color-danger: var(--color-red-400);--color-info: var(--color-blue-400);--color-success-bg: rgba(34, 197, 94, .15);--color-warning-bg: rgba(234, 179, 8, .15);--color-danger-bg: rgba(239, 68, 68, .15);--color-info-bg: rgba(59, 130, 246, .15);--color-focus-ring: var(--color-blue-400);--color-overlay: rgba(2, 6, 23, .7)}}:root{--color-resource-gold: #f5c518;--color-resource-food: #e98c5b;--color-resource-wood: #8b5a2b;--color-resource-stone: #94a3b8;--color-resource-gem: #c084fc;--color-resource-energy: #38bdf8;--color-resource-water: #06b6d4;--color-resource-iron: #6b7280;--color-resource-coal: #1f2937;--color-building-idle: var(--color-grey-400);--color-building-active: var(--color-green-500);--color-building-upgrading: var(--color-blue-500);--color-building-damaged: var(--color-red-500);--color-building-locked: var(--color-grey-600);--color-building-construction:var(--color-yellow-500);--color-district-residential: #4ade80;--color-district-commercial: #fbbf24;--color-district-industrial: #94a3b8;--color-district-military: #ef4444;--color-district-cultural: #c084fc;--color-district-park: #16a34a;--color-district-port: #0891b2;--color-district-airport: #2563eb;--color-relation-ally: #22c55e;--color-relation-enemy: #ef4444;--color-relation-neutral:#94a3b8;--color-relation-self: #3b82f6}:root{--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-heading: "Cinzel", "Georgia", serif;--font-game: "Press Start 2P", monospace;--font-mono: ui-monospace, "SF Mono", Menlo, Monaco, "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--leading-loose: 1.85;--tracking-tighter: -.04em;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .04em;--tracking-widest: .08em;--text-fluid-base: clamp(.875rem, .85rem + .25vw, 1rem);--text-fluid-h1: clamp(1.5rem, 1rem + 2.5vw, 2.5rem);--text-fluid-h2: clamp(1.25rem, 1rem + 1.5vw, 2rem);--text-fluid-h3: clamp(1.125rem, 1rem + .8vw, 1.5rem);--text-fluid-display: clamp(2rem, 1.5rem + 4vw, 4.5rem)}:root{--space-0: 0;--space-px: 1px;--space-0_5: .125rem;--space-1: .25rem;--space-1_5: .375rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem}:root{--radius-none: 0;--radius-sm: .125rem;--radius-md: .25rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--radius-game: 4px;--border-width-thin: 1px;--border-width-base: 2px;--border-width-thick: 4px}:root{--shadow-0: none;--shadow-1: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-2: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-3: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-4: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-5: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow-primary: 0 0 16px rgba(59, 130, 246, .45);--shadow-glow-success: 0 0 16px rgba(34, 197, 94, .45);--shadow-glow-danger: 0 0 16px rgba(239, 68, 68, .45);--shadow-glow-gold: 0 0 20px rgba(245, 197, 24, .5);--shadow-inset: inset 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-inset-strong: inset 0 2px 4px 0 rgba(0, 0, 0, .12)}:root[data-color-scheme=dark]{--shadow-1: 0 1px 2px 0 rgba(0, 0, 0, .45);--shadow-2: 0 1px 3px 0 rgba(0, 0, 0, .55), 0 1px 2px -1px rgba(0, 0, 0, .55);--shadow-3: 0 4px 6px -1px rgba(0, 0, 0, .55), 0 2px 4px -2px rgba(0, 0, 0, .55);--shadow-4: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -4px rgba(0, 0, 0, .6);--shadow-5: 0 25px 50px -12px rgba(0, 0, 0, .75)}:root{--duration-instant: 0ms;--duration-fast: .1s;--duration-base: .2s;--duration-slow: .3s;--duration-slower: .5s;--duration-slowest: .8s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-emphasized:cubic-bezier(.2, 0, 0, 1)}@media (prefers-reduced-motion: reduce){:root{--duration-instant: 0ms;--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms;--duration-slower: 0ms;--duration-slowest: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-game-hud: 300;--z-overlay: 400;--z-modal: 500;--z-popover: 600;--z-toast: 700;--z-tooltip: 800;--z-debug: 900}:root{--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px}:root{--grid-columns: 12;--grid-gutter-mobile: 16px;--grid-gutter-desktop: 24px;--container-max-width: 1440px;--container-padding-mobile: 16px;--container-padding-desktop: 32px}.container{width:100%;max-width:var(--container-max-width);margin-inline:auto;padding-inline:var(--container-padding-mobile)}@media (min-width: 768px){.container{padding-inline:var(--container-padding-desktop)}}.grid-12{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));gap:var(--grid-gutter-mobile)}@media (min-width: 768px){.grid-12{gap:var(--grid-gutter-desktop)}}:root{--gradient-hero: linear-gradient(135deg, var(--color-blue-600) 0%, var(--color-purple-600) 100%);--gradient-card-header: linear-gradient(180deg, var(--color-surface-alt) 0%, var(--color-surface) 100%);--gradient-resource-gold: linear-gradient(180deg, #fde68a 0%, #f59e0b 100%);--gradient-resource-energy: linear-gradient(180deg, #7dd3fc 0%, #0284c7 100%);--gradient-success: linear-gradient(135deg, var(--color-green-400) 0%, var(--color-green-700) 100%);--gradient-danger: linear-gradient(135deg, var(--color-red-400) 0%, var(--color-red-700) 100%);--gradient-sky-day: linear-gradient(180deg, #7dd3fc 0%, #bae6fd 60%, #fef3c7 100%);--gradient-sky-night: linear-gradient(180deg, #0f172a 0%, #1e293b 60%, #312e81 100%)}:root{--texture-noise: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--texture-grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='g'><feTurbulence type='turbulence' baseFrequency='0.5' numOctaves='3'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>");--texture-stone-pattern: repeating-linear-gradient( 45deg, rgba(120, 113, 108, .08) 0 2px, transparent 2px 12px );--texture-dot-grid: radial-gradient(circle, var(--color-grey-300) 1px, transparent 1px);--texture-dot-grid-size: 24px 24px}:root{--btn-primary-bg: var(--color-primary);--btn-primary-bg-hover: var(--color-primary-hover);--btn-primary-bg-active: var(--color-primary-active);--btn-primary-fg: var(--color-on-primary);--btn-primary-border: transparent;--btn-primary-shadow: var(--shadow-2);--btn-secondary-bg: var(--color-secondary);--btn-secondary-bg-hover: var(--color-secondary-hover);--btn-secondary-bg-active: var(--color-secondary-active);--btn-secondary-fg: var(--color-on-secondary);--btn-secondary-border: transparent;--btn-danger-bg: var(--color-danger);--btn-danger-bg-hover: var(--color-red-700);--btn-danger-bg-active: var(--color-red-800);--btn-danger-fg: #ffffff;--btn-ghost-bg: transparent;--btn-ghost-bg-hover: var(--color-surface-hover);--btn-ghost-fg: var(--color-text);--btn-ghost-border: var(--color-border);--btn-link-fg: var(--color-primary);--btn-link-fg-hover: var(--color-primary-hover);--btn-padding-y: var(--space-2);--btn-padding-x: var(--space-4);--btn-radius: var(--radius-md);--btn-font-weight: var(--weight-semibold);--btn-font-size: var(--text-sm);--card-bg: var(--color-surface);--card-fg: var(--color-text);--card-border: var(--color-border);--card-shadow: var(--shadow-2);--card-radius: var(--radius-lg);--card-padding: var(--space-4);--card-header-bg: var(--color-surface-alt);--input-bg: var(--color-surface);--input-fg: var(--color-text);--input-border: var(--color-border);--input-border-hover: var(--color-border-strong);--input-border-focus: var(--color-focus-ring);--input-focus-ring: 0 0 0 3px rgba(59, 130, 246, .25);--input-placeholder: var(--color-text-subtle);--input-radius: var(--radius-md);--input-padding-y: var(--space-2);--input-padding-x: var(--space-3);--input-error-border: var(--color-danger);--input-error-ring: 0 0 0 3px rgba(239, 68, 68, .25);--input-disabled-bg: var(--color-surface-alt);--modal-backdrop: var(--color-overlay);--modal-bg: var(--color-surface);--modal-fg: var(--color-text);--modal-border: var(--color-border);--modal-shadow: var(--shadow-5);--modal-radius: var(--radius-xl);--modal-padding: var(--space-6);--modal-max-width: 560px}:root[data-city-theme=medieval]{--color-primary: #b45309;--color-primary-hover: #92400e;--color-primary-active: #78350f;--color-on-primary: #fffbeb;--color-secondary: #78350f;--color-secondary-hover: #57280a;--color-secondary-active: #3a1c07;--color-on-secondary: #fef3c7;--color-accent: #d97706;--color-accent-hover: #b45309;--city-bg-gradient: linear-gradient(180deg, #fef3c7 0%, #fde68a 60%, #fbbf24 100%);--city-canvas-bg: #d4a373;--city-overlay: var(--texture-stone-pattern);--city-accent-glow: rgba(217, 119, 6, .45);--city-banner-color: #7f1d1d;--city-stone-color: #78716c;--city-grass-color: #65a30d}:root[data-city-theme=medieval][data-color-scheme=dark]{--city-bg-gradient: linear-gradient(180deg, #1c1917 0%, #292524 60%, #44403c 100%);--city-canvas-bg: #292524}:root[data-city-theme=modern]{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-active: #1e40af;--color-on-primary: #ffffff;--color-secondary: #475569;--color-secondary-hover: #334155;--color-secondary-active: #1e293b;--color-on-secondary: #f8fafc;--color-accent: #10b981;--color-accent-hover: #059669;--city-bg-gradient: linear-gradient(180deg, #e0e7ff 0%, #c7d2fe 60%, #a5b4fc 100%);--city-canvas-bg: #cbd5e1;--city-overlay: var(--texture-dot-grid);--city-accent-glow: rgba(16, 185, 129, .4);--city-banner-color: #1d4ed8;--city-stone-color: #94a3b8;--city-grass-color: #4ade80}:root[data-city-theme=modern][data-color-scheme=dark]{--city-bg-gradient: linear-gradient(180deg, #0f172a 0%, #1e293b 60%, #334155 100%);--city-canvas-bg: #1e293b}:root[data-city-theme=futuristic]{--color-primary: #06b6d4;--color-primary-hover: #0891b2;--color-primary-active: #0e7490;--color-on-primary: #022c33;--color-secondary: #a855f7;--color-secondary-hover: #9333ea;--color-secondary-active: #7e22ce;--color-on-secondary: #faf5ff;--color-accent: #f472b6;--color-accent-hover: #ec4899;--city-bg-gradient: linear-gradient(180deg, #0f172a 0%, #1e1b4b 60%, #312e81 100%);--city-canvas-bg: #0f172a;--city-overlay: var(--texture-dot-grid);--city-accent-glow: rgba(6, 182, 212, .55);--city-banner-color: #06b6d4;--city-stone-color: #475569;--city-grass-color: #14b8a6}:root[data-city-theme=tropical]{--color-primary: #0d9488;--color-primary-hover: #0f766e;--color-primary-active: #115e59;--color-on-primary: #f0fdfa;--color-secondary: #f97316;--color-secondary-hover: #ea580c;--color-secondary-active: #c2410c;--color-on-secondary: #fff7ed;--color-accent: #fb7185;--color-accent-hover: #f43f5e;--city-bg-gradient: linear-gradient(180deg, #99f6e4 0%, #5eead4 60%, #2dd4bf 100%);--city-canvas-bg: #ccfbf1;--city-overlay: var(--texture-grain);--city-accent-glow: rgba(251, 113, 133, .45);--city-banner-color: #0f766e;--city-stone-color: #d6d3d1;--city-grass-color: #16a34a}:root[data-city-theme=tropical][data-color-scheme=dark]{--city-bg-gradient: linear-gradient(180deg, #042f2e 0%, #134e4a 60%, #115e59 100%);--city-canvas-bg: #042f2e}:root[data-city-theme=arctic]{--color-primary: #0284c7;--color-primary-hover: #0369a1;--color-primary-active: #075985;--color-on-primary: #f0f9ff;--color-secondary: #818cf8;--color-secondary-hover: #6366f1;--color-secondary-active: #4f46e5;--color-on-secondary: #eef2ff;--color-accent: #a78bfa;--color-accent-hover: #8b5cf6;--city-bg-gradient: linear-gradient(180deg, #e0f2fe 0%, #bae6fd 60%, #7dd3fc 100%);--city-canvas-bg: #f0f9ff;--city-overlay: var(--texture-noise);--city-accent-glow: rgba(167, 139, 250, .45);--city-banner-color: #1e3a8a;--city-stone-color: #94a3b8;--city-grass-color: #cbd5e1}:root[data-city-theme=arctic][data-color-scheme=dark]{--city-bg-gradient: linear-gradient(180deg, #082f49 0%, #0c4a6e 60%, #0369a1 100%);--city-canvas-bg: #082f49}@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/inter-variable.woff2) format("woff2-variations")}@font-face{font-family:Cinzel;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/cinzel-variable.woff2) format("woff2-variations")}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{height:100%}body{line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}button:disabled{cursor:not-allowed}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul[role=list],ol[role=list]{list-style:none}a{color:inherit;text-decoration:none}#root,#__next{isolation:isolate}*:focus{outline:none}*:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.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}.sr-only-focusable:focus,.sr-only-focusable:focus-visible{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}html.reduce-motion *,html.reduce-motion *:before,html.reduce-motion *:after{animation-duration:.001ms!important;transition-duration:.001ms!important}html.high-contrast{--color-bg: #000000;--color-bg-elevated: #0a0a0a;--color-text: #ffffff;--color-text-muted: #e0e0e0;--color-primary: #ffd700;--color-danger: #ff5555;--color-success: #66ff99;--color-border: #ffffff}html.high-contrast a{text-decoration:underline}html.high-contrast button:focus-visible,html.high-contrast [role=button]:focus-visible,html.high-contrast input:focus-visible{outline:3px solid #ffd700!important;outline-offset:2px!important}:focus-visible{outline:2px solid var(--color-primary, #0ea5e9);outline-offset:2px}button,[role=button],a{min-height:24px;min-width:24px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}body{-webkit-tap-highlight-color:transparent}input,textarea,select{font-size:max(16px,1rem)}[data-scroll],.scroll{-webkit-overflow-scrolling:touch;touch-action:manipulation;overscroll-behavior:contain}@supports (height: 100dvh){.fillScreen{height:100dvh}}@supports not (height: 100dvh){.fillScreen{height:100vh}}@media print{:root{--color-bg: #ffffff;--color-surface: #ffffff;--color-text: #000000;--color-text-muted: #333333;--color-border: #cccccc}body{background:#fff!important;color:#000!important}.no-print,[data-no-print=true],nav,header,footer,aside,.game-hud,.game-canvas,button{display:none!important}a{color:#000;text-decoration:underline}a[href]:after{content:" (" attr(href) ")";font-size:.85em;color:#555}img,svg{page-break-inside:avoid}h1,h2,h3{page-break-after:avoid}}html{color-scheme:light}html[data-color-scheme=dark]{color-scheme:dark}body{font-family:var(--font-sans);font-size:var(--text-base);background:var(--color-bg);color:var(--color-text);transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}:root[data-color-scheme=dark] img[data-invert-on-dark=true],:root[data-color-scheme=dark] svg[data-invert-on-dark=true]{filter:invert(1) hue-rotate(180deg)}::selection{background:var(--color-primary);color:var(--color-on-primary)}