:root{--primary-color:#0095F6;--primary-hover-color:#37B0FF;--background-color:#121218;--surface-color:#1c1c24;--border-color:#33333f;--text-color:#f0f0f5;--text-muted-color:#a0a0b0;--live-color:#2ecc71;--offline-color:#e74c3c;--font-primary:'Poppins',sans-serif;--font-secondary:'Inter',sans-serif;--border-radius:12px;--spacing:14px}@keyframes fadeInSlideDown{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}html{height:100%}*,*::before,*::after{box-sizing:border-box}body{min-height:100vh;background-color:var(--background-color);color:var(--text-color);font-family:var(--font-secondary);margin:0;padding:var(--spacing);display:flex;flex-direction:column}.container{width:100%;max-width:900px;margin:0 auto;display:flex;flex-direction:column;flex-grow:1}main{width:100%;flex-grow:1}#twitch-status-header{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:18px var(--spacing);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-bottom:calc(var(--spacing) * 1.5)}.status-light-container{display:flex;align-items:center;gap:12px}#twitch-light{width:10px;height:10px;border-radius:50%;transition:background-color .3s ease,box-shadow .3s ease}.light-on{background-color:var(--live-color);box-shadow:0 0 8px var(--live-color)}.light-off{background-color:var(--offline-color)}#status-text{font-family:var(--font-primary);font-size:1rem;font-weight:600;letter-spacing:1px;color:var(--text-muted-color)}#stream-info p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem;color:var(--text-color)}#twitch-button{background-color:var(--primary-color);color:#fff;font-family:var(--font-primary);font-weight:600;text-decoration:none;padding:10px 20px;border-radius:8px;font-size:.9rem;text-align:center;transition:background-color .2s ease}#twitch-button:hover{background-color:var(--primary-hover-color)}.tab-navigation{display:flex;justify-content:center;gap:10px;margin-bottom:calc(var(--spacing) * 1.5)}.tab-button{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-muted-color);padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1rem;font-family:var(--font-primary);font-weight:600;transition:all .2s ease}.tab-button:hover{border-color:var(--primary-color);color:var(--primary-color)}.tab-button.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.tab-content{display:none;animation:fadeInSlideDown .5s ease-out forwards}.tab-content.active{display:block}.fortnite-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing)}.stat-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:20px;text-align:center;transition:transform .2s ease,border-color .2s ease,color .2s ease,background-color .2s ease}.stat-card:hover{transform:translateY(-4px);border-color:var(--primary-color)}.timer-card{grid-column:1 / -1}.stat-card h3{font-family:var(--font-secondary);font-weight:500;font-size:.9rem;margin:0 0 12px;color:var(--text-muted-color);letter-spacing:1px;text-transform:uppercase}.stat-card p{font-family:var(--font-primary);font-weight:700;margin:0;line-height:1;font-size:2.8rem;color:var(--text-color)}.timer-card p{font-size:3.5rem;color:var(--primary-color)}.share-container{display:flex;justify-content:center;margin-top:calc(var(--spacing) * 1.5)}#generate-share-image-button{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color);font-family:var(--font-primary);font-weight:600;text-decoration:none;padding:12px 24px;border-radius:8px;font-size:1rem;text-align:center;cursor:pointer;transition:all .2s ease}#generate-share-image-button:hover{background-color:var(--primary-color);color:#fff}#generate-share-image-button:disabled{opacity:.6;cursor:not-allowed}.clips-container h2{font-family:var(--font-primary);font-size:1.5rem;font-weight:600;text-align:center;margin:0}.clips-sort-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin:var(--spacing) 0;flex-wrap:wrap;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:10px}.sort-select{background-color:#2a2a33;color:var(--text-color);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px}.clips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing)}.clip-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.clip-card:hover{transform:translateY(-4px);border-color:var(--primary-color)}.clip-thumbnail{position:relative}.clip-thumbnail img{width:100%;display:block;aspect-ratio:16 / 9;background-color:#000}.clip-views{position:absolute;bottom:8px;left:8px;background-color:rgba(0,0,0,.7);color:#fff;padding:4px 8px;border-radius:6px;font-size:.8rem}.clip-info{padding:12px}.clip-info h4{margin:0 0 4px;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.clip-info .clip-creator{font-size:.8rem;color:var(--primary-color);margin-bottom:4px;font-weight:500}.clip-info p{margin:0;font-size:.85rem;color:var(--text-muted-color)}.pagination-container{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:calc(var(--spacing) * 1.5)}.pagination-button{background-color:var(--surface-color);border:1px solid var(--border-color);color:var(--text-muted-color);border-radius:6px;padding:8px 12px;cursor:pointer;transition:all .2s ease}.pagination-button:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.pagination-button.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{margin:0 10px}.last-updated-info{text-align:center;width:100%;margin-top:calc(var(--spacing) * 1.2);font-size:.85rem;color:var(--text-muted-color);font-style:italic}#leaderboard-container{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:12px;margin-bottom:var(--spacing)}#leaderboard-container h2{font-family:var(--font-primary);font-size:1.1rem;font-weight:600;text-align:center;color:var(--primary-color);margin:0 0 12px}#leaderboard-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.leaderboard-item{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:10px;padding:6px 10px;background-color:var(--background-color);border-radius:6px;border:1px solid var(--border-color);font-size:.9rem;transition:all .2s ease}.leaderboard-item.leaderboard-item--top1{grid-column:1 / -1;justify-self:center;width:60%;border-color:var(--primary-color);box-shadow:0 0 8px rgba(0,149,246,.4)}.leaderboard-item .rank{font-weight:700;font-family:var(--font-primary);color:var(--text-muted-color);font-size:.9rem}.leaderboard-item .name{font-weight:500;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-item .count{font-weight:600;font-family:var(--font-primary);background-color:#3e3e4a;color:var(--text-color);padding:3px 8px;border-radius:5px;font-size:.8rem}.leaderboard-item--top1 .count{background-color:var(--primary-color);color:#fff}footer{text-align:center;padding-top:var(--spacing);border-top:1px solid var(--border-color);flex-shrink:0;margin-top:auto}
footer .footer-content {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

footer p{margin:0;font-size:.9rem;color:var(--text-muted-color)}footer a{color:var(--primary-color);text-decoration:none;font-weight:600}footer a:hover{color:var(--primary-hover-color);text-decoration:underline}
footer #quiz-api-credit {
    font-size: 0.9rem;
    color: var(--text-muted-color);
}
.hidden-credit {
    display: none !important;
}
.active-quiz-credit {
    display: block !important; 
}

#clip-modal,#share-image-modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;backdrop-filter:blur(5px);overflow-y:auto}.modal-hidden{display:none!important}.modal-content{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing);text-align:center;max-width:90%;max-height:90%;animation:fadeInSlideDown .3s ease-out;width:960px;position:relative}.modal-close{position:absolute;top:15px;right:35px;color:#aaa;font-size:28px;font-weight:700;cursor:pointer}.modal-close:hover{color:#fff}#clip-embed-container{position:relative;width:100%;padding-top:56.25%}#clip-embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;border:none}.share-image-modal-content{width:auto;max-width:90%;padding:10px}#generated-image-preview-container{margin-top:0px;margin-bottom:0px;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:5px;background-color:rgba(0,0,0,0);display:inline-block;justify-content:center;align-items:center}#generated-image-preview-container img{max-width:100%;height:auto;display:block;border-radius:var(--border-radius)}.share-image-actions{display:flex;justify-content:center;gap:15px;margin-top:20px}.share-image-actions button{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.95rem;font-family:var(--font-primary);font-weight:600;cursor:pointer;transition:background-color .2s ease}.share-image-actions button:hover{background-color:var(--primary-hover-color)}.share-image-actions button:disabled{opacity:.6;cursor:not-allowed}.share-image-instructions{font-size:.85rem;color:var(--text-muted-color);margin-top:25px;font-style:italic}@media (max-width:768px){#twitch-status-header{grid-template-columns:1fr;text-align:center;gap:15px}#stream-info p{white-space:normal}#twitch-button{width:100%}.fortnite-stats-grid{grid-template-columns:1fr 1fr}.timer-card{grid-column:1 / -1}#leaderboard-list{grid-template-columns:1fr 1fr}.leaderboard-item.leaderboard-item--top1{width:90%}}@media (max-width:500px){.fortnite-stats-grid{grid-template-columns:1fr 1fr}.timer-card{grid-column:1 / -1}#leaderboard-list{grid-template-columns:1fr}.leaderboard-item.leaderboard-item--top1{width:100%}.modal-content{padding:14px}.modal-close{top:10px;right:15px;font-size:24px}.share-image-actions{flex-direction:column;gap:10px}}#image-render-template{position:absolute;top:-9999px;left:-9999px;width:700px;background-color:var(--surface-color);color:#f0f0f5;font-family:'Poppins',sans-serif;padding:40px 50px;text-align:center;border:3px solid var(--primary-hover-color);border-radius:var(--border-radius);box-sizing:border-box}.irt-super-title{font-size:1.2rem;font-weight:500;color:var(--text-muted-color);letter-spacing:2px;margin:0}.irt-main-title{font-size:4.5rem;font-weight:700;color:var(--primary-color);margin:0;line-height:1.1;text-transform:uppercase}.irt-timestamp{font-size:1rem;font-family:'Inter',sans-serif;color:var(--text-muted-color);margin:5px 0 35px}.irt-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;margin-bottom:35px;padding-bottom:30px;border-bottom:1px solid var(--border-color)}.irt-stat-item{display:flex;flex-direction:column;padding:15px}.irt-stat-item:nth-child(1),.irt-stat-item:nth-child(2){border-right:1px solid var(--border-color)}.irt-stat-label{font-size:1.1rem;color:var(--text-muted-color);margin-bottom:8px;font-weight:500}.irt-stat-value{font-size:4rem;font-weight:700;line-height:1}.irt-stat-item:nth-child(n+4) .irt-stat-label{font-size:1rem}.irt-stat-item:nth-child(n+4) .irt-stat-value{font-size:2.5rem}.irt-twitch-link{font-size:1.2rem;font-weight:600;color:var(--primary-hover-color);margin:0}.quiz-info-box{text-align:center;background-color:var(--surface-color);border:1px solid var(--border-color);border-left:4px solid var(--primary-color);border-radius:var(--border-radius);padding:calc(var(--spacing)*1.5);margin-bottom:calc(var(--spacing)*1.5)}.quiz-info-box h3{margin:0 0 10px;font-family:var(--font-primary);color:var(--primary-color);font-size:1.2rem}.quiz-info-box p{margin:0;line-height:1.6;color:var(--text-muted-color)}.quizz-container{display:grid;grid-template-columns:350px 1fr;gap:var(--spacing);align-items:flex-start}@media (max-width:800px){.quizz-container{grid-template-columns:1fr;gap:calc(var(--spacing)*2)}}#quiz-leaderboard-container,#quiz-history-container{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:calc(var(--spacing)*1.0)}#quizz-tab-content h2{font-family:var(--font-primary);font-size:1.5rem;font-weight:600;text-align:center;margin-top:0;margin-bottom:1.2rem;color:var(--primary-color);letter-spacing:.5px}#quiz-leaderboard-list{display:flex;flex-direction:column;gap:4px}.quiz-leaderboard-item{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;padding:9.5px;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;font-size:1rem;transition:transform .2s ease,border-color .2s ease}.quiz-leaderboard-item:hover{transform:scale(1.02);border-color:var(--primary-color)}.quiz-leaderboard-item.empty{opacity:.5}.quiz-leaderboard-item .rank{font-weight:700;font-family:var(--font-primary);color:var(--text-muted-color);justify-self:center}.quiz-leaderboard-item .name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-leaderboard-item .score{font-weight:600;background-color:#3e3e4a;padding:4px 10px;border-radius:6px;font-size:.9rem}.quiz-leaderboard-item.rank-1{border-left:4px solid #ffd700}.quiz-leaderboard-item.rank-2{border-left:4px solid #c0c0c0}.quiz-leaderboard-item.rank-3{border-left:4px solid #cd7f32}.quiz-leaderboard-item.rank-1 .rank{color:#ffd700}.quiz-leaderboard-item.rank-2 .rank{color:#c0c0c0}.quiz-leaderboard-item.rank-3 .rank{color:#cd7f32}#quiz-history-list{display:flex;flex-direction:column;gap:8px;max-height:505px;overflow-y:auto;padding-right:10px;scrollbar-color:var(--primary-color) transparent;scrollbar-width:thin}#quiz-history-list::-webkit-scrollbar{width:8px}#quiz-history-list::-webkit-scrollbar-track{background:transparent}#quiz-history-list::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:10px}.quiz-history-item{background-color:var(--background-color);padding:14px;border-radius:8px;border:1px solid var(--border-color);transition:border-color .2s ease}.quiz-history-item:hover{border-color:var(--primary-color)}.quiz-history-item .question{font-weight:600;font-size:1.05rem;margin:0 0 8px;line-height:1.4;color:var(--text-color)}.quiz-history-item .answer{margin:8px 0 12px;font-size:.9rem;color:var(--text-muted-color);font-style:italic;padding-left:10px;border-left:2px solid var(--border-color)}.quiz-history-item .answer strong{color:var(--text-color);font-style:normal}.quiz-history-item .answer-info{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-muted-color);padding-top:10px;border-top:1px solid var(--border-color)}.quiz-history-item .winner-name{font-weight:700;color:var(--live-color)}.quiz-history-item .points{font-weight:600;font-family:var(--font-primary)}.placeholder{text-align:center;color:var(--text-muted-color);padding:2rem}.promo-card{margin-top:calc(var(--spacing)*2);background:var(--surface-color);border-radius:var(--border-radius);border:1px solid var(--border-color);padding:calc(var(--spacing)*1.5);display:flex;align-items:center;justify-content:space-between;gap:20px}.promo-content h3{margin:0 0 8px;font-family:var(--font-primary);color:var(--primary-color);font-size:1.2rem}.promo-content p{margin:0;line-height:1.6;color:var(--text-muted-color);font-size:.9rem}.promo-button{background-color:var(--primary-color);color:#fff;font-family:var(--font-primary);font-weight:600;text-decoration:none;padding:12px 24px;border-radius:8px;font-size:1rem;text-align:center;transition:background-color .2s ease}.promo-button:hover{background-color:var(--primary-hover-color)}@media(max-width:600px){.promo-card{flex-direction:column;text-align:center}.promo-button{width:100%}}