/* Wobble Run: race-world launch, full-bleed course, readable race UI. */
.wobble-pro{background:#91d2e0!important;isolation:isolate;font-family:Rubik,Arial,sans-serif}
.wobble-pro .friends-help,.wobble-pro .friends-panel{display:none!important}
.wobble-pro .wr-ui{position:absolute;inset:0;z-index:2;pointer-events:none;color:#fff9ef}
.wr-ui [hidden],.wr-launch[hidden],.wr-pause[hidden]{display:none!important}
.wr-hud{position:absolute;inset:0}
.wr-mainline{position:absolute;left:24px;right:24px;top:18px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.wr-place,.wr-round{padding:12px 18px;border:1px solid #ffffff73;border-radius:17px;background:linear-gradient(145deg,#29415ceb,#233451df);box-shadow:0 5px 20px #14354a20,inset 0 1px 0 #ffffff20;backdrop-filter:blur(8px)}
.wr-caption{display:block;color:#c3e6e9;font-size:10px;font-weight:800;letter-spacing:1.8px}
.wr-place strong{display:block;line-height:1.1;font-size:40px;font-weight:900;letter-spacing:-1.5px}
.wr-place strong span{font-size:14px;letter-spacing:0;color:#c3dce7}
.wr-round{text-align:right;min-width:180px}
.wr-round strong{display:block;font-size:17px;margin-top:5px;letter-spacing:-.3px}
.wr-qualify{display:block;color:#ffe393;font-size:12px;font-weight:700;margin-top:5px}
.wr-progress{position:absolute;top:30px;left:50%;width:min(33%,400px);transform:translateX(-50%);padding:10px 12px;border-radius:20px;background:#263b57c7;border:1px solid #ffffff50;display:flex;align-items:center;gap:10px;backdrop-filter:blur(8px)}
.wr-course-label{font-size:8px;font-weight:800;letter-spacing:.8px;color:#d8e9f1}
.wr-progress-track{position:relative;flex:1;height:6px;border-radius:6px;background:#162c416b}
.wr-progress-track i{position:absolute;inset:0 auto 0 0;width:0;border-radius:6px;background:linear-gradient(90deg,#64dfce,#fff088)}
.wr-course-dot{position:absolute;top:50%;left:0;width:10px;height:10px;background:#fff6d7;border:2px solid #385b6c;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff4}
.wr-progress-text{width:30px;font-size:10px;font-weight:800;text-align:right;color:#fff4cd}
.wr-standings{position:absolute;left:24px;bottom:100px;width:160px;background:#253c55dc;border:1px solid #ffffff60;border-radius:16px;padding:13px 14px;backdrop-filter:blur(8px);box-shadow:0 4px 14px #15455415}
.wr-standings>.wr-caption{margin-bottom:8px}
.wr-leader{display:flex;align-items:center;gap:6px;font-size:10px;line-height:24px;color:#e5f0ef;white-space:nowrap}
.wr-leader i{width:7px;height:7px;border:1px solid #ffffff66;border-radius:50%;flex:none}
.wr-leader span{flex:1;overflow:hidden;text-overflow:ellipsis}
.wr-leader b{font-size:9px;color:#c5e4de}
.wr-tip{position:absolute;bottom:78px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);padding:9px 15px;border-radius:25px;background:#273c54e5;border:1px solid #ffffff66;color:#fff3ce;text-align:center;font-size:12px;font-weight:800;white-space:nowrap;box-shadow:0 4px 16px #16415720}
.wr-tip::after{content:attr(data-bonus);color:#b2edbd;font-weight:700;font-size:10px;display:inline-block;margin-left:10px}
.wr-tip[data-bonus=""]::after{display:none}
.wr-tip.is-warning{background:#6c4968e8;color:#fff2b2}.wr-tip.is-airborne{background:#237f90e8;color:#f3ffe6}
.wr-announcement{position:absolute;top:39%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:5px;width:85%;text-align:center;filter:drop-shadow(0 6px 0 #253952) drop-shadow(0 6px 15px #17445c60);animation:wr-pop .25s ease-out}
.wr-announcement strong{font-size:clamp(64px,10vw,112px);font-weight:900;line-height:.95;letter-spacing:-4px;color:#fff6ce;-webkit-text-stroke:2px #263b55}
.wr-announcement strong:not(:empty){max-width:100%;overflow-wrap:break-word}
.wr-announcement span{font-size:14px;font-weight:800;color:#ffffff;margin-top:13px;letter-spacing:.5px;text-shadow:0 1px 2px #213d58;filter:none}
.wr-launch{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:4% 6%;pointer-events:none;background:linear-gradient(90deg,#1c405c5e,transparent 60%)}
.wr-launch-copy{color:#fff9ed;text-shadow:0 3px 6px #214e6166;max-width:440px}
.wr-eyebrow{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:900;letter-spacing:2.8px;color:#fff7d1;margin-bottom:16px}
.wr-eyebrow i{width:7px;height:7px;border-radius:50%;background:#fff09c;box-shadow:0 0 0 4px #fff3}
.wr-launch h2{position:relative;display:inline-block;color:#fff4d7;margin:0;font-size:clamp(60px,7.8vw,108px);font-weight:900;letter-spacing:-5px;line-height:.91;transform:rotate(-4deg);filter:drop-shadow(0 5px 0 #254560);-webkit-text-stroke:1.5px #27465e}
.wr-launch h2 em{font-style:normal;color:#ffe074}.wr-title-spark{position:absolute;color:#ff8fad;font-size:50px;right:12%;bottom:9%;-webkit-text-stroke:1px #46586a;transform:rotate(9deg)}
.wr-launch p{font-size:15px;font-weight:800;margin:22px 0 18px;line-height:1.4;color:#fffdf1}
.wr-round-route{display:flex;gap:10px;align-items:center;color:#fff9df;margin-bottom:25px}
.wr-round-route>span{display:flex;flex-direction:column;align-items:center;font-size:24px;line-height:1.1;font-weight:900}
.wr-round-route small{font-size:7px;letter-spacing:1.1px;margin-top:5px}.wr-round-route>i{font-size:17px;font-style:normal;color:#e6faf399}
.wr-round-route .wr-crown{font-size:39px;line-height:1;color:#ffdf82;margin-top:-4px}
.wr-launch-actions{pointer-events:auto;width:280px;max-width:100%}
.wr-race-button,.wr-pause button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border:2px solid #fff4c3;border-radius:18px;background:linear-gradient(180deg,#ffdf7c,#ffbd5e);box-shadow:0 6px 0 #a96935,0 10px 25px #18394e40;color:#293b53;font:900 21px Rubik,Arial,sans-serif;letter-spacing:1.5px;cursor:pointer;transition:transform .12s,filter .12s}
.wr-race-button span,.wr-pause button span{font-size:25px}.wr-race-button:hover,.wr-pause button:hover{filter:brightness(1.07);transform:translateY(-2px)}.wr-race-button:active,.wr-pause button:active{transform:translateY(4px);box-shadow:0 2px 0 #a96935}
.wr-race-button:focus-visible,.wr-options summary:focus-visible,.wr-pause button:focus-visible{outline:3px solid #fff;outline-offset:5px}
.wr-launch-controls{margin-top:17px;color:#fff9e8;font-size:10px;line-height:1.5;text-shadow:0 2px 3px #19394f;font-weight:700;text-align:center}
.wr-options{position:relative;margin-top:13px;color:#fff9e8;font-size:10px;font-weight:700;text-align:center;text-shadow:0 2px 3px #19394f}.wr-options summary{list-style:none;cursor:pointer;color:#e7f5ea;text-decoration:underline;text-decoration-color:#e7f5ea80;text-underline-offset:4px}.wr-options summary::-webkit-details-marker{display:none}.wr-options label{display:flex;align-items:center;justify-content:center;gap:5px;margin:12px 0 3px}.wr-options input{accent-color:#ffdc79;width:16px;height:16px}.wr-options p{font-size:9px;margin:2px 0 0;font-weight:500}
.wobble-pro .friends-controls{z-index:3;bottom:max(16px,env(safe-area-inset-bottom));left:22px;right:22px;align-items:flex-end!important}
.wobble-pro .friends-controls button{border:1px solid #ffffff70!important;background:linear-gradient(180deg,#354b65eb,#253950ed)!important;border-radius:15px;min-height:46px;box-shadow:0 4px 0 #1b2d44,0 8px 20px #23455324,inset 0 1px 0 #ffffff20;font:700 11px Rubik,Arial,sans-serif;padding:0 14px}
.wobble-pro .friends-controls button.is-primary{background:linear-gradient(180deg,#ffe387,#ffc366)!important;border:1px solid #ffecae!important;color:#2b3d55!important;box-shadow:0 5px 0 #b67941,0 8px 20px #23455324;font-size:14px;min-width:132px;min-height:56px}
.wobble-pro .friends-controls:not(.is-touch) .friends-actions{margin-left:auto;max-width:none;align-items:flex-end}
.wobble-pro .friends-controls.is-touch .friends-actions{max-width:calc(100% - 128px);gap:7px;align-items:flex-end}
.wobble-pro.wr-ready .friends-controls,.wobble-pro.wr-paused .friends-controls,.wobble-pro.wr-finished .friends-controls{display:none!important}
.wr-touch .wr-tip{bottom:150px}.wr-touch .wr-standings{bottom:175px}
.wr-pause{position:absolute;inset:0;z-index:5;background:#253a586b;backdrop-filter:blur(7px);display:grid;place-items:center;text-align:center;color:#fff8df;padding:20px}.wr-pause>div{width:270px;max-width:100%}.wr-pause .wr-eyebrow{justify-content:center;color:#ffecb7}.wr-pause h2{font-size:35px;letter-spacing:-1px;margin:0 0 25px;text-shadow:0 3px 0 #25435e}.wr-pause p{font-size:11px;margin:19px 0 0;font-weight:700}
@keyframes wr-pop{from{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(max-width:700px){.wr-mainline{top:12px;left:12px;right:12px}.wr-place,.wr-round{padding:9px 13px;border-radius:14px}.wr-place strong{font-size:33px}.wr-place strong span{font-size:11px}.wr-round{min-width:154px}.wr-round strong{font-size:14px}.wr-caption{font-size:8px;letter-spacing:1.3px}.wr-qualify{font-size:10px}.wr-progress{top:100px;width:calc(100% - 40px);max-width:390px;padding:9px 13px}.wr-standings{display:none}.wr-launch{padding:6%;justify-content:space-between;background:linear-gradient(180deg,#23567538,transparent 45%,#23486360)}.wr-launch-copy{margin-top:8px}.wr-launch h2{font-size:69px;letter-spacing:-3px}.wr-launch p{font-size:12px;margin:18px 0 14px}.wr-round-route{gap:8px;margin-bottom:0}.wr-round-route>span{font-size:19px}.wr-round-route small{font-size:6px}.wr-round-route .wr-crown{font-size:32px}.wr-launch-actions{width:100%;max-width:340px;align-self:center;margin-bottom:10px}.wr-race-button{padding:14px 20px;font-size:19px}.wr-launch-controls{font-size:10px;margin-top:15px}.wr-options{margin-top:10px}.wr-eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:15px}.wr-title-spark{font-size:37px}.wr-tip{font-size:10px;padding:8px 12px;max-width:calc(100% - 24px)}.wr-tip::after{font-size:9px;margin-left:7px}.wr-announcement{top:40%}.wr-announcement strong{font-size:68px;letter-spacing:-2px}.wr-announcement span{font-size:11px}.wobble-pro .friends-controls{left:12px!important;right:12px!important}.wobble-pro .friends-controls button{font-size:10px!important;padding:0 10px!important}.wobble-pro .friends-controls button.is-primary{font-size:12px!important;min-width:120px;min-height:54px!important}.wobble-pro .friends-controls.is-touch .friends-actions{max-width:calc(100% - 132px)}}
@media(max-height:500px) and (min-width:600px){.wr-launch{padding:3% 5%;flex-direction:row;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#23445e50,transparent)}.wr-launch-copy{margin:0}.wr-launch h2{font-size:58px;letter-spacing:-3px}.wr-launch p{font-size:11px;margin:16px 0 12px}.wr-round-route{gap:8px;margin-bottom:0}.wr-round-route>span{font-size:18px}.wr-eyebrow{font-size:8px;margin-bottom:10px}.wr-launch-actions{width:230px;align-self:center;margin:0 2% 0 0}.wr-race-button{font-size:16px;padding:13px 18px}.wr-title-spark{font-size:30px}.wr-progress{top:23px;width:30%;padding:8px 10px}.wr-mainline{top:10px;left:14px;right:14px}.wr-place,.wr-round{padding:7px 12px}.wr-place strong{font-size:28px}.wr-round{min-width:158px}.wr-round strong{font-size:12px}.wr-qualify{font-size:9px}.wr-standings{display:none}.wr-tip,.wr-touch .wr-tip{bottom:90px}.wr-announcement strong{font-size:62px}.wr-announcement span{font-size:10px}.wr-announcement{top:44%}.wobble-pro .friends-controls.is-touch .friends-actions{max-width:calc(100% - 120px)}.wobble-pro .friends-controls button.is-primary{min-height:48px!important}}
@media(prefers-reduced-motion:reduce){.wr-announcement{animation:none}.wr-race-button,.wr-pause button{transition:none}}

.wr-course-choice{display:flex;align-items:center;gap:12px;color:#d2eee5;font:700 10px Rubik,Arial,sans-serif;margin:13px 0}.wr-course-choice select{background:#12384b;border:1px solid #7dabac77;border-radius:8px;padding:8px;color:#eff8e9;font:700 11px Rubik,Arial,sans-serif}.wr-launch-copy>p{max-width:330px}