@import url(https://fonts.googleapis.com/css2?family=Michroma:wght@400&display=swap);*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%;overflow:hidden;width:100%}body{background:#000a22;color:#fff;font-family:Michroma,Arial,sans-serif}#root{height:100%;overflow:hidden;width:100%}.sign-in-prompt{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:1rem}.sign-in-container{max-width:400px;width:100%}.sign-in-card{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.sign-in-header{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:2rem;text-align:center}.sign-in-header h1{font-size:2rem;font-weight:700;margin:0 0 .5rem}.sign-in-header p{font-size:.875rem;margin:0;opacity:.9}.sign-in-body{padding:2rem}.sign-in-button{align-items:center;background:#0078d4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .2s ease;width:100%}.sign-in-button:hover:not(:disabled){background:#106ebe;box-shadow:0 4px 12px #0078d44d;transform:translateY(-1px)}.sign-in-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.sign-in-footer{background:#f8fafc;padding:1rem 2rem;text-align:center}.sign-in-footer p{color:#64748b;font-size:.75rem;margin:0}.auth-status-bar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px 0 #0000001a;display:none;justify-content:space-between;padding:.75rem 1.5rem}.user-info{align-items:center;display:flex;gap:.5rem}.user-name{color:#1e293b;font-size:.875rem;font-weight:600}.user-email{color:#64748b;font-size:.75rem}.sign-out-button{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.sign-out-button:hover:not(:disabled){background:#dc2626}.sign-out-button:disabled{cursor:not-allowed;opacity:.6}.user-avatar{gap:.5rem}.avatar-circle,.user-avatar{align-items:center;display:flex}.avatar-circle{background:#4f46e5;border-radius:50%;color:#fff;font-size:.75rem;font-weight:600;justify-content:center}.user-avatar--small .avatar-circle{font-size:.625rem;height:1.5rem;width:1.5rem}.user-avatar--medium .avatar-circle{font-size:.75rem;height:2rem;width:2rem}.user-avatar--large .avatar-circle{font-size:.875rem;height:2.5rem;width:2.5rem}.avatar-name{color:#374151;font-size:.875rem;font-weight:500}.auth-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:50vh}.auth-loading p{color:#64748b;font-size:.875rem;margin:0}.auth-error{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin:2rem auto;max-width:400px;padding:2rem;text-align:center}.auth-error h3{color:#ef4444;font-size:1.25rem;margin:0 0 1rem}.auth-error p{color:#64748b;line-height:1.6;margin:0 0 1.5rem}.retry-button{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.retry-button:hover{background:#4338ca}.config-error-container{margin:2rem auto;max-width:600px;padding:2rem}.config-error-container h2{color:#ef4444;margin-bottom:1rem}.config-error-container p{color:#64748b;line-height:1.6;margin-bottom:1.5rem}@media (max-width:640px){.sign-in-prompt{padding:.5rem}.sign-in-card{border-radius:8px}.sign-in-header{padding:1.5rem}.sign-in-header h1{font-size:1.5rem}.sign-in-body{padding:1.5rem}.auth-status-bar{align-items:stretch;flex-direction:column;gap:.5rem;padding:.5rem 1rem}.user-info{justify-content:center}}@media (prefers-color-scheme:dark){.auth-status-bar{background:#1e293b;border-color:#334155}.user-name{color:#f1f5f9}.user-email{color:#94a3b8}.sign-in-card{background:#1e293b;color:#f1f5f9}.sign-in-footer{background:#334155}.auth-error{background:#1e293b;color:#f1f5f9}}.App{flex-direction:column;height:100vh;margin:0;overflow:hidden;padding:0;text-align:center}.App,.app-nav{display:flex;width:100%}.app-nav{background-color:#1a1a2e;justify-content:center;padding:10px;position:fixed;top:0;z-index:1000}.app-nav button{background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Michroma,Arial,sans-serif;margin:0 5px;padding:8px 16px;transition:background-color .3s}.app-nav button:hover{background-color:#555}.app-nav button.active{background-color:#4caf50}.panel.left2,.panel.right2{box-sizing:border-box;display:flex;font-family:Michroma,Arial,sans-serif;padding:32px}.join-link-container{align-items:center;background:none;border-radius:16px;box-shadow:0 4px 30px #0000004d;display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:480px;padding:24px;width:100%}.join-title{color:#fff;font-size:2.25rem;font-size:var(--font-3xl);font-weight:400;letter-spacing:1px;margin-bottom:32px;text-align:center;text-transform:uppercase}.qr-code-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;margin-bottom:24px;padding:16px}.qr-code,.qr-code-loading{height:200px;width:200px}.qr-code-loading{align-items:center;background-color:#f0f0f0;border:2px dashed #ccc;border-radius:4px;color:#666;display:flex;font-size:14px;justify-content:center}.join-code-section,.join-url-section{margin-bottom:16px;text-align:center;width:100%}.join-code-label,.join-url-label{color:#ccc;font-size:.875rem;font-size:var(--font-base);margin-bottom:4px}.join-code-value,.join-url{background:#ffffff26;border-radius:4px;color:#fff;font-size:1.5rem;font-size:var(--font-xl);letter-spacing:1px;margin:0;padding:8px 16px;word-break:break-all}.join-instructions{color:#ccc;font-size:.75rem;font-size:var(--font-sm);line-height:1.5;margin-top:24px;max-width:300px;text-align:center}@media (max-width:768px){.qr-code{height:150px;width:150px}.join-title{font-size:1.875rem;font-size:var(--font-2xl)}.join-code-value,.join-url{font-size:1.125rem;font-size:var(--font-lg)}}.join-link-wrapper{align-items:center;background:none;box-sizing:border-box;display:flex;height:100%;justify-content:center;width:100%}@media (min-width:5000px){.panel.left2,.panel.right2{display:block!important}.join-link-wrapper{display:flex;min-height:100%}}.player-list{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100%;padding:48px 40px;width:100%}.player-list__title{font-size:var(--font-3xl);font-weight:600;margin:0 0 24px}.player-list__group{align-items:stretch;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.player-list__scroll{display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow-y:hidden;padding-right:8px}.player-list__empty{font-size:var(--font-lg);opacity:.6}.player-list__items{flex-direction:column;gap:16px;justify-content:center;list-style:none;margin:0 auto;padding:0}.player-list__item,.player-list__items{background:none;display:flex;width:100%}.player-list__item{align-items:center;border-radius:16px;gap:24px;max-width:760px;padding:18px 28px}.player-list__avatar{align-items:center;background:none;border-radius:50%;display:flex;font-size:var(--font-lg);font-weight:700;height:56px;justify-content:center;width:56px}.player-list__meta{display:flex;flex-direction:column}.player-list__name{font-size:var(--font-2xl);font-weight:600}.player-list__score{font-size:var(--font-base);opacity:.75}.session-page{background-color:#000a224d;background-image:url(/static/media/Stars.7bca6f26bb2878e1632f.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Michroma,Arial,sans-serif;font-size:.875rem;font-size:var(--font-base);height:100vh;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.session-page:after{box-shadow:inset 0 0 120px 30px #000a2233;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.container{display:flex;flex-direction:column;height:100%;margin:0;padding:0;width:100%}.panel{display:none;flex:1 1;height:100%}.panel.left1,.panel.right1{background-position:50%;background-repeat:no-repeat;flex:1 1;height:100%;min-width:980px;position:relative;z-index:0}.panel.left2,.panel.right2{align-items:center;color:#fff;display:none;flex:1 1;font-size:1.5rem;font-size:var(--font-xl);height:100%;justify-content:center;min-height:100vh;z-index:0}@media (min-width:1920px){.container{flex-direction:row}.panel{margin:0}.panel.middle{display:block;flex:1 1}@media (max-width:2999px){.session-page.answer-phase .panel.middle{display:none}.session-page.answer-phase .panel.left1,.session-page.answer-phase .panel.right1{display:block;min-width:960px}}}@media (min-width:3000px){.container{gap:0}.panel.left2,.panel.right2{display:none}.panel.left1,.panel.middle,.panel.right1{display:block}.panel.left1,.panel.right1{min-width:960px}.panel{font-size:1.125rem;font-size:var(--font-lg)}}@media (min-width:5000px){.container{flex-direction:row;gap:128px}.panel{display:block!important;font-size:1.5rem;font-size:var(--font-xl)}.panel.left2,.panel.right2{align-items:center;display:flex!important;justify-content:center}}.pre-game .ws-status{align-items:center;border:1px solid #0000;border-radius:6px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;position:absolute;right:20px;top:20px;transition:all .3s ease;white-space:nowrap;z-index:1000}.pre-game .ws-status--connected{background-color:#15803d26;border-color:#15803d;color:#4ade80}.pre-game .ws-status--connecting{animation:pulse 1.5s ease-in-out infinite;background-color:#ca8a0426;border-color:#ca8a04;color:#fbbf24}.pre-game .ws-status--closed,.pre-game .ws-status--disconnected{background-color:#ea580c26;border-color:#ea580c;color:#fb923c}.pre-game .ws-status--error{background-color:#dc262626;border-color:#dc2626;color:#f87171}.pre-game .ws-status .reconnect-btn{background:#dc2626;border:1px solid #b91c1c;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;transition:background .2s}.pre-game .ws-status .reconnect-btn:hover{background:#ef4444;border-color:#dc2626}.circular-progress,.circular-progress-container{display:inline-block;position:relative}.circular-progress{height:200px;width:200px}.circular-progress svg{height:100%;overflow:visible;transform:rotate(-90deg);width:100%}.circular-progress__bg{stroke:#fff;stroke-width:20;fill:none;filter:drop-shadow(0 0 12px rgba(255,255,255,.6)) drop-shadow(0 0 24px rgba(255,255,255,.3))}.circular-progress__bar{stroke:#636363;stroke-width:20;fill:none;stroke-linecap:butt}.circular-progress__text{color:#fff;font-family:Michroma,Arial,sans-serif;font-size:3.375rem;font-size:calc(var(--font-3xl)*1.5);font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}.circular-progress__glow{filter:blur(8px) brightness(1.3);mix-blend-mode:screen;opacity:.9}.countdown-timer{align-items:center;display:flex;justify-content:center;margin:0 auto;transition:transform .5s ease-in-out;width:-webkit-fit-content;width:fit-content}.circular-timer{margin:0 auto}.panel.left1{background-position:50%;background-repeat:no-repeat;flex:1 1;font-family:Michroma,Arial,sans-serif;min-width:980px;overflow:hidden;z-index:0}.left1-content,.panel.left1{height:100%;position:relative}.left1-content{background:none;box-sizing:border-box;flex-direction:column;padding:0;width:100%}.left1-content,.left1-timer{align-items:center;display:flex}.left1-timer{justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(2);transition:transform .8s cubic-bezier(.65,0,.35,1);width:auto}.left1-timer.resting{transform:translate(-50%,-50%) translateY(-320px) scale(1)}.left1-timer.centered{transform:translate(-50%,-50%) scale(2)}.left1-timer .countdown-timer{transform-origin:center center}.left1-timer .timer{color:#fff;font-size:clamp(1.875rem,6vw,3.75rem);font-size:clamp(var(--font-2xl),6vw,var(--font-5xl));font-weight:700;line-height:1;text-align:center;-webkit-user-select:none;user-select:none}.answer-card{align-items:center;box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;gap:16px;justify-content:center;margin-top:24px;max-width:640px;transition:opacity .5s ease-in-out;width:100%}.answer-card.hide{opacity:0;pointer-events:none;visibility:hidden}.answer-card.show{opacity:1;visibility:visible}.answer-text{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;border-radius:28px;box-sizing:border-box;color:#fff;font-size:clamp(1.5rem,2.4vw,3rem);font-size:clamp(var(--font-xl),2.4vw,var(--font-4xl));font-weight:700;line-height:1.25;max-width:560px;padding:20px 28px;text-align:center;text-shadow:0 2px 4px #000000a6;width:100%}.answer-text.times-up{font-size:clamp(1.5rem,2.6vw,3rem);font-size:clamp(var(--font-xl),2.6vw,var(--font-4xl));letter-spacing:.3rem;text-transform:uppercase}@media (min-width:3000px){.panel.left1{display:block;min-width:960px}}@media (max-width:4000px){.answer-text.times-up{letter-spacing:.2rem}}.mini-join-link{display:none}@media (max-width:1920px){.mini-timer-join-wrapper .mini-join-link{display:flex}}@media (min-width:1920px) and (max-width:2999px){.mini-join-link{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:1px solid #ffffff40;border-radius:12px;bottom:80px;color:#fff;display:flex;font-family:Michroma,Arial,sans-serif;gap:16px;left:50%;max-width:90%;padding:8px 16px;position:absolute;transform:translateX(-50%);z-index:5}}.mini-qr-wrapper{align-items:center;background:#fff;border-radius:8px;display:flex;flex-shrink:0;height:180px;justify-content:center;overflow:hidden;width:180px}.mini-qr{height:100%;object-fit:cover;width:100%}.mini-qr-loading{color:#444;font-size:12px}.mini-join-text{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.mini-url{background:#ffffff1f;border-radius:6px;font-size:var(--font-x1);font-weight:400;max-width:340px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.mini-code-label{font-size:var(--font-x1);opacity:.75}.mini-code{background:#ffffff26;border-radius:6px;font-size:var(--font-xl);font-weight:600;letter-spacing:2px;padding:4px 12px}@media (min-width:3000px) and (max-width:4999px){.mini-join-link{bottom:80px;display:flex;left:50%;position:absolute;transform:translateX(-50%)}}@media (min-width:5000px){.mini-join-link{display:none!important}}.panel.middle{align-items:center;background-position:50%;background-repeat:no-repeat;display:flex;flex:1 1;flex-direction:column;height:100%;max-width:1920px;min-width:1920px;position:relative;z-index:0}.question{box-sizing:border-box;color:#fff;font-size:clamp(1.875rem,8vw,3rem);font-size:clamp(var(--font-2xl),8vw,var(--font-4xl));left:50%;margin:0 auto;padding:0 30px;position:absolute;text-align:center;text-shadow:2px 2px 4px #000000b3;top:100px;transform:translateX(-50%);width:calc(100% - 60px);z-index:1}.bottom-bar{align-items:flex-start;box-sizing:border-box;display:flex;flex-grow:1;height:68%;justify-content:space-between;margin-top:280px;padding:32px;width:100%;z-index:2}.bottom-left{align-items:stretch;display:flex;flex:1 1 50%;flex-direction:column;gap:24px;height:100%;justify-content:stretch;transition:flex-basis .3s}.bottom-bar:not(:has(.bottom-right:not([style*="display: none"]))) .bottom-left{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:100%;justify-items:stretch}.bottom-right{align-items:center;display:flex;flex:1 1 50%;height:100%;justify-content:center;padding-left:24px;padding-right:48px}.bottom-bar:has(.bottom-left:only-child) .bottom-left{flex-basis:100%;max-width:100%}.bottom-btn{--answer-glow:#ffffff59;--answer-glow-border:#ffffff59;background-color:#00000080;border-radius:32px;box-shadow:0 0 32px 0 #00000026;cursor:pointer;gap:24px;height:40%;justify-content:flex-start;margin-left:45px;overflow:hidden;padding:20px 36px;position:relative;transition:box-shadow .2s,border-color .2s;width:95%}.bottom-btn__shape{height:100px;width:150px;z-index:1}.bottom-btn--green{box-shadow:0 0 32px 4px #00ff4d}.bottom-btn--red{box-shadow:0 0 32px 4px red}.bottom-btn--yellow{box-shadow:0 0 32px 4px #fff600}.bottom-btn--pink{box-shadow:0 0 32px 4px #00f}.bottom-btn--correct{animation:answer-pulse 1.6s ease-in-out infinite;border-color:#ffffffa6;border-color:var(--answer-glow-border,#ffffffa6);box-shadow:0 0 48px 12px #00000073,0 0 36px 12px var(--answer-glow)}.bottom-btn--correct .btn-text{text-shadow:0 0 12px #ffffffbf}.bottom-btn--correct .bottom-btn__shape{filter:drop-shadow(0 0 12px rgba(255,255,255,.55))}.bottom-btn--dimmed{border-color:#ffffff14;box-shadow:none;filter:grayscale(100%) brightness(.65);opacity:.3}.bottom-btn--dimmed .btn-text{color:#fff9}.bottom-btn--dimmed .bottom-btn__shape{filter:grayscale(100%) opacity(.55)}.mini-timer-join-wrapper{display:none}@media (max-width:1920px){.panel.middle .mini-timer-join-wrapper{align-items:center;bottom:90px;display:flex;gap:28px;left:50%;position:absolute;transform:translateX(-50%);z-index:6}.panel.middle .mini-timer-join-wrapper .mini-timer-holder{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:1px solid #ffffff40;border-radius:12px;display:flex;height:180px;justify-content:center;width:180px}.panel.middle .mini-timer-join-wrapper .mini-qr-wrapper{height:180px;width:180px}.panel.middle .mini-timer-join-wrapper .mini-join-link{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:1px solid #ffffff40;padding:8px 16px;position:static;transform:none}}@media (min-width:1921px){.panel.middle .mini-timer-join-wrapper{display:none!important}}.btn-text{color:#fff;flex:1 1;font-size:1.7rem;font-weight:700;line-height:1.15;padding-bottom:8px;padding-top:0;pointer-events:none;position:relative;text-align:left;text-shadow:0 2px 4px #000000a6;z-index:1}span.btn-text{width:auto}.question-image-wrapper{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:none;border-radius:16px;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.question-image{animation:fadeIn .4s ease;border-radius:12px;box-shadow:0 4px 12px #00000080;max-height:90%;max-width:90%;object-fit:contain}.question-image-error{align-items:center;background:repeating-linear-gradient(45deg,#ff000026 0 10px,#ffffff0d 10px 20px);border:2px dashed #fff6;border-radius:12px;box-sizing:border-box;color:#fff;display:flex;font-size:1.125rem;font-size:var(--font-lg);height:100%;justify-content:center;padding:12px;text-align:center;width:100%}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes answer-pulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.panel.middle.has-image .bottom-left{flex:1 1 50%}.panel.middle.has-image .bottom-right{display:flex}.panel.middle.no-image .bottom-right{display:none}.panel.middle.no-image .bottom-left{display:grid;flex:1 1 100%;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}@media (max-width:1400px){.question{font-size:clamp(1.5rem,6vw,2.25rem);font-size:clamp(var(--font-xl),6vw,var(--font-3xl));top:60px}.bottom-bar{margin-top:220px}.btn-text{font-size:1.1rem}}@media (max-width:1100px){.panel.middle.has-image .bottom-bar{flex-direction:column}.panel.middle.has-image .bottom-right{height:40%;padding-left:0;width:100%}.panel.middle.has-image .bottom-left{height:60%;width:100%}.question{top:40px}}:root{--font-xs:0.675rem;--font-sm:0.75rem;--font-base:0.875rem;--font-md:1rem;--font-lg:1.125rem;--font-xl:1.5rem;--font-2xl:1.875rem;--font-3xl:2.25rem;--font-4xl:3rem;--font-5xl:3.75rem}.panel.right1{align-items:center;background-position:50%;background-repeat:no-repeat;justify-content:center;max-width:960px;min-width:960px;z-index:0}.leaderboard,.panel.right1{display:flex;height:100%;position:relative}.leaderboard{background:none;border-radius:16px;box-shadow:none;box-sizing:border-box;flex-direction:column;max-height:none;max-width:none;padding:100px;width:100%;z-index:3}.leaderboard-title{background:none;border-top-left-radius:16px;border-top-right-radius:16px;color:#fff;font-size:2.25rem;font-size:var(--font-3xl);font-weight:700;padding:24px 0;text-align:center}.leaderboard-list{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;list-style:none;margin:0;overflow-y:auto;padding:0;transition:none}.leaderboard-list.shuffling .leaderboard-entry{animation:leaderboard-shuffle-fade .6s;background:#ffd70014;transition:transform .6s cubic-bezier(.4,.2,.2,1),background .6s;will-change:transform}@keyframes leaderboard-shuffle-fade{0%{opacity:.7;transform:scale(1.04)}60%{opacity:1;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.leaderboard-entry{align-items:center;background:none;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;font-size:1.875rem;font-size:var(--font-2xl);justify-content:space-between;padding:20px 32px}.leaderboard-entry:last-child{border-bottom:none}.player-name{flex:1 1;text-align:left}.player-score{font-feature-settings:"tnum";color:gold;font-variant-numeric:tabular-nums;font-weight:700;min-width:48px;text-align:right}.game-over-section{align-items:center;box-sizing:border-box;color:#fff;display:flex;height:100%;justify-content:center;padding:2rem;position:relative;text-align:center;width:100%;z-index:1}.game-over-loading{align-items:center;display:flex;flex-direction:column;gap:1rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#ffd93d;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:#ffd93d;font-size:1.2rem;font-weight:600}.game-over-error{align-items:center;display:flex;flex-direction:column;gap:1rem;max-width:400px}.error-message{color:#ff6b6b;font-size:1.1rem;font-weight:600}.error-details{color:#ccc;font-size:.9rem;opacity:.8}.game-over-empty{align-items:center;display:flex;flex-direction:column;gap:1rem}.empty-message{color:#ccc;font-size:1.1rem}.game-over-content{align-items:center;display:flex;flex-direction:column;gap:2rem;max-width:800px;width:100%}.game-over-title{-webkit-text-fill-color:#0000;animation:glow 2s ease-in-out infinite alternate;background:linear-gradient(45deg,#ff6b6b,#ffd93d);-webkit-background-clip:text;background-clip:text;font-family:Michroma,Arial,sans-serif;font-size:clamp(2.5rem,8vw,4rem);font-weight:700;margin:0;text-shadow:0 3px 12px #000c}@keyframes glow{0%{text-shadow:0 0 20px #ff6b6b80}to{text-shadow:0 0 30px #ffd93dcc}}.final-results{max-width:700px;width:100%}.results-title{color:#ffd93d;font-family:Michroma,Arial,sans-serif;font-size:clamp(1.5rem,5vw,2rem);font-weight:600;margin:0 0 2rem;text-shadow:0 2px 4px #00000080}.results-list{display:flex;flex-direction:column;gap:1rem;max-height:60vh;overflow-y:auto;padding:0 1rem}.results-list::-webkit-scrollbar{width:8px}.results-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.results-list::-webkit-scrollbar-thumb{background:#ffd93d99;border-radius:4px}.results-list::-webkit-scrollbar-thumb:hover{background:#ffd93dcc}.result-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 4px 20px #0000004d;display:flex;justify-content:space-between;min-height:80px;padding:1rem 1.5rem;transition:all .3s ease}.result-item:hover{box-shadow:0 6px 25px #0006;transform:translateY(-2px)}.result-item.top-three{background:linear-gradient(135deg,#ffd93d33,#ff6b6b1a);border:2px solid #ffd93d4d;box-shadow:0 6px 25px #ffd93d33}.position{align-items:center;display:flex;gap:.5rem;min-width:80px}.position-emoji{font-size:1.5rem}.position-number{color:#ffd93d;font-size:1.2rem;font-weight:600}.position-number sup{font-size:.8rem}.player-info{align-items:center;display:flex;flex:1 1;justify-content:center;margin:0 1rem}.player-name{color:#fff;font-size:clamp(1rem,3vw,1.3rem);font-weight:600;text-align:center;text-shadow:0 2px 4px #0009}.player-score{align-items:center;display:flex;flex-direction:column;min-width:80px}.score-value{color:#00d4ff;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1;text-shadow:0 2px 6px #000000b3}.score-label{color:#ccc;font-size:.8rem;font-weight:500;margin-top:.2rem}.game-over-message{color:#ccc;font-size:clamp(1.1rem,4vw,1.4rem);line-height:1.4;margin-top:1rem;max-width:400px;text-shadow:0 2px 4px #0009}@media (max-width:768px){.game-over-section{padding:1rem}.game-over-content{gap:1.5rem}.result-item{min-height:70px;padding:.8rem 1rem}.results-list{max-height:50vh;padding:0 .5rem}.player-info{margin:0 .5rem}}@media (max-width:480px){.result-item{flex-direction:column;gap:.5rem;min-height:60px;padding:1rem;text-align:center}.player-score,.position{min-width:auto}.player-info{margin:0}}@media (prefers-contrast:high){.game-over-title{-webkit-text-fill-color:#ffd93d;background:none;color:#ffd93d}.score-value{color:#fff}.result-item{background:#fff3;border:2px solid #ffffff4d}}@media (prefers-reduced-motion:reduce){.game-over-title,.loading-spinner{animation:none}.result-item{transition:none}.result-item:hover{transform:none}}.restart-polling-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;display:flex;gap:.5rem;justify-content:center;margin-top:2rem;padding:.8rem 1.2rem}.polling-dot{animation:pulse 1.5s infinite;background:#4caf50;border-radius:50%;height:8px;width:8px}.polling-text{color:#fffc;font-size:.9rem;font-weight:500}@media (max-width:480px){.restart-polling-indicator{margin-top:1.5rem;padding:.6rem 1rem}.polling-text{font-size:.8rem}}.error,.loading{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Michroma,Arial,sans-serif;height:100vh;justify-content:center;text-align:center;width:100%}.loading{animation:fadeInOut 2s infinite;font-size:var(--font-2xl)}.error{background-color:#ff00001a}.error h2{font-size:var(--font-2xl);margin-bottom:1rem}.error p{font-size:var(--font-lg);margin-bottom:2rem;max-width:600px}.error button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Michroma,Arial,sans-serif;font-size:var(--font-md);padding:10px 20px;transition:background-color .3s}.error button:hover{background-color:#3e8e41}@keyframes fadeInOut{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.url-syntax-page{align-items:center;background:linear-gradient(135deg,#000a22,#1a1a2e 50%,#16213e);color:#fff;display:flex;font-family:Michroma,Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}.syntax-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:800px;padding:40px;text-align:center;width:100%}.logo-section{margin-bottom:40px}.app-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#4caf50,#8bc34a);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin:0 0 10px;text-shadow:0 0 30px #4caf504d}.subtitle{color:#ccc;font-size:1.2rem;margin-bottom:20px}.syntax-section h2{color:#ff6b6b;font-size:2rem;margin-bottom:20px}.instructions{color:#ddd;font-size:1.1rem;line-height:1.6;margin-bottom:30px}.url-format{background:#0000004d;border-left:4px solid #4caf50;border-radius:8px;margin:30px 0;padding:20px}.syntax-example{color:#4caf50;display:block;font-family:Courier New,monospace;font-size:1.5rem;word-break:break-all}.param{background:#ffeb3b1a;border-radius:4px;color:#ffeb3b;padding:2px 6px}.examples-section{margin:40px 0;text-align:left}.examples-section h3{margin-bottom:20px;text-align:center}.examples-section .valid-header{color:#4caf50}.examples-section .invalid-header{color:#ff6b6b}.example-list{list-style:none;padding:0}.example-list li{background:#ffffff0d;border-radius:8px;margin:15px 0;padding:15px}.example-list.valid li{border-left:3px solid #4caf50}.example-list.invalid li{border-left:3px solid #ff6b6b}.example-list code{color:#4caf50;display:block;font-family:Courier New,monospace;font-size:1.1rem;margin-bottom:5px}.example-desc{color:#aaa;font-size:.9rem;font-style:italic}.parameters-section{margin:40px 0;text-align:left}.parameters-section h3{color:#4caf50;margin-bottom:20px;text-align:center}.param-info{background:#ffffff0d;border-radius:8px;padding:20px}.param-item{background:#2196f31a;border-left:3px solid #2196f3;margin:10px 0;padding:10px}.param-item strong{color:#2196f3}.footer-note{border-top:1px solid #ffffff1a;color:#999;font-size:.9rem;font-style:italic;margin-top:40px;padding-top:20px}@media (max-width:768px){.syntax-container{padding:20px}.app-title{font-size:2rem}.syntax-example{font-size:1.2rem}}.admin-modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.admin-modal{background:#1b242c;border:1px solid #2d3b48;border-radius:14px;box-shadow:0 10px 40px -10px #0009;display:flex;flex-direction:column;max-width:94vw;width:640px}.admin-modal-header{align-items:center;background:#22303c;border-bottom:1px solid #2d3b48;display:flex;justify-content:space-between;padding:14px 20px}.admin-modal-header h3{font-size:18px;margin:0}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;line-height:1}.admin-modal-body{display:flex;flex-direction:column;gap:14px;max-height:60vh;overflow-y:auto;padding:18px 22px 6px}.admin-modal-body label{color:#d9e2ea;display:flex;flex-direction:column;font-size:13px;font-weight:500;gap:6px}.admin-modal-body input,.admin-modal-body select,.admin-modal-body textarea{background:#12181f;border:1px solid #2d3b48;border-radius:6px;color:#f5f5f5;font-size:14px;padding:8px 10px;resize:vertical}.admin-modal-body textarea{min-height:80px}.row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.checkbox{flex-direction:row!important;font-weight:400}.checkbox input{margin-right:8px}.admin-modal-footer{border-top:1px solid #2d3b48;display:flex;gap:12px;justify-content:flex-end;padding:14px 20px 18px}.admin-modal-footer button{background:#2d3b48;border:1px solid #3a4c5d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 18px}.admin-modal-footer button.primary{background:#0d84ff;border-color:#0d84ff}.admin-modal-footer button.primary:disabled{cursor:default;opacity:.6}.form-error{background:#3d1f25;border:1px solid #ff6b6b;border-radius:6px;font-size:13px;padding:8px 12px}.admin-modal-body::-webkit-scrollbar{width:10px}.admin-modal-body::-webkit-scrollbar-track{background:#12181f}.admin-modal-body::-webkit-scrollbar-thumb{background:#2d3b48;border-radius:5px}.admin-modal-body::-webkit-scrollbar-thumb:hover{background:#3a4c5d}@media (max-width:560px){.row{grid-template-columns:1fr}}.admin-overview-root{background:#10141880;color:#f5f5f5;display:flex;flex-direction:column;font-family:Segoe UI,Roboto,Arial,sans-serif;height:100vh;overflow:hidden;width:100vw}.admin-overview-root .admin-overview-header{align-items:center;background:linear-gradient(90deg,#1f2a36,#233446);box-shadow:0 2px 4px #0006;display:flex;flex:0 0 70px;justify-content:space-between;padding:0 32px}.admin-overview-root .admin-overview-header h1{font-size:28px;letter-spacing:1px;margin:0}.admin-overview-root .admin-meta{font-size:14px;opacity:.7}.admin-overview-root .admin-overview-main{grid-gap:24px;box-sizing:border-box;display:grid;flex:1 1;gap:24px;grid-template-columns:1fr 1fr;overflow:hidden;padding:24px 32px 32px}.admin-overview-root .panel{background:#182028;border:1px solid #2a3947;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.admin-overview-root .panel h2{background:none;border-bottom:1px solid #2a3947;font-size:28px;margin:0;padding:16px 2px}.admin-overview-root button.add-btn{align-items:center;background:#0d84ff;border:1px solid #0d84ff;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:34px;justify-content:center;line-height:20px;padding:0;width:38px}.admin-overview-root button.add-btn:hover{background:#36a0ff}.admin-overview-root button.add-btn:active{background:#0b70d6}.admin-overview-root .item-list{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:0}.admin-overview-root .list-row{grid-gap:12px;align-items:center;border-bottom:1px solid #24313d;display:grid;font-size:14px;gap:12px;grid-template-columns:1fr 1.2fr 120px;padding:12px 18px;transition:background .15s ease}.admin-overview-root .session-row{grid-template-columns:1fr 1.2fr 120px 54px}.admin-overview-root .control-cell,.admin-overview-root .control-icon{display:flex;justify-content:center}.admin-overview-root .control-icon{align-items:center;background:#0d84ff;border-radius:8px;box-shadow:0 0 0 0 #0d84ff66;color:#fff;font-weight:600;height:34px;text-decoration:none;transition:background .15s,transform .15s,box-shadow .3s;width:34px}.admin-overview-root .control-icon:hover{background:#36a0ff;box-shadow:0 4px 10px -2px #00000080;transform:translateY(-2px)}.admin-overview-root .control-icon:active{background:#0b70d6;transform:translateY(0)}.admin-overview-root .list-row:last-child{border-bottom:none}.admin-overview-root .list-row:hover{background:#ffffff0d}.admin-overview-root .list-row.active{background:#00acff1f}.admin-overview-root .list-row.clickable{cursor:pointer}.admin-overview-root .list-row.clickable:hover{background:#ffffff12}.admin-overview-root .list-row.active.clickable:hover{background:#00acff2e}.admin-overview-root .primary{font-weight:600}.admin-overview-root .secondary{opacity:.75}.admin-overview-root .meta{font-size:12px;opacity:.8;text-align:right}.admin-overview-root .error,.admin-overview-root .status{padding:16px 20px}.admin-overview-root .error{color:#ff6b6b}.admin-overview-root .item-list::-webkit-scrollbar{width:10px}.admin-overview-root .item-list::-webkit-scrollbar-track{background:#12181f}.admin-overview-root .item-list::-webkit-scrollbar-thumb{background:#2a3947;border-radius:5px}.admin-overview-root .item-list::-webkit-scrollbar-thumb:hover{background:#345168}@media (max-width:1400px){.admin-overview-root .list-row{grid-template-columns:1fr 1fr 100px}}@media (max-width:1100px){.admin-overview-root .admin-overview-main{grid-template-columns:1fr}}.gc-root{background:#0f141980;color:#f1f5f9;display:flex;flex-direction:column;font-family:Segoe UI,Roboto,Arial,sans-serif;min-height:-webkit-fill-available;min-height:100vh}.gc-header{align-items:center;background:#1d2630;border-bottom:1px solid #2a3947;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 28px}.gc-header h1{font-size:24px;margin:0 0 4px}.breadcrumbs{font-size:12px;opacity:.7}.breadcrumbs a{color:#66b7ff;text-decoration:none}.actions button{background:#0d84ff;border:1px solid #0d84ff;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-left:10px;padding:8px 14px}.actions button.secondary{background:#22303c;border-color:#2a3947;color:#d9e2ea}.actions button.secondary:hover{background:#2d3b48}.actions button:hover{background:#36a0ff}.actions button:disabled{cursor:default;opacity:.5}.gc-error{background:#3d1f25;color:#ff8686;padding:10px 20px}.gc-loading{padding:12px 20px}.gc-main{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:300px 1fr 300px;overflow-y:auto;overscroll-behavior-y:contain;padding:24px 32px 40px}.gc-panel{background:#182028;border:1px solid #2a3947;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;position:relative}.gc-panel h2{background:#1e2730;border-bottom:1px solid #2a3947;font-size:18px}.gc-panel h2,.kv{margin:0;padding:14px 18px}.kv{flex-direction:column;font-size:14px;gap:10px;list-style:none}.kv,.kv li{display:flex}.kv li{justify-content:space-between}.kv span{opacity:.75}.gc-panel.questions{display:flex;flex-direction:column}.questions .questions-body{display:flex;flex:1 1;flex-direction:column;min-height:0}.question-list{overflow-y:auto;overscroll-behavior:contain}.question-list li{-webkit-touch-callout:none;border-bottom:1px solid #24313d;display:flex;font-size:14px;gap:12px;padding:10px 16px;-webkit-user-select:none;user-select:none}.question-list li.current{background:#0d84ff22;border-left:4px solid #0d84ff}.q-num{opacity:.8;width:30px}.player-list{list-style:none;margin:0;overflow-y:auto;overscroll-behavior:contain;padding:0}.player-list li{grid-gap:8px;align-items:center;border-bottom:solid #24313d;display:grid;font-size:14px;gap:8px;grid-template-columns:54px 1fr 54px;padding:8px 14px}.player-list li:last-child{border-bottom:none}.avatar{background:#22303c;border-radius:6px;font-size:12px;opacity:.8;padding:6px 10px;text-align:center}.name{font-weight:500}.score{font-weight:600;text-align:right}.player-list::-webkit-scrollbar,.question-list::-webkit-scrollbar{width:10px}.player-list::-webkit-scrollbar-track,.question-list::-webkit-scrollbar-track{background:#12181f}.player-list::-webkit-scrollbar-thumb,.question-list::-webkit-scrollbar-thumb{background:#2a3947;border-radius:5px}.player-list::-webkit-scrollbar-thumb:hover,.question-list::-webkit-scrollbar-thumb:hover{background:#345168}.next-question-footer{background:#1a222b;border-top:1px solid #24313d;display:flex;justify-content:center;padding:18px 18px 24px}.next-question-footer.multi{justify-content:stretch}.control-buttons{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;width:100%}.control-btn{background:#2a3947;border:1px solid #2a3947;border-radius:14px;box-shadow:0 4px 10px -2px #00000080,inset 0 0 0 2px #ffffff0d;color:#fff;cursor:pointer;flex:1 1 180px;font-size:16px;font-weight:600;letter-spacing:.5px;max-width:230px;padding:14px 24px;position:relative;transition:background .18s,transform .15s,box-shadow .25s}.control-btn:hover:not(:disabled){transform:translateY(-2px)}.control-btn:active:not(:disabled){transform:translateY(1px)}.control-btn:disabled{background:#3a4750;border-color:#3a4750;box-shadow:none;color:#cbd5e1;cursor:default;opacity:.6}.control-btn.start{background:#15803d;border-color:#15803d;box-shadow:0 4px 10px -2px #0009,inset 0 0 0 2px #15803d55}.control-btn.start:hover:not(:disabled){background:#16a34a}.control-btn.pause{background:#ca8a04;border-color:#ca8a04;box-shadow:0 4px 10px -2px #0009,inset 0 0 0 2px #ca8a0455}.control-btn.pause:hover:not(:disabled){background:#eab308}.control-btn.restart{background:#ea580c;border-color:#ea580c;box-shadow:0 4px 10px -2px #0009,inset 0 0 0 2px #ea580c55}.control-btn.restart:hover:not(:disabled){background:#f97316}.control-btn.next{background:#0d84ff;border-color:#0d84ff;box-shadow:0 4px 10px -2px #0009,inset 0 0 0 2px #0d84ff55}.control-btn.next:hover:not(:disabled){background:#369dff}.bottom-btn{align-items:center;background:linear-gradient(180deg,#00000073,#0000008c);border:4px solid #0000;border-radius:14px;box-shadow:0 8px 28px #00000073;display:flex;gap:14px;padding:12px 18px;transition:box-shadow .18s,border-color .18s,transform .12s}.bottom-btn__shape{flex-shrink:0;height:48px;object-fit:contain;pointer-events:none;width:72px}.small-shape{height:24px;width:36px}.bottom-btn--green{border-color:#00ff4d;box-shadow:0 0 24px 4px #00ff4d44}.bottom-btn--red{border-color:red;box-shadow:0 0 24px 4px #ff000044}.bottom-btn--yellow{border-color:#fff600;box-shadow:0 0 24px 4px #fff60044}.bottom-btn--pink{border-color:#00f;box-shadow:0 0 24px 4px #0000ff44}.control-btn:disabled.bottom-btn{border-color:#ffffff0f;box-shadow:none;filter:grayscale(60%);opacity:.6}@media (max-width:900px){.gc-header{padding:12px 16px}.gc-header h1{font-size:20px}.gc-header .actions{display:flex;justify-content:flex-end;width:100%}.gc-main{gap:16px;padding:16px}.control-buttons{gap:12px}.control-btn{flex:1 1 46%;font-size:15px;padding:12px 18px}}@media (max-width:768px){.gc-root{height:100%;min-height:-webkit-fill-available;min-height:100vh;overflow:auto;position:relative}.gc-header{flex-shrink:0;padding:10px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.gc-header h1{font-size:18px;margin:0}.breadcrumbs{font-size:11px}.gc-main{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:12px;height:auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px}.gc-panel{margin-bottom:12px}.gc-panel,.gc-panel.status{max-height:none;overflow:visible}.gc-panel.status{height:auto}.gc-panel.players{display:none}.gc-panel.questions{padding:0 0 80px}.status{display:flex;flex-direction:column;height:auto;order:0;overflow:visible}.status .audio-controls{border-top:1px solid #2a3947;grid-column:auto;grid-row:auto;height:auto;margin-top:12px;max-width:100%;order:1;overflow:visible;padding-top:12px}.status .audio-controls h2{background:#0000;border:none;display:block;font-size:16px;margin:0;padding:0 0 8px}.status .audio-controls-content{gap:12px;padding:12px}.questions{order:2}.gc-panel.questions h2{order:0}.control-buttons-container{order:1}.questions-body{order:2;padding:0}.questions .question-list{margin:0;max-height:none;overflow-y:visible;overflow:visible;padding:0}.question-list li{cursor:default;pointer-events:none}.player-list{max-height:300px;overflow-y:scroll}.control-buttons-container{background:#1a222b;border-bottom:1px solid #24313d;display:flex;padding:16px 0;width:100%}.control-buttons,.control-buttons-container{align-items:center;justify-content:center;margin:0}.control-buttons{flex-direction:row;flex-wrap:wrap;gap:12px;max-width:100%;padding:0;width:auto}.control-btn{align-items:center;border-radius:50%;border-width:3px;display:flex;flex:0 0 auto;font-size:11px;height:80px;justify-content:center;letter-spacing:0;line-height:1.2;max-width:80px;padding:0;text-align:center;width:80px}.actions button,.ws-status{font-size:12px;padding:6px 10px}.actions button{margin-left:6px}.volume-control label{font-size:14px}.volume-slider{height:6px}.volume-slider::-webkit-slider-thumb{height:20px;width:20px}.volume-slider::-moz-range-thumb{height:20px;width:20px}}@media (max-width:430px){.gc-header{align-items:flex-start;flex-direction:column;gap:8px}.gc-header .left{width:100%}.gc-header .right{justify-content:space-between;width:100%}.gc-main{gap:8px;padding:8px}.gc-panel h2{font-size:16px}.gc-panel h2,.kv{padding:10px 12px}.kv{font-size:13px;gap:8px}.question-list li{font-size:13px;padding:8px 12px}.player-list li{font-size:13px;padding:6px 10px}.control-buttons-container{padding:12px}.control-buttons{gap:10px}.control-btn{border-width:2px;font-size:10px;height:70px;max-width:70px;width:70px}.next-question-footer{padding:12px}.audio-controls-content{gap:10px;padding:10px}.mute-control .control-btn{font-size:13px;padding:8px 12px}.volume-control label{font-size:13px}}@media (max-width:1400px){.gc-main{grid-template-columns:260px 1fr 260px}}@media (max-width:1100px){.gc-main{display:flex;flex-direction:column;grid-template-columns:1fr}.gc-panel{max-height:none}.questions .question-list{max-height:300px}.player-list{max-height:250px}.audio-controls{grid-column:auto;grid-row:auto}.audio-controls h2{display:block}.players,.questions,.status{grid-column:auto;grid-row:auto}}.status .audio-controls{background:#0000;border:none;border-radius:0;grid-column:1;grid-row:auto;margin:0;max-width:100%;overflow:visible;width:100%}.status .audio-controls h2{background:#0000;border:none;display:none;margin:0;padding:0}.audio-controls-content{display:flex;flex-direction:column;gap:24px;padding:20px}.mute-control{display:flex;justify-content:center}.mute-control .control-btn{font-size:18px;min-width:200px}.volume-control{display:flex;flex-direction:column;gap:12px}.volume-control label{font-size:16px;font-weight:600;opacity:.9;text-align:center}.volume-slider{-webkit-appearance:none;appearance:none;background:#2a3947;border-radius:4px;height:8px;outline:none;width:100%}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#0d84ff;border-radius:50%;box-shadow:0 2px 8px #0d84ff66;cursor:pointer;height:24px;-webkit-transition:background .15s;transition:background .15s;width:24px}.volume-slider::-webkit-slider-thumb:hover{background:#36a0ff;box-shadow:0 2px 12px #0d84ff99}.volume-slider::-moz-range-thumb{background:#0d84ff;border:none;border-radius:50%;box-shadow:0 2px 8px #0d84ff66;cursor:pointer;height:24px;-moz-transition:background .15s;transition:background .15s;width:24px}.volume-slider::-moz-range-thumb:hover{background:#36a0ff;box-shadow:0 2px 12px #0d84ff99}.ws-status{align-items:center;border:1px solid #0000;border-radius:6px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.ws-status--connected{background-color:#15803d26;border-color:#15803d;color:#4ade80}.ws-status--connecting{animation:pulse 1.5s ease-in-out infinite;background-color:#ca8a0426;border-color:#ca8a04;color:#fbbf24}.ws-status--closed,.ws-status--disconnected{background-color:#ea580c26;border-color:#ea580c;color:#fb923c}.ws-status--error{background-color:#dc262626;border-color:#dc2626;color:#f87171}.ws-status .reconnect-btn{background:#dc2626;border:1px solid #b91c1c;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;transition:background .2s}.ws-status .reconnect-btn:hover{background:#ef4444;border-color:#dc2626}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.ge-root{background:#10141b80;color:#f5f5f5;display:flex;flex-direction:column;font-family:system-ui,Arial,sans-serif;min-height:100vh;padding:0 24px 48px}.ge-header{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:16px 0}.ge-header h1{font-size:28px;margin:0}.ge-header .breadcrumbs{color:#94a3b8;font-size:14px;margin-top:4px}.ge-header .actions button{margin-left:8px}.ge-error{background:#7f1d1d;border-radius:4px;color:#fecaca;margin:8px 0;padding:8px 12px}.ge-loading{color:#94a3b8;margin:12px 0}.ge-main{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}.ge-panel{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:16px}.ge-panel h2{align-items:center;color:#f1f5f9;display:flex;font-size:20px;justify-content:space-between;margin:0 0 12px}.add-btn{background:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;padding:4px 10px}.add-btn:hover{background:#1d4ed8}.form-grid textarea{min-height:80px}.form-grid label{color:#e2e8f0;display:flex;flex-direction:column;font-size:14px;margin-bottom:10px}.form-grid input,.form-grid select,.form-grid textarea{background:#0f172a;border:1px solid #334155;border-radius:4px;color:#f1f5f9;font-size:14px;margin-top:4px;padding:6px 8px}.row{display:flex;gap:16px}.checkbox{align-items:center;display:flex;font-size:14px;gap:6px}.question-list{list-style:none;margin:0;padding:0}.q-row{border-bottom:1px solid #334155;display:flex;flex-direction:column;gap:4px;padding:10px 10px 12px;transition:background .15s ease}.q-row.clickable{cursor:pointer}.q-row:hover{background:#0f172a}.q-row .q-line1{align-items:flex-start;display:flex;gap:8px;position:relative}.q-row .q-line2{display:flex;flex-wrap:wrap;font-size:12px;gap:12px;line-height:1.3;padding-left:28px}.q-num{color:#64748b;font-weight:600;min-width:22px;text-align:right}.q-text{color:#f8fafc;flex:1 1}.q-answer-label{color:#94a3b8;opacity:.9}.q-answer{color:#e2e8f0;font-weight:600}.q-details{color:#94a3b8;flex-basis:100%}.delete-btn{background:#334155;border:1px solid #475569;border-radius:4px;color:#f1f5f9;cursor:pointer;font-size:14px;line-height:1.2;padding:2px 8px;transition:background .15s,border-color .15s}.delete-btn:hover{background:#475569}.delete-btn:active{background:#1e293b}.delete-btn.danger{background:#dc2626;border-color:#dc2626}.delete-btn.danger:hover{background:#b91c1c}.delete-btn.danger:active{background:#7f1d1d}.q-modal-overlay{align-items:center;background:#0f172ad9;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.q-modal{background:#1e293b;border:1px solid #334155;border-radius:8px;max-width:95%;padding:16px;width:640px}.q-modal header h3{color:#f1f5f9;margin:0 0 12px}.q-modal .body label{color:#e2e8f0;display:flex;flex-direction:column;font-size:13px;margin-bottom:10px}.q-modal .body input,.q-modal .body select,.q-modal .body textarea{background:#0f172a;border:1px solid #334155;border-radius:4px;color:#f1f5f9;font-size:14px;margin-top:4px;padding:6px 8px}.q-modal .body textarea{min-height:70px}.grid-2{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.foot{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}button.primary{background:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 14px}button.primary:hover{background:#1d4ed8}button.secondary{background:#334155;border:none;border-radius:4px;color:#e2e8f0;cursor:pointer;padding:8px 14px}button.secondary:hover{background:#475569}@media (min-width:1200px){.ge-main{grid-template-columns:400px 1fr}}
/*# sourceMappingURL=main.5c02db46.css.map*/