.quiz-container{max-width:640px;margin:0 auto;padding:2.5rem 1.25rem 5rem;min-height:80vh}.quiz-topbar{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem}.nav-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--dark3);border:1px solid rgba(200,155,60,.2);color:var(--gold);cursor:pointer;border-radius:8px;flex-shrink:0;transition:background .2s,border-color .2s,color .2s}.nav-btn:hover{background:var(--dark4);border-color:var(--gold);color:var(--gold-light)}.progress-wrap{flex:1}.progress-track{height:5px;background:#ffffff12;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),#e8c96a);border-radius:3px;transition:width .4s cubic-bezier(.22,1,.36,1);box-shadow:0 0 8px #c89b3c66}.progress-count{font-family:Rajdhani,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.quiz-card{background:var(--glass-bg, rgba(15,18,28,.75));backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border, rgba(200,155,60,.18));border-radius:14px;padding:2rem 1.75rem 2.5rem;transition:opacity .3s ease,transform .3s ease}.quiz-badge{display:inline-flex;align-items:center;font-family:Rajdhani,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);background:#c89b3c14;border:1px solid rgba(200,155,60,.25);padding:.3rem .8rem;border-radius:20px;margin-bottom:1.25rem}.quiz-q{font-family:Cinzel,serif;font-size:clamp(1.2rem,3.5vw,1.6rem);color:var(--text-light);margin-bottom:2rem;line-height:1.35}.answers{display:grid;gap:.65rem}.answer-btn{display:flex;align-items:center;gap:.9rem;width:100%;padding:1rem 1.1rem;background:var(--dark3);border:1px solid rgba(200,155,60,.12);border-radius:9px;color:var(--text-light);cursor:pointer;text-align:left;font-size:.93rem;font-family:Inter,sans-serif;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;position:relative;overflow:hidden}.answer-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(200,155,60,.06),transparent);opacity:0;transition:opacity .2s}.answer-btn:hover{background:var(--dark4);border-color:#c89b3c73;transform:translate(4px);box-shadow:0 4px 16px #00000040,-3px 0 0 var(--gold)}.answer-btn:hover:before{opacity:1}.answer-btn:active{transform:translate(2px) scale(.99)}.ans-icon{font-size:1.4rem;flex-shrink:0;width:2rem;text-align:center}.ans-text{flex:1;line-height:1.3}.ans-arrow{font-size:.9rem;color:var(--gold);opacity:0;transform:translate(-4px);transition:opacity .2s,transform .2s;flex-shrink:0}.answer-btn:hover .ans-arrow{opacity:1;transform:translate(0)}#results-screen{transition:opacity .4s ease;width:min(920px,calc(100vw - 2.5rem));margin-left:50%;transform:translate(-50%);position:relative}.results-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:.55rem 1.1rem;border-radius:10px;border:1px solid rgba(200,155,60,.12);background:#0e111880}.results-icon{font-size:1.1rem;animation:crown-float 3s ease-in-out infinite;display:inline-block;flex-shrink:0}.results-title{font-family:Cinzel,serif;font-size:.9rem;color:var(--gold-light);text-shadow:0 0 16px rgba(200,155,60,.3);white-space:nowrap}.results-sub{display:none}.results-tiers-legend{display:flex;align-items:center;gap:.5rem;font-family:Rajdhani,sans-serif;font-size:.72rem;font-weight:600;color:var(--text-muted);letter-spacing:.06em;flex-shrink:0}.legend-item{display:flex;align-items:center;gap:.25rem}.legend-item b{font-family:Cinzel,serif;font-size:.82rem;font-weight:900}.legend-sep{opacity:.3}.mobile-dots{display:none}.champs-wrapper{margin-bottom:2rem}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.quiz-container.results-active{padding-left:0!important;padding-right:0!important;max-width:100vw!important;overflow:visible}@media (max-width: 600px){.quiz-container.results-active #results-screen{width:100vw;margin-left:0;transform:none;height:auto;display:flex;flex-direction:column;overflow:visible}.quiz-container.results-active .results-header{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;padding:.55rem 1rem .45rem;margin-bottom:0;border-radius:0;border-left:none;border-right:none}.quiz-container.results-active .results-icon,.quiz-container.results-active .results-sub{display:none}.quiz-container.results-active .results-title{font-size:.88rem;margin:0;white-space:nowrap}.quiz-container.results-active .results-tiers-legend{margin:0}.quiz-container.results-active .champs-wrapper{margin:0;width:100vw;padding:.5rem .5rem 0;box-sizing:border-box}.quiz-container.results-active .results-grid{display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:380px 220px;grid-template-areas:"s s" "a b";gap:.4rem;padding:0}.quiz-container.results-active .champ-result--s{grid-area:s}.quiz-container.results-active .champ-result--secondary:first-child{grid-area:a}.quiz-container.results-active .champ-result--secondary:last-child{grid-area:b}.quiz-container.results-active .champ-result{position:relative;overflow:hidden;border-radius:14px;width:100%;height:100%}.quiz-container.results-active .champ-result-img-wrap{position:absolute;inset:0;overflow:hidden}.quiz-container.results-active .champ-result-img-wrap img,.quiz-container.results-active .champ-result--s .champ-result-img-wrap img{height:100%!important;width:100%;object-fit:cover;object-position:top center}.quiz-container.results-active .champ-result-info{position:absolute;bottom:0;left:0;right:0;padding:.7rem .8rem .85rem;background:linear-gradient(to top,rgba(9,11,16,.96) 0%,rgba(9,11,16,.75) 55%,transparent 100%);z-index:3;gap:.2rem}.quiz-container.results-active .champ-result-name{color:#fff;font-size:.9rem}.quiz-container.results-active .champ-result-cta{color:#c89b3cd9;font-size:.65rem}.quiz-container.results-active .champ-result--secondary .champ-result-info{padding:.5rem .65rem .6rem}.quiz-container.results-active .champ-result--secondary .champ-result-name{font-size:.78rem}.quiz-container.results-active .champ-result--secondary .champ-result-faction,.quiz-container.results-active .champ-result--secondary .champ-result-match{display:none}.quiz-container.results-active .champ-result--secondary .diff-row-result{font-size:.68rem}.quiz-container.results-active .champ-result-name{color:#fff}.quiz-container.results-active .aff-card,.quiz-container.results-active .aff-banner{margin:.75rem .5rem 0}.quiz-container.results-active .restart-btn{margin:.5rem .5rem 1rem}.mobile-dots{display:flex;justify-content:center;gap:6px;padding:.4rem 0;flex-shrink:0;background:var(--dark, #090b10)}.mobile-dot{width:7px;height:7px;border-radius:50%;background:#c89b3c40;transition:background .2s,transform .2s}.mobile-dot.active{background:var(--gold, #c89b3c);transform:scale(1.3)}}.champ-result{position:relative;background:var(--glass-bg, rgba(15,18,28,.75));border:1px solid rgba(200,155,60,.18);border-radius:12px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:border-color .25s,transform .25s var(--ease-out),box-shadow .25s}.champ-result-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.08) 3px,rgba(0,0,0,.08) 4px);pointer-events:none;opacity:0;transition:opacity .3s;z-index:2}.champ-result:hover .champ-result-scanlines{opacity:1}.champ-result--s{border-color:#f0e6b280;box-shadow:0 0 0 1px #f0e6b226,0 0 30px #c89b3c33}.champ-result--s:hover{border-color:#f0e6b2cc;transform:translateY(-5px);box-shadow:0 0 0 1px #f0e6b24d,0 16px 40px #0009,0 0 50px #c89b3c4d}.champ-result--s:before{content:"";position:absolute;inset:-1px;border-radius:13px;background:linear-gradient(90deg,#c89b3c99,#f0e6b2cc,#c89b3c4d,#0bc4e34d,#c89b3c99);background-size:300% 100%;animation:border-shimmer 4s linear infinite;z-index:-1;opacity:.7}@keyframes border-shimmer{0%{background-position:0% center}to{background-position:300% center}}.tier-crown{position:absolute;top:-2px;left:50%;transform:translate(-50%);z-index:10;filter:drop-shadow(0 0 8px rgba(240,230,178,.6));animation:crown-float 3s ease-in-out infinite}@keyframes crown-float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}.champ-result-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3}.particle{position:absolute;width:3px;height:3px;background:#f0e6b2;border-radius:50%;bottom:20%;left:calc(10% + var(--i) * 15%);opacity:0;animation:particle-rise 3s ease-in var(--i, 0) * .3s infinite;box-shadow:0 0 4px #f0e6b2cc}@keyframes particle-rise{0%{opacity:0;transform:translateY(0) scale(0)}20%{opacity:.8;transform:translateY(-20px) scale(1)}to{opacity:0;transform:translateY(-80px) scale(.5)}}.champ-result-hero-info{position:absolute;bottom:0;left:0;right:0;z-index:4;padding:.6rem 1rem;background:linear-gradient(to top,rgba(9,11,16,.98) 0%,rgba(9,11,16,.6) 70%,transparent 100%)}.hero-match-row{display:flex;align-items:center;gap:.5rem}.match-track--hero{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.match-fill--s{height:100%;background:linear-gradient(90deg,#c89b3c,#f0e6b2,#e8c96a);border-radius:2px;box-shadow:0 0 10px #f0e6b299;animation:fill-glow 2s ease-in-out infinite alternate}@keyframes fill-glow{0%{box-shadow:0 0 6px #f0e6b266}to{box-shadow:0 0 14px #f0e6b2cc}}.match-label--s{font-family:Rajdhani,sans-serif;font-size:.8rem;font-weight:700;color:#f0e6b2;white-space:nowrap;text-shadow:0 0 8px rgba(240,230,178,.5)}.champ-result-name--s{color:var(--gold-light);text-shadow:0 0 16px rgba(200,155,60,.3)}.tier-badge{position:absolute;top:.6rem;right:.6rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:.9rem;font-weight:900;border-radius:50%;z-index:5}.tier-badge--s{background:linear-gradient(135deg,#f0e6b2,#c89b3c);color:#05070d;box-shadow:0 0 16px #f0e6b280,0 2px 8px #0006;width:40px;height:40px;font-size:1.1rem;top:.75rem;right:.75rem}.tier-badge--a{background:linear-gradient(135deg,#d0dce8,#8caccc);color:#0a0e14;box-shadow:0 0 12px var(--tier-glow, rgba(192,208,224,.3)),0 2px 6px #0006}.tier-badge--b{background:linear-gradient(135deg,#c8a068,#907040);color:#0a0e14;box-shadow:0 0 12px var(--tier-glow, rgba(160,120,80,.3)),0 2px 6px #0006}.champ-result--secondary{border-color:#c89b3c1f}.champ-result--secondary:hover{border-color:#c89b3c59;transform:translateY(-4px);box-shadow:0 12px 30px #00000073}.champ-result-img-wrap{position:relative;overflow:hidden;flex-shrink:0}.champ-result-img-wrap img{width:100%;height:380px;object-fit:cover;object-position:top center;display:block;transition:transform .4s var(--ease-out)}.champ-result--s .champ-result-img-wrap img{height:420px}.champ-result:hover .champ-result-img-wrap img{transform:scale(1.05)}.champ-result-overlay{position:absolute;bottom:0;left:0;right:0;height:70px;background:linear-gradient(to top,rgba(9,11,16,.95),transparent)}.champ-result-info{padding:.85rem;display:flex;flex-direction:column;gap:.3rem;flex:1}.champ-result-name{font-family:Cinzel,serif;font-size:.92rem;font-weight:700;color:var(--text-light);line-height:1.2}.champ-result-faction{font-family:Rajdhani,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.06em;color:var(--text-dim);text-transform:capitalize}.champ-result-match{display:flex;flex-direction:column;gap:.3rem;margin-top:.3rem}.match-track{height:3px;background:#ffffff12;border-radius:2px;overflow:hidden}.match-fill{height:100%;background:linear-gradient(90deg,#8892b0,#c0d0e0);border-radius:2px}.match-label{font-family:Rajdhani,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.05em;color:var(--text-muted)}.champ-result-cta{font-family:Rajdhani,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-top:.35rem;transition:color .2s}.champ-result:hover .champ-result-cta{color:var(--gold)}.champ-result--s .champ-result-cta{color:#c89b3cb3}.champ-result--s:hover .champ-result-cta{color:var(--gold-light)}.restart-btn{width:100%;padding:.9rem;background:transparent;border:1px solid rgba(200,155,60,.35);color:var(--gold);cursor:pointer;font-family:Rajdhani,sans-serif;font-size:.88rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:8px;transition:background .2s,color .2s,border-color .2s;margin:1.5rem 0}.restart-btn:hover{background:var(--gold);color:var(--dark);border-color:var(--gold)}@media (max-width: 640px){.quiz-container{padding:1.75rem 1rem 3.5rem}.quiz-card{padding:1.5rem 1.25rem 2rem}.results-header{padding:1.5rem 1rem 1.25rem}.results-title{font-size:clamp(1.2rem,4vw,1.6rem)}}@media (max-width: 480px){.quiz-container{padding:1.25rem .75rem 3rem}.quiz-card{padding:1.25rem 1rem 1.5rem}.quiz-q{font-size:clamp(1rem,3.5vw,1.4rem)}.answers{gap:.5rem}.answer-btn{padding:.85rem .9rem;font-size:.88rem}.ans-icon{font-size:1.2rem;width:1.75rem}.results-tiers-legend{gap:.4rem;font-size:.7rem}.tier-badge{width:28px;height:28px;font-size:.7rem;top:.5rem;right:.5rem}.quiz-badge{font-size:.65rem;padding:.2rem .65rem}}@media (max-width: 360px){.quiz-topbar{gap:.4rem}.nav-btn{width:36px;height:36px}.progress-count{font-size:.6rem}.results-tiers-legend{flex-wrap:wrap;justify-content:center}.legend-sep{display:none}.champ-result-info{padding:.6rem .75rem}.champ-result-name{font-size:.82rem}}