#shop-panel{position:fixed!important;inset:0!important;width:auto!important;z-index:26!important;overflow:auto;background:radial-gradient(ellipse at 75% 35%,#28314966,transparent 60%),linear-gradient(120deg,#0a101af7,#080e19fc);backdrop-filter:blur(18px)}body[data-phase=shop] .brand{opacity:1;pointer-events:auto}body[data-phase=shop] #game-toolbar{top:18px}
.arsenal{padding:90px clamp(24px,4vw,80px) 24px;min-height:760px;height:100dvh;display:flex;flex-direction:column}.arsenal-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:25px;border-bottom:1px solid #d0dbed20;flex-shrink:0}.arsenal-header .eyebrow{font-size:10px}.arsenal-header h1{font:500 clamp(36px,3.6vw,59px)/1.1 Georgia;margin:9px 0 13px;color:#f0e9db}.arsenal-header p{font-size:12px;color:#9aaac0;margin:0}.gold-wallet{display:grid;grid-template-columns:40px 1fr;gap:12px 15px;padding:16px 25px;border:1px solid #d8b77d38;background:#d9bc8705;min-width:220px}.gold-wallet>.ui-icon{width:32px;height:32px;color:#e1c68f;margin-top:14px}.gold-wallet>span{font-size:9px;letter-spacing:.12em;color:#ab9d84}.gold-wallet b{display:block;font:36px Georgia;color:#f1d59d;margin-top:6px;letter-spacing:0}.gold-wallet>small{grid-column:1/3;text-align:center;font-size:8px;color:#8392a9;border-top:1px solid #d9bc871c;padding-top:8px}
.arsenal-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,365px);gap:28px;flex:1;min-height:0;padding-top:22px}.arsenal-catalog{display:flex;flex-direction:column;min-height:0}.arsenal-filters{display:flex;gap:8px;flex-shrink:0;margin-bottom:18px}.arsenal-filters>button{padding:9px 16px;font-size:9px;letter-spacing:.1em;background:none;color:#8e9db4;border-color:#ffffff1a}.arsenal-filters>button.active{background:#d9bc8714;border-color:#d9bc8766;color:#e0c58f}.arsenal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(220px,1fr);gap:13px;overflow:auto;min-height:0;padding:2px 4px 2px 0;scrollbar-width:thin;scrollbar-color:#3b475b transparent;flex:1}.relic-card{position:relative;display:flex;flex-direction:column;padding:0;overflow:hidden;min-height:220px;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--relic) 8%,transparent),transparent 60%),#101824;border:1px solid #e0e8f01c;text-align:left;color:#d1d8df;border-radius:3px}.relic-card:hover:not(:disabled){background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--relic) 16%,transparent),transparent 60%),#111c2a;transform:translateY(-2px);border-color:color-mix(in srgb,var(--relic) 70%,transparent)}.relic-card.selected{border-color:var(--relic);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--relic) 18%,transparent)}.relic-card.selected:after{content:"";position:absolute;height:2px;left:20%;right:20%;bottom:0;background:var(--relic)}.relic-number{position:absolute;left:14px;top:13px;font:12px Georgia;color:#707e94}.relic-state{position:absolute;right:12px;top:15px;font-size:7px;letter-spacing:.12em;color:var(--relic)}.relic-art{position:relative;height:clamp(90px,15vh,170px);min-height:80px;display:flex;align-items:center;justify-content:center;flex:1;color:var(--relic);isolation:isolate}.relic-art>i{position:absolute;width:78px;height:78px;border:1px solid color-mix(in srgb,var(--relic) 30%,transparent);transform:rotate(45deg);background:radial-gradient(circle,color-mix(in srgb,var(--relic) 10%,transparent),transparent);box-shadow:0 0 35px color-mix(in srgb,var(--relic) 8%,transparent)}.relic-art>i:before{content:"";position:absolute;inset:7px;border:1px solid color-mix(in srgb,var(--relic) 13%,transparent)}.relic-art>i:after{content:"";position:absolute;inset:-13px;border:1px dashed color-mix(in srgb,var(--relic) 15%,transparent);border-radius:50%;transform:rotate(-45deg)}.relic-art>.ui-icon{width:46px;height:46px;stroke-width:1.1;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--relic) 35%,transparent));position:relative}.relic-card-copy{padding:5px 16px 16px;flex-shrink:0}.relic-card-copy h2{font:500 clamp(16px,1.45vw,22px)/1.2 Georgia;margin:4px 0 8px;color:#e3e0d5}.relic-card-copy>span{font-size:9px;color:#97a8bf;line-height:1.6}.relic-card-copy footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;margin-top:13px;border-top:1px solid #dbe4f01a;gap:6px}.relic-card-copy footer>b{display:flex;gap:5px;align-items:center;color:#e4c487;font-size:13px;font-weight:500}.relic-card-copy footer svg{width:13px;height:13px}.relic-card-copy footer>small{font-size:7px;color:#8d9cb1;letter-spacing:.04em}.relic-card.owned .relic-state{background:#99d3b519;padding:4px 6px;top:10px;color:#acd4b8}.relic-card.owned footer>b{color:#acd4b8;font-size:9px}
.relic-detail{position:relative;padding:25px;background:linear-gradient(150deg,color-mix(in srgb,var(--relic) 6%,#101925),#0b1420);border:1px solid color-mix(in srgb,var(--relic) 30%,transparent);display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin;scrollbar-color:#455368 transparent}.relic-detail>.eyebrow{font-size:8px;color:var(--relic)}.detail-art{height:clamp(100px,16vh,180px);flex:1;min-height:105px;margin:10px 0}.detail-art>i{height:90px;width:90px}.detail-art>.ui-icon{width:58px;height:58px}.relic-detail h2{font:500 29px/1.15 Georgia;color:#ece5d6;margin:4px 0 13px}.relic-detail>p{font-size:11px;color:#9caec5;line-height:1.75;margin-bottom:17px}.relic-detail>.relic-lore{font:italic 14px/1.65 Georgia;color:#c4bfae;margin-bottom:12px}.stat-comparison{padding:13px 0 7px;border-top:1px solid #d9bc8726;border-bottom:1px solid #d9bc8726;margin:6px 0 12px}.stat-comparison>header{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.1em;color:#7a8fa9;margin-bottom:12px}.stat-comparison>div{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:11px;color:#a1b4cd}.stat-comparison>div>span{flex:1}.stat-comparison b{font-weight:400;color:#899bb0}.stat-comparison strong{font-weight:500;color:#e4dfcf}.stat-comparison em{font:8px system-ui;color:#a2d1ac;margin-left:3px;padding:3px 4px;background:#8dc49d0d}.relic-detail>.purchase-rule{font-size:9px;line-height:1.65;color:#8195b0;margin:2px 0 18px}.buy-button{width:100%;padding:15px 10px;font-size:11px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:auto;flex-shrink:0}.buy-button svg{margin:0!important;width:16px;height:16px}.buy-button:disabled{background:#172131;color:#a0b0c6;border-color:#72859f30;box-shadow:none;opacity:1}.purchase-caption{display:block;font-size:8px;text-align:center;margin-top:9px;color:#8098b5;line-height:1.6}
.arsenal-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #c4d0e61f;padding-top:21px;margin-top:23px;flex-shrink:0}.inventory{display:flex;align-items:center;gap:25px}.inventory>span{font-size:9px;line-height:1.6;letter-spacing:.08em;color:#99a9bf}.inventory>span>b{display:block;color:#d7c6a4;font:17px Georgia;letter-spacing:0}.inventory>div{display:flex;gap:7px}.inventory-slot{width:37px;height:37px;border:1px solid #b8c7df1f;display:grid;place-items:center;color:#394a61;background:#101925}.inventory-slot.filled{color:var(--relic);border-color:color-mix(in srgb,var(--relic) 45%,transparent);background:color-mix(in srgb,var(--relic) 7%,#101925)}.inventory-slot svg{width:19px;height:19px}.arsenal-continue{display:flex;align-items:center;gap:22px}.arsenal-continue>small{font-size:10px;color:#8fa3bf}.arsenal-continue>.primary{font-size:10px;padding:18px 23px}.arsenal-continue>.primary svg{height:16px;width:16px;margin-left:22px}
@media(min-width:1750px){.arsenal-layout{grid-template-columns:minmax(0,1fr) 415px;gap:35px}.arsenal-grid{gap:18px}.relic-card-copy{padding:10px 23px 20px}.relic-card-copy>span{font-size:11px}.relic-card-copy h2{font-size:25px}.relic-card-copy footer>b{font-size:16px}.relic-card-copy footer>small{font-size:9px}.relic-art>i{width:92px;height:92px}.relic-art>svg{width:58px;height:58px}.relic-detail{padding:30px}.relic-detail h2{font-size:33px}.relic-detail>p{font-size:12px}.detail-art>i{width:115px;height:115px}.detail-art>svg{width:74px;height:74px}.arsenal-header p{font-size:14px}.inventory-slot{width:42px;height:42px}.arsenal-continue>.primary{font-size:12px;padding:21px 30px}.buy-button{padding:18px 12px;font-size:12px}}
@media(max-width:1150px){.arsenal{height:auto;min-height:100dvh;padding-top:88px}.arsenal-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;flex:initial}.arsenal-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:250px;overflow:visible}.arsenal-detail{position:sticky;top:70px}.relic-detail{min-height:560px;position:sticky;top:65px}.arsenal-filters{gap:4px;flex-wrap:wrap}.arsenal-filters button{font-size:8px;padding:9px 11px}.arsenal-continue>small{display:none}.arsenal-footer{position:sticky;bottom:0;background:#09111ff5;padding:18px 0;z-index:2}.inventory{gap:14px}.inventory-slot{width:30px;height:30px}.inventory>span{font-size:8px}}
@media(max-width:750px){.arsenal{padding:80px 19px 15px}.arsenal-header{align-items:start;gap:15px;padding-bottom:22px}.arsenal-header h1{font-size:37px}.arsenal-header p{font-size:10px;max-width:220px;line-height:1.7}.arsenal-header .eyebrow{font-size:8px}.gold-wallet{min-width:115px;grid-template-columns:20px 1fr;gap:7px;padding:12px}.gold-wallet>.ui-icon{width:20px;height:20px;margin-top:11px}.gold-wallet>span{font-size:6px;letter-spacing:.04em}.gold-wallet b{font-size:25px}.gold-wallet>small{font-size:6px}.arsenal-layout{grid-template-columns:1fr;gap:22px}.arsenal-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:240px;gap:9px}.relic-card-copy{padding:5px 12px 13px}.relic-card-copy h2{font-size:19px}.relic-card-copy>span{font-size:9px}.relic-card-copy footer>small{font-size:6px}.relic-state{font-size:6px;right:10px}.relic-number{left:10px;font-size:10px}.relic-detail{min-height:550px;position:static;padding:25px}.detail-art{height:140px;flex:none}.arsenal-footer{gap:10px;align-items:center;padding:13px 0}.inventory>span{display:none}.inventory>div{gap:4px}.inventory-slot{height:25px;width:25px}.inventory-slot svg{height:13px;width:13px}.arsenal-continue>.primary{padding:13px 10px;font-size:8px}.arsenal-continue>.primary svg{width:12px;height:12px;margin-left:7px}.relic-art>i{width:67px;height:67px}.relic-art>svg{width:41px;height:41px}.relic-detail .relic-art>i{width:95px;height:95px}.relic-detail .relic-art>svg{width:57px;height:57px}.arsenal-continue{gap:0}}