html,body{margin:0;height:100%;background:#04030a;overflow:hidden;overscroll-behavior:none}body{font-family:system-ui,sans-serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#game{position:fixed;top:0;right:0;bottom:0;left:0;display:block}#touch{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none;display:none}.touch-on #touch{display:block}.stick-base{position:absolute;width:116px;height:116px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;border:2px solid rgba(139,92,246,.6);background:#8b5cf61a}.stick-base.aim{border-color:#22d3eea6;background:#22d3ee1a}.stick-base.idle{opacity:.35}.stick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;transform:translate(-50%,-50%);background:#8b5cf68c;box-shadow:0 0 14px #8b5cf6b3}.stick-knob.aim{background:#22d3ee8c;box-shadow:0 0 14px #22d3eeb3}.dash-btn{--cd: 0;position:absolute;right:3vw;top:18%;width:76px;height:76px;border-radius:50%;border:2px solid rgba(34,211,238,.8);color:#e0faff;font-weight:800;font-size:14px;background:conic-gradient(rgba(4,3,10,.75) calc(var(--cd) * 1turn),transparent 0),#22d3ee2e;box-shadow:0 0 16px #22d3ee66;touch-action:none}.ult-btn{--ult: 0;position:absolute;right:3vw;top:44%;width:76px;height:76px;border-radius:50%;border:2px solid rgba(251,191,36,.5);color:#fde68a;font-weight:800;font-size:14px;background:conic-gradient(#fbbf2459 calc(var(--ult) * 1turn),#04030a99 0);touch-action:none;opacity:.8}.ult-btn.ready{border-color:#fbbf24;opacity:1;box-shadow:0 0 22px #fbbf24cc;animation:pulse .8s infinite alternate}@keyframes pulse{to{transform:scale(1.08)}}#rotate{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#04030a;color:#e5e7eb;align-items:center;justify-content:center;font-size:20px;font-weight:700;text-align:center;padding:24px}@media(orientation:portrait){.touch-on #rotate{display:flex}}