@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&display=swap";:root{--primary:#ffb300;--bg-color:#0b0c10;--bg-panel:#1f2833;--text-primary:#fff;--text-secondary:#fff9;--border:#ffffff1a;--tg-theme:var(--bg-color)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--tg-theme);color:var(--text-primary);justify-content:center;width:100vw;height:100vh;font-family:Outfit,sans-serif;display:flex;overflow:hidden}.modern-container{background:var(--bg-color);flex-direction:column;width:100%;max-width:500px;height:100%;display:flex;position:relative;box-shadow:0 0 50px #00000080}.screen{opacity:0;pointer-events:none;flex-direction:column;flex:1;width:100%;height:calc(100% - 70px);padding:20px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0;overflow-y:auto}.screen.view-active{opacity:1;pointer-events:auto;z-index:10}.header{justify-content:center;align-items:center;padding:10px 0;display:flex}.user-badge{background:#ffffff1a;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:600}.header-small{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.balance-small{color:var(--primary);font-size:1.2rem;font-weight:800}.game-area{flex-direction:column;flex:1;justify-content:space-around;align-items:center;padding-bottom:20px;display:flex}.balance-container{align-items:center;gap:10px;display:flex}.currency-icon{filter:drop-shadow(0 0 5px var(--primary));font-size:2.5rem}#score{font-variant-numeric:tabular-nums;text-shadow:0 0 20px #ffb30080;font-size:4rem;font-weight:900;line-height:1}.character-wrapper{background:radial-gradient(circle,#ffb3001a 0%,#0000 70%);border-radius:50%;justify-content:center;align-items:center;width:280px;height:280px;display:flex;position:relative;box-shadow:0 0 80px #ffb3004d}#character{object-fit:contain;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 15px 15px #00000080);mix-blend-mode:lighten;width:100%;height:100%;transition:filter .2s;-webkit-mask-image:radial-gradient(circle,#000 50%,#0000 70%);mask-image:radial-gradient(circle,#000 50%,#0000 70%)}.squash-anim{animation:.3s cubic-bezier(.25,1.5,.5,1) squash}@keyframes squash{0%{filter:drop-shadow(0 15px 15px #00000080)brightness();transform:scale(1)}30%{filter:drop-shadow(0 5px 5px #0000004d)brightness(1.1);transform:scale(1.15,.85)}60%{filter:drop-shadow(0 20px 20px #0009)brightness(1.05);transform:scale(.9,1.1)}to{filter:drop-shadow(0 15px 15px #00000080)brightness();transform:scale(1)}}.energy-system{width:100%}.energy-info{justify-content:space-between;margin-bottom:5px;font-size:1rem;font-weight:700;display:flex}.energy-bar{background:#ffffff1a;border-radius:6px;width:100%;height:12px;overflow:hidden}.energy-fill{background:linear-gradient(90deg,#ff9800,#ffeb3b);border-radius:6px;width:100%;height:100%;transition:width .1s linear}.float-number{color:#fff;text-shadow:0 0 10px #fffc;pointer-events:none;z-index:100;font-size:2rem;font-weight:900;animation:.7s ease-out forwards floatUpAndFade;position:fixed}@keyframes floatUpAndFade{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-120px)scale(1.3)}}.bottom-nav{background:var(--bg-panel);border-top:1px solid var(--border);z-index:20;justify-content:space-around;align-items:center;width:100%;height:70px;display:flex;position:absolute;bottom:0;left:0}.nav-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;padding:10px;font-family:inherit;transition:color .2s;display:flex}.nav-icon{margin-bottom:4px;font-size:1.5rem}.nav-btn.active{color:var(--primary);font-weight:700}.nav-btn.active .nav-icon{filter:drop-shadow(0 0 5px var(--primary))}.shop-list{flex-direction:column;gap:15px;display:flex}.shop-item{background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;align-items:center;gap:15px;padding:15px;display:flex}.item-icon{background:#ffffff0d;border-radius:12px;padding:10px;font-size:2.5rem}.item-details{flex:1}.item-details h3{margin-bottom:2px;font-size:1.1rem}.item-details p{color:var(--text-secondary);margin-bottom:8px;font-size:.8rem}.buy-btn{border:1px solid var(--border);color:#fff;background:#ffffff1a;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-weight:600;display:flex}.buy-btn:active{background:var(--primary);color:#000}