*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:#1a1a2e;color:#fff;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font-family:inherit;cursor:pointer;border:none;border-radius:10px;padding:14px 28px;font-size:18px;font-weight:600;background:#fff;color:#1a1a2e;transition:transform .1s,opacity .15s}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}button.primary{background:#f96167;color:#fff}button.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25)}button.big{font-size:22px;padding:18px 40px}input{font-family:inherit;padding:14px 16px;font-size:20px;border-radius:10px;border:2px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;width:100%}input:focus{outline:none;border-color:#f9e795}.loading,.not-host{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:32px;text-align:center;color:#ccc;gap:12px}.muted{color:#999}.host{min-height:100vh;display:flex;flex-direction:column;padding:24px 32px 32px}.host-topbar{display:flex;justify-content:space-between;align-items:center;color:#888;font-size:14px;margin-bottom:16px}.topbar-actions{display:flex;gap:8px;align-items:center}.icon-btn{width:38px;height:38px;padding:0;font-size:18px;display:flex;align-items:center;justify-content:center}.host-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:40px 36px;width:100%;max-width:420px;text-align:center;box-shadow:0 30px 80px #00000073}.login-card .brand{font-size:56px;margin:0 0 4px}.login-card .brand-sub{font-size:18px;color:#ccc;margin:0 0 28px}.login-card form{display:flex;flex-direction:column;gap:8px;text-align:left}.login-card label{font-size:13px;color:#aaa;text-transform:uppercase;letter-spacing:2px}.login-card button{margin-top:16px}.login-hint{margin-top:24px;text-align:center}.login-hint code{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-size:.9em}.settings-divider{border:none;border-top:1px solid rgba(255,255,255,.1);margin:8px 0}.setting-row.column{flex-direction:column;align-items:stretch;gap:12px}.password-form{display:flex;flex-direction:column;gap:8px}.password-form input{font-size:16px;padding:10px 14px}.password-form .password-form-actions{display:flex;gap:8px;justify-content:flex-end}.password-form .success{color:#6fcf7e;font-size:14px}.password-form .error{color:#f96167;font-size:14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#2a2a3e;border-radius:16px;padding:24px 28px;width:100%;max-width:520px;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-header h2{font-size:24px;margin:0}.settings-list{display:flex;flex-direction:column;gap:16px}.setting-row{display:flex;align-items:center;gap:20px;padding:14px 0}.setting-text{flex:1;min-width:0}.setting-title{font-size:16px;font-weight:600;margin-bottom:4px}.setting-desc{font-size:13px;color:#aaa;line-height:1.4}.small{font-size:12px}.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:52px;height:30px;background:#555;border-radius:15px;cursor:pointer;padding:0;transition:background .2s;flex-shrink:0;border:none}.toggle:hover{transform:none}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;border-radius:50%;transition:left .2s}.toggle.on{background:#43a047}.toggle.on:after{left:25px}.toggle.locked{opacity:.4;cursor:not-allowed}.reconnect-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f19f7;display:flex;align-items:center;justify-content:center;z-index:2000;padding:28px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.reconnect-content{text-align:center;max-width:420px}.reconnect-icon{font-size:80px!important;width:1em!important;height:1em!important;margin-bottom:16px;color:#f96167;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.reconnect-content h2{font-size:28px;margin:0 0 12px;color:#f96167}.reconnect-content p{font-size:16px;color:#ccc;margin:0 0 24px;line-height:1.4}.reconnect-content button{margin-bottom:18px}.disc{font-size:18px!important;width:18px!important;height:18px!important;margin-left:6px;vertical-align:-3px;color:#f96167;opacity:.85}.players-list li.offline{opacity:.5;background:#ffffff0d}.wifi-status{font-size:16px!important;width:16px!important;height:16px!important;vertical-align:-3px;color:#6fcf7e;margin-right:4px}.player-icon{display:inline-block;font-size:1.25em;line-height:1;vertical-align:-1px;margin-right:2px}.player-icon-img{display:inline-block;width:1.4em;height:1.4em;vertical-align:-4px;border-radius:50%;object-fit:cover;margin-right:2px}.leaderboard-slide .leaderboard .name,.finished-slide .leaderboard .name{display:flex;align-items:center;gap:12px;min-width:0;overflow:hidden}.leaderboard-slide .leaderboard .player-icon-img,.finished-slide .leaderboard .player-icon-img{width:56px;height:56px;vertical-align:middle;margin:0;flex-shrink:0}.leaderboard-slide .leaderboard .player-icon,.finished-slide .leaderboard .player-icon{font-size:40px;margin:0;flex-shrink:0}.players-list .player-icon-img{width:28px;height:28px;vertical-align:middle;margin-right:6px}.player-leaderboard .leaderboard .name{display:flex;align-items:center;gap:8px;min-width:0}.player-leaderboard .player-icon-img{width:38px;height:38px;margin:0;flex-shrink:0}.player-leaderboard .player-icon{font-size:28px;margin:0;flex-shrink:0}.icon-picker-wrap{margin-top:4px}.icon-picker-tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.15);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.icon-picker-tabs::-webkit-scrollbar{height:4px}.icon-picker-tabs::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.icon-picker-tab{background:transparent;border:none;color:#aaa;padding:8px 16px;font-size:15px;cursor:pointer;border-bottom:2px solid transparent;border-radius:0;margin-bottom:-1px;white-space:nowrap;flex-shrink:0}.icon-picker-tab:hover{color:#fff;transform:none}.icon-picker-tab.active{color:#f9e795;border-bottom-color:#f9e795}.icon-picker{display:flex;gap:10px;flex-wrap:wrap}.icon-option{width:60px;height:60px;font-size:34px;background:#ffffff14;border:2px solid rgba(255,255,255,.18);border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:inherit;transition:border-color .15s,background .15s,transform .1s}.icon-option:hover{transform:translateY(-2px)}.icon-option.selected{border-color:#f9e795;background:#f9e7952e;box-shadow:0 0 0 4px #f9e79526}.icon-picker-persons{display:flex;flex-direction:column;gap:16px;max-height:60vh;overflow-y:auto;padding-right:4px}.icon-year-group{display:flex;flex-direction:column;gap:8px}.icon-year-heading{font-size:14px;color:#f9e795;margin:0;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid rgba(249,231,149,.2);padding-bottom:4px}.icon-picker-grid{display:grid;grid-template-columns:1fr;gap:14px}.icon-option-big{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;background:#ffffff0f;border:2px solid rgba(255,255,255,.15);border-radius:14px;cursor:pointer;color:inherit;transition:border-color .15s,background .15s,transform .1s;width:100%}.icon-option-big:hover{transform:translateY(-2px)}.icon-option-big.selected{border-color:#f9e795;background:#f9e79526;box-shadow:0 0 0 3px #f9e79526}.icon-option-big .player-icon-img{width:100%;height:auto;max-height:70vh;margin:0;border-radius:10px;object-fit:contain;background:#00000040}.icon-option-big .icon-option-caption{font-size:16px;font-weight:600;color:#fff;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host h1{font-size:56px;margin:0 0 24px;text-align:center;font-weight:800}.host h2{font-size:28px;margin:0 0 16px}.lobby,.info-slide,.question-slide,.results-slide,.leaderboard-slide,.finished-slide{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1100px;margin:0 auto;gap:24px}.welcome-screen{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 16px 32px;width:100%;max-width:1100px;margin:0 auto;gap:32px}.welcome-hero{text-align:center;margin-top:16px}.brand{font-size:84px;font-weight:900;margin:0;background:linear-gradient(135deg,#f96167,#f9e795);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-2px;font-family:Georgia,serif}.brand-mini{font-weight:800;color:#f9e795;font-size:16px;letter-spacing:2px;text-transform:uppercase}.brand-sub{font-size:20px;color:#ccc;margin:12px 0 0;line-height:1.5}.brand-sub strong{color:#f9e795}.quiz-picker{width:100%;max-width:900px}.quiz-picker h2{font-size:26px;margin:0 0 20px;text-align:center;color:#ddd}.quiz-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.quiz-card{background:#ffffff0f;border:2px solid rgba(255,255,255,.12);border-radius:16px;padding:22px 24px;text-align:left;color:#fff;font-family:inherit;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.quiz-card:hover{transform:translateY(-3px);border-color:#f96167;background:#f961671f}.quiz-card h3{font-size:22px;font-weight:700;margin:0 0 8px}.quiz-card .quiz-desc{font-size:14px;color:#bbb;margin:0 0 14px;line-height:1.4}.quiz-card .quiz-meta{font-size:12px;color:#888;letter-spacing:1px;text-transform:uppercase}.quiz-card-wrap{position:relative}.quiz-card-wrap .quiz-card{width:100%}.quiz-card-actions{position:absolute;top:10px;right:10px;display:flex;gap:4px;opacity:0;transition:opacity .15s}.quiz-card-wrap:hover .quiz-card-actions{opacity:1}.quiz-card-actions .icon-btn{width:32px;height:32px;font-size:14px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quiz-card-actions .icon-btn.danger:hover{background:#f9616766;border-color:#f96167}.quiz-card-new{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-style:dashed;background:#ffffff08}.quiz-card-new:hover{background:#f9e79514;border-color:#f9e795}.quiz-card-new-plus{font-size:48px;font-weight:200;line-height:1;color:#888;margin-bottom:8px}.quiz-card-new:hover .quiz-card-new-plus{color:#f9e795}.builder-modal{max-width:1400px;width:95vw;max-height:92vh;overflow-y:auto}.builder-form{display:flex;flex-direction:column;gap:8px}.builder-form label{font-size:13px;color:#aaa;text-transform:uppercase;letter-spacing:2px;margin-top:12px}.builder-form input,.builder-form textarea,.builder-form select{font-size:16px;padding:10px 14px}.builder-form textarea{font-family:inherit;resize:vertical}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.slide-section{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.slide-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.slide-section h3{margin:0 0 4px;font-size:18px}.slide-section-add{position:relative}.slide-add-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#2a2a3e;border:1px solid rgba(255,255,255,.15);border-radius:10px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;z-index:10;overflow:hidden}.slide-add-menu button{background:transparent;border:none;border-radius:0;color:#fff;padding:10px 16px;text-align:left;font-size:15px;white-space:nowrap}.slide-add-menu button:hover{background:#f9e7951f;transform:none}.no-slides{padding:16px;text-align:center;background:#ffffff0a;border-radius:8px;margin:0}.slide-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.slide-row{display:grid;grid-template-columns:auto auto 1fr auto;gap:10px;align-items:center;padding:10px 14px;background:#ffffff0d;border-radius:10px}.slide-row-arrows{display:flex;flex-direction:column;gap:2px}.slide-row-arrows .icon-btn{width:26px;height:22px;font-size:12px;padding:0}.slide-row-type{font-size:20px}.slide-row-title{font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slide-row-meta{font-size:11px;color:#888;letter-spacing:1px;text-transform:uppercase}.slide-row-actions{display:flex;gap:4px}.slide-row-actions .icon-btn{width:30px;height:30px;font-size:14px}.slide-image{max-width:100%;max-height:50vh;border-radius:12px;object-fit:contain;margin:12px auto;display:block}.question-image{max-width:100%;max-height:30vh;border-radius:12px;object-fit:contain;margin:0 auto 12px;display:block}.image-field,.image-field-preview{display:flex;flex-direction:column;gap:8px}.image-field-preview img{max-width:100%;max-height:200px;border-radius:8px;object-fit:contain;background:#ffffff0d;align-self:flex-start}.image-field-actions{display:flex;gap:8px}.image-field .danger:hover{background:#f9616726;border-color:#f96167}.question-option-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;margin-top:4px}.question-option-radio{display:flex;align-items:center;gap:6px;cursor:pointer}.question-option-radio input{width:auto}.question-option-letter{font-weight:800;font-size:18px;width:22px;text-align:center}.welcome-footer{margin-top:32px;text-align:center}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin:16px 0}.icon-grid-item{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px 8px;text-align:center;position:relative}.icon-grid-preview{font-size:40px;height:48px;display:flex;align-items:center;justify-content:center}.icon-grid-preview .player-icon-img{width:48px;height:48px;vertical-align:middle;margin:0}.icon-grid-preview .player-icon{font-size:40px;vertical-align:middle;margin:0}.icon-grid-label{margin-top:6px;font-size:13px;color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-grid-tags{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;margin-top:4px}.icon-tag{font-size:10px;padding:2px 6px;border-radius:8px;background:#f9e79526;color:#f9e795;letter-spacing:.5px}.icon-tag-fields{display:grid;grid-template-columns:1fr 100px;gap:6px;margin:4px 0}.icon-tag-fields input{font-size:14px;padding:8px 12px}.icon-grid-item .icon-btn{position:absolute;top:4px;right:4px;width:26px;height:26px;font-size:12px;opacity:0;transition:opacity .15s}.icon-grid-item:hover .icon-btn{opacity:1}.icon-add-row{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:end}.icon-add-col{display:flex;flex-direction:column;gap:6px}.icon-add-divider{color:#888;font-size:13px;align-self:center;padding:0 8px}.icon-option .player-icon-img{width:40px;height:40px;margin:0}.join-info{background:#fff;color:#1a1a2e;border-radius:20px;padding:24px 32px;text-align:center;width:100%;max-width:820px}.join-grid{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.join-side{text-align:left}.join-qr{background:#fff;padding:10px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:6px}.join-qr .qr-caption{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#888}@media (max-width: 700px){.join-grid{grid-template-columns:1fr;gap:16px}.join-side{text-align:center}.join-qr{justify-self:center}}.join-url-label,.code-label{text-transform:uppercase;font-size:13px;letter-spacing:3px;color:#888;margin-bottom:4px}.join-url{font-size:28px;font-weight:700;word-break:break-all;margin-bottom:16px}.code-label{margin-top:12px}.code{font-family:Courier New,monospace;font-size:84px;font-weight:800;letter-spacing:10px;color:#f96167;line-height:1}.players-box{width:100%;max-width:800px;text-align:center}.players-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0;list-style:none;margin:16px 0 0}.players-list li{background:#ffffff1a;padding:10px 18px;border-radius:24px;font-size:17px}.info-slide{text-align:center}.info-slide h1{font-size:72px}.info-slide .subtitle{font-size:28px;color:#f9e795;margin:0}.info-slide .body{font-size:22px;color:#ddd;max-width:700px}.q-header{display:grid;grid-template-columns:110px 1fr 120px;align-items:center;gap:24px;width:100%}.timer{font-size:56px;font-weight:800;color:#f9e795;background:#0000004d;border-radius:50%;width:110px;height:110px;display:flex;align-items:center;justify-content:center}.question-text{font-size:32px;font-weight:700;text-align:center;margin:0;line-height:1.3}.answered{font-size:28px;font-weight:800;text-align:center;color:#f9e795}.answered span{font-size:12px;color:#aaa;font-weight:400;letter-spacing:1px}.options{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}.option{display:flex;align-items:center;padding:22px;border-radius:12px;font-size:22px;font-weight:600;gap:16px;min-height:90px;transition:opacity .3s,transform .3s}.option .letter{font-size:28px;font-weight:800;width:46px;height:46px;border-radius:50%;background:#00000040;display:flex;align-items:center;justify-content:center;flex-shrink:0}.option .text{flex:1}.option .check{font-size:32px;margin-left:8px}.option.dim{opacity:.25}.option.correct{outline:4px solid #F9E795;transform:scale(1.03)}.answer-a{background:#e04e4e;color:#fff}.answer-b{background:#4287f5;color:#fff}.answer-c{background:#e6b800;color:#1a1a2e}.answer-d{background:#43a047;color:#fff}.results-summary{font-size:20px;color:#ccc}.leaderboard-slide h1,.finished-slide h1{font-size:64px}.leaderboard{list-style:none;padding:0;margin:0;width:100%;max-width:700px}.leaderboard li{display:grid;grid-template-columns:70px 1fr 120px;align-items:center;padding:16px 24px;background:#ffffff14;margin-bottom:8px;border-radius:12px;font-size:22px}.leaderboard .rank{font-weight:800;color:#f9e795;font-size:26px}.leaderboard .score{text-align:right;font-weight:700}.leaderboard .rank-1{background:linear-gradient(90deg,#f9e79559,#f9e7950d)}.leaderboard .rank-1 .rank{color:gold;font-size:32px}.winner{font-size:56px;font-weight:800;color:#f9e795;text-align:center}.winner-score{font-size:24px;color:#fff;font-weight:500;margin-top:8px}.player{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.player-header{background:#2f3c7e;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;font-size:17px}.me-name{font-weight:700}.me-score{color:#f9e795;font-weight:700}.player-body{flex:1;display:flex;flex-direction:column;padding:12px;min-height:0}.waiting-screen{flex:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;gap:12px}.waiting-screen h1{font-size:56px;margin:0 0 8px;background:linear-gradient(135deg,#f96167,#f9e795);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:Georgia,serif}.waiting-screen p.big{font-size:22px;margin:0}.join-form{padding:32px 24px;display:flex;flex-direction:column;align-items:center}.join-form h1{font-size:48px;margin:0 0 32px;text-align:center}.join-form form{display:flex;flex-direction:column;gap:8px;width:100%;max-width:360px}.join-form label{font-size:13px;color:#aaa;text-transform:uppercase;letter-spacing:2px;margin-top:12px}.join-form button{margin-top:24px}.error{color:#f96167;font-size:15px;margin-top:8px;text-align:center}.answer-buttons{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:0}.answer-btn{font-size:72px;font-weight:800;color:#fff;border-radius:14px;padding:0;display:flex;align-items:center;justify-content:center;min-height:0}.answer-btn:hover{transform:none}.answer-btn:active{transform:scale(.96)}.answer-btn.answer-c{color:#1a1a2e}.player-leaderboard{flex:1;display:flex;flex-direction:column;padding:16px 12px;overflow-y:auto;min-height:0}.player-leaderboard h2{font-size:28px;margin:0 0 16px;text-align:center}.player-leaderboard .leaderboard{width:100%;max-width:500px;margin:0 auto}.player-leaderboard .leaderboard li{grid-template-columns:44px 1fr 80px;font-size:17px;padding:12px 14px;margin-bottom:6px}.player-leaderboard .leaderboard li.me{background:#f9e79540;outline:2px solid #F9E795}.player-leaderboard .leaderboard li.separator{display:flex;justify-content:center;background:transparent;color:#777;letter-spacing:6px;padding:4px;margin:0}.player-leaderboard .leaderboard .rank{font-size:20px}.wait,.result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:12px}.wait h2,.result h2{font-size:36px;margin:0}.wait p,.result p{font-size:18px;margin:0;color:#ccc}.result.correct h2{color:#6fcf7e}.result.wrong h2{color:#f96167}.delta{font-size:72px;font-weight:800;color:#f9e795;margin:8px 0;line-height:1}@media (max-width: 700px){.host{padding:16px}.host h1{font-size:36px}.info-slide h1{font-size:44px}.code{font-size:56px;letter-spacing:6px}.join-url{font-size:20px}.q-header{grid-template-columns:70px 1fr 70px;gap:12px}.timer{width:70px;height:70px;font-size:32px}.question-text{font-size:22px}.answered{font-size:20px}.options{grid-template-columns:1fr}.option{font-size:18px;padding:16px;min-height:70px}.leaderboard li{grid-template-columns:50px 1fr 90px;font-size:18px;padding:12px 16px}.leaderboard-slide h1,.finished-slide h1{font-size:40px}.winner{font-size:36px}}