@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";.game-main{max-width:1500px;padding:0 40px}.game-main header{height:84px}.lobby{padding:25px 0}.lobby-hero{background-position:50% 45%;background-size:cover;border:1px solid #4c496b;border-radius:20px;height:280px;position:relative;overflow:hidden;box-shadow:0 15px 60px #05040c66}.hero-copy{z-index:2;align-items:flex-start;min-height:100%;padding:18px 32px 0;display:flex;position:relative}.game-eyebrow{letter-spacing:2px;color:#c5b7dc;font-size:9px;font-weight:700}.rider-cutout{background-image:url(/assets/riders.png);background-position:0 0;background-repeat:no-repeat;background-size:800% 200%;flex-shrink:0;width:120px;height:160px}.rider-cutout.kai{background-position:0 100%}.hero-rider{filter:drop-shadow(0 15px 15px #0e0a384d);width:245px;height:327px;position:absolute;bottom:-26%;right:11%;transform:rotate(-5deg)}.hero-location{color:#fff;letter-spacing:1px;background:#19144b99;border-radius:25px;padding:8px 13px;font-size:11px;position:absolute;bottom:22px;right:25px}.lobby-grid{grid-template-columns:minmax(0,1fr) 330px;gap:30px;margin-top:32px;display:grid}.section-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:17px;display:flex}.section-title h2{letter-spacing:-.5px;margin-top:9px;font-size:23px}.section-title>.muted{font-size:10px}.section-title .game-eyebrow{color:#9b8db1;font-size:8px}.course-cards{grid-template-columns:1fr 1fr;gap:16px;display:grid}.course-card{text-align:left;white-space:normal;color:#f2eff6;background:#1c1b2a;border:2px solid #35334b;border-radius:13px;min-width:0;padding:0;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.course-card:hover{filter:none;transform:translateY(-3px)}.course-card:disabled{opacity:.85;cursor:default}.course-card img{object-fit:cover;width:100%;height:133px;display:block}.course-difficulty{letter-spacing:.6px;background:#14122dbb;border:1px solid #c8b9df44;border-radius:18px;padding:5px 9px;font-size:8px;position:absolute;top:11px;left:11px}.course-card h3{margin:0;font-size:19px}.course-card p{color:#a093b6;margin:5px 0 13px;font-size:10px}.course-card-copy>div{color:#ddd5e9;gap:21px;font-size:10px;display:flex}.selection-tick{float:right;color:#ad85ee;background:#22203c;border:1px solid #5c5887;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.character-cards{grid-template-columns:1fr 1fr;gap:16px;display:grid}.character-card{text-align:left;color:#eee;white-space:normal;background:linear-gradient(125deg,#28273d,#191828);border:1px solid #4a425e;border-radius:12px;align-items:center;gap:14px;min-height:112px;padding:4px 15px;display:flex;position:relative;overflow:hidden}.character-card:nth-child(2){background:linear-gradient(125deg,#1c184c,#191828);border-color:#3c3865}.character-card .rider-cutout{width:90px;height:120px;margin-top:0}.character-card strong{font:500 18px Space Grotesk,sans-serif;display:block}.character-card span:not(.character-check){color:#b1a6c3;margin-top:5px;font-size:9px;display:block}.character-check{color:#ad85ee;margin-left:auto;font-size:17px}.ride-setup{background:linear-gradient(130deg,#242335,#181726);border-radius:15px;align-self:start;padding:22px;box-shadow:0 10px 30px #0002}.ride-setup .panel-heading{margin-bottom:20px}.ride-setup .panel-heading h2{font-size:20px}.ride-setup .panel-heading .tag{letter-spacing:.7px;font-size:7px}.input-summary{background:#11101d;border:1px solid #3d3b57;border-radius:8px;align-items:center;gap:10px;margin-top:5px;padding:13px 10px;display:flex}.input-summary strong{font-size:11px;display:block}.input-summary small{color:#9b8db2;margin-top:4px;font-size:9px;display:block}.input-summary .text-button{color:#ad85ee;margin-left:auto;font-size:9px}.input-dot{background:#ad85ee;border-radius:50%;flex-shrink:0;width:7px;height:7px}.ride-primary{background:linear-gradient(120deg,#bf9cf7,#a480dd);border-radius:8px;padding:14px 18px;font-size:13px;box-shadow:0 5px 16px #a982e813}.ride-primary span{float:right}.create-lobby{margin-top:10px}.join-divider{color:#6c6899;align-items:center;gap:10px;margin:20px 0;font-size:9px;display:flex}.join-divider:before,.join-divider:after{content:"";background:#35334b;flex:1;height:1px}.join-lobby{gap:8px;display:flex}.join-lobby input{min-width:0;margin:0}.ride-footnote{color:#7774a0;text-align:center;margin-top:21px;font-size:9px;display:block}.lab-link{color:#8986ac;border-top:1px solid #35334b;justify-content:space-between;align-items:center;margin:20px 0 0;padding-top:15px;font-size:10px;display:flex}.lab-link button{color:#ad85ee}.lobby-code{letter-spacing:3px;color:#ad85ee;margin-top:10px;font:500 29px Space Grotesk,sans-serif;display:block}.lobby-roster{margin:14px 0 19px;padding:0;list-style:none}.lobby-roster li{border-bottom:1px solid #35334b;justify-content:space-between;gap:15px;padding:11px 0;font-size:11px;display:flex}.lobby>.alert{margin-top:18px}.peripheral-panel{margin-top:22px}.peripheral-actions{flex-wrap:wrap;gap:10px;margin-top:17px;display:flex}.correlation-track{border-top:1px solid #2f2d42;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:8px;min-height:70px;display:grid}.correlation-track>div strong{font-size:10px;font-weight:500;display:block}.correlation-track>div small{color:#ab9fbe;margin-top:6px;font-size:10px;display:block}.correlation-track svg{max-height:72px;margin:0}.correlation-track svg text{font-size:8px}.riding{max-width:none;padding:0}.riding>header{z-index:5;background:#11101cd9;border-bottom:1px solid #504d70;height:65px;padding:0 28px;position:relative}.ride-screen{background:#ab80f1;height:calc(100dvh - 65px);min-height:600px;position:relative;overflow:hidden}.ride-canvas{position:absolute;inset:0}.ride-canvas canvas{width:100%;height:100%;display:block}.glass{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#f8fbff;background:linear-gradient(120deg,#132e47d9,#162f43cc);border:1px solid #a4c2df55;border-radius:14px;box-shadow:0 8px 30px #11213533}.race-top{pointer-events:none;justify-content:space-between;align-items:start;display:flex;position:absolute;top:20px;left:24px;right:24px}.position-heading{align-items:baseline;gap:10px;padding:0 7px 7px;font-size:22px;display:flex}.position-heading strong{font:600 35px Space Grotesk,sans-serif}.position-heading>span{color:#b3cbdd;font-size:18px}.position-row{border-radius:7px;align-items:center;gap:8px;padding:7px;font-size:12px;display:flex}.position-row.you{background:linear-gradient(90deg,#803eda,#8c3dcb77);box-shadow:inset 0 0 0 1px #d7b1ff77}.position-row>span:first-child{background:#16293a55;border-radius:5px;place-items:center;width:19px;height:22px;font-size:13px;display:grid}.avatar-dot{background:#b269f6;border:1px solid #eee;border-radius:50%;flex-shrink:0;width:12px;height:12px}.avatar-dot.kai{background:#9756ff}.position-row strong{font-size:11px}.position-row small{color:#dfd3f2;margin-left:auto;font-size:10px}.route-profile{width:360px;padding:15px 18px 10px}.route-profile>div{justify-content:space-between;gap:20px;font-size:11px;display:flex}.route-profile strong{font:500 15px Space Grotesk,sans-serif}.route-profile>div span{color:#d6c8ed;font-size:11px}.route-profile svg{margin-top:5px}.route-profile>small{color:#c7b5e3;letter-spacing:1.5px;font-size:8px}.route-profile>small span{color:#fff;letter-spacing:1px;font-size:10px}.ride-tools{gap:7px;display:flex;position:absolute;top:195px;right:25px}.ride-bottom{flex-direction:column;align-items:center;gap:9px;width:min(850px,100% - 40px);display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.ride-hud{align-items:center;gap:22px;width:100%;min-height:107px;padding:15px 24px 15px 13px;display:flex}.hud-rider{filter:drop-shadow(0 4px 5px #0c172c88);width:97px;height:130px;margin-top:-30px;margin-bottom:-15px}.hud-name{min-width:105px}.hud-name strong{font-size:15px;display:block}.hud-name span{color:#b1c9e2;margin-top:8px;font-size:9px;display:block}.hud-metric{border-left:1px solid #a1b9d455;flex:1;grid-template-columns:auto auto;align-items:baseline;gap:0 8px;min-width:0;padding-left:19px;display:grid;position:relative}.hud-metric>span{color:#a562fa;grid-row:span 2;align-self:center;font-size:29px}.hud-metric:nth-of-type(4)>span{color:#9756ff}.hud-metric:nth-of-type(5)>span{color:#9d74df}.hud-metric strong{white-space:nowrap;letter-spacing:-1px;font:500 30px Space Grotesk,sans-serif}.hud-metric small{color:#c5d8eb;font-size:10px}.hud-metric.grade strong,.hud-metric.grade>span{color:#ffb47b}.ride-controls{border-radius:11px;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:720px;padding:9px 14px;display:flex}.gear-controls{align-items:center;gap:14px;display:flex}.gear-controls button{color:#fff;background:#b4c3e11c;border:1px solid #b7c4df66;border-radius:8px;width:31px;height:31px;padding:0;font-size:20px}.gear-controls>span{letter-spacing:1px;white-space:nowrap;font-size:8px}.gear-controls strong{letter-spacing:0;margin:0 5px;font:500 21px Space Grotesk,sans-serif}.gear-controls small{color:#adbfda;font-size:9px}.resistance-note{color:#c2d7e9;font-size:9px}.ride-controls>button{padding:8px 10px;font-size:9px}.ride-simulator{border-radius:9px;align-self:center;width:360px;padding:8px 14px;font-size:10px}.ride-simulator summary{cursor:pointer;color:#dbcfed}.ride-simulator>div{gap:18px;padding-top:12px;display:flex}.ride-simulator label{flex:1;margin:0 0 10px;font-size:10px}.ride-simulator input{margin-top:10px}.finish-card{text-align:center;min-width:280px;padding:28px 42px;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.finish-card h2{margin:12px 0;font-size:36px}.finish-card p{color:#d5cae7;font-size:12px}.race-message{padding:16px 24px;font-size:12px;position:absolute;top:32%;left:50%;transform:translate(-50%)}.renderer-error{z-index:2;color:#ffe1b9;background:#443429;border:1px solid #d3a26d;border-radius:10px;padding:22px;font-size:13px;position:absolute;top:35%;left:20%;right:20%}@media (width>=1500px){.lobby-hero{height:380px}.hero-copy h1{font-size:66px}.hero-rider{width:275px;height:367px}}@media (width<=1100px){.lobby-grid{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.character-card{gap:7px;padding:5px}.character-card .rider-cutout{width:70px;height:95px}.character-card strong{font-size:16px}.hero-rider{right:10%}.ride-hud{gap:12px}.hud-name{display:none}.hud-metric{padding-left:12px}.ride-bottom{width:min(750px,100% - 35px)}}@media (width<=850px){.game-main{padding:0 22px}.lobby-grid{grid-template-columns:1fr}.ride-setup{max-width:none}.lobby-hero{height:325px}.hero-copy{padding:30px}.hero-copy h1{font-size:48px}.hero-rider{width:210px;height:280px;right:1%}.hero-location{font-size:9px;right:15px}.riding{padding:0}.race-top{top:14px;left:15px;right:15px}.route-profile{width:280px}.race-positions{width:185px}.ride-hud{gap:10px;min-height:90px;padding:12px}.hud-rider{width:73px;height:98px;margin-top:-20px}.hud-metric{gap:0 4px;padding-left:10px}.hud-metric strong{font-size:25px}.hud-metric>span{font-size:23px}.hud-metric small{font-size:9px}.resistance-note{display:none}.ride-tools{top:165px;right:15px}.correlation-track{grid-template-columns:110px minmax(0,1fr)}}@media (width<=520px){.game-main{padding:0 14px}.game-main header{height:72px}.lobby{padding-top:17px}.lobby-hero{border-radius:14px;height:300px}.hero-copy{padding:25px 22px}.hero-copy h1{max-width:220px;font-size:44px}.hero-copy p{max-width:190px;font-size:11px}.hero-copy .game-eyebrow{letter-spacing:1.2px;font-size:7px}.hero-rider{opacity:.95;width:155px;height:207px;bottom:-10px;right:-25px}.hero-badges{flex-wrap:wrap;gap:4px;max-width:210px}.hero-badges span{padding:5px 7px;font-size:7px}.hero-location{display:none}.section-title h2{font-size:20px}.section-title>.muted{display:none}.course-cards{gap:10px}.course-card img{height:100px}.course-card-copy{padding:13px 10px}.course-card h3{font-size:17px}.course-card p{min-height:23px;font-size:8px}.course-card-copy>div{gap:12px;font-size:9px}.selection-tick{width:17px;height:17px}.character-cards{gap:10px}.character-card .rider-cutout{width:62px;height:83px}.character-card{gap:3px;min-height:88px}.character-card span:not(.character-check){font-size:8px}.character-check{font-size:12px}.character-card strong{font-size:14px}.ride-setup{padding:20px}.lobby-grid{margin-top:25px}.lab-link{gap:10px;font-size:9px}.riding{padding:0}.riding>header{height:58px;padding:0 14px}.ride-screen{height:calc(100dvh - 58px);min-height:640px}.race-top{gap:8px;top:12px;left:10px;right:10px}.race-positions{width:142px;padding:8px}.position-heading{gap:6px;font-size:17px}.position-heading strong{font-size:27px}.position-heading>span{font-size:13px}.position-row{gap:4px;padding:5px 1px}.position-row strong{font-size:10px}.position-row small{font-size:8px}.avatar-dot{width:9px;height:9px}.route-profile{width:185px;padding:12px 9px}.route-profile>div{flex-direction:column;gap:6px}.route-profile strong{font-size:13px}.route-profile>div span{font-size:9px}.route-profile>small{font-size:6px}.route-profile>small span{font-size:8px}.ride-tools{top:155px;right:10px}.ride-bottom{gap:7px;width:calc(100% - 20px);bottom:12px}.ride-hud{gap:7px;min-height:85px;padding:10px 8px}.hud-rider{display:none}.hud-metric{border:0;gap:0 3px;padding-left:5px}.hud-metric>span{grid-row:auto;font-size:20px}.hud-metric strong{letter-spacing:-1px;font-size:21px}.hud-metric small{grid-column:span 2;margin-left:23px;font-size:8px}.hud-metric.grade>span{display:none}.hud-metric.grade{flex:1.1;display:block}.hud-metric.grade strong{font-size:20px;display:block}.hud-metric.grade small{margin-top:3px;margin-left:0;display:block}.ride-controls{gap:6px;padding:8px 10px}.gear-controls{gap:10px}.ride-controls>button{font-size:8px}.ride-simulator{width:100%}.correlation-track{grid-template-columns:98px minmax(0,1fr)}.correlation-track>div strong,.correlation-track>div small{font-size:9px}.peripheral-panel .panel-heading{flex-direction:column;align-items:start}.race-message{width:85%;font-size:11px}.finish-card{min-width:250px;padding:23px}}.device-role-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px;display:grid}.device-role-grid .panel{flex-direction:column;gap:10px;padding:19px;display:flex}.role-symbol{color:#ad85ee;font-size:25px}.device-role-grid h3{margin:0;font-size:17px}.device-role-grid strong{overflow-wrap:anywhere;font-size:11px}.device-role-grid p{color:#a294b7;flex:1;margin:0 0 5px;font-size:10px;line-height:1.7}.device-role-grid button{padding:9px 5px;font-size:9px}@media (width<=850px){.device-role-grid{grid-template-columns:1fr 1fr}}@media (width<=520px){.device-role-grid{gap:10px}.device-role-grid .panel{padding:14px}.device-role-grid h3{font-size:15px}}.peripheral-actions{align-items:end}.peripheral-actions label{min-width:210px;margin:0}.peripheral-actions select{margin-top:5px;padding:7px 9px;font-size:11px}.peripheral-actions button{min-height:34px}:root{--violet:#ab73ff;--blue:#4faaff;--orange:#ff9a52;--ink:#100e20;--panel:#1a1730;--line:#40385e}body{color:#f4f0ff;background:radial-gradient(at 12% 0,#30204988,#0000 55%),#100e20}button{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:4px;outline:2px solid #ffae71}button:active:not(:disabled){transform:translateY(1px)}input[type=range]{accent-color:var(--violet)}.brand-icon{color:#ffad71;background:linear-gradient(135deg,#7336b944,#3058b333);border-color:#a878f2}.fullscreen-toggle{padding:4px 10px;font-size:22px}.game-shell{background:radial-gradient(at 80% 10%,#2b34724d,#0000 55%);max-width:none;min-height:100dvh;padding:0 4vw}.game-shell>header{height:65px}.game-shell .lobby{max-width:1500px;margin:auto;padding:22px 0 35px}.game-shell .lobby-hero{background-position:50% 48%;border-color:#5a477a;height:235px}.hero-copy{padding:25px 35px}.hero-copy h1{margin:12px 0;font-size:45px}.hero-copy p{font-size:12px}.hero-badges{margin-top:15px}.hero-rider.portrait{width:220px;height:220px;box-shadow:none;background-color:#0000;border:0;border-radius:0;bottom:-26px;right:16%;transform:rotate(-5deg)}.game-eyebrow{color:#c29bea}.hero-location{background:#241c4bb8;border:1px solid #afa0e066}.lobby-grid{grid-template-columns:minmax(0,1fr) 345px;gap:27px;margin-top:25px}.course-card{background:#211b35;border-color:#403452}.course-card.selected{border-color:#af79ff;box-shadow:0 0 25px #a75cff1a}.course-card img{height:125px}.course-card-copy{padding:13px 16px}.course-card p{color:#b2a6cc}.selection-tick{color:#fff;background:#6635a2;border-color:#bf8fff}.section-title .game-eyebrow{color:#b797e0}.section-title h2{font-size:21px}.character-heading{margin-top:22px}.character-card,.character-card:nth-child(2){background:linear-gradient(125deg,#2b2145,#1b1b34);border-color:#44385d;min-height:94px}.character-card:nth-child(2){background:linear-gradient(125deg,#203653,#1b1b34)}.character-card.selected{background:linear-gradient(125deg,#533173,#24203a);border-color:#b17cff}.character-card .portrait{width:76px;height:76px;box-shadow:none;background-color:#0000;border:0;border-radius:12px}.character-card{gap:15px;padding:8px 14px}.character-check{color:#ffac70}.ride-setup{background:linear-gradient(140deg,#2b2244,#17172e);border-color:#55426e;box-shadow:0 15px 45px #08061655}.ride-primary{color:#fff;background:linear-gradient(120deg,#b477ff,#8264f5);box-shadow:0 5px 20px #8d54e833}.input-summary{background:#171428;border-color:#41345e}.input-dot{background:#ffa569;box-shadow:0 0 12px #ff9a5255}.input-summary .text-button,.lab-link button,.lobby-code{color:#c69aff}.lobby-roster li,.lab-link{border-color:#403655}.hero-badges span{background:#28204780;border-color:#b49cde55}.ride-setup .tag.green{color:#ffb57e;background:#7e462a33;border-color:#ab6c4855}.portrait{background-color:#392154;background-image:url(/assets/portraits.png);background-position:0 0;background-repeat:no-repeat;background-size:200% 100%;border:2px solid #bf83ff;border-radius:50%;flex-shrink:0;width:64px;height:64px;display:block;box-shadow:0 0 0 4px #19142b,0 0 0 5px #aa73e57a}.portrait.kai{background-color:#1c3659;background-position:100% 0;border-color:#5cb0ff}.hud-rider.portrait{width:94px;height:94px;margin:-16px 4px -8px -4px}.position-avatar.portrait{width:28px;height:28px;box-shadow:none;border-width:1px}.race-positions{width:285px;padding:12px}.position-row{gap:8px;min-height:46px}.opponent-info{flex:1;min-width:0}.opponent-info strong{text-overflow:ellipsis;max-width:130px;display:block;overflow:hidden}.opponent-info>span{color:#e7d6ff;white-space:nowrap;font-variant-numeric:tabular-nums;margin-top:4px;font-size:9px;display:block}.position-heading{padding-bottom:8px}.position-row.you{background:linear-gradient(90deg,#863edac9,#6542bd55)}.glass{background:linear-gradient(120deg,#201633e6,#182244d9);border-color:#c6affb55;box-shadow:0 10px 35px #100d2b44}.riding>header{background:#151024eb;border-color:#4c3b69}.ride-hud{border-radius:18px}.metric-icon{background-image:url(/assets/hud-icons.png);background-repeat:no-repeat;background-size:300% 100%;grid-row:span 2;align-self:center;width:36px;height:36px;display:block}.hud-metric>.metric-icon{font-size:0}.hud-metric strong{font-variant-numeric:tabular-nums}.hud-metric{padding-left:16px}.gear-controls button{background:#65519044;border-color:#baa0ee77}.role-symbol{color:#c28bff}.device-role-grid .panel{background:linear-gradient(135deg,#2b2142,#1c1b32)}.setup-intro h1{color:#0000;background:linear-gradient(100deg,#d6adff,#79b9ff,#ffb282);-webkit-background-clip:text;background-clip:text}.pair-symbol{color:#c38cff;background:#50317344;border-color:#8754b6}.room-browser{border-top:1px solid #403655;margin-top:28px;padding-top:23px}.room-count{color:#d6b6ff;vertical-align:middle;background:#7344ab55;border-radius:20px;place-items:center;min-width:25px;height:25px;margin-left:5px;font:12px DM Sans,sans-serif;display:inline-grid}.available-rooms{gap:10px;display:grid}.available-room{text-align:left;white-space:normal;color:#fff;background:linear-gradient(100deg,#302244,#1c223b);border:1px solid #57416e;border-radius:12px;align-items:center;gap:15px;width:100%;padding:10px;display:flex}.available-room:hover{border-color:#b47aff;box-shadow:0 0 18px #aa6bff22}.available-room>img{object-fit:cover;border-radius:7px;width:96px;height:65px}.available-room>span:nth-child(2){flex:1}.available-room strong{font-size:15px;display:block}.available-room small{color:#bdb0d5;margin-top:6px;font-size:10px;display:block}.available-room .room-occupancy{text-align:center}.room-occupancy>strong{color:#ffad77}.room-occupancy>strong>small{font-size:11px;display:inline}.room-join{color:#d8b4ff;background:#9b61e52e;border-radius:8px;padding:9px 13px;font-size:11px}.no-rooms{background:#2a1d3b55;border:1px dashed #59466f;border-radius:12px;grid-template-columns:38px 1fr;align-items:center;padding:16px 20px;display:grid}.no-rooms>span{color:#ffac76;grid-row:span 2;font-size:25px}.no-rooms>strong{font-size:13px}.no-rooms>p{color:#bba8d1;margin:4px 0 0;font-size:11px}.room-browser .section-title{align-items:center}.room-browser .text-button{color:#c59afd;font-size:10px}@media (width>=1500px){.game-shell .lobby-hero{height:270px}.hero-copy h1{font-size:53px}.hero-rider.portrait{width:255px;height:255px}}@media (width<=1000px){.lobby-grid{grid-template-columns:minmax(0,1fr) 310px}.hero-rider.portrait{right:7%}.ride-hud{gap:14px}.metric-icon{width:30px;height:30px}.hud-metric{padding-left:10px}.hud-metric strong{font-size:27px}.hud-name{display:none}}@media (width<=850px){.lobby-grid{grid-template-columns:1fr}.game-shell{padding:0 22px}.hero-rider.portrait{width:190px;height:190px;right:3%}.hero-copy{padding:25px}.race-positions{width:240px}.route-profile{width:250px}.hud-rider.portrait{width:73px;height:73px}.ride-tools{top:205px}}@media (width<=520px){.game-shell{padding:0 14px}.game-shell>header,.riding>header{height:58px}.game-shell .lobby-hero{height:240px}.hero-copy{padding:23px 18px}.hero-copy h1{font-size:39px}.hero-copy p{max-width:180px;font-size:10px}.hero-rider.portrait{width:150px;height:150px;bottom:0;right:-12px}.hero-badges span{font-size:7px}.game-shell .lobby{padding-top:16px}.course-card img{height:100px}.character-card{gap:9px;min-height:85px;padding:7px}.character-card .portrait{width:55px;height:65px}.character-card strong{font-size:14px}.room-browser{margin-top:23px}.available-room{gap:8px;padding:8px}.available-room>img{width:60px;height:57px}.available-room strong{font-size:12px}.available-room small{font-size:8px}.room-join{display:none}.room-occupancy{min-width:65px}.race-positions{width:183px;padding:8px}.position-heading strong{font-size:25px}.position-heading{padding:0 2px 5px}.position-row{gap:4px;min-height:42px;padding:4px 0}.position-avatar.portrait{width:23px;height:23px}.opponent-info strong{max-width:92px;font-size:9px}.opponent-info>span{font-size:7px}.position-row>span:first-child{width:15px;font-size:10px}.position-row>small{font-size:7px}.route-profile{width:calc(100% - 192px);min-width:145px;padding:10px 8px}.route-profile strong{font-size:11px}.route-profile>small{letter-spacing:.4px}.race-top{gap:8px}.ride-tools{top:165px}.ride-screen{height:calc(100dvh - 58px);min-height:640px}.hud-rider.portrait{display:none}.metric-icon{width:24px;height:24px}.hud-metric>.metric-icon{grid-row:auto}.hud-metric strong{font-size:22px}.hud-metric{padding-left:3px}.hud-metric small{margin-left:26px}.hud-metric.grade strong{font-size:20px}.hud-metric.grade small{margin-left:0}.ride-hud{gap:5px}.hero-location{display:none}.fullscreen-toggle{padding:4px;font-size:19px}}@media (prefers-reduced-motion:reduce){button,.course-card{transition:none}}.hero-rider.portrait.kai,.character-card .portrait.kai{background-color:#0000}.pairing-main{background:radial-gradient(at 50% 0,#3b25543d,#0000 65%);place-items:center;max-width:none;min-height:100dvh;padding:0 24px;display:grid}.pairing-screen{text-align:center;width:min(840px,100%);padding:32px 0 25px}.pairing-wordmark{color:#a89bbf;letter-spacing:4px;font:700 11px Space Grotesk,sans-serif}.pairing-title h1{letter-spacing:-1px;margin:18px 0 8px;font-size:34px}.pairing-title p{color:#aaa0bf;margin:0 0 28px;font-size:12px}.pairing-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.pairing-tile{text-align:left;background:linear-gradient(140deg,#282035,#1a1726);border:1px solid #443752;border-radius:13px;flex-direction:column;align-items:start;min-height:225px;padding:20px 17px;display:flex;box-shadow:0 10px 25px #08071322}.tile-top{justify-content:space-between;align-items:center;gap:8px;width:100%;height:38px;margin-bottom:20px;display:flex}.tile-top .metric-icon{width:35px;height:35px}.tile-state{color:#a69bb7;white-space:nowrap;background:#15102044;border-radius:5px;padding:4px 6px;font-size:8px}.paired .tile-state{color:#e5c4ff;background:#8d53c12e}.pairing-tile h2{color:#c3bad5;font-size:13px;font-weight:500}.tile-device{overflow-wrap:anywhere;min-height:32px;margin-top:8px;font-size:11px;line-height:1.5}.tile-reading{align-items:baseline;gap:6px;margin:4px 0 16px;display:flex}.tile-reading strong{font-variant-numeric:tabular-nums;font:500 27px Space Grotesk,sans-serif}.tile-reading>span{color:#a999be;font-size:10px}.pairing-tile button{color:#ddc6f1;background:#8c57bb1c;border-color:#76608b;width:100%;margin-top:auto;padding:9px 5px;font-size:10px}.pairing-tile button:hover{background:#ad72e72b;border-color:#c18dff}.tile-control-icon{fill:none;stroke:#bd8fea;stroke-width:2.5px;width:33px;height:33px;margin:0}.tile-gear-icon{color:#c299f6;white-space:nowrap;font:500 23px Space Grotesk,sans-serif}.tile-description{color:#a99dbb;margin:7px 0 17px;font-size:10px;line-height:1.7}.tile-footnote{color:#9c8baf;margin-top:auto;font-size:9px}.pairing-bottom{flex-direction:column;align-items:center;gap:11px;margin:26px 0 12px;display:flex}.pairing-enter{width:270px;padding:13px 20px;font-size:13px}.pairing-bottom .text-button{color:#b9a8d0;font-size:11px}.pairing-status{color:#ffb27b;margin:17px 0 -8px;font-size:11px}.pairing-browser-note{color:#eab487;background:#68402c22;border:1px solid #7f563a;border-radius:8px;margin-bottom:20px;padding:11px;font-size:11px}.pairing-settings{text-align:left;color:#a699bc;border-top:1px solid #3c304a;max-width:650px;margin:20px auto 0;font-size:11px}.pairing-settings>summary{cursor:pointer;text-align:center;padding:15px 0 8px;list-style:none}.pairing-settings>summary:after{content:" +";color:#c18fee;margin-left:5px}.pairing-settings[open]>summary:after{content:" -"}.pairing-settings-content{background:#191523;border:1px solid #3f304c;border-radius:10px;margin-top:12px;padding:20px 16px}.pairing-settings-content label{font-size:11px}.pairing-lab{color:#9687aa;margin-top:10px;padding:6px;font-size:10px}.saved-trainers{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin:15px auto 0;display:flex}.saved-trainers h3{color:#a697b8;margin:0;font:500 10px DM Sans,sans-serif}.saved-trainers>div{border:1px solid #4d3b60;border-radius:7px;align-items:center;gap:9px;padding:3px 8px;display:flex}.saved-trainers strong{font-size:10px}.saved-trainers button{color:#d6affb;padding:7px;font-size:10px}.saved-setting{border-top:1px solid #3d304a;justify-content:space-between;align-items:center;margin-top:13px;padding-top:10px;font-size:11px;display:flex}.saved-setting button{font-size:10px}.pairing-screen>.alert{text-align:left;margin-bottom:20px}.no-save{color:#ffbf8c;font-size:11px}.game-shell{padding-top:0}.game-shell .lobby{padding-top:24px}.ride-screen{height:100dvh;min-height:600px}.lab-screen-actions{gap:16px;padding-top:18px;display:flex}.lab-screen-actions button{color:#bba8cf;font-size:11px}.lab-screen-actions+.intro{padding-top:16px}.ride-tools{top:195px}.game-shell .hero-copy{padding-top:28px}.hero-location:empty{display:none}.fullscreen-float{z-index:5;color:#eae2ff;background:#19283b9c;border:1px solid #9ea7d966;border-radius:9px;width:34px;height:34px;padding:7px;position:absolute;top:24px;right:24px}.fullscreen-float svg{fill:none;stroke:currentColor;stroke-width:2px;width:18px;height:18px;margin:0}.game-shell .fullscreen-float{opacity:.75;background:#21172acc;position:fixed;top:15px;right:15px}@media (width<=1000px){.pairing-screen{max-width:650px}.pairing-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.pairing-tile{min-height:205px;padding:18px 20px}.tile-top{margin-bottom:14px}.tile-device{min-height:0}.pairing-title p{margin-bottom:23px}.pairing-title h1{font-size:30px}.pairing-screen{padding-top:28px}}@media (width<=520px){.pairing-main{padding:0 16px;display:block}.pairing-screen{padding:26px 0 20px}.pairing-title h1{margin-top:13px;font-size:27px}.pairing-title p{max-width:290px;margin:0 auto 22px;font-size:10px}.pairing-wordmark{letter-spacing:3px;font-size:9px}.pairing-tiles{gap:10px}.pairing-tile{min-height:200px;padding:16px 13px}.tile-top{gap:5px;height:31px;margin-bottom:13px}.tile-top .metric-icon{width:29px;height:29px}.tile-state{padding:3px 4px;font-size:7px}.pairing-tile h2{font-size:12px}.tile-device{min-height:30px;font-size:10px}.tile-reading strong{font-size:25px}.tile-description{margin-top:8px;margin-bottom:13px;font-size:9px}.tile-footnote{font-size:8px}.pairing-tile button{padding:9px 4px;font-size:9px}.pairing-bottom{margin-top:22px}.pairing-enter{width:100%;max-width:320px}.pairing-settings{margin-top:16px}.pairing-settings-content{padding:16px 10px}.ride-screen{height:100dvh;min-height:640px}.ride-tools{top:165px}.fullscreen-float{width:30px;height:30px;padding:6px;top:133px;right:10px}.game-shell .fullscreen-float{top:10px}.game-shell .lobby{padding-top:16px}.pairing-status{font-size:9px}}.metric-icon{background-image:url(/assets/reference-icons.png);background-size:200% 200%}.metric-icon.power-icon{background-position:0 0}.metric-icon.speed-icon{background-position:100% 0}.metric-icon.cadence-icon{background-position:0 100%}.metric-icon.gradient-icon{background-position:100% 100%}.glass{background:linear-gradient(125deg,#111f35d9,#13283fc9);border:1px solid #9dbce04d;box-shadow:0 8px 30px #0b1a3233}.race-positions{border-radius:16px}.position-row>span:first-child{background:#22415d77}.position-row.you>span:first-child{background:#4397dd}.route-profile{background:linear-gradient(115deg,#17344dc9,#14283bbf)}.position-heading{color:#fff}.ride-hud{border:2px solid #546e9755;border-radius:20px;gap:20px;min-height:120px;padding:14px 23px 13px 24px;overflow:visible;box-shadow:0 12px 35px #07152e55}.hud-portrait-wrap{background:conic-gradient(from 310deg,#9d59f6 0deg 275deg,#334365 275deg 360deg);border-radius:50%;flex-shrink:0;width:112px;height:112px;margin:-25px 0 -14px -47px;padding:7px;position:relative;box-shadow:0 0 0 4px #15213d,0 7px 15px #070c2366}.hud-portrait-wrap.kai{background:conic-gradient(from 310deg,#58acff 0deg 275deg,#334365 275deg 360deg)}.hud-rider.portrait{background-color:#392154;border:2px solid #c58cff;border-radius:50%;width:98px;height:98px;margin:0;display:block;box-shadow:inset 0 0 10px #0c082d}.hud-rider.portrait.kai{background-color:#183b64;border-color:#7bbdff}.hud-content{flex:1;min-width:0}.hud-heading{align-items:center;gap:10px;margin:0 0 10px;font-size:15px;display:flex}.hud-crown{color:#ffd152;filter:drop-shadow(0 1px 2px #222);font-size:23px;line-height:1}.hud-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.hud-metric{border-left:1px solid #8093bb55;flex:none;grid-template-columns:34px 1fr;align-items:center;gap:0 9px;min-width:0;padding-left:15px;display:grid}.hud-metric:first-child{border-left:0;padding-left:0}.hud-metric>.metric-icon{grid-row:span 2;align-self:center;width:36px;height:36px;display:block}.hud-metric strong{letter-spacing:-1px;font:600 30px/1.1 Space Grotesk,sans-serif}.hud-metric small{color:#adc3e7;grid-column:2;margin-top:4px;margin-left:0;font-size:11px}.hud-metric.grade{flex:none;display:grid}.hud-metric.grade>.metric-icon{display:block}.hud-metric.grade strong{color:#ff8554;font-size:29px;display:block}.hud-metric.grade small{margin-left:0}.ride-tools{right:24px}.riding{position:relative}@media (width<=1000px){.ride-hud{gap:15px}.hud-metric{grid-template-columns:29px 1fr;column-gap:5px;padding-left:10px}.hud-metric>.metric-icon{width:30px;height:30px}.hud-metric strong,.hud-metric.grade strong{font-size:27px}.hud-portrait-wrap{width:96px;height:96px;margin-left:-29px;padding:6px}.hud-rider.portrait{width:84px;height:84px}.hud-heading{font-size:13px}}@media (width<=700px){.hud-portrait-wrap{display:none}.ride-hud{min-height:106px;padding:12px 15px}.ride-bottom{width:calc(100% - 24px)}.hud-stats{gap:6px}.hud-metric{grid-template-columns:24px 1fr;column-gap:4px;padding-left:7px}.hud-metric>.metric-icon{width:25px;height:25px}.hud-metric strong,.hud-metric.grade strong{font-size:23px}.hud-metric small{font-size:9px}.hud-heading{margin-bottom:8px;font-size:12px}.hud-crown{font-size:19px}}@media (width<=520px){.ride-bottom{bottom:12px}.ride-hud{border-radius:14px;min-height:102px;padding:10px 9px}.hud-stats{gap:4px}.hud-metric{border:0;grid-template-columns:22px 1fr;column-gap:2px;padding-left:0}.hud-metric>.metric-icon{grid-row:span 2;width:22px;height:27px}.hud-metric strong,.hud-metric.grade strong{letter-spacing:-.8px;font-size:21px}.hud-metric small{grid-column:2;margin-left:0;font-size:8px;line-height:1}.hud-heading{margin:0 0 9px 4px;font-size:11px}.hud-metric.grade{display:grid}.hud-metric.grade>.metric-icon{display:block}.hud-metric.grade small{margin-top:4px}.ride-controls{max-width:100%}.ride-screen{min-height:640px}.ride-tools{top:165px;right:10px}}.riding .fullscreen-float{width:30px;height:30px;padding:5px;top:195px;right:181px}@media (width<=520px){.riding .fullscreen-float{top:165px;right:166px}}.race-positions{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#17334d9c;border:1px solid #9ab4cf38;border-radius:13px;width:254px;padding:0 6px 4px;overflow:hidden;box-shadow:0 4px 20px #08213928}.position-heading{background:#091426b8;border-bottom:1px solid #b2c5e926;align-items:center;gap:10px;margin:0 -6px 4px;padding:8px 14px 9px;display:flex}.checkered-flag{color:#fff;filter:drop-shadow(0 2px 2px #17314d66);flex-shrink:0;width:32px;height:36px;margin:0}.position-heading>span{color:#e0e8f7;margin:0 0 -8px;font:600 22px Space Grotesk,sans-serif}.position-row{min-height:38px;box-shadow:none;background:#102b455c;border:1px solid #a1b8d51a;border-radius:6px;gap:7px;margin:3px 0;padding:3px 5px}.position-row.you{box-shadow:none;background:linear-gradient(90deg,#7946d1df,#7f34b4b5);border-color:#d9adff44}.position-row>.rank-badge{text-shadow:0 1px 2px #16395655;border-radius:5px;flex-shrink:0;box-shadow:inset 0 1px 2px #ffffff5c,0 2px 4px #06182a33;width:23px!important;height:26px!important;font:600 17px Space Grotesk,sans-serif!important}.position-row>.rank-1{background:linear-gradient(#ffbc43,#e87513)!important}.position-row>.rank-2{background:linear-gradient(#4cc8ef,#187fc5)!important}.position-row>.rank-4{background:linear-gradient(#9da9bc,#616b81)!important}.position-avatar.portrait{background-position:14% 16%;background-size:320% 160%;border:1px solid #c3d3ed;flex-shrink:0;width:30px;height:30px;box-shadow:0 0 0 1px #142840}.opponent-info strong{color:#fff;max-width:107px;font-size:12px;font-weight:700}.opponent-info>span{letter-spacing:0;color:#d3ddec;margin-top:2px;font-size:8px}.opponent-info b{color:#aebed7;margin:0 2px}.position-row>small{color:#f0f4fc;text-align:right;white-space:nowrap;min-width:29px;font-size:11px;font-weight:600}.race-top{top:18px}.route-profile{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(110deg,#153652a3,#16334b9c);border-color:#bacfe121}@media (width<=850px){.race-positions{width:245px}.route-profile{width:275px}}@media (width<=520px){.race-top{gap:8px;top:12px}.race-positions{border-radius:11px;width:182px;padding:0 4px 3px}.position-heading{gap:8px;margin:0 -4px 3px;padding:6px 10px 7px}.checkered-flag{width:25px;height:29px}.position-heading strong{font-size:29px}.position-heading>span{margin-bottom:-5px;font-size:17px}.position-row{gap:4px;min-height:35px;margin:3px 0;padding:3px 2px}.position-row>.rank-badge{border-radius:4px;width:18px!important;height:23px!important;font-size:14px!important}.position-avatar.portrait{width:24px;height:24px}.opponent-info strong{max-width:72px;font-size:9px}.opponent-info>span{white-space:nowrap;font-size:6.5px}.opponent-info b{margin:0 1px}.position-row>small{min-width:23px;font-size:8px}.route-profile{width:calc(100% - 192px);min-width:145px}}.scene-review{max-width:none;height:100dvh;padding:0;position:relative;overflow:hidden}.scene-review-controls{z-index:3;max-width:min(700px,100% - 40px);padding:14px 17px;font-size:11px;position:absolute;top:18px;left:20px}.scene-review-controls strong{font-size:15px}.scene-review-controls>span{color:#b8cce0;margin:5px 0 12px;font-size:9px;display:block}.scene-review-controls>div{flex-wrap:wrap;gap:7px;display:flex}.scene-review-controls button{padding:7px 10px;font-size:9px}.scene-review-controls small{color:#d7e4f2;margin-top:10px;font-size:10px;display:block}.scene-review-controls a{color:#cba9fa;margin-top:9px;font-size:9px;display:inline-block}:root{color:#edeaf2;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#11101a;font-family:DM Sans,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}main{max-width:1450px;margin:auto;padding:0 46px}header{border-bottom:1px solid #312f45;justify-content:space-between;align-items:center;height:95px;display:flex}.brand{color:inherit;letter-spacing:1px;align-items:center;gap:13px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.brand-icon{text-align:center;color:#ad85ee;border:1px solid #635e96;border-radius:50%;width:42px;height:42px;font-size:29px}.light,.muted{color:#9d90b3}.foundation{letter-spacing:2px;color:#a093b6;font-size:10px}.version{color:#ad85ee;background:#2a293c;margin-left:13px;padding:7px}.intro{justify-content:space-between;align-items:center;padding:38px 0 30px;display:flex}.eyebrow{letter-spacing:2px;color:#a99dbd;font-size:10px;font-weight:600}h1{letter-spacing:-1.6px;margin:12px 0;font:500 clamp(30px,3vw,45px)/1.2 Space Grotesk,sans-serif}p{line-height:1.6}.intro p.muted{margin:0;font-size:14px}.status-stack{text-align:right;gap:12px;display:grid}.status-stack small{color:#9889af;font-size:11px}.pill{letter-spacing:1.5px;border:1px solid #42405e;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:10px;display:flex}.pill i{background:#7b77a3;border-radius:50%;width:6px;height:6px}.pill.live{color:#ad85ee;background:#ad85ee10;border-color:#55508c}.pill.live i{background:#ad85ee;box-shadow:0 0 10px #ad85ee55}.metrics{background:linear-gradient(115deg,#252334,#191826);border:1px solid #393751;border-radius:8px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.metrics article{border-right:1px solid #393751;padding:23px 27px}.metrics article:last-child{border:0}.metrics article div{align-items:baseline;gap:9px;margin:10px 0;display:flex}.metrics strong{letter-spacing:-2px;font-variant-numeric:tabular-nums;font:500 clamp(29px,3.6vw,50px)/1.1 Space Grotesk,sans-serif}.metrics article:first-child strong{color:#bd9bf3}.metrics article div span{color:#a497b8;font-size:12px}.metrics small{color:#8783ab;font-size:10px}.workspace{grid-template-columns:minmax(290px,.86fr) minmax(0,1.64fr);gap:20px;margin-top:24px;display:grid}.column{flex-direction:column;gap:20px;display:flex}.panel{background:#181722;border:1px solid #323147;border-radius:8px;padding:23px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}h2{letter-spacing:-.3px;margin:0;font:500 16px Space Grotesk,sans-serif}.number{color:#8480a9;margin-right:10px;font-size:11px;display:inline-block}.tag{letter-spacing:1.3px;color:#8986ac;white-space:nowrap;background:#232232;border:1px solid #35334a;border-radius:3px;padding:5px 7px;font-size:9px}label{color:#b3a8c4;margin-bottom:15px;font-size:11px;display:block}input,select,button{font:inherit}input:not([type=range]),select{color:#e8e5ee;background:#12111b;border:1px solid #3a3752;border-radius:5px;outline:none;width:100%;margin-top:8px;padding:11px 12px}input:focus,select:focus{border-color:#ad85ee}input[type=range]{accent-color:#ad85ee;cursor:pointer;width:100%;height:5px;margin:17px 0 0;display:block}output{float:right;color:#d3c4ea;font-family:Space Grotesk,sans-serif}.connection{justify-content:space-between;align-items:center;gap:10px;margin:19px 0;display:flex}.connection strong{font-size:12px;display:block}.connection small{color:#827ea8;margin-top:5px;font-size:10px;display:block}.connection .room-code{letter-spacing:2px;color:#bd9fed;margin-top:6px;font:500 22px Space Grotesk,monospace}button{color:#131125;cursor:pointer;white-space:nowrap;background:#ad85ee;border:1px solid #0000;border-radius:5px;padding:10px 14px;font-size:11px;font-weight:700}button:hover{filter:brightness(1.08)}button:disabled{opacity:.4;cursor:not-allowed}.secondary{color:#dad5e3;background:#252435;border-color:#3f3d59}.danger{color:#ffd2b2;background:#52382f;border-color:#98694c}.full{width:100%}.hint{color:#8986ac;margin:14px 0 0;font-size:11px;line-height:1.7}.sliders{border-top:1px solid #323147;padding-top:22px}.sliders label{margin-bottom:26px}.capabilities{gap:8px;margin-top:20px;display:flex}.capabilities span{color:#7774a0;border:1px solid #36344d;border-radius:20px;padding:5px 9px;font-size:10px}.capabilities .supported{color:#b19cd2}.form-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.separator{border-top:1px solid #323147;margin:22px 0}.charts figure{margin:0 0 15px}.charts figcaption{color:#d4cddf;justify-content:space-between;font-size:12px;display:flex}.charts figcaption small{color:#827fa8;letter-spacing:1px;font-size:9px}svg{width:100%;margin-top:6px;display:block}svg text{fill:#817da7;font-family:DM Sans,sans-serif;font-size:10px}.session-actions{align-items:center;gap:12px;display:flex}.session-actions span{color:#807da6;font-size:11px}.session-actions input{min-width:90px;margin:0}.table-scroll{margin-top:22px;overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;text-align:left;width:100%;font-size:11px}th{letter-spacing:1px;color:#8885ac;border-bottom:1px solid #323147;padding:0 12px 12px 0;font-size:9px;font-weight:500}td{font-variant-numeric:tabular-nums;border-bottom:1px solid #2a293b;padding:15px 12px 15px 0}td small{color:#ad85ee;font-size:8px}.green{color:#ad85ee}.empty{text-align:center;color:#716d9b;padding:12px;font-size:11px}.diagnostics{margin-top:20px}.diagnostics .panel-heading{margin-bottom:12px}.diagnostics ul{max-height:140px;margin:0;padding:0;list-style:none;overflow-y:auto}.diagnostics li{color:#a598b9;font:11px/1.9 Consolas,monospace}.diagnostics li:before{content:"› ";color:#ad85ee}footer{color:#6a6695;letter-spacing:.6px;justify-content:space-between;gap:20px;padding:26px 0 35px;font-size:9px;display:flex}.alert{color:#f1ceaa;background:#443429;border:1px solid #76573e;border-radius:5px;margin-bottom:20px;padding:14px 18px;font-size:12px}@media (width>=1150px){.charts{flex:1}.charts svg{max-height:160px}}@media (width<=850px){main{padding:0 22px}.foundation{display:none}.metrics article{padding:20px 15px}.workspace{grid-template-columns:1fr}.charts svg{max-height:180px}footer{flex-direction:column;gap:8px}}@media (width<=520px){main{padding:0 14px}header{height:75px}.brand{font-size:11px}.intro{padding:25px 0}.intro h1{font-size:29px}.intro .muted{max-width:220px;font-size:12px}.status-stack{display:none}.metrics{grid-template-columns:1fr 1fr}.metrics article{border-bottom:1px solid #393751}.metrics article:nth-child(2){border-right:0}.metrics article:nth-child(3){border-bottom:0}.panel{padding:18px}.session-actions{flex-wrap:wrap}.session-actions input{flex:1}.tag{font-size:8px}.panel-heading{gap:6px}.brand-icon{width:34px;height:34px;font-size:23px}h2{font-size:15px}}header nav{gap:6px;display:flex}.nav-button{color:#9d90b3;background:0 0;border:1px solid #0000;padding:9px 14px}.nav-button.active{color:#ad85ee;background:#252435;border-color:#484567}.setup-intro .muted{max-width:520px}.setup-steps{color:#8986ac;gap:30px;margin:0 0 26px;padding:0;font-size:12px;list-style:none;display:flex}.setup-steps li{align-items:center;gap:9px;display:flex}.setup-steps li span{border:1px solid #3f3d59;border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.setup-steps .current{color:#ad85ee}.setup-steps .current span{color:#131125;background:#ad85ee;border-color:#ad85ee}.device-grid{grid-template-columns:1fr 1.15fr;align-items:start;gap:22px;display:grid}.device-grid .panel{padding:28px}.pair-symbol{color:#ad85ee;background:#242233;border:1px solid #484567;border-radius:16px;place-items:center;width:72px;height:72px;margin:30px 0 25px;font:38px Space Grotesk,sans-serif;display:grid}h3{letter-spacing:-.4px;margin:12px 0;font:500 21px Space Grotesk,sans-serif}.pairing-panel>.muted{max-width:390px;font-size:13px}.requirements{color:#a093b6;gap:15px;margin:26px 0;padding:0;font-size:12px;list-style:none;display:grid}.setup-disconnect{margin-top:12px}.simulator-entry{justify-content:space-between;align-items:center;gap:12px;display:flex}.simulator-entry strong{font-size:12px}.simulator-entry .hint{margin:5px 0}.connection-empty{text-align:center;max-width:420px;margin:auto;padding:60px 15px}.connection-empty>span{color:#5e5b85;font-size:55px}.connection-empty h3{font-size:20px}.connection-empty p{font-size:13px}.pairing-readings{grid-template-columns:1fr 1fr;gap:14px;margin:23px 0;display:grid}.pairing-readings>div{background:#12111b;border:1px solid #3a3752;border-radius:6px;padding:18px}.pairing-readings small{letter-spacing:1.5px;color:#9d90b3;font-size:9px;display:block}.pairing-readings strong{color:#ad85ee;margin-top:9px;font:500 36px Space Grotesk,sans-serif;display:block}.pairing-readings strong span{color:#9d90b3;font:12px DM Sans,sans-serif}.device-capabilities{gap:14px;margin:0;font-size:12px;display:grid}.device-capabilities div{justify-content:space-between;gap:15px;display:flex}.device-capabilities dt{color:#9d90b3}.device-capabilities dd{text-align:right;margin:0}.registration-note{margin:0 0 20px}.pairing-diagnostics{color:#a598b9;border-top:1px solid #323147;margin-top:22px;padding-top:15px;font-size:11px}.pairing-diagnostics summary{cursor:pointer}.pairing-diagnostics ul{overflow-wrap:anywhere;max-height:180px;padding-left:18px;line-height:1.8;overflow:auto}.registered-panel{margin-top:22px}.registered-list{margin:0;padding:0;list-style:none}.registered-list>li{border-top:1px solid #323147;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex}.registered-list strong{font-size:14px}.registered-list p{margin:6px 0}.registered-list small{color:#8986ac;font-size:10px}.registered-actions{align-items:center;gap:10px;display:flex}.text-button{color:#b3a8c4;background:0 0;padding:8px 3px;font-size:10px}.signal-panel h3:first-of-type{overflow-wrap:anywhere}.pairing-panel .full{min-height:43px}@media (width<=850px){.device-grid{grid-template-columns:1fr}.connection-empty{padding:35px 10px}.setup-intro>.tag{display:none}.registered-list>li{flex-direction:column;align-items:start;gap:12px}}@media (width<=520px){header nav{gap:0}.nav-button{padding:8px;font-size:10px}.brand .light{display:none}.device-grid .panel{padding:20px}.setup-steps{gap:12px;font-size:10px}.setup-steps li{gap:5px}.setup-steps li span{flex-shrink:0;width:23px;height:23px}.setup-intro h1{font-size:30px}.setup-intro .muted{max-width:none}.registered-actions{flex-wrap:wrap}.device-capabilities{font-size:11px}.simulator-entry{flex-wrap:wrap}.pairing-readings strong{font-size:31px}.registered-panel .panel-heading{flex-direction:column;align-items:start}}.ride-icon{flex-shrink:0;width:32px;height:32px;margin:0;display:block}.pairing-main,.ride-screen{font-family:DM Sans,Arial,sans-serif}.pairing-main{isolation:isolate;background:#143343;padding:24px;position:relative;overflow:hidden}.pairing-main:before{content:"";z-index:-2;filter:blur(5px);background:url(/assets/coast-panorama-v3.png) 50% 48%/cover;position:absolute;inset:-16px}.pairing-main:after{content:"";z-index:-1;background:linear-gradient(#0a223e4d,#071b2e80 55%,#081522e6),radial-gradient(at 50% 30%,#0b233b00 20%,#07152288);position:absolute;inset:0}.pairing-screen{width:min(780px,100%);padding:0}.pairing-wordmark{letter-spacing:-1.4px;color:#fff;text-shadow:0 2px 12px #08203866;font:italic 800 27px/1 DM Sans,Arial,sans-serif}.pairing-wordmark>span{color:#d1a8ff}.pairing-title{justify-content:center;align-items:center;display:flex}.pairing-logo{filter:drop-shadow(0 8px 18px #04111f66);width:min(560px,82vw);max-width:100%;height:auto;margin-bottom:6px;display:block}.pairing-title h1,.pairing-title p{display:none}.pairing-radio{color:#eef7ff;align-items:center;gap:7px;font-size:11px;display:flex;position:absolute;top:24px;right:26px}.pairing-radio .ride-icon{width:26px;height:26px}.pairing-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:500px;margin:auto}.pairing-tile{color:#fff;background:linear-gradient(135deg,#ff9419,#ed7204);border:1px solid #ffa83b88;border-radius:5px;grid-template-rows:25px 96px 24px 34px;grid-template-columns:minmax(0,1fr) 82px;align-items:stretch;gap:0 5px;min-width:0;min-height:0;padding:12px 14px 0;display:grid;position:relative;overflow:hidden;box-shadow:0 6px 16px #071b2e40}.pairing-tile.paired{background:linear-gradient(135deg,#05b5ee,#008fc9);border-color:#9ae7ff88;box-shadow:0 6px 16px #071b2e40}.pairing-tile.unavailable{background:linear-gradient(135deg,#4b7189,#365668);border-color:#a8c3d766}.pairing-tile h2{text-transform:uppercase;text-align:center;letter-spacing:-.7px;color:#fff;white-space:nowrap;grid-area:1/1/auto/-1;align-self:center;margin:0;padding:0;font:900 20px/1 Arial Black,DM Sans,sans-serif}.pairing-role-icon{object-fit:contain;grid-area:2/1;place-self:center;width:104px;max-width:100%;height:96px;display:block}.pairing-tile-no-reading .pairing-role-icon{grid-column:1/-1;width:114px}.tile-reading{flex-direction:column;grid-area:2/2;justify-content:center;align-items:center;gap:0;margin:0;display:flex}.tile-reading strong{letter-spacing:-1.5px;font:900 32px/1 Arial Black,DM Sans,sans-serif}.tile-reading>span{color:#fff;font-size:12px;font-weight:800}.tile-device{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;grid-area:3/1/auto/-1;align-self:center;min-width:0;margin:0;font-size:10px;line-height:1.2;overflow:hidden}.pairing-tile .tile-pair-action,.pairing-tile .tile-footnote{color:#fff;text-align:center;background:#e66c06;border:0;border-radius:0;grid-area:4/1/auto/-1;justify-content:center;align-self:stretch;align-items:center;gap:9px;width:auto;margin:0 -14px;padding:5px 8px;font-size:13px;font-weight:800;display:flex}.pairing-tile.paired .tile-pair-action,.pairing-tile.paired .tile-footnote{background:#303b36}.unavailable .tile-footnote{background:#253b49}.pairing-tile .tile-state{text-transform:uppercase;color:#fff;background:0 0;border-radius:0;padding:0;font:900 13px/1.1 Arial Black,DM Sans,sans-serif;position:static}.paired .tile-state:before{content:"✓";color:#86e43d;vertical-align:-1px;margin-right:4px;font-size:19px;line-height:0;display:inline-block}.tile-pair-action small,.tile-footnote small{color:#e3eced;font-size:8px;font-weight:600}.pairing-tile .tile-pair-action:hover{filter:brightness(1.1);background:#e66c06}.pairing-tile.paired .tile-pair-action:hover{background:#303b36}.pairing-tile .tile-pair-action:disabled{opacity:.65}.pairing-tile .tile-pair-action:focus-visible{outline-offset:-4px}.pairing-help{color:#e2edf7;margin:17px 0 0;font-size:11px}.pairing-bottom{flex-direction:row;justify-content:center;gap:18px;margin:15px 0 0}.pairing-enter{text-transform:uppercase;color:#fff;background:#f05d38;border-radius:6px;width:220px;min-height:47px;font:800 18px DM Sans,Arial,sans-serif;box-shadow:0 3px #a53b28}.pairing-enter:disabled{opacity:1;color:#d1d9df;background:#536c7c;box-shadow:0 3px #253b4b}.pairing-bottom .text-button{color:#fff;background:#0e3447b3;border:1px solid #9ccde55c;border-radius:6px;padding:12px 16px;font-size:12px}.pairing-settings{color:#d1e5f4;border-color:#c5e5ff40;max-width:530px;margin-top:19px}.pairing-settings>summary{padding:12px 0 5px}.pairing-settings>summary:after{color:#d2eaff}.pairing-settings-content{background:#12283cf5;border-color:#829fbf66}.pairing-settings-content .hint,.pairing-settings-content label,.pairing-diagnostics{color:#c0d2e6}.pairing-lab{color:#d1e5f4;margin-top:5px}.saved-trainers{color:#fff}.saved-trainers>div{background:#112d43d9;border-color:#adcce066}.saved-trainers h3,.saved-trainers button{color:#d7eaff}.pairing-browser-note{color:#e2f2ff;background:#172e43e6;border-color:#99c8de80}.lobby-logo{filter:drop-shadow(0 6px 18px #0003);width:clamp(140px,18vw,200px);max-width:100%;height:auto;margin-bottom:8px;display:block}.ride-screen{min-height:480px}.ride-screen .glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(115deg,#12304abf,#132a40ad);border:1px solid #b2d1ef30;box-shadow:0 4px 16px #061c3020}.race-top{gap:22px;top:14px;left:16px;right:16px}.ride-screen .race-positions{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#173c578f;border-radius:13px;width:228px;padding:0 6px 4px}.position-heading{background:#081e32b0;gap:12px;margin-bottom:3px;padding:7px 12px 8px}.position-heading strong{letter-spacing:-1px;font:800 39px/.95 DM Sans,Arial,sans-serif}.position-heading>span{margin-bottom:-7px;font:700 22px/1 DM Sans,Arial,sans-serif}.position-heading .checkered-flag{width:31px;height:32px}.position-row{background:#12354e69;border:0;gap:7px;min-height:35px;margin:2px 0;padding:2px 4px}.position-row.you{background:linear-gradient(90deg,#8715e5e0,#6537ae91);border:0}.position-row>.rank-badge{width:21px!important;height:24px!important;font:800 16px/1 DM Sans,Arial,sans-serif!important}.position-row>.rank-3{background:linear-gradient(#78d547,#3a9f27)!important}.position-avatar.portrait{background-position:22% 55%;background-size:290% 145%;width:29px;height:29px}.position-avatar.portrait.kai{background-position:84% 55%}.opponent-info strong{max-width:91px;font-size:12px}.opponent-info>span{color:#c6d9eb;margin-top:2px;font-size:7px;line-height:1.1}.position-row>small{color:#c3d9eb;font-size:11px}.ride-screen .route-profile{border-radius:14px;width:440px;padding:10px 16px 0;position:relative;overflow:hidden}.route-profile .route-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.route-profile .route-heading>strong{color:#cee1f2;font:700 14px DM Sans,Arial,sans-serif}.route-profile .route-heading>span{color:#fff;white-space:nowrap;align-items:center;gap:6px;font-size:17px;font-weight:800;display:flex}.route-heading .ride-icon{color:#9cbadd;width:17px;height:20px}.route-heading small{color:#c6d9eb;font-size:10px;font-weight:500}.route-profile .course-elevation{width:100%;height:65px;margin:0;overflow:visible}.ride-tools{gap:6px;top:121px;right:16px}.ride-tools button{border-radius:7px;padding:7px 11px;font-size:10px}.riding .fullscreen-float{background:#102c4599;width:30px;height:29px;top:121px;right:168px}.ride-bottom{width:min(700px,100% - 100px);bottom:32px}.ride-screen .ride-hud{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(100deg,#0e243de0,#162a3ba8);border:2px solid #8ba8d03b;border-radius:18px;gap:18px;min-height:98px;padding:10px 22px 13px;box-shadow:0 7px 20px #07152533}.hud-portrait-wrap{background:conic-gradient(#9f41f0 0deg 285deg,#486a8b80 285deg 360deg);width:108px;height:108px;margin:-19px 0 -17px -50px;padding:6px;box-shadow:0 0 0 3px #233d59,0 3px 10px #08172d66}.hud-rider.portrait{background-position:22% 55%;background-size:290% 145%;border-color:#b666ff;width:96px;height:96px}.hud-rider.portrait.kai{background-position:84% 55%}.hud-heading{gap:8px;margin:0 0 9px;font-size:16px;line-height:1}.hud-crown,.hud-crown .ride-icon{width:19px;height:19px}.hud-stats{gap:12px}.hud-metric{border-color:#b0c9e650;grid-template-columns:31px 1fr;column-gap:7px;padding-left:14px}.hud-metric>.ride-icon{grid-row:span 2;align-self:center;width:32px;height:35px}.hud-metric .power-icon{color:#b327fc;filter:drop-shadow(0 0 5px #b033ff40)}.hud-metric .speed-icon{color:#00a6fa}.hud-metric .cadence-icon{color:#68d52d}.hud-metric .gradient-icon{color:#ff613a}.hud-metric strong,.hud-metric.grade strong{letter-spacing:-.7px;font:800 28px/1 DM Sans,Arial,sans-serif}.hud-metric small{color:#b5cceb;margin-top:4px;font-size:12px;font-weight:600}.hud-metric.grade strong{color:#ff6b42}.hud-metric.grade.downhill strong,.hud-metric.grade.downhill .ride-icon{color:#42b5ff}.ride-options{border-radius:8px;width:230px;font-size:11px;position:absolute;top:159px;right:16px}.ride-options>summary{cursor:pointer;padding:10px 12px;font-weight:700}.ride-options>summary>span{float:right;color:#c5daed;font-size:10px;font-weight:500}.ride-options[open]{background:#102b42ed;width:306px}.ride-options .ride-controls{background:0 0;border-radius:0;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;padding:12px;display:flex}.ride-options .resistance-note{text-align:center;order:1;width:100%;display:block}.ride-options .ride-controls>button{font-size:10px}.ride-options .ride-simulator{background:#25425b80;border-radius:6px;width:auto;margin:0 12px 12px}.ride-session{color:#b5c9dd;text-align:center;padding:0 12px 12px;font-size:9px;display:block}.ride-screen .finish-card{width:240px;min-width:0;padding:22px 18px;top:218px;left:auto;right:16px;transform:none}.ride-screen .finish-card h2{font-size:30px}.finish-rolling{padding:10px 14px;font-size:11px;position:absolute;top:211px;right:16px}@media (width>=621px) and (width<=1000px){.ride-screen .finish-card{width:164px;padding:18px 12px}.ride-screen .finish-card h2{font-size:26px}.ride-screen .finish-card .ride-primary{padding:12px;font-size:11px}}@media (width<=620px){.ride-screen .finish-card{width:210px;padding:18px 12px;top:208px;right:12px}.ride-screen .finish-card h2{font-size:26px}.finish-rolling{font-size:10px;top:204px;right:10px}}@media (width<=850px){.pairing-radio{top:18px;right:16px}.pairing-radio>span{display:none}.ride-screen .route-profile{width:340px}.ride-bottom{width:calc(100% - 80px)}.hud-stats{gap:8px}.hud-metric{grid-template-columns:26px 1fr;column-gap:5px;padding-left:8px}.hud-metric>.ride-icon{width:27px;height:30px}.hud-metric strong,.hud-metric.grade strong{font-size:25px}}@media (width<=620px){.pairing-main{padding:22px 14px;display:grid}.pairing-title h1{letter-spacing:-1px;font-size:29px}.pairing-wordmark{font-size:23px}.pairing-mode{margin-bottom:18px}.pairing-tiles{gap:13px}.pairing-tile{grid-template-rows:23px 82px 23px 32px;grid-template-columns:minmax(0,1fr) 60px;gap:0 2px;padding:10px 10px 0}.pairing-tile h2{letter-spacing:-.5px;font-size:clamp(12px,3.85vw,15px)}.pairing-role-icon{width:85px;height:82px}.pairing-tile-no-reading .pairing-role-icon{width:96px}.tile-reading strong{letter-spacing:-1px;font-size:24px}.tile-reading>span{font-size:10px}.tile-device{font-size:9px}.pairing-tile .tile-pair-action,.pairing-tile .tile-footnote{gap:5px;margin:0 -10px;padding:5px 4px}.pairing-tile .tile-state{letter-spacing:-.3px;font-size:clamp(10px,3vw,12px)}.paired .tile-state:before{margin-right:3px;font-size:16px}.tile-pair-action small,.tile-footnote small{font-size:7px}.pairing-bottom{gap:10px}.pairing-enter{width:190px;font-size:16px}.pairing-bottom .text-button{padding:14px 11px;font-size:11px}.pairing-help{font-size:10px}.race-top{gap:10px;top:10px;left:10px;right:10px}.ride-screen .race-positions{flex-shrink:0;width:178px;padding:0 4px 3px}.position-heading{gap:8px;margin:0 -4px 3px;padding:6px 9px}.position-heading strong{font-size:31px}.position-heading>span{font-size:18px}.position-heading .checkered-flag{width:24px;height:28px}.position-row{gap:4px;padding:3px 1px}.position-row>.rank-badge{width:17px!important;height:22px!important;font-size:13px!important}.position-avatar.portrait{width:24px;height:24px}.opponent-info strong{max-width:68px;font-size:10px}.opponent-info>span{font-size:6.5px}.position-row>small{min-width:22px;font-size:9px}.ride-screen .route-profile{width:calc(100% - 188px);min-width:0;padding:9px 9px 0}.route-profile .route-heading{flex-direction:column;align-items:flex-end;gap:3px}.route-profile .route-heading>strong{font-size:10px}.route-profile .route-heading>span{font-size:14px}.route-heading small{font-size:8px}.route-profile .course-elevation{height:46px}.ride-tools{top:125px;right:10px}.riding .fullscreen-float{top:125px;right:162px}.ride-options{width:177px;top:161px;right:10px}.ride-options[open]{width:min(306px,100% - 20px)}.ride-options>summary{padding:9px;font-size:10px}.ride-options>summary>span{font-size:9px}.ride-bottom{width:calc(100% - 24px);bottom:18px}.ride-screen .ride-hud{border-radius:14px;gap:0;min-height:90px;padding:10px 12px}.hud-portrait-wrap{display:none}.hud-heading{margin-bottom:9px;font-size:13px}.hud-stats{gap:5px}.hud-metric{border-left:1px solid #afc6e035;grid-template-columns:21px 1fr;gap:0 3px;padding-left:4px}.hud-metric>.ride-icon{width:22px;height:25px}.hud-metric strong,.hud-metric.grade strong{letter-spacing:-.7px;font-size:21px}.hud-metric small{font-size:9px}}@media (height<=800px) and (width>=700px){.pairing-main{padding:18px 24px}.pairing-title h1{margin-top:10px;font-size:32px}.pairing-title p{display:none}.pairing-mode{margin:9px auto 14px}.pairing-tile{grid-template-rows:23px 78px 21px 30px;padding-top:10px}.pairing-role-icon{height:78px}.pairing-tiles{gap:14px}.pairing-help{margin-top:12px}.pairing-bottom{margin-top:10px}.pairing-settings{margin-top:12px}.ride-bottom{bottom:18px}}.game-shell{isolation:isolate;background:#143343;padding:0 5vw;position:relative}.game-shell:before{content:"";z-index:-2;pointer-events:none;filter:blur(5px);background:url(/assets/coast-panorama-v3.png) 50% 48%/cover;position:fixed;inset:-16px}.game-shell:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0a223e66,#071b2ea8 55%,#081522ed);position:fixed;inset:0}.game-shell .lobby{max-width:1080px;padding:28px 0;font-family:DM Sans,Arial,sans-serif}.game-shell .lobby-hero{border:1px solid #a5d9ee77;border-radius:14px;height:210px;box-shadow:0 10px 35px #061b3040}.game-shell .hero-copy{pointer-events:none;padding:24px 28px}.game-shell .lobby-logo{width:260px}.game-shell .hero-rider.portrait{width:230px;height:230px;bottom:-30px;right:15%}.game-shell .hero-location{z-index:3;color:#fff;text-align:left;letter-spacing:0;background:#12384be8;border:1px solid #c3eaff99;border-radius:30px;align-items:center;gap:9px;padding:10px 14px;font-size:12px;display:flex;bottom:20px;right:22px;box-shadow:0 4px 12px #071b2e44}.hero-location .ride-icon{width:19px;height:23px}.hero-location small{color:#c2e5f4;margin-top:2px;font-size:10px;font-weight:500;display:block}.hero-location>span:last-child{margin-left:5px;font-size:19px}.game-shell .fullscreen-float{background:#12384b}.lobby-welcome{margin:27px 0 22px}.lobby-welcome h1{letter-spacing:-.8px;color:#fff;margin:7px 0;font:700 30px/1.15 DM Sans,sans-serif}.lobby-welcome p{color:#c4ddec;margin:0;font-size:12px}.lobby .game-eyebrow{color:#bce8f7;letter-spacing:1.6px;font-size:9px}.lobby-action-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.lobby .lobby-tile{color:#fff;text-align:left;white-space:normal;background:linear-gradient(130deg,#199fcd,#147da9);border:1px solid #8cdef6a3;border-radius:8px;flex-direction:column;min-width:0;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:0 6px 18px #071b2e40}.lobby .lobby-tile:hover:not(:disabled){filter:none;border-color:#e8faff;transform:translateY(-3px);box-shadow:0 9px 24px #071b2e60}.lobby-tile-image{background:#173747;width:100%;height:154px;display:block;position:relative;overflow:hidden}.lobby-tile-image:after{content:"";pointer-events:none;background:linear-gradient(#092e4c00 35%,#092e4ca3);position:absolute;inset:0}.lobby-tile-image>img{object-fit:cover;width:100%;height:100%;display:block}.lobby-tile-symbol{z-index:1;color:#fff;background:#0b436cc7;border:1px solid #d5f3ff9c;border-radius:50%;place-items:center;width:54px;height:54px;font:400 40px/1 DM Sans,sans-serif;display:grid;position:absolute;top:22px;left:20px;box-shadow:0 4px 12px #08284033}.lobby-tile-symbol .ride-icon{width:33px;height:33px}.lobby-tile-badge{z-index:1;letter-spacing:1px;color:#ecfaff;font-size:9px;font-weight:700;position:absolute;bottom:14px;left:20px}.lobby-tile-copy{flex-direction:column;flex:1;gap:5px;min-width:0;padding:18px 20px 20px;display:flex}.lobby-tile-copy>strong{letter-spacing:-.5px;color:#fff;font-size:21px;line-height:1.2}.lobby-tile-copy>span{color:#e2f5fc;overflow-wrap:anywhere;font-size:11px;font-weight:400;line-height:1.5}.lobby-tile-footer{color:#fff;background:#173747;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:12px 20px;font-size:12px;display:flex}.lobby-tile-footer>span{color:#99def2;font-size:20px;line-height:1}.lobby .room-browser{border:0;margin-top:30px;padding:0}.lobby .section-title{margin-bottom:16px}.lobby .section-title h2{color:#fff;font:700 23px DM Sans,sans-serif}.lobby .room-count{color:#d2f5ff;background:#1b7e9b88;border:1px solid #a6eaff55;font-size:12px}.lobby .text-button{color:#d7f1fc}.lobby .available-rooms{gap:22px;display:grid}.lobby .available-room{align-items:stretch;gap:0;margin:0}.lobby .available-room .room-occupancy{z-index:1;color:#f2fcff;background:#12384be8;border:1px solid #c1e9fa77;border-radius:20px;min-width:0;padding:6px 10px;font-size:11px;position:absolute;top:14px;right:14px}.lobby .available-room .lobby-tile-copy>strong{font-size:21px}.lobby .no-rooms{color:#e6f5fc;background:#122e43ad;border:1px dashed #b1d6e755;border-radius:8px;padding:22px}.lobby .no-rooms>span{color:#ffa36a}.lobby .no-rooms p{color:#c4ddec}.lobby .lab-link{color:#bdd6e6;border-color:#b9deef30;margin-top:25px;padding-top:12px}.lobby-dialog{overscroll-behavior:contain;color:#fff;background:linear-gradient(135deg,#163d55,#102b40);border:1px solid #9fd8ed99;border-radius:14px;width:min(660px,100% - 32px);max-height:calc(100dvh - 40px);margin:auto;padding:26px;font-family:DM Sans,sans-serif;overflow-y:auto;box-shadow:0 24px 100px #020f23aa}.lobby-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#061b30b3}.lobby-dialog-profile{width:min(580px,100% - 32px)}.lobby-dialog-join{width:min(440px,100% - 32px)}.dialog-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:8px;display:flex}.dialog-heading h2{letter-spacing:-.6px;font:700 25px DM Sans,sans-serif}.dialog-close{color:#fff;background:#a9d5eb12;border:1px solid #b2def044;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;padding:0;font-size:25px;font-weight:400;display:grid}.dialog-intro{color:#bfd9e9;margin:0 0 24px;font-size:12px}.lobby-dialog .field-heading,.lobby-dialog legend{color:#d9ecf7;margin:0 0 12px;padding:0;font:600 12px DM Sans,sans-serif;display:block}.lobby-dialog fieldset{border:0;min-width:0;margin:0 0 22px;padding:0}.lobby-dialog .avatar-selection{margin-top:5px}.lobby-dialog label{color:#d0e5f2;font-size:12px}.lobby-dialog input:not([type=radio]){color:#fff;background:#0b2539;border:1px solid #79acc56b;min-height:44px}.lobby-dialog input:focus{border-color:#b1e9ff;box-shadow:0 0 0 2px #8bd8f333}.lobby-dialog .character-card{background:#1a4965;border-color:#7ac8e66b;border-radius:8px;gap:8px;min-height:90px;padding:8px}.lobby-dialog .character-card .portrait{width:60px;height:65px}.lobby-dialog .character-card strong{font:700 16px DM Sans,sans-serif}.lobby-dialog .character-card span:not(.character-check){color:#d0e6f3}.lobby-dialog .character-card.selected,.lobby-dialog .course-card.selected{background:#197fa4;border-color:#e5f8ff;box-shadow:0 0 0 2px #b0edff66}.lobby-dialog .character-check{color:#a7edc9}.lobby-dialog .course-card{background:#17698b;border-color:#87cfe777;border-radius:8px}.lobby-dialog .course-card img{height:120px}.lobby-dialog .course-card p,.lobby-dialog .course-card-copy>div{color:#dbf1fb}.lobby-dialog .selection-tick{background:#0e435e;border-color:#c4f0ff88}.lobby-dialog .input-summary{background:#17628255;border-color:#8bccdf55;margin-top:0;padding:13px}.lobby-dialog .input-summary .ride-icon{color:#b6e9fa;width:34px;height:34px}.lobby-dialog .input-summary small,.lobby-dialog .hint{color:#b9d7e8}.lobby-dialog .input-summary .text-button{color:#e3f6ff;font-size:11px}.lobby-dialog .ride-mode{margin:24px 0 0}.ride-mode>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.ride-mode label{cursor:pointer;background:#103048;border:1px solid #7ac8e655;border-radius:8px;align-items:center;gap:11px;margin:0;padding:16px 12px;display:flex}.ride-mode label.selected{background:#196d8e;border-color:#b5edff}.lobby-dialog .ride-mode input{accent-color:#94e5ff;flex-shrink:0;width:16px;height:16px;margin:0;padding:0}.ride-mode strong,.ride-mode small{display:block}.ride-mode strong{color:#fff;font-size:14px}.ride-mode small{color:#cee6f3;margin-top:4px;font-size:10px}.lobby-dialog .ride-primary,.waiting-lobby .ride-primary{color:#fff;background:#f05d38;border-radius:6px;min-height:47px;font-size:14px;font-weight:700;box-shadow:0 3px #a53b28}.dialog-submit{margin-top:24px}.lobby-dialog .alert{overflow-wrap:anywhere;margin:16px 0}.lobby-dialog button:focus-visible{outline-color:#ffb58a}.waiting-lobby{background:#123249e8;border:1px solid #9bd9ee77;border-radius:12px;max-width:720px;margin:28px auto;overflow:hidden;box-shadow:0 10px 35px #061b3040}.waiting-route{isolation:isolate;padding:25px;position:relative;overflow:hidden}.waiting-route>img{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.waiting-route:after{content:"";z-index:-1;background:#082840b3;position:absolute;inset:0}.waiting-route h1{margin:9px 0;font:700 28px DM Sans,sans-serif}.waiting-route p{color:#d7edf9;margin:0;font-size:12px}.waiting-content{padding:25px}.waiting-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.waiting-heading h2{font:700 20px DM Sans,sans-serif}.waiting-lobby .hint{color:#bdd9e9;margin-top:6px}.waiting-lobby .lobby-code{color:#b4edff;letter-spacing:1px;overflow-wrap:anywhere;margin:0;font-size:22px}.waiting-lobby .lobby-roster li{border-color:#bbdef033;align-items:center;font-size:12px}.waiting-lobby .lobby-roster .portrait{width:35px;height:35px;box-shadow:none;background-position:22% 55%;background-size:290% 145%;border-width:1px}.waiting-lobby .lobby-roster .portrait.kai{background-position:84% 55%}.waiting-lobby .lobby-roster strong{overflow-wrap:anywhere;flex:1;min-width:0}.waiting-lobby .green{color:#a9edc4}.waiting-lobby .muted{color:#c5d8e7}.waiting-note{text-align:center}@media (width>=1500px){.game-shell .lobby{max-width:1180px}.game-shell .lobby-hero{height:240px}.lobby-tile-image{height:180px}}@media (width<=620px){.game-shell{padding:0 16px}.game-shell .lobby{padding-top:16px}.game-shell .lobby-hero{border-radius:10px;height:184px}.game-shell .hero-copy{padding:18px}.game-shell .lobby-logo{width:173px}.game-shell .hero-rider.portrait{width:155px;height:155px;bottom:-11px;right:7px}.game-shell .hero-location{padding:8px 12px;font-size:11px;bottom:17px;left:15px;right:auto}.hero-location small{font-size:9px}.lobby-welcome{margin:23px 0 18px}.lobby-welcome h1{font-size:26px}.lobby-action-cards{grid-template-columns:1fr;gap:16px}.lobby .available-rooms{gap:16px}.lobby-tile-image{height:125px}.lobby-tile-symbol{width:44px;height:44px;font-size:33px;top:15px;left:17px}.lobby-tile-symbol .ride-icon{width:29px;height:29px}.lobby-tile-badge{font-size:8px;left:17px}.lobby-tile-copy{padding:15px 17px}.lobby-tile-footer{padding:11px 17px}.lobby .room-browser{margin-top:25px}.lobby .section-title h2{font-size:21px}.lobby-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:20px 16px}.dialog-heading h2{font-size:22px}.dialog-intro{margin-bottom:20px}.lobby-dialog .course-card img{height:95px}.lobby-dialog .course-card h3{font-size:16px}.lobby-dialog .course-card-copy{padding:12px 9px}.lobby-dialog .character-cards{gap:10px}.lobby-dialog .character-card{gap:4px;min-height:78px;padding:6px 4px}.lobby-dialog .character-card .portrait{width:45px;height:54px}.lobby-dialog .character-card strong{font-size:14px}.lobby-dialog .character-card span:not(.character-check){font-size:8px}.lobby-dialog .character-check{font-size:12px}.ride-mode>div{gap:10px}.ride-mode label{gap:7px;padding:13px 9px}.ride-mode small{font-size:9px}.waiting-content{padding:20px 17px}.waiting-heading{flex-direction:column;align-items:flex-start;gap:12px}.waiting-lobby .lobby-roster li{gap:8px;font-size:11px}}@media (prefers-reduced-motion:reduce){.lobby .lobby-tile{transition:none}}.lobby-action-body{align-items:center;gap:17px;width:100%;min-height:106px;padding:20px;display:flex}.lobby-action-icon{color:#fff;flex-shrink:0;place-items:center;width:46px;height:46px;font:400 48px/1 DM Sans,sans-serif;display:grid}.lobby-action-icon .ride-icon{width:42px;height:42px}.lobby-action .lobby-tile-copy{padding:0}.waiting-route{grid-template-columns:minmax(0,1fr) minmax(240px,1.2fr);align-items:center;gap:22px;display:grid}.lobby-course-map{filter:drop-shadow(0 2px 3px #06243f99);width:100%;height:auto;margin:0}.lobby-course-map text{fill:#e5f5ff;letter-spacing:.6px;font:600 8px DM Sans,sans-serif}@media (width<=620px){.lobby-action-body{gap:13px;min-height:92px;padding:17px}.lobby-action .lobby-tile-copy>strong{font-size:20px}.lobby-action-icon{width:36px;height:40px;font-size:42px}.lobby-action-icon .ride-icon{width:34px;height:34px}.waiting-route{grid-template-columns:1fr;gap:14px;padding:20px}.lobby-course-map{max-height:94px}}