@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#292039;--cream:#fff0ce;--lime:#dded77;--orange:#ff8f46;--pink:#e877a8}*{box-sizing:border-box}body{margin:0;background:#ffad77;color:var(--cream);font-family:'DM Sans',Arial,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}button{color:inherit}#world{position:fixed;width:100%;height:100%;inset:0}.grain{position:fixed;inset:0;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{position:fixed;top:0;left:0;right:0;padding:25px 3.4%;display:flex;align-items:center;justify-content:space-between;z-index:5}.brand{color:var(--cream);display:flex;align-items:center;gap:13px;text-decoration:none;font-size:9px;font-weight:700;letter-spacing:1.5px;line-height:1.5}.brand-mark{font-family:Georgia,serif;font-size:43px;font-weight:900;letter-spacing:-7px;border:2px solid var(--cream);border-radius:50%;height:50px;width:54px;padding:0 10px 0 4px;line-height:36px;transform:rotate(-12deg)}.header-actions{display:flex;gap:10px}.pill{border:1px solid #fff0ce88;background:#29203938;border-radius:24px;padding:10px 17px;font-size:10px;font-weight:700;letter-spacing:1px;backdrop-filter:blur(8px)}.pill:hover{background:var(--ink)}#lobby{height:100svh;position:relative;background:linear-gradient(90deg,#292039f5 0%,#292039d9 30%,#29203900 68%)}.intro{position:absolute;left:5%;top:17%;width:50%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 4px #dded771c}h1{position:relative;font-family:Georgia,'Times New Roman',serif;font-weight:900;font-size:clamp(64px,7.5vw,119px);letter-spacing:-.085em;line-height:.83;margin:26px 0 20px;transform:rotate(-4deg);text-shadow:3px 5px 0 #cf6283,5px 8px 0 #292039}h1 span{display:block}h1 span:nth-child(2){color:var(--lime)}h1 i{position:absolute;left:4.8em;top:.11em;color:var(--orange);font-size:1.3em;font-style:normal;transform:rotate(11deg)}.tagline{font-family:Georgia,serif;font-style:italic;font-size:29px;letter-spacing:-.7px;margin:25px 0 13px}.intro-copy{font-size:13px;line-height:1.8;color:#fff0ceb0}.track-label{display:flex;gap:13px;align-items:center;margin-top:22px}.orbit{font-size:50px;color:var(--pink);line-height:1}.track-label div{display:grid;gap:5px}.track-label small{font-size:8px;letter-spacing:1.7px;color:#fff0ce8c}.track-label strong{font-size:15px}.track-label div>span{font-size:10px;color:#fff0cea0}.world-note{position:absolute;top:20%;right:7%;font-size:12px;letter-spacing:2px;line-height:1.4;text-align:center;transform:rotate(12deg);color:var(--ink);font-weight:800}.world-note>span{font-size:48px;display:block;line-height:1.2}.garage{position:absolute;bottom:67px;left:5%;right:5%;border-top:1px solid #fff0ce50;padding-top:17px}.garage-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}h2{margin:0}.garage h2{font-size:10px;letter-spacing:1.8px}.garage h2>span{color:var(--pink);margin-right:10px}.garage-note{font-family:Georgia,serif;font-size:13px;font-style:italic}.garage-bottom{display:flex;gap:28px;align-items:stretch}.racers{display:flex;gap:10px;flex:1}.racer{background:#292039dd;border:1px solid #fff0ce40;border-radius:9px;display:flex;align-items:center;gap:6px;padding:7px 12px 7px 4px;text-align:left;flex:1;min-width:0;position:relative;transition:transform .15s,border-color .15s}.racer:hover{transform:translateY(-4px)}.racer.selected{border:2px solid var(--lime);background:#42433a}.racer.selected:after{content:'✓';position:absolute;right:6px;top:4px;color:var(--lime);font-size:11px}.racer canvas{width:64px;height:77px;flex-shrink:0}.racer strong{font-family:'Space Grotesk',sans-serif;font-size:12px;display:block}.racer small{font-size:8px;letter-spacing:1px;color:#fff0ce99;display:block;margin-top:5px}.launch{width:27%;display:flex;flex-direction:column;justify-content:center;gap:12px}.launch button,.solid{background:var(--lime);border:0;border-radius:6px;color:var(--ink);font-size:13px;font-weight:800;padding:21px 20px;letter-spacing:1px;text-align:left;box-shadow:0 5px 0 #18131c;transition:transform .12s}.launch button:hover,.solid:hover{transform:translateY(-3px);background:#eefda0}.launch button span{float:right;font-size:19px;line-height:16px}.launch>span{font-size:7px;letter-spacing:1px;text-align:center}footer{position:absolute;bottom:24px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;color:#fff0ce90}#hud{position:fixed;inset:0;pointer-events:none}#hud button{pointer-events:auto}.race-top{position:absolute;top:115px;left:4%;right:4%;display:flex;justify-content:space-between;text-shadow:2px 3px var(--ink)}.position strong{font-family:Georgia,serif;font-style:italic;font-size:100px;line-height:1}.position>span{font-size:25px;font-weight:800}.position small{display:block;font-size:12px;letter-spacing:2px}.lap{display:flex;align-items:flex-end;flex-direction:column;gap:8px}.lap small{font-size:10px;letter-spacing:2px}.lap b{font-size:28px}.lap em{opacity:.6;font-style:normal}.lap>span{font-family:monospace;font-size:20px}.race-bottom{position:absolute;bottom:30px;left:4%;right:4%;display:flex;align-items:flex-end;justify-content:space-between}.speed{width:210px;text-shadow:1px 2px var(--ink)}.speed strong{font-size:58px;font-family:'Space Grotesk',sans-serif}.speed>span{font-size:12px;margin-left:8px}.boost-meter{height:7px;background:#29203988;border-radius:4px;overflow:hidden;margin:6px 0}.boost-meter i{display:block;height:100%;background:var(--lime);width:0}.speed small{font-size:8px;letter-spacing:1px}#item{display:flex;flex-direction:column;align-items:center;gap:6px;border:2px solid var(--cream);background:#292039df;border-radius:15px;padding:13px 20px;min-width:135px;box-shadow:4px 5px #29203955}#item-icon{font-size:40px;line-height:1}#item-name{font-size:10px;letter-spacing:1px}#item small{font-size:8px;opacity:.7}#pause{position:absolute;top:90px;left:50%;transform:translateX(-50%)}#announcement{position:absolute;top:28%;width:100%;text-align:center;font-size:24px;font-weight:800;text-shadow:2px 3px var(--ink);color:var(--lime)}#countdown{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%) rotate(-8deg);font-family:Georgia,serif;font-size:140px;color:var(--lime);text-shadow:5px 8px var(--ink);pointer-events:none}dialog{border:2px solid var(--cream);background:var(--ink);color:var(--cream);border-radius:16px;width:min(490px,92vw);padding:35px;box-shadow:12px 12px 0 #e877a877}dialog::backdrop{background:#21182ac2;backdrop-filter:blur(8px)}dialog h2{font-family:Georgia,serif;font-size:45px;line-height:1.05;font-style:italic;letter-spacing:-2px;margin:18px 0 22px}dialog .eyebrow{font-size:8px;color:var(--pink)}.close{position:absolute;right:13px;top:9px;background:none;border:none;font-size:28px}.controls-list p{display:flex;align-items:center;gap:8px;font-size:12px}.controls-list span{margin-left:auto;max-width:230px;line-height:1.5}kbd{border:1px solid #fff0ce66;border-radius:4px;padding:4px 7px;white-space:nowrap;font-size:10px}.guide-note{font-size:11px;line-height:1.7;opacity:.65;margin:23px 0}.solid{width:100%;margin-top:10px}.secondary{display:block;background:none;border:1px solid #fff0ce66;border-radius:6px;width:100%;padding:14px;margin-top:15px;font-size:11px;letter-spacing:1px}#results div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #fff0ce33;font-size:13px}#results .you{color:var(--lime)}#finish-summary,#best{font-size:12px;color:#fff0cea9}.touch-controls{display:none}[hidden]{display:none!important}
@media(max-width:1100px){.racer{flex-direction:column;padding:3px 7px 10px;text-align:center}.racer canvas{height:57px;width:52px}.garage-bottom{gap:15px}.racer strong{font-size:10px}.garage{bottom:57px}.intro{top:16%}.track-label{margin-top:15px}.intro-copy{margin:6px 0}.tagline{margin-top:22px;font-size:25px}}
@media(max-height:740px) and (min-width:751px){.intro{top:16%}.intro h1{font-size:80px;margin:20px 0 14px}.intro-copy{display:none}.track-label{margin-top:13px}.tagline{margin:18px 0 10px}.garage{bottom:50px}.racer canvas{height:55px;width:46px}.racer{flex-direction:row}.world-note{top:20%}footer{bottom:17px}}
@media(max-width:750px){header{padding:17px 5%}.brand>span:last-child{display:none}.pill{padding:9px 11px;font-size:8px}.intro{top:16%;width:85%}.intro h1{font-size:clamp(58px,13vw,98px);width:85%}.tagline{font-size:24px}.intro-copy{font-size:11px}.track-label{display:none}.world-note{top:41%;right:8%;font-size:9px}.world-note>span{font-size:36px}#lobby{background:linear-gradient(90deg,#292039e0,#29203966 70%,transparent)}.garage{bottom:43px}.garage-note{display:none}.garage-bottom{flex-direction:column;gap:14px}.garage h2{font-size:9px}.racers{gap:6px}.racer{padding:3px 3px 8px}.racer canvas{height:57px;width:46px}.racer strong{font-size:9px}.racer small{font-size:6px;letter-spacing:.5px}.launch{width:100%;gap:9px}.launch button{padding:17px}.garage-top{margin-bottom:10px}footer{bottom:16px;font-size:6px}footer>span:nth-child(2){display:none}.race-top{top:100px}.position strong{font-size:65px}.lap b{font-size:20px}.race-bottom{bottom:115px}.speed{width:120px}.speed strong{font-size:35px}.speed small{font-size:6px}#item{padding:10px;min-width:105px}#minimap{width:105px;height:90px}.touch-controls{display:flex;position:absolute;bottom:25px;left:5%;right:5%;gap:12px;pointer-events:auto;justify-content:space-between}.touch-controls button{width:60px;height:58px;border:1px solid var(--cream);border-radius:14px;background:#292039bb;touch-action:none;font-size:14px;font-weight:bold}.touch-controls button:last-child{background:#dded77cc;color:var(--ink)}#announcement{top:32%;font-size:18px}dialog{padding:25px}dialog h2{font-size:38px}.controls-list span{max-width:180px}}
@media(prefers-reduced-motion:reduce){button{transition:none!important}.grain{display:none}}

.race-bottom #item{position:absolute;right:200px;bottom:0}@media(max-width:750px){.race-bottom #item{right:0;bottom:106px}}
.map-picker{position:absolute;bottom:190px;left:5%;right:5%}.map-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.map-heading h2{font-size:10px;letter-spacing:1.7px}.map-heading>span{font-size:11px;font-family:Georgia,serif;font-style:italic}#maps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.map-card{background:#201b35e8;border:1px solid #fff0ce55;border-radius:7px;padding:12px 10px;display:flex;gap:10px;align-items:center;text-align:left;min-width:0;transition:transform .15s}.map-card:hover{transform:translateY(-3px)}.map-card.selected{border:2px solid var(--map-color);background:#352b49f2}.map-icon{font-family:Georgia,serif;font-size:33px;color:var(--map-color);line-height:1}.map-card small{display:block;font-size:6px;letter-spacing:1px;color:var(--map-color);margin-bottom:4px}.map-card strong{display:block;font-size:11px;font-family:'Space Grotesk',sans-serif;line-height:1.25}.map-card em{display:block;font-style:normal;font-size:6px;line-height:1.4;letter-spacing:.5px;opacity:.65;margin-top:5px}#world-description{margin:8px 0 0;font-size:10px;color:#fff0cebc}.intro{top:15%}.intro h1{font-size:clamp(64px,7vw,103px)}.intro-copy{display:none}.world-note{color:var(--cream);text-shadow:1px 2px #292039}.track-label{margin-top:12px}
@media(max-width:1100px){.map-picker{bottom:225px}.map-card{padding:10px 7px;gap:6px}.map-icon{font-size:24px}.map-card strong{font-size:9px}.map-card em{display:none}.intro h1{font-size:76px}.track-label{display:none}}
@media(max-height:740px) and (min-width:751px){.map-picker{bottom:168px}.map-card{padding:8px}.intro{top:15%}.intro h1{font-size:68px;margin:15px 0 10px}.tagline{font-size:23px;margin:12px 0}.track-label{display:none}}
@media(max-width:750px){.intro{top:14%}.intro h1{font-size:56px}.intro .eyebrow{font-size:8px;letter-spacing:1px}.tagline{font-size:21px;margin-top:20px}.map-picker{bottom:303px}.map-heading>span{display:none}.map-heading h2{font-size:8px}#maps{display:flex;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.map-card{flex:0 0 43%;min-height:76px;scroll-snap-align:start;padding:9px}.map-card strong{font-size:10px}.map-icon{font-size:25px}#world-description{font-size:9px;line-height:1.4;min-height:26px}.world-note{top:32%;right:7%;font-size:8px}.world-note>span{font-size:26px}.race-top .lap small{max-width:150px;text-align:right;font-size:8px}}
@media(max-width:750px) and (max-height:740px){.intro{top:12%}.intro h1{font-size:43px;margin:16px 0 8px}.tagline{font-size:18px;margin-top:12px}.world-note{display:none}.map-picker{bottom:279px}.map-card{min-height:64px}.map-card small{font-size:5px}#world-description{display:none}.garage{bottom:38px}.racer canvas{height:46px}.launch button{padding:15px}}
@media(max-width:750px){.map-heading>span{display:block;font-size:0}.map-heading>span:after{content:'SWIPE TO EXPLORE →';font:700 7px 'DM Sans',Arial,sans-serif;letter-spacing:.7px;color:#fff0ce99}}
#maps{scrollbar-width:thin;scrollbar-color:#bb9ccb #29203966}#maps::-webkit-scrollbar{height:4px}#maps::-webkit-scrollbar-track{background:#29203966;border-radius:6px}#maps::-webkit-scrollbar-thumb{background:#bb9ccb;border-radius:6px}

/* Course previews and readable, compact garage. */
.course-preview{position:absolute;top:105px;right:5%;width:310px;padding:16px 18px 10px;background:#19162dd9;border:1px solid #fff0ce55;border-radius:12px;backdrop-filter:blur(8px);box-shadow:7px 7px 0 #1c152644}.preview-top,.preview-bottom,.preview-legend{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1px;color:#fff0ceaa}.preview-top{color:var(--lime);font-size:8px}.live-dot{font-size:10px}.course-preview h2{font-family:Georgia,serif;font-style:italic;font-size:23px;margin-top:8px}.course-preview>p{font-size:7px;letter-spacing:1px;margin:7px 0}.course-preview canvas{display:block;width:100%;height:auto}.preview-legend{font-size:6px;letter-spacing:.4px}.secret-hint{color:var(--lime);border-top:1px solid #fff0ce33;padding-top:9px;line-height:1.5}.map-card{padding:6px;gap:6px}.map-card canvas{width:38%;height:auto;flex-shrink:0}.map-card small{font-size:6px}.map-card strong{font-size:10px}.map-card em{font-size:6px}#world-description{line-height:1.5}.map-picker{bottom:199px}.intro h1{font-size:clamp(58px,6.6vw,100px)}
@media(min-width:751px) and (max-height:790px){.course-preview{top:94px;width:265px;padding:10px 15px}.course-preview h2{font-size:20px}.course-preview #course-diagram{height:114px}.course-preview #elevation-preview{height:29px}.map-picker{bottom:172px}.map-card canvas{width:32%}.intro .track-label{display:none}}
@media(min-width:751px) and (max-width:1100px) and (min-height:791px){.map-picker{bottom:225px}}
@media(max-width:750px){#lobby{overflow-y:auto;min-height:100svh;height:100svh;padding:92px 5% 20px;background:linear-gradient(90deg,#292039e8,#29203988)}.intro{position:relative;left:auto;top:auto;width:100%}.intro h1{font-size:55px;margin:20px 0 12px}.intro .tagline{margin:14px 0;font-size:21px}.intro .eyebrow{font-size:7px}.course-preview{position:relative;right:auto;top:auto;width:100%;padding:12px 16px;margin:24px 0 20px}.course-preview h2{font-size:22px}.course-preview #course-diagram{height:130px}.course-preview #elevation-preview{height:34px}.map-picker{position:relative;left:auto;right:auto;bottom:auto;margin-top:18px}.map-card{flex-basis:60%;padding:8px;min-height:76px}.map-card canvas{width:40%}#world-description{display:block;min-height:28px;font-size:10px}.garage{position:relative;left:auto;right:auto;bottom:auto;margin-top:22px}.garage-bottom{gap:14px}.racer canvas{height:57px}.racer strong{font-size:9px}footer{position:relative;left:auto;right:auto;bottom:auto;margin-top:23px;font-size:6px}.map-heading{gap:7px}.map-heading h2{font-size:8px}.course-preview .preview-bottom{font-size:6px}.launch{position:sticky;bottom:10px;z-index:2}.world-note{display:none}}
@media(min-width:751px) and (max-height:590px){#lobby{overflow-y:auto;min-height:620px}.course-preview{top:92px}.map-picker{bottom:180px}.intro h1{font-size:60px}}

#preview-open{width:100%;border:1px solid #dded7799;color:var(--lime);background:#29203999;border-radius:5px;padding:8px;font-size:8px;letter-spacing:1px;font-weight:bold}.course-preview #course-diagram{max-height:145px}.racers{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#b4a0cf #29203955;padding-bottom:7px;scroll-snap-type:x mandatory}.racer{flex:0 0 145px;scroll-snap-align:start}.garage-bottom .launch{flex-shrink:0}.garage-note{font-size:10px}.racer canvas{object-fit:contain}.racer small{font-size:7px}#tour{position:fixed;inset:0;pointer-events:none}.tour-heading{position:absolute;top:110px;left:5%;text-shadow:2px 3px var(--ink)}.tour-heading>span{font-size:9px;letter-spacing:2px;color:var(--lime)}.tour-heading h2{font:italic 36px Georgia;margin-top:8px}.tour-heading p{font-size:10px;letter-spacing:2px}.tour-controls{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:min(560px,90%);background:#292039db;border:1px solid #fff0ce77;border-radius:12px;padding:15px;pointer-events:auto}.tour-controls label{display:block;text-align:center;font-size:9px;letter-spacing:2px}.tour-controls input{width:100%;accent-color:var(--lime);margin:12px 0}.tour-controls>div{display:flex;gap:8px;justify-content:space-between}.tour-controls .pill{font-size:8px;padding:9px 12px}.course-preview{padding-bottom:12px}
@media(min-width:751px) and (max-height:790px){.course-preview #course-diagram{height:90px}.course-preview h2{font-size:19px}.course-preview .secret-hint{margin:5px 0;padding-top:5px}.course-preview{top:90px}.racer{flex-basis:138px}.garage-note{font-size:9px}}
@media(max-width:750px){.racer{flex:0 0 110px;min-height:110px}.racer canvas{height:64px;width:64px}.garage-note{display:block;max-width:145px;text-align:right;font-size:9px}.garage-top h2{max-width:125px;line-height:1.5}.course-preview #course-diagram{height:130px}.course-preview{top:auto}.tour-heading h2{font-size:29px}.tour-controls .pill{font-size:7px;padding:9px}.launch{position:relative;bottom:auto}}

#lobby{overflow-x:hidden}@media(max-width:750px){header{background:linear-gradient(#292039e8,#29203999,transparent)}}

#place-name{font-size:8px;letter-spacing:1px;color:var(--lime)}#tour-place{font-size:15px!important;color:var(--lime);letter-spacing:2px!important;margin-bottom:5px}#tour-feature{opacity:.7;font-size:9px!important}#tour-stops{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px}#tour-stops button{border:1px solid #fff0ce44;background:#51405b88;border-radius:4px;font-size:7px;line-height:1.5;padding:8px 5px;color:var(--cream)}#tour-stops button:hover,#tour-stops button:focus-visible{background:#77606f;color:var(--lime)}#world-description{text-transform:capitalize;font-size:10px;letter-spacing:.3px}@media(max-width:750px){#tour-stops{grid-template-columns:repeat(2,1fr)}#tour-stops button{font-size:7px;padding:6px}.tour-controls{padding:12px}.tour-heading{top:90px}.tour-heading h2{font-size:26px}#place-name{font-size:7px;max-width:160px}.tour-heading #tour-place{font-size:12px!important;max-width:270px}}

#item.ready{box-shadow:0 0 0 4px #dded772b,0 0 24px #dded7744}#item-hint{max-width:145px;line-height:1.5}#power-feedback{position:fixed;left:50%;top:37%;transform:translateX(-50%);max-width:88%;padding:11px 17px;background:#292039eb;border:1px solid var(--lime);border-radius:8px;color:var(--lime);font-size:12px;font-weight:bold;text-align:center;text-shadow:none;pointer-events:none}#item.empty-ping{animation:item-ping .32s ease-out}@keyframes item-ping{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}@media(max-width:750px){#power-feedback{top:40%;font-size:10px;width:max-content;max-width:90%}#item-hint{max-width:108px;font-size:6px!important}}

#pack-status{position:fixed;top:205px;left:5%;font-size:10px;font-weight:bold;color:var(--lime);padding:8px 11px;background:#292039c9;border-radius:20px}#attack-warning{position:fixed;top:27%;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;text-align:center;background:#292039ed;border:2px solid #ff598d;color:#fff0ce;padding:12px 18px;border-radius:9px;font-size:12px;font-weight:bold}.power-guide{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.power-guide p{font-size:11px;line-height:1.6;padding:12px;background:#fff0ce0a;border:1px solid #fff0ce22;border-radius:8px}.power-guide b{display:block;color:var(--lime);font-size:10px;margin-bottom:5px}@media(max-width:750px){#pack-status{top:175px;font-size:8px}#attack-warning{top:30%;font-size:10px;padding:9px}.power-guide{grid-template-columns:1fr}}
@media(min-width:751px) and (max-width:1050px){.race-bottom #item{right:0;bottom:165px}}

#stair-warning{position:fixed;left:5%;top:246px;max-width:285px;background:#292039ed;border:1px solid #ffc777;border-radius:8px;padding:9px 12px;color:#ffc777;font-size:10px;font-weight:bold;line-height:1.5;pointer-events:none}@media(max-width:750px){#stair-warning{top:209px;max-width:200px;font-size:8px}}

#road-legend{position:fixed;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:18px;background:#191526df;border:1px solid #fff0ce33;border-radius:20px;padding:7px 15px;font-size:10px;font-weight:800;letter-spacing:.6px;white-space:nowrap}.cue-item{color:#83ffd5}.cue-boost{color:#6be7ff}.cue-danger{color:#ff7890}.road-guide{padding:14px;border:1px solid #83ffd5;border-radius:8px;font-size:12px;line-height:1.8}.road-guide b{color:#83ffd5}@media(max-width:750px){#road-legend{top:69px;bottom:auto;font-size:8px;gap:12px;padding:6px 10px}}
/* The dimension terminal: a scrollable, responsive launch menu. */
#lobby{height:100svh;min-height:0;overflow-y:auto;padding:104px 5% 28px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;background:linear-gradient(110deg,#1c172ef5,#241a34d9 60%,#271d38aa);scrollbar-width:thin;scrollbar-color:#bd98b4 #21192e}
#lobby .intro{position:relative;inset:auto;width:auto;align-self:center;padding:10px 0 20px}
#lobby .intro h1{font-size:clamp(60px,7vw,106px);margin:22px 0 25px;width:auto;max-width:530px}#lobby .intro .tagline{font-size:25px;margin:12px 0}#lobby .intro .track-label{display:none}.menu-stats{display:flex;gap:20px;margin-top:22px;font:700 10px Arial;letter-spacing:2px;color:#e8b1c8}
#lobby .course-preview{position:relative;inset:auto;width:auto;margin:0;background:#211a31d9;border-radius:18px;padding:18px;align-self:stretch}#lobby .course-preview h2{font-size:25px}#lobby .course-preview #course-diagram{height:110px;max-height:none}#lobby .course-preview #elevation-preview{height:30px}#lobby .course-preview>p{font-size:8px;line-height:1.6}#preview-open{min-height:42px;font-size:9px}
#lobby .map-picker,#lobby .garage{position:relative;inset:auto;margin:0;grid-column:1/-1;min-width:0}#lobby .map-heading{margin-bottom:14px;gap:12px}#lobby .map-heading h2,#lobby .garage h2,.race-options h2{font-size:10px;letter-spacing:1.4px}#lobby .map-heading>span{font-size:11px}#lobby .map-heading>span:after{content:none}
#maps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;overflow:visible;padding:0}.map-card{display:block;padding:0!important;border-radius:12px;overflow:hidden;border:1px solid #fff0ce40;min-height:0!important;transition:border-color .15s,transform .15s;background:#211a30}.map-card.selected{border:1px solid var(--map-color);box-shadow:0 0 0 2px var(--map-color)}.map-card>span{display:block;padding:11px 12px}.map-card strong{font-size:12px!important}.map-card small{font-size:7px!important}.map-card em{display:block!important;font-size:7px!important;letter-spacing:.3px;min-height:20px}.map-art{position:relative;height:91px;overflow:hidden;background:radial-gradient(ellipse at 23% 60%,#ffdb8b55,transparent 55%),linear-gradient(135deg,#e66585,#422655)}.map-art:after{content:'';position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 12% 130%,transparent 0 16px,#fff0ce12 17px 19px);pointer-events:none}.map-art i{position:absolute;left:14px;top:3px;font:italic 80px Georgia;color:var(--map-color);text-shadow:0 0 20px var(--map-color);opacity:.9}.map-card .map-art canvas{position:absolute;right:0;top:0;width:66%;height:91px;object-fit:contain;filter:drop-shadow(0 2px 3px #191329)}.biome-1{background:conic-gradient(from 30deg at 20% 60%,#191329,#6d518b,#152b50,#ad5395,#191329)}.biome-2{background:linear-gradient(145deg,#123949,#35355b,#132336)}.biome-3{background:repeating-linear-gradient(35deg,#695970 0 22px,#3f3550 22px 44px)}.biome-4{background:radial-gradient(ellipse at 20% 60%,#6c9975,#173d3d 60%,#162c39)}.biome-5{background:repeating-linear-gradient(110deg,#153e56 0 25px,#246879 26px 30px,#153e56 50px)}.biome-6{background:radial-gradient(ellipse at 30% 60%,#b5769c33,transparent 55%),radial-gradient(circle at 15% 20%,#fff 0 1px,transparent 2px),#14142d}.biome-7{background:repeating-conic-gradient(from 0deg at 22% 60%,#382944 0 8deg,#98788a 9deg 11deg,#382944 12deg 25deg)}
#world-description{font-size:11px!important;min-height:17px;margin-top:12px}.race-options{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;gap:24px;padding:22px 0;border-top:1px solid #fff0ce33;border-bottom:1px solid #fff0ce33}.option-buttons{display:flex;gap:8px;margin-top:14px}.option-buttons button{flex:1;min-height:58px;padding:12px 8px;background:#2a223a;border:1px solid #fff0ce44;border-radius:8px;text-align:left;font-size:12px}.option-buttons small{display:block;font-size:7px;letter-spacing:.7px;margin-top:6px;color:#fff0ce88}.option-buttons [aria-pressed=true]{background:#dded7717;border-color:var(--lime);color:var(--lime)}.option-buttons button:disabled{opacity:.35;cursor:default}.levels button{text-align:center;font-weight:bold}.option-group p{font-size:11px;line-height:1.6;margin:10px 0 0;color:#fff0ceaa;min-height:35px}
#lobby .garage{border:0;padding-top:0}#lobby .garage-bottom{display:block}.racers{width:100%;max-width:100%}.racer{flex:0 0 145px;flex-direction:column;min-height:129px}.racer canvas{width:65px;height:78px!important}.racer strong{font-size:10px}.garage-note{font-size:10px}.garage .launch{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.garage .launch button{width:310px;flex-shrink:0}.launch>span{text-align:right;font-size:10px;line-height:1.8}#lobby footer{position:relative;inset:auto;grid-column:1/-1;margin:0;font-size:7px}#race-format{color:var(--lime);font-size:8px;letter-spacing:1px}
@media(max-width:750px){#lobby{grid-template-columns:minmax(0,1fr);padding:90px 5% 24px;gap:22px}#lobby .intro{padding:0}#lobby .intro h1{font-size:66px;margin:15px 0 24px}#lobby .intro .tagline{font-size:23px}.menu-stats{gap:18px;margin-top:17px;font-size:9px}#lobby .course-preview{padding:16px}#lobby .course-preview #course-diagram{height:125px}#maps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.map-art{height:83px}.map-card .map-art canvas{height:83px}.map-card>span{padding:10px}.map-card strong{font-size:11px!important}.map-card em{font-size:6px!important}.map-art i{font-size:70px;left:7px}#lobby .map-heading>span{display:none}.race-options{grid-template-columns:minmax(0,1fr);gap:20px}.option-buttons button{min-height:58px}#lobby .garage-top h2{max-width:none;font-size:9px}.garage-note{max-width:125px!important;font-size:9px}.garage .launch{flex-direction:column;gap:14px}.garage .launch button{width:100%}.launch>span{text-align:center}.touch-controls{gap:7px}.touch-controls button{width:56px;min-width:44px;font-size:11px}#race-format{max-width:150px;font-size:7px}.pill{min-height:42px}}
@media(max-width:390px){#lobby .intro h1{font-size:57px}.option-buttons{gap:5px}.option-buttons button{font-size:11px;padding:10px 6px}.option-buttons small{font-size:6px}.touch-controls{left:3%;right:3%;gap:5px}.touch-controls button{width:52px}}
@media(max-height:500px) and (orientation:landscape){.race-top{top:80px}.position strong{font-size:42px}.lap b{font-size:16px}.lap{gap:3px}#pack-status{top:143px;font-size:7px}#stair-warning{top:175px;font-size:7px}#road-legend{top:auto;bottom:3px;font-size:7px}#pause{top:78px}.race-bottom{bottom:90px}.speed strong{font-size:26px}#minimap{width:90px;height:74px}.race-bottom #item{right:0;bottom:76px;padding:6px;min-width:95px}#item-icon{font-size:22px}#announcement{top:43%;font-size:15px}.touch-controls{display:flex;position:absolute;bottom:26px;left:4%;right:4%;justify-content:space-between;gap:8px}.touch-controls button{width:65px;height:48px;border:1px solid var(--cream);border-radius:10px;background:#292039cc;touch-action:none;font-size:12px}}
body:has(#lobby:not([hidden])) header{background:linear-gradient(#231b32 65%,#231b32e8 86%,transparent);padding-bottom:20px}
@media(max-width:750px){#lobby .intro h1 i{left:auto;right:6px;top:0;font-size:1em}}
@media(max-height:500px) and (orientation:landscape){#minimap{display:none}.race-bottom #item{bottom:-10px;max-width:150px}#item-hint{max-width:130px}}

/* Vehicle names and trail signatures are visible before racing. */
.racer em{display:block;font-style:normal;font-size:8px;line-height:1.5;color:#fff0ce88;margin-top:7px}.racer small{color:var(--lime);font-size:7px}.vehicle-detail{font-size:11px;color:#dded77;line-height:1.6;margin:0 0 14px}.garage .racer{flex-basis:165px;min-height:172px;padding:5px 9px 10px}.garage .racer canvas{width:94px;height:110px!important}.garage .garage-note{max-width:240px}.racer em{max-width:140px}@media(max-width:750px){.garage .racer{flex-basis:143px}.vehicle-detail{font-size:10px}.garage .racer canvas{width:87px;height:102px!important}}

.course-preview .music-title{color:#9fe9dc;font-size:9px!important;letter-spacing:.3px!important;border-bottom:1px solid #fff0ce22;padding-bottom:8px}

/* Item notices keep the centre of the racing line clear. */
#item-event{position:absolute;top:24%;left:50%;transform:translateX(-50%);width:max-content;max-width:min(460px,88vw);padding:12px 24px;border:2px solid #9bffda;border-radius:15px;background:#202033f0;box-shadow:0 5px 0 #11182766,0 0 28px #9bffda30;text-align:center;pointer-events:none;z-index:3;color:#c9ffe9}
#item-event[hidden]{display:none}#item-event strong{display:block;font-size:clamp(16px,2.2vw,26px);font-weight:900;letter-spacing:.5px}#item-event span{display:block;font-size:10px;letter-spacing:1px;margin-top:5px;color:#fff0ce}#item-event[data-mood=danger]{border-color:#ff668a;color:#ff91ae;box-shadow:0 5px 0 #11182766,0 0 32px #ff668a50}#attack-warning{top:37%;background:#292039f5;border-width:3px;font-weight:900}#announcement{top:47%;font-size:16px}#power-feedback{font-weight:800}
@media(max-width:750px){#item-event{top:27%;padding:9px 14px}#item-event span{font-size:9px}#attack-warning{top:40%}}
@media(max-height:500px) and (orientation:landscape){#item-event{top:25%;left:48%;max-width:48vw;padding:6px 12px}#item-event strong{font-size:15px}#attack-warning{top:43%}}

#hud:has(#item-event:not([hidden])) #announcement{opacity:0}