.bungee-game{height:100dvh;min-height:600px;color:var(--hud-ink);font-family:var(--hud-body);-webkit-user-select:none;user-select:none;background:#6eaee0;position:relative;overflow:hidden}.bungee-game :is(button,a):focus-visible{outline:3px solid var(--hud-accent);outline-offset:3px}.bungee-canvas{position:absolute;inset:0}.bungee-canvas canvas{touch-action:none;width:100%;height:100%;display:block}.bungee-topbar{z-index:30;pointer-events:none;position:absolute;top:0;left:0;right:0}.bungee-topbar>*{pointer-events:auto}.bungee-topbar .wordmark{color:var(--hud-ink)}.bungee-topbar .wordmark .title-dot{color:var(--team-red);margin-left:-6px}.bungee-mark{background:var(--hud-accent);border-radius:13px;margin-right:3px;padding:9px;display:flex;transform:rotate(-7deg)}.bungee-hud{z-index:10;pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute;top:88px;left:50%;transform:translate(-50%)}.bungee-team-score{background:var(--hud-card);border:1px solid var(--hud-edge);border-radius:var(--hud-radius);min-width:150px;box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;align-items:center;gap:12px;padding:9px 16px;transition:background-color .2s,border-color .2s;display:flex}.bungee-team-score.blue{justify-content:flex-end}.bungee-team-score.serving{background:color-mix(in srgb, var(--hud-card-strong) 70%, var(--hud-card));border-color:var(--hud-accent)}.bungee-serve-indicator{background:var(--hud-accent);width:9px;height:9px;box-shadow:0 0 0 4px color-mix(in srgb, var(--hud-accent) 25%, transparent);border-radius:50%;flex:none;animation:1s infinite alternate serve-pulse}@keyframes serve-pulse{0%{opacity:.8;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}.bungee-score-val{font:600 34px/1 var(--hud-display)}.bungee-team-score.red .bungee-score-val,.bungee-team-score.red .bungee-score-meta>span:first-child{color:var(--team-red-deep)}.bungee-team-score.blue .bungee-score-val,.bungee-team-score.blue .bungee-score-meta>span:first-child{color:var(--team-blue-deep)}.bungee-score-meta{color:var(--hud-muted);font:700 11px/1.2 var(--hud-body);letter-spacing:.14em;text-transform:uppercase;flex-direction:column;gap:3px;display:flex}.bungee-center-badge{background:var(--hud-card-solid);border:1px solid var(--hud-edge-strong);border-radius:var(--hud-radius);min-width:78px;box-shadow:var(--hud-shadow);flex-direction:column;align-items:center;gap:2px;padding:7px 16px;display:flex}.bungee-center-label{color:var(--hud-muted);font:700 10px/1.2 var(--hud-body);letter-spacing:.14em}.bungee-rally-val{color:var(--hud-ink);font:600 26px/1.05 var(--hud-display)}.bungee-rally-streak{color:var(--hud-warn);white-space:nowrap;font:700 9px/1.2 var(--hud-body);letter-spacing:.1em;animation:.4s infinite alternate pulse-danger}.bungee-tension-card{z-index:10;background:var(--hud-card);border:1px solid var(--hud-edge);border-radius:var(--hud-radius);box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;flex-direction:column;align-items:center;gap:6px;padding:8px 16px 9px;transition:background-color .2s,border-color .2s;display:flex;position:absolute;top:164px;left:50%;transform:translate(-50%)}.bungee-tension-card.danger{background:color-mix(in srgb, var(--hud-danger) 10%, var(--hud-card-solid));border-color:var(--hud-danger)}.bungee-tension-header{align-items:center;gap:6px;display:flex}.bungee-zap-icon{color:var(--hud-accent-strong)}.bungee-tension-card.danger .bungee-zap-icon{color:var(--hud-danger)}.bungee-tension-title{color:var(--hud-muted);font:700 11px/1.2 var(--hud-body);letter-spacing:.14em}.bungee-tension-pct{color:var(--hud-ink);font:600 14px/1 var(--hud-display)}.bungee-tension-bar{background:color-mix(in srgb, var(--hud-edge) 70%, var(--hud-card-solid));border-radius:999px;width:150px;height:7px;overflow:hidden}.bungee-tension-fill{border-radius:inherit;width:0%;height:100%;transition:width 80ms ease-out,background-color .2s}.bungee-tension-fill.safe{background:var(--hud-good)}.bungee-tension-fill.warning{background:var(--hud-warn)}.bungee-tension-fill.danger{background:var(--hud-danger);animation:.3s infinite alternate pulse-danger}.bungee-tension-hint{color:var(--hud-accent-ink);font:700 9.5px/1.2 var(--hud-body);letter-spacing:.1em;animation:.35s infinite alternate pulse-danger}.bungee-tension-card.danger .bungee-tension-hint{color:var(--hud-danger)}@keyframes pulse-danger{0%{opacity:.7}to{opacity:1}}.bungee-banner{z-index:25;background:var(--hud-card-solid);border:1px solid var(--hud-edge);box-shadow:var(--hud-shadow-strong);text-align:center;pointer-events:auto;border-radius:20px;flex-direction:column;align-items:center;padding:20px 36px;animation:.32s cubic-bezier(.175,.885,.32,1.25) banner-pop;display:flex;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)}.bungee-banner-pill{background:var(--hud-card-strong);border:1px solid color-mix(in srgb, var(--hud-accent) 55%, transparent);color:var(--hud-accent-ink);font:700 10px/1.2 var(--hud-body);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;margin-bottom:8px;padding:4px 10px}.bungee-banner h2{color:var(--hud-ink);font:600 38px/1.1 var(--hud-display);margin:0}.bungee-banner p{color:var(--hud-muted);margin:6px 0 0;font-size:15px;font-weight:600}.bungee-banner.win{z-index:26;width:min(430px,100% - 32px);top:52%}.bungee-banner.win .dialog-emblem{background:var(--hud-card-strong);border-color:color-mix(in srgb, var(--hud-accent) 55%, transparent);color:var(--hud-accent-ink)}.bungee-banner.win h2{font-size:34px;font-weight:500}.bungee-banner.win p{margin:0 0 4px;font-weight:500}@keyframes banner-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.bungee-dock{z-index:10;background:var(--hud-card);border:1px solid var(--hud-edge);border-radius:var(--hud-radius);box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;gap:5px;padding:7px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.bungee-dock .bungee-btn{border-radius:var(--hud-radius-small);color:var(--hud-ink);font:600 13px/1.2 var(--hud-body);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:7px;padding:11px 13px;transition:background-color .15s,transform .1s;display:flex}.bungee-dock .bungee-btn:hover{background:color-mix(in srgb, var(--hud-edge) 45%, transparent)}.bungee-dock .bungee-btn:active{transform:translateY(1px)}.bungee-dock .bungee-btn svg{color:var(--hud-muted)}.bungee-dock .bungee-btn.primary{background:var(--hud-accent);border-color:var(--hud-accent-strong)}.bungee-dock .bungee-btn.primary:hover{background:color-mix(in srgb, var(--hud-accent) 78%, var(--hud-card-solid))}.bungee-dock .bungee-btn.primary svg{color:var(--hud-ink)}.bungee-dock .bungee-btn.smash-btn{background:var(--hud-danger);border-color:var(--hud-danger);color:var(--hud-card-solid)}.bungee-dock .bungee-btn.smash-btn:hover{background:color-mix(in srgb, var(--hud-danger) 85%, var(--hud-card-solid))}.bungee-dock .bungee-btn.smash-btn svg{color:currentColor}.bungee-dock .bungee-btn.primary .house-key{background:color-mix(in srgb, var(--hud-card-solid) 45%, transparent);border-color:color-mix(in srgb, var(--hud-accent-ink) 35%, transparent);color:var(--hud-accent-ink)}.bungee-dock .bungee-btn.smash-btn .house-key{background:color-mix(in srgb, var(--hud-card-solid) 18%, transparent);border-color:color-mix(in srgb, var(--hud-card-solid) 45%, transparent);color:var(--hud-card-solid)}.bungee-banner .bungee-btn.primary{cursor:pointer}.bungee-touch-controls{z-index:15;flex-direction:column;gap:14px;display:flex;position:absolute;bottom:24px;right:24px}.bungee-action-circle{border:1px solid var(--hud-edge);background:var(--hud-card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:62px;height:62px;box-shadow:var(--hud-shadow);color:var(--hud-ink);font:700 13px/1 var(--hud-body);letter-spacing:.06em;cursor:pointer;touch-action:manipulation;border-radius:50%;justify-content:center;align-items:center;transition:transform .1s;display:flex}.bungee-action-circle:active{transform:scale(.92)}.bungee-action-circle.hit{background:var(--hud-accent);border-color:var(--hud-accent-strong);box-shadow:0 3px 0 var(--hud-accent-ink), var(--hud-shadow)}.bungee-action-circle.smash{background:var(--hud-danger);border-color:var(--hud-danger);color:var(--hud-card-solid)}.bungee-action-circle.dive{background:var(--hud-card-strong);border-color:var(--hud-accent);color:var(--hud-accent-ink)}.bungee-action-circle.cam{color:var(--hud-muted);font-size:12px}.bungee-camera-hint{z-index:10;background:color-mix(in srgb, var(--hud-card-solid) 72%, transparent);color:var(--hud-muted);font:500 12px/1.2 var(--hud-body);white-space:nowrap;pointer-events:none;border-radius:999px;align-items:center;gap:7px;padding:4px 12px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.bungee-camera-hint .house-key{min-width:19px;height:19px;font-size:10px}@media (max-width:860px){.bungee-hud{top:72px}.bungee-tension-card{top:148px}.bungee-dock{flex-wrap:wrap;justify-content:center;width:max-content;max-width:min(94%,520px);bottom:38px}.bungee-dock .bungee-btn{padding:9px 10px;font-size:12px}.bungee-dock .bungee-kbd{display:none}}@media (max-width:560px){.bungee-hud{gap:6px}.bungee-team-score{gap:8px;min-width:0;padding:7px 10px}.bungee-score-val{font-size:26px}.bungee-score-meta{font-size:9px}.bungee-center-badge{min-width:0;padding:6px 10px}.bungee-rally-val{font-size:21px}.bungee-tension-card{top:142px}.bungee-touch-controls{gap:10px;bottom:200px;right:14px}.bungee-action-circle{width:54px;height:54px;font-size:12px}.bungee-banner{max-width:calc(100% - 32px);padding:16px 22px}.bungee-banner h2{font-size:28px}}