*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column}#root>*{flex:1}body{font-family:Wix Madefor Text,sans-serif;color:#fff;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}input::placeholder{color:#ffffff47}input:focus{outline:none}button:active{transform:scale(.97)}::selection{background:#48a2e54d;color:#fff}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.12);opacity:1}}@keyframes confetti{0%{transform:translateY(-8px);opacity:1}to{transform:translateY(180px);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes towerPop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes crashShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.008)}}@keyframes redFlash{0%{background:#c6282833}to{background:transparent}}:root{--game-h: 100vh;--color-bg1: #13317f;--color-bg2: #0d2260;--color-bg3: #091840;--color-bg4: #07122e;--color-bg-deep: #0a0f1e;--color-orange: #ff8a3b;--color-blue-mid: #0070cc;--color-blue-light: #48a2e5;--color-blue-lightest: #b3e2ff;--color-white: #ffffff;--color-success: #2e7d32;--color-error: #c62828;--color-gold: #ffd700;--color-gold-dark: #b8960c;--color-gold-glow: #ffec80;--color-dark-bg: #0a0a0f;--color-dark-surface: #12121a;--color-red: #ff3b3b;--color-red-glow: #ff1a1a;--font-heading: "Petrona", serif;--font-body: "Wix Madefor Text", sans-serif;--gradient-sudden-death: linear-gradient( 170deg, var(--color-dark-bg), var(--color-dark-surface) )}.game-screen{width:100%;margin:0 auto;font-family:var(--font-body);color:var(--color-white);position:relative;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:100%}.game-screen--scroll{overflow-y:auto}.lb-list{flex:1;min-height:0;overflow-y:auto;padding:0 16px 260px}.sheet-handle{display:block;margin:0 auto 18px;text-align:center;padding:4px 0 8px;cursor:grab;touch-action:none}.sheet-close-btn{display:none}@media(min-width:500px){.sheet-handle{display:none}.sheet-close-btn{display:flex;align-items:center;justify-content:flex-end;margin-bottom:14px}}.welcome-pages{overflow:hidden;width:100%;height:100%}.welcome-strip{display:flex;width:200%;height:100%}.welcome-page{width:50%;height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:36px 28px 52px;box-sizing:border-box}.welcome-dot{width:8px;height:8px;border-radius:50%;background:#ffffff40;transition:background .25s}.welcome-dot--active{background:var(--color-orange)}.welcome-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin:20px 0}.welcome-card{background:#ffffff0f;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px}.welcome{padding:48px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.welcome__tagline{background:var(--color-orange);border-radius:50px;padding:5px 18px;margin-bottom:20px;font-size:16px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase}.welcome__title{font-family:var(--font-heading);font-weight:200;font-size:48px;line-height:1.05;text-align:center;margin:0 0 8px}.welcome__subtitle{font-size:16px;color:var(--color-white);text-align:center;margin:0 0 4px;font-weight:500}.welcome__url{font-size:14px;color:#ffffff8c;margin:0 0 22px}.welcome__desc{text-align:center;font-size:16px;line-height:1.7;color:var(--color-white);max-width:300px;margin:0 0 24px}.welcome__field{width:100%;max-width:300px;margin-bottom:12px}.welcome__field--email{margin-bottom:16px}.welcome__error{width:100%;max-width:300px;padding:10px 14px;margin-bottom:12px;background:#c628281f;border:1px solid rgba(198,40,40,.3);border-radius:8px;color:var(--color-red);font-size:14px;text-align:center}.welcome__label{font-size:14px;font-weight:700;color:#ffffff8c;display:block;margin-bottom:7px;text-transform:uppercase;letter-spacing:1.2px}.welcome__input{width:100%;padding:13px 18px;border-radius:50px;border:1.5px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--color-white);font-size:16px;font-family:var(--font-body);box-sizing:border-box;transition:border-color .2s ease}.welcome__input:focus{border-color:var(--color-orange)}.welcome__input--ready{border-color:var(--color-orange)}.welcome__btn-classic{width:100%;max-width:300px;padding:15px;border-radius:16px;font-size:16px;font-weight:700;text-align:center;margin-bottom:10px;border:none;cursor:default;transition:all .2s ease;background:#ffffff12;color:#ffffff59}.welcome__btn-classic--ready{background:var(--color-orange);color:var(--color-white);cursor:pointer}.welcome__btn-sd{width:100%;max-width:300px;padding:13px;border-radius:16px;font-size:16px;font-weight:700;text-align:center;margin-bottom:20px;cursor:default;transition:all .2s ease;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#fff3}.welcome__btn-sd--ready{background:#ff3b3b26;border:1.5px solid rgba(255,59,59,.4);color:var(--color-red);cursor:pointer}.welcome__how-it-works{padding:14px 16px;width:100%;max-width:300px;background:#ffffff0a;border-left:3px solid var(--color-orange);box-sizing:border-box}.welcome__how-title{font-size:14px;font-weight:700;color:var(--color-orange);text-transform:uppercase;letter-spacing:1.4px;margin-bottom:8px}.welcome__how-item{display:flex;align-items:flex-start;gap:9px;margin-bottom:6px}.welcome__how-dot{width:3px;height:3px;border-radius:50%;background:var(--color-blue-light);margin-top:7px;flex-shrink:0}.welcome__how-text{font-size:16px;color:var(--color-white);line-height:1.5}.playing{display:flex;flex-direction:column;flex:1}.dna-helix{flex-shrink:0;width:96px;height:100%;overflow:visible;position:relative}.dna-helix__svg{overflow:visible;display:block}.playing__header{padding:14px 18px 0;flex-shrink:0}.playing__header-row{display:flex;align-items:center;margin-bottom:8px}.playing__header-left{flex:1}.playing__header-center{flex:1;display:flex;justify-content:center}.playing__header-right{flex:1;text-align:right}.playing__score{font-family:var(--font-heading);font-size:26px;font-weight:300;color:var(--color-orange)}.playing__streak-label{font-size:14px;font-weight:700;color:var(--color-gold)}.playing__progress-track{height:2px;border-radius:2px;background:#ffffff0f;margin-bottom:6px;overflow:hidden}.playing__progress-fill{height:100%;background:var(--color-blue-light);border-radius:2px;transition:width .4s ease}.playing__sub-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;min-height:20px}.playing__streak-info{font-size:14px;font-weight:700;color:var(--color-orange)}.playing__counter{font-size:14px;font-weight:700;color:#ffffff8c}.playing__content{display:flex;flex:1;overflow:visible;position:relative;min-height:0}.playing__right-panel{flex:1;display:flex;flex-direction:column;padding:0 18px 0 6px;overflow:hidden;min-width:0}.playing__timer-wrap{display:flex;align-items:center;padding-top:2px;margin-bottom:14px;flex-shrink:0}.playing__question{font-family:var(--font-heading);font-size:20px;font-weight:300;line-height:1.65;flex:1;color:var(--color-white)}.playing__buttons{display:flex;gap:12px;padding-top:14px;padding-bottom:28px;flex-shrink:0}.playing__btn{flex:1;padding:20px 12px;border-radius:16px;font-size:16px;font-weight:700;text-align:center;border:none;cursor:pointer;transition:opacity .2s}.playing__btn--disabled{opacity:.5;cursor:default}.playing__btn-true{background:var(--color-white);color:var(--color-bg1)}.playing__btn-false{background:transparent;color:var(--color-white);border:2px solid rgba(255,255,255,.28)}.playing__tower-wrap{flex-shrink:0;width:60px;display:flex;flex-direction:column;justify-content:flex-end;padding:0 8px 28px}.flash-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.flash-overlay--correct{background:#2e7d321f}.flash-overlay--wrong{background:#c628281a}.flash__icon-circle{width:72px;height:72px;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border-width:2.5px;border-style:solid}.flash__label{font-family:var(--font-heading);font-size:26px;font-weight:300}.flash__points{font-size:16px;font-weight:700;color:var(--color-orange);margin-top:5px}@keyframes nameTaken{0%{transform:translate(0)}15%{transform:translate(-7px)}30%{transform:translate(7px)}45%{transform:translate(-5px)}60%{transform:translate(5px)}75%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes lbSlideIn{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ctaSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.back-link{font-size:14px;color:var(--color-white);font-weight:500;cursor:pointer;background:none;border:none;padding:0;text-align:left}.section-padding{padding:22px 22px 44px}.stat-card{flex:1;padding:12px 8px;background:#ffffff0a;text-align:center}.stat-card__value{font-family:var(--font-heading);font-size:26px;font-weight:300}.stat-card__label{font-size:14px;color:#ffffff8c;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-top:2px}.game-btn{padding:14px;border-radius:50px;font-family:var(--font-body);font-size:16px;font-weight:700;text-align:center;cursor:pointer;border:none;transition:opacity .2s ease;position:relative}.game-btn--full{width:100%}.game-btn:disabled{opacity:.5;cursor:default}.game-btn--loading{pointer-events:none}.game-btn__spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:50%;animation:spin .6s linear infinite}.game-btn__spinner--dark{border-color:#00000026;border-top-color:var(--color-bg1)}@keyframes spin{to{transform:rotate(360deg)}}.game-btn--primary{background:var(--color-orange);color:var(--color-white)}.game-btn--secondary{background:var(--color-blue-mid);color:var(--color-white);font-size:16px}.game-btn--outline{flex:1;padding:11px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);color:var(--color-white);font-size:16px}.game-btn--outline-blue{flex:1;padding:11px;border-radius:12px;background:transparent;border:1px solid rgba(72,162,229,.22);color:var(--color-white);font-size:16px}.game-btn--ghost{background:transparent;color:#ffffff8c;font-size:14px;font-weight:600}.game-btn--danger{background:#ff3b3b26;border:1.5px solid rgba(255,59,59,.4);color:var(--color-red);font-size:16px}.game-btn--gold{background:linear-gradient(135deg,var(--color-gold),var(--color-gold-dark));color:var(--color-dark-bg);font-weight:800}.gameover-btn-review{background:#ffffff0f;border:1px solid rgba(255,193,7,.13);border-radius:16px;color:var(--color-gold);font-size:16px;font-weight:600}.gameover-btn-retry{background:linear-gradient(135deg,var(--color-red),var(--color-red-glow));border:none;color:var(--color-white)}.share-btn-linkedin{background:#0a66c2;color:var(--color-white);border-radius:50px}.share-btn-facebook{background:#1877f2;color:var(--color-white);border-radius:50px}.share-btn-twitter{background:#000;color:var(--color-white)}.cta-banner{margin-top:20px;padding:14px 16px;width:100%;max-width:360px;background:#0070cc14;border-left:3px solid rgba(72,162,229,.3);box-sizing:border-box}.cta-banner__text{font-size:16px;color:var(--color-white);margin-bottom:8px;line-height:1.6}.cta-banner__btn{padding:7px 18px;background:var(--color-blue-mid);color:var(--color-white);font-size:16px;font-weight:700;border-radius:8px;display:inline-block;border:none}@media(min-width:500px){html,body{background:#0a0f1e;height:100%}body{display:flex;justify-content:center;align-items:center}#root{width:480px;height:min(853px,calc(100vh - 48px));border-radius:24px;overflow:hidden;box-shadow:0 0 80px #00000080,0 0 0 1px #ffffff0f}}
