body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#282c34;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;text-align:center}.App-header{font-size:calc(10px + 2vmin);justify-content:flex-start;min-height:100vh;padding-top:50px}.App-header,.admin-panel{align-items:center;display:flex;flex-direction:column}.admin-panel{background-color:#3a3f4a;border-radius:8px;margin-bottom:20px;padding:20px;width:500px}.admin-panel-row{display:flex;justify-content:center;margin-top:10px;width:100%}.admin-panel input{margin-right:10px;padding:10px}.admin-panel button,.admin-panel input{border:none;border-radius:5px;font-size:18px}.admin-panel button{background-color:#61dafb;color:#282c34;cursor:pointer;font-weight:700;padding:10px 20px}.quiz-list-container{text-align:left;width:600px}.quiz-list{background-color:#f9f9f9;border-radius:8px;max-height:500px;overflow-y:auto;padding:10px}.quiz-list-item{align-items:center;background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a;color:#333;display:flex;font-size:16px;justify-content:space-between;margin:5px 0;padding:10px}.quiz-item-actions{display:flex;gap:8px}.btn-small{align-items:center;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;padding:5px 0;text-align:center;transition:all .2s;width:40px}.btn-small:hover{filter:brightness(1.1);transform:scale(1.1)}.btn-gray{background-color:#e9ecef;color:#495057}.btn-gray:hover{background-color:#dee2e6}.btn-play{background-color:#28a745}.btn-live{background-color:#ff5722}.btn-manage{background-color:#007bff}.btn-clone{background-color:#6f42c1}.btn-archive{background-color:#ffc107;color:#333}.btn-delete{background-color:#dc3545}.btn-gray.active-live{animation:pulse-red 2s infinite;background-color:#ff5722;color:#fff}@keyframes pulse-red{0%{box-shadow:0 0 0 0 #ff5722b3}70%{box-shadow:0 0 0 10px #ff572200}to{box-shadow:0 0 0 0 #ff572200}}.text-btn{font-size:1rem;padding:5px 15px}.btn-large,.text-btn{width:auto}.archive-toggle{font-size:16px;margin-bottom:10px}.archive-toggle label{align-items:center;cursor:pointer;display:flex;gap:5px}.final-screen-container{max-width:800px;padding:20px;width:100%}.podium-container{align-items:flex-end;display:flex;gap:15px;height:300px;justify-content:center;margin-top:50px}.podium-place{align-items:center;color:#fff;display:flex;flex-direction:column;position:relative;text-shadow:1px 1px 3px #00000080;width:120px}.player-name-top{font-size:1.4rem;font-weight:700;margin-bottom:5px;max-width:100%;text-align:center;word-break:break-word;z-index:10}.player-score-top{font-size:1rem;margin-bottom:10px;text-align:center;z-index:10}.podium-bar{align-items:flex-end;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 5px 15px #0000004d;display:flex;font-size:3rem;font-weight:700;justify-content:center;padding-bottom:10px;width:100%}.podium-cup{animation:bounceIn .8s ease-out;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%23FFD700" d="M372.5 47.7L529.5 192l-157 144.3 22.4 17.5L576 192 372.5 0 344 17.5 372.5 47.7zm-176.6 0L46.5 192l157 144.3-22.4 17.5L0 192 203.5 0 232 17.5 203.5 47.7zM288 352a96 96 0 1 0 0-192 96 96 0 1 0 0 192zM128 320c0-17.67-1.74-34.79-4.83-51h-59.26C51.72 284.15 48 301.76 48 320c0 47.11 17.43 90.86 46.88 124.64C120.57 416 160 388.94 160 384c0-26.51-2.92-52.01-8.31-76.32L128 320zm320 0c0-17.67 1.74-34.79 4.83-51h59.26c-3.69 34.15-7.46 51.76-7.46 51.76 0 47.11-17.43 90.86-46.88 124.64C455.43 416 416 388.94 416 384c0-26.51 2.92-52.01 8.31-76.32L448 320zM288 480c54.76 0 102.8-21.78 138.61-56.76C392.6 447.8 341.24 480 288 480s-104.6-32.2-138.61-56.76C185.2 458.22 233.24 480 288 480z"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 5px 5px rgba(0,0,0,.4));height:60px;position:absolute;top:-40px;width:60px}.place-2 .podium-cup{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%23C0C0C0" d="M372.5 47.7L529.5 192l-157 144.3 22.4 17.5L576 192 372.5 0 344 17.5 372.5 47.7zm-176.6 0L46.5 192l157 144.3-22.4 17.5L0 192 203.5 0 232 17.5 203.5 47.7zM288 352a96 96 0 1 0 0-192 96 96 0 1 0 0 192zM128 320c0-17.67-1.74-34.79-4.83-51h-59.26C51.72 284.15 48 301.76 48 320c0 47.11 17.43 90.86 46.88 124.64C120.57 416 160 388.94 160 384c0-26.51-2.92-52.01-8.31-76.32L128 320zm320 0c0-17.67 1.74-34.79 4.83-51h59.26c-3.69 34.15-7.46 51.76-7.46 51.76 0 47.11-17.43 90.86-46.88 124.64C455.43 416 416 388.94 416 384c0-26.51 2.92-52.01 8.31-76.32L448 320zM288 480c54.76 0 102.8-21.78 138.61-56.76C392.6 447.8 341.24 480 288 480s-104.6-32.2-138.61-56.76C185.2 458.22 233.24 480 288 480z"/></svg>')}.place-3 .podium-cup{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%23CD7F32" d="M372.5 47.7L529.5 192l-157 144.3 22.4 17.5L576 192 372.5 0 344 17.5 372.5 47.7zm-176.6 0L46.5 192l157 144.3-22.4 17.5L0 192 203.5 0 232 17.5 203.5 47.7zM288 352a96 96 0 1 0 0-192 96 96 0 1 0 0 192zM128 320c0-17.67-1.74-34.79-4.83-51h-59.26C51.72 284.15 48 301.76 48 320c0 47.11 17.43 90.86 46.88 124.64C120.57 416 160 388.94 160 384c0-26.51-2.92-52.01-8.31-76.32L128 320zm320 0c0-17.67 1.74-34.79 4.83-51h59.26c-3.69 34.15-7.46 51.76-7.46 51.76 0 47.11-17.43 90.86-46.88 124.64C455.43 416 416 388.94 416 384c0-26.51 2.92-52.01 8.31-76.32L448 320zM288 480c54.76 0 102.8-21.78 138.61-56.76C392.6 447.8 341.24 480 288 480s-104.6-32.2-138.61-56.76C185.2 458.22 233.24 480 288 480z"/></svg>')}.place-1{order:2}.place-1 .podium-bar{background:linear-gradient(180deg,gold,#ffc107);height:200px}.place-2{order:1}.place-2 .podium-bar{background:linear-gradient(180deg,silver,#a9a9a9);height:150px}.place-3{order:3}.place-3 .podium-bar{background:linear-gradient(180deg,#cd7f32,sienna);height:100px}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}70%{transform:scale(.9)}to{transform:scale(1)}}.rest-of-leaderboard{background:#ffffff1a;border-radius:10px;margin-top:40px;max-width:400px;padding:20px;text-align:left;width:100%}.leaderboard-item{border-bottom:1px solid #fff3;display:flex;font-size:1.1rem;justify-content:space-between;padding:8px 0}.timer-bar-container{border-radius:10px;box-shadow:inset 0 1px 3px #0003;height:15px;margin:20px 0}.host-status{color:#666;font-size:1.2rem;margin-bottom:10px}.history-table{background-color:#fff;border-collapse:collapse;border-radius:8px;margin-top:20px;overflow:hidden;width:100%}.history-table td,.history-table th{border-bottom:1px solid #eee;color:#333;padding:15px;text-align:left}.history-table th{background-color:#007bff;color:#fff;font-weight:700}.history-table tr:last-child td{border-bottom:none}.btn-download{align-items:center;background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:5px;padding:8px 12px}.btn-download:hover{background-color:#218838}.admin-tabs{display:flex;gap:20px;justify-content:center;margin-bottom:30px}.admin-tab{background:none;border:none;border-bottom:3px solid #0000;color:#ccc;cursor:pointer;font-size:1.5rem;padding-bottom:5px}.admin-tab.active{border-bottom:3px solid #61dafb;color:#fff;font-weight:700}.host-live-screen{background:#fff;border-radius:15px;box-shadow:0 10px 40px #00000080;color:#333;display:flex;flex-direction:column;height:85vh;margin:0 auto;overflow:hidden;position:relative;width:90vw}.host-header-section{background:#fff;border-bottom:1px solid #f0f0f0;flex:0 0 auto;padding:20px 30px 10px;z-index:10}.host-top-info{align-items:center;color:#555;display:flex;font-size:1.5rem;font-weight:700;justify-content:space-between;margin-bottom:10px}.host-header-section .timer-bar-container{height:20px;margin:0}.host-main-area{display:flex;flex:1 1 auto;flex-direction:column;gap:20px;overflow:hidden;padding:20px 40px;position:relative}.host-question-text{font-weight:800;line-height:1.1;margin:0;text-align:center;text-overflow:ellipsis}.host-media-wrapper,.host-question-text{align-items:center;display:flex;justify-content:center;overflow:hidden;width:100%}.host-media-wrapper{min-height:0}.host-media-wrapper img{border-radius:15px;box-shadow:0 5px 20px #00000026;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.host-media-wrapper iframe,.host-media-wrapper video{aspect-ratio:16/9;border:none;border-radius:15px;box-shadow:0 5px 20px #00000026;height:100%;max-width:100%;width:auto}.layout-text-focus .host-question-text{flex:2 1;font-size:clamp(1rem,2vw,3rem)}.layout-text-focus .host-media-wrapper{flex:1 1}.layout-media-focus .host-question-text{flex:1 1;font-size:clamp(1rem,2vw,3rem)}.layout-media-focus .host-media-wrapper{flex:2 1}.layout-text-only .host-question-text{flex:1 1;font-size:clamp(2.5rem,3vw,4rem);height:100%}.host-bottom-panel{align-items:center;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;flex:0 0 160px;justify-content:space-between;padding:0 40px}.host-status-card{align-items:center;display:flex;flex-direction:column;flex-grow:1;height:100%;justify-content:center}.status-title{color:#666;font-size:1.2rem;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.status-value{font-size:4rem;font-weight:800;line-height:1}.status-value.green{color:#28a745}.status-value.orange{color:#ff5722}.host-left-controls{width:200px}.host-right-controls{display:flex;justify-content:flex-end;width:200px}.welcome-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;height:100vh;justify-content:center}.welcome-card{background:#fff;border-radius:15px;box-shadow:0 10px 25px #0003;color:#333;padding:50px;text-align:center}.welcome-buttons{display:flex;flex-direction:column;gap:20px;margin-top:30px}.btn-large{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;padding:15px 30px;transition:transform .2s}.btn-large:hover{transform:scale(1.05)}.btn-player{background-color:#28a745}.btn-host{background-color:#007bff}.quiz-editor-container{background-color:#f9f9f9;color:#333;min-height:100vh;padding:30px}.back-button{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:20px;padding:10px 15px}.back-button:hover{background-color:#5a6268}.editor-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.question-list{margin-top:20px}.question-item{background-color:#f0f0f0;border-left:4px solid #007bff;border-radius:5px;margin-bottom:10px;padding:10px}.add-question-form{background-color:#f0f0f0;border-radius:8px;margin-top:20px;padding:15px}.add-question-form h4{margin-bottom:10px;margin-top:0}.form-group{margin-bottom:10px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-group input[type=text]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:8px;width:100%}.btn-add{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px}.btn-add:hover{background-color:#218838}.btn-delete-question{align-items:center;background-color:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-weight:700;height:25px;justify-content:center;line-height:1;margin-left:10px;width:25px}.btn-delete-question:hover{background-color:#c82333}.title-editor{align-items:center;display:flex;gap:10px;margin-bottom:20px}.title-editor h2{margin:0}.btn-edit-title{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:5px}.btn-edit-title:hover{color:#007bff}.input-edit-title{border:2px solid #007bff;border-radius:5px;flex-grow:1;font-size:1.5rem;font-weight:700;padding:5px}.btn-edit-question{background:none;border:none;color:#007bff;cursor:pointer;font-size:1.2rem;padding:0 5px}.btn-edit-question:hover{color:#0056b3}.btn-cancel{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-left:10px;padding:10px 15px}.btn-cancel:hover{background-color:#5a6268}.file-upload-area{background-color:#f8f9fa;border:2px dashed #ccc;border-radius:8px;cursor:pointer;padding:30px;position:relative;text-align:center;transition:all .3s ease}.file-upload-area.dragging{background-color:#e6f7ff;border-color:#007bff;transform:scale(1.02)}.file-upload-area p{color:#666;margin:0;pointer-events:none}.hidden-input{display:none}.image-preview-container{background:#fff;border:1px solid #ddd;border-radius:8px;display:inline-block;margin-top:10px;padding:5px;position:relative}.image-preview{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:block;max-height:150px;max-width:100%}.btn-remove-image{align-items:center;background-color:#dc3545;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;font-weight:700;height:30px;justify-content:center;position:absolute;right:-10px;top:-10px;width:30px}.btn-remove-image:hover{background-color:#c82333}.player-container{background-color:#f0f4f8;color:#333;min-height:100vh;padding:20px}.player-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:800px}.player-header h2{color:#007bff;flex-grow:1;margin:0;text-align:center}.player-score{font-size:1.2em;font-weight:700}.player-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px}.player-btn.back{background-color:#6c757d}.player-btn.next{background-color:#28a745;font-size:1.2em;margin-top:20px;padding:15px;width:100%}.player-btn.check{background-color:#17a2b8;font-size:1.1em;margin-left:0;margin-top:15px;width:100%}.player-btn.check:disabled{background-color:#ccc!important;cursor:not-allowed}.player-btn:disabled{background-color:#ccc;cursor:not-allowed}.question-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:800px;padding:20px 30px}.question-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.question-card-header h3{margin:0;text-align:left}.feedback-message-top{border-radius:5px;font-size:1.1em;font-weight:700;padding:8px 12px;text-align:right}.feedback-message-top.correct{background-color:#d4edda;color:#155724}.feedback-message-top.incorrect{background-color:#f8d7da;color:#721c24}.question-text{font-size:1.5em;font-weight:500;margin-bottom:20px}.answer-area{display:flex;flex-direction:column;margin-bottom:15px}.player-input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:1.2em;padding:10px;transition:border-color .2s,background-color .2s;width:100%}.player-input.warning{background-color:#fff3cd!important;border-color:#ffc107!important}.validation-message{color:#856404;font-weight:700;margin-top:10px;text-align:center}.player-input.correct{background-color:#d4edda!important;border-color:#28a745!important;color:#155724!important}.player-input.incorrect{background-color:#f8d7da!important;border-color:#dc3545!important;color:#721c24!important}.final-score{color:#28a745;font-size:2em;margin:20px 0}.answer-area-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px}.player-btn-option{background-color:#f9f9f8;border:2px solid #ccc;border-radius:5px;color:#333;cursor:pointer;font-size:clamp(.8rem,4vw,1.3rem);padding:15px;text-align:left;transition:all .2s ease;width:100%}.player-btn-option:hover:not(:disabled){background-color:#e9ecef;border-color:#007bff}.player-btn-option.correct{background-color:#d4edda!important;border-color:#28a745!important;color:#155724!important;font-weight:700}.player-btn-option.incorrect{background-color:#f8d7da!important;border-color:#dc3545!important;color:#721c24!important;opacity:1!important}.player-btn-option.disabled{background-color:#f0f0f0!important;cursor:not-allowed;opacity:.6!important}.question-media,.video-container-player{border-radius:5px;margin-bottom:20px;max-height:400px;object-fit:contain;width:100%}.video-container-player{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.video-container-player iframe{border:0;border-radius:5px;height:100%;left:0;position:absolute;top:0;width:100%}.player-question-text-truncated{-webkit-line-clamp:5;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:1.3rem;margin-top:0;overflow:hidden;text-overflow:ellipsis}.timer-bar-container{background-color:#e0e0e0;border-radius:5px;height:10px;margin-bottom:20px;overflow:hidden;width:100%}.timer-bar{background-color:#28a745;height:100%;transition:width .1s linear,background-color .5s;width:100%}.timer-bar.warning{background-color:#ffc107}.timer-bar.danger{background-color:#dc3545}.feedback-message-top.warning{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404}.sortable-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.sortable-item{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:15px;touch-action:none;-webkit-user-select:none;user-select:none}.sortable-item-dragging{background-color:#e6f7ff;border-color:#1890ff;box-shadow:0 5px 15px #0003;opacity:.9}.drag-handle{color:#999;cursor:grab;font-size:1.5rem;margin-right:15px}.sortable-text{color:#333;flex-grow:1;font-size:clamp(.3rem,3vw,1rem);font-weight:500;line-height:1.2;white-space:normal;word-break:break-word}.matching-container{display:flex;gap:10px;margin-bottom:20px}.matching-left{display:flex;flex-direction:column;gap:15px;width:45%}.matching-right{width:55%}.matching-right .sortable-list{gap:5px}.matching-static-item{background-color:#e9ecef;border:1px solid #ced4da;border-radius:8px;color:#495057;font-size:clamp(.1rem,2vw,1rem);font-weight:700}.matching-right .sortable-item,.matching-static-item{align-items:center;box-sizing:border-box;display:flex;height:64px!important;min-height:64px!important;padding:5px 15px}.matching-right .sortable-item{margin-bottom:10px}.login-container{align-items:center;background-color:#282c34;color:#fff;display:flex;height:100vh;justify-content:center}.login-card{background-color:#3a3f4a;border-radius:10px;box-shadow:0 4px 15px #0000004d;max-width:400px;padding:40px;text-align:center;width:100%}.login-card h2{color:#61dafb;margin-bottom:20px}.login-card input{box-sizing:border-box;font-size:16px;margin:10px 0}.login-btn,.login-card input{border:none;border-radius:5px;padding:12px;width:100%}.login-btn{background-color:#61dafb;color:#282c34;cursor:pointer;font-size:18px;font-weight:700;margin-top:20px;transition:background .3s}.login-btn:hover{background-color:#21a1f1}.error-msg{color:#ff6b6b;font-size:14px;margin-top:10px}
/*# sourceMappingURL=main.f052151d.css.map*/