.race-school{color:#f1ecdf;background:#121617;border:1px solid #b2a48c55;border-radius:10px;width:min(960px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:30px;overflow:auto;box-shadow:0 30px 120px #0009}.race-school::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030506c9}.school-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.school-header .eyebrow{color:#b8a589;letter-spacing:.25em;font-size:9px}.school-header h2{letter-spacing:-.035em;margin:9px 0 0;font-size:32px;font-weight:400}.school-close{color:#c4bcad;border:1px solid #ffffff25;border-radius:50%;width:40px;height:40px;font-size:25px}.school-close:hover{background:#ffffff0b}.school-tabs{border-bottom:1px solid #ffffff1a;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px;display:grid}.school-tabs button{text-align:left;color:#8f9695;border-bottom:2px solid #0000;align-items:center;gap:10px;padding:12px 5px 16px;font-size:13px;display:flex}.school-tabs button span{font:9px var(--font-mono);color:#797e7c}.school-tabs button[aria-selected=true]{color:#f3e8cf;border-color:#e1bc7e}.school-tabs button[aria-selected=true] span{color:#e1bc7e}.school-panel{outline-offset:5px;grid-template-columns:1fr 1fr;gap:30px;display:grid}.school-visual{background:#0e1214;border:1px solid #c8b18b26;border-radius:5px;overflow:hidden}.school-diagram{width:100%;height:auto;display:block}.school-diagram text{fill:#bfbaa8;font:8px var(--font-mono);letter-spacing:1.6px}.school-visual>p{text-align:center;color:#c5bba7;border-top:1px solid #c8b18b1c;padding:13px 10px;font-size:11px;line-height:1.5}.school-copy{align-self:center;padding-top:5px}.school-copy h3{letter-spacing:-.025em;margin:0 0 18px;font-size:24px;font-weight:400;line-height:1.2}.school-keys{gap:8px;margin-bottom:19px;display:flex}.school-keys kbd{font:10px var(--font-mono);letter-spacing:.05em;color:#ebd3ab;background:#f2e8d80a;border:1px solid #f2e8d83a;border-bottom-width:3px;border-radius:4px;padding:8px 12px}.school-copy ol{counter-reset:school;gap:14px;margin:0;padding:0;list-style:none;display:grid}.school-copy li{counter-increment:school;color:#d0d1c7;padding-left:26px;font-size:14px;line-height:1.65;position:relative}.school-copy li:before{content:counter(school,decimal-leading-zero);font:9px var(--font-mono);color:#c5a576;position:absolute;top:2px;left:0}.school-pickups{gap:12px;display:grid}.school-pickups>div{align-items:center;gap:12px;display:flex}.school-pickups i{border:1px solid var(--pickup-colour);width:31px;height:31px;color:var(--pickup-colour);font:12px var(--font-mono);background:color-mix(in srgb,var(--pickup-colour) 8%,transparent);border-radius:7px 3px;flex:0 0 31px;place-items:center;display:grid;transform:rotate(-8deg)}.school-pickups i:has(+p strong){font-style:normal}.school-pickups strong{color:#e6e4d9;font-size:12px;font-weight:400;display:block}.school-pickups span{color:#959d99;margin-top:4px;font-size:10px;display:block}.school-pickups>div:nth-child(4) i{font-size:8px}.school-note{color:#929d96;min-height:34px;margin:20px 0 0;font-size:11px;line-height:1.7}.school-footer{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding-top:20px;display:flex}.school-footer>.primary-button{width:auto;min-width:190px;margin:0;padding:16px 22px;font-size:10px}.school-pagination{align-items:center;gap:10px;display:flex}.school-pagination>span{font:10px var(--font-mono);color:#a09e8c;margin-right:12px}.school-pagination button{color:#dad2bc;border:1px solid #ffffff24;border-radius:50%;width:32px;height:32px}.school-pagination button:disabled{opacity:.2}.school-tabs button:focus-visible{outline-offset:3px;outline:2px solid #e1bc7e}.school-close:focus-visible{outline-offset:3px;outline:2px solid #e1bc7e}.school-footer button:focus-visible{outline-offset:3px;outline:2px solid #e1bc7e}.school-drive-car{animation:4s ease-in-out infinite school-shunt}.school-shunt-rival{animation:4s ease-in-out infinite school-rival}.school-flying-car{transform-origin:210px 105px;animation:5s ease-in-out infinite school-roll}.school-slam-car{animation:4s ease-in-out infinite school-slam}.school-impact{animation:4s ease-in-out infinite school-sparks}.school-shield{transform-origin:210px 128px;animation:12s linear infinite school-shield}@keyframes school-shunt{0%,12%,to{transform:translate(0)}38%,56%{transform:translate(76px,-44px)}72%{transform:translate(0)}}@keyframes school-rival{0%,34%,to{translate:0}44%,57%{translate:34px -7px}80%{translate:0}}@keyframes school-roll{0%,15%,to{transform:translateY(12px)rotate(0)}35%{transform:translateY(-12px)rotate(0)}65%{transform:translateY(-12px)rotate(360deg)}85%{transform:translateY(12px)rotate(360deg)}}@keyframes school-slam{0%,10%,to{transform:translateY(0)}36%,50%{transform:translateY(69px)}68%{transform:translateY(0)}}@keyframes school-sparks{0%,30%,58%,to{opacity:0}38%,49%{opacity:1}}@keyframes school-shield{to{transform:rotate(360deg)}}@media (max-width:640px){.race-school{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:20px}.school-header{margin-bottom:16px}.school-header h2{font-size:27px}.school-tabs{gap:5px;margin-bottom:16px}.school-tabs button{gap:6px;padding-bottom:11px;font-size:10px;display:grid}.school-tabs button span{font-size:8px}.school-panel{grid-template-columns:1fr;gap:18px}.school-visual{max-width:100%;height:190px}.school-diagram{height:151px}.school-visual>p{padding:10px;font-size:10px}.school-copy{padding:0}.school-copy h3{margin-bottom:12px;font-size:21px}.school-copy li{font-size:13px;line-height:1.6}.school-copy ol{gap:10px}.school-keys{margin-bottom:14px}.school-pickups{grid-template-columns:1fr 1fr;gap:15px 10px}.school-pickups strong{font-size:12px}.school-pickups span{font-size:11px}.school-pickups>div{gap:8px}.school-note{min-height:0;margin-top:16px;font-size:11px}.school-footer{gap:10px;margin-top:16px;padding-top:16px}.school-footer>.primary-button{min-width:138px;padding:14px 12px;font-size:9px}.school-pagination{gap:6px}.school-pagination>span{margin-right:3px;font-size:9px}}@media (prefers-reduced-motion:reduce){.school-diagram *{animation:none!important}}