:root{--sunny: #f2d022;--sunny-soft: #ffe98a;--chili: #e8402d;--chili-soft: #ff8f7a;--ink: #0d1b24;--glass: rgba(8, 22, 32, .55);--panel-width: 0px !important}body{margin:0;overflow:hidden;background:#7fc4e8;color:#fff;font-family:Nunito,system-ui,sans-serif;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}h1,h2,h3,.title-font{font-family:Fredoka One,cursive;font-weight:400}#game-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:1;background:#7fc4e8}#game-container canvas{image-rendering:auto;display:block}#ui-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));box-sizing:border-box}.hud-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:100%}.telemetry{display:flex;flex-direction:column;gap:6px;min-width:108px}.tele-box{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:5px 10px;line-height:1.15;box-shadow:0 6px 18px #00000038}.tele-label{display:block;font-size:.55rem;letter-spacing:1.6px;font-weight:900;color:#ffffff8c}.tele-value{font-size:.72rem;font-weight:800;color:#eaf6ff}.tele-value b{font-size:1.02rem;font-family:Fredoka One,cursive;color:#fff}#rally-counter{opacity:0;transform:translateY(-4px);transition:opacity .25s,transform .25s,background-color .3s,border-color .3s}#rally-counter.visible{opacity:1;transform:none;background-color:#4caf50a6;border-color:#78c88266}@keyframes blink-orange-bg{0%,to{background-color:#ff8c5ad9;border-color:#ffb057e6;box-shadow:0 0 24px #ff783cb3}50%{background-color:#4caf50a6;border-color:#78c88266;box-shadow:0 6px 18px #00000038}}@keyframes blink-red-bg{0%,to{background-color:#e8402dd9;border-color:#ff8f7ae6;box-shadow:0 0 24px #e8402db3}50%{background-color:#4caf50a6;border-color:#78c88266;box-shadow:0 6px 18px #00000038}}#rally-counter.hot{animation:blink-orange-bg .6s infinite}#rally-counter.danger{animation:blink-red-bg .35s infinite}.scoreboard{display:flex;align-items:center;gap:10px;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:6px 14px;box-shadow:0 10px 28px #0000004d}.team{display:flex;align-items:center;gap:8px}.team-info{display:flex;flex-direction:column;line-height:1.05}.team-2 .team-info{align-items:flex-end}.team-name{font-family:Fredoka One,cursive;font-size:.82rem;letter-spacing:1px}.team-1 .team-name{color:var(--sunny);text-shadow:0 0 12px rgba(242,208,34,.4)}.team-2 .team-name{color:var(--chili-soft);text-shadow:0 0 12px rgba(232,64,45,.4)}.sets{font-size:.55rem;font-weight:900;letter-spacing:1.2px;color:#ffffff80}.sets b{color:#fff;font-size:.68rem}.score{font-family:Fredoka One,cursive;font-size:2.05rem;line-height:1;min-width:1.4em;text-align:center;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.35)}.score.pop{animation:score-pop .5s cubic-bezier(.2,1.4,.4,1)}@keyframes score-pop{0%{transform:scale(1)}35%{transform:scale(1.55);color:#fff3b0}to{transform:scale(1)}}.vs{font-size:.6rem;font-weight:900;letter-spacing:2px;color:#ffffff59}.serve-arrow{font-size:.62rem;color:#ffffff29;transition:color .2s,text-shadow .2s,transform .2s}.serve-arrow.active{color:#7bd88f;text-shadow:0 0 12px rgba(123,216,143,.9);transform:scale(1.5)}.toolbar{display:flex;align-items:center;gap:6px;pointer-events:auto}.tool-btn{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:12px;padding:7px 9px;font-size:.85rem;font-family:Nunito,sans-serif;font-weight:900;cursor:pointer;box-shadow:0 6px 16px #00000040;transition:transform .12s,background .12s}.tool-btn.wide{font-size:.62rem;letter-spacing:.6px;padding:8px 12px}.tool-btn:active{transform:scale(.93);background:#081620cc}.tool-btn.muted{opacity:.55}#banner{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%) scale(.86);text-align:center;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .28s cubic-bezier(.2,1.3,.4,1)}#banner.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}#banner h2{margin:0;font-size:clamp(1.9rem,6vw,3.4rem);color:#fff;letter-spacing:1px;text-shadow:0 4px 0 rgba(0,0,0,.28),0 0 34px rgba(255,226,130,.55)}#banner p{margin:4px 0 0;font-size:clamp(.85rem,2.4vw,1.15rem);font-weight:900;color:var(--sunny-soft);text-shadow:0 2px 6px rgba(0,0,0,.5)}#banner span{display:inline-block;margin-top:8px;padding:4px 12px;border-radius:999px;background:#08162080;font-size:.68rem;font-weight:800;letter-spacing:1.4px;color:#fffc}#touch-controls{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;display:none}@media(pointer:coarse),(hover:none){#touch-controls{display:flex}}body.has-touch #touch-controls{display:flex}.touch-zone{position:absolute;top:0;bottom:0;pointer-events:auto;touch-action:none;display:flex;align-items:flex-end;padding:max(16px,env(safe-area-inset-bottom)) 20px;box-sizing:border-box}.touch-zone.move-zone{left:0;width:50%;justify-content:space-around;background:linear-gradient(to right,rgba(255,255,255,.04),transparent)}.touch-zone.jump-zone{right:0;width:50%;justify-content:center;background:linear-gradient(to left,rgba(47,143,224,.06),transparent)}.v-joy-base,.v-jump-btn{position:fixed;top:0;left:0;pointer-events:none;border-radius:50%;background:#0c1e2a73;border:2px solid rgba(255,255,255,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px #0000004d;opacity:0;transition:opacity .15s ease,background .08s ease,border-color .08s ease;transform:translate(-50%,-50%) scale(.8);will-change:transform,opacity}.v-joy-base.active,.v-jump-btn.active{opacity:1;transform:translate(-50%,-50%) scale(1)}.v-joy-base{width:120px;height:120px}.v-joy-knob{position:absolute;top:50%;left:50%;width:50px;height:50px;border-radius:50%;background:#ffffffd9;box-shadow:0 4px 12px #0006;transform:translate(-50%,-50%);pointer-events:none}.v-jump-btn{width:100px;height:100px;background:#2f8fe073;border-color:#b4e1ffbf}.v-jump-btn.pressed{background:#ffffffa6!important;border-color:#fff!important;transform:translate(-50%,-50%) scale(.92)}.v-jump-btn.smash-ready{border-color:#f2d022;box-shadow:0 0 16px #f2d02299}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;background:linear-gradient(180deg,#2f8fe0,#8fc9ef 48%,#e8d5a8);transition:opacity .4s ease}.loader-sun{position:absolute;top:12%;right:16%;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,#fff8d8,#ffdf6e 55%,#ffdf6e00 72%);animation:sun-pulse 3s ease-in-out infinite}@keyframes sun-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.12);opacity:1}}.loader-ball{width:56px;height:56px;border-radius:50%;background:linear-gradient(115deg,transparent 44%,rgba(60,55,48,.55) 45%,rgba(60,55,48,.55) 47%,transparent 48%),radial-gradient(circle at 34% 30%,#fff,#f2ede0 55%,#cfc6b2);box-shadow:inset -6px -8px 14px #0000002e,0 12px 22px #00000040;animation:ball-bounce .62s cubic-bezier(.5,0,1,.5) alternate infinite}@keyframes ball-bounce{0%{transform:translateY(0) scale(1.08,.92)}to{transform:translateY(-58px) scale(.94,1.06) rotate(160deg)}}.loader-waves{display:flex;gap:6px}.loader-waves span{width:26px;height:5px;border-radius:4px;background:#ffffffbf;animation:wave 1.1s ease-in-out infinite}.loader-waves span:nth-child(2){animation-delay:.16s}.loader-waves span:nth-child(3){animation-delay:.32s}@keyframes wave{0%,to{transform:scaleX(.6);opacity:.5}50%{transform:scaleX(1);opacity:1}}.loader-text{color:#0d3b52;font-size:1.15rem;letter-spacing:.5px;text-shadow:0 2px 0 rgba(255,255,255,.35)}.game-info-section{display:none!important}@media(max-height:430px){.score{font-size:1.6rem}.team-name{font-size:.7rem}.tool-btn.wide{font-size:.55rem;padding:6px 8px}.pad-btn{width:56px;height:56px}}