:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f0e9;font-synthesis:none;--surface:#15181b;--surface-2:#1b1f22;--line:#34383b;--muted:#9b9d9b;--red:#d84232;--red-deep:#8f241c;--gold:#e3b454;--cyan:#55c6ca;--orange:#e57b3f;background:#0b0d0f;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:1100px;height:100%;min-height:700px;margin:0}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}body{background:radial-gradient(circle at 70% 20%,#25201c,#0b0d0f 45%);overflow:hidden}.app{grid-template-columns:84px 1fr;height:100vh;min-height:100%;display:grid}.app main{position:relative;overflow:auto}.app.focus-mode{grid-template-columns:1fr}.app.focus-mode .rail,.app.focus-mode .topbar,.app.focus-mode .lower-grid,.app.focus-mode .car-caption,.app.focus-mode .checkin-panel{display:none}.app.focus-mode main{overflow:hidden}.app.focus-mode .garage-page,.app.focus-mode .hero{width:100%;height:100vh;min-height:100vh}.app.focus-mode .hero{border:0}.rail{z-index:10;background:#0d0f11;border-right:1px solid #24272a;flex-direction:column;align-items:center;padding:24px 10px;display:flex}.brand-mark{cursor:pointer;filter:drop-shadow(4px 4px #521913);background:0 0;border:0;width:48px;height:48px;padding:0}.brand-mark img{width:100%;height:100%;display:block}.rail nav{flex-direction:column;gap:10px;width:100%;margin-top:62px;display:flex}.rail nav button{color:#7e8285;cursor:pointer;background:0 0;border:0;border-left:2px solid #0000;place-items:center;gap:5px;padding:12px 2px;display:grid}.rail nav button span{font-size:20px}.rail nav button small{text-transform:uppercase;letter-spacing:.08em;font-size:9px}.rail nav button:hover,.rail nav button.active{color:#fff;border-left-color:var(--red);background:linear-gradient(90deg,#4d1814aa,#0000)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.03em;font-family:Georgia,Times New Roman,serif}h1{margin-bottom:0;font-size:clamp(34px,4vw,58px)}h2{font-size:30px}.eyebrow{color:#c0bbb0;letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:800;display:inline-block}.muted{color:var(--muted)}.loading{letter-spacing:.2em;text-transform:uppercase;background:#0b0d0f;place-items:center;min-height:100vh;display:grid}.topbar,.page-header{background:#111416e8;border-bottom:1px solid #323537;justify-content:space-between;align-items:center;min-height:112px;padding:26px clamp(28px,4vw,64px);display:flex}.topbar h1{font-size:36px}.hud,.summary-strip{gap:12px;display:flex}.metric{background:#101214a8;border-left:2px solid;min-width:88px;padding:10px 14px 9px}.metric small{color:#9ca0a2;letter-spacing:.14em;margin-bottom:4px;font-size:9px;display:block}.metric strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px}.metric.gold{color:var(--gold)}.metric.cyan{color:var(--cyan)}.metric.red{color:#ef6255}.metric.orange{color:var(--orange)}.hero{border-bottom:3px solid #692017;min-height:58vh;animation:.8s ease-out lights-on;position:relative;overflow:hidden}.garage-art,.custom-preview-art{object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.garage-art,.custom-preview-art,.garage-display-preview img{z-index:0;filter:brightness(var(--garage-brightness,130%)) contrast(var(--garage-contrast,112%)) saturate(var(--garage-saturation,108%))}.garage-theme-treatment{z-index:1;background:var(--garage-theme-color,transparent);opacity:var(--garage-theme-strength,0);mix-blend-mode:soft-light;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hero-shade{z-index:2;background:linear-gradient(90deg, rgb(8 9 11/var(--garage-shadow,.38)) 0%, transparent 34%, transparent 76%, rgb(8 9 11/calc(var(--garage-shadow,.38) * .72))), linear-gradient(0deg, rgb(8 9 11/var(--garage-shadow,.38)), transparent 30%);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.garage-paint-treatment,.paint-treatment{background:var(--garage-paint,var(--paint));opacity:.68;mix-blend-mode:color;clip-path:polygon(20% 57%,30% 45%,43% 37%,61% 36%,73% 43%,86% 50%,90% 64%,82% 71%,66% 73%,49% 74%,33% 72%,21% 66%);pointer-events:none;position:absolute}.garage-paint-treatment{z-index:1;top:0;bottom:0;left:0;right:0}.decal-treatment{z-index:3;opacity:.96;transform-origin:50%;filter:drop-shadow(1px 2px 2px #000d);pointer-events:none;-webkit-user-select:none;user-select:none;width:clamp(58px,6vw,82px);height:auto;position:absolute;transform:translate(-50%,-50%)perspective(220px)rotateY(-12deg)rotate(-2deg)skewY(-4deg)scaleY(.94)}.car-caption{z-index:3;position:absolute;bottom:6%;left:5%}.car-caption h2{margin-bottom:12px;font-size:38px}.checkin-panel{z-index:3;border:1px solid #4b4c49;border-top:3px solid var(--red);clip-path:polygon(0 0,95% 0,100% 8%,100% 100%,5% 100%,0 92%);background:#121517e8;width:320px;padding:28px;position:absolute;top:10%;right:5%;box-shadow:14px 14px #06070885}.focus-toggle{z-index:4;color:#f4f0e8;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1012c9;border:1px solid #d8d0c2a8;min-height:40px;padding:0 14px;font-size:10px;font-weight:800;position:absolute;top:18px;right:18px}.focus-toggle span{margin-right:8px;font-size:15px}.app.focus-mode .focus-toggle{background:#0d1012a6;top:28px;right:28px}.checkin-panel h2{margin-bottom:8px}.checkin-panel p{color:#b2b1ac;font-size:14px;line-height:1.5}.rank-line{color:#adafab;text-transform:uppercase;letter-spacing:.1em;grid-template-columns:1fr 1fr;gap:8px;margin-top:25px;font-size:10px;display:grid}.rank-line span:nth-child(2){text-align:right}.rank-line div{background:#343536;grid-column:1/-1;height:5px}.rank-line i{background:linear-gradient(90deg, var(--red), #f17858);height:100%;display:block}.button{text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:1px solid #0000;min-height:42px;padding:0 18px;font-size:11px;font-weight:800;transition:all .14s}.button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.4;cursor:not-allowed}.button.primary{background:var(--red);box-shadow:4px 4px #6e1d17}.button.secondary{background:#25292c;border-color:#4b5052}.button.ghost{color:#bec0bd;background:0 0;border-color:#424649}.button-row{flex-wrap:wrap;gap:12px;display:flex}.lower-grid{background:#0e1012;grid-template-columns:1.2fr 1fr 1fr;gap:14px;padding:18px clamp(28px,4vw,64px) 34px;display:grid}.panel,.action-panel{background:var(--surface);text-align:left;border:1px solid #303438;padding:24px}.action-panel{cursor:pointer;flex-direction:column;justify-content:flex-end;min-height:140px;transition:all .15s;display:flex}.action-panel:hover{border-color:#71655c;transform:translateY(-2px)}.action-panel b{margin-bottom:8px;font:700 23px Georgia,serif}.action-panel>span:last-child{color:var(--muted);font-size:12px}.customize-action{background:linear-gradient(130deg,#291b18,#151719 62%)}.history-action{background:linear-gradient(130deg,#132326,#151719 62%)}.big-stat{align-items:center;gap:14px;display:flex}.big-stat strong{color:var(--cyan);font:700 42px Georgia,serif}.big-stat span{color:#aaa;text-transform:uppercase;font-size:11px}.mini-stats{color:var(--muted);gap:25px;margin-top:16px;font-size:11px;display:flex}.mini-stats b{color:#fff;font-size:17px;display:block}.onboarding{background-position:50%;background-size:cover;place-items:center start;min-height:100vh;padding-left:8vw;display:grid;position:relative}.onboarding:after{content:"";background:linear-gradient(90deg,#090b0df5 0%,#090b0dbb 45%,#0000 80%);position:absolute;top:0;bottom:0;left:0;right:0}.onboarding-card{z-index:1;border:1px solid #4a4c4c;border-top:4px solid var(--red);background:#111416df;width:480px;padding:45px;position:relative}.onboarding-card h1{margin-bottom:20px}.onboarding-card p{color:#c2c0b9;font-size:17px;line-height:1.65}.dots{gap:8px;margin:28px 0;display:flex}.dots i{background:#555;width:28px;height:3px}.dots i.active{background:var(--red)}.discipline-onboarding{overscroll-behavior-y:contain;background:linear-gradient(135deg,#0b0e10f5,#14181af2),url(/assets/garage-hero-CTKaRo91.png) 50%/cover fixed;height:100vh;min-height:100vh;padding:clamp(28px,5vw,72px);overflow-y:auto}.discipline-onboarding-header,.discipline-configurator{width:min(1050px,100%);margin:0 auto}.discipline-onboarding-header{margin-bottom:28px}.discipline-onboarding-header h1{max-width:720px;margin:8px 0 14px}.discipline-onboarding-header p{color:#c6c3bb;max-width:760px;line-height:1.65}.discipline-configurator{border:1px solid #444a4c;border-top:3px solid var(--red);background:#111517f2;padding:clamp(22px,4vw,40px)}.discipline-selection-summary{border-left:3px solid var(--cyan);background:#0b1012;justify-content:space-between;gap:18px;margin-bottom:24px;padding:14px 16px;display:flex}.discipline-selection-summary span{color:var(--cyan);font-size:12px}.discipline-category{border:0;margin:0 0 22px;padding:0}.discipline-category legend,.discipline-configuration-fields legend{color:#b5b1a9;letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:800}.discipline-options{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:9px;display:grid}.discipline-options label{cursor:pointer;background:#15191b;border:1px solid #353b3d;gap:12px;min-height:94px;margin:0;padding:15px;display:flex}.discipline-options label.selected{border-color:var(--cyan);background:#153033}.discipline-options input{width:18px;height:18px;min-height:0;accent-color:var(--red);margin:2px 0 0}.discipline-options span,.discipline-options small{display:block}.discipline-options small{color:#a9aaa6;text-transform:none;margin-top:7px;font-size:11px;line-height:1.45}.discipline-configuration-fields{border-top:1px solid #353a3c;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:26px 0 20px;padding-top:24px;display:grid}.discipline-configuration-fields fieldset{border:0;margin:0;padding:0}.discipline-consistency-note{color:#b7b4ad;font-size:12px;font-style:italic}.discipline-settings-panel{grid-column:1/-1}.discipline-settings-panel .discipline-configurator{width:100%;margin-top:20px;padding:20px}.active-discipline-list{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.active-discipline-list span{color:#d8fffd;background:#163033;border:1px solid #426b6c;padding:7px 10px;font-size:11px}.workspace-page{background:linear-gradient(155deg,#111416,#0b0d0f);min-height:100%;padding-bottom:50px}.page-header h1{font-size:42px}.close{cursor:pointer;background:#171a1c;border:1px solid #4d5052;width:42px;height:42px;font-size:25px}.stepper{grid-template-columns:repeat(4,1fr);max-width:1020px;margin:28px auto 0;display:grid;position:relative}.stepper:before{content:"";background:#3d4143;height:1px;position:absolute;top:14px;left:12%;right:12%}.stepper span{text-transform:uppercase;color:#6e7274;letter-spacing:.12em;z-index:1;place-items:center;gap:8px;font-size:9px;display:grid;position:relative}.stepper i{background:#1b1e20;border:1px solid #4b4f51;border-radius:50%;place-items:center;width:29px;height:29px;font-style:normal;display:grid}.stepper span.active{color:#d2d0c9}.stepper span.active i{border-color:var(--red);background:#4a1915}.form-panel{background:#131618;border:1px solid #35393b;max-width:1020px;margin:22px auto;padding:34px}.form-section{max-width:780px;margin:auto}.form-section>h2{margin-bottom:28px;font-size:34px}label,.choice-field{color:#d5d3cc;margin:22px 0;font-size:13px;display:block}label>span{float:right;color:#85898a;text-transform:uppercase;font-size:10px}input,textarea,select{color:#fff;background:#0d0f11;border:1px solid #45494b;width:100%;min-height:44px;margin-top:9px;padding:10px 12px;display:block}textarea{resize:vertical;min-height:85px}.future-bays{border-top:1px solid #373a3c;margin:34px clamp(28px,4vw,64px) 0;padding-top:26px}.future-bays>div{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.future-bays article{background:#121517;border:1px solid #35393b;padding:18px}.future-bays h3{margin:14px 0 7px}.future-bays p{color:var(--muted);font-size:11px}.counter{grid-template-columns:48px 120px 48px;gap:7px;margin-top:9px;display:grid}.counter button{background:#222629;border:1px solid #45494b;font-size:22px}.counter input{text-align:center;-webkit-appearance:textfield;appearance:textfield;margin:0}.counter input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.counter input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.choice-field{border:0;padding:0}.choice-field legend{margin-bottom:10px}.segmented{grid-template-columns:repeat(2,minmax(100px,1fr));gap:7px;display:grid}.segmented button{cursor:pointer;background:#1a1e20;border:1px solid #414548;min-height:42px}.segmented button[aria-pressed=true]{border-color:var(--cyan);color:#dff;background:#173234}.checkbox{align-items:center;gap:10px;display:flex}.checkbox input{width:18px;min-height:18px;margin:0}.pill{color:#b7b9b7;text-transform:uppercase;letter-spacing:.1em;border:1px solid #4a4d4f;padding:4px 8px;font-size:9px;display:inline-block}.pill.cyan,.pill.perfect{color:#80dcdf;background:#133033;border-color:#287b7e}.pill.owned{color:#89d99c;background:#193222;border-color:#3d824e}.pill.warning,.pill.severe,.pill.poor{color:#f28c78;background:#3b1d19;border-color:#9e493c}.pill.disciplined{color:#efb867;background:#342619;border-color:#b47d34}.trade-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:15px;display:grid}.trade-card{background:#181b1d;border:1px solid #393d3f;padding:20px}.trade-card header{border-bottom:1px solid #333638;justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.form-actions{border-top:1px solid #323638;justify-content:space-between;margin-top:32px;padding-top:20px;display:flex}.form-actions>div{gap:10px;display:flex}.error,.warning-note{color:#f7bbb2;background:#3a1b18;border-left:3px solid #de4f3d;margin-bottom:22px;padding:13px 16px;font-size:13px}.review dl{border:1px solid #34383b;grid-template-columns:180px 1fr;display:grid}.review dt,.review dd{border-bottom:1px solid #34383b;margin:0;padding:12px}.review dt{color:#8e9292}.review-row{border-left:2px solid var(--cyan);background:#1b1e20;grid-template-columns:110px 1fr;margin:10px 0;padding:15px;display:grid}.review-row span{color:#aeb0ad;font-size:12px}.result-hero{border-bottom:3px solid var(--cyan);background:radial-gradient(circle at 20%,#293235,#111416 60%);min-height:250px;padding:55px clamp(28px,7vw,100px)}.result-hero.perfect{background:radial-gradient(circle at 20%,#1d4546,#111416 62%)}.result-hero.poor,.result-hero.severe{border-color:var(--red);background:radial-gradient(circle at 20%,#49231d,#111416 62%)}.result-hero h1{max-width:800px}.result-hero p{color:#babcb8;margin-top:15px}.results-grid{grid-template-columns:1.7fr 1fr;gap:16px;max-width:1050px;margin:-28px auto 25px;display:grid;position:relative}.score-row{border-bottom:1px solid #303437;justify-content:space-between;gap:20px;padding:13px 0;font-size:13px;display:flex}.score-row .positive{color:#83d7a0}.score-row .negative{color:#ef8778}.score-row small{color:#d9a497;display:block}.score-total{justify-content:space-between;padding-top:20px;font-size:20px;display:flex}.result-summary{gap:10px;display:grid}.result-summary .metric{background:#0e1012}.results-page>.button-row{max-width:1050px;margin:auto}.progress-overview{grid-template-columns:repeat(2,1fr);gap:14px;max-width:1120px;margin:28px auto 18px;padding:0 24px;display:grid}.next-unlock-card{border-top:3px solid var(--cyan);min-height:220px}.next-unlock-card:nth-child(2){border-top-color:var(--orange)}.next-unlock-card h2{margin-bottom:8px}.next-unlock-card>strong{color:var(--cyan);font:700 16px ui-monospace,SFMono-Regular,Menlo,monospace}.next-unlock-card p{color:var(--muted);margin-top:14px;line-height:1.5}.progress-track{background:#303436;height:7px;margin-top:24px}.progress-track i{background:linear-gradient(90deg, var(--cyan), #a2eef0);height:100%;display:block}.rank-ladder,.car-ladder{max-width:1072px;margin:34px auto}.section-heading{margin-bottom:18px}.section-heading h2{margin:0}.rank-step{opacity:.66;background:#121517;border:1px solid #34383a;border-bottom:0;grid-template-columns:72px 1fr 120px;align-items:center;gap:18px;padding:18px;display:grid}.rank-step:last-child{border-bottom:1px solid #34383a}.rank-step.reached{opacity:1}.rank-step.current{border-left:3px solid var(--cyan);background:linear-gradient(90deg,#143033,#151719 45%)}.rank-number{color:#777c7d;font:700 32px ui-monospace,SFMono-Regular,Menlo,monospace}.rank-step.current .rank-number{color:var(--cyan)}.rank-step h3{margin:9px 0 5px}.rank-step p,.car-ladder p{color:var(--muted);margin:0;font-size:11px}.rank-step>strong{color:#aeb1ae;text-align:right;font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace}.car-ladder>div:last-child{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.car-ladder article{background:#121517;border:1px solid #35393b;min-height:125px;padding:17px}.car-ladder article.unlocked{border-color:#3d824e}.car-ladder h3{margin:13px 0 7px}.summary-strip{background:#0c0e10;border-bottom:1px solid #2e3133;padding:22px clamp(28px,4vw,64px)}.summary-strip .metric{flex:1}.common-violation{color:var(--muted);justify-content:space-between;margin:22px clamp(28px,4vw,64px) 0;font-size:12px;display:flex}.common-violation strong{color:#ddd}.filter-row,.category-tabs{gap:5px;padding:20px clamp(28px,4vw,64px);display:flex;overflow-x:auto}.filter-row button,.category-tabs button{color:#9fa2a1;text-transform:uppercase;cursor:pointer;background:#15181a;border:1px solid #383c3e;padding:9px 13px;font-size:10px}.filter-row button.active,.category-tabs button.active{color:#fff;border-color:var(--red);background:#3a1815}.history-list{border-top:1px solid #34383b;margin:0 clamp(28px,4vw,64px)}.history-entry{border-bottom:1px solid #303436;grid-template-columns:70px 1fr 120px 170px;align-items:center;gap:18px;padding:18px 10px;display:grid}.history-entry h3{margin:8px 0 4px;font-family:inherit;font-size:15px}.history-entry p{color:#828687;margin:0;font-size:10px}.date-block{text-align:center;border-right:1px solid #34383b}.date-block strong{font:700 28px Georgia,serif;display:block}.date-block span{color:#858888;text-transform:uppercase;font-size:10px}.entry-score strong,.entry-score span{display:block}.entry-score span{color:var(--cyan);margin-top:5px;font-size:11px}.entry-actions{gap:7px;display:flex}.empty{text-align:center;color:#969a99;padding:70px}.car-selector{grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;margin:28px clamp(28px,4vw,64px) 0;display:grid}.car-selector button{color:#fff;text-align:left;cursor:pointer;background-color:#111416;background-position:50%;background-size:cover;border:1px solid #3b3f41;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:10px;min-height:145px;padding:14px;transition:all .15s;display:flex}.car-selector button:hover:not(:disabled){border-color:#7c8588;transform:translateY(-2px)}.car-selector button.selected{border-color:var(--cyan);box-shadow:inset 0 -3px 0 var(--cyan)}.car-selector button:disabled{filter:grayscale()brightness(.55);cursor:not-allowed}.car-selector strong{text-shadow:0 2px 10px #000;font:700 17px Georgia,serif}.custom-preview{align-items:flex-end;min-height:390px;margin:12px clamp(28px,4vw,64px) 0;padding:30px;display:flex;position:relative;overflow:hidden}.custom-preview-art{z-index:0}.custom-preview:after{content:"";background:linear-gradient(0deg, rgb(10 11 13/var(--garage-shadow,.38)), transparent 52%);z-index:2;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hero .decal-treatment{top:57%;left:69.5%}.app.focus-mode .hero .decal-treatment{top:55.5%}.custom-preview-copy{z-index:5;position:relative}.custom-preview .decal-treatment{z-index:4;top:57%;left:69.5%}.custom-preview h2{margin:0;font-size:34px}.paint-treatment{z-index:1;top:0;bottom:0;left:0;right:0}.custom-preview.preview-active{outline:2px solid var(--cyan);outline-offset:-2px}.preview-notice{color:#d8fffd;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;margin-top:12px;font-size:10px;display:flex}.preview-notice button{color:#d8fffd;cursor:pointer;background:#173437;border:1px solid #5ba5a7;padding:6px 9px}.item-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:0 clamp(28px,4vw,64px);display:grid}.item-card{background:var(--surface);border:1px solid #363a3c;padding:16px}.item-card.equipped{border-color:var(--cyan)}.item-card h3{margin:14px 0 7px}.item-card p{color:var(--muted);min-height:28px;font-size:11px}.item-card>div:last-child{gap:7px;display:flex}.swatch{border:1px solid #56595a;height:70px;margin-bottom:13px}.settings-grid{grid-template-columns:repeat(2,1fr);gap:14px;max-width:1100px;margin:28px auto;padding:0 24px;display:grid}.settings-grid .panel{min-height:230px}.garage-display-panel{grid-column:1/-1;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);gap:28px;display:grid}.display-controls{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.display-controls label{margin:12px 0}.display-controls label>span{float:none;color:#d5d3cc;text-transform:none;justify-content:space-between;font-size:12px;display:flex}.display-controls output{color:var(--cyan);font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace}.display-controls input[type=range]{height:20px;min-height:20px;accent-color:var(--red);cursor:pointer;border:0;padding:0}.display-controls input[type=range]:disabled{opacity:.35;cursor:not-allowed}.garage-display-preview{background:#090b0c;border:1px solid #4a4e50;min-height:360px;position:relative;overflow:hidden}.garage-display-preview img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.garage-display-preview strong{z-index:3;text-shadow:0 3px 14px #000;font:700 24px Georgia,serif;position:absolute;bottom:18px;left:20px}.settings-grid p,.settings-grid small{color:var(--muted);line-height:1.55}.rules-editor{min-height:340px;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.override-list{gap:6px;margin-top:15px;display:grid}.override-list span{color:#afb1ae;background:#101214;justify-content:space-between;padding:7px 9px;font-size:10px;display:flex}.override-list button{cursor:pointer;background:0 0;border:0}.settings-grid small{margin-top:15px;display:block}.inline-fields{gap:12px;display:flex}.inline-fields label{flex:1}.toast{z-index:30;background:#17372e;border:1px solid #4b9478;padding:14px 20px;font-size:12px;animation:3s both toast;position:fixed;top:20px;right:25px;box-shadow:0 10px 30px #0009}@keyframes lights-on{0%{filter:brightness(.25);opacity:.6}to{filter:brightness();opacity:1}}@keyframes toast{0%{opacity:0;transform:translateY(-10px)}12%,85%{opacity:1;transform:translateY(0)}to{opacity:0}}.reduced-motion *{transition-duration:.001ms!important;animation-duration:.001ms!important}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}@media (max-width:1200px){.car-selector{grid-template-columns:repeat(3,1fr)}.lower-grid{grid-template-columns:1fr 1fr}.discipline{grid-column:1/-1}.hud .metric{min-width:72px}.history-entry{grid-template-columns:60px 1fr 100px}.entry-actions{grid-column:2/-1}}@media (max-width:760px){.garage-display-panel,.display-controls{grid-template-columns:1fr}.car-selector{grid-template-columns:1fr 1fr}}.recovery-screen{color:#f5f0e8;background:#0d1112;place-items:center;min-height:100vh;padding:24px;display:grid}.recovery-card{background:#151a1b;border:1px solid #485052;width:min(680px,100%);padding:clamp(24px,5vw,52px);box-shadow:12px 12px #00000059}.recovery-card h1{margin:8px 0 16px}.recovery-card .button-row{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.recovery-card .danger{color:#fff;background:#9f251d;border-color:#e64a3d}.account-shell{background:linear-gradient(110deg,#040708eb,#111111bf),url(/assets/garage-hero-CTKaRo91.png) 50%/cover;place-items:center;min-height:max(100vh,700px);padding:24px;display:grid;overflow:auto}.account-card{border:1px solid #596063;border-top:3px solid var(--red);background:#0f1213f5;gap:16px;width:min(520px,100%);padding:clamp(28px,5vw,52px);display:grid;box-shadow:14px 14px #00000073}.account-card h1,.account-card p{margin:0}.account-card label,.account-page label{color:#cbc9c3;gap:8px;display:grid}.account-card input,.account-page input{color:#fff;background:#0d1011;border:1px solid #4b5052;min-height:48px;padding:10px 12px}.form-error{color:#ff8b81}.form-success{color:var(--cyan)}.account-actions{gap:10px;display:grid}.account-page{min-height:100%;padding:clamp(28px,5vw,72px)}.account-page>h1{margin:8px 0 36px}.account-grid{grid-template-columns:minmax(320px,.8fr) minmax(460px,1.2fr);gap:18px;display:grid}.account-grid .settings-card{border:1px solid var(--line);background:var(--surface);border-top:2px solid #5b6062;align-content:start;gap:16px;padding:clamp(22px,3vw,36px);display:grid}.account-grid .settings-card h2,.account-grid .settings-card p{margin-top:0}.account-details{grid-template-columns:100px 1fr;gap:12px;display:grid}.account-details dt{color:var(--muted)}.account-details dd{text-transform:capitalize;margin:0}.table-scroll{overflow-x:auto}.admin-roster table{border-collapse:collapse;text-align:left;width:100%}.admin-roster-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-roster-header h2{margin:0}.admin-roster-header .button{min-height:38px;padding:8px 14px}.admin-roster th,.admin-roster td{border-bottom:1px solid var(--line);padding:12px 10px}.admin-roster th{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.account-status{border:1px solid var(--line);letter-spacing:.1em;text-transform:uppercase;padding:4px 7px;font-size:10px;display:inline-block}.account-status-active{color:#6fe6e8;border-color:#39bfc2}.account-status-invited{color:#eec96e;border-color:#bb913f}.account-status-suspended{color:#ff8b81;border-color:#9f251d}@media (max-width:900px){.account-grid{grid-template-columns:1fr}}
