.notifications-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.notification{pointer-events:auto;min-width:280px;max-width:400px;padding:16px;border-radius:12px;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000005e;color:#fff;display:flex;align-items:center;justify-content:space-between;animation:slideIn .3s ease-out forwards}.notification.success{border-left:4px solid #00ff88;background:#00ff881a}.notification.error{border-left:4px solid #ff4444;background:#ff44441a}.notification.info{border-left:4px solid #00d2ff;background:#00d2ff1a}.notification-content{font-size:.95rem;font-weight:500}.notification-close{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:1.2rem;padding:4px;margin-left:12px;transition:color .2s}.notification-close:hover{color:#fff}@keyframes slideIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.intro-player-container{position:fixed;inset:0;z-index:10000;background:#0f0a1a;transition:opacity .3s ease-out}.intro-player-container.ending{opacity:0;pointer-events:none}.skip-intro-btn{position:absolute;bottom:30px;right:30px;padding:12px 24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#ffffffb3;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skip-intro-btn:hover{background:#fff3;color:#fff;border-color:#ffffff80}.animation-overlay{position:fixed;inset:0;z-index:9000;pointer-events:none;transition:opacity .2s ease-out}.animation-overlay.ending{opacity:0}.game-screen{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f0f1a,#1c1221,#0b0b13);color:#fff}.game-screen.loading-screen{justify-content:center;align-items:center}.loading-content{text-align:center;animation:fade-in .3s ease}.loading-content .loading-spinner{font-size:4rem;display:block;animation:spin 2s linear infinite}.loading-content p{margin-top:1rem;font-size:1.2rem;color:#ffffffb3}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.game-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#14141fe6;border-bottom:1px solid hsla(255,50%,70%,.1)}.btn-back{padding:.5rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;background:#2b2b3bcc;border:1px solid hsla(255,50%,70%,.2);border-radius:8px;color:#fff;cursor:pointer}.btn-back:hover{background:#d926264d;border-color:#dd3c3c}.btn-share{padding:.35rem .75rem;font-family:inherit;font-size:.75rem;font-weight:600;background:linear-gradient(135deg,#ffbf0033,#e6860033);border:1px solid hsla(45,100%,50%,.4);border-radius:6px;color:#fc3;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.3rem}.btn-share:hover{background:linear-gradient(135deg,#ffbf0059,#e6860059);border-color:#fc3;transform:scale(1.05);box-shadow:0 0 12px #ffbf004d}.btn-share:active{transform:scale(.98)}.room-info-header{display:flex;flex-direction:column;align-items:center;gap:.25rem}.room-code{font-family:monospace;font-size:.9rem;font-weight:700;letter-spacing:2px;color:#fc3}.room-name-small{font-size:.75rem;color:#8f8fa3}.player-count{font-size:1rem;font-weight:600}.game-layout{flex:1;display:flex;gap:1rem;padding:1rem;overflow:hidden}.game-sidebar{width:280px;display:flex;flex-direction:column;gap:1rem;flex-shrink:0;order:1}.game-main{order:2}.chat-panel{order:3;width:280px;flex-shrink:0}.race-tracker,.chat-panel{background:#1a1a23cc;border:1px solid hsla(255,50%,70%,.1);border-radius:16px;padding:1rem}.race-tracker h3,.chat-panel h3{font-size:.9rem;font-weight:700;margin-bottom:.75rem;color:#c7c7d1}.race-list{display:flex;flex-direction:column;gap:.5rem}.race-row{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#21212c99;border-radius:8px;font-size:.8rem}.race-row.is-me{background:#53267366;border:1px solid hsl(275,80%,55%)}.race-rank{font-size:.9rem;min-width:24px}.race-avatar{font-size:1rem}.race-name{flex:1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.status-mini-icon{position:absolute;bottom:-4px;right:-4px;font-size:.8rem;filter:drop-shadow(0 0 2px rgba(0,0,0,.8));animation:bounce .5s ease infinite alternate}.powerup-indicator{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:1rem;background:linear-gradient(135deg,#9019e6,#d9269d);border-radius:50%;padding:2px 4px;animation:powerup-pop .5s ease-out,powerup-pulse 1s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));z-index:10}@keyframes powerup-pop{0%{transform:translate(-50%) scale(0);opacity:0}50%{transform:translate(-50%) scale(1.3)}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes powerup-pulse{0%,to{box-shadow:0 0 8px #a747eb99}50%{box-shadow:0 0 15px #a747ebe6}}.bot-badge{position:absolute;bottom:-2px;left:-2px;font-size:.6rem;background:#29293de6;border-radius:4px;padding:1px 2px}.race-row.is-bot{opacity:.85;border-left:2px solid hsla(200,70%,50%,.5)}.race-row.is-bot .race-name:after{content:" (AI)";font-size:.65rem;color:#52b1e0cc}.race-row.clickable-target:not(.is-me){cursor:crosshair!important;border:2px dashed hsla(200,100%,60%,.5);animation:target-glow 1s infinite alternate;background:#193c4d33}.race-row.clickable-target:not(.is-me):hover{background:#0af3;border-color:#3df;transform:scale(1.02)}@keyframes target-glow{0%{box-shadow:0 0 5px #3bf3}to{box-shadow:0 0 15px #33bbff80}}.victim-scramble{animation:scramble-jolt .5s ease;border:2px solid hsl(300,100%,50%)!important;box-shadow:0 0 15px #ff00ff80}@keyframes scramble-jolt{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:translate(0)}}.scramble-pulse{filter:drop-shadow(0 0 5px hsl(300,100%,50%));animation:pulse-ring 1s infinite alternate}.race-visual{display:flex;align-items:center;gap:.8rem;margin-left:.5rem}.mini-card-grid{display:grid;grid-template-columns:repeat(5,18px);grid-template-rows:repeat(5,18px);gap:2px;background:#0b0b0f66;padding:3px;border-radius:6px;border:1px solid hsla(240,15%,50%,.1)}.mini-cell{width:18px;height:18px;background:#36364999;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:700;color:#fff}.mini-cell.daubed{background:#30e87d;box-shadow:0 0 5px #30e87d99}.mini-cell.is-free{background:#ffbf0066}.race-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.race-progress{width:45px;height:4px;background:#2b2b3bcc;border-radius:2px;overflow:hidden}.race-bar{height:100%;background:linear-gradient(90deg,#22c365,#62d926);border-radius:2px;transition:width .3s ease}.race-distance{font-size:.65rem;color:#8f8fa3;white-space:nowrap}.powerups-panel{background:#1a1a23cc;border:1px solid hsla(255,50%,70%,.1);border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:1rem}.powerups-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.powerup-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.75rem .5rem;background:#272735e6;border:1px solid hsla(255,50%,70%,.15);border-radius:12px;cursor:pointer;transition:all .2s ease;color:#fff;min-height:80px}.powerup-btn:hover:not(:disabled){border-color:#9c30e8;background:#303041f2;transform:translateY(-2px)}.powerup-btn:disabled:not(.on-cooldown){opacity:.4;cursor:not-allowed;filter:grayscale(1)}.powerup-btn.on-cooldown{cursor:not-allowed;opacity:1;border-color:#41415880}.cooldown-overlay{position:absolute;inset:0;background:#111117d9;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.1rem;font-weight:900;color:#3bf;text-shadow:0 0 10px hsla(200,100%,50%,.5);z-index:2;border-radius:12px}.active-targeting{border-color:#3df!important;background:#0af3!important;box-shadow:0 0 15px #3df6!important}.cancel-targeting,.cancel-targeting-mobile{width:100%;padding:.5rem;background:#d9262633;border:1px solid hsl(0,70%,50%);border-radius:8px;color:#fff;font-weight:700;cursor:pointer;margin-top:.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:1px}.cancel-targeting:hover{background:#d9262666}.p-icon{font-size:1.5rem}.p-label{font-size:.7rem;font-weight:700;color:#c7c7d1;text-align:center;line-height:1.2}.p-cost{font-size:.75rem;font-weight:700;color:#fc3}.p-info-mobile{display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:.1rem}.p-desc-mobile{font-size:.65rem;color:#8f8fa3;text-align:left}.user-gems{text-align:center;padding:.6rem;background:#132d39b3;border-radius:10px;font-weight:800;color:#80d4ff;font-size:.95rem;border:1px solid hsla(200,100%,50%,.3);box-shadow:0 0 15px #00aaff1a}.chat-panel{flex:1;display:flex;flex-direction:column;min-height:200px}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding-right:.5rem;max-height:200px}.chat-msg{display:flex;gap:.5rem;padding:.4rem .6rem;background:#21212c80;border-radius:8px;font-size:.8rem}.chat-msg.system{background:#e6b31926;justify-content:center;color:#fc3}.chat-msg.reaction{background:transparent}.chat-msg.reaction .msg-text{font-size:1.5rem}.msg-avatar{font-size:1rem}.msg-content{display:flex;flex-direction:column;gap:.1rem}.msg-name{font-weight:600;font-size:.7rem;color:#b067e4}.msg-text{color:#d5d5dd}.chat-reactions{display:flex;gap:.25rem;margin:.5rem 0;flex-wrap:wrap}.reaction-btn{width:32px;height:32px;font-size:1rem;background:#272735cc;border:1px solid hsla(255,50%,70%,.15);border-radius:6px;cursor:pointer;transition:all .15s ease}.reaction-btn:hover{transform:scale(1.15);background:#363649e6}.chat-input{display:flex;gap:.5rem}.chat-input input{flex:1;padding:.5rem .75rem;font-size:.85rem;font-family:inherit;background:#272735e6;border:1px solid hsla(255,50%,70%,.15);border-radius:8px;color:#fff;outline:none}.chat-input button{padding:.5rem 1rem;font-family:inherit;font-weight:600;background:#9c30e8;border:none;border-radius:8px;color:#fff;cursor:pointer}.game-main{flex:1;display:flex;flex-direction:column;align-items:center;gap:1rem;overflow-y:auto}.pattern-indicator{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:#1a1a23e6;border:1px solid hsla(45,100%,50%,.3);border-radius:12px;margin-bottom:.75rem}.pattern-label{font-size:.75rem;font-weight:700;color:#8f8fa3;text-transform:uppercase;letter-spacing:1px}.pattern-mini-grid{display:grid;grid-template-columns:repeat(5,10px);grid-template-rows:repeat(5,10px);gap:1px}.pattern-cell{width:10px;height:10px;background:#41415880;border-radius:1px}.pattern-cell.filled{background:#ffbf00;box-shadow:0 0 4px #ffbf0099}.pattern-mini-grid.blackout .pattern-cell.filled{background:#9c30e8;box-shadow:0 0 4px #9c30e899}.pattern-name{font-size:.85rem;font-weight:800;color:#fc3;text-transform:uppercase;letter-spacing:.5px}.caller-display{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;background:#1a1a23cc;border:1px solid hsla(255,50%,70%,.1);border-radius:16px}.current-number{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#9c30e8,#d9269d);border-radius:16px;box-shadow:0 0 30px #9c30e866}.number-letter{font-size:.9rem;font-weight:700;opacity:.9}.number-value{font-size:2rem;font-weight:800;line-height:1}.called-history{display:flex;gap:.5rem;flex-wrap:wrap;max-width:300px}.called-num{padding:.35rem .6rem;background:#272735cc;border-radius:6px;font-size:.85rem;font-weight:600;color:#ababba}.waiting-display{padding:1.5rem 2rem;font-size:1.1rem;color:#8f8fa3}.winner-display{display:flex;flex-direction:column;align-items:center;gap:.5rem}.winner-emoji{font-size:3rem;animation:bounce .5s ease infinite alternate}.winner-text{font-size:1.5rem;font-weight:700;color:#fc3}.cards-row{display:flex;gap:1.5rem;align-items:flex-start;justify-content:center}.bingo-card-wrapper{background:#1a1a23e6;border:2px solid hsla(255,50%,70%,.15);border-radius:20px;padding:.75rem;box-shadow:0 8px 32px #0006}.card-header{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;margin-bottom:.35rem}.card-header span{display:flex;align-items:center;justify-content:center;height:36px;font-size:1.1rem;font-weight:800;color:#fff;border-radius:8px}.bingo-card{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;position:relative}.opponent-cards-section{margin-top:0;padding:.75rem;background:#16161dcc;border:1px solid hsla(255,50%,70%,.1);border-radius:16px;max-height:400px;overflow-y:auto}.opponent-cards-title{font-size:.75rem;font-weight:700;color:#ababba;margin-bottom:.5rem;text-align:center}.opponent-cards-grid{display:flex;flex-direction:column;gap:.6rem}.opponent-card-mini{background:#21212ce6;border:1px solid hsla(255,50%,70%,.15);border-radius:10px;padding:.5rem;cursor:pointer;transition:all .2s ease;min-width:90px}.opponent-card-mini:hover{border-color:#9c30e8;transform:scale(1.05)}.opponent-header{display:flex;flex-direction:column;align-items:center;gap:.2rem;margin-bottom:.4rem}.opponent-avatar{font-size:1.2rem}.opponent-name{font-size:.65rem;font-weight:700;color:#fff;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opponent-distance{font-size:.55rem;font-weight:600;color:#fc3}.opponent-mini-grid{display:grid;grid-template-columns:repeat(5,14px);grid-template-rows:repeat(5,14px);gap:1px}.opponent-cell{width:14px;height:14px;background:#36364999;border-radius:2px}.opponent-cell.called{background:#ffbf004d;border:1px solid hsla(45,100%,50%,.5)}.opponent-cell.daubed{background:#19e66f;box-shadow:0 0 4px #19e66f99}.opponent-cell.free{background:#ffbf0080}.freeze-overlay{position:absolute;inset:-2px;z-index:100;background:#d9eef21a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:3px solid hsl(190,100%,80%);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.freeze-icon{font-size:3rem;margin-bottom:.5rem;filter:drop-shadow(0 0 10px hsl(190,100%,70%))}.freeze-text{font-size:1.5rem;font-weight:900;letter-spacing:3px;text-shadow:0 0 10px hsl(190,100%,70%)}.anim-shimmer{background:linear-gradient(-45deg,#fff0,#fff6 45%,#ffffff80,#fff6 55%,#fff0);background-size:400% 400%;animation:shimmer 3s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.scramble-overlay{position:absolute;inset:-2px;z-index:110;background:#3c194d66;-webkit-backdrop-filter:blur(8px) saturate(200%);backdrop-filter:blur(8px) saturate(200%);border:3px solid hsl(300,100%,60%);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.scramble-icon{font-size:3.5rem;animation:spin-pulse .8s infinite linear}.scramble-text{font-size:1.6rem;font-weight:900;color:#fff;text-shadow:2px 2px 0px hsl(300,100%,50%),-2px -2px 0px hsl(180,100%,50%);animation:glitch-text .2s infinite}@keyframes spin-pulse{0%{transform:rotate(0) scale(1);filter:hue-rotate(0deg)}50%{transform:rotate(180deg) scale(1.2);filter:hue-rotate(90deg)}to{transform:rotate(360deg) scale(1);filter:hue-rotate(0deg)}}@keyframes glitch-text{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(2px,2px)}to{transform:translate(0)}}.glitch-shiver{animation:shiver .3s infinite}@keyframes shiver{0%{transform:translate(0)}25%{transform:translate(1px,1px)}50%{transform:translate(-1px,-1px)}75%{transform:translate(1px,-1px)}to{transform:translate(1px,1px)}}.bingo-cell{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#272735e6;border:2px solid transparent;border-radius:10px;font-size:1.2rem;font-weight:700;cursor:default;transition:all .2s ease}.bingo-cell.scrambling{animation:scramble-flip .8s ease-in-out forwards}@keyframes scramble-flip{0%{transform:perspective(400px) rotateY(0) scale(1);background:#272735e6}25%{transform:perspective(400px) rotateY(180deg) scale(1.1);background:#e619e680;border-color:#eb47eb}50%{transform:perspective(400px) rotateY(360deg) scale(1.15);background:#19e6e680;border-color:#47ebeb}75%{transform:perspective(400px) rotateY(540deg) scale(1.1);background:#e6e61980;border-color:#ebeb47}to{transform:perspective(400px) rotateY(720deg) scale(1);background:#62248fcc;border-color:#9c30e8}}.bingo-cell.called{border-color:#fc3;animation:pulse .5s ease-out}@keyframes eye-glow{0%{box-shadow:inset 0 0 10px #6cf;border-color:#3bf}to{box-shadow:inset 0 0 25px #0af;border-color:#9df}}.bingo-cell.peeked-highlight{border-color:#3bf;background:#00aaff26;animation:eye-glow 1s ease-in-out infinite alternate}@keyframes pulse{0%{box-shadow:0 0 #ffcc3380}to{box-shadow:0 0 0 10px #fc30}}.bingo-cell.daubed{background:linear-gradient(135deg,#22c365,#1fad7e);color:#fff;border-color:#26d971}.bingo-cell.free-space{background:linear-gradient(135deg,#9c30e8,#d9269d);font-size:1.5rem}.game-controls{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1rem}.solo-hint{font-size:.85rem;color:#818198;text-align:center;font-style:italic}.waiting-message{padding:1rem 2rem;background:#21212c99;border-radius:12px;color:#8f8fa3}@media(max-width:768px){.game-layout{flex-direction:column}.game-sidebar{width:100%;flex-direction:row;overflow-x:auto}.race-tracker,.chat-panel{min-width:280px}.bingo-cell{width:48px;height:48px;font-size:1rem}}@media(max-width:400px){.bingo-cell{width:40px;height:40px;font-size:.9rem}.card-header span{height:30px;font-size:.9rem}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#14141ffa;border-top:1px solid hsla(255,50%,70%,.15);padding:.4rem .5rem;gap:.5rem;z-index:100}.mobile-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .4rem;background:transparent;border:none;border-radius:10px;color:#8f8fa3;cursor:pointer;transition:all .15s ease}.mobile-nav-btn.active{background:#9c30e826;color:#a747eb}.mobile-nav-btn .nav-icon{font-size:1.2rem}.mobile-nav-btn .nav-label{font-size:.6rem;font-weight:600}.mobile-gems-display{display:none;padding:.5rem 1rem;background:linear-gradient(135deg,#ffbf0033,#f49d251a);border:1px solid hsla(45,100%,50%,.3);border-radius:20px;color:#fc3;font-weight:700;font-size:.85rem}.mobile-powerups-bar{display:none;position:fixed;bottom:95px;left:0;right:0;background:#101018fa;border-top:1px solid hsla(255,50%,70%,.15);padding:.35rem .5rem;z-index:90}.powerups-scroll{display:flex;gap:.35rem;overflow-x:auto;padding:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.powerups-scroll::-webkit-scrollbar{display:none}.mobile-powerup-btn{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.25rem .4rem;background:#2b2b3bcc;border:1px solid hsla(255,50%,70%,.2);border-radius:8px;cursor:pointer;position:relative;transition:all .15s ease;min-width:38px}.mp-icon{font-size:1rem}.mp-cost{font-size:.5rem;color:#fc3;font-weight:700}.mobile-powerup-btn:disabled{opacity:.4}.mobile-powerup-btn.active-targeting{background:#9019e64d;border-color:#9c30e8;animation:pulse-target 1s infinite}@keyframes pulse-target{0%,to{box-shadow:0 0 #9c30e880}50%{box-shadow:0 0 0 6px #9c30e800}}.mp-icon{font-size:1.3rem}.mp-cost{font-size:.6rem;color:#fc3;font-weight:700}.mp-cooldown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3;border-radius:10px;color:#fff;font-size:.75rem;font-weight:700}.targeting-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#6512a1f2,#ad1f7ef2);border-radius:12px;margin-top:.5rem;color:#fff;animation:targeting-pulse 1.2s ease-in-out infinite;border:2px solid hsla(275,100%,70%,.7);box-shadow:0 4px 20px #9019e680}@keyframes targeting-pulse{0%,to{box-shadow:0 4px 20px #9019e680;transform:scale(1)}50%{box-shadow:0 6px 30px #a747ebcc;transform:scale(1.02)}}.targeting-icon{font-size:1.8rem;animation:icon-bounce .8s ease-in-out infinite}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.targeting-info{display:flex;flex-direction:column;flex:1}.targeting-label{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.targeting-hint{font-size:.75rem;opacity:.9;margin-top:2px}.targeting-cancel{background:#d9262666;border:2px solid hsl(0,70%,55%);padding:.4rem .7rem;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;transition:all .15s ease}.targeting-cancel:hover{background:#dd3c3c99;transform:scale(1.05)}.mobile-opponents-strip{display:none;position:fixed;bottom:52px;left:0;right:0;background:#0c0c12fa;border-top:1px solid hsla(255,50%,70%,.1);padding:.3rem .5rem;z-index:85}.mobile-opponents-strip.is-targeting{display:flex;flex-direction:column;gap:.5rem;padding:.75rem .5rem;background:linear-gradient(180deg,#291736fa,#101018fa);border-top:2px solid hsla(275,80%,55%,.6);animation:strip-glow 1.5s ease-in-out infinite}@keyframes strip-glow{0%,to{box-shadow:0 -4px 15px #9019e64d}50%{box-shadow:0 -6px 25px #a747eb80}}.opponents-scroll{display:flex;gap:.5rem;overflow-x:auto;padding:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.opponents-scroll::-webkit-scrollbar{display:none}.mobile-opponent-card{flex-shrink:0;display:flex;flex-direction:row;align-items:center;gap:.4rem;padding:.3rem .5rem;background:#21212ce6;border:1px solid hsla(255,50%,70%,.15);border-radius:8px;transition:all .15s ease}.mobile-opponent-card.targetable{border:2px solid hsl(275,80%,55%);cursor:pointer;animation:target-glow .8s ease-in-out infinite;background:linear-gradient(135deg,#452060e6,#592648e6);position:relative}.mobile-opponent-card.targetable:after{content:"TAP";position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#9019e6,#d9269d);color:#fff;font-size:.55rem;font-weight:800;padding:2px 6px;border-radius:4px;animation:tap-bounce .6s ease-in-out infinite;box-shadow:0 2px 8px #9019e699}@keyframes tap-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes target-glow{0%,to{box-shadow:0 0 12px #9c30e8b3;transform:scale(1)}50%{box-shadow:0 0 24px #a747eb;transform:scale(1.03)}}.mobile-opponent-card.frozen{border-color:#66e5ff;background:#2666734d}.mobile-opponent-card.shielded{border-color:#fc3}.mo-header{display:flex;align-items:center;gap:.2rem}.mo-avatar{font-size:.9rem}.mo-status{font-size:.7rem}.mo-name{font-size:.65rem;font-weight:700;color:#fff;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mo-mini-grid{display:none}.mo-cell{width:8px;height:8px;background:#36364999;border-radius:1px}.mo-cell.daubed{background:#19e66f}.mo-distance{font-size:.6rem;color:#fc3;font-weight:700;background:#ffbf0026;padding:.1rem .3rem;border-radius:4px}.no-opponents{color:#73738c;font-size:.8rem;padding:.5rem 1rem;font-style:italic}.mobile-overlay{display:block;position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;animation:fadeIn .2s ease}.mobile-overlay-content{position:absolute;bottom:0;left:0;right:0;max-height:70vh;background:#14141ffa;border-radius:20px 20px 0 0;display:flex;flex-direction:column;animation:slideUp .3s ease}.mobile-overlay-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid hsla(255,50%,70%,.1)}.mobile-overlay-header h3{font-size:1.1rem;font-weight:700;margin:0}.close-btn{width:36px;height:36px;background:#2b2b3bcc;border:1px solid hsla(255,50%,70%,.2);border-radius:50%;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.close-btn:hover{background:#d926264d;border-color:#dd3c3c}.mobile-overlay-body{flex:1;overflow-y:auto;padding:1rem 1.5rem 2rem}.user-bank-mobile{text-align:center;margin-top:1rem;padding:1rem;background:#2b2b3b99;border-radius:12px;font-weight:700;color:#fc3;font-size:1rem}.floating-bingo-btn{display:none;position:fixed;bottom:145px;right:16px;width:70px;height:70px;background:linear-gradient(135deg,#ffbf00,#f49d25);border:none;border-radius:50%;box-shadow:0 8px 24px #ffbf0066,0 0 #ffbf00b3;color:#14141f;cursor:pointer;z-index:150;animation:pulse-ring 2s infinite;flex-direction:column;align-items:center;justify-content:center;gap:.1rem}.floating-bingo-btn .fab-icon{font-size:1.8rem}.floating-bingo-btn .fab-text{font-size:.7rem;font-weight:900;letter-spacing:.5px}@keyframes pulse-ring{0%{box-shadow:0 8px 24px #ffbf0066,0 0 #ffbf00b3}50%{box-shadow:0 8px 24px #ffbf0066,0 0 0 20px #ffbf0000}to{box-shadow:0 8px 24px #ffbf0066,0 0 #ffbf0000}}.floating-start-btn{display:none;position:fixed;bottom:145px;right:16px;width:70px;height:70px;background:linear-gradient(135deg,#17cf63,#14b881);border:none;border-radius:50%;box-shadow:0 8px 24px #19e66f66,0 0 #19e66fb3;color:#fff;cursor:pointer;z-index:150;animation:pulse-ring-start 2s infinite;flex-direction:column;align-items:center;justify-content:center;gap:.1rem}.floating-start-btn .fab-icon{font-size:1.8rem}.floating-start-btn .fab-text{font-size:.7rem;font-weight:900;letter-spacing:.5px}@keyframes pulse-ring-start{0%{box-shadow:0 8px 24px #19e66f66,0 0 #19e66fb3}50%{box-shadow:0 8px 24px #19e66f66,0 0 0 20px #19e66f00}to{box-shadow:0 8px 24px #19e66f66,0 0 #19e66f00}}.game-over-header{text-align:center;padding:1rem}.boss-intro{margin-top:1rem;animation:fadeIn 1s ease}.boss-intro h3{color:#ff4d4d;text-shadow:0 0 15px hsla(0,100%,50%,.7);font-size:1.4rem;letter-spacing:2px}.boss-battle-selection{display:flex;flex-direction:column;gap:1rem;width:100%;margin:1rem 0;padding:1rem;background:#181825cc;border-radius:16px;border:1px solid hsla(255,50%,70%,.15)}.boss-btn{display:flex;flex-direction:column;align-items:center;padding:1.25rem;background:linear-gradient(180deg,#ffffff0d,#fff0);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.boss-btn:hover:not(:disabled){background:#ff000026;border-color:#f33;transform:translateY(-5px) scale(1.05);box-shadow:0 10px 20px #00000080}.boss-btn:disabled{opacity:.3;filter:grayscale(1);cursor:not-allowed}.boss-icon{font-size:2.5rem;margin-bottom:.5rem}.boss-name{font-weight:800;color:#fff;margin-bottom:.25rem}.boss-wager{font-size:.8rem;color:#fc3}.boss-reward{font-size:.9rem;font-weight:900;color:#3f3;margin-top:.5rem}.btn-replay{background:linear-gradient(135deg,#17cf63,#14b881);box-shadow:0 0 20px #19e66f4d}.boss-btn.is-joined{background:#0a5c2c66;border-color:#19e66f;box-shadow:0 0 15px #19e66f4d}.boss-battle-stats{display:flex;flex-direction:column;align-items:center;width:100%}.boss-health-container{width:100%;max-width:400px;margin-bottom:1rem}.boss-name-tag{font-size:.9rem;font-weight:900;color:#fff;margin-bottom:.5rem;text-align:left;text-shadow:0 0 10px rgba(0,0,0,.5)}.boss-timer{font-size:.85rem;font-weight:800;color:#ff8080;margin-bottom:.5rem;text-align:left;display:flex;align-items:center;gap:.5rem;animation:urgent-pulse 2s infinite ease-in-out}@keyframes urgent-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02);color:#f33}}.boss-hp-bar{width:100%;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.boss-hp-fill{height:100%;background:linear-gradient(90deg,#ff4d4d,red);transition:width .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 10px #ff4d4d80}.boss-numbers-active{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.boss-num{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;color:#333;border-radius:50%;font-weight:800;font-size:.9rem;box-shadow:0 4px 8px #0000004d}.animate-pop{animation:pop-in .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes pop-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.boss-victory,.boss-defeat{margin-top:1rem;display:flex;flex-direction:column;align-items:center;animation:bounceIn .8s ease}.boss-victory .v-icon{font-size:3rem;filter:drop-shadow(0 0 10px gold)}.boss-victory .v-text{color:gold;font-weight:900;font-size:1.5rem}.boss-defeat .v-icon{font-size:3rem;filter:drop-shadow(0 0 10px red)}.boss-defeat .v-text{color:#ff4d4d;font-weight:900;font-size:1.5rem}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05);opacity:1}70%{transform:scale(.9)}to{transform:scale(1)}}.animate-pulse{animation:pulse-raid 1.5s infinite}@keyframes pulse-raid{0%{transform:scale(1);box-shadow:0 0 #ffbf00b3}70%{transform:scale(1.05);box-shadow:0 0 0 15px #ffbf0000}to{transform:scale(1);box-shadow:0 0 #ffbf0000}}@keyframes pulse-red{0%{box-shadow:0 0 #e61919b3}70%{box-shadow:0 0 0 10px #e6191900}to{box-shadow:0 0 #e6191900}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:768px){.game-layout{padding-bottom:140px}.game-sidebar{display:none}.mobile-nav,.floating-bingo-btn,.floating-start-btn,.mobile-powerups-bar,.mobile-opponents-strip,.mobile-gems-display{display:flex}.caller-display{position:sticky;top:0;z-index:50;margin:0;border-radius:0}.game-main{padding:0 .5rem}.bingo-card-wrapper{margin:1rem 0}.game-controls .btn{display:none}.waiting-message{font-size:.9rem;padding:.75rem 1.25rem}}@media(max-width:400px){.current-number{width:70px;height:70px}.number-value{font-size:1.75rem}.floating-bingo-btn{width:65px;height:65px;bottom:75px}.floating-bingo-btn .fab-icon{font-size:1.6rem}.floating-bingo-btn .fab-text{font-size:.65rem}.mobile-nav-btn .nav-icon{font-size:1.3rem}.mobile-nav-btn .nav-label{font-size:.65rem}.bingo-cell{width:42px;height:42px;font-size:.95rem}.card-header span{height:28px;font-size:.9rem}}.mini-card-grid.clickable{cursor:pointer;position:relative;transition:transform .2s,box-shadow .2s}.mini-card-grid.clickable:hover{transform:scale(1.1);box-shadow:0 4px 20px #8c33cc66;z-index:10}.expand-hint{position:absolute;bottom:-8px;right:-8px;background:#8c33cc;width:20px;height:20px;border-radius:50%;font-size:.65rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.mini-card-grid.clickable:hover .expand-hint{opacity:1}.expanded-card-overlay{position:fixed;inset:0;background:#0a0a10f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.expanded-card-modal{background:linear-gradient(180deg,#171726,#120e1b);border:2px solid hsla(275,60%,50%,.4);border-radius:24px;width:100%;max-width:380px;overflow:hidden;box-shadow:0 25px 50px -12px #541f7a99}.expanded-card-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid hsla(275,60%,50%,.2)}.expanded-avatar{font-size:2rem}.expanded-name{font-size:1.25rem;font-weight:800;flex:1}.expanded-distance{font-size:.85rem;color:#fc3;font-weight:600}.close-expanded{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.25rem;cursor:pointer;transition:all .2s}.close-expanded:hover{background:#d9262680}.expanded-card-grid{padding:1rem}.expanded-header-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:8px}.expanded-header-cell{height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;background:linear-gradient(135deg,#7e2eb8,#a3297a);border-radius:8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.expanded-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:6px}.expanded-cell{height:56px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;background:#1f1f2ecc;border:2px solid hsla(255,40%,60%,.15);border-radius:10px;transition:all .2s}.expanded-cell.daubed{background:linear-gradient(135deg,#9019e6,#c3228e);border-color:#a747eb;box-shadow:0 0 15px #9019e680}.expanded-cell.is-free{background:linear-gradient(135deg,#ffbf00,#e68600);border-color:#fc3;font-size:1.5rem}@media(max-width:480px){.expanded-card-modal{max-width:95vw}.expanded-cell{height:52px;font-size:1.1rem}.expanded-header-cell{height:36px;font-size:1.25rem}}.selection-timer-bar{width:100%;height:28px;background:#ffffff1a;border-radius:14px;position:relative;overflow:hidden;margin-bottom:1rem;border:2px solid hsla(0,100%,50%,.3)}.timer-fill{height:100%;background:linear-gradient(90deg,#ffbf00,red);transition:width .1s linear;box-shadow:0 0 15px #ffbf0099}.timer-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.selection-title{text-align:center;font-size:1.2rem;color:#fc3;margin:0 0 .25rem;text-shadow:0 0 20px hsla(45,100%,50%,.5)}.selection-subtitle{text-align:center;font-size:.85rem;color:#ababba;margin:0 0 1rem}.boss-vote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}.boss-vote-btn{display:flex;flex-direction:column;align-items:center;padding:1rem;background:linear-gradient(180deg,#ffffff0d,#fff0);border:2px solid hsla(0,0%,100%,.1);border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.boss-vote-btn:hover:not(:disabled){background:#ffbf001a;border-color:#fc3;transform:translateY(-3px);box-shadow:0 8px 20px #0006}.boss-vote-btn.is-my-vote{background:#14b85833;border-color:#30e87d;box-shadow:0 0 20px #19e66f66}.boss-vote-btn.has-votes{border-color:#a552e080}.boss-vote-btn:disabled{opacity:.35;filter:grayscale(.8);cursor:not-allowed}.vote-avatars{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);display:flex;gap:-4px;background:#171726f2;padding:2px 8px;border-radius:20px;border:1px solid hsla(275,70%,60%,.5)}.vote-avatar{font-size:1.2rem;filter:drop-shadow(0 0 4px hsla(275,70%,60%,.8));animation:bounceIn .3s ease}.your-vote-badge{position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,#17cf63,#14b881);color:#fff;font-size:.55rem;font-weight:900;padding:3px 8px;border-radius:10px;box-shadow:0 2px 8px #19e66f66;letter-spacing:.5px}.selection-expired{text-align:center;padding:1rem;margin-top:1rem;background:#b8141433;border:1px solid hsla(0,80%,50%,.4);border-radius:12px;font-weight:700;color:#ff8080;animation:fadeIn .5s ease}.floating-damage-container{position:absolute;inset:0;pointer-events:none;overflow:visible}.boss-health-container{position:relative}.floating-damage{position:absolute;display:flex;flex-direction:column;align-items:center;animation:floatUp 2s ease-out forwards;z-index:100}.floating-damage.is-mine{filter:drop-shadow(0 0 10px hsl(45,100%,50%))}.floating-damage.is-teammate{filter:drop-shadow(0 0 8px hsl(275,80%,60%))}.damage-avatar{font-size:1.5rem;animation:pulseAvatar .3s ease-out}.damage-number{font-size:1.4rem;font-weight:900;color:#ff4d4d;text-shadow:0 0 5px hsla(0,100%,50%,.8),0 2px 4px rgba(0,0,0,.5)}.floating-damage.is-mine .damage-number{color:#ffc61a;font-size:1.6rem;text-shadow:0 0 8px hsla(45,100%,50%,.8),0 2px 4px rgba(0,0,0,.5)}@keyframes floatUp{0%{transform:translateY(0) scale(.5);opacity:0}10%{transform:translateY(-10px) scale(1.2);opacity:1}30%{transform:translateY(-30px) scale(1);opacity:1}to{transform:translateY(-80px) scale(.8);opacity:0}}@keyframes pulseAvatar{0%{transform:scale(.5)}50%{transform:scale(1.3)}to{transform:scale(1)}}.boss-hp-fill.shake{animation:shakeBar .3s ease-out}@keyframes shakeBar{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@media(max-width:480px){.boss-battle-selection{padding:.75rem;margin:.5rem 0;gap:.75rem}.selection-title{font-size:.95rem;margin-bottom:.25rem}.selection-subtitle{font-size:.75rem;margin-bottom:.5rem}.boss-vote-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.boss-vote-btn{padding:.6rem .5rem;border-radius:12px}.boss-vote-btn .boss-icon{font-size:1.5rem;margin-bottom:.25rem}.boss-vote-btn .boss-name{font-size:.75rem;margin-bottom:.1rem}.boss-vote-btn .boss-wager{font-size:.65rem}.boss-vote-btn .boss-reward{font-size:.7rem;margin-top:.25rem}.vote-avatars{bottom:-8px;padding:1px 5px}.vote-avatar{font-size:.9rem}.your-vote-badge{font-size:.5rem;padding:2px 5px;top:-6px;right:-6px}.selection-timer-bar{height:22px;margin-bottom:.75rem}.timer-text{font-size:.75rem}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#0f0f1a,#1c1221,#0b0b13)}.login-card{width:100%;max-width:420px;padding:2rem;background:#181825e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid hsla(255,50%,70%,.15);box-shadow:0 8px 32px #00000080}.login-header{text-align:center;margin-bottom:2rem}.logo-icon{font-size:3rem;display:block;margin-bottom:.5rem;animation:bounce 2s ease-in-out infinite}.login-header h1{font-size:2rem;font-weight:800;letter-spacing:2px;margin:0;color:#fff}.login-header .highlight{background:linear-gradient(135deg,#9c30e8,#d9269d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{color:#8f8fa3;margin-top:.5rem;font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.85rem;font-weight:600;color:#ababba;text-transform:uppercase;letter-spacing:1px}.avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.avatar-btn{width:100%;aspect-ratio:1;font-size:1.5rem;background:#272735e6;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease}.avatar-btn:hover{border-color:#9c30e8;transform:scale(1.05)}.avatar-btn.selected{border-color:#9c30e8;background:linear-gradient(135deg,#9c30e8,#d9269d);box-shadow:0 0 20px #9c30e866}.name-input{width:100%;padding:1rem;font-size:1rem;font-family:inherit;background:#272735e6;border:2px solid hsla(255,50%,70%,.15);border-radius:12px;color:#fff;outline:none;transition:border-color .2s ease}.name-input::placeholder{color:#73738c}.name-input:focus{border-color:#9c30e8}.suggestions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.8rem;color:#8f8fa3}.suggestion-btn{padding:.25rem .75rem;font-size:.8rem;font-family:inherit;background:#2b2b3bcc;border:1px solid hsla(255,50%,70%,.2);border-radius:20px;color:#fc3;cursor:pointer;transition:all .2s ease}.suggestion-btn:hover{background:#363649e6;border-color:#fc3}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .25s ease}.btn-primary{background:linear-gradient(135deg,#9c30e8,#d9269d);color:#fff;box-shadow:0 4px 16px #9c30e866}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #9c30e880}.btn-large{padding:1.25rem 2rem;font-size:1.1rem}.login-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid hsla(255,50%,70%,.1)}.login-footer p{margin:0;color:#73738c;font-size:.85rem}.welcome-overlay{position:fixed;inset:0;background:#0a0a14f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.welcome-dialog{width:100%;max-width:500px;background:linear-gradient(165deg,#27203c,#1b1726);border-radius:24px;border:1px solid hsla(275,80%,60%,.3);box-shadow:0 0 60px #9019e64d,0 20px 40px #00000080,inset 0 1px #ffffff1a;padding:2rem;overflow:hidden}.welcome-progress{display:flex;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.progress-dot{width:10px;height:10px;border-radius:50%;background:#57478580;transition:all .3s ease}.progress-dot.active{background:linear-gradient(135deg,#a747eb,#fc3);transform:scale(1.3);box-shadow:0 0 10px #a747eb99}.progress-dot.completed{background:#17cf73}.welcome-content{text-align:center;min-height:320px}.welcome-title{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#fff,#ffd966);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.welcome-subtitle{color:#c4bddbe6;font-size:1rem;margin-bottom:1.5rem}.welcome-body{padding:.5rem 0}.welcome-splash{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.welcome-logo{font-size:5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-tagline{font-size:1.15rem;color:#d5d1e0f2;line-height:1.6;max-width:350px}.welcome-features-preview{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.welcome-features-preview span{background:#6e33994d;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;color:#ffe699;border:1px solid hsla(275,50%,60%,.3)}.game-modes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.mode-card{background:#2d264099;border-radius:16px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;border:1px solid hsla(255,30%,40%,.3);transition:all .3s ease}.mode-card:hover{transform:translateY(-3px);border-color:#a747eb80}.mode-icon{font-size:2rem}.mode-name{font-weight:700;font-size:.95rem;color:#fff}.mode-desc{font-size:.75rem;color:#aba3c2e6;text-align:center}.mode-card.classic{border-left:3px solid hsl(120,70%,45%)}.mode-card.speed{border-left:3px solid hsl(45,100%,55%)}.mode-card.pattern{border-left:3px solid hsl(275,80%,60%)}.mode-card.blackout{border-left:3px solid hsl(0,0%,30%)}.features-showcase{display:flex;flex-direction:column;gap:1.25rem}.feature-row{display:flex;justify-content:center;gap:1rem}.feature-item{background:#312a46b3;border-radius:12px;padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:85px;border:1px solid hsla(255,30%,35%,.4)}.feature-icon{font-size:1.75rem}.feature-name{font-size:.75rem;font-weight:600;color:#fff}.feature-desc{font-size:.65rem;color:#9d94b8e6}.boss-preview{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#8217174d,#b8661433);border-radius:14px;padding:1rem;border:1px solid hsla(0,60%,50%,.3)}.boss-icon{font-size:2.5rem}.boss-info{display:flex;flex-direction:column;text-align:left}.boss-info strong{color:#f6a655;font-size:1rem}.boss-info span{font-size:.8rem;color:#b9b3cce6}.social-showcase{display:flex;flex-direction:column;gap:1.25rem}.social-features{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.social-item{display:flex;align-items:center;gap:.6rem;background:#2d264080;border-radius:10px;padding:.75rem 1rem;border:1px solid hsla(255,30%,30%,.4)}.social-icon{font-size:1.5rem}.social-item span:last-child{font-size:.85rem;font-weight:500;color:#fff}.gems-bonus{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#62248f66,#e6b31933);border-radius:14px;padding:1rem;border:1px solid hsla(45,80%,60%,.4)}.bonus-icon{font-size:2.5rem;animation:pulse 2s ease-in-out infinite}.bonus-text{display:flex;flex-direction:column;text-align:left}.bonus-text strong{color:#ffd24d;font-size:1.1rem}.bonus-text span{font-size:.8rem;color:#c7c2d6e6}.welcome-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;gap:1rem}.btn-skip{background:transparent;border:none;color:#8f85adcc;font-size:.9rem;cursor:pointer;padding:.5rem 1rem;transition:color .2s}.btn-skip:hover{color:#fff}.btn-next{flex:1;background:linear-gradient(135deg,#9c30e8,#ffc61a);color:#fff;border:none;padding:1rem 2rem;border-radius:14px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #9019e666}.btn-next:hover{transform:translateY(-2px);box-shadow:0 6px 25px #9019e699}@media(max-width:480px){.welcome-dialog{padding:1.5rem;max-width:95%}.welcome-title{font-size:1.4rem}.welcome-content{min-height:280px}.welcome-logo{font-size:4rem}.game-modes-grid{gap:.5rem}.mode-card{padding:.75rem .5rem}.mode-icon{font-size:1.5rem}.feature-row{gap:.5rem}.feature-item{min-width:70px;padding:.5rem}}.cosmetic-preview-overlay{position:fixed;inset:0;background:#06060af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.cosmetic-preview-modal{background:linear-gradient(180deg,#131320,#0e0b14);border:2px solid hsla(275,60%,50%,.4);border-radius:24px;width:100%;max-width:420px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.preview-header{position:relative;padding:1.5rem 1.5rem 1rem;text-align:center;border-bottom:1px solid hsla(275,60%,50%,.2)}.preview-header.common{background:linear-gradient(180deg,hsla(0,0%,50%,.1) 0%,transparent 100%)}.preview-header.rare{background:linear-gradient(180deg,hsla(210,100%,55%,.15) 0%,transparent 100%)}.preview-header.epic{background:linear-gradient(180deg,hsla(275,80%,55%,.2) 0%,transparent 100%)}.preview-header.legendary{background:linear-gradient(180deg,hsla(45,100%,50%,.2) 0%,transparent 100%)}.preview-rarity-badge{display:inline-block;padding:.25rem .75rem;border-radius:100px;font-size:.65rem;font-weight:800;letter-spacing:1px;margin-bottom:.5rem}.preview-header.common .preview-rarity-badge{background:#9999994d;color:#ccc}.preview-header.rare .preview-rarity-badge{background:#1a8cff4d;color:#80bfff}.preview-header.epic .preview-rarity-badge{background:#9c30e84d;color:#d3a3f5}.preview-header.legendary .preview-rarity-badge{background:#ffbf004d;color:#ffd966}.preview-header h2{font-size:1.75rem;font-weight:900;margin-bottom:.25rem}.preview-desc{font-size:.9rem;color:#fff9}.preview-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:1rem;cursor:pointer}.preview-demo-area{flex:1;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.demo-bingo-card{background:#1f1f2ecc;border-radius:16px;padding:1rem;border:2px solid hsla(275,60%,50%,.2)}.demo-card-header{display:grid;grid-template-columns:repeat(5,48px);gap:4px;margin-bottom:6px}.demo-card-header span{height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7e2eb8,#a3297a);border-radius:6px;font-weight:900;font-size:1rem}.demo-card-grid{display:grid;grid-template-columns:repeat(5,48px);grid-template-rows:repeat(5,48px);gap:4px}.demo-cell{display:flex;align-items:center;justify-content:center;background:#252537e6;border-radius:8px;font-weight:700;font-size:1rem;border:2px solid hsla(275,60%,50%,.1);transition:all .3s}.demo-cell.is-free{background:linear-gradient(135deg,#ffbf00,#e68600)}.demo-cell.daubed{position:relative}.demo-cell.daubed.daub-daub-gold{background:linear-gradient(135deg,#ffc61a,#e68600);box-shadow:0 0 15px #ffbf0099}.demo-cell.daubed.daub-daub-rainbow{background:linear-gradient(135deg,#f33,#ff3,#0f0,#3bf,#b3f);animation:rainbow-shift 2s linear infinite}@keyframes rainbow-shift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.demo-cell.daubed.daub-daub-fire{background:linear-gradient(135deg,#ff4000,#ff9500,#ffc61a);box-shadow:0 0 20px #ff6a00b3;animation:fire-flicker .5s ease-in-out infinite alternate}@keyframes fire-flicker{0%{box-shadow:0 0 15px #ff6a0080}to{box-shadow:0 0 25px #ff9f1acc}}.demo-cell.daubed.daub-daub-ice{background:linear-gradient(135deg,#6cf,#bad9f7,#80eaff);box-shadow:0 0 20px #6cf9}.demo-cell.daubed.daub-daub-neon{background:#a0f;box-shadow:0 0 25px #b3fc,inset 0 0 10px #dd99ff80;animation:neon-pulse 1s ease-in-out infinite}@keyframes neon-pulse{0%,to{box-shadow:0 0 20px #b3f9}50%{box-shadow:0 0 35px #b3f}}.daub-mark{font-size:1.5rem}.demo-hint{margin-top:.75rem;font-size:.8rem;color:#ffffff80;text-align:center}.demo-full-card{border-radius:16px;padding:1rem;border:2px solid}.demo-full-card.theme-card-classic{background:linear-gradient(180deg,#1f1f2e,#131320);border-color:#8c33cc4d}.demo-full-card.theme-card-vegas{background:linear-gradient(180deg,#5c0a18,#290a14);border-color:#ffbf00;box-shadow:0 0 30px #ffbf004d}.demo-full-card.theme-card-ocean{background:linear-gradient(180deg,#194c66,#091f34);border-color:#19c3e6;box-shadow:0 0 30px #19a1e64d}.demo-full-card.theme-card-cosmic{background:linear-gradient(180deg,#211736,#0f0613);border-color:#a747eb;box-shadow:0 0 40px #9019e666;position:relative;overflow:hidden}.demo-full-card.theme-card-cosmic:before{content:"✨";position:absolute;font-size:.6rem;animation:twinkle 2s infinite}.demo-full-card.theme-card-cosmic:after{content:"⭐";position:absolute;right:20%;top:30%;font-size:.5rem;animation:twinkle 3s infinite 1s}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.demo-card-header.themed{background:transparent}.demo-card-grid.themed .demo-cell{background:#ffffff1a;border-color:#ffffff1a}.demo-avatar-area{display:flex;flex-direction:column;align-items:center;gap:1rem}.demo-avatar-frame{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.demo-avatar-inner{width:90px;height:90px;background:linear-gradient(135deg,#39c,#1f4ead);border-radius:50%;display:flex;align-items:center;justify-content:center}.demo-avatar-emoji{font-size:3rem}.frame-frame-bronze{background:linear-gradient(135deg,#b8732e,#734626);border:4px solid hsl(30,50%,55%)}.frame-frame-silver{background:linear-gradient(135deg,#b3b3b3,gray);border:4px solid hsl(0,0%,80%);box-shadow:0 0 20px #ffffff4d}.frame-frame-gold{background:linear-gradient(135deg,#ffc61a,#c70);border:5px solid hsl(45,100%,65%);box-shadow:0 0 30px #ffbf0080}.frame-frame-diamond{background:linear-gradient(135deg,#9df,#e6b3ff,#cef,#ffb3e5,#9df);border:5px solid hsl(200,100%,85%);box-shadow:0 0 40px #9df9;animation:diamond-shimmer 3s linear infinite}@keyframes diamond-shimmer{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(30deg)}}.demo-username{font-size:1.1rem;font-weight:700}.demo-animation-area{width:100%;height:250px;position:relative;overflow:hidden;border-radius:16px;background:#14141f80;display:flex;flex-direction:column;align-items:center;justify-content:center}.victory-demo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.victory-text{font-size:2.5rem;font-weight:900;text-shadow:0 4px 20px rgba(0,0,0,.5)}.victory-text.electric{color:#6cf}.confetti-piece{position:absolute;top:0;width:12px;height:12px;border-radius:2px}.firework-burst{position:absolute;width:100px;height:100px}.spark{position:absolute;left:50%;top:50%;width:4px;height:40px;border-radius:2px;transform-origin:center bottom}.lightning-bolt{font-size:8rem;position:absolute}.lightning-glow{position:absolute;inset:0;background:radial-gradient(circle,hsla(200,100%,70%,.4) 0%,transparent 70%)}.replay-btn{position:absolute;bottom:1rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:.85rem;cursor:pointer;z-index:10}.preview-actions{padding:1.25rem 1.5rem;border-top:1px solid hsla(275,60%,50%,.2)}.action-btn{width:100%;padding:1rem;border:none;border-radius:12px;font-weight:800;font-size:1.1rem;cursor:pointer;transition:all .2s}.action-btn.purchase{background:linear-gradient(135deg,#9c30e8,#d9269d);color:#fff;box-shadow:0 4px 20px #9019e666}.action-btn.equip{background:linear-gradient(135deg,#22c365,#248f6b);color:#fff;box-shadow:0 4px 20px #22c36566}@media(max-width:480px){.cosmetic-preview-modal{max-width:100%;max-height:100vh;border-radius:0}.demo-card-header{grid-template-columns:repeat(5,42px)}.demo-card-grid{grid-template-columns:repeat(5,42px);grid-template-rows:repeat(5,42px)}}.gem-spend-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:9999}.gem-spend-container{position:relative;display:flex;align-items:center;justify-content:center}.gem-particle{position:absolute;font-size:1.5rem;filter:drop-shadow(0 0 10px hsla(45,100%,60%,.8))}.gem-spend-amount{display:flex;align-items:center;gap:.25rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#d92626e6,#b81430e6);border-radius:20px;box-shadow:0 4px 30px #d9262680;border:2px solid hsla(0,70%,70%,.5)}.gem-spend-amount .minus{font-size:1.5rem;font-weight:900;color:#fff}.gem-spend-amount .amount{font-size:1.75rem;font-weight:900;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.gem-spend-amount .gem{font-size:1.5rem;animation:gemPulse .3s ease-out}@keyframes gemPulse{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(15deg)}to{transform:scale(1)}}.gem-counter-wrapper{position:relative;display:inline-flex;align-items:center}.gem-counter-amount{font-weight:800;font-size:1rem}.gem-diff-indicator{position:absolute;top:0;right:-10px;font-size:.9rem;font-weight:800;color:#ff6b6b;text-shadow:0 2px 8px rgba(0,0,0,.4)}.gem-gain-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:9999}.gem-gain-amount{display:flex;align-items:center;gap:.25rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#22c322e6,#41a112e6);border-radius:20px;box-shadow:0 4px 30px #26d92680;border:2px solid hsla(120,70%,70%,.5)}.gem-gain-amount .plus{font-size:1.5rem;font-weight:900;color:#fff}.gem-gain-amount .amount{font-size:1.75rem;font-weight:900;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}.gem-sparkle{position:absolute;font-size:1rem;animation:sparkle .6s ease-out forwards}.shop-overlay{position:fixed;inset:0;background:#0a0a10e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.shop-modal{background:linear-gradient(180deg,#171726,#120e1b);border:1px solid hsla(275,60%,50%,.3);border-radius:24px;width:100%;max-width:500px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #541f7a66}.shop-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid hsla(275,60%,50%,.15)}.shop-header h2{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#fc3,#ff9500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.25rem;cursor:pointer;transition:all .2s}.close-btn:hover{background:#d9262680;transform:rotate(90deg)}.shop-tabs{display:flex;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid hsla(275,60%,50%,.1)}.shop-tabs .tab{flex:1;padding:.75rem;background:#1f1f2e80;border:1px solid hsla(275,60%,50%,.1);border-radius:12px;color:#ffffffb3;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.shop-tabs .tab.active{background:linear-gradient(135deg,#8c33cc4d,#a3297a4d);border-color:#8c33cc;color:#fff}.shop-content{flex:1;overflow-y:auto;padding:1.5rem}.tab-content h3{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:#ffffffe6}.daily-section{background:linear-gradient(135deg,#ffbf001a,#cc77000d);border:1px solid hsla(45,100%,50%,.2);border-radius:16px;padding:1.25rem;margin-bottom:1.5rem}.streak-info{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.9rem}.streak-info .best{color:#ffffff80}.claim-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#ffbf00,#e68600);border:none;border-radius:12px;color:#14141f;font-weight:800;font-size:1.1rem;cursor:pointer;box-shadow:0 4px 20px #ffbf0066}.cooldown{text-align:center;padding:1rem;color:#ffffff80;font-size:.9rem}.gem-packages{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.gem-package{background:#1f1f2e80;border:1px solid hsla(275,60%,50%,.1);border-radius:16px;padding:1.25rem;text-align:center;position:relative;overflow:hidden}.gem-package.popular{border-color:#9c30e8;background:linear-gradient(180deg,#541f7a33,#1f1f2e80)}.popular-tag{position:absolute;top:.5rem;right:.5rem;background:linear-gradient(135deg,#9c30e8,#d9269d);padding:.2rem .5rem;border-radius:6px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pkg-gems{font-size:1.5rem;font-weight:800;margin-bottom:.25rem}.pkg-bonus{font-size:.8rem;color:#52e052;margin-bottom:.75rem}.pkg-buy{width:100%;padding:.75rem;background:linear-gradient(135deg,#9c30e8,#d9269d);border:none;border-radius:10px;color:#fff;font-weight:700;cursor:pointer}.lucky-tab{text-align:center}.lucky-header p{color:#fff9;margin-bottom:1.5rem}.lucky-info{background:#1f1f2e80;border-radius:16px;padding:1rem;margin-bottom:1.5rem}.info-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid hsla(275,60%,50%,.1)}.info-row:last-child{border-bottom:none}.info-row.jackpot{color:#fc3;font-weight:700}.lucky-start-btn{width:100%;padding:1.25rem;background:linear-gradient(135deg,#2eb82e,#478f24);border:none;border-radius:16px;color:#fff;font-weight:800;font-size:1.1rem;cursor:pointer;box-shadow:0 4px 20px #2eb82e66}.lucky-active{background:#ffbf001a;border:1px solid hsla(45,100%,50%,.3);border-radius:12px;padding:1rem}.cosmetic-category{margin-bottom:1.5rem}.cosmetic-category h4{font-size:1rem;margin-bottom:.75rem;color:#fffc}.cosmetic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.cosmetic-item{background:#1f1f2e80;border:1px solid hsla(275,60%,50%,.1);border-radius:12px;padding:.75rem;text-align:center}.cosmetic-item.common{border-color:#b3b3b34d}.cosmetic-item.rare{border-color:#39f6}.cosmetic-item.epic{border-color:#a747eb80}.cosmetic-item.legendary{border-color:#ffc61a99}.cosmetic-item.owned{background:#1f7a1f33}.cosmetic-preview{font-size:2rem;margin-bottom:.5rem;line-height:1}.cosmetic-name{font-size:.75rem;font-weight:600;margin-bottom:.5rem}.cosmetic-price .buy-btn,.cosmetic-price .equip-btn{width:100%;padding:.5rem;border:none;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer}.buy-btn{background:linear-gradient(135deg,#9c30e8,#d9269d);color:#fff}.equip-btn{background:#29a329;color:#fff}.subscription-header{text-align:center;margin-bottom:1.5rem}.subscription-header p{color:#fff9;font-size:.9rem}.current-subscription{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#ffbf0026,#e686001a);border:1px solid hsla(45,100%,50%,.3);border-radius:16px;padding:1rem 1.25rem;margin-bottom:1.5rem}.current-sub-badge{font-size:2.5rem;animation:pulse 2s infinite}.current-sub-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.sub-tier-name{font-weight:800;font-size:1rem;color:#fc3}.sub-gems{font-size:.85rem;color:#fffc}.sub-renews{font-size:.75rem;color:#ffffff80}.cancel-sub-btn{padding:.5rem 1rem;background:#d9262633;border:1px solid hsla(0,70%,50%,.4);border-radius:8px;color:#e46767;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.cancel-sub-btn:hover{background:#d926264d}.subscription-tiers{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.subscription-tier{background:#1f1f2e80;border:2px solid hsla(275,60%,50%,.2);border-radius:20px;padding:1.25rem 1rem;text-align:center;position:relative;transition:all .3s}.subscription-tier.popular{border-color:#ffbf00;background:linear-gradient(180deg,#ffbf001a,#1f1f2e80)}.subscription-tier.current{border-color:#3c3;background:linear-gradient(180deg,#33cc331a,#1f1f2e80)}.tier-emoji{font-size:2.5rem;margin-bottom:.5rem}.tier-name{font-size:1.1rem;font-weight:800;color:#fff;margin-bottom:.25rem}.tier-gems{font-size:1rem;font-weight:700;color:#fc3;margin-bottom:.25rem}.tier-gems span{font-size:.7rem;font-weight:400;color:#ffffff80}.tier-price{font-size:1.25rem;font-weight:800;color:#fff;margin-bottom:.25rem}.tier-price span{font-size:.7rem;font-weight:400;color:#ffffff80}.tier-savings{font-size:.75rem;color:#3cdd3c;font-weight:600;margin-bottom:.75rem}.tier-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#9c30e8,#d9269d);border:none;border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:all .2s}.tier-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #9c30e866}.tier-btn:disabled{opacity:.6;cursor:not-allowed}.tier-btn.current{background:linear-gradient(135deg,#2eb82e,#478f24)}.tier-btn.downgrade{background:#8080804d}.tax-notice{text-align:center;padding:1rem;color:#ffffff80;font-size:.75rem}.bonus-tag{position:absolute;top:.5rem;left:.5rem;background:linear-gradient(135deg,#22c322,#478f24);padding:.2rem .5rem;border-radius:6px;font-size:.6rem;font-weight:700;color:#fff}.upgrade-prompt-overlay{position:fixed;inset:0;background:#0a0a10e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000}.upgrade-prompt-modal{background:linear-gradient(180deg,#1d1d30,#171221);border:2px solid hsl(45,100%,50%);border-radius:24px;padding:2rem;max-width:360px;text-align:center}.upgrade-icon{font-size:3rem;margin-bottom:1rem}.upgrade-prompt-modal h3{font-size:1.5rem;font-weight:800;color:#fc3;margin-bottom:.5rem}.upgrade-prompt-modal p{color:#ffffffb3;margin-bottom:.5rem}.upgrade-suggestion{color:#ffffffe6;margin-bottom:1.5rem}.upgrade-actions{display:flex;gap:.75rem;margin-bottom:1rem}.upgrade-now-btn{flex:1;padding:1rem;background:linear-gradient(135deg,#ffbf00,#e68600);border:none;border-radius:12px;color:#14141f;font-weight:800;cursor:pointer}.buy-gems-btn{flex:1;padding:1rem;background:linear-gradient(135deg,#9c30e8,#d9269d);border:none;border-radius:12px;color:#fff;font-weight:800;cursor:pointer}.dismiss-btn{background:transparent;border:none;color:#ffffff80;font-size:.85rem;cursor:pointer;padding:.5rem}.dismiss-btn:hover{color:#fffc}.lucky-game-overlay{position:fixed;inset:0;background:#0a0a10f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.lucky-game-modal{background:linear-gradient(180deg,#171726,#120e1b);border:1px solid hsla(275,60%,50%,.3);border-radius:24px;width:100%;max-width:450px;overflow:hidden;box-shadow:0 25px 50px -12px #541f7a80}.lucky-game-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid hsla(275,60%,50%,.15)}.lucky-game-header h2{font-size:1.5rem;font-weight:800}.lucky-game-content{padding:1.5rem}.instruction{text-align:center;margin-bottom:1rem;color:#ffffffb3}.lines-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1.5rem}.line-btn{padding:.75rem .5rem;background:#1f1f2e80;border:1px solid hsla(275,60%,50%,.2);border-radius:10px;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;position:relative;transition:all .2s}.line-btn:hover{border-color:#8c33cc;background:#8c33cc33}.line-btn.selected{background:linear-gradient(135deg,#29a32966,#3d7a1f66);border-color:#3c3}.pick-num{position:absolute;top:-6px;right:-6px;background:#2eb82e;width:20px;height:20px;border-radius:50%;font-size:.65rem;display:flex;align-items:center;justify-content:center}.selected-lines{background:#1f1f2e4d;border-radius:12px;padding:1rem;margin-bottom:1.5rem}.selected-lines h4{font-size:.9rem;margin-bottom:.75rem;color:#fffc}.empty{color:#fff6;font-size:.85rem}.picks-list{display:flex;flex-wrap:wrap;gap:.5rem}.pick{display:inline-flex;align-items:center;gap:.25rem;padding:.4rem .75rem;background:#29293d80;border-radius:8px;font-size:.8rem}.pick.jackpot{background:linear-gradient(135deg,#ffbf004d,#cc77004d);border:1px solid hsla(45,100%,50%,.4)}.jackpot-tag{font-size:.9rem}.reveal-btn{width:100%;padding:1.25rem;background:linear-gradient(135deg,#ffbf00,#e68600);border:none;border-radius:16px;color:#14141f;font-weight:800;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 20px #ffbf0066}.reveal-btn:disabled{opacity:.5;cursor:not-allowed}.revealing{text-align:center;padding:3rem 1rem}.ball-counter{font-size:4rem;margin-bottom:1rem}.result{text-align:center;padding:2rem}.result-icon{font-size:5rem;margin-bottom:1rem}.result h3{font-size:2rem;font-weight:800;margin-bottom:.5rem}.result.jackpot{background:linear-gradient(180deg,hsla(45,100%,50%,.2) 0%,transparent 100%)}.result.jackpot h3{background:linear-gradient(135deg,#fc3,#ff9500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result.win h3{color:#5cd65c}.result.loss h3{color:#ffffff80}.reward{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.result.jackpot .reward{color:#fc3}.result.win .reward{color:#5cd65c}.result-details{margin-bottom:1.5rem;color:#fff9;font-size:.9rem}.close-result-btn{padding:1rem 2rem;background:#29293d80;border:1px solid hsla(275,60%,50%,.3);border-radius:12px;color:#fff;font-weight:600;cursor:pointer}.loading{color:#fff9;font-size:1.1rem}.referral-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.referral-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:#fff}.loading-emoji{font-size:3rem;animation:spin-slow 2s linear infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.referral-loading p{margin-top:1rem;color:#fff9}.referral-modal{background:linear-gradient(145deg,#1a1a2e,#0a0a15);border-radius:24px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;padding:1.5rem;position:relative;border:1px solid rgba(255,215,0,.2);box-shadow:0 0 60px #ffd7001a,0 20px 40px #00000080}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#ffffff80;font-size:1.5rem;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn:hover{background:#ffffff1a;color:#fff}.referral-header{text-align:center;margin-bottom:1.5rem}.referral-icon{font-size:3rem;display:block;margin-bottom:.5rem}.referral-header h2{font-size:1.75rem;background:linear-gradient(135deg,gold,#ff9500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.referral-subtitle{color:#fff9;margin:.5rem 0 0;font-size:.9rem}.pass-status{background:#0000004d;border-radius:16px;padding:1rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.1)}.pass-status.active{border-color:#4caf5080;background:#4caf501a}.pass-status.inactive{border-color:#ff65654d}.pass-badge{display:flex;justify-content:space-between;align-items:center}.pass-type{font-weight:600;color:#4caf50;font-size:1.1rem}.pass-source{color:#ffffff80;font-size:.8rem;text-transform:capitalize}.pass-expiry{margin-top:.5rem;color:#ffffffb3;font-size:.9rem}.pass-expiry .permanent{color:gold}.no-pass{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:#ffffffb3}.lock-icon{font-size:1.5rem}.no-pass .hint{color:#ffd700cc;font-size:.85rem}.share-section{margin-bottom:1.5rem}.share-section label{display:block;color:#fff9;font-size:.85rem;margin-bottom:.5rem}.code-display{display:flex;gap:.5rem;margin-bottom:.75rem}.code-display .code{flex:1;background:#ffd7001a;border:2px dashed rgba(255,215,0,.4);border-radius:12px;padding:.75rem 1rem;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;color:gold;letter-spacing:2px;text-align:center}.copy-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:0 1rem;color:#fff;cursor:pointer;transition:all .2s;white-space:nowrap}.copy-btn:hover{background:#fff3}.copy-btn.copied{background:#4caf504d;border-color:#4caf50;color:#4caf50}.share-btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;padding:.875rem;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #667eea66}.referral-stats{display:flex;gap:.5rem;margin-bottom:1.5rem}.stat{flex:1;background:#ffffff0d;border-radius:12px;padding:.75rem;text-align:center}.stat.highlight{background:#ffd7001a;border:1px solid rgba(255,215,0,.2)}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:#fff}.stat.highlight .stat-number{color:gold}.stat-label{color:#ffffff80;font-size:.75rem}.how-it-works{background:#ffffff08;border-radius:16px;padding:1rem;margin-bottom:1.5rem}.how-it-works h3{font-size:.9rem;color:#ffffffb3;margin:0 0 .75rem;text-align:center}.steps{display:flex;flex-direction:column;gap:.5rem}.step{display:flex;align-items:center;gap:.75rem;color:#fffc;font-size:.9rem}.step-num{width:24px;height:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.referrals-list{margin-top:1rem}.referrals-list h3{font-size:.9rem;color:#fff9;margin:0 0 .75rem}.referral-item{display:flex;align-items:center;gap:.75rem;background:#ffffff0d;border-radius:12px;padding:.75rem;margin-bottom:.5rem}.referral-item.rewarded{border-left:3px solid #4caf50}.referral-item.pending{border-left:3px solid #ff9800}.ref-avatar{font-size:1.5rem}.ref-info{flex:1;display:flex;flex-direction:column;gap:.1rem}.ref-name{color:#fff;font-weight:500}.ref-level{color:#ffffff80;font-size:.8rem}.ref-status{text-align:right}.progress-ring{display:flex;flex-direction:column;align-items:center;background:#ff980033;padding:.35rem .75rem;border-radius:8px}.progress-ring span:first-child{font-weight:700;color:#ff9800}.games-label{font-size:.65rem;color:#ffffff80}.status-badge{padding:.35rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500}.status-badge.rewarded{background:#4caf5033;color:#4caf50}.status-badge.activated{background:#2196f333;color:#2196f3}.gate-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.gate-modal{background:linear-gradient(145deg,#1e1e2f,#0d0d18);border-radius:24px;width:100%;max-width:400px;padding:1.5rem;position:relative;border:1px solid rgba(255,215,0,.15);box-shadow:0 0 80px #ffd70014,0 20px 60px #0009}.gate-header{text-align:center;margin-bottom:1.5rem}.gate-icon{font-size:3rem;display:block;margin-bottom:.75rem;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.gate-header h2{font-size:1.5rem;color:#fff;margin:0 0 .5rem}.gate-header p{color:#fff9;margin:0;font-size:.9rem}.gate-options{margin-bottom:1.5rem}.gate-option{border-radius:16px;padding:1.25rem;position:relative}.referral-option{background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid rgba(102,126,234,.3);margin-bottom:1rem}.purchase-option{background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.option-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);padding:.25rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.option-content{text-align:center;margin-bottom:1rem}.option-icon{font-size:2rem;display:block;margin-bottom:.5rem}.option-content h3{color:#fff;margin:0 0 .25rem;font-size:1.1rem}.option-content p{color:#fff9;margin:0;font-size:.85rem}.benefits{list-style:none;padding:0;margin:.75rem 0 0;text-align:left}.benefits li{color:#fffc;font-size:.85rem;padding:.25rem 0}.benefits li:before{color:#4caf50}.option-btn{width:100%;padding:.875rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.option-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 20px #667eea4d}.option-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #667eea80}.option-btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.option-btn.secondary:hover{background:#ffffff26}.option-divider{display:flex;align-items:center;gap:1rem;margin:1rem 0}.option-divider:before,.option-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.option-divider span{color:#fff6;font-size:.8rem;font-weight:500}.social-proof{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#ff98001a;border-radius:12px;margin-bottom:1rem}.proof-icon{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.social-proof span:last-child{color:#fffc;font-size:.85rem}.back-btn{width:100%;padding:.75rem;border:none;background:transparent;color:#fff6;font-size:.9rem;cursor:pointer;transition:color .2s}.back-btn:hover{color:#fff9}.lobby-screen{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f0f1a,#1c1221,#0b0b13);color:#fff}.lobby-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#14141fcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid hsla(255,50%,70%,.1)}.logo{display:flex;align-items:center;gap:.5rem}.logo span{font-size:1.5rem}.logo h1{font-size:1.25rem;font-weight:800;letter-spacing:1px;margin:0;background:linear-gradient(135deg,#fff,#a747eb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{font-size:1.75rem}.user-details{display:flex;flex-direction:column;gap:.25rem;min-width:150px}.user-top-row{display:flex;justify-content:space-between;align-items:center}.user-name{font-weight:700;font-size:.95rem;color:#fff}.user-level{font-size:.75rem;font-weight:800;padding:2px 6px;background:linear-gradient(135deg,#ffbf00,#f49d25);color:#14141f;border-radius:4px;text-transform:uppercase}.xp-bar-container{width:100%;height:6px;background:#2e2e38cc;border-radius:3px;overflow:hidden;position:relative}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#a747eb,#d9269d);transition:width .5s cubic-bezier(.4,0,.2,1)}.xp-text{position:absolute;right:0;top:-12px;font-size:.65rem;color:#8f8fa3;font-weight:600}.currency-info{display:flex;justify-content:space-between;font-size:.8rem;font-weight:600}.user-coins{color:#fc3}.user-streak{color:#f56b3d}.claim-reward-btn{padding:4px 10px;background:linear-gradient(135deg,#ffbf00,#f49d25);color:#14141f;border:none;border-radius:6px;font-size:.75rem;font-weight:800;cursor:pointer;box-shadow:0 0 15px #ffbf004d}.anim-bounce{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.btn-icon{width:36px;height:36px;font-size:1.25rem;background:#2b2b3bcc;border:1px solid hsla(255,50%,70%,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:#363649e6;border-color:#dd3c3c}.lobby-content{flex:1;padding:1.5rem;max-width:800px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:2rem}.quick-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:stretch}.quick-actions>.btn{flex-shrink:0}.join-code-box{display:flex;gap:.5rem;width:auto}.code-input{width:170px;padding:.75rem 1rem;font-size:1rem;font-family:monospace;font-weight:700;letter-spacing:3px;text-align:center;text-transform:uppercase;background:#272735e6;border:2px solid hsla(255,50%,70%,.15);border-radius:12px;color:#fff;outline:none}.code-input::placeholder{letter-spacing:0;font-size:.9rem}.code-input:focus{border-color:#9c30e8}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ffbf0066}.rooms-section h2,.leaderboard-section h2{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:#c7c7d1}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.empty-state{grid-column:1 / -1;text-align:center;padding:2rem;color:#73738c}.empty-state .hint{margin-top:.5rem;font-size:.85rem}.room-card{padding:1.25rem;background:#21212ccc;border:1px solid hsla(255,50%,70%,.1);border-radius:16px;display:flex;flex-direction:column;gap:.75rem;transition:all .2s ease}.room-card:hover{border-color:#9c30e8;transform:translateY(-2px)}.room-header{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.room-header-top{display:flex;align-items:center;gap:.5rem;width:100%}.room-mode{font-size:1.1rem;flex-shrink:0}.room-card.playing{border-color:#9c30e866}.status-badge{font-size:.55rem;font-weight:900;padding:2px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;margin-left:auto;flex-shrink:0;white-space:nowrap}.status-badge.playing{background:linear-gradient(135deg,#e83030,#f2460d);color:#fff;animation:pulse-live 1.5s infinite}.status-badge.boss{background:linear-gradient(135deg,#a219e6,#cf1791);color:#fff;animation:pulse-boss 1s infinite;font-size:.6rem}.status-badge.waiting{background:#ffbf0026;color:#fc3;border:1px solid hsla(45,100%,50%,.3)}.status-badge.filling{background:linear-gradient(135deg,#ff8000,#f20d0d);color:#fff;animation:pulse-urgent .8s infinite}.status-badge.new{background:#26d9d926;color:#52e0e0;border:1px solid hsla(180,70%,50%,.3)}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes pulse-boss{0%,to{box-shadow:0 0 #a219e666}50%{box-shadow:0 0 10px 2px #a219e699}}@keyframes pulse-urgent{0%,to{opacity:1}50%{opacity:.7}}.room-card.boss-room{border-color:#a219e666;background:linear-gradient(180deg,#3c194dcc,#21212ccc)}.room-stakes{display:flex;gap:.5rem;padding:.5rem 0;border-top:1px solid hsla(255,50%,70%,.1)}.stake-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem}.stake-label{font-size:.6rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.stake-value{font-size:.85rem;font-weight:700;color:#fff}.stake-value.prize-amount{color:#fc3}.stake-item.free{justify-content:center}.free-badge{font-size:.75rem;font-weight:600;color:#3cdd3c}.pulse-glow{animation:btn-pulse 2s infinite}@keyframes btn-pulse{0%,to{box-shadow:0 0 #9c30e866}50%{box-shadow:0 0 15px 3px #9c30e899}}.room-name{font-weight:700;font-size:.95rem;line-height:1.2;color:#fff;word-break:break-word}.room-info{display:flex;gap:.75rem;font-size:.8rem;color:#8f8fa3}.btn-secondary:hover{background:#363649f2;border-color:#9c30e8}.leaderboard-list{display:flex;flex-direction:column;gap:.5rem}.leaderboard-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#21212c99;border-radius:12px}.rank{font-size:1rem;min-width:30px}.player-avatar{font-size:1.25rem}.player-name{flex:1;font-weight:500}.player-trend{display:flex;align-items:center;padding:0 .5rem}.player-trend .sparkline{opacity:.9}.player-stats{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;min-width:60px}.player-wins{font-size:.85rem;color:#26d971;font-weight:600}.player-winrate{font-size:.7rem;font-weight:700;padding:1px 5px;border-radius:4px}.player-winrate.good{background:#26d97126;color:#3cdd7f}.player-winrate.low{background:#d9262626;color:#e05252}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.modal{width:100%;max-width:420px;padding:1.5rem;background:#181825fa;border:1px solid hsla(255,50%,70%,.15);border-radius:20px}.modal h2{font-size:1.25rem;margin-bottom:1.5rem;text-align:center}.modal .form-group{margin-bottom:1.25rem}.modal .form-group label{display:block;font-size:.8rem;font-weight:600;color:#ababba;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.modal input{width:100%;padding:.875rem 1rem;font-size:1rem;font-family:inherit;background:#272735e6;border:2px solid hsla(255,50%,70%,.15);border-radius:10px;color:#fff;outline:none}.modal input:focus{border-color:#9c30e8}.buyin-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.buyin-btn{flex:1;min-width:80px;padding:.75rem;font-family:inherit;font-size:.85rem;font-weight:600;text-transform:capitalize;background:#272735e6;border:2px solid hsla(255,50%,70%,.15);border-radius:10px;color:#fff;cursor:pointer;transition:all .2s ease}.mode-btn:hover,.buyin-btn:hover{border-color:#9c30e8}.mode-btn.active,.buyin-btn.active{background:linear-gradient(135deg,#9c30e8,#d9269d);border-color:transparent}.room-create-modal{max-width:500px}.modal-scroll-area{max-height:50vh;overflow-y:auto;padding-right:.5rem;margin-bottom:1rem}.mode-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.mode-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem}.mode-btn .m-icon{font-size:1.5rem}.mode-btn .m-label{font-size:.8rem;font-weight:700;text-transform:uppercase}.mode-description{margin-top:.75rem;padding:.75rem;background:#21212c99;border-radius:8px;font-size:.85rem;color:#b9b9c6;line-height:1.4;border-left:3px solid hsl(275,80%,55%)}.buyin-hint{margin-top:.5rem;font-size:.8rem;color:#ffd24d;font-weight:500}.powerup-info-box{margin-top:1.5rem;padding:1rem;background:#3a0a5c33;border:1px solid hsla(275,80%,50%,.2);border-radius:12px}.powerup-info-box label{color:#bd75f0!important;font-size:.75rem!important}.p-list-mini{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.p-list-mini span{font-size:.75rem;font-weight:700;padding:4px 8px;background:#2b2b3bcc;border-radius:6px;color:#fff}.powerup-info-box p{font-size:.75rem;color:#8f8fa3;margin:0}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.modal-actions .btn{flex:1}@media(max-width:480px){.lobby-header{flex-wrap:wrap;gap:1rem}.quick-actions{flex-direction:column;gap:.75rem}.join-code-box{flex-direction:row;width:100%}.join-code-box .code-input{font-size:1rem;padding:.75rem;letter-spacing:2px}.join-code-box .btn{white-space:nowrap;padding:.75rem 1rem}.quick-actions>.btn{width:100%}}.btn-shop{background:linear-gradient(135deg,#ffbf00,#e68600)!important;color:#14141f!important;box-shadow:0 4px 15px #ffbf0066}.btn-shop:hover{box-shadow:0 6px 20px #ffbf0099}.btn-referral{background:linear-gradient(135deg,#713cdd,#b233cc)!important;color:#fff!important;box-shadow:0 4px 15px #713cdd66}.btn-referral:hover{box-shadow:0 6px 20px #713cdd99}.walking-animals-container{position:fixed;bottom:60px;left:0;right:0;height:40px;pointer-events:none;z-index:80;overflow:hidden}.walking-animal{position:absolute;animation:walk-across 60s linear infinite;bottom:0}.animal-sprite{font-size:1.8rem;display:inline-block;animation:bounce-walk .4s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes bounce-walk{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}.animal-gif{height:50px;width:auto;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes walk-across{0%{left:-80px;transform:scaleX(1)}49%{left:calc(100% + 80px);transform:scaleX(1)}50%{left:calc(100% + 80px);transform:scaleX(-1)}99%{left:-80px;transform:scaleX(-1)}to{left:-80px;transform:scaleX(1)}}.farm-bar-minimal{position:fixed;bottom:0;left:0;right:0;z-index:90;background:linear-gradient(180deg,#1c2815f2,#121b0efa);border-top:1px solid hsla(80,50%,40%,.3);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.farm-bar-minimal:hover{background:#293e1ef2;padding-bottom:12px}.crop-icons{display:flex;gap:6px;align-items:center}.crop-icon{font-size:1.4rem;opacity:.7;transition:all .2s ease}.crop-icon.ready{opacity:1;animation:pulse-ready .8s infinite alternate}.ready-count{font-size:.75rem;color:#b1e052;font-weight:700;margin-left:4px}.farm-hint{font-size:1.2rem;opacity:.6}.expand-hint{font-size:.7rem;color:#ffffff80;animation:float-hint 1.5s ease-in-out infinite}@keyframes float-hint{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.bingo-farm-collapsed{display:none}.farm-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}.farm-bar-left{display:flex;align-items:center;gap:10px}.farm-icon{font-size:1.5rem}.farm-level-sm{background:#4a6020;color:#d8f0a8;padding:4px 10px;border-radius:8px;font-size:.8rem;font-weight:700}.income-badge-sm{background:#265973;color:#a3daf5;padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:600}.income-badge{background:#265973;color:#bae3f7;padding:4px 10px;border-radius:8px;font-size:.85rem;font-weight:600}.farm-preview{flex:1;display:flex;justify-content:center}.preview-crop{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#2a321bcc;border-radius:12px}.preview-crop.ready{background:#3c4d19e6;animation:pulse-ready 1s infinite alternate}@keyframes pulse-ready{0%{box-shadow:0 0 5px #9dd92666}to{box-shadow:0 0 15px #9dd92699}}.preview-emoji{font-size:1.8rem}.preview-bar{width:80px;height:8px;background:#0006;border-radius:4px;overflow:hidden}.preview-fill{height:100%;background:linear-gradient(90deg,#7aa329,#3c3);transition:width .5s ease}.preview-pct{font-size:.85rem;color:#bfd98c;font-weight:600}.preview-status.ready{color:#bbe467;font-weight:700;font-size:.9rem}.preview-empty{color:#ffffff80;font-size:.9rem}.farm-bar-right{display:flex;align-items:center;gap:10px}.ready-badge-sm{background:#6b8f24;color:#fff;padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:700}.egg-badge-sm{background:#86682d;color:#f7e3ba;padding:4px 8px;border-radius:8px;font-size:.75rem}.expand-arrow{color:#ac6;font-size:1rem}.farm-fullscreen{position:fixed;inset:0;z-index:2000;background:linear-gradient(135deg,#172112,#1d301d,#172112);overflow-y:auto;padding-bottom:40px}.farm-fs-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#121b0ee6;border-bottom:2px solid hsl(80,50%,30%);position:sticky;top:0;z-index:10}.farm-fs-title{display:flex;align-items:center;gap:12px;font-size:1.3rem;font-weight:700;color:#c2e085}.farm-level-badge{background:#4a6020;color:#d8f0a8;padding:4px 12px;border-radius:8px;font-size:.85rem}.farm-fs-stats{display:flex;gap:16px;font-size:1rem;color:#7dc4e8}.farm-fs-close{width:40px;height:40px;background:#a32929cc;border:none;border-radius:10px;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.farm-fs-close:hover{background:#d92626e6}.farm-fs-content{padding:20px;display:flex;flex-direction:column;gap:24px}.farm-fs-section{background:#21251899;border:1px solid hsla(80,30%,25%,.5);border-radius:16px;padding:20px}.farm-fs-section h3{margin:0 0 16px;color:#bfd98c;font-size:1.1rem}.crop-selector-large{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.crop-option-large{display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:#292e1fcc;border:2px solid hsla(80,30%,30%,.5);border-radius:12px;cursor:pointer;transition:all .2s ease}.crop-option-large:hover{background:#384224e6;transform:translateY(-2px)}.crop-option-large.selected{border-color:#9c3;background:#3a471fe6;box-shadow:0 0 12px #9c36}.crop-emoji-lg{font-size:2rem;margin-bottom:4px}.crop-name{font-size:.8rem;font-weight:600;color:#fff}.crop-info{font-size:.65rem;color:#ffffff80}.farm-grid-large{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;margin-bottom:16px}.farm-plot-large{aspect-ratio:1;background:linear-gradient(135deg,#47331f,#342419);border:2px solid hsl(30,30%,25%);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:8px}.farm-plot-large:hover{transform:scale(1.05);border-color:#793}.farm-plot-large.empty{background:linear-gradient(135deg,#3c2e20,#261d17);border-style:dashed}.farm-plot-large.ready{border-color:#9dd926;box-shadow:0 0 15px #9dd92680}.empty-plot-lg{color:#8ca659;font-size:.9rem}.plot-progress-lg{width:90%;height:6px;background:#0006;border-radius:3px;margin-top:6px;overflow:hidden}.plot-progress-fill-lg{height:100%;background:linear-gradient(90deg,#7aa329,#3c3)}.plot-status{font-size:.7rem;color:#ffffffb3;margin-top:4px}.harvest-btn-large{width:100%;padding:14px;background:linear-gradient(135deg,#6b8f24,#407326);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease}.harvest-btn-large:hover:not(:disabled){filter:brightness(1.1)}.harvest-btn-large:disabled{opacity:.5;cursor:not-allowed}.animals-grid-large{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;margin-bottom:16px}.animal-card{display:flex;flex-direction:column;align-items:center;padding:12px;background:#3c2e20cc;border:2px solid hsla(30,40%,30%,.5);border-radius:12px}.animal-emoji-lg{font-size:2.5rem}.animal-count{font-size:1rem;font-weight:700;color:#fff;margin:4px 0}.butcher-btn{padding:6px 10px;background:linear-gradient(135deg,#862d2d,#6b2e2e);border:none;border-radius:8px;color:#fff;font-size:.75rem;cursor:pointer;transition:all .2s ease}.butcher-btn:hover{background:linear-gradient(135deg,#a32929,#862d2d)}.collect-btn-large{width:100%;padding:12px;background:linear-gradient(135deg,#8f5924,#735926);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:.95rem;cursor:pointer}.collect-btn{padding:10px 20px;background:linear-gradient(135deg,#8f5924,#735926);border:none;border-radius:10px;color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;margin-top:12px;transition:all .2s ease}.collect-btn:hover:not(:disabled){filter:brightness(1.15);transform:scale(1.02)}.collect-btn:disabled{opacity:.5;cursor:not-allowed}.animal-progress-container{margin-top:12px;display:flex;flex-direction:column;gap:6px}.animal-progress-bar{width:100%;height:10px;background:#0006;border-radius:5px;overflow:hidden}.animal-progress-fill{height:100%;background:linear-gradient(90deg,#b8732e,#ddb43c);transition:width .5s ease}.animal-progress-text{font-size:.8rem;color:#d9b38c;text-align:center}.no-items{color:#fff6;font-style:italic;font-size:.9rem}.eggs-grid-large{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.egg-item-lg{width:55px;height:55px;background:#423824cc;border:2px solid hsla(40,40%,30%,.6);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;position:relative;transition:all .2s ease}.egg-item-lg:hover{transform:scale(1.1)}.egg-item-lg.nurturing{background:#604020cc;border-color:#a36629}.egg-item-lg.ready{border-color:#9dd926;animation:egg-glow .8s infinite alternate}@keyframes egg-glow{0%{box-shadow:0 0 5px #9dd92680}to{box-shadow:0 0 15px #9dd926cc}}.egg-timer-lg{position:absolute;bottom:2px;font-size:.55rem;color:#fff}.egg-hatch{position:absolute;top:-6px;right:-6px;font-size:.9rem}.egg-actions-lg,.goods-grid-large{display:flex;gap:12px;flex-wrap:wrap}.good-btn{padding:12px 18px;background:#384224cc;border:2px solid hsla(80,40%,35%,.5);border-radius:12px;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s ease}.good-btn:hover{border-color:#9c3;transform:scale(1.02)}.farm-shop-btn-large{padding:16px;background:linear-gradient(135deg,#8a2eb8,#937);border:none;border-radius:14px;color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;box-shadow:0 4px 20px #5c1f7a66}.action-btn{padding:10px 18px;border:none;border-radius:10px;color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s ease}.action-btn.sell{background:linear-gradient(135deg,#ad8a1f,#8f6224)}.action-btn.hatch{background:linear-gradient(135deg,#6b8f24,#407326)}.action-btn:hover{filter:brightness(1.1);transform:scale(1.02)}.farm-shop-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.farm-shop-modal{background:linear-gradient(135deg,#1c2815,#1d301d);border:2px solid hsl(80,50%,35%);border-radius:20px;width:100%;max-width:550px;max-height:80vh;overflow-y:auto}.shop-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid hsla(80,30%,30%,.5);position:sticky;top:0;background:#172112f2}.shop-header h2{margin:0;font-size:1.4rem;color:#c2e085}.shop-close{width:36px;height:36px;background:#a32929cc;border:none;border-radius:8px;color:#fff;font-size:1.1rem;cursor:pointer}.shop-tabs{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid hsla(80,30%,30%,.3);overflow-x:auto}.shop-tab{padding:10px 14px;background:#292e1f99;border:2px solid hsla(80,30%,30%,.5);border-radius:10px;color:#a7c270;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.shop-tab.active{background:#485926e6;border-color:#86ac39;color:#d8f0a8}.shop-content{padding:20px}.shop-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.shop-item-card{display:flex;flex-direction:column;align-items:center;padding:16px 10px;background:#292e1fcc;border:2px solid hsla(80,30%,30%,.5);border-radius:14px;cursor:pointer;transition:all .2s ease;text-align:center}.shop-item-card:hover{background:#384224e6;border-color:#86ac39;transform:translateY(-3px)}.item-emoji{font-size:2rem;margin-bottom:6px}.item-name{font-weight:700;color:#fff;font-size:.85rem;margin-bottom:4px}.item-desc{font-size:.65rem;color:#ffffff80;line-height:1.3;margin-bottom:8px}.item-cost{background:linear-gradient(135deg,#daa60b,#b87414);padding:5px 12px;border-radius:8px;font-weight:700;font-size:.8rem;color:#fff}.shop-item-card.selected{border-color:#269dd9;background:#1f3a47e6;box-shadow:0 0 15px #269dd966}.shop-tip{margin:0 0 16px;padding:10px 14px;background:#1f3a4780;border-left:3px solid hsl(200,60%,50%);border-radius:0 8px 8px 0;color:#93ceec;font-size:.85rem}.item-details{margin-top:20px;padding:16px;background:#2a321bcc;border:2px solid hsla(80,40%,35%,.6);border-radius:12px}.item-details h4{margin:0 0 12px;color:#c2e085;font-size:1.1rem}.item-details-text{margin:0 0 16px;font-family:inherit;white-space:pre-wrap;color:#fffc;font-size:.85rem;line-height:1.6;background:#0003;padding:12px;border-radius:8px}.buy-btn{width:100%;padding:14px;background:linear-gradient(135deg,#8a2eb8,#937);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease}.buy-btn:hover{filter:brightness(1.1);transform:scale(1.02)}.synergy-tip{margin:12px 0 0;padding:8px 12px;background:#1f3a4780;border-radius:8px;color:#93ceec;font-size:.8rem}.crop-yield{font-size:.7rem;color:#edd55e;font-weight:700}.bounce{animation:bounce-anim .5s ease-in-out infinite}@keyframes bounce-anim{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.crop-time{font-size:.65rem;color:#fff9}.crop-rate{font-size:.6rem;color:#5cd65c;font-weight:600}.section-tip{margin:0 0 12px;padding:8px 12px;background:#1f3a4766;border-radius:8px;color:#85c2e0;font-size:.8rem}.synergy-active{margin:12px 0 0;padding:8px 12px;background:#1f471f80;border-radius:8px;color:#7de87d;font-size:.85rem;font-weight:600}.animal-rate{font-size:.7rem;color:#7dc4e8;margin:4px 0}.item-production{font-size:.7rem;color:#70db70;margin-bottom:4px}.item-roi{font-size:.65rem;color:#70b8db;margin-bottom:6px}.item-uses{font-size:.65rem;color:#bf8cd9;margin-bottom:6px}.item-permanent{font-size:.65rem;color:#ebcf47;font-weight:700;margin-bottom:6px}.roi-calc{margin:0 0 16px;padding:12px;background:#1b2a32cc;border-radius:8px;font-size:.85rem;line-height:1.6;color:#ffffffd9}.roi-calc strong{color:#7dc4e8}.roi-calc em{color:#70db70}.eggs-section{margin-top:16px;padding-top:16px;border-top:1px solid hsla(80,30%,30%,.3)}@media(max-width:768px){.farm-fs-content{padding:16px}.crop-selector-large{grid-template-columns:repeat(3,1fr)}.farm-grid-large{grid-template-columns:repeat(4,1fr)}.animals-grid-large,.shop-items-grid{grid-template-columns:repeat(2,1fr)}.crop-rate{display:none}}.animals-compact{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.animals-compact span{background:#24384299;padding:6px 12px;border-radius:8px;font-size:1rem}.goods-compact{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.goods-compact button{background:#595126b3;border:1px solid hsla(50,50%,40%,.4);padding:8px 14px;border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer}.goods-compact button:hover{background:#6f632acc}.eggs-compact{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px;background:#42382480;border-radius:8px}.eggs-compact button{background:#2e6b2eb3;border:none;padding:6px 12px;border-radius:6px;color:#fff;font-size:.8rem;cursor:pointer}.collect-btn{background:linear-gradient(135deg,#297aa3,#2d4a86);border:none;padding:10px 20px;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;margin-top:10px}.farm-shop-btn{width:100%;margin-top:20px;padding:14px;background:linear-gradient(135deg,#739,#813167);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer}.farm-inventory{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;padding:10px 14px;background:#323c20b3;border-radius:10px;border:1px solid hsla(80,40%,30%,.4)}.farm-inventory span{background:#485926cc;padding:6px 12px;border-radius:8px;font-size:.95rem;color:#d6ebad;font-weight:600}.farm-plot-large.selected{border-color:#3ca7dd;box-shadow:0 0 20px #269dd999;z-index:10}.fertilized-badge{position:absolute;top:4px;right:4px;font-size:.75rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.plot-actions{position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:100;display:flex;gap:6px;padding:8px;background:#1a1a1af2;border:1px solid hsla(80,50%,40%,.6);border-radius:10px;margin-top:6px;box-shadow:0 4px 20px #00000080}.plot-actions button{padding:8px 12px;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease;background:#576b2ee6;color:#fff}.plot-actions button:hover{transform:scale(1.05);filter:brightness(1.2)}.plot-actions button:last-child{background:#933c}.plot-actions button:last-child:hover{background:#b82e2ee6}.farm-plot-large{position:relative}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#0f0f1a;color:#fff;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#21212c80;border-radius:3px}::-webkit-scrollbar-thumb{background:#8c33cc80;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a35cd6b3}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#9c30e8,#d9269d);color:#fff;box-shadow:0 4px 16px #9c30e859}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #9c30e873}.btn-secondary{background:#2b2b3be6;color:#fff;border:1px solid hsla(255,50%,70%,.15)}.btn-secondary:hover:not(:disabled){background:#363649f2;border-color:#9c30e8}.btn-accent{background:linear-gradient(135deg,#ffbf00,#f49d25);color:#14141f;font-weight:700}.btn-accent:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #ffbf0066}.btn-large{padding:1rem 1.75rem;font-size:1.05rem}.app{min-height:100vh}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%{box-shadow:0 0 #9c30e880}to{box-shadow:0 0 0 15px #9c30e800}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}