*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;max-width:100vw;overflow-x:hidden}a{color:inherit;text-decoration:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.quiz-results-panel{background:rgba(0,0,0,.85);border:4px solid #ff0;border-radius:0;box-shadow:0 0 30px rgba(255,255,0,.6),inset 0 0 30px rgba(255,255,0,.1);display:flex;flex-direction:column;max-height:600px;min-height:400px;overflow:hidden;position:relative;width:100%}.quiz-results-panel:before{background-image:radial-gradient(circle,rgba(255,255,0,.1) 1px,transparent 0);background-size:6px 6px;z-index:1}.quiz-results-panel:after,.quiz-results-panel:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.quiz-results-panel:after{-webkit-animation:neonBorderPulse 2s ease-in-out infinite;animation:neonBorderPulse 2s ease-in-out infinite;border:2px solid #0ff;z-index:2}@-webkit-keyframes neonBorderPulse{0%,to{box-shadow:inset 0 0 20px rgba(0,255,255,.3);opacity:.3}50%{box-shadow:inset 0 0 40px rgba(0,255,255,.6);opacity:.8}}@keyframes neonBorderPulse{0%,to{box-shadow:inset 0 0 20px rgba(0,255,255,.3);opacity:.3}50%{box-shadow:inset 0 0 40px rgba(0,255,255,.6);opacity:.8}}.panel-header{align-items:center;background:rgba(0,0,0,.9);border-bottom:4px solid #ff0;display:flex;flex-shrink:0;justify-content:center;padding:18px 24px;position:relative;z-index:3}.panel-header:after{-webkit-animation:borderGlow 1.5s ease-in-out infinite;animation:borderGlow 1.5s ease-in-out infinite;background:#ff0;bottom:-4px;box-shadow:0 0 20px rgba(255,255,0,.8);content:"";height:4px;left:0;position:absolute;width:100%}@-webkit-keyframes borderGlow{0%,to{box-shadow:0 0 20px rgba(255,255,0,.5);opacity:.5}50%{box-shadow:0 0 40px #ff0;opacity:1}}@keyframes borderGlow{0%,to{box-shadow:0 0 20px rgba(255,255,0,.5);opacity:.5}50%{box-shadow:0 0 40px #ff0;opacity:1}}.panel-header h2{-webkit-animation:titleFlicker 3s ease-in-out infinite;animation:titleFlicker 3s ease-in-out infinite;color:#ff0;font-family:Courier New,monospace;font-size:22px;font-weight:700;letter-spacing:3px;margin:0;text-shadow:0 0 10px #ff0,0 0 20px #ff0,0 0 30px #ff0,3px 3px 0 rgba(0,0,0,.9);text-transform:uppercase}@-webkit-keyframes titleFlicker{0%,to{opacity:1;text-shadow:0 0 10px #ff0,0 0 20px #ff0,0 0 30px #ff0,3px 3px 0 rgba(0,0,0,.9)}50%{opacity:.95;text-shadow:0 0 8px #ff0,0 0 16px #ff0,0 0 24px #ff0,3px 3px 0 rgba(0,0,0,.9)}}@keyframes titleFlicker{0%,to{opacity:1;text-shadow:0 0 10px #ff0,0 0 20px #ff0,0 0 30px #ff0,3px 3px 0 rgba(0,0,0,.9)}50%{opacity:.95;text-shadow:0 0 8px #ff0,0 0 16px #ff0,0 0 24px #ff0,3px 3px 0 rgba(0,0,0,.9)}}.panel-tabs{background:rgba(0,0,0,.9);border-bottom:3px solid #0ff;display:flex;flex-shrink:0;gap:12px;padding:12px 20px;z-index:3}.tab{background:rgba(0,255,255,.15);border:3px solid #0ff;border-radius:0;color:#0ff;cursor:pointer;flex:1 1;font-family:Courier New,monospace;font-size:14px;font-weight:700;letter-spacing:1px;overflow:hidden;padding:12px 16px;position:relative;text-shadow:0 0 8px #0ff,2px 2px 0 rgba(0,0,0,.9);text-transform:uppercase;transition:all .2s ease}.tab:before{background-image:radial-gradient(circle,rgba(0,255,255,.2) 1px,transparent 0);background-size:4px 4px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.tab:hover{background:rgba(0,255,255,.25);border-color:#ff0;box-shadow:0 0 20px rgba(0,255,255,.6),inset 0 0 20px rgba(0,255,255,.2);color:#ff0;text-shadow:0 0 10px #ff0,2px 2px 0 rgba(0,0,0,.9)}.tab.active{-webkit-animation:tabPulse 2s ease-in-out infinite;animation:tabPulse 2s ease-in-out infinite;background:rgba(255,0,255,.3);border-color:#f0f;box-shadow:0 0 30px rgba(255,0,255,.8),inset 0 0 30px rgba(255,0,255,.2);color:#f0f;text-shadow:0 0 12px #f0f,0 0 24px #f0f,2px 2px 0 rgba(0,0,0,.9)}@-webkit-keyframes tabPulse{0%,to{box-shadow:0 0 20px rgba(255,0,255,.6),inset 0 0 20px rgba(255,0,255,.2)}50%{box-shadow:0 0 40px #f0f,inset 0 0 40px rgba(255,0,255,.3)}}@keyframes tabPulse{0%,to{box-shadow:0 0 20px rgba(255,0,255,.6),inset 0 0 20px rgba(255,0,255,.2)}50%{box-shadow:0 0 40px #f0f,inset 0 0 40px rgba(255,0,255,.3)}}.panel-content{background:rgba(0,0,0,.7);flex:1 1;min-height:0;overflow-y:auto;padding:20px;position:relative;z-index:3}.panel-content::-webkit-scrollbar{width:12px}.panel-content::-webkit-scrollbar-track{background:rgba(0,0,0,.9);border:2px solid #0ff;border-radius:0}.panel-content::-webkit-scrollbar-thumb{background:#0ff;border-radius:0;box-shadow:0 0 15px rgba(0,255,255,.8),inset 0 0 10px rgba(0,255,255,.3)}.panel-content::-webkit-scrollbar-thumb:hover{background:#f0f;box-shadow:0 0 20px #f0f,inset 0 0 15px rgba(255,0,255,.5)}.empty,.error,.loading{-webkit-animation:textBlink 1.5s ease-in-out infinite;animation:textBlink 1.5s ease-in-out infinite;color:#0f0;font-family:Courier New,monospace;font-size:18px;font-weight:700;letter-spacing:2px;padding:40px;text-align:center;text-shadow:0 0 10px #0f0,0 0 20px #0f0,2px 2px 0 rgba(0,0,0,.9);text-transform:uppercase}.error{color:red;text-shadow:0 0 10px red,0 0 20px red,2px 2px 0 rgba(0,0,0,.9)}@-webkit-keyframes textBlink{0%,to{opacity:1}50%{opacity:.7}}@keyframes textBlink{0%,to{opacity:1}50%{opacity:.7}}.leaderboard table{background:rgba(0,0,0,.85);border:4px solid #0ff;border-collapse:collapse;border-radius:0;box-shadow:0 0 30px rgba(0,255,255,.4);overflow:hidden;width:100%}.leaderboard thead{background:rgba(0,255,255,.3);border-bottom:4px solid #0ff;color:#0ff}.leaderboard th{font-size:13px;font-weight:700;letter-spacing:2px;text-align:left;text-shadow:0 0 10px #0ff,2px 2px 0 rgba(0,0,0,.9);text-transform:uppercase}.leaderboard td,.leaderboard th{font-family:Courier New,monospace;padding:16px}.leaderboard td{border-bottom:2px solid rgba(0,255,255,.2);color:#fff;font-weight:500;text-shadow:1px 1px 0 rgba(0,0,0,.8)}.leaderboard tbody tr{background:rgba(0,0,0,.5);transition:all .2s ease}.leaderboard tbody tr:hover{background:rgba(255,0,255,.2);box-shadow:inset 0 0 20px rgba(255,0,255,.3)}.leaderboard .rank{font-family:Courier New,monospace;font-size:28px;font-weight:900;text-align:center;width:60px}.leaderboard .rank-1{background:rgba(255,215,0,.3);border-left:4px solid gold;color:gold;font-weight:900;text-shadow:0 0 15px gold,0 0 30px gold,2px 2px 0 rgba(0,0,0,.9)}.leaderboard .rank-2{background:hsla(0,0%,75%,.3);border-left:4px solid silver;color:silver;font-weight:900;text-shadow:0 0 12px silver,0 0 24px silver,2px 2px 0 rgba(0,0,0,.9)}.leaderboard .rank-3{background:rgba(205,127,50,.3);border-left:4px solid #cd7f32;color:#cd7f32;font-weight:900;text-shadow:0 0 12px #cd7f32,0 0 24px #cd7f32,2px 2px 0 rgba(0,0,0,.9)}.leaderboard .player-name{color:#f0f;font-weight:700;text-shadow:0 0 8px #f0f,2px 2px 0 rgba(0,0,0,.9)}.leaderboard .score{color:#0f0;font-size:22px;font-weight:900;letter-spacing:1px;text-shadow:0 0 12px #0f0,0 0 24px #0f0,2px 2px 0 rgba(0,0,0,.9)}.leaderboard .accuracy,.leaderboard .time{color:#0ff;text-shadow:0 0 8px #0ff}.results-list{display:flex;flex-direction:column;gap:16px}.result-item{background:rgba(0,0,0,.7);border:3px solid #0ff;border-left-width:6px;border-radius:0;box-shadow:0 0 20px rgba(0,255,255,.3);padding:20px;position:relative;transition:all .2s ease}.result-item:before{background-image:radial-gradient(circle,rgba(0,255,255,.1) 1px,transparent 0);background-size:4px 4px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.result-item:hover{border-color:#ff0;box-shadow:0 0 30px rgba(0,255,255,.6),inset 0 0 20px rgba(0,255,255,.2)}.result-item.correct{border-color:rgba(0,255,0,.5);box-shadow:0 0 20px rgba(0,255,0,.4)}.result-item.correct:hover{box-shadow:0 0 30px rgba(0,255,0,.6),inset 0 0 20px rgba(0,255,0,.2)}.result-item.wrong{border-color:rgba(255,0,0,.5);box-shadow:0 0 20px rgba(255,0,0,.4)}.result-item.wrong:hover{box-shadow:0 0 30px rgba(255,0,0,.6),inset 0 0 20px rgba(255,0,0,.2)}.result-header{align-items:center;display:flex;gap:12px;margin-bottom:12px;position:relative;z-index:1}.result-header .player-name{color:#f0f;flex:1 1;font-family:Courier New,monospace;font-size:17px;font-weight:700;letter-spacing:1px;text-shadow:0 0 8px #f0f,2px 2px 0 rgba(0,0,0,.9);text-transform:uppercase}.result-header .result-icon{-webkit-filter:drop-shadow(0 0 8px currentColor);filter:drop-shadow(0 0 8px currentColor);font-size:24px}.result-header .score{background:rgba(0,0,0,.8);border:3px solid;border-radius:0;font-family:Courier New,monospace;font-size:20px;font-weight:900;letter-spacing:1px;padding:8px 18px}.result-header .score.positive{background:rgba(0,255,0,.15);border-color:#0f0;box-shadow:0 0 15px rgba(0,255,0,.6),inset 0 0 10px rgba(0,255,0,.2);color:#0f0;text-shadow:0 0 10px #0f0,2px 2px 0 rgba(0,0,0,.9)}.result-header .score.negative{background:rgba(255,0,0,.15);border-color:red;box-shadow:0 0 15px rgba(255,0,0,.6),inset 0 0 10px rgba(255,0,0,.2);color:red;text-shadow:0 0 10px red,2px 2px 0 rgba(0,0,0,.9)}.result-details{color:#0ff;display:flex;flex-direction:column;font-family:Courier New,monospace;gap:8px;position:relative;z-index:1}.result-details .question{color:#fff;font-weight:600;margin:0;text-shadow:1px 1px 0 rgba(0,0,0,.8)}.result-details .time{color:#0ff;font-size:14px;margin:0;text-shadow:0 0 6px #0ff}.result-details .reward{color:#ff0;font-size:15px;font-weight:700;margin:0;text-shadow:0 0 8px #ff0,2px 2px 0 rgba(0,0,0,.9);text-transform:uppercase}.timestamp{color:rgba(0,255,255,.6);font-family:Courier New,monospace;font-size:12px;letter-spacing:1px;margin-top:8px;text-align:right}.stats-panel{display:flex;flex-direction:column;gap:30px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:rgba(0,0,0,.8);border:4px solid #f0f;border-radius:0;box-shadow:0 0 25px rgba(255,0,255,.5),inset 0 0 20px rgba(255,0,255,.1);padding:24px;position:relative;text-align:center;transition:all .2s ease}.stat-card:before{background-image:radial-gradient(circle,rgba(255,0,255,.1) 1px,transparent 0);background-size:6px 6px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.stat-card:hover{border-color:#0ff;box-shadow:0 0 35px rgba(0,255,255,.7),inset 0 0 30px rgba(0,255,255,.2)}.stat-card h3{color:#0ff;font-size:14px;font-weight:700;margin:0 0 14px;text-shadow:0 0 8px #0ff,2px 2px 0 rgba(0,0,0,.9);text-transform:uppercase}.stat-card .stat-value,.stat-card h3{font-family:Courier New,monospace;letter-spacing:2px;position:relative;z-index:1}.stat-card .stat-value{color:#ff0;font-size:48px;font-weight:900;margin:0;text-shadow:0 0 15px #ff0,0 0 30px #ff0,3px 3px 0 rgba(0,0,0,.9)}.reward-stats{background:rgba(0,0,0,.85);border:4px solid #0f0;border-radius:0;box-shadow:0 0 30px rgba(0,255,0,.5),inset 0 0 20px rgba(0,255,0,.1);padding:24px;position:relative}.reward-stats:before{background-image:radial-gradient(circle,rgba(0,255,0,.08) 1px,transparent 0);background-size:6px 6px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.reward-stats h3{color:#0f0;font-family:Courier New,monospace;font-size:20px;font-weight:700;letter-spacing:2px;margin:0 0 20px;position:relative;text-shadow:0 0 10px #0f0,0 0 20px #0f0,2px 2px 0 rgba(0,0,0,.9);text-transform:uppercase;z-index:1}.reward-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.reward-stat{align-items:center;background:rgba(0,0,0,.7);border:3px solid #f0f;border-radius:0;color:#f0f;display:flex;font-family:Courier New,monospace;font-weight:700;justify-content:space-between;padding:16px;position:relative;text-shadow:0 0 8px #f0f;transition:all .2s ease;z-index:1}.reward-stat:hover{background:rgba(255,0,255,.2);border-color:#0ff;box-shadow:0 0 20px rgba(0,255,255,.6),inset 0 0 15px rgba(0,255,255,.2);color:#0ff;text-shadow:0 0 10px #0ff}.reward-stat .count{font-size:24px;font-weight:900;text-shadow:0 0 10px currentColor,2px 2px 0 rgba(0,0,0,.9)}.panel-footer{background:rgba(0,0,0,.9);border-top:4px solid #f0f;display:flex;flex-shrink:0;justify-content:center;padding:14px 20px;z-index:3}.refresh-button{background:rgba(255,0,255,.3);border:4px solid #f0f;border-radius:0;box-shadow:0 0 25px rgba(255,0,255,.6),inset 0 0 20px rgba(255,0,255,.1);color:#f0f;cursor:pointer;font-family:Courier New,monospace;font-size:14px;font-weight:900;letter-spacing:2px;overflow:hidden;padding:12px 32px;position:relative;text-shadow:0 0 10px #f0f,2px 2px 0 rgba(0,0,0,.9);text-transform:uppercase;transition:all .2s ease}.refresh-button:before{background-image:radial-gradient(circle,rgba(255,0,255,.2) 1px,transparent 0);background-size:6px 6px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.refresh-button:hover:not(:disabled){background:rgba(0,255,255,.3);border-color:#0ff;box-shadow:0 0 35px rgba(0,255,255,.8),inset 0 0 30px rgba(0,255,255,.2);color:#0ff;text-shadow:0 0 12px #0ff,2px 2px 0 rgba(0,0,0,.9)}.refresh-button:active:not(:disabled){-webkit-transform:scale(.98);transform:scale(.98)}.refresh-button:disabled{border-color:#444;box-shadow:none;color:#666;cursor:not-allowed;opacity:.3;text-shadow:none;-webkit-transform:none;transform:none}@media (max-width:768px){.quiz-results-panel{max-height:90vh;width:95%}.panel-header{padding:20px}.panel-header h2{font-size:22px}.panel-tabs{gap:5px;padding:15px}.tab{font-size:14px;padding:10px 12px}.panel-content{padding:20px}.reward-grid,.stats-grid{grid-template-columns:1fr}.leaderboard table{font-size:14px}.leaderboard td,.leaderboard th{padding:10px 8px}}
/*# sourceMappingURL=main.a7981f11.css.map*/