/* ST ARLOT / ORBIT VAULT — original vector art, visual layer only. */
#shopframe#shopframe .sf-panel.mode-bag{--iv-mint:#a2f2d4;--iv-line:#ffffff16;background:#0b1120 url('/game/inventory-781/vault.svg') right top/auto 100% no-repeat!important;border:1px solid #859bc22e;box-shadow:0 32px 120px #000b;gap:20px}
#shopframe#shopframe .mode-bag .sf-top{border-bottom:1px solid var(--iv-line)}
#shopframe#shopframe .mode-bag .sf-logo{background: url('/game/inventory-781/crest.svg') center/contain no-repeat!important;border:0!important;border-image:none!important;filter:none}
#shopframe#shopframe .mode-bag .sf-logo>*{visibility:hidden}
#shopframe#shopframe .mode-bag .sf-title{display:block!important;color:#f1f5ff;font-weight:800;letter-spacing:.06em}
#shopframe#shopframe .mode-bag .sf-cat.on{background:#99eccb12!important;color:var(--iv-mint);border-color:#99eccb35;box-shadow:inset 3px 0 var(--iv-mint)}
#shopframe#shopframe .mode-bag .sf-cat:not(.on){color:#a0acc2}
#shopframe#shopframe .mode-bag .sf-bag{grid-template-columns:230px minmax(0,1fr);gap:22px}
#shopframe#shopframe .mode-bag .sf-load{gap:12px}
#shopframe#shopframe .mode-bag .sf-load-ship{background:#101e2c url('/game/inventory-781/podium.svg') center/100% 100% no-repeat!important;border:1px solid #96e4d238!important;border-image:none!important;border-radius:22px;box-shadow:inset 0 1px #defff012;transform:none;filter:none;min-height:200px;padding:24px 12px 44px}
#shopframe#shopframe .mode-bag .sf-load-ring{display:none}
#shopframe#shopframe .mode-bag .sf-load-art{position:relative;z-index:1}
#shopframe#shopframe .mode-bag .sf-load-row{height:126px;gap:12px}
#shopframe#shopframe .mode-bag .sf-mini{background:#141d31 url('/game/inventory-781/card-orbit.svg') center/cover no-repeat!important;border:1px solid #a996e132!important;border-image:none!important;border-radius:16px;box-shadow:none;padding:10px 8px 24px}
#shopframe#shopframe .mode-bag .sf-mini-chk{width:20px;height:20px;bottom:5px;background:#b1edda;color:#163e34;box-shadow:none}
#shopframe#shopframe .mode-bag .sf-inv{background:#0e1624db!important;border:1px solid var(--iv-line)!important;border-image:none!important;border-radius:22px;padding:20px;gap:14px;box-shadow:inset 0 1px #fff04}
#shopframe#shopframe .mode-bag .sf-inv-title{font-size:17px;letter-spacing:.02em;color:#e4ebf8}
#shopframe#shopframe .mode-bag .sf-inv-count{color:#a3b5ce;font-variant-numeric:tabular-nums;background:#ffffff06;border:1px solid #ffffff0c;border-radius:24px;padding:6px 12px}
#shopframe#shopframe .mode-bag .sf-inv-add{background:#9de6ca18!important;color:var(--iv-mint);border:1px solid #9de6ca30!important;border-radius:50%}
#shopframe#shopframe .mode-bag .sf-inv-tabs{gap:6px;border-bottom:1px solid #ffffff0c;padding-bottom:12px}
#shopframe#shopframe .mode-bag .sf-inv-tab{background:transparent!important;border:1px solid transparent!important;border-image:none!important;border-radius:12px;color:#a9b6cb;font-weight:600;font-size:12px;filter:none;box-shadow:none}
#shopframe#shopframe .mode-bag .sf-inv-tab.on{background:#b0f6dc!important;color:#102d28!important;border-color:#b0f6dc!important;box-shadow:0 3px 14px #80dfb818}
#shopframe#shopframe .mode-bag .sf-inv-scroll{scrollbar-color:#4c647b #101827}
#shopframe#shopframe .mode-bag .sf-inv-grid:not(.list){grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:14px}
#shopframe#shopframe .mode-bag .sf-inv-grid .sf-cell{position:relative;background:linear-gradient(150deg,#1b263c,#111c2d)!important;border:1px solid #8b9db42b!important;border-image:none!important;border-radius:17px;padding:10px 10px 36px;min-height:182px;box-shadow:inset 0 1px #ffffff07;transition:border-color .16s,box-shadow .16s;isolation:isolate}
#shopframe#shopframe .mode-bag .sf-inv-grid .sf-cell::before{content:'';position:absolute;inset:0 0 34px;background:url('/game/inventory-781/card-orbit.svg') center/100% 100% no-repeat!important;border:0!important;border-image:none!important;opacity:1;pointer-events:none;z-index:-1}
#shopframe#shopframe .mode-bag .sf-inv-grid .sf-cell::after{display:none!important}
#shopframe#shopframe .mode-bag .sf-inv-grid .sf-cell:hover,#shopframe#shopframe .mode-bag .sf-inv-grid .sf-cell.on{border-color:#aabcf0!important;box-shadow:inset 0 0 0 1px #aabcf055,0 6px 22px #0003;transform:none}
#shopframe#shopframe .mode-bag .sf-inv-grid .sf-cell.equipped{background:linear-gradient(150deg,#21463e,#142a2f)!important;border-color:#9be5c6!important;box-shadow:inset 0 1px #dcfff021}
#shopframe#shopframe .mode-bag .sf-inv-grid .sf-cell-art{height:106px;flex-basis:106px}
#shopframe#shopframe .mode-bag .sf-inv-grid .sf-cell-n{color:#e9effb;font:600 12px/1.5 system-ui;min-height:18px}
#shopframe#shopframe .mode-bag .sf-inv-grid .sf-cell-tag{background:#b4c3df12!important;color:#b5c7e3;border:0!important;border-image:none!important;border-radius:6px;font-weight:600;letter-spacing:.02em;box-shadow:none;text-shadow:none}
#shopframe#shopframe .mode-bag .sf-inv-grid .equipped .sf-cell-tag{background:#abeecf1c!important;color:#b5f4d9}
#shopframe#shopframe .mode-bag .sf-cell-chk{background:#b0f6dc!important;color:#173b30;box-shadow:none;border-radius:50%}
#shopframe#shopframe .mode-bag .sf-inv-foot{border-color:#ffffff0c}
#shopframe#shopframe .mode-bag .sf-inv-foot :is(.sf-sortbtn,.sf-icobtn),#shopframe#shopframe .mode-bag .sf-inv-foot select{background:#182438!important;border-color:#ffffff14!important;border-image:none!important;color:#bfcee3;box-shadow:none}
#shopframe#shopframe .mode-bag .sf-inv-grid.list .sf-cell{min-height:92px;padding:10px 32px 28px 10px}
#shopframe#shopframe .mode-bag .sf-inv-grid.list .sf-cell::before{width:90px;bottom:0}
#shopframe#shopframe .mode-bag .sf-inv-grid.list .sf-cell-art{height:60px;flex-basis:auto}
@media(max-width:1050px){#shopframe#shopframe .mode-bag .sf-bag{grid-template-columns:174px minmax(0,1fr);gap:14px}#shopframe#shopframe .mode-bag .sf-inv{padding:14px;gap:10px}}
@media(max-width:700px){
#shopframe#shopframe .sf-panel.mode-bag{gap:10px;border-radius:0}
#shopframe#shopframe .mode-bag .sf-title{font-size:20px}
#shopframe#shopframe .mode-bag .sf-bag{gap:10px}
#shopframe#shopframe .mode-bag .sf-inv{padding:10px;border-radius:18px;gap:8px}
#shopframe#shopframe .mode-bag .sf-load-ship{min-height:0;border-radius:14px;padding:4px;background-size:100% 180%!important;background-position:center 65%!important}
#shopframe#shopframe .mode-bag .sf-load-row{height:84px;gap:8px}
#shopframe#shopframe .mode-bag .sf-mini{padding:4px 4px 18px;border-radius:14px}
#shopframe#shopframe .mode-bag .sf-inv-tabs{padding-bottom:6px}
#shopframe#shopframe .mode-bag .sf-inv-tab{padding:8px 11px}
#shopframe#shopframe .mode-bag .sf-inv-title{font-size:14px}
#shopframe#shopframe .mode-bag .sf-inv-grid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#shopframe#shopframe .mode-bag .sf-inv-grid .sf-cell{min-height:166px;border-radius:14px;padding:8px 8px 34px}
#shopframe#shopframe .mode-bag .sf-inv-grid .sf-cell-art{height:90px;flex-basis:90px}
}
@media(max-height:540px){#shopframe#shopframe .sf-panel.mode-bag{gap:8px}#shopframe#shopframe .mode-bag .sf-bag{grid-template-columns:minmax(0,1fr)}#shopframe#shopframe .mode-bag .sf-inv{padding:8px;gap:6px}#shopframe#shopframe .mode-bag .sf-inv-tabs{padding-bottom:4px}#shopframe#shopframe .mode-bag .sf-inv-grid:not(.list){grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}
@media(prefers-reduced-motion:reduce){#shopframe#shopframe .mode-bag *{transition:none!important;animation:none!important}}