@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#202641;--pink:#ff638b;--purple:#6254d9}*{box-sizing:border-box}body{margin:0;background:#c5e5f0;color:var(--ink);font-family:'DM Sans',sans-serif;overflow:hidden}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.5}button:hover{filter:brightness(1.04)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--purple);outline-offset:3px}#world,.vignette{position:fixed;inset:0;width:100%;height:100%}.vignette{pointer-events:none;background:linear-gradient(90deg,rgba(239,245,248,.98) 0%,rgba(239,245,248,.90) 30%,rgba(239,245,248,0) 64%)}header{position:fixed;top:0;left:0;right:0;padding:26px 4%;display:flex;justify-content:space-between;align-items:center;z-index:5}.brand{font-family:Outfit,sans-serif;font-weight:900;font-size:21px;letter-spacing:-.8px;display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand-run{color:var(--pink)}.brand-icon{display:grid;place-items:center;background:var(--ink);color:white;font-size:29px;width:39px;height:41px;border-radius:12px;transform:rotate(-7deg)}.header-right{display:flex;align-items:center;gap:12px}.online{font-size:11px;font-weight:700;display:flex;gap:7px;align-items:center;background:#ffffffb8;border:1px solid #fff8;border-radius:30px;padding:10px 13px}.online i{width:6px;height:6px;background:#48b993;border-radius:50%}.icon{width:35px;height:35px;border-radius:50%;background:#fff9;color:var(--ink);font-weight:bold}main{position:absolute;top:125px;left:7%;width:430px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:12px}.eyebrow span{background:#e1dcf9;color:#7866c5;padding:6px 8px;border-radius:4px;letter-spacing:1.2px}h1{font-family:Outfit,sans-serif;font-weight:900;font-size:clamp(48px,4.5vw,72px);line-height:1.02;letter-spacing:-3px;margin:22px 0 18px}h1 em{font-style:normal;color:var(--pink)}.intro{font-size:14px;line-height:1.7;color:#666c81}.tags{display:flex;gap:14px;font-size:10px;font-weight:600;margin:20px 0 28px;color:#747990}.play-card{background:#ffffffeb;border:1px solid #fff;border-radius:20px;padding:22px;box-shadow:0 12px 45px #34436e0b;width:365px}.card-top{display:flex;justify-content:space-between;margin-bottom:19px}.step-label{font-size:9px;font-weight:800;letter-spacing:1px}.capacity{font-size:10px;color:#76988c}label{display:block;font-size:11px;font-weight:600;margin-bottom:8px}.name-field{display:flex;align-items:center;background:#f4f5f9;border:1px solid #e9eaf1;border-radius:9px;padding:0 12px;margin-bottom:12px}.mini-bean{width:15px;height:20px;border-radius:8px 8px 6px 6px;background:var(--pink);position:relative}.mini-bean:after{content:'••';background:white;border-radius:4px;position:absolute;font-size:9px;top:3px;left:2px;color:var(--ink)}input{min-width:0;border:0;outline:0;background:transparent;color:var(--ink);padding:13px;font-size:12px;width:100%}input::placeholder{color:#a0a3b3}.primary{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;background:var(--pink);border-radius:9px;color:#fff;font-size:13px;font-weight:700;box-shadow:0 4px 0 #e44973}.primary span{font-size:20px;line-height:16px}.or{display:flex;align-items:center;gap:9px;font-size:9px;color:#a3a7b6;margin:19px 0 13px}.or span{flex:1;height:1px;background:#ececf2}#join-form{display:flex;gap:8px}#code{border:1px solid #e9eaf1;background:#f7f8fb;border-radius:8px;width:48%;letter-spacing:3px;text-transform:uppercase;font-size:11px}#join{flex:1;color:var(--ink);background:#efedf8;border-radius:8px;font-size:11px;font-weight:700}#join span{margin-left:12px}.card-foot{text-align:center;font-size:9px;color:#9699aa;margin:17px 0 0}#course-card{position:fixed;bottom:100px;right:4%;background:#ffffffe6;backdrop-filter:blur(12px);border:1px solid #fff;border-radius:15px;padding:20px 23px;width:330px;transform:rotate(-2deg);box-shadow:0 10px 35px #26475915}.small-label{font-size:8px;letter-spacing:1.6px;color:#8b8a9d;font-weight:700}#course-card h2{font:700 20px Outfit;margin:7px 0}#course-card h2 span{float:right;color:var(--pink)}#course-card p{font-size:10px;color:#858799}#course-card>div{border-top:1px solid #e5e6ec;padding-top:13px;margin-top:15px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;font-weight:700}footer{position:fixed;bottom:24px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:9px;font-weight:600;letter-spacing:1.3px;color:#70798b}footer b{margin:0 10px}.hidden{display:none!important}.panel{position:absolute;left:7%;top:50%;transform:translateY(-45%);background:#fffffff2;backdrop-filter:blur(16px);padding:30px;border-radius:22px;width:380px;max-height:78vh;overflow:auto;box-shadow:0 16px 55px #33446c18}.panel h2,dialog h2{font:800 34px Outfit;margin:15px 0 8px;letter-spacing:-1px}.panel>p{font-size:12px;color:#8a8d9f}.room-code{display:block;width:100%;padding:18px;background:#f0edf9;color:var(--purple);border:1px dashed #c1b8e6;border-radius:10px;font:700 30px Outfit;letter-spacing:6px;margin:22px 0}.room-code small{font-size:19px}.roster-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;font-weight:bold;margin:20px 0 12px}#roster{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:20px}.player-chip{display:flex;align-items:center;gap:8px;background:#f4f5f9;padding:10px;border-radius:8px;font-size:11px;overflow:hidden;white-space:nowrap}.dot{width:10px;height:15px;display:inline-block;flex-shrink:0;border-radius:6px}.text-button{background:transparent;color:#83889a;font-size:11px;display:block;margin:20px auto 0}.race-top,.race-bottom{position:fixed;left:4%;right:4%;display:flex;justify-content:space-between;pointer-events:none}.race-top{top:100px}.race-bottom{bottom:35px}.hud-card{background:#ffffffe6;padding:16px 22px;border-radius:13px;box-shadow:0 6px 20px #2131430b}.hud-card small{display:block;font-size:9px;letter-spacing:1.5px;font-weight:700;color:#84889e;margin-bottom:7px}.hud-card strong{font:800 26px Outfit}.hud-card>span{font-size:10px;color:#82889a}.timing{text-align:right}.progress{width:185px;height:6px;background:#e9e6f4;border-radius:8px;margin:10px 0}.progress i{display:block;height:100%;width:0;background:var(--pink);border-radius:8px}#countdown{position:fixed;top:42%;left:50%;transform:translate(-50%,-50%);font:900 100px Outfit;color:white;text-shadow:0 7px 0 #6354d9;pointer-events:none}#finished{position:fixed;top:35%;left:50%;transform:translateX(-50%);font:900 44px Outfit;color:#fff;text-shadow:0 3px 0 #5745a5;text-align:center}#finished small{display:block;font:500 15px 'DM Sans';margin-top:12px}.rank-row{display:flex;justify-content:space-between;align-items:center;padding:12px 3px;border-bottom:1px solid #ebeaf1;font-size:12px}.rank-row:last-child{margin-bottom:22px}.rank-row span{display:flex;align-items:center;gap:9px}.rank-row.mine{color:var(--purple);font-weight:700}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(100px);opacity:0;transition:.25s;background:var(--ink);color:white;border-radius:12px;padding:14px 22px;font-size:12px;z-index:50;max-width:90vw;text-align:center}#toast.show{transform:translateX(-50%) translateY(0);opacity:1}dialog{border:0;border-radius:20px;padding:30px;width:430px;color:var(--ink);box-shadow:0 15px 70px #27304633}dialog::backdrop{background:#27304655;backdrop-filter:blur(7px)}dialog p{font-size:13px;line-height:1.8;color:#777e92}dialog small{font-size:10px;color:#9699aa}#close-help{float:right}body.playing .vignette{background:none}body.in-room .vignette{background:linear-gradient(90deg,#eef3f5dd,transparent 65%)}#mobile{position:fixed;bottom:130px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}#mobile button{pointer-events:auto;touch-action:none;background:#ffffffa8;color:var(--ink);border:2px solid white;border-radius:15px;padding:16px;font-weight:800;user-select:none}.dpad{text-align:center}.dpad>div{display:flex;gap:3px;margin-top:3px}
@media(min-height:900px){main{top:16%}.play-card{margin-top:32px}}@media(max-height:780px) and (min-width:701px){main{top:95px}h1{font-size:52px;margin:16px 0}.intro{margin:10px 0}.tags{margin:14px 0}.play-card{padding:18px}.card-top{margin-bottom:12px}#course-card{bottom:80px}}@media(max-width:700px){header{padding:18px 5%}.brand{font-size:17px}.brand-icon{width:32px;height:35px}.online{font-size:9px;padding:9px}.header-right{gap:6px}main{top:105px;left:7%;width:86%}h1{font-size:49px;letter-spacing:-2px;margin:17px 0 12px}.intro{font-size:12px}.tags{font-size:8px;gap:12px;margin:16px 0 22px}.play-card{width:100%;max-width:365px}.vignette{background:linear-gradient(90deg,#eef3f5ef,#eef3f5bb 60%,#eef3f522)}#course-card{display:none}footer{font-size:7px;bottom:14px}footer span:last-child{display:none}.panel{left:5%;width:90%;max-width:390px;transform:translateY(-43%)}.race-top{top:85px}.hud-card{padding:12px 15px}.hud-card strong{font-size:22px}#finished{font-size:29px;width:90%}.race-bottom{bottom:20px}#countdown{font-size:80px}}@media(max-height:710px) and (max-width:700px){body:not(.playing){overflow-y:auto}main{top:90px;padding-bottom:55px}h1{font-size:40px}.intro{margin:6px 0}.tags{margin:13px 0}.play-card{padding:18px}footer{position:fixed;background:#eef3f5cc}.eyebrow{font-size:8px}}
#race-room{font-size:9px;color:#9193a4;letter-spacing:2px;margin-top:8px}#standings{position:fixed;right:4%;top:210px;background:#ffffffdf;backdrop-filter:blur(12px);border-radius:13px;padding:15px 18px;width:210px;pointer-events:none}#standings>small{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#88899a}.leader{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font-size:11px}.leader span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader.me{color:#dd487a;font-weight:bold}#race-actions{position:fixed;bottom:36px;left:50%;transform:translateX(-50%);display:flex;gap:7px}#race-actions button{background:#ffffffe0;padding:12px 16px;color:#66617e;border-radius:9px;font-size:10px;box-shadow:0 3px 15px #20264110}#race-actions #spectate{background:#6254d9;color:white}#ability{position:fixed;left:4%;bottom:145px;display:grid;grid-template-columns:auto 1fr;gap:7px 10px;align-items:center;color:#726a8d;font-size:11px;background:#ffffffdd;padding:12px 16px;border-radius:12px}#ability>b{background:#ece8f7;border:1px solid #d5cbea;border-bottom-width:3px;padding:7px;border-radius:6px;font-size:10px}#ability.ready>b{background:#ffe2ea;color:#d74170;border-color:#ffa9c0}#ability small{grid-column:1/-1;color:#9590a6;font-size:9px}.touch-actions{display:flex;flex-direction:column;gap:8px}#countdown{animation:countPulse 1s infinite}@keyframes countPulse{0%{scale:1.12}45%,100%{scale:1}}#mobile #dive-touch{background:#ffccdee0}#finished{pointer-events:none}#finished small{white-space:nowrap}
@media(max-width:700px){#standings{top:205px;width:155px;padding:12px;right:4%;background:#ffffffb8}.leader{font-size:9px;margin-top:8px}#ability{bottom:280px;font-size:9px;padding:10px}#ability small{display:none}#race-actions{bottom:98px;width:max-content}#race-actions button{font-size:9px;padding:10px}#stage-name{max-width:155px;font-size:8px}#race-room{font-size:8px}#mobile{bottom:142px}#finished small{white-space:normal}}
#section-banner{position:fixed;top:31%;left:50%;transform:translate(-50%,-10px);opacity:0;pointer-events:none;background:#6254d9ee;box-shadow:0 8px 0 #4936b666;color:#fff;padding:18px 30px;border-radius:14px;font:900 clamp(17px,3vw,35px) Outfit;white-space:nowrap;letter-spacing:1px}#section-banner.pop{animation:sectionEnter 3s forwards}@keyframes sectionEnter{0%{opacity:0;transform:translate(-50%,20px) scale(.8)}12%,75%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-15px) scale(1)}}
#world-picker{display:flex;gap:5px;margin-top:15px}#world-picker button{flex:1;background:#f0edf8;color:#6c657f;padding:10px 5px;border-radius:8px;font-size:10px}#world-picker button.selected{background:#6254d9;color:white}#world-description{font-size:10px!important;line-height:1.6}#wardrobe-dialog{width:min(760px,94vw);max-height:90vh;overflow:auto}#close-wardrobe{float:right}.wardrobe-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;margin-top:20px}.avatar-preview{background:linear-gradient(#eee5ff,#ffedf4);border-radius:16px;display:flex;flex-direction:column;align-items:center;padding:10px}.avatar-preview canvas{width:220px;height:250px}.avatar-preview strong{font-size:12px;text-align:center}.avatar-preview small{font-size:9px;text-align:center;padding:10px;color:#9390a1}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:18px}.option-grid button{border:2px solid transparent;background:#f4f3f8;border-radius:9px;padding:11px 7px;font-size:11px;text-align:left;color:#625c78}.option-grid button.selected{background:#f3dded;border-color:#ff638b;color:#c53a69}#color-options{display:flex;gap:8px;margin:12px 0}#color-options button{width:27px;height:27px;border-radius:50%;border:3px solid white;outline:1px solid #ddd}#color-options button.selected{outline:3px solid #6254d9}#look-hint{font-size:10px!important;line-height:1.5}#wardrobe-dialog h2{font-size:29px}.panel{max-height:82vh}@media(max-width:600px){.wardrobe-layout{grid-template-columns:1fr;gap:15px}.avatar-preview{display:grid;grid-template-columns:130px 1fr}.avatar-preview canvas{width:130px;height:150px;grid-row:1/3}.avatar-preview strong{font-size:11px}.option-grid button{font-size:10px}#wardrobe-dialog h2{font-size:24px}.header-right{gap:4px}header .online{padding:8px;font-size:8px}header .icon{width:29px;height:29px}}
#social-status{grid-column:1/-1;font-size:10px;max-width:280px;color:#bc4a7a}#emote-bar{position:fixed;top:410px;right:4%;display:flex;gap:6px}#emote-bar button{background:#ffffffe8;border-radius:10px;padding:10px 13px;color:#6c617d;font-size:15px;box-shadow:0 3px 10px #20264112}#emote-bar button:active{transform:scale(.92)}.social-touch{display:flex;gap:5px}#mobile .social-touch button{padding:12px 9px;font-size:10px;background:#ffe4bfe8}#chaos-award{font-size:11px;color:#ae4d80;line-height:1.7;background:#fff0f5;border-radius:10px;padding:12px}@media(max-width:700px){#emote-bar{top:354px;gap:3px}#emote-bar button{font-size:12px;padding:9px}#ability{bottom:335px;max-width:220px}#social-status{font-size:9px}#mobile{bottom:136px}.touch-actions{gap:5px}#mobile .touch-actions>button{padding:12px}#ability small{display:block;font-size:8px}}@media(max-height:650px) and (max-width:700px){#ability{bottom:250px}#emote-bar{top:290px}.hud-card small{font-size:8px}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.lobby-mode #room-panel{left:5%;width:375px;top:105px;transform:none;max-height:calc(100dvh - 130px)}#lobby-chat{position:fixed;right:5%;top:105px;bottom:25px;width:min(43%,500px);display:flex;flex-direction:column;background:#fffffff2;backdrop-filter:blur(15px);padding:25px;border-radius:22px;box-shadow:0 12px 45px #34436e15}.chat-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.chat-heading h2{font:800 24px Outfit;letter-spacing:-.6px;margin:10px 0 18px}.chat-heading .eyebrow{font-size:8px}.chat-live{font-size:9px;color:#47a989;font-weight:bold;white-space:nowrap}#chat-log{flex:1;min-height:130px;overflow:auto;overscroll-behavior:contain;padding:10px 5px;scrollbar-width:thin}.chat-empty{font-size:13px;line-height:1.9;color:#9b93a8;text-align:center;padding:35px 15px}.chat-message{background:#f2f0f8;border-radius:3px 13px 13px 13px;margin:10px 0;padding:11px 13px}.chat-message.mine{background:#ffeaf2;border-radius:13px 3px 13px 13px}.chat-message>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.chat-message strong{font-size:11px;overflow-wrap:anywhere;text-shadow:0 0 1px #0002}.chat-message time{font-size:9px;color:#9a94a8}.chat-message p{font-size:13px;line-height:1.55;margin:7px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.chat-quick{display:flex;gap:5px;margin:12px 0}.chat-quick button{font-size:10px;padding:9px 7px;background:#f0edf8;color:#716584;border-radius:7px;flex:1}#chat-form{display:flex;gap:7px}#chat-input{border:1px solid #ded7ec;background:#faf8ff;border-radius:8px;font-size:13px}#chat-send{border-radius:8px;background:#6254d9;color:white;padding:0 15px;font-weight:600;font-size:12px}.chat-foot{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#938b9f;margin-top:10px}.chat-retention{font-size:9px;color:#a29baa;line-height:1.5;margin-bottom:0}.invite-row{display:flex;gap:7px}.invite-row button{flex:1;background:#6254d9;color:white;border-radius:8px;padding:11px 7px;font-size:11px}.invite-row button:last-child{background:#f0edf8;color:#76618e}.invite-explain{font-size:9px!important;color:#93899e!important;line-height:1.6}.invite-url{background:#f5f3fa;border-radius:6px;font-size:10px;padding:9px}.quick-controls{background:#f1f8f5;border:1px solid #def0e8;border-radius:11px;padding:12px;display:flex;flex-direction:column;gap:7px;font-size:11px;margin-bottom:17px}.quick-controls strong{font-size:11px;color:#498e76}.quick-controls small{font-size:9px;color:#7b9489}.quick-controls button{background:none;text-align:left;color:#74608e;padding:0;font-size:10px;text-decoration:underline}kbd{display:inline-block;background:white;border:1px solid #ded8e9;border-bottom-width:3px;padding:5px 8px;border-radius:6px;font:700 11px 'DM Sans';color:#6b5785}.quick-controls kbd{font-size:10px;padding:3px 5px}#help-dialog{width:min(550px,94vw);max-height:90dvh;overflow:auto}#help-dialog .help-goal{font-size:14px;color:#514666;line-height:1.6}.control-basics{display:grid;gap:10px;margin:20px 0}.control-basics>div{display:grid;grid-template-columns:100px 1fr;gap:15px;align-items:center;background:#f5f1fb;padding:14px;border-radius:10px}.control-basics kbd{text-align:center}.control-basics span{font-size:12px;line-height:1.6}.control-basics small{display:block;font-size:10px;line-height:1.6;color:#9a8daa}.mobile-help{display:flex;flex-direction:column;gap:8px;background:#eef8f4;border-radius:10px;padding:14px;font-size:12px;line-height:1.7}.mobile-help>b{color:#44866d}.extra-controls{margin:18px 0}.extra-controls summary{cursor:pointer;font-size:12px;font-weight:700;padding:12px 0;color:#79618e}.control-row{display:grid;grid-template-columns:100px 1fr;gap:15px;align-items:center;border-bottom:1px solid #f0ebf5;padding:11px 0;font-size:11px;line-height:1.6}.help-tip{background:#fff7e6;border-radius:10px;padding:13px;font-size:12px;line-height:1.7;color:#8c794e}#help-dialog .help-how{font-size:11px}#invite-note{font-size:11px;background:#f4eafb;color:#806195;border-radius:8px;padding:10px;line-height:1.6}
@media(max-width:900px){.lobby-mode #room-panel{width:340px;left:3%}#lobby-chat{right:3%;width:calc(94% - 360px);padding:18px}.chat-heading h2{font-size:20px}.chat-quick{flex-wrap:wrap}.chat-quick button{font-size:9px}#chat-send{padding:0 9px}}@media(max-width:700px){body.lobby-mode{overflow-y:auto}.lobby-mode #room-panel{position:relative;top:auto;left:auto;transform:none;margin:95px 5% 20px;width:90%;max-width:none;max-height:none;overflow:visible}.lobby-mode header{background:#eef3f5ee;backdrop-filter:blur(10px)}#lobby-chat{position:relative;top:auto;bottom:auto;right:auto;margin:0 5% 30px;width:90%;height:440px;padding:20px}#chat-input{font-size:16px}.chat-heading h2{font-size:22px}.chat-quick button{font-size:10px}#room-panel .room-code{margin:15px 0}.control-basics>div{grid-template-columns:88px 1fr;gap:10px}.control-row{grid-template-columns:90px 1fr;gap:10px}}
#action-feedback{position:fixed;left:50%;top:27%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:5px;pointer-events:none;text-align:center;width:max-content;max-width:85vw;padding:13px 22px;border-radius:14px;background:#fffffff0;border:2px solid var(--action-color,#ffbd50);box-shadow:0 5px 0 color-mix(in srgb,var(--action-color,#ffbd50),transparent 65%);animation:action-pop .2s ease-out}#action-feedback strong{font:900 clamp(21px,3vw,36px) Outfit;color:var(--action-color,#ffbd50);letter-spacing:1px}#action-feedback span{font-size:12px;color:#7a698b}@keyframes action-pop{from{opacity:.3;scale:.8}to{opacity:1;scale:1}}@media(max-width:700px){#action-feedback{top:29%;padding:10px 14px}#action-feedback span{font-size:10px}}
.course-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px}.course-heading strong{font-size:12px}.course-heading span{font-size:9px;color:#a296ad}#world-picker{display:grid;grid-template-columns:1fr;gap:7px;margin:0}#world-picker .course-card{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:5px 7px;text-align:left;border:2px solid transparent;border-radius:11px;padding:11px 10px;background:#f3f0f9;color:#6a5a80;box-shadow:none;opacity:1}#world-picker .course-card:disabled{cursor:default}#world-picker .course-card.selected{background:#ece4ff;border-color:#9781e3;color:#4f3685}#world-picker .course-card strong{font-size:12px}.course-icon{grid-row:1/4;font-size:23px}.course-badge{font-size:8px;padding:4px 6px;border-radius:5px;background:#e4dcef}.course-mini{position:relative;grid-column:2/4;height:19px;margin:2px 0}.course-mini i{position:absolute;top:5px;background:#c3b1e3;border-radius:1px;max-width:100%}.course-card.selected .course-mini i{background:#9675d4}.course-card-meta{grid-column:2/4;font-size:8px;opacity:.7}#world-picker .course-card.hardcore{background:#332339;color:#ffb7a6}#world-picker .course-card.hardcore.selected{border-color:#ff8663;box-shadow:0 0 0 2px #ff987029}#world-picker .hardcore .course-badge{background:#a84947;color:#fff2d4}#world-picker .hardcore .course-mini i{background:#f27a61}#random-course{width:100%;border-radius:8px;background:#f8f5fc;color:#8c76a2;font-size:10px;padding:11px;margin-top:9px}#selected-course{font:700 13px Outfit;margin:15px 0 6px;color:#6e5789}#course-info{font-size:9px;color:#9b8aa7;margin:0 0 8px}#hardcore-warning{background:#fff0e7;border:1px solid #ffc9b0;color:#b26b4b;font-size:10px;line-height:1.7;border-radius:9px;padding:12px;margin:12px 0}.course-mini{overflow:hidden}
.look-button{display:block;width:100%;padding:12px 14px;margin:0 0 16px;border-radius:10px;background:linear-gradient(110deg,#ece4ff,#ffdee9);border:1px solid #e7d4f0;color:#84609d;font-size:12px;font-weight:700;text-align:left}.look-button:hover{box-shadow:0 3px 12px #9b6bb621}#lobby-look{margin-top:18px}.skin-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.skin-heading label{margin:0;font-size:10px}.skin-heading button{background:#fff0de;color:#b1814d;border-radius:7px;padding:7px;font-size:9px;white-space:nowrap}.skin-options{grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:8px}.skin-options button{background:linear-gradient(135deg,#f6f0ff,#fff4f7);padding:12px 8px!important;font-weight:600}#skin-description{font-size:11px!important;color:#a288a9;line-height:1.5;margin-bottom:17px}.character-details{margin:12px 0 18px}.character-details summary{font-size:10px;cursor:pointer;color:#9382a2;padding:6px 0}.character-details>div{padding-top:8px}#wardrobe-dialog{width:min(850px,94vw)}#wardrobe-dialog h2{font-size:28px}.avatar-preview{position:sticky;top:0;align-self:start;min-height:310px}.wardrobe-layout{grid-template-columns:250px 1fr}.avatar-preview strong{line-height:1.7}.avatar-preview canvas{margin:10px 0}#outfit-options button{font-size:10px}@media(max-width:600px){.wardrobe-layout{grid-template-columns:1fr}.avatar-preview{position:relative;min-height:150px;top:auto}.avatar-preview canvas{margin:0}.skin-options button{font-size:10px}#wardrobe-dialog h2{font-size:22px}.skin-heading label{font-size:9px}}
@media(max-height:850px) and (min-width:701px){body:not(.playing):not(.lobby-mode){overflow-y:auto}#home{padding-bottom:65px}}
#wallet-button{border-radius:20px;background:#fff3d3;color:#a67c29;font-size:11px;font-weight:700;padding:10px 12px;white-space:nowrap}#progress-dialog{width:min(650px,94vw);max-height:90dvh;overflow:auto}#close-progress{float:right}.progress-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.progress-stats>div{background:#f6f0fa;padding:17px;border-radius:12px}.progress-stats small{display:block;font-size:9px;letter-spacing:1px;color:#9e8aaa}.progress-stats strong{font:800 29px Outfit;color:#81609c}#profile-status,.shop-intro{font-size:12px;color:#9a85a6}#progress-dialog h3{font:800 20px Outfit;margin-top:27px}#shop-items{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shop-card,.challenge-card{background:#f7f3fb;border:1px solid #e9deef;border-radius:12px;padding:15px}.shop-card strong,.challenge-card strong{font-size:13px}.shop-card p,.challenge-card p{font-size:11px;line-height:1.7;color:#9e89a9;margin:8px 0}.shop-card button{background:#e9dcf6;color:#84619d;border-radius:7px;padding:10px;font-size:10px;width:100%}.shop-card button:disabled{opacity:.5;cursor:default}.challenge-card{margin-bottom:9px}.challenge-card.done{background:#eef8f1;border-color:#c9e6d2}.challenge-card progress{width:100%;height:7px;accent-color:#bb82bd}.challenge-card small{font-size:10px;color:#9a86a5;display:block;margin-top:8px}.profile-note{font-size:10px!important;color:#ac9cb2!important;line-height:1.7}.skin-options button:disabled{opacity:.6}#race-reward{padding:14px;border-radius:10px;background:#fff2ce;color:#a27b30;font-size:13px;line-height:1.8;margin:15px 0}@media(max-width:600px){.header-right .online{display:none}#wallet-button{padding:9px;font-size:10px}.progress-stats strong{font-size:24px}}
.skin-options button.locked{background:#f1edf5;color:#a695b0;border-style:dashed}