.loading-spinner{display:none;text-align:center;padding:3rem}.loading-spinner .spinner-grow{width:1rem;height:1rem;margin:0 .25rem;background-color:var(--gold)}.game-header-row{padding:0 .5rem}.timer-container{position:relative;width:100px;height:100px}.timer-circle{width:100%;height:100%;border-radius:50%;background:conic-gradient(var(--accent-yellow) var(--timer-progress,100%),rgba(255,255,255,.2) 0%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(240,230,140,.4),inset 0 0 20px rgba(0,0,0,.3);transition:background .3s;border:3px solid var(--line-white)}.timer-circle.warning{background:conic-gradient(#ffc107 var(--timer-progress,100%),rgba(255,255,255,.2) 0%);box-shadow:0 0 25px rgba(255,193,7,.5)}.timer-circle.danger{background:conic-gradient(var(--danger-red) var(--timer-progress,100%),rgba(255,255,255,.2) 0%);box-shadow:0 0 25px rgba(220,53,69,.5);animation:pulse .5s infinite}.timer-inner{width:75px;height:75px;border-radius:50%;background:var(--pitch-dark);display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px solid rgba(255,255,255,.3)}.timer-text{font-size:1.5rem;font-weight:700;color:var(--line-white)}.score-panel{background:rgba(0,0,0,.4);border-radius:15px;padding:1rem;border:2px solid rgba(255,255,255,.2);box-shadow:inset 0 0 20px rgba(0,0,0,.3)}.score-value{font-size:2.2rem;font-weight:800;color:var(--gold);text-shadow:0 0 15px rgba(255,215,0,.5)}.streak-badge{background:linear-gradient(135deg,var(--gold),#fa0);color:#000;padding:.25rem .75rem;border-radius:20px;font-weight:700;font-size:.8rem;display:inline-flex;align-items:center;gap:.25rem;animation:glow 1.5s infinite}.xp-container{background:rgba(0,0,0,.4);border-radius:10px;padding:.5rem;margin-top:.5rem}.xp-bar{height:8px;border-radius:4px;background:rgba(255,255,255,.1);overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--accent-yellow));border-radius:4px;transition:width .5s ease}.level-badge{background:linear-gradient(135deg,var(--gold),#fa0);color:#000;padding:.25rem .5rem;border-radius:5px;font-weight:800;font-size:.75rem}.draggable-area{box-shadow:0 10px 30px rgba(0,0,0,.3),inset 0 0 30px rgba(255,255,255,.05);margin-bottom:2rem;background:rgba(0,0,0,.3);border-radius:20px;padding:2rem;border:2px solid rgba(255,255,255,.1)}.draggable-area-title{color:var(--accent-yellow);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.instruction-text{background:rgba(255,255,255,.1);border-radius:10px;padding:.75rem 1rem;margin-bottom:1rem;border-left:4px solid var(--accent-yellow)}.instruction-text i{color:var(--accent-yellow)}.team-icon{background:rgba(255,255,255,1);display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 5px 15px rgba(0,0,0,.4),inset 0 -3px 10px rgba(0,0,0,.1);overflow:hidden;padding:1rem;position:relative}.team-icon img{max-width:212px;max-height:212px;object-fit:contain}.team-icon .placeholder-icon{font-size:2.5rem;color:var(--pitch-dark);opacity:.5}#team1Icon img,#team2Icon img{transition:filter .5s ease-out}.team-icon-small{width:36px;height:36px;background:rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:3px 5px 0 0;box-shadow:0 5px 15px rgba(0,0,0,.4),inset 0 -3px 10px rgba(0,0,0,.1);overflow:hidden;float:left}.team-name-wrapper{width:auto;float:left;margin-left:5px}.draggable-card{background:var(--pitch-light);border:3px solid rgba(255,255,255,.3);border-radius:15px;padding:1rem;cursor:grab;transition:all .3s ease;user-select:none;position:relative}.score-card{font-size:2.5rem;font-weight:800;display:flex;align-items:center;justify-content:center;color:var(--line-white);text-shadow:2px 2px 4px rgba(0,0,0,.5)}.card-type-label{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--pitch-dark);color:var(--accent-yellow);font-size:.65rem;font-weight:700;text-transform:uppercase;padding:.2rem .5rem;border-radius:10px;border:1px solid var(--accent-yellow);letter-spacing:1px}.hint-link{color:var(--accent-yellow);font-size:.8rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;margin-top:.75rem;transition:all .3s;padding:.25rem .5rem;border-radius:5px;background:rgba(0,0,0,.3)}.hint-link:hover{color:var(--line-white);background:rgba(255,215,0,.2);text-shadow:0 0 10px var(--accent-yellow)}.cards-wrapper{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cards-section{display:flex;flex-direction:column;align-items:center}.cards-section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.5);margin-bottom:.5rem}.cards-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.placed-item{display:flex;flex-direction:column;align-items:center}.placed-item .team-icon,.placed-item .score-display{margin:0}.score-display{font-size:2.5rem;font-weight:800;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.drop-zone-section{background:linear-gradient(145deg,rgba(0,0,0,.4),rgba(0,0,0,.2));border-radius:20px;padding:1.5rem;border:3px dashed rgba(255,255,255,.3);position:relative}.drop-zone-section::before{content:'DROP ZONE';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--pitch-dark);color:rgba(255,255,255,.5);font-size:.75rem;font-weight:700;letter-spacing:2px;padding:.25rem 1rem}.drop-zone-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center}.drop-zone{min-height:120px;border:3px dashed rgba(255,255,255,.4);border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;background:rgba(0,0,0,.2);position:relative;cursor:pointer}.drop-zone.team-zone{min-height:150px}.drop-zone.score-zone{min-height:90px;width:90px}.drop-zone:hover{border-color:var(--accent-yellow);background:rgba(255,215,0,.1)}.drop-zone.drag-over,.drop-zone.click-target{border-color:var(--gold);border-style:solid;background:rgba(255,215,0,.2);transform:scale(1.02);box-shadow:0 0 30px rgba(255,215,0,.4)}.drop-zone.filled{border-style:solid;border-color:var(--line-white);background:rgba(255,255,255,.1)}.drop-zone.shake{animation:shake .3s ease;border-color:var(--danger-red)!important}.drop-zone-label{color:rgba(255,255,255,.6);font-size:.85rem;text-transform:uppercase;letter-spacing:1px;margin-top:.5rem;font-weight:600}.drop-zone-icon{font-size:2rem;color:rgba(255,255,255,.3)}.vs-badge{background:linear-gradient(135deg,var(--danger-red),#a71d2a);color:#fff;padding:.75rem 1.25rem;border-radius:10px;font-weight:800;font-size:1.3rem;box-shadow:0 5px 15px rgba(220,53,69,.4);border:2px solid rgba(255,255,255,.3)}.match-date-badge{background:linear-gradient(135deg,var(--pitch-light),var(--pitch-dark));padding:.75rem 1.5rem;border-radius:25px;font-weight:700;font-size:1rem;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 5px 15px rgba(0,0,0,.3);border:2px solid var(--line-white)}.match-date-badge i{color:var(--accent-yellow)}.clues-accordion{background:rgba(0,0,0,.3);border-radius:15px;overflow:hidden;border:2px solid rgba(255,255,255,.2)}.clues-accordion .accordion-button{background:rgba(0,0,0,.4);color:#fff;font-weight:600}.clues-accordion .accordion-button:not(.collapsed){background:rgba(255,215,0,.1);color:var(--accent-yellow)}.clues-accordion .accordion-button::after{filter:invert(1)}.clues-accordion .accordion-body{background:rgba(0,0,0,.2);color:rgba(255,255,255,.8)}.submit-btn,#resetAnswers{padding:1rem 3rem;font-size:1.2rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;border-radius:50px;cursor:pointer;transition:all .3s ease;border:3px solid rgba(255,255,255,.3)}.submit-btn{background:linear-gradient(135deg,var(--gold),#daa520);color:var(--pitch-dark);box-shadow:0 5px 25px rgba(255,215,0,.4)}.submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 35px rgba(255,215,0,.6)}.submit-btn:disabled{background:rgba(255,255,255,.2);color:rgba(255,255,255,.4);cursor:not-allowed;box-shadow:none;border-color:rgba(255,255,255,.1)}#resetAnswers{background:linear-gradient(135deg,#6c757d,#495057);color:var(--line-white);box-shadow:0 5px 25px rgba(108,117,125,.4)}#resetAnswers:hover{transform:translateY(-3px);box-shadow:0 10px 35px rgba(108,117,125,.6);background:linear-gradient(135deg,#5a6268,#343a40)}#resetAnswers:active{transform:translateY(0)}#submitAnswer{transition:all .2s ease}#submitAnswer:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none!important}#submitAnswer:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(255,193,7,.4)}.radio-pill{position:relative;padding:0 .5rem;margin-bottom:.5rem}.radio-pill input[type="radio"]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.radio-pill label{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.65rem 1rem;margin:0;font-size:.875rem;font-weight:500;color:#6c757d;background:#f8f9fa;border:2px solid #e9ecef;border-radius:999px;cursor:pointer;user-select:none;transition:all .18s ease-out}.radio-pill-indicator{flex-shrink:0;width:18px;height:18px;border:2px solid #adb5bd;border-radius:50%;background:#fff;position:relative;transition:all .18s ease-out}.radio-pill-indicator::after{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:#212529;transform:translate(-50%,-50%) scale(0);transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.radio-pill label:hover{border-color:#ffc107;background:#fffbeb;color:#212529;transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,0,0,.08)}.radio-pill label:hover .radio-pill-indicator{border-color:#ffc107}.radio-pill input[type="radio"]:checked+label{background:linear-gradient(135deg,#ffc107 0%,#ffb300 100%);border-color:#ff9800;color:#212529;font-weight:600;box-shadow:0 4px 14px rgba(255,193,7,.4),inset 0 1px 0 rgba(255,255,255,.3)}.radio-pill input[type="radio"]:checked+label .radio-pill-indicator{border-color:#212529;background:#fff}.radio-pill input[type="radio"]:checked+label .radio-pill-indicator::after{transform:translate(-50%,-50%) scale(1)}.radio-pill input[type="radio"]:focus-visible+label{outline:3px solid rgba(255,193,7,.5);outline-offset:2px}.badge-container{display:flex;gap:.5rem;flex-wrap:wrap}.achievement-badge{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;position:relative;transition:all .3s}.achievement-badge.locked{background:rgba(255,255,255,.1);color:rgba(255,255,255,.3)}.achievement-badge.unlocked{background:linear-gradient(135deg,var(--gold),#fa0);color:#000;animation:badgeUnlock .5s ease}.achievement-badge:hover{transform:scale(1.1)}.result-modal .modal-content{background:linear-gradient(135deg,var(--pitch-dark),#0d2818);border:3px solid var(--gold);border-radius:20px}.result-icon{font-size:5rem;margin-bottom:1rem}.result-icon.win{color:var(--gold)}.result-icon.partial{color:var(--accent-yellow)}.result-icon.lose{color:var(--danger-red)}.points-earned{font-size:3rem;font-weight:800;color:var(--gold)}.modal-game-theme{background:linear-gradient(135deg,var(--pitch-dark),#0d2818);border:2px solid var(--gold)}.modal-game-theme.modal-danger{border-color:var(--danger-red)}.hint-alert{background:rgba(255,215,0,.1);border:1px solid var(--gold);color:#fff}.alert-warning{background-color:rgba(255,193,7,.1);border:2px solid #ffc107;color:#fff}.alert-warning .btn-close{filter:invert(1)}#achievementAlert{display:none}.click-instruction{display:none;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--pitch-dark);padding:.75rem 1.5rem;border-radius:25px;font-weight:700;z-index:1000;box-shadow:0 5px 20px rgba(0,0,0,.3);animation:bounce 1s infinite}.click-instruction.show{display:block}.cancel-selection{position:fixed;bottom:70px;left:50%;transform:translateX(-50%);z-index:1000;display:none}.cancel-selection.show{display:block}.mobile-controls{display:none;background:rgba(0,0,0,.5);border-radius:10px;padding:.5rem;margin-top:1rem;border:1px solid rgba(255,255,255,.2)}.mobile-controls .btn{font-size:.75rem}.form-select{background-color:var(--pitch-dark);border-color:rgba(255,255,255,.3);color:#fff}.form-select:focus{border-color:var(--gold);box-shadow:0 0 0 .25rem rgba(255,215,0,.25)}.form-select option{background-color:var(--pitch-dark)}.confetti{position:fixed;width:10px;height:10px;top:-10px;animation:confetti-fall 3s linear forwards;z-index:9999}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,100%{box-shadow:0 0 5px var(--gold)}50%{box-shadow:0 0 15px var(--gold),0 0 25px var(--gold)}}@keyframes selected-pulse{0%,100%{box-shadow:0 0 20px var(--gold),0 0 40px rgba(255,215,0,.5)}50%{box-shadow:0 0 30px var(--gold),0 0 60px rgba(255,215,0,.7)}}@keyframes badgeUnlock{0%{transform:scale(0) rotate(-180deg)}50%{transform:scale(1.3) rotate(10deg)}100%{transform:scale(1) rotate(0deg)}}@keyframes confetti-fall{to{top:100vh;transform:rotate(720deg)}}@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media(max-width:400px){.radio-pill label{padding:.55rem .75rem;font-size:.8rem;gap:.35rem}.radio-pill-indicator{width:16px;height:16px}}@media(max-width:576px){.submit-btn,#resetAnswers{padding:.6rem 1.25rem;font-size:.85rem;letter-spacing:1px}.score-panel{padding:.75rem}.score-value{font-size:1.8rem}.instruction-text{font-size:.85rem;padding:.5rem .75rem}.draggable-area{padding:1rem}.drop-zone-section{padding:1rem}.vs-badge{font-size:1rem;padding:.5rem 1rem}}@media(max-width:767.98px){.game-header-row #timerSection{margin-bottom:.75rem}.game-header-row .score-panel{margin-top:0}}@media(max-width:768px){.drop-zone-grid{grid-template-columns:1fr;gap:.75rem}.vs-badge{display:none}.timer-container{width:70px;height:70px}.timer-inner{width:55px;height:55px}.timer-text{font-size:1.1rem}.team-icon{width:60px;height:60px}.score-card{font-size:2rem}.drop-zone.team-zone{min-height:100px}.drop-zone.score-zone{min-height:70px;width:70px}.mobile-controls{display:block}.draggable-area-title{font-size:.9rem}.submit-btn{padding:.75rem 2rem;font-size:1rem}#resetAnswers{padding:.75rem 1.75rem;font-size:.95rem;margin-bottom:.5rem}.text-center.my-4{display:flex;flex-direction:column;gap:.75rem;align-items:center}.text-center.my-4 .me-2{margin-right:0!important}}@media(min-width:768px){.game-header-row{min-height:120px}.game-header-row .score-panel{height:100%;display:flex;align-items:center}.game-header-row .score-panel>.row{width:100%}}