:root{--p1:#4ea8ff;--p2:#ffb34e;--ink:#e8eefc;--dim:#93a1bd;--panel:#0a0f1ee6;--line:#8caadc38}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:#0b1020;margin:0;font:15px/1.5 Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#game{width:100vw;height:100vh;display:block}[hidden]{display:none!important}#menu{text-align:center;background:radial-gradient(#0b1020d1,#060914f7);place-content:center;gap:14px;padding:24px;display:grid;position:fixed;inset:0}#menu-body{background:var(--panel);border:1px solid var(--line);border-radius:14px;min-width:340px;padding:28px 32px}h1{letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:34px}h2{margin:0 0 10px;font-size:22px;font-weight:600}.hint{color:var(--dim);margin:6px 0 18px;font-size:13px}.code{letter-spacing:.32em;color:var(--p1);font-family:ui-monospace,Cascadia Mono,monospace;font-size:30px}button{font:inherit;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#28375ab3;border-radius:9px;padding:10px 20px;transition:background .15s,transform 80ms}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.55;cursor:default}button.primary{background:linear-gradient(#3f7fd6,#2b5da3);border-color:#5d9de8;width:100%;font-weight:600}.join{gap:8px;margin-top:12px;display:flex}.join input{letter-spacing:.3em;text-align:center;text-transform:uppercase;border:1px solid var(--line);color:var(--ink);background:#060a16d9;border-radius:9px;flex:1;padding:10px;font:600 18px/1 ui-monospace,monospace}.join input:focus{outline:2px solid var(--p1)}.players{text-align:left;margin:0 0 18px;padding:0;list-style:none}.players li{border-bottom:1px solid var(--line);padding:7px 0;font-size:14px}.dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:9px;display:inline-block}.results{border-collapse:collapse;width:100%;margin-bottom:18px;font-size:14px}.results th{text-align:left;color:var(--dim);text-transform:uppercase;letter-spacing:.08em;padding-bottom:6px;font-size:12px;font-weight:500}.results td{border-top:1px solid var(--line);text-align:left;padding:7px 0}.results td:not(:first-child),.results th:not(:first-child){text-align:right}.guest-stats{text-align:left;border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.guest-stats summary{cursor:pointer;color:var(--ink);font-weight:600}.guest-stats summary:focus-visible{outline-offset:4px;outline:2px solid #f4d99d}.stats-table{width:100%;font-size:12px}.stats-table th[scope=row]{text-transform:none;letter-spacing:normal;font-weight:400}.race-stats{border:1px solid var(--line);background:#19312d;border-radius:8px;margin:12px 0;padding:12px}.stats-level{margin:0 0 10px;font-size:12px}.new-personal-best{color:#f5d48e;margin:10px 0;font-size:18px;font-weight:700}.time-comparison{grid-template-columns:1fr 1fr;gap:12px;margin:10px 0;display:grid}.time-comparison dt{color:var(--dim);font-size:12px}.time-comparison dd{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:clamp(15px,4vw,22px)}.stats-storage{color:var(--dim);margin:8px 0 0;font-size:11px}.controls{border-top:1px solid var(--line);color:var(--dim);flex-wrap:wrap;justify-content:center;gap:10px 16px;margin-top:20px;padding-top:16px;font-size:12px;display:flex}.controls strong{width:100%;color:var(--ink);text-transform:uppercase;letter-spacing:.08em;font-size:12px}kbd{border:1px solid var(--line);color:var(--ink);background:#1e2a46cc;border-bottom-width:2px;border-radius:5px;margin-right:3px;padding:2px 6px;font:11px/1.4 ui-monospace,monospace;display:inline-block}#status{min-height:20px;color:var(--dim);font-size:13px}#status.error{color:#ff8f7a}#hud{pointer-events:none;padding:16px 22px;position:fixed;top:0;left:0;right:0}#top{justify-content:space-between;align-items:baseline;display:flex}#timer{text-shadow:0 2px 10px #000c;font:600 30px/1 ui-monospace,monospace}#checkpoint{letter-spacing:.1em;color:var(--dim);text-transform:uppercase;font-size:13px}#progress{background:#ffffff1a;border-radius:4px;height:8px;margin-top:12px;position:relative;overflow:hidden}.bar{border-radius:4px;height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.bar.you{background:var(--p1);height:4px;top:0}.bar.them{background:var(--p2);height:4px;top:4px}#lead{color:var(--dim);margin-top:7px;font-size:13px;font-weight:600}#lead.ahead{color:#74e0a0}#lead.behind{color:#ff9a86}#hud.sumo #progress,#hud.sumo #lead{display:none}#checkpoint.warning{color:#ffb49a;font-weight:700}#hud.hill #progress,#hud.hill #lead{display:none}#hill{gap:6px;max-width:440px;margin-top:12px;display:grid}.hill-row{grid-template-columns:minmax(0,7.5em) 1fr auto;align-items:center;gap:10px;font-size:13px;font-weight:600;display:grid}.hill-name{color:var(--c);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hill-track{background:#ffffff24;border-radius:4px;height:8px;overflow:hidden}.hill-fill{background:var(--c);width:0;height:100%;transition:width .1s linear;display:block}.hill-time{text-align:right;min-width:7em;font:600 13px ui-monospace,monospace}.hill-row.scoring .hill-fill{box-shadow:0 0 10px var(--c)}.hill-row.scoring .hill-time{color:#f5d48e}#hill-state{color:var(--dim);font-size:13px;font-weight:700}#hill-state.ahead{color:#74e0a0}#hill-state.behind{color:#ff9a86}#hill-state.contested{color:#ffd76a}#hud.potato #progress,#hud.potato #lead,#hud.ctf #progress,#hud.ctf #lead,#hud.hide #progress,#hud.hide #lead,#hud.planko #progress,#hud.planko #lead{display:none}#potato,#ctf,#hide,#planko{gap:6px;max-width:440px;margin-top:12px;display:grid}.potato-score{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;font-size:13px;font-weight:600;display:grid}.potato-side{align-items:center;gap:8px;min-width:0;display:flex}#potato-them,#ctf-them,#hide-them,#planko-them{justify-content:flex-end}.potato-name{color:var(--c);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.potato-side.holding .potato-name:after{content:" 💣"}.potato-side.carrying .potato-name:after{content:" 🚩"}.potato-side.seeking .potato-name:after{content:" 🔦"}.potato-side.sleeping .potato-name:after{content:" 💤"}.potato-pips{gap:4px;display:flex}.planko-points{color:var(--c);text-shadow:0 0 10px var(--c);white-space:nowrap;font:700 20px/1 ui-monospace,monospace}.potato-side.landed .potato-name:after{content:" ⬇"}.potato-pips i{border:2px solid var(--c);border-radius:50%;width:11px;height:11px}.potato-pips i.won{background:var(--c);box-shadow:0 0 8px var(--c)}#potato-round,#ctf-round,#hide-round,#planko-round{color:var(--dim);letter-spacing:.04em;text-transform:uppercase;font:600 12px ui-monospace,monospace}#potato-state,#ctf-state,#hide-state,#planko-state{color:var(--dim);font-size:13px;font-weight:700}#ctf-state.ahead,#hide-state.ahead,#planko-state.ahead{color:#74e0a0}#ctf-state.behind,#hide-state.behind,#planko-state.behind,#potato-state.hot{color:#ff9a86}#potato-state.cool{color:#74e0a0}.potato-rounds{text-align:left;margin:0 0 12px;padding-left:1.4em;font-size:13px}.potato-rounds li{margin:2px 0}#countdown{color:var(--ink);text-shadow:0 6px 40px #000000e6;pointer-events:none;place-content:center;font:700 120px/1 ui-monospace,monospace;display:grid;position:fixed;inset:0}#banner{text-align:center;letter-spacing:.04em;text-shadow:0 3px 18px #000000e6;pointer-events:none;font-size:26px;font-weight:700;position:fixed;top:34%;left:0;right:0}#banner.good{color:#7fe0a0}#banner.bad{color:#ff8f7a}:root{--ink:#fff2da;--dim:#d3c6ae;--panel:#202725ed;--line:#dcbf8a52}#menu{background:linear-gradient(90deg,#121c1e6b,#121c1e14,#121c1e52)}#menu-body{border-radius:5px;box-shadow:0 16px 60px #141a1840}h1,h2{font-family:Georgia,Times New Roman,serif}button.primary{background:linear-gradient(#987441,#70522e);border-color:#c5a267}button:hover:not(:disabled){background:#726348}.open-games{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.open-games h2{margin-bottom:12px;font-size:19px}#open-games-list{max-height:230px;overflow-y:auto}.open-game{text-align:left;justify-content:space-between;align-items:center;gap:18px;padding:12px 0;display:flex}.open-game+.open-game{border-top:1px solid var(--line)}.open-game span{color:var(--dim);margin-top:3px;font-size:12px;display:block}.open-game button{flex-shrink:0}.leave-game{width:100%;margin-top:14px;display:block}.game-menu-button{z-index:20;color:#fff2da;background:#19312de6;border-color:#dcbf8a44;padding:7px 16px;font-size:13px;position:fixed;bottom:14px;right:14px}.game-menu{z-index:40;background:#05121480;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.game-menu[hidden],.game-menu-button[hidden]{display:none}.game-menu-card{color:#fff2da;text-align:center;background:#19312df2;border:1px solid #dcbf8a44;border-radius:10px;width:min(340px,100%);padding:22px}.game-menu-card h2{margin:0 0 4px}.game-menu-card .primary{margin-top:10px}.game-menu-card .hint{margin:8px 0 0;font-size:12px}@media (width<=560px){.game-menu-button{bottom:64px}}.games-home{color:var(--dim);text-underline-offset:3px;font-size:12px}.games-home:focus-visible{outline-offset:4px;outline:2px solid #c5a267}.menu-field{text-align:left;gap:6px;margin:14px 0;font-size:13px;display:grid}.menu-field input,.menu-field select{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);font:inherit;background:#25302c;border-radius:5px;padding:10px 12px}.menu-field input:focus,.menu-field select:focus{outline-offset:2px;outline:2px solid #c5a267}#create-game-form{margin-top:18px}#menu-body.creating-game .open-games,#menu-body.creating-game .controls{display:none}.menu-check{text-align:left;cursor:pointer;align-items:flex-start;gap:10px;margin:0 0 16px;font-size:13px;display:flex}.menu-check input{accent-color:#c5a267;flex:none;width:16px;height:16px;margin-top:3px}.menu-check .hint{margin:2px 0 0;display:block}.create-actions{gap:10px;display:flex}.create-actions .primary{flex:1}.level-picker{text-align:left;margin:18px 0}.level-types{border:1px solid var(--line);background:#19312d;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:14px;padding:4px;display:grid}.level-type{min-height:36px;color:var(--dim);background:0 0;border:0;border-radius:5px;padding:6px 10px;font-size:14px;font-weight:700}.level-type[aria-pressed=true]{color:#10201d;background:#c5a267}.level-type[aria-pressed=true]:hover:not(:disabled){background:#d4b27a}.level-type[aria-pressed=false]:hover:not(:disabled){color:var(--ink);background:#253b36}.level-type:disabled{opacity:1}.level-type:disabled[aria-pressed=false]{opacity:.55}.level-picker-heading{justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.level-count{color:#e9c88c;font-variant-numeric:tabular-nums}.level-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:8px;gap:12px;display:flex;position:relative;overflow-x:auto}.level-carousel::-webkit-scrollbar{display:none}.level-card{scroll-snap-align:start;scroll-snap-stop:always;text-align:left;border:2px solid var(--line);background:#19312d;border-radius:8px;flex:0 0 100%;min-width:0;height:192px;padding:0;position:relative;overflow:hidden}.level-card[aria-checked=true]{border-color:#e9c88c}#results-level-picker .level-card:disabled{opacity:1;cursor:default}#results-level-picker .level-card{height:150px}.level-card img{object-fit:cover;pointer-events:none;width:100%;height:100%}.level-card-copy{background:linear-gradient(#0000 15%,#091718d9 80%,#091718);flex-direction:column;justify-content:flex-end;padding:16px;display:flex;position:absolute;inset:0}.level-number{color:#f5d48e;letter-spacing:.16em;font-size:10px;font-weight:700}.level-card strong{margin:3px 0;font:25px/1.3 Georgia,serif}.level-description{color:#e6d9c3;font-size:12px}.level-navigation{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.level-navigation button{background:#253b36;min-height:34px;padding:3px 16px;font-size:22px;line-height:1}.level-scroll-hint{color:var(--dim);font-size:11px}.level-picker button:focus-visible{outline-offset:-5px;outline:2px solid #fff2da}#menu-body.creating-game{width:min(540px,100vw - 48px)}@media (width<=540px){#menu-body{min-width:0;padding:20px}.level-card{height:170px}.level-card strong{font-size:22px}.create-actions{flex-wrap:wrap}}.lobby-level{color:var(--dim);margin:0 0 14px;font-size:13px}.open-game>div{overflow-wrap:anywhere;min-width:0}#menu-body{max-width:min(760px,100vw - 48px);max-height:calc(100dvh - 80px);overflow-y:auto}#menu-body h2,.players li,.results td{overflow-wrap:anywhere}#hud{background:linear-gradient(#192321a6,#0000);padding-bottom:28px}.village-preview{color:#f3e8d1;background:#1d2826e0;border-left:3px solid #c9a566;gap:6px;padding:18px 24px;display:grid;position:fixed;bottom:26px;left:28px}.village-preview strong{letter-spacing:.14em;font:22px Georgia,serif}.preview-stops{flex-wrap:wrap;gap:5px;max-width:400px;display:flex}.preview-stops button{padding:4px 8px;font-size:11px}.village-preview:has(.preview-stops){max-width:calc(100vw - 32px);padding:14px 18px;bottom:70px;left:16px}.village-preview span{color:#d1c9b5;font-size:12px}.village-preview a{color:#e9c88c;font-size:12px}.sound-controls{z-index:20;color:#fff2da;background:#19312de6;border:1px solid #dcbf8a44;border-radius:7px;align-items:center;gap:9px;padding:7px 10px;display:flex;position:fixed;bottom:14px;left:14px}.sound-controls button{min-width:80px;padding:4px 8px;font-size:12px}.sound-controls label{font-size:11px}.sound-controls input{accent-color:#dcbf8a;cursor:pointer;width:80px}.sound-controls :focus-visible{outline-offset:3px;outline:2px solid #f4d99d}.ad-overlay{z-index:30;background:#05181d61;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.delivery-ad{color:#173d3f;text-align:center;background:#fff8e9;border:2px solid #ffead0;border-radius:18px;width:min(510px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;box-shadow:0 20px 80px #001f3299}.delivery-ad-art{height:clamp(150px,34dvh,280px);position:relative;overflow:hidden}.delivery-ad-art img{object-fit:cover;object-position:center 35%;width:100%;height:100%;display:block}.delivery-ad-label{color:#fff;letter-spacing:.1em;text-transform:uppercase;background:#173d3fd9;border-radius:4px;padding:3px 8px;font-size:10px;position:absolute;top:14px;left:14px}.delivery-ad .delivery-ad-close{color:#173d3f;background:#fff8e9;border:2px solid #fff;border-radius:50%;width:42px;height:42px;padding:0;font:30px/1 system-ui;position:absolute;top:10px;right:10px;box-shadow:0 2px 10px #173d3f33}.delivery-ad-tag{color:#fff;text-transform:uppercase;letter-spacing:.16em;background:linear-gradient(#0000,#063d40d9);padding:28px 12px 12px;font-size:11px;font-weight:800;position:absolute;bottom:0;left:0;right:0}.delivery-ad-copy{padding:18px 26px 16px}.delivery-ad-eyebrow{text-transform:uppercase;letter-spacing:.11em;color:#387578;margin:0 0 5px;font-size:10px;font-weight:800}.delivery-ad h2{letter-spacing:-.055em;color:#0c6669;margin:0;font:900 clamp(32px,7vw,48px)/1.04 Segoe UI,system-ui,sans-serif}.delivery-ad h2 span{color:#df592e}.delivery-ad-pitch{margin:12px 0 4px;font-size:16px;font-weight:750}.delivery-ad-description{color:#526968;margin:0 0 16px;font-size:12px}.delivery-ad .delivery-ad-dismiss{color:#fff;background:#e96134;border:1px solid #c64720;border-radius:9px;justify-content:center;align-items:center;gap:16px;width:100%;padding:12px 18px;font-size:16px;font-weight:800;display:flex;box-shadow:0 3px #b64425}.delivery-ad .delivery-ad-dismiss:hover{background:#ce4b23}.delivery-ad .delivery-ad-close:hover{background:#ffe6c2}.delivery-ad button:focus-visible{outline-offset:3px;outline:3px solid #078f99}.delivery-ad kbd{color:#fff;background:#ffffff20;border:1px solid #ffffff80;border-radius:4px;padding:2px 7px;font:700 13px system-ui}#delivery-ad-help{color:#526968;margin:12px 0 0;font-size:10px}@media (height<=550px){.delivery-ad{grid-template-columns:42% 58%;width:min(680px,100%);display:grid}.delivery-ad-art{height:100%;min-height:260px}.delivery-ad-copy{padding:18px}.delivery-ad h2{font-size:34px}.delivery-ad-tag{letter-spacing:.04em}}.celebration{z-index:35;pointer-events:none;position:fixed;inset:0;overflow:hidden}.celebration canvas{width:100%;height:100%;position:absolute;inset:0}.celebration:before{content:"";background:radial-gradient(#2814008c,#0a060026 70%);transition:opacity .9s;position:absolute;inset:0}.celebration.settled:before{opacity:0}.celebration-banner{text-align:center;width:max-content;max-width:96vw;transition:opacity .8s ease-in,transform .8s ease-in;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.celebration.settled .celebration-banner{opacity:0;transform:translate(-50%,-62%)scale(1.12)}.celebration-title{letter-spacing:.02em;-webkit-text-stroke:2px #3c19008c;text-shadow:0 0 18px #ffc850cc,0 0 48px #ff5a8c8c,0 6px #461e0099;font:900 clamp(40px,8.5vw,112px)/1 Georgia,Times New Roman,serif;animation:1.6s linear infinite best-flash}.celebration-title span{animation:.7s cubic-bezier(.2,1.6,.4,1) both best-pop;display:inline-block}.celebration-title span:nth-child(2){animation-delay:.12s}.celebration-title span:nth-child(3){animation-delay:.24s}.celebration-time{color:#fff;text-shadow:0 0 24px #6ff3ffbf;margin-top:10px;font:800 clamp(30px,5vw,64px)/1 Georgia,serif;animation:.6s cubic-bezier(.2,1.6,.4,1) .45s both best-pop}.celebration-gain{letter-spacing:.1em;color:#f5d48e;text-shadow:0 2px 10px #0009;max-width:92vw;margin:8px auto 0;font:800 clamp(15px,2.2vw,26px)/1.25 system-ui,sans-serif;animation:.6s ease-out .7s both best-pop}.celebration-word{white-space:nowrap;-webkit-text-stroke:1px #28140080;text-shadow:0 0 16px,0 3px #28140080;transform:translate(-50%, -50%) rotate(var(--tilt));font:900 clamp(20px,3.4vw,40px)/1 Georgia,serif;animation:1.5s ease-out forwards best-word;position:absolute}#menu-body.celebrating{border-color:#f5d48e;animation:1.1s ease-in-out infinite alternate best-glow}#menu-body.celebrating .new-personal-best{letter-spacing:.06em;font-size:24px;animation:1.6s linear infinite best-flash}@keyframes best-flash{0%,24.9%{color:#ffd76a}25%,49.9%{color:#ff5c8a}50%,74.9%{color:#6ff3ff}75%,to{color:#fff}}@keyframes best-pop{0%{opacity:0;transform:scale(0)rotate(-8deg)}70%{opacity:1;transform:scale(1.15)rotate(2deg)}to{transform:scale(1)rotate(0)}}@keyframes best-word{0%{transform:translate(-50%, -50%) rotate(var(--tilt)) scale(.2);opacity:0}18%{transform:translate(-50%, -50%) rotate(var(--tilt)) scale(1.25);opacity:1}70%{opacity:1}to{transform:translate(-50%, -80%) rotate(var(--tilt)) scale(1);opacity:0}}@keyframes best-glow{0%{box-shadow:0 0 18px #f5d48e59,0 16px 60px #141a1840}to{box-shadow:0 0 46px #f5d48ed9,0 0 90px #ff5c8a59}}.celebration.calm .celebration-title,.celebration.calm .celebration-title span,.celebration.calm .celebration-time,.celebration.calm .celebration-gain{color:#f5d48e;animation:none}@media (prefers-reduced-motion:reduce){#menu-body.celebrating,#menu-body.celebrating .new-personal-best{animation:none}.celebration-banner{transition:none}}.mode-choice{text-align:left;border:0;margin:16px 0 4px;padding:0}.mode-choice legend{margin-bottom:8px;font-size:13px}.mode-choice .menu-check{margin-bottom:10px}#create-game-form.challenge #level-picker{display:none}#series{letter-spacing:.06em;color:#f5d48e;text-transform:uppercase;font-size:13px;font-weight:700}#menu-body.drafting{width:min(1040px,100vw - 48px);max-width:min(1040px,100vw - 48px)}.draft-status{color:var(--dim);margin:4px 0 16px}.draft-status.yours{color:#f5d48e;font-weight:700}.draft-lineup{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.draft-slot{border:2px solid var(--owner);text-align:left;background:#19312d;border-radius:8px;flex-direction:column;justify-content:flex-end;min-height:108px;padding:10px;display:flex;position:relative;overflow:hidden}.draft-slot.empty{opacity:.55;background:#19312d99;border-style:dashed}.draft-slot.empty.next{opacity:1;animation:1.2s ease-in-out infinite alternate draft-next}.draft-slot img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.draft-slot.filled:before{content:"";z-index:1;background:linear-gradient(#0000 20%,#091718e6);position:absolute;inset:0}.draft-slot>span,.draft-slot>strong{z-index:2;position:relative}.draft-race{color:#f5d48e;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.draft-slot strong{margin-top:2px;font:15px/1.25 Georgia,serif}.draft-by{color:#e6d9c3;margin-top:3px;font-size:11px}.draft-rules{margin:12px 0 18px}.draft-levels-heading{text-align:left;margin:0 0 10px;font:17px Georgia,serif}.draft-levels{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.draft-level{border:2px solid var(--line);text-align:left;background:#19312d;border-radius:8px;height:104px;padding:0;position:relative;overflow:hidden}.draft-level img{object-fit:cover;pointer-events:none;width:100%;height:100%}.draft-level-copy{background:linear-gradient(#0000 25%,#091718e0);flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:10px;display:flex;position:absolute;inset:0}.draft-level strong{font:15px/1.25 Georgia,serif}.draft-level:not(:disabled):hover{border-color:#e9c88c}.draft-level:not(:disabled):hover img{transform:scale(1.04)}.draft-level img{transition:transform .2s}.draft-level:disabled{cursor:default;opacity:.55}.draft-level.taken{opacity:.38}.draft-level:focus-visible{outline-offset:-5px;outline:2px solid #fff2da}.draft-taken{background:var(--owner);color:#182020;letter-spacing:.1em;text-transform:uppercase;border-radius:3px;margin-top:4px;padding:1px 7px;font-size:10px;font-weight:700}@keyframes draft-next{0%{border-color:var(--owner)}to{border-color:#fff2da}}@media (width<=760px){.draft-lineup{grid-template-columns:repeat(3,minmax(0,1fr))}.draft-levels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.draft-slot.empty.next{border-color:#fff2da;animation:none}}.series{border:1px solid var(--line);text-align:left;border-radius:6px;margin:16px 0;padding:14px}.series-score{justify-content:center;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;display:flex}.series-score strong{color:#f5d48e;font-variant-numeric:tabular-nums;font:26px Georgia,serif}.series-races{margin:0;padding:0;font-size:13px;list-style:none}.series-races li{border-top:1px solid var(--line);grid-template-columns:62px 1fr auto;gap:10px;padding:5px 0;display:grid}.series-races li.series-next-race{color:#f5d48e}.series-label{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.series-upcoming{color:var(--dim)}.series-next{text-align:center;margin:12px 0 0;font-weight:700}@font-face{font-family:Cinzel Decorative;font-weight:900;font-display:swap;src:url(/assets/fonts/cinzel-decorative-latin-900-normal.woff2)format("woff2")}@font-face{font-family:Cinzel;font-weight:400 900;font-display:swap;src:url(/assets/fonts/cinzel-latin-wght-normal.woff2)format("woff2")}:root{--gold:#e9c88c;--gold-hi:#fff1c8;--gold-deep:#9a6a2c;--ink-deep:#091718;--display:"Cinzel", Georgia, "Times New Roman", serif}#menu.title-screen{text-align:left;background:radial-gradient(120% 90% at 70% 45%,#0000 40%,#060e0e8c 100%),linear-gradient(90deg,#081212d1 0%,#0812128c 30%,#08121214 58%,#08121233 100%),linear-gradient(#08121259,#0000 22% 70%,#08121299);padding:0;display:block;overflow:hidden auto}#menu.title-screen:before{content:"";pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .9 0 0 0 0 .75 0 0 0 1.4 -.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#menu.title-screen #menu-body{width:auto;min-width:0;max-width:none;min-height:100dvh;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;padding:clamp(22px,5vh,56px) clamp(20px,5vw,76px) 92px;position:relative;overflow:visible}.title-screen{--intro:0s}.title-screen.first-show{--intro:.5s}.title-screen{grid-template:"logo player""nav side"1fr"keys keys"/minmax(0,1fr) minmax(300px,400px);gap:clamp(18px,4vh,40px) clamp(24px,5vw,72px);min-height:calc(100dvh - clamp(22px,5vh,56px) - 92px);display:grid}.title-logo{text-align:center;grid-area:logo;justify-self:start;animation:1s cubic-bezier(.2,.8,.2,1) backwards title-rise}.title-kicker{font:600 12px/1 var(--display);letter-spacing:.34em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 8px #000000b3;justify-content:center;align-items:center;gap:12px;margin:0 0 6px;display:flex}.title-kicker:before,.title-kicker:after{content:"";background:linear-gradient(90deg, transparent, var(--gold));width:46px;height:1px}.title-kicker:after{transform:scaleX(-1)}#menu.title-screen h1.title-word{font:900 clamp(54px, 8.6vw, 132px)/1 "Cinzel Decorative", var(--display);letter-spacing:.015em;text-transform:none;color:#0000;background:linear-gradient(180deg, var(--gold-hi) 8%, #f6d68a 36%, #c8984c 54%, #8c5d26 70%, #e3b866 92%);filter:drop-shadow(0 2px #3b230c)drop-shadow(0 5px #2414068c)drop-shadow(0 16px 26px #0000008c);-webkit-background-clip:text;background-clip:text;margin:0;padding:0 .04em;position:relative}.title-word:after{content:attr(data-text);padding:inherit;color:#0000;background:linear-gradient(100deg,#0000 42%,#fffff0f2 50%,#0000 58%) 160% 0/250% 100% no-repeat;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out 1.4s infinite title-glint;position:absolute;inset:0}.title-ribbon{filter:drop-shadow(0 6px 10px #00000073);margin:14px 0 0;animation:.8s cubic-bezier(.3,.9,.3,1) .45s backwards ribbon-unfurl;display:inline-block;position:relative}.title-ribbon span{font:700 clamp(10px, 1.05vw, 13px)/1 var(--display);letter-spacing:.3em;text-transform:uppercase;white-space:nowrap;color:#2c1a09;clip-path:polygon(0 0,100% 0,calc(100% - 16px) 50%,100% 100%,0 100%,16px 50%);background:linear-gradient(#f6dea4,#d4ab62 60%,#b98a45);padding:9px 40px 8px;display:block}.title-player{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:side-in .8s var(--intro) cubic-bezier(.2, .8, .2, 1) backwards;background:#0917189e;border:1px solid #e9c88c4d;border-radius:999px;grid-area:player;align-self:start;align-items:center;gap:12px;padding:10px 14px 10px 12px;display:flex;box-shadow:0 10px 30px #00000040}.title-player .menu-field{flex:1;align-items:center;gap:10px;min-width:0;margin:0;display:flex}.title-player .menu-field>span{font:600 11px/1 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);flex:none}.title-player input{background:#fff2da0f;border-color:#0000;border-radius:6px;padding:6px 10px;font-size:15px;font-weight:600}.title-player input:hover{background:#fff2da1a}.title-player-ball,.title-ball{background:radial-gradient(circle at 34% 30%,#e3f2ff 0 6%,#7cc0ff 20%,#4ea8ff 42%,#2368b8 74%,#10325f 100%);border-radius:50%;flex:none;width:26px;height:26px;overflow:hidden;box-shadow:0 4px 8px #00000073,inset -3px -4px 6px #00000040}.title-player-ball:before,.title-ball:before{content:"";background:linear-gradient(90deg,#08101c8c,#08101ce6 45%,#08101c99);height:14%;margin-top:42%;display:block}.title-nav{flex-direction:column;grid-area:nav;align-self:start;align-items:flex-start;gap:clamp(4px,1.2vh,12px);margin-top:clamp(0px,6vh,64px);padding-left:50px;display:flex;position:relative}.title-ball{width:30px;height:30px;transform:translateY(var(--y,0)) rotate(var(--turn,0deg));animation:title-fade .6s calc(var(--intro) + .4s) backwards;transition:transform .5s cubic-bezier(.34,1.36,.5,1);position:absolute;top:0;left:0}#menu.title-screen .title-item{width:auto;color:inherit;text-align:left;cursor:pointer;animation:item-in .7s var(--intro) cubic-bezier(.2, .8, .2, 1) backwards;background:0 0;border:0;border-radius:0;justify-items:start;gap:2px;padding:6px 22px 8px 0;text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}#menu.title-screen .title-item:nth-child(3){animation-delay:calc(var(--intro) + 70ms)}#menu.title-screen .title-item:nth-child(4){animation-delay:calc(var(--intro) + .14s)}#menu.title-screen .title-item:nth-child(5){animation-delay:calc(var(--intro) + .21s)}#menu.title-screen .title-item:hover:not(:disabled){background:0 0}#menu.title-screen .title-item:active:not(:disabled){transform:translate(14px)scale(.98)}#menu.title-screen .title-item:focus-visible{outline:none}.title-label{font:700 clamp(26px, 3.1vw, 42px)/1.12 var(--display);letter-spacing:.05em;text-transform:uppercase;color:#fff2dabd;text-shadow:0 2px 14px #000000a6;transition:color .25s,text-shadow .25s}.title-sub{color:#d3c6aeb8;text-shadow:0 1px 6px #000c;font-size:13px;transition:color .25s}.title-item:after{content:"";transform-origin:0;background:linear-gradient(90deg, var(--gold), #e9c88c66 60%, transparent);height:2px;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:-4px;right:0;transform:scaleX(0)}#menu.title-screen .title-item.is-active{transform:translate(12px)}.title-item.is-active .title-label{color:#ffe3a6;text-shadow:0 0 22px #f5c86e73,0 2px 12px #000000b3}.title-item.is-active .title-sub{color:#f0e2c6}.title-item.is-active:after{transform:scaleX(1)}.title-item:focus-visible .title-label{color:#fff1c8}#menu.title-screen .title-item:disabled{opacity:.5}#menu.title-screen #btn-create .title-label{font-size:clamp(32px,3.9vw,54px)}.title-side{min-width:0;animation:side-in .8s calc(var(--intro) + .1s) cubic-bezier(.2, .8, .2, 1) backwards;grid-area:side;align-self:start;gap:16px;display:grid}#menu.title-screen .open-games,#menu.title-screen .guest-stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#142623d6,#091718e6);border:1px solid #e9c88c42;border-radius:10px;margin:0;padding:18px 18px 14px;position:relative;box-shadow:0 24px 60px #00000059,inset 0 1px #fff2da12}#menu.title-screen .open-games:before,#menu.title-screen .open-games:after{content:"";border:2px solid var(--gold);pointer-events:none;width:18px;height:18px;position:absolute}#menu.title-screen .open-games:before{border-width:2px 0 0 2px;border-top-left-radius:10px;top:-1px;left:-1px}#menu.title-screen .open-games:after{border-width:0 2px 2px 0;border-bottom-right-radius:10px;bottom:-1px;right:-1px}#menu.title-screen .open-games.nudge{animation:.7s ease-out board-nudge}.open-games-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}#menu.title-screen .open-games h2{font:700 18px/1.2 var(--display);letter-spacing:.12em;text-transform:uppercase;color:#ffe3a6;margin:0}.open-games-live{font:700 10px/1 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);align-items:center;gap:7px;display:flex}.open-games-live:before{content:"";background:#d9a24a;border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite alternate live-pulse}.open-games-live.connected{color:#9fe0b4}.open-games-live.connected:before{background:#5fd38a;animation-duration:1.8s;box-shadow:0 0 8px #5fd38a}#menu.title-screen #open-games-list{max-height:min(300px,38dvh);margin:0 -6px;padding:0 6px}#menu.title-screen .open-game{grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;animation:.45s cubic-bezier(.2,.8,.2,1) backwards row-in;display:grid}#menu.title-screen .open-game+.open-game{border-top:1px solid #e9c88c29}.open-game-thumb{background:#19312d 50%/cover no-repeat;border:1px solid #e9c88c66;border-radius:5px;width:64px;height:44px;box-shadow:0 4px 10px #00000059}.open-game-thumb.rivalry{background-image:linear-gradient(135deg, var(--p1) 0 49%, #fff2da 49% 51%, var(--p2) 51%)}#menu.title-screen .open-game strong{font:700 15px/1.25 var(--display);letter-spacing:.03em;color:#fff2da}#menu.title-screen .open-game>div span{margin-top:2px;font-size:12px;line-height:1.35}#menu.title-screen .open-game button{font:700 12px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:#2a1906;background:linear-gradient(#f3d899,#c99a52);border-color:#e2bd78;border-radius:6px;padding:8px 14px;box-shadow:0 3px #7b5424,0 6px 14px #0000004d}#menu.title-screen .open-game button:hover:not(:disabled){background:linear-gradient(#fde6ad,#d8aa60)}#menu.title-screen .open-game button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #7b5424}#menu.title-screen .open-game button:focus-visible{outline-offset:3px;outline:2px solid #fff2da}.open-games-empty{text-align:center;justify-items:center;gap:4px;padding:14px 8px 8px;display:grid}.open-games-empty .hint{margin:0}.bump-balls{width:74px;height:30px;position:relative}.bump-balls i{border-radius:50%;width:24px;height:24px;position:absolute;bottom:2px;box-shadow:inset -3px -4px 6px #0000004d,0 5px 6px -2px #00000080}.bump-balls i:first-child{background:radial-gradient(circle at 34% 30%,#e3f2ff 0 6%,#4ea8ff 40%,#1d5aa3);animation:2.4s cubic-bezier(.5,0,.5,1) infinite bump-left;left:8px}.bump-balls i:last-child{background:radial-gradient(circle at 34% 30%,#fff1dc 0 6%,#ffb34e 40%,#b8701c);animation:2.4s cubic-bezier(.5,0,.5,1) infinite bump-right;right:8px}#menu.title-screen .guest-stats{border-top:1px solid #e9c88c42;padding:14px 18px}#menu.title-screen .guest-stats summary{font:700 13px/1.3 var(--display);letter-spacing:.14em;text-transform:uppercase;color:#ffe3a6}#menu.title-screen .guest-stats[open] .stats-table{max-height:min(260px,34dvh);display:block;overflow-y:auto}#menu.title-screen .guest-stats[open] .stats-table thead,#menu.title-screen .guest-stats[open] .stats-table tbody{table-layout:fixed;width:100%;display:table}#menu.title-screen .guest-stats .stats-table th:first-child{width:46%}#menu.title-screen .controls{color:#fff2dacc;text-shadow:0 1px 6px #000000e6;animation:title-fade .8s calc(var(--intro) + .5s) backwards;border:0;grid-area:keys;justify-content:flex-end;justify-self:stretch;align-items:center;gap:8px 18px;margin:0;padding:0 0 0 calc(400px - clamp(20px,5vw,76px))}#menu.title-screen .controls strong{width:auto;font:700 11px/1 var(--display);letter-spacing:.2em;color:var(--gold)}#menu.title-screen kbd{color:#fff2da;text-align:center;min-width:24px;text-shadow:none;background:linear-gradient(#303c36eb,#14201eeb);border:1px solid #e9c88c8c;border-bottom-width:3px;border-radius:5px;padding:3px 7px 2px}#menu.title-screen #status{z-index:1;text-align:center;background:#091718d9;border-radius:999px;max-width:calc(100vw - 32px);padding:7px 16px;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}#menu.title-screen #status:empty{display:none}#menu.title-screen #menu-body.creating-game{width:auto}#menu-body.creating-game .title-screen{grid-template-areas:"logo player""form.""form."}#menu-body.creating-game .title-nav,#menu-body.creating-game .title-side,#menu-body.creating-game .controls{display:none}#menu-body.creating-game h1.title-word{font-size:clamp(40px,4.6vw,64px)}#menu-body.creating-game .title-logo{animation:none}#menu.title-screen #create-game-form{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#142623e6,#091718f0);border:1px solid #e9c88c4d;border-radius:12px;grid-area:form;align-self:start;width:min(600px,100%);margin:0;padding:22px 26px 24px;animation:.55s cubic-bezier(.2,.8,.2,1) backwards form-in;box-shadow:0 30px 80px #00000073,inset 0 1px #fff2da12}#menu.title-screen #create-game-form h2{font:700 24px/1.2 var(--display);letter-spacing:.1em;text-transform:uppercase;color:#ffe3a6;margin:0 0 4px}#menu.title-screen .mode-choice legend{font:700 11px/1 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}#menu.title-screen .mode-choice{grid-template-columns:1fr 1fr;gap:10px;display:grid}#menu.title-screen .mode-choice legend{grid-column:1/-1}#menu.title-screen .mode-choice .menu-check{background:#fff2da08;border:1px solid #e9c88c33;border-radius:8px;margin:0;padding:12px;transition:border-color .2s,background .2s,box-shadow .2s}#menu.title-screen .mode-choice .menu-check:hover{border-color:#e9c88c80}#menu.title-screen .mode-choice .menu-check:has(input:checked){border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset, 0 0 22px #e9c88c26;background:#e9c88c1a}#menu.title-screen .mode-choice .menu-check strong{font:700 14px/1.3 var(--display);letter-spacing:.06em}#menu.title-screen .menu-field{font:700 11px/1 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}#menu.title-screen .menu-field input{letter-spacing:normal;text-transform:none;color:var(--ink);font:600 15px/1.4 Segoe UI,system-ui,sans-serif}#menu.title-screen .title-player .menu-field input{min-width:0}#menu.title-screen .level-picker-heading{font:700 11px/1 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}#menu.title-screen .level-type{font:700 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase}#menu.title-screen .level-card{box-shadow:0 10px 30px #00000059}#menu.title-screen .level-card strong{font-family:var(--display);letter-spacing:.03em;font-weight:700}#menu.title-screen .create-actions .primary,#menu.title-screen .create-actions button{min-height:46px;font:700 13px/1 var(--display);letter-spacing:.14em;text-transform:uppercase}#menu.title-screen .create-actions .primary{color:#2a1906;background:linear-gradient(#f3d899,#c99a52);border-color:#e2bd78;box-shadow:0 3px #7b5424,0 10px 24px #00000059}#menu.title-screen .create-actions .primary:hover:not(:disabled){background:linear-gradient(#fde6ad,#d8aa60)}#menu.title-screen .create-actions .primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #7b5424}.title-screen.first-show:before{content:"";z-index:5;pointer-events:none;background:#050b0b;animation:1.3s ease-in .1s forwards curtain;position:fixed;inset:0}@keyframes title-rise{0%{opacity:0;filter:blur(8px);transform:translateY(22px)scale(.97)}}@keyframes title-glint{0%,74%{background-position:160% 0}to{background-position:-60% 0}}@keyframes ribbon-unfurl{0%{clip-path:inset(0 50%);opacity:0}to{clip-path:inset(0);opacity:1}}@keyframes item-in{0%{opacity:0;transform:translate(-28px)}}@keyframes side-in{0%{opacity:0;transform:translate(28px)}}@keyframes row-in{0%{opacity:0;transform:translateY(8px)}}@keyframes form-in{0%{opacity:0;transform:translateY(16px)}}@keyframes title-fade{0%{opacity:0}}@keyframes curtain{to{opacity:0;visibility:hidden}}@keyframes live-pulse{0%{opacity:.35}to{opacity:1}}@keyframes board-nudge{0%{box-shadow:0 0 #e9c88cb3}to{box-shadow:0 0 0 18px #e9c88c00}}@keyframes bump-left{0%,to{transform:translate(0)rotate(0)}42%{transform:translate(13px)rotate(120deg)}50%{transform:translate(10px)rotate(100deg)}}@keyframes bump-right{0%,42%,to{transform:translate(0)rotate(0)}50%{transform:translate(8px)rotate(60deg)}70%{transform:translate(3px)rotate(20deg)}}@media (width<=1180px){#menu.title-screen h1.title-word{font-size:clamp(54px,7vw,132px)}}@media (width<=960px){#menu.title-screen{background:linear-gradient(#0812128c,#08121259 30%,#081212b3)}#menu.title-screen #menu-body{padding:22px 16px 96px}.title-screen,#menu-body.creating-game .title-screen{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"logo""player""nav""side""keys";gap:22px}#menu-body.creating-game .title-screen{grid-template-areas:"logo""player""form"}.title-logo{justify-self:center}.title-player{justify-self:center;width:min(520px,100%)}.title-nav{align-self:start;margin-top:0}#menu.title-screen .controls{justify-content:center;padding:0}#menu.title-screen .mode-choice{grid-template-columns:1fr}#menu.title-screen #create-game-form{padding:18px 16px 20px}}@media (width<=420px){.title-kicker{letter-spacing:.24em}.title-kicker:before,.title-kicker:after{width:22px}.title-ribbon span{letter-spacing:.16em;padding:8px 24px 7px;font-size:10px}.title-player .menu-field>span{display:none}}@media (prefers-reduced-motion:reduce){.title-screen *,.title-screen :before,.title-screen :after,.title-screen.first-show:before{transition:none!important;animation:none!important}.title-screen.first-show:before{display:none}}#menu.character-screen{background:0 0;padding:0;display:block;overflow:hidden}#menu.character-screen #menu-body{width:auto;min-width:0;max-width:none;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;position:fixed;inset:0;overflow:hidden}.character-select{pointer-events:none;position:absolute;inset:0}.character-select button{pointer-events:auto}.character-select .pick-head{top:max(24px, env(safe-area-inset-top));text-align:center;width:min(640px,100vw - 32px);animation:.3s ease-out character-fade;position:absolute;left:50%;transform:translate(-50%)}.character-select .pick-head h2{font-family:var(--display);color:var(--gold-hi);text-shadow:0 2px 14px #0009;margin:0;font-size:clamp(26px,4.4vw,40px)}.character-game{color:var(--dim);overflow-wrap:anywhere;margin:4px 0 0;font-size:14px}.character-stage{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:22% 0 34%}.character-stage span{cursor:pointer;pointer-events:auto;width:32%}.character-select.chosen .character-stage span{pointer-events:none}.character-select .pick-card{left:50%;bottom:max(20px, env(safe-area-inset-bottom));text-align:center;background:linear-gradient(#242018d6,#101210eb);border:1px solid #e9c88c73;border-radius:12px;justify-items:center;gap:10px;width:min(520px,100vw - 32px);padding:14px 16px 16px;animation:.35s ease-out character-rise;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 12px 40px #00000080}.character-select .pick-row{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;display:grid}#pick-info{align-content:center;justify-items:center;gap:4px;min-height:4.6em;display:grid}#pick-name{font:700 26px/1.15 var(--display);color:#fff}#pick-blurb{color:#ffffffd9;font-size:15px}.pick-dots{gap:6px;margin-top:2px;display:flex}.pick-dots i{background:#ffffff47;border-radius:50%;width:7px;height:7px;transition:background .2s,transform .2s}.pick-dots i.on{background:var(--gold);transform:scale(1.25)}.pick-arrow{border-color:#e9c88c66;justify-items:center;gap:2px;width:54px;padding:4px 0 8px;display:grid}.pick-arrow span{font-size:32px;line-height:1}.character-select .pick-foot{justify-content:center;gap:10px;display:flex}.character-select kbd{margin-left:4px}.pick-arrow kbd{margin-left:0}.character-select.chosen .pick-arrow{visibility:hidden}@keyframes character-fade{0%{opacity:0}}@keyframes character-rise{0%{opacity:0;transform:translate(-50%,16px)}}@media (width<=520px){.character-select .pick-card{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 48px);padding:10px 10px 12px}#pick-name{font-size:22px}#pick-blurb{font-size:13px}.pick-arrow{width:46px}.character-select kbd{display:none}}#menu.hl-split{grid-template-columns:minmax(220px,300px) minmax(0,760px);justify-content:space-between;align-items:center;gap:24px;padding-inline:32px}#menu.hl-split>#menu-body,#menu.hl-split>#status{grid-column:2}.hl-row{background:var(--panel);border:1px solid var(--line);border-radius:5px;align-content:start;gap:12px;padding:22px 20px;display:grid;box-shadow:0 16px 60px #141a1840}#menu:not(.hl-split)>.hl-row{display:none}.hl-heading{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:0;font-size:18px}.hl-pick{gap:8px;display:grid}.hl-pick .hl-btn{width:100%}@media (width<=760px){#menu.hl-split{flex-direction:column;gap:12px;padding-inline:16px;display:flex;overflow-y:auto}#menu.hl-split>*{flex:none}#menu.hl-split>#menu-body{max-width:none;max-height:none;overflow:visible}.hl-pick{grid-template-columns:1fr 1fr}}.hl-note{color:var(--dim);margin:0;font-size:12px}.hl-offer{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.hl-offer[hidden]{display:none}.hl-offer-text{flex-basis:100%}.sound-controls .hl-mic{min-width:96px}.sound-controls .hl-mic-device{max-width:150px;color:inherit;background:#0f2420;border:1px solid #dcbf8a44;border-radius:5px;padding:3px 4px;font-size:12px}.sound-controls .hl-mic-test{min-width:0}.sound-controls .hl-mic-mode{color:inherit;background:#0f2420;border:1px solid #dcbf8a44;border-radius:5px;padding:3px 4px;font-size:12px}.sound-controls .hl-mic[aria-pressed=true]{border-color:#e9c88c}.sound-controls .hl-mic.is-live:before{content:"";vertical-align:1px;background:#ff5b4f;border-radius:50%;width:7px;height:7px;margin-right:6px;animation:1.2s ease-in-out infinite alternate hl-rec;display:inline-block}@keyframes hl-rec{to{opacity:.35}}body.hl-on>:not(.hl-stage,canvas){visibility:hidden!important}.hl-stage{z-index:60;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex;position:fixed;inset:0;overflow:hidden}.hl-frame{aspect-ratio:16/9;outline:1px solid var(--line);border-radius:10px;width:min(100vw - 40px,177.778vh - 266.667px);position:relative;box-shadow:0 0 0 200vmax #060914f7}.hl-controls{gap:8px;width:min(100vw - 40px,177.778vh - 266.667px);display:grid;position:relative}.hl-transport{align-items:center;gap:8px;display:flex}.hl-icon{border-radius:999px;flex:none;place-items:center;width:38px;height:38px;padding:0;display:grid}.hl-icon svg{fill:currentColor;width:20px;height:20px}.hl-play{width:44px;height:44px}.hl-scrub{accent-color:#dcbf8a;flex:auto;min-width:60px}.hl-clock{color:var(--dim);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.hl-transport>button:not(.hl-icon){white-space:nowrap;flex:none;padding:7px 12px;font-size:13px}.hl-transport>button[hidden]{display:none}.hl-cams{background:#ffffff14;border-radius:999px;flex:none;gap:2px;padding:3px;display:flex}.hl-cam{border-radius:999px;padding:5px 11px;font-size:13px;background:0 0!important;border-width:0!important}.hl-cam[aria-pressed=true]{background:linear-gradient(#987441,#70522e)!important}.hl-status{min-height:1.2em;color:var(--dim);text-align:center;margin:0;font-size:13px}.hl-status:empty{display:none}.hl-progress{background:#ffffff1a;border-radius:999px;height:8px;overflow:hidden}.hl-progress[hidden]{display:none}.hl-progress i{border-radius:inherit;background:#dcbf8a;width:0;height:100%;transition:width .2s;display:block}.hl-cancel{justify-self:center;padding:5px 14px}.is-saving .hl-frame{background:#0b1020}.is-saving .hl-transport{opacity:.45;pointer-events:none}@media (width<=760px){.hl-transport{flex-wrap:wrap;justify-content:center}.hl-scrub{flex-basis:100%;order:-1}}