#wheel-basics{width:min(1040px,calc(100% - 32px));max-height:90dvh;padding:0;border:1px solid #68785a;background:#101912;color:#f1f0e6;overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 100px #000a}#wheel-basics::backdrop{background:#020806dc;backdrop-filter:blur(6px)}.basics-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;background:#101912;border-bottom:1px solid #52633c;font:11px 'Space Mono',monospace;letter-spacing:1px}.basics-close{background:#b5fb45;color:#101912;border:0;padding:10px 14px;cursor:pointer;font:700 13px 'Space Mono',monospace}.basics-content{padding:32px}.basics-content h2{font-size:clamp(36px,6vw,66px);line-height:.95;margin:12px 0 18px}.basics-lede{color:#bac5bb;margin-bottom:28px}.comic-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.comic-panel{display:flex;flex-direction:column;min-width:0;border:2px solid #697457;background:#19231b;box-shadow:5px 5px 0 #050a06}.comic-heading{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:2px solid #697457}.comic-heading>span{font:800 italic 36px 'Barlow Condensed',sans-serif;color:#b5fb45}.comic-heading h3{margin:0;font:800 italic 25px/1 'Barlow Condensed',sans-serif}.comic-art{background-color:#dce3c8;background-image:radial-gradient(#59664c26 .8px,transparent .8px);background-size:6px 6px;border-bottom:2px solid #697457}.comic-art svg{display:block;width:100%;height:auto;max-height:215px}.comic-art text{font:700 13px 'Space Mono',monospace;text-anchor:middle;fill:#152019}.comic-art .big{font-size:32px}.comic-art .sub{font-size:11px}.comic-art .arrow{font-size:30px}.comic-art .rubber{fill:#1a2620;stroke:#08120d;stroke-width:4}.comic-art .alloy{fill:#adbbaa;stroke:#eff4e6;stroke-width:4}.comic-art .hub{fill:#18291d}.comic-art .spoke{stroke:#eff4e6;stroke-width:4}.comic-art .line{stroke:#355eaa;stroke-width:3;fill:none}.comic-art .wide{fill:#aaf53e;stroke:#1d3316;stroke-width:3}.comic-art .ghost{fill:none;stroke:#677862;stroke-width:3;stroke-dasharray:5 5}.comic-art .dash{stroke:#355eaa;stroke-width:3;stroke-dasharray:5 5}.comic-art .fender{stroke:#283c2b;stroke-width:9;fill:none}.comic-art .paper{fill:#f6f6ea;stroke:#243f23;stroke-width:3}.comic-art .check{fill:#3159a4;font-size:22px}.comic-panel>p{padding:18px;margin:0;font-size:15px;line-height:1.65;flex:1}.comic-caption{padding:10px 16px;border-top:1px solid #536344;color:#b5fb45;font:10px/1.5 'Space Mono',monospace;letter-spacing:.6px}.basics-finish{margin-top:32px;border-top:1px solid #586748;padding-top:24px}.basics-finish h3{font:800 italic 32px 'Barlow Condensed',sans-serif;margin:0}.basics-finish p{font-size:14px;line-height:1.7;color:#bac5bb}.basics-finish .button{margin:12px 24px 12px 0}.basics-finish>a:last-child{display:inline-block;font-size:13px}.basics-sources{font-size:11px;line-height:1.8;color:#a9b7a8;margin-top:24px}#wheel-basics :focus-visible{outline:3px solid #b5fb45;outline-offset:4px}@media(max-width:620px){#wheel-basics{width:calc(100% - 16px);max-height:94dvh}.basics-bar{padding:12px;font-size:9px;letter-spacing:0}.basics-content{padding:22px 16px}.comic-grid{grid-template-columns:1fr;gap:20px}.comic-heading h3{font-size:24px}.basics-finish .button{margin-right:0;width:100%}}
.basics-cover{display:block;width:100%;height:auto;margin:0 0 28px;border:2px solid #b5fb45;box-shadow:6px 6px 0 #000}.comic-panel:nth-child(even){border-color:#637dab}.comic-heading{background:linear-gradient(115deg,#253422,#101912)}
.comic-panel>p.comic-tip{flex:0;margin:0 18px 18px;padding:12px;border-left:3px solid #b5fb45;background:#0e160f;font-size:13px;line-height:1.6;color:#c6d0c2}
.comic-art .tread{stroke:#718173;stroke-width:3;fill:none;stroke-linecap:round}.comic-art .old-width{stroke:#b5fb45;stroke-width:2;stroke-dasharray:5 5}.comic-art .width-arrow{stroke:#426f18;stroke-width:4;fill:none}.comic-art .shock{stroke:#5b717e;stroke-width:10}.comic-art .spring{stroke:#355eaa;stroke-width:4;fill:none;stroke-linejoin:round}.comic-art .suspension-arm{stroke:#283c2b;stroke-width:8;fill:none}.comic-art .leader{stroke:#344b38;stroke-width:1.5;fill:none}.comic-art .measure-line{stroke:#355eaa;stroke-width:3;fill:none}.comic-art .gap-label{fill:#264f9b;font-size:18px}.comic-panel:nth-child(4) .comic-art svg,.comic-panel:nth-child(5) .comic-art svg{max-height:none}
.comic-art-illustrated{background:#080e0a}.illustrated-scene{position:relative}.illustrated-scene>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.comic-art .comic-overlay{position:absolute;inset:0;width:100%;height:100%;max-height:none}.comic-art .comic-overlay path{fill:none;stroke:#b5fb45;stroke-width:3;paint-order:stroke;filter:drop-shadow(0 1px 2px #000)}.comic-art .comic-overlay text{fill:#f2ffdc;stroke:#08100a;stroke-width:5px;paint-order:stroke;font:700 12px 'Space Mono',monospace;text-anchor:middle;stroke-linejoin:round}.comic-overlay .straightedge{stroke-dasharray:5 4}.art-key{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border-top:1px solid #596a42;color:#e9eedf;font-size:12px;line-height:1.5}.art-key strong{color:#b5fb45;font-family:'Space Mono',monospace;font-size:12px}.art-key span{color:#bdc8b9}
.hero-secondary .basics-nudge{display:inline-block;margin-left:5px;color:var(--accent);animation:basics-nudge 5s ease-in-out 1s infinite}.hero-secondary:hover .basics-nudge,.hero-secondary:focus-visible .basics-nudge{animation-play-state:paused}@keyframes basics-nudge{0%,12%,32%,100%{transform:translate(0,0);text-shadow:none}22%{transform:translate(2px,-2px);text-shadow:0 0 8px #b7f65370}}@media(prefers-reduced-motion:reduce){.hero-secondary .basics-nudge{animation:none}}
.hero{isolation:isolate}.hero::before,.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}.hero::before{background:linear-gradient(90deg,transparent 20%,#020608bb 70%);opacity:0;animation:garage-warmup 2.4s ease-out both}.hero::after{background:radial-gradient(ellipse at 69% 14%,#93d8ff24,transparent 31%),radial-gradient(ellipse at 78% 38%,#ff30451c,transparent 29%),radial-gradient(ellipse at 67% 78%,#087dff35,transparent 43%);mix-blend-mode:screen;opacity:.3;animation:garage-ambience 12s ease-in-out 2.4s infinite}.hero-copy,.hero-callout,.hero-bottom{z-index:1}.hero.effects-paused::after{animation-play-state:paused}@keyframes garage-warmup{0%{opacity:.85}45%{opacity:.35}100%{opacity:0}}@keyframes garage-ambience{0%,100%{opacity:.3}50%{opacity:.65}}@media(prefers-reduced-motion:reduce){.hero::before,.hero::after{animation:none;opacity:0}}
.hero::after{animation:none;opacity:.2;background:radial-gradient(ellipse at 69% 14%,#93d8ff24,transparent 31%)}.garage-lights,.garage-lights>span{position:absolute;inset:0;pointer-events:none;z-index:0}.garage-lights{mix-blend-mode:screen}.garage-blue{background:radial-gradient(ellipse at 64% 74%,#087dff65,transparent 44%),radial-gradient(ellipse at 59% 18%,#6dcaff30,transparent 25%);opacity:.45;animation:garage-blue-flicker 13s linear 2.4s infinite}.garage-red{background:radial-gradient(ellipse at 79% 29%,#ff29455c,transparent 31%),radial-gradient(ellipse at 66% 76%,#ff19351f,transparent 25%);opacity:.4;animation:garage-red-flicker 17s linear 4s infinite}.hero.effects-paused .garage-lights>span{animation-play-state:paused}@keyframes garage-blue-flicker{0%,24%,31%,100%{opacity:.45}25%,28%{opacity:.18}26%,29%{opacity:.65}30%{opacity:.35}}@keyframes garage-red-flicker{0%,62%,68%,100%{opacity:.4}63%{opacity:.15}64%{opacity:.6}65%{opacity:.24}66%{opacity:.52}}@media(prefers-reduced-motion:reduce){.garage-lights{display:none}.hero::after{opacity:0}}