@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body,html{background:#111;justify-content:center;align-items:center;width:100%;height:100%;font-family:Poppins,sans-serif;display:flex;overflow:hidden}:root{--brand:#002fa7;--brand-2:#072bb8;--cyan:#1bbcef;--red:#f82f3e;--gold:#ffa600;--green:#32d04b;--purple:#8600ff;--ink:#3f494f;--muted:#aab2b6;--line:#d4dcdd;--card:#fff;--font-display:"Work Sans", sans-serif;--font-body:"Source Sans 3", sans-serif;--diff-easy:#32d04b;--diff-medium:#ffa600;--diff-hard:#f82f3e;--diff-expert:#7614f5}[data-theme=dark]{--bg-body:#0f162c;--shaft-bg:#060b17;--shaft-line:#002fa733;--cable:#1bbcef47;--elev-shadow:0 0 60px #002fa799, 0 8px 32px #072bb866;--topbar-bg:#060b17f0;--lang-switch-bg:#ffffff1a;--toggle-bg:#ffffff1a;--toggle-color:#fff;--lang-inactive:#ffffff73}[data-theme=light]{--bg-body:#e9ebf0;--shaft-bg:#bfc6d4;--shaft-line:#002fa714;--cable:#002fa724;--elev-shadow:0 4px 24px #072bb838, 0 2px 8px #072bb81f;--topbar-bg:#bfc6d4f0;--lang-switch-bg:#002fa714;--toggle-bg:#002fa71a;--toggle-color:#002fa7;--lang-inactive:#aab2b6}#app{background:var(--bg-body);width:100%;max-width:390px;height:100%;max-height:844px;position:relative;overflow:hidden;box-shadow:0 0 40px #00000080}@media (width>=420px){#app{border-radius:20px;height:min(844px,100vh - 20px)}}.screen{z-index:100;flex-direction:column;align-items:center;display:none;position:absolute;inset:0;overflow:hidden}.screen.active{display:flex}.blob{pointer-events:none;border-radius:50%;position:absolute}.blob-1{background:#ffffff0a;width:480px;height:480px;animation:8s ease-in-out infinite blobFloat;top:-200px;left:-130px}.blob-2{background:#1bbcef12;width:340px;height:340px;animation:10s ease-in-out 2s infinite blobFloat;bottom:20px;right:-120px}.blob-3{background:#ffffff08;width:200px;height:200px;animation:12s ease-in-out 4s infinite blobFloat;top:160px;right:0}.blob-end-1{background:#002fa70d;width:280px;height:280px;top:-60px;right:-70px}.blob-end-2{background:#f82f3e0a;width:200px;height:200px;bottom:60px;left:-60px}.top-bar{z-index:200;background:var(--topbar-bg);pointer-events:none;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.top-bar>*{pointer-events:auto}.lang-switch{background:var(--lang-switch-bg);border-radius:8px;gap:3px;padding:3px;display:flex}.lang-btn{font-family:var(--font-display);letter-spacing:.1em;color:var(--lang-inactive);background:0 0;border-radius:5px;padding:3px 10px;font-size:11px;font-weight:700;transition:all .2s}.lang-btn.active{background:var(--brand);color:#fff}.theme-btn{background:var(--toggle-bg);width:32px;height:32px;color:var(--toggle-color);border-radius:8px;justify-content:center;align-items:center;font-size:14px;transition:background .2s;display:flex}.btn{width:100%;height:52px;font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;z-index:5;border-radius:8px;flex-shrink:0;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .15s;position:relative}#startScreen{background:#002fa7;align-items:center;padding:16px 24px 36px}#startScreen .top-bar{z-index:10;background:0 0;flex-shrink:0;justify-content:flex-end;width:100%;height:auto;padding:16px 0 0;position:relative}#startScreen .lang-switch{background:#ffffff21;border-radius:8px;padding:4px}#startScreen .lang-btn{color:#ffffff73;border-radius:6px;padding:4px 12px}#startScreen .lang-btn.active{background:var(--brand);color:#fff}#startScreen .theme-btn{color:#fff;background:#ffffff21;width:36px;height:36px;font-size:17px}.start-main{z-index:5;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.start-elevator{background:#0000004d;border:2px solid #ffffff2e;border-radius:10px;flex-shrink:0;width:96px;height:130px;margin-bottom:28px;position:relative;overflow:hidden;box-shadow:0 0 52px #002fa7cc,0 0 100px #1bbcef1a}.start-elevator-strip{z-index:6;height:22px;color:var(--cyan);font-family:var(--font-display);background:#00000073;border-bottom:1px solid #1bbcef47;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex;position:absolute;top:0;left:0;right:0}.start-elevator .inner-glow{z-index:1;background:radial-gradient(at 50% 85%,#1bbcef29,#0000 65%);position:absolute;inset:0}.start-elevator-doors{z-index:2;position:absolute;inset:22px 0 0;overflow:hidden}.start-elevator .door{background:linear-gradient(175deg,#1a2a8a 0%,#0f1d60 100%);width:50%;height:100%;transition:transform 1.1s cubic-bezier(.4,0,.2,1);position:absolute;top:0}.start-elevator .door-left{border-right:1px solid #1bbcef42;left:0}.start-elevator .door-right{border-left:1px solid #1bbcef42;right:0}.start-elevator.open .door-left{transform:translate(-93%)}.start-elevator.open .door-right{transform:translate(93%)}.start-elevator .door-panel{border:1px solid #ffffff12;border-radius:3px;height:74%;position:absolute;top:12%}.start-elevator .door-left .door-panel{left:10%;right:22%}.start-elevator .door-right .door-panel{left:22%;right:10%}.start-elevator .door-handle{background:#1bbcef73;border-radius:2px;width:3px;height:22px;position:absolute;top:50%;transform:translateY(-50%)}.start-elevator .door-left .door-handle{right:5px}.start-elevator .door-right .door-handle{left:5px}.play-logo{opacity:.9;height:28px;margin-bottom:20px}.game-logo{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;margin-bottom:8px;font-size:36px;font-weight:800;line-height:1.1}.game-subtitle{font-family:var(--font-display);color:#ffffff80;letter-spacing:.18em;text-transform:uppercase;margin-bottom:32px;font-size:11px;font-weight:600}.start-features{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.feature-pill{font-family:var(--font-display);color:#ffffffe0;letter-spacing:.08em;text-transform:uppercase;background:#ffffff1c;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:600;display:inline-flex}.source-select{flex-direction:column;align-items:center;gap:6px;margin-top:28px;display:flex}.source-select label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;font-size:10px;font-weight:600}.source-select select{font-family:var(--font-body);color:#fff;cursor:pointer;background:#ffffff1c;border:1px solid #fff3;border-radius:8px;min-width:210px;padding:8px 14px;font-size:13px;font-weight:600}.source-select select option{color:var(--ink)}.source-status{color:#ffffffb3;min-height:1em;font-size:11px}.source-status.error{color:#ffc9cd}.source-status.success{color:#bff3c9}.btn-start{color:var(--brand);background:#fff;box-shadow:0 4px 24px #00000038}.btn-start:hover{transform:translateY(-2px);box-shadow:0 6px 28px #0000004d}.btn-start:active{transform:translateY(0)}#gameScreen{background:var(--shaft-bg);transition:background .3s}.hud{z-index:50;background:#fff;flex-shrink:0;order:2;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;display:flex;box-shadow:0 -2px 8px #072bb82e}.hud .theme-btn{width:32px;height:32px;color:var(--brand);background:#002fa714;border-radius:8px;font-size:14px}.hud-left{align-items:center;gap:10px;display:flex}.hud-right{align-items:center;gap:14px;display:flex}.hud-item{align-items:center;gap:4px;display:flex}.hud-item .icon{font-size:15px}.hud-item .value{font-family:var(--font-display);color:var(--ink);font-size:14px;font-weight:700}.floor-badge{background:var(--brand);font-family:var(--font-display);color:#fff;letter-spacing:.04em;text-align:center;border-radius:20px;min-width:58px;padding:5px 14px;font-size:13px;font-weight:700}.hearts{align-items:center;gap:3px;display:flex}.heart{font-size:17px;transition:all .3s;display:inline-block}.heart.lost{opacity:.2;filter:grayscale();transform:scale(.8)}.shaft{flex:1;justify-content:center;align-items:center;width:100%;padding:12px 16px;display:flex;position:relative;overflow:hidden}.shaft:before,.shaft:after{content:"";background:linear-gradient(180deg, var(--cable), transparent 80%);pointer-events:none;border-radius:2px;width:3px;position:absolute;top:0;bottom:0}.shaft:before{left:30px}.shaft:after{right:30px}.shaft-bg{background:repeating-linear-gradient(0deg, transparent 0px, transparent 59px, var(--shaft-line) 59px, var(--shaft-line) 60px);pointer-events:none;position:absolute;inset:0}.shaft-lines{background:repeating-linear-gradient(0deg, transparent 0px, transparent 59px, var(--shaft-line) 59px, var(--shaft-line) 60px);pointer-events:none;opacity:0;will-change:background-position;background-size:100% 60px;width:100%;height:100%;position:absolute;top:0;left:0}.shaft-lines.moving{opacity:1;animation:.9s linear infinite shaftScroll}.elevator{border:2px solid var(--brand);width:100%;height:100%;box-shadow:var(--elev-shadow);z-index:10;background:#fff;border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden}.elevator.shake{animation:.5s elevatorShake}.elevator.wrong-shake{animation:.65s wrongShake}.floor-indicator{background:var(--brand);z-index:25;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.floor-indicator-left{align-items:center;gap:8px;display:flex}.floor-indicator .arrow{color:var(--cyan);font-size:14px;animation:1s infinite arrowBounce;display:inline-block}.floor-indicator .floor-num{font-family:var(--font-display);color:#fff;font-size:22px;font-weight:800;line-height:1}.floor-indicator .floor-abbr{font-family:var(--font-display);color:#ffffff8c;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:600}.diff-badge{background:var(--diff-easy);color:#fff;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;border-radius:20px;padding:3px 12px;font-size:10px;font-weight:700}.elevator-doors{z-index:20;pointer-events:none;border-radius:0 0 10px 10px;position:absolute;inset:42px 0 0;overflow:hidden}.door{background:linear-gradient(175deg,#002fa7 0%,#072bb8 100%);width:50%;height:100%;transition:transform .85s cubic-bezier(.4,0,.2,1);position:absolute;top:0}.door-left{border-right:1px solid #1bbcef4d;left:0}.door-right{border-left:1px solid #1bbcef4d;right:0}.doors-open .door-left{transform:translate(-100%)}.doors-open .door-right{transform:translate(100%)}.door-panel{border:1px solid #ffffff12;border-radius:4px;height:78%;position:absolute;top:10%}.door-left .door-panel{left:12%;right:20%}.door-right .door-panel{left:20%;right:12%}.door-handle{background:#1bbcef73;border-radius:2px;width:4px;height:28px;position:absolute;top:50%;transform:translateY(-50%)}.door-left .door-handle{right:8px}.door-right .door-handle{left:8px}.question-container{opacity:0;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;padding:14px 16px 16px;transition:opacity .38s;display:flex;overflow:hidden auto}.question-container.visible{opacity:1}.question-category{font-family:var(--font-display);color:var(--cyan);letter-spacing:.18em;text-transform:uppercase;text-align:center;flex-shrink:0;margin-bottom:10px;font-size:10px;font-weight:600}.question-text{font-family:var(--font-body);color:var(--ink);text-align:center;text-wrap:pretty;flex-shrink:0;padding:0 4px;font-size:15px;font-weight:400;line-height:1.55}.options-wrapper{flex-direction:column;flex-shrink:0;margin-top:auto;padding-top:16px;display:flex}#qOptions{flex-direction:column;gap:8px;display:flex}.option-btn{border:2px solid var(--line);width:100%;color:var(--ink);font-family:var(--font-body);text-align:left;background:#fff;border-radius:8px;align-items:center;gap:10px;padding:11px 14px;font-size:14px;font-weight:600;transition:background .18s,border-color .18s,color .18s;display:flex}.option-btn:hover:not(.disabled):not(.correct):not(.wrong){border-color:var(--brand)}.option-btn .option-letter{width:24px;min-width:24px;height:24px;font-family:var(--font-display);color:var(--brand);background:#002fa714;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.option-btn span:last-child{line-height:1.3}.option-btn.correct{border-color:var(--green)!important;color:var(--green)!important;background:#32d04b14!important}.option-btn.wrong{border-color:var(--red)!important;color:var(--red)!important;background:#f82f3e14!important}.option-btn.disabled{pointer-events:none}#qOptions.binary-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}#qOptions.binary-options .option-btn{justify-content:center;padding:14px 10px}.quiztal-btn{border:2px solid var(--purple);width:100%;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--purple);background:#8600ff0f;border-radius:8px;flex-shrink:0;margin-top:10px;padding:10px;font-size:11px;font-weight:700;transition:all .2s}.quiztal-btn.disabled{border-color:var(--line);color:var(--muted);opacity:.4;pointer-events:none;background:0 0}.answer-reveal{font-family:var(--font-body);color:var(--cyan);text-align:center;background:#1bbcef0f;border:1px solid #1bbcef33;border-radius:8px;flex-shrink:0;margin-top:8px;padding:9px 12px;font-size:13px;display:none}.answer-reveal.visible{display:block}#endScreen{background:var(--bg-body);align-items:center;padding:0 24px 36px;transition:background .3s}#endScreen .top-bar{background:0 0;flex-shrink:0;justify-content:flex-end;width:100%;height:auto;padding:16px 0 0;position:relative}.end-main{z-index:5;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.end-title{font-family:var(--font-display);color:var(--red);text-align:center;letter-spacing:-.02em;margin-bottom:6px;font-size:44px;font-weight:800;line-height:1;animation:.5s fadeIn}.end-subtitle{font-family:var(--font-body);color:var(--muted);text-align:center;margin-bottom:36px;font-size:16px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.stat-card{text-align:center;background:#fff;border-radius:8px;padding:20px 8px;animation:.5s both fadeInUp;box-shadow:0 2px 8px #072bb82e}.stat-card:first-child{animation-delay:80ms}.stat-card:nth-child(2){animation-delay:.16s}.stat-card:nth-child(3){animation-delay:.24s}.stat-card:nth-child(4){animation-delay:.32s}.stat-icon{margin-bottom:6px;font-size:26px}.stat-value{font-family:var(--font-display);color:var(--ink);font-size:32px;font-weight:800;line-height:1}.stat-label{font-family:var(--font-display);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:600}.btn-restart{background:var(--brand);color:#fff;box-shadow:0 4px 16px #072bb84d}.btn-restart:hover{transform:translateY(-2px);box-shadow:0 6px 24px #072bb866}@keyframes shaftScroll{0%{background-position:0 0}to{background-position:0 60px}}@keyframes elevatorShake{0%,to{transform:translateY(0)}25%{transform:translateY(-3px)}50%{transform:translateY(3px)}75%{transform:translateY(-2px)}}@keyframes wrongShake{0%,to{transform:translate(0)}15%{transform:translate(-10px)}30%{transform:translate(10px)}50%{transform:translate(-7px)}70%{transform:translate(7px)}90%{transform:translate(-3px)}}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popUp{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}55%{opacity:1;transform:translate(-50%)translateY(-36px)scale(1.18)}to{opacity:0;transform:translate(-50%)translateY(-70px)scale(.85)}}@keyframes blobFloat{0%,to{transform:scale(1)translate(0)}50%{transform:scale(1.06)translate(6px,-8px)}}@keyframes bannerShow{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}25%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.transition-overlay{z-index:40;pointer-events:none;background:0 0;flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.transition-overlay.active{display:flex}.transition-text{font-family:var(--font-display);color:var(--cyan);text-shadow:0 0 15px #1bbcef59;opacity:0;font-size:28px;font-weight:800;animation:.6s forwards fadeInUp}.transition-sub{font-family:var(--font-body);color:#fff9;opacity:0;margin-top:4px;font-size:14px;animation:.6s .2s forwards fadeInUp}.points-popup{font-family:var(--font-display);color:var(--gold);pointer-events:none;z-index:60;white-space:nowrap;text-shadow:0 0 14px #ffa60080;font-size:26px;font-weight:800;animation:1s forwards popUp;position:absolute}.difficulty-banner{font-family:var(--font-display);color:#fff;z-index:55;opacity:0;pointer-events:none;text-align:center;white-space:nowrap;border-radius:12px;padding:12px 24px;font-size:18px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.difficulty-banner.show{animation:2s forwards bannerShow}