*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#071a1d;color:#ecfff4;font:14px system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:3px}button:disabled{cursor:wait;opacity:.55}#arena{position:absolute;inset:0}canvas{touch-action:none}header{position:absolute;top:22px;left:30px;pointer-events:none}header a{color:#8eb2a6;font-size:10px;letter-spacing:2px;text-decoration:none;pointer-events:auto}h1{font-size:32px;letter-spacing:-1.5px;margin:5px 0 2px}h1 span{color:#b8f46d}#subtitle{color:#8daaa3;font-size:12px}#hud{position:absolute;top:24px;right:30px;display:flex;gap:28px;text-align:right}small{display:block;font-size:10px;color:#8daaa3}#hud small{text-transform:uppercase;letter-spacing:1.4px}#hud strong{display:block;font-size:29px;font-variant-numeric:tabular-nums;font-weight:750}#hud div:first-child strong{color:#b8f46d}#motion{position:absolute;top:105px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;white-space:nowrap}#arrow{font-size:32px;color:#b8f46d}#motion b{font-size:12px;letter-spacing:1px}#motion small{margin-top:3px}#motion.warning #arrow,#motion.warning b{color:#ff986a}#leaderboard{position:absolute;bottom:88px;left:50%;transform:translateX(-50%);display:flex;gap:18px;font-size:11px;white-space:nowrap}#leaderboard b{color:#b8f46d;margin-left:5px}#notice{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(24px,6vw,68px);font-weight:900;text-shadow:0 4px 30px #000;pointer-events:none;text-align:center;color:white}footer{position:absolute;bottom:15px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}footer #hint{color:#97b6ac;font-size:11px}footer button,#dash,#pad button{color:#dcf7e9;border:1px solid #37544c;background:#112e2bee;border-radius:10px;padding:10px 14px}footer small{width:100%;font-size:10px}#sound.active{color:#b8f46d}#dash{position:absolute;right:25px;bottom:115px;border-color:#b8f46d;color:#b8f46d;font-weight:800}#pad{display:none;position:absolute;bottom:115px;left:25px;grid-template-columns:repeat(3,44px);gap:4px}#pad button{padding:10px;touch-action:none}#pad button:first-child{grid-column:2}#pad button:nth-child(2){grid-column:1}#overlay{position:absolute;inset:0;display:grid;place-items:center;background:#031415a6;backdrop-filter:blur(7px);padding:16px;overflow:auto}#overlay[hidden], [hidden]{display:none!important}.panel{width:min(420px,100%);padding:30px;background:linear-gradient(140deg,#163b35,#0b2427);border:1px solid #48735b;border-radius:25px;box-shadow:0 30px 120px #0008}.eyebrow{font-size:9px;letter-spacing:2.5px;color:#b8f46d;font-weight:800}h2{font-size:38px;letter-spacing:-1.8px;line-height:1.04;margin:16px 0}p{color:#b0cbbf;font-size:13px;line-height:1.6;margin:12px 0}.rules{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #335549;border-bottom:1px solid #335549;margin:15px 0;color:#b8f46d}.rules span:nth-child(2){color:#eab0ff}.rules span:last-child{color:#77c9f6}.rules b{margin-left:4px;font-size:12px}label{display:block;flex:1;min-width:0;margin:10px 0}label>span{display:block;color:#9dbdad;font-size:10px;letter-spacing:1px;margin-bottom:5px}input,select{width:100%;background:#092522;color:#f0fff5;border:1px solid #3a5b4b;padding:10px;border-radius:9px;outline:none}.row{display:flex;gap:12px}.primary,.secondary{width:100%;border:0;padding:14px;border-radius:11px;margin-top:10px;font-weight:800}.primary{background:#b8f46d;color:#18331c}.secondary{background:#26473e;color:#d6f1e3}#connection{font-size:11px;margin-bottom:8px}#best{color:#b8f46d}@media(pointer:coarse){#pad{display:grid}#hint{display:none}}@media(max-width:650px){header{left:16px;top:16px}header a{font-size:8px;letter-spacing:1px}header a span{display:none}h1{font-size:25px}#subtitle{font-size:10px;max-width:150px}#hud{right:16px;top:22px;gap:12px}#hud strong{font-size:22px}#hud small{font-size:8px;letter-spacing:0}#motion{top:90px}#leaderboard{bottom:235px;gap:9px;font-size:9px}footer{left:16px;right:16px;bottom:12px}footer button{padding:8px 10px;font-size:11px}footer small{max-width:100%;font-size:9px}#dash,#pad{bottom:110px}.panel{padding:23px}h2{font-size:32px}.panel p{font-size:12px}label{margin:7px 0}}@media(max-height:560px){#overlay{display:block}.panel{margin:auto}header{top:10px}h1{font-size:22px}#subtitle{display:none}#motion{top:15px}#hud{top:10px}#leaderboard{display:none}footer{bottom:5px}#pad,#dash{bottom:75px;opacity:.8}}

#setup:not([hidden]) ~ #backmenu{display:none}

@media(max-width:650px){#pad{display:grid}#hint{display:none}}

#pad,#dash{display:none!important}