.shell-screen{position:absolute;inset:0;z-index:5;overflow:auto;background:linear-gradient(115deg,#102725f7,#102725e6 55%,#103738c9);color:#f4f5e9;padding:32px;scrollbar-color:#6e9585 #142c2c}
.shell-screen h1{font-size:clamp(32px,4vw,60px);letter-spacing:-1px;margin:16px 0}.shell-screen h2{font-size:25px;margin:8px 0 20px}.shell-screen h3{margin:6px 0 12px}.shell-screen p{font-size:13px}.shell-screen button,.shell-screen input,.shell-screen select{font:inherit;min-height:44px;border:1px solid #65887b6b;border-radius:6px;padding:10px 16px;background:#21443f;color:#edf3de}.shell-screen button:hover{border-color:#d5f58b;background:#365d4e}.shell-screen button:disabled{opacity:.38}.shell-screen .primary{background:#d5f58b;color:#142c28;min-width:0;display:inline-flex}.shell-screen .secondary{display:inline-block;margin:0}.shell-screen input[type=text]{width:100%;background:#0c2325}.shell-screen label{display:block;font-size:13px;margin:12px 0}.shell-screen label span{display:block;margin:0 0 8px}.shell-screen input[type=range]{width:100%;padding:0}.shell-screen select{max-width:100%}
.shell-home{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:34px;min-height:100%}.shell-home .home-cars{position:relative;min-height:300px}.home-cars canvas{position:absolute;width:90%;height:80%;object-fit:contain;left:0;bottom:0}.home-cars canvas+canvas{width:55%;height:55%;left:45%;bottom:40%;opacity:.65}.mode-list{display:grid;gap:10px;max-width:380px;margin:24px 0}.mode-list button{text-align:left;font-size:22px;padding:16px 20px;display:flex;justify-content:space-between}.mode-list small{display:block;font-size:10px;letter-spacing:1px;color:#b3c7bb;margin-top:5px}.shell-badge{font-size:10px;letter-spacing:3px;color:#d5f58b}.shell-muted{color:#9eb8ad}.shell-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.shell-panel{background:#173732b8;border:1px solid #54796a70;padding:20px;border-radius:10px;margin-bottom:16px}.shell-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.shell-grid .shell-panel{margin:0}.shell-form{max-width:520px;margin:0 auto}.shell-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;border-bottom:1px solid #678c7845;margin-bottom:20px}.shell-head strong{font-size:22px}.shell-head small{display:block;margin-top:7px;color:#a9c2b5}.credits{color:#d5f58b;font-variant-numeric:tabular-nums;white-space:nowrap}.career-layout{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px}.career-nav{display:flex;flex-direction:column;gap:7px}.career-nav button{text-align:left;background:transparent}.career-nav .selected{background:#d5f58b;color:#122d27}.career-content{min-width:0}.shell-stats{display:flex;flex-wrap:wrap;gap:28px;margin:20px 0}.shell-stats b{display:block;font-size:26px;color:#d5f58b;margin-top:6px}.shell-stats span{font-size:11px;color:#b5cabb}.shell-table{border-collapse:collapse;width:100%;font-size:13px}.shell-table td,.shell-table th{text-align:left;border-bottom:1px solid #7294813d;padding:12px 8px}.shell-table .home{color:#d5f58b;background:#d5f58b0c}.shell-table th{font-size:10px;letter-spacing:1px;color:#adc5b6}.shell-art{display:flex;gap:8px;height:125px;margin:12px 0}.shell-art canvas{width:50%;height:100%;object-fit:contain;touch-action:auto}.shell-panel .designer{font-size:10px;color:#d5f58b}.car-upgrades{display:grid;gap:8px;margin-top:16px}.car-upgrades button{display:flex;justify-content:space-between;gap:10px;font-size:12px}.shell-toast{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);z-index:9;max-width:90%;background:#e0f3c5;color:#173028;padding:13px 20px;border-radius:7px;box-shadow:0 6px 30px #0008;font-size:13px}.shell-modal{position:absolute;inset:0;z-index:10;background:#071716dc;display:grid;place-items:center;padding:24px}.shell-modal .shell-panel{max-width:480px;width:100%;background:#19392f}.shell-saves{display:grid;gap:12px}.save-slot{display:flex;justify-content:space-between;align-items:center;gap:14px}.save-slot p{margin:5px 0}.shell-track-map{height:160px;width:160px;float:right;opacity:.85}.career-grid-note{font-size:12px;color:#bed0c2}.shell-screen :focus-visible{outline:3px solid #d5f58b;outline-offset:2px}#menu .arcade-back{margin:12px 0 0}#finish{overflow:auto;align-items:flex-start;padding:20px}#finish .dialog{margin:auto}body.cooldown .hud{visibility:visible}body.cooldown .touch-controls{display:none!important}
@media(max-width:900px){.shell-screen{padding:20px}.shell-home{gap:20px}.shell-home .home-cars{min-height:240px}.career-layout{grid-template-columns:110px minmax(0,1fr);gap:14px}.career-nav button{font-size:12px;padding:8px 10px}.shell-panel{padding:15px}.shell-art{height:100px}.shell-head strong{font-size:18px}.shell-grid{gap:10px}.shell-screen h2{font-size:21px}.shell-screen .mode-list button{font-size:18px}.shell-table{font-size:11px}}
@media(max-width:600px) and (orientation:portrait){.shell-screen{padding:18px 14px}.shell-home{grid-template-columns:1fr;align-content:start;gap:0}.shell-home .home-cars{min-height:210px;grid-row:1}.shell-home h1{font-size:34px;margin:8px 0}.mode-list{max-width:none}.career-layout{display:block}.career-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:20px}.career-nav button{text-align:center;padding:6px 3px;font-size:11px}.shell-grid{grid-template-columns:1fr}.shell-head{flex-wrap:wrap}.shell-head strong{font-size:17px}.shell-stats{gap:16px}.shell-track-map{height:100px;width:100px}.save-slot{align-items:flex-start;flex-direction:column}.shell-art{height:130px}}
.car-select{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.car-select .car-choice{width:100%}.car-choice .shell-art{height:90px}.car-choice .shell-art canvas{width:50%;height:100%}
@media(orientation:landscape) and (pointer:coarse){#game .pedals button{width:calc(var(--pedal-size)*var(--control-scale,1));height:calc(var(--pedal-size)*var(--control-scale,1))}}