.play.svelte-147q3pq{width:100%;min-height:calc(100dvh - 65px - var(--bottom-nav-offset));display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;isolation:isolate}.wedgeRed.svelte-147q3pq,.wedgeBlue.svelte-147q3pq{position:absolute;top:-30%;bottom:-30%;width:55%;z-index:-1;opacity:.12;pointer-events:none}.wedgeRed.svelte-147q3pq{left:-18%;background:var(--color-primary);clip-path:polygon(0 0,70% 0,40% 100%,0 100%)}.wedgeBlue.svelte-147q3pq{right:-18%;background:var(--color-secondary);clip-path:polygon(60% 0,100% 0,100% 100%,30% 100%)}.playWrap.svelte-147q3pq{width:100%;max-width:900px;display:flex;flex-direction:column;gap:2.5rem}.playHeader.svelte-147q3pq{display:flex;flex-direction:column;gap:.75rem;text-align:center;align-items:center}.playHeadline.svelte-147q3pq{font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(2rem,5.5vw,3.2rem);line-height:1.05}.lineRed.svelte-147q3pq{color:var(--color-primary-vivid)}.lineBlue.svelte-147q3pq{color:var(--color-secondary-vivid)}.panels.svelte-147q3pq{position:relative;display:flex;flex-direction:row;align-items:stretch;gap:2rem;padding:1rem 0}.panel.svelte-147q3pq{flex:1;min-width:220px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:2.5rem 2rem;background:var(--color-surface);border-radius:var(--radius-default);border:3px solid transparent;box-shadow:6px 6px #0006;transition:transform var(--duration-impact) var(--ease-impact)}.panelRed.svelte-147q3pq{border-color:var(--color-primary-vivid);transform:rotate(-1.5deg)}.panelBlue.svelte-147q3pq{border-color:var(--color-secondary-vivid);transform:rotate(1.5deg)}.panelRed.svelte-147q3pq:hover{transform:rotate(-1.5deg) translateY(-4px)}.panelBlue.svelte-147q3pq:hover{transform:rotate(1.5deg) translateY(-4px)}.panelIcon.svelte-147q3pq{width:40px;height:40px;padding:.85rem;box-sizing:content-box;border-radius:50%;background:var(--color-surface-2)}.panelRed.svelte-147q3pq .panelIcon:where(.svelte-147q3pq){box-shadow:0 0 0 2px var(--color-primary-vivid) inset}.panelBlue.svelte-147q3pq .panelIcon:where(.svelte-147q3pq){box-shadow:0 0 0 2px var(--color-secondary-vivid) inset}.panel.svelte-147q3pq p:where(.svelte-147q3pq){max-width:32ch;font-size:.95rem;line-height:1.55}.panelButton.svelte-147q3pq{margin-top:auto;padding-top:1rem;width:100%;padding:1rem;border-radius:var(--radius-small);text-align:center}.orBadge.svelte-147q3pq{flex:0 0 auto;align-self:center;width:56px;height:56px;border-radius:50%;background:var(--color-bg);border:3px solid var(--color-text);display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;letter-spacing:.05em;color:var(--color-text-muted);box-shadow:var(--shadow-md)}.actionWrapper.svelte-147q3pq{position:relative;width:100%;margin-top:auto;display:flex;justify-content:center;align-items:center}.inputRow.svelte-147q3pq{width:100%;display:flex;flex-direction:column;justify-content:center;gap:.75rem}.inputRow.svelte-147q3pq button:where(.svelte-147q3pq){padding:1rem;border-radius:var(--radius-small);text-align:center}.inputRow.svelte-147q3pq input:where(.svelte-147q3pq){all:unset;box-sizing:border-box;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);text-align:center;font-size:1.1rem;letter-spacing:.15em;padding:1rem;border-radius:var(--radius-small);width:100%}.inputRow.svelte-147q3pq input:where(.svelte-147q3pq):focus{border-color:var(--color-primary-vivid)}@media(max-width:640px){.panels.svelte-147q3pq{flex-direction:column}.panelRed.svelte-147q3pq,.panelBlue.svelte-147q3pq{transform:none}.panelRed.svelte-147q3pq:hover,.panelBlue.svelte-147q3pq:hover{transform:translateY(-2px)}}