:root{--c-bg-deep:#0a0f1a;--c-bg-base:#0f1626;--c-bg-raised:#151d30;--c-bg-glass:#0f1626b8;--c-bg-glass-strong:#0a0f1ae0;--c-border-subtle:#ffffff0f;--c-border-soft:#ffffff1a;--c-border-strong:#ffffff2e;--c-text-primary:#f1f5f9;--c-text-secondary:#94a3b8;--c-text-muted:#64748b;--c-text-faint:#ffffff59;--c-gold:#fbbf24;--c-gold-bright:#fcd34d;--c-gold-glow:#fbbf2459;--c-green:#22c55e;--c-green-bright:#4ade80;--c-green-glow:#22c55e59;--c-amber:#f59e0b;--c-amber-glow:#f59e0b59;--c-red:#ef4444;--c-red-glow:#ef444466;--c-blue:#3b82f6;--c-blue-bright:#60a5fa;--c-blue-glow:#3b82f659;--c-purple:#a855f7;--c-purple-glow:#a855f759;--grad-panel:linear-gradient(180deg, #151d30f2 0%, #0a0f1af2 100%);--grad-panel-soft:linear-gradient(180deg, #1e2942d9 0%, #0f1626d9 100%);--grad-gold:linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--grad-green:linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--grad-red:linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);--grad-blue:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--grad-night:linear-gradient(180deg, #050a1eb3 0%, #080c238c 100%);--sh-sm:0 2px 4px #00000040;--sh-md:0 4px 12px #0006;--sh-lg:0 8px 24px #00000080;--sh-xl:0 16px 48px #0009;--sh-panel:0 8px 32px #00000073, 0 2px 8px #0000004d;--sh-panel-hover:0 12px 40px #0000008c, 0 4px 12px #00000059;--sh-inset:inset 0 1px 0 #ffffff14;--sh-glow-gold:0 0 16px var(--c-gold-glow);--sh-glow-green:0 0 16px var(--c-green-glow);--sh-glow-red:0 0 16px var(--c-red-glow);--sh-glow-blue:0 0 16px var(--c-blue-glow);--font-sans:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace;--font-display:"Inter", "Segoe UI", system-ui, sans-serif;--fs-xs:10px;--fs-sm:11px;--fs-base:12px;--fs-md:13px;--fs-lg:15px;--fs-xl:18px;--fs-2xl:22px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.15;--lh-normal:1.4;--lh-loose:1.6;--ls-tight:-.02em;--ls-normal:0;--ls-wide:.06em;--ls-wider:.12em;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--t-fast:.12s cubic-bezier(.4, 0, .2, 1);--t-base:.2s cubic-bezier(.4, 0, .2, 1);--t-slow:.4s cubic-bezier(.4, 0, .2, 1);--t-spring:.32s cubic-bezier(.34, 1.56, .64, 1);--blur-sm:6px;--blur-md:12px;--blur-lg:20px;--z-canvas:0;--z-overlay:1;--z-hud:3;--z-notif:4;--z-modal:10}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:var(--sh-panel)}50%{box-shadow:var(--sh-panel-hover), var(--sh-glow-gold)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes floatUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.game-root{width:100vw;height:100vh;font-family:var(--font-sans);color:var(--c-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(at 30% 20%,#3b82f614 0%,#0000 50%),radial-gradient(at 70% 80%,#22c55e0d 0%,#0000 50%),linear-gradient(#1a3d0e 0%,#0f2608 100%);position:relative;overflow:hidden}.night-overlay{background:var(--grad-night);pointer-events:none;opacity:0;width:100%;height:100%;z-index:var(--z-overlay);mix-blend-mode:multiply;transition:opacity 5s;position:absolute;top:0;left:0}.night-overlay.active{opacity:1}.hud{background:var(--c-bg-glass);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(140%);border:1px solid var(--c-border-soft);color:var(--c-text-primary);border-radius:var(--r-lg);font-size:var(--fs-md);z-index:var(--z-hud);-webkit-user-select:none;user-select:none;font-family:var(--font-sans);box-shadow:var(--sh-panel), var(--sh-inset);animation:floatUp var(--t-slow) ease both;transition:box-shadow var(--t-base), transform var(--t-base);position:absolute}.hud:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff24 0%,#fff0 50%,#ffffff0a 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hud-left{top:var(--sp-4);left:var(--sp-4);padding:var(--sp-4) var(--sp-5);min-width:240px}.hud-title{font-size:var(--fs-xl);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight);color:var(--c-text-primary);background:linear-gradient(135deg,#f8fafc 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hud-sub{font-size:var(--fs-sm);color:var(--c-text-secondary);margin-bottom:var(--sp-3);letter-spacing:var(--ls-wide);text-transform:uppercase;font-weight:var(--fw-medium)}.hud-row{margin:var(--sp-2) 0;border-bottom:1px solid var(--c-border-subtle);justify-content:space-between;align-items:center;padding:3px 0;display:flex}.hud-row:last-child{border-bottom:none}.hud-lbl{color:var(--c-text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);text-transform:uppercase}.badge-green{background:var(--grad-green);color:#fff;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;box-shadow:var(--sh-glow-green), var(--sh-inset);border:1px solid #ffffff26;padding:3px 12px}.val-gold{color:var(--c-gold-bright);font-weight:var(--fw-semibold);font-family:var(--font-mono);font-size:var(--fs-md);text-shadow:0 0 12px var(--c-gold-glow);letter-spacing:-.01em}.val-white{font-weight:var(--fw-semibold);color:var(--c-text-primary);font-family:var(--font-mono);font-size:var(--fs-md);letter-spacing:-.01em}.hud-right{top:var(--sp-4);right:var(--sp-4);padding:var(--sp-4) var(--sp-5);min-width:200px}.hud-right-title{font-weight:var(--fw-semibold);margin-bottom:var(--sp-3);font-size:var(--fs-sm);color:var(--c-text-secondary);text-transform:uppercase;letter-spacing:var(--ls-wider);padding-bottom:var(--sp-2);border-bottom:1px solid var(--c-border-subtle)}.resource-item{align-items:center;gap:var(--sp-2);margin:var(--sp-2) 0;border-radius:var(--r-sm);transition:background var(--t-fast);font-size:var(--fs-md);padding:4px 6px;display:flex}.resource-item:hover{background:#ffffff0a}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block;box-shadow:0 0 8px,inset 0 0 4px #ffffff4d}.hud-cycle{bottom:var(--sp-4);right:var(--sp-4);border-radius:var(--r-pill);font-size:var(--fs-base);font-weight:var(--fw-medium);align-items:center;gap:var(--sp-2);letter-spacing:var(--ls-wide);padding:10px 18px;display:flex}.hud-weather{bottom:var(--sp-4);left:var(--sp-4);border-radius:var(--r-pill);font-size:var(--fs-base);font-weight:var(--fw-medium);align-items:center;gap:var(--sp-2);letter-spacing:var(--ls-wide);padding:10px 18px;display:flex}.hud-sep{color:var(--c-text-muted);margin:0 2px}.sidebar{top:50%;left:var(--sp-4);background:var(--c-bg-glass-strong);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(140%);border:1px solid var(--c-border-soft);color:var(--c-text-primary);padding:var(--sp-4) var(--sp-3);border-radius:var(--r-lg);font-size:var(--fs-base);z-index:var(--z-hud);-webkit-user-select:none;user-select:none;width:220px;font-family:var(--font-sans);box-shadow:var(--sh-panel), var(--sh-inset);animation:slideInLeft var(--t-slow) ease both;position:absolute;transform:translateY(-50%)}.sidebar-title{font-weight:var(--fw-semibold);font-size:var(--fs-xs);margin-bottom:var(--sp-3);padding:0 var(--sp-2) var(--sp-2);color:var(--c-text-secondary);text-transform:uppercase;letter-spacing:var(--ls-wider);border-bottom:1px solid var(--c-border-subtle)}.sidebar-mod{border-radius:var(--r-md);cursor:pointer;align-items:center;gap:var(--sp-3);transition:all var(--t-base);border:1px solid #0000;margin:3px 0;padding:10px 12px;display:flex;position:relative}.sidebar-mod:before{content:"";background:var(--grad-gold);width:3px;height:60%;transition:transform var(--t-base);border-radius:0 2px 2px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.sidebar-mod:hover{border-color:var(--c-border-subtle);background:#ffffff0d;transform:translate(2px)}.sidebar-mod.active{background:linear-gradient(90deg,#fbbf241f 0%,#ffffff0a 100%);border-color:#fbbf2438;box-shadow:0 0 0 1px #fbbf2414}.sidebar-mod.active:before{transform:translateY(-50%)scaleY(1)}.sidebar-mod.locked{opacity:.35;cursor:not-allowed;filter:grayscale(.7)}.sidebar-mod.locked:hover{background:0 0;border-color:#0000;transform:none}.sidebar-icon{border-radius:var(--r-sm);width:30px;height:30px;font-size:var(--fs-lg);background:var(--grad-panel-soft);border:1px solid var(--c-border-subtle);box-shadow:var(--sh-sm), var(--sh-inset);transition:all var(--t-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-mod:hover .sidebar-icon{border-color:var(--c-border-strong);transform:scale(1.05)}.sidebar-mod.active .sidebar-icon{background:var(--grad-gold);box-shadow:var(--sh-glow-gold), var(--sh-inset);border-color:#ffffff59}.sidebar-mod-name{font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--c-text-primary);line-height:var(--lh-tight)}.sidebar-mod-desc{font-size:var(--fs-xs);color:var(--c-text-muted);line-height:var(--lh-normal);margin-top:2px}.notif-container{top:90px;right:var(--sp-4);z-index:var(--z-notif);gap:var(--sp-2);pointer-events:none;flex-direction:column;max-width:320px;display:flex;position:absolute}.notif-item{background:var(--c-bg-glass-strong);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(140%);border:1px solid var(--c-border-soft);border-left:3px solid var(--c-blue-bright);color:var(--c-text-primary);border-radius:var(--r-md);font-size:var(--fs-base);font-weight:var(--fw-medium);align-items:center;gap:var(--sp-2);animation:notifIn var(--t-spring) ease, notifOut var(--t-slow) ease 4s forwards;box-shadow:var(--sh-panel);font-family:var(--font-sans);letter-spacing:var(--ls-normal);padding:12px 18px;display:flex}.notif-icon{font-size:var(--fs-lg);filter:drop-shadow(0 0 6px)}@keyframes notifIn{0%{opacity:0;transform:translate(60px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes notifOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.hint{font-size:var(--fs-sm);color:var(--c-text-faint);pointer-events:none;z-index:var(--z-hud);font-family:var(--font-sans);letter-spacing:var(--ls-wide);text-transform:uppercase;font-weight:var(--fw-medium);-webkit-backdrop-filter:blur(var(--blur-sm));border-radius:var(--r-pill);border:1px solid var(--c-border-subtle);background:#0000004d;padding:6px 14px;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.sidebar::-webkit-scrollbar{width:6px}.hud::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.hud::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:var(--r-pill)}.hud::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:var(--r-pill)}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--c-text-muted)}.hud::-webkit-scrollbar-thumb:hover{background:var(--c-text-muted)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#1e4a12;width:100%;height:100%;overflow:hidden}