@import url(https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800&display=swap);.quiz-list-container,.quiz-tournament-container{font-family:Jost,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.quiz-card,.quiz-image{overflow:hidden;cursor:pointer}.no-quizzes,.pagination-btn,.quiz-actions,.quiz-card,.quiz-header,.quiz-list-header,.quiz-play-btn,.quiz-result,.quiz-start-stats h4,.stat-info,.stat-item{text-align:center}.quiz-page-container{padding:20px 0}.quiz-tournament-container{max-width:800px;margin:0 auto;padding:20px;background:0 0;border-radius:15px}.quiz-list-container{min-height:70vh;padding:15px 0 100px}.quiz-list-header{margin-bottom:50px;color:#fff}.badge,.quiz-card-content h3{color:#00c7fc;font-weight:600}.quiz-list-header h1{font-size:3rem;font-weight:700;margin-bottom:-5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.quiz-list-header p{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,380px));gap:30px;max-width:1200px;margin:0 auto;justify-content:center}.quiz-card{background:#2b303e;border-radius:15px;transition:transform .3s;display:flex;flex-direction:column;align-items:center;position:relative}.quiz-card:hover{transform:translateY(-8px) scale(1.03)}.quiz-card-image{width:100%;max-width:220px;margin:20px auto;display:flex;justify-content:center;align-items:center}.quiz-card-image img{max-width:100%;max-height:400px;object-fit:cover;border-radius:10px;display:block;margin:0 auto;aspect-ratio:2/3;width:100%}.badge{position:absolute;top:12px;padding:6px 10px;border-radius:20px;font-size:.8rem;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);box-shadow:0 2px 6px rgba(0,0,0,.2);white-space:nowrap;z-index:2;display:flex;align-items:center;gap:6px}.quiz-content,.quiz-image,.winner-image{position:relative}.badge-left{left:6px;background:#0f1217}.badge-right{right:6px;background:#0f1217}.badge svg{width:16px;height:16px}.quiz-image img,.winner-image img{width:100%;height:auto;display:block}.quiz-card-content{padding:0 0 5px;width:100%;margin-top:-7px}.quiz-card-content h3{font-size:1.4rem;margin-bottom:15px;line-height:1.3;padding:5px}.quiz-play-btn{display:inline-block;background:#111318;color:#00c7fc!important;padding:12px 25px;border-radius:25px;text-decoration:none;font-weight:600;width:100%;box-sizing:border-box}.no-quizzes{grid-column:1/-1;padding:60px 20px;background:#fff;border-radius:15px;box-shadow:0 8px 25px rgba(0,0,0,.15)}.no-quizzes h3{color:#333;margin-bottom:15px;font-size:1.5rem}.no-quizzes p{color:#666;margin-bottom:25px}.no-image-placeholder{height:200px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#999;font-style:italic}.quiz-title,.quiz-tour-indicator{color:#00c8fd;font-family:Jost,sans-serif}.quiz-header{margin-bottom:75px}.quiz-title{font-size:2rem;font-weight:700;margin:0 0 10px;line-height:1.2}.quiz-tour-indicator{font-size:1.2rem;font-weight:600;margin-bottom:10px;text-align:center}.quiz-images.hidden,.quiz-progress.hidden,.quiz-tour-indicator.hidden{display:none}.quiz-progress{font-size:1.1rem;color:#666;font-weight:500;font-family:Jost,sans-serif}.quiz-images{display:flex;gap:30px;justify-content:center;align-items:center;min-height:500px;margin-bottom:40px;padding:0 20px;max-width:1000px;margin-left:auto;margin-right:auto}.quiz-image{flex:1;max-width:400px;transition:.4s cubic-bezier(.25, .8, .25, 1);border-radius:20px;border:3px solid #2b303e}.quiz-image:hover{box-shadow:0 20px 40px rgba(0,0,0,.25);border-color:#00c7fc;transform:scale(1.05)}.quiz-image.selecting{pointer-events:none;opacity:.7;transform:scale(.98)}.quiz-image img{max-height:600px;transition:transform .4s cubic-bezier(.25, .8, .25, 1);aspect-ratio:2/3}.quiz-image.selected{transform:scale(1.05);box-shadow:0 0 0 3px #00c7fc}.quiz-image.winner{animation:1s ease-in-out winnerPulse}@keyframes winnerPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.quiz-restart-btn,.quiz-start-btn{background:#119bbf;color:#fff;border:none;padding:15px 30px;font-size:30px;font-weight:600;border-radius:8px;cursor:pointer;transition:.3s;text-transform:uppercase;letter-spacing:.5px;font-family:Jost,sans-serif}.quiz-restart-btn:hover,.quiz-start-btn:hover{background:#16839e;transform:translateY(-2px)}.quiz-result{color:#fff;border-radius:25px;margin-top:40px;backdrop-filter:blur(10px)}.quiz-result h3{font-size:45px;margin-bottom:20px;font-weight:700;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:-20px;font-family:Jost,sans-serif}.winner-image{width:260px;margin:0 auto 40px;border-radius:20px}.winner-image img{min-height:380px;object-fit:cover;border:3px solid #00c7fc}@keyframes winnerGlow{0%{box-shadow:0 20px 50px rgba(0,0,0,.4),0 0 30px rgba(255,215,0,.3)}100%{box-shadow:0 25px 60px rgba(0,0,0,.5),0 0 40px rgba(255,215,0,.5)}}.quiz-loading{display:flex;justify-content:center;align-items:center;min-height:200px}.quiz-loading::after{content:'';width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #00c8fd;border-radius:50%;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media (max-width:768px){.quiz-tournament-container{padding:15px}.quiz-title{font-size:1.5rem}.quiz-images{flex-direction:row;gap:15px;min-height:auto;justify-content:center}.quiz-image{flex:1;max-width:calc(50% - 7.5px);width:calc(50% - 7.5px)}.quiz-image img{height:300px;object-fit:cover;border-radius:15px}.quiz-restart-btn,.quiz-start-btn{padding:12px 25px;font-size:30px}.quiz-result h3{font-size:45px}.winner-image{max-width:100%}.winner-image img{height:300px}}.quiz-start-stats,.quiz-stats{padding:30px;background:rgba(255,255,255,.1);border-radius:15px;backdrop-filter:blur(10px)}@media (max-width:480px){.quiz-title{font-size:1.3rem}.quiz-images{gap:10px}.quiz-image{max-width:calc(50% - 5px);width:calc(50% - 5px)}.quiz-image img{height:300px;border-radius:12px}.quiz-result h3{font-size:45px}.winner-image img{height:250px}}.quiz-start-stats h4,.quiz-stats h4{font-size:35px;margin-bottom:25px;color:#fff;margin-top:-10px;font-weight:700;font-family:Jost,sans-serif}.quiz-image::after{content:'✓';position:absolute;top:10px;right:10px;background:#00c8fd;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;transform:scale(0);transition:.3s}.quiz-image.selected::after{opacity:1;transform:scale(1)}.quiz-stats{margin-top:40px}.quiz-start-stats{margin-top:100px}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.stat-item{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.15);padding:15px;border-radius:10px;backdrop-filter:blur(5px);transition:transform .3s}.stat-item:hover{transform:translateY(-5px)}.stat-image{width:70px;object-fit:cover;border-radius:8px;margin-right:15px;border:2px solid rgba(255,255,255,.3)}.stat-info{flex:1}.stat-rate{font-size:1.5rem;font-weight:700;color:#00c6fb;font-family:Jost,sans-serif}.stat-details{font-size:.9rem;opacity:.8;margin-top:5px;color:#fff;font-family:Jost,sans-serif}.pagination-container{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:25px;flex-wrap:wrap}.pagination-btn{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 15px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:.3s;min-width:40px;font-family:Jost,sans-serif}.pagination-btn:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5);transform:translateY(-2px)}.pagination-btn.active{background:#00c6fb;border-color:#00c6fb;color:#fff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pagination-btn:disabled:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3);transform:none}