.zorb-container{-webkit-user-select:none;user-select:none;width:100vw;height:100vh;color:var(--hud-ink);font-family:var(--hud-body);background:#64b5f6;position:relative;overflow:hidden}.zorb-container :is(button,a):focus-visible{outline:3px solid var(--hud-accent);outline-offset:3px}.zorb-canvas-wrapper{width:100%;height:100%;position:absolute;inset:0}.zorb-container .topbar{z-index:45;position:relative}.zorb-container .wordmark{background:var(--hud-card);border:1px solid var(--hud-edge);box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px;padding:6px 16px 6px 6px}.zorb-mark{background:var(--hud-accent);border-radius:12px;margin-right:3px;padding:8px;display:flex;transform:rotate(-7deg)}.zorb-container .wordmark .title-dot{color:var(--hud-accent-strong);margin-left:-6px}.zorb-hud-top{z-index:20;align-items:stretch;padding:8px;display:flex;position:absolute;top:88px;left:50%;transform:translate(-50%)}.zorb-hud-top.house-card{border-radius:18px}.zorb-team-score{font:700 13px/1 var(--hud-body);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:12px;padding:0 10px;display:flex}.zorb-team-score.red{color:var(--team-red-deep)}.zorb-team-score.blue{color:var(--team-blue-deep)}.zorb-score-num{min-width:52px;height:52px;font:600 32px/1 var(--hud-display);letter-spacing:0;border-radius:12px;place-items:center;padding:0 8px;display:grid}.zorb-team-score.red .zorb-score-num{background:var(--team-red-soft)}.zorb-team-score.blue .zorb-score-num{background:var(--team-blue-soft)}.zorb-timer-box{border-left:1px solid var(--hud-edge);border-right:1px solid var(--hud-edge);flex-direction:column;justify-content:center;align-items:center;gap:5px;margin:0 6px;padding:0 18px;display:flex}.zorb-timer{font:600 26px/1 var(--hud-display);color:var(--hud-ink)}.zorb-bonk-count{font:700 10.5px/1 var(--hud-body);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--hud-accent-ink);align-items:center;gap:4px;display:flex}.zorb-bonk-count svg{color:var(--hud-accent-strong)}.zorb-hud-bottom{z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.zorb-dock{align-items:center;gap:16px;padding:10px 16px 10px 18px;display:flex}.zorb-dash-container{flex-direction:column;gap:7px;display:flex}.zorb-dash-label{font:700 13px/1 var(--hud-body);white-space:nowrap;color:var(--hud-ink);align-items:center;gap:8px;display:flex}.zorb-dash-label svg{color:var(--hud-accent-strong)}.zorb-dash-label .zorb-dash-key{margin-left:auto}.zorb-dash-bar-bg{background:color-mix(in srgb, var(--hud-edge) 55%, transparent);border:1px solid var(--hud-edge);border-radius:999px;width:190px;height:10px;overflow:hidden}.zorb-dash-bar-fill{background:linear-gradient(90deg, var(--hud-accent), var(--hud-accent-strong));border-radius:999px;height:100%;transition:width 50ms ease-out}.zorb-dash-bar-fill.ready{background:var(--hud-good);animation:.45s ease-in-out infinite alternate zorb-dash-pulse}@keyframes zorb-dash-pulse{0%{filter:brightness()}to{filter:brightness(1.2)}}.zorb-dock-divider{background:var(--hud-edge);align-self:stretch;width:1px}.zorb-brace-badge{border-radius:var(--hud-radius-small);font:700 13px/1 var(--hud-body);white-space:nowrap;color:var(--hud-muted);align-items:center;gap:7px;padding:9px 12px;transition:background .15s,color .15s;display:flex}.zorb-brace-badge.active{background:color-mix(in srgb, var(--hud-accent) 55%, var(--hud-card-solid));box-shadow:inset 0 0 0 1px var(--hud-accent-strong);color:var(--hud-ink)}.zorb-controls-hint{background:color-mix(in srgb, var(--hud-card-solid) 72%, transparent);font:600 12px/1 var(--hud-body);color:var(--hud-muted);border-radius:999px;align-items:center;gap:4px;padding:5px 12px 5px 6px;display:flex}.zorb-hint-label{margin-left:5px}.zorb-turtle-banner{background:color-mix(in srgb, var(--hud-warn) 16%, var(--hud-card-solid));border:2px solid var(--hud-warn);border-radius:var(--hud-radius);max-width:calc(100% - 32px);box-shadow:var(--hud-shadow-strong);color:var(--hud-danger);font:600 26px/1.1 var(--hud-display);text-align:center;z-index:30;pointer-events:none;padding:12px 26px 13px;animation:.6s ease-in-out infinite alternate zorb-turtle-wobble;position:absolute;top:172px;left:50%;transform:translate(-50%)}.zorb-turtle-banner small{color:var(--hud-accent-ink);font:700 11.5px/1.35 var(--hud-body);letter-spacing:.06em;text-transform:uppercase;margin-top:5px;display:block}@keyframes zorb-turtle-wobble{0%{transform:translate(-50%)rotate(-1.5deg)}to{transform:translate(-50%)rotate(1.5deg)}}.zorb-goal-banner{background:color-mix(in srgb, var(--hud-accent) 70%, var(--hud-card-solid));border:2px solid var(--hud-accent-strong);max-width:calc(100% - 32px);box-shadow:0 5px 0 var(--hud-accent-strong), var(--hud-shadow-strong);color:var(--hud-ink);text-align:center;z-index:40;pointer-events:none;border-radius:22px;padding:22px 44px 24px;animation:.4s cubic-bezier(.175,.885,.32,1.275) zorb-goal-pop;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.zorb-goal-banner .zorb-goal-title{font:600 64px/1 var(--hud-display);letter-spacing:.02em;color:var(--hud-ink);filter:none;margin:0;display:block}.zorb-goal-subtitle{font:600 20px/1.2 var(--hud-display);margin-top:8px}.zorb-goal-turtle-badge{background:var(--hud-danger);color:var(--hud-card-solid);font:700 13px/1.2 var(--hud-body);letter-spacing:.04em;border-radius:999px;margin-top:12px;padding:6px 14px;animation:1s infinite pulse;display:inline-block}@keyframes zorb-goal-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.zorb-modal-overlay{background:color-mix(in srgb, var(--hud-ink) 32%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.zorb-modal{text-align:center;background:var(--hud-card-solid);border:1px solid var(--hud-edge);width:90%;max-width:430px;box-shadow:var(--hud-shadow-strong);color:var(--hud-ink);border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:30px;display:flex}.zorb-modal h2{font:600 34px/1.1 var(--hud-display);letter-spacing:-.5px;margin:0}.zorb-modal p{font:500 19px/1.35 var(--hud-display);margin:0}.zorb-stats-grid{border-top:1px solid var(--hud-edge);border-bottom:1px solid var(--hud-edge);grid-template-columns:1fr 1fr;width:100%;margin:4px 0 8px;padding:16px 0;display:grid}.zorb-stat-card{flex-direction:column;align-items:center;gap:7px;padding:0 8px;display:flex}.zorb-stat-card+.zorb-stat-card{border-left:1px solid var(--hud-edge)}.zorb-stat-card strong{font:600 30px/1 var(--hud-display);color:var(--hud-ink)}.zorb-stat-card span{color:var(--hud-muted);font:700 10.5px/1.3 var(--hud-body);letter-spacing:.12em;text-transform:uppercase}.zorb-modal .zorb-btn{cursor:pointer}.zorb-modal .primary-button svg{margin-left:0}.zorb-help{color:var(--hud-muted);flex-direction:column;gap:10px;margin:4px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.zorb-help li{align-items:center;gap:12px;display:flex}.zorb-help li>span{gap:4px;min-width:104px;display:inline-flex}.zorb-touch-controls{pointer-events:none;z-index:25;position:absolute;inset:0}.zorb-touch-stick{background:color-mix(in srgb, var(--hud-card-solid) 28%, transparent);border:2px solid color-mix(in srgb, var(--hud-card-solid) 72%, transparent);pointer-events:auto;touch-action:none;border-radius:50%;width:120px;height:120px;position:absolute;bottom:2rem;left:2rem}.zorb-touch-thumb{background:var(--hud-card-solid);border:1px solid var(--hud-edge);width:50px;height:50px;box-shadow:var(--hud-shadow-strong);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.zorb-touch-actions{pointer-events:auto;gap:1rem;display:flex;position:absolute;bottom:2rem;right:2rem}.zorb-touch-btn{width:72px;height:72px;color:var(--hud-ink);font:700 12px/1 var(--hud-body);letter-spacing:.06em;text-transform:uppercase;touch-action:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.zorb-touch-btn.dash{background:var(--hud-accent);border:1px solid var(--hud-accent-strong);box-shadow:0 4px 0 var(--hud-accent-strong), var(--hud-shadow)}.zorb-touch-btn.brace{background:var(--hud-card);border:1px solid var(--hud-edge-strong);box-shadow:0 4px 0 var(--hud-edge-strong), var(--hud-shadow)}.zorb-radar{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);z-index:20;pointer-events:none;flex-direction:column;align-items:center;padding:10px 12px 12px;display:flex;position:absolute;top:88px;right:24px}.zorb-radar-header{color:var(--hud-muted);font:700 10px/1.2 var(--hud-body);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}.zorb-radar-svg{display:block}.zorb-radar-pitch{fill:color-mix(in srgb, var(--hud-good) 72%, var(--hud-card-solid));stroke:var(--hud-card-solid);stroke-width:1.4px}.zorb-radar-line{stroke:color-mix(in srgb, var(--hud-card-solid) 70%, transparent);stroke-width:1.2px}.zorb-radar-center-dot{fill:var(--hud-card-solid)}.zorb-radar-box{fill:none;stroke-width:1.2px}.zorb-radar-box.blue{stroke:var(--team-blue-soft);fill:color-mix(in srgb, var(--team-blue) 35%, transparent)}.zorb-radar-box.red{stroke:var(--team-red-soft);fill:color-mix(in srgb, var(--team-red) 35%, transparent)}.zorb-radar-self-ring{fill:none;stroke:var(--hud-accent);stroke-width:1.6px;animation:1.3s ease-out infinite zorb-radar-pulse}@keyframes zorb-radar-pulse{0%{r:3.5;opacity:1}to{r:9;opacity:0}}.zorb-radar-player{stroke:var(--hud-card-solid);stroke-width:1.2px;transition:transform 50ms linear}.zorb-radar-player.red{fill:var(--team-red)}.zorb-radar-player.blue{fill:var(--team-blue)}.zorb-radar-player.self{stroke:var(--hud-accent);stroke-width:1.8px}.zorb-radar-player.turtle{animation:.3s infinite alternate zorb-radar-turtle-blink}@keyframes zorb-radar-turtle-blink{0%{opacity:.35;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}.zorb-radar-ball{fill:var(--hud-card-solid);stroke:var(--hud-accent-strong);stroke-width:1.5px;animation:.8s ease-in-out infinite alternate zorb-radar-ball-bob}@keyframes zorb-radar-ball-bob{0%{r:3.8}to{r:4.5}}@media (max-width:768px){.zorb-radar{display:none}.zorb-hud-top{padding:6px;top:72px}.zorb-team-score{gap:8px;padding:0 6px;font-size:11px}.zorb-score-num{min-width:40px;height:40px;font-size:24px}.zorb-timer-box{padding:0 12px}.zorb-timer{font-size:20px}.zorb-controls-hint{display:none}.zorb-turtle-banner{padding:10px 16px;font-size:20px;top:140px}.zorb-goal-banner{padding:18px 26px}.zorb-goal-banner .zorb-goal-title{font-size:44px}}@media (max-width:700px){.zorb-container .wordmark{padding:6px}}@media (max-width:640px){.zorb-container:has(.zorb-touch-controls) .zorb-hud-bottom{bottom:168px}.zorb-dock{gap:10px;padding:8px 10px 8px 12px}.zorb-dash-bar-bg{width:130px}.zorb-dash-label,.zorb-brace-badge{font-size:12px}.zorb-dock .zorb-dash-key{display:none}}