.play-input{color:#fff;background:#1b1b32;border:1px solid #ffffff2e;border-radius:.75rem;width:100%;padding:.8rem 1rem;display:block}.play-input:focus-visible{outline-offset:3px;outline:2px solid #c4b5fd}.play-question{isolation:isolate;border:1px solid #efe2d5;border-top:6px solid var(--deck);color:#20203e;overflow-wrap:anywhere;background:#fff5e9;border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;min-height:12rem;padding:clamp(1.5rem,5vw,3rem);display:flex;position:relative;box-shadow:0 24px 60px -30px #000000b3}.play-question h2,.play-display{letter-spacing:-.01em;font-family:Georgia,Times New Roman,serif;font-weight:500;line-height:1.15}.play-question .text-muted-foreground{color:#53536b}.play-question button{color:#20203e;background:#ddd2ff;border-color:#b8a7db}.play-question button:hover{background:#cfc0f8}.play-question button[aria-pressed=true]{background:#f5d6da}.play-deck{isolation:isolate;color:#20203e;border-radius:1.25rem;flex-direction:column;gap:.75rem;min-height:9rem;padding:1.5rem 1.25rem 1.25rem;transition:transform .2s;display:flex;position:relative}.play-deck h3{margin-top:auto}.play-stack,.play-deck{box-shadow:none;background:0 0;border:0}.play-stack:before,.play-stack:after,.play-deck:before,.play-deck:after{content:"";border-radius:inherit;position:absolute;inset:0}.play-stack:before,.play-deck:before{z-index:-2;background:color-mix(in srgb, var(--deck) 70%, #101023);transition:transform .2s}.play-stack:before{box-shadow:10px 6px 0 color-mix(in srgb, var(--deck) 35%, #101023);transform:rotate(-2deg)translate(-4px,8px)}.play-deck:before{transform:rotate(2deg)translate(4px,6px)}.play-stack:after,.play-deck:after{z-index:-1;background:linear-gradient(var(--deck) 0 6px, #fff5e9 6px);box-shadow:inset 0 0 0 1px #efe2d5,0 24px 60px -30px #000000b3}.play-deck:hover,.play-deck:focus-visible{transform:translateY(-4px)}.play-deck:hover:before,.play-deck:focus-visible:before{transform:rotate(4deg)translate(8px,8px)}.play-deck:focus-visible,.play-game:focus-visible{outline-offset:4px;outline:2px solid #c4b5fd}.play-hero{align-items:center;gap:3rem;display:grid}@media (min-width:1024px){.play-hero{grid-template-columns:1fr 1.1fr;gap:4rem}}.play-featured{padding:.5rem}.play-chip{background:color-mix(in srgb, var(--deck) 16%, white);color:#20203e;border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.play-chip:before,.play-dot{content:"";background:var(--deck);border-radius:999px;flex:none;width:.6rem;height:.6rem}.play-dot{display:inline-block}.play-game{background:linear-gradient(160deg,#ffffff0d,#ffffff03);border:1px solid #ffffff1a;border-radius:1.5rem;padding:1.5rem;transition:border-color .2s,transform .2s}.play-game:hover{border-color:#a78bfa99;transform:translateY(-3px)}.play-progress{background:#ffffff1a;border-radius:999px;height:6px;overflow:hidden}.play-progress span{border-radius:inherit;background:var(--deck,#a78bfa);height:100%;transition:width .3s;display:block}.play-language{width:auto;max-width:100%;min-height:44px;font-size:16px}.play-swipe{touch-action:pan-y pinch-zoom}.play-shell{--deck:#a78bfa}.play-shell button{min-height:44px}.play-header{z-index:20;position:sticky;top:0}@media (prefers-reduced-motion:reduce){.play-deck,.play-deck:before,.play-stack:before,.play-game,.play-progress span{transition:none}.play-deck:hover,.play-deck:focus-visible,.play-game:hover{transform:none}}@media (max-width:767px){.play-header{position:static}.play-nav{padding:.35rem .75rem max(.5rem, env(safe-area-inset-bottom));border-top:1px solid #ffffff26;position:fixed;inset:auto 0 0}.play-main{padding-bottom:calc(7rem + env(safe-area-inset-bottom))}.play-input{font-size:16px}}