.garage-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.garage-head h2{text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:1.3rem}.garage-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:18px;display:grid}.car-card{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid color-mix(in srgb, var(--tier) 30%, var(--line));box-shadow:var(--shadow);transition:transform .35s var(--ease), border-color .3s, box-shadow .35s;border-radius:10px;grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.car-card:hover{border-color:color-mix(in srgb, var(--tier) 60%, var(--line));box-shadow:var(--shadow), 0 18px 40px -20px color-mix(in srgb, var(--tier) 60%, transparent);transform:translateY(-3px)}.car-hero{aspect-ratio:16/9;color:var(--tier);background:radial-gradient(ellipse 80% 70% at 50% 110%, color-mix(in srgb, var(--tier) 30%, transparent), transparent 70%), repeating-linear-gradient(90deg, #ffffff05 0 1px, transparent 1px 40px), #080b10;place-items:center;display:grid;position:relative;overflow:hidden}.car-hero img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);position:absolute;inset:0}.car-card:hover .car-hero img{transform:scale(1.04)}.car-silhouette{width:72%;height:auto;margin-top:-8%}.car-hero-shade{pointer-events:none;background:linear-gradient(#00000073 0%,#0000 35% 50%,#000000d9 100%);position:absolute;inset:0}.car-tier{font:600 .72rem var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tier) 70%, transparent);cursor:help;background:#0000008c;border-radius:3px;padding:4px 10px;position:absolute;top:10px;left:10px}.car-tier strong{color:var(--tier)}.car-workshop{color:#ffe08a;background:#0009;border-radius:3px;padding:4px 10px;font-size:.75rem;font-weight:600;position:absolute;top:10px;right:10px;box-shadow:inset 0 0 0 1px #f2b84b80}.car-title{gap:2px;display:grid;position:absolute;bottom:10px;left:14px;right:110px}.car-title h3{color:#fff;text-shadow:0 2px 10px #000000b3;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.35rem;line-height:1.1;overflow:hidden}.car-title span{color:#d3dbe6;text-shadow:0 1px 6px #000c;font-size:.82rem}.uk-plate{letter-spacing:.06em;color:#111;text-transform:uppercase;white-space:nowrap;background:linear-gradient(90deg,#1f4fbf 0 10px,#ffd23d 10px);border-radius:4px;padding:3px 8px 3px 16px;font:700 .9rem/1.2 Charles Wright,Arial Narrow,Arial,sans-serif;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 6px #00000080,inset 0 0 0 1px #00000059}.car-body{align-content:start;gap:14px;padding:16px;display:grid}.car-stats{grid-template-columns:repeat(4,1fr);gap:6px;margin:0;display:grid}.car-stats div{text-align:center;box-shadow:inset 0 0 0 1px var(--line);background:#ffffff08;border-radius:6px;padding:8px 6px}.car-stats dt{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.66rem}.car-stats dd{font:700 1.05rem var(--font-display);color:var(--text);white-space:nowrap;margin:2px 0 0}.car-stats dd small{color:var(--muted);font-size:.7rem;font-weight:500}.car-badges{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.car-badges li{box-shadow:inset 0 0 0 1px var(--line-strong);cursor:help;animation:badge-pop .45s var(--ease) both;background:#ffffff0d;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:.76rem;font-weight:600;display:inline-flex}.car-badges li:nth-child(2){animation-delay:50ms}.car-badges li:nth-child(3){animation-delay:.1s}.car-badges li:nth-child(4){animation-delay:.15s}.car-badges li:nth-child(n+5){animation-delay:.2s}@keyframes badge-pop{0%{opacity:0;transform:scale(.7)}}.car-sheet{gap:6px;display:grid}.car-sheet-bar{background:#ffffff0f;border-radius:999px;height:8px;overflow:hidden}.car-sheet-bar i{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--tier) 60%, #000), var(--tier));height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--tier) 60%, transparent);transition:width .8s var(--ease);display:block}.car-work summary{cursor:pointer;color:var(--muted);font-size:.85rem}.car-work ul{gap:6px;margin:8px 0 0;padding-left:18px;font-size:.88rem;display:grid}.car-actions{flex-wrap:wrap;gap:8px}.car-photo-edit{grid-template-columns:200px 1fr;align-items:center;gap:14px;display:grid}.paint-pick{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.paint-swatch{cursor:pointer;border:2px solid #ffffff26;border-radius:50%;width:30px;height:30px;transition:transform .15s;box-shadow:inset 0 -6px 10px #0000004d,inset 0 4px 8px #ffffff40}.paint-swatch:hover{transform:scale(1.12)}.paint-swatch[aria-checked=true]{box-shadow:0 0 0 3px var(--accent), inset 0 -6px 10px #0000004d;border-color:#fff}.paint-custom{color:var(--muted);cursor:pointer;align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.paint-custom input{cursor:pointer;background:0 0;border:0;width:30px;height:30px;padding:0}.car-photo-preview{aspect-ratio:16/10;color:var(--accent);box-shadow:inset 0 0 0 1px var(--line);background:#080b10;border-radius:8px;place-items:center;display:grid;overflow:hidden}.car-photo-preview img{object-fit:cover;width:100%;height:100%}@media (width<=520px){.car-photo-edit{grid-template-columns:1fr}.car-stats{grid-template-columns:repeat(2,1fr)}.car-title{bottom:44px;right:14px}}.cc-tabs{box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0a;border-radius:8px;gap:4px;padding:4px;display:flex;overflow-x:auto}.cc-tabs button{font:600 .85rem var(--font-display);letter-spacing:.04em;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;flex:1 0 auto;padding:8px 12px}.cc-tabs button.on{color:var(--text);background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line-strong)}.dyno-state{box-shadow:inset 0 0 0 1px var(--line);background:#ffffff08;border-radius:8px;padding:12px 14px}.dyno-state.ok{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ok) 50%, transparent);background:color-mix(in srgb, var(--ok) 8%, transparent)}.dyno-state.no{box-shadow:inset 0 0 0 1px #e1262d80}.dyno-state.pending{box-shadow:inset 0 0 0 1px #f2b84b73}.dyno-tick{vertical-align:2px;color:#04130d;background:var(--ok);cursor:help;border-radius:50%;place-items:center;width:15px;height:15px;margin-left:4px;font-size:.6rem;font-weight:800;display:inline-grid}.build-share{box-shadow:inset 0 0 0 1px var(--line);background:#ffffff08;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:12px;display:grid}.build-link{overflow-wrap:anywhere}.qr{border-radius:6px;display:block}.gotm-banner{background:radial-gradient(ellipse 60% 120% at 100% 0%, #ffc83c29, transparent 60%), linear-gradient(180deg, var(--panel-2), var(--panel));box-shadow:var(--shadow), inset 0 0 0 1px #ffc83c59;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:20px 22px;display:grid}.gotm-banner-text{gap:6px;display:grid}.gotm-eyebrow{font:700 .72rem var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:#ffc83c}.gotm-champ{color:inherit;transition:transform .3s var(--ease);background:#0000004d;border-radius:10px;grid-template-columns:120px 1fr;align-items:center;gap:12px;padding:10px;text-decoration:none;display:grid;box-shadow:inset 0 0 0 1px #ffc83c80,0 0 30px -10px #ffc83c99}.gotm-champ:hover{transform:translateY(-2px)}.gotm-champ-photo{aspect-ratio:16/10;color:#ffc83c;background:#080b10;border-radius:6px;place-items:center;display:grid;overflow:hidden}.gotm-champ-photo img{object-fit:cover;width:100%;height:100%}.build-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:18px;display:grid}.build-card{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid color-mix(in srgb, var(--tier) 30%, var(--line));box-shadow:var(--shadow);animation:badge-pop .45s var(--ease) both;animation-delay:calc(min(var(--i), 12) * 40ms);transition:transform .35s var(--ease), border-color .3s;border-radius:10px;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.build-card:hover{border-color:color-mix(in srgb, var(--tier) 60%, var(--line));transform:translateY(-3px)}.build-card-hero{aspect-ratio:16/10;color:var(--tier);background:radial-gradient(ellipse 80% 70% at 50% 110%, color-mix(in srgb, var(--tier) 30%, transparent), transparent 70%), #080b10;place-items:center;display:grid;position:relative;overflow:hidden}.build-card-hero img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);position:absolute;inset:0}.build-card:hover .build-card-hero img{transform:scale(1.04)}.build-card-hero .uk-plate{bottom:10px;right:10px}.build-crown{color:#1a1200;background:linear-gradient(90deg,#ffd76a,#ffb300);border-radius:3px;padding:4px 10px;font-size:.75rem;font-weight:700;position:absolute;top:10px;right:10px;box-shadow:0 4px 14px -4px #ffbe28cc}.build-card-body{align-content:start;gap:10px;padding:14px;display:grid}.build-card-body h3{margin:0;font-size:1.1rem;line-height:1.2}.build-card-body h3 a{color:inherit;text-decoration:none}.build-card-stats{font:600 .9rem var(--font-display);flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.build-card-stats small{color:var(--muted);font-size:.7rem}.build-card-badges{gap:2px;font-style:normal;display:inline-flex}.build-card-badges i{font-style:normal}.gotm-vote{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding-top:8px;display:flex}.gotm-vote.big{border-top:0;padding-top:0}.gotm-count{color:var(--muted);font-size:.85rem}.gotm-count strong{font:700 1.15rem var(--font-display);color:#ffc83c}.gotm-vote.big .gotm-count strong{font-size:1.6rem}.build-page{margin-top:12px}.build-hero{aspect-ratio:21/9;min-height:240px;color:var(--tier);background:radial-gradient(ellipse 80% 70% at 50% 110%, color-mix(in srgb, var(--tier) 30%, transparent), transparent 70%), #080b10;box-shadow:var(--shadow), inset 0 0 0 1px color-mix(in srgb, var(--tier) 40%, transparent);border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.build-hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.build-hero .car-silhouette{width:50%}.build-hero .car-tier{top:14px;left:14px}.build-hero .build-crown{top:14px;right:14px}.build-hero-title{gap:4px;display:grid;position:absolute;bottom:16px;left:20px;right:180px}.build-hero-title h1{color:#fff;text-shadow:0 2px 14px #000c;margin:0;font-size:clamp(1.6rem,4vw,2.6rem);line-height:1.05}.build-hero-title span{color:#d3dbe6;text-shadow:0 1px 6px #000c}.uk-plate.big{background:linear-gradient(90deg,#1f4fbf 0 13px,#ffd23d 13px);padding:5px 12px 5px 22px;font-size:1.25rem;bottom:18px;right:18px}.build-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}.build-stats dd{font-size:1.3rem}.build-badges{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.build-badges li{box-shadow:inset 0 0 0 1px var(--line);background:#ffffff08;border-radius:8px;grid-template-columns:34px 1fr;align-items:center;gap:8px;padding:10px;display:grid}.build-badges li>span:first-child{text-align:center;font-size:1.5rem}.build-badges strong{font-size:.9rem;display:block}.build-badges small{color:var(--muted);font-size:.78rem}.build-mods{gap:4px;margin:0;padding-left:18px;display:grid}.gotm-panel{box-shadow:var(--shadow), inset 0 0 0 1px #ffc83c59}.build-share-panel .qr{border-radius:8px}@media (width<=860px){.build-layout,.gotm-banner{grid-template-columns:1fr}}@media (width<=520px){.build-hero{aspect-ratio:4/3}.build-hero-title{bottom:56px;right:20px}.gotm-champ{grid-template-columns:90px 1fr}}.dyno-review{grid-template-columns:220px 1fr;align-items:start;gap:16px;display:grid}.dyno-sheet-thumb{min-height:140px;box-shadow:inset 0 0 0 1px var(--line);background:#080b10;border-radius:8px;place-items:center;font-weight:600;display:grid;overflow:hidden}.dyno-sheet-thumb img{width:100%;height:auto;display:block}@media (width<=620px){.dyno-review{grid-template-columns:1fr}}@media (width<=520px){.build-share{text-align:center;grid-template-columns:1fr;justify-items:center}.cc-tabs button{letter-spacing:.02em;white-space:normal;flex:1 1 0;padding:8px 4px;font-size:.76rem;line-height:1.2}}.xp-toast{z-index:9000;font:700 1rem var(--font-display);color:#04130d;animation:xp-toast 3.2s var(--ease) both;pointer-events:none;background:linear-gradient(90deg,#4fd6a0,#3cc8f4);border-radius:999px;align-items:center;gap:10px;padding:12px 20px;display:inline-flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px -10px #4fd6a0b3}@keyframes xp-toast{0%{opacity:0;transform:translate(-50%,30px)scale(.8)}10%{opacity:1;transform:translate(-50%)scale(1.05)}16%{transform:translate(-50%)scale(1)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}@media (prefers-reduced-motion:reduce){.car-badges li,.xp-toast{animation:none}.car-card,.car-hero img{transition:none}}
