.quiz-page{background:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#312e81);min-height:100vh}.quiz-card{background:rgba(30,27,75,.8);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.05)}.card-thumbnail{width:150px;height:210px;object-fit:cover;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.4);transition:transform .2s ease}.card-thumbnail:hover{transform:scale(1.05)}.card-thumbnail.location{width:150px;height:210px;transform:rotate(90deg);margin:0 30px}.card-thumbnail.location:hover{transform:rotate(90deg) scale(1.05)}@media (min-width:640px){.card-thumbnail{width:200px;height:280px}.card-thumbnail.location{width:200px;height:280px;margin:0 40px}}@media (min-width:768px){.card-thumbnail{width:225px;height:315px}.card-thumbnail.location{width:225px;height:315px;margin:0 45px}}.answer-option{background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.answer-option:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:rgba(245,178,2,.5);transform:translateX(4px)}.answer-option.selected{background:rgba(245,178,2,.15);border-color:rgba(245,178,2,.8)}.answer-option.correct{background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.8)}.answer-option.incorrect{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.8)}.answer-option.revealed{cursor:default}.answer-option.revealed:hover{transform:none}.submit-btn{background:linear-gradient(135deg,#f5b202,#d4990a);color:#0f172a;font-weight:700;padding:14px 32px;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px rgba(245,178,2,.3)}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px rgba(245,178,2,.4)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.next-btn{background:rgba(255,255,255,.1);color:#e2e8f0;font-weight:600;padding:14px 32px;border-radius:12px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s ease}.next-btn:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);transform:translateY(-2px)}.result-banner{padding:16px 24px;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:12px}.result-banner.correct{background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.4);color:#86efac}.result-banner.incorrect{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.4);color:#fca5a5}.explanation-box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px}.rules-ref{padding:4px 10px;background:rgba(1,137,196,.2);border:1px solid rgba(1,137,196,.4);border-radius:6px;font-size:13px;font-weight:500;color:#7dd3fc}.rules-ref,.score-badge{display:inline-flex;align-items:center}.score-badge{gap:8px;padding:8px 16px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:9999px;font-size:14px;font-weight:600;color:#e2e8f0}.poll-stat{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(129,55,123,.2);border:1px solid rgba(129,55,123,.4);border-radius:8px;font-size:13px;color:#e879f9}.gradient-text{background:linear-gradient(90deg,#f5b202,#0189c4,#81377b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.card-reference{color:#f5b202;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.loading-pulse{animation:pulse 1.5s ease-in-out infinite}