@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@600;900&family=Poppins:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap";.menu-wrapper{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:60px 20px;box-sizing:border-box;font-family:Poppins,sans-serif;color:#fff}.game-logo{font-family:Orbitron,sans-serif;font-size:3rem;line-height:.9;text-align:center;margin:0 0 20px;letter-spacing:-2px;background:linear-gradient(180deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.game-logo span{display:block;font-size:1.8rem;color:#00f2fe;-webkit-text-fill-color:#00f2fe}.stats-row{display:flex;gap:15px}.stat-item{background:#ffffff0d;padding:10px 20px;border-radius:15px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center}.stat-item .label{display:block;font-size:.6rem;opacity:.5;letter-spacing:1px}.stat-item .value{font-weight:700;font-size:1.1rem}.play-button-circular{width:160px;height:160px;border-radius:50%;border:none;background:linear-gradient(135deg,#00f2fe,#4facfe);box-shadow:0 0 40px #4facfe66,inset 0 0 20px #ffffff80;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.play-button-circular:active{transform:scale(.9)}.play-icon{width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:35px solid white;margin-left:10px;margin-bottom:5px}.play-button-circular span{font-family:Orbitron,sans-serif;font-weight:900;font-size:1.2rem;letter-spacing:2px}.menu-bottom-nav{display:flex;background:#0000004d;padding:10px;border-radius:25px;gap:10px;width:100%;max-width:340px;border:1px solid rgba(255,255,255,.1)}.nav-item{flex:1;background:transparent;border:none;padding:12px 0;border-radius:18px;display:flex;flex-direction:column;align-items:center;color:#fff;transition:background .2s}.nav-item:active{background:#ffffff1a}.nav-item .icon{font-size:1.5rem;margin-bottom:4px}.nav-item .text{font-size:.65rem;font-weight:700;opacity:.7}.menu-page{display:flex;flex-direction:column;padding:20px;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sub-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding-top:20px}.back-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:45px;height:45px;border-radius:12px;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.page-title{font-family:Orbitron,sans-serif;font-size:1.8rem;color:#00f2fe;text-shadow:0 0 10px rgba(0,242,254,.5);margin:0;text-transform:uppercase}.shop-card .info .name{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:4px;display:block}.shop-card .info p,.shop-card .info span{font-size:.8rem;color:#fff9!important;display:block}.list-item .name{font-size:1rem;font-weight:600;color:#fff}.list-item .rank{color:#fff6}.diamonds-count{font-weight:900;color:#00f2fe;background:#0000004d;padding:8px 15px;border-radius:20px;border:1px solid rgba(0,242,254,.3)}.scroll-area{flex:1;overflow-y:auto;padding-right:5px}.list-item .score{font-size:.9rem;color:#f1c40f;font-weight:700}.list-item{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:15px;margin-bottom:12px}.list-item.highlight{border:1px solid #f1c40f;background:#f1c40f1a}.rank{width:35px;font-weight:900;color:#ffffff4d}.info{flex:1;display:flex;flex-direction:column}.name{font-weight:700;font-size:1rem}.score{font-size:.8rem;color:#00f2fe}.shop-card{display:flex;align-items:center;background:#ffffff12;border-radius:20px;padding:15px;margin-bottom:15px;gap:15px}.item-icon-bg{width:60px;height:60px;background:#0003;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:2rem}.buy-button{background:#2ecc71;color:#fff;border:none;padding:10px 15px;border-radius:12px;font-weight:700;min-width:80px;box-shadow:0 4px #27ae60}.buy-button:disabled{background:#555;box-shadow:none;opacity:.5}.avatar-container{width:45px;height:45px;margin:0 15px;position:relative;flex-shrink:0}.user-avatar{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2);z-index:2;opacity:0;transition:opacity .3s ease}.user-avatar.loaded{opacity:1}.avatar-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#4facfe,#00f2fe);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;z-index:1}.list-item:nth-child(1) .user-avatar{border-color:#f1c40f}.game-header{display:flex;justify-content:space-between;align-items:center;padding:10px 5px;height:60px}.stat-box{display:flex;align-items:center;background:#ffffff1a;padding:5px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);min-width:80px}.stat-icon{width:20px;height:20px}.crown-icon{color:#f1c40f;margin-right:8px}.diamond-icon{color:#3498db;margin-left:8px}.stat-content{display:flex;flex-direction:column}.stat-content.align-right{align-items:flex-end}.stat-label{font-size:.6rem;font-weight:700;color:#fff9;letter-spacing:1px}.stat-value{font-size:.9rem;font-weight:800;color:#fff}.current-score{flex:1;text-align:center;font-size:2.2rem;font-weight:900;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.3);transition:transform .1s ease}.current-score.pop{transform:scale(1.15)}.score-number{display:inline-block}@keyframes glow{0%{filter:drop-shadow(0 0 2px rgba(241,196,15,.5))}50%{filter:drop-shadow(0 0 8px rgba(241,196,15,.8))}to{filter:drop-shadow(0 0 2px rgba(241,196,15,.5))}}.high-score-box .crown-icon{animation:glow 2s infinite}.board-container{position:relative;width:92%;max-width:380px;aspect-ratio:5 / 8;background:#1a0b3599;border-radius:20px;padding:8px;margin:0 auto;border:2px solid rgba(255,255,255,.05);box-shadow:0 20px 50px #00000080;user-select:none;-webkit-user-select:none}.board-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(8,1fr);gap:8px;height:100%;position:relative;touch-action:none}.board-bg-layer{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(8,1fr);gap:8px;z-index:1}.empty-slot{background:#ffffff08;border-radius:10px}.grid-cell{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1);will-change:transform}.cell-falling{z-index:10;transform:translateY(calc(100% + 8px));transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.block{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff;font-weight:900;font-size:1.4rem;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:inset 0 -4px #0003,0 4px 10px #0003;animation:blockAppear .2s cubic-bezier(.175,.885,.32,1.275);transition:background .3s ease}@keyframes blockAppear{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.block-placeholder{width:100%;height:100%;border-radius:10px;background:#ffffff1a;border:2px dashed rgba(255,255,255,.1);transform:scale(.9)}.drag-ghost-portal{position:fixed;pointer-events:none;z-index:999999;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:1.6rem;border-radius:12px;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 25px 50px #0009,0 0 20px #ffffff26;transition:transform .1s ease-out;will-change:left,top,transform}.board-status{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;color:#00f2fe;letter-spacing:2px;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@media(max-height:650px){.block{font-size:1.1rem}.board-container{width:85%}}.boosters-container{display:flex;gap:15px;align-items:center;justify-content:center;width:100%}.booster-wrapper{display:flex;flex-direction:column;align-items:center;position:relative}.booster-btn{width:55px;height:55px;border-radius:14px;border:none;background:linear-gradient(180deg,#4facfe,#00f2fe);box-shadow:0 4px #3a8ccb,0 8px 15px #0000004d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s}.booster-btn:active{transform:translateY(4px);box-shadow:0 0 #3a8ccb,0 4px 10px #0003}.booster-wrapper.active .booster-btn{background:linear-gradient(180deg,#ff0844,#ffb199);box-shadow:0 4px #c81d3d;outline:3px solid white}.booster-icon{font-size:1.5rem}.price-tag{margin-top:8px;background:#1abc9c;color:#fff;font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:10px;box-shadow:0 2px 4px #0003}.pause-btn{background:#3498db;box-shadow:0 4px #2980b9;color:#fff;font-size:1.2rem;font-weight:700}.game-view-container{position:relative;display:flex;flex-direction:column;width:100vw;height:100vh;align-items:center;background:#1a0b35;overflow:hidden}.exit-btn{position:absolute;top:15px;left:15px;width:45px;height:45px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease;box-shadow:0 4px 15px #0000004d}.exit-btn svg{width:22px;height:22px;opacity:.8}.exit-btn:active{transform:scale(.9);background:#ffffff1a;border-color:#00f2fe;box-shadow:0 0 15px #00f2fe66}.exit-btn:active svg{color:#00f2fe;opacity:1}.game-area{flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:20px}.footer-area{width:100%;padding-bottom:30px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:10px;overflow-y:auto;flex:1}.collection-item{display:flex;flex-direction:column;align-items:center;gap:8px;background:#ffffff0d;padding:15px 10px;border-radius:12px;transition:transform .2s}.collection-item.opened:active{transform:scale(.95)}.block-preview{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:700;font-size:1.1rem;color:#fff;box-shadow:0 4px 10px #0000004d}.collection-item.locked .block-preview{background:#222!important;opacity:.5;border:2px dashed rgba(255,255,255,.2)}.collection-item span{font-size:.7rem;font-weight:700;color:#aaa;text-transform:uppercase}.collection-item.opened span{color:#2ecc71}:root{--bg-color: #1a0b35;--accent-color: #00f2fe}*{box-sizing:border-box}body,html,#root{margin:0;padding:0;width:100vw;height:100vh;background-color:#1a0b35;overflow:hidden;-webkit-tap-highlight-color:transparent}.app-container{display:flex;flex-direction:column;width:100%;height:100vh;position:relative;align-items:center;justify-content:center}.app-viewport{width:100vw;height:100vh;overflow:hidden;position:relative;background:#1a0b35}.horizontal-slider{display:flex;width:300vw;height:100%;transition:transform .4s cubic-bezier(.25,1,.5,1);will-change:transform}.slide-page{width:100vw;height:100vh}.bottom-sheet{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(180deg,#2b185b,#1a0b35);z-index:2000;transform:translateY(100%);transition:transform .5s cubic-bezier(.32,.72,0,1);border-top-left-radius:30px;border-top-right-radius:30px}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet .handle{width:40px;height:5px;background:#fff3;border-radius:10px;margin:15px auto;cursor:pointer}