: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;--party-dark: #2d1b2e;--party-accent: #ffa0a0;--party-text: #fff1e8;--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,#a7f070,#a7f070 25%,#a8a29e 40%,#a8a29e 60%,#ffa0a0 75%,#ffa0a0);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:#ffa0a0;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(0)}to{transform:translate(-100%)}}.charades-marquee{display:inline-block;animation:marquee 8s linear infinite;padding-left:100%;width:max-content}@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:#ffa0a033;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffa0a066}.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,#ffa0a0,#f77);box-shadow:0 4px 20px #ffa0a04d}.motion-permission-btn:active{transform:scale(.98);box-shadow:0 2px 10px #f472b633}.crt-lines{background:linear-gradient(#12101000 50%,#0000001a 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 4px,3px 100%}.vignette{background:radial-gradient(circle,transparent 60%,rgba(0,0,0,.4) 100%)}.pixel-border{box-shadow:0 -4px 0 -2px var(--party-dark),0 4px 0 -2px var(--party-dark),-4px 0 0 -2px var(--party-dark),4px 0 0 -2px var(--party-dark),0 -6px 0 -2px var(--party-accent),0 6px 0 -2px var(--party-accent),-6px 0 0 -2px var(--party-accent),6px 0 0 -2px var(--party-accent)}.pixel-shadow{box-shadow:4px 4px #00000080}.pixel-shadow-accent{box-shadow:4px 4px 0 0 var(--party-accent)}@keyframes flicker{0%{opacity:.97}5%{opacity:.95}10%{opacity:.9}15%{opacity:.95}20%{opacity:.98}25%{opacity:.95}30%{opacity:.9}to{opacity:1}}.crt-flicker{animation:flicker .15s infinite}.steppy-motion{transition-timing-function:steps(4,end)}.font-retro{font-family:VT323,monospace!important;letter-spacing:.05em;image-rendering:pixelated;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.font-pixel{font-family:Pixelify Sans,sans-serif!important;image-rendering:pixelated;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.font-thai{font-family:TA8Bit,sans-serif!important;image-rendering:pixelated;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.dentist-pixel-render{image-rendering:pixelated;image-rendering:crisp-edges;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}@keyframes arcade-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}}.arcade-shake{animation:arcade-shake .3s linear}.tooth-pressed{transform:translateY(4px);opacity:.4}@keyframes jaw-snap{0%{transform:rotateX(0)}50%{transform:rotateX(40deg) translateY(40px)}to{transform:rotateX(50deg) translateY(60px)}}.jaw-snap{animation:jaw-snap .15s steps(3,end) forwards}