.pi-pong.svelte-hw8wn{position:relative;width:min(100%,960px);margin:0 auto;display:flex;flex-direction:column;gap:1.25rem;padding:clamp(.5rem,2vw,1.5rem);outline: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%;border-radius:clamp(1rem,3vw,1.75rem);background:radial-gradient(circle at 50% 20%,#38bdf826,#0f172ad9);overflow:hidden;display:flex;align-items:center;justify-content:center}.pi-pong__center-line.svelte-hw8wn{position:absolute;inset:0;width:100%;background-image:linear-gradient(90deg,transparent 49%,rgba(148,163,184,.35) 50%,transparent 51%);background-size:8px 100%;pointer-events:none}.pi-pong__scoreboard.svelte-hw8wn{position:absolute;top:clamp(.75rem,2.5vw,1.5rem);left:50%;transform:translate(-50%);display:flex;gap:clamp(.5rem,3vw,1.5rem);font-family:var(--font-display-family, "DM Sans", system-ui);font-weight:700;font-size:clamp(1.5rem,4vw,2.75rem);color:#f8fafc;text-shadow:0 4px 12px rgba(14,116,144,.4);z-index:4}.pi-pong__score.svelte-hw8wn{min-width:2.5ch;text-align:center}.pi-pong__divider.svelte-hw8wn{opacity:.6}.pi-pong__label.svelte-hw8wn{position:absolute;top:clamp(2.5rem,6vw,4.25rem);font-size:clamp(.75rem,2vw,1.1rem);letter-spacing:.08em;text-transform:uppercase;color:#e2e8f0d9;font-weight:600;text-shadow:0 2px 10px rgba(15,23,42,.6);z-index:4}.pi-pong__label--left.svelte-hw8wn{left:clamp(1rem,4vw,2rem)}.pi-pong__label--right.svelte-hw8wn{right:clamp(1rem,4vw,2rem)}.pi-pong__paddle.svelte-hw8wn{position:absolute;width:clamp(10px,1.6vw,16px);height:clamp(70px,22vw,120px);background:linear-gradient(180deg,#ec4899e6,#4f46e5f2);border-radius:999px;box-shadow:0 10px 30px #4f46e559;transform:translateY(var(--paddle-y, 0));transition:transform .08s linear}.pi-pong__paddle--left.svelte-hw8wn{left:clamp(1.2rem,4vw,2.25rem)}.pi-pong__paddle--right.svelte-hw8wn{right:clamp(1.2rem,4vw,2.25rem)}.pi-pong__ball.svelte-hw8wn{position:absolute;width:clamp(36px,7vw,48px);height:clamp(36px,7vw,48px);filter:drop-shadow(0 12px 20px rgba(14,116,144,.35));transform:translate(var(--ball-x, 0),var(--ball-y, 0));transition:transform 16ms linear}.pi-pong__message.svelte-hw8wn{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display-family, "DM Sans", system-ui);font-weight:700;font-size:clamp(1rem,3vw,1.8rem);color:#f8fafc;text-align:center;padding:1.5rem;background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5;text-shadow:0 10px 30px rgba(37,99,235,.35)}.pi-pong__controls.svelte-hw8wn{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:center}.pi-pong__button.svelte-hw8wn{border:1px solid rgba(148,163,184,.35);background:#0f172abf;color:#e2e8f0;padding:.55rem 1.2rem;border-radius:999px;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:background .2s ease,transform .2s ease}.pi-pong__button.svelte-hw8wn:disabled{opacity:.55;cursor:not-allowed}.pi-pong__button.svelte-hw8wn:not(:disabled):hover{background:#1e293bd9;transform:translateY(-1px)}.pi-pong__toggle.svelte-hw8wn{display:inline-flex;gap:.45rem;align-items:center;color:#e2e8f0d9;font-weight:500}.pi-pong__toggle.svelte-hw8wn input:where(.svelte-hw8wn){width:1.1rem;height:1.1rem;accent-color:rgb(59,130,246)}.pi-pong__hint.svelte-hw8wn{text-align:center;color:#e2e8f0bf;font-size:clamp(.85rem,2.3vw,1rem);line-height:1.5}.pi-pong--paused.svelte-hw8wn .pi-pong__board:where(.svelte-hw8wn):after{content:"";position:absolute;inset:0;background:#0f172a59;pointer-events:none}@media (max-width: 640px){.pi-pong.svelte-hw8wn{gap:1rem;padding:1rem .75rem 2rem}.pi-pong__controls.svelte-hw8wn{flex-direction:column}.pi-pong__toggle.svelte-hw8wn{order:-1}}