:root{--bg:#141418;--panel:#1b1b20;--line:#313137;--muted:#919199;--text:#f4f2f4;--accent:#fa5e77;--font:Inter,Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans KR',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button{color:inherit;border:0;background:none;transition:background .2s,transform .2s}button:hover{filter:brightness(1.16)}button:active{transform:translateY(1px)}button:disabled{opacity:.35;cursor:default}button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}header{height:82px;margin:0 30px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:11px;align-items:center;color:inherit;text-decoration:none}.brandmark{background:var(--accent);color:#1b1115;font-size:31px;font-weight:800;width:39px;height:39px;display:grid;place-items:center;border-radius:11px}.brand b{font-size:23px;letter-spacing:-1px}.brand b>span{font-weight:400}.brand small{font-size:9px;font-weight:500;letter-spacing:1.4px;margin-left:12px;color:var(--muted)}.headtag{font-size:12px;color:#b6b4bc}.headtag i,.underbar i{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:8px}nav{display:flex;align-items:center;gap:9px}.icon{border:1px solid var(--line);border-radius:50%;width:32px;height:32px;position:relative;font-size:15px}.muted-dot{height:5px;width:5px;background:var(--accent);position:absolute;border-radius:50%;top:4px;right:3px}.outline{border:1px solid #414149;border-radius:7px;padding:10px 14px;font-weight:600;font-size:12px}.workspace{display:grid;grid-template-columns:280px minmax(360px,1fr) 210px;gap:24px;padding:25px 30px 18px;max-width:2000px;margin:auto}aside#setup{padding-right:0}.aside-heading{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--accent);font-weight:700}.version{color:#8d8a94;border:1px solid var(--line);border-radius:4px;font-size:9px;padding:4px 5px;letter-spacing:.5px}h1{font-size:28px;letter-spacing:-1.4px;line-height:1.35;margin:22px 0 10px;font-weight:750}h1>span,.racePanel h2>span{color:var(--accent)}.intro{color:#9c99a5;line-height:1.8;font-size:12px;margin:0 0 28px}section{margin-bottom:23px}.sectionlabel{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#797580;margin-bottom:11px}.sectionlabel b{font-size:12px;color:#dedbe3;letter-spacing:0;margin-left:7px}.sectionlabel>span:last-child{font-size:9px;letter-spacing:.5px}textarea{background:#202026;resize:vertical;min-height:100px;width:100%;height:108px;border:1px solid #39373f;border-radius:8px;padding:12px;color:#e8e4ed;line-height:1.75;font-size:12px}textarea:disabled{opacity:.6}.inputnote{font-size:9px;color:#87828f;display:flex;align-items:center;justify-content:space-between;margin-top:7px;line-height:1.6}.inputnote button{color:#b8b3be;text-decoration:underline;font-size:10px}.mapgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mapcard{text-align:left;background:#202026;border:1px solid #333139;border-radius:8px;position:relative;padding:9px 10px 10px;overflow:hidden}.mapcard.active{border-color:var(--accent);background:#2a2028}.mapcard.active:after{content:'✓';position:absolute;right:8px;top:8px;color:var(--accent);font-size:12px}.mapcard canvas{display:block;width:100%;height:41px;opacity:.85;margin:0 0 8px}.mapcard b{display:block;font-size:11px;font-weight:600;margin-bottom:5px}.mapcard small{color:#928b9b;font-size:8px;white-space:nowrap}.segmented{display:flex;background:#202026;border:1px solid #35323b;border-radius:7px;padding:3px;gap:3px}.segmented button{flex:1;font-size:11px;padding:8px 2px;color:#a49ba9;border-radius:4px}.segmented button.active{background:#46404b;color:white}.startrow{display:flex;gap:8px}.startrow .outline{padding:12px;font-size:11px;white-space:nowrap}.primary{background:var(--accent);color:#231018;border-radius:7px;padding:14px 18px;font-size:13px;font-weight:750;display:flex;align-items:center;justify-content:space-between;gap:18px}.startrow .primary{flex:1}.primary span{font-size:19px;font-weight:500}.setupfoot{font-size:9px;color:#77707f;text-align:center;margin:11px 0 0}.historylink{width:100%;font-size:10px;color:#a39ba8;margin-top:19px;padding:14px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between}main{min-width:0}.gamebar{display:flex;justify-content:space-between;align-items:center;height:39px;gap:10px;padding:0 2px 13px}.gamebar>div{display:flex;align-items:center;gap:9px}.gamebar b{font-size:12px}.liveDot{width:6px;height:6px;background:var(--accent);border-radius:50%}.state{font-size:8px;letter-spacing:1px;color:#beb5c3;border:1px solid #423d48;border-radius:4px;padding:3px 5px}.statusCaption{font-size:8px;letter-spacing:1px;color:#7e7686}.textbtn{color:#aaa1b3;font-size:10px;padding:5px}.arena{position:relative;height:calc(100vh - 227px);min-height:560px;max-height:1100px;overflow:hidden;border:1px solid #35303b;border-radius:12px;background:#111115;isolation:isolate}#game{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.arena-top{pointer-events:none;position:absolute;top:24px;left:24px;right:24px;display:flex;justify-content:space-between}.counter small,.timer small{font-size:9px;color:#9c909f;letter-spacing:1px;display:block;margin-bottom:7px}.counter strong{font-size:35px;line-height:1;font-weight:650;letter-spacing:-1px}.counter strong span{font-size:14px;color:#716575;font-weight:400;letter-spacing:0;margin-left:6px}.counter p{font-size:9px;color:#95869b;margin:10px 0}.timer{text-align:right}.timer strong{font-size:15px;font-variant-numeric:tabular-nums;color:#cdc4d1;font-weight:500}.minimap{position:absolute;left:16px;top:166px;bottom:58px;width:70px;background:#19171dd9;border:1px solid #3d3545;border-radius:6px;display:flex;flex-direction:column;overflow:hidden}.miniTitle{font-size:6px;letter-spacing:.6px;padding:7px 6px;color:#aaa0b5;display:flex;justify-content:space-between}.miniTitle span{color:var(--accent)}#mini{width:100%;min-height:0;flex:1;cursor:crosshair;touch-action:none}.miniHint{font-size:6px;color:#83788d;text-align:center;padding:7px 0}.zone{position:absolute;right:20px;bottom:65px;text-align:right;pointer-events:none}.zone span{font-size:8px;letter-spacing:1px;color:#7f7388;display:block;margin-bottom:6px}.zone b{font-size:11px;font-weight:500;color:#b8a8c1}.ready{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#111115c9;backdrop-filter:blur(2px);padding:20px}.ready-symbol{font-size:47px;border:1px solid #8d3b50;width:74px;height:74px;display:grid;place-items:center;border-radius:50%;color:var(--accent);margin-bottom:28px;background:#2b1923}.ready .eyebrow{font-size:8px;letter-spacing:2px}.ready h2{font-size:37px;line-height:1.3;letter-spacing:-1.8px;margin:17px 0 12px}.ready p{font-size:12px;color:#a396af;line-height:1.8;margin-bottom:27px}.ready .primary{min-width:175px;font-size:12px;padding:12px 18px}.readytip{font-size:9px;color:#87798f;margin-top:16px}.corner-note{position:absolute;bottom:19px;left:23px;font-size:7px;letter-spacing:1.8px;color:#72667e;pointer-events:none}.corner-note span{color:var(--accent);margin-left:6px}.controlbar{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:8px;min-height:40px}.controlbar>div{display:flex;align-items:center;gap:10px}.roundbtn{border:1px solid #42384c;border-radius:6px;width:32px;height:32px;font-size:14px}.speedwrap{display:flex;align-items:center;gap:4px}.speedwrap label{font-size:7px;color:#8b7d97;letter-spacing:.7px}select{background:#24202a;color:#cac0d4;border:1px solid #42384b;border-radius:5px;font-size:10px;padding:6px;max-width:140px}.controldivider{height:18px;width:1px;background:#3a3044;margin:0 2px}.slowlabel{font-size:9px;color:#a798b2;display:flex;align-items:center;gap:4px;white-space:nowrap}.slowlabel input{accent-color:var(--accent);width:12px;height:12px}.underbar{display:flex;justify-content:space-between;color:#786b83;font-size:8px;margin-top:10px}.underbar i{height:4px;width:4px}.underbar>span:last-child{font-size:7px;letter-spacing:.7px}.racePanel{border-left:1px solid var(--line);padding-left:21px}.racePanel h2{font-size:23px;line-height:1.4;letter-spacing:-1px;margin:25px 0 9px}.panelnote{font-size:10px;line-height:1.8;color:#93879e;margin:0 0 30px}.finishlabel{display:flex;justify-content:space-between;font-size:10px;color:#c0b4ca;border-bottom:1px solid #39303f;padding-bottom:13px}.finishlabel span{color:#93849f;font-size:9px}.racePanel ol{padding:0;list-style:none;max-height:calc(100vh - 470px);min-height:120px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4d3d59 transparent}.racePanel li{display:flex;gap:9px;align-items:center;font-size:11px;padding:11px 0;border-bottom:1px solid #2b2531}.racePanel li>small{color:#766781;font-size:9px;width:15px;font-variant-numeric:tabular-nums}.ball-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.racePanel li>span.name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.racePanel li>time{font-size:8px;color:#8b799a;white-space:nowrap}.racePanel li.winner{color:var(--accent)}.waiting{color:#8e7c9f;text-align:center;font-size:9px;line-height:1.7;padding:28px 0}.waiting span{display:block;font-size:25px;color:#62516f;margin-bottom:10px}.panel-bottom{margin-top:35px;border-top:1px solid var(--line);padding-top:20px}.panel-bottom>span{font-size:21px;letter-spacing:-1px;font-weight:700;color:#55485f}.panel-bottom p{font-size:9px;color:#8c7b9a}footer{display:flex;justify-content:space-between;padding:0 30px 18px;color:#786b83;font-size:8px;letter-spacing:.5px}footer button{color:var(--accent)}.countdown{position:absolute;inset:0;display:grid;place-items:center;background:#11111588;color:var(--accent);font-size:140px;font-weight:800;z-index:4}.finalcall{position:absolute;top:110px;left:50%;transform:translateX(-50%);font-size:21px;font-weight:800;letter-spacing:5px;color:var(--accent);text-shadow:0 0 20px #f75e7766;white-space:nowrap;pointer-events:none}.toast{position:absolute;left:50%;bottom:45px;transform:translateX(-50%);font-size:10px;background:#3a273c;border:1px solid #65506b;padding:10px 16px;border-radius:7px;white-space:nowrap;z-index:6}.result{position:absolute;inset:0;background:#141016ed;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px;z-index:5}.result .eyebrow{font-size:10px;letter-spacing:4px}.result-orb{height:90px;width:90px;background:var(--accent);border:6px solid #ffffff30;box-shadow:0 0 70px #fa5e7740;border-radius:50%;display:grid;place-items:center;font-size:33px;color:#3b1722;margin:30px 0 13px}.result h2{font-size:40px;margin:6px 0;letter-spacing:-1px;max-width:100%;overflow-wrap:anywhere}.result p{color:#a795b4;font-size:12px}.result #resultMeta{color:#8b779c;font-size:10px;border-top:1px solid #3d2c49;padding-top:18px;margin-top:13px}.result-actions{display:flex;gap:9px;margin-top:27px}.result-actions .primary{font-size:12px}.result-actions .outline{font-size:11px}dialog{border:1px solid #514158;background:#211b28;color:var(--text);max-width:480px;width:calc(100% - 32px);border-radius:14px;padding:34px;box-shadow:0 25px 90px #0008}dialog::backdrop{background:#050207bb;backdrop-filter:blur(4px)}dialog .close{position:absolute;right:14px;top:10px;font-size:25px;color:#b29ac3}dialog h2{font-size:23px;letter-spacing:-.7px}dialog li,dialog p{font-size:12px;color:#c1b4cb;line-height:1.9}dialog ol{padding-left:20px}dialog .muted{font-size:10px;color:#937e9f;border-top:1px solid #46344f;padding-top:15px}.historyitem{padding:13px 0;border-bottom:1px solid #44334d;display:flex;justify-content:space-between;gap:15px;font-size:12px}.historyitem small{font-size:9px;color:#9a80aa;line-height:1.7;text-align:right}#notice{font-size:10px;line-height:1.7;color:var(--accent);margin-top:7px}body.broadcast header,body.broadcast #setup,body.broadcast .racePanel,body.broadcast footer>span,body.broadcast .underbar{display:none}body.broadcast .workspace{display:block;padding:12px;max-width:none}body.broadcast .arena{height:calc(100vh - 125px);max-height:none;min-height:300px}body.broadcast .gamebar{height:30px}body.broadcast footer{position:fixed;bottom:4px;right:8px;padding:0}body.broadcast .controlbar{justify-content:center;gap:24px}body.broadcast #exitBroadcast{display:block}[hidden]{display:none!important}@media(min-width:1600px){.workspace{grid-template-columns:300px minmax(360px,1fr) 230px;gap:30px}.arena{min-height:660px}.intro{margin-bottom:32px}textarea{height:128px}.mapcard canvas{height:55px}}@media(max-width:1190px){.workspace{grid-template-columns:250px minmax(340px,1fr);gap:20px;padding:22px}.racePanel{display:none}header{margin:0 22px}.controlbar>div{gap:6px}.slowlabel{font-size:8px}h1{font-size:26px}}@media(max-width:760px){header{height:66px;margin:0 16px}.brand b{font-size:20px}.brand small,.headtag{display:none}.brandmark{width:31px;height:31px;font-size:24px}nav{gap:7px}.outline{padding:8px 10px}.workspace{display:flex;flex-direction:column;padding:17px 14px;gap:20px}#setup{display:grid;grid-template-columns:1fr 1fr;gap:14px}#setup>.aside-heading,#setup>h1,#setup>.intro,#setup>.setupfoot{display:none}#setup section{margin:0}#setup section:first-of-type{grid-column:1/-1}textarea{height:64px;min-height:64px}#setup section:nth-of-type(2){grid-column:1/-1}.mapgrid{grid-template-columns:repeat(4,1fr);gap:5px}.mapcard{padding:8px}.mapcard canvas{height:32px}.mapcard b{font-size:9px}.mapcard small{display:none}.lengthsection{grid-column:1/-1}.startrow{grid-column:1/-1}.historylink{margin:0;padding:6px 0;border:0;grid-column:2}.sectionlabel{margin-bottom:7px}.sectionlabel>span:last-child{font-size:8px}.arena{height:65vh;min-height:470px}.gamebar{height:30px;padding-bottom:10px}.statusCaption{display:none}.arena-top{top:18px;left:18px;right:18px}.counter strong{font-size:29px}.timer strong{font-size:12px}.minimap{width:45px;left:9px;top:141px;bottom:48px}.miniTitle{font-size:5px;padding:5px 3px}.miniHint{display:none}.ready h2{font-size:31px}.ready-symbol{width:60px;height:60px;font-size:37px;margin-bottom:20px}.readytip{font-size:8px}.corner-note{left:14px;font-size:6px}.controlbar{flex-wrap:wrap;justify-content:center}.controlbar>div{flex:1;justify-content:center}.slowlabel{margin:auto}.underbar{font-size:7px}.underbar>span:last-child{display:none}footer{padding:0 14px 15px;font-size:7px}.result h2{font-size:33px}.finalcall{top:104px;font-size:17px}.zone{font-size:9px;right:12px;bottom:50px}body.broadcast .arena{height:calc(100vh - 160px)}body.broadcast .controlbar{gap:5px}}
@media(min-width:761px) and (max-height:1000px){.workspace{align-items:start}.arena{height:calc(100vh - 260px);min-height:490px}#setup{max-height:calc(100vh - 150px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#51415a transparent;padding-right:4px}h1{font-size:26px;margin:17px 0 8px}.intro{margin-bottom:19px}section{margin-bottom:18px}textarea{height:88px;min-height:88px}.mapcard canvas{height:31px;margin-bottom:6px}.mapcard{padding:8px 9px}.mapcard b{margin-bottom:4px}.historylink{margin-top:13px;padding:11px 0}.racePanel h2{margin-top:20px}}
.zone small{display:block;color:#a0afbc;font-size:9px;margin-top:8px;max-width:260px;line-height:1.6}.zone{background:#0b0d11b0;padding:10px;border-radius:6px;bottom:25px}.minimap{background:#161c23e8;border-color:#455360;width:83px;left:9px}.zone b{color:#d7e5ed}.zone span{color:#94aabd}.arena{background:#0b0d11;border-color:#414b58}.ready{background:#0b0d11a8}.ready-symbol{background:#202b35}.mapcard canvas{height:45px!important}.mapcard small{font-size:7px}.ready .textbtn{margin-top:14px;color:#c3d3e2}#zoneHint{max-width:250px}.readytip{display:none}@media(max-width:760px){.minimap{width:44px}.zone small{font-size:7px;max-width:155px}.zone b{font-size:10px}.mapcard canvas{height:32px!important}.zone{bottom:29px;padding:5px;right:9px}}
.boostIndicator{position:absolute;top:110px;left:50%;transform:translateX(-50%);background:#fa7048;color:#28170e;padding:9px 16px;font-size:11px;font-weight:800;border-radius:20px;white-space:nowrap;pointer-events:none;z-index:4}.listHint{font-size:9px;line-height:1.7;color:var(--muted)}.racePanel li>small{width:27px;font-size:8px}.racePanel li>span.name{min-width:0}.result-actions{flex-wrap:wrap;justify-content:center}#game{cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body.light{--bg:#f6f8fb;--panel:#ffffff;--line:#d9e1e9;--muted:#6b7e91;--text:#263b50;background:var(--bg);color:var(--text)}body.light .headtag,body.light .intro,body.light .panelnote,body.light .inputnote,body.light .setupfoot,body.light .historylink,body.light .slowlabel,body.light .underbar,body.light footer{color:#6a7c90}body.light textarea,body.light select,body.light .mapcard,body.light .segmented{background:#fff;border-color:#cbd7e2;color:#314b61}body.light .mapcard.active{background:#edf2f8;border-color:var(--accent)}body.light .sectionlabel,body.light .sectionlabel>span:last-child{color:#78899a}body.light .sectionlabel b,body.light .finishlabel,body.light .gamebar b{color:#344d65}body.light .mapcard small,body.light .inputnote button,body.light .textbtn{color:#60778d}body.light .segmented button{color:#6b8095}body.light .segmented button.active{background:#dce6ef;color:#263b50}body.light .outline,body.light .icon,body.light .roundbtn{border-color:#c1cfdb;color:#3d566e}body.light .state,body.light .version{color:#61788c;border-color:#cad7e2}body.light .statusCaption,body.light .finishlabel span,body.light .racePanel li>time,body.light .racePanel li>small{color:#72869a}body.light .racePanel li{border-color:#e2e8ef}body.light .arena{background:#fff;border-color:#bccddc}body.light .ready{background:#ffffffc9;backdrop-filter:blur(1px)}body.light .ready p,body.light .ready .textbtn,body.light .counter p,body.light .counter small,body.light .timer small{color:#687e93}body.light .ready-symbol{background:#edf3f8;border-color:#a8bbcc;color:var(--accent)}body.light .minimap{background:#f1f5f8e8;border-color:#a5b8ca}body.light .miniTitle,body.light .miniHint,body.light .corner-note{color:#667f95}body.light .zone{background:#ffffffd9}body.light .zone b{color:#314d65}body.light .zone span,body.light .zone small{color:#6c8296}body.light .timer strong{color:#405a71}body.light .counter strong span{color:#8295a6}body.light .waiting,body.light .waiting span{color:#7d92a5}body.light .panel-bottom>span{color:#b0bfcd}body.light .panel-bottom p{color:#7b8ea0}body.light .result{background:#fffffff2}body.light .result p,body.light #resultMeta{color:#667d91;border-color:#d1deea}body.light .toast{background:#eef4f9;border-color:#bccddd;color:#3c576e}body.light dialog{background:#fff;color:#314b61;border-color:#becede}body.light dialog li,body.light dialog p{color:#587087}body.light dialog .muted{color:#6e8397;border-color:#d8e1e9}body.light .historyitem{border-color:#d9e4ee}body.light .historyitem small{color:#7890a6}body.light .countdown{background:#ffffff88;color:var(--accent)}@media(max-width:760px){header{gap:8px}nav{gap:4px}#theme{font-size:9px;padding:7px}#broadcast{width:30px;padding:7px}#broadcast span{display:none}.boostIndicator{font-size:9px;padding:7px 10px;top:100px}.result-actions{gap:6px}.result-actions .outline{font-size:10px;padding:8px}}
.race-timer{position:absolute;right:20px;bottom:20px;background:#0b0d11c9;border:1px solid #65718425;border-radius:7px;padding:10px 13px;pointer-events:none;min-width:104px;z-index:2}.race-timer small{font-size:7px;letter-spacing:1.3px;margin-bottom:6px}.race-timer strong{font-size:17px;color:#d5e1ed}.ad-slot{position:absolute;top:26px;right:20px;width:300px;height:auto;aspect-ratio:1000/400;z-index:3}.ad-caption{position:absolute;top:-13px;right:1px;color:#7b8a9a;font-size:6px;letter-spacing:1.7px;pointer-events:none}.ad-media{position:relative;width:100%;height:100%;overflow:hidden;background:#18202a;border:1px solid #6d80952b;border-radius:6px}.ad-media>a{display:block;width:100%;height:100%}.ad-media img{display:block;width:100%;height:100%;object-fit:contain}.ad-media img[hidden]{display:none}.ad-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;pointer-events:none;color:#66798a}.ad-empty span{font-size:10px;letter-spacing:1px}.ad-empty small{font-size:8px;color:#46576a;letter-spacing:2px}.ad-dots{position:absolute;bottom:4px;left:0;right:0;display:flex;justify-content:center;gap:4px;pointer-events:none}.ad-dots i{width:4px;height:4px;border-radius:50%;background:#94a3b8aa;box-shadow:0 0 1px #162231}.ad-dots i.active{background:white}.admin-entry{margin-left:12px;color:#8b7b99;text-decoration:none;font-size:8px}body.light .race-timer{background:#ffffffdd;border-color:#d7e3ed}body.light .race-timer strong{color:#405a71}body.light .ad-media{background:#fff;border-color:#ccd9e4}body.light .ad-empty{color:#a3b3c1}body.light .ad-empty small{color:#c2cdd7}body.light .ad-caption{color:#9caebb}body.light .admin-entry{color:#92a4b5}@media(max-width:760px){.ad-slot{width:162px;height:auto;aspect-ratio:1000/400;right:12px;top:22px}.ad-caption{font-size:5px;top:-10px;letter-spacing:1px}.ad-empty{gap:5px}.ad-empty span{font-size:8px}.ad-empty small{font-size:6px}.ad-dots{bottom:3px}.ad-dots i{width:3px;height:3px}.race-timer{right:12px;bottom:16px;min-width:90px;padding:8px 10px}.race-timer strong{font-size:14px}.race-timer small{font-size:6px;margin-bottom:5px}.admin-entry{font-size:7px;margin-left:7px}}
.ad-slot{z-index:8}.race-timer{z-index:6}@media(min-width:761px){.boostIndicator{top:142px}.finalcall{top:145px}}
/* WEB 05: a fixed 9:16 playfield, independent of the control window size. */
.arena{width:min(100%,max(290px,calc((100vh - 240px)*.5625)));height:auto;aspect-ratio:9/16;min-height:0;max-height:none;margin-inline:auto}.gamebar,.controlbar,.underbar{max-width:650px;margin-inline:auto}.arena-top{top:24px;left:18px}.counter strong{font-size:28px}.counter p{max-width:140px;font-size:8px}.ad-slot{width:162px;height:auto;aspect-ratio:1000/400;top:25px;right:12px}.ad-caption{font-size:5px;top:-10px}.ad-empty span{font-size:8px}.ad-empty small{font-size:6px}.minimap{width:40px;left:8px;top:130px;bottom:55px}.miniTitle{font-size:5px;padding:5px 2px}.miniHint{display:none}.ready h2{font-size:29px}.ready p{font-size:10px}.ready-symbol{width:55px;height:55px;font-size:34px;margin-bottom:18px}.ready .eyebrow{font-size:6px}.race-timer{right:12px;bottom:17px;padding:8px 10px;min-width:85px}.race-timer strong{font-size:13px}.race-timer small{font-size:6px}.boostIndicator,.finalcall{top:105px;font-size:12px}.boostIndicator{padding:7px 10px}.corner-note{font-size:5px;left:12px;bottom:20px}.result h2{font-size:30px}.result-actions{gap:6px}.result-actions .primary,.result-actions .outline{font-size:10px;padding:9px}.result #resultMeta{font-size:9px}.obs-label{display:block;color:#b5c5d4;font-size:11px;margin-bottom:8px}#obsUrl{display:block;width:100%;border:1px solid #526275;border-radius:7px;background:#121922;color:#e4edf6;font-size:11px;padding:12px}body.light #obsUrl{background:#f2f6fa;color:#314b61;border-color:#b9cbdc}.obs-actions{display:flex;gap:10px;margin-top:12px}.obs-actions .primary,.obs-actions .outline{font-size:11px;padding:10px 13px;text-decoration:none;display:inline-flex;align-items:center;color:inherit}.obs-actions .primary{color:#24131b}#obsStatus{font-size:11px;color:var(--accent);line-height:1.7}body.broadcast .arena{width:min(100%,calc((100vh - 120px)*.5625));height:auto;min-height:0}#obsDialog{max-width:530px}@media(max-width:760px){.arena{width:100%;height:auto;min-height:0}.arena-top{top:23px;left:16px}.controlbar{margin-top:12px}.underbar{margin-top:10px}.obs-actions{flex-wrap:wrap}}

/* Keep operating instructions together in the help dialog. */
.inputnote.sample-actions{justify-content:flex-end}.underbar.status-only{justify-content:flex-end}
#helpDialog{max-width:620px;max-height:calc(100dvh - 40px);overflow-y:auto;scroll-padding-top:24px}#helpDialog .close{position:sticky;display:block;float:right;top:0;right:0;z-index:1;background:#211b28;border-radius:6px;padding:0 5px}#helpDialog h2{margin-top:12px;margin-bottom:22px}.help-section{border-top:1px solid #463b50}.help-section:last-child{border-bottom:1px solid #463b50}.help-section summary{cursor:pointer;font-size:13px;font-weight:650;padding:16px 0;line-height:1.5;color:var(--text)}.help-section summary::marker{color:var(--accent)}.help-content{padding:0 0 14px 8px}.help-content ul,.help-content ol{padding-left:19px;margin:0}.help-content li{margin:0 0 9px;overflow-wrap:anywhere}.help-content li:last-child{margin-bottom:0}.help-content ul+ul,.help-content ol+ul{margin-top:14px}.help-content b{color:var(--text);font-weight:650}.help-link{display:block;margin-top:14px;text-decoration:underline;text-underline-offset:3px}body.light #helpDialog .close{background:#fff}body.light .help-section{border-color:#dce3eb}body.light .help-section li{color:#536477}@media(max-width:760px){#helpDialog{padding:22px;max-height:calc(100dvh - 24px)}.help-section summary{font-size:12px}.help-content li{font-size:11px}}

.sound-button{position:relative;white-space:nowrap}#audioDialog{max-width:440px;max-height:calc(100dvh - 32px);overflow-y:auto}.audio-channel{border-top:1px solid var(--line);padding:20px 0 5px;margin-top:20px}.audio-switch{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:650;gap:20px}.audio-switch input{width:20px;height:20px;accent-color:var(--accent);cursor:pointer}.audio-range{display:flex;justify-content:space-between;gap:15px;font-size:11px;margin:18px 0 10px;color:var(--muted)}.audio-range output{color:var(--text);font-variant-numeric:tabular-nums}#audioDialog input[type=range]{display:block;width:100%;accent-color:var(--accent);cursor:pointer;height:24px}#sfxTest{margin-top:15px;font-size:11px}.audio-track{font-size:11px;font-weight:650;margin-top:12px;color:var(--accent)}.audio-track span{display:block;margin-top:5px;font-size:10px;color:var(--muted);font-weight:400}@media(max-width:760px){.sound-button{font-size:10px;padding:7px 9px}}

/* Color themes share one readable control layout and their own course palette. */
body[data-color-theme] textarea,body[data-color-theme] select,body[data-color-theme] .mapcard,body[data-color-theme] .segmented,body[data-color-theme] dialog{background:var(--panel);border-color:var(--line);color:var(--text)}body[data-color-theme] .mapcard.active,body[data-color-theme] .segmented button.active{background:color-mix(in srgb,var(--accent) 16%,var(--panel));color:var(--text);border-color:var(--accent)}body[data-color-theme] .primary{color:var(--on-accent)}body[data-color-theme] .minimap{background:var(--minimap-bg);border-color:var(--line)}body[data-color-theme] .arena{background:var(--course-bg);border-color:var(--line)}body[data-color-theme] .ready{background:color-mix(in srgb,var(--course-bg) 82%,transparent)}body[data-color-theme] #helpDialog .close{background:var(--panel)}body[data-color-theme] .help-section{border-color:var(--line)}body[data-color-theme] dialog li,body[data-color-theme] dialog p,body[data-color-theme] .mapcard small{color:var(--muted)}body[data-color-theme] .obs-brand{color:var(--text)}
#themeDialog{max-width:540px;max-height:calc(100dvh - 32px);overflow-y:auto}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.theme-choice{border:1px solid var(--line);border-radius:10px;padding:8px;text-align:left;background:var(--panel);color:var(--text)}.theme-choice[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-choice b{display:block;font-size:11px;padding:10px 2px 3px;white-space:nowrap}.theme-swatch{display:flex;height:58px;border-radius:5px;background:var(--swatch-bg);align-items:center;justify-content:center;gap:7px;position:relative;overflow:hidden}.theme-swatch:before{content:'';position:absolute;width:70px;height:28px;border:2px solid var(--swatch-accent);transform:rotate(-22deg);border-left:0;border-right:0;opacity:.4}.theme-swatch i{position:relative;width:10px;height:10px;border-radius:50%;background:var(--swatch-accent)}.theme-swatch i:nth-child(2){opacity:.65;transform:translateY(-8px)}.theme-swatch i:nth-child(3){opacity:.4;transform:translateY(7px)}@media(max-width:760px){#theme{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-grid{gap:8px}.theme-choice b{font-size:10px}.theme-swatch{height:48px}#themeDialog{padding:24px}}