@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-ext-700-normal-C24KFjuG.woff2)format("woff2"),url(/assets/cinzel-latin-ext-700-normal-CORa-yIv.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/cinzel-latin-ext-900-normal-CWXxiu5r.woff2)format("woff2"),url(/assets/cinzel-latin-ext-900-normal-BlZZvP7K.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/cinzel-latin-900-normal-BI3z7Tow.woff2)format("woff2"),url(/assets/cinzel-latin-900-normal-t_fSDEbn.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-vietnamese-400-normal-Dpl4UHAZ.woff2)format("woff2"),url(/assets/barlow-vietnamese-400-normal-BFeobeCK.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-ext-400-normal-HxX4XjxC.woff2)format("woff2"),url(/assets/barlow-latin-ext-400-normal-CvBsJvxq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-vietnamese-500-normal-zTViEIzf.woff2)format("woff2"),url(/assets/barlow-vietnamese-500-normal-GNfB7rCE.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-ext-500-normal-DOaysfXq.woff2)format("woff2"),url(/assets/barlow-latin-ext-500-normal-CJPcKP2Q.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-vietnamese-600-normal-DcjprdFV.woff2)format("woff2"),url(/assets/barlow-vietnamese-600-normal-CA_GiK2e.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-ext-600-normal-B8NK_A3D.woff2)format("woff2"),url(/assets/barlow-latin-ext-600-normal-DMVRjfRT.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-vietnamese-700-normal-D6euyNzi.woff2)format("woff2"),url(/assets/barlow-vietnamese-700-normal-4Jt4k04K.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-ext-700-normal-BLuWmldJ.woff2)format("woff2"),url(/assets/barlow-latin-ext-700-normal-CctuGmmz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-700-normal-A9pxMQ4z.woff2)format("woff2"),url(/assets/barlow-latin-700-normal-__SGTsZ1.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--gold:#f5c842;--gold-dark:#c8a000;--gold-light:#ffe480;--blue-deep:#0a0f2e;--blue-mid:#0d1a4a;--blue-panel:#111c55;--blue-bright:#1a3db5;--blue-glow:#2a5ff5;--blue-A:#1a3db5;--blue-B:#153498;--blue-C:#0f2a7c;--blue-D:#0a2062;--white:#fff;--silver:#c8d0e0;--correct:#2ed573;--wrong:#ff4757;--neutral:#4a90d9}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--blue-deep);color:var(--white);background-image:radial-gradient(at 50% 0,#2a5ff52e 0%,#0000 70%),radial-gradient(at 80% 100%,#f5c8420f 0%,#0000 50%);min-height:100vh;font-family:Barlow,sans-serif}.host-header{background:linear-gradient(90deg, var(--blue-deep) 0%, var(--blue-mid) 50%, var(--blue-deep) 100%);border-bottom:1px solid #f5c8424d;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}.logo{color:var(--gold);letter-spacing:.04em;text-shadow:0 0 20px #f5c84266;font-family:Cinzel,serif;font-size:18px}.host-badge{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;background:#f5c8421f;border:1px solid #f5c8424d;border-radius:20px;padding:4px 14px;font-size:12px}.conn-status{color:var(--silver);align-items:center;gap:6px;font-size:13px;display:flex}.conn-dot{background:#888;border-radius:50%;width:8px;height:8px;transition:background .3s}.conn-dot.online{background:var(--correct);box-shadow:0 0 6px var(--correct)}.main{grid-template-columns:340px 1fr;gap:0;min-height:calc(100vh - 57px);display:grid}.left-panel{background:var(--blue-mid);border-right:1px solid #f5c84226;flex-direction:column;gap:18px;padding:20px;display:flex;overflow-y:auto}.room-card{background:var(--blue-panel);border:1px solid #f5c84240;border-radius:12px;padding:18px}.section-title{letter-spacing:.12em;color:var(--gold);text-transform:uppercase;margin-bottom:14px;font-family:Cinzel,serif;font-size:11px}.room-id-display{color:var(--gold-light);letter-spacing:.08em;text-align:center;text-shadow:0 0 16px #f5c84259;word-break:break-all;margin-bottom:14px;font-family:Cinzel,serif;font-size:22px}#qrcode{justify-content:center;margin-bottom:12px;display:flex}#qrcode canvas,#qrcode img{background:#fff;border:3px solid #f5c8424d;border-radius:8px;padding:6px}.qr-hint{color:var(--silver);text-align:center;font-size:12px;line-height:1.5}.qr-hint code{color:var(--gold);font-size:11px}.players-card{background:var(--blue-panel);border:1px solid #f5c84240;border-radius:12px;flex:1;padding:18px}.players-count{color:var(--silver);margin-bottom:12px;font-size:13px}.players-count span{color:var(--gold);font-weight:700}.player-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 10px;font-size:14px;transition:all .2s;display:flex}.player-item.answered{background:#2ed5730f;border-color:#2ed5734d}.player-name{color:var(--white)}.player-score{color:var(--gold);font-family:Cinzel,serif;font-size:13px;font-weight:700}.player-rank{color:var(--silver);margin-right:6px;font-size:11px}.right-panel{flex-direction:column;gap:20px;padding:24px;display:flex}.question-editor{background:var(--blue-panel);border:1px solid #f5c84240;border-radius:16px;padding:24px}.editor-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.question-counter{color:var(--silver);font-size:13px}.question-counter span{color:var(--gold);font-weight:700}.field-label{letter-spacing:.06em;color:var(--silver);text-transform:uppercase;margin-top:14px;margin-bottom:8px;font-size:12px}.field-label:first-of-type{margin-top:0}input[type=text],textarea{width:100%;color:var(--white);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:10px 14px;font-family:Barlow,sans-serif;font-size:15px;transition:border-color .2s}input[type=text]:focus,textarea:focus{border-color:#f5c84280}textarea{resize:vertical;min-height:60px}.answers-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.answer-field{position:relative}.answer-letter{color:var(--gold);pointer-events:none;font-family:Cinzel,serif;font-size:12px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.answer-field input{padding-left:32px}.answer-field.correct-field input{background:#2ed57314;border-color:#2ed57380}.correct-select{width:100%;color:var(--white);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:10px 14px;font-family:Barlow,sans-serif;font-size:14px}.correct-select option{background:var(--blue-panel)}.image-upload-area{text-align:center;cursor:pointer;border:2px dashed #f5c84240;border-radius:10px;padding:16px;transition:all .2s;position:relative}.image-upload-area:hover{background:#f5c8420a;border-color:#f5c84280}.image-upload-area input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.image-upload-area .hint{color:var(--silver);font-size:13px}.image-preview{object-fit:contain;border-radius:6px;max-width:100%;max-height:100px;margin-top:8px;display:none}.editor-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.btn{letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-family:Barlow,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-gold{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);color:var(--blue-deep)}.btn-gold:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 16px #f5c84259}.btn-outline{color:var(--gold);background:0 0;border:1px solid #f5c84259}.btn-outline:not(:disabled):hover{background:#f5c84214}.btn-blue{background:var(--blue-bright);color:var(--white);border:1px solid #2a5ff580}.btn-blue:not(:disabled):hover{background:var(--blue-glow)}.btn-danger{color:var(--wrong);background:#ff475726;border:1px solid #ff475759}.btn-danger:not(:disabled):hover{background:#ff475740}.btn-lg{letter-spacing:.08em;border-radius:10px;padding:14px 28px;font-size:15px}.questions-list{background:var(--blue-panel);border:1px solid #f5c84240;border-radius:16px;padding:20px}.q-list-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.q-list-actions{flex-wrap:wrap;gap:8px;display:flex}.q-item{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;font-size:14px;transition:all .2s;display:flex}.q-item:hover{background:#f5c8420d;border-color:#f5c8424d}.q-item.active{background:#f5c8421a;border-color:#f5c84299}.q-item.sent{opacity:.6;border-color:#2a5ff566}.q-num{color:var(--gold);min-width:22px;font-family:Cinzel,serif;font-size:12px}.q-text{color:var(--silver);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.q-del{color:var(--wrong);opacity:.6;padding:2px 6px;font-size:16px}.q-del:hover{opacity:1}.game-control{background:var(--blue-panel);border:1px solid #f5c84240;border-radius:16px;padding:20px}.control-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.answer-progress{flex:1;min-width:200px}.progress-label{color:var(--silver);justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.progress-bar-bg{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--blue-glow), var(--gold));border-radius:3px;width:0%;height:100%;transition:width .3s}.scoreboard-modal{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.scoreboard-modal.show{display:flex}.scoreboard-inner{background:var(--blue-mid);border:1px solid #f5c84266;border-radius:20px;width:90%;max-width:540px;max-height:90vh;padding:32px;overflow-y:auto;box-shadow:0 0 60px #f5c84226}.scoreboard-title{color:var(--gold);text-align:center;letter-spacing:.08em;text-shadow:0 0 20px #f5c84266;margin-bottom:24px;font-family:Cinzel,serif;font-size:22px}.score-row{opacity:0;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:14px;margin-bottom:8px;padding:12px 16px;transition:all .3s;animation:.3s forwards slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.score-row:first-child{background:#f5c84214;border-color:#f5c84266;animation-delay:50ms}.score-row:nth-child(2){border-color:#c8c8c84d;animation-delay:.1s}.score-row:nth-child(3){border-color:#b873334d;animation-delay:.15s}.score-row:nth-child(n+4){animation-delay:.2s}.rank-badge{text-align:center;width:28px;font-family:Cinzel,serif;font-size:13px}.rank-1{color:var(--gold);font-size:18px}.rank-2{color:#c8c8c8}.rank-3{color:#c87337}.score-name{flex:1;font-size:16px;font-weight:600}.score-pts{color:var(--gold);font-family:Cinzel,serif;font-size:20px}.score-pts span{color:var(--silver);font-family:Barlow,sans-serif;font-size:12px}.scoreboard-actions{justify-content:center;gap:10px;margin-top:20px;display:flex}.live-question{background:var(--blue-panel);border:2px solid #f5c84266;border-radius:16px;padding:20px;display:none}.live-question.show{display:block}.live-q-text{color:var(--white);text-align:center;margin-bottom:16px;font-family:Cinzel,serif;font-size:18px;line-height:1.4}.live-q-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:160px;margin:0 auto 14px;display:block}.live-answers{grid-template-columns:1fr 1fr;gap:8px;display:grid}.live-answer{background:#1a3db54d;border:1px solid #2a5ff566;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:flex}.live-answer.correct{background:#2ed57326;border-color:#2ed57399}.live-answer-letter{color:var(--gold);min-width:16px;font-family:Cinzel,serif;font-size:12px}.phase-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.phase-lobby{color:#4a90d9;background:#4a90d933;border:1px solid #4a90d966}.phase-question{color:var(--gold);background:#f5c84226;border:1px solid #f5c84266}.phase-results{color:var(--correct);background:#2ed57326;border:1px solid #2ed57366}.toast{background:var(--blue-panel);color:var(--gold);z-index:200;white-space:nowrap;border:1px solid #f5c8424d;border-radius:10px;padding:12px 20px;font-size:14px;transition:transform .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(100px)}.toast.show{transform:translate(-50%)translateY(0)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#f5c84233;border-radius:3px}