.stats{position:fixed;top:58px;left:0;right:0;z-index:15;display:flex;gap:6px;justify-content:center;flex-wrap:wrap;pointer-events:none}
.pill.gold{color:var(--gold)}
#sLives{color:#ff8fa6}
.panel{position:fixed;z-index:18;left:0;right:0;bottom:0;padding:8px 8px max(8px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(11,13,16,.6),rgba(11,13,16,.95));border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.shop{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}
.tw{border:1px solid #26314a;background:#121826;border-radius:12px;padding:5px 2px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:600;color:#c6d0e0;min-width:0}
.tw canvas{width:30px;height:30px}
.tw b{color:var(--gold);font-size:11px}
.tw .txt{display:flex;flex-direction:column;align-items:center;min-width:0;max-width:100%}
.tw .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:9px}
.tw.sel{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan) inset,0 0 14px rgba(0,229,255,.35);background:#16233a}
.tw.poor{opacity:.45}
.tw .k{display:none;font-size:9px;color:var(--dim)}
.ctrl{display:flex;gap:8px}
.ctrl #waveBtn{flex:1;padding:11px}
.ctrl #speedBtn{width:64px;padding:11px 0}
.info{min-height:92px;background:#121826;border:1px solid var(--line);border-radius:12px;padding:8px 10px;font-size:12.5px;color:#c6d0e0}
.info h3{font-size:14px;color:var(--white);margin-bottom:3px}
.info .row{display:flex;gap:6px;margin-top:6px}
.info .row .btn{flex:1}
.info .desc{line-height:1.4}
@media (min-width:820px) and (min-aspect-ratio:1/1){
  .panel{left:auto;top:0;width:300px;bottom:0;padding:70px 14px 16px;border-top:0;border-left:1px solid var(--line);background:rgba(11,13,16,.92);justify-content:flex-start}
  .shop{grid-template-columns:repeat(2,1fr);gap:8px}
  .tw{flex-direction:row;justify-content:flex-start;gap:8px;padding:8px;font-size:12px;text-align:left}
  .tw canvas{width:34px;height:34px}
  .tw .txt{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
  .tw .nm{font-size:12px}
  .tw .k{display:inline}
  .stats{right:300px}
  .info{font-size:13px}
}
.shop{grid-template-columns:repeat(8,1fr)!important}
.tw{position:relative}
.tw i.new{position:absolute;top:-5px;right:-3px;font-style:normal;font-size:8px;font-weight:800;background:var(--gold);color:#3a2a00;border-radius:6px;padding:1px 4px}
@media (max-width:520px){.tw canvas{width:24px;height:24px}.tw .nm{font-size:8px}.tw b{font-size:10px}}
.maps{display:flex;flex-direction:column;gap:7px}
.mapb{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:10px;text-align:left;background:#121826;border:1px solid #26314a;border-radius:14px;padding:8px 10px;align-items:center}
.mapb .sw{grid-row:span 2;width:40px;height:40px;border-radius:10px;display:block}
.mapb .sw.grass{background:linear-gradient(90deg,#4a8a3f 0 30%,#8a6a45 30% 45%,#4a8a3f 45% 70%,#8a6a45 70% 85%,#4a8a3f 85%)}
.mapb .sw.desert{background:linear-gradient(135deg,#e2bd7c 0 35%,#b07c4a 35% 50%,#d9b26f 50%)}
.mapb .sw.snow{background:linear-gradient(90deg,#f4f8fb 0 35%,#8f99a8 35% 50%,#e9f1f7 50%)}
.mapb b{font-size:14px}.mapb span{font-size:12px;color:var(--dim)}
.mapb.on{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan) inset}
.mapb.lock{opacity:.6}
@media (min-width:820px) and (min-aspect-ratio:1/1){.shop{grid-template-columns:repeat(2,1fr)!important}.tw .nm{font-size:12px}.tw i.new{top:-6px;right:4px}}
#smx-edit,#smx-fs{top:calc(94px + env(safe-area-inset-top))!important}#smx-fs{right:auto!important;left:calc(56px + env(safe-area-inset-left))!important}@media (min-width:820px) and (min-aspect-ratio:1/1){.panel{top:calc(56px + env(safe-area-inset-top));padding-top:14px}}
.stats{top:calc(50px + max(8px,env(safe-area-inset-top)))}
.shop{gap:7px}
.panel{padding-left:calc(8px + env(safe-area-inset-left));padding-right:calc(8px + env(safe-area-inset-right));padding-bottom:calc(8px + env(safe-area-inset-bottom))}
@media (min-width:820px) and (min-aspect-ratio:1/1){.panel{padding-right:calc(14px + env(safe-area-inset-right));padding-left:14px;overflow-y:auto}.stats{right:calc(300px + env(safe-area-inset-right))}.panel{width:calc(300px + env(safe-area-inset-right))}}
@media (min-width:820px) and (min-aspect-ratio:1/1) and (max-height:560px){.shop{grid-template-columns:repeat(3,1fr)!important;gap:7px}.tw{flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:5px 2px;font-size:10px;text-align:center}.tw canvas{width:26px;height:26px}.tw .txt{align-items:center}.tw .nm{font-size:10px}.tw .k{display:none}.info{min-height:0;padding:6px 9px;font-size:12px}.ctrl #waveBtn,.ctrl #speedBtn{padding:8px 0}.panel{gap:7px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}}
@media (max-width:819.98px) and (max-height:500px){.sk-banner{display:none}}
@media (max-height:500px){.sk-banner{left:calc(50% - 24px)}}