.tank-main{background:radial-gradient(circle at 50% 18%,rgba(215,168,39,.08),transparent 32%),#05070b}.tank-layout{width:min(1320px,100%);margin:auto;padding:0 22px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.tank-panel,.ranking-panel{min-width:0}.tank-toolbar{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:8px;margin-bottom:10px}.tank-toolbar>div,.tank-toolbar>button{min-height:58px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#101722;color:#fff;padding:9px 12px}.tank-toolbar span{display:block;color:#8390a3;font-size:10px;font-weight:800;letter-spacing:.1em}.tank-toolbar strong{display:block;margin-top:4px;font-size:18px}.tank-toolbar button{width:58px;font-size:21px}.tank-shell{position:relative;width:100%;aspect-ratio:3/2;border:1px solid rgba(216,169,40,.35);border-radius:18px;overflow:hidden;background:#09100d;touch-action:none}.tank-shell canvas{display:block;width:100%;height:100%}.game-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:22px;background:rgba(3,5,8,.78);backdrop-filter:blur(5px)}.game-overlay[hidden]{display:none}.overlay-card{width:min(430px,100%);padding:27px;border:1px solid rgba(216,169,40,.4);border-radius:18px;background:rgba(10,15,23,.97);text-align:center;color:#fff}.tank-emblem{width:64px;height:64px;margin:0 auto 14px;display:grid;place-items:center;border:1px solid #d8a928;border-radius:50%;color:#d8a928;font-size:28px}.overlay-card h2{margin:0 0 9px}.overlay-card p{color:#9ba7b6;line-height:1.55}.overlay-card label{display:block;margin:18px 0 7px;text-align:left;color:#b7c0cb;font-size:12px}.overlay-card input{width:100%;box-sizing:border-box;border:1px solid #334052;border-radius:10px;background:#080c12;color:#fff;padding:13px;font-size:16px}.overlay-card button{width:100%;margin-top:12px;padding:13px;border:0;border-radius:10px;background:#d8a928;color:#080b10;font-weight:900}.overlay-card .secondary{background:#202a38;color:#fff}.overlay-card small{display:block;margin-top:12px;color:#788597}.result-card>strong{display:block;font-size:52px;color:#f5c547}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ranking-check-icon{display:grid;place-items:center;width:54px;height:54px;margin:auto;border-radius:50%;background:rgba(216,169,40,.15);color:#f5c547;font-size:28px}.mobile-controls{display:none}.mobile-game-info{display:none}.ranking-panel{border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#0c121b;padding:16px;color:#fff}.ranking-head{display:flex;justify-content:space-between;align-items:center}.ranking-head span{color:#d8a928;font-size:10px;font-weight:900}.ranking-head h2{margin:4px 0 0;font-size:18px}.ranking-head button{border:1px solid #303a48;background:#141c27;color:#fff;border-radius:9px;padding:8px 11px}.month-chip{display:inline-block;margin:14px 0;padding:6px 10px;border-radius:999px;background:#171f2b;color:#9ba7b7;font-size:12px}.ranking-list{list-style:none;padding:0;margin:0}.ranking-row{display:grid;grid-template-columns:38px 1fr auto;gap:8px;padding:10px 4px;border-bottom:1px solid rgba(255,255,255,.06)}.ranking-note,.ranking-status{color:#7f8b9b;font-size:12px;line-height:1.55}.current-player{outline:1px solid #d8a928;background:rgba(216,169,40,.08)}
@media(max-width:980px){.tank-layout{grid-template-columns:1fr}.ranking-panel{margin-top:16px}}
@media(max-width:620px){.tank-layout{padding:0 8px}.tank-toolbar{grid-template-columns:repeat(4,1fr) 48px;gap:4px}.tank-toolbar>div,.tank-toolbar>button{min-height:52px;padding:7px 5px;border-radius:9px}.tank-toolbar span{font-size:8px}.tank-toolbar strong{font-size:14px}.tank-toolbar button{width:48px}.tank-shell{aspect-ratio:1/1;border-radius:12px}.mobile-controls{display:flex;justify-content:space-between;align-items:center;padding:12px 8px 2px;direction:ltr;user-select:none}.dpad>button,.dpad div button,.fire-btn{border:1px solid rgba(255,255,255,.18);background:#131b26;color:#fff;touch-action:none}.dpad>button{display:block;width:64px;height:48px;margin:0 auto 5px;border-radius:12px}.dpad div{display:flex;gap:5px}.dpad div button{width:64px;height:48px;border-radius:12px}.fire-btn{width:104px;height:104px;border-radius:50%;background:rgba(216,169,40,.16);border-color:#d8a928;color:#f5c547;font-weight:900}.fire-btn span,.fire-btn small{display:block}.fire-btn small{font-size:9px;margin-top:4px}.mobile-game-info{display:block;margin:0 10px 18px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0c121b;color:#fff}.mobile-game-info h2{margin:0 0 6px;font-size:16px}.mobile-game-info p,.mobile-game-info small{color:#8f9aaa;line-height:1.5}.game-overlay{padding:12px}.overlay-card{padding:20px 16px}.overlay-card h2{font-size:20px}.overlay-card p{font-size:13px}.tank-emblem{width:48px;height:48px;font-size:22px}.result-card>strong{font-size:40px}}


/* v69 — Survival / Drone Hunter mobile UX parity */
@media(max-width:620px){
  .tank-main,.missile-main{padding-bottom:44px}
  .tank-layout,.missile-layout{padding:0 8px}
  .tank-panel,.missile-panel{padding:8px}

  .tank-shell,.missile-shell{
    width:100%;
    height:auto;
    min-height:0;
    max-height:none;
    aspect-ratio:1 / 1;
    overflow:hidden;
    border-radius:10px;
    touch-action:pan-y pinch-zoom;
    overscroll-behavior:auto;
  }
  .tank-shell canvas,.missile-shell canvas{
    width:100%;
    height:100%;
    touch-action:pan-y pinch-zoom;
  }
  .tank-shell.is-playing canvas,.missile-shell.is-playing canvas{touch-action:none}

  .game-overlay{
    place-items:start center;
    overflow-y:auto;
    overscroll-behavior:auto;
    -webkit-overflow-scrolling:touch;
    padding:18px 12px calc(22px + env(safe-area-inset-bottom));
    touch-action:pan-y;
  }
  .overlay-card{
    width:100%;
    max-width:430px;
    margin:auto 0;
    padding:22px 18px 20px;
    max-height:none;
    pointer-events:auto;
    touch-action:pan-y;
  }
  .overlay-card input{
    height:52px;
    min-height:52px;
    padding:0 14px;
    font-size:16px;
    pointer-events:auto;
    touch-action:manipulation;
  }
  .overlay-card>button,.result-actions button{
    min-height:52px;
    font-size:16px;
    pointer-events:auto;
    touch-action:manipulation;
  }

  .game-library{margin-bottom:0}
  .mobile-game-info{
    display:block;
    margin:18px 0 16px;
    padding:18px 16px;
    border:1px solid rgba(126,217,255,.22);
    border-radius:16px;
    background:rgba(13,19,29,.82);
    text-align:center;
  }
  .mobile-game-info h2{margin:0 0 8px;font-size:20px;line-height:1.3;color:#fff}
  .mobile-game-info p{margin:0;color:#aab4c2;font-size:14px;line-height:1.55}
  .mobile-game-info small{display:block;margin-top:10px;color:#7f8a98;font-size:12px;line-height:1.45}

  #startOverlay .overlay-card{
    width:calc(100% - 24px);
    max-width:390px;
    margin:auto;
    padding:20px 16px 18px;
  }
  #startOverlay .tank-emblem,
  #startOverlay .missile-emblem,
  #startOverlay h2,
  #startOverlay p,
  #startOverlay small{display:none!important}
  #startOverlay .overlay-card label{margin:0 0 8px;font-size:13px}
  #startOverlay .overlay-card input{height:50px;min-height:50px}
  #startOverlay .overlay-card>button{height:50px;min-height:50px;margin-top:10px}

  .mobile-controls{padding-bottom:calc(4px + env(safe-area-inset-bottom))}
}


/* v72 — mobile page scroll outside active gameplay */
@media(max-width:620px){
  .tank-shell,.tank-shell canvas{touch-action:pan-y pinch-zoom;overscroll-behavior:auto}
  .tank-shell.is-playing,.tank-shell.is-playing canvas{touch-action:none;overscroll-behavior:contain}
}