.pi-pong.svelte-hw8wn{position:relative;width:100%;height:100%;min-height:0;outline:none;overflow:hidden}.pi-pong-shell.svelte-hw8wn{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;touch-action:none}.pi-pong.svelte-hw8wn:focus-visible{box-shadow:0 0 0 3px #38bdf8b3;border-radius:1rem}.pi-pong__board.svelte-hw8wn{position:relative;width:100%;height:100%;min-height:0;background:#0f172a;overflow:hidden;touch-action:none}.pi-pong__canvas.svelte-hw8wn{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.pi-pong__canvas.svelte-hw8wn canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;display:block!important;object-fit:fill!important;z-index:0!important}.pi-pong__center-score.svelte-hw8wn{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:5}.pi-pong__center-score-card.svelte-hw8wn{display:inline-flex;align-items:baseline;gap:.55rem;padding:.35rem .95rem;border-radius:999px;background:#0f172a59;border:1px solid rgba(148,163,184,.25)}.pi-pong__center-score-value.svelte-hw8wn{font-family:var(--font-display-family, "DM Sans", system-ui);font-size:clamp(1.8rem,6vw,3rem);font-weight:800;letter-spacing:.04em;line-height:1;color:#f8fafc;text-shadow:0 8px 20px rgba(15,23,42,.65)}.pi-pong__center-score-value.is-pulsing.svelte-hw8wn{animation:svelte-hw8wn-pi-pong-score-pulse .46s ease-out}.pi-pong__center-score-value--left.svelte-hw8wn{color:#f9a8d4}.pi-pong__center-score-value--right.svelte-hw8wn{color:#a5b4fc}.pi-pong__center-score-separator.svelte-hw8wn{font-size:clamp(1.2rem,4vw,2rem);font-weight:700;line-height:1;color:#e2e8f0cc}.pi-pong__message.svelte-hw8wn{position:absolute;left:50%;top:3.1rem;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display-family, "DM Sans", system-ui);font-weight:600;font-size:clamp(.82rem,2.1vw,1rem);color:#f8fafc;text-align:center;padding:.35rem .8rem;border-radius:999px;background:#0f172ac7;border:1px solid rgba(148,163,184,.28);z-index:8;pointer-events:none}.pi-pong__point-toast.svelte-hw8wn{position:absolute;left:50%;top:50%;transform:translate(-50%,-95%);font-family:var(--font-display-family, "DM Sans", system-ui);font-weight:700;font-size:clamp(.98rem,3vw,1.35rem);color:#f8fafc;padding:.45rem 1rem;border-radius:999px;background:#0f172ad6;border:1px solid rgba(96,165,250,.45);box-shadow:0 10px 26px #02061780;pointer-events:none;z-index:9;animation:svelte-hw8wn-pi-pong-toast-pop .42s ease-out}@keyframes svelte-hw8wn-pi-pong-score-pulse{0%{transform:scale(1);filter:brightness(1)}35%{transform:scale(1.26);filter:brightness(1.24)}to{transform:scale(1);filter:brightness(1)}}@keyframes svelte-hw8wn-pi-pong-toast-pop{0%{opacity:0;transform:translate(-50%,-78%) scale(.9)}to{opacity:1;transform:translate(-50%,-95%) scale(1)}}.pi-pong--paused.svelte-hw8wn .pi-pong__board:where(.svelte-hw8wn):after{content:"";position:absolute;inset:0;background:#0f172a59;pointer-events:none}.orientation-overlay.svelte-hw8wn{position:fixed;inset:0;z-index:35;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0f172a6b,#0f172a1f);padding:1.5rem;pointer-events:none}.orientation-card.svelte-hw8wn{max-width:420px;background:linear-gradient(135deg,#1e293bf2,#0f172afa);border:1px solid rgba(148,163,184,.2);border-radius:1.5rem;padding:2rem;text-align:center;box-shadow:0 20px 60px #0006;pointer-events:none}.orientation-icon.svelte-hw8wn{margin-bottom:1.5rem;color:#38bdf8;animation:svelte-hw8wn-rotate-hint 2s ease-in-out infinite}@keyframes svelte-hw8wn-rotate-hint{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}.orientation-title.svelte-hw8wn{font-size:1.5rem;font-weight:700;color:#f8fafc;margin-bottom:.75rem}.orientation-message.svelte-hw8wn{font-size:1rem;line-height:1.6;color:#cbd5e1;margin:0}