:root{--deep-space: #0F0A2E;--cosmic: #2D1569;--violet: #7C3AED;--purple: #A855F7;--coral: #EC4899;--lavender: #C4B5FD;--soft-coral: #FCA5A5;--glass: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{margin:0;padding:0}body{font-family:var(--font);color:#fff;background:radial-gradient(1200px 600px at 50% -10%,rgba(124,58,237,.35),transparent 60%),linear-gradient(180deg,var(--deep-space) 0%,var(--cosmic) 100%);background-attachment:fixed;min-height:100dvh;overflow-x:hidden}.stars,.stars:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 60%,#fff,transparent),radial-gradient(1px 1px at 40% 80%,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 85% 25%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 55% 15%,#fff,transparent),radial-gradient(1px 1px at 10% 70%,rgba(255,255,255,.6),transparent);background-size:100% 100%;opacity:.5;animation:twinkle 4s ease-in-out infinite alternate}.stars:after{animation-delay:2s;opacity:.25}@keyframes twinkle{0%{opacity:.25}to{opacity:.6}}.glass{background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.gradient-text{background:linear-gradient(120deg,var(--lavender),var(--purple),var(--coral));-webkit-background-clip:text;background-clip:text;color:transparent}@media (prefers-reduced-motion: reduce){*,*:after,*:before{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}.wrap{position:relative;z-index:1;max-width:460px;margin:0 auto;padding:20px 18px 48px;min-height:100dvh;display:flex;flex-direction:column;gap:22px}.open-app-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:14px;font-size:14px}.open-app-banner button{border:0;border-radius:10px;padding:8px 14px;font-weight:700;color:#fff;background:linear-gradient(120deg,var(--violet),var(--coral))}.reveal{opacity:0;animation:reveal-in .5s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--d, 0ms)}@keyframes reveal-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.challenger{border-radius:16px;padding:14px 18px;text-align:center}.challenger-name{display:block;font-weight:800;font-size:18px;margin-bottom:2px}.challenger-stat{color:var(--lavender);font-size:15px}.challenger-stat b{color:#fff;font-variant-numeric:tabular-nums}.images{display:flex;gap:10px;justify-content:center}.images img,.images .emoji{width:100%;max-width:200px;aspect-ratio:1;object-fit:contain;border-radius:18px;background:#1e1446;border:1px solid var(--glass-border)}.images .emoji{display:grid;place-items:center;font-size:96px}.timer{text-align:center;font-variant-numeric:tabular-nums;color:var(--lavender);font-weight:700;letter-spacing:1px}.timer.tick-pulse{animation:tick-pulse-kf .4s ease}@keyframes tick-pulse-kf{30%{transform:scale(1.12);color:#fff}}.slots{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;margin:4px 0}.word{display:flex;gap:8px}.slot{width:40px;height:50px;border-radius:11px;border:1.5px solid var(--glass-border);background:var(--glass);color:#fff;font-size:24px;font-weight:800;display:grid;place-items:center}.slot.filled{border-color:var(--violet);background:#7c3aed38}.slot.pop{animation:pop .18s ease}.keyboard{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px}.key{width:46px;height:54px;border-radius:12px;border:1px solid var(--glass-border);background:linear-gradient(180deg,#ffffff1f,#ffffff0d);color:#fff;font-size:21px;font-weight:800;transition:transform .08s ease}.key:active{transform:scale(.9)}.key.used{visibility:hidden}.key.drop-in{animation:drop .4s cubic-bezier(.22,1,.36,1) both}.pz-actions{display:flex;justify-content:center;margin-top:4px}.pz-hint{border-radius:14px;border:1px solid rgba(236,72,153,.5);background:#ec48991f;color:var(--soft-coral);font-weight:700;padding:10px 20px}.win-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#060314bf;backdrop-filter:blur(6px);opacity:0;transition:opacity .3s ease}.win-overlay.show{opacity:1}.win-card{border-radius:24px;padding:28px 24px;max-width:380px;width:100%;text-align:center;transform:scale(.92);transition:transform .4s cubic-bezier(.22,1,.36,1)}.win-overlay.show .win-card{transform:scale(1)}.win-title{font-size:28px;font-weight:900}.win-answer{font-size:24px;font-weight:800;margin:6px 0 10px;letter-spacing:1px}.win-time{color:var(--lavender)}.compare{display:flex;flex-direction:column;gap:8px;margin:16px 0}.compare .bar{display:flex;justify-content:space-between;padding:10px 14px;border-radius:12px;background:var(--glass);border:1px solid var(--glass-border)}.compare .bar.you.win{border-color:var(--violet);background:#7c3aed40}.verdict{font-weight:800;margin-bottom:8px}.cta{display:block;margin-top:14px;padding:15px;border-radius:16px;text-decoration:none;color:#fff;font-weight:800;background:linear-gradient(120deg,var(--violet),var(--purple),var(--coral));box-shadow:0 8px 24px #7c3aed80}.cta-sub{color:var(--lavender);font-size:12px;margin-top:8px}@keyframes drop{0%{opacity:0;transform:translateY(-20px) scale(.8)}to{opacity:1;transform:none}}@keyframes pop{50%{transform:scale(1.2)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes shake-kf{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.shake{animation:shake-kf .45s ease}