:root{color-scheme:dark;--bg:#111215;--panel:#1a1b20;--line:#303139;--muted:#93959e;--text:#f4f3ee;--lime:#caff58;--purple:#ac91ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px 'DM Sans',sans-serif}button,input{font:inherit}button,a,label.avatar-input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,label:focus-within{outline:2px solid var(--lime);outline-offset:4px}button{color:inherit}.topbar{height:91px;border-bottom:1px solid var(--line);padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:19px;letter-spacing:-.7px;font-weight:700;display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.brand-icon{color:var(--lime);font-size:32px}.beta{font-size:10px;letter-spacing:1.3px;border:1px solid #505343;padding:5px 7px;color:var(--lime);margin-left:8px}.top-note{font-size:13px;color:var(--muted)}main{max-width:1390px;margin:auto;padding:38px 5% 44px;display:grid;grid-template-columns:minmax(270px,330px) minmax(300px,390px) minmax(180px,235px);gap:clamp(24px,4vw,65px);align-items:start;justify-content:center}.setup{padding-top:20px}.eyebrow,.card-head,.setting-label,.format-label{font-size:11px;letter-spacing:1.6px;font-weight:700}.eyebrow{color:var(--muted)}h1{font:700 54px/.98 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.8px;margin:15px 0 17px}.intro{color:#a7a8af;line-height:1.6;font-size:14px;margin:0 0 26px}.player-card{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:17px 18px;--accent:var(--lime)}.purple{--accent:var(--purple)}.card-head{display:flex;justify-content:space-between;color:var(--accent);font-size:10px}.color-dot{height:7px;width:7px;border-radius:50%;background:var(--accent)}.player-edit{display:flex;gap:15px;align-items:center;margin-top:17px}.avatar-input{width:65px;height:65px;flex-shrink:0;position:relative;cursor:pointer;border:1px solid color-mix(in srgb,var(--accent),transparent 55%);background:color-mix(in srgb,var(--accent),transparent 90%);border-radius:50%;display:grid;place-items:center;color:var(--accent);font-size:28px;font-weight:700}.avatar-input>span:first-child{width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:50%}.avatar-input img{width:100%;height:100%;object-fit:cover}.upload-icon{position:absolute;bottom:-2px;right:-3px;background:#eee;color:#18191d;width:22px;height:22px;font-size:17px;border:3px solid var(--panel);border-radius:50%;display:grid;place-items:center;line-height:1}.file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.name-field{min-width:0;flex:1}.name-field label{font-size:12px;color:var(--muted)}.name-field input{display:block;width:100%;background:none;border:0;border-bottom:1px solid #40414a;border-radius:0;color:var(--text);padding:6px 0;font-size:16px;font-weight:600}.photo-button{background:none;border:0;color:var(--muted);padding:8px 0 0;font-size:12px}.photo-button:hover{color:var(--text)}.versus{font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:1px;text-align:center;margin:8px;color:#737580}.match-settings{display:flex;align-items:center;justify-content:space-between;margin:24px 0 20px}.setting-label{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.match-settings strong{font-size:23px}.match-settings small{font-size:13px;color:var(--muted);font-weight:400}.sound-button{font-size:12px;padding:9px 12px;border:1px solid var(--line);background:transparent;border-radius:7px}.sound-button[aria-pressed=true]{color:var(--lime);border-color:var(--lime)}.start-button{display:flex;justify-content:space-between;align-items:center;background:var(--lime);color:#141a08;border:0;border-radius:8px;width:100%;padding:17px 20px;font-size:16px;font-weight:700}.start-button:hover{background:#dcff94}.start-button span{font-size:22px;line-height:1}.status{text-align:center;font-size:11px;color:var(--muted);line-height:1.5;min-height:17px}.how{margin-top:29px;border-top:1px solid var(--line);padding-top:23px}.how p{font-size:13px;color:#b3b4ba;line-height:1.65}.legend{display:flex;gap:18px;font-size:11px;color:#9b9da5;align-items:center}.legend>span{display:flex;gap:6px;align-items:center}.spark-icon{font-size:20px;color:#fff3ae;font-style:normal}.bumper-icon{width:13px;height:13px;border:2px solid #9195aa;border-radius:50%}.privacy{font-size:11px;color:#70727c;margin-top:24px}.stage-top{display:flex;justify-content:space-between;margin-bottom:14px;align-items:center}.format-label{font-size:10px;letter-spacing:1px;color:#6f727c}.canvas-wrap{position:relative;aspect-ratio:9/16;background:#070b17;border:1px solid #363b51;border-radius:18px;overflow:hidden;box-shadow:0 24px 90px #0004}.canvas-wrap canvas{display:block;width:100%;height:100%}.ready-overlay{position:absolute;left:0;right:0;top:30%;text-align:center;pointer-events:none}.ready-overlay .eyebrow{color:#a5aec4;font-size:10px}.ready-overlay h2{font:800 clamp(40px,4vw,62px)/.97 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.5px;margin:12px 0 16px}.ready-overlay em{color:var(--lime);font-style:normal}.ready-overlay p{font-size:11px;color:#9ca8c0}.stage-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.stage-bottom button,.text-button{padding:0;background:none;border:0;font-size:12px;color:#b4b6c0}.stage-bottom>span{font-size:10px;color:#747681}.match-info{padding-top:60px}.phase{display:flex;gap:17px;margin-top:30px;position:relative}.phase>span{border:1px solid #40424c;border-radius:50%;width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;font-size:11px;color:#8d909c}.phase.active>span{border-color:var(--lime);color:var(--lime);background:#caff5809}.phase h3{font-size:15px;margin:3px 0 7px}.phase p{font-size:12px;color:#a2a4af;margin:0 0 8px}.phase small{display:block;color:#737681;font-size:12px;line-height:1.5}.watch-note{border-top:1px solid var(--line);margin-top:36px;padding-top:22px;color:#969aa7}.watch-note>span{font-size:28px;color:var(--lime)}.watch-note p{font-size:13px;line-height:1.7}.text-button{margin-top:20px}.result{color:var(--lime);font-size:14px;line-height:1.5}footer{border-top:1px solid #25262d;margin:0 5%;padding:21px 0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#5e616b}body.focus main{display:block;padding:20px}body.focus .setup,body.focus .match-info,body.focus header,body.focus footer{display:none}body.focus .stage-section{max-width:min(520px,calc((100dvh - 90px)*9/16));margin:auto}.canvas-wrap:fullscreen{height:100dvh;width:auto;max-width:100vw;margin:auto;border:0;border-radius:0;background:#080b17}.canvas-wrap:fullscreen canvas{width:auto;height:100%;max-width:100vw;object-fit:contain} @media(min-width:1550px){main{padding-top:50px}.canvas-wrap{max-height:760px}}@media(max-width:1080px){main{grid-template-columns:minmax(260px,320px) minmax(280px,370px);gap:35px}.match-info{display:none}}@media(max-width:680px){.topbar{height:72px;padding:0 20px}.top-note,.beta{display:none}main{display:flex;flex-direction:column;padding:24px 20px;gap:30px}.setup{padding-top:0;width:100%}h1{font-size:44px;margin:12px 0}.intro{margin-bottom:20px}.player-card{padding:14px}.player-edit{margin-top:10px}.how,.privacy{display:none}.stage-section{width:100%;max-width:420px;align-self:center}.match-settings{margin:18px 0}.ready-overlay h2{font-size:56px}.status{margin-bottom:0}footer{font-size:9px}.stage-bottom>span{font-size:10px}}
.record-button{width:100%;margin-top:10px;border:1px solid #3e414a;border-radius:8px;background:#1d1f26;color:#dedfe5;padding:13px;font-size:14px}.record-button:hover{border-color:#a5a7b0}.download-button{display:block;text-align:center;padding:14px;margin-top:10px;color:var(--lime);border:1px solid var(--lime);border-radius:8px;text-decoration:none;font-size:14px}.download-button[hidden]{display:none}button:disabled:hover{background:inherit}.file-input:focus-visible+.name-field{outline:2px solid var(--lime);outline-offset:4px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.eyebrow,.card-head,.setting-label,.format-label,.photo-button,.status,.legend,.privacy,.stage-bottom>span,.beta,footer{font-size:12px}.intro{font-size:16px}.how p,.phase p,.phase small,.stage-bottom button,.text-button,.sound-button{font-size:14px}.ready-overlay p{font-size:14px}.ready-overlay .eyebrow{font-size:12px}.card-head{letter-spacing:1.2px}.top-note{font-size:14px}.privacy{line-height:1.5}.stage-bottom{gap:10px}.stage-bottom>span{text-align:right}.match-settings small{font-size:14px}.how{margin-top:22px}body.focus .stage-section{min-width:240px}
.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 24px}.mode-switch button{border:1px solid var(--line);border-radius:10px;background:#1a1b20;padding:13px 15px;text-align:left;font-size:16px;font-weight:700}.mode-switch button span{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:5px}.mode-switch button[aria-pressed=true]{border-color:var(--lime);color:var(--lime);background:#caff5809}.racer-setting{display:flex;align-items:center;gap:12px;margin-bottom:15px}.racer-setting[hidden],.player-card[hidden]{display:none}.racer-setting label{font-size:14px;font-weight:600}.racer-setting select{background:var(--panel);border:1px solid #4c4e5a;border-radius:6px;padding:8px;color:#fff;font:inherit}.racer-setting>span{font-size:12px;color:var(--muted);margin-left:auto}.contender-list{display:grid;gap:14px;max-height:390px;overflow:auto;padding:3px 7px 3px 3px;margin:-3px -7px -3px -3px;scrollbar-color:#454954 transparent;scrollbar-width:thin}.contender-list .player-card{margin:0}.race-standing{display:flex;align-items:center;gap:10px;margin:15px 0;font-size:14px}.race-standing .standing-rank{width:16px;color:var(--muted)}.race-standing .standing-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.race-standing .standing-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.race-standing .standing-progress{font-size:12px;color:#a6aebb}.race-course-note{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.race-course-note h3{font-size:14px;margin:18px 0 6px}.race-course-note p{font-size:13px;line-height:1.6;color:var(--muted)}.race-help{font-size:13px;line-height:1.6;color:var(--muted)}.setup h1{margin-top:0}.stage-section{position:sticky;top:22px}.match-info{padding-top:44px}.result:empty{display:none}body.focus .stage-section{position:static}@media(max-width:680px){.mode-switch{margin:16px 0 22px}.contender-list{max-height:350px}.stage-section{position:static}.setup .eyebrow:first-child{font-size:11px}.racer-setting>span{font-size:12px}.canvas-wrap{scroll-margin-top:12px}}

.legend[hidden]{display:none}.player-card{position:relative}
.mode-switch button{padding:12px}.battle-out{opacity:.5}.battle-out .standing-name{text-decoration:line-through}.battle-holder .standing-progress{color:#ff987e;font-weight:700}.mode-switch button[aria-pressed=true][data-mode=bomb]{color:#ffab85;border-color:#ffab85;background:#ffab850a}.mode-switch button[aria-pressed=true][data-mode=knockout]{color:#6edbff;border-color:#6edbff;background:#6edbff0a}
.mode-switch button[data-mode=lava][aria-pressed=true]{border-color:#ff955e;color:#ff955e;background:#ff955e0b}.mode-switch button[data-mode=colour][aria-pressed=true]{border-color:#ef93fa;color:#ef93fa;background:#ef93fa0b}.mode-switch button[data-mode=crusher][aria-pressed=true]{border-color:#ffda79;color:#ffda79;background:#ffda790b}.mode-switch button{min-width:0}.mode-switch button span{font-size:12px}.mode-switch{gap:7px}.mode-switch button:last-child:nth-child(odd){grid-column:1/-1}
.mode-switch{max-height:338px;overflow-y:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:#59617b transparent;margin-bottom:8px}.mode-count{font-size:11px;color:var(--muted);margin:0 0 24px}.mode-switch button span{line-height:1.4}.mode-switch button{min-height:64px}.mode-switch button:focus-visible{outline:2px solid #caff58;outline-offset:-3px}