.match-funnel{max-width:940px;margin:0 auto 100px;padding:0 20px;display:grid;grid-template-columns:1fr .88fr;background:#15101b;border:1px solid #ffffff17;overflow:hidden}.quiz-panel{padding:45px 40px;min-height:340px}.quiz-progress{display:flex;gap:6px;margin:0 0 36px}.quiz-progress i{width:34px;height:3px;background:#ffffff21}.quiz-progress i.is-done{background:linear-gradient(90deg,#e11d48,#f59e0b)}.quiz-step{display:none}.quiz-step.is-active{display:block;animation:quizIn .35s ease}.quiz-step>span{font-size:10px;letter-spacing:1.5px;color:#a89bb2}.quiz-step h2{font-size:clamp(34px,4vw,52px);margin:10px 0 28px}.quiz-options{display:grid;gap:10px}.quiz-options button{border:1px solid #ffffff24;background:#211a2b;color:#fff;text-align:left;padding:15px 16px;border-radius:6px;font:600 14px "DM Sans";cursor:pointer;transition:transform .18s,background .18s,border-color .18s}.quiz-options button:active{transform:scale(.97)}.quiz-options button:hover{background:#33203f;border-color:#e76991}.radar-panel{position:relative;display:grid;place-content:center;justify-items:center;padding:38px;background:radial-gradient(circle at center,#5b21b645,transparent 65%),#0d0b12;min-height:340px;text-align:center;opacity:.45}.radar-panel.is-scanning{opacity:1}.radar{position:relative;width:210px;height:210px;border:1px solid #d28bff66;border-radius:50%;overflow:hidden;background:repeating-radial-gradient(circle,#ffffff0b 0 1px,transparent 1px 35px)}.radar:before,.radar:after{content:"";position:absolute;background:#ffffff22}.radar:before{height:1px;left:0;right:0;top:50%}.radar:after{width:1px;top:0;bottom:0;left:50%}.radar>i{position:absolute;width:50%;height:50%;left:50%;top:0;transform-origin:0 100%;background:conic-gradient(from 90deg,#e11d485e,transparent 55deg);animation:spin 2s linear infinite}.radar b{position:absolute;inset:25%;border:1px solid #d28bff3b;border-radius:50%;animation:wave 2.1s ease-out infinite}.radar b:nth-of-type(2){animation-delay:.7s}.radar b:nth-of-type(3){animation-delay:1.4s}.radar-dot{width:8px;height:8px;background:#f59e0b;border-radius:50%;box-shadow:0 0 12px #f59e0b;position:absolute}.dot-a{top:36%;left:66%}.dot-b{top:63%;left:26%}.dot-c{top:67%;left:64%}.radar-status{font-size:13px;line-height:1.45;max-width:280px;margin:25px 0 12px;color:#f4edf7}.radar-progress{width:min(260px,100%);height:3px;background:#ffffff22}.radar-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#5b21b6,#e11d48,#f59e0b)}.radar-panel small{margin-top:8px;color:#a99ead;font-size:10px}.match-results{display:none}.match-results.is-visible{display:block;animation:quizIn .6s ease}.match-card{position:relative;padding:0;border:0;background:#17111e;overflow:hidden;cursor:pointer;aspect-ratio:3/4}.match-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.match-card:hover img{transform:scale(1.05)}.match-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#09070ddd)}.match-card span{position:absolute;z-index:1;left:8px;right:8px;font-size:9px}.match-card .live-tag{top:9px;right:auto;background:#153622e6;padding:5px 7px;border-radius:20px}.match-card .score-tag{bottom:10px;background:linear-gradient(90deg,#e11d48,#f59e0b);padding:7px;border-radius:5px;font-weight:700;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wave{from{transform:scale(.3);opacity:.9}to{transform:scale(1.75);opacity:0}}@keyframes quizIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}@media(max-width:650px){.match-funnel{margin-bottom:68px;display:block}.quiz-panel{padding:32px 22px;min-height:320px}.radar-panel{min-height:335px}.match-results .locked-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px}.match-card{aspect-ratio:3/4.1}}
.match-nudge{position:fixed;z-index:8;right:14px;bottom:20px;display:grid;grid-template-columns:11px 1fr;column-gap:7px;text-align:left;width:208px;padding:11px 13px;border:1px solid #ffffff24;border-radius:11px;background:#16101de8;color:#fff;box-shadow:0 10px 30px #0007;cursor:pointer;animation:nudge 2.2s ease-in-out infinite}.match-nudge b{font-size:11px}.match-nudge small{grid-column:2;font-size:9px;color:#bdb3c4;margin-top:2px}.nudge-dot{width:8px;height:8px;border-radius:50%;background:#59e278;box-shadow:0 0 0 0 #59e278aa;animation:blink 1.5s infinite;margin-top:3px}.activity-toast{position:fixed;z-index:8;left:14px;bottom:20px;display:flex;align-items:center;gap:8px;max-width:205px;padding:10px 12px;border:1px solid #ffffff1c;border-radius:9px;background:#15111ce8;color:#d8d0df;box-shadow:0 10px 30px #0007;font-size:10px}.activity-toast p{margin:0;line-height:1.35}.activity-toast span{color:#f59e0b}.wa-direct{display:block;margin:18px 0 12px;padding:13px;border-radius:6px;text-align:center;background:#25d366;color:#062b16;font-size:13px;font-weight:700}.wa-direct:before{content:'◔';font-size:17px;margin-right:7px}@keyframes nudge{50%{transform:translateY(-4px)}}@keyframes blink{50%{box-shadow:0 0 0 7px transparent}}@media(max-width:650px){.activity-toast{bottom:14px}.match-nudge{bottom:73px}}