:root{color-scheme:dark;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;--accent: #ff5030;--cool: #7fd4ff}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:#eee;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,.9)}#stats{position:absolute;top:16px;left:18px;padding:8px 14px 10px 12px;border-left:2px solid var(--accent);background:#04060e9e}#speed{font-size:40px;font-weight:700;line-height:1;letter-spacing:-1px}#speed .unit{font-size:12px;font-weight:400;letter-spacing:1px;margin-left:6px;opacity:.6}#time{font-size:18px;margin-top:6px;opacity:.9}#checkpoints{font-size:12px;letter-spacing:1px;opacity:.7;margin-top:2px}#checkpoints.hit{animation:cphit .9s ease-out}@keyframes cphit{0%{color:var(--cool);opacity:1;text-shadow:0 0 10px var(--cool)}to{color:#eee;opacity:.7}}#pressbar{position:absolute;left:18px;bottom:20px;width:160px;height:6px;background:#ffffff1f}#pressfill{height:100%;width:100%;background:var(--accent);box-shadow:0 0 8px var(--accent);transform:scaleX(0);transform-origin:left}#pressbar span{position:absolute;left:0;bottom:10px;font-size:10px;letter-spacing:2px;opacity:.5}#help{position:absolute;right:18px;bottom:18px;font-size:12px;opacity:.55}#help b{color:#fff;font-weight:600}#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:3px;text-shadow:0 2px 10px #000}#subbanner{font-size:13px;letter-spacing:2px;margin-top:6px;opacity:.7}#center.big #banner{font-size:54px;color:#ffe050;text-shadow:0 0 18px rgba(255,224,80,.55),0 2px 10px #000}#center.big{animation:popin .35s cubic-bezier(.2,1.4,.4,1)}#center.count #banner{font-size:72px;color:#fff;text-shadow:0 0 22px rgba(127,212,255,.7),0 2px 10px #000}#center.flash{animation:fadeout 1.4s ease-out forwards}@keyframes popin{0%{transform:translate(-50%) scale(.7);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes fadeout{0%{opacity:0;transform:translate(-50%) translateY(6px)}10%{opacity:1;transform:translate(-50%) translateY(0)}70%{opacity:1}to{opacity:0}}#topright{position:absolute;top:16px;right:18px;display:flex;gap:8px;align-items:flex-start;pointer-events:auto}#topright select{font:inherit;font-size:13px;background:#0000008c;color:#eee;border:1px solid rgba(255,255,255,.25);border-radius:0;padding:5px 8px;cursor:pointer}#topright select:hover{border-color:var(--cool)}#info{position:relative}#infobtn{font:inherit;font-size:13px;background:#0000008c;color:#eee;border:1px solid rgba(255,255,255,.25);border-radius:0;padding:5px 10px;cursor:pointer}#infobtn:hover,#info.open #infobtn{border-color:var(--cool);color:var(--cool)}#infopanel{position:absolute;top:calc(100% + 8px);right:0;width:250px;background:#000000b8;border:1px solid rgba(255,255,255,.25);padding:12px 14px;font-size:12px;line-height:1.5;opacity:0;visibility:hidden;transform:translateY(-8px);transition:transform .18s ease,opacity .18s ease,visibility .18s}#info.open #infopanel{opacity:1;visibility:visible;transform:translateY(0)}#infopanel .title{font-size:13px;font-weight:700;letter-spacing:2px;margin-bottom:6px}#infopanel ul{margin:6px 0;padding-left:16px}#infopanel a{color:var(--cool);text-decoration:none;font-weight:700}#infopanel a:hover{text-decoration:underline}#modebtn{font:inherit;font-size:13px;background:#0000008c;color:#eee;border:1px solid rgba(255,255,255,.25);border-radius:0;padding:5px 10px;cursor:pointer}#modebtn:hover{border-color:var(--cool);color:var(--cool)}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:16px;top:64px;background:#0000008c;border:1px solid rgba(255,255,255,.25);padding:8px 10px;font-size:12px;min-width:170px}#boardtitle{font-weight:700;letter-spacing:2px;margin-bottom:4px;color:#ffe050}.brow{display:flex;align-items:center;gap:6px;line-height:1.6;color:#ccc}.brow.fol{color:#fff}.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:#ffe050}#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(95,220,255,.6);background:#03091861;left:calc(var(--tx) - var(--tr));top:calc(var(--ty) - var(--tr));transition:opacity .15s ease;pointer-events:none}#thold{border-color:#c2a0ffd9;border-width:2.5px}#thold.on{background:#c2a0ff57}#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:#5fdcffa6;transform:translate(var(--tkx, 0px))}.tlabel{position:absolute;left:0;right:0;text-align:center;font-size:12px;letter-spacing:2px;color:#5fdcffe6}#tsteer .tlabel{bottom:calc(100% + 6px)}#thold .tlabel{bottom:auto;top:calc(50% - 10px);color:#c2a0fff2}#tretry{position:absolute;right:calc(16px + env(safe-area-inset-right));top:120px;font:inherit;font-size:13px;letter-spacing:1px;min-width:74px;min-height:44px;background:#030918cc;color:#95dcff;border:1px solid rgba(95,220,255,.5);border-radius:12px;cursor:pointer;pointer-events:auto}#rotate{display:none}@media(orientation:portrait){body.touch #rotate{display:flex;position:fixed;inset:0;z-index:50;align-items:center;justify-content:center;background:#02040ceb;color:#eee;font-size:16px;letter-spacing:2px}}#stats{padding:env(safe-area-inset-top) 0 0 env(safe-area-inset-left)}#board{margin-top:env(safe-area-inset-top)}#help{right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom))}#topright{top:calc(16px + env(safe-area-inset-top));right:calc(18px + env(safe-area-inset-right))}body.touch #help,body.touch #pressbar{display:none}#modebtn,#infobtn,#topright select{min-height:34px}body.touch #modebtn,body.touch #infobtn,body.touch #topright select{min-height:44px}@media(max-width:900px){#speed{font-size:22px}#time{font-size:14px}#board{font-size:11px;min-width:140px;left:calc(10px + env(safe-area-inset-left))}#topright{gap:6px}}#hud.loading>:not(#loading){visibility:hidden}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#000000e0;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}#loading.on{opacity:1;visibility:visible}#loadtitle{font-size:34px;font-weight:800;letter-spacing:8px;color:var(--accent);text-shadow:0 0 16px rgba(255,80,48,.5)}#loadbar{width:240px;height:3px;background:#ffffff26}#loadfill{height:100%;width:0%;background:var(--cool);box-shadow:0 0 8px var(--cool)}#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:12px;letter-spacing:1px;opacity:.7}body.mp-room #level,body.mp-room #modebtn{display:none}#mp{position:relative}#mpbtn,#mppanel button,#mppanel input{font:inherit;font-size:13px;background:#0000008c;color:#eee;border:1px solid rgba(255,255,255,.25);border-radius:0;padding:5px 10px}#mpbtn,#mppanel button{cursor:pointer}#mpbtn:hover,#mp.open #mpbtn,#mppanel button:hover{border-color:var(--cool);color:var(--cool)}#mppanel{position:absolute;top:calc(100% + 8px);right:0;width:250px;background:#000000b8;border:1px solid rgba(255,255,255,.25);padding:12px 14px;font-size:12px;line-height:1.5;display:none}#mp.open #mppanel{display:block}#mppanel .title,#results .title{font-size:13px;font-weight:700;letter-spacing:2px;margin-bottom:8px}#mpform,#mproom{display:flex;flex-direction:column;gap:6px}#mpform[hidden],#mproom[hidden]{display:none}#mppanel .row{display:flex;gap:6px}#mppanel .row>*{flex:1;min-width:0}#mpcode{text-transform:uppercase;letter-spacing:2px}#mpstate{opacity:.7}#mpplayers{margin:2px 0;padding-left:18px}#mpmsg{margin-top:6px;color:var(--accent)}#mpmsg:empty{display:none}#tags{position:absolute;inset:0;overflow:hidden}.tag{position:absolute;left:0;top:0;padding:1px 6px;font-size:11px;letter-spacing:1px;white-space:nowrap;background:#0000008c;border-left:2px solid var(--cool)}#results{position:absolute;left:50%;top:44%;transform:translate(-50%);min-width:280px;padding:14px 18px;background:#04060ed1;border-top:2px solid #ffe050}#results[hidden]{display:none}#results table{width:100%;border-collapse:collapse;font-size:14px}#results td{padding:3px 8px}#results td:first-child{width:2em;color:#ffe050;font-weight:700}#results td:last-child{text-align:right}#results tr.me{color:var(--cool)}#results .sub{margin-top:8px;font-size:11px;opacity:.6}