:root{color-scheme:dark;font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace;--accent: #ff5030;--cool: #7fd4ff;--gold: #ffe050;--go: #5dffa0;--ink: #eef3fb;--dim: rgba(238, 243, 251, .62);--faint: rgba(238, 243, 251, .38);--line: rgba(255, 255, 255, .11);--line-hi: rgba(255, 255, 255, .22);--glass: linear-gradient(180deg, rgba(22, 30, 52, .66), rgba(6, 9, 20, .74));--glass-solid: linear-gradient(180deg, rgba(18, 24, 42, .92), rgba(6, 9, 18, .94));--shadow: 0 10px 30px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .06);--r: 10px;--r-sm: 7px;--ease: cubic-bezier(.2, .8, .2, 1);--back: cubic-bezier(.3, 1.5, .5, 1);--pad-l: calc(18px + env(safe-area-inset-left)) ;--pad-r: calc(18px + env(safe-area-inset-right)) ;--pad-t: calc(16px + env(safe-area-inset-top)) ;--pad-b: calc(18px + env(safe-area-inset-bottom)) }html,body{margin:0;height:100%;overflow:hidden;background:#000;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#view{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#hud{position:fixed;inset:0;pointer-events:none;color:var(--ink);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}#stats,#lb,#results,#lobby,#mppanel,#infopanel,#netbadge,#perfnote,#board,.tag{background:var(--glass);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%)}.ico{width:14px;height:14px;flex:none}#modebtn,#infobtn,#mpbtn,#topright select,#mppanel button,#mppanel input,#gobtn,#netretry{font:inherit;font-size:12px;letter-spacing:1px;color:var(--ink);background:var(--glass);border:1px solid var(--line-hi);border-radius:var(--r-sm);padding:6px 12px;min-height:34px;box-shadow:inset 0 1px #ffffff0f,0 4px 14px #0000004d;transition:border-color .16s,color .16s,background-color .16s,transform .12s var(--ease),box-shadow .16s;outline:none}#modebtn,#infobtn,#mpbtn,#topright select{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#modebtn,#infobtn,#mpbtn,#topright select,#mppanel button,#gobtn,#netretry{cursor:pointer}#modebtn:hover,#infobtn:hover,#mpbtn:hover,#topright select:hover,#mppanel button:hover,#info.open #infobtn,#mp.open #mpbtn{border-color:#7fd4ffb3;color:var(--cool);box-shadow:inset 0 1px #ffffff14,0 0 0 3px #7fd4ff1a,0 4px 14px #0000004d}#modebtn:focus-visible,#infobtn:focus-visible,#mpbtn:focus-visible,#topright select:focus-visible,#mppanel button:focus-visible,#mppanel input:focus,#gobtn:focus-visible,#netretry:focus-visible,#tretry:focus-visible,#infopanel a:focus-visible{outline:none;border-color:var(--cool);box-shadow:0 0 0 3px #7fd4ff47}#modebtn:active,#infobtn:active,#mpbtn:active,#mppanel button:active,#gobtn:active,#netretry:active,#tretry:active{transform:translateY(1px) scale(.97)}#topright select{-webkit-appearance:none;appearance:none;padding-right:30px;max-width:260px;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' fill='none' stroke='%237fd4ff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),var(--glass);background-repeat:no-repeat;background-position:right 10px center,0 0;background-size:12px 12px,auto}#topright select option{background:#0b1020;color:var(--ink)}#stats{position:absolute;top:var(--pad-t);left:var(--pad-l);padding:10px 16px 12px 14px;min-width:168px;overflow:hidden}#stats:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:2px;background:linear-gradient(180deg,var(--accent),rgba(255,80,48,.2));box-shadow:0 0 10px #ff503099}#speed{display:flex;align-items:baseline;font-size:46px;font-weight:800;line-height:.95;letter-spacing:-2px;text-shadow:0 0 18px rgba(127,212,255,.18)}#speed .unit{font-size:11px;font-weight:500;letter-spacing:2px;margin-left:8px;color:var(--faint)}#speedbar{position:relative;height:3px;margin:9px 0 8px;border-radius:3px;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),rgba(255,255,255,.18) calc(25% - 1px) 25%),#ffffff14;overflow:hidden}#speedfill{position:absolute;inset:0;border-radius:3px;background:linear-gradient(90deg,var(--cool),#b49bff 60%,var(--accent));box-shadow:0 0 10px #7fd4ff80;transform:scaleX(0);transform-origin:left;will-change:transform}#statrow{display:flex;align-items:baseline;justify-content:space-between;gap:14px}#time{font-size:17px;font-weight:600;letter-spacing:.5px}#checkpoints{font-size:11px;letter-spacing:1.5px;color:var(--dim);padding:2px 7px;border-radius:999px;border:1px solid var(--line)}#checkpoints:empty{display:none}#checkpoints.hit{animation:cphit .9s var(--ease)}@keyframes cphit{0%{color:#fff;border-color:var(--cool);background:#7fd4ff59;box-shadow:0 0 14px var(--cool)}to{color:var(--dim);border-color:var(--line);background:transparent;box-shadow:none}}#pressbar{position:absolute;left:var(--pad-l);bottom:var(--pad-b);width:168px;height:4px;border-radius:4px;background:#ffffff1a}#pressfill{height:100%;width:100%;border-radius:4px;background:linear-gradient(90deg,rgba(255,80,48,.7),var(--accent));box-shadow:0 0 10px var(--accent);transform:scaleX(0);transform-origin:left}#pressbar span{position:absolute;left:0;bottom:10px;font-size:10px;letter-spacing:3px;color:var(--faint)}#help{position:absolute;right:var(--pad-r);bottom:var(--pad-b);font-size:11px;letter-spacing:.5px;color:var(--faint);text-shadow:0 1px 3px rgba(0,0,0,.9)}#help b{display:inline-block;min-width:10px;padding:1px 5px;margin:0 1px;border:1px solid var(--line-hi);border-bottom-width:2px;border-radius:4px;color:var(--ink);font-weight:600;text-align:center;background:#00000059}#center{position:absolute;left:50%;top:22%;transform:translate(-50%);text-align:center;white-space:nowrap}#banner{font-size:30px;font-weight:800;letter-spacing:4px;text-shadow:0 2px 12px rgba(0,0,0,.85)}#subbanner{font-size:12px;letter-spacing:2.5px;margin-top:8px;color:var(--dim);text-shadow:0 1px 6px rgba(0,0,0,.9)}#subbanner:empty{display:none}#subbanner{display:inline-block;padding:3px 10px;border-radius:999px;color:var(--ink);background:#0609149e}#center.big~#tags,body.mp-results #tags{visibility:hidden}#center.big #banner{font-size:56px;color:var(--gold);text-shadow:0 0 24px rgba(255,224,80,.55),0 0 2px rgba(255,255,255,.6),0 2px 12px #000}#center.big #subbanner{display:inline-block;margin-top:12px;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,224,80,.3);background:#080a1499}#center.big{animation:popin .45s var(--back)}#center.count #banner{font-size:96px;line-height:1;color:#fff;letter-spacing:0;text-shadow:0 0 28px rgba(127,212,255,.85),0 0 4px #fff,0 3px 14px #000}#center.count{top:9%;animation:punch .95s var(--ease) both}#center.count.go #banner{font-size:110px;letter-spacing:8px;color:var(--go);text-shadow:0 0 34px rgba(93,255,160,.9),0 0 6px #fff,0 3px 14px #000}#center.count.go{animation:gopunch 1.1s var(--ease) both}#center.flash{animation:fadeout 1.4s var(--ease) forwards}#center.cp #banner{color:var(--cool);text-shadow:0 0 20px rgba(127,212,255,.7),0 2px 10px #000}@keyframes popin{0%{transform:translate(-50%) scale(.7);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes punch{0%{transform:translate(-50%) scale(1.9);opacity:0;filter:blur(6px)}22%{transform:translate(-50%) scale(.94);opacity:1;filter:blur(0)}34%{transform:translate(-50%) scale(1.03)}48%{transform:translate(-50%) scale(1);opacity:1}80%{opacity:1}to{transform:translate(-50%) scale(.92);opacity:.55}}@keyframes gopunch{0%{transform:translate(-50%) scale(.6);opacity:0}18%{transform:translate(-50%) scale(1.12);opacity:1}32%{transform:translate(-50%) scale(1)}70%{opacity:1}to{transform:translate(-50%) scale(1.25);opacity:0}}@keyframes fadeout{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.96)}10%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}70%{opacity:1}to{opacity:0}}#flash{position:absolute;inset:0;opacity:0;pointer-events:none;will-change:opacity}#flash.go{background:radial-gradient(ellipse at 50% 40%,rgba(93,255,160,.32),rgba(93,255,160,.06) 45%,transparent 70%);animation:flash .9s ease-out}#flash.cp{background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(127,212,255,.22) 100%);animation:flash .7s ease-out}@keyframes flash{0%{opacity:1}to{opacity:0}}#topright{position:absolute;z-index:10;top:var(--pad-t);right:var(--pad-r);display:flex;gap:8px;align-items:flex-start;pointer-events:auto}#info,#mp{position:relative}#mppanel,#infopanel{position:absolute;top:calc(100% + 10px);right:0;width:280px;padding:14px 16px;font-size:12px;line-height:1.55;background:var(--glass-solid);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:transform .22s var(--ease),opacity .18s ease,visibility .22s}#info.open #infopanel,#mp.open #mppanel{opacity:1;visibility:visible;transform:none}#infopanel{width:310px;max-height:calc(100vh - 90px);max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}#infopanel .title,#mppanel .title{font-size:13px;font-weight:800;letter-spacing:3px;margin-bottom:6px}#infopanel .title{background:linear-gradient(90deg,#fff,var(--cool));-webkit-background-clip:text;background-clip:text;color:transparent}#infopanel p{margin:0 0 10px;color:var(--dim)}#infopanel ul.keys{list-style:none;margin:0 0 4px;padding:0;display:grid;gap:5px}#infopanel ul.keys li{display:flex;align-items:center;gap:10px;color:var(--dim)}#infopanel ul.keys li>span{display:flex;gap:4px;min-width:92px}kbd{font:inherit;font-size:11px;padding:1px 6px;border:1px solid var(--line-hi);border-bottom-width:2px;border-radius:4px;color:var(--ink);background:#ffffff0d}#infopanel .sect{margin:14px 0 7px;font-size:10px;letter-spacing:3px;color:var(--faint);display:flex;align-items:center;gap:8px}#infopanel .sect:after{content:"";flex:1;height:1px;background:var(--line)}#infopanel a{color:inherit;text-decoration:none}#infopanel a.creator,#infopanel a.game{display:flex;border:1px solid var(--line);border-radius:var(--r-sm);background:#ffffff08;transition:transform .18s var(--ease),border-color .18s,background-color .18s,box-shadow .18s}#infopanel a.creator:hover,#infopanel a.game:hover{transform:translateY(-2px);border-color:#7fd4ff80;background:#7fd4ff0f;box-shadow:0 8px 22px #0006,0 0 0 1px #7fd4ff1f}#infopanel a.creator{align-items:center;gap:11px;padding:8px 12px 8px 8px}#infopanel a.creator img{width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 2px #7fd4ff80}#infopanel .who{flex:1;display:flex;flex-direction:column;line-height:1.3}#infopanel .who b{color:var(--cool);font-size:13px}#infopanel small{font-size:11px;color:var(--dim)}#infopanel a.creator .ico{color:var(--dim)}#infopanel a.game{align-items:stretch;overflow:hidden;margin-bottom:8px}#infopanel a.game img{display:block;flex:none;width:96px;height:auto;min-height:72px;object-fit:cover;border-right:1px solid var(--line);transition:filter .18s}#infopanel a.game:hover img{filter:brightness(1.12) saturate(1.1)}#infopanel a.game img.icon{object-fit:contain;padding:20px;box-sizing:border-box;background:radial-gradient(ellipse at 50% 60%,rgba(240,180,83,.2),transparent 70%),#17110c}#infopanel .gtext{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:8px 10px;line-height:1.4}#infopanel .gtext small{font-size:10.5px}#infopanel .gtext b{font-size:13px;letter-spacing:1px}#mpform,#mproom{display:flex;flex-direction:column;gap:7px}#mpform[hidden],#mproom[hidden]{display:none}#mproom{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}#mppanel input{cursor:text;background:#00000059;box-shadow:inset 0 1px 3px #0006}#mppanel input::placeholder{color:var(--faint)}#mpquick{border-color:#ff503099!important;background:linear-gradient(180deg,#ff50304d,#ff50301f)!important;color:#fff!important}#mpquick:hover{box-shadow:0 0 0 3px #ff50302e,0 4px 14px #0000004d!important}#mppanel .row{display:flex;gap:6px}#mppanel .row>*{flex:1;min-width:0}#mpcode{text-transform:uppercase;letter-spacing:3px}#mpcodeview{color:var(--gold);letter-spacing:3px}#mpstate{color:var(--dim)}#mpplayers{margin:2px 0;padding-left:20px}#mpplayers li::marker{color:var(--faint)}#mpmsg{margin-top:8px;color:var(--accent)}#mpmsg:empty{display:none}body.marble #stats,body.marble #pressbar,body.marble #level,body.marble .solo-help{display:none}body:not(.marble) .marble-help,body:not(.marble) #board{display:none}#board{position:absolute;left:var(--pad-l);top:calc(64px + env(safe-area-inset-top));padding:10px 12px;font-size:12px;min-width:180px}#boardtitle{font-weight:800;letter-spacing:3px;margin-bottom:6px;color:var(--gold)}.brow{display:flex;align-items:center;gap:7px;line-height:1.7;color:var(--dim);border-radius:4px}.brow.fol{color:#fff;background:linear-gradient(90deg,rgba(255,255,255,.1),transparent)}.bpos{width:14px;text-align:right}.bchip{width:9px;height:9px;border-radius:50%;flex:none}.bname{flex:1}.btime{font-variant-numeric:tabular-nums}.bdelta{color:var(--gold)}#touch{display:none;position:fixed;inset:0;pointer-events:none;z-index:5}body.touch:not(.marble) #touch{display:block}#tzl,#tzr{position:absolute;bottom:0;height:48%;width:44%;pointer-events:auto;touch-action:none}#tzl{left:0}#tzr{right:0}#tsteer,#thold{position:absolute;width:calc(var(--tr) * 2);height:calc(var(--tr) * 2);border-radius:50%;border:2px solid rgba(127,212,255,.55);background:radial-gradient(circle,#7fd4ff14,#0309186b 70%);box-shadow:0 0 18px #7fd4ff26,inset 0 0 14px #7fd4ff1a;left:calc(var(--tx) - var(--tr));top:calc(var(--ty) - var(--tr));transition:opacity .15s ease,background-color .12s,box-shadow .12s;pointer-events:none}#thold{border-color:#ff5030b3;border-width:2.5px;background:radial-gradient(circle,#ff503014,#0309186b 70%);box-shadow:0 0 18px #ff503026,inset 0 0 14px #ff50301a}#thold.on{background:radial-gradient(circle,#ff503073,#ff50302e 70%);box-shadow:0 0 26px #ff50308c,inset 0 0 18px #ff503059}#tknob{position:absolute;width:calc(var(--tr) * .56);height:calc(var(--tr) * .56);border-radius:50%;left:calc(50% - var(--tr) * .28);top:calc(50% - var(--tr) * .28);background:radial-gradient(circle at 40% 35%,#dff4ff,#7fd4ffbf);box-shadow:0 0 12px #7fd4ff99;transform:translate(var(--tkx, 0px))}.tlabel{position:absolute;left:0;right:0;text-align:center;font-size:11px;letter-spacing:3px;color:#7fd4ffe6;text-shadow:0 1px 4px rgba(0,0,0,.9)}#tsteer .tlabel{bottom:calc(100% + 6px)}#thold .tlabel{bottom:auto;top:calc(50% - 9px);color:#ff8c6ef2}#tretry{position:absolute;right:var(--pad-r);top:120px;font:inherit;font-size:12px;letter-spacing:2px;min-width:74px;min-height:44px;background:var(--glass);color:var(--cool);border:1px solid rgba(127,212,255,.45);border-radius:12px;cursor:pointer;pointer-events:auto;transition:transform .12s var(--ease)}#rotate{display:none}@media(orientation:portrait){body.touch #rotate{display:flex;flex-direction:column;gap:14px;position:fixed;inset:0;z-index:50;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#141e3cf0,#02040cf7);color:var(--ink);font-size:13px;letter-spacing:3px;text-transform:uppercase}body.touch #rotate:before{content:"";width:34px;height:56px;border:2px solid var(--cool);border-radius:7px;box-shadow:0 0 16px #7fd4ff73;animation:tilt 2.2s var(--ease) infinite}}@keyframes tilt{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}body.touch #help,body.touch #pressbar{display:none}body.touch #modebtn,body.touch #infobtn,body.touch #mpbtn,body.touch #topright select{min-height:44px}#hud.loading>:not(#loading){visibility:hidden}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(ellipse at 50% 45%,#121830e6,#000000f5 70%);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}#loading.on{opacity:1;visibility:visible}#loadtitle{font-size:36px;font-weight:800;letter-spacing:10px;margin-right:-10px;background:linear-gradient(90deg,var(--accent),#ff9a6a 50%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(255,80,48,.45))}#loadbar{width:240px;height:3px;border-radius:3px;overflow:hidden;background:#ffffff1a}#loadfill{height:100%;width:0%;border-radius:3px;background:linear-gradient(90deg,var(--cool),#fff);box-shadow:0 0 8px var(--cool);transition:width .2s ease}#loadfill.indet{width:30%!important;animation:indet 1.1s ease-in-out infinite alternate}@keyframes indet{0%{transform:translate(0)}to{transform:translate(233%)}}#loadtext{font-size:11px;letter-spacing:2px;color:var(--dim)}#tags{position:absolute;inset:0;overflow:hidden}.tag{position:absolute;left:0;top:0;padding:2px 8px;font-size:11px;letter-spacing:1px;white-space:nowrap;border-radius:999px;border-left:3px solid var(--cool);-webkit-backdrop-filter:none;backdrop-filter:none;background:#060914b8;box-shadow:0 2px 8px #0006}.tag.ghosttag{border-left-color:#dff4ff;opacity:.75}#results{position:absolute;left:50%;top:42%;transform:translate(-50%);min-width:320px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:16px 18px 14px;background:var(--glass-solid);border-color:#ffe05038;animation:panelin .4s var(--ease) both}#results:before{content:"";position:absolute;left:16px;right:16px;top:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 12px #ffe050b3}#results[hidden]{display:none}#results .title,#mppanel .title{display:flex;align-items:center;gap:10px}#results .title{font-size:12px;font-weight:800;letter-spacing:4px;margin-bottom:8px;color:var(--gold)}#results .title .rule{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,224,80,.35),transparent)}#results table{width:100%;border-collapse:separate;border-spacing:0 3px;font-size:14px}#results td{padding:5px 9px;background:#ffffff09}#results td:first-child{width:1.6em;text-align:center;font-weight:800;border-radius:6px 0 0 6px;color:var(--dim)}#results td:last-child{text-align:right;border-radius:0 6px 6px 0;font-weight:600}#results tr{animation:rowin .45s var(--ease) both;animation-delay:calc(.15s + var(--i, 0) * 70ms)}#resultsrows tr:nth-child(1) td:first-child{color:var(--gold);text-shadow:0 0 10px rgba(255,224,80,.6)}#resultsrows tr:nth-child(2) td:first-child{color:#d8e2f0}#resultsrows tr:nth-child(3) td:first-child{color:#e2a070}#results .rdot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;vertical-align:1px}#results #rbtitle{margin-top:14px;font-size:11px;letter-spacing:3px;color:var(--faint)}#rbwrap{max-height:30vh;overflow-y:auto;scrollbar-width:thin}#results #rbrows td{font-size:12px;padding:3px 9px;background:transparent}#results tr.me td,#lb tr.me td{color:var(--cool);background:linear-gradient(90deg,#7fd4ff33,#7fd4ff0d)}#results tr.me{animation-name:rowin,mepulse;animation-duration:.45s,1.6s;animation-delay:calc(.15s + var(--i, 0) * 70ms),calc(.6s + var(--i, 0) * 70ms);animation-timing-function:var(--ease),ease-out}@keyframes rowin{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}@keyframes mepulse{0%{filter:brightness(1.8)}to{filter:none}}@keyframes panelin{0%{opacity:0;transform:translate(-50%) translateY(14px) scale(.97)}to{opacity:1;transform:translate(-50%)}}#results .sub{margin-top:10px;font-size:10px;letter-spacing:2px;color:var(--faint);text-align:center}#lobby{position:absolute;left:50%;bottom:calc(64px + env(safe-area-inset-bottom));transform:translate(-50%);min-width:300px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:14px 20px 16px;text-align:center;animation:panelin .4s var(--ease) both}#lobby[hidden]{display:none}#lobbykicker{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;letter-spacing:3px;color:var(--faint);text-transform:uppercase}.livedot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:live 1.6s ease-in-out infinite}@keyframes live{0%,to{opacity:1}50%{opacity:.35}}#lobbyhead{margin-top:10px;font-size:12px;font-weight:700;letter-spacing:4px;color:var(--dim)}#lobbynum{font-size:64px;font-weight:800;line-height:1.05;color:#fff;text-shadow:0 0 24px rgba(127,212,255,.6)}#lobbynum:empty{display:none}#lobbynum.tick{animation:tick .5s var(--ease)}@keyframes tick{0%{transform:scale(1.18);color:var(--cool)}to{transform:none}}#lobbysub{font-size:11px;letter-spacing:1.5px;color:var(--dim)}#lobbyracers{list-style:none;margin:12px 0 0;padding:10px 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:center;gap:6px}#lobbyracers:empty{display:none}#lobbyracers li{display:flex;white-space:nowrap;align-items:center;gap:6px;padding:3px 9px 3px 7px;font-size:11px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;animation:rowin .35s var(--ease) both}#lobbyracers li.me{border-color:#7fd4ff73;color:var(--cool)}#lobbyracers i{width:8px;height:8px;border-radius:50%;box-shadow:0 0 6px currentColor}#gobtn,#netretry{color:var(--cool);border-color:#7fd4ff8c;pointer-events:auto}#gobtn{margin-top:12px;padding:7px 18px;letter-spacing:3px;text-transform:uppercase}#gobtn:hover,#netretry:hover{background:#7fd4ff24;border-color:var(--cool);box-shadow:0 0 0 3px #7fd4ff1f,0 0 18px #7fd4ff40}#gobtn[hidden]{display:none}body.marble #netbadge{display:none!important}#netbadge{position:absolute;left:var(--pad-l);top:calc(138px + env(safe-area-inset-top));display:flex;align-items:center;gap:9px;padding:5px 6px 5px 12px;font-size:11px;letter-spacing:1px;color:var(--dim);white-space:nowrap;border-color:#ff503059;border-radius:999px;pointer-events:auto;animation:panelin-l .35s var(--ease) both}#netbadge .ico{color:var(--accent)}#netbadge[hidden]{display:none}#netbadge #netretry{margin:0;min-height:26px;padding:2px 12px;font-size:11px;border-radius:999px}@keyframes panelin-l{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}#lb{position:absolute;left:var(--pad-l);top:calc(138px + env(safe-area-inset-top));min-width:200px;max-height:34vh;overflow-y:auto;padding:10px 10px 8px;font-size:11px;pointer-events:auto;scrollbar-width:thin;animation:panelin-l .35s var(--ease) both}#lb[hidden],body.marble #lb,body.offline #lb,body.mp-results #lb{display:none}#lbtitle{font-size:10px;font-weight:800;letter-spacing:2.5px;color:var(--gold);margin:0 4px 6px}#lb table,#results #rbrows{width:100%;border-collapse:collapse}#lb td{padding:2px 5px;color:var(--dim)}#lb td:first-child{width:1.8em;color:var(--faint);border-radius:4px 0 0 4px}#lb td:last-child{text-align:right;color:var(--ink);border-radius:0 4px 4px 0}#lb tr:first-child td:first-child{color:var(--gold)}#lb td[colspan],#results td[colspan]{text-align:left;color:var(--faint)}#perfnote{display:none;position:absolute;left:50%;bottom:calc(56px + env(safe-area-inset-bottom));transform:translate(-50%);max-width:min(560px,84vw);padding:8px 14px 8px 36px;font-size:11px;line-height:1.5;letter-spacing:.3px;color:var(--dim);border-color:#ffe0504d}#perfnote:before{content:"";position:absolute;left:13px;top:50%;width:14px;height:14px;margin-top:-7px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.8 15 14H1z' fill='none' stroke='%23ffe050' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M8 6.2v3.6M8 11.6v.4' stroke='%23ffe050' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat}#perfnote.on{display:block}@media(max-width:900px){#speed{font-size:30px;letter-spacing:-1px}#time{font-size:14px}#stats{min-width:128px;padding:8px 12px 9px}#board{font-size:11px;min-width:150px;left:calc(10px + env(safe-area-inset-left))}#topright{gap:6px}#lb,#netbadge{top:calc(108px + env(safe-area-inset-top))}#lb{min-width:160px;max-height:26vh}#center.count #banner{font-size:72px}#center.count.go #banner{font-size:80px}#center.big #banner{font-size:40px}#lobbynum{font-size:48px}}@media(max-width:600px){:root{--pad-l: calc(10px + env(safe-area-inset-left)) ;--pad-r: calc(10px + env(safe-area-inset-right)) ;--pad-t: calc(10px + env(safe-area-inset-top)) }#topright{left:var(--pad-l);gap:5px;justify-content:flex-end}#topright select{flex:1 1 0;min-width:0;max-width:none}#modebtn,#infobtn,#mpbtn{flex:none;padding:6px 9px;letter-spacing:.5px}#topright select{padding-left:9px;letter-spacing:.5px}body:has(#info.open) #results{display:none}#stats{top:calc(56px + env(safe-area-inset-top))}#lb,#netbadge,#board{top:calc(150px + env(safe-area-inset-top))}#mppanel,#infopanel{position:fixed;top:calc(62px + env(safe-area-inset-top));left:var(--pad-l);right:var(--pad-r);width:auto}#infopanel{max-height:calc(100dvh - 80px)}#center{top:30%;width:calc(100vw - 20px);white-space:normal}#center.count{top:60%}#center.big #banner{font-size:30px}#lobby{bottom:calc(46px + env(safe-area-inset-bottom));min-width:0;width:calc(100vw - 20px)}#help{display:none}#perfnote{bottom:auto;top:calc(146px + env(safe-area-inset-top));left:auto;right:var(--pad-r);transform:none;max-width:calc(100vw - 180px)}}@media(max-height:500px){#stats{padding:6px 10px 7px 11px}#speed{font-size:24px}#speedbar{margin:5px 0}#lb,#netbadge{top:calc(88px + env(safe-area-inset-top))}#lb{max-height:30vh}#center{top:16%}#lobby{display:flex;align-items:center;gap:12px;min-width:0;width:auto;max-width:calc(100vw - 300px);bottom:calc(10px + env(safe-area-inset-bottom));padding:7px 12px}#lobbykicker,#lobbysub{display:none}#lobbyhead{margin:0;font-size:10px;letter-spacing:2px;white-space:nowrap}#lobbynum{font-size:28px}#lobbyracers{margin:0;padding:0 0 0 12px;border-top:none;border-left:1px solid var(--line);flex-wrap:nowrap;overflow:hidden;min-width:0}#gobtn{margin:0;white-space:nowrap}body.mp-results #center{display:none}#center.count{top:58%}#results{top:50%;transform:translate(-50%,-50%);animation:none;max-height:calc(100dvh - 24px);overflow-y:auto}#rbwrap{max-height:22vh}}@media(prefers-reduced-motion:reduce){#center.count,#center.count.go,#center.big,#results,#lobby,#lb,#netbadge,#results tr,#lobbyracers li,#lobbynum.tick,#checkpoints.hit,.livedot,body.touch #rotate:before{animation:none!important}#center.flash{animation-name:fadeonly}#flash{display:none}#mppanel,#infopanel,#infopanel a.creator,#infopanel a.game{transform:none!important;transition:opacity .15s ease,visibility .15s}#loadfill.indet{animation-duration:3s}}@keyframes fadeonly{0%{opacity:0}10%{opacity:1}70%{opacity:1}to{opacity:0}}body.betting #pressbar,body.betting #stats,body.betting #help,body.betting #board,body.betting #lobby,body.betting #touch,body.betting #center{display:none!important}#bet{position:absolute;left:16px;top:64px;background:#0000008c;border:1px solid rgba(255,255,255,.25);padding:8px 10px;font-size:12px;min-width:216px;max-width:min(320px,60vw)}#bet.racing #betrows,#bet.racing #betact,#bet.racing #betplace,#bet.racing #betmine{display:none}#bethead{display:flex;gap:8px;align-items:baseline;letter-spacing:1px;margin-bottom:6px}#betphase{color:#ffe050}#betbal{margin-left:auto;color:#7dffa9}#betrich{background:#ffffff14;color:inherit;border:1px solid rgba(255,255,255,.3);font:inherit;padding:2px 7px;cursor:pointer}.betrow{display:flex;gap:6px;align-items:center;padding:2px 4px;cursor:pointer}.betrow.pick{background:#ffe05029;outline:1px solid rgba(255,224,80,.5)}.betrow i{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.betrow .form u{text-decoration:none;opacity:.7;padding:0 1px}.betrow .form u.first{color:#ffe050;opacity:1}.betrow .odds{margin-left:auto;opacity:.85;white-space:nowrap}#betact{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}#betact button,#betplace{background:#ffffff14;color:inherit;border:1px solid rgba(255,255,255,.3);font:inherit;padding:3px 8px;cursor:pointer}#betact button.on{background:#ffe05040;border-color:#ffe050}#betplace{display:block;width:100%;margin-top:6px;padding:6px;letter-spacing:1px}#betplace:disabled{opacity:.4;cursor:default}#betplace:not(:disabled){background:#ffe05040;border-color:#ffe050}#betmine{margin-top:6px;opacity:.85}#betnote{display:none;position:absolute;top:18%;left:50%;transform:translate(-50%);background:#060914b3;padding:4px 12px;border-radius:999px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .3s}body.betting #betnote{display:block}#betnote.on{opacity:1}#betresult{position:absolute;left:50%;top:16%;transform:translate(-50%);background:#060914d1;border:1px solid rgba(255,224,80,.4);padding:10px 14px;min-width:230px;font-size:13px;cursor:pointer}.br-title{letter-spacing:2px;color:#ffe050;margin-bottom:6px;text-align:center}.br-row{display:flex;gap:8px;align-items:center;padding:1px 0}.br-row.mine{color:#7dffa9}.br-row i{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.br-pay{text-align:center;margin-top:6px}.br-pay.won{color:#7dffa9}.br-next{text-align:center;opacity:.6;margin-top:4px;font-size:11px}#betrichlist{position:absolute;right:16px;top:64px;background:#060914d1;border:1px solid rgba(255,255,255,.25);padding:8px 10px;font-size:12px;min-width:170px}@media(max-width:900px){#bet{top:calc(56px + env(safe-area-inset-top));left:8px;min-width:0;max-width:52vw}#betrichlist{top:calc(56px + env(safe-area-inset-top));right:8px}}#bet,#betresult,#betrichlist{pointer-events:auto}#prof input{width:100%;font:inherit;font-size:13px;color:inherit;background:#ffffff0f;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:6px 9px;margin-bottom:8px}#pcolors{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.pswatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.pswatch.on{border-color:#ffe050;box-shadow:0 0 6px #ffe05099}#pstyles{display:flex;gap:6px}#pstyles button{flex:1;font:inherit;font-size:11px;letter-spacing:1px;color:inherit;background:#ffffff14;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:5px 4px;cursor:pointer}#pstyles button.on{background:#ffe05040;border-color:#ffe050}