:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--touch-target-min: 44px;--game-padding-x: max(1rem, var(--safe-area-left));--game-padding-bottom: max(1.5rem, var(--safe-area-bottom))}.charades-play-phase{touch-action:manipulation}.game-playing{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.touch-target{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.safe-padding-top{padding-top:var(--safe-area-top)}.safe-padding-bottom{padding-bottom:var(--safe-area-bottom)}.safe-padding-x{padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.safe-padding-all{padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.tilt-indicator{position:relative;width:120px;height:60px;border-radius:60px 60px 0 0;background:linear-gradient(90deg,#86efac,#86efac 25%,#a8a29e 40%,#a8a29e 60%,#fda4af 75%,#fda4af);overflow:hidden}.tilt-indicator:before{content:"";position:absolute;bottom:0;left:50%;width:4px;height:50px;background:#fff;transform-origin:bottom center;border-radius:2px;box-shadow:0 0 10px #ffffff80;transition:transform .1s ease-out}.tilt-indicator[data-angle]{--angle: attr(data-angle deg)}.cooldown-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.cooldown-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.cooldown-ring circle{fill:none;stroke-width:3;stroke-linecap:round}.cooldown-ring .bg-ring{stroke:#ffffff1a}.cooldown-ring .progress-ring{stroke:#fda4af;stroke-dasharray:100;stroke-dashoffset:0;transition:stroke-dashoffset .1s linear}@media(orientation:landscape){.charades-play-phase{display:flex!important;flex-direction:column}.charades-top-bar{flex-shrink:0}.charades-word-display{flex:1;font-size:clamp(4rem,15vw,8rem)}.charades-controls{display:flex!important;flex-direction:row;height:20%;gap:0;padding:0!important}.charades-btn-left,.charades-btn-right{flex:1;border-radius:0!important}}@keyframes marquee{0%{transform:translate(50%)}to{transform:translate(-50%)}}.charades-marquee{display:inline-block;animation:marquee 5s linear infinite}@media(prefers-reduced-motion:no-preference){.smooth-tilt{transition:transform .05s linear;will-change:transform}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff3}.haptic-flash{animation:hapticFlash .15s ease-out}@keyframes hapticFlash{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.motion-permission-btn{background:linear-gradient(135deg,#f472b6,#c084fc);box-shadow:0 4px 20px #f472b64d}.motion-permission-btn:active{transform:scale(.98);box-shadow:0 2px 10px #f472b633}