.derby-menu{color:#544d45;max-width:1280px;margin:0 auto;padding:18px 28px 24px}.herbie-page{background:#eeefea}.derby-menu-nav{background:#e0e2d6;border:1px solid #cdd0be;border-radius:18px;justify-content:center;gap:6px;width:fit-content;margin:0 auto 20px;padding:6px;display:flex}.derby-menu-nav button{color:#544d45;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:12px 25px;font-weight:700}.derby-menu-nav button[aria-pressed=true]{color:#fff7e8;background:#344f3d;box-shadow:0 4px #213a2a}.derby-menu button:focus-visible{outline-offset:4px;outline:3px solid #b57250}.derby-start-screen{background:#f7f6ee;border:1px solid #d5d3c4;border-radius:30px;grid-template-columns:1fr 1.1fr;min-height:590px;display:grid;overflow:hidden;box-shadow:0 15px 50px #544d4510}.derby-launch{padding:35px 44px;position:relative}.derby-launch>.eyebrow{letter-spacing:3px;font-size:10px}.derby-launch .herbie-title{color:#344f3d;letter-spacing:-5px;text-shadow:2px 3px #eeefea,4px 6px #c8cfad;margin:28px 0 24px;font-size:91px;line-height:.79;transform:rotate(-5deg)}.derby-launch .herbie-title span:last-child{padding-left:28px}.herbie-title i{color:#a0ad78}.derby-tagline{font-family:var(--serif),Georgia,serif;margin:24px 0 10px;font-size:24px}.derby-launch .game-quick-facts{gap:20px;margin:12px 0 22px;font-size:11px}.derby-launch .race-mode-list{gap:9px;display:grid}.derby-launch .mode-card{text-align:left;background:#f1f1e6;border:1px solid #d9daca;border-radius:13px;min-height:66px;padding:12px 14px}.derby-launch .mode-card.selected{background:#e5ead4;border:2px solid #788e5f}.derby-launch .mode-card strong{font-size:14px}.derby-launch .mode-card small{font-size:11px}.derby-launch .derby-start-button{background:#344f3d;border-radius:15px;justify-content:space-between;width:100%;margin-top:15px;padding:18px 23px;font-size:20px;box-shadow:0 5px #22382b}.derby-start-button:hover{background:#425f49;transform:translateY(-2px)}.derby-daily-note{color:#777764;margin:14px 0 0;font-size:10px;line-height:1.5}.derby-stage{background:radial-gradient(at 50% 45%,#fff2dd 0%,#f9dad2 58%,#e5b9ae 100%);border-left:1px solid #e1c7b8;min-width:0;position:relative;overflow:hidden}.derby-stage:after{content:"";opacity:.55;background:repeating-conic-gradient(#87966b 0% 25%,#f4e7d3 0% 50%) 0/28px 28px;height:14px;position:absolute;bottom:0;left:0;right:0}.derby-stage-ring{border:1px solid #fbf5e6;border-radius:50%;width:470px;height:470px;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 26px #fff5e52b,0 0 0 27px #fff5e570}.derby-stage-label{letter-spacing:2px;z-index:1;justify-content:space-between;font-size:9px;display:flex;position:absolute;top:25px;left:28px;right:28px}.derby-showroom{height:72%;position:absolute;top:25px;left:0;right:0}.derby-driver{text-align:center;position:absolute;bottom:30px;left:30px;right:30px}.derby-driver>span{letter-spacing:3px;font-size:9px}.derby-driver h2{font:36px var(--serif),Georgia,serif;margin:5px 0}.derby-driver p{margin:0 0 14px;font-size:12px}.derby-driver button{background:#fff8e8b3;border:1px solid #b5a591;border-radius:12px;padding:10px 18px;font-size:12px}.derby-stage-stamp{color:#78885a;text-align:center;font-size:65px;line-height:.8;position:absolute;top:70px;right:26px;transform:rotate(13deg)}.derby-stage-stamp small{letter-spacing:2px;margin-top:8px;font-size:8px;line-height:1.2;display:block}.derby-menu-footer{color:#747465;justify-content:space-between;align-items:center;gap:15px;padding:18px 5px;font-size:11px;display:flex}.derby-menu-footer>span{align-items:center;gap:7px;display:flex}.derby-menu-footer small{font-size:10px}.derby-menu-footer button{font-size:11px}.derby-panel{background:#f7f6ee;border:1px solid #d5d3c4;border-radius:28px;min-height:590px;padding:30px;animation:.2s ease-out derby-enter}.derby-panel h1{font:64px/1 var(--serif),Georgia,serif;letter-spacing:-2px;margin:22px 0}.derby-panel p{font-size:14px;line-height:1.7}.derby-garage-panel{grid-template-columns:.65fr 1.35fr;align-items:center;gap:35px;display:grid}.derby-garage-panel .menu-garage{width:100%}.derby-garage-panel .game-hero-scene{height:285px;min-height:0}.derby-garage-panel .garage-option{min-width:0}.derby-panel .course-guide{border:0;max-width:none;margin:0;padding:0}.derby-scores{max-width:800px;margin:auto}.derby-help{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.derby-help h1{font-size:48px}.derby-help .graphics-choice{margin-top:20px}.herbie-box-art{isolation:isolate;aspect-ratio:1.4;color:#344f3d;background:#f9dad2;border-radius:20px;position:relative;overflow:hidden;container-type:inline-size}.box-art-sun{aspect-ratio:1;background:#ffeed2;border-radius:50%;width:70%;position:absolute;top:-30%;left:35%}.box-art-track{background:#9aab7d;border:26px solid #f6f1df;border-radius:50%;width:150%;height:60%;position:absolute;bottom:-28%;left:-25%;transform:rotate(-15deg);box-shadow:0 0 0 5px #e4bbab}.herbie-box-art .herbie-title.small{letter-spacing:-.8cqw;z-index:3;text-shadow:2px 3px #fff1df,4px 6px #bcc798;font-size:18cqw;line-height:.8;position:absolute;top:13%;left:9%;transform:rotate(-6deg)}.herbie-box-art .herbie-title span:last-child{padding-left:10%}.box-art-kicker{letter-spacing:.5cqw;z-index:2;font-size:2.1cqw;position:absolute;top:6%;left:8%}.box-art-racer{z-index:2;filter:drop-shadow(0 8px 4px #544d4526);width:36%;position:absolute;bottom:8%}.box-art-racer .character-portrait{z-index:1;width:62%;height:auto;margin:0 auto -28%;display:block;position:relative}.box-art-racer .kart-portrait{width:100%;height:auto;display:block}.box-art-racer.racer-0{width:28%;bottom:4%;left:5%;transform:rotate(-12deg)}.box-art-racer.racer-1{z-index:4;width:43%;bottom:5%;left:30%;transform:rotate(-6deg)}.box-art-racer.racer-2{width:29%;bottom:14%;right:-1%;transform:rotate(10deg)}.box-art-leaf{color:#6b8959;font-size:16cqw;position:absolute}.leaf-a{top:19%;right:6%;transform:rotate(22deg)}.leaf-b{color:#a2b779;bottom:15%;left:-5%}.box-art-footer{letter-spacing:.3cqw;z-index:5;font-size:1.8cqw;position:absolute;bottom:3%;right:6%}.featured-game>.herbie-box-art{aspect-ratio:1.65;border-radius:18px 18px 0 0}.derby-help .herbie-box-art{aspect-ratio:.9}@keyframes derby-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:800px){.derby-menu{padding:12px 14px}.derby-menu-nav{justify-content:space-between;gap:2px;width:100%}.derby-menu-nav button{padding:11px 9px;font-size:11px}.derby-start-screen{grid-template-columns:1fr 1fr;min-height:520px}.derby-launch{padding:25px}.derby-launch .herbie-title{font-size:68px}.derby-stage-label{font-size:8px;left:16px;right:16px}.derby-stage-stamp{font-size:45px;right:12px}.derby-driver h2{font-size:27px}.derby-menu-footer{flex-wrap:wrap;font-size:10px}.derby-garage-panel{grid-template-columns:1fr;gap:15px}.derby-garage-panel>div:first-child{justify-content:space-between;align-items:center;gap:15px;display:flex}.derby-garage-panel>div:first-child>.eyebrow,.derby-garage-panel>div:first-child>p{display:none}.derby-panel h1{margin:5px 0;font-size:38px}.derby-help{grid-template-columns:1fr}.derby-help>.herbie-box-art{aspect-ratio:2}.derby-help h1{font-size:38px}}@media (max-width:560px){.derby-start-screen{grid-template-columns:1fr}.derby-launch{padding:26px 24px}.derby-launch .herbie-title{max-width:240px;margin:24px 0;font-size:76px}.derby-stage{border-top:1px solid #e1c7b8;border-left:0;grid-row:2;min-height:390px}.derby-showroom{height:77%;top:0}.derby-driver{bottom:26px}.derby-driver h2{font-size:29px}.derby-driver p{margin-bottom:8px}.derby-stage-ring{width:330px;height:330px}.derby-stage-label{top:15px}.derby-stage-stamp{top:45px}.derby-panel{min-height:0;padding:20px}.derby-garage-panel .garage-options{grid-template-columns:repeat(3,1fr)}.derby-garage-panel .game-hero-scene{height:250px}.derby-menu-footer{text-align:center;justify-content:center}.derby-launch .game-quick-facts{gap:14px}.derby-help .herbie-box-art{aspect-ratio:1.4}.derby-garage-panel>div:first-child .button{padding:12px;font-size:12px}}@media (prefers-reduced-motion:reduce){.derby-panel{animation:none}.derby-start-button:hover{transform:none}}.herbie-box-art .herbie-title.small{margin:0}.derby-launch .herbie-title i{font-size:36px}.derby-launch>.eyebrow{display:block}.derby-launch .herbie-title{width:fit-content;display:block}.derby-launch .race-mode-list{grid-template-columns:1fr}.herbie-box-art .herbie-title.small{font-size:14cqw}.herbie-box-art .herbie-title.small i{font-size:6cqw}