.oc-split{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:start;gap:clamp(2rem,5vw,4.5rem);display:grid}.oc-board-wrap{grid-area:1/2;position:sticky;top:6.5rem}.oc-chapters{grid-area:1/1;gap:clamp(5rem,14vh,9rem);margin:0;padding:0;list-style:none;display:grid}.oc-board{--p:4.5cqw;--g:2.4cqw;--tape-h:7cqw;--cw:calc((100cqw - 2*var(--p) - 2*var(--g))/3);--lh:calc((66.667cqw - 2*var(--p) - var(--g))/2);aspect-ratio:3/2;background:#1a1a19 url(/one-car/board.webp) 50%/100% 100% no-repeat;border-radius:10px;position:relative;box-shadow:0 30px 60px -20px #000c,0 0 0 1px #ffffff0a;container-type:inline-size}.oc-lanes{inset:var(--p);gap:var(--g);grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute}.oc-lane{border:1px dashed #ffffff29;border-radius:6px;justify-content:center;align-items:flex-start;padding-top:.2cqw;transition:background-color .4s;display:flex}.oc-lane .g-tape{white-space:nowrap;margin-top:-1.6cqw;font-size:clamp(10px,2.5cqw,15px)}.oc-lane.is-done{background:#0000002e}.oc-card{left:calc(var(--p) + var(--cw)*.05);top:calc(var(--p) + var(--tape-h));width:calc(var(--cw)*.9);aspect-ratio:3/2;color:#1f1b15;text-align:left;filter:drop-shadow(0 1.4cqw 1.6cqw #0000008c);transform:translate(calc(var(--col)*(var(--cw) + var(--g))),calc(var(--row)*(var(--lh) + var(--g))));background:#f1ece2 url(/one-car/card.webp) 50%/cover no-repeat;border-radius:.3cqw;align-content:start;gap:.5cqw;padding:3.6cqw 2cqw 1.6cqw;transition:transform .6s cubic-bezier(.22,1.35,.4,1);display:grid;position:absolute}.oc-card:before{content:"";aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#ff8a6a 0%,#c8321a 38%,#7a1608 100%);border-radius:50%;width:3.6cqw;position:absolute;top:-1.6cqw;left:50%;translate:-50%;box-shadow:0 .5cqw .8cqw #00000080}.oc-card__ro{font-family:var(--font-mono);color:#6b6253;letter-spacing:.04em;font-size:1.7cqw}.oc-card__car{font-family:var(--font-display);text-transform:uppercase;font-size:2.4cqw;font-weight:800;line-height:1.05}.oc-card__note{font-family:var(--font-marker),"Comic Sans MS",cursive;color:#b2321c;font-size:2.1cqw;line-height:1.15}.oc-card__stamp{font-family:var(--font-loud),Impact,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#1f8a4c;opacity:0;border:.45cqw solid;border-radius:.6cqw;padding:.2cqw .9cqw;font-size:2.6cqw;transition:opacity .2s .45s,scale .25s cubic-bezier(.3,1.6,.5,1) .45s;position:absolute;bottom:.9cqw;right:1cqw;rotate:-12deg;scale:1.8}.oc-card.is-paid .oc-card__stamp{opacity:1;scale:1}.oc-card.is-slam{animation:.7s cubic-bezier(.2,1.2,.4,1) oc-slam}@keyframes oc-slam{0%{rotate:none;scale:1}45%{rotate:-3deg;scale:1.12}70%{rotate:1deg;scale:.97}to{rotate:none;scale:1}}.oc-chapter{opacity:.45;transition:opacity .4s}.oc-chapter.is-active{opacity:1}.oc-photo{aspect-ratio:16/9;border:1px solid var(--border);border-radius:8px;margin-bottom:1.75rem;overflow:hidden;box-shadow:0 24px 50px -24px #000c}.oc-photo img{object-fit:cover;width:100%;height:100%;display:block}.oc-close{border-block:14px solid #111;height:min(72vh,44rem);margin-top:clamp(4rem,10vh,7rem);position:relative;overflow:hidden}.oc-close img{object-fit:cover;object-position:50% 60%;width:100%;height:100%;display:block}.oc-close:after{content:"";background:linear-gradient(#0a090800 30%,#0a090833 55%,#0a0908d9 100%);position:absolute;inset:0}.oc-close__text{z-index:1;position:absolute;bottom:clamp(1.5rem,6vh,4rem);left:max(1rem,50vw - 34.5rem)}@media (max-width:767px){.oc-split{grid-template-columns:1fr;gap:1.5rem}.oc-board-wrap{z-index:5;grid-column:1;margin-inline:-1rem;top:3.75rem}.oc-chapters{grid-row:2;gap:4.5rem}.oc-board{aspect-ratio:auto;background-size:cover;border-radius:0;gap:.55rem;height:auto;padding:.6rem .75rem .7rem;display:grid}.oc-lanes{gap:.3rem;display:flex;position:static;inset:auto;overflow:hidden}.oc-lane{border:0;flex:1;justify-content:center;padding:0}.oc-lane .g-tape{white-space:nowrap;opacity:.45;margin:0;padding:3px 4px 2px;font-size:10px;transition:opacity .3s}.oc-lane.is-done .g-tape{opacity:1}.oc-lane.is-done{background:0 0}.oc-card{aspect-ratio:auto;filter:drop-shadow(0 4px 6px #00000080);background:#f1ece2;border-radius:4px;align-items:baseline;gap:.6rem;width:100%;padding:.45rem .75rem;display:flex;position:relative;top:auto;left:auto;transform:none}.oc-card:before,.oc-card__ro{display:none}.oc-card__car{font-size:.9rem}.oc-card__note{margin-left:auto;font-size:.85rem}.oc-card__stamp{border-width:2px;padding:0 .3rem;font-size:.8rem;position:static;rotate:-6deg}.oc-card:not(.is-paid) .oc-card__stamp{display:none}.oc-chapter{opacity:1}}@media (prefers-reduced-motion:reduce){.oc-card,.oc-card__stamp,.oc-chapter,.oc-lane{transition:none}.oc-card.is-slam{animation:none}}
.garage{--tape:#e3d6ae;--concrete:none;--cinder:none;--background:#1f1e1c;--foreground:#ece8e0;--surface:#0e0d0cc7;--muted-foreground:#a8a399;--secondary:#2a2826;--secondary-foreground:#ece8e0;--border:#3a3733;--brand:var(--hot);--primary:var(--hot);--primary-hover:color-mix(in srgb,var(--hot)82%,#fff);--primary-foreground:var(--hot-ink);--accent-text:var(--hot);--accent-soft:color-mix(in srgb,var(--hot)20%,#0d0c0b);--ring:var(--hot);--success:#5cc98b;--success-soft:#17301f;--warning:#e2b04a;--warning-soft:#34290f;--danger:#f08b84;--danger-soft:#3a1b19;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:100vh;color:var(--foreground);background-color:#2b2a28;background-image:var(--concrete);background-size:520px 520px;overflow-x:clip}.g-chrome{background:linear-gradient(#fff 0%,#dfe3e6 28%,#858c93 47%,#25292d 51%,#c6cbd0 57%,#f4f5f6 80%,#9aa0a6 100%);color:#0000;filter:drop-shadow(0 2px #090909)drop-shadow(0 10px 16px #000000b3);-webkit-background-clip:text;background-clip:text}.g-glow{color:var(--hot);text-shadow:0 0 26px color-mix(in srgb,var(--hot)55%,transparent)}.g-tape{background:var(--tape);color:#1d1a14;font-family:var(--font-marker),"Comic Sans MS",cursive;clip-path:polygon(0 8%,3% 0,97% 4%,100% 0,99% 92%,96% 100%,2% 96%,0 100%);padding:5px 14px 4px;font-size:15px;line-height:1.2;display:inline-block;transform:rotate(-1.5deg);box-shadow:0 2px 3px #00000080}.g-tape.r{transform:rotate(1.4deg)}.g-hazard{background:repeating-linear-gradient(-45deg,var(--hot)0 16px,#111 16px 32px);height:12px;box-shadow:0 2px #000}.g-btn{font-family:var(--font-loud),Impact,sans-serif;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:var(--hot);color:var(--hot-ink);box-shadow:inset 0 2px 0 #fff6,inset 0 -4px 0 #0000004d,0 5px 0 #000,0 0 30px color-mix(in srgb,var(--hot)45%,transparent);border:0;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:15px 26px;font-size:20px;transition:transform 80ms;display:inline-flex;position:relative}.g-btn:active{transform:translateY(4px);box-shadow:inset 0 2px #fff6,0 1px #000}.g-btn.chrome{color:#111;background:linear-gradient(#fff,#c3c8cd 45%,#7b8188 52%,#e3e6e9);box-shadow:inset 0 1px #fff,0 5px #000}.g-h2{font-family:var(--font-loud),Impact,sans-serif;text-transform:uppercase;font-size:clamp(2.3rem,6.5vw,4.4rem);line-height:.92}.g-bay{background-color:#4a4a47;background-image:var(--cinder);background-size:300px 150px;border-bottom:14px solid #111;position:relative;overflow:hidden}.g-bay:after{content:"";pointer-events:none;background:radial-gradient(50% 40% at 50% 18%,color-mix(in srgb,var(--hot)30%,transparent),transparent 70%),linear-gradient(180deg,#00000040,#0000000d 30%,#000000a6);position:absolute;inset:0}.g-plate{color:#111;background:radial-gradient(9px 3px at 25%,#ffffff8c,#fff0 70%) 0 0/34px 34px,radial-gradient(9px 3px at 75%,#00000073,#0000 70%) 1px 2px/34px 34px,radial-gradient(3px 9px at 75%,#ffffff8c,#fff0 70%) 17px 17px/34px 34px,linear-gradient(160deg,#a9aeb3,#6c7177 45%,#b9bdc1 60%,#5c6166);border-top:14px solid #111}@media (prefers-reduced-motion:reduce){.g-btn{transition:none}}