@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#151a20;--bg2:#1a2026;--panel:#222a30;--panel2:#2b343b;--edge:#ffffff14;--ink:#f5f0e4;--muted:#a6aaa5;--lime:#d7f078;--amber:#e9b45f;--rust:#dc8060;--blue:#82a9c1;--green:#8bbb70;--danger:#d67767;--safe:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#34414a 0%,#1b2229 48%,var(--bg) 100%);color:var(--ink);font-family:Manrope,system-ui,sans-serif;min-height:100vh;min-height:100dvh}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.app{max-width:640px;margin:auto;min-height:100vh;min-height:100dvh;padding:0 0 calc(82px + var(--safe));position:relative}.topbar{height:66px;position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:#151a20e8;border-bottom:1px solid #ffffff10;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:9px;border:0;background:none;text-align:left;font:700 10px/1.02 'Barlow Condensed',sans-serif;letter-spacing:.16em;color:#ddd6c6}.brand b{font-size:15px;color:var(--ink);letter-spacing:.08em}.brand-icon{width:32px;height:32px;display:grid;place-items:center;transform:rotate(45deg);border:1px solid var(--lime);color:var(--lime);font:700 10px 'DM Mono',monospace}.top-resources{display:flex;align-items:center;gap:8px}.resource{font:500 11px 'DM Mono',monospace;border:1px solid #ffffff14;background:#222a30;border-radius:20px;padding:7px 10px}.money{color:var(--lime)}.year{color:var(--amber)}.lang,.save-dot{border:1px solid #ffffff14;background:#222a30;border-radius:20px;padding:7px 9px;font:10px 'DM Mono',monospace}.save-dot{color:var(--lime)}.screen{padding:14px 14px 22px;animation:in .18s ease;overflow-x:hidden}@keyframes in{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:none}}.eyebrow{font:10px 'DM Mono',monospace;color:var(--lime);letter-spacing:.16em;text-transform:uppercase}.screen-title{display:flex;justify-content:space-between;align-items:end;margin:6px 2px 12px}.screen-title h1{font:700 30px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.025em;margin:4px 0 0}.screen-title p{font-size:11px;color:var(--muted);margin:5px 0 0}.icon-btn{border:1px solid var(--edge);background:var(--panel);border-radius:9px;padding:9px 11px;font-size:12px}.garage-scene{height:330px;position:relative;overflow:hidden;border-radius:19px;border:1px solid #ffffff20;background:linear-gradient(180deg,#647178 0%,#38444a 45%,#252c30 100%);box-shadow:0 18px 40px #0006}.garage-art{position:absolute;inset:0;width:100%;height:100%}.garage-shade{position:absolute;inset:0;background:linear-gradient(180deg,#10171c44 0%,transparent 38%,#11161de0 100%)}.scene-top{position:absolute;left:15px;right:15px;top:14px;display:flex;align-items:start;justify-content:space-between}.scene-brand{font:600 11px 'DM Mono',monospace;color:#f4e8ca;letter-spacing:.09em}.era-pill{background:#151a20d9;border:1px solid #ffffff2a;color:var(--amber);padding:6px 9px;border-radius:20px;font:10px 'DM Mono',monospace}.scene-car{position:absolute;left:6%;right:4%;bottom:37px;width:90%;height:184px;filter:drop-shadow(0 12px 8px #0006)}.scene-car svg{display:block;width:100%;height:100%}.scene-bottom{position:absolute;left:15px;right:15px;bottom:13px;display:flex;align-items:end;justify-content:space-between}.scene-bottom b{display:block;font:700 21px 'Barlow Condensed',sans-serif;text-transform:uppercase}.scene-bottom span{font-size:10px;color:#dad3c4}.scene-car-name{font:10px 'DM Mono',monospace!important;color:var(--lime)!important}.stat-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px}.stat-tile{border:1px solid var(--edge);background:linear-gradient(140deg,#283138,#1c2329);border-radius:13px;padding:11px 10px;min-width:0}.stat-tile .s-label{font:9px 'DM Mono',monospace;letter-spacing:.08em;color:var(--muted);display:block;white-space:nowrap}.stat-tile strong{font:700 21px 'Barlow Condensed',sans-serif;display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-tile small{font-size:9px;color:var(--green)}.section-head{display:flex;align-items:center;justify-content:space-between;margin:20px 2px 9px}.section-head h2{font:700 19px 'Barlow Condensed',sans-serif;letter-spacing:.06em;text-transform:uppercase;margin:0}.section-head button{border:0;background:none;color:var(--lime);font-size:10px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0}.quick{min-width:0;min-height:81px;border:1px solid var(--edge);border-radius:14px;background:linear-gradient(150deg,#303a40,#21282e);text-align:left;padding:10px;transition:transform .14s,border-color .14s}.quick:active,.action-card:active{transform:scale(.98)}.quick .q-icon{font-size:21px;display:block;margin-bottom:8px}.quick b{font:600 11px 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.05em}.event-card{display:flex;gap:10px;align-items:center;border:1px solid #e7b86334;background:linear-gradient(100deg,#654c2b44,#242b30);padding:12px;border-radius:13px;margin-top:9px}.event-icon{width:35px;height:35px;flex:0 0 35px;border-radius:11px;background:#e9b45f1c;display:grid;place-items:center;font-size:17px}.event-card b{font-size:11px}.event-card p{font-size:10px;color:#c4c1b7;margin:3px 0 0;line-height:1.4}.panel{border:1px solid var(--edge);background:linear-gradient(150deg,#283138,#1d242a);border-radius:16px;padding:14px;margin:10px 0}.action-card{display:flex;gap:12px;align-items:center;width:100%;border:1px solid var(--edge);background:linear-gradient(145deg,#2c363d,#21282e);text-align:left;border-radius:15px;padding:13px;margin:8px 0}.action-card .a-icon{width:47px;height:47px;border-radius:14px;flex:0 0 47px;display:grid;place-items:center;background:#d7f07818;font-size:23px}.action-card b{font:700 16px 'Barlow Condensed',sans-serif;text-transform:uppercase;display:block}.action-card small{display:block;color:var(--muted);font-size:10px;line-height:1.4;margin-top:3px}.action-card .arrow{margin-left:auto;font-size:19px;color:var(--lime)}.primary,.secondary,.danger-btn{border:0;border-radius:12px;padding:13px 15px;font-weight:800;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.primary{background:linear-gradient(180deg,#e3f891,#c7e466);color:#182018;box-shadow:0 5px 18px #a3cb4b22}.secondary{background:#343e45;border:1px solid #ffffff17}.danger-btn{background:#5e302b;color:#ffe2d7}.full{width:100%}.row-buttons{display:flex;gap:8px}.row-buttons>*{flex:1}.field{display:flex;flex-direction:column;gap:6px;margin:10px 0}.field label{font-size:10px;color:var(--muted)}.field input,.field select{width:100%;border:1px solid var(--edge);border-radius:10px;padding:12px;background:#141a1f;color:var(--ink);font-size:12px}.segmented{display:flex;gap:6px}.segmented button{flex:1;border:1px solid var(--edge);border-radius:9px;background:#171d22;color:var(--muted);padding:9px 6px;font-size:10px}.segmented button.active{color:#1b2416;background:var(--lime);border-color:var(--lime);font-weight:800}.car-stage{height:220px;position:relative;border:1px solid var(--edge);border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#5b696e 0%,#303b41 45%,#20272d 100%);margin:10px 0}.car-stage:before{content:"";position:absolute;left:0;right:0;bottom:31px;height:1px;background:#f0e5c51a}.car-stage svg{width:100%;height:100%}.swatches{display:flex;gap:10px}.swatch{width:29px;height:29px;border:2px solid #1118;border-radius:50%;box-shadow:0 0 0 1px #fff2}.swatch.active{box-shadow:0 0 0 2px var(--lime)}.range-row{display:flex;justify-content:space-between;font:10px 'DM Mono',monospace;color:var(--muted)}input[type=range]{accent-color:var(--lime);width:100%}.meter{height:6px;border-radius:8px;background:#1118;overflow:hidden;margin-top:6px}.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--amber),var(--lime));border-radius:inherit}.data-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff10;padding:10px 0;font-size:11px}.data-row:last-child{border-bottom:0}.data-row span{color:var(--muted)}.data-row b{font:500 12px 'DM Mono',monospace}.tag{font:9px 'DM Mono',monospace;border-radius:15px;padding:5px 8px;background:#fff1;color:var(--lime)}.tech-card{position:relative;border:1px solid var(--edge);background:linear-gradient(145deg,#2c353b,#1c2328);padding:13px;border-radius:14px;margin:9px 0;display:flex;gap:12px;align-items:center}.tech-icon{width:43px;height:43px;border-radius:13px;background:#d7f07815;display:grid;place-items:center;font-size:22px;flex:0 0 43px}.tech-card h3{font:700 15px 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0}.tech-card p{font-size:10px;line-height:1.4;color:var(--muted);margin:3px 0}.tech-card button{margin-left:auto;white-space:nowrap;padding:9px 11px;font-size:9px}.tech-card.done{border-color:#c4e36b55}.tech-card.done .tech-icon{background:#b3dc541f}.ledger{font:10px 'DM Mono',monospace}.ledger-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ffffff10}.ledger-item:last-child{border:0}.plus{color:var(--green)}.minus{color:var(--rust)}.rival{display:flex;align-items:center;gap:11px}.rival-badge{width:43px;height:43px;border:1px solid #ffffff22;border-radius:12px;background:#343e43;display:grid;place-items:center;font:700 14px 'Barlow Condensed',sans-serif;color:var(--amber)}.rival-info{flex:1}.rival-info b{display:block;font-size:12px}.rival-info small{font-size:10px;color:var(--muted)}.news-item{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #ffffff12}.news-item:last-child{border:0}.news-date{font:9px 'DM Mono',monospace;color:var(--amber)}.news-item b{font-size:11px}.news-item p{font-size:10px;color:var(--muted);line-height:1.5;margin:4px 0 0}.bottom-nav{position:fixed;z-index:9;left:50%;bottom:0;transform:translateX(-50%);width:min(640px,100%);display:grid;grid-template-columns:repeat(5,1fr);padding:7px 6px calc(7px + var(--safe));background:#12171cf4;border-top:1px solid #ffffff13;backdrop-filter:blur(20px)}.nav-item{border:0;background:none;color:#969b99;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 0;font:9px 'DM Mono',monospace}.nav-item .nav-icon{font-size:19px;line-height:1}.nav-item.active{color:var(--lime)}.nav-item.active .nav-icon{filter:drop-shadow(0 0 8px #d7f07877)}.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;z-index:20;display:flex;align-items:end;justify-content:center;background:#05090bcc;backdrop-filter:blur(4px)}.drawer{width:min(640px,100%);max-height:85dvh;overflow:auto;padding:18px 16px calc(22px + var(--safe));background:#1c2329;border:1px solid #ffffff1c;border-radius:22px 22px 0 0;box-shadow:0 -15px 55px #0008}.drawer-handle{width:38px;height:4px;background:#657078;border-radius:9px;margin:0 auto 15px}.drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drawer-link{border:1px solid var(--edge);border-radius:12px;background:#293238;text-align:left;padding:12px;font-size:11px}.drawer-link b{display:block;margin-top:5px}.drawer-link span{font-size:20px}.modal-backdrop{align-items:center;padding:14px}.modal{width:min(440px,100%);max-height:90dvh;overflow:auto;border:1px solid #ffffff22;border-radius:19px;background:#1d252b;padding:19px;box-shadow:0 20px 60px #000a}.modal h2{font:700 25px 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0 0 6px}.modal p{font-size:11px;line-height:1.6;color:var(--muted)}.modal .field{margin:12px 0}.toast{position:fixed;z-index:30;bottom:calc(80px + var(--safe));left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;transition:.2s;background:var(--lime);color:#172016;padding:10px 15px;border-radius:12px;font-size:11px;font-weight:800;white-space:nowrap;box-shadow:0 6px 24px #0007}.toast.show{opacity:1;transform:translate(-50%,0)}.empty{text-align:center;padding:25px;color:var(--muted);font-size:11px}.badge-count{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:20px;background:var(--rust);color:#171a1d;font:700 9px 'DM Mono',monospace;margin-left:5px}
@media(min-width:641px){.app{border-left:1px solid #ffffff08;border-right:1px solid #ffffff08;box-shadow:0 0 90px #0004}.screen{padding:18px 20px 28px}.garage-scene{height:360px}.car-stage{height:270px}}
@media(max-width:365px){.topbar{padding:0 11px}.screen{padding-left:10px;padding-right:10px}.quick-grid{gap:5px}.quick{padding:8px;min-height:74px}.stat-tile{padding:9px 7px}.stat-tile strong{font-size:18px}.scene-bottom b{font-size:18px}}

.designer-kicker{display:flex;justify-content:space-between;align-items:center;margin:0 2px 7px;color:var(--lime);font:9px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.designer-stage{height:clamp(190px,58vw,270px);margin:7px 0 10px}.designer-stage>div:first-child,.designer-stage svg{width:100%;height:100%}.view-switch{position:absolute;left:7px;right:7px;bottom:7px;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.view-switch button{flex:0 0 auto;min-width:48px;padding:7px 9px;border:1px solid #ffffff28;border-radius:8px;background:#151a20d9;color:var(--ink);font-size:9px}.view-switch button.active{color:#1b2416;background:var(--lime);border-color:var(--lime);font-weight:800}.designer-ident{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.8fr);gap:9px;align-items:end}.designer-ident .field{margin:3px 0}.designer-ident input[type=range]{padding:0;height:19px}.designer-price{display:block;text-align:right;color:var(--lime);font:11px 'DM Mono',monospace}.designer-tabs{display:flex;gap:6px;margin:10px 0 8px;padding:3px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--edge)}.designer-tab{flex:1 0 60px;min-width:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 4px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:9px}.designer-tab i{font-style:normal;font-size:17px}.designer-tab.active{color:var(--lime);border-color:var(--lime)}.designer-panel{padding:12px;background:linear-gradient(145deg,#263036,#1c2328);border:1px solid var(--edge);border-radius:14px}.designer-panel h3{margin:0 0 9px;font:700 17px 'Barlow Condensed',sans-serif}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.option-card{min-height:54px;display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--edge);border-radius:10px;background:#161d21;color:var(--ink);text-align:left}.option-card i{font-style:normal;font-size:20px;color:var(--amber)}.option-card b{font-size:11px}.option-card small{display:block;margin-left:auto;color:var(--amber);font-size:8px;text-align:right;max-width:76px}.option-card.active{border-color:var(--lime);background:#d7f07816;box-shadow:inset 0 0 0 1px #d7f07833}.option-card:disabled,.designer-panel button:disabled{opacity:.45;cursor:not-allowed}.helper-copy{padding:8px 10px;border-left:2px solid var(--amber);color:var(--muted);font-size:10px;line-height:1.5}.compat-warning,.compat-good{margin:9px 0;padding:9px 11px;border-radius:10px;font-size:10px;line-height:1.5}.compat-warning{border:1px solid #e9b45f55;background:#e9b45f12;color:var(--amber)}.compat-good{border:1px solid #8bbb7040;background:#8bbb7010;color:var(--green)}.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:9px 0}.spec-tile{min-height:54px;padding:9px 10px;border:1px solid var(--edge);border-radius:10px;background:linear-gradient(145deg,#252e33,#1a2024)}.spec-tile small{display:block;margin-bottom:4px;color:var(--muted);font-size:9px}.spec-tile b{font:600 14px 'DM Mono',monospace;color:var(--ink)}.designer-save{margin:4px 0 14px}.color-picker{position:relative;width:30px;height:30px;overflow:hidden;border:1px solid var(--edge);border-radius:50%;background:var(--panel2)}.color-picker input{position:absolute;inset:-8px;width:46px;height:46px;padding:0;border:0}.designer-panel input[type=range]{padding:0;height:22px}.designer-panel .field{margin:11px 0}.designer-panel .segmented{overflow-x:auto}.designer-panel .segmented button{min-width:70px;min-height:38px}
@media(max-width:380px){.designer-ident{grid-template-columns:1fr}.designer-ident .field:nth-child(2){display:grid;grid-template-columns:1fr auto;align-items:center}.designer-ident .field:nth-child(2) label{grid-column:1/-1}.designer-ident .field:nth-child(2) input{grid-column:1}.designer-ident .field:nth-child(2) b{grid-column:2;grid-row:2}}