:root{--bg:#101013;--panel:#1c1c21;--gold:#f3c16b;--muted:#8c8c99}
body{background:radial-gradient(ellipse at 75% 12%,#40311d22,transparent 45%),#101013}
header{background:#141417ed;backdrop-filter:blur(20px);border-color:#ffffff09}
.brandmark{background:linear-gradient(140deg,#ffe0a0,#e4a448);box-shadow:0 0 30px #ffc06122}
aside{background:#0e0e11;border:0;padding-block:10px;height:108px}
.feeditem{background:radial-gradient(ellipse at 10% 100%,color-mix(in srgb,var(--rarity) 16%,transparent),transparent 85%),#19191f;border-color:#ffffff06}
.feeditem small{color:#90909d;font-size:7px}.feeditem b{font-size:9px}
main{max-width:1480px;padding-top:30px}
.hero{height:405px;border-radius:18px;border-color:#f3c16b25;background:#27221c;box-shadow:0 24px 70px #0003}
.hero:before{background:linear-gradient(90deg,#1b1918 0%,#1b1918ee 22%,#1b191877 49%,#1b191800 77%),url('assets/hero.webp') right center/auto 120% no-repeat}
.hero:after{content:'OSIRIS';font-size:160px;font-weight:800;letter-spacing:10px;right:30px;bottom:-30px;color:#fff1;line-height:1}
.herocopy{padding:44px 48px}.hero h1{font-size:88px;font-weight:800;letter-spacing:-1px;line-height:.9;margin:24px 0 18px}.hero h1 em{background:linear-gradient(130deg,#ffe7ae,#d49846);background-clip:text;color:transparent}
.hero .herocopy p{font-size:13px;color:#b7b0a6;line-height:1.6;margin:0 0 25px}.hero .eyebrow{font-size:9px;letter-spacing:3px}
.hero .btn{min-width:195px;min-height:48px}.btn{border-radius:8px;background:linear-gradient(120deg,#ffdb91,#eab25c);box-shadow:0 5px 18px #0002;font-size:12px;min-height:45px}.btn.secondary{background:#25252c;border-color:#ffffff0d;box-shadow:none}.btn:hover{box-shadow:0 8px 25px #f3c16b22}
.hero-caption{display:flex;justify-content:space-between;align-items:center;padding:14px 4px;color:#666671;font-size:8px;letter-spacing:2px}.hero-caption a{color:#b7ab96;letter-spacing:0;font-size:10px}.hero-caption b{color:var(--gold);margin-left:15px}
.seasonbadge{background:#18161380;backdrop-filter:blur(8px);border-color:#f3c16b44;right:26px;top:25px;color:#ebd0a7;border-radius:8px}
.modecards{margin:10px 0 30px;gap:16px}.modecards a{padding:25px 24px;border-radius:12px;background:linear-gradient(110deg,#29262a,#1b1b20);border-color:#ffffff08}.modecards a:nth-child(2){background:linear-gradient(110deg,#2c2821,#1b1b20)}.modecards a:nth-child(3){background:linear-gradient(110deg,#292536,#1b1b20)}.modecards a>span{font-size:36px;width:56px;height:56px;display:grid;place-items:center;background:#ffffff05;border-radius:12px}.modecards b{font-size:31px;letter-spacing:.5px}.modecards small{font-size:7px;color:#777580}.modecards p{color:#929099}
.promos{display:none}.sectiontop{margin-top:37px}.sectiontop h2{font-size:35px;font-weight:700}.sectiontop .sub{letter-spacing:1px;font-size:8px}
.filters{background:#19191e;border:1px solid #ffffff06;border-radius:10px;padding:8px;gap:7px;margin-bottom:25px}.chip{border-radius:7px;background:transparent;border-color:transparent;padding:11px 17px;font-size:11px}.chip.active{background:#f3c16b;color:#201a11;border-color:transparent;font-weight:800}.search input{background:#111115;border-color:#ffffff07;border-radius:7px;font-size:11px}
.collection-title{border:0;margin:10px 0 0;padding-bottom:5px}.collection-title h3{font-size:22px;letter-spacing:1px}.collection-title span{font-size:8px;color:#676674}
.grid{gap:20px}.case{border:1px solid #ffffff07;border-radius:14px;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 70%),#19191e;isolation:isolate}.case:hover{border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 15px 40px #0006}.caseart{height:238px;overflow:visible;background:none}.caseart:before{width:135px;height:135px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);transform:rotateX(60deg);bottom:12px}.caseart img{width:96%;max-width:285px;transform:translateY(4px);filter:var(--filter) drop-shadow(0 20px 18px #0007)}.case:hover .caseart img{transform:translateY(-6px) rotate(-3deg)}.case-halo{position:absolute;width:68%;height:65%;border-radius:50%;background:var(--accent);opacity:.09;filter:blur(28px)}.case-skin{position:absolute;bottom:8px;right:6px;width:57%;height:78px;z-index:2;transform:rotate(-15deg);filter:drop-shadow(0 10px 5px #000a);transition:transform .35s}.case-skin svg{width:100%;height:100%}.case:hover .case-skin{transform:rotate(-8deg) translateY(-8px)}
.tag{top:18px;left:18px;font-size:7px;letter-spacing:1.7px}.serial{top:18px;right:18px;color:#ffffff22}.casecopy{padding:4px 22px 20px}.casecopy small{font-size:7px;color:#777580}.casecopy h3{font-size:30px;font-weight:700;margin:8px 0 18px}.casebottom{border:0;padding:0}.casebottom b{background:color-mix(in srgb,var(--accent) 10%,transparent);padding:9px 13px;border-radius:7px;font-size:12px}.casebottom span{font-size:10px;color:#b0aeb5}.casebottom i{margin-left:6px}
.banner{background:radial-gradient(ellipse at right,#e9b76418,transparent 70%),#19191e;border-color:#e9b76418;border-radius:12px;padding:32px}.banner h2{font-size:31px}.banner .bigicon{font-size:50px}
.pagehead h1{font-size:55px;font-weight:700}.opening{border-radius:16px;background:radial-gradient(ellipse at 50% 20%,#66502b30,transparent 70%),#18181e}.itemcard{background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--rarity) 12%,transparent),transparent 80%),#1e1e26;border-color:#ffffff08;border-bottom-color:var(--rarity);border-bottom-width:2px;padding:19px}.itemcard svg{height:130px}.itemcard h3{font-size:12px;line-height:1.5}.itemcard b{font-size:12px}.itemcard small{font-size:8px}.slot{background:radial-gradient(ellipse at 50% 70%,#e4b96a0c,transparent),#1c1c23;border-color:#ffffff08;border-radius:13px}.upgradearea{background:#16161b;border-radius:16px;padding:32px}.dialinner{background:radial-gradient(#29262b,#18181e)}
.collection-stats{display:grid;grid-template-columns:1fr 1.3fr 1.5fr;gap:15px;margin:26px 0}.collection-stats>div{padding:25px;background:linear-gradient(120deg,#25232a,#19191f);border:1px solid #ffffff08;border-radius:12px}.collection-stats small{display:block;color:#85818e;font-size:9px;letter-spacing:1.3px;margin-bottom:12px}.collection-stats strong{font:600 35px 'Barlow Condensed',sans-serif;color:var(--gold)}.collection-stats .best-name{font-size:24px;color:#e8e1d5}
.arsenal-tabs{display:flex;gap:8px;margin:30px 0 20px}.arsenal-tools{display:flex;gap:10px;margin:0 0 20px}.arsenal-tools input,.arsenal-tools select{min-width:0;padding:13px;background:#1c1c23;color:#d9d5df;border:1px solid #ffffff0b;border-radius:8px}.arsenal-tools input{flex:1}.item-pick{position:absolute;right:12px;top:12px;border:1px solid #ffffff20;border-radius:6px;background:#111118bb;width:28px;height:28px;z-index:2}.item-pick.checked{background:var(--gold);color:#17131a;border-color:var(--gold)}.inventorycard.selected{outline:1px solid var(--gold);background:radial-gradient(ellipse at top,#f3c16b22,transparent),#1e1e26}
#selection-bar{position:sticky;bottom:18px;z-index:5}.selection-bar{margin:22px 0 0;display:flex;align-items:center;gap:15px;padding:17px 22px;background:#2b2620f5;border:1px solid #f3c16b60;backdrop-filter:blur(14px);border-radius:12px;box-shadow:0 12px 40px #0008}.selection-bar>div{margin-right:auto}.selection-bar small{font-size:8px;display:block;color:#b8a98e}.selection-bar b{display:block;font-size:18px;color:var(--gold);margin-top:5px}.history-row{display:grid;grid-template-columns:100px 1fr auto auto;gap:25px;align-items:center;padding:16px 22px;background:#1b1b22;border-bottom:1px solid #ffffff06}.history-row:first-child{border-radius:12px 12px 0 0}.history-row:last-child{border-radius:0 0 12px 12px}.history-row svg{width:100px;height:60px}.history-row small{font-size:8px;color:var(--rarity);letter-spacing:1px}.history-row h3{font:600 12px Manrope;margin-top:6px}.history-row time,.history-note{font-size:10px;color:#85818e}.history-row b{font-size:12px;color:var(--rarity);min-width:80px;text-align:right}
.result-summary{margin-top:28px}.result-summary>span{font-size:8px;letter-spacing:2px;color:#9c917d}.result-summary h2{font-size:36px;margin:10px 0}.result-summary p{color:var(--gold)}.best-drop{border-color:#f3c16b88;box-shadow:0 0 25px #f3c16b10}.best-badge{display:block;font-size:7px;letter-spacing:1px;color:var(--gold);margin-bottom:5px}.result-card{animation:drop-reveal .5s ease both}.result-card:nth-child(2){animation-delay:.07s}.result-card:nth-child(3){animation-delay:.14s}@keyframes drop-reveal{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:960px){.hero h1{font-size:78px}.hero{height:390px}.herocopy{padding:40px 32px}.caseart{height:210px}.modecards a{padding:20px 15px;gap:10px}.modecards a>span{width:40px;font-size:30px}.modecards b{font-size:27px}.collection-stats>div{padding:20px}.collection-stats strong{font-size:28px}}
@media(max-width:760px){.hero{height:355px}.hero h1{font-size:72px}.herocopy{padding:31px}.hero:before{background:linear-gradient(90deg,#1b1918f5,#1b1918aa 50%,#1b191822),url('assets/hero.webp') 70% center/auto 110% no-repeat}.hero:after{font-size:110px}.modecards small{display:none}.modecards b{font-size:25px}.modecards p{font-size:8px}.sectiontop h2{font-size:30px}.caseart{height:225px}.collection-stats{grid-template-columns:1fr 1fr}.collection-stats>div:last-child{grid-column:1/-1}.arsenal-tools{flex-wrap:wrap}.arsenal-tools input{flex-basis:50%}.history-row{grid-template-columns:65px 1fr auto;gap:13px;padding:12px}.history-row svg{width:65px}.history-row time{display:none}}
@media(max-width:560px){main{padding:16px}.hero{height:350px;border-radius:12px}.hero h1{font-size:67px;letter-spacing:-.5px}.herocopy{padding:32px 23px}.hero .eyebrow{font-size:7px;letter-spacing:1.7px}.hero .herocopy p{font-size:11px;max-width:210px}.hero .btn{min-width:170px}.hero:after{font-size:86px;right:3px;bottom:-12px;letter-spacing:3px}.seasonbadge{display:none}.hero-caption{font-size:6px;letter-spacing:1px}.hero-caption a{font-size:8px}.modecards{margin:10px 0 27px;gap:8px}.modecards a{padding:14px 5px}.modecards a>span{height:34px;width:34px;margin:auto;font-size:24px;border-radius:8px}.modecards b{font-size:20px;margin-top:8px}.sectiontop .sub{display:none}.sectiontop h2{font-size:29px}.filters{padding:7px;gap:3px}.chip{padding:10px 11px;font-size:10px}.search{width:100%}.search input{width:100%;padding:12px}.grid{gap:12px}.caseart{height:172px}.caseart img{width:105%}.case-skin{height:58px;bottom:0;right:0}.casecopy{padding:5px 13px 15px}.casecopy h3{font-size:25px;margin:8px 0 13px}.casecopy small{font-size:6px;letter-spacing:.8px}.tag{font-size:6px;left:12px;top:13px}.serial{font-size:8px;right:12px;top:13px}.casebottom b{padding:8px 10px;font-size:11px}.casebottom span{display:none}.banner{padding:23px}.banner h2{font-size:27px}.pagehead h1{font-size:42px}.pagehead{gap:15px}.itemcard{padding:14px}.itemcard svg{height:105px}.upgradearea{padding:20px 13px}.collection-stats{gap:10px}.collection-stats>div{padding:18px}.collection-stats small{font-size:7px}.collection-stats strong{font-size:29px}.arsenal-tools select{flex:1;font-size:11px}.arsenal-tools .chip{font-size:9px}.selection-bar{padding:14px;gap:8px;flex-wrap:wrap}.selection-bar .btn{flex:1 1 100%;font-size:11px}.history-row h3{font-size:10px}.history-row b{font-size:10px;min-width:65px}.history-note{line-height:1.6}}
@media(prefers-reduced-motion:reduce){.result-card{animation:none}}

.inventory-types{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px}.inventory-types span{opacity:.55;margin-left:6px}.inventory-match-summary{font-size:10px;color:#998caa;margin:0 0 17px;min-height:16px}.selection-bar small{line-height:1.8}.inventory-types .chip{background:#1d1924}.inventory-types .chip.active{background:var(--gold)}

.inventory-pagination{display:flex;justify-content:center;align-items:center;gap:22px;margin:26px 0}.inventory-pagination span{font-size:12px;color:#ad9fba}.inventory-pagination button{min-height:44px}.inventory-pagination button:disabled{opacity:.35;cursor:default}#inventory-match-summary{scroll-margin-top:120px}.selection-bar small{line-height:1.8}
.inventory-copy-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;padding:16px;border:1px solid #ffffff0c;border-radius:12px;background:#19191f}.inventory-copy-tools label{display:flex;align-items:center;gap:12px;color:#b6acbf;font-size:12px}.inventory-copy-tools select{max-width:100%;min-height:44px;background:#111115;color:#e8e1d5;border:1px solid #ffffff17;border-radius:8px;padding:10px;font:inherit}.inventory-copy-tools .chip{min-height:44px;background:#e4b96a15;color:var(--gold)}.inventory-copy-tools .chip:disabled{opacity:.4;cursor:default}.inventory-copy-tools p{flex-basis:100%;margin:0;color:#a49aac;font-size:11px;line-height:1.6}.inventory-copy-summary{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:10px;margin-bottom:20px}.inventory-copy-summary>div{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #ffffff08;border-radius:10px;background:#1c1b22}.inventory-copy-summary span{font-size:11px;color:#afa3bc}.inventory-copy-summary strong{font-size:20px;color:#eadac0;font-variant-numeric:tabular-nums}.inventory-copy-label{display:block;margin:9px 0 12px;font-size:10px;color:#c8b8d3;line-height:1.5}.inventory-copy-tools select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:640px){.inventory-copy-tools label{width:100%;justify-content:space-between;flex-wrap:wrap}.inventory-copy-tools select{flex:1;min-width:170px}.inventory-copy-tools .chip{width:100%}.inventory-copy-summary{grid-template-columns:1fr 1fr}.inventory-copy-summary>div:last-child{grid-column:1/-1}.inventory-copy-summary strong{font-size:18px}}
.target-collection-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#1c1922;border:1px solid #ffffff0c;border-radius:12px;padding:14px;margin:12px 0 18px}.target-collection-filters label{display:flex;align-items:center;gap:10px;color:#bdb0c8;font-size:11px;min-height:44px}.target-collection-filters select{min-height:44px;border:1px solid #ffffff17;background:#121015;color:#e7dfed;border-radius:8px;padding:10px;font:inherit}.target-collection-filters .target-missing{cursor:pointer}.target-missing input{width:18px;height:18px;accent-color:var(--gold)}.target-collection-filters .chip{min-height:44px;color:var(--gold)}.target-collection-filters :disabled{opacity:.45;cursor:default}.target-collection-filters select:focus-visible,.target-missing input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.target-owned-note{display:block;margin:10px 0 0;font-size:10px;color:#bbaac9;line-height:1.5}
@media(max-width:640px){.target-collection-filters>label:first-child{width:100%;justify-content:space-between}.target-collection-filters select{flex:1;min-width:0}.target-collection-filters .target-missing{flex:1 1 100%}.target-collection-filters .chip{width:100%;background:#e4b96a0b}}
.source-tools{display:flex;gap:10px;margin:18px 0}.source-tools input{flex:1;min-width:0;min-height:44px;padding:12px;border:1px solid #ffffff17;border-radius:8px;background:#121015;color:#e7dfed;font-size:12px}.source-tools input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.source-tools button{min-height:44px;color:var(--gold)}.source-tools :disabled{opacity:.45;cursor:default}#source-summary{scroll-margin-top:115px}#upgrade-sources .empty{grid-column:1/-1}#upgrade-sources .empty p{font-size:12px;line-height:1.7;color:#b5a8bf}
.drop-history-tools{display:flex;gap:10px;margin:0 0 16px}.drop-history-tools input{flex:1;min-width:0}.drop-history-tools input,.drop-history-tools select{padding:12px;border:1px solid #ffffff17;border-radius:8px;background:#121015;color:#e7dfed;font-size:12px;min-height:44px}.drop-history-tools .chip{min-height:44px;color:var(--gold)}.drop-history-tools :disabled{opacity:.4;cursor:default}.drop-history-tools input:focus-visible,.drop-history-tools select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.history-library-link{display:inline-flex;align-items:center;min-height:36px;color:var(--gold);font-size:10px;margin-top:4px}.history-drop-value{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.history-drop-value span{font-size:9px;color:#a99ab8;white-space:nowrap}.drop-history-more{display:flex;justify-content:center;margin:20px 0}.drop-history-more .chip{min-height:44px;background:#e4b96a12;color:var(--gold)}.drop-history .empty p{font-size:12px;color:#b8acc4;line-height:1.7}
@media(max-width:760px){.history-row time{display:block;grid-column:2/-1;grid-row:2;font-size:9px}.history-drop-value span{font-size:8px;white-space:normal;text-align:right}.history-library-link{min-height:44px}}
@media(max-width:560px){.drop-history-tools{flex-wrap:wrap}.drop-history-tools input{flex-basis:100%}.drop-history-tools select{flex:1;min-width:0}.history-row{gap:8px}.history-row h3{overflow-wrap:anywhere}}
.state-recovery-notice{position:relative;z-index:100;margin:16px;padding:20px;border:1px solid #e9b76c88;border-radius:12px;background:#33271f;color:#f1dfc2;box-shadow:0 8px 30px #0005}.state-recovery-notice>strong{font-size:16px}.state-recovery-notice p{max-width:980px;font-size:13px;line-height:1.7;color:#e5d2b9;margin:10px 0 16px}.state-recovery-actions{display:flex;flex-wrap:wrap;gap:10px}.state-recovery-actions .btn{min-height:44px;font-size:12px}@media(max-width:600px){.state-recovery-notice{margin:8px;padding:16px}.state-recovery-actions .btn{width:100%;text-align:center}}