#paint-shop[hidden],#paint-shop-open[hidden]{display:none!important}#paint-shop{position:fixed;inset:0;z-index:120;display:flex;justify-content:flex-end;align-items:center;pointer-events:auto;padding:18px;box-sizing:border-box;background:linear-gradient(90deg,transparent 35%,#060c1699)}.paint-shop-card{pointer-events:auto;width:min(350px,44vw);max-height:calc(100dvh - 36px);overflow:auto;background:#101722ed;color:#f4f0e5;border:1px solid #647282;border-radius:16px;padding:22px;box-shadow:0 16px 60px #0008;font:13px/1.5 system-ui}.paint-shop-card small{color:#e7b27d;letter-spacing:.16em;font-size:10px}.paint-shop-card h1{font-size:28px;line-height:1.05;margin:12px 0 7px;letter-spacing:-.05em}.paint-shop-card h1 em{font-style:normal;color:#ff9858}#paint-car-name{margin:0 0 10px;color:#c6d3e1}.paint-shop-tag{font-size:10px;letter-spacing:.13em;color:#9dacbf;margin-bottom:12px}.paint-shop-card fieldset{border:0;padding:0;margin:15px 0}.paint-shop-card legend{font-weight:700;margin-bottom:8px}.paint-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.paint-swatches button{aspect-ratio:1;border-radius:50%;min-width:22px;padding:0;background:var(--swatch);border:2px solid #ffffff35;cursor:pointer}.paint-swatches button[aria-pressed=true]{outline:2px solid #ffbc79;outline-offset:2px}.paint-custom{display:flex;align-items:center;justify-content:space-between;margin-top:9px;color:#a9b9ca}.paint-custom input{width:52px;height:28px;border:0;padding:0;background:transparent;cursor:pointer}.paint-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.paint-shop-card button:not([data-paint-color]):not([data-paint-accent]){padding:10px 9px;background:#222e3e;color:#eef4ff;border:1px solid #435064;border-radius:7px;cursor:pointer;font:700 11px system-ui}.paint-style-grid button[aria-pressed=true]{border-color:#ffaf71!important;background:#694126!important}.paint-shop-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}#paint-save{background:#ed9455!important;color:#161b23!important}#paint-factory{grid-column:1/-1;background:transparent!important}.paint-shop-note,#paint-status{font-size:11px;color:#b2c0d0}.paint-shop-note{margin:12px 0 0}#paint-shop-open{position:fixed;top:100px;left:50%;transform:translateX(-50%);z-index:45;border:1px solid #ffd0a4;background:#1b2535ee;color:#ffcc99;border-radius:8px;padding:14px 20px;font:800 12px system-ui;box-shadow:0 6px 20px #0005;cursor:pointer}.paint-shop-card :focus-visible{outline:2px solid white;outline-offset:3px}@media(max-width:650px){#paint-shop{padding:8px;align-items:flex-end;background:linear-gradient(0deg,#060c16cc,transparent 75%)}.paint-shop-card{width:100%;max-height:53dvh;padding:14px}.paint-shop-card h1{font-size:22px;margin:5px 0}.paint-shop-card fieldset{margin:8px 0}.paint-shop-card small,.paint-shop-tag,.paint-shop-note{display:none}.paint-swatches{max-width:330px}.paint-swatches button{max-width:30px}#paint-shop-open{top:125px;white-space:nowrap;font-size:11px}}

.paint-shop-active #collect-hud,.paint-shop-active #xbox-guide,.paint-shop-active #radio-mini,.paint-shop-active #duber-chip,.paint-shop-active #local-drive,.paint-shop-active #open-phone,.paint-shop-active #fullscreen,.paint-shop-active #sound,.paint-shop-active #time-of-day,.paint-shop-active #quality,.paint-shop-active #camera,.paint-shop-active #pause{visibility:hidden}

.paint-shop-card h1{font:800 22px/1.1 system-ui;letter-spacing:-.04em}.paint-shop-card h1 em{display:block;font:600 12px/1.3 system-ui;letter-spacing:.2em;margin-top:5px}

/* Keep exits in view on short phones while paint choices scroll independently. */
.paint-shop-card{display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}
.paint-shop-card>small,.paint-shop-card>h1,.paint-shop-card>p,.paint-shop-tag,.paint-shop-actions{flex-shrink:0}
.paint-shop-fields{overflow:auto;min-height:0;overscroll-behavior:contain;padding:3px;scrollbar-width:thin}
.paint-shop-actions{padding-top:10px;border-top:1px solid #64728255;margin-top:8px}
.paint-shop-actions button{min-height:40px}
@media(max-height:600px){#paint-shop{padding:10px}.paint-shop-card{max-height:calc(100dvh - 20px);padding:14px}.paint-shop-card>small,.paint-shop-tag,.paint-shop-note{display:none}.paint-shop-card h1{font-size:18px;margin:0 0 5px}.paint-shop-card h1 em{font-size:10px;margin-top:2px}#paint-car-name{margin-bottom:5px;font-size:11px}.paint-shop-card fieldset{margin:7px 0}.paint-shop-actions{gap:5px;padding-top:7px;margin-top:5px}.paint-shop-actions button{min-height:38px}}
@media(max-width:650px){.paint-shop-card{max-height:55dvh}.paint-shop-card h1{font-size:18px}.paint-shop-card h1 em{display:inline-block;margin:0 0 0 8px;font-size:10px;letter-spacing:.08em}.paint-shop-fields{padding-bottom:8px}}
