*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#1a1a2e;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#game-container{position:relative;width:100vw;height:100vh}#game-canvas{display:block;width:100%;height:100%;touch-action:none}#hud{position:absolute;top:10px;left:0;right:0;display:flex;justify-content:space-between;padding:10px 20px;pointer-events:none;z-index:10}#hud div{background:#0009;color:#fff;padding:8px 16px;border-radius:20px;font-size:16px}#count-display{background:#0096ffd9!important;font-size:22px!important;font-weight:700;padding:10px 22px!important;border-radius:25px!important;box-shadow:0 4px 15px #0096ff66;border:2px solid rgba(255,255,255,.3);min-width:80px;text-align:center}.screen{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000000d9;z-index:100;gap:15px;touch-action:auto;overflow-y:auto;padding:20px}.screen.hidden{display:none}.screen h1{color:#00d4ff;font-size:48px;text-shadow:0 0 20px #00d4ff;letter-spacing:4px}.screen h2{color:#fff;font-size:32px}.screen p{color:#ccc;font-size:20px}.btn{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff;border:none;padding:15px 40px;font-size:20px;font-weight:700;border-radius:30px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #00d4ff66;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}.btn:hover{transform:scale(1.05);box-shadow:0 6px 25px #00d4ff99}.btn:active{transform:scale(.95)}.btn-secondary{background:linear-gradient(135deg,#666,#444);box-shadow:0 4px 15px #0006}.btn-secondary:hover{box-shadow:0 6px 25px #0009}.btn-small{padding:8px 20px;font-size:14px}.upgrade-item{display:flex;align-items:center;gap:20px;background:#ffffff1a;padding:15px 25px;border-radius:15px;color:#fff;font-size:18px;width:min(350px,100%);justify-content:space-between}.btn-defense{background:linear-gradient(135deg,#7c4dff,#3f1dcb);box-shadow:0 4px 15px #7c4dff73}.btn-defense:hover{box-shadow:0 6px 25px #7c4dffa6}#defense-level-tag{font-size:14px;font-weight:600;opacity:.85}#banner{position:absolute;top:22%;left:0;right:0;text-align:center;font-size:clamp(28px,8vw,54px);font-weight:900;letter-spacing:2px;text-shadow:0 3px 0 rgba(0,0,0,.55),0 0 18px rgba(0,0,0,.35);pointer-events:none;z-index:40;opacity:0;padding:0 16px}#banner.show{animation:bannerPop 1.6s ease-out forwards}@keyframes bannerPop{0%{opacity:0;transform:scale(.6)}15%{opacity:1;transform:scale(1.08)}25%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-20px)}}@media(max-width:480px){#hud{padding:8px 10px;gap:6px}#hud div{font-size:13px;padding:6px 10px}#count-display{font-size:18px!important;padding:6px 14px!important;min-width:64px}.screen h1{font-size:36px}}#win-coins{color:gold;font-size:28px;font-weight:700}#win-upgrades{display:flex;flex-direction:column;gap:10px;margin:15px 0}.shop-coins{color:gold;font-size:20px;font-weight:700;margin:5px 0 10px}.shop-tabs{display:flex;gap:10px;margin-bottom:15px}.shop-tab{padding:8px 20px;border:none;border-radius:20px;background:#ffffff26;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.shop-tab.active{background:#00c8ff99;box-shadow:0 2px 10px #00c8ff4d}.shop-panel{max-height:300px;overflow-y:auto;width:100%;max-width:400px}.shop-panel.hidden{display:none}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:5px}.shop-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 8px;border-radius:12px;background:#ffffff1a;border:2px solid transparent;cursor:pointer;transition:all .2s}.shop-item:hover{background:#fff3;transform:scale(1.05)}.shop-item.owned{border-color:#00c86480}.shop-item.equipped{border-color:#00d4ff;background:#00d4ff26;box-shadow:0 0 10px #00d4ff4d}.shop-item .skin-preview{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.shop-item .theme-preview{width:60px;height:40px;border-radius:8px;border:2px solid rgba(255,255,255,.3)}.shop-item .item-name{color:#fff;font-size:11px;text-align:center}.shop-item .item-price{font-size:12px;color:gold;font-weight:700}.shop-item .item-price.free{color:#4caf50}.shop-item .item-price.owned-label{color:#aaa}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-80%) scale(1.2)}to{opacity:0;transform:translate(-50%,-120%) scale(1)}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.screen h1{animation:pulse 2s ease-in-out infinite}.screen .btn{animation:slideInUp .5s ease backwards}.screen .btn:nth-child(2){animation-delay:.1s}.screen .btn:nth-child(3){animation-delay:.2s}#game-canvas{transition:transform .05s ease}