:root{--color-primary: #2d5a27;--color-primary-hover: #244a1f;--color-primary-active: #1a3a17;--color-secondary: #8b7355;--color-secondary-hover: #705e44;--color-secondary-active: #554733;--color-success: #4caf50;--color-success-hover: #388e3c;--color-success-active: #2e7d32;--color-warning: #ff9800;--color-warning-hover: #f57c00;--color-warning-active: #ef6c00;--color-danger: #f44336;--color-danger-hover: #d32f2f;--color-danger-active: #c62828;--color-neutral-50: #f1f8e9;--color-neutral-100: #dcedc8;--color-neutral-200: #c5e1a5;--color-neutral-300: #aed581;--color-neutral-400: #9ccc65;--color-neutral-500: #8bc34a;--color-neutral-600: #7cb342;--color-neutral-700: #689f38;--color-neutral-800: #558b2f;--color-neutral-900: #33691e;--shadow-sm: 0 1px 2px 0 rgba(45, 90, 39, .05);--shadow-md: 0 4px 6px -1px rgba(45, 90, 39, .1), 0 2px 4px -1px rgba(45, 90, 39, .06);--shadow-lg: 0 10px 15px -3px rgba(45, 90, 39, .1), 0 4px 6px -2px rgba(45, 90, 39, .05);--shadow-xl: 0 20px 25px -5px rgba(45, 90, 39, .1), 0 10px 10px -5px rgba(45, 90, 39, .04);--zone-field-bg: #e8f5e9;--zone-store-bg: #fff8e1;--zone-field-border: #c8e6c9;--zone-store-border: #ffecb3;--entity-player: #ff6b6b;--entity-harvester: #4ecdc4;--entity-seller: #ffe66d;--entity-courier: #95e1d3;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-hero: 24px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--color-state-deployed: #3b82f6;--color-state-stowed: #6b7280;--color-state-harvesting: #facc15;--color-state-selling: #8b5cf6;--color-state-idle: #f97316;--color-state-depositing: #2dd4bf;--color-state-attacking: #ef4444;--color-state-moving: #22d3ee;--color-state-waiting: #a855f7;--color-state-default: #f97316;--color-health-bar-bg: #333;--color-health-high: #4ade80;--color-health-medium: #facc15;--color-health-low: #ef4444;--color-badge-text: #ffffff;--color-cell-default: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--font-size-md);color:var(--color-neutral-800);background-color:var(--color-neutral-50)}#root{max-width:1600px;margin:0 auto;padding:var(--spacing-md);min-height:100vh}#root.playing{height:100vh;max-height:100vh;overflow:hidden;padding:0;margin:0;max-width:none}h1{margin-bottom:var(--spacing-md);font-size:var(--font-size-hero);font-weight:700;line-height:1.2;color:var(--color-neutral-900)}h2{font-size:var(--font-size-xl);font-weight:600;line-height:1.3;color:var(--color-neutral-900)}h3{font-size:var(--font-size-lg);font-weight:600;line-height:1.4;color:var(--color-neutral-900)}h4{font-size:var(--font-size-md);font-weight:500;line-height:1.5;color:var(--color-neutral-900)}button{font-family:inherit;cursor:pointer}button:focus-visible,div[role=button]:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}