*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:#121212;color:#fff;font-family:"Roboto Condensed",sans-serif;font-weight:400;min-height:100vh;display:flex;flex-direction:column;align-items:center}h1,h2,h3{font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:2px}header{text-align:center;padding:2.5rem 1rem 1rem}header h1{font-size:2.5rem;color:#d3010c;margin-bottom:.25rem}header .subtitle{font-size:1.1rem;opacity:.8;font-style:italic}main{width:100%;max-width:560px;padding:0 1rem;flex:1}#loading,#error{text-align:center;padding:3rem 0;font-size:1.1rem}#error p{color:#d3010c}#player-container{position:relative;width:100%;max-width:500px;height:60px;overflow:hidden;border:3px solid #d3010c;margin:0 auto 1.5rem}#player-container iframe{position:absolute;top:-250px;left:0;width:100%;height:315px;border:0}#quiz-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}#club-select{width:100%;padding:.75rem 1rem;font-family:"Roboto Condensed",sans-serif;font-size:1rem;background:#1e1e1e;color:#fff;border:2px solid #fff;border-radius:0;appearance:none;-webkit-appearance:none;cursor:pointer;outline:none}#club-select:focus{border-color:#d3010c}#club-select option{background:#1e1e1e;color:#fff}button{font-family:"Roboto Condensed",sans-serif;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:.85rem 2rem;background:rgba(0,0,0,0);color:#fff;border:2px solid #fff;border-radius:0;cursor:pointer;transition:background .2s,color .2s}button:hover{background:#d3010c;border-color:#d3010c}button:disabled{opacity:.4;cursor:not-allowed}button:disabled:hover{background:rgba(0,0,0,0);border-color:#fff}#start-btn{width:100%;max-width:360px;margin:3rem auto;padding:1.25rem 2rem;font-size:1.5rem;background:#d3010c;border-color:#d3010c;animation:pulse 2s infinite}#start-btn:hover{background:rgb(251.6075471698,1.1924528302,14.3094339623);border-color:rgb(251.6075471698,1.1924528302,14.3094339623)}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(211,1,12,.6)}50%{box-shadow:0 0 0 12px rgba(211,1,12,0)}}#check-btn{animation:pulse 2s infinite}#feedback{text-align:center;margin-bottom:1.5rem}#feedback p{font-size:1.15rem;font-weight:700}.feedback-wrong{color:#d3010c}.feedback-correct{color:#28a745}#round-progress{text-align:center;margin-bottom:1rem;font-size:.95rem;opacity:.6;text-transform:uppercase;letter-spacing:1px}#results{text-align:center;padding:2rem 0}#results h2{font-size:2rem;color:#d3010c;margin-bottom:1.5rem}#results p{font-size:1.25rem;margin-bottom:.5rem}#next-round-btn{display:block;width:100%;max-width:360px;margin:2rem auto 0;padding:1rem 2rem;font-size:1.25rem;background:#d3010c;border-color:#d3010c;animation:pulse 2s infinite}#next-round-btn:hover{background:rgb(251.6075471698,1.1924528302,14.3094339623);border-color:rgb(251.6075471698,1.1924528302,14.3094339623)}#overlay{display:none;position:fixed;inset:0;background:#28a745;align-items:center;justify-content:center;z-index:100}#overlay.visible{display:flex;animation:overlayFade 1.6s ease forwards}@keyframes overlayFade{0%{opacity:1}70%{opacity:1}100%{opacity:0}}#overlay-content span{font-size:6rem;font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:6px;color:#fff}footer{text-align:center;padding:1.5rem 1rem;opacity:.4;font-size:.85rem}footer .disclaimer{margin-top:.75rem;font-size:.7rem}@media(max-width: 480px){header h1{font-size:1.8rem}#overlay-content span{font-size:4rem}}/*# sourceMappingURL=main.css.map */