.online-race{padding:28px 0 45px}.online-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:28px;display:flex}.online-heading>.eyebrow{color:#859574;align-items:center;gap:9px;font-size:9px;display:flex}.room-entry{text-align:center;max-width:640px;margin:40px auto 50px}.room-entry>.eyebrow{color:#8d9a7c;font-size:9px}.room-entry h1,.lobby-title h1,.online-finish h1{letter-spacing:-2px;margin:18px 0;font-size:55px;font-weight:650;line-height:1.1}.room-entry h1 em,.lobby-title h1 em,.online-finish h1 em{font-family:var(--font-serif), Georgia, serif;color:var(--wd-orange);font-weight:500}.room-entry>p:not(.eyebrow),.lobby-title p:not(.eyebrow){color:#889679;font-size:12px}.room-route{border:1px solid var(--wd-line);font-family:var(--font-serif), Georgia, serif;text-align:center;overflow-wrap:anywhere;background:#eff2e7;border-radius:8px;justify-content:center;align-items:center;gap:20px;margin:28px 0;padding:24px;font-size:22px;line-height:1.4;display:flex}.room-route svg{color:var(--wd-orange);flex-shrink:0}.room-route>span{flex:1}.room-entry-form{text-align:left;max-width:350px;margin:30px auto}.room-entry-form label{font-family:var(--font-mono), monospace;color:#849473;letter-spacing:.7px;margin-bottom:20px;font-size:8px;display:block}.room-entry-form input{border:1px solid var(--wd-line);width:100%;color:var(--wd-ink);font-family:var(--font-sans), sans-serif;letter-spacing:0;background:#fdfcf7;border-radius:6px;margin-top:8px;padding:12px 14px;font-size:13px;display:block}.room-entry-form input::placeholder{color:#a3ab92}.room-entry-form .primary-button{justify-content:space-between;width:100%}.room-lobby{border:1px solid var(--wd-line);background:#fdfcf7;border-radius:12px;max-width:850px;margin:30px auto 0;padding:30px}.lobby-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.lobby-title .eyebrow{color:#8e9b7b;font-size:8px}.lobby-title h1{margin-top:12px;font-size:40px}.room-code{text-align:right}.room-code>span{font-family:var(--font-mono), monospace;color:#92a17e;letter-spacing:1px;font-size:8px}.room-code>strong{font-family:var(--font-mono), monospace;letter-spacing:1px;color:#48653a;margin:6px 0;font-size:24px;font-weight:400;display:block}.room-code>small{color:#9baa88;font-size:10px}.room-link{gap:10px;margin:20px 0 28px;display:flex}.room-link input{min-width:0;font-family:var(--font-mono), monospace;border:1px solid var(--wd-line);color:#8a9879;background:#f7f8ef;border-radius:5px;flex:1;padding:10px 13px;font-size:10px}.room-link .secondary-button{padding:10px 15px;font-size:11px!important}.lobby-player{border-top:1px solid #e3e7d8;align-items:center;gap:13px;padding:15px 0;display:flex}.lobby-player strong{font-size:13px;font-weight:550}.lobby-player>div{min-width:0}.lobby-player small{font-family:var(--font-mono), monospace;letter-spacing:.5px;color:#95a184;margin-top:3px;font-size:7px;display:block}.racer-avatar{color:#7e956a;width:36px;height:36px;font-family:var(--font-mono), monospace;background:#eff2e6;border:1px solid #e0e6d3;border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;display:grid}.ready-status{font-family:var(--font-mono), monospace;color:#b1b59e;white-space:nowrap;align-items:center;gap:5px;margin-left:auto;font-size:9px;display:inline-flex}.ready-status.ready{color:#688b4b}.lobby-player .icon-button{padding:4px}.lobby-actions{border-top:1px solid var(--wd-line);justify-content:space-between;gap:20px;margin-top:12px;padding-top:25px;display:flex}.lobby-actions>span{color:#98a585;text-align:right;align-self:center;font-size:11px}.lobby-actions .primary-button{gap:15px}.room-fair-note{text-align:center;color:#a1aa92;margin-top:25px;font-size:9px;line-height:1.8}.room-reconnect{color:#99834f;background:#f8efda;border:1px solid #e9dfc1;border-radius:5px;margin-bottom:12px;padding:9px 15px;font-size:11px}.room-live-strip{flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 20px;display:flex}.room-live-strip>span{border:1px solid var(--wd-line);color:#8c9c7b;border-radius:5px;align-items:center;gap:6px;padding:8px 12px;font-size:10px;display:inline-flex}.room-live-strip strong{font-weight:500}.room-live-strip small{color:#adb497;margin-left:4px;font-size:9px}.room-live-strip>.racer-finished{color:#648541;background:#eaf1dc;border-color:#cfdcbc}.room-live-strip>.racer-finished small{color:#7c9863}.online-race .wiki-reader{max-width:950px;margin:0 auto}.online-race .wiki-content .infobox{max-width:270px}.online-finish{text-align:center;max-width:750px;margin:30px auto}.online-finish>.eyebrow{color:#98a885;font-size:9px}.online-finish h1{overflow-wrap:anywhere;margin-bottom:27px;font-size:50px}.online-personal-time{color:#8b9b79;margin-bottom:25px;font-size:12px}.online-personal-time strong{font-family:var(--font-mono), monospace;color:var(--wd-ink);margin:0 5px;font-size:16px;font-weight:500}.room-standings{text-align:left;margin-top:25px}.room-standings .score-row:last-child{border-bottom:0}.room-standings .score-row>span:nth-child(2){overflow-wrap:anywhere}.room-waiting{color:#9ca88b;margin:23px 0;font-size:11px}.online-finish .finish-actions{margin-top:26px}.room-loading{text-align:center;color:#90a27b;border:1px solid var(--wd-line);border-radius:8px;padding:50px}.room-error{z-index:12;width:max-content;max-width:calc(100vw - 36px);position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #3842281a}@media (max-width:1000px){.wd-header{gap:25px}.header-note{display:none}.race-options{flex-wrap:wrap}}@media (max-width:760px){.wd-header,.wd-header nav{gap:12px}.wd-header nav button{font-size:9px}.wd-header nav button svg{display:none}.room-lobby{margin-top:15px;padding:22px}.lobby-title{flex-direction:column;align-items:flex-start}.room-code{text-align:left;border-top:1px solid var(--wd-line);width:100%;padding:12px 0 0}.room-code strong{margin:4px 14px 0 0;font-size:24px;display:inline-block}.room-code>span{display:block}.room-route{gap:14px;padding:18px;font-size:19px}.lobby-actions{flex-wrap:wrap;gap:12px}.lobby-actions>span{text-align:left}.room-link{flex-direction:column}.room-link .secondary-button{justify-content:center}.online-race .wiki-content .infobox{max-width:230px}}@media (max-width:480px){.wd-header nav{gap:11px}.wd-header nav button{font-size:8px}.wd-brand{gap:7px;font-size:21px}.online-heading{margin-bottom:15px}.online-heading>.eyebrow{font-size:8px}.online-heading>.text-button{font-size:9px!important}.room-entry{margin-top:30px}.room-entry h1{font-size:45px}.room-entry>.eyebrow{font-size:7px}.room-entry>p:not(.eyebrow){font-size:11px}.room-route{padding:15px 10px;font-size:17px}.room-lobby{padding:19px 16px}.lobby-title h1{font-size:35px}.lobby-title p:not(.eyebrow){font-size:11px}.lobby-player{gap:9px}.lobby-player strong{overflow-wrap:anywhere;font-size:12px}.ready-status{font-size:8px}.racer-avatar{width:29px;height:29px;font-size:10px}.lobby-actions>button{flex:1;justify-content:center;gap:8px;padding:11px;font-size:11px!important}.room-live-strip>span{gap:4px;padding:6px 9px;font-size:9px}.room-live-strip small{margin-left:2px;font-size:8px}.online-race .wiki-content .infobox{max-width:none}.online-finish h1{font-size:39px}.online-personal-time{font-size:10px}.online-personal-time strong{font-size:14px}.mode-control{max-width:100%}.mode-control button{gap:4px;padding:7px 9px;font-size:9px}.mode-control svg{width:14px;height:14px}}@media (max-width:350px){.wd-header{flex-wrap:wrap;justify-content:center;gap:14px}.wd-header nav{justify-content:center;gap:20px;width:100%}.mode-control button{padding:7px;font-size:8px}.mode-control svg{width:12px;height:12px}.lobby-actions{flex-direction:column}}