body[data-screen=inventory] #front,body[data-screen=rocketpass] #front{background:linear-gradient(90deg,#031322e8 0%,#05182bd9 40%,#04112133 70%,#02101b55);padding-bottom:90px}
.inventory-heading h1,.pass-heading h1{font:700 italic clamp(36px,5vw,64px) 'Barlow Condensed',Arial;letter-spacing:3px;margin:5px 0}.inventory-heading p{font-size:11px;color:#b7d1e3}.inventory-heading{margin-bottom:18px}
.inventory-browser{width:57%;max-width:820px;background:#061b2dd9;border:1px solid #83c9ef33;box-shadow:0 15px 45px #0004}.inventory-tabs{display:flex;flex-wrap:wrap;gap:3px;padding:9px;border-bottom:1px solid #b3e4ff33}.inventory-tabs button{font-size:9px;letter-spacing:.5px;padding:8px 10px;flex:1;white-space:nowrap}.inventory-tools{display:flex;gap:8px;padding:10px}.inventory-tools input{font-size:11px;min-height:34px}.inventory-tools button{font-size:9px;white-space:nowrap;padding:6px 9px}
.item-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:11px;overflow:auto;max-height:53vh;min-height:170px;scrollbar-color:#4c98be #071a2b}.item-card{min-height:135px;text-align:center;padding:10px 5px;position:relative;border:1px solid color-mix(in srgb,var(--rarity) 45%,transparent);border-bottom:3px solid var(--rarity);background:radial-gradient(ellipse at 50% 90%,color-mix(in srgb,var(--rarity) 24%,#07182b),#0b2337);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.item-card svg{width:72px;height:61px;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--rarity) 40%,transparent))}.item-card b{font-size:11px;font-weight:500;line-height:1.3}.item-card small{font-size:8px;letter-spacing:.4px;color:#c7d7e6}.item-card.chosen{outline:2px solid #fff2be;outline-offset:-2px;box-shadow:inset 0 0 25px #ffffff13}.item-card.unowned{opacity:.55}.item-card.unowned:after{content:'◇';position:absolute;right:7px;top:5px;font-size:12px}
.inventory-details{position:absolute;right:5vw;bottom:14vh;width:29%;max-width:370px;border-top:2px solid var(--rarity);padding:16px;background:linear-gradient(140deg,#071d2bd9,#06162699);backdrop-filter:blur(7px);box-shadow:0 8px 30px #0004}.inventory-details>.eyebrow{color:var(--rarity);letter-spacing:1.8px}.inventory-details h2{margin:9px 0 6px;font-size:29px}.inventory-details p{font-size:11px;color:#c2d3df;line-height:1.5}.inventory-details>button{width:100%;margin-top:8px;font-size:11px}.drop-odds{display:flex;gap:6px;margin-bottom:12px}.drop-odds>span{flex:1;font-size:10px;border:1px solid currentColor;padding:8px 5px;text-align:center}.drop-odds b{display:block;margin-top:6px;font-size:13px}
.collection-links{position:fixed;bottom:23px;left:5vw;display:flex;gap:8px;z-index:14}.collection-links button{font-size:10px;letter-spacing:1px;padding:10px 13px}.garage-panel>button{margin-top:12px;width:100%;font-size:11px}
.mission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1120px;padding-bottom:35px}.mission-card{padding:18px;background:linear-gradient(130deg,#12334ce8,#06182de8);border:1px solid #94d6ff38;border-left:3px solid #75cfff;box-shadow:0 10px 25px #0003}.mission-card .eyebrow{font-size:8px;letter-spacing:1px}.mission-card h2{font-size:24px;margin:9px 0}.mission-card>p{font-size:11px;margin-bottom:7px;color:#bed8eb}.mission-track{height:5px;background:#c4e3ff22;overflow:hidden}.mission-track i{height:100%;display:block;background:linear-gradient(90deg,#288fc9,#9feaff)}.mission-card.claimed{opacity:.6}.mission-reward{display:flex;align-items:center;gap:12px;margin:14px 0;font-size:12px}.mission-reward svg{width:45px;height:40px}.mission-reward small{font-size:10px;color:#cce1ee}.mission-card>button{width:100%;font-size:10px;padding:8px}
.pass-heading{max-width:430px}.pass-heading>.eyebrow{font-size:9px;letter-spacing:1.4px}.pass-level{display:flex;gap:16px;align-items:center;margin:16px 0}.pass-level>b{display:grid;place-items:center;font:600 47px 'Barlow Condensed',Arial;width:79px;height:82px;color:#ddf6ff;background:linear-gradient(130deg,#3b9ed4,#0f304f);clip-path:polygon(25% 0,75% 0,100% 25%,88% 75%,50% 100%,12% 75%,0 25%)}.pass-level>span{font-size:14px;letter-spacing:1.5px;color:#bce8ff}.pass-level small{font-size:10px;color:#a8c6dc;letter-spacing:0;line-height:2}.pass-road{position:absolute;left:5vw;right:5vw;bottom:100px;display:flex;gap:9px;overflow-x:auto;padding:18px 5px;scroll-snap-type:x proximity;scrollbar-color:#5ab4de #071827}.pass-tier{scroll-snap-align:start;min-width:145px;max-width:145px;padding:9px;background:linear-gradient(160deg,#12394dec,#061a2de8);border:1px solid color-mix(in srgb,var(--rarity) 50%,transparent);border-top:3px solid var(--rarity);text-align:center;display:flex;flex-direction:column}.pass-tier>span{font:600 12px 'Barlow Condensed',Arial;letter-spacing:2px;color:#abd4eb}.pass-tier>small{font-size:9px;color:#c3d5df;margin:8px 0}.pass-tier>button:last-child{font-size:9px;padding:8px 5px}.pass-preview{background:none!important;border:0;padding:6px 0;box-shadow:none;min-height:117px}.pass-preview svg{height:64px;width:90px}.pass-preview b{display:block;font-size:11px;font-weight:500;color:#d3e9f6}.pass-tier.claimed{opacity:.6}.pass-tier.available{outline:1px solid #fff1a8;box-shadow:0 0 15px #ffc95522}
body[data-screen=drop] #front{background:radial-gradient(ellipse at 50% 43%,transparent 12%,#020b18b0 85%);padding:0;overflow:hidden}.drop-opening>.eyebrow{position:absolute;top:8vh;left:0;right:0;text-align:center;font-size:15px;letter-spacing:5px;color:#d3ebff}.drop-status{position:absolute;bottom:9vh;left:5%;right:5%;text-align:center;text-shadow:0 2px 9px #000}.drop-status>span{color:var(--rarity);font-size:11px;letter-spacing:3px}.drop-status h1{font:500 clamp(30px,5vw,58px) 'Barlow Condensed',Arial;letter-spacing:2px;margin:8px 0}.drop-status p{font-size:10px;letter-spacing:1.5px;color:#bfd7e6}.drop-status h2{font-weight:400;letter-spacing:2px;font-size:23px}.drop-status>div{display:flex;justify-content:center;gap:12px;margin-top:22px}.drop-status button{font-size:11px;letter-spacing:1px}.drop-opening.revealed .drop-status{animation:reward-reveal .7s ease-out both}.drop-opening.revealed>.eyebrow{color:var(--rarity)}@keyframes reward-reveal{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
body[data-screen=missions] #front{background:linear-gradient(110deg,#031321ef,#061a2bd9)}
@media(max-width:850px){.inventory-browser{width:65%}.item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.inventory-details{right:3vw;width:26%;padding:11px}.inventory-details h2{font-size:23px}.drop-odds{flex-direction:column}.drop-odds b{display:inline;margin-left:8px}.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-tools{flex-wrap:wrap}.pass-road{bottom:90px}.pass-tier{min-width:130px}.main-nav{width:220px;bottom:17%}.main-nav button{font-size:18px;padding:7px 15px}}
@media(max-width:560px){.inventory-browser{width:100%}.inventory-details{position:static;width:100%;max-width:none;margin:16px 0 40px}.item-grid{max-height:45vh}.inventory-heading h1{font-size:37px}.inventory-tabs button{font-size:8px;padding:7px}.mission-grid{grid-template-columns:1fr}.collection-links{left:3vw;gap:4px}.collection-links button{padding:8px;font-size:9px}.pass-heading .muted{max-width:210px}.drop-status>span{font-size:9px;letter-spacing:1px}}