@import "https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;800;900&family=Rubik+Distressed&display=swap";:root{--trivia-magenta:#ee2b7a;--trivia-magenta-dark:#d91f69;--trivia-yellow:#f5b942;--trivia-green:#56d58d;--trivia-red:#e36b75}*{box-sizing:border-box}html,body,#trivia-app{min-height:100%}body{color:#f4f4f4;background:linear-gradient(#050507b8,#050507db),url(/images/bg.jpg) 50%/cover fixed;margin:0;font-family:Raleway,Arial,sans-serif}button,input{font:inherit}.trivia-page{min-height:100vh;padding:34px 18px}.trivia-shell{width:min(100%,820px);margin:0 auto}.trivia-brand{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.trivia-logo{object-fit:contain;object-position:left center;width:min(330px,70vw);height:58px}.trivia-label{background:var(--trivia-magenta);color:#fff;letter-spacing:.16em;border-radius:6px;padding:7px 11px;font-size:.72rem;font-weight:900}.trivia-card{border:1px solid #ffffff14;border-top:5px solid var(--trivia-magenta);background:#0c0c0ef5;border-radius:18px;padding:clamp(24px,5vw,48px);box-shadow:0 28px 80px #00000080}.trivia-kicker{color:var(--trivia-magenta);letter-spacing:.16em;font-size:.72rem;font-weight:900}.trivia-title{margin:8px 0 14px;font-family:Rubik Distressed,system-ui;font-size:clamp(2rem,7vw,4rem);font-weight:400}.trivia-copy{color:#a8a8ae;max-width:620px;margin:0 0 28px;font-size:1rem;line-height:1.65}.register-form{flex-direction:column;gap:10px;display:flex}.trivia-label-form{color:#ddd;margin-top:8px;font-size:.82rem;font-weight:800}.trivia-phone-group{border:2px solid #2d2d33;border-radius:10px;width:100%;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.trivia-phone-group:focus-within{border-color:var(--trivia-magenta);box-shadow:0 0 0 4px #ee2b7a1f}.trivia-phone-prefix{color:#fff;letter-spacing:.04em;background:#202025;border-right:1px solid #34343a;justify-content:center;align-items:center;min-width:58px;padding:0 16px;font-size:1rem;font-weight:900;display:flex}.trivia-input{color:#fff;background:#17171b;border:0;border-radius:0;outline:none;width:100%;min-height:58px;padding:0 18px;font-size:1.08rem}.trivia-phone-input{flex:1;min-width:0}.phone-note{color:#666;margin-bottom:10px;font-size:.75rem}.trivia-primary-button{background:var(--trivia-magenta);color:#fff;letter-spacing:.08em;cursor:pointer;border:0;border-radius:10px;min-height:54px;padding:0 22px;font-size:.8rem;font-weight:900;transition:transform .15s,background .15s}.trivia-primary-button:hover:not(:disabled){background:var(--trivia-magenta-dark);transform:translateY(-2px)}.trivia-primary-button:disabled{opacity:.42;cursor:not-allowed}.trivia-error{color:#ef8b94;background:#e36b7514;border:1px solid #e36b753d;border-radius:8px;padding:12px 14px;font-size:.82rem;font-weight:700}.game-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.game-head-main{flex-direction:column;gap:14px;display:flex}.question-counter-lg{color:var(--trivia-magenta);text-transform:uppercase;font-family:Rubik Distressed,system-ui;font-size:clamp(2rem,6vw,3.8rem);font-weight:400;line-height:.95}.score-line-lg{flex-wrap:wrap;gap:12px;display:flex}.score-pill{letter-spacing:.04em;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:1rem;font-weight:900;display:inline-flex}.score-good{color:var(--trivia-green);background:#56d58d1a;border:1px solid #56d58d38}.score-bad{color:var(--trivia-red);background:#e36b751a;border:1px solid #e36b7538}.score-icon{flex:none;width:18px;height:18px}.hint-button{color:var(--trivia-yellow);letter-spacing:.08em;cursor:pointer;background:#f5b9421a;border:1px solid #f5b9424d;border-radius:9px;font-weight:900}.hint-button-lg{align-items:center;gap:10px;min-height:54px;padding:0 18px;font-size:.9rem;display:inline-flex}.hint-button:disabled{opacity:.35;cursor:not-allowed}.hint-icon-svg{flex:none;width:20px;height:20px}.progress-track{background:#242429;border-radius:999px;height:8px;margin:24px 0 34px;overflow:hidden}.progress-value{background:var(--trivia-magenta);border-radius:inherit;height:100%;transition:width .3s}.question-title{color:#fff;margin:0 0 30px;font-size:clamp(1.45rem,4vw,2.25rem);font-weight:900;line-height:1.25}.answers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.answer-button{color:#eee;text-align:left;cursor:pointer;background:#17171b;border:2px solid #29292f;border-radius:10px;min-height:76px;padding:14px 16px;font-size:.94rem;font-weight:800;transition:background .15s,border-color .15s,transform .15s}.answer-button:hover:not(:disabled){border-color:#ee2b7a8c;transform:translateY(-2px)}.answer-button.selected{border-color:var(--trivia-magenta);background:#ee2b7a1f;box-shadow:0 0 0 3px #ee2b7a14}.answer-button.locked{cursor:default}.answer-actions{width:100%;margin-top:24px;display:flex}.answer-actions .trivia-primary-button{width:100%}.game-card{transition:opacity .22s,transform .22s;position:relative;overflow:hidden}.game-card.question-switching{opacity:0;transform:translate(-28px)scale(.985)}.answer-stamp{z-index:30;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:220px;padding:20px 26px;font-family:Rubik Distressed,system-ui;font-size:clamp(1.8rem,5vw,3.2rem);animation:.28s cubic-bezier(.2,.9,.25,1.25) forwards stamp-hit;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(2.4)rotate(-7deg)}.answer-stamp.correct{color:var(--trivia-green);background:#0a1a10e6}.answer-stamp.wrong{color:var(--trivia-red);background:#210d10e6}.answer-stamp-border{pointer-events:none;width:calc(100% + 14px);height:calc(100% + 14px);position:absolute;inset:-7px;overflow:visible}.answer-stamp-icon{opacity:.95;width:62px;height:62px;display:block;overflow:visible}@keyframes stamp-hit{0%{opacity:0;transform:translate(-50%,-50%)scale(2.4)rotate(-7deg)}72%{opacity:1;transform:translate(-50%,-50%)scale(.92)rotate(-7deg)}to{opacity:.96;transform:translate(-50%,-50%)scale(1)rotate(-7deg)}}.game-error{margin-top:18px}.result-card{text-align:center}.result-badge{width:84px;height:84px;color:var(--trivia-magenta);background:#ee2b7a1f;border:2px solid #ee2b7a66;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:2rem;display:flex}.result-score{color:#fff;margin:10px 0 0;font-size:clamp(4rem,14vw,7rem);font-weight:900;line-height:1}.result-score small{color:#666;font-size:.34em}.result-caption{color:#777;letter-spacing:.12em;text-transform:uppercase;margin-top:8px;font-size:.75rem;font-weight:800}.result-stats{grid-template-columns:repeat(2,1fr);gap:12px;max-width:420px;margin:30px auto;display:grid}.result-copy{text-align:center;margin:20px auto 0}.trivia-loading{color:#888;justify-content:center;align-items:center;gap:14px;min-height:220px;font-size:.8rem;font-weight:800;display:flex}.trivia-spinner{border:3px solid #333;border-top-color:var(--trivia-magenta);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite trivia-spin}.trivia-footer{color:#ffffff4d;letter-spacing:.16em;text-align:center;padding:22px 0;font-size:.66rem;font-weight:900}.hint-backdrop,.processing-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000c2;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.hint-backdrop{z-index:1000}.processing-overlay{z-index:1300;background:#000000d1}.hint-dialog{background:var(--trivia-yellow);color:#17140c;text-align:center;border-radius:16px;width:min(100%,480px);padding:30px;box-shadow:0 30px 90px #0000008c}.hint-dialog-icon{justify-content:center;margin-bottom:8px;display:flex}.hint-dialog-icon-svg{width:58px;height:58px}.hint-dialog-kicker{letter-spacing:.18em;font-size:.72rem;font-weight:900}.hint-dialog-title{margin:8px 0 14px;font-family:Rubik Distressed,system-ui;font-size:clamp(2rem,8vw,3rem);font-weight:400;line-height:1}.hint-dialog p{margin:0 0 24px;font-size:1.04rem;font-weight:700;line-height:1.55}.hint-close{min-height:44px;color:var(--trivia-yellow);letter-spacing:.08em;cursor:pointer;background:#18150d;border:0;border-radius:8px;padding:0 18px;font-size:.74rem;font-weight:900}.processing-box{background:#0f0f12f5;border:1px solid #ee2b7a40;border-radius:16px;flex-direction:column;align-items:center;gap:16px;min-width:260px;padding:30px 34px;display:flex;box-shadow:0 30px 90px #0000008c}.processing-spinner{border-width:4px;width:46px;height:46px}.processing-title{color:#fff;letter-spacing:.05em;text-align:center;font-family:Rubik Distressed,system-ui;font-size:1.2rem}.result-badge-logo{padding:0;overflow:hidden}.result-badge-image{object-fit:contain;width:42px;height:42px}.result-score-grunge{font-family:Rubik Distressed,system-ui;font-weight:400;transition:color .2s,transform .2s}.result-score.tone-bad{color:var(--trivia-red)}.result-score.tone-mid{color:var(--trivia-yellow)}.result-score.tone-good{color:var(--trivia-green)}.result-score.bump{animation:.42s result-bounce}.result-stat{text-align:center;border-radius:12px;padding:22px 18px}.result-stat-icon{border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 10px;display:flex}.result-stat-icon svg{width:20px;height:20px}.result-stat strong,.result-stat span{display:block}.result-stat strong{font-size:2rem;font-weight:900}.result-stat span{letter-spacing:.04em;margin-top:4px;font-size:.78rem;font-weight:800}.result-stat-good{background:#56d58d14;border:1px solid #56d58d2e}.result-stat-good .result-stat-icon{color:var(--trivia-green);background:#56d58d1f}.result-stat-good strong{color:var(--trivia-green)}.result-stat-good span{color:#a6cdb4}.result-stat-bad{background:#e36b7514;border:1px solid #e36b752e}.result-stat-bad .result-stat-icon{color:var(--trivia-red);background:#e36b751f}.result-stat-bad strong{color:var(--trivia-red)}.result-stat-bad span{color:#d2a5aa}.confetti-canvas{z-index:1250;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}@keyframes result-bounce{0%{transform:scale(1)}35%{transform:scale(1.13)}70%{transform:scale(.96)}to{transform:scale(1)}}@keyframes trivia-spin{to{transform:rotate(360deg)}}@media (width<=620px){.trivia-page{padding:20px 12px}.trivia-brand{margin-bottom:16px}.trivia-logo{width:min(250px,68vw);height:44px}.trivia-label{font-size:.6rem}.trivia-card{border-radius:13px}.game-head{flex-direction:column;align-items:stretch}.question-counter-lg{font-size:clamp(1.8rem,10vw,2.8rem)}.score-line-lg{gap:10px}.score-pill{min-height:38px;padding:0 12px;font-size:.92rem}.hint-button-lg{justify-content:center;width:100%}.answers-grid{grid-template-columns:1fr}.answer-button{min-height:62px}.answer-actions .trivia-primary-button{width:100%}.hint-dialog-title{font-size:clamp(1.8rem,10vw,2.5rem)}.answer-stamp{min-width:180px;padding:16px 20px}.answer-stamp-icon{width:52px;height:52px}}