.header-actions{display:flex;align-items:center;gap:8px}
.wallet{min-width:64px;padding:4px 10px;text-align:center;background:#0b2630;border-bottom:2px solid #f6cd55}
.wallet small{display:block;font-size:6px}.wallet b{font:900 24px/1 'Barlow Condensed';color:#ffe170}
.power-dock{position:absolute;z-index:4;right:12px;bottom:11px;display:flex;gap:6px}
.power{position:relative;width:82px;height:66px;padding:4px;background:#061923e8;border-color:#478697;display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr 1fr;align-items:center;text-align:left}
.power .item-icon{grid-row:1/3;width:34px;height:34px}.power span{font-size:9px}.power b{font-size:18px;color:#ffe16d}.power:disabled{opacity:.43;filter:grayscale(.8);cursor:not-allowed}
.item-icon{display:block;background-image:url('assets/tienda-poderes.png');background-size:200% 200%;background-repeat:no-repeat}.item-icon.missile{background-image:url('assets/bomba-prisma-cian.png');background-size:contain;background-position:center;filter:drop-shadow(0 0 10px #27e9ff)}.item-icon.shield{background-position:100% 0}.item-icon.boost{background-position:0 100%}.item-icon.tanks{background-position:100% 100%}.item-icon.tornado{background-image:url('assets/tornado-prisma.png');background-size:contain;background-position:center}.item-icon.mega-ray{background-image:url('assets/rayos-prisma.png');background-size:200% 200%;background-position:100% 100%}.item-icon.suction{background-image:url('assets/tornado-prisma.png');background-size:contain;background-position:center;filter:hue-rotate(105deg) saturate(1.5)}.item-icon.circle{background-image:url('assets/soldado-camina.png');background-size:400% 200%;background-position:0 0;filter:drop-shadow(0 0 9px #27e6ff)}
.shop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:18px;background:#020c12d9;backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:.2s}.shop.open{opacity:1;pointer-events:auto}
.shop-panel{width:min(970px,96vw);max-height:94dvh;overflow:auto;padding:24px;background:linear-gradient(145deg,#09242e,#06151d 55%,#122432);border:2px solid #e7c761;box-shadow:0 25px 100px #000,0 0 50px #24dfff36;clip-path:polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px)}
.shop-head{display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid #45636b;padding-bottom:12px}.shop-head small{font:700 8px 'Space Mono';letter-spacing:.2em;color:#4de8ff}.shop-head h2{margin:3px 0;font-size:clamp(36px,6vw,64px);line-height:.85;color:#fff0bd}.shop-head button{font-size:29px;line-height:1;padding:8px 14px}.shop-panel>p{color:#a7c3ca;font-size:17px}
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.shop-grid article{position:relative;padding:14px;background:#061922;border:1px solid var(--accent);overflow:hidden}.shop-grid article:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--accent),transparent 70%),transparent 42%);pointer-events:none}.shop-grid .item-icon{position:relative;width:100%;height:125px;aspect-ratio:auto}.shop-grid small{position:relative;font:700 7px 'Space Mono';color:var(--accent);letter-spacing:.08em}.shop-grid h3{position:relative;margin:5px 0;font-size:26px}.shop-grid p{position:relative;min-height:48px;margin:0 0 12px;color:#9bb4ba;font-size:14px}.shop-grid button{position:relative;width:100%;padding:10px 4px;border-color:var(--accent)}
.shop-panel footer{margin-top:14px;padding-top:12px;border-top:1px solid #3d5860;color:#7fa1aa;font:700 8px 'Space Mono';text-align:center}
.ray-card{background:linear-gradient(145deg,#073641,#071922)!important}.ray-card h3{color:#baffff;text-shadow:0 0 18px #37edff}.suction-card{background:linear-gradient(145deg,#38103b,#071922)!important}.suction-card h3{color:#ffc5f5;text-shadow:0 0 18px #ff4cdc}.circle-card{background:linear-gradient(145deg,#3c3211,#071922)!important}.circle-card h3{color:#fff0a1;text-shadow:0 0 18px #ffd83d}.power.armed{border-color:#d9ffff;background:#087083;box-shadow:0 0 26px #42f4ff}.power.suction-active{border-color:#ffb5f3;background:#681868;box-shadow:0 0 28px #ff4de1}
@media(max-width:720px),(pointer:coarse){.legend{max-width:48%}.wallet{display:none}.power-dock{right:5px;bottom:5px;display:grid;grid-template-columns:repeat(2,59px);gap:3px}.power{width:59px;height:42px;padding:2px;grid-template-columns:24px 1fr}.power .item-icon{width:24px;height:24px}.power span{font-size:7px}.power b{font-size:13px}.shop{padding:5px}.shop-panel{padding:14px}.shop-grid{grid-template-columns:repeat(2,1fr)}.shop-grid article{padding:9px}.shop-grid .item-icon{height:90px;aspect-ratio:auto}.shop-grid h3{font-size:20px}.shop-grid p{font-size:12px;min-height:42px}.shop-grid button{font-size:11px}.header-actions{gap:3px}header button{padding:8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.shop,.notice{transition:none}}
.level-badge{position:absolute;z-index:4;left:14px;top:13px;padding:8px 13px;background:#04141de8;border-left:3px solid #ffe16c;font:700 9px 'Space Mono';letter-spacing:.14em}.level-badge b{color:#ffe16c;font-size:18px}.level-picker{display:flex;justify-content:center;gap:6px;margin:16px auto 3px}.level-picker button{width:46px;padding:8px 0;border-color:#4f7782;font-size:18px}.level-picker button.active{color:#07151d;background:#ffe169;border-color:#fff;box-shadow:0 0 18px #ffe16977}.tower-selected{filter:drop-shadow(0 0 8px #fff)}
@media(max-width:720px),(pointer:coarse){.level-badge{left:6px;top:6px;padding:5px 7px;font-size:7px}.level-picker{margin:10px auto 1px}.level-picker button{width:38px;padding:6px 0}}
.bridge-tool{position:absolute;z-index:5;left:13px;bottom:54px;width:190px;height:72px;padding:4px 8px;display:grid;grid-template-columns:64px 1fr 22px;align-items:center;gap:5px;text-align:left;border:2px solid #ffe16b;background:linear-gradient(135deg,#102937ed,#213545ed);box-shadow:0 8px 28px #0009}.bridge-tool img{width:64px;height:58px;object-fit:contain}.bridge-tool span{font-size:14px;color:#fff0b9}.bridge-tool small{display:block;font:700 6px 'Space Mono';line-height:1.4;color:#71eaff;letter-spacing:.03em}.bridge-tool b{font-size:24px;color:#ffe16b}.bridge-tool.armed{background:linear-gradient(135deg,#ffd95c,#ff9e3d);color:#07151d;box-shadow:0 0 30px #ffe55a}.bridge-tool.armed span,.bridge-tool.armed small,.bridge-tool.armed b{color:#07151d}.bridge-tool:disabled{opacity:.42;filter:grayscale(1)}
@media(max-width:720px),(pointer:coarse){.bridge-tool{left:5px;bottom:66px;width:126px;height:51px;grid-template-columns:42px 1fr 14px;padding:2px}.bridge-tool img{width:42px;height:42px}.bridge-tool span{font-size:10px}.bridge-tool small{display:none}.bridge-tool b{font-size:18px}}