:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1c1916;--bg-deep:#070807;--bg-raised:#1c1916;--bg-soft:#26211c;--surface:#201c18;--surface-strong:#26211c;--border:#4a3a2a;--border-soft:#4a3a2a57;--border-strong:#6b563b;--text:#f3ebdd;--muted:#ddcfb8;--subtle:#c7bba7;--gold:#d1aa63;--gold-soft:#e6c884;--green:#8fe3a2;--orange:#ffbc7a;--red:#ffd7dd;--shadow-card:0 14px 34px #00000042;--shadow-soft:0 8px 22px #0000002e;--shell-grid-line:#d1aa630b;--shell-grid-strong:#d1aa6312;--shell-glow:#d1aa6321;--shell-panel-bg:#26211c70;--sidebar-brand-bg:linear-gradient(135deg, #d1aa6329, #26211cc2), #26211c94;--sidebar-brand-border:#d1aa6352;--stat-pill-bg:#26211c94;--app-shell-bg:linear-gradient(180deg, #201c18fa, #0c0a09fc 280px), linear-gradient(135deg, #d1aa6317, transparent 42%), var(--bg-deep);--header-bg:linear-gradient(180deg, #201c18fa, #1c1916f7), #1c1916;--header-border:#4a3a2ad1;--sidebar-bg:var(--header-bg);--sidebar-border:var(--header-border);--bottom-nav-bg:linear-gradient(180deg, #26211cfa, #1c1916fc), #1c1916;--bottom-nav-border:#4a3a2ae0;--nav-active-bg:linear-gradient(180deg, #d1aa6329, #26211cfa), #26211c;--nav-hover-bg:#4a3a2a57;--card-bg:linear-gradient(180deg, #222620eb, #131613fa), var(--bg-raised);--disabled-card-bg:linear-gradient(180deg, #482b1c3d, #1c1916eb), var(--bg-raised);--compact-card-bg:linear-gradient(180deg, #4a3a2a42, #1c1916f0), var(--bg-raised);--compact-card-border:var(--border);--compact-card-text:var(--text);--compact-card-muted:var(--subtle);--compact-card-note-bg:#0000002e;--compact-card-note-border:var(--border-soft);--accent-card-bg:linear-gradient(180deg, #d1aa631a, #201c18f0), var(--bg-raised);--button-primary-bg:var(--gold);--button-primary-text:#120e08;--button-secondary-bg:linear-gradient(180deg, #2b2f27f5, #1c1f1bf5);--button-secondary-hover-bg:#2c3027;--mini-button-bg:#191c18d1;--input-bg:#14110fc7;--input-text:var(--text);--input-placeholder:#d7d0bd9e;--row-bg:#1c1916c2;--badge-bg:#d9aa4021;--badge-text:var(--gold-soft);--focus-ring:var(--gold-soft);--success-bg:#3d7a4a29;--warning-bg:#482b1c6b;--upgrade-panel-bg:linear-gradient(180deg, #d1aa6317, #201c18f0), var(--bg-raised);--upgrade-panel-border:#d1aa634d;--upgrade-panel-muted:var(--muted);--upgrade-panel-info-bg:var(--row-bg);--upgrade-panel-info-border:var(--border-soft);--upgrade-panel-unavailable-bg:var(--disabled-card-bg);--upgrade-panel-unaffordable-bg:var(--warning-bg);--recipe-block-bg:#0a0b0a59;--recipe-block-border:#625b4657;--recipe-divider:#625b4642;--recipe-row-divider:#625b4638;--market-opportunity-card-bg:linear-gradient(180deg, #1f473029, #131613fa), var(--bg-raised);--market-opportunity-card-border:#8fe3a252;--market-opportunity-card-border-strong:#8fe3a26b;--market-opportunity-detail-bg:#1b422b1f;--market-opportunity-detail-border:#8fe3a233;--market-divider:#625b4647;--toast-bg:#1c1916f7;--toast-border:#d1aa636b;--toast-text:#f3ebdd;--toast-success-text:#d7ffe0;--toast-error-text:#ffd7dd;--toast-info-text:#f3ebdd;--toast-warning-text:#ffe0bf;--toast-success-border:#8fe3a273;--toast-error-border:#ff82906b;--toast-info-border:#d1aa636b;--toast-warning-border:#ffbc7a80;--toast-button-bg:#ffffff0d;--toast-button-hover-bg:#ffffff1f;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=grafiit]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#15181c;--bg-deep:#080a0d;--bg-raised:#1b2025;--bg-soft:#252b31;--surface:#1f242a;--surface-strong:#2b3138;--border:#3f4852;--border-soft:#5c667257;--border-strong:#5d6773;--text:#f2f4f6;--muted:#d1d6dc;--subtle:#aeb6bf;--gold:#b9c0c8;--gold-soft:#e0e4e8;--green:#83d6a0;--orange:#e4b173;--red:#ffc7d0;--shadow-card:0 14px 34px #00000047;--shadow-soft:0 8px 22px #0003;--shell-grid-line:#b9c0c80a;--shell-grid-strong:#b9c0c811;--shell-glow:#b9c0c81c;--shell-panel-bg:#252b3170;--sidebar-brand-bg:linear-gradient(135deg, #b9c0c824, #252b31c7), #252b3194;--sidebar-brand-border:#b9c0c847;--stat-pill-bg:#252b3199;--app-shell-bg:linear-gradient(180deg, #1e2328fa, #0a0c0ffc 280px), linear-gradient(135deg, #b9c0c814, transparent 42%), var(--bg-deep);--header-bg:linear-gradient(180deg, #1f242afa, #14171bf7), #15181c;--header-border:#5d6773b8;--bottom-nav-bg:linear-gradient(180deg, #262c33fa, #121519fc), #15181c;--bottom-nav-border:#5d6773c7;--nav-active-bg:linear-gradient(180deg, #b9c0c824, #2b3138fa), #252b31;--nav-hover-bg:#5d677347;--card-bg:linear-gradient(180deg, #23292ff0, #13171bfa), var(--bg-raised);--accent-card-bg:linear-gradient(180deg, #b9c0c81a, #1f242af0), var(--bg-raised);--button-primary-bg:#d4d9de;--button-primary-text:#101316;--button-secondary-bg:linear-gradient(180deg, #2b3138f5, #1c2025f5);--button-secondary-hover-bg:#343b43;--mini-button-bg:#1f242adb;--input-bg:#121519d1;--input-placeholder:#d1d6dc94;--row-bg:#1f242ab8;--badge-bg:#b9c0c821;--badge-text:#e0e4e8;--focus-ring:#e0e4e8;--warning-bg:#52372361;--upgrade-panel-bg:linear-gradient(180deg, #b9c0c814, #1f242af0), var(--bg-raised);--upgrade-panel-border:#b9c0c847;--upgrade-panel-muted:var(--muted);--upgrade-panel-info-bg:var(--row-bg);--upgrade-panel-info-border:var(--border-soft);--upgrade-panel-unavailable-bg:var(--disabled-card-bg);--upgrade-panel-unaffordable-bg:var(--warning-bg);--recipe-block-bg:#0c0f1261;--recipe-block-border:#5d677357;--recipe-divider:#5d677340;--recipe-row-divider:#5d677338;--toast-bg:#14171bf7;--toast-border:#b9c0c870;--toast-text:#f2f4f6;--toast-info-text:#f2f4f6;--toast-info-border:#b9c0c870}:root[data-theme=metsaoo]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111913;--bg-deep:#070b08;--bg-raised:#172119;--bg-soft:#243225;--surface:#1a251c;--surface-strong:#28372a;--border:#405039;--border-soft:#54694657;--border-strong:#687a4c;--text:#f1eddf;--muted:#d9d4c2;--subtle:#b9b89f;--gold:#c39a55;--gold-soft:#e3c77f;--green:#95e0a2;--orange:#e9b36e;--red:#ffd0d7;--shell-grid-line:#c39a550a;--shell-grid-strong:#c39a5512;--shell-glow:#c39a551f;--shell-panel-bg:#24322570;--sidebar-brand-bg:linear-gradient(135deg, #c39a5529, #243225c7), #24322594;--sidebar-brand-border:#c39a554d;--stat-pill-bg:#24322599;--app-shell-bg:linear-gradient(180deg, #1c271dfa, #070b08fc 280px), linear-gradient(135deg, #c39a551a, transparent 42%), var(--bg-deep);--header-bg:linear-gradient(180deg, #1e2b1ffa, #111913f7), #111913;--header-border:#546946d1;--bottom-nav-bg:linear-gradient(180deg, #233124fa, #111913fc), #111913;--bottom-nav-border:#546946d1;--nav-active-bg:linear-gradient(180deg, #c39a5529, #243225fa), #243225;--nav-hover-bg:#54694652;--card-bg:linear-gradient(180deg, #1f2d21f0, #111912fa), var(--bg-raised);--accent-card-bg:linear-gradient(180deg, #c39a551a, #172119f0), var(--bg-raised);--button-primary-bg:#c39a55;--button-primary-text:#100d08;--button-secondary-bg:linear-gradient(180deg, #2c3a28f5, #1a241bf5);--button-secondary-hover-bg:#31432f;--mini-button-bg:#1a251cdb;--input-bg:#0c110dd1;--input-placeholder:#d9d4c294;--row-bg:#18231abd;--badge-bg:#c39a5521;--badge-text:#e3c77f;--focus-ring:#e3c77f;--warning-bg:#533a1c66;--upgrade-panel-bg:linear-gradient(180deg, #c39a5517, #172119f0), var(--bg-raised);--upgrade-panel-border:#c39a554d;--upgrade-panel-muted:var(--muted);--upgrade-panel-info-bg:var(--row-bg);--upgrade-panel-info-border:var(--border-soft);--upgrade-panel-unavailable-bg:var(--disabled-card-bg);--upgrade-panel-unaffordable-bg:var(--warning-bg);--recipe-block-bg:#080c0961;--recipe-block-border:#54694657;--recipe-divider:#54694640;--recipe-row-divider:#54694638;--toast-bg:#111913f7;--toast-border:#c39a5570;--toast-text:#f1eddf;--toast-info-text:#f1eddf;--toast-info-border:#c39a5570}:root[data-theme=hele-liiv]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4ead8;--bg-deep:#e6d4b7;--bg-raised:#fff8eb;--bg-soft:#efe0c4;--surface:#fff4df;--surface-strong:#fffaf0;--border:#d2b886;--border-soft:#9b773e47;--border-strong:#a47f43;--text:#2f2417;--muted:#5f4d37;--subtle:#7d6a50;--gold:#a46f26;--gold-soft:#704b19;--green:#286b3d;--orange:#9a541d;--red:#992d3d;--shadow-card:0 12px 28px #573f1c21;--shadow-soft:0 8px 18px #573f1c1a;--shell-grid-line:#6e4a1509;--shell-grid-strong:#6e4a150e;--shell-glow:#a46f261f;--shell-panel-bg:#fff8eb80;--sidebar-brand-bg:linear-gradient(135deg, #a46f261f, #fff8ebc7), #fff8ebb8;--sidebar-brand-border:#a47f434d;--stat-pill-bg:#fff8ebb8;--app-shell-bg:linear-gradient(180deg, #fcf1ddfa, #e8d5b8f5 280px), linear-gradient(135deg, #a46f2614, transparent 42%), var(--bg);--header-bg:linear-gradient(180deg, #fff8ebfa, #f4ead8f7), #fff8eb;--header-border:#a47f4370;--bottom-nav-bg:linear-gradient(180deg, #fff8ebfa, #efe0c4fc), #fff8eb;--bottom-nav-border:#a47f4375;--nav-active-bg:linear-gradient(180deg, #a46f2626, #fffaf0fa), #fffaf0;--nav-hover-bg:#a47f4324;--card-bg:linear-gradient(180deg, #fffaf0f5, #fff6e6fa), var(--bg-raised);--disabled-card-bg:linear-gradient(180deg, #fff4e0f5, #f2e0c2e6), var(--bg-raised);--compact-card-bg:linear-gradient(180deg, #fffaf0f5, #f6e7ccf0), var(--bg-raised);--compact-card-border:#a47f436b;--compact-card-text:#2f2417;--compact-card-muted:#5f4d37;--compact-card-note-bg:#fffdf794;--compact-card-note-border:#a47f4333;--accent-card-bg:linear-gradient(180deg, #a46f261a, #fff8ebf5), var(--bg-raised);--button-primary-bg:#805116;--button-primary-text:#fffaf0;--button-secondary-bg:linear-gradient(180deg, #fffaf0f5, #efe0c4f5);--button-secondary-hover-bg:#f3dfbd;--mini-button-bg:#fff8ebdb;--input-bg:#fffdf7e6;--input-text:#2f2417;--input-placeholder:#5f4d3794;--row-bg:#fff8ebb8;--badge-bg:#a46f261f;--badge-text:#704b19;--focus-ring:#704b19;--success-bg:#286b3d1f;--warning-bg:#d99a552e;--upgrade-panel-bg:linear-gradient(180deg, #fffdf7f5, #f6e7ccf0), var(--bg-raised);--upgrade-panel-border:#a47f4357;--upgrade-panel-muted:#5f4d37;--upgrade-panel-info-bg:#fffdf7a3;--upgrade-panel-info-border:#a47f4338;--upgrade-panel-unavailable-bg:linear-gradient(180deg, #fffaf0f5, #f5e9d3eb), var(--bg-raised);--upgrade-panel-unaffordable-bg:#d99a5529;--recipe-block-bg:#fffdf7b8;--recipe-block-border:#a47f433d;--recipe-divider:#a47f4338;--recipe-row-divider:#a47f432e;--market-opportunity-card-bg:linear-gradient(180deg, #fffdf7fa, #f6ebd8f5), var(--bg-raised);--market-opportunity-card-border:#286b3d42;--market-opportunity-card-border-strong:#286b3d57;--market-opportunity-detail-bg:#286b3d12;--market-opportunity-detail-border:#286b3d2e;--market-divider:#a47f4338;--toast-bg:#2f2417f7;--toast-border:#d1aa638f;--toast-text:#fff8eb;--toast-success-text:#eaffef;--toast-error-text:#ffe6ec;--toast-info-text:#fff8eb;--toast-warning-text:#fff1d9;--toast-success-border:#89cc7099;--toast-error-border:#dd647499;--toast-info-border:#d1aa638f;--toast-warning-border:#d99a55a6;--toast-button-bg:#ffffff14;--toast-button-hover-bg:#ffffff2e}:root[data-theme=puhas-hele]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f8;--bg-deep:#e6e9ed;--bg-raised:#fff;--bg-soft:#edf0f2;--surface:#fff;--surface-strong:#f9fafb;--border:#d0d6dc;--border-soft:#48525c33;--border-strong:#9da8b3;--text:#1f252b;--muted:#4d5864;--subtle:#6b7784;--gold:#5f6b5d;--gold-soft:#384536;--green:#227447;--orange:#9a5a22;--red:#9a2738;--shadow-card:0 12px 26px #18232d1a;--shadow-soft:0 8px 18px #18232d14;--shell-grid-line:#48525c08;--shell-grid-strong:#48525c0d;--shell-glow:#5f6b5d1a;--shell-panel-bg:#ffffff8f;--sidebar-brand-bg:linear-gradient(135deg, #5f6b5d1a, #fffc), #ffffffbd;--sidebar-brand-border:#9da8b357;--stat-pill-bg:#ffffffc2;--app-shell-bg:linear-gradient(180deg, #fffffffa, #eef1f4f7 280px), linear-gradient(135deg, #5f6b5d12, transparent 42%), var(--bg);--header-bg:linear-gradient(180deg, #fffffffa, #f6f7f8f7), #fff;--header-border:#9da8b380;--bottom-nav-bg:linear-gradient(180deg, #fffffffa, #edf0f2fc), #fff;--bottom-nav-border:#9da8b385;--nav-active-bg:linear-gradient(180deg, #5f6b5d24, #fffffffa), #fff;--nav-hover-bg:#5f6b5d1a;--card-bg:linear-gradient(180deg, #fffffffa, #fafbfcfa), var(--bg-raised);--disabled-card-bg:linear-gradient(180deg, #f9fafbfa, #ebeef1f0), var(--bg-raised);--compact-card-bg:linear-gradient(180deg, #fffffffa, #f0f3f4f0), var(--bg-raised);--compact-card-border:#9da8b380;--compact-card-text:#1f252b;--compact-card-muted:#4d5864;--compact-card-note-bg:#ffffffa8;--compact-card-note-border:#9da8b338;--accent-card-bg:linear-gradient(180deg, #5f6b5d14, #fffffff5), var(--bg-raised);--button-primary-bg:#4f5d4c;--button-primary-text:#fff;--button-secondary-bg:linear-gradient(180deg, #fffffff5, #edf0f2f5);--button-secondary-hover-bg:#e6edf1;--mini-button-bg:#ffffffe0;--input-bg:#fffffff2;--input-text:#1f252b;--input-placeholder:#4d586494;--row-bg:#ffffffbd;--badge-bg:#5f6b5d1c;--badge-text:#384536;--focus-ring:#384536;--success-bg:#2274471f;--warning-bg:#d4995b29;--upgrade-panel-bg:linear-gradient(180deg, #fffffffa, #f0f3f4f0), var(--bg-raised);--upgrade-panel-border:#9da8b36b;--upgrade-panel-muted:#4d5864;--upgrade-panel-info-bg:#ffffffb8;--upgrade-panel-info-border:#9da8b33d;--upgrade-panel-unavailable-bg:linear-gradient(180deg, #fffffffa, #eef1f3f0), var(--bg-raised);--upgrade-panel-unaffordable-bg:#d4995b24;--recipe-block-bg:#ffffffd1;--recipe-block-border:#9da8b357;--recipe-divider:#9da8b33d;--recipe-row-divider:#9da8b333;--market-opportunity-card-bg:linear-gradient(180deg, #fffffffc, #f3f6f8f5), var(--bg-raised);--market-opportunity-card-border:#2274473d;--market-opportunity-card-border-strong:#22744752;--market-opportunity-detail-bg:#22744712;--market-opportunity-detail-border:#2274472e;--market-divider:#9da8b33d;--toast-bg:#1f252bf7;--toast-border:#9da8b38f;--toast-text:#fff;--toast-success-text:#e8fff0;--toast-error-text:#ffe7ec;--toast-info-text:#f3f8ff;--toast-warning-text:#fff1df;--toast-success-border:#58b5759e;--toast-error-border:#d95f719e;--toast-info-border:#9da8b38f;--toast-warning-border:#d4995bad;--toast-button-bg:#ffffff14;--toast-button-hover-bg:#ffffff2e}*{box-sizing:border-box}body{background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}code{color:var(--gold-soft)}.app-shell{isolation:isolate;background:var(--app-shell-bg);min-height:100vh;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;position:relative}.app-shell:before{z-index:-1;content:"";pointer-events:none;background-image:radial-gradient(circle at 18% 6%, var(--shell-glow), transparent 28rem), linear-gradient(var(--shell-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--shell-grid-line) 1px, transparent 1px), linear-gradient(var(--shell-grid-strong) 1px, transparent 1px), linear-gradient(90deg, var(--shell-grid-strong) 1px, transparent 1px);opacity:.82;background-position:top;background-size:auto,40px 40px,40px 40px,160px 160px,160px 160px;position:fixed;inset:0}:root[data-theme=hele-liiv] .app-shell,:root[data-theme=puhas-hele] .app-shell{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.hero,.auth-card,.screen{width:min(100%,760px);margin:0 auto;padding:26px 18px}.hero,.auth-card{flex-direction:column;justify-content:center;gap:14px;min-height:100vh;display:flex}.hero h1,.auth-card h1,.screen-header h1{letter-spacing:0;margin:0;font-size:42px;line-height:1.05}.screen-header h1{font-size:30px}.hero h1,.auth-card h1{max-width:11ch}.auth-card>p,.screen-header>p{margin:0}.hero-copy,.auth-card p,.screen-header p,.panel p,.helper-text{color:var(--muted);line-height:1.5}.hero-copy{max-width:460px;font-size:19px}.eyebrow{color:#d7b765;letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:700}.hero-kicker,.hero-snapshot,.chip-row,.status-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hero-kicker span,.hero-snapshot span{color:#f2d68f;background:#d9aa401a;border:1px solid #d9aa4059;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.hero-snapshot{margin:4px 0 6px}.hero-actions,.button-row{flex-wrap:wrap;gap:10px;display:flex}.button-row>button{flex:140px}.primary-button,.secondary-button,.text-button,.mini-button{border:1px solid #0000;border-radius:8px;min-height:44px;padding:11px 14px;font-weight:700;transition:transform .12s,border-color .12s,background .12s,box-shadow .12s}.primary-button{background:var(--button-primary-bg);color:var(--button-primary-text);border-color:#ffe6a657;box-shadow:0 10px 22px #d9aa402e}.secondary-button{background:var(--button-secondary-bg);color:var(--text);border:1px solid var(--border-strong)}.text-button,.mini-button{color:var(--gold-soft);background:0 0;padding-inline:6px}.mini-button{border:1px solid var(--border-strong);background:var(--mini-button-bg);min-height:36px;padding-inline:10px}.primary-button:active,.secondary-button:active,.mini-button:active{transform:translateY(1px)}@media (hover:hover){.primary-button:hover:not(:disabled){background:var(--gold-soft);box-shadow:0 12px 26px #d9aa4038}.secondary-button:hover:not(:disabled),.mini-button:hover:not(:disabled){background:var(--button-secondary-hover-bg);border-color:#f0c45c7a}.text-button:hover:not(:disabled){color:var(--gold-soft)}}.primary-button:focus-visible,.secondary-button:focus-visible,.text-button:focus-visible,.mini-button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.full{width:100%}.stack{gap:14px;display:grid}.field{color:var(--text);gap:7px;font-size:14px;font-weight:700;display:grid}.field-label{color:var(--text);font-size:14px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--border-strong);background:var(--input-bg);width:100%;min-height:46px;color:var(--input-text);border-radius:8px;padding:10px 12px;font-size:16px}.field input::placeholder,.field textarea::placeholder{color:var(--input-placeholder)}.field small,.metric-card small{color:var(--subtle);font-size:12px;line-height:1.35}.field.compact{margin-top:8px}.quantity-field{min-width:0}.quantity-control-cluster{gap:7px;display:grid}.quantity-stepper{border:1px solid var(--border-strong);background:var(--input-bg);border-radius:8px;grid-template-columns:38px minmax(0,1fr) 38px;align-items:stretch;display:grid;overflow:hidden}.quantity-stepper input{border:0;border-inline:1px solid var(--border);background:var(--input-bg);min-height:42px;color:var(--input-text);text-align:center;border-radius:0;padding:9px 8px}.quantity-step-button{background:var(--button-secondary-bg);min-height:42px;color:var(--gold-soft);border:0;font-size:20px;font-weight:900}.quantity-step-button:disabled{opacity:.35}.quantity-step-control{color:var(--subtle);flex-wrap:wrap;align-items:center;gap:4px;font-size:11px;font-weight:800;display:flex}.quantity-step-control button{border:1px solid var(--border);background:var(--mini-button-bg);min-width:32px;min-height:32px;color:var(--muted);border-radius:999px;padding:4px 9px;font-size:11px;font-weight:850}.quantity-step-control button.active{border-color:var(--gold);background:var(--badge-bg);color:var(--gold-soft)}.inline-form{grid-template-columns:1fr auto;align-items:end;gap:10px;margin-top:16px;display:grid}.turnstile-panel,.turnstile-local-panel{border:1px solid var(--border);background:var(--row-bg);border-radius:8px;gap:10px;padding:12px;display:grid}.turnstile-widget{min-height:65px;overflow:hidden}.turnstile-state,.turnstile-note,.form-error{margin:0;font-size:14px;line-height:1.4}.turnstile-state,.form-error{color:var(--orange)}.turnstile-state.complete{color:var(--green)}.turnstile-note{color:var(--muted)}.game-layout{min-height:100vh;padding-bottom:96px}.desktop-sidebar{display:none}.desktop-sidebar-brand{border:1px solid var(--sidebar-brand-border);background:var(--sidebar-brand-bg);width:100%;color:var(--text);text-align:left;box-shadow:var(--shadow-soft);border-radius:8px;align-items:center;gap:10px;padding:11px 10px;transition:background .12s,border-color .12s,transform .12s;display:flex}.sidebar-mark,.brand-mark{border:1px solid var(--sidebar-brand-border);background:linear-gradient(135deg, var(--badge-bg), transparent), var(--row-bg);color:var(--gold-soft);letter-spacing:0;flex:none;place-items:center;font-size:12px;font-weight:900;display:inline-grid}.sidebar-mark{border-radius:8px;width:34px;height:34px}.sidebar-brand-copy,.brand-copy{gap:2px;min-width:0;display:grid}.sidebar-brand-copy strong,.brand-copy strong{color:var(--text);line-height:1.1}.sidebar-brand-copy small{color:var(--muted);font-size:12px;font-weight:750}.desktop-sidebar-heading{color:var(--subtle);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:850}.desktop-nav{gap:8px;display:grid}.desktop-nav button{width:100%;min-height:46px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;padding:8px 38px 8px 9px;font-weight:780;transition:background .12s,border-color .12s,color .12s,box-shadow .12s;display:grid;position:relative}.desktop-nav button:before{content:"";background:0 0;border-radius:999px;width:3px;transition:background .12s,box-shadow .12s;position:absolute;top:9px;bottom:9px;left:-1px}.desktop-nav button.active{border-color:var(--border-strong);background:var(--nav-active-bg);color:var(--gold-soft);box-shadow:inset 0 0 0 1px var(--border-soft), 0 10px 22px #00000021}.desktop-nav button.active:before{background:var(--gold);box-shadow:0 0 16px var(--badge-bg)}.nav-icon{display:none}.desktop-nav .nav-icon{border:1px solid var(--border-soft);background:var(--row-bg);width:30px;height:30px;color:var(--subtle);border-radius:8px;place-items:center;font-size:15px;font-weight:900;line-height:1;display:inline-grid}.desktop-nav button.active .nav-icon{border-color:var(--sidebar-brand-border);background:var(--badge-bg);color:var(--gold-soft)}.desktop-nav .nav-label{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.top-bar{z-index:5;background:var(--header-bg);border-bottom:1px solid var(--header-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 10px 26px #0000002e}.top-brand-button{min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;margin:-5px -7px;padding:5px 7px;transition:background .12s,border-color .12s,box-shadow .12s;display:flex}.brand-mark{border-radius:8px;width:32px;height:32px}.top-brand-button strong{line-height:1.1}.brand-copy>span{text-overflow:ellipsis;white-space:nowrap;max-width:34vw;overflow:hidden}.top-bar span{color:var(--muted);font-size:13px}.top-stats{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.top-stat-pill{border:1px solid var(--border-soft);background:var(--stat-pill-bg);border-radius:8px;align-content:center;gap:1px;min-width:72px;min-height:42px;padding:6px 9px;display:grid}.top-stat-pill strong{color:var(--gold-soft);font-size:16px;line-height:1.05}.top-stat-pill span{color:var(--subtle);text-transform:uppercase;font-size:11px;font-weight:800}.top-actions{grid-auto-flow:column;gap:6px!important;display:flex!important}@media (hover:hover){.top-brand-button:hover{border-color:var(--gold);background:var(--badge-bg)}}.top-brand-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-color:var(--gold)}.loading-line{width:min(100% - 32px,720px);color:var(--gold-soft);margin:12px auto 0}.with-nav{padding-bottom:112px}.screen-header{border-bottom:1px solid var(--border-soft);gap:7px;margin-bottom:18px;padding-bottom:14px;display:grid}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.metric-card,.panel,.item-card,.job-card,.choice-card,.storage-strip{border:1px solid var(--border);background:var(--card-bg);box-shadow:var(--shadow-card);border-radius:8px}.metric-card{gap:7px;min-height:112px;padding:14px;display:grid}.metric-card span,.item-card p,.job-card p,.choice-card small,.compact-row span{color:var(--subtle)}.metric-card strong{color:var(--text);font-size:22px}.metric-card.warning,.metric-card.full{border-color:#ffbc7a73}.panel,.item-card,.job-card,.choice-card{padding:15px}.panel{margin-bottom:14px}.accent-panel{background:var(--accent-card-bg);border-color:#6b5425}.warning-panel{background:var(--warning-bg);border-color:#ffbc7a73}.security-preview-panel,.news-campaign-panel{background:var(--accent-card-bg);border-color:#d1aa6361}.security-event-list{gap:8px;margin-top:12px;display:grid}.security-event-list span{background:var(--row-bg);color:var(--muted);border:1px solid #4a3a2a8f;border-radius:8px;padding:9px 10px;line-height:1.35}.upgrade-panel{border-color:var(--upgrade-panel-border);background:var(--upgrade-panel-bg);color:var(--text)}.upgrade-panel.unavailable{background:var(--upgrade-panel-unavailable-bg)}.upgrade-panel.unaffordable{border-color:var(--orange);background:var(--upgrade-panel-unaffordable-bg)}.upgrade-panel p{color:var(--upgrade-panel-muted)}.upgrade-info-text,.upgrade-reason{border:1px solid var(--upgrade-panel-info-border);background:var(--upgrade-panel-info-bg);border-radius:8px;padding:9px 10px}.upgrade-info-text{margin:0}.upgrade-reason{margin:8px 0 10px;font-size:13px;font-weight:820;color:var(--orange)!important}.panel h2,.item-card h2,.job-card h3{letter-spacing:0;margin:0 0 8px;font-size:18px;line-height:1.2}.panel-heading,.item-card-header,.job-card,.compact-row,.storage-strip>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading{padding-bottom:8px}.panel-heading:not(:last-child){border-bottom:1px solid #4a3a2a57}.production-queue-heading>div:first-child,.production-queue-actions{min-width:0}.production-queue-heading>div:first-child{gap:3px;display:grid}.production-queue-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.production-bulk-claim-button{border-color:var(--gold);white-space:nowrap;min-height:36px;padding-inline:12px;box-shadow:0 10px 22px #00000024,inset 0 0 0 1px #ffffff1f}.production-bulk-claim-button:not(:disabled){transform:translateZ(0)}@media (hover:hover){.production-bulk-claim-button:hover:not(:disabled){border-color:var(--gold-soft)}}.panel-heading+p,.panel-heading+.status-row,.panel-heading+.opportunity-list,.panel-heading+.mission-list,.panel-heading+.contract-list,.panel-heading+.card-grid,.panel-heading+.button-row{margin-top:12px}.panel-heading>*,.item-card-header>*,.job-card>*,.compact-row>*{min-width:0}.card-grid{gap:12px;display:grid}.status-row span{color:var(--muted)}.choice-card{width:100%;color:var(--text);text-align:left;gap:8px;display:grid}.choice-card.selected{border-color:var(--gold);background:var(--nav-active-bg);box-shadow:0 0 0 1px #d9aa401f, var(--shadow-card)}.theme-picker{gap:10px;margin-top:12px;display:grid}.theme-option{border:1px solid var(--border);background:var(--card-bg);width:100%;min-height:64px;color:var(--text);text-align:left;box-shadow:var(--shadow-soft);border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;display:grid}.theme-option.selected{border-color:var(--gold);background:var(--nav-active-bg);box-shadow:0 0 0 1px #d9aa4029, var(--shadow-soft)}.theme-option:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.theme-option-copy{gap:3px;min-width:0;display:grid}.theme-option-copy small{color:var(--subtle);line-height:1.35}.theme-swatches{align-items:center;gap:4px;display:flex}.theme-swatches span{border:1px solid var(--border-strong);width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--border-soft);border-radius:999px}.theme-selected-label{min-width:54px;color:var(--gold-soft);text-align:right;font-size:12px;font-weight:850}.choice-card-top,.job-title-row,.market-meta,.market-total,.reward-line{justify-content:space-between;align-items:center;gap:10px;display:flex}.compact-row{border-top:1px solid var(--border);min-height:38px;padding:9px 0}.compact-row:first-of-type{border-top:0}.plain-list{color:var(--muted);margin:8px 0 0;padding-left:18px}.positive{color:var(--green)}.negative,.warning{color:var(--orange)}.status-chip{border:1px solid var(--border-strong);min-height:24px;color:var(--muted);text-align:center;vertical-align:middle;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:3px 8px;font-size:12px;font-weight:800;line-height:1.2;display:inline-flex}.status-chip.success{border-color:var(--green);color:var(--green);background:var(--success-bg)}.status-chip.neutral{border-color:var(--border);background:var(--row-bg)}.status-chip.info{color:var(--badge-text);background:var(--badge-bg);border-color:#d1aa6380}.status-chip.gold{border-color:var(--gold);color:var(--gold-soft);background:var(--badge-bg)}.status-chip.warning{border-color:var(--orange);color:var(--orange);background:var(--warning-bg)}.empty-state{color:var(--subtle);margin:10px 0;font-style:italic}.empty-panel{background:var(--row-bg);border-style:dashed}.storage-strip{gap:10px;margin-bottom:14px;padding:14px;display:grid}.storage-strip.warning,.storage-strip.full{border-color:var(--orange)}.recommended-card{border:1px solid var(--border-strong);background:var(--accent-card-bg);border-radius:8px;gap:14px;margin-bottom:14px;padding:17px;display:grid;box-shadow:0 16px 38px #0000003d}.recommended-card h2,.company-profile h2{margin:0 0 8px;font-size:22px}.recommended-card p{margin:0}.recommended-card.success{border-color:var(--green)}.recommended-card.warning{border-color:var(--orange)}.command-card{border-color:#d9aa405c}.mission-panel,.guide-panel{gap:12px;display:grid}.mission-list,.opportunity-list,.step-list{gap:10px;display:grid}.mission-completed-list{border-top:1px solid #4a3a2a61;padding-top:10px}.mission-toggle{margin-top:2px}.mission-row,.opportunity-row{background:var(--row-bg);border:1px solid #4a3a2a94;border-radius:8px;min-width:0}.mission-row{border-left-width:4px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.mission-row.completed{background:#1f473038;border-color:#8fe3a261}.mission-row.locked{opacity:.74;border-left-color:#bfc7cf4d}.mission-row.available{border-left-color:#d9aa40b8}.mission-row p,.mission-row small,.opportunity-row small{color:var(--subtle);margin:5px 0 0;line-height:1.35}.mission-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.mission-title-row>*{min-width:0}.step-list{color:var(--muted);margin:0;padding-left:20px;line-height:1.45}.opportunity-row{width:100%;min-height:58px;color:var(--text);text-align:left;box-shadow:var(--shadow-soft);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.opportunity-row.success{border-color:#8fe3a261}.opportunity-row.warning{border-color:#ffbc7a73}.opportunity-row.gold{border-color:#d9aa406b}.opportunity-row>span{gap:3px;min-width:0;display:grid}.market-card,.product-card,.production-job-card,.contract-card{padding-left:17px;position:relative;overflow:hidden}.market-card{flex-direction:column;gap:12px;display:flex}.market-card:before,.product-card:before,.production-job-card:before,.contract-card:before{content:"";background:var(--gold);width:4px;position:absolute;inset:0 auto 0 0}.market-card.product:before{background:#9f8b5b}.market-card.sell-opportunity{border-color:var(--market-opportunity-card-border);background:var(--market-opportunity-card-bg)}.market-card.sell-opportunity:before{background:var(--green)}.market-card.top-sell-card{border-color:var(--market-opportunity-card-border-strong)}.product-card.blocked{background:var(--disabled-card-bg)}.market-section{gap:12px;margin-top:14px;display:grid}.market-section-heading{justify-content:space-between;align-items:end;gap:12px;display:flex}.market-section-heading h2,.market-section-heading p{margin:0}.market-section-heading h2{font-size:18px}.market-section-heading p{color:var(--subtle);font-size:13px;line-height:1.4}.market-signal-row{color:var(--subtle);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;font-weight:760;display:flex}.market-signal-row>span{min-width:0}.market-opportunity-badge{background:var(--badge-bg);color:var(--badge-text);border-radius:6px;padding:4px 7px;font-weight:850;line-height:1}.market-opportunity-badge.strong{color:var(--green);background:#8fe3a21f}.market-opportunity-details{border:1px solid var(--market-opportunity-detail-border);background:var(--market-opportunity-detail-bg);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;padding:7px 8px;display:grid}.market-opportunity-details span{gap:2px;min-width:0;display:grid}.market-opportunity-details small{color:var(--subtle);font-size:11px;font-weight:760}.market-opportunity-details strong{color:var(--text);overflow-wrap:anywhere;font-size:13px}.product-card.contract-needed{border-color:var(--gold);background:var(--accent-card-bg)}.product-card.contract-needed:before{background:var(--gold)}.product-card.contract-ready{border-color:var(--green)}.product-card.focus-pulse{box-shadow:0 0 0 1px var(--gold), 0 18px 46px #00000047}.product-task-card{border-color:var(--border);background:var(--card-bg);box-shadow:var(--shadow-card), inset 0 1px 0 var(--border-soft);gap:12px;display:grid}.production-card-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.production-card-heading h2{margin-bottom:4px}.production-card-meta{color:var(--subtle);margin:0;font-size:13px;font-weight:700}.production-state-stack{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:6px;display:flex}.production-task-tag{background:var(--warning-bg);color:var(--orange);white-space:nowrap;border-radius:6px;padding:6px 8px;font-size:12px;font-weight:850;line-height:1}.production-task-tag.ready{background:var(--success-bg);color:var(--green)}.production-task-tag.contract{background:var(--badge-bg);color:var(--gold-soft)}.production-task-tag.contract.ready{background:var(--success-bg)}.market-card.volatility-high:before,.product-card.blocked:before{background:var(--orange)}.market-card.volatility-low:before,.product-card.can-start:before,.production-job-card.ready:before,.contract-card.success:before{background:var(--green)}.contract-card.warning:before{background:var(--orange)}.contract-card.info:before{background:var(--gold)}.contracts-home-card,.contracts-command-panel{border-color:#d9aa405c}.contract-list{gap:12px;display:grid}.contract-card{border:1px solid var(--border);background:var(--card-bg);border-radius:8px;gap:12px;padding:14px 14px 14px 17px;display:grid}.contract-card.contract-opportunity{border-color:var(--gold);background:var(--accent-card-bg)}.contract-card h3{margin:0 0 6px;font-size:18px;line-height:1.2}.contract-card p{color:var(--muted);margin:0}.contract-card-top,.contract-footer{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.contract-card-top>*,.contract-footer>*{min-width:0}.contract-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.contract-meta-grid span{border:1px solid var(--border);background:var(--row-bg);border-radius:8px;gap:3px;min-width:0;padding:9px;display:grid}.contract-meta-grid small,.contract-footer span{color:var(--subtle);font-size:12px;font-weight:700}.contract-meta-grid strong,.contract-footer strong{color:var(--text);overflow-wrap:anywhere}.contract-preview-note{border-top:1px solid var(--border);padding-top:10px}.contract-section-helper{margin:-4px 0 2px}.contract-section-title{gap:4px;min-width:0;display:grid}.contract-section-title h2{margin:0}.contract-section-controls{justify-content:flex-end;align-items:center;gap:8px;display:flex}.contract-readiness{border:1px solid var(--border);background:var(--row-bg);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.contract-readiness.ready{border-color:var(--green);background:var(--success-bg)}.contract-readiness.missing{border-color:var(--orange);background:var(--warning-bg)}.contract-readiness.production-ready,.contract-readiness.production-running{border-color:var(--gold);background:var(--badge-bg)}.contract-readiness>div{gap:3px;min-width:0;display:grid}.contract-readiness small,.contract-missing-note{color:var(--subtle);line-height:1.35}.contract-demand-panel{background:#d9aa400f;border:1px solid #d9aa4038;border-radius:8px;gap:10px;padding:10px;display:grid}.contract-demand-panel.ready{background:#1f473029;border-color:#8fe3a257}.contract-demand-header,.contract-demand-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.contract-demand-header>div{gap:3px;min-width:0;display:grid}.contract-demand-header small,.contract-demand-grid small{color:var(--subtle);font-size:12px;font-weight:700}.contract-demand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.contract-demand-grid span{gap:3px;min-width:0;padding-block:4px;display:grid}.contract-demand-grid strong{overflow-wrap:anywhere}.contract-demand-panel p{margin:0}.contract-demand-footer p{color:var(--muted);font-weight:700}.contract-action-row{justify-content:flex-end;display:flex}.contract-action-row .primary-button{max-width:220px}.contract-card.compact{border-left-width:3px;border-color:var(--compact-card-border);background:var(--compact-card-bg);color:var(--compact-card-text);gap:8px;padding:11px 12px}.contract-compact-main{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.contract-compact-copy{gap:7px;min-width:0;display:grid}.contract-compact-title{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.contract-compact-title h3{color:var(--compact-card-text);margin:0;font-size:16px}.contract-compact-meta{color:var(--compact-card-muted);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;display:flex}.contract-compact-meta span,.contract-compact-meta strong{overflow-wrap:anywhere;min-width:0}.contract-compact-meta strong{color:var(--compact-card-text)}.contract-compact-note{border:1px solid var(--compact-card-note-border);background:var(--compact-card-note-bg);width:fit-content;max-width:100%;color:var(--compact-card-muted);border-radius:6px;padding:5px 7px;font-size:13px;line-height:1.35}.contract-compact-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.compact-detail-button{white-space:nowrap;min-height:38px;padding:8px 11px}.price-stack{text-align:right;justify-items:end;gap:3px;min-width:96px;display:grid}.price-stack span,.market-total span,.inventory-row span{color:var(--subtle);font-size:12px;font-weight:700}.market-meta,.market-total{border-top:1px solid var(--market-divider);color:var(--subtle);padding-top:10px;font-size:13px}.market-card .field.compact{margin-top:0}.market-card .button-row{margin-top:auto}.market-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.inventory-inline,.field-label-row,.recipe-resource-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inventory-inline{justify-content:flex-end}.compact-action{min-height:30px;padding:5px 8px;font-size:12px}.recipe-line{color:var(--muted);font-weight:700}.production-recipe-block{border:1px solid var(--recipe-block-border);background:var(--recipe-block-bg);border-radius:8px;gap:8px;padding:10px;display:grid}.production-section-title{color:var(--subtle);text-transform:uppercase;letter-spacing:.02em;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.production-section-title strong{color:var(--text);text-transform:none;letter-spacing:0}.recipe-list{border-top:1px solid var(--recipe-divider);border-bottom:1px solid var(--recipe-divider);gap:0;margin:0;padding:0;list-style:none;display:grid}.recipe-list li,.inventory-row{border-top:1px solid var(--recipe-row-divider);justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding-block:8px;display:flex}.recipe-list li:first-child,.inventory-row:first-of-type{border-top:0}.recipe-list li.ready strong,.recipe-list li.missing strong{color:var(--text)}.recipe-resource-main{gap:3px;min-width:0;display:grid}.recipe-resource-main small{color:var(--subtle);line-height:1.3}.recipe-resource-actions{flex:none;justify-content:flex-end}.recipe-state{color:var(--subtle);white-space:nowrap;font-size:12px;font-weight:850}.recipe-state.ready{color:var(--green)}.recipe-state.missing{color:var(--orange)}.production-shortage-summary{border-left:3px solid var(--orange);background:var(--warning-bg);color:var(--orange);border-radius:6px;margin:1px 0 0;padding:7px 9px;font-size:13px;font-weight:760}.production-action-panel{border:1px solid var(--border);background:var(--row-bg);border-radius:8px;grid-template-columns:minmax(96px,.42fr) minmax(0,1fr);align-items:end;gap:8px;padding:10px;display:grid}.production-quantity-field{margin:0}.production-cost-row{border-bottom:1px solid var(--border);color:var(--subtle);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;font-size:13px;display:flex}.production-cost-row strong{color:var(--text);overflow-wrap:anywhere}.production-cost-row small{color:var(--subtle);flex:100%;line-height:1.3}.production-cost-row.unavailable strong{color:var(--orange)}.production-cost-row.ready strong{color:var(--green)}.production-main-action{min-height:48px;font-weight:850}.production-main-action.needs-inputs{background:var(--button-primary-bg);color:var(--button-primary-text);border-color:var(--gold);box-shadow:0 12px 24px #c4844133}.production-main-action.unaffordable{background:var(--button-secondary-bg);color:var(--muted);border-color:var(--border-strong);box-shadow:none}.production-affordance-note{color:var(--orange);grid-column:1/-1;margin:-2px 0 0;font-size:12px;font-weight:820}.inventory-row div{gap:3px;display:grid}.job-main,.timer-block{gap:8px;min-width:0;display:grid}.progress-track{border:1px solid var(--border);background:var(--input-bg);border-radius:999px;height:10px;overflow:hidden}.progress-track span{background:var(--gold);height:100%;transition:width .18s;display:block}.progress-track.success span,.progress-track.normal span{background:var(--green)}.progress-track.warning span,.progress-track.full span{background:var(--orange)}.progress-track.empty span,.progress-track.neutral span{background:var(--border-strong)}.status-banner{top:calc(12px + env(safe-area-inset-top));z-index:20;border:1px solid var(--toast-border);background:var(--toast-bg);width:min(100% - 24px,560px);color:var(--toast-text);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 42px #00000057}.status-banner.error{border-color:var(--toast-error-border);color:var(--toast-error-text)}.status-banner.success{border-color:var(--toast-success-border);color:var(--toast-success-text)}.status-banner.info{border-color:var(--toast-info-border);color:var(--toast-info-text)}.status-banner.warning{border-color:var(--toast-warning-border);color:var(--toast-warning-text)}.status-banner-marker{width:32px;height:32px;color:var(--gold-soft);background:#d9aa4029;border-radius:999px;flex:none;place-items:center;font-size:12px;font-weight:900;display:grid}.status-banner.success .status-banner-marker{color:var(--toast-success-text);background:#8fe3a229}.status-banner.error .status-banner-marker{color:var(--toast-error-text);background:#ff829029}.status-banner.warning .status-banner-marker{color:var(--toast-warning-text);background:#ffbc7a2e}.status-banner-copy{flex:1;gap:2px;min-width:0;display:grid}.status-banner-copy strong{letter-spacing:0;text-transform:uppercase;font-size:11px}.status-banner-copy span{overflow-wrap:anywhere;color:inherit;font-size:14px;line-height:1.35}.status-banner button{background:var(--toast-button-bg);min-height:34px;color:inherit;border:1px solid;border-radius:8px;flex:none;padding:6px 9px;font-weight:700}.status-banner button:focus-visible{outline-offset:2px;outline:2px solid}@media (hover:hover){.status-banner:hover{border-color:#f0c45c8a}.status-banner button:hover{background:var(--toast-button-hover-bg)}}.bottom-nav{z-index:8;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--bottom-nav-bg);border-top:1px solid var(--bottom-nav-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:repeat(6,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -14px 30px #0000003d}.bottom-nav button{min-height:56px;color:var(--subtle);background:0 0;border:1px solid #0000;border-radius:8px;font-size:11px;font-weight:700;transition:background .12s,border-color .12s,color .12s;position:relative}.nav-label{display:inline-block}.nav-indicator{background:var(--gold);min-width:9px;height:9px;color:var(--bg);text-align:center;border:1px solid #1c1916e6;border-radius:999px;font-size:9px;font-weight:900;line-height:13px;position:absolute;top:6px;right:9px}.nav-indicator.ready{background:var(--green);min-width:16px;height:16px}.nav-indicator.running{background:var(--orange)}.bottom-nav button.nav-ready{color:var(--green);border-color:#8fe3a23d}.bottom-nav button.nav-running{border-color:#d1aa633d}.bottom-nav button.active{background:var(--nav-active-bg);color:var(--gold-soft);box-shadow:inset 0 0 0 1px #d9aa4040}@media (hover:hover){.bottom-nav button:hover:not(.active){background:var(--nav-hover-bg);color:var(--text);border-color:#d1aa6357}}@media (width>=720px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=768px){.hero,.auth-card,.screen{width:min(100% - 48px,1040px);padding:30px 24px}.screen-header{margin-bottom:22px}.with-nav{padding-bottom:112px}.panel,.item-card,.job-card,.choice-card{padding:17px}.card-grid,.contract-list{gap:14px}}@media (width>=1200px){.game-layout{grid-template-rows:auto 1fr;grid-template-columns:232px minmax(0,1fr);min-height:100vh;padding-bottom:0;display:grid}.desktop-sidebar{background:linear-gradient(180deg, var(--shell-panel-bg), transparent 34%), var(--sidebar-bg);border-right:1px solid var(--sidebar-border);flex-direction:column;grid-area:1/1/3;align-self:start;gap:16px;min-height:100vh;padding:18px 14px 22px;display:flex;position:sticky;top:0;box-shadow:16px 0 30px #00000029}.desktop-sidebar:after{content:"";background:linear-gradient(180deg, transparent, var(--gold), transparent);opacity:.34;width:1px;position:absolute;top:18px;bottom:18px;right:-1px}.desktop-sidebar-brand:hover{border-color:var(--gold);transform:translateY(-1px)}.desktop-sidebar-brand:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.desktop-nav button:hover:not(.active){border-color:var(--border);background:var(--nav-hover-bg);color:var(--text)}.desktop-nav .nav-indicator{top:50%;right:14px;transform:translateY(-50%)}.top-bar{grid-column:2;min-height:76px;padding:14px 32px}.top-brand-button{min-width:260px}.brand-copy>span{max-width:420px}.top-stats{gap:14px}.top-actions{margin-left:4px}.loading-line,.screen{grid-column:2;width:min(100% - 64px,1280px)}.loading-line{margin-inline:auto}.screen{margin-inline:auto;padding:32px 0 48px;position:relative}.screen:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, var(--border-soft), transparent);height:1px;position:absolute;top:16px;left:-18px;right:-18px}.with-nav{padding-bottom:48px}.bottom-nav{display:none}.screen-header{grid-template-columns:minmax(0,1fr) auto;align-items:end}.summary-grid{gap:14px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px}.contract-list{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.theme-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.production-action-panel{grid-template-columns:minmax(104px,.38fr) minmax(0,1fr)}.status-banner{width:min(420px,100vw - 296px);left:auto;right:32px;transform:none}}@media (width>=1440px){.game-layout{grid-template-columns:248px minmax(0,1fr)}.loading-line,.screen{width:min(100% - 80px,1320px)}.card-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (width<=430px){.inline-form{grid-template-columns:1fr}.hero h1,.auth-card h1{font-size:36px}.top-stats{max-width:150px}.top-bar{flex-wrap:wrap}.top-actions{order:3;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid!important}.top-actions .mini-button{min-height:34px}.item-card-header,.production-card-heading,.job-card,.market-total,.contract-card-top,.contract-footer,.choice-card-top,.panel-heading{align-items:flex-start}.item-card-header,.production-card-heading,.job-card,.contract-card-top,.contract-footer,.production-queue-heading,.contract-section-controls,.contract-readiness{flex-direction:column}.production-queue-actions,.production-bulk-claim-button{width:100%}.production-queue-actions{align-items:stretch}.contract-section-controls{align-items:stretch;width:100%}.production-state-stack{justify-content:flex-start}.contract-compact-main{grid-template-columns:1fr}.contract-compact-title{flex-direction:column}.contract-compact-actions{justify-content:stretch}.compact-detail-button{width:100%}.contract-demand-header,.contract-demand-footer{flex-direction:column;align-items:stretch}.contract-demand-grid{grid-template-columns:1fr}.contract-readiness{align-items:stretch}.contract-action-row .primary-button,.contract-action-row .secondary-button{max-width:none}.theme-option{grid-template-columns:minmax(0,1fr) auto}.theme-selected-label{text-align:left;grid-column:1/-1}.mission-row,.opportunity-row,.recipe-list li{grid-template-columns:1fr;align-items:stretch}.opportunity-row,.recipe-list li{flex-direction:column}.inventory-inline,.recipe-resource-actions{justify-content:flex-start}.production-action-panel,.market-opportunity-details{grid-template-columns:1fr}.quantity-stepper{grid-template-columns:42px minmax(0,1fr) 42px}.price-stack{text-align:left;justify-items:start;min-width:0}.status-banner{align-items:flex-start;gap:10px;padding:10px}.status-banner-marker{width:28px;height:28px}.status-banner button{min-height:32px;padding-inline:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}