#ui .armory-screen{position:absolute;inset:36px 46px;display:flex;flex-direction:column;pointer-events:auto;padding:30px 38px;color:#d8f4ff;font-family:GameBody,sans-serif;background:linear-gradient(125deg,#071522fa,#0b2133f5);border:1px solid #38778f;box-shadow:0 20px 90px #000c,inset 0 2px #62dce8;isolation:isolate}
.armory-backdrop{opacity:.55}.armory-heading{display:flex;gap:28px;align-items:center;flex:none}.armory-heading h1{font:36px Game,sans-serif;margin:4px 0}.armory-heading .eyebrow{font-size:12px;letter-spacing:4px;color:#79b6cb}.armory-wallet{margin-left:auto;display:grid;gap:2px;text-align:right}.armory-wallet small{color:#9bb9c8;font-size:14px}.armory-wallet b{color:#ffdc91;font-size:28px;font-variant-numeric:tabular-nums}
.armory-heading .network-back{--secondary-art:inherit;min-height:52px;font-size:16px}.armory-tabs{display:flex;gap:14px;margin:22px 0 18px;border-bottom:1px solid #245369;padding-bottom:12px}
#ui .armory-screen button{font-family:GameBody,sans-serif;cursor:pointer;pointer-events:auto}#ui .armory-screen button:disabled{cursor:default;opacity:.52}#ui .armory-screen button:focus-visible{outline:3px solid #fff;outline-offset:3px}
#ui .armory-tab{border:1px solid #345e74;background:#0a2337;color:#abc7d5;font-size:18px;min-height:48px;padding:8px 26px;clip-path:none}.armory-tab.active{color:#adf8ff!important;background:#123c50!important;border-color:#57e0ef!important;box-shadow:inset 0 -3px #4ce3ef}
.armory-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:#38768c #081827}.supply-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;min-height:100%}.supply-item{position:relative;padding:20px 30px;background:linear-gradient(135deg,#113447b3,#0b182a);border:1px solid #315f74;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:inset 0 1px #7cd7ea33}.armory-serial{align-self:flex-start;color:#7c9cad;font-size:12px;letter-spacing:2px}.supply-art{height:102px;margin:12px 0 4px;display:grid;place-items:center;filter:drop-shadow(0 8px 22px #3bceff55)}.supply-art img{width:150px;height:102px;object-fit:contain}.supply-item h2,.research-detail h2{font:28px Game,sans-serif;margin:6px 0 10px}.rank-pips{display:inline-flex;gap:6px;height:10px;align-items:center}.rank-pips i{display:block;width:25px;height:5px;background:#27445a;transform:skew(-22deg)}.rank-pips i.lit{background:#5de8f5;box-shadow:0 0 9px #24caff99}.supply-item p{color:#9bb7c6;font-size:15px;margin:18px 0 12px}.supply-item strong{font-size:19px;color:#b3f6ff}.supply-current{font-size:14px;color:#88abba;margin:12px 0 20px}
#ui .armory-buy{display:block;margin-top:auto;min-height:54px;width:100%;padding:12px;background:linear-gradient(135deg,#85f0fa,#11a9c6);border:1px solid #86e8fa;color:#062132;font-size:18px;font-weight:bold;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}#ui .armory-buy:hover:not(:disabled){filter:brightness(1.15)}#ui .armory-buy:disabled{color:#a7c8d4;background:#132d3c}
.research-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;height:100%}.armory-roster{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.armory-tower{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:170px;background:linear-gradient(145deg,#102c40,#0b192c);border:1px solid #2d5269;color:#bdd6e2;clip-path:none!important}.armory-tower.active{border-color:#70edf8;box-shadow:inset 0 0 25px #39c4e933;background:linear-gradient(145deg,#124459,#0c263c)}.armory-tower img{width:130px;height:85px;object-fit:contain;filter:drop-shadow(0 5px 10px #0009)}.armory-tower b{font-size:19px}.armory-tower small{font-size:12px;color:#89a7b9}.armory-tower.locked{filter:saturate(.4)}.research-detail{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 26px;background:radial-gradient(ellipse at 50% 25%,#24557577,transparent 60%),#091b2d;border:1px solid #38657c}.research-label{font-size:12px;letter-spacing:3px;color:#86b4ca}.research-art{height:105px;display:grid;place-items:center;margin:8px}.research-art img{width:190px;height:120px;object-fit:contain;filter:drop-shadow(0 12px 16px #48c9ff44)}.research-detail p{color:#9ebccc;font-size:14px;margin:10px 0}.research-stats{display:grid;grid-template-columns:1fr 1fr;width:100%;margin:12px 0;border-top:1px solid #29495d;border-bottom:1px solid #29495d;padding:12px 0}.research-stats div{display:grid;gap:4px}.research-stats span{font-size:13px;color:#91aebe}.research-stats b{font-size:23px}.research-stats small{font-size:13px;color:#6ee0ee}.research-rule{line-height:1.6}.armory-note{font-size:13px;color:#7fa4b8;display:flex;justify-content:space-between;gap:12px;flex:none;margin-top:16px;padding-top:12px;border-top:1px solid #224153}.armory-note span{font-size:12px}
.home-component .master-shop,.home-component .master-research{background:linear-gradient(120deg,#102d40ed,#0a1d30ed);border:1px solid #3f8b9f;color:#a9f5ff;font-family:GameBody,sans-serif;font-size:19px;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.home-component .master-shop:hover,.home-component .master-research:hover{background:#19465a}
body.touch-landscape #ui .armory-screen{position:fixed;inset:8px 10px;width:auto;height:auto;padding:14px 18px;transform:none;overflow:hidden}.touch-ui .armory-heading{gap:16px}.touch-ui .armory-heading h1{font-size:24px}.touch-ui .armory-heading .eyebrow{font-size:9px}.touch-ui .armory-wallet{display:flex;gap:8px;align-items:center}.touch-ui .armory-wallet b{font-size:22px}.touch-ui .armory-heading .network-back{min-height:44px;padding:8px 16px;font-size:14px}.touch-ui .armory-tabs{margin:10px 0 12px;padding-bottom:8px;gap:10px}.touch-ui .armory-tab{font-size:15px!important;min-height:44px!important;padding:6px 20px!important}.touch-ui .supply-grid{gap:14px}.touch-ui .supply-item{padding:14px 22px;min-height:310px}.touch-ui .supply-art{height:70px;margin:6px}.touch-ui .supply-art img{height:70px}.touch-ui .supply-item h2{font-size:23px}.touch-ui .supply-item p{font-size:13px;margin:12px 0}.touch-ui .supply-item strong{font-size:16px}.touch-ui .supply-current{font-size:13px;margin:10px}.touch-ui .armory-buy{min-height:44px!important;font-size:15px!important;padding:8px!important}.touch-ui .research-grid{grid-template-columns:1.15fr 1fr;gap:14px;height:auto;min-height:350px}.touch-ui .armory-roster{grid-template-columns:repeat(2,1fr);gap:8px}.touch-ui .armory-tower{min-height:132px;gap:5px}.touch-ui .armory-tower img{height:60px;width:100px}.touch-ui .armory-tower b{font-size:15px}.touch-ui .armory-tower small{font-size:11px}.touch-ui .research-detail{padding:14px;justify-content:flex-start}.touch-ui .research-art{height:95px}.touch-ui .research-art img{height:100px}.touch-ui .research-detail h2{font-size:23px}.touch-ui .research-stats b{font-size:21px}.touch-ui .armory-note{font-size:11px;margin-top:7px;padding-top:6px}.touch-ui .armory-note span{max-width:68%;font-size:10px;line-height:1.4}

/* Compact the detail without hiding its purchase action at the reference size. */
#ui .armory-screen{border:0;background:none;box-shadow:0 20px 90px #000c}
#ui .armory-screen::before{content:'';position:absolute;inset:0;border:32px solid transparent;border-image-source:var(--panel-art);border-image-slice:140 140 110 140 fill;border-image-width:32px;z-index:-1;pointer-events:none}
.research-detail{padding:12px 22px}.research-art{height:70px;margin:4px}.research-art img{width:150px;height:80px}.research-detail h2{font-size:24px;margin:4px 0 8px}.research-detail p{font-size:13px;margin:8px 0}.research-stats{margin:8px 0;padding:8px 0}.research-stats div{gap:2px}.research-stats b{font-size:21px}.research-detail .research-rule{font-size:12px;line-height:1.5}.research-detail .armory-buy{min-height:50px}
.touch-ui .supply-grid{height:100%;min-height:0;gap:12px}.touch-ui .supply-item{min-height:0;padding:8px 12px;display:grid;grid-template-columns:52px 1fr;grid-template-rows:26px 32px 44px;gap:5px 8px;text-align:left;align-content:center}.touch-ui .supply-item .armory-serial,.touch-ui .supply-item .rank-pips,.touch-ui .supply-item p,.touch-ui .supply-current{display:none}.touch-ui .supply-art{grid-column:1;grid-row:1 / 3;height:auto;margin:0}.touch-ui .supply-art img{width:52px;height:58px}.touch-ui .supply-item h2{grid-column:2;grid-row:1;font-size:18px;margin:0}.touch-ui .supply-item strong{grid-column:2;grid-row:2;font-size:12px}.touch-ui .supply-item .armory-buy{grid-column:1 / -1;grid-row:3;margin:0}
.touch-ui .research-grid{height:100%;min-height:0;grid-template-columns:1.1fr 1fr;gap:12px}.touch-ui .armory-roster{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:6px}.touch-ui .armory-tower{min-height:0;padding:3px;gap:2px}.touch-ui .armory-tower img{height:27px;width:70px}.touch-ui .armory-tower b{font-size:13px}.touch-ui .armory-tower .rank-pips{display:none}.touch-ui .armory-tower small{font-size:10px}
.touch-ui .research-detail{display:grid;grid-template-columns:76px 1fr;grid-template-rows:20px 1fr 44px;gap:5px 8px;padding:7px 10px;min-height:0;align-items:center}.touch-ui .research-detail .research-label,.touch-ui .research-detail>.rank-pips,.touch-ui .research-detail>p{display:none}.touch-ui .research-detail .research-art{grid-column:1;grid-row:1 / 3;height:auto;margin:0}.touch-ui .research-art img{width:76px;height:78px}.touch-ui .research-detail h2{grid-column:2;grid-row:1;font-size:18px;margin:0}.touch-ui .research-stats{grid-column:2;grid-row:2;margin:0;padding:3px 0;border-bottom:0}.touch-ui .research-stats span{font-size:10px}.touch-ui .research-stats b{font-size:16px}.touch-ui .research-stats small{font-size:10px}.touch-ui .research-detail .armory-buy{grid-column:1 / -1;grid-row:3;margin:0}

.supply-rank{font:12px GameBody,sans-serif;color:#81bdcc;margin-left:7px}

body.touch-landscape #ui .armory-screen::before{border-image-width:18px}.touch-ui .armory-heading .eyebrow{display:none}

.armory-actions{display:grid;grid-template-columns:1fr;gap:8px;width:100%;margin-top:auto}.armory-actions.has-refund{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}#ui .armory-actions>.armory-buy{margin:0;grid-column:auto;grid-row:auto}#ui .armory-refund{border:1px solid #39718a;background:#112f43;color:#b1e1ec;font-size:15px;min-height:44px;padding:8px}.touch-ui .research-detail .armory-actions,.touch-ui .supply-item .armory-actions{grid-column:1 / -1;grid-row:3;margin:0;gap:6px}.touch-ui .research-detail .armory-actions>.armory-buy,.touch-ui .supply-item .armory-actions>.armory-buy{grid-column:auto;grid-row:auto;min-height:44px!important}.touch-ui .armory-refund{font-size:12px!important;padding:6px!important}