:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07111f;--bg-deep:#040b14;--bg-raised:#0e1d30;--bg-soft:#10243a;--surface:#102238;--surface-strong:#142b45;--border:#20364f;--border-soft:#637c993d;--border-strong:#38516e;--text:#f6efd9;--muted:#d7d0bd;--subtle:#bfc7cf;--gold:#d9aa40;--gold-soft:#f0c45c;--green:#8fe3a2;--orange:#ffbc7a;--red:#ffd7dd;--shadow-card:0 14px 34px #00000042;--shadow-soft:0 8px 22px #0000002e;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{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}code{color:var(--gold-soft)}.app-shell{background:linear-gradient(180deg, #11253bf5, #07111ffa 260px), linear-gradient(135deg, #d9aa400f, transparent 38%), var(--bg-deep);min-height:100vh}.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(--gold);color:var(--bg);border-color:#ffe6a657;box-shadow:0 10px 22px #d9aa402e}.secondary-button{color:var(--text);border:1px solid var(--border-strong);background:linear-gradient(#182d46f5,#102238f5)}.text-button,.mini-button{color:var(--gold-soft);background:0 0;padding-inline:6px}.mini-button{border:1px solid var(--border-strong);background:#0f2034b3;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:#1a314e;border-color:#f0c45c7a}.text-button:hover:not(:disabled){color:#ffe29a}}.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(--gold-soft);outline-offset:2px}.full{width:100%}.stack{gap:14px;display:grid}.field{color:#e8dec2;gap:7px;font-size:14px;font-weight:700;display:grid}.field-label{color:#e8dec2;font-size:14px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--border-strong);width:100%;min-height:46px;color:var(--text);background:#060f1bb8;border-radius:8px;padding:10px 12px;font-size:16px}.field input::placeholder,.field textarea::placeholder{color:#d7d0bd9e}.field small,.metric-card small{color:var(--subtle);font-size:12px;line-height:1.35}.field.compact{margin-top:8px}.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:#0b192a;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:#ffbc7a}.turnstile-state.complete{color:#a8efb7}.turnstile-note{color:#d7d0bd}.game-layout{min-height:100vh;padding-bottom:96px}.top-bar{z-index:5;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060f1bf5;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-bar div{gap:2px;display:grid}.top-bar span{color:var(--muted);font-size:13px}.top-stats{justify-items:end}.top-stats strong{color:var(--gold-soft);font-size:16px}.top-actions{grid-auto-flow:column;gap:6px!important;display:flex!important}.loading-line{color:#d7b765;width:min(100% - 32px,720px);margin:12px auto 0}.with-nav{padding-bottom:112px}.screen-header{border-bottom:1px solid #38516e73;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:linear-gradient(180deg, #142b45eb, #0c1b2dfa), var(--bg-raised);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:linear-gradient(180deg, #d9aa4017, #0e1d30f0), var(--bg-raised);border-color:#6b5425}.warning-panel{background:#482b1c6b;border-color:#ffbc7a73}.upgrade-panel{background:linear-gradient(180deg, #2c476766, #0e1d30f5), var(--bg-raised)}.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 #38516e47}.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);box-shadow:0 0 0 1px #d9aa401f, var(--shadow-card);background:linear-gradient(#d9aa401f,#162842fa),#162842}.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{color:#a8efb7;background:#3d7a4a29;border-color:#3d7a4a}.status-chip.neutral{background:#38516e29}.status-chip.info{color:#a7d6f5;background:#4b789c29;border-color:#4b789c}.status-chip.gold{border-color:var(--gold);color:var(--gold-soft);background:#d9aa4029}.status-chip.warning{color:var(--orange);background:#9b6b322e;border-color:#9b6b32}.empty-state{color:var(--subtle);margin:10px 0;font-style:italic}.empty-panel{background:#10243a85;border-style:dashed}.storage-strip{gap:10px;margin-bottom:14px;padding:14px;display:grid}.storage-strip.warning,.storage-strip.full{border-color:#ffbc7a73}.recommended-card{background:linear-gradient(135deg, #d9aa402e, #122c44f2), var(--bg-raised);border:1px solid #d9aa406b;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:#8fe3a273}.recommended-card.warning{border-color:#ffbc7a85}.command-card{border-color:#d9aa405c}.mission-panel,.guide-panel{gap:12px;display:grid}.mission-list,.opportunity-list,.step-list{gap:10px;display:grid}.mission-row,.opportunity-row{background:#0c1b2da8;border:1px solid #38516e8a;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: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:#6da9d2}.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:#6da9d2}.contracts-home-card,.contracts-command-panel{border-color:#d9aa405c}.contract-list{gap:12px;display:grid}.contract-card{background:linear-gradient(180deg, #142b45c7, #0a1727f2), var(--bg-raised);border:1px solid #38516e8a;border-radius:8px;gap:12px;padding:14px 14px 14px 17px;display:grid}.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{background:#07111f57;border:1px solid #38516e5c;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 #38516e57;padding-top:10px}.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{color:var(--subtle);border-top:1px solid #38516e6b;padding-top:10px;font-size:13px}.recipe-line{color:var(--muted);font-weight:700}.recipe-list{gap:7px;margin:10px 0;padding:0;list-style:none;display:grid}.recipe-list li,.inventory-row{border-top:1px solid #38516e61;justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding-block:7px;display:flex}.recipe-list li:first-child,.inventory-row:first-of-type{border-top:0}.recipe-list li.ready strong{color:var(--green)}.recipe-list li.missing strong{color:var(--orange)}.inventory-row div{gap:3px;display:grid}.job-main,.timer-block{gap:8px;min-width:0;display:grid}.progress-track{background:#07111fb8;border:1px solid #637c992e;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;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#162b43fa,#0a1727fa),#0e1d30fa;border:1px solid #d9aa4033;border-radius:8px;align-items:center;gap:12px;width:min(100% - 24px,560px);padding:12px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 42px #00000057}.status-banner.error{color:#ffd7dd;border-color:#ff82906b}.status-banner.success{color:#d7ffe0;border-color:#8fe3a273}.status-banner.info{color:#d9e8ff;border-color:#83b7ff6b}.status-banner.warning{color:#ffe0bf;border-color:#ffbc7a80}.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(--green);background:#8fe3a229}.status-banner.error .status-banner-marker{color:#ff9ca8;background:#ff829029}.status-banner.warning .status-banner-marker{color:var(--orange);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{min-height:34px;color:inherit;background:#ffffff0a;border:1px solid;border-radius:8px;flex:none;padding:6px 9px;font-weight:700}.bottom-nav{z-index:8;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#0e1d30fa,#040b14fc),#07111ffa;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}.bottom-nav button.active{color:var(--gold-soft);background:linear-gradient(#d9aa401f,#17283ffa),#17283f;box-shadow:inset 0 0 0 1px #d9aa4040}@media (hover:hover){.bottom-nav button:hover:not(.active){color:var(--text);background:#17283fb8;border-color:#38516e80}}@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<=430px){.inline-form{grid-template-columns:1fr}.hero h1,.auth-card h1{font-size:36px}.top-stats{max-width:150px}.top-actions{display:none!important}.item-card-header,.job-card,.market-total,.contract-card-top,.contract-footer,.choice-card-top,.panel-heading{align-items:flex-start}.item-card-header,.job-card,.contract-card-top,.contract-footer{flex-direction:column}.mission-row,.opportunity-row{grid-template-columns:1fr;align-items:stretch}.opportunity-row{flex-direction:column}.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}}
