*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#d4af37;font-family:Georgia,Garamond,serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#d4af37;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#f0c040}.App{background-color:#000;min-height:100vh}:root{--gold-primary:#d4af37;--gold-light:#f0c040;--gold-dark:#b8942b;--black-bg:#000;--dark-bg:#1a1a1a;--error-red:#f44;--success-green:#4f4}.btn-gold{background:linear-gradient(145deg,#d4af37,#b8942b);background:linear-gradient(145deg,var(--gold-primary),var(--gold-dark));border:2px solid #f0c040;border:2px solid var(--gold-light);border-radius:5px;box-shadow:0 4px 15px #d4af374d;color:#000;cursor:pointer;font-family:Georgia,serif;font-size:18px;font-weight:700;letter-spacing:2px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.btn-gold:hover{background:linear-gradient(145deg,#f0c040,#d4af37);background:linear-gradient(145deg,var(--gold-light),var(--gold-primary));box-shadow:0 6px 20px #d4af3780;transform:translateY(-2px)}.btn-gold:active{transform:translateY(0)}.btn-gold:disabled{cursor:not-allowed;opacity:.5;transform:none}input[type=password],input[type=text],select,textarea{background-color:#1a1a1a;background-color:var(--dark-bg);border:2px solid #d4af37;border:2px solid var(--gold-primary);border-radius:5px;color:#d4af37;color:var(--gold-primary);font-family:Georgia,serif;font-size:16px;padding:12px;transition:all .3s ease}input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#f0c040;border-color:var(--gold-light);box-shadow:0 0 10px #d4af374d;outline:none}.card{background-color:#1a1a1a;background-color:var(--dark-bg);border:2px solid #d4af37;border:2px solid var(--gold-primary);border-radius:10px;box-shadow:0 4px 20px #d4af3733;padding:20px}@keyframes correct-flash{0%,to{background-color:#1a1a1a;background-color:var(--dark-bg)}50%{background-color:#4f43}}@keyframes incorrect-flash{0%,to{background-color:#1a1a1a;background-color:var(--dark-bg)}50%{background-color:#f443}}.correct-flash{animation:correct-flash 1s ease}.incorrect-flash{animation:incorrect-flash 1s ease}.spinning-coin{animation:spin 2s linear infinite;display:inline-block}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{animation:spinner 1s linear infinite;border:4px solid #d4af3733;border-radius:50%;border-top-color:#d4af37;border-top:4px solid var(--gold-primary);height:50px;margin:20px auto;width:50px}.text-center{text-align:center}.text-gold{color:#d4af37;color:var(--gold-primary)}.text-success{color:#4f4;color:var(--success-green)}.text-error{color:#f44;color:var(--error-red)}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mt-3{margin-top:30px}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}.mb-3{margin-bottom:30px}.landing-page{align-items:center;background:radial-gradient(ellipse at center,#1a0033 0,#000 50%,#0a0a0a 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.landing-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.particles{animation:float 15s ease-in-out infinite;background:var(--gold-primary);border-radius:50%;box-shadow:0 0 10px #d4af3780;height:4px;opacity:.3;position:absolute;width:4px}.particles:first-child{animation-delay:0s;animation-duration:12s;left:10%}.particles:nth-child(2){animation-delay:3s;animation-duration:18s;left:50%}.particles:nth-child(3){animation-delay:6s;animation-duration:14s;left:80%}@keyframes float{0%{opacity:0;transform:translateY(100vh) translateX(0) scale(0)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translateY(-100vh) translateX(100px) scale(1)}}.landing-content{animation:fadeInUp 1s ease-out;max-width:1200px;position:relative;text-align:center;width:100%;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.landing-logo-section{margin-bottom:50px}.landing-logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:30px;width:100%}.landing-logo-gif{animation:pulse-glow 3s ease-in-out infinite;border-radius:20px;box-shadow:0 0 30px #d4af3780,0 0 60px #d4af374d,0 0 90px #d4af371a;filter:drop-shadow(0 0 40px rgba(212,175,55,.8));height:auto;max-height:350px;max-width:350px;object-fit:contain;width:auto}.landing-title{animation:titleGlow 2s ease-in-out infinite alternate;color:var(--gold-primary);font-family:Georgia,Garamond,serif;font-size:64px;font-weight:700;letter-spacing:8px;margin-bottom:15px;text-align:center;text-shadow:0 0 10px #d4af3780,0 0 20px #d4af374d,0 0 30px #d4af3733,3px 3px 6px #000c}@keyframes titleGlow{0%{text-shadow:0 0 10px #d4af3780,0 0 20px #d4af374d,0 0 30px #d4af3733,3px 3px 6px #000c}to{text-shadow:0 0 20px #d4af37b3,0 0 30px #d4af3780,0 0 40px #d4af374d,3px 3px 6px #000c}}.landing-subtitle{animation:fadeIn 2s ease-in;color:#d4af37cc;font-size:24px;font-style:italic;letter-spacing:4px;margin-bottom:40px;text-transform:uppercase}.landing-description{margin-bottom:60px;margin-left:auto;margin-right:auto;max-width:700px}.description-text{color:#d4af37e6;font-size:20px;letter-spacing:1px;line-height:1.8;text-shadow:0 2px 4px #00000080}.landing-features{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:60px;margin-left:auto;margin-right:auto;max-width:1000px}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#d4af371a,#d4af370d);border:2px solid #d4af374d;border-radius:15px;padding:30px 20px;transition:all .3s ease}.feature-card:hover{background:linear-gradient(145deg,#d4af3733,#d4af371a);border-color:var(--gold-primary);box-shadow:0 10px 30px #d4af374d;transform:translateY(-5px)}.feature-icon{display:block;font-size:48px;margin-bottom:15px}.feature-title{color:var(--gold-primary);font-size:22px;font-weight:700;letter-spacing:1px;margin-bottom:10px}.feature-text{color:#d4af37cc;font-size:16px;line-height:1.6}.landing-actions{margin-bottom:40px}.btn-landing-login{align-items:center;background:linear-gradient(145deg,var(--gold-primary),var(--gold-dark));border:3px solid var(--gold-light);border-radius:10px;box-shadow:0 6px 20px #d4af3766,0 0 30px #d4af3733;color:#000;cursor:pointer;display:inline-flex;font-family:Georgia,serif;font-size:24px;font-weight:700;gap:15px;letter-spacing:3px;overflow:hidden;padding:18px 50px;position:relative;text-transform:uppercase;transition:all .3s ease}.btn-landing-login:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-landing-login:hover:before{left:100%}.btn-landing-login:hover{background:linear-gradient(145deg,var(--gold-light),var(--gold-primary));box-shadow:0 8px 30px #d4af3799,0 0 50px #d4af3766;transform:translateY(-3px) scale(1.05)}.btn-landing-login:active{transform:translateY(-1px) scale(1.02)}.btn-arrow,.btn-text{position:relative;z-index:1}.btn-arrow{font-size:28px;transition:transform .3s ease}.btn-landing-login:hover .btn-arrow{transform:translateX(5px)}.landing-footer{margin-top:40px}.footer-text{color:#d4af3799;font-size:16px;font-style:italic;letter-spacing:2px}@media (max-width:1024px){.landing-logo-gif{max-height:280px;max-width:280px}.landing-title{font-size:52px;letter-spacing:6px}.landing-subtitle{font-size:20px}.description-text{font-size:18px}.landing-features{gap:20px}}@media (max-width:768px){.landing-logo-gif{max-height:220px;max-width:220px}.landing-title{font-size:42px;letter-spacing:4px}.landing-subtitle{font-size:18px;letter-spacing:3px}.description-text{font-size:16px;padding:0 20px}.landing-features{gap:20px;grid-template-columns:1fr;padding:0 20px}.feature-card{padding:25px 20px}.btn-landing-login{font-size:20px;padding:16px 40px}}@media (max-width:480px){.landing-logo-gif{max-height:180px;max-width:180px}.landing-title{font-size:36px;letter-spacing:3px}.landing-subtitle{font-size:16px}.description-text{font-size:14px}.btn-landing-login{font-size:18px;letter-spacing:2px;padding:14px 30px}}.logo-screen{align-items:center;background:radial-gradient(circle at center,#1a1a1a 0,#000 100%);display:flex;justify-content:center;min-height:100vh;padding:40px}.logo-content{animation:fadeIn 2s ease-in;text-align:center}.logo-gif-container{margin-bottom:40px}.logo-gif{border-radius:15px;box-shadow:0 0 20px #d4af3766,0 0 40px #d4af3733,0 0 60px #d4af371a;filter:drop-shadow(0 0 30px rgba(212,175,55,.6));max-height:300px;max-width:300px}.subtitle{animation:pulse-slow 3s ease-in-out infinite;color:#d4af37b3;font-size:24px;letter-spacing:4px;text-transform:uppercase}@keyframes pulse-slow{0%,to{opacity:.7}50%{opacity:1}}@media (max-width:1024px){.logo-gif{max-height:250px;max-width:250px}.subtitle{font-size:20px}}@media (max-width:768px){.logo-gif{max-height:200px;max-width:200px}.subtitle{font-size:16px}}.team-selection-screen{align-items:center;background:linear-gradient(135deg,#000,#1a1a1a);display:flex;justify-content:center;min-height:100vh;padding:40px}.selection-content{max-width:800px;text-align:center;width:100%}.section-header{margin-bottom:40px}.team-selection-logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:20px;width:100%}.team-selection-logo-gif{border-radius:15px;box-shadow:0 0 20px #d4af3766,0 0 40px #d4af3733;filter:drop-shadow(0 0 30px rgba(212,175,55,.6));height:auto;max-height:200px;max-width:200px;object-fit:contain;width:auto}.section-title{color:var(--gold-primary);font-size:48px;margin-bottom:10px;text-shadow:2px 2px 4px #00000080}.selection-prompt{color:var(--gold-light);font-size:32px;letter-spacing:2px;margin-bottom:40px}.teams-grid-selection{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.team-button{background:linear-gradient(145deg,var(--dark-bg),#0a0a0a);border:3px solid var(--gold-primary);border-radius:15px;box-shadow:0 4px 20px #d4af3733;cursor:pointer;padding:40px 20px;transition:all .3s ease}.team-button:hover{background:linear-gradient(145deg,var(--gold-dark),var(--gold-primary));border-color:var(--gold-light);box-shadow:0 8px 30px #d4af3766;transform:translateY(-5px)}.team-button:active{transform:translateY(-2px)}.team-button-content{align-items:center;display:flex;flex-direction:column;gap:15px}.team-icon{font-size:48px}.team-name{color:var(--gold-primary);font-family:Georgia,serif;font-size:28px;font-weight:700;letter-spacing:2px}.team-button:hover .team-name{color:#000}.instruction-text{color:#d4af3799;font-size:18px;font-style:italic}@media (max-width:768px){.team-selection-logo-gif{max-height:150px;max-width:150px}.teams-grid-selection{grid-template-columns:1fr}.section-title{font-size:36px}.selection-prompt{font-size:24px}.team-button{padding:30px 20px}.team-name{font-size:22px}.team-icon{font-size:36px}}.game-interface{background:linear-gradient(135deg,#000,#1a1a1a);display:flex;flex-direction:column;min-height:100vh;position:relative}.game-header{align-items:center;background-color:var(--dark-bg);border-bottom:3px solid var(--gold-primary);box-shadow:0 4px 20px #d4af3733;display:flex;justify-content:space-between;padding:20px 40px}.header-info h1{color:var(--gold-primary);font-size:32px;margin-bottom:5px}.team-name{color:#d4af37b3;font-size:18px;font-style:italic}.score-display{align-items:center;background-color:#d4af371a;border:2px solid var(--gold-primary);border-radius:10px;display:flex;gap:15px;padding:15px 30px}.score-label{font-size:18px}.score-value{font-size:36px}.game-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px}.instruction{color:var(--gold-primary);font-size:36px;margin-bottom:40px;text-align:center}.cabinets-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:1000px;width:100%}.cabinet-button{align-items:center;background:linear-gradient(145deg,var(--dark-bg),#0a0a0a);border:3px solid var(--gold-primary);border-radius:15px;box-shadow:0 4px 20px #d4af3733;cursor:pointer;display:flex;flex-direction:column;gap:15px;padding:40px 20px;transition:all .3s ease}.cabinet-button:hover:not(.answered):not(:disabled){background:linear-gradient(145deg,var(--gold-dark),var(--gold-primary));border-color:var(--gold-light);box-shadow:0 8px 30px #d4af3766;transform:translateY(-5px)}.cabinet-button.answered,.cabinet-button:disabled{background:linear-gradient(145deg,#4caf50,#388e3c);border-color:#66bb6a;cursor:not-allowed;opacity:1;pointer-events:none;position:relative}.cabinet-button.answered:hover,.cabinet-button:disabled:hover{background:linear-gradient(145deg,#4caf50,#388e3c);border-color:#66bb6a;box-shadow:0 4px 20px #4caf5066;transform:none}.answered-badge{align-items:center;background:#fff;border:2px solid #4caf50;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#4caf50;display:flex;font-size:20px;font-weight:700;height:35px;justify-content:center;position:absolute;right:10px;top:10px;width:35px}.cabinet-button.answered .cabinet-icon,.cabinet-button:disabled .cabinet-icon{filter:brightness(1.1);opacity:1}.cabinet-button.answered .cabinet-name,.cabinet-button:disabled .cabinet-name{color:#fff;font-weight:700;text-shadow:0 2px 4px #0000004d}.cabinet-icon{font-size:48px}.cabinet-name{color:var(--gold-primary);font-family:Georgia,serif;font-size:22px;font-weight:700}.cabinet-button:hover .cabinet-name{color:#000}.audio-question-card,.question-card{background-color:var(--dark-bg);border:3px solid var(--gold-primary);border-radius:15px;box-shadow:0 10px 40px #d4af374d;max-width:900px;padding:40px;width:100%}.cabinet-label{color:#d4af37b3;font-size:20px;letter-spacing:2px;margin-bottom:15px;text-align:center;text-transform:uppercase}.question-text{color:var(--gold-light);font-size:28px;line-height:1.4;margin-bottom:40px;text-align:center}.answer-section h3{color:var(--gold-primary);font-size:22px;margin-bottom:20px;text-align:center}.options-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.text-answer-section{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.text-answer-input{background-color:#00000080;border:2px solid var(--gold-primary);border-radius:8px;color:#fff;font-family:inherit;font-size:18px;padding:15px 20px;transition:all .3s ease;width:100%}.text-answer-input:focus{border-color:var(--gold-light);box-shadow:0 0 15px #d4af3780;outline:none}.text-answer-input::placeholder{color:#d4af3780}.text-answer-input:disabled{cursor:not-allowed;opacity:.6}.option-button{background-color:#d4af371a;border:2px solid var(--gold-primary);border-radius:10px;color:var(--gold-primary);cursor:pointer;font-family:Georgia,serif;font-size:18px;padding:20px;transition:all .3s ease}.option-button:hover{background-color:#d4af3733;border-color:var(--gold-light);transform:scale(1.02)}.option-button.selected{background:linear-gradient(145deg,var(--gold-primary),var(--gold-dark));border-color:var(--gold-light);color:#000;font-weight:700}.option-button:disabled{cursor:not-allowed;opacity:.5}.action-buttons{display:flex;gap:15px;justify-content:center}.action-buttons button{flex:1 1;max-width:250px}.back-btn{background:linear-gradient(145deg,#555,#333);border-color:#888}.back-btn:hover{background:linear-gradient(145deg,#666,#444);border-color:#aaa}.feedback-message{animation:slideIn .5s ease;border-radius:10px;font-size:22px;font-weight:700;margin-top:20px;padding:20px;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.feedback-message.correct{background-color:#4f43;border:2px solid var(--success-green);color:var(--success-green)}.feedback-message.incorrect{background-color:#f443;border:2px solid var(--error-red);color:var(--error-red)}.feedback-message.penalty{background-color:#ffa50033;border:2px solid orange;color:orange}.help-button{background-color:var(--error-red);border:3px solid #fff;border-radius:50px;bottom:30px;box-shadow:0 4px 20px #ff444480;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:15px 30px;position:fixed;right:30px;transition:all .3s ease;z-index:1000}.help-button:hover{background-color:red;box-shadow:0 6px 30px #ff4444b3;transform:scale(1.1)}.audio-player{margin:40px 0;text-align:center}.audio-player audio{margin-bottom:20px;max-width:500px;width:100%}.replay-btn{margin-top:10px}.penalty-warning{color:orange;font-size:16px;font-style:italic;margin-top:10px}.no-questions{color:#d4af3799;font-size:22px;padding:60px;text-align:center}@media (max-width:1024px){.game-header{flex-direction:column;gap:15px}.score-display{justify-content:center;width:100%}}@media (max-width:768px){.game-content{padding:20px}.audio-question-card,.question-card{padding:25px}.question-text{font-size:22px}.options-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-buttons button{max-width:100%}.cabinets-grid{grid-template-columns:1fr}.help-button{bottom:15px;font-size:16px;padding:12px 20px;right:15px}}.game-interface .loading-screen{align-items:center;background:radial-gradient(ellipse at center,#1a0033 0,#000 50%,#0a0a0a 100%);display:flex;justify-content:center;min-height:100vh;padding:20px}.game-interface .loading-content{color:var(--gold-primary);text-align:center}.game-interface .loading-logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:40px}.game-interface .loading-logo-gif{animation:pulse-glow 3s ease-in-out infinite;border-radius:20px;box-shadow:0 0 30px #d4af3780,0 0 60px #d4af374d;filter:drop-shadow(0 0 40px rgba(212,175,55,.8));height:auto;max-height:250px;max-width:250px;object-fit:contain;width:auto}.game-interface .loading-content h1{color:var(--gold-primary);font-family:Georgia,serif;font-size:42px;margin-bottom:30px;text-shadow:0 0 20px #d4af3799}.game-interface .loading-content .loading-message{color:#d4af37cc;font-size:20px;letter-spacing:1px;margin-top:30px}.game-interface .spinner{animation:spin 1s linear infinite;border:4px solid #d4af374d;border-radius:50%;border-top:4px solid var(--gold-primary);height:50px;margin:20px auto;width:50px}.dining-room-layout{align-items:flex-start;display:flex;gap:30px;justify-content:center;max-width:1400px;width:100%}.question-section{flex:1 1;min-width:0}.audio-files-section{background-color:#d4af370d;border:2px solid var(--gold-primary);border-radius:15px;box-shadow:0 4px 20px #d4af3733;padding:25px;width:320px}.audio-section-title{border-bottom:2px solid var(--gold-primary);color:var(--gold-primary);font-size:24px;margin-bottom:10px;padding-bottom:10px;text-align:center}.audio-section-subtitle{color:#d4af37b3;font-size:13px;font-style:italic;margin-bottom:20px;text-align:center}.audio-files-list{display:flex;flex-direction:column;gap:15px}.audio-file-item{background-color:#0000004d;border:2px solid #d4af374d;border-radius:10px;padding:15px;transition:all .3s ease}.audio-file-item:hover{background-color:#00000080;border-color:var(--gold-primary)}.audio-file-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.audio-file-label{color:var(--gold-primary);font-size:16px;font-weight:700}.audio-played-badge{background-color:#d4af371a;border:1px solid #d4af374d;border-radius:12px;color:#d4af37cc;font-size:12px;padding:3px 8px}.audio-file-item audio{display:none}.audio-action-btn{align-items:center;border:2px solid var(--gold-light);border-radius:8px;box-shadow:0 2px 10px #d4af374d;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;padding:12px 20px;transition:all .3s ease;width:100%}.audio-action-btn,.audio-action-btn.play-mode{background:linear-gradient(145deg,var(--gold-dark),var(--gold-primary))}.audio-action-btn.play-mode{border-color:var(--gold-light)}.audio-action-btn.play-mode:hover:not(:disabled){background:linear-gradient(145deg,var(--gold-primary),var(--gold-light));box-shadow:0 4px 15px #d4af3780;transform:translateY(-2px)}.audio-action-btn.replay-mode{background:linear-gradient(145deg,#8b7355,#a0826d);border-color:#8b7355}.audio-action-btn.replay-mode:hover:not(:disabled){background:linear-gradient(145deg,#a0826d,#b8956f);box-shadow:0 4px 15px #8b735580;transform:translateY(-2px)}.audio-action-btn:active:not(:disabled){transform:translateY(0)}.audio-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.play-icon,.replay-icon{font-size:14px}.play-text,.replay-text{font-size:15px}@media (max-width:1200px){.dining-room-layout{align-items:center;flex-direction:column}.question-section{width:100%}.audio-files-section{max-width:600px;width:100%}.audio-files-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.audio-files-list{grid-template-columns:1fr}.audio-files-section{padding:20px}.audio-section-title{font-size:20px}}.final-game-interface{background:linear-gradient(135deg,#000,#1a1a1a);display:flex;flex-direction:column;min-height:100vh;position:relative}.final-game-header{align-items:center;background-color:var(--dark-bg);border-bottom:3px solid var(--gold-primary);box-shadow:0 4px 20px #d4af3733;display:flex;justify-content:space-between;padding:20px 40px}.header-left h1{font-size:32px;margin-bottom:5px}.header-left .team-name{color:#d4af37b3;font-size:18px;font-style:italic}.progress-info{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.question-counter{color:var(--gold-primary);font-size:18px;font-weight:700}.timer-display-final{align-items:center;background-color:#d4af371a;border:2px solid var(--gold-primary);border-radius:10px;display:flex;gap:10px;padding:10px 20px}.timer-icon{font-size:24px}.timer-value{color:var(--gold-primary);font-size:28px;min-width:50px;text-align:center}.timer-value.critical{animation:pulse .5s infinite;color:var(--error-red)}.final-game-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px}.final-question-card{background-color:var(--dark-bg);border:3px solid var(--gold-primary);border-radius:20px;box-shadow:0 10px 40px #d4af374d;max-width:900px;padding:50px;width:100%}.final-question-text{color:var(--gold-light);font-size:32px;line-height:1.4;margin-bottom:40px;text-align:center;text-shadow:0 0 10px #d4af3780}.final-options-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:40px}.final-option-button{background-color:#d4af371a;border:2px solid var(--gold-primary);border-radius:15px;box-shadow:0 4px 15px #d4af3733;color:var(--gold-primary);cursor:pointer;font-family:Georgia,serif;font-size:20px;padding:25px;transition:all .3s ease}.final-option-button:hover{background-color:#d4af3733;border-color:var(--gold-light);box-shadow:0 6px 25px #d4af3766;transform:scale(1.05)}.final-option-button.selected{background:linear-gradient(145deg,var(--gold-primary),var(--gold-dark));border-color:var(--gold-light);box-shadow:0 6px 25px #d4af3799;color:#000;font-weight:700;transform:scale(1.05)}.final-option-button.confirmed{background:linear-gradient(145deg,#32cd32,#228b22);border-color:#0f0;color:#fff;font-weight:700;position:relative}.final-option-button.confirmed .confirmed-badge{color:#fff;font-size:24px;position:absolute;right:10px;text-shadow:0 0 10px #fffc;top:10px}.final-option-button:disabled{cursor:not-allowed;opacity:.5}.submit-btn-final{background:linear-gradient(145deg,var(--gold-primary),var(--gold-dark));border-color:var(--gold-light);font-size:22px;padding:20px;width:100%}.submit-btn-final:hover{background:linear-gradient(145deg,var(--gold-light),var(--gold-primary));box-shadow:0 8px 30px #d4af3799}.confirm-btn-final{background:linear-gradient(145deg,var(--gold-primary),var(--gold-dark));border:2px solid var(--gold-light);border-radius:15px;box-shadow:0 4px 15px #d4af3766;color:#000;cursor:pointer;font-size:22px;font-weight:700;margin-top:20px;padding:20px;transition:all .3s ease;width:100%}.confirm-btn-final:hover:not(:disabled){background:linear-gradient(145deg,var(--gold-light),var(--gold-primary));box-shadow:0 8px 30px #d4af3799;transform:scale(1.02)}.confirm-btn-final:disabled{cursor:not-allowed;opacity:.5}.answer-confirmed-message{background-color:#d4af371a;border:2px solid var(--gold-primary);border-radius:15px;margin-top:20px;padding:20px;text-align:center}.answer-confirmed-message p{color:var(--gold-primary);font-size:20px;font-weight:700;text-shadow:0 0 10px #d4af3780}.loading-message{margin-top:20px;padding:20px;text-align:center}.loading-message p{color:var(--gold-primary);font-size:18px;margin-top:15px}.progress-bar-container{background-color:#d4af3733;bottom:0;height:10px;left:0;position:absolute;right:0}.progress-bar-fill{background:linear-gradient(90deg,var(--gold-dark),var(--gold-primary),var(--gold-light));box-shadow:0 0 20px #d4af3799;height:100%;transition:width .5s ease}.completed-screen{align-items:center;display:flex;justify-content:center}.completed-content{max-width:600px;text-align:center}.completed-content .spinning-coin{font-size:100px;margin-bottom:30px}.completed-content h1{color:var(--gold-primary);font-size:48px;margin-bottom:20px;text-shadow:0 0 20px #d4af37cc}.completed-content h2{color:var(--gold-light);font-size:32px;margin-bottom:20px}.completed-content p{color:#d4af37cc;font-size:22px;margin-bottom:15px}.completed-content .instruction{font-style:italic;margin-top:30px}.winner-screen{align-items:center;background:linear-gradient(135deg,#000,#1a1a1a);display:flex;justify-content:center;min-height:100vh}.winner-content{background-color:var(--dark-bg);box-shadow:0 0 40px #d4af3780;max-width:800px;text-align:center;width:100%}.trophy-icon{animation:pulse 2s ease-in-out infinite;font-size:120px;margin-bottom:30px}.winner-title{font-size:48px;margin-bottom:30px;text-shadow:0 0 20px #d4af37cc}.winner-announcement{margin:40px 0}.winner-name{color:var(--gold-light);font-size:56px;text-shadow:0 0 30px #f0c040cc}.winner-label{color:var(--gold-primary);font-size:32px;margin:15px 0}.winner-score{color:#d4af37e6;font-size:28px;margin-top:20px}.congratulations{animation:bounce 1s ease-in-out infinite;color:var(--gold-primary);font-size:36px;margin:30px 0}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.winner-content .instruction{color:#d4af37b3;font-size:20px;font-style:italic;margin-top:40px}.loading-screen{background:linear-gradient(135deg,#000,#1a1a1a)}.loading-content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 40px}.loading-content h1{margin:30px 0 20px;text-shadow:0 0 20px #d4af37cc}.loading-content p{color:#d4af37cc;font-size:22px;margin-top:20px}.completed-content .spinner,.loading-content .spinner{animation:spin 1s linear infinite;border:4px solid #d4af374d;border-radius:50%;border-top:4px solid var(--gold-primary);height:50px;margin:20px auto;width:50px}@media (max-width:1024px){.final-game-header{flex-direction:column;gap:15px}.progress-info{align-items:center}}@media (max-width:768px){.final-game-content{padding:20px}.final-question-card{padding:30px}.final-question-text{font-size:24px}.final-options-grid{grid-template-columns:1fr}.final-option-button{font-size:18px;padding:20px}.submit-btn-final{font-size:18px;padding:15px}.completed-content h1{font-size:36px}.completed-content h2{font-size:26px}}.final-game-results-container{align-items:center;background:radial-gradient(ellipse at center,#1a0033 0,#000 50%,#0a0a0a 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.winner-screen{max-width:800px;position:relative;text-align:center;width:100%;z-index:2}.winner-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#d4af3733,#d4af371a);border:3px solid var(--gold-primary);border-radius:20px;box-shadow:0 0 50px #d4af3780,0 0 100px #d4af374d,inset 0 0 50px #d4af371a;padding:60px 40px;position:relative;z-index:3}.winner-title{animation:winnerPulse 2s ease-in-out infinite;color:var(--gold-primary);font-family:Georgia,serif;font-size:64px;font-weight:700;margin-bottom:20px;text-shadow:0 0 20px #d4af37cc,0 0 40px #d4af3799,0 0 60px #d4af3766}@keyframes winnerPulse{0%,to{text-shadow:0 0 20px #d4af37cc,0 0 40px #d4af3799,0 0 60px #d4af3766;transform:scale(1)}50%{text-shadow:0 0 30px #d4af37,0 0 60px #d4af37cc,0 0 90px #d4af3799;transform:scale(1.05)}}.winner-subtitle{color:var(--gold-light);font-family:Georgia,serif;font-size:48px;margin-bottom:30px;text-shadow:0 0 20px #d4af3799}.winner-team{color:var(--gold-primary);font-size:36px;font-weight:700;margin-bottom:40px;text-shadow:0 0 15px #d4af3780}.winner-score{background:#00000080;border:2px solid var(--gold-primary);border-radius:15px;margin:40px 0;padding:30px}.score-label{color:#d4af37e6;font-size:24px;margin-bottom:10px}.score-value{color:var(--gold-primary);font-size:48px;text-shadow:0 0 20px #d4af37cc}.loser-screen{max-width:600px;text-align:center;width:100%}.loser-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#64646433,#3232321a);border:3px solid #96969680;border-radius:20px;box-shadow:0 0 30px #00000080;padding:60px 40px}.loser-title{color:#888;font-family:Georgia,serif;font-size:64px;font-weight:700;margin-bottom:30px;text-shadow:0 0 10px #88888880}.loser-team{color:#aaa;font-size:32px;font-weight:700;margin-bottom:40px}.loser-score{background:#00000080;border:2px solid #96969680;border-radius:15px;margin:40px 0;padding:30px}.loser-score .score-label{color:#aaaaaae6;font-size:24px;margin-bottom:10px}.loser-score .score-value{color:#aaa;font-size:48px;font-weight:700}.btn-continue{animation:buttonFadeIn .5s ease-in;background:linear-gradient(145deg,var(--gold-primary),var(--gold-dark));border:3px solid var(--gold-light);border-radius:10px;box-shadow:0 6px 20px #d4af3766,0 0 30px #d4af3733;color:#000;cursor:pointer;font-family:Georgia,serif;font-size:24px;font-weight:700;letter-spacing:3px;margin-top:40px;padding:18px 50px;text-transform:uppercase;transition:all .3s ease}@keyframes buttonFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-continue:hover{background:linear-gradient(145deg,var(--gold-light),var(--gold-primary));box-shadow:0 8px 30px #d4af3799,0 0 50px #d4af3766;transform:translateY(-3px) scale(1.05)}.btn-continue:active{transform:translateY(-1px) scale(1.02)}.fireworks-container{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.firework{animation:firework 2s ease-out infinite;background:var(--gold-primary);border-radius:50%;box-shadow:0 0 10px #d4af37cc;height:4px;position:absolute;width:4px}.firework:first-child{animation-delay:0s;background:var(--gold-primary);left:10%}.firework:nth-child(2){animation-delay:.3s;background:var(--gold-light);left:20%}.firework:nth-child(3){animation-delay:.6s;background:#ff6b6b;left:30%}.firework:nth-child(4){animation-delay:.9s;background:#4ecdc4;left:40%}.firework:nth-child(5){animation-delay:1.2s;background:var(--gold-primary);left:50%}.firework:nth-child(6){animation-delay:1.5s;background:#ffd93d;left:60%}.firework:nth-child(7){animation-delay:1.8s;background:#6bcf7f;left:70%}.firework:nth-child(8){animation-delay:2.1s;background:var(--gold-light);left:80%}@keyframes firework{0%{opacity:1;transform:translateY(100vh) scale(0)}50%{opacity:1}to{opacity:0;transform:translateY(-100px) scale(1.5)}}.loading-logo-gif{max-height:250px;max-width:250px}.loading-message{color:#d4af37cc;font-size:20px;letter-spacing:1px;margin-top:30px}@media (max-width:768px){.winner-title{font-size:48px}.winner-subtitle{font-size:36px}.winner-team{font-size:28px}.loser-title{font-size:48px}.btn-continue{font-size:20px;padding:16px 40px}.loading-content h1{font-size:32px}}@media (max-width:480px){.loser-content,.winner-content{padding:40px 20px}.winner-title{font-size:36px}.winner-subtitle{font-size:28px}.score-value{font-size:36px}}.tablet-container{background:linear-gradient(135deg,#000,#1a1a1a);display:flex;flex-direction:column;min-height:100vh}.waiting-screen{align-items:center;display:flex;justify-content:center;padding:40px}.waiting-content{max-width:600px;text-align:center}.waiting-logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:30px;width:100%}.waiting-logo-gif{border-radius:15px;box-shadow:0 0 20px #d4af3766,0 0 40px #d4af3733;filter:drop-shadow(0 0 30px rgba(212,175,55,.6));height:auto;max-height:650px;max-width:650px;object-fit:contain;width:auto}.waiting-content h1{color:var(--gold-primary);font-size:36px;margin-bottom:15px}.waiting-content h2{color:var(--gold-light);font-size:28px;margin-bottom:30px}.waiting-message{color:#d4af37cc;font-size:20px;margin-bottom:30px}@media (max-width:1024px){.tablet-container{padding:20px}}@media (max-width:768px){.waiting-logo-gif{max-height:200px;max-width:200px}.waiting-content h1{font-size:28px}.waiting-content h2{font-size:22px}.waiting-message{font-size:16px}}.loading-screen{align-items:center;background:radial-gradient(ellipse at center,#1a0033 0,#000 50%,#0a0a0a 100%);display:flex;justify-content:center;min-height:100vh;padding:20px}.loading-content{color:var(--gold-primary);text-align:center}.loading-logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:40px}.loading-logo-gif{animation:pulse-glow 3s ease-in-out infinite;border-radius:20px;box-shadow:0 0 30px #d4af3780,0 0 60px #d4af374d;filter:drop-shadow(0 0 40px rgba(212,175,55,.8));height:auto;max-height:650px;max-width:650px;object-fit:contain;width:auto}@keyframes pulse-glow{0%,to{box-shadow:0 0 30px #d4af3780,0 0 60px #d4af374d;filter:drop-shadow(0 0 40px rgba(212,175,55,.8))}50%{box-shadow:0 0 40px #d4af37b3,0 0 80px #d4af3780;filter:drop-shadow(0 0 60px rgba(212,175,55,1))}}.loading-content h1{color:var(--gold-primary);font-family:Georgia,serif;font-size:42px;margin-bottom:30px;text-shadow:0 0 20px #d4af3799}.loading-content .loading-message{color:#d4af37cc;font-size:20px;letter-spacing:1px;margin-top:30px}.dashboard-container{background:linear-gradient(135deg,#000,#1a1a1a);display:flex;min-height:100vh;padding-bottom:40px;position:relative}.dashboard-sidebar{background:linear-gradient(180deg,#1a1a1af2,#000000f2);border-right:3px solid var(--gold-primary);box-shadow:4px 0 20px #d4af374d;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width .3s ease;z-index:100}.dashboard-sidebar.collapsed{width:60px}.dashboard-sidebar.expanded{width:280px}.sidebar-toggle{align-items:center;background:linear-gradient(145deg,var(--gold-primary),#b8941f);border:2px solid var(--gold-primary);border-radius:50%;box-shadow:0 4px 15px #d4af3766;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:30px;justify-content:center;position:absolute;right:-15px;top:20px;transition:all .3s ease;width:30px;z-index:101}.sidebar-toggle:hover{background:linear-gradient(145deg,#b8941f,var(--gold-primary));box-shadow:0 6px 20px #d4af3799;transform:scale(1.1)}.sidebar-content{height:100%;overflow-x:hidden;overflow-y:auto;padding:60px 15px 20px 20px}.sidebar-title{border-bottom:2px solid #d4af374d;color:var(--gold-primary);font-size:18px;margin-bottom:20px;opacity:1;padding-bottom:10px;transition:opacity .3s ease;white-space:nowrap}.dashboard-sidebar.collapsed .sidebar-title{height:0;margin:0;opacity:0;overflow:hidden;padding:0}.sidebar-item{align-items:center;border-radius:8px;display:flex;gap:10px;margin-bottom:12px;padding:10px;transition:background-color .3s ease}.sidebar-item:hover{background-color:#d4af371a}.sidebar-link{align-items:center;color:var(--gold-light);display:flex;flex:1 1;font-size:16px;gap:12px;text-decoration:none;transition:color .3s ease;white-space:nowrap}.sidebar-link:hover{color:var(--gold-primary)}.sidebar-link-icon{font-size:20px;min-width:24px;text-align:center}.sidebar-link-text{opacity:1;transition:opacity .3s ease}.dashboard-sidebar.collapsed .sidebar-link-text{opacity:0;overflow:hidden;width:0}.sidebar-copy-btn{background:#d4af3733;border:1px solid #d4af3766;border-radius:5px;color:var(--gold-primary);cursor:pointer;font-size:14px;opacity:1;padding:5px 10px;transition:all .3s ease;white-space:nowrap}.sidebar-copy-btn:hover{background:#d4af374d;border-color:var(--gold-primary);transform:scale(1.1)}.dashboard-sidebar.collapsed .sidebar-copy-btn{opacity:0;overflow:hidden;padding:0;width:0}.sidebar-divider{background:#d4af374d;height:2px;margin:20px 0;opacity:1;transition:opacity .3s ease}.dashboard-sidebar.collapsed .sidebar-divider{height:0;margin:0;opacity:0}.sidebar-link.history-link{color:orchid}.sidebar-link.history-link:hover{color:#ff69b4}.dashboard-main-content{flex:1 1;margin-left:280px;transition:margin-left .3s ease}.dashboard-sidebar.collapsed~.dashboard-main-content{margin-left:60px}.dashboard-header{align-items:center;background-color:var(--dark-bg);border-bottom:3px solid var(--gold-primary);box-shadow:0 4px 20px #d4af3733;display:flex;justify-content:space-between;padding:20px 40px}.header-left h1{color:var(--gold-primary);font-size:28px;margin-bottom:10px}.connection-status{font-size:14px}.connection-status .connected{color:var(--success-green)}.connection-status .disconnected{color:var(--error-red)}.logout-btn{font-size:14px;padding:10px 25px}.dashboard-content{grid-gap:20px;display:grid;gap:20px;margin:0 auto;max-width:1400px;padding:30px 20px}.card h2,.controls-card,.final-game-scorecard,.help-card,.status-card,.teams-card,.winner-card{margin-bottom:20px}.card h2{border-bottom:2px solid var(--gold-primary);color:var(--gold-primary);font-size:24px;padding-bottom:10px}.status-info{align-items:center;display:flex;flex-wrap:wrap;gap:30px}.status-badge{border-radius:25px;font-size:16px;font-weight:700;letter-spacing:1px;padding:8px 20px;text-transform:uppercase}.status-badge.waiting{background-color:#8080804d;color:#aaa}.status-badge.team-selection{background-color:#ffa5004d;color:orange}.status-badge.active{background-color:#44ff444d;color:var(--success-green)}.status-badge.paused{background-color:#ffff004d;color:#ff0}.status-badge.final-game{background-color:#8a2be24d;color:orchid}.status-badge.ended{background-color:#ff44444d;color:var(--error-red)}.status-badge.final-game-ended{background-color:#8a2be280;border:2px solid orchid;color:orchid}.timer-display{align-items:center;background-color:#d4af371a;border:2px solid var(--gold-primary);border-radius:10px;display:flex;gap:15px;padding:15px 25px}.timer-label{color:var(--gold-primary);font-size:16px}.timer-value{color:var(--gold-light);font-family:Courier New,monospace;font-size:32px;font-weight:700}.timer-value.warning{animation:pulse 1s infinite;color:var(--error-red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.controls-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.controls-grid button{width:100%}.btn-danger{background:linear-gradient(145deg,#dc3545,#c82333);border:2px solid #dc3545;border-radius:8px;box-shadow:0 4px 15px #dc35454d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 25px;transition:all .3s ease}.btn-danger:hover{background:linear-gradient(145deg,#c82333,#bd2130);box-shadow:0 6px 20px #dc354580;transform:translateY(-2px)}.teams-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.team-card{background-color:#d4af371a;border:2px solid var(--gold-primary);border-radius:10px;padding:20px}.team-card h3{color:var(--gold-light);font-size:22px}.team-card h3,.team-score{margin-bottom:15px;text-align:center}.team-score{background-color:#0000004d;border-radius:5px;font-size:18px;padding:10px}.team-score strong{color:var(--gold-light);font-size:24px}.section-scores{display:flex;flex-direction:column;gap:8px}.section-score{align-items:center;background-color:#0003;border-radius:5px;display:flex;justify-content:space-between;padding:8px 12px}.section-name{font-size:14px}.completed-badge{font-size:18px;margin-left:10px}.help-alert{animation:pulse 2s infinite;background-color:#f443;border:2px solid var(--error-red);border-radius:5px;color:var(--error-red);font-weight:700;margin-top:15px;padding:12px;text-align:center}.help-alert .small-btn{font-size:12px;margin-top:10px;padding:8px 15px;width:100%}.help-requests{display:flex;flex-direction:column;gap:15px}.help-request{align-items:center;background-color:#ff44441a;border:2px solid var(--error-red);border-radius:10px;display:flex;justify-content:space-between;padding:15px}.help-info{flex:1 1}.help-info strong{color:var(--gold-light)}.help-info small{color:#d4af3799}.small-btn{font-size:14px;padding:8px 20px;white-space:nowrap}@media (max-width:768px){.dashboard-sidebar{width:60px!important}.dashboard-sidebar.expanded{width:280px!important}.dashboard-main-content{margin-left:60px!important}.dashboard-sidebar.expanded~.dashboard-main-content{margin-left:280px!important}.dashboard-header{flex-direction:column;gap:15px;padding:15px 20px}.status-info{align-items:flex-start;flex-direction:column}.timer-display{justify-content:center;width:100%}.help-request{flex-direction:column;gap:10px}.small-btn{width:100%}.dashboard-content{padding:20px 10px}}.winner-card{background:linear-gradient(135deg,#d4af3733,#8a2be233);border:3px solid var(--gold-primary);box-shadow:0 0 30px #d4af3780;text-align:center}.winner-display{padding:30px 20px}.winner-trophy{animation:pulse-trophy 2s ease-in-out infinite;font-size:80px;margin-bottom:20px}@keyframes pulse-trophy{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.winner-name{color:var(--gold-primary);font-size:42px;font-weight:700;margin:20px 0;text-shadow:0 0 20px #d4af37cc}.winner-score{color:orchid;font-size:24px;margin-top:15px}.final-game-scorecard{background:linear-gradient(135deg,#8a2be21a,#d4af371a);border:3px solid var(--gold-primary);box-shadow:0 0 20px #d4af374d}.final-game-scorecard h2{color:var(--gold-primary);font-size:28px;margin-bottom:25px;text-align:center;text-shadow:0 0 10px #d4af3780}.final-game-teams-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.final-game-team-card{background-color:#0006;border:2px solid var(--gold-primary);border-radius:10px;padding:20px;transition:transform .3s,box-shadow .3s}.final-game-team-card:hover{box-shadow:0 5px 20px #d4af3766;transform:translateY(-5px)}.final-game-team-card h3{border-bottom:2px solid #d4af374d;color:var(--gold-light);font-size:22px;margin-bottom:20px;padding-bottom:15px;text-align:center}.final-game-score-display{display:flex;flex-direction:column;gap:12px}.final-game-score-item{align-items:center;background-color:#0000004d;border-left:4px solid var(--gold-primary);border-radius:8px;display:flex;justify-content:space-between;padding:12px 15px}.final-game-score-item.total{background-color:#d4af371a;border-top:2px solid #d4af374d;margin-top:10px;padding-top:15px}.final-game-score-item .score-label{color:#d4af37cc;font-size:14px;font-weight:500}.final-game-score-item .score-value{color:var(--gold-light);font-size:18px;font-weight:700}.final-game-score-item .score-value.positive{color:var(--success-green)}.final-game-score-item .score-value.negative{color:var(--error-red)}.final-game-score-item .score-value.total-score{color:var(--gold-primary);font-size:24px;text-shadow:0 0 10px #d4af3780}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.question4-modal{animation:slideUp .3s ease;background:linear-gradient(135deg,#1a1a1a,#000);border:3px solid var(--gold-primary);border-radius:15px;box-shadow:0 10px 40px #d4af3780;max-width:500px;padding:30px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.question4-modal h2{border-bottom:2px solid var(--gold-primary);color:var(--gold-primary);font-size:24px;margin-bottom:20px;padding-bottom:15px;text-align:center}.question4-info{margin-bottom:25px}.question4-info p{color:var(--gold-light);font-size:16px;margin-bottom:10px}.question4-info strong{color:var(--gold-primary)}.question4-answer-box{word-wrap:break-word;background-color:#00000080;border:2px solid var(--gold-primary);border-radius:8px;color:#fff;font-size:16px;line-height:1.5;margin-top:10px;min-height:60px;padding:15px}.question4-actions{display:flex;gap:15px;justify-content:center;margin-top:25px}.question4-actions button{border:2px solid;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:15px 25px;transition:all .3s ease}.approve-btn{background:linear-gradient(145deg,var(--success-green),#28a745);border-color:var(--success-green)!important;box-shadow:0 4px 15px #28a7454d;color:#fff}.approve-btn:hover{background:linear-gradient(145deg,#28a745,#218838);box-shadow:0 6px 20px #28a74580;transform:translateY(-2px)}.reject-btn{background:linear-gradient(145deg,#dc3545,#c82333);border-color:#dc3545!important;box-shadow:0 4px 15px #dc35454d;color:#fff}.reject-btn:hover{background:linear-gradient(145deg,#c82333,#bd2130);box-shadow:0 6px 20px #dc354580;transform:translateY(-2px)}.login-container{align-items:center;background:linear-gradient(135deg,#000,#1a1a1a);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background-color:var(--dark-bg);border:3px solid var(--gold-primary);border-radius:15px;box-shadow:0 10px 40px #d4af374d;max-width:1012px;padding:40px;width:100%}.logo-section{margin-bottom:30px;text-align:center}.logo-gif-container{align-items:center;display:flex;justify-content:center;margin-bottom:20px;width:100%}.logo-gif{border-radius:10px;box-shadow:0 4px 15px #d4af374d;height:auto;max-height:1000px;max-width:1000px;object-fit:contain;width:auto}.app-title{font-size:36px;font-weight:700;letter-spacing:4px;line-height:1.2;margin:0;text-shadow:2px 2px 4px #00000080}.app-title,.login-title{color:var(--gold-primary);text-align:center}.login-title{font-size:24px;letter-spacing:2px;margin-bottom:30px;text-transform:uppercase}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group input{width:100%}.error-message{background-color:#f443;border:1px solid var(--error-red);border-radius:5px;color:var(--error-red);padding:12px;text-align:center}.login-form button{margin-top:10px;width:100%}.default-credentials{border-top:1px solid var(--gold-primary);color:#d4af37b3;font-size:14px;margin-top:30px;padding-top:20px;text-align:center}.default-credentials p{margin:5px 0}.default-credentials strong{color:var(--gold-primary)}.tablet-links-section{border-top:2px solid #d4af374d;margin-top:30px;padding-top:25px}.tablet-links-title{color:var(--gold-primary);font-size:18px;letter-spacing:1px;margin-bottom:8px;text-align:center;text-transform:uppercase}.tablet-links-subtitle{color:#d4af3799;font-size:12px;margin-bottom:20px;text-align:center}.tablet-links-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.tablet-link{align-items:center;background:linear-gradient(145deg,#d4af371a,#d4af370d);border:2px solid #d4af374d;border-radius:10px;color:var(--gold-light);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:15px 10px;text-decoration:none;transition:all .3s ease}.tablet-link:hover{background:linear-gradient(145deg,#d4af3733,#d4af371a);border-color:var(--gold-primary);box-shadow:0 4px 15px #d4af374d;transform:translateY(-2px)}.tablet-link:active{transform:translateY(0)}.tablet-icon{display:block;font-size:28px;margin-bottom:8px}.tablet-name{color:var(--gold-light);font-size:14px;font-weight:600;text-align:center;text-transform:capitalize}@media (max-width:480px){.tablet-links-grid{grid-template-columns:1fr}.tablet-link{min-height:70px;padding:12px}.tablet-icon{font-size:24px}.tablet-name{font-size:13px}}.history-container{background:linear-gradient(135deg,#000,#1a1a1a);min-height:100vh;padding-bottom:40px}.history-header{background-color:var(--dark-bg);border-bottom:3px solid var(--gold-primary);box-shadow:0 4px 20px #d4af3733;padding:20px 40px}.history-header-content{align-items:center;display:flex;gap:20px}.back-btn{background:linear-gradient(145deg,var(--gold-primary),#b8941f);border:2px solid var(--gold-primary);border-radius:8px;box-shadow:0 4px 15px #d4af374d;color:#000;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:all .3s ease}.back-btn:hover{background:linear-gradient(145deg,#b8941f,var(--gold-primary));box-shadow:0 6px 20px #d4af3780;transform:translateY(-2px)}.history-header h1{color:var(--gold-primary);font-size:32px;margin:0}.history-content{margin:0 auto;max-width:1400px;padding:30px 20px}.history-loading{align-items:center;color:var(--gold-primary);display:flex;flex-direction:column;justify-content:center;min-height:400px}.history-loading .spinner{animation:spin 1s linear infinite;border:4px solid #d4af374d;border-radius:50%;border-top:4px solid var(--gold-primary);height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-games{color:#d4af37b3;font-size:18px;padding:60px 20px;text-align:center}.games-list{display:flex;flex-direction:column;gap:30px}.game-card{background:linear-gradient(135deg,#1a1a1ae6,#000000e6);border:2px solid var(--gold-primary);border-radius:15px;box-shadow:0 8px 30px #d4af3733;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.game-card:hover{box-shadow:0 12px 40px #d4af374d;transform:translateY(-5px)}.game-card-header{align-items:center;border-bottom:2px solid #d4af374d;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.game-card-header h2{color:var(--gold-primary);font-size:24px;margin:0}.game-meta{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.game-date{color:var(--gold-light);font-size:14px}.game-duration{color:#d4af37b3;font-size:12px}.game-teams{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.team-scorecard{background-color:#0006;border:2px solid #d4af374d;border-radius:10px;padding:20px;transition:border-color .3s ease}.team-scorecard:hover{border-color:var(--gold-primary)}.team-name{border-bottom:2px solid #d4af3733;color:var(--gold-light);font-size:20px;margin:0 0 15px;padding-bottom:10px;text-align:center}.score-summary{margin-bottom:20px}.total-score{align-items:center;background:linear-gradient(135deg,#d4af371a,#d4af370d);border:1px solid var(--gold-primary);border-radius:8px;display:flex;justify-content:space-between;padding:12px 15px}.score-label{color:var(--gold-primary);font-size:16px;font-weight:600}.score-value{color:var(--gold-light);font-family:Courier New,monospace;font-size:24px;font-weight:700}.section-scores{margin-top:15px}.section-scores h4{color:#d4af37cc;font-size:14px;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.sections-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.section-score-item{align-items:center;background-color:#0000004d;border-left:3px solid var(--gold-primary);border-radius:5px;display:flex;justify-content:space-between;padding:8px 12px}.section-name{color:#d4af37cc;font-size:13px;text-transform:capitalize}.section-score-value{color:var(--gold-light);font-size:16px;font-weight:700}.completed-badge{color:var(--success-green);font-size:16px;margin-left:8px}.final-game-score{border-top:2px solid #d4af3733;margin-top:15px;padding-top:15px}.final-score-item{align-items:center;background-color:#8a2be21a;border:1px solid #8a2be24d;border-radius:8px;display:flex;justify-content:space-between;padding:10px 15px}.final-score-label{color:#8a2be2e6;font-size:14px;font-weight:600}.final-score-value{color:orchid;font-family:Courier New,monospace;font-size:20px;font-weight:700}.no-teams{color:#d4af3780;font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.game-card-header,.history-header-content{align-items:flex-start;flex-direction:column}.game-card-header{gap:10px}.game-meta{align-items:flex-start}.game-teams,.sections-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.31898244.css.map*/