:root{--team-red: #ff3b30;--team-red-dim: #b3211a;--team-blue: #3d7bff;--team-blue-dim: #1c47b8;--hud-cream: #ece5d6}body{margin:0;overflow:hidden;background-color:#03050a;color:#e2e8f0;font-family:Nunito,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}#game-container{position:fixed!important;left:0!important;right:0!important;top:0!important;bottom:0!important;width:100vw!important;height:100vh!important;z-index:1;background:#03050a;--panel-width: 0px !important}#ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:10px 18px;box-sizing:border-box}.interactive-ui{pointer-events:auto}body.is-portrait #ui-layer,body.is-portrait #touch-controls-layer,body.is-portrait #message-box,body.is-portrait #loading{display:none!important}.top-hud-bar{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:12px}.hud-side{display:flex;align-items:baseline;gap:clamp(14px,4vw,54px);font-family:Barlow Condensed,Nunito,sans-serif;font-style:italic;font-weight:800;font-size:clamp(1.05rem,3.1vw,2.1rem);letter-spacing:.06em;line-height:1;white-space:nowrap}.hud-side.red-side{color:var(--team-red);text-shadow:0 0 18px rgba(255,59,48,.35),0 2px 6px rgba(0,0,0,.9)}.hud-side.blue-side{color:var(--team-blue);text-shadow:0 0 18px rgba(61,123,255,.35),0 2px 6px rgba(0,0,0,.9)}.hud-stat b{font-weight:900;font-size:1.06em}.hud-timer{font-family:Barlow Condensed,Nunito,sans-serif;font-style:italic;font-weight:900;font-size:clamp(1.6rem,5vw,3.2rem);line-height:1;letter-spacing:.02em;color:var(--hud-cream);text-shadow:0 3px 10px rgba(0,0,0,.95),0 0 26px rgba(236,229,214,.18);padding-top:2px}.reset-cam-btn{align-self:center;margin-bottom:4px;background:#080c14b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffb3;border:1px solid rgba(255,255,255,.14);padding:4px 12px;border-radius:999px;font-size:.7rem;font-weight:800;font-family:Nunito,sans-serif;cursor:pointer;pointer-events:auto;box-shadow:0 4px 14px #00000080;transition:transform .15s,background .15s}.reset-cam-btn:active{transform:scale(.94);background:#0f172af2}#message-box{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;text-align:center;min-width:320px;padding:28px 40px;border-radius:18px;background:linear-gradient(180deg,#0e1420f0,#04070cf5);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 70px #000000bf,inset 0 1px #ffffff0f;pointer-events:auto}#message-title{font-family:Barlow Condensed,sans-serif;font-style:italic;font-weight:900;font-size:clamp(2.4rem,8vw,4rem);letter-spacing:.03em;margin:0 0 6px;color:var(--hud-cream);-webkit-text-stroke:0!important;text-shadow:0 4px 20px rgba(0,0,0,.8)}#message-text{font-family:Barlow Condensed,sans-serif;font-style:italic;font-weight:800;font-size:clamp(1.1rem,3.5vw,1.6rem);letter-spacing:.08em;margin:0 0 20px;color:#cbd5e1}#message-text.for-red{color:var(--team-red)}#message-text.for-blue{color:var(--team-blue)}#message-btn{font-family:Barlow Condensed,sans-serif;font-style:italic;font-weight:900;font-size:1.15rem;letter-spacing:.1em;color:#05070c;background:var(--hud-cream);border:none;padding:11px 34px;border-radius:999px;cursor:pointer;box-shadow:0 8px 24px #0009;transition:transform .12s,box-shadow .12s}#message-btn:active{transform:translateY(3px);box-shadow:0 3px 10px #0009}#loading{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0d1a28,#03050a 70%);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;color:var(--hud-cream)}.loading-label{font-family:Barlow Condensed,sans-serif;font-style:italic;font-weight:800;font-size:1.4rem;letter-spacing:.18em;opacity:.8}.bouncing-ball{width:34px;height:34px;background:radial-gradient(circle at 32% 30%,#fff,#e2e2de 55%,#a9a9a4);border-radius:50%;margin-bottom:26px;animation:bounce .5s alternate infinite cubic-bezier(.5,0,1,.5);box-shadow:0 0 24px #ffffff40}@keyframes bounce{0%{transform:translateY(0) scale(1.1,.9)}to{transform:translateY(-40px) scale(.9,1.1)}}#touch-controls-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}.slider-track{position:absolute;background:#ffffff12;border:1.5px solid rgba(255,255,255,.22);border-radius:40px;pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff14;z-index:51}.slider-track.vertical{top:55%;left:15px;transform:translateY(-50%);width:34px;height:45%}.slider-track.horizontal{bottom:20px;right:20px;width:35%;height:34px}.slider-thumb{position:absolute;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#ff7a70 0%,var(--team-red) 55%,var(--team-red-dim) 100%);border:2px solid rgba(255,255,255,.85);box-shadow:0 6px 16px #0009,0 0 18px #ff3b3059;pointer-events:none;transition:box-shadow .1s,transform .1s}.slider-track.vertical .slider-thumb{left:50%;top:50%;transform:translate(-50%,-50%)}.slider-track.horizontal .slider-thumb{top:50%;left:50%;transform:translate(-50%,-50%)}.slider-thumb.active{border-color:#fff;box-shadow:0 6px 18px #0009,0 0 30px #ff3b30b3;transform:translate(-50%,-50%) scale(1.15)}.paddle-hint{position:absolute;bottom:64px;right:20px;font-family:Barlow Condensed,sans-serif;font-style:italic;font-size:.9rem;font-weight:700;letter-spacing:.06em;color:#ffffffa6;text-shadow:0 2px 6px rgba(0,0,0,.9);text-align:right;pointer-events:none;white-space:nowrap;background:#03050a73;padding:5px 14px;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-info-section{display:none!important}