:root,[data-theme=light]{--bg: #f4f3f8;--surface: #ffffff;--surface2: #ebeaf3;--accent: #6b5ce7;--accent2: #d4a017;--accent3: #0d9f6e;--text: #1a1a2e;--muted: #64648a;--correct: #16a34a;--wrong: #dc2626;--border: rgba(107, 92, 231, .22);--logo-start: #1a1a2e;--hover-bg: rgba(107, 92, 231, .08);--glow-opacity: .06;--podium-block-text: rgba(26, 26, 46, .35)}[data-theme=dark]{--bg: #0a0a0f;--surface: #13131a;--surface2: #1c1c27;--accent: #7c6af7;--accent2: #f7c56a;--accent3: #6af7c5;--text: #f0effe;--muted: #7a7a9a;--correct: #4ade80;--wrong: #f87171;--border: rgba(124, 106, 247, .2);--logo-start: #ffffff;--hover-bg: rgba(124, 106, 247, .08);--glow-opacity: .12;--podium-block-text: rgba(255, 255, 255, .5)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-image:linear-gradient(rgba(124,106,247,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(124,106,247,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.glow{position:fixed;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:var(--glow-opacity);pointer-events:none;z-index:0}.glow-1{background:var(--accent);top:-200px;left:-100px}.glow-2{background:var(--accent2);bottom:-200px;right:-100px}.screen{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;animation:fadeIn .35s ease}.logo{font-family:Syne,sans-serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:800;letter-spacing:-2px;line-height:1;margin-bottom:12px;background:linear-gradient(135deg,var(--logo-start) 30%,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tagline{color:var(--muted);font-size:1.1rem;margin-bottom:48px;font-weight:300;text-align:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:36px;width:100%;max-width:480px}label.field-label{display:block;font-size:.8rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-weight:500}input[type=text],input[type=email],input[type=password]{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:14px 18px;font-size:1.1rem;color:var(--text);font-family:DM Sans,sans-serif;outline:none;transition:border-color .2s;margin-bottom:24px}input:focus{border-color:var(--accent)}.btn{width:100%;padding:16px;border-radius:12px;border:none;font-family:Syne,sans-serif;font-size:1rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:#9585fa;transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-outline{padding:14px;border-radius:12px;border:1.5px solid var(--border);background:transparent;color:var(--text);font-family:Syne,sans-serif;font-weight:700;font-size:.85rem;letter-spacing:1px;cursor:pointer;transition:all .2s}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.error-msg{color:var(--wrong);font-size:.9rem;margin-bottom:16px}.quiz-wrap{width:100%;max-width:640px}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.q-counter{font-family:Syne,sans-serif;font-size:.85rem;color:var(--muted);letter-spacing:1px}.progress-bar{height:3px;background:var(--surface2);border-radius:99px;margin-bottom:32px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent3));border-radius:99px;transition:width .4s ease}.question-text{font-family:Syne,sans-serif;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700;line-height:1.4;margin-bottom:28px}.answers-grid{display:grid;gap:12px}.answer-btn{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:16px 20px;text-align:left;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.95rem;color:var(--text);transition:all .18s;display:flex;align-items:center;gap:14px;width:100%}.answer-btn:hover:not(:disabled){border-color:var(--accent);background:var(--hover-bg);transform:translate(4px)}.answer-btn:disabled{cursor:default}.answer-btn.correct{border-color:var(--correct);background:#4ade801a;color:var(--correct)}.answer-btn.wrong{border-color:var(--wrong);background:#f871711a;color:var(--wrong)}.answer-letter{width:28px;height:28px;border-radius:8px;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-size:.75rem;font-weight:700;flex-shrink:0}.answer-btn.correct .answer-letter{background:var(--correct);color:#000}.answer-btn.wrong .answer-letter{background:var(--wrong);color:#000}.feedback-strip{margin-top:20px;padding:14px 20px;border-radius:12px;font-size:.9rem;font-weight:500;display:none;align-items:center;gap:10px}.feedback-strip.show{display:flex}.feedback-strip.ok{background:#4ade801a;color:var(--correct);border:1px solid rgba(74,222,128,.3)}.feedback-strip.fail{background:#f871711a;color:var(--wrong);border:1px solid rgba(248,113,113,.3)}.next-btn{margin-top:20px;width:100%;padding:14px;border-radius:12px;border:none;background:var(--accent);color:#fff;font-family:Syne,sans-serif;font-weight:700;font-size:.9rem;letter-spacing:1px;cursor:pointer;display:none}.next-btn.show{display:block}.result-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:40px 36px;width:100%;max-width:460px;text-align:center}.result-emoji{font-size:4rem;margin-bottom:16px}.result-name{font-family:Syne,sans-serif;font-size:1.6rem;font-weight:800;margin-bottom:8px}.result-score-big{font-family:Syne,sans-serif;font-size:3.5rem;font-weight:800;color:var(--accent2);margin:20px 0 4px}.result-label{color:var(--muted);font-size:.85rem;margin-bottom:12px}.achievement{font-family:Syne,sans-serif;font-size:1.1rem;color:var(--accent3);margin-bottom:8px}.percentile{color:var(--muted);font-size:.95rem;margin-bottom:20px}.badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.badge{background:var(--surface2);border:1px solid var(--border);border-radius:99px;padding:6px 14px;font-size:.8rem;color:var(--accent2)}.result-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:28px}.stat-box{background:var(--surface2);border-radius:12px;padding:14px 10px}.stat-val{font-family:Syne,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:4px}.stat-key{font-size:.7rem;color:var(--muted);letter-spacing:.5px}.admin-wrap,.editor-wrap{width:100%;max-width:700px}.admin-title,.editor-title{font-family:Syne,sans-serif;font-size:2rem;font-weight:800;margin-bottom:8px}.admin-sub{color:var(--muted);margin-bottom:32px;font-size:.9rem}.podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;margin-bottom:36px}.podium-item{display:flex;flex-direction:column;align-items:center;flex:1;max-width:160px}.podium-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-size:1.3rem;font-weight:800;margin-bottom:8px}.podium-avatar.p1{background:var(--accent2);color:#000;width:64px;height:64px;font-size:1.6rem}.podium-avatar.p2{background:silver;color:#000}.podium-avatar.p3{background:#cd7f32;color:#000}.podium-name{font-family:Syne,sans-serif;font-size:.8rem;font-weight:700;text-align:center;margin-bottom:4px}.podium-pts{font-size:.75rem;color:var(--muted);margin-bottom:8px}.podium-block{width:100%;border-radius:8px 8px 0 0;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800;color:var(--podium-block-text)}.theme-toggle{position:fixed;bottom:16px;left:16px;z-index:200;padding:10px 14px;border-radius:99px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-family:Syne,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.5px;cursor:pointer;box-shadow:0 4px 20px #00000014;transition:all .2s}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}[data-theme=dark] .theme-toggle{box-shadow:0 4px 20px #00000059}.session-option{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 16px;background:var(--surface2);border-radius:12px;border:1px solid var(--border);cursor:pointer}.session-option input{margin-top:3px;width:auto;margin-bottom:0;accent-color:var(--accent)}.session-option-text{flex:1;font-size:.9rem;color:var(--text);line-height:1.4}.session-option-text small{display:block;color:var(--muted);font-size:.8rem;margin-top:4px}.podium-block.p1{height:90px;background:linear-gradient(180deg,#f7c56a30,#f7c56a10);border:1px solid #f7c56a40}.podium-block.p2{height:70px;background:linear-gradient(180deg,#c0c0c030,#c0c0c010);border:1px solid #c0c0c040}.podium-block.p3{height:52px;background:linear-gradient(180deg,#cd7f3230,#cd7f3210);border:1px solid #cd7f3240}.leaderboard-list{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-bottom:24px}.lb-row{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border)}.lb-row:last-child{border-bottom:none}.lb-rank{width:28px;font-family:Syne,sans-serif;font-weight:700;font-size:.85rem;color:var(--muted);text-align:center;flex-shrink:0}.lb-rank.top{color:var(--accent2)}.lb-name{flex:1;font-weight:500}.lb-correct{color:var(--muted);font-size:.85rem}.lb-score{font-family:Syne,sans-serif;font-weight:700;font-size:1rem;color:var(--accent);width:80px;text-align:right}.screen--display{justify-content:flex-start;padding:clamp(20px,3vw,48px)}.display-wrap{width:100%;max-width:1400px;margin:0 auto}.display-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:clamp(24px,4vw,40px)}.display-quiz-title{font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,3rem);font-weight:800;letter-spacing:-1px;line-height:1.1;color:var(--text)}.display-status{font-family:Syne,sans-serif;font-size:clamp(.75rem,1.5vw,.95rem);font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:8px 16px;border-radius:99px;border:1px solid var(--border);background:var(--surface);color:var(--muted)}.display-status--active{color:var(--accent3);border-color:#6af7c559}.display-status--finished{color:var(--accent2);border-color:#f7c56a59}.display-grid{display:grid;grid-template-columns:1fr;gap:clamp(28px,4vw,48px);align-items:start}@media(min-width:900px){.display-grid{grid-template-columns:minmax(280px,1fr) minmax(0,1.4fr)}}.display-wrap--results .display-join{opacity:.85}.display-wrap--results .display-code{font-size:clamp(1.5rem,9cqi,2.75rem)}.display-wrap--results .display-qr-box canvas{max-width:200px;height:auto!important;width:100%!important}.display-join{container-type:inline-size;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:clamp(24px,3vw,40px);text-align:center}.display-join-hint{font-size:clamp(1rem,2vw,1.25rem);color:var(--muted);margin-bottom:24px;font-weight:400}.display-qr-box{background:#fff;padding:20px;border-radius:20px;display:inline-block;margin-bottom:28px;line-height:0}.display-qr-box canvas{display:block;max-width:100%;height:auto!important}.display-code{font-family:Syne,sans-serif;font-size:clamp(1.5rem,9cqi,3.25rem);font-weight:800;letter-spacing:.08em;color:var(--accent2);line-height:1.1;width:100%;max-width:100%;box-sizing:border-box;padding:clamp(12px,2vw,20px) clamp(10px,2vw,16px);border-radius:16px;background:var(--surface2);border:2px solid rgba(247,197,106,.25);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-main{min-width:0}.display-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,20px);margin-bottom:clamp(24px,3vw,36px)}.display-stat{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:clamp(16px,2.5vw,28px);text-align:center}.display-stat-value{display:block;font-family:Syne,sans-serif;font-size:clamp(2rem,6vw,3.5rem);font-weight:800;line-height:1;color:var(--text)}.display-stat-sub{font-size:.45em;color:var(--muted);font-weight:700}.display-stat-label{display:block;margin-top:8px;font-size:clamp(.8rem,1.5vw,1rem);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.display-stat--accent .display-stat-value{color:var(--accent)}.display-stat--success .display-stat-value{color:var(--accent3)}.display-waiting{font-size:clamp(1.1rem,2.5vw,1.5rem);color:var(--muted);text-align:center;padding:24px}.display-section-title{font-family:Syne,sans-serif;font-size:clamp(1rem,2vw,1.35rem);font-weight:800;margin-bottom:16px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.display-playing{margin-bottom:clamp(24px,3vw,32px)}.display-playing-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px}.display-playing-list li{font-size:clamp(.95rem,1.8vw,1.15rem);padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:99px;font-weight:500}.display-playing-more{color:var(--muted)!important;border-style:dashed!important}.display-podium-block{margin-bottom:clamp(24px,3vw,36px)}.screen--display .podium{margin-bottom:0;gap:clamp(12px,2vw,24px)}.screen--display .podium-item{max-width:220px}.screen--display .podium-name{font-size:clamp(.9rem,1.8vw,1.15rem)}.screen--display .podium-pts{font-size:clamp(.8rem,1.5vw,1rem)}.screen--display .podium-avatar{width:clamp(56px,8vw,80px);height:clamp(56px,8vw,80px);font-size:clamp(1.2rem,2.5vw,1.8rem)}.screen--display .podium-avatar.p1{width:clamp(68px,10vw,96px);height:clamp(68px,10vw,96px);font-size:clamp(1.5rem,3vw,2.2rem)}.screen--display .podium-block{font-size:clamp(1.25rem,3vw,2rem)}.screen--display .podium-block.p1{height:clamp(80px,12vw,120px)}.screen--display .podium-block.p2{height:clamp(64px,10vw,96px)}.screen--display .podium-block.p3{height:clamp(48px,8vw,72px)}.display-rank-list{list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.display-rank-row{display:flex;align-items:center;gap:16px;padding:clamp(12px,2vw,18px) clamp(16px,2.5vw,24px);border-bottom:1px solid var(--border);font-size:clamp(.95rem,1.8vw,1.2rem);transition:background .35s ease}.display-rank-row:last-child{border-bottom:none}.display-rank-row--highlight{background:#7c6af72e}.display-rank-pos{width:36px;font-family:Syne,sans-serif;font-weight:800;color:var(--muted);text-align:center;flex-shrink:0}.display-rank-name{flex:1;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-rank-score{font-family:Syne,sans-serif;font-weight:700;color:var(--accent);flex-shrink:0}.qr-box{background:#fff;padding:16px;border-radius:16px;margin:24px 0}.q-item{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:16px;position:relative}.q-item input,.q-item select{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text);font-family:DM Sans,sans-serif;font-size:.9rem;width:100%;margin-bottom:10px;outline:none}.answers-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.correct-row{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--muted);flex-wrap:wrap}.correct-row select{width:auto;margin-bottom:0}.del-q{position:absolute;top:14px;right:14px;background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:1rem}.add-q-btn{width:100%;padding:14px;border-radius:12px;border:1.5px dashed var(--border);background:transparent;color:var(--muted);font-family:DM Sans,sans-serif;font-size:.9rem;cursor:pointer;margin-bottom:20px}.admin-nav{position:fixed;top:16px;right:16px;z-index:100;display:flex;gap:8px}.nav-link{padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:.75rem;font-family:Syne,sans-serif;font-weight:700;letter-spacing:1px;text-decoration:none;transition:all .2s}.nav-link:hover{border-color:var(--accent);color:var(--text)}.timer-ring{position:relative;width:56px;height:56px}.timer-ring svg{transform:rotate(-90deg)}.timer-ring circle{fill:none;stroke-width:4;stroke-linecap:round}.timer-bg{stroke:var(--surface2)}.timer-arc{stroke:var(--accent2);transition:stroke-dashoffset .9s linear}.timer-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-size:1rem;font-weight:700;color:var(--accent2)}.role-badge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:4px 10px;border-radius:99px;background:var(--surface2);border:1px solid var(--border);color:var(--accent);margin-top:6px}.role-badge.admin{color:var(--accent2)}.role-badge.trainer{color:var(--accent3)}.role-badge.inactive{color:var(--wrong);border-color:#dc26264d}.nav-role{margin-top:0;align-self:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}