.online-overlay[hidden],.online-name[hidden]{display:none!important}.online-overlay{position:absolute;inset:0;z-index:80;display:grid;place-items:center;padding:12px;background:#061b36dc;overflow:auto}.online-card{width:min(520px,93vw);max-height:96%;overflow:auto;text-align:center;color:#153851;background:#fff8e9;border:5px solid white;border-radius:25px;box-shadow:0 15px 36px #00152d9c;padding:17px 22px}.online-card h2{margin:0 0 10px;font-size:clamp(23px,4vw,36px)}.online-card p{margin:9px 0}.online-card button{font:inherit;font-weight:900;color:#17435f;background:#d9ecf1;border:0;border-radius:13px;padding:9px 17px;margin:5px;cursor:pointer}.online-card button.primary{background:#f5825f;color:white}.online-card button:disabled{opacity:.5;cursor:default}.online-card label{display:inline-grid;gap:4px;margin:5px;font-size:14px;font-weight:900}.online-card select,.online-card input,.online-name input{min-height:40px;padding:6px 10px;border:2px solid #77adc1;border-radius:9px;background:white;color:#153851;font:inherit}.online-join{display:flex;justify-content:center;align-items:center}.online-join input{width:155px;text-transform:uppercase;letter-spacing:.15em}.online-card #onlineCode{display:block;font-size:clamp(25px,5vw,42px);letter-spacing:.15em;user-select:all}.online-card #onlinePeople{min-height:2em}.online-card #onlineStatus{min-height:1.4em;color:#9a5537}.online-name{position:absolute;z-index:5;bottom:16%;left:50%;transform:translateX(-50%);display:flex;gap:8px;align-items:center;background:#fffaec;border:3px solid white;padding:5px 12px;border-radius:12px;font-weight:900;color:#173b55}.online-name input{width:135px}.online-racer-tag{position:absolute;z-index:6;pointer-events:none;transform:translate(-50%,-100%);background:#102f50e6;color:white;border:2px solid #fff;border-radius:12px;padding:3px 9px;font-size:14px;font-weight:900;white-space:nowrap;box-shadow:0 4px 10px #0008}.online-rank-tag{position:absolute;left:calc(100% + 5px);top:25%;display:block;width:max-content;max-width:100px;overflow:hidden;text-overflow:ellipsis;padding:2px 5px;border-radius:5px;background:#173956d9;font-size:12px;font-weight:900;color:#fff6b5}.online-rank-tag[hidden]{display:none!important}
.kit-group[aria-label="RACE CLASS"] .kit-card:disabled{opacity:.68;cursor:default}
.online-card #onlineCourseSummary{display:block;margin:12px auto;padding:10px 15px;width:max-content;max-width:100%;border-radius:12px;background:#d8ecf3;font-weight:900;color:#173b55}
.track-class-picker{position:absolute;z-index:5;left:50%;bottom:15%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;color:#fff3cc;font-size:14px;font-weight:900;text-shadow:0 2px 5px #092943}
.track-class-picker button{min-width:110px;min-height:42px;padding:8px 15px;border:2px solid #bce7eb;border-radius:12px;background:#164766ed;color:#fff;font:inherit;font-size:16px;cursor:pointer}
.track-class-picker button[aria-pressed="true"]{border-color:#fff4b5;background:#fbd36d;color:#173c55;box-shadow:0 3px 0 #9b693a;text-shadow:none}
@media(max-height:550px){.track-class-picker{bottom:15%;font-size:12px}.track-class-picker button{min-width:89px;min-height:36px;padding:5px 9px;font-size:14px}}
@media(max-height:350px){.track-class-picker{bottom:16%}.track-class-picker button{min-height:32px}}