*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:pan-x pan-y;-ms-touch-action:pan-x pan-y;height:auto;min-height:100dvh;overflow:auto}html.quiz-active,html.quiz-active body{height:100dvh;overflow:hidden}#root{color:#e2e8f0;-webkit-font-smoothing:antialiased;touch-action:pan-x pan-y;background:#0f172a;height:auto;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html.quiz-active #root{height:100dvh}button{touch-action:manipulation;font-family:inherit}.quiz-layout{flex-direction:column;display:flex}@media (width<=768px){.quiz-layout .map-col{min-height:35dvh}.quiz-layout .panel-col{min-height:0;max-height:55dvh;overflow-y:auto}}@media (width<=768px) and (height<=640px){.quiz-layout .map-col{min-height:30dvh}.quiz-layout .panel-col{max-height:60dvh}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}@media (width<=768px){.level-map-root{max-height:none!important;padding:10px 10px 40px!important}.level-card-big{min-height:120px!important}.level-result-root{padding:10px 10px 40px!important}.lr-header{margin-bottom:10px!important}.lr-header-icon{margin-bottom:2px!important;font-size:26px!important}.lr-header-title{font-size:17px!important}.lr-card{padding:16px 14px!important}.quiz-layout .panel-col>div{gap:6px!important;padding:10px 12px!important}}:root{--quiz-bg:#07111f;--quiz-surface:#ffffff0b;--quiz-border:#ffffff17;--quiz-radius:14px;--quiz-radius-sm:10px;--quiz-text:#f1f5f9;--quiz-muted:#94a3b8;--quiz-accent:#06b6d4;--quiz-correct:#22c55e;--quiz-wrong:#ef4444}.qp-panel{border-radius:var(--quiz-radius);background:linear-gradient(160deg,#0f172af7 0%,#0a1224fc 100%);border:1px solid #ffffff14;flex-direction:column;gap:10px;padding:14px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0f,inset 0 -1px #0000004d}.qp-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;position:absolute;top:0;left:0;right:0}.qp-panel.shake{animation:.5s shakeAnim}.qp-question-card{border-radius:var(--quiz-radius-sm);background:#ffffff08;border:1px solid #ffffff12;padding:8px 12px;position:relative;overflow:hidden}.qp-question-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0f,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.qp-question-text{color:#fff;text-align:center;letter-spacing:-.02em;text-shadow:0 1px 8px #0006;margin:4px 0 0;font-size:18px;font-weight:800}.qp-option{border-radius:var(--quiz-radius-sm);color:#e2e8f0;cursor:pointer;text-align:center;touch-action:manipulation;text-overflow:ellipsis;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff17;min-width:0;padding:11px 10px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,transform .1s;overflow:hidden}.qp-option:hover{background:#06b6d41a;border-color:#06b6d459;transform:translateY(-1px)}.qp-option:active{transform:translateY(0)scale(.97)}.qp-option.correct{color:#22c55e;background:#22c55e1f;border-color:#22c55e66}.qp-option.wrong{color:#ef4444;background:#ef44441f;border-color:#ef444466}.qp-option.dimmed{color:#475569;background:#ffffff05;border-color:#ffffff0d}.qp-next-btn{border-radius:var(--quiz-radius-sm);color:#fff;cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#0891b2,#0369a1);border:none;width:100%;padding:13px;font-family:inherit;font-size:14px;font-weight:700;transition:box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 4px 14px #0891b259}.qp-next-btn:hover{box-shadow:0 6px 20px #0891b280}.qp-action-btn{border-radius:var(--quiz-radius-sm);cursor:pointer;touch-action:manipulation;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:52px;padding:0;font-family:inherit;transition:all .18s;display:flex;position:relative;overflow:hidden}.qp-action-btn:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff2e,#0000);height:1px;position:absolute;top:0;left:0;right:0}.qp-action-btn:active{transform:scale(.97)}.qp-hint-btn{color:#fbbf24;background:linear-gradient(160deg,#f59e0b21 0%,#eab30812 100%);border:1px solid #f59e0b4d}.qp-hint-btn:hover{background:linear-gradient(160deg,#f59e0b33 0%,#eab3081f 100%);border-color:#f59e0b80;box-shadow:0 4px 16px #f59e0b26}.qp-hint-btn .qp-btn-label{color:#fbbf24;font-size:13px;font-weight:700;line-height:1}.qp-hint-btn .qp-btn-sub{color:#fbbf2499;font-size:10px;font-weight:500;line-height:1}.qp-skip-btn{color:#94a3b8;background:linear-gradient(160deg,#ffffff0d 0%,#ffffff05 100%);border:1px solid #ffffff1a}.qp-skip-btn:hover{background:linear-gradient(160deg,#ffffff14 0%,#ffffff0a 100%);border-color:#ffffff2e;box-shadow:0 4px 16px #0003}.qp-skip-btn .qp-btn-label{color:#94a3b8;font-size:13px;font-weight:700;line-height:1}.qp-skip-btn .qp-btn-sub{color:#94a3b88c;font-size:10px;font-weight:500;line-height:1}@media (width<=480px){.qp-action-btn{min-height:48px}.qp-hint-btn .qp-btn-label,.qp-skip-btn .qp-btn-label{font-size:12px!important}.qp-hint-btn .qp-btn-sub,.qp-skip-btn .qp-btn-sub{font-size:9px!important}}.qp-instruction{border-radius:var(--quiz-radius-sm);white-space:nowrap;background:#06b6d412;border:1px solid #06b6d42e;justify-content:center;align-items:center;gap:7px;padding:8px 12px;display:flex;overflow:hidden}.qp-instruction-icon{flex-shrink:0;font-size:16px}.qp-instruction-text{color:#38bdf8;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:1;overflow:hidden}.qp-correct-feedback{background:#22c55e17;border:1px solid #22c55e47;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:7px 12px;animation:.25s fadeSlideIn;display:flex}.qp-streak{border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;animation:1s ease-in-out infinite streakPulse;display:flex;position:relative;overflow:hidden}.qb-icon-btn{color:#94a3b8;cursor:pointer;touch-action:manipulation;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;transition:background .15s,border-color .15s,color .15s;display:flex}.qb-icon-btn:hover{color:#e2e8f0;background:#ffffff1a;border-color:#ffffff2e}.qb-progress-wrap{background:#ffffff12;border-radius:4px;flex:1;height:8px;position:relative;overflow:hidden}.qb-progress-fill{border-radius:4px;height:100%;transition:width .45s cubic-bezier(.4,0,.2,1);position:relative}.qb-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59);border-radius:4px;width:24px;height:100%;position:absolute;top:0;right:0}.qb-map-col{border-radius:16px;position:relative;overflow:hidden}.qb-map-col:after{content:"";pointer-events:none;border-radius:16px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.92)translateY(12px)}70%{transform:scale(1.02)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes floatUp{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-28px)scale(.85)}}@keyframes shakeAnim{0%,to{transform:translate(0)}15%{transform:translate(-7px)}30%{transform:translate(6px)}45%{transform:translate(-5px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(1px)}}@keyframes streakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes fireFloat{0%{opacity:.8;transform:translateY(0)scale(1)}50%{opacity:1}to{opacity:0;transform:translateY(-32px)scale(.2)}}@keyframes glowPulse{0%,to{box-shadow:0 0 10px #06b6d41f,inset 0 0 6px #06b6d408}50%{box-shadow:0 0 22px #06b6d447,inset 0 0 12px #06b6d412}}@keyframes timerShake{0%,to{transform:translate(0)}15%{transform:translate(-4px)}30%{transform:translate(4px)}45%{transform:translate(-3px)}60%{transform:translate(2px)}80%{transform:translate(-1px)}}@keyframes penaltyPop{0%{opacity:0;transform:translateY(-50%)scale(.5)}20%{opacity:1;transform:translateY(-50%)scale(1.3)}40%{transform:translateY(-50%)scale(1)}to{opacity:0;transform:translateY(-80%)scale(.8)}}@keyframes penaltyDrop{0%{opacity:0;transform:translate(-50%)translateY(-8px)scale(.6)}15%{opacity:1;transform:translate(-50%)translateY(0)scale(1.2)}30%{transform:translate(-50%)translateY(2px)scale(1)}70%{opacity:1;transform:translate(-50%)translateY(4px)scale(1)}to{opacity:0;transform:translate(-50%)translateY(18px)scale(.7)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=480px){.qp-instruction-icon{font-size:13px!important}.qp-instruction-text{font-size:12px!important}.qp-instruction{padding:6px 10px!important}.qp-question-text{font-size:16px!important}}