#hangar{display:grid;grid-template-rows:auto 1fr auto;place-items:stretch;padding:0;grid-template-columns:minmax(0,1fr);background:radial-gradient(1200px 600px at 50% 0%,rgba(36,68,102,0.45),transparent 70%),radial-gradient(900px 500px at 85% 85%,rgba(20,45,75,0.35),transparent 60%),radial-gradient(800px 400px at 15% 90%,rgba(25,55,65,0.3),transparent 60%),linear-gradient(180deg,#0e1520 0%,#131c2a 50%,#0a0f18 100%);}.hangar-top{display:flex;align-items:center;gap:14px;padding:12px 24px;padding-top:max(12px,env(safe-area-inset-top));border-bottom:3px solid #364863;background:linear-gradient(180deg,#1b2637 0%,#111a26 100%);box-shadow:0 6px 24px rgba(0,0,0,0.45),inset 0 -1px 0 rgba(255,255,255,0.08);backdrop-filter:blur(10px);position:relative;z-index:10;}.brand{font-size:22px;font-weight:900;letter-spacing:0.06em;color:#ffca38;background:url('../assets/ui/textures/brand_badge_bg.webp') center/100% 100% no-repeat;padding:6px 18px;border-radius:12px;text-shadow:0 2px 10px rgba(255,190,46,0.45),0 0 2px #000;display:flex;align-items:center;gap:4px;}.brand span{color:#4cd936;text-shadow:0 2px 10px rgba(76,217,54,0.45);}.tabs{display:flex;gap:8px;margin-left:8px;min-width:0;flex:1 1 auto;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:5px 2px;}.tabs::-webkit-scrollbar{width:0;height:0;}.tabs.scrollable{mask-image:linear-gradient(90deg,#000 0 88%,transparent 100%);}.tabs.scrollable.at-end{mask-image:linear-gradient(90deg,transparent 0,#000 12% 100%);}.tabs.scrollable:not(.at-start):not(.at-end){mask-image:linear-gradient(90deg,transparent 0,#000 12% 88%,transparent 100%);}.tab{position:relative;flex:none;scroll-snap-align:start;padding:9px 18px;font-family:var(--font-ui);font-size:12px;font-weight:800;letter-spacing:0.12em;color:#9cb1ce;background:linear-gradient(180deg,#243347 0%,#182333 100%);border:2px solid #3a4e6b;border-radius:999px;cursor:pointer;box-shadow:0 3px 0 #0d141e,0 4px 10px rgba(0,0,0,0.35);transition:all var(--dur) var(--ease);display:flex;align-items:center;gap:6px;}.tab:hover{transform:translateY(-2px);color:#fff;border-color:#55749e;box-shadow:0 5px 0 #0d141e,0 6px 14px rgba(0,0,0,0.4);}.tab.active{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,0.7);background:linear-gradient(180deg,#3ccb4e,#299e38 60%,#1b6d25);border-color:#72f384;box-shadow:0 3px 0 #104017,0 0 20px rgba(60,203,78,0.5);transform:translateY(-1px);}.tab.badged::after{content:"";position:absolute;top:-4px;right:-2px;width:12px;height:12px;border-radius:50%;background:var(--candy-gold);border:2px solid #182333;box-shadow:0 0 8px rgba(246,185,59,0.8);}.wallet{margin-left:auto;display:flex;align-items:center;gap:8px;padding:6px 16px;background:linear-gradient(180deg,#2b3b52 0%,#1a2433 100%);border:2px solid #ffbe2e;border-radius:999px;box-shadow:0 3px 0 #0d141e,0 0 14px rgba(255,190,46,0.35);}.wallet.essence{margin-left:0;border-color:#3fd6e0;box-shadow:0 3px 0 #0d141e,0 0 14px rgba(63,214,224,0.35);}.wallet.gems{margin-left:0;border-color:#e056fd;box-shadow:0 3px 0 #0d141e,0 0 16px rgba(224,86,253,0.4);background:linear-gradient(180deg,#3c1e54 0%,#200f33 100%);}.wallet.keys{margin-left:0;border-color:#ffd666;box-shadow:0 3px 0 #0d141e,0 0 14px rgba(255,214,102,0.35);}.wallet img{width:20px;height:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.4));}.wallet b{font-family:var(--font-num);font-size:15px;font-weight:900;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,0.8);}.btn-gem{background:linear-gradient(180deg,#f368e0 0%,#e056fd 55%,#9b1cc2 100%) !important;border-color:#ff9ff3 !important;box-shadow:0 3px 0 #4a0c5c,0 0 14px rgba(224,86,253,0.45) !important;color:#fff !important;text-shadow:0 1px 2px rgba(0,0,0,0.8) !important;}.btn-gem:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 5px 0 #4a0c5c,0 0 18px rgba(224,86,253,0.65) !important;}.cp-key-req{display:flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(10,18,28,0.85);border:1px solid #3d587c;border-radius:8px;font-size:10px;font-weight:800;letter-spacing:0.08em;color:#ffd666;margin:4px 0;}.cp-key-req img{width:16px;height:16px;filter:drop-shadow(0 1px 3px rgba(0,0,0,0.5));}.icon-btn{width:38px;height:38px;display:grid;place-items:center;color:#9cb1ce;background:linear-gradient(180deg,#243347 0%,#182333 100%);border:2px solid #3a4e6b;border-radius:50%;box-shadow:0 3px 0 #0d141e,0 4px 10px rgba(0,0,0,0.35);cursor:pointer;font-size:15px;transition:all var(--dur) var(--ease);}.icon-btn:hover{transform:translateY(-2px);color:#fff;border-color:#ffbe2e;box-shadow:0 5px 0 #0d141e,0 0 12px rgba(255,190,46,0.4);}.hangar-body{overflow-y:auto;overscroll-behavior:contain;padding:22px;}.pane{max-width:1240px;margin:0 auto;}.pane-head{font-size:18px;font-weight:900;letter-spacing:0.2em;color:#f0f6ff;margin-bottom:16px;text-shadow:0 2px 8px rgba(0,0,0,0.7);display:flex;flex-direction:column;gap:4px;}.pane-sub{display:block;font-size:12px;font-weight:600;letter-spacing:0.04em;line-height:1.5;color:#8da4c4;text-transform:none;text-shadow:none;}.card{background:url('../assets/ui/textures/bg_tactical_grid.webp') repeat,linear-gradient(180deg,#1a2536 0%,#111a26 100%);border:2px solid #334762;border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.08);padding:16px;color:#f0f6fc;}.muted{color:var(--ink-faint);font-size:12px;line-height:1.7;}.tag{display:inline-block;padding:6px 12px;font-size:10px;font-weight:800;letter-spacing:0.16em;border:2px solid var(--outline-2);border-radius:999px;color:var(--ink-faint);background:var(--cream-2);}.tag.active{color:#fff;text-shadow:0 1px 0 rgba(59,36,21,.5);border-color:var(--outline);background:var(--candy-green);}.tag.locked{color:var(--ink-faint);}.tag.gate{padding:5px 12px 6px;color:#ffd98a;letter-spacing:0.14em;text-align:center;border-color:#6b5220;background:linear-gradient(180deg,#2c2211 0%,#1d1709 100%);}.tag.gate b{display:block;margin-top:2px;font-family:var(--font-num);font-size:11px;letter-spacing:0.04em;color:#a98d54;}.btn-small{padding:8px 16px;font-size:11px;}.btn-buy{background:linear-gradient(180deg,#ffd66a,var(--candy-gold) 60%,#d8940f);color:var(--outline);text-shadow:0 1px 0 rgba(255,255,255,.45);}.btn-ghost{background:var(--cream-3);color:var(--ink-dim);text-shadow:none;}.btn.disabled{opacity:0.4;cursor:not-allowed;}.new-flag{position:absolute;top:8px;right:8px;padding:2px 8px;font-style:normal;font-size:9px;font-weight:900;letter-spacing:0.14em;color:var(--outline);background:var(--candy-gold);border:2px solid var(--outline);border-radius:999px;}.si-art,.sc-art,.gt-artwrap{position:relative;flex:none;display:block;line-height:0;}.si-art{width:52px;height:52px;}.sc-art{width:40px;height:40px;}.gt-artwrap{width:56px;height:56px;margin-bottom:5px;}.stack-badge{position:absolute;right:-6px;bottom:-6px;min-width:23px;padding:1px 6px;font-family:var(--font-num);font-style:normal;font-size:12px;font-weight:900;line-height:1.5;letter-spacing:0.02em;text-align:center;color:var(--cream);background:linear-gradient(180deg,#33455f,#1b2739);border:2px solid var(--outline);border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,0.65);pointer-events:none;}.stack-badge.ready{color:var(--outline);background:linear-gradient(180deg,#ffd66a,var(--candy-gold) 62%,#d8940f);box-shadow:0 2px 6px rgba(0,0,0,0.6),0 0 12px rgba(246,185,59,0.65);}.deploy-grid{display:grid;grid-template-columns:minmax(300px,400px) 1fr;gap:20px;align-items:start;}.deploy-left{display:grid;gap:12px;}#deploy-hero{display:grid;grid-template-columns:88px 1fr;gap:14px;}.dh-portrait{width:88px;height:88px;object-fit:contain;align-self:start;background:#111a26;border:2px solid #3d587c;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.4);}.dh-body{display:grid;gap:3px;align-content:start;}.dh-name{font-size:17px;font-weight:900;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,0.6);}.dh-title{font-size:11px;letter-spacing:0.16em;color:#ffbe2e;text-transform:uppercase;}.dh-level{margin-top:8px;display:grid;gap:4px;font-size:10px;letter-spacing:0.14em;color:#8da4c4;}.dh-level .bar{display:block;height:8px;background:#0d141e;border:1.5px solid #334863;border-radius:999px;overflow:hidden;}.dh-level .bar s{display:block;height:100%;text-decoration:none;background:linear-gradient(90deg,#3fd6e0,#63d6ff);}.dh-xp{font-family:var(--font-num);color:#8da4c4;}.dh-ability{margin-top:10px;padding:9px 12px;background:rgba(48,184,82,0.12);border:2px solid #3ccb4e;border-radius:var(--radius-s);}.dh-ability b{display:block;font-size:12px;letter-spacing:0.08em;color:#72f384;}.dh-ability span{font-size:11px;line-height:1.6;color:#a4bede;}.dh-stats{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;}.dh-stats i{display:grid;gap:2px;padding:8px 10px;font-style:normal;background:#151f2c;border:1.5px solid #2d3f56;border-radius:var(--radius-s);}.dh-stats span{font-size:9px;letter-spacing:0.18em;color:#7e9bbd;}.dh-stats b{font-family:var(--font-num);font-size:16px;font-weight:900;color:#fff;}.gun-strip{display:grid;grid-template-columns:46px 1fr;column-gap:14px;row-gap:7px;align-items:center;}.gun-strip img{width:46px;height:46px;filter:drop-shadow(0 2px 6px rgba(0,0,0,0.5));}.gun-strip b{display:block;font-size:14px;color:#fff;}.gun-strip span{font-family:var(--font-num);font-size:11px;color:#8da4c4;}.gun-strip .dur-row{grid-column:2 / -1;margin-top:0;}.pet-strip{display:flex;align-items:center;gap:14px;}.pet-strip b{display:block;font-size:14px;color:#fff;}.pet-strip span{font-size:11px;line-height:1.5;color:#8da4c4;}.tab-icon{width:20px;height:20px;object-fit:contain;vertical-align:-5px;margin-right:7px;}.pet-badge{display:grid;place-items:center;width:46px;height:46px;flex:none;font-style:normal;font-size:20px;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,0.6);background:var(--pet,#2e86de);border:2px solid #54a0ff;border-radius:50%;box-shadow:0 3px 0 #0d141e,0 0 12px rgba(46,134,222,0.4);}.pet-badge.big{width:62px;height:62px;font-size:28px;}.pet-badge.empty{background:#182333;color:#4d6582;border-color:#2d3f56;text-shadow:none;}img.pet-badge{object-fit:cover;padding:0;}.gear-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}.dg-slot{display:grid;gap:3px;padding:9px 10px;font-style:normal;background:#151f2c;border:2px solid #2d3f56;border-top:4px solid var(--rarity,#9fb0c4);border-radius:var(--radius-s);box-shadow:0 4px 10px rgba(0,0,0,0.4);}.dg-label{font-size:9px;letter-spacing:0.18em;color:#ffbe2e;text-transform:uppercase;}.dg-slot b{font-size:11px;color:var(--rarity,#fff);line-height:1.3;}.dg-slot.empty b{color:#5a7494;}.zone-list{display:grid;gap:10px;}.zone-card{display:grid;grid-template-columns:62px 1fr;gap:14px;text-align:left;padding:14px;background:linear-gradient(180deg,#1b2637 0%,#121a26 100%);border:2px solid #334762;border-left:6px solid #4a6385;border-radius:var(--radius);box-shadow:0 6px 18px rgba(0,0,0,0.4);cursor:pointer;color:#f0f6fc;font-family:var(--font-ui);transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease);}.zone-card:hover:not(:disabled){transform:translateX(3px);border-color:#4cd936;}.zone-card.active{border-left-color:#3ccb4e;border-color:#4cd936;background:linear-gradient(180deg,#1c3024 0%,#122018 100%);}.zone-card.locked{opacity:0.45;cursor:not-allowed;}.zone-card img{width:62px;height:62px;object-fit:contain;background:#0f1622;border:2px solid #2a3b50;border-radius:12px;}.zc-body{display:grid;gap:4px;}.zc-body b{font-size:15px;color:#fff;}.zc-clear{font-style:normal;font-size:9px;letter-spacing:0.16em;color:#72f384;padding:2px 6px;border:1.5px solid #3ccb4e;border-radius:999px;}.zone-card.suggested{border-left-color:#ffbe2e;}.zc-suggest{font-style:normal;font-size:9px;letter-spacing:0.16em;color:#ffd666;padding:2px 6px;border-radius:999px;border:1.5px solid #ffbe2e;background:rgba(255,190,46,0.15);}.zc-why{font-size:11px;line-height:1.5;color:#ffd666;font-weight:700;}.zc-desc{font-size:12px;line-height:1.55;color:#a4bede;}.zc-meta{font-family:var(--font-num);font-size:10px;letter-spacing:0.06em;color:#7e9bbd;}.zc-bosses{font-size:10px;letter-spacing:0.04em;color:#ffbe2e;}.pane-head.zone-head{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;}.zone-view{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:#101a28;border:2px solid #2d3f56;}.zv-btn{display:grid;place-items:center;width:34px;height:26px;padding:0;border:0;border-radius:999px;background:transparent;color:#6e88ab;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease);}.zv-btn svg{width:15px;height:15px;fill:currentColor;}.zv-btn:hover{color:#bcd3f0;}.zv-btn.on{background:linear-gradient(180deg,#2b4a63 0%,#1d3446 100%);color:#7fe3ff;box-shadow:inset 0 0 0 1px #4d7fa5;}.zone-list.gallery{grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));gap:14px;}.zone-plate{position:relative;display:block;aspect-ratio:16 / 9;padding:0;overflow:hidden;text-align:left;color:#f0f6fc;font-family:var(--font-ui);background:#0d141f;border:2px solid #334762;border-radius:var(--radius);box-shadow:0 8px 22px rgba(0,0,0,0.5);cursor:pointer;isolation:isolate;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);}.zp-art{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.02);transition:transform 420ms var(--ease),filter var(--dur) var(--ease);}.zp-art.unsurveyed{display:grid;place-content:center;justify-items:center;gap:8px;padding-bottom:76px;background:repeating-linear-gradient(135deg,#16202f 0 9px,#1a2637 9px 18px);transform:none;}.zp-art.unsurveyed img{width:64px;height:64px;object-fit:contain;opacity:0.72;filter:saturate(0.55);}.zp-art.unsurveyed i{font-style:normal;font-size:9px;letter-spacing:0.22em;color:#5b7294;font-weight:800;}.zp-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,10,16,0.72) 0%,rgba(6,10,16,0.12) 26%,rgba(6,10,16,0.66) 62%,rgba(6,10,16,0.94) 100%);pointer-events:none;}.zp-body{position:absolute;left:14px;right:14px;bottom:12px;display:grid;gap:3px;}.zp-name{font-size:20px;line-height:1.1;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,0.9);}.zp-desc{font-size:11px;line-height:1.45;color:#b9cfea;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 6px rgba(0,0,0,0.9);}.zp-meta{font-family:var(--font-num);font-size:10px;letter-spacing:0.08em;color:#86a3c6;margin-top:2px;}.zp-flags{position:absolute;top:10px;left:12px;display:flex;gap:6px;}.zp-flag{font-style:normal;font-size:9px;font-weight:800;letter-spacing:0.16em;padding:3px 7px;border-radius:999px;backdrop-filter:blur(3px);}.zp-flag.clear{color:#8dffa3;border:1.5px solid #3ccb4e;background:rgba(11,40,20,0.7);}.zp-flag.suggest{color:#ffd666;border:1.5px solid #ffbe2e;background:rgba(48,34,6,0.7);}.zp-flag.lock{color:#b9c9dd;border:1.5px solid #5b7294;background:rgba(10,16,24,0.75);}.zp-tier{position:absolute;top:10px;right:12px;font-family:var(--font-num);font-size:10px;font-weight:800;letter-spacing:0.14em;color:#cfe2ff;padding:3px 8px;border-radius:999px;background:rgba(10,16,24,0.72);border:1.5px solid #46628a;}.zp-why{position:absolute;left:0;right:0;top:0;padding:6px 12px;font-size:10px;font-weight:800;letter-spacing:0.03em;line-height:1.4;color:#22190a;background:linear-gradient(180deg,#ffd666 0%,#f3b325 100%);transform:translateY(-100%);transition:transform 320ms var(--ease);}.zone-plate.suggested .zp-why{transform:translateY(0);}.zone-plate.suggested .zp-flags{top:38px;}.zone-plate.suggested .zp-tier{top:38px;}.zone-plate.suggested{border-color:#ffbe2e;}.zone-plate:hover:not(:disabled){border-color:#4cd936;box-shadow:0 10px 26px rgba(0,0,0,0.58);}.zone-plate:hover:not(:disabled) .zp-art{transform:scale(1.07);}.zone-plate:focus-visible{outline:3px solid #7fe3ff;outline-offset:2px;}.zone-plate:active:not(:disabled){box-shadow:0 4px 12px rgba(0,0,0,0.6);}.zone-plate.active{border-color:#4cd936;box-shadow:0 10px 26px rgba(0,0,0,0.55),inset 0 0 0 2px rgba(76,217,54,0.42);}.zone-plate.active::after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#3ccb4e,#7fe3ff);}.zone-plate.locked{cursor:not-allowed;border-color:#2a3a4e;}.zone-plate.locked .zp-art{filter:grayscale(0.85) brightness(0.5);}.zone-plate.locked .zp-name{color:#a9bdd6;}.zone-deploy{position:absolute;right:12px;bottom:12px;z-index:2;font-family:var(--font-ui);font-size:13px;font-weight:900;letter-spacing:0.1em;color:#0c2410;padding:8px 14px;border-radius:999px;background:linear-gradient(180deg,#6ef05a 0%,#33b93f 100%);border:2px solid #0f3d17;box-shadow:0 4px 0 #1d6e28,0 8px 18px rgba(0,0,0,0.5);animation:zone-deploy-pulse 1.6s var(--ease) infinite;pointer-events:none;}.zone-card{position:relative;}.zone-card .zone-deploy{top:50%;bottom:auto;transform:translateY(-50%);animation:none;}.zone-plate.active .zp-body{right:124px;}@keyframes zone-deploy-pulse{0%,100%{transform:translateY(0);}50%{transform:translateY(-2px);}}@media (prefers-reduced-motion:reduce){.zone-deploy{animation:none;}}.hero-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:12px;}.hero-card{position:relative;display:grid;grid-template-columns:78px 1fr;gap:14px;padding:14px;background:linear-gradient(180deg,#1b2637 0%,#121a26 100%);border:2px solid #334762;border-top:5px solid #4a6385;border-radius:var(--radius);box-shadow:0 6px 20px rgba(0,0,0,0.45);}.hero-card.active{border-top-color:#3ccb4e;border-color:#3ccb4e;box-shadow:0 0 20px rgba(60,203,78,0.25);}.hero-card.locked{opacity:0.65;}.hc-portrait{width:78px;height:78px;object-fit:contain;background:#0f1622;border:2px solid #2a3b50;border-radius:14px;}.hc-body{display:grid;gap:3px;}.hc-body>b{font-size:15px;color:#fff;}.hc-title{font-size:10px;letter-spacing:0.18em;color:#ffbe2e;text-transform:uppercase;}.hc-blurb{font-size:11px;line-height:1.6;color:#a4bede;margin:4px 0;}.hc-ability,.hc-passive{padding:8px 10px;background:rgba(48,184,82,0.1);border:1.5px solid #3ccb4e;border-radius:var(--radius-s);margin-top:4px;}.hc-passive{background:rgba(255,190,46,0.1);border-color:#ffbe2e;}.hc-ability b,.hc-passive b{display:block;font-size:11px;letter-spacing:0.08em;color:#72f384;}.hc-passive b{color:#ffd666;}.hc-ability span,.hc-passive span{font-size:11px;line-height:1.55;color:#a4bede;}.hc-ability i{display:block;font-style:normal;font-family:var(--font-num);font-size:10px;color:#7e9bbd;margin-top:3px;}.hc-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;}.hc-stats i{font-style:normal;font-size:9px;letter-spacing:0.12em;color:#7e9bbd;}.hc-stats b{font-family:var(--font-num);font-size:12px;color:#fff;}.hc-action,.gc-action,.pt-action{display:flex;justify-content:flex-end;}.hc-action{grid-column:1 / -1;}.gun-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(380px,100%),1fr));gap:10px;}.gun-card{position:relative;display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:13px;background:linear-gradient(180deg,#1b2637 0%,#111a26 100%);border:2px solid #334762;border-left:6px solid var(--rarity,#4a6385);border-radius:var(--radius);box-shadow:0 6px 18px rgba(0,0,0,0.45);}.gun-card.active{border-left-color:#3ccb4e;border-color:#3ccb4e;box-shadow:0 0 16px rgba(60,203,78,0.25);}.gun-card.locked{opacity:0.5;}.gun-card img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,0.5));}.gc-body{display:grid;gap:3px;}.gc-body>b{font-size:14px;color:#fff;}.tier{font-style:normal;font-size:9px;letter-spacing:0.08em;color:#ffd666;border:1.5px solid #ffbe2e;border-radius:999px;padding:1px 6px;background:rgba(255,190,46,0.15);}.gc-desc{font-size:11px;line-height:1.55;color:#a4bede;}.gc-stats{font-family:var(--font-num);font-size:10px;color:#7e9bbd;}.gc-source{font-size:9px;letter-spacing:0.1em;color:#ffbe2e;}.gc-rarity{font-style:normal;font-size:9px;letter-spacing:0.1em;text-transform:uppercase;color:var(--rarity,#9fb0c4);}.gun-card[style*='--rarity']{border-left-color:var(--rarity);}.gun-card.active{border-left-color:#3ccb4e;}.gun-card.sidearm{border-left-color:#ffbe2e;}.gc-action{flex-direction:column;gap:6px;align-items:flex-end;}.dur-row{display:flex;align-items:center;gap:8px;margin-top:4px;}.dur-bar{flex:1;min-width:60px;display:block;height:9px;background:#0d141e;border:1.5px solid #334863;border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,0.8);}.dur-bar s{display:block;height:100%;text-decoration:none;background:linear-gradient(90deg,#3ccb4e,#72f384);box-shadow:0 0 8px rgba(60,203,78,0.6);transition:width 240ms var(--ease);}.dur-row.worn .dur-bar s{background:linear-gradient(90deg,#ffd666,#ffbe2e);box-shadow:0 0 8px rgba(255,190,46,0.6);}.dur-row.critical .dur-bar s{background:linear-gradient(90deg,#ff4757,#ff6b81);box-shadow:0 0 8px rgba(255,71,87,0.8);}.dur-num{font-family:var(--font-num);font-size:10px;font-weight:900;color:#8da4c4;}.dur-clock{font-family:var(--font-num);font-size:10px;color:#7e9bbd;}.dur-row.unbreakable b{font-size:9px;letter-spacing:0.16em;color:#3fd6e0;border:1.5px solid #3fd6e0;border-radius:999px;padding:2px 8px;background:rgba(63,214,224,0.15);}.armoury-grid{display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:16px;align-items:start;}.arm-stage{display:grid;gap:10px;min-width:0;}.arm-panel{display:grid;gap:10px;min-width:0;align-content:start;}.arm-head{position:relative;margin:2px 0 0;padding:0 0 9px;font-size:13px;letter-spacing:0.12em;color:#f0f6fc;}.arm-head span{display:block;margin-top:3px;font-size:10px;font-weight:600;letter-spacing:0.02em;color:#7e9bbd;text-transform:none;}.arm-head::after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;border-radius:999px;}.arm-arsenal .arm-head::after{background:repeating-linear-gradient(115deg,#f6b93b 0 9px,#1b2739 9px 18px);opacity:0.75;}.arm-restock .arm-head::after{background:repeating-linear-gradient(90deg,#7fe3ff 0 3px,transparent 3px 11px);opacity:0.6;}.arm-workbench .arm-head::after{background:linear-gradient(90deg,#ff9a3c,rgba(255,154,60,0));}.gun-card.jumped,.shop-card.jumped{animation:cardJump 1.4s var(--ease);}@keyframes cardJump{0%{box-shadow:0 0 0 0 rgba(127,227,255,0.9),0 6px 18px rgba(0,0,0,0.45);}22%{box-shadow:0 0 0 5px rgba(127,227,255,0.55),0 6px 26px rgba(0,0,0,0.6);}100%{box-shadow:0 0 0 0 rgba(127,227,255,0),0 6px 18px rgba(0,0,0,0.45);}}.arm-rail{position:sticky;top:8px;display:grid;gap:10px;align-content:start;max-height:calc(100vh - 24px);min-width:0;}.arm-switch{display:grid;gap:6px;}.arm-tab{position:relative;display:grid;gap:1px;padding:10px 46px 10px 13px;text-align:left;font-family:var(--font-ui);background:linear-gradient(180deg,#1b2637 0%,#131c29 100%);border:2px solid #334762;border-left:6px solid #3d5476;border-radius:var(--radius-s);cursor:pointer;transition:transform 140ms var(--ease),border-color 140ms var(--ease),box-shadow 140ms var(--ease),background 140ms var(--ease);}.arm-tab:hover{transform:translateX(2px);border-color:#4a658f;}.arm-tab>b{font-size:12px;letter-spacing:0.16em;color:#f0f6fc;}.at-sub{font-size:10px;letter-spacing:0.02em;color:#7e9bbd;}.at-note{margin-top:3px;font-family:var(--font-num);font-size:9px;font-weight:900;letter-spacing:0.12em;color:#5b7294;}.at-count{position:absolute;right:11px;top:50%;transform:translateY(-50%);min-width:26px;padding:3px 6px;font-family:var(--font-num);font-style:normal;font-size:13px;font-weight:900;line-height:1;text-align:center;color:#cfe0f5;background:#0f1723;border:2px solid #334762;border-radius:999px;}.arm-tab.on{transform:none;background:linear-gradient(180deg,#2a3b52 0%,#1d2b3d 100%);}.arm-go-arsenal.on{border-color:#f6b93b;border-left-color:#f6b93b;box-shadow:0 0 16px rgba(246,185,59,0.28);}.arm-go-restock.on{border-color:#7fe3ff;border-left-color:#7fe3ff;box-shadow:0 0 16px rgba(127,227,255,0.28);}.arm-go-workbench.on{border-color:#ff9a3c;border-left-color:#ff9a3c;box-shadow:0 0 16px rgba(255,154,60,0.28);}.arm-tab.on>b{color:#fff;}.arm-tab.on .at-count{color:#fff;border-color:currentColor;}.arm-index{display:grid;gap:6px;align-content:start;min-height:0;padding:10px;background:linear-gradient(180deg,#151f2c 0%,#101825 100%);border:2px solid #2d3f56;border-radius:var(--radius);box-shadow:inset 0 2px 8px rgba(0,0,0,0.5);}.ai-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 2px;font-size:10px;letter-spacing:0.18em;color:#7e9bbd;}.ai-head i{font-style:normal;font-family:var(--font-num);font-size:10px;font-weight:900;color:#5b7294;}.ai-list{display:grid;gap:4px;max-height:min(52vh,460px);overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#3d5476 transparent;}.ai-list::-webkit-scrollbar{width:8px;}.ai-list::-webkit-scrollbar-thumb{background:#3d5476;border-radius:999px;}.ai-list::-webkit-scrollbar-track{background:transparent;}.ai-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;padding:5px 8px 5px 6px;font-family:var(--font-ui);text-align:left;background:#1a2433;border:1.5px solid #2b3c53;border-left:4px solid var(--rarity,#4a6385);border-radius:9px;cursor:pointer;transition:background 120ms var(--ease),border-color 120ms var(--ease),transform 120ms var(--ease);}.ai-row:hover{background:#223047;border-color:#4a658f;transform:translateX(-2px);}.ai-row img{width:24px;height:24px;object-fit:contain;}.ai-name{font-size:10px;font-weight:700;color:#d6e4f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.ai-lv,.ai-have{font-style:normal;font-family:var(--font-num);font-size:9px;font-weight:900;color:#7e9bbd;}.ai-tail{font-family:var(--font-num);font-size:9px;font-weight:900;color:#7e9bbd;}.ai-row.on{background:linear-gradient(90deg,#24402c,#1a2433);border-color:#3ccb4e;}.ai-row.on .ai-name{color:#a9f5b6;}.ai-row.benched{border-color:#ffd666;}.ai-row.sidearm{border-left-color:#ffbe2e;}.ai-row.locked{opacity:0.42;}.ai-row.gated{border-left-color:#ffbe2e;}.ai-row.gated .ai-tail{font-size:9px;letter-spacing:0.08em;color:#ffbe2e;}.ai-row.afford .ai-tail{color:#6fe08a;}.ai-pip{display:block;width:34px;height:5px;background:#0d141e;border:1.5px solid #2f4460;border-radius:999px;overflow:hidden;}.ai-pip s{display:block;height:100%;text-decoration:none;background:#3ccb4e;}.ai-pip.worn s{background:#ffbe2e;}.ai-pip.critical s{background:#ff4757;}.ai-note{display:grid;gap:3px;padding:10px;background:#1a2433;border:1.5px solid #2b3c53;border-left:4px solid #ff9a3c;border-radius:10px;}.ai-note.empty{border-left-color:#3d5476;}.ai-note b{font-size:12px;color:#f0f6fc;}.ai-note span{font-size:10px;line-height:1.5;color:#7e9bbd;}.ai-back{justify-self:start;}.arm-flash{padding:9px 13px;font-family:var(--font-num);font-size:11px;font-weight:900;letter-spacing:0.06em;color:#ffe9a8;background:linear-gradient(90deg,rgba(246,185,59,0.2),rgba(246,185,59,0.04));border:2px solid rgba(246,185,59,0.5);border-radius:var(--radius-s);}.arm-flash b{color:#fff;}.arm-flash b.good{color:#72f384;}.feed-bench{display:grid;gap:10px;align-content:start;}.fb-head{margin:0;font-size:13px;letter-spacing:0.14em;color:#fff;}.fb-sub{margin:4px 0 0;font-size:11px;letter-spacing:0.14em;color:#7e9bbd;}.fb-target{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;padding:10px;background:#141f2d;border:2px solid #2d3f56;border-left:6px solid var(--rarity,#4a6385);border-radius:14px;}.fb-target img{width:44px;height:44px;object-fit:contain;}.fb-target b{display:block;font-size:12px;color:#fff;}.fb-room{display:block;margin-top:3px;font-family:var(--font-num);font-size:10px;color:#7e9bbd;}.fb-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;}.fb-preview i{display:grid;gap:2px;justify-items:center;padding:7px 4px;background:#151f2c;border:1.5px solid #2d3f56;border-radius:12px;}.fb-preview span{font-size:8px;letter-spacing:0.1em;color:#7e9bbd;}.fb-preview b{font-family:var(--font-num);font-size:13px;color:#fff;}.fb-preview b.good{color:#72f384;}.fb-preview b.bad{color:#ff5555;}.fb-preview.over{animation:benchWarn 420ms var(--ease);}@keyframes benchWarn{0%{transform:translateX(0);}30%{transform:translateX(-3px);}60%{transform:translateX(3px);}100%{transform:translateX(0);}}.fb-actions{display:flex;gap:8px;}.fb-actions .btn{flex:1;}.fb-fodder{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(96px,100%),1fr));gap:6px;}.fodder{display:grid;gap:2px;justify-items:center;padding:8px 4px;background:#151f2c;border:1.5px solid #2d3f56;border-top:4px solid var(--rarity,#4a6385);border-radius:12px;cursor:pointer;transition:transform 140ms var(--ease),box-shadow 140ms var(--ease);}.fodder:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.5);border-color:#3fd6e0;}.fodder.on{background:linear-gradient(180deg,#2c3e57,#1d2b3d);border-color:#ffd666;box-shadow:0 0 14px rgba(255,214,102,0.4);}.fodder img{width:30px;height:30px;object-fit:contain;}.fodder b{font-size:9px;line-height:1.2;text-align:center;color:#fff;}.fo-dur{font-family:var(--font-num);font-size:9px;color:#7e9bbd;}.fo-value{font-family:var(--font-num);font-size:11px;font-weight:900;color:#72f384;}.gun-shop{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:10px;}.shop-card{position:relative;display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:11px 11px 13px;background:linear-gradient(180deg,#16222f 0%,#101a26 100%);border:1.5px solid #2b4256;border-left:6px solid var(--rarity,#4a6385);border-radius:var(--radius);box-shadow:0 4px 12px rgba(0,0,0,0.4);transition:transform 140ms var(--ease),border-color 140ms var(--ease),box-shadow 140ms var(--ease);}.shop-card::after{content:'';position:absolute;left:10px;right:10px;bottom:4px;height:2px;background:linear-gradient(90deg,transparent,rgba(127,227,255,0.4),transparent);border-radius:999px;}.shop-card:hover{transform:translateY(-2px);border-color:#3f6f8c;box-shadow:0 8px 20px rgba(0,0,0,0.55),0 0 14px rgba(127,227,255,0.18);}.shop-card.locked{opacity:0.45;}.shop-card.locked:hover{transform:none;box-shadow:0 4px 12px rgba(0,0,0,0.4);}.shop-card.gated{border-color:#5c4520;border-left-color:#ffbe2e;background:linear-gradient(180deg,#221b12 0%,#171208 100%);}.shop-card.gated::after{background:repeating-linear-gradient(90deg,rgba(255,190,46,0.5) 0 9px,rgba(255,190,46,0.06) 9px 18px);}.shop-card.gated:hover{transform:none;border-color:#7d5f2b;box-shadow:0 4px 12px rgba(0,0,0,0.4);}.shop-card.gated .sc-art img{filter:grayscale(0.55) brightness(0.82);}.sc-gate{font-family:var(--font-num);font-size:9px;letter-spacing:0.09em;line-height:1.5;color:#ffbe2e;}.shop-card img{width:40px;height:40px;object-fit:contain;}.sc-body{display:grid;gap:2px;min-width:0;}.sc-body>b{font-size:12px;color:#fff;}.sc-stats{font-family:var(--font-num);font-size:10px;color:#8da4c4;}.sc-meta{font-family:var(--font-num);font-size:9px;color:#7e9bbd;}@media (max-width:1080px){.armoury-grid{grid-template-columns:1fr;}.arm-rail{position:static;max-height:none;order:-1;}.arm-switch{grid-template-columns:repeat(3,1fr);}.arm-tab{padding:9px 12px 9px 11px;}.at-count{position:static;transform:none;justify-self:start;margin-top:4px;}.ai-list{max-height:240px;}}.gear-grid{display:grid;grid-template-columns:minmax(320px,400px) 1fr;gap:20px;align-items:start;}.gear-col{display:grid;gap:14px;align-content:start;}.gear-col:first-child{position:sticky;top:12px;}.hero-stage{position:relative;aspect-ratio:4 / 5;min-height:320px;overflow:hidden;border:2px solid #3d5578;border-radius:20px;box-shadow:0 12px 35px rgba(0,0,0,0.65),inset 0 0 50px rgba(0,0,0,0.8),0 0 25px rgba(45,92,126,0.35);background:radial-gradient(100% 75% at 50% 15%,#1e3f5e 0%,#102438 45%,#08121d 100%);cursor:grab;touch-action:pan-y;}.hero-stage:active{cursor:grabbing;}.hero-stage canvas{display:block;width:100%;height:100%;}.hero-stage::after{content:"";position:absolute;left:50%;bottom:12%;width:65%;height:16%;translate:-50% 0;background:radial-gradient(closest-side,rgba(63,214,224,0.45),transparent);pointer-events:none;filter:blur(4px);}.hero-stage::before{content:"";position:absolute;inset:0 0 auto 0;height:95px;z-index:1;background:linear-gradient(180deg,rgba(6,13,22,0.9),rgba(6,13,22,0.4) 60%,transparent);pointer-events:none;}.hs-caption,.hs-power,.hs-hint{z-index:2;}.hs-caption{position:absolute;left:14px;top:12px;right:14px;display:grid;gap:2px;pointer-events:none;}.hs-caption b{font-size:18px;font-weight:900;color:#ffffff;letter-spacing:0.04em;text-shadow:0 2px 8px rgba(0,0,0,0.9),0 0 14px rgba(127,227,255,0.6);}.hs-caption span{font-size:10px;letter-spacing:0.16em;font-weight:800;color:#7fe3ff;text-shadow:0 1px 4px rgba(0,0,0,0.9);}.hs-power{position:absolute;left:14px;bottom:14px;display:grid;gap:2px;pointer-events:none;background:rgba(10,18,28,0.85);padding:8px 14px;border-radius:12px;border:1px solid rgba(127,227,255,0.35);box-shadow:0 4px 15px rgba(0,0,0,0.6);backdrop-filter:blur(8px);}.hs-power span{font-size:9px;letter-spacing:0.24em;font-weight:800;color:#8fbdd6;}.hs-power b{font-family:var(--font-num);font-size:26px;font-weight:900;color:#ffd666;line-height:1;text-shadow:0 0 14px rgba(255,214,102,0.7);}.hs-power i{font-style:normal;font-size:10px;letter-spacing:0.1em;color:#4cd936;font-weight:800;}.hs-hint{position:absolute;right:14px;bottom:14px;font-size:9px;letter-spacing:0.2em;font-weight:800;color:rgba(226,244,255,0.75);background:rgba(8,15,24,0.75);padding:5px 12px;border-radius:20px;border:1px solid rgba(255,255,255,0.12);box-shadow:0 2px 10px rgba(0,0,0,0.4);pointer-events:none;}.gear-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}.gslot{display:grid;gap:3px;justify-items:center;min-width:0;padding:10px 6px 8px;color:#f0f6ff;font-family:var(--font-ui);background:url('../assets/ui/textures/slot_socket.webp') center/100% 100% no-repeat,linear-gradient(180deg,#1c2838 0%,#121c28 100%);border:2px solid #334762;border-top:5px solid var(--rarity,#60799e);border-radius:var(--radius-s);box-shadow:0 4px 12px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.06);cursor:pointer;transition:all var(--dur) var(--ease);position:relative;}.gslot:hover{transform:translateY(-3px);border-color:#4f6e99;box-shadow:0 8px 20px rgba(0,0,0,0.6),0 0 14px rgba(127,227,255,0.3);}.gslot.editing{background:linear-gradient(180deg,#2a3d56 0%,#1c2a3c 100%);border-color:#ffd666;box-shadow:0 6px 20px rgba(0,0,0,0.6),0 0 16px rgba(255,214,102,0.5);transform:translateY(-2px);}.gsl-label{font-size:9px;font-weight:800;letter-spacing:0.16em;color:#ffca38;text-transform:uppercase;}.gsl-art{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,0.5));}.gsl-art.empty{display:grid;place-content:center;width:44px;height:44px;font-size:22px;font-weight:900;color:#4a6282;}.gsl-name{font-size:10px;font-weight:700;line-height:1.2;text-align:center;color:var(--rarity,#e0ecff);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.gsl-name.empty{color:#6e84a3;}.gsl-meta{font-size:9px;font-weight:700;letter-spacing:0.1em;color:#8fa5c4;}.gear-totals{display:grid;gap:10px;background:linear-gradient(180deg,#192434 0%,#101722 100%);border:2px solid #334762;border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.06);padding:18px;}.gt-head{font-size:12px;font-weight:900;letter-spacing:0.22em;color:#ffbe2e;text-shadow:0 0 8px rgba(255,190,46,0.3);}.gt-rows{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;}.gt-rows i{font-style:normal;font-family:var(--font-num);font-size:12px;font-weight:700;color:#e2eeff;}.gt-abilities{display:grid;gap:8px;}.gt-abilities i{display:grid;gap:3px;font-style:normal;padding:10px 12px;background:rgba(22,33,48,0.75);border:1px solid #30435d;border-left:5px solid var(--rarity,#7fe3ff);border-radius:var(--radius-s);}.gt-abilities i.common{border-left-color:var(--common);}.gt-abilities i.uncommon{border-left-color:var(--uncommon);}.gt-abilities i.rare{border-left-color:var(--rare);}.gt-abilities i.epic{border-left-color:var(--epic);}.gt-abilities i.legendary{border-left-color:var(--legendary);}.gt-abilities b{font-size:12px;letter-spacing:0.06em;color:#fff;font-weight:800;}.gt-abilities span{font-size:11px;line-height:1.5;color:#9bb2cf;}.gt-abilities em{font-style:normal;font-size:9px;letter-spacing:0.1em;color:#6783a7;}.gt-sets i,.gt-setlist i{font-style:normal;font-size:11px;letter-spacing:0.08em;font-weight:700;color:#6882a4;background:rgba(14,22,33,0.8);padding:4px 10px;border-radius:8px;border:1px solid #28394e;}.gt-setlist{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;}.gt-setlist i.on{color:#4cd936;font-weight:900;background:rgba(76,217,54,0.15);border-color:rgba(76,217,54,0.4);box-shadow:0 0 10px rgba(76,217,54,0.3);}.gear-stash{display:grid;gap:14px;align-content:start;}.stash-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:linear-gradient(180deg,#1c2738 0%,#131d2b 100%);padding:12px 16px;border-radius:var(--radius-s);border:2px solid #334762;box-shadow:0 4px 14px rgba(0,0,0,0.4);}.stash-head b{font-size:15px;letter-spacing:0.18em;color:#ffbe2e;font-weight:900;}.stash-blurb{flex:1 1 200px;font-size:11px;color:#9bb1ce;font-weight:600;}.stash-lv{font-size:11px;font-weight:900;letter-spacing:0.1em;color:#3fd6e0;background:rgba(63,214,224,0.15);padding:4px 10px;border-radius:8px;border:1px solid rgba(63,214,224,0.35);}.stash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:10px;}.gtile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(130px,100%),1fr));gap:10px;}.gtile-grid>.muted,.fb-fodder>.muted{grid-column:1 / -1;}.gtile,.gt-face,.gt-name{min-width:0;}.gt-name{overflow-wrap:anywhere;}.gtile{position:relative;background:linear-gradient(180deg,#1f2b3c 0%,#141d2a 100%);border:2px solid #364b68;border-top:5px solid var(--rarity,#60799e);border-radius:var(--radius-s);box-shadow:0 4px 14px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.06);transition:all var(--dur) var(--ease);}.gtile:hover{transform:translateY(-4px);border-color:#5576a3;box-shadow:0 10px 24px rgba(0,0,0,0.7),0 0 16px rgba(127,227,255,0.25);}.gtile.active{background:linear-gradient(180deg,#2c3e57 0%,#1d2b3d 100%);border-color:#ffd666;box-shadow:0 6px 20px rgba(0,0,0,0.6),0 0 18px rgba(255,214,102,0.5);}.gtile.too-low{opacity:0.55;}.gtile.too-low:hover{transform:none;}.gt-face{display:grid;gap:3px;justify-items:center;width:100%;padding:10px 8px 8px;font-family:var(--font-ui);color:#f0f6fc;background:none;border:0;border-radius:inherit;cursor:pointer;}.gt-face:disabled{cursor:default;}.gt-art{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.6));}.gt-name{font-size:11px;font-weight:700;line-height:1.25;text-align:center;color:#f0f6fc;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em;}.gt-meta{font-size:9px;letter-spacing:0.12em;color:var(--rarity,#8da6c7);font-weight:900;}.gt-power{display:flex;align-items:baseline;gap:6px;font-family:var(--font-num);margin-top:3px;}.gt-power>b{font-size:15px;font-weight:900;color:#ffd666;}.gt-power i{font-style:normal;font-size:11px;font-weight:900;letter-spacing:0.04em;}.gt-power i.up{color:#4cd936;}.gt-power i.down{color:#ff5555;}.gt-power i.on{color:var(--rarity,#7fe3ff);letter-spacing:0.14em;font-size:9px;font-weight:800;}.gt-spark{position:absolute;left:6px;top:6px;font-style:normal;font-size:13px;color:#ffd666;text-shadow:0 0 8px rgba(255,214,102,0.9);}.gt-lock{position:absolute;inset:auto 0 0 0;padding:3px 0;font-family:var(--font-num);font-size:9px;font-weight:900;letter-spacing:0.12em;color:#fff;background:#e0554a;border-radius:0 0 8px 8px;}.gt-ops{position:absolute;right:5px;top:5px;display:grid;gap:4px;justify-items:end;opacity:0;transition:all var(--dur) var(--ease);}.gtile:hover .gt-ops,.gt-ops:focus-within{opacity:1;}body.touch .gt-ops{opacity:1;}.gt-up,.gt-scrap{padding:3px 7px;font-family:var(--font-num);font-size:9px;font-weight:900;border:1px solid #fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.4);cursor:pointer;}.gt-up{color:#08131f;background:linear-gradient(180deg,#7fe3ff,#3fb7e8);}.gt-up:disabled{opacity:0.45;cursor:default;filter:grayscale(0.6);}.gt-scrap{color:#1a2536;background:linear-gradient(180deg,#ffd666,#ffbe2e);}.gt-up:hover:not(:disabled),.gt-scrap:hover{transform:scale(1.08);filter:brightness(1.1);}.gt-max{padding:3px 7px;font-family:var(--font-num);font-size:9px;font-weight:900;letter-spacing:0.12em;color:#ffd666;border:1px solid #ffd666;border-radius:8px;}.stash-item{position:relative;display:grid;gap:6px;align-content:start;padding:14px;background:linear-gradient(180deg,#1c2839 0%,#121c29 100%);border:2px solid #334762;border-top:6px solid var(--rarity,#60799e);border-radius:var(--radius);box-shadow:0 6px 18px rgba(0,0,0,0.5);color:#f0f6fc;}.stash-item.active{box-shadow:0 6px 18px rgba(0,0,0,0.6),inset 0 0 0 2px var(--rarity);border-color:#ffd666;}.stash-item>b{font-size:14px;color:var(--rarity,#fff);line-height:1.3;font-weight:800;}.si-rarity{font-size:9px;letter-spacing:0.18em;color:var(--rarity);text-transform:uppercase;}.si-stats{font-family:var(--font-num);font-size:10px;line-height:1.7;color:var(--ink-dim);}.si-ability{font-size:10px;line-height:1.55;color:var(--ink-dim);padding:6px 8px;background:var(--cream-2);border-left:4px solid var(--rarity);border-radius:6px;}.si-ability b{color:#8a6a1a;}.si-flavour{font-size:10px;font-style:italic;line-height:1.5;color:var(--ink-faint);}.si-power{font-family:var(--font-num);font-size:10px;letter-spacing:0.08em;color:var(--khaki);}.si-actions{display:flex;gap:6px;margin-top:4px;}.si-top{display:flex;gap:10px;align-items:center;}.si-icon{width:52px;height:52px;flex:none;object-fit:contain;background:var(--cream-3);border:2px solid var(--rarity);border-radius:12px;}.si-head{display:grid;gap:2px;}.si-req{font-family:var(--font-num);font-size:9px;font-weight:700;letter-spacing:0.14em;color:var(--ink-faint);}.si-req.low{color:var(--candy-red);}.stash-item.too-low{opacity:0.65;}.stash-lv{font-family:var(--font-num);font-size:10px;font-weight:700;letter-spacing:0.14em;color:var(--ink-faint);}.gs-icon{width:44px;height:44px;object-fit:contain;margin:2px auto 0;}.sys-window{position:absolute;inset:auto 10px 10px 10px;z-index:4;opacity:0;transform:translateY(14px) scale(0.97);transition:opacity 220ms var(--ease),transform 260ms var(--ease);cursor:pointer;}.sys-window.on{opacity:1;transform:none;}.sys-window.hidden{display:none;}.sw-frame{display:grid;gap:6px;padding:10px 12px 12px;color:#e8f6ff;text-shadow:0 1px 3px rgba(0,12,24,0.85);background:linear-gradient(165deg,rgba(10,30,48,0.66),rgba(6,17,30,0.78));border:2px solid color-mix(in srgb,var(--r) 65%,transparent);border-radius:10px;box-shadow:0 0 0 1px rgba(255,255,255,0.06) inset,0 0 26px color-mix(in srgb,var(--r) 32%,transparent),0 14px 30px rgba(0,0,0,0.5);backdrop-filter:blur(7px) saturate(0.85);}.sw-bar{display:flex;align-items:center;gap:7px;}.sw-mark{display:grid;place-content:center;width:15px;height:15px;font-size:10px;font-weight:900;color:#06131f;background:var(--r);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);}.sw-tag{font-size:9px;font-weight:900;letter-spacing:0.34em;color:var(--r);}.sw-eyebrow{font-size:8px;letter-spacing:0.3em;color:rgba(206,234,250,0.6);}.sw-head{display:flex;align-items:center;gap:10px;}.sw-icon{width:42px;height:42px;flex:none;object-fit:contain;padding:3px;background:rgba(255,255,255,0.06);border:1px solid color-mix(in srgb,var(--r) 55%,transparent);border-radius:8px;}.sw-titles{display:grid;gap:1px;min-width:0;}.sw-name{font-size:15px;font-weight:900;line-height:1.15;color:#fff;}.sw-sub{font-size:8px;letter-spacing:0.2em;color:var(--r);}.sw-rows{display:grid;gap:1px;margin:2px 0 0;padding:0;list-style:none;}.sw-row{display:flex;align-items:baseline;gap:6px;font-family:var(--font-num);font-size:11px;line-height:1.5;color:#cfe6f5;animation:swRow 260ms var(--ease) both;animation-delay:var(--d,0ms);}@keyframes swRow{from{opacity:0;transform:translateX(-10px);}}.sw-row em{font-style:normal;font-size:9px;color:rgba(190,214,230,0.5);}.sw-arrow{font-style:normal;font-size:9px;}.sw-row.up{color:#8ff0a8;}.sw-row.up .sw-arrow{color:#4fd06a;}.sw-row.down{color:#ffb0a6;}.sw-row.down .sw-arrow{color:#e0554a;}.sw-row.flat .sw-arrow{color:rgba(190,214,230,0.45);}.sw-ability{display:grid;gap:1px;padding:6px 8px;background:rgba(255,255,255,0.05);border-left:3px solid var(--r);border-radius:5px;animation:swRow 300ms var(--ease) both;animation-delay:var(--d,0ms);}.sw-ability b{font-size:10px;letter-spacing:0.1em;color:var(--r);}.sw-ability span{font-size:10px;line-height:1.45;color:#c3dced;}.sw-power{display:flex;align-items:baseline;gap:7px;animation:swRow 300ms var(--ease) both;animation-delay:var(--d,0ms);}.sw-power span{font-size:8px;letter-spacing:0.26em;color:rgba(206,234,250,0.55);}.sw-power b{font-family:var(--font-num);font-size:16px;font-weight:900;color:#ffd98a;}.sw-power i{font-style:normal;font-family:var(--font-num);font-size:11px;font-weight:800;}.sw-power i.up{color:#6fe08c;}.sw-power i.down{color:#ff9a8e;}.sw-lore{margin:0;font-size:10px;font-style:italic;line-height:1.5;color:rgba(197,221,236,0.72);animation:swRow 340ms var(--ease) both;animation-delay:var(--d,0ms);}.sys-window.epic .sw-frame,.sys-window.legendary .sw-frame{position:relative;overflow:hidden;}.sys-window.epic .sw-frame::after,.sys-window.legendary .sw-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,color-mix(in srgb,var(--r) 40%,transparent) 50%,transparent 65%);translate:-120% 0;animation:swSweep 900ms var(--ease) 240ms;pointer-events:none;}@keyframes swSweep{to{translate:120% 0;}}@media (prefers-reduced-motion:reduce){.sw-row,.sw-ability,.sw-power,.sw-lore{animation:none;}.sys-window.epic .sw-frame::after,.sys-window.legendary .sw-frame::after{animation:none;opacity:0;}}.pet-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:12px;}.pet-card{position:relative;display:grid;grid-template-columns:62px 1fr;gap:14px;padding:14px;background:linear-gradient(180deg,#1b2637 0%,#121a26 100%);border:2px solid #334762;border-top:5px solid var(--rarity,#4a6385);border-radius:var(--radius);box-shadow:0 6px 18px rgba(0,0,0,0.45);}.pet-card.active{border-color:#3ccb4e;border-top-color:#3ccb4e;box-shadow:0 0 16px rgba(60,203,78,0.25);}.pet-card.locked{opacity:0.55;}.pt-body{display:grid;gap:3px;}.pt-body>b{font-size:15px;color:#fff;}.pt-rarity{font-style:normal;font-size:9px;letter-spacing:0.18em;color:var(--rarity,#ffd666);text-transform:uppercase;}.pt-desc{font-size:11px;line-height:1.55;color:#a4bede;}.pt-stats{font-family:var(--font-num);font-size:10px;color:#7e9bbd;}.pt-action{grid-column:1 / -1;}.hangar-foot{display:grid;place-items:center;padding:16px 20px;padding-bottom:max(16px,env(safe-area-inset-bottom));border-top:3px solid #364863;background:linear-gradient(180deg,#151f2c 0%,#0d141e 100%);box-shadow:0 -8px 25px rgba(0,0,0,0.45);}.btn-deploy{min-width:min(480px,85vw);padding:16px 36px;font-size:18px;font-weight:900;letter-spacing:0.12em;background:url('../assets/ui/textures/btn_green_3d.webp') center/100% 100% no-repeat,linear-gradient(180deg,#5fe37d 0%,#30b852 50%,#1c7e35 100%);border:3px solid #7ef599;border-radius:999px;box-shadow:0 6px 0 #0e441c,0 0 34px rgba(48,184,82,0.6),inset 0 2px 0 rgba(255,255,255,0.5);color:#ffffff;text-shadow:0 2px 4px rgba(0,0,0,0.7);cursor:pointer;transition:all var(--dur) var(--ease);}.btn-deploy:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 0 #0e441c,0 0 40px rgba(48,184,82,0.6),inset 0 2px 0 rgba(255,255,255,0.6);}.btn-deploy:active{transform:translateY(3px);box-shadow:0 3px 0 #0e441c,0 0 20px rgba(48,184,82,0.4);}@media (max-width:1340px){.hangar-top{gap:10px;padding:10px 14px;}.brand{font-size:18px;padding:5px 12px;}.tab{padding:8px 11px;font-size:11px;letter-spacing:0.07em;gap:5px;}.tab-icon{width:16px;height:16px;vertical-align:-4px;}.wallet{padding:5px 11px;gap:6px;}.wallet img{width:17px;height:17px;}.wallet b{font-size:13px;}}@media (max-width:900px){.deploy-grid,.gear-grid,.armoury-grid{grid-template-columns:1fr;}.gear-col:first-child{position:static;}.hero-stage{aspect-ratio:16 / 11;min-height:240px;max-height:46vh;}.gtile-grid{grid-template-columns:repeat(auto-fill,minmax(min(104px,100%),1fr));}.gsl-name{font-size:9px;}.hangar-top{flex-wrap:wrap;gap:10px;}.tabs{order:3;width:100%;margin-left:0;flex:1 0 100%;}.tab{padding:8px 14px;font-size:11px;}.wallet{margin-left:auto;}.dh-stats{grid-template-columns:repeat(3,1fr);}}@media (max-height:560px){.hangar-top{gap:8px;padding:6px 12px;padding-top:max(6px,env(safe-area-inset-top));}.brand{font-size:15px;padding:3px 10px;}.tabs{padding:3px 2px;}.tab{padding:6px 12px;font-size:10px;}.tab-icon{width:14px;height:14px;vertical-align:-3px;}.wallet{padding:3px 9px;gap:5px;}.wallet img{width:15px;height:15px;}.wallet b{font-size:12px;}.icon-btn{width:30px;height:30px;font-size:13px;}.hangar-body{padding:10px 12px;}.hangar-foot{padding:8px 14px;padding-bottom:max(8px,env(safe-area-inset-bottom));}.btn-deploy{min-width:min(420px,78vw);padding:10px 26px;font-size:14px;}.hero-stage{min-height:150px;max-height:44vh;}.dh-portrait{width:62px;height:62px;}.dh-name{font-size:14px;}.dh-ability{margin-top:6px;padding:6px 10px;}.dh-stats{margin-top:8px;gap:6px;}.dh-stats i{padding:5px 8px;}.dh-stats b{font-size:13px;}}@media (max-width:520px){.hangar-top{gap:7px;padding:8px 12px;}.brand{font-size:15px;padding:4px 10px;letter-spacing:0.03em;}.wallet{padding:4px 8px;gap:4px;}.wallet img{width:15px;height:15px;}.wallet b{font-size:12px;}.icon-btn{width:32px;height:32px;font-size:13px;}.hangar-body{padding:12px;}.btn-deploy{min-width:min(480px,90vw);padding:13px 20px;font-size:15px;}.hangar-foot{padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));}.dh-portrait{width:72px;height:72px;}.dh-stats b{font-size:14px;}.hero-stage{min-height:170px;max-width:100%;}}.setting{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:13px;font-weight:700;letter-spacing:0.04em;color:#a4bede;cursor:pointer;}.setting input{width:20px;height:20px;accent-color:#3ccb4e;cursor:pointer;}.forge-flash{margin-bottom:14px;padding:10px 18px;font-size:13px;font-weight:900;letter-spacing:0.08em;color:#fff;background:linear-gradient(180deg,#15383b,#0f2428);border:2px solid #3fd6e0;border-radius:14px;box-shadow:0 0 16px rgba(63,214,224,0.4);animation:cardIn 320ms var(--ease) backwards;}.fg-lv{font-size:10px;font-weight:900;letter-spacing:0.14em;color:#3fd6e0;}.fg-actions{flex-wrap:wrap;}.forge-banner-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px;margin-bottom:16px;}.fbs-item{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:linear-gradient(180deg,#182638 0%,#101a27 100%);border:2px solid #2d425e;border-radius:var(--radius-s);box-shadow:0 4px 14px rgba(0,0,0,0.45);}.fbs-item.highlight{border-color:#3fd6e0;background:linear-gradient(180deg,#18343f 0%,#0e2029 100%);box-shadow:0 0 16px rgba(63,214,224,0.3);}.fbs-label{font-size:10px;font-weight:800;letter-spacing:0.18em;color:#7fa4cd;text-transform:uppercase;}.fbs-item.highlight .fbs-label{color:#3fd6e0;}.fbs-val{font-family:var(--font-num);font-size:20px;font-weight:900;color:#ffffff;}.fbs-val small{font-size:11px;font-weight:700;letter-spacing:0.06em;color:#9cb5d6;margin-left:6px;}.fbs-item.highlight .fbs-val{color:#ffd666;}