.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{color:#20203e;overflow-wrap:anywhere;background:#fff5e9;border:1px solid #efe2d5;border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;min-height:12rem;padding:clamp(1.5rem,5vw,3rem);display:flex}.play-category{color:#20203e;background:#fff5e9}.play-language{width:auto;max-width:100%;min-height:44px;font-size:16px}.play-swipe{touch-action:pan-y pinch-zoom}.play-nav{align-self:flex-start;position:sticky;top:0}.play-shell button{min-height:44px}.play-question h2{font-family:Georgia,Times New Roman,serif;font-weight:500}.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-category .text-muted-foreground{color:#53536b}@media (max-width:767px){.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}.play-category h2{font-size:1rem}}