:root{--bg-dark: #0f0f1a;--bg-card: #1a1a2e;--bg-tile: #252540;--text-primary: #f0f0f5;--text-secondary: #a0a0b0;--accent-gold: #e6b84a;--accent-danger: #e84a4a;--accent-success: #4ae68a;--tg-viewport: var(--tg-viewport-stable-height, 100vh)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;min-height:var(--tg-viewport);background:var(--bg-dark);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased}.app{min-height:100vh;min-height:var(--tg-viewport);padding:16px 16px 24px}.app-with-bg{position:relative}.app-with-bg:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 50% at 20% 20%,rgba(212,175,55,.04) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(212,175,55,.03) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.01) 0%,transparent 100%);animation:bgFloat 8s ease-in-out infinite}@keyframes bgFloat{0%,to{opacity:1}50%{opacity:.7}}.telegram-fallback-banner{position:fixed;top:0;left:0;right:0;padding:8px 16px;background:#e6b84a26;color:var(--accent-gold);font-size:12px;text-align:center;z-index:200}.screen{max-width:420px;margin:0 auto;position:relative;z-index:1}.screen-wrapper{width:100%;animation-duration:.4s;animation-fill-mode:both}.screen-welcome.fade-in{animation-name:screenFadeIn}.screen-welcome.fade-out{animation-name:screenFadeOut}.screen-game.fade-in,.screen-cta.fade-in{animation-name:screenFadeIn}@keyframes screenFadeOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.98) translateY(-8px)}}@keyframes screenFadeIn{0%{opacity:0;transform:scale(.98) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.welcome-screen{display:flex;flex-direction:column;align-items:center;padding:20px 16px 32px;text-align:center;position:relative;gap:12px;overflow-y:auto}.welcome-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(212,175,55,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(212,175,55,.06) 0%,transparent 50%),var(--bg-dark);pointer-events:none}.welcome-avatar{flex-shrink:0;width:110px;height:110px;border-radius:16px;overflow:hidden;border:2px solid rgba(212,175,55,.6);box-shadow:0 4px 24px #e6b84a59,0 0 0 1px #ffffff14 inset;margin-bottom:4px;position:relative;z-index:2;background:#ffffff0d}.welcome-avatar-img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(1.15) contrast(1.1) saturate(1.2)}.welcome-banner{width:100%;max-width:360px;background:linear-gradient(135deg,#2a2a3e,#1e1e2e);border:1px solid rgba(212,175,55,.5);border-radius:12px;padding:14px 18px;position:relative;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0a}.welcome-banner:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:11px;background:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(212,175,55,.03) 4px,rgba(212,175,55,.03) 8px);pointer-events:none}.welcome-banner--title .welcome-title{font-size:22px;font-weight:700;margin:0;color:var(--accent-gold);text-shadow:0 2px 4px rgba(0,0,0,.5)}.welcome-banner--balance{display:flex;align-items:center;gap:14px;text-align:left}.welcome-icon{flex-shrink:0;font-size:40px;line-height:1}.welcome-icon--balance,.welcome-icon--bomb{font-size:44px;min-width:48px;text-align:center}.welcome-balance-text{display:flex;flex-direction:column;gap:2px}.welcome-balance-label{font-size:14px;color:var(--text-secondary)}.welcome-balance-amount{font-size:22px;font-weight:700;color:var(--accent-gold)}.welcome-banner--double{display:flex;flex-direction:column;gap:10px}.welcome-scheme-text{font-size:15px;color:var(--accent-gold);margin:0}.welcome-task-row{display:flex;align-items:center;gap:12px}.welcome-task-text{flex:1;font-size:15px;color:var(--accent-gold);margin:0}.welcome-task-text u{text-decoration:underline;color:#fcd34d}.welcome-banner--hint p{font-size:15px;color:var(--accent-gold);margin:0}.btn-welcome-start{margin-top:16px;margin-bottom:16px;width:100%;max-width:360px;min-height:56px;padding:16px 24px;font-size:20px;font-weight:700;background:#22c55e;color:#fff!important;border:2px solid #4ade80;border-radius:14px;cursor:pointer;box-shadow:0 0 24px #22c55e99,0 6px 16px #0006;transition:transform .1s,box-shadow .2s,background .2s;position:relative;z-index:10;flex-shrink:0}.btn-welcome-start:hover{background:#16a34a;box-shadow:0 0 32px #22c55eb3,0 6px 16px #0006}.btn-welcome-start:active{transform:scale(.98)}.welcome-title{font-size:22px;font-weight:700}.welcome-stats{display:flex;gap:24px;margin-bottom:32px;font-size:16px}.btn{min-height:48px;padding:12px 24px;font-size:17px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:transform .1s,opacity .2s}.btn:active{transform:scale(.98)}.btn:disabled,a.btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}a.btn{text-decoration:none;text-align:center}.btn-primary{background:linear-gradient(135deg,var(--accent-gold),#d4a030);color:#1a1a1a}.btn-secondary{background:var(--bg-card);color:var(--accent-gold);border:2px solid var(--accent-gold)}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid rgba(160,160,176,.5)}.btn-outline:hover{background:#2a2a3e80;color:var(--text-primary)}.game-screen{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 16px 20px;min-height:100%;overflow-y:auto}.game-top-bar{flex-shrink:0;width:100%;max-width:360px;padding:10px 16px;background:linear-gradient(135deg,#2a2a3e,#1e1e2e);border:1px solid rgba(212,175,55,.5);border-radius:10px;text-align:center;box-shadow:0 2px 8px #0000004d}.game-balance{font-size:24px;font-weight:700;color:#fcd34d;text-shadow:0 0 12px rgba(252,211,77,.5);transition:transform .15s ease-out}.game-balance.balance-shake{animation:balanceShake .45s ease-out}@keyframes balanceShake{0%,to{transform:translate(0)}10%{transform:translate(-3px)}25%{transform:translate(4px)}40%{transform:translate(-3px)}55%{transform:translate(2px)}70%{transform:translate(-1px)}85%{transform:translate(1px)}}.game-rules{flex-shrink:0;font-size:13px;line-height:1.4;color:var(--accent-gold);margin:0;padding:10px 14px;width:100%;max-width:360px;background:linear-gradient(135deg,#2a2a3e,#1e1e2e);border:1px solid rgba(212,175,55,.5);border-radius:10px}.reference-section{width:100%;max-width:360px;padding:10px;background:linear-gradient(135deg,#2a2a3e,#1e1e2e);border:1px solid rgba(212,175,55,.5);border-radius:10px}.reference-label{font-size:12px;color:var(--text-secondary);margin:0 0 6px;text-align:center}.reference-grid{display:grid;gap:6px;aspect-ratio:1;width:100%;max-width:200px;margin:0 auto}.ref-cell{background:var(--bg-tile);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:18px;min-height:0}.ref-cell--coin{background:linear-gradient(135deg,#3d3520,#5c4d2a)}.ref-cell--bomb{background:linear-gradient(135deg,#4a2020,#6a3030)}.ref-cell--closed{background:linear-gradient(135deg,var(--bg-tile),#2a2a45)}.interactive-section{width:100%;max-width:360px;padding:10px;position:relative;background:linear-gradient(135deg,#2a2a3e,#1e1e2e);border:1px solid rgba(212,175,55,.5);border-radius:10px}.interactive-grid{display:grid;gap:6px;aspect-ratio:1;width:100%;max-width:200px;margin:0 auto}.interactive-cell{position:relative;background:linear-gradient(135deg,var(--bg-tile),#2a2a45);border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;min-height:0;transition:background .15s,opacity .1s}.interactive-cell.is-exploding-cell,.interactive-cell.field-explode-cell{transition:none}.interactive-cell:hover:not(:disabled){background:linear-gradient(135deg,#2f2f50,#3a3a60)}.interactive-cell:active:not(:disabled){opacity:.9}.interactive-cell--coin{background:linear-gradient(135deg,#3d3520,#5c4d2a);border-color:var(--accent-gold);cursor:default}.interactive-cell--bomb{background:linear-gradient(135deg,#4a2020,#6a3030);border-color:var(--accent-danger);cursor:default}.interactive-cell.is-exploding-cell{animation:bombExplosion .5s ease-out forwards}.interactive-cell.is-exploding-cell .cell-explosion-burst{position:absolute;font-size:36px;animation:burstPop .5s ease-out forwards;z-index:1}@keyframes burstPop{0%{transform:scale(.5);opacity:0}30%{transform:scale(1.2);opacity:1}to{transform:scale(1.2);opacity:0}}.interactive-cell.field-explode-cell{animation:fieldExplosion .85s ease-out forwards;pointer-events:none}.interactive-grid.field-explode .interactive-cell{background:linear-gradient(135deg,#5a2525,#7a3535)!important;border-color:#ff6b6b!important;box-shadow:0 0 15px #ff646480}@keyframes bombExplosion{0%{filter:brightness(1);box-shadow:0 0 0 transparent}20%{filter:brightness(2.5);box-shadow:0 0 20px #f60,0 0 40px #f30}40%{filter:brightness(3);box-shadow:0 0 30px #f60,0 0 60px #f30}60%{filter:brightness(2.5);box-shadow:0 0 25px #f60}to{filter:brightness(1.5);box-shadow:0 0 10px #ff64644d}}.explosion-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,150,50,.4) 0%,rgba(255,80,0,.2) 40%,transparent 70%);pointer-events:none;z-index:90;animation:explosionFlash .6s ease-out forwards}@keyframes explosionFlash{0%{opacity:0}15%{opacity:1}50%{opacity:.8}to{opacity:0}}@keyframes fieldExplosion{0%{filter:brightness(1);opacity:1}25%{filter:brightness(2.5)}50%{filter:brightness(3)}75%{filter:brightness(2)}to{filter:brightness(1);opacity:1}}.round-reset-message{text-align:center;font-size:11px;color:var(--accent-danger);margin-top:4px}.tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:110;padding:24px;animation:overlayFadeIn .3s ease-out}.tutorial-content{background:linear-gradient(135deg,#2a2a3e,#1e1e2e);border:1px solid rgba(212,175,55,.5);border-radius:16px;padding:24px;max-width:320px}.tutorial-text{font-size:15px;color:var(--accent-gold);margin:0 0 12px;line-height:1.5}.tutorial-close{width:100%;margin-top:8px}.sparkles-container{position:fixed;left:var(--spark-x);top:var(--spark-y);width:0;height:0;pointer-events:none;z-index:55}.sparkle-particle{position:absolute;width:4px;height:4px;left:0;top:0;background:radial-gradient(circle,#fde68a 0%,#f59e0b 70%,transparent 100%);border-radius:50%;animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:calc(var(--i) * .03s);opacity:0}.sparkle-particle:nth-child(1){animation-name:sparkleBurst1}.sparkle-particle:nth-child(2){animation-name:sparkleBurst2}.sparkle-particle:nth-child(3){animation-name:sparkleBurst3}.sparkle-particle:nth-child(4){animation-name:sparkleBurst4}.sparkle-particle:nth-child(5){animation-name:sparkleBurst5}.sparkle-particle:nth-child(6){animation-name:sparkleBurst6}.sparkle-particle:nth-child(7){animation-name:sparkleBurst7}.sparkle-particle:nth-child(8){animation-name:sparkleBurst8}@keyframes sparkleBurst1{0%{opacity:0;transform:translate(0) scale(0)}20%{opacity:1;transform:translate(8px) scale(1)}to{opacity:0;transform:translate(32px) scale(.3)}}@keyframes sparkleBurst2{0%{opacity:0;transform:translate(0) scale(0)}20%{opacity:1;transform:translate(6px,-6px) scale(1)}to{opacity:0;transform:translate(23px,-23px) scale(.3)}}@keyframes sparkleBurst3{0%{opacity:0;transform:translate(0) scale(0)}20%{opacity:1;transform:translateY(-8px) scale(1)}to{opacity:0;transform:translateY(-32px) scale(.3)}}@keyframes sparkleBurst4{0%{opacity:0;transform:translate(0) scale(0)}20%{opacity:1;transform:translate(-6px,-6px) scale(1)}to{opacity:0;transform:translate(-23px,-23px) scale(.3)}}@keyframes sparkleBurst5{0%{opacity:0;transform:translate(0) scale(0)}20%{opacity:1;transform:translate(-8px) scale(1)}to{opacity:0;transform:translate(-32px) scale(.3)}}@keyframes sparkleBurst6{0%{opacity:0;transform:translate(0) scale(0)}20%{opacity:1;transform:translate(-6px,6px) scale(1)}to{opacity:0;transform:translate(-23px,23px) scale(.3)}}@keyframes sparkleBurst7{0%{opacity:0;transform:translate(0) scale(0)}20%{opacity:1;transform:translateY(8px) scale(1)}to{opacity:0;transform:translateY(32px) scale(.3)}}@keyframes sparkleBurst8{0%{opacity:0;transform:translate(0) scale(0)}20%{opacity:1;transform:translate(6px,6px) scale(1)}to{opacity:0;transform:translate(23px,23px) scale(.3)}}.bomb-message-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:95;animation:bombMessageIn .4s ease-out,bombMessageOut .4s ease-in .8s forwards}.bomb-message-text{font-size:20px;font-weight:600;color:var(--accent-gold);text-shadow:0 0 20px rgba(230,184,74,.5);padding:16px 24px;background:#1a1a2ee6;border:1px solid rgba(212,175,55,.5);border-radius:12px}@keyframes bombMessageIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bombMessageOut{0%{opacity:1}to{opacity:0}}.win-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;animation:overlayFadeIn .4s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.win-popup{background:linear-gradient(135deg,#2a2a3e,#1e1e2e);border-radius:16px;padding:32px 24px;text-align:center;max-width:360px;width:100%;border:1px solid rgba(212,175,55,.6);box-shadow:0 4px 24px #00000080;position:relative;z-index:1}.win-popup-enter{animation:popupEnter .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes popupEnter{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.win-popup-title{font-size:18px;margin:0 0 8px;color:var(--text-secondary)}.win-popup-amount{font-size:32px;font-weight:700;color:var(--accent-gold);margin:0 0 24px;text-shadow:0 0 20px rgba(230,184,74,.5)}.win-popup-amount-pulse{animation:balancePulse 2s ease-in-out infinite}@keyframes balancePulse{0%,to{transform:scale(1)}25%{transform:scale(1.04)}50%{transform:scale(.98)}75%{transform:scale(1.02)}}.btn-claim{width:100%;min-height:52px;font-size:18px}.fireworks-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.firework-particle{position:absolute;left:50%;top:50%;width:4px;height:4px;margin-left:-2px;margin-top:-2px;background:radial-gradient(circle,#fcd34d 0%,#f59e0b 50%,transparent 70%);border-radius:50%;animation:fireworkBurst 1.5s ease-out forwards;animation-delay:var(--delay);opacity:0}.firework-particle:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:inherit;border-radius:50%;filter:blur(2px)}.firework-particle:nth-child(3n){background:radial-gradient(circle,#fbbf24 0%,#f59e0b 50%,transparent 70%)}.firework-particle:nth-child(5n){background:radial-gradient(circle,#fde68a 0%,#fcd34d 50%,transparent 70%)}.firework-particle:nth-child(7n){background:radial-gradient(circle,#fef3c7 0%,#fde68a 50%,transparent 70%)}@keyframes fireworkBurst{0%{opacity:0;transform:rotate(var(--angle)) translate(0) scale(.5)}15%{opacity:1;transform:rotate(var(--angle)) translate(60px) scale(1)}to{opacity:0;transform:rotate(var(--angle)) translate(180px) scale(.2)}}.cta-screen{display:flex;flex-direction:column;align-items:center;padding:20px 16px 32px;text-align:center;gap:16px}.cta-win-block{width:100%;max-width:360px;padding:12px 18px;background:linear-gradient(135deg,#2a2a3e,#1e1e2e);border:1px solid rgba(212,175,55,.5);border-radius:12px}.cta-win-label{display:block;font-size:14px;color:var(--text-secondary);margin-bottom:4px}.cta-win-amount{font-size:24px;font-weight:700;color:var(--accent-gold);text-shadow:0 0 12px rgba(230,184,74,.4)}.cta-mentor-block{display:flex;align-items:flex-start;gap:14px;width:100%;max-width:360px;padding:14px 18px;background:linear-gradient(135deg,#2a2a3e,#1e1e2e);border:1px solid rgba(212,175,55,.5);border-radius:12px;text-align:left}.cta-mentor-avatar{flex-shrink:0;width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid rgba(212,175,55,.5)}.cta-mentor-text{flex:1;min-width:0}.cta-title{font-size:18px;font-weight:700;margin:0 0 6px;line-height:1.3;color:var(--accent-gold)}.cta-subtitle{font-size:14px;line-height:1.45;color:var(--text-secondary);margin:0}.cta-steps{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;width:100%;max-width:360px}.cta-step{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--accent-gold)}.cta-step-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#d4af3740;color:var(--accent-gold);font-weight:700;font-size:12px}.cta-step-arrow{font-size:16px;color:var(--text-secondary)}.cta-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:360px;position:relative;z-index:10}.cta-buttons a,.cta-buttons button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cta-buttons-secondary{display:flex;flex-direction:column;gap:8px;margin-top:4px}.btn-cta{width:100%;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-cta-main{min-height:54px;font-size:17px}.btn-cta-small{min-height:46px;font-size:15px}.btn-icon{font-size:18px;line-height:1}.flying-coin{position:fixed;left:var(--start-x);top:var(--start-y);font-size:24px;pointer-events:none;z-index:50;transform:translate(-50%,-50%);animation:flyToBalance .55s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes flyToBalance{0%{left:var(--start-x);top:var(--start-y);transform:translate(-50%,-50%) scale(1);opacity:1}20%{transform:translate(-50%,-50%) scale(1.2)}to{left:var(--end-x);top:var(--end-y);transform:translate(-50%,-50%) scale(.6);opacity:.8}}