body{font-family:Goldman,sans-serif;background-image:url(/assets/bg-C9FY2M-z.png);background-position:center;background-size:cover;background-attachment:fixed;color:#fff;margin:0;padding:0;font-weight:400;font-style:normal}.navbar{background:linear-gradient(90deg,#0d0d2b,#1a1a40);border-bottom:2px solid #4facfe;box-shadow:0 0 15px #4facfe80;font-family:Goldman,sans-serif;font-weight:400;font-style:normal;height:70px}.navbar-brand{font-size:1.5rem;font-weight:700;color:#4facfe!important;text-shadow:0 0 8px rgba(79,172,254,.8);letter-spacing:1px}.hud-pill{background:#ffffff0d;border:1px solid rgba(79,172,254,.6);padding:6px 14px;border-radius:25px;font-size:.95rem;color:#e0e0e0;font-weight:600;box-shadow:0 0 8px #4facfe66;transition:transform .2s ease,box-shadow .2s ease}.hud-pill:hover{transform:scale(1.08);box-shadow:0 0 15px #4facfecc;cursor:default}.hud-pill span{color:#4facfe;font-weight:700;text-shadow:0 0 6px rgba(79,172,254,.9)}#gameCanvas{border:8px solid #3E3054;max-width:100%;height:auto;display:block}.list-group-item{color:#000;background-color:#d0d0ce}.panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:#0f0f2df2;border:2px solid #00f0ff;border-radius:12px;padding:20px 30px;max-width:400px;width:90%;text-align:center;box-shadow:0 0 20px #00f0ff;z-index:1000;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none}.panel.active{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.panel h3{color:#00f0ff;margin-bottom:15px}.panel p,.panel li{color:#ddd}.panel .btn{margin-top:10px}.card{background-color:#161a26;border:2px solid #4facfe;border-radius:12px;box-shadow:0 0 15px #4facfe99;color:#fff;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:scale(1.03);box-shadow:0 0 25px #4facfee6}.card-header{font-weight:700;font-size:1.1rem;text-shadow:0 0 6px #4facfe;background:linear-gradient(90deg,#0d0d2b,#1a1a40);border-bottom:2px solid #4facfe;border-radius:10px 10px 0 0;padding:.5rem 1rem}.card-body{font-size:1rem;padding:.8rem 1rem;color:#fff;text-align:center}#prevScore{font-size:1.5rem;font-weight:700;color:#4facfe;text-shadow:0 0 8px #4facfe,0 0 12px rgba(79,172,254,.6)}#sidebarLeaderboard .list-group-item{background-color:#d0d0ce33;color:#fff;border:none;padding:.5rem .8rem;font-weight:600;text-shadow:0 0 4px rgba(0,0,0,.6);transition:transform .2s ease,box-shadow .2s ease}#sidebarLeaderboard .list-group-item:hover{transform:scale(1.05);box-shadow:0 0 12px #4facfecc}@media (max-width: 1200px){.col-lg-4{flex:0 0 100%!important;max-width:100%!important;order:3!important;margin-top:1rem}.col-lg-8{flex:0 0 100%!important;max-width:100%!important}}@media (max-width: 992px){.canvas-wrap{max-width:100%;display:flex;justify-content:center}#gameCanvas{width:100%!important;height:auto!important;max-width:1000px;border-width:3px}.hud-pill{font-size:.75rem;padding:3px 6px}#boosterBtn,#shieldBtn,#pauseBtn,#exitBtn{margin-top:10px;width:30%;margin-bottom:.5rem}.col-lg-4{order:3!important;margin-top:1rem}.card{font-size:.85rem}.panel{max-width:95%;padding:12px 15px}}@media (max-width: 768px){.hud-pill{font-size:.7rem;padding:2px 6px}#gameCanvas{width:100%!important;height:auto!important;border:8px solid #3E3054;border-radius:8px;display:block}.card{font-size:.85rem;margin:0}.panel{max-width:95%;padding:12px 15px}#levelPopup.popup-message-mobile{font-size:1rem!important;padding:.5rem 1rem!important}}@media (max-width: 576px){.hud-pill{font-size:.65rem;padding:2px 4px}.card{font-size:.8rem}.panel{padding:10px 12px}#gameCanvas{border-width:2px}.navbar-brand{font-size:1rem}}.gameover-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/assets/bg-C9FY2M-z.png);background-position:center;background-size:cover;background-attachment:fixed;display:flex;justify-content:center;align-items:center;z-index:3000}.gameover-card{border:2px solid #4facfe;background:#161a26;transform:scale(1.05);box-shadow:0 12px 12px #4facfecc;max-width:400px;width:90%;border-radius:1rem;padding:2rem;animation:popupFade .3s ease}@keyframes popupFade{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080!important;z-index:99999!important;justify-content:center;align-items:center}.modal-card{background:#0f0f2df2;border:2px solid #00f0ff;border-radius:12px;padding:20px 30px;max-width:400px;width:90%;text-align:center;box-shadow:0 0 20px #00f0ff;z-index:1000}.modal-btn{padding:10px 20px;border-radius:8px;margin:10px;font-weight:700;cursor:pointer;border:none;font-size:14px}.disconnect-btn{background-color:#4facfedc;color:#000;transition:transform .3s ease-in-out}.disconnect-btn:hover{transform:scale(1.05);background:#4facfe}.cancel-btn{background-color:#ffca2cd5;color:#000;transition:transform .3s ease-in-out}.cancel-btn:hover{transform:scale(1.05);background:#ffca2c}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d0d0dd9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3000}.spinner-border{width:3rem;height:3rem}.swipe-guide{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);z-index:3000;display:none;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .6s ease}.swipe-guide.show{display:flex;opacity:1}.swipe-icons i{font-size:3rem;color:#fff;animation:pulse 1.2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.swipe-text{margin-top:.5rem;color:#fff;font-size:.95rem;text-align:center}.t-color{color:#ffc107}.bounce-img{display:inline-block;animation:bounce 2s infinite;height:200px;width:200px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-25px)}60%{transform:translateY(-15px)}}