:root{--bright-green:#2ebe9b;--grey:#bababa}.slide__audio{position:relative;width:400px;top:20%;margin:0 auto}.audio__controls{height:400px;width:400px;position:relative}.slide__audio .slide__audio-player{display:none}.audio__slider{z-index:3;width:200px;height:200px;cursor:pointer}.audio__slider,.slide__audio #circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slide__audio #circle{stroke:var(--bright-green);z-index:4;overflow:visible}.play-pause{position:absolute;left:50%;top:50%;z-index:5;width:50px;background:transparent!important;height:50px;cursor:pointer;transform:translate(-50%,-50%);border:0;padding:0;margin:0}.play-pause:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333647;mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>');mask-repeat:no-repeat;mask-position:center;mask-size:50%}.dark .play-pause:after{background-color:#2ebe9b}.playing .play-pause:after{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/></svg>')}#seekbar{stroke-width:6;cursor:pointer;transition:opacity .3s ease-in-out;opacity:0}#background{stroke-width:3}.playing #seekbar{visibility:visible;opacity:1}.playing .play-pause:after{content:none}.playing .play-pause:before{opacity:1}.progress-handle{fill:var(--bright-green);cursor:pointer;box-shadow:0 0 5px 5px black}.equalizer{height:50px;width:40px;transform:rotate(180deg);left:calc(50% - 20px);top:calc(50% - 65px);position:absolute;transform-origin:bottom center;opacity:0;transition:opacity .3s ease-in-out}.playing .equalizer{opacity:1}.equalizer-group{width:100%;height:100%;flex-direction:row;gap:2px;justify-content:space-between}.bar,.equalizer-group{display:flex;transform-origin:center}.bar{fill:var(--bright-green);width:5px;animation:equalize 1.25s steps(25) 0s infinite;flex-direction:column}.bar:first-child{animation-duration:1.9s;transform:translateY(50%)}.bar:nth-child(2){animation-duration:2s;transform:translate(25%,50%)}.bar:nth-child(3){animation-duration:2.3s;transform:translate(50%,50%)}.bar:nth-child(4){animation-duration:2.4s;transform:translate(75%,50%)}.bar:nth-child(5){animation-duration:2.1s;transform:translate(95%,50%)}@keyframes equalize{0%{height:10px;margin-top:-10px}4%{height:5px;margin-top:-5px}8%{height:80px;margin-top:-40px}12%{height:60px;margin-top:-30px}16%{height:20px;margin-top:-20px}20%{height:30px;margin-top:-30px}24%{height:40px;margin-top:-40px}28%{height:10px;margin-top:-10px}32%{height:40px;margin-top:-40px}36%{height:10px;margin-top:-10px}40%{height:20px;margin-top:-20px}44%{height:40px;margin-top:-40px}48%{height:15px;margin-top:-15px}52%{height:30px;margin-top:-30px}56%{height:10px;margin-top:-10px}60%{height:30px;margin-top:-30px}64%{height:35px;margin-top:-35px}68%{height:15px;margin-top:-15px}72%{height:5px;margin-top:-5px}76%{height:90px;margin-top:-45px}80%{height:25px;margin-top:-25px}84%{height:5px;margin-top:-5px}88%{height:10px;margin-top:-10px}92%{height:40px;margin-top:-40px}96%{height:30px;margin-top:-30px}to{height:10px;margin-top:-10px}}.charade-shell{--charade-highlight:var(--color-highlight,#39bb9a);--charade-lowlight:var(--color-lowlight,#1b6452);--charade-primary:var(--color-primary,#333647);--charade-secondary:var(--color-secondary,#252734);--charade-tertiary:var(--color-tertiary,#555a77);--charade-surface:#ffffff;--charade-peach:var(--color-peach,#f4876e);--charade-yellow:var(--color-yellow,#ffc12a);--charade-border:color-mix(in srgb,var(--charade-highlight) 35%,transparent);--charade-border-strong:color-mix(in srgb,var(--charade-highlight) 55%,transparent);--charade-shadow:none;--charade-shadow-strong:none;position:relative;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--charade-highlight) 16%,transparent),transparent 45%),radial-gradient(circle at 80% 10%,color-mix(in srgb,#f4876e 12%,transparent),transparent 45%),radial-gradient(circle at 60% 80%,color-mix(in srgb,#ffc12a 12%,transparent),transparent 50%),linear-gradient(145deg,rgba(255,255,255,.95),rgba(247,249,252,.9));border-radius:20px;border:1px solid var(--charade-border);box-shadow:var(--charade-shadow)}.dark .charade-shell{background:var(--charade-secondary);border-color:var(--charade-border-strong);box-shadow:var(--charade-shadow-strong)}.charade-stack{position:relative;width:min(380px,100%);aspect-ratio:2.25/3.5;min-height:360px;max-height:520px;margin:0 auto;perspective:1400px}.charade-stack.full{width:min(440px,100%);min-height:320px;max-height:min(65vh,520px)}@media (min-width:1024px){.charade-stack.full{width:min(520px,70vw)}}.charade-card{position:absolute;inset:0;text-align:center;backface-visibility:hidden;transform-origin:center;transition:transform .35s ease,opacity .35s ease,box-shadow .35s ease;will-change:transform,opacity;box-shadow:0 20px 60px rgba(0,0,0,.08),0 2px 12px rgba(0,0,0,.04);pointer-events:none;overflow:hidden;background:var(--color-primary);color:var(--color-white)}.charade-card,.charade-card-inner{height:100%;display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}.charade-card-inner{width:100%}.charade-card-inner.is-shaking{animation:charade-shake .2s ease-in-out infinite alternate}.charade-timer-badge{position:absolute!important;top:.65rem;right:.65rem;width:40px;height:40px;color:var(--color-tertiary);border:1px solid var(--color-tertiary);border-radius:9999px!important;padding:.3rem .75rem;font-weight:700;font-size:.9rem;box-shadow:0 8px 20px rgba(0,0,0,.08);z-index:6;pointer-events:none;line-height:1.1;display:flex;align-items:center;justify-content:center}.dark .charade-timer-badge{color:var(--color-white);border-color:var(--color-white)}.charade-timeup-overlay{position:absolute;inset:-1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:2rem 1.5rem;color:white;font-weight:800;font-size:1.8rem;text-shadow:0 2px 12px rgba(0,0,0,.35);z-index:8;pointer-events:auto}.charade-card.time-up .charade-card-inner{opacity:0}.dark .charade-card{background:linear-gradient(135deg,#2b2d3a,#1e202d 55%,#2c3042);color:#f7f7ff;box-shadow:0 22px 50px rgba(0,0,0,.35)}.charade-card>*{position:relative;z-index:1}.charade-card.top{z-index:3;pointer-events:auto}.charade-card.middle{z-index:2;transform:translateY(12px) scale(.97) rotate(-2deg);opacity:.78;filter:saturate(.95)}.charade-card.back{z-index:1;transform:translateY(24px) scale(.94) rotate(2deg);opacity:.65;filter:saturate(.9)}.charade-card.swipe-left{transform:translate(-140%,-12%) rotate(-15deg) scale(.94);opacity:0}.charade-card.swipe-right{transform:translate(140%,-12%) rotate(15deg) scale(.94);opacity:0}.charade-card.is-dragging{box-shadow:0 26px 70px rgba(0,0,0,.16)}.charade-stack.is-shuffling .charade-card{animation:shuffle-pop .28s ease}@keyframes shuffle-pop{0%{transform:translateY(0) rotate(0deg) scale(1)}40%{transform:translateY(-8px) rotate(-2deg) scale(1.02)}70%{transform:translateY(6px) rotate(2deg) scale(.99)}to{transform:translateY(0) rotate(0deg) scale(1)}}.charade-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .75rem;border-radius:999px;font-size:.9rem;letter-spacing:.01em;background:linear-gradient(120deg,color-mix(in srgb,var(--charade-highlight) 15%,transparent),color-mix(in srgb,var(--charade-highlight) 5%,transparent));color:color-mix(in srgb,var(--charade-highlight) 65%,var(--charade-secondary));border:1px solid color-mix(in srgb,var(--charade-highlight) 25%,transparent)}.dark .charade-pill{color:#c8fff1;border-color:color-mix(in srgb,var(--charade-highlight) 45%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--charade-highlight) 20%,transparent),color-mix(in srgb,var(--charade-highlight) 8%,transparent))}.charade-hint{font-size:.95rem;color:inherit}.charade-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--charade-highlight) 20%,transparent),color-mix(in srgb,var(--charade-highlight) 5%,transparent));border:1px solid color-mix(in srgb,var(--charade-highlight) 35%,transparent);font-size:1.9rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}.dark .charade-icon{background:radial-gradient(circle,rgba(73,197,184,.25),rgba(37,39,52,.95));border-color:rgba(73,197,184,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.charade-filter-chip{border-radius:999px;padding:.45rem .85rem;border:1px solid var(--color-highlight);color:var(--color-highlight);background:var(--color-white);transition:transform .15s ease,border-color .2s ease,color .2s ease}.charade-filter-chip:hover{transform:translateY(-1px);border-color:var(--charade-highlight)}.charade-filter-chip.is-active{border-color:var(--charade-highlight);color:var(--color-white);background:var(--color-highlight)}.dark .charade-filter-chip{background:rgba(37,39,52,.85);border-color:color-mix(in srgb,var(--charade-lowlight) 70%,transparent);color:white}.dark .charade-filter-chip.is-active{background:color-mix(in srgb,var(--charade-highlight) 20%,#1b1d29 80%);border-color:var(--charade-highlight);color:white}@media (max-width:1024px){.charade-stack{max-height:460px}}@media (max-width:640px){.charade-stack{max-height:580px}.charade-card{padding:1.2rem}}@media (prefers-reduced-motion:reduce){.charade-card,.charade-filter-chip{transition:none;animation:none}.charade-card.back,.charade-card.middle{transform:translateY(10px) scale(.98)}}@keyframes charade-shake{0%{transform:translateX(-3px) rotate(-1deg)}to{transform:translateX(3px) rotate(1deg)}}