@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;600;700&display=swap');

/* source: style.css */
:root{color-scheme:dark;--bg:#101116;--panel:#191b23;--line:#2b2d37;--text:#f6f6f8;--muted:#979ba9;--accent:#ddfb69}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px Manrope,Arial,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button,a{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header{min-height:94px;display:flex;align-items:center;gap:70px;padding:18px max(5%,calc((100vw - 1320px)/2));border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:-1px;font-size:25px;display:flex;align-items:center;gap:3px}.thin{font-weight:400;color:#b1b4bf}.brandmark{position:relative;font-size:27px;background:var(--accent);color:#101116;width:40px;height:40px;display:grid;place-items:center;margin-right:10px;border-radius:9px}.brandmark span{font-size:18px;position:absolute;right:2px;top:-3px}nav{display:flex;gap:30px}.nav{border:0;background:none;color:var(--muted);padding:14px 0;position:relative}.nav.active{color:#fff}.nav.active:after{content:'';position:absolute;bottom:-21px;left:0;right:0;height:3px;background:var(--accent)}#count{background:#292c36;padding:2px 6px;border-radius:4px;font-size:12px}.wallet{margin-left:auto;display:flex;gap:18px;align-items:center;white-space:nowrap}.wallet small{display:block;color:var(--muted);font-size:12px;margin-bottom:3px}.wallet strong{font-size:17px}.plus{background:var(--accent);color:#15181b;border:0;font-size:24px;border-radius:8px;width:37px;height:37px}main{max-width:1320px;margin:auto;padding:34px 32px 54px}.intro{min-height:350px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 50%,#ffe01455,transparent 56%),#1a1d24;border:1px solid #2c2e37;border-radius:16px;padding:38px 42px}.eyebrow{font-size:11px;color:var(--muted);letter-spacing:2px;font-weight:800}h1{font-size:48px;line-height:1.15;letter-spacing:-2px;margin:15px 0}h1 em{font-style:normal;color:var(--accent)}p{line-height:1.7}.intro p{font-size:14px;color:var(--muted);margin:18px 0 25px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;border-radius:7px;background:var(--accent);color:#171b15;padding:15px 25px;font-weight:800;font-size:14px}.primary:hover{background:#eaff99}.hero-art{height:280px;display:grid;place-items:center;position:relative}.hero-art img{width:100%;height:290px;object-fit:contain;filter:drop-shadow(0 15px 30px #050505aa);transform:rotate(-12deg);z-index:1}.orbit{position:absolute;border:1px solid #adbf6555;border-radius:50%;width:300px;height:240px;transform:rotate(-25deg)}.orbit:after{content:'';position:absolute;inset:22px -30px;border:1px solid #adbf6522;border-radius:50%}.hero-label{position:absolute;bottom:-10px;left:0;font-size:11px;letter-spacing:2px;color:#c1c3b8;z-index:2}.hero-label b{display:block;font-size:10px;color:#858b74;margin-top:5px}.edition{position:absolute;right:0;top:0;font-size:12px;letter-spacing:2px;color:#8c9377}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:38px 0 22px}.section-heading h2{font-size:25px;letter-spacing:-.8px;margin:6px 0}.section-heading h2 span{font-size:14px;vertical-align:middle;margin-left:10px;color:#757b8b}.muted{color:var(--muted);font-size:14px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-card{padding:0;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .2s,border-color .2s}.case-card:hover{transform:translateY(-5px);border-color:var(--tone)}.case-art{height:190px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--tone) 22%,transparent),transparent 70%)}.case-art:before{content:attr(data-index);position:absolute;right:16px;bottom:-14px;font-size:105px;line-height:1;font-weight:800;letter-spacing:-8px;color:#ffffff04}.case-art img{width:90%;height:185px;object-fit:contain;transform:rotate(-8deg);filter:drop-shadow(0 12px 18px #0008);transition:transform .2s}.case-card:hover img{transform:rotate(-3deg) scale(1.04)}.case-badge{position:absolute;left:18px;top:16px;font-size:10px;letter-spacing:1.4px;color:var(--tone);z-index:1}.case-bottom{padding:18px 22px;border-top:1px solid #ffffff08;display:flex;align-items:center;justify-content:space-between;gap:10px}.case-bottom h3{margin:0 0 4px;font-size:18px}.case-bottom small{font-size:12px;color:var(--muted)}.price{font-size:14px;background:#262a32;border:1px solid #373c41;padding:9px 13px;border-radius:6px;color:var(--accent);white-space:nowrap}.info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px;padding:25px 0;border-top:1px solid var(--line)}.info-strip>div{display:flex;gap:16px;align-items:center}.info-strip b{color:#505765;font-size:24px}.info-strip span{font-size:14px}.info-strip small{display:block;margin-top:5px;color:var(--muted);font-size:12px}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;max-width:1256px;margin:auto;padding:24px 0}footer .brand{font-size:18px}footer p{color:var(--muted);font-size:12px;flex:1}.text-button,.back{border:0;background:none;color:var(--muted);font-size:13px}.back{padding:12px 0}.detail-heading{text-align:center;margin:15px 0 30px}.detail-heading h1{font-size:38px}.roulette{height:225px;border:1px solid var(--line);border-radius:12px;overflow:hidden;position:relative;background:#161820}.roulette:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#101116aa,transparent 25%,transparent 75%,#101116aa)}.pointer{position:absolute;z-index:3;left:50%;top:0;bottom:0;width:2px;background:var(--accent)}.pointer:before{content:'';position:absolute;top:0;left:-6px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:12px solid var(--accent)}.reel{display:flex;gap:10px;height:100%;align-items:center;will-change:transform}.reel-card{flex:0 0 180px;height:190px;padding:10px;text-align:center;background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--tone) 15%,transparent),transparent),#1c1f29;border-bottom:2px solid var(--tone);border-radius:6px}.reel-card img{height:125px;width:100%;object-fit:contain}.reel-card span{font-size:12px;display:block}.open-controls{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:25px}.open-controls .primary{min-width:240px}.open-controls label{font-size:14px;color:var(--muted)}input{accent-color:var(--accent)}.result{text-align:center;min-height:28px;color:var(--accent);font-size:14px}.items-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.item{min-width:0;position:relative;background:var(--panel);border:1px solid var(--line);border-bottom:2px solid var(--tone);border-radius:9px;padding:15px}.item img{width:100%;height:110px;object-fit:contain}.item .chance{font-size:11px;color:var(--muted);display:block;text-align:right}.item small{color:var(--muted);font-size:11px;display:block}.item h3{font-size:14px;margin:7px 0;overflow-wrap:anywhere}.item p{font-size:13px;margin:12px 0 0}.secondary{background:#282c36;border:1px solid #3a3f4d;border-radius:7px;padding:11px 17px;font-size:14px}.sell{margin-top:12px;width:100%;padding:8px;font-size:12px}.empty{grid-column:1/-1;padding:70px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:10px}.empty .primary{margin-top:16px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--accent);color:#171b15;padding:14px 25px;border-radius:8px;font-size:14px;z-index:10;box-shadow:0 6px 30px #0005;display:none}.toast.visible{display:block}#loading{text-align:center;padding:22px;color:var(--muted)}dialog{max-width:440px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:28px}dialog::backdrop{background:#000a}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}dialog p{font-size:14px;color:var(--muted)}[hidden]{display:none!important}
@media(min-width:1500px){main{padding-top:45px}.intro{min-height:385px}.case-art{height:205px}}
@media(max-width:900px){header{gap:30px;padding:18px 24px}.wallet{gap:10px}.case-grid{grid-template-columns:repeat(2,1fr)}.items-grid{grid-template-columns:repeat(3,1fr)}h1{font-size:38px}.intro{padding:30px}.hero-art img{height:240px}.orbit{width:200px;height:200px}.info-strip{gap:10px}.info-strip b{display:none}footer{margin:0 32px}}
@media(max-width:600px){header{padding:16px;gap:14px;flex-wrap:wrap}.brand{font-size:20px}.brandmark{width:30px;height:30px;font-size:22px}nav{order:3;width:100%;gap:25px}.nav{padding:5px 0;font-size:14px}.nav.active:after{bottom:-16px}.wallet{gap:10px}.wallet strong{font-size:14px}main{padding:20px 16px 30px}.intro{padding:25px 23px;min-height:390px;display:block}.intro h1{font-size:33px;position:relative;z-index:2}.intro p{max-width:200px;font-size:12px;position:relative;z-index:2}.hero-cta{position:relative;z-index:3}.hero-art{position:absolute;right:-55px;bottom:-10px;width:270px;height:210px;opacity:.9}.hero-art img{height:210px}.hero-label,.edition{display:none}.section-heading{margin-top:28px;gap:8px}.section-heading>.muted{display:none}.section-heading h2{font-size:22px}.case-grid{gap:10px}.case-art{height:130px}.case-art img{height:120px}.case-badge{font-size:8px;left:12px;top:12px}.case-bottom{padding:13px;display:block}.case-bottom h3{font-size:15px}.case-bottom small{font-size:10px}.price{display:inline-block;margin-top:12px;font-size:12px;padding:6px 10px}.info-strip{grid-template-columns:1fr;gap:18px}.info-strip b{display:block}.items-grid{grid-template-columns:repeat(2,1fr);gap:10px}.item{padding:12px}.item img{height:90px}.open-controls{flex-direction:column;gap:15px}.detail-heading h1{font-size:32px}.detail-heading p{font-size:12px}.roulette{height:210px}.result{font-size:12px}footer{margin:0 16px;flex-wrap:wrap;gap:12px}footer p{flex:1 1 60%;font-size:10px}.toast{width:90%;text-align:center}h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.intro{min-height:260px;padding-top:25px;padding-bottom:25px}.intro h1{font-size:38px}.hero-art{height:215px}.hero-art img{height:235px}.orbit{height:180px;width:250px}.intro p{margin:12px 0 18px}
@media(max-width:600px){.intro{min-height:285px;padding:23px}.intro h1{font-size:29px}.hero-art{right:-85px;bottom:-20px;width:250px;height:170px}.hero-art img{height:180px}.hero-cta{padding:12px 18px}.intro p{max-width:190px}}

/* source: battle.css */
:root{--bg:#191d26;--panel:#202531;--line:#303441;--accent:#ffe014;--muted:#848792;--text:#d5d6db}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,transparent 68%,#262a351c 68.1%,transparent 68.4%),var(--bg)}header{height:68px;min-height:68px;padding:0 20px 0 10px;gap:22px;background:#131720;border-bottom:0;position:relative;z-index:5}.brand{font-family:'Roboto Condensed',Arial,sans-serif;position:relative;font-size:30px;letter-spacing:-1.2px;white-space:nowrap;gap:0;line-height:1;margin-top:-10px}.brand-symbol{color:#ffe014;font-size:26px;margin:0 2px}.brand small{position:absolute;top:34px;left:0;right:0;text-align:center;font:9px Arial,sans-serif;letter-spacing:.6px;color:#b1b4bc}nav{gap:24px;align-items:center}.nav{font:12px Arial,sans-serif;text-transform:uppercase;padding:5px 0;color:#9296a1}.nav-icon{display:block;font-size:25px;line-height:28px;color:#ffe014}.nav.active{color:#ffe014}.nav.active:after{display:none}.nav:disabled{opacity:.5;cursor:not-allowed}.wallet{gap:12px}.wallet strong{color:#ffe014;font-size:16px}.wallet small{font-size:11px}.plus{border-radius:2px;width:32px;height:32px;background:#ffe014}.drop-sidebar{position:absolute;left:0;top:68px;width:190px;bottom:0;min-height:1300px;overflow:hidden;background:#121721}.sidebar-label{text-align:center;font-size:10px;padding:7px;color:#8a8c97;letter-spacing:1px}.feed-item{height:103px;border-bottom:1px solid #151721;border-left:3px solid var(--tone);background:linear-gradient(100deg,color-mix(in srgb,var(--tone) 30%,#171b25),color-mix(in srgb,var(--tone) 17%,#171b25));text-align:center;padding:3px 8px}.feed-item img{width:130px;height:69px;object-fit:contain;display:block;margin:auto}.feed-item span{font-size:11px;line-height:13px;display:block;color:#d0cbdc}main{max-width:none;padding:0 0 50px;margin-left:190px;min-height:1200px}.promo{height:99px;display:flex;align-items:center;justify-content:space-around;gap:20px;padding:10px 30px;background:radial-gradient(ellipse at 22% 50%,#60328577,transparent 35%),radial-gradient(ellipse at 65% 40%,#24397177,transparent 50%),repeating-linear-gradient(90deg,#ffffff03 0 2px,transparent 2px 5px),#1c202c;overflow:hidden}.bonus-sticker{transform:rotate(-7deg);background:linear-gradient(110deg,#ffe014,#f4554c 80%);border-radius:8px;box-shadow:-12px 9px 0 #6f38d3;text-align:center;width:160px;line-height:1.1}.bonus-sticker b{font-size:32px;display:block;color:#fff;padding:6px 0}.bonus-sticker span{display:block;background:#7947d4;color:#fff;font-weight:bold;font-size:12px;padding:4px}.promo-center{border:2px solid #bd6f42;border-radius:14px;padding:10px 20px;display:flex;gap:20px;align-items:center;box-shadow:5px 0 10px #345acd44}.promo-center small{font-size:13px;font-weight:bold;color:#ffe014;width:75px;line-height:1.5}.promo-center strong{font-family:'Roboto Condensed',Arial,sans-serif;font-size:25px;color:#fff;white-space:nowrap}.promo-action{text-align:center}.promo-action span{font-size:12px;display:block;margin-bottom:6px;color:#d6d4c1}.promo-action button{background:linear-gradient(110deg,#ffe014,#fd604d);border:1px solid #ffe014;box-shadow:0 0 12px #ffe01455;color:white;border-radius:6px;font-size:19px;font-weight:800;padding:9px 20px;white-space:nowrap}.local-notice{min-height:97px;display:flex;align-items:center;gap:24px;padding:16px 7%;background:linear-gradient(95deg,#301d2299,#20223577,#1b1e25);border-bottom:1px solid #392e35}.notice-icon{color:#ffe014;font-size:47px;text-shadow:0 0 20px #ff5722}.local-notice h2{font-size:16px;color:#ffe014;margin:0 0 6px;letter-spacing:1px}.local-notice p{font-size:14px;line-height:1.35;color:#9a99a4;margin:0}.filter-bar{display:flex;gap:8px;align-items:center;justify-content:center;background:#20242f;padding:9px;min-height:50px}.filter-bar label{color:#858691;font-size:15px}.filter-bar input{width:215px;background:#11141e;color:#ddd;border:1px solid #252633;padding:7px 10px;font:14px Arial,sans-serif;border-radius:0}.catalog-heading{height:80px;margin:0;display:flex;justify-content:center;align-items:center}.catalog-heading h1{font-family:'Roboto Condensed',Arial,sans-serif;font-size:18px;letter-spacing:0;text-align:center;margin:0;padding:10px 55px;background:radial-gradient(ellipse,#59394766,transparent 72%);border-image:linear-gradient(90deg,transparent,#714454,transparent) 1;border-top:1px solid;border-bottom:1px solid}.case-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 12px;padding:18px 35px}.case-card{border:0;border-radius:0;background:transparent;overflow:visible;text-align:center;padding:0 8px 18px;transition:background .15s}.case-card:hover{transform:none;background:#ffffff04}.case-caption{text-align:left;margin:0 0 2px 5px}.case-caption h3{font-family:'Roboto Condensed',Arial,sans-serif;font-size:18px;text-transform:uppercase;margin:0 0 5px;font-weight:700}.case-caption small{font-size:14px;color:#777c87}.new-tag{font:italic bold 9px Arial,sans-serif;background:#bd3440;color:#fff;padding:2px 4px;margin-left:5px}.case-art{height:auto;aspect-ratio:1.1;display:block;background:none;overflow:visible;position:relative}.case-art:before{display:none}.case-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none;transform:none}.case-art .case-front{transition:transform .25s}.case-card:hover img{transform:none}.case-card:hover .case-front{transform:translateY(-7px) rotate(-3deg)}.price{display:inline-block;border:1px solid #ffe014;color:#ffe014;background:transparent;border-radius:0;font-size:16px;padding:5px 15px;margin:3px 0 0;min-width:72px}.case-card:hover .price{background:#ffe014;color:#151820}.section-heading:not(.catalog-heading){margin:26px 30px}.detail-heading h1{font:700 30px 'Roboto Condensed',Arial,sans-serif;text-transform:uppercase;letter-spacing:0}.detail-heading{margin:22px 20px}.back{margin:15px 30px}.roulette{border-radius:0;margin:0 30px;background:#141822}.reel-card{border-radius:0}.open-controls .primary,.primary{background:#ffe014;border-radius:2px;color:#fff}.primary:hover{background:#ffe014}.items-grid{padding:0 30px}.item{border-radius:0}.result{padding:0 25px}#inventory-summary{padding:0 30px}footer{max-width:none;margin:0 0 0 190px;padding:22px 35px;background:#151922}footer .brand{font-size:20px;margin:0}footer p{font-size:11px}.toast{background:#ffe014;color:#171b24;border-radius:3px}.secondary{border-radius:2px}#loading{padding:30px}.empty{margin:20px;border-radius:0}
@media(min-width:1500px){.case-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;padding:18px 45px}.promo{justify-content:space-evenly}}
@media(max-width:1100px){header{gap:18px}nav{gap:18px}.drop-sidebar{width:155px}main,footer{margin-left:155px}.promo{padding:12px 25px;gap:25px}.promo-center{display:none}.case-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:18px 25px}}
@media(max-width:720px){header{padding:10px 14px;height:auto;flex-wrap:wrap;gap:15px}.brand{font-size:26px;margin:0 0 7px}.brand small{top:28px;font-size:8px}.wallet{margin-left:auto}.wallet strong{font-size:14px}nav{order:3;justify-content:space-around;width:100%;gap:12px}.nav{font-size:10px}.nav-icon{font-size:21px;line-height:25px}.drop-sidebar{display:none}main,footer{margin-left:0}main{min-height:850px}.promo{height:91px;padding:12px 18px;gap:18px}.bonus-sticker{width:120px;flex-shrink:0}.bonus-sticker b{font-size:25px}.bonus-sticker span{font-size:10px}.promo-action span{font-size:9px}.promo-action button{font-size:13px;padding:11px 12px}.local-notice{padding:14px 18px;gap:15px;min-height:90px}.notice-icon{font-size:33px}.local-notice h2{font-size:13px}.local-notice p{font-size:12px}.filter-bar label{font-size:12px}.filter-bar input{width:175px}.catalog-heading{height:68px}.catalog-heading h1{font-size:17px;padding:9px 35px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 12px;gap:22px 6px}.case-card{padding:0 4px 10px}.case-caption h3{font-size:16px}.case-caption small{font-size:12px}.case-art{height:auto}.price{font-size:14px;padding:5px 12px}.section-heading:not(.catalog-heading){margin:22px 16px}.items-grid{padding:0 16px}.roulette{margin:0 12px}.back{margin-left:16px}footer{padding:20px 16px}.detail-heading h1{font-size:27px}}

/* source: features.css */
.feature-title{text-align:center;margin:35px 15px 20px}.feature-title h1{font:700 30px 'Roboto Condensed',Arial,sans-serif;text-transform:uppercase;letter-spacing:0}.feature-title p{color:var(--muted);font-size:14px}.feature-action{margin:20px auto;text-align:center;padding:20px;background:#141923;border:1px solid var(--line);max-width:700px}.feature-action strong{display:block;font-size:38px;color:#ffe014;margin:10px}.feature-action .primary{margin:10px}.feature-action p{font-size:14px;color:#d5d6db}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:0 25px}.choice{background:transparent;border:2px solid transparent;padding:0;min-width:0;text-align:left}.choice.selected{border-color:#ffe014;background:#ffe01422}.choice>.item{pointer-events:none;height:calc(100% - 30px)}.choice>span{display:block;text-align:center;font-size:12px;padding:7px;background:#303643}.choice-grid .empty{grid-column:1/-1}.feature-subtitle{padding:15px 25px;font-size:20px}.own-art{background-size:cover;background-position:center;aspect-ratio:1.1;position:relative}.own-art .skin-overlay{position:absolute;width:68%;height:60%;left:16%;top:16%;object-fit:contain;filter:drop-shadow(0 8px 5px #0009);transition:transform .2s}.case-card:hover .skin-overlay{transform:translateY(-5px) rotate(-3deg)}.return-tag{font-size:11px;color:#98c58b;display:block;margin-top:8px}.economy-note{text-align:center;color:#9ec58c;font-size:13px;margin:0 20px 18px}.case-group-label{grid-column:1/-1;text-align:center;font-family:'Roboto Condensed',Arial,sans-serif;font-size:19px;color:#ffe014;padding:20px}.feature-result{min-height:30px;text-align:center;color:#ffe014;padding:0 20px}.feature-action button:disabled{cursor:not-allowed}@media(max-width:720px){.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px}.feature-title h1{font-size:25px}.feature-action{margin:20px 12px}.feature-title p{font-size:12px}.feature-subtitle{padding:15px;font-size:18px}}

/* source: motion.css */
.upgrade-arena{display:grid;grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);align-items:center;gap:22px;padding:20px 35px;background:radial-gradient(ellipse at center,#26230e44,transparent 60%)}.upgrade-pedestal{min-height:260px;border:1px solid #323334;border-radius:12px;background:radial-gradient(ellipse at center,#d5b52220,transparent 75%),#171a20;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;gap:12px}.upgrade-pedestal img{width:100%;height:150px;object-fit:contain;filter:drop-shadow(0 10px 20px #0008)}.upgrade-pedestal b{font-size:14px}.upgrade-pedestal small{color:#ffd526}.pedestal-placeholder{font-size:90px;color:#444444;line-height:1}.upgrade-pedestal p{font-size:13px;color:#969795}.dial-column{text-align:center}.upgrade-dial{width:280px;height:280px;position:relative;margin:0 auto 28px;border-radius:50%;background:conic-gradient(from 0deg,#ffdd21 0deg,#f69530 var(--chance),#292b2d var(--chance),#292b2d 360deg);box-shadow:0 0 0 10px #111419,0 0 0 12px #30302a,0 0 35px #efc3230c}.dial-core{position:absolute;inset:24px;border:10px solid #101318;border-radius:50%;background:#191b20;display:flex;flex-direction:column;align-items:center;justify-content:center}.dial-core strong{font:700 38px 'Roboto Condensed',Arial,sans-serif;color:#ffe014}.dial-core>span:last-child{font-size:10px;letter-spacing:1px;color:#a5a7ae;margin-top:8px}.double-chevron{font-size:65px;color:#ffe014;line-height:45px}.dial-ticks{position:absolute;inset:-18px;border-radius:50%;background:repeating-conic-gradient(#51514a 0 1deg,transparent 1deg 12deg);mask:radial-gradient(transparent 67%,#000 68%,#000 70%,transparent 71%)}.dial-pointer{position:absolute;inset:-12px;pointer-events:none}.dial-pointer span{position:absolute;top:-4px;left:calc(50% - 9px);font-size:25px;color:#ffe014;transform:rotate(180deg);text-shadow:0 0 10px #ffe014}.dial-column>.primary{background:#ffe014;color:#151515;border-radius:10px;width:100%;font-size:18px;padding:17px}.upgrade-caption{text-align:center;font-size:12px;color:#969ba4}.upgrade-won{box-shadow:0 0 0 10px #111419,0 0 0 12px #8db459,0 0 45px #97d94b55}.upgrade-lost{box-shadow:0 0 0 10px #111419,0 0 0 12px #8c4b47,0 0 40px #cb4b3f33}.contract-slots{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px;margin:25px}.contract-slot{height:100px;background:#10151d;border:1px solid #252d37;position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;color:#525969}.contract-slot>span{font-size:28px}.contract-slot small{font-size:10px}.contract-slot img{width:100%;height:65px;object-fit:contain}.contract-slot.filled{border-color:#ffe014;animation:slot-enter .3s ease-out}.contract-slot.filled small{color:#ffe014}.contract-slot .slot-remove{position:absolute;right:3px;top:0;font-size:17px;color:#bbb}.contract-bar{max-width:none;display:flex;align-items:center;justify-content:space-between;margin:0 25px;padding:10px 22px}.contract-bar p{margin:0}.contract-bar .primary{margin:0;min-width:200px}.contract-theater{height:310px;position:relative;display:grid;place-items:center;overflow:hidden;margin:0 25px;background:radial-gradient(ellipse,#ffe01422,transparent 65%)}.contract-paper{width:350px;min-height:235px;background:#ffe014;color:#2f2f2f;padding:24px 25px;box-shadow:0 14px 35px #0005;position:relative;transform:rotate(-1deg)}.paper-heading{font-size:16px;font-weight:bold;border-bottom:2px solid #464646;padding-bottom:10px}.paper-heading span{display:block;font-size:9px;letter-spacing:2px;margin-top:7px}.paper-lines{height:30px;margin-top:12px;background:repeating-linear-gradient(0deg,transparent 0 8px,#ffe01455 9px 10px)}.contract-paper p{font-size:11px;line-height:1.5;color:#ffe014}.signature{width:210px;height:54px;position:absolute;bottom:12px;left:20px}.signature path{stroke:#293d60;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}.signing .signature path{animation:sign-contract 1.15s ease forwards}.contract-stamp{position:absolute;bottom:25px;right:10px;border:3px double #a64b38;color:#a64b38;font-size:16px;padding:7px;transform:rotate(-15deg) scale(2);opacity:0}.sealed .signature path{stroke-dashoffset:0}.sealed .contract-stamp{animation:stamp .35s ease forwards}.contract-reward{text-align:center;position:relative;z-index:2}.contract-reward>span{font-size:11px;color:#ffe014;letter-spacing:2px}.contract-reward img{display:block;width:300px;height:160px;object-fit:contain;margin:auto;filter:drop-shadow(0 0 25px #ffe01455)}.contract-reward h3{font-size:18px;margin:0 0 8px}.contract-reward strong{color:#ffe014}.contract-reward small{display:block;font-size:12px;margin-top:7px;color:#929ca8}.contract-flash{position:absolute;inset:0;background:radial-gradient(ellipse,#ffe014,transparent 65%);opacity:0;pointer-events:none}.revealed .contract-flash{animation:reward-flash .8s ease-out}.motion-busy .choice,.motion-busy .contract-slot{pointer-events:none;opacity:.6}.motion-busy [data-view],.motion-busy #reset,.motion-busy #topup{pointer-events:none;opacity:.55}@keyframes sign-contract{to{stroke-dashoffset:0}}@keyframes stamp{to{opacity:1;transform:rotate(-15deg) scale(1)}}@keyframes reward-flash{0%{opacity:.8}100%{opacity:0}}@keyframes slot-enter{from{transform:translateY(8px);opacity:.3}to{transform:none;opacity:1}}@media(max-width:1150px){.upgrade-arena{grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);padding:20px;gap:14px}.upgrade-dial{width:200px;height:200px}.dial-core strong{font-size:30px}.dial-core{inset:18px}.upgrade-pedestal{min-height:210px;padding:10px}.contract-slots{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:720px){.upgrade-arena{grid-template-columns:1fr 1fr;gap:12px;padding:15px}.dial-column{grid-column:1/-1;grid-row:2;max-width:270px;justify-self:center;width:100%;margin-top:20px}.upgrade-pedestal{min-height:160px}.upgrade-pedestal img{height:85px}.upgrade-pedestal b{font-size:12px}.upgrade-dial{width:220px;height:220px}.contract-slots{margin:15px 12px;gap:5px}.contract-slot{height:72px}.contract-slot img{height:44px}.contract-slot small{font-size:8px}.contract-bar{margin:0 12px;display:block;text-align:center}.contract-bar .primary{margin-top:12px}.contract-theater{margin:0 12px;height:285px}.contract-paper{width:280px;padding:20px;min-height:230px}.paper-heading{font-size:14px}.contract-stamp{font-size:12px}.contract-reward img{width:250px}}@media(prefers-reduced-motion:reduce){.signing .signature path,.sealed .contract-stamp,.revealed .contract-flash,.contract-slot.filled{animation:none}.signing .signature path{stroke-dashoffset:0}}

/* source: polish.css */
.playback-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:22px;padding:10px 25px;background:#151a22;border-bottom:1px solid #303540;font-size:12px;color:#9da6b3}.audio-control{display:flex;align-items:center;gap:10px}.audio-control button{border:0;background:none;color:#ffe014;font:inherit;cursor:pointer}.audio-control input{width:75px;height:4px}.playback-toolbar>label{white-space:nowrap}.feature-title{margin:20px 15px 8px}.feature-title h1{margin:10px 0;font-size:25px}.feature-title p{margin:0;font-size:12px}.upgrade-arena{padding:22px 35px 12px;grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);gap:30px}.upgrade-dial{width:200px;height:200px;margin-bottom:18px}.dial-core{inset:18px}.dial-core strong{font-size:32px}.double-chevron{font-size:45px;line-height:30px}.dial-column>.primary{padding:12px;font-size:15px}.upgrade-pedestal{min-height:210px;padding:16px;position:relative;overflow:visible;border:1px solid #43402c;background:radial-gradient(ellipse at 50% 85%,#b7962820,transparent 70%),linear-gradient(150deg,#1e242d,#151a21);box-shadow:inset 0 1px #ffffff05}.upgrade-pedestal img{height:125px;animation:skin-arrive .45s cubic-bezier(.2,.8,.2,1)}.upgrade-pedestal b{max-width:100%;overflow-wrap:anywhere}.upgrade-caption{margin:5px 10px}.dual-pickers{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 25px 30px;align-items:start}.skin-panel{background:#141a23;border:1px solid #303844;border-radius:10px;overflow:hidden;min-width:0}.skin-panel-heading{min-height:53px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#1c2430;border-bottom:1px solid #303844}.skin-panel-heading h2{font-size:15px;margin:0}.skin-panel-heading>span{font-size:11px;color:#9aa5b2}.quick-targets{display:flex;gap:5px;flex-wrap:wrap}.quick-targets button{padding:5px 8px;border:1px solid #49483d;background:#1f1f1f;border-radius:4px;font-size:11px;color:#ffe014}.quick-targets button:hover{background:#3e3e3e}.skin-tools{display:flex;gap:8px;padding:10px}.skin-tools input,.skin-tools select{font:12px Arial,sans-serif;background:#10151d;border:1px solid #303947;color:#cbd3df;padding:9px;border-radius:5px;min-width:0}.skin-tools input{width:55%;flex:1}.skin-tools select{width:45%}.skin-panel .choice-grid,.skin-panel .items-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:400px;overflow:auto;scrollbar-color:#495464 #151a23;padding:10px;gap:8px;align-content:start;scrollbar-gutter:stable}.choice{border-radius:7px;overflow:hidden;position:relative;transition:border-color .16s,background .16s,box-shadow .16s}.choice:hover{border-color:#78808b;box-shadow:0 5px 14px #0003}.choice.selected{border-color:#ffe014;box-shadow:0 0 12px #ffe01422}.choice.selected:after{content:'✓';position:absolute;top:7px;right:7px;background:#ffe014;color:#1f1f1f;border-radius:50%;width:18px;height:18px;text-align:center;font-size:12px;line-height:18px}.choice .item{border:0;border-bottom:2px solid var(--tone);padding:8px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--tone) 11%,transparent),transparent 70%),#1e2531}.choice .item img,.skin-panel .item img{height:83px;transition:transform .2s}.choice:hover .item img{transform:translateY(-3px) scale(1.04)}.choice .item h3{font-size:12px;min-height:28px;margin:4px 0}.choice .item small{font-size:10px}.choice .item p{font-size:12px;color:#ffe014;margin-top:7px}.choice>span{font-size:10px;background:#27303e}.skin-panel .empty{margin:0;grid-column:1/-1;min-height:150px;font-size:13px;padding:35px 15px}.skin-panel .items-grid>.muted{grid-column:1/-1;font-size:13px;padding:20px}.result-banner:empty{display:none}.result-banner{border:1px solid #454545;background:linear-gradient(90deg,#191919,#1c222b);padding:12px 20px;margin:12px 25px;border-radius:7px;font-size:13px;animation:result-arrive .5s ease}.contract-console{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 25px 10px;align-items:stretch}.contract-selection{background:#141b24;border:1px solid #303b48;border-radius:10px;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.selection-title{font-size:13px;color:#ffe014;display:flex;justify-content:space-between}.selection-title span{font-size:11px;color:#8c98a8}.contract-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:15px 0}.contract-slot{height:79px;border-radius:6px}.contract-slot img{height:51px}.contract-slot.filled{box-shadow:0 0 10px #ffe01422}.contract-bar{border:0;background:none;padding:0;margin:0;display:block;min-width:0;text-align:left}.contract-bar p{font-size:12px;margin-bottom:12px}.contract-bar .primary{width:100%;border-radius:6px;padding:12px}.contract-theater{height:320px;margin:0;border:1px solid #343844;border-radius:10px;background:radial-gradient(ellipse at center,#ffe01423,#141a24 70%);perspective:900px}.contract-paper{width:290px;min-height:230px;transform:rotate(-2deg);box-shadow:0 20px 35px #0007}.paper-heading{font-size:14px}.contract-reward{width:100%}.contract-reward img{width:85%;max-width:300px;height:165px;animation:reward-hover 3s ease-in-out infinite}.contract-reward h3{font-size:16px}.reward-particles{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:4}.reward-particles i{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:var(--particle);box-shadow:0 0 7px var(--particle);animation:spark-out 1s var(--delay) ease-out both}.upgrade-dial.is-spinning{box-shadow:0 0 0 10px #111419,0 0 0 12px #80651f,0 0 38px #dbba2933}.upgrade-dial.is-spinning .dial-core{box-shadow:inset 0 0 25px #f4ca2422}.upgrade-dial.is-spinning .dial-ticks{animation:track-turn 16s linear infinite}.upgrade-pedestal.charging{animation:charge-glow 1.1s ease-in-out infinite}.contract-theater.charging{box-shadow:inset 0 0 50px #ffe01422}.motion-busy .quick-targets,.motion-busy .skin-tools{pointer-events:none;opacity:.6}@keyframes skin-arrive{from{opacity:0;transform:translateY(14px) scale(.87);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes result-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes reward-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes spark-out{from{opacity:0;transform:rotate(var(--angle)) translateX(10px) scale(.3)}15%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateX(var(--travel)) scale(.1)}}@keyframes track-turn{to{transform:rotate(-360deg)}}@keyframes charge-glow{50%{box-shadow:inset 0 0 45px #ffe0141c,0 0 15px #ffe0141c}}@media(min-width:1600px){.skin-panel .choice-grid,.skin-panel .items-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.dual-pickers{gap:12px;margin:16px}.skin-panel .choice-grid,.skin-panel .items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upgrade-arena{gap:12px;padding:20px}.contract-console{margin:20px 16px;gap:12px}.contract-paper{width:235px;padding:18px}.paper-heading{font-size:12px}.contract-stamp{font-size:12px}.signature{width:170px}.quick-targets button{font-size:10px;padding:5px}}@media(max-width:720px){.playback-toolbar{padding:10px 12px;gap:12px;font-size:10px;justify-content:space-between}.audio-control{gap:5px}.audio-control input{width:50px}.upgrade-arena{grid-template-columns:1fr 1fr;padding:12px;gap:10px}.upgrade-pedestal{min-height:140px;padding:9px;gap:7px}.upgrade-pedestal img{height:80px}.dial-column{grid-row:2;grid-column:1/-1;margin-top:14px}.upgrade-dial{width:190px;height:190px}.dual-pickers{grid-template-columns:1fr;margin:14px 12px}.skin-panel .choice-grid,.skin-panel .items-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:300px}.contract-console{grid-template-columns:1fr;margin:15px 12px}.contract-paper{width:280px}.contract-theater{height:285px}.result-banner{margin:10px 12px}.skin-panel-heading h2{font-size:14px}}@media(prefers-reduced-motion:reduce){.upgrade-pedestal img,.contract-reward img,.reward-particles i,.result-banner,.upgrade-dial.is-spinning .dial-ticks,.upgrade-pedestal.charging{animation:none!important}.choice,.choice .item img{transition:none}}

/* source: expansion.css */
.collection-tools{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 35px;background:#171d27;border-bottom:1px solid #313642;flex-wrap:wrap}.collection-stats{font-size:13px;color:#a4adba}.collection-stats b{color:#ffe014}.collection-tools select{background:#101620;border:1px solid #333e4c;color:#cbd3df;border-radius:5px;padding:8px 12px;font-size:12px}.case-caption h3{min-height:21px}.own-art{background-image:none!important;perspective:600px;overflow:visible;background-color:#191d26}.own-art .case-shell{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}.case-card:hover .case-shell{transform:rotateX(3deg) scale(1.025);filter:brightness(1.12)}.case-card:hover .skin-overlay{transform:translateY(-10px) rotate(-5deg) scale(1.08);filter:drop-shadow(0 15px 12px #000a)}.case-card .skin-overlay{transition:transform .4s cubic-bezier(.18,.8,.2,1),filter .4s}.case-card{position:relative}.case-card .case-caption{position:relative;z-index:1}.case-series{font-size:10px;letter-spacing:1px;color:var(--tone);display:block;margin-bottom:4px}.case-grid{content-visibility:auto;contain-intrinsic-size:auto 1200px}.case-more{display:block;margin:20px auto;padding:13px 30px;background:#242d3a;border:1px solid #596170;border-radius:6px;color:#ffe014}.drop-showcase{position:relative;min-height:300px;overflow:hidden;margin:20px 30px 30px;border:1px solid color-mix(in srgb,var(--drop-color) 45%,#333);border-radius:14px;background:#111720;display:grid;place-items:center;text-align:center;isolation:isolate}.showcase-aura{position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--drop-color) 20%,transparent),transparent 25%,color-mix(in srgb,var(--drop-color) 25%,transparent),transparent 50%,color-mix(in srgb,var(--drop-color) 20%,transparent),transparent 75%);animation:showcase-rotate 20s linear infinite;z-index:-1}.showcase-rings{position:absolute;width:230px;height:230px;top:20px;border:1px solid color-mix(in srgb,var(--drop-color) 40%,transparent);border-radius:50%;z-index:-1;box-shadow:0 0 65px color-mix(in srgb,var(--drop-color) 20%,transparent),inset 0 0 45px color-mix(in srgb,var(--drop-color) 10%,transparent)}.showcase-content{position:relative;padding:20px}.drop-kicker{display:block;font-size:11px;letter-spacing:3px;color:var(--drop-color)}.showcase-content img{display:block;width:330px;max-width:80vw;height:170px;object-fit:contain;margin:2px auto;filter:drop-shadow(0 14px 24px #0008)}.showcase-content h2{font:700 22px 'Roboto Condensed',Arial,sans-serif;margin:4px 0 12px}.showcase-content strong{font-size:24px;color:#ffe014}.showcase-content small{display:block;font-size:12px;color:#9faaba;margin-top:12px}.drop-showcase.arrive .showcase-content img{animation:drop-land .95s cubic-bezier(.18,.8,.2,1)}.drop-showcase.arrive .showcase-content h2,.drop-showcase.arrive .showcase-content strong{animation:drop-caption .8s .15s both}.drop-showcase.legendary{border-color:#daa948;box-shadow:0 0 25px #ce902524}.legendary .drop-kicker{color:#fbd278}.roulette{transition:box-shadow .4s,border-color .4s}.roulette.rolling{box-shadow:0 0 24px #ffe01420;border-color:#ffe014}.roulette.rolling .pointer{box-shadow:0 0 14px #ffe014}.reel-card.winner{box-shadow:inset 0 0 30px color-mix(in srgb,var(--tone) 20%,transparent);border:1px solid var(--tone);transform:scale(1.035);transition:transform .3s,box-shadow .3s}.skin-panel .choice-grid{contain:layout style}.skin-panel .choice{content-visibility:auto;contain-intrinsic-size:auto 180px}.contract-reward{isolation:isolate}.contract-reward:before{content:'';position:absolute;width:210px;height:210px;left:calc(50% - 105px);top:5px;border-radius:50%;background:radial-gradient(circle,#ffe01425,transparent 70%);border:1px solid #ffe01433;z-index:-1}.contract-theater.revealed{background:radial-gradient(ellipse at center,#ffe01434,#141a24 75%)}@keyframes showcase-rotate{to{transform:rotate(360deg)}}@keyframes drop-land{0%{opacity:0;transform:translateY(-45px) scale(.35) rotate(-14deg);filter:blur(8px) brightness(2.5)}60%{opacity:1;transform:translateY(4px) scale(1.08) rotate(2deg);filter:blur(0) brightness(1.3)}100%{opacity:1;transform:none}}@keyframes drop-caption{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:720px){.collection-tools{padding:12px;gap:8px}.collection-stats{width:100%}.collection-tools select{flex:1;max-width:48%;padding:8px}.drop-showcase{margin:15px 12px;min-height:290px}.showcase-content h2{font-size:19px}.showcase-content img{width:250px}.case-caption h3{font-size:15px}}@media(prefers-reduced-motion:reduce){.showcase-aura,.drop-showcase.arrive .showcase-content img,.drop-showcase.arrive .showcase-content h2,.drop-showcase.arrive .showcase-content strong{animation:none}.own-art .case-shell,.case-card .skin-overlay{transition:none}}

/* source: luxe.css */
:root{--bg:#10141e;--panel:#1b2230;--line:#303a4d;--text:#e3e7ef;--accent:#ffe014}
body{background:radial-gradient(ellipse at 90% 0,#49326325,transparent 45%),radial-gradient(ellipse at 20% 30%,#203c6025,transparent 40%),#10141e}
header{background:linear-gradient(110deg,#121822,#1c1c29);border-bottom:1px solid #ffffff0d;box-shadow:0 8px 30px #0003}
.brand-symbol{text-shadow:0 0 20px #ffe01488}.nav{border-radius:9px;padding:7px 12px;transition:color .2s,background .2s}.nav.active{background:linear-gradient(160deg,#ffe01419,#ffe01407);box-shadow:inset 0 1px #ffe01425;color:#ffe014}.nav:hover{background:#ffffff08;color:#fff}.nav-icon{transition:transform .25s}.nav:hover .nav-icon{transform:translateY(-2px)}
.wallet{padding:7px 9px 7px 16px;border:1px solid #ffe01420;border-radius:12px;background:#090d1640}.wallet strong{color:#ffe014}.plus{border-radius:7px;box-shadow:0 3px 14px #ffe01425}.playback-toolbar{background:#101620a0;border-bottom:1px solid #ffffff08}
.promo{position:relative;isolation:isolate;height:130px;background:radial-gradient(ellipse at 20% 50%,#7238b74d,transparent 45%),radial-gradient(ellipse at 90% 50%,#ffe01425,transparent 45%),#151b29;border-bottom:1px solid #a27bd321}
.promo:before{content:'';position:absolute;inset:-100%;z-index:-1;background:repeating-linear-gradient(115deg,transparent 0 140px,#e4c5ff06 141px 142px,transparent 143px 280px);transform:rotate(-8deg);pointer-events:none}.promo-center{border-color:#ffe01450;background:#15192366;box-shadow:0 0 40px #aa77dd0a,inset 0 1px #ffffff12}.promo-center strong{letter-spacing:.5px}.bonus-sticker{box-shadow:-10px 9px #6839bc,0 15px 35px #8e49cf33}
.primary,.promo-action button,.case-more{position:relative;overflow:hidden;isolation:isolate;transition:transform .2s,box-shadow .2s,filter .2s;border-radius:9px}.primary{background:linear-gradient(115deg,#ffe014,#ffe014);box-shadow:0 6px 22px #ffe0141f;border:1px solid #ffe01460}.primary:hover:not(:disabled),.promo-action button:hover,.case-more:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ffe01433;filter:brightness(1.08)}
.primary:before,.promo-action button:before{content:'';position:absolute;inset:-70%;background:linear-gradient(110deg,transparent 42%,#ffffff35 49%,transparent 56%);transform:translateX(-65%);pointer-events:none;z-index:-1}.primary:hover:not(:disabled):before,.promo-action button:hover:before{animation:button-sheen .8s ease}.primary:active:not(:disabled){transform:translateY(1px)}
.local-notice{min-height:78px;background:linear-gradient(110deg,#53301c20,#181e2d70);border-bottom:1px solid #ffffff08}.local-notice h2{font-size:13px;color:#ffe014}.local-notice p{font-size:12px}.notice-icon{font-size:34px}.filter-bar{background:#141b27;padding:15px}.filter-bar input{width:320px;border-radius:8px;padding:11px 14px;border-color:#384256}.collection-tools{background:#121925;padding-top:12px;padding-bottom:12px}.collection-tools select,.skin-tools input,.skin-tools select{border-radius:8px;background:#0e1521}.filter-bar input:focus,.skin-tools input:focus,select:focus-visible{outline:2px solid #ffe014;outline-offset:2px;box-shadow:0 0 20px #ffe01412}
.catalog-heading{height:85px}.catalog-heading h1{font-size:22px;letter-spacing:2px;background:none;border:0;position:relative}.catalog-heading h1:after{content:'';position:absolute;width:60px;height:2px;bottom:0;left:calc(50% - 30px);background:linear-gradient(90deg,transparent,#ffe014,transparent);box-shadow:0 0 12px #ffe01466}
.case-grid{gap:18px;padding-top:8px}.case-card{--mx:50%;--my:35%;border:1px solid #ffffff0b;border-radius:15px;padding:18px 12px 16px;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--tone) 8%,transparent),transparent 65%),linear-gradient(145deg,#202633,#151b26);overflow:hidden;box-shadow:0 8px 20px #0002;transition:transform .25s ease,border-color .25s,box-shadow .25s}
.case-card:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(240px circle at var(--mx) var(--my),color-mix(in srgb,var(--tone) 16%,transparent),transparent 75%);opacity:0;transition:opacity .25s;z-index:1}.case-card:hover:before{opacity:1}.case-card:hover{background:linear-gradient(145deg,#252d3c,#191f2b);border-color:color-mix(in srgb,var(--tone) 50%,#414654);box-shadow:0 16px 32px #0005,0 0 22px color-mix(in srgb,var(--tone) 9%,transparent);transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-5px)}
.case-caption{margin:0 3px 8px}.case-caption h3{font-size:17px;letter-spacing:.4px}.case-caption small{font-size:11px}.case-series{font-size:9px;letter-spacing:1.5px;margin-bottom:8px}.new-tag{border-radius:3px;background:#ffffff10;color:#d7dceb;font-style:normal;padding:3px 5px}.own-art{border-radius:12px;overflow:hidden;mask-image:linear-gradient(transparent,#000 12%,#000 82%,transparent)}.case-card .skin-overlay{z-index:1}.case-card .price{border-radius:7px;border-color:#ffe01445;background:#ffe01410;color:#ffe014;font-weight:700;padding:8px 18px;position:relative;z-index:2}.case-card:hover .price{background:#ffe014;color:#151515;box-shadow:0 0 20px #ffe01425}.return-tag{font-size:10px;color:#a3b3a8;margin-top:9px}.feed-item{background:linear-gradient(115deg,color-mix(in srgb,var(--tone) 15%,#131923),#111723);border-bottom-color:#ffffff08}.feed-item img{transition:transform .3s}.feed-item:hover img{transform:translateY(-3px) scale(1.08)}
.items-grid>.item{border-radius:10px;background:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--tone) 11%,transparent),transparent 70%),#19212e;transition:transform .2s,box-shadow .2s}.items-grid>.item:hover{transform:translateY(-3px);box-shadow:0 8px 22px #0003}.item .chance{color:#b9c7d6;font-variant-numeric:tabular-nums}.item p{color:#ffe014}.skin-panel{box-shadow:0 10px 30px #0002;border-color:#354056}.skin-panel-heading{background:linear-gradient(110deg,#253044,#1a2230)}.choice.selected{box-shadow:inset 0 0 22px #ffe01412,0 0 14px #ffe01425}
.upgrade-arena{border:1px solid #d3af4f1a;border-radius:18px;margin:20px 25px;background:radial-gradient(ellipse at 50% 65%,#b89d2720,transparent 60%),linear-gradient(120deg,#19212d,#111722);padding-top:32px;padding-bottom:25px}.upgrade-pedestal{border-radius:14px;border-color:#b2a16b35;box-shadow:0 10px 30px #0003;isolation:isolate;overflow:hidden}.upgrade-pedestal:before{content:'';position:absolute;bottom:35px;width:75%;height:45px;border:1px solid #e5c56940;border-radius:50%;transform:rotateX(60deg);box-shadow:0 0 30px #f2d25818;z-index:-1}.upgrade-pedestal img{filter:drop-shadow(0 16px 15px #0009)}.dial-core{background:radial-gradient(circle at 40% 25%,#242424,#151b24 75%)}.dial-core strong{text-shadow:0 0 25px #ffe01433}.upgrade-dial.is-spinning .dial-core:after{content:'';position:absolute;inset:-9px;border:2px solid #ffe36c;border-radius:50%;animation:energy-ring 1.3s ease-out infinite;pointer-events:none}.upgrade-won{animation:success-bloom .8s ease-out}.contract-selection{background:linear-gradient(145deg,#202a39,#131a25)}.contract-slot{background:linear-gradient(145deg,#1b2533,#101722);border:1px dashed #405069;color:#63758b}.contract-slot.filled{border-style:solid;background:radial-gradient(ellipse,#ffe01420,#131c28)}.contract-theater{background:radial-gradient(ellipse at center,#ffe01428,#101724 75%);box-shadow:inset 0 0 40px #0003}.contract-theater.charging{animation:forge-charge 1s ease-in-out infinite}.contract-paper{border-radius:3px;box-shadow:0 24px 40px #0008,0 0 1px 1px #ffe01444}
.roulette{border-radius:13px;border-color:#38465b;box-shadow:inset 0 0 35px #0005}.roulette.rolling{box-shadow:0 0 35px #ffe01418,inset 0 0 35px #0005}.roulette .pointer{box-shadow:0 0 14px #ffe014}.reel-card{border-radius:8px}.drop-showcase{box-shadow:0 15px 45px #0004,inset 0 1px #ffffff10}.showcase-aura{filter:blur(18px);opacity:.7}.drop-showcase.arrive .showcase-rings{animation:reward-ring 1s ease-out}.showcase-content img{filter:drop-shadow(0 0 25px color-mix(in srgb,var(--drop-color) 22%,transparent))}.showcase-content strong{text-shadow:0 0 20px #ffe01433}
.fx-enter{animation:panel-rise .55s cubic-bezier(.2,.75,.2,1) both}.fx-card-enter{animation:panel-rise .5s var(--enter-delay,0ms) cubic-bezier(.2,.75,.2,1) both}.click-wave{position:fixed;width:16px;height:16px;margin:-8px;border:1px solid #ffe014;border-radius:50%;pointer-events:none;z-index:30;animation:click-wave .5s ease-out both}.toast.visible{animation:toast-rise .3s ease-out;box-shadow:0 10px 40px #0006;border:1px solid #ffe01450;background:#252b36;color:#ffe014;border-radius:10px}button:focus-visible{outline:2px solid #ffe014;outline-offset:4px}
@keyframes panel-rise{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes button-sheen{to{transform:translateX(65%)}}@keyframes energy-ring{from{scale:1;opacity:.7}to{scale:1.22;opacity:0}}@keyframes reward-ring{from{scale:.4;opacity:0}40%{opacity:1}to{scale:1;opacity:1}}@keyframes success-bloom{40%{filter:brightness(1.5);scale:1.04}to{filter:brightness(1);scale:1}}@keyframes forge-charge{50%{box-shadow:inset 0 0 70px #ffe01430,0 0 20px #ffe01410}}@keyframes click-wave{to{scale:4;opacity:0}}@keyframes toast-rise{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){.nav{padding:6px}.case-grid{gap:12px}.case-card{padding:14px 9px}.upgrade-arena{margin:16px}}
@media(max-width:720px){.promo{height:115px}.wallet{padding:5px 7px}.case-grid{padding:10px 12px;gap:10px}.case-card{padding:12px 8px;border-radius:11px}.case-caption h3{font-size:14px}.case-caption small{font-size:10px}.case-card .price{font-size:13px;padding:7px 10px}.new-tag{display:none}.catalog-heading h1{font-size:18px}.local-notice{padding:14px;gap:12px}.filter-bar{padding:12px}.filter-bar input{width:60%;min-width:0}.upgrade-arena{margin:12px;padding:20px 12px}.nav{padding:5px 8px}.return-tag{font-size:9px}.case-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.fx-enter,.fx-card-enter,.click-wave,.upgrade-won,.contract-theater.charging,.upgrade-dial.is-spinning .dial-core:after,.drop-showcase.arrive .showcase-rings,.toast.visible{animation:none!important}.case-card:hover,.items-grid>.item:hover{transform:none}.primary:before,.promo-action button:before{display:none}}

/* source: reward.css */
.reward-modal{width:min(580px,calc(100vw - 28px));max-width:580px;max-height:calc(100dvh - 30px);overflow:auto;text-align:center;padding:35px 30px 25px;border:1px solid color-mix(in srgb,var(--reward-tone) 60%,#aaa);border-radius:24px;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--reward-tone) 20%,#121925),#101620 75%);color:#f0f2f8;box-shadow:0 35px 100px #000a,0 0 70px color-mix(in srgb,var(--reward-tone) 18%,transparent);isolation:isolate;animation:modal-reveal .6s cubic-bezier(.16,1,.3,1)}
.reward-modal::backdrop{background:#050914d9;backdrop-filter:blur(9px);animation:backdrop-in .35s ease}.reward-close{position:absolute;right:15px;top:12px;border:1px solid #ffffff1a;border-radius:50%;background:#151e2d;color:#c0ccdc;width:32px;height:32px;font-size:23px;z-index:3}.reward-eyebrow{font-size:11px;letter-spacing:3px;color:#ffe014;position:relative}.reward-art{height:225px;display:grid;place-items:center;position:relative}.reward-art img{width:100%;height:215px;object-fit:contain;filter:drop-shadow(0 15px 25px #0009);animation:loot-flight .95s cubic-bezier(.17,.8,.2,1) both}.reward-modal h2{font-size:25px;margin:8px 0 12px;position:relative;animation:reward-text .6s .2s both}.reward-price{font-size:30px;color:#ffe014;text-shadow:0 0 25px #ffe01430}.reward-modal p{font-size:12px;color:#a8b7cb;margin:12px 0 25px}.reward-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative}.reward-actions button{padding:14px 9px;font-size:13px}.reward-keep{grid-column:1/-1;background:none;border:0;color:#b2c0d4}.reward-rays{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none}.reward-rays:before{content:'';position:absolute;inset:-50%;background:repeating-conic-gradient(from 0deg,transparent 0 25deg,color-mix(in srgb,var(--reward-tone) 15%,transparent) 27deg 32deg,transparent 35deg 60deg);filter:blur(10px);animation:reward-spin 28s linear infinite}.reward-orbit{position:absolute;left:calc(50% - 110px);top:60px;width:220px;height:220px;border:1px solid color-mix(in srgb,var(--reward-tone) 50%,transparent);border-radius:50%;box-shadow:0 0 50px color-mix(in srgb,var(--reward-tone) 20%,transparent);z-index:-1;animation:orbit-expand .9s ease-out}.reward-orbit:after{content:'';position:absolute;inset:15px;border:1px dashed #ffffff16;border-radius:50%}
.multi-summary{margin:0 25px 15px;padding:14px 18px;background:linear-gradient(100deg,#223149,#1a202d);border:1px solid #465571;border-radius:10px;color:#c5d3e5;font-size:12px;line-height:1.8}.multi-summary b{color:#ffe014}.multi-controls{display:flex;gap:8px;margin-top:7px}.multi-controls button{padding:5px 10px;border:1px solid #536078;border-radius:5px;background:#172032;color:#bfcde0;font-size:11px}.preview-stack{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;min-height:110px;gap:3px}.upgrade-pedestal .preview-stack img{width:30%;height:65px;object-fit:contain}.preview-stack img:only-child{width:100%;height:125px}.upgrade-pedestal .multi-label{font-size:11px;color:#9fafc4}.choice .target-odds{display:block;color:#ffe014;font-size:10px;padding:5px}.upgrade-pedestal{min-width:0}
@keyframes modal-reveal{from{opacity:0;transform:translateY(35px) scale(.85)}to{opacity:1;transform:none}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes loot-flight{0%{opacity:0;transform:translateY(-50px) scale(.35) rotate(-18deg);filter:blur(10px) brightness(2)}65%{opacity:1;transform:scale(1.08) rotate(3deg)}100%{opacity:1;transform:none}}@keyframes orbit-expand{from{opacity:0;scale:.25}to{opacity:1;scale:1}}@keyframes reward-spin{to{transform:rotate(360deg)}}@keyframes reward-text{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(max-width:600px){.reward-modal{padding:32px 18px 15px;border-radius:17px}.reward-art{height:180px}.reward-art img{height:175px}.reward-modal h2{font-size:21px}.reward-price{font-size:25px}.reward-orbit{width:180px;height:180px;left:calc(50% - 90px)}.multi-summary{margin:0 12px 12px}.upgrade-pedestal .preview-stack img{height:45px;width:45%}}
.reward-modal.quiet,.reward-modal.quiet *{animation:none!important}@media(prefers-reduced-motion:reduce){.reward-modal,.reward-modal::backdrop,.reward-modal *{animation:none!important}}

/* source: cinematic.css */
.case-machine{--case-tone:#ffe014;position:relative;isolation:isolate;margin:20px auto 28px;width:calc(100% - 70px);max-width:1060px;perspective:1100px;filter:drop-shadow(0 24px 25px #0005)}
.machine-halo{position:absolute;inset:15% -5% -10%;background:radial-gradient(ellipse,color-mix(in srgb,var(--case-tone) 14%,transparent),transparent 70%);z-index:-1;pointer-events:none}.machine-lid{position:relative;margin:0 16px;height:120px;padding:13px 20px 0;border:3px solid #5b6575;border-bottom:0;border-radius:25px 25px 4px 4px;background:linear-gradient(145deg,#384352,#161e2a 45%,#2d3643);box-shadow:inset 0 3px #a1adbb25,inset 0 0 0 5px #141a25,0 0 0 1px #070c14;transform-origin:50% 100%;transform:rotateX(-8deg)}
.lid-trim{height:88px;display:flex;align-items:center;gap:18px;padding:12px 22px;border:1px solid color-mix(in srgb,var(--case-tone) 35%,#303848);border-radius:14px;background:repeating-linear-gradient(135deg,#ffffff02 0 2px,transparent 2px 7px),radial-gradient(ellipse at center,color-mix(in srgb,var(--case-tone) 12%,transparent),transparent),#111925;box-shadow:inset 0 5px 20px #0006}.lid-mark{font-size:43px;color:var(--case-tone);text-shadow:0 0 25px var(--case-tone)}.lid-trim small{display:block;color:#8997ac;font-size:9px;letter-spacing:4px;margin-bottom:6px}.lid-trim b{font:700 21px 'Roboto Condensed',Arial,sans-serif;text-transform:uppercase;color:#e0e7f0;letter-spacing:1px}.lid-serial{margin-left:auto;letter-spacing:8px;font-size:10px;color:var(--case-tone)}.lid-hinge{position:absolute;bottom:-5px;left:13%;right:13%;height:10px;background:repeating-linear-gradient(90deg,#080e17 0 14%,#7c8795 14% 15%,#303c4c 15% 22%,#0d1420 22% 35%);border-radius:4px;z-index:2}
.machine-cavity{padding:20px 22px;position:relative;background:linear-gradient(90deg,#43505d,#151e2b 4%,#222e3d 50%,#151e2b 96%,#43505d);border:2px solid #68717e;border-radius:14px 14px 0 0;box-shadow:inset 0 2px #c5ced633,inset 0 0 0 6px #141c29}.machine-cavity .roulette{margin:0;border:2px solid #070d17;border-radius:8px;height:220px;background:radial-gradient(ellipse at 50% 85%,color-mix(in srgb,var(--case-tone) 10%,#0b111a),#0b111a);box-shadow:0 0 0 1px #68738344,inset 0 0 40px #0008;overflow:hidden}.machine-cavity .reel-card{height:185px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--tone) 14%,transparent),transparent 75%),#161f2b;border-color:var(--tone);border-radius:7px}.machine-cavity .reel-card img{height:125px}.machine-cavity .pointer{background:var(--case-tone);box-shadow:0 0 13px var(--case-tone)}.machine-cavity .pointer:before{border-top-color:var(--case-tone)}.machine-bolt{position:absolute;top:50%;width:9px;height:9px;border:2px solid #66717f;border-radius:50%;background:#121924;box-shadow:0 1px 2px #000;z-index:4}.bolt-left{left:7px}.bolt-right{right:7px}
.machine-front{position:relative;height:69px;padding:10px 10%;display:flex;align-items:flex-start;justify-content:space-between;border:2px solid #545e6b;border-top:0;border-radius:0 0 20px 20px;background:linear-gradient(#344151 0 3px,#1a2431 4px,#2c3745 40%,#141d28);box-shadow:inset 0 -6px #0a101c,inset 0 -8px #3b465366}.machine-latch{height:32px;width:34px;border:2px solid #78808a;border-radius:5px;background:linear-gradient(90deg,#303c4a,#697481 45%,#273240);box-shadow:0 3px 7px #0007;position:relative;transform-origin:50% 0}.machine-latch:before{content:'';position:absolute;inset:8px 6px;border:2px solid #111925;border-radius:2px}.machine-status{font-size:9px;letter-spacing:2px;color:#a7b5c7;margin-top:1px;text-align:center}.machine-handle{position:absolute;bottom:-13px;left:calc(50% - 70px);width:140px;height:29px;border:7px solid #3a4654;border-top-width:4px;border-radius:7px 7px 12px 12px;background:#101722;box-shadow:0 3px 0 #080d16,inset 0 1px #76849755}
.case-unlocking .machine-latch{animation:latch-unlock .65s ease}.case-unlocking .machine-lid{animation:lid-open .65s cubic-bezier(.2,.8,.3,1)}.case-running .lid-mark{animation:reactor-pulse 1.1s ease-in-out infinite}.case-running .machine-status{color:var(--case-tone)}.case-running .machine-cavity{border-color:var(--case-tone);box-shadow:inset 0 0 0 6px #141c29,0 0 25px color-mix(in srgb,var(--case-tone) 18%,transparent)}.case-running .machine-halo{animation:reactor-pulse 1.5s ease-in-out infinite}.case-awarded .machine-status{color:#ffe014}.case-awarded .machine-cavity{border-color:#ffe014;box-shadow:0 0 30px #ffe01422}.case-awarded .reel-card:not(.winner){opacity:.35;transition:opacity .4s}.case-awarded .reel-card.winner{box-shadow:inset 0 0 35px color-mix(in srgb,var(--tone) 30%,transparent),0 0 18px color-mix(in srgb,var(--tone) 30%,transparent)}
.upgrade-arena{position:relative;isolation:isolate;overflow:hidden}.upgrade-energy{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.energy-beam{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#ffe01470,transparent);transform-origin:0 50%;box-shadow:0 0 10px #ffe01444;animation:beam-appear .3s ease}.energy-beam i{position:absolute;top:-2px;left:0;width:10px;height:5px;border-radius:50%;background:#ffe014;box-shadow:0 0 10px #ffe014,0 0 20px #ffe01488;animation:beam-travel .8s linear infinite}.energy-beam i:nth-child(2){animation-delay:-.25s}.energy-beam i:nth-child(3){animation-delay:-.5s}.energy-skin{position:absolute;object-fit:contain;filter:drop-shadow(0 0 12px #ffe01477);z-index:2}.source-draining .preview-stack{animation:source-dim .8s ease forwards}.energy-charged .dial-column{filter:drop-shadow(0 0 18px #ffe01433)}.energy-active .upgrade-dial:after{content:'';position:absolute;inset:-30px;border:1px dashed #d8b94b44;border-radius:50%;pointer-events:none;animation:reactor-spin 12s linear infinite}.energy-active .double-chevron{animation:reactor-pulse .7s ease-in-out infinite}.energy-success #upgrade-target-preview{box-shadow:inset 0 0 60px #ffd27235,0 0 35px #ffca6633}.energy-failed .upgrade-dial{filter:saturate(.4);transition:filter .3s}.energy-charged .dial-ticks{filter:drop-shadow(0 0 3px #ffe014)}
@keyframes latch-unlock{40%{transform:rotateX(65deg) translateY(-5px)}100%{transform:none}}@keyframes lid-open{0%{transform:rotateX(-8deg)}35%{transform:rotateX(-32deg)}100%{transform:rotateX(-8deg)}}@keyframes reactor-pulse{50%{filter:brightness(1.45);opacity:.7}}@keyframes reactor-spin{to{transform:rotate(360deg)}}@keyframes beam-travel{from{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:100%;opacity:0}}@keyframes beam-appear{from{opacity:0}to{opacity:1}}@keyframes source-dim{to{opacity:.35;filter:grayscale(.5)}}
@media(max-width:720px){.case-machine{width:calc(100% - 24px);margin:20px auto 30px}.machine-lid{height:95px;margin:0 8px;padding:10px 10px 0;border-radius:17px 17px 3px 3px}.lid-trim{height:68px;padding:8px 12px;gap:10px}.lid-mark{font-size:29px}.lid-trim b{font-size:16px}.lid-trim small{font-size:8px;letter-spacing:2px}.lid-serial{display:none}.machine-cavity{padding:14px 12px}.machine-cavity .roulette{height:205px}.machine-bolt{width:6px;height:6px;border-width:1px}.bolt-left{left:3px}.bolt-right{right:3px}.machine-front{height:58px;padding:9px 8%}.machine-latch{width:25px;height:27px}.machine-status{font-size:7px;letter-spacing:1px}.machine-handle{width:95px;left:calc(50% - 47px);height:24px;border-width:5px}.machine-front{border-radius:0 0 14px 14px}.energy-active .upgrade-dial:after{inset:-22px}}
@media(prefers-reduced-motion:reduce){.case-machine *,.energy-active *{animation:none!important}.upgrade-energy{display:none}}
.case-running .machine-cavity:after{content:"";position:absolute;inset:20px 22px;pointer-events:none;border-radius:8px;background:linear-gradient(110deg,transparent 38%,#ffffff08 48%,transparent 58%);background-size:220% 100%;animation:cavity-sweep 2s linear infinite}.case-awarded .lid-mark{color:#ffe014;text-shadow:0 0 25px #ffe01477}@keyframes cavity-sweep{from{background-position:160% 0}to{background-position:-60% 0}}@media(prefers-reduced-motion:reduce){.case-running .machine-cavity:after{animation:none;display:none}}

/* source: armory.css */
/* Illustrated opening stage. The live reel stays aligned with the artwork aperture. */
.case-machine.art-stage{max-width:1060px;aspect-ratio:3/2;width:calc(100% - 45px);perspective:none;filter:none;margin:8px auto 15px;background:#0c1019;border-radius:20px;box-shadow:0 30px 60px #0005;isolation:isolate}
.stage-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;border-radius:20px;z-index:-2;pointer-events:none}
.art-stage .machine-halo{inset:0;background:radial-gradient(ellipse at 50% 80%,color-mix(in srgb,var(--case-tone) 14%,transparent),transparent 60%);mix-blend-mode:screen;z-index:-1;border-radius:20px}
.art-stage .machine-lid{position:absolute;left:27%;top:23%;width:46%;height:17%;margin:0;padding:0;border:0;background:none;box-shadow:none;transform:none;display:grid;place-items:center}
.art-stage .lid-trim{height:auto;min-height:0;padding:12px;background:#090e18a6;box-shadow:0 0 30px #0006;border:1px solid #ffe01426;border-radius:6px;display:block;text-align:center;width:100%;backdrop-filter:blur(3px)}
.art-stage .lid-mark,.art-stage .lid-hinge,.art-stage .lid-serial{display:none}.art-stage .lid-trim small{color:#ffe014;font-size:9px;letter-spacing:4px}.art-stage .lid-trim b{font-size:clamp(15px,2vw,25px);color:#ffe014;text-shadow:0 2px 10px #000}
.art-stage .machine-cavity{position:absolute;left:12%;top:46%;width:76%;height:30%;padding:0;border:0;background:none;border-radius:4px;box-shadow:0 0 10px #0008;overflow:hidden}
.art-stage .machine-cavity .roulette{height:100%;border:1px solid #9ea6af44;border-radius:4px;background:linear-gradient(#070d15,#101827);box-shadow:inset 0 0 35px #0009}
.art-stage .reel-card{height:90%;background:radial-gradient(ellipse at 50% 75%,color-mix(in srgb,var(--tone) 22%,transparent),transparent 75%),linear-gradient(#151b27bb,#121a26);border:0;border-bottom:2px solid var(--tone);display:flex;flex-direction:column;justify-content:center}
.art-stage .reel-card img{height:75%;max-height:125px;filter:drop-shadow(0 10px 12px #0009)}.art-stage .reel-card span{font-size:11px;padding:5px 0}.art-stage .machine-bolt,.art-stage .machine-latch,.art-stage .machine-handle{display:none}
.art-stage .machine-front{position:absolute;left:31%;top:78%;width:38%;height:6%;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;border-radius:4px;background:#080d15b3;box-shadow:0 1px #ffe01422}
.art-stage .machine-status{margin:0;font-size:8px;letter-spacing:2px;color:#c5c8ce}.art-stage.case-running .machine-status{color:#ffe014;text-shadow:0 0 12px #ffe01477}.art-stage.case-running .machine-cavity{box-shadow:0 0 20px color-mix(in srgb,var(--case-tone) 28%,transparent)}
.art-stage.case-unlocking .machine-lid{animation:none}.art-stage.case-unlocking .stage-art{animation:armory-wake .65s ease-out}.art-stage.case-awarded .machine-cavity{box-shadow:0 0 26px #ffe01477}.art-stage.case-running .machine-cavity:after{inset:0}
.armory-motes{position:absolute;inset:0;overflow:hidden;border-radius:20px;pointer-events:none;z-index:2}.armory-motes i{position:absolute;width:3px;height:3px;border-radius:50%;left:var(--x);bottom:12%;background:#ffe014;box-shadow:0 0 7px #ffe014;animation:armory-dust var(--duration) var(--delay) ease-in infinite;opacity:0}.case-awarded .armory-motes i{background:#fff3d6}
.promo.graphic-promo{height:255px;position:relative;display:flex;justify-content:flex-start;padding:28px 45px;background:radial-gradient(ellipse at 80% 80%,#5b368856,transparent 50%),radial-gradient(ellipse at 50% 0%,#25396060,transparent 50%),#111724;border-bottom:1px solid #58486760;overflow:hidden}
.graphic-promo:before{background:repeating-linear-gradient(115deg,transparent 0 140px,#b898eb0a 141px 142px,transparent 143px 280px)}.graphic-promo .bonus-sticker,.graphic-promo .promo-center{display:none}.graphic-promo .promo-action{position:relative;z-index:3;text-align:left}.graphic-promo .promo-action>span{font-size:10px;letter-spacing:2px;color:#c1a4de;margin-bottom:12px}.graphic-promo h2{font:700 clamp(24px,3vw,38px)/1.05 'Roboto Condensed',Arial,sans-serif;letter-spacing:.5px;color:#f0eafa;margin:0 0 14px;text-shadow:0 4px 20px #0009}.graphic-promo .promo-action button{font-size:13px;border-radius:7px;padding:12px 18px;background:linear-gradient(110deg,#ffe014,#ffe014);box-shadow:0 7px 24px #ffe01422}
.promo-illustration{position:absolute;right:3%;top:-8%;height:115%;width:45%;pointer-events:none;perspective:600px}.promo-illustration:before{content:'';position:absolute;inset:18%;background:#874fda44;filter:blur(35px)}.promo-illustration .hero-shell{position:absolute;width:100%;height:100%;object-fit:contain;transform:rotate(-7deg);mask-image:radial-gradient(ellipse,#000 45%,transparent 72%)}.promo-illustration .hero-skin{position:absolute;left:13%;top:17%;width:78%;height:61%;object-fit:contain;filter:drop-shadow(0 15px 20px #000b);transform:rotate(-12deg);animation:hero-levitate 5s ease-in-out infinite}.hero-orbit{position:absolute;inset:30% 10% 4%;border:1px solid #ab75ec36;border-radius:50%;transform:rotateX(65deg);box-shadow:0 0 22px #a673da22}.hero-chip{position:absolute;bottom:19%;right:5%;padding:8px 11px;font-size:9px;letter-spacing:2px;color:#e5d1fd;border:1px solid #a583c760;border-radius:6px;background:#1d1733b0;transform:rotate(4deg)}
.case-card .own-art:after{content:'';position:absolute;left:12%;right:12%;bottom:8%;height:15%;border-radius:50%;background:var(--tone);filter:blur(20px);opacity:.1;pointer-events:none}.case-card .own-art{isolation:isolate}.case-card .own-art .skin-overlay{filter:drop-shadow(0 12px 14px #0009)}.case-card:hover .own-art:after{opacity:.25}.case-caption{border-bottom:1px solid #ffffff08;padding-bottom:9px}.case-card .price{min-width:100px}.catalog-heading h1{color:#f5e4cc}
@keyframes armory-wake{0%{filter:brightness(.8)}45%{filter:brightness(1.25)}100%{filter:brightness(1)}}@keyframes armory-dust{0%{opacity:0;translate:0 0}20%{opacity:.65}80%{opacity:.35}100%{opacity:0;translate:20px -230px}}@keyframes hero-levitate{50%{translate:0 -8px;rotate:2deg}}
@media(max-width:720px){.case-machine.art-stage{width:calc(100% - 16px);aspect-ratio:auto;height:430px;border-radius:12px}.stage-art{border-radius:12px}.art-stage .machine-lid{left:22%;width:56%;top:23%;height:16%}.art-stage .lid-trim{padding:8px 5px}.art-stage .lid-trim small{font-size:7px;letter-spacing:2px}.art-stage .lid-trim b{font-size:14px}.art-stage .machine-cavity{left:10%;width:80%;top:46%;height:30%}.art-stage .reel-card img{height:80px}.art-stage .reel-card span{font-size:10px}.art-stage .machine-front{left:23%;width:54%;top:79%;height:6%}.art-stage .machine-status{font-size:6px;letter-spacing:1px}.promo.graphic-promo{height:215px;padding:22px 18px}.graphic-promo h2{font-size:24px;max-width:200px}.graphic-promo .promo-action>span{font-size:8px;letter-spacing:1px}.promo-illustration{right:-16%;width:65%;opacity:.8;top:0;height:105%}.hero-chip{display:none}.graphic-promo .promo-action button{font-size:11px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.armory-motes,.hero-skin{animation:none!important}.armory-motes{display:none}.stage-art{animation:none!important}}
.art-stage .machine-lid{left:31%;top:17%;width:38%;height:12%}.art-stage .machine-cavity{left:11%;top:46.2%;width:78%;height:20.5%;clip-path:polygon(6% 0,94% 0,100% 100%,0 100%)}.art-stage .machine-front{left:33%;top:33%;width:34%;height:4%;background:#080d1555}.art-stage .reel-card img{height:70%;max-height:100px}.art-stage .reel-card span{font-size:10px}.art-stage .machine-cavity .roulette{border:0}.art-stage .lid-trim{background:#090e1844;box-shadow:none;border:0;backdrop-filter:none}@media(max-width:720px){.case-machine.art-stage{height:470px}.art-stage .machine-lid{left:26%;width:48%;top:17%;height:12%}.art-stage .reel-card img{height:56px}.art-stage .reel-card span{font-size:9px}.art-stage .machine-front{left:23%;width:54%;top:33%;height:4%}}
#detail-view .detail-heading{margin:10px 20px}#detail-view .detail-heading h1{font-size:23px;margin:6px 0}#detail-view .detail-heading .eyebrow,#detail-view .detail-heading>p{display:none}#detail-view .economy-note{font-size:11px;margin:10px 20px 14px}#detail-view .back{margin:12px 25px}body:has(#short-animation:checked) .armory-motes,body:has(#short-animation:checked) .hero-skin{animation:none!important}body:has(#short-animation:checked) .armory-motes{display:none}

/* source: selected-case.css */
/* Large foreground skins, matching the composition of catalog cards. */
.case-machine.selected-case-stage{width:calc(100% - 24px);max-width:650px;aspect-ratio:1;height:auto;min-height:0;margin:0 auto 10px;background:none;box-shadow:none;perspective:none;filter:none;isolation:isolate;border-radius:16px}
.selected-case-stage .stage-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-2;border-radius:0;mask-image:radial-gradient(ellipse at 50% 52%,#000 64%,transparent 84%)}
.selected-case-stage .machine-lid,.selected-case-stage .machine-bolt,.selected-case-stage .machine-latch,.selected-case-stage .machine-handle{display:none}
.selected-case-stage .machine-cavity{position:absolute;left:6%;top:15%;width:88%;height:60%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;clip-path:none;overflow:hidden;z-index:2;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.selected-case-stage .machine-cavity .roulette{height:100%;margin:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:hidden}
.selected-case-stage .roulette:before,.selected-case-stage .roulette:after,.selected-case-stage.case-running .machine-cavity:after{display:none}
.selected-case-stage .reel{gap:20px;position:relative}
.selected-case-stage .reel-card{flex:0 0 78%;height:100%;padding:0 8px;border:0!important;background:none;box-shadow:none;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.selected-case-stage .reel-card img{display:block;width:100%;height:calc(100% - 42px);max-height:none;object-fit:contain;filter:drop-shadow(0 15px 10px #000b);transform:none}
.selected-case-stage .reel-card span{display:block;width:auto;max-width:100%;padding:7px 13px;border:1px solid color-mix(in srgb,var(--tone) 55%,#3c4659);background:#101621e8;border-radius:8px;color:#f4f0e9;font-size:13px;line-height:1.3;text-align:center;white-space:normal;box-shadow:0 4px 15px #0006}
.selected-case-stage .machine-cavity .pointer{top:0;bottom:auto;height:14px;width:2px;background:none;box-shadow:none}.selected-case-stage .pointer:before{border-top-color:var(--case-tone);filter:drop-shadow(0 0 5px var(--case-tone))}
.selected-case-stage .machine-front{position:absolute;top:auto;bottom:0;left:15%;width:70%;height:27px;margin:0;padding:0;border:0;background:#111723aa;border-radius:6px;box-shadow:none;display:flex;align-items:center;justify-content:center}
.selected-case-stage .machine-status{font-size:9px;letter-spacing:2px;margin:0}.selected-case-stage .machine-halo{inset:15% 0 3%;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--case-tone) 18%,transparent),transparent 70%);z-index:-3}.selected-case-stage .armory-motes{z-index:1}
.selected-case-stage.case-running .machine-cavity,.selected-case-stage.case-awarded .machine-cavity{box-shadow:none;border:0}.selected-case-stage.case-awarded .reel-card:not(.winner){opacity:.15}.selected-case-stage.case-awarded .reel-card.winner{box-shadow:none;transform:none}.selected-case-stage.case-awarded .winner img{filter:drop-shadow(0 0 24px color-mix(in srgb,var(--tone) 40%,transparent)) drop-shadow(0 15px 10px #000a)}
.selected-case-stage[data-art=classic] .stage-art{mask-image:none}
@media(max-width:720px){.case-machine.selected-case-stage{width:calc(100% - 12px);height:auto;aspect-ratio:1;margin:0 auto 12px}.selected-case-stage .machine-cavity{top:13%;height:63%}.selected-case-stage .reel-card{padding:0 3px;gap:4px}.selected-case-stage .reel-card img{height:calc(100% - 36px)}.selected-case-stage .reel-card span{font-size:11px;padding:5px 9px;line-height:1.25}.selected-case-stage .machine-front{height:22px;left:12%;width:76%}.selected-case-stage .machine-status{font-size:7px}}

/* Keep the opening action and scene together in the first screen. */
#detail-view .open-controls{margin:8px 16px 4px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:18px;position:relative;z-index:3}
#detail-view .open-controls .primary{min-width:205px;padding:12px 20px;font-size:14px}
#detail-view .open-controls label{white-space:nowrap;font-size:12px}
#detail-view .case-machine.selected-case-stage{width:min(480px,calc(100% - 24px),max(240px,calc(100dvh - 330px)));max-width:480px;margin:0 auto 6px}
#detail-view .result{margin:8px 16px;min-height:20px;font-size:12px}
#detail-view .detail-heading{margin:4px 16px}
#detail-view .detail-heading h1{font-size:21px;margin:4px 0}
#detail-view .economy-note{margin:7px 20px 10px;line-height:1.5}
#detail-view .back{margin:8px 20px}
@media(max-width:720px){#detail-view .open-controls{gap:10px;margin:8px 12px 3px}#detail-view .open-controls .primary{min-width:0;padding:12px 17px;font-size:13px}#detail-view .case-machine.selected-case-stage{width:min(350px,calc(100% - 20px),max(230px,calc(100dvh - 330px)));height:auto;margin:0 auto 6px}#detail-view .economy-note{font-size:10px;margin:6px 14px 9px}#detail-view .detail-heading h1{font-size:19px}}


/* Keep neighboring skins visible around the selected item. */
.selected-case-stage .machine-cavity{left:-10%;width:120%;top:19%;height:50%;overflow:hidden;mask-image:linear-gradient(90deg,#0005,#0008 18%,#000 40%,#000 60%,#0008 82%,#0005)}
.selected-case-stage .reel{gap:12px}
.selected-case-stage .reel-card{flex-basis:44%;padding:0 5px;gap:6px}
.selected-case-stage .reel-card span{background:#10162185;border-color:#ffffff25;box-shadow:none;font-size:11px;padding:5px 9px}
.selected-case-stage .stage-art{opacity:.82}
.selected-case-stage.case-awarded .reel-card:not(.winner){opacity:.7}
#detail-view .open-controls{margin:5px 16px 8px}
@media(max-width:720px){.selected-case-stage .machine-cavity{left:-2%;width:104%;top:18%;height:52%}.selected-case-stage .reel-card{flex-basis:44%;padding:0 2px}.selected-case-stage .reel-card span{font-size:9px;padding:4px 5px}.selected-case-stage .reel-card img{height:calc(100% - 32px)}#detail-view .open-controls{margin:5px 12px 8px}}
/* Compact case with translucent dark skin backplates. */
#detail-view .case-machine.selected-case-stage{width:min(410px,calc(100% - 38px),max(220px,calc(100dvh - 380px)));max-width:410px}
.selected-case-stage .stage-art{opacity:1}
.selected-case-stage .reel-card{background:linear-gradient(145deg,#111927a6,#0b111d80);border:1px solid #ffffff12!important;border-radius:10px;padding:9px 8px;gap:6px;box-shadow:inset 0 1px #ffffff05}
.selected-case-stage .reel-card img{width:90%;height:calc(88% - 34px);filter:drop-shadow(0 6px 8px #0008)}
.selected-case-stage .reel-card span{background:transparent;border:0;box-shadow:none;padding:3px 4px;font-size:10px}
.selected-case-stage.case-awarded .reel-card.winner{background:linear-gradient(145deg,#111927b3,#0b111d90);border-color:color-mix(in srgb,var(--tone) 45%,transparent)!important}
@media(max-width:720px){#detail-view .case-machine.selected-case-stage{width:min(305px,calc(100% - 38px),max(210px,calc(100dvh - 380px)));max-width:305px}.selected-case-stage .reel-card{padding:5px 4px;border-radius:7px}.selected-case-stage .reel-card img{width:90%;height:calc(88% - 26px)}.selected-case-stage .reel-card span{font-size:9px;padding:2px}}

/* Show complete neighboring skins instead of cropped edge fragments. */
.selected-case-stage .machine-cavity{left:-30%;width:160%;mask-image:linear-gradient(90deg,#0009,#000 8%,#000 92%,#0009)}
.selected-case-stage .reel-card{flex-basis:31%;opacity:1}
.selected-case-stage.case-awarded .reel-card:not(.winner){opacity:.85}
@media(max-width:720px){.selected-case-stage .machine-cavity{left:-9%;width:118%;mask-image:linear-gradient(90deg,#000b,#000 5%,#000 95%,#000b)}.selected-case-stage .reel-card{flex-basis:31%}.selected-case-stage .reel-card img{width:100%}}
.selected-case-stage .reel-card.winner{transform:none}
/* A continuous translucent reel with five visible skins. */
.selected-case-stage .machine-cavity{left:50%;width:min(240%,calc(100vw - 240px));transform:translateX(-50%);top:20%;height:48%;border-radius:12px;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.selected-case-stage .machine-cavity .roulette{background:linear-gradient(180deg,#0d14219c,#111a2980);border:0;border-radius:12px;box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #ffffff0a}
.selected-case-stage .reel{gap:6px}
.selected-case-stage .reel-card,.selected-case-stage.case-awarded .reel-card.winner{flex-basis:19%;padding:7px 4px;background:none;border:0!important;border-radius:0;box-shadow:none;opacity:1}
.selected-case-stage .reel-card img{width:100%;height:calc(90% - 28px);filter:drop-shadow(0 5px 6px #0008)}
.selected-case-stage .reel-card span{font-size:10px;background:none;border:0;box-shadow:none;color:#dce2eb;padding:2px;line-height:1.25}
.selected-case-stage.case-awarded .reel-card:not(.winner){opacity:.8}
@media(max-width:1100px) and (min-width:721px){.selected-case-stage .machine-cavity{width:min(230%,calc(100vw - 185px))}}
@media(max-width:720px){.selected-case-stage .machine-cavity{left:50%;width:calc(100vw - 24px);top:20%;height:47%;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.selected-case-stage .reel{gap:3px}.selected-case-stage .reel-card{flex-basis:19%;padding:3px 1px}.selected-case-stage .reel-card img{height:calc(100% - 27px)}.selected-case-stage .reel-card span{font-size:8px;line-height:1.15;max-height:27px;overflow:hidden}}
/* Smaller shell; the live reel keeps its readable size. */
.selected-case-stage .stage-art{inset:8% auto auto 8%;width:84%;height:84%}
.case-atmosphere{position:absolute;left:50%;top:-8%;width:min(270%,calc(100vw - 230px));height:112%;transform:translateX(-50%);overflow:hidden;z-index:-4;pointer-events:none;border-radius:35px;mask-image:radial-gradient(ellipse,#000 30%,transparent 75%)}
.ambient-orb{position:absolute;width:52%;height:72%;border-radius:50%;opacity:.7;will-change:transform;background:radial-gradient(ellipse,color-mix(in srgb,var(--case-tone) 24%,transparent),transparent 70%)}
.orb-one{left:0;top:4%;animation:ambient-drift-a 12s ease-in-out infinite alternate}
.orb-two{right:0;bottom:0;background:radial-gradient(ellipse,#518cc324,transparent 70%);animation:ambient-drift-b 16s ease-in-out infinite alternate}
.ambient-floor{position:absolute;left:18%;width:64%;top:62%;height:22%;border:1px solid color-mix(in srgb,var(--case-tone) 25%,transparent);border-radius:50%;box-shadow:0 0 25px color-mix(in srgb,var(--case-tone) 10%,transparent),inset 0 0 25px color-mix(in srgb,var(--case-tone) 8%,transparent);transform:rotate(-8deg);animation:ambient-floor-breathe 6s ease-in-out infinite}
.ambient-speck{position:absolute;left:var(--sx);top:var(--sy);width:3px;height:3px;border-radius:50%;background:var(--case-tone);box-shadow:0 0 8px var(--case-tone);opacity:0;animation:ambient-speck-rise var(--sd) var(--st) ease-in-out infinite}
@keyframes ambient-drift-a{from{transform:translate(-8%,8%) scale(.9)}to{transform:translate(35%,-9%) scale(1.15)}}
@keyframes ambient-drift-b{from{transform:translate(10%,-12%) scale(1.1)}to{transform:translate(-30%,10%) scale(.9)}}
@keyframes ambient-floor-breathe{50%{opacity:.4;transform:rotate(4deg) scale(1.07)}}
@keyframes ambient-speck-rise{0%{opacity:0;transform:translate(0,25px)}35%{opacity:.55}70%{opacity:.35}100%{opacity:0;transform:translate(22px,-45px)}}
@media(max-width:1100px) and (min-width:721px){.case-atmosphere{width:calc(100vw - 180px)}}
@media(max-width:720px){.case-atmosphere{width:calc(100vw - 20px)}.ambient-speck:nth-of-type(even){display:none}}
body:has(#short-animation:checked) .case-atmosphere *{animation:none!important}.case-atmosphere .ambient-speck{pointer-events:none}
@media(prefers-reduced-motion:reduce){.case-atmosphere *{animation:none!important;will-change:auto}.ambient-speck{display:none}}
/* Atmospheric motion stays behind the readable reel. */
.ambient-rays{position:absolute;inset:-50%;background:repeating-conic-gradient(from 15deg,transparent 0 43deg,color-mix(in srgb,var(--case-tone) 12%,transparent) 46deg 50deg,transparent 53deg 90deg);filter:blur(14px);animation:ambient-rays-turn 38s linear infinite;opacity:.65}
.ambient-sweep{position:absolute;left:24%;bottom:10%;width:38%;height:100%;background:linear-gradient(0deg,color-mix(in srgb,var(--case-tone) 22%,transparent),transparent 85%);clip-path:polygon(44% 100%,56% 100%,100% 0,0 0);transform-origin:50% 100%;filter:blur(8px);animation:ambient-searchlight 9s ease-in-out infinite alternate}
.sweep-right{left:45%;animation-delay:-5s;animation-direction:alternate-reverse;background:linear-gradient(0deg,#6ea8e624,transparent 85%)}
.ambient-orbit{position:absolute;left:23%;top:22%;width:54%;height:53%;border:1px solid color-mix(in srgb,var(--case-tone) 24%,transparent);border-radius:50%;transform:rotate(-18deg);animation:ambient-orbit-turn 20s linear infinite}
.ambient-orbit:before{content:'';position:absolute;top:5%;left:25%;width:5px;height:5px;border-radius:50%;background:var(--case-tone);box-shadow:0 0 12px var(--case-tone)}
.orbit-b{left:17%;top:15%;width:66%;height:67%;border-style:dashed;opacity:.45;animation-direction:reverse;animation-duration:32s}
.shooting-spark{position:absolute;left:12%;top:25%;width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--case-tone));opacity:0;transform:rotate(-25deg);animation:shooting-spark-flight 8s ease-out infinite}
.spark-b{left:55%;top:65%;animation-delay:-3s;animation-duration:11s}.spark-c{left:32%;top:12%;animation-delay:-6s;animation-duration:13s}
.award-wave{position:absolute;left:25%;top:22%;width:50%;height:54%;border:2px solid var(--case-tone);border-radius:50%;box-shadow:0 0 20px color-mix(in srgb,var(--case-tone) 30%,transparent);opacity:0;pointer-events:none}
.case-awarded .award-wave{animation:award-wave-expand 1.15s ease-out both}.case-awarded .wave-b{animation-delay:.2s}
.case-running .ambient-rays{opacity:1}.case-running .ambient-orb{opacity:1}.case-running .ambient-orbit{border-color:color-mix(in srgb,var(--case-tone) 45%,transparent)}.case-running .ambient-floor{box-shadow:0 0 35px color-mix(in srgb,var(--case-tone) 25%,transparent)}
@keyframes ambient-rays-turn{to{transform:rotate(360deg)}}
@keyframes ambient-searchlight{from{transform:rotate(-28deg);opacity:.4}to{transform:rotate(24deg);opacity:.85}}
@keyframes ambient-orbit-turn{to{transform:rotate(342deg)}}
@keyframes shooting-spark-flight{0%,72%{opacity:0;translate:0 0}76%{opacity:.7}92%,100%{opacity:0;translate:180px -75px}}
@keyframes award-wave-expand{0%{opacity:0;scale:.35}20%{opacity:.7}100%{opacity:0;scale:2.2}}
@media(max-width:720px){.orbit-b,.spark-c{display:none}.ambient-rays{filter:blur(8px)}}
body:has(#short-animation:checked) .case-atmosphere *{animation:none!important}body:has(#short-animation:checked) .award-wave,body:has(#short-animation:checked) .shooting-spark{display:none}
@media(prefers-reduced-motion:reduce){.case-atmosphere *{animation:none!important}.award-wave,.shooting-spark{display:none}}
/* Build anticipation through lighting, without moving the reel geometry. */
#detail-view .detail-heading,#detail-view .economy-note,#detail-view .open-controls,#detail-view>.section-heading,#detail-view #contents,.drop-sidebar{transition:opacity .65s ease}
body.case-focus #detail-view .detail-heading,body.case-focus #detail-view .economy-note,body.case-focus #detail-view .open-controls,body.case-focus #detail-view>.section-heading,body.case-focus #detail-view #contents,body.case-focus .drop-sidebar{opacity:.3}
.selected-case-stage .stage-art{transition:filter .7s ease}
body.case-focus .selected-case-stage .stage-art{filter:brightness(.65)}
body.case-focus .selected-case-stage .machine-cavity .roulette{box-shadow:inset 0 0 35px #0005,0 0 35px color-mix(in srgb,var(--case-tone) 15%,transparent)}
body.case-focus .ambient-orbit{opacity:.8}body.case-focus .ambient-rays{opacity:1}
body.case-focus .selected-case-stage.case-awarded .reel-card:not(.winner){opacity:.25;transition:opacity .4s}
.reward-modal.has-origin{animation:reward-room-in .45s ease-out;overflow:visible}
.reward-modal.has-origin .reward-art img{animation:none}
.reward-modal.has-origin .reward-actions{animation:reward-text .6s .3s both}
.reward-modal.has-origin .reward-art{overflow:visible}
@keyframes reward-room-in{from{background-color:#10162080;box-shadow:0 0 0 transparent}to{background-color:#101620;box-shadow:0 35px 100px #000a}}
@media(max-width:720px){.reward-modal.has-origin{overflow:auto}}
@media(prefers-reduced-motion:reduce){body.case-focus #detail-view .detail-heading,body.case-focus #detail-view .economy-note,body.case-focus #detail-view .open-controls,body.case-focus #detail-view>.section-heading,body.case-focus #detail-view #contents,body.case-focus .drop-sidebar{opacity:1}.reward-modal.has-origin,.reward-modal.has-origin .reward-actions{animation:none}}

/* source: showroom.css */
/* Catalog art direction and a self-contained, centered reward dialog. */
#cases-view{padding:22px 24px 0;background:radial-gradient(ellipse at 90% 8%,#64499714,transparent 40%)}
.promo.graphic-promo.showroom-hero{height:350px;padding:32px 38px;border:1px solid #c0a5ef24;border-radius:20px;background:radial-gradient(ellipse at 82% 56%,#7550bb38,transparent 50%),linear-gradient(115deg,#141b29,#19192d 65%,#231b35);box-shadow:inset 0 1px #ffffff08,0 15px 40px #0002;align-items:center}
.showroom-hero:before{inset:0;background:linear-gradient(100deg,transparent 48%,#b996ff08 48.1%,transparent 78%);transform:none}
.hero-mesh{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#bba3df25 .7px,transparent .7px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent 35%,#000);opacity:.5}
.showroom-hero .promo-action{width:60%}.showroom-hero .promo-action .hero-kicker{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:2px;color:#c7b3e1;margin-bottom:18px}.hero-kicker i{width:6px;height:6px;background:#cba7ff;border-radius:50%;box-shadow:0 0 14px #bb88ff}
.showroom-hero h2{font:700 clamp(28px,3.1vw,46px)/1.08 'Roboto Condensed',Arial,sans-serif;letter-spacing:-.5px;margin:0 0 14px;text-transform:none}.showroom-hero h2 em{font-style:normal;color:#d2b5fa}.hero-description{font-size:12px;line-height:1.7;color:#a6afc2;margin:0 0 20px}
.hero-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hero-catalog{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:12px 18px;border-radius:8px;background:linear-gradient(110deg,#ffe014,#ffe014);color:#1c1c1c;text-decoration:none;font-size:12px;font-weight:700;box-shadow:0 5px 25px #ffe01420;transition:filter .2s,transform .2s}.hero-catalog:hover{filter:brightness(1.1);transform:translateY(-2px)}.hero-catalog span{font-size:19px;line-height:16px}
.showroom-hero .promo-action #bonus{padding:12px 15px;font-size:11px;background:#ffffff05;border:1px solid #ffffff20;color:#ccd0df;box-shadow:none}.hero-facts{display:flex;gap:24px;margin-top:22px;color:#8995ab;font-size:10px}.hero-facts b{font-size:15px;color:#e1dced;margin-right:4px}
.showroom-hero .promo-illustration{right:0;top:0;height:100%;width:47%;z-index:1}.showroom-hero .hero-shell{width:110%;left:-5%;height:110%;top:-4%;transform:rotate(-6deg)}.showroom-hero .hero-skin{top:14%;left:12%;height:64%;width:79%}.showroom-hero .hero-chip{bottom:14%;right:12%;transform:none;font-size:8px;padding:8px 12px;background:#151627b8;letter-spacing:1.5px;border-color:#9f7bc43d}.hero-chip i{font-style:normal;color:#9a6be4;margin:0 5px}.hero-coordinate{position:absolute;bottom:7%;right:15%;font:8px monospace;letter-spacing:2px;color:#82769a}.showroom-hero .hero-orbit{inset:15% 2%;transform:rotate(-20deg);border-color:#b388e325;box-shadow:none}.showroom-hero .orbit-second{inset:10% 10%;transform:rotate(28deg);border-style:dashed;animation:showroom-orbit 50s linear infinite}
#cases-view .local-notice{margin:14px 0 22px;min-height:0;padding:11px 15px;border:1px solid #ffffff08;border-radius:10px;background:#ffffff02;gap:12px}#cases-view .notice-icon{font-size:22px;color:#ffe014}#cases-view .local-notice h2{font-size:10px;letter-spacing:1px;margin:0 0 4px}#cases-view .local-notice p{font-size:11px;margin:0;color:#8390a6}
#cases-view .filter-bar{padding:12px 16px;border:1px solid #ffffff09;border-bottom:0;border-radius:12px 12px 0 0;background:#151d2a;justify-content:flex-start;gap:16px}#cases-view .filter-bar label{font-size:11px;color:#98a6bd}#cases-view .filter-bar input{flex:1;max-width:420px;background:#0d1420;border-color:#ffffff12}
#cases-view .collection-tools{padding:10px 16px 14px;background:#151d2a;border:1px solid #ffffff09;border-top:0;border-radius:0 0 12px 12px}#cases-view .catalog-heading{height:auto;min-height:76px;margin:0;justify-content:flex-start;padding:24px 0 16px}#cases-view .catalog-heading h1{font-size:18px;letter-spacing:1.5px;padding:0;background:none}#cases-view .catalog-heading h1:after{display:none}
#cases-view .case-grid{padding:0;gap:14px}#cases-view .case-card{background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--tone) 12%,transparent),transparent 70%),linear-gradient(150deg,#1c2432,#121923);border-color:#ffffff0d;border-radius:14px;box-shadow:inset 0 1px #ffffff04,0 8px 22px #0002}#cases-view .case-card:hover{border-color:color-mix(in srgb,var(--tone) 55%,#30394a);box-shadow:0 12px 32px #0005,inset 0 1px #ffffff12}#cases-view .case-series{font-size:8px;letter-spacing:1.8px}#cases-view .case-caption h3{font-size:16px}#cases-view .case-caption{border:0;margin-bottom:0}#cases-view .case-card .price{min-width:105px;border-color:color-mix(in srgb,var(--tone) 25%,transparent);background:#ffffff05;color:#eee0cc}#cases-view .case-card:hover .price{background:#ffe014;color:#171717}
.reward-modal,.reward-modal.has-origin{box-sizing:border-box;width:min(480px,calc(100% - 32px));max-width:480px;max-height:calc(100dvh - 32px);margin:auto;padding:24px;overflow:auto;border:1px solid color-mix(in srgb,var(--reward-tone) 30%,#354153);border-radius:20px;background:linear-gradient(145deg,#1b2432,#111924);box-shadow:0 32px 100px #000b;animation:reward-surface .3s ease-out;text-align:center}
.reward-modal::backdrop{background:#050911c9;backdrop-filter:blur(12px)}
.reward-modal .reward-close{top:12px;right:12px;width:30px;height:30px;font-size:20px;display:grid;place-items:center;padding:0;color:#a6b3c6;background:#ffffff05;border-color:#ffffff0e}
.reward-modal .reward-eyebrow{display:block;padding:3px 28px 0;color:#bdc6d6;font-size:9px;letter-spacing:2px;line-height:1.6}
.reward-modal .reward-art{height:190px;margin:10px 0 14px;position:relative;isolation:isolate;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse,color-mix(in srgb,var(--reward-tone) 18%,transparent),transparent 70%)}
.reward-modal .reward-art img{width:85%;height:175px;max-width:340px;object-fit:contain;filter:drop-shadow(0 15px 18px #0008);animation:reward-item-in .65s cubic-bezier(.16,1,.3,1) both}
.reward-modal .reward-orbit{width:166px;height:166px;top:12px;left:calc(50% - 83px);border-color:color-mix(in srgb,var(--reward-tone) 28%,transparent);box-shadow:none}.reward-modal .reward-rays{inset:0;opacity:.55}
.reward-weapon{font-size:10px;letter-spacing:1.6px;color:#8e9cb1;text-transform:uppercase}.reward-modal h2{font-size:24px;line-height:1.2;margin:7px 0 12px;overflow-wrap:anywhere;animation:none}.reward-modal .reward-price{display:block;font-size:27px;line-height:1.2;color:#ffe014;text-shadow:none;font-variant-numeric:tabular-nums}.reward-modal p{margin:10px 0 20px;color:#8598ac;font-size:11px}.reward-info p span{color:#8ac6ac;margin-right:4px}
.reward-modal .reward-actions{padding-top:17px;border-top:1px solid #ffffff0b;gap:10px;animation:none}.reward-modal .reward-actions button{min-height:44px;padding:11px 8px;border-radius:8px;font-size:12px}.reward-modal .reward-actions .secondary{background:#ffffff04;border-color:#ffffff19;color:#d8dfeb}.reward-modal .reward-actions .reward-keep{min-height:34px;padding:6px;margin:0;color:#9baabe}.reward-modal .reward-actions button:hover{transform:none}.reward-modal .reward-keep:hover{color:#fff;background:#ffffff04}
@keyframes reward-surface{from{opacity:0}to{opacity:1}}@keyframes reward-item-in{from{opacity:0;transform:translateY(16px) scale(.82)}to{opacity:1;transform:none}}@keyframes showroom-orbit{to{transform:rotate(388deg)}}
@media(max-width:1050px){#cases-view{padding:16px 16px 0}.promo.graphic-promo.showroom-hero{padding:28px;height:330px}.hero-facts{gap:13px}.hero-buttons{gap:8px}.hero-catalog{padding:12px}.showroom-hero .promo-action #bonus{padding:12px 9px;font-size:10px}}
@media(max-width:720px){#cases-view{padding:12px 12px 0}.promo.graphic-promo.showroom-hero{height:420px;padding:24px 20px;align-items:flex-start;border-radius:15px}.showroom-hero .promo-action{width:100%}.showroom-hero h2{font-size:32px;max-width:290px}.showroom-hero .promo-action .hero-kicker{font-size:8px;letter-spacing:1.4px;margin-bottom:14px}.hero-description{font-size:11px}.hero-buttons{position:relative;z-index:3;flex-direction:column;align-items:flex-start;gap:8px;max-width:175px}.hero-facts{position:absolute;top:336px;left:0;gap:16px;white-space:nowrap;font-size:9px;margin:0}.hero-facts b{font-size:14px}.showroom-hero .promo-illustration{top:144px;right:-36px;width:65%;height:230px;opacity:.9}.showroom-hero .hero-chip{right:17%;bottom:7%;font-size:6px;padding:6px}.showroom-hero .hero-coordinate{display:none}#cases-view .local-notice{margin:10px 0 15px}#cases-view .local-notice p{font-size:10px;line-height:1.5}#cases-view .filter-bar{gap:8px;padding:12px}#cases-view .filter-bar label{display:none}#cases-view .filter-bar input{width:100%;max-width:none}#cases-view .collection-tools{padding:0 12px 12px}#cases-view .catalog-heading{min-height:66px}#cases-view .catalog-heading h1{font-size:16px}#cases-view .case-grid{gap:10px}#cases-view .case-caption h3{font-size:14px}
.reward-modal,.reward-modal.has-origin{width:calc(100% - 24px);padding:22px 16px 14px;border-radius:16px}.reward-modal .reward-art{height:170px;margin:8px 0 12px}.reward-modal .reward-art img{height:160px}.reward-modal .reward-orbit{height:150px;width:150px;top:10px;left:calc(50% - 75px)}.reward-modal h2{font-size:22px}.reward-modal .reward-price{font-size:25px}.reward-modal .reward-actions button{font-size:11px}
}
@media(max-height:620px){.reward-modal .reward-art{height:125px;margin:4px 0}.reward-modal .reward-art img{height:120px}.reward-modal .reward-orbit{height:110px;width:110px;top:6px;left:calc(50% - 55px)}.reward-modal p{margin-bottom:12px}}
body:has(#short-animation:checked) .showroom-hero *,body:has(#short-animation:checked) .reward-modal *{animation:none!important}
@media(prefers-reduced-motion:reduce){.showroom-hero *,.reward-modal,.reward-modal.has-origin,.reward-modal *{animation:none!important}}

html:has(.reward-modal[open]){overflow:hidden}

/* source: reel-stage.css */
/* One continuous display, with a focal light instead of individual card boxes. */
.selected-case-stage .machine-cavity .roulette{position:relative;background:radial-gradient(ellipse at 50% 50%,#28344970,transparent 65%),linear-gradient(180deg,#080e1980,#101b2999 65%,#080e1970);box-shadow:inset 0 1px #a3c3ee16,inset 0 -1px #a3c3ee1a}
.selected-case-stage .reel-card{--reel-focus:1;opacity:calc(.58 + var(--reel-focus)*.42)}
.selected-case-stage .reel-card img{transform:scale(calc(.84 + var(--reel-focus)*.16));filter:drop-shadow(0 9px 7px #0009);transform-origin:50% 60%}
.selected-case-stage .reel-card span{opacity:calc(.45 + var(--reel-focus)*.55);color:#e1e9f6;letter-spacing:.15px}
.reel-lens{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}
.lens-top,.lens-bottom{position:absolute;left:40%;width:20%;height:1px;background:linear-gradient(90deg,transparent,var(--case-tone),transparent);box-shadow:0 0 12px color-mix(in srgb,var(--case-tone) 35%,transparent);opacity:.8}.lens-top{top:1px}.lens-bottom{bottom:1px}
.lens-glow{position:absolute;left:40%;width:20%;bottom:0;height:35%;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--case-tone) 17%,transparent),transparent 75%);opacity:.65;transition:opacity .5s}
.selected-case-stage .machine-cavity .pointer{z-index:5;top:5px;width:2px;height:8px;left:50%;transform:translateX(-50%);background:var(--case-tone);box-shadow:0 0 10px color-mix(in srgb,var(--case-tone) 65%,transparent);border-radius:2px}
.selected-case-stage .machine-cavity .pointer:before{position:absolute;top:7px;left:50%;transform:translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--case-tone)}
.selected-case-stage .machine-front{background:linear-gradient(90deg,transparent,#0d1521b0,transparent);bottom:3%;height:25px;left:5%;width:90%;border-radius:0}
.selected-case-stage .machine-status{font-size:8px;letter-spacing:2.4px;color:#91a2b8;transition:color .4s}.selected-case-stage.case-running .machine-status{color:#ffe014}.selected-case-stage.case-awarded .machine-status{color:#ffe014}
.reel-streak{position:absolute;width:22%;height:1px;left:100%;opacity:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--case-tone) 40%,transparent),transparent)}.streak-one{top:15%}.streak-two{bottom:13%}
.case-running .reel-streak{animation:reel-light-travel 1.2s linear infinite}.case-running .streak-two{animation-delay:-.6s;animation-duration:1.7s}
.case-running .lens-glow{opacity:1}.case-unlocking .lens-top,.case-unlocking .lens-bottom{animation:reel-light-wake .65s ease-out both}
body.case-focus .reel-streak{animation:none;opacity:0}.case-awarded .lens-glow{height:65%;opacity:1;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--case-tone) 28%,transparent),transparent 75%)}
.selected-case-stage.case-awarded .reel-card:not(.winner){opacity:.5;transition:opacity .45s}.selected-case-stage.case-awarded .reel-card.winner{opacity:1}.selected-case-stage.case-awarded .winner span{color:#fff2da;opacity:1;text-shadow:0 0 12px #ffe0143a}
@keyframes reel-light-travel{0%{transform:translateX(0);opacity:0}15%{opacity:.65}85%{opacity:.65}100%{transform:translateX(-560%);opacity:0}}
@keyframes reel-light-wake{from{scale:.2;opacity:0}to{scale:1;opacity:.8}}
@media(max-width:720px){.selected-case-stage .machine-status{font-size:7px;letter-spacing:1.5px}.selected-case-stage .reel-card span{letter-spacing:0}}
body:has(#short-animation:checked) .reel-streak{display:none}
@media(prefers-reduced-motion:reduce){.reel-streak{display:none}.case-unlocking .lens-top,.case-unlocking .lens-bottom{animation:none}.selected-case-stage .reel-card img{transform:none}}

/* source: loot-dialog.css */
/* Isolated reward surface: no inherited card or primary-button effects. */
html:has(.loot-dialog[open]){overflow:hidden}
.loot-dialog{box-sizing:border-box;width:min(510px,calc(100% - 32px));max-width:510px;max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;border:1px solid #ffffff1a;border-radius:22px;background:#151c29;color:#e9edf6;box-shadow:0 30px 110px #000b;text-align:center;isolation:isolate;animation:loot-dialog-in .35s cubic-bezier(.2,.8,.2,1)}
.loot-dialog::backdrop{background:#050912c9;backdrop-filter:blur(14px);animation:loot-backdrop-in .25s ease-out}
.loot-header{height:58px;box-sizing:border-box;padding:0 18px 0 24px;display:flex;align-items:center;justify-content:space-between;background:#111824;border-bottom:1px solid #ffffff07}
.loot-header>span{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:600;letter-spacing:1.7px;color:#c5cedd}
.loot-header i{font-style:normal;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#8bd7af12;color:#95d3b3;font-size:11px}
.loot-dialog button{font-family:inherit;cursor:pointer;box-sizing:border-box;transition:background .2s,color .2s,border-color .2s;box-shadow:none;text-transform:none;letter-spacing:0}
.loot-dialog .loot-close{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #ffffff0d;border-radius:9px;background:transparent;color:#8d9ab0}
.loot-dialog .loot-close:hover{background:#ffffff08;color:#fff}
.loot-stage{height:235px;position:relative;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--loot-tone) 13%,transparent),transparent 72%),linear-gradient(140deg,#182130,#111926)}
.loot-stage:after{content:'';position:absolute;left:15%;right:15%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--loot-tone) 60%,transparent),transparent)}
.loot-halo{position:absolute;inset:15% 20%;z-index:-1;background:radial-gradient(ellipse,color-mix(in srgb,var(--loot-tone) 14%,transparent),transparent 70%);filter:blur(12px)}
.loot-ring{position:absolute;width:168px;height:168px;left:calc(50% - 84px);top:34px;z-index:-1;border:1px solid color-mix(in srgb,var(--loot-tone) 24%,transparent);border-radius:50%}
.loot-ring:before,.loot-ring:after{content:'';position:absolute;inset:12px;border:1px solid #ffffff04;border-radius:50%}.loot-ring:after{inset:-16px;border-color:#ffffff04}
.loot-stage img{display:block;width:80%;height:180px;object-fit:contain;filter:drop-shadow(0 14px 14px #0008);animation:loot-art-in .7s cubic-bezier(.16,1,.3,1) both}
.loot-stage-label{position:absolute;top:18px;left:0;right:0;color:#6f8099;font-size:8px;letter-spacing:2.4px}
.loot-category{position:absolute;bottom:16px;padding:5px 12px;color:#c3cee0;background:#ffffff05;border:1px solid #ffffff09;border-radius:5px;font-size:9px;letter-spacing:1.2px}
.loot-body{padding:22px 26px 17px;background:linear-gradient(160deg,#19212f,#141c28)}
.loot-dialog h2{margin:0 0 19px;color:#f0f3fa;font-size:26px;font-weight:600;line-height:1.2;letter-spacing:-.4px;overflow-wrap:anywhere}
.loot-value{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 18px;border-top:1px solid #ffffff08}
.loot-value>span{color:#8d9bb0;font-size:11px;text-align:left}.loot-value strong{color:#ffe014;font-size:23px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.loot-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.loot-actions button{min-height:46px;padding:12px 10px;border-radius:9px;font-size:12px;font-weight:600;line-height:1.25}
.loot-sell{background:linear-gradient(115deg,#ffe014,#ffe014);color:#212121;border:1px solid #ffe014}.loot-sell:hover{background:#ffe014}
.loot-upgrade{background:#ffffff04;border:1px solid #ffffff19;color:#d8e0ed}.loot-upgrade span{margin-left:9px;color:#d9b88e}.loot-upgrade:hover{background:#ffffff09;border-color:#ffffff30}
.loot-actions .loot-keep{grid-column:1/-1;min-height:38px;background:transparent;border:1px solid #ffffff0b;color:#aab8cc;font-weight:400}.loot-actions .loot-keep:hover{background:#ffffff04;color:#e4eaf4}
.loot-dialog #loot-saved{margin:14px 0 0;font-size:10px;line-height:1.5;color:#657890}.loot-dialog #loot-saved span{color:#78a98d;margin-right:4px}
.loot-dialog button:focus-visible{outline:2px solid #ffe014;outline-offset:3px}
@keyframes loot-dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes loot-art-in{from{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:none}}
@keyframes loot-backdrop-in{from{opacity:0}to{opacity:1}}
@media(max-width:600px){.loot-dialog{width:calc(100% - 28px);border-radius:18px}.loot-header{height:52px;padding:0 13px 0 18px}.loot-header>span{font-size:9px;letter-spacing:1.1px}.loot-stage{height:205px}.loot-stage img{height:153px}.loot-ring{width:145px;height:145px;left:calc(50% - 72.5px);top:30px}.loot-body{padding:20px 18px 16px}.loot-dialog h2{font-size:24px}.loot-value strong{font-size:21px}.loot-actions button{font-size:11px}.loot-stage-label{font-size:7px}}
@media(max-height:640px){.loot-stage{height:150px}.loot-stage img{height:110px}.loot-stage-label{top:9px}.loot-category{bottom:8px}.loot-ring{width:106px;height:106px;left:calc(50% - 53px);top:23px}.loot-body{padding-top:15px}.loot-dialog h2{margin-bottom:10px}.loot-header{height:45px}.loot-value{padding-bottom:12px}}
.loot-dialog.quiet,.loot-dialog.quiet *,.loot-dialog.quiet::backdrop{animation:none!important}
@media(prefers-reduced-motion:reduce){.loot-dialog,.loot-dialog *,.loot-dialog::backdrop{animation:none!important}}

/* source: scene-finish.css */
.scene-sculpture{position:absolute;inset:0;pointer-events:none;color:var(--case-tone,var(--loot-tone,#ba95ec));isolation:isolate}
.scene-sculpture svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sculpture-cloud{position:absolute;left:22%;top:30%;width:56%;height:40%;border-radius:50%;background:radial-gradient(ellipse,currentColor,transparent 65%);opacity:.13;filter:blur(25px);z-index:-1;animation:sculpture-mist 9s ease-in-out infinite alternate}.cloud-b{left:40%;top:15%;width:35%;opacity:.08;animation-delay:-4s}
.sculpture-fragments{animation:sculpture-float 7s ease-in-out infinite alternate;transform-origin:center}.sculpture-arcs{animation:sculpture-light 6s ease-in-out infinite alternate}
/* A single illuminated surface, without header/content panel seams. */
.loot-dialog{background:radial-gradient(ellipse at 50% 28%,color-mix(in srgb,var(--loot-tone) 16%,#131b29),#101824 75%);border-color:color-mix(in srgb,var(--loot-tone) 24%,#263246);box-shadow:0 35px 110px #000b,0 0 80px color-mix(in srgb,var(--loot-tone) 9%,transparent)}
.loot-header{background:none;border:0;position:relative;z-index:2}.loot-header>span{font-size:9px;letter-spacing:2px}.loot-header i{background:none}
.loot-stage{height:245px;background:none;overflow:visible}.loot-stage:after{display:none}.loot-stage .scene-sculpture{inset:-25px -3% -10px;z-index:-1}.loot-ring{display:none}.loot-halo{opacity:.6}.loot-stage img{width:78%;height:190px;filter:drop-shadow(0 20px 15px #0009) drop-shadow(0 0 15px color-mix(in srgb,var(--loot-tone) 15%,transparent))}
.loot-stage-label{top:4px;color:#8191ab;letter-spacing:3px}.loot-category{bottom:7px;background:none;border:0;color:color-mix(in srgb,var(--loot-tone) 45%,#d6ddeb);font-size:10px;letter-spacing:2px}
.loot-body{background:none;padding-top:10px}.loot-dialog h2{font-size:28px;letter-spacing:-.6px;margin-bottom:12px}.loot-value{border:0;flex-direction:column;gap:6px;padding:0 0 23px}.loot-value>span{font-size:9px;letter-spacing:.6px}.loot-value strong{font-size:28px;color:#ffe014}.loot-actions{gap:10px}.loot-actions .loot-keep{border:0;min-height:32px}.loot-dialog #loot-saved{margin-top:8px}
/* Graphic stage surrounds the original compact case and continuous reel. */
#detail-view{position:relative;isolation:isolate;background:radial-gradient(ellipse 60% 350px at 50% 270px,#53517b14,transparent)}
.selected-case-stage>.scene-sculpture{left:50%;top:-9%;width:min(290%,calc(100vw - 240px));height:118%;transform:translateX(-50%);z-index:-3}
.selected-case-stage .case-atmosphere{opacity:.55}.selected-case-stage .ambient-orbit,.selected-case-stage .ambient-floor{display:none}
.selected-case-stage .stage-art{filter:drop-shadow(0 18px 17px #0009)}
.selected-case-stage .machine-cavity .roulette{background:radial-gradient(ellipse at 50% 50%,#15213585,transparent 73%),linear-gradient(90deg,transparent,#0c14245e 25%,#0c14245e 75%,transparent);box-shadow:none;border-radius:0}
.selected-case-stage .machine-cavity{mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.selected-case-stage .lens-top,.selected-case-stage .lens-bottom{opacity:.45;width:24%;left:38%}
#detail-view .detail-heading h1{font-size:25px;letter-spacing:1.1px;color:#f0e8fb;text-shadow:0 0 28px #b999ed20}
#detail-view .economy-note{color:#96a4b7;font-size:10px;max-width:760px;margin-left:auto;margin-right:auto;padding:0 15px}
#detail-view .open-controls .primary{border-radius:10px;background:linear-gradient(115deg,#ffe014,#ffe014);box-shadow:0 5px 28px #ffe01420;border:1px solid #ffe01473;color:#1f1f1f}
#detail-view>.section-heading{padding:18px 26px 12px;border:0;position:relative}#detail-view>.section-heading:before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#b5a2d12b,transparent)}
#detail-view #contents .item{background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--tone) 10%,transparent),transparent 72%),linear-gradient(180deg,#1c25303d,#141c2729);border:1px solid #ffffff06;box-shadow:none;border-radius:12px}
#detail-view #contents .item img{filter:drop-shadow(0 12px 10px #0007)}
@keyframes sculpture-mist{to{transform:translate(8%,-8%) scale(1.1);opacity:.2}}@keyframes sculpture-float{to{transform:translateY(-9px)}}@keyframes sculpture-light{to{opacity:.5}}
@media(max-width:1100px) and (min-width:721px){.selected-case-stage>.scene-sculpture{width:calc(100vw - 185px)}}
@media(max-width:720px){.selected-case-stage>.scene-sculpture{width:calc(100vw - 22px);top:-5%;height:108%}.loot-stage{height:215px}.loot-stage img{height:165px}.loot-dialog h2{font-size:25px}.loot-value strong{font-size:25px}.loot-value{padding-bottom:18px}#detail-view .detail-heading h1{font-size:21px}#detail-view .economy-note{font-size:9px}.sculpture-cloud{filter:blur(15px)}}
@media(max-height:640px){.loot-stage{height:155px}.loot-stage img{height:115px}.loot-stage-label{display:none}.loot-dialog h2{font-size:23px}.loot-value{padding-bottom:12px}.loot-value strong{font-size:23px}}
body:has(#short-animation:checked) .scene-sculpture *,.loot-dialog.quiet .scene-sculpture *{animation:none!important}
@media(prefers-reduced-motion:reduce){.scene-sculpture *{animation:none!important}}

.loot-dialog{overflow-x:hidden}.loot-stage .scene-sculpture{overflow:hidden}


/* The opening screen starts directly with the case artwork. */
#detail-view > .back,#detail-view > .detail-heading,#detail-view > .economy-note{display:none}
#detail-view{padding-top:20px}


.selected-case-stage:not(.case-unlocking):not(.case-running):not(.case-awarded) .machine-status{visibility:hidden}


/* Smaller artwork within the existing continuous reel. */
.selected-case-stage .reel-card img{width:85%;height:calc(76% - 28px)}
@media(max-width:720px){.selected-case-stage .reel-card img{width:85%;height:calc(85% - 27px)}}

/* Borderless reward presentation and one continuous item flight. */
.loot-dialog{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;animation:none}
.loot-dialog::backdrop{background:radial-gradient(ellipse at 50% 42%,#101525d9,#040811e8);backdrop-filter:blur(12px);animation:loot-backdrop-in .7s ease-out}
.loot-dialog:before{content:'';position:absolute;inset:8% -12% 10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--loot-tone) 15%,transparent),transparent 65%);filter:blur(22px);animation:reward-aura-in 1s ease-out both}
.loot-dialog .loot-header,.loot-dialog .loot-body{background:transparent}
.loot-dialog .loot-close{border:0;background:#ffffff05;border-radius:50%}
.loot-dialog .loot-stage{overflow:visible}
.loot-dialog.shared-reward .loot-stage img{animation:none;transform-origin:center}
.loot-dialog .loot-body{animation:reward-copy-in .65s .35s both}
.loot-dialog .loot-header,.loot-dialog .loot-category,.loot-dialog .loot-stage-label{animation:reward-copy-in .6s .2s both}
.loot-dialog .scene-sculpture{animation:reward-aura-in 1.1s ease-out both}
.reward-in-flight{visibility:hidden}
@keyframes reward-copy-in{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@keyframes reward-aura-in{from{opacity:0;scale:.85}to{opacity:1;scale:1}}
@media(max-height:580px){.loot-dialog{overflow-x:hidden;overflow-y:auto}}
@media(prefers-reduced-motion:reduce){.loot-dialog:before{animation:none}}

.loot-dialog.quiet:before{animation:none}

/* Compact case contents, six columns on desktop. */
#detail-view #contents{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:0 26px}
#detail-view #contents .item{min-width:0;padding:12px 8px;border-radius:9px}
#detail-view #contents .item img{height:85px;width:100%;object-fit:contain}
#detail-view #contents .item h3{font-size:12px;line-height:1.3;margin:5px 0;overflow-wrap:anywhere}
#detail-view #contents .item small{font-size:9px}
#detail-view #contents .item p{font-size:12px;margin:7px 0 0}
#detail-view #contents .item .chance{font-size:9px}
@media(max-width:1100px){#detail-view #contents{grid-template-columns:repeat(4,minmax(0,1fr));padding:0 18px}}
@media(max-width:720px){#detail-view #contents{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 12px;gap:7px}#detail-view #contents .item{padding:10px 6px}#detail-view #contents .item img{height:65px}#detail-view #contents .item h3{font-size:10px}}
@media(max-width:360px){#detail-view #contents{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Draw directly on the contract; paper transforms are handled in SVG coordinates. */
#contract-paper{min-height:260px;padding-bottom:14px}
#contract-paper>p{margin:12px 0 8px;font-size:11px;line-height:1.5}
#contract-paper .signature-pad{display:block;position:relative;inset:auto;width:100%;height:85px;max-width:250px;margin:4px auto 0;border:1px dashed #ffe01444;border-radius:6px;background:#fff7df35;touch-action:none;user-select:none;cursor:crosshair;overflow:hidden}
#contract-paper .signature-pad path{stroke:#26374c;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;fill:none;pointer-events:none}
#contract-paper .signature-pad.manual-signature path{stroke-dasharray:none;stroke-dashoffset:0;animation:none}
#contract-paper .signature-pad:not(.manual-signature) path{opacity:.3;stroke-dashoffset:0}
.signing #contract-paper .signature-pad:not(.manual-signature) path{opacity:1;stroke-dasharray:1;animation:sign-contract 1s ease forwards}
.signature-tools{display:flex;flex-direction:column;gap:6px;margin-top:7px;text-align:center;position:relative;z-index:3}
.signature-tools>span{font:9px var(--font-ui);color:#ffe014;line-height:1.3}
.signature-tools>div{display:flex;justify-content:center;gap:10px}
.signature-tools button{font:9px var(--font-ui);padding:4px 7px;border:1px solid #ffe01433;border-radius:4px;background:#fff8e12b;color:#3a3a3a;cursor:pointer}
.signature-tools button:hover{background:#ffe01499}.signature-tools button:focus-visible{outline:2px solid #ffe014;outline-offset:2px}
.motion-busy .signature-tools,.motion-busy .signature-pad{pointer-events:none}
#contract-theater.signing .signature-tools,#contract-theater.sealed .signature-tools{opacity:0}
#contract-view .contract-theater{min-height:350px}
@media(max-width:720px){#contract-view .contract-theater{height:350px}.signature-tools button{min-height:30px;padding:6px 10px}#contract-paper .signature-pad{height:88px}}
/* The complete sheet becomes the signing surface after the first click. */
#contract-paper{position:relative;min-height:270px}
#contract-paper .signature-pad.full-paper-signature{position:absolute;inset:0;display:block;max-width:none;width:100%;height:100%;margin:0;border:0;border-radius:inherit;background:none;z-index:5;pointer-events:none}
#contract-paper.awaiting-signature .full-paper-signature{pointer-events:auto;cursor:crosshair}
#contract-paper.awaiting-signature{box-shadow:0 0 0 2px #ffe01480,0 20px 35px #0007}
#contract-paper.awaiting-signature>p{opacity:.55}
#contract-paper .full-paper-signature path{stroke:#213955;stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:none;stroke-dashoffset:0}
#contract-theater .signature-tools{position:absolute;left:10px;right:10px;bottom:10px;margin:0;z-index:8;gap:5px}
#contract-theater .signature-tools>span{color:#ffe014;font-size:10px}
#contract-theater .signature-tools button{color:#ffe014;border-color:#ffe01444;background:#161f2c;font-size:10px;padding:5px 9px}
#contract-view .contract-theater{height:390px;min-height:390px;padding-bottom:55px;box-sizing:border-box}
.motion-busy #contract-paper .full-paper-signature{pointer-events:none}
@media(max-width:720px){#contract-view .contract-theater{height:410px}#contract-theater .signature-tools button{min-height:32px}}
#contract-theater .signature-tools{bottom:10px;left:14px;right:14px;padding:10px 12px;border:1px solid #ffe01433;border-radius:10px;background:linear-gradient(120deg,#222222,#19232f);box-shadow:0 5px 20px #0003;gap:6px}
.signature-instruction{font:600 10px var(--font-ui);letter-spacing:1.2px;color:#ffe014}
#contract-theater .signature-tools>span{font-size:11px;line-height:1.5;color:#dae1ec}
#contract-theater .signature-tools #signature-auto{background:linear-gradient(110deg,#ffe014,#ffe014);border-color:#ffe014;color:#222222;font-weight:700;padding:7px 12px}
#contract-theater .signature-tools>div{gap:7px;flex-wrap:wrap}
#contract-view .contract-theater{height:440px;min-height:440px;padding-bottom:112px}
@media(max-width:720px){#contract-view .contract-theater{height:470px;min-height:470px;padding-bottom:142px}#contract-theater .signature-tools{left:8px;right:8px}#contract-theater .signature-tools>span{font-size:10px}}
#contract-theater .signature-tools>span{max-width:430px;align-self:center;line-height:1.5}
#contract-view .contract-theater{height:465px;min-height:465px;padding-bottom:137px}
@media(max-width:720px){#contract-view .contract-theater{height:495px;min-height:495px;padding-bottom:165px}}

/* source: typography.css */
@font-face{font-family:'Russo One';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/russo-one.ttf') format('truetype')}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/golos-regular.ttf') format('truetype')}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:600 900;font-display:swap;src:url('/fonts/golos-bold.ttf') format('truetype')}
:root{--font-display:'Russo One',Arial,sans-serif;--font-ui:'Golos Text',Arial,sans-serif}
body,button,input,select,textarea{font-family:var(--font-ui)}
.brand{font-family:var(--font-display);font-weight:400;font-size:27px;letter-spacing:-.8px}
.brand small,.nav,.new-tag{font-family:var(--font-ui)}
.showroom-hero h2{font-family:var(--font-display);font-weight:400;font-size:clamp(26px,2.8vw,40px);line-height:1.2;letter-spacing:-.6px}
#cases-view .catalog-heading h1,#detail-view .detail-heading h1,.feature-title h1,.section-heading h1,.section-heading h2{font-family:var(--font-display);font-weight:400;letter-spacing:.3px}
#cases-view .case-caption h3,.case-caption h3{font-family:var(--font-display);font-weight:400;letter-spacing:.15px;font-size:15px;line-height:1.35}
.loot-dialog h2,.reward-modal h2{font-family:var(--font-display);font-weight:400;letter-spacing:-.3px;font-size:26px;line-height:1.25}
.wallet strong,.price,.loot-value strong,.reward-price,.dial-core strong{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.4px}
.loot-stage-label,.hero-kicker,.machine-status{font-family:var(--font-ui)}
.reel-card span,.item h3,.feed-item span{font-family:var(--font-ui)}
#detail-view .open-controls .primary,.hero-catalog{font-family:var(--font-ui);font-weight:700}
@media(max-width:720px){.brand{font-size:24px}.showroom-hero h2{font-size:28px;line-height:1.2}#cases-view .case-caption h3{font-size:12px}.loot-dialog h2{font-size:23px}#detail-view .detail-heading h1{font-size:20px}#cases-view .catalog-heading h1{font-size:15px}}

/* source: upgrade-layout.css */
/* Keep item text in normal flow and selection markers out of the content grid. */
.skin-panel .choice{display:flex;flex-direction:column;min-width:0;position:relative;background:#151e2a;border:1px solid #ffffff0c;text-align:center}
.skin-panel .choice>.item{display:flex;flex-direction:column;align-items:center;width:100%;height:auto;min-height:180px;box-sizing:border-box;padding:28px 8px 10px;border:0;flex:1;min-width:0;background:transparent}
.skin-panel .choice .item img{width:100%;height:75px;object-fit:contain;flex-shrink:0}
.skin-panel .choice .item h3{font-family:var(--font-ui);font-size:11px;line-height:1.35;min-height:30px;height:auto;width:100%;white-space:normal;overflow-wrap:anywhere;margin:5px 0}
.skin-panel .choice .item small{font-size:9px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;max-width:100%}
.skin-panel .choice .item p{margin:8px 0 0;font-size:12px}
.skin-panel .choice>.choice-label{position:absolute;left:7px;top:7px;width:auto;padding:3px 6px;font-size:8px;border-radius:4px;background:#ffffff06;color:#8292aa;line-height:1.3}
.skin-panel .choice.selected{background:linear-gradient(0deg,#ffe01420,transparent 55%),#161f2c;border-color:#ffe01455;box-shadow:inset 0 -2px #ffe014}
.skin-panel .choice.selected:after{display:none}.skin-panel .choice.selected>.choice-label{background:#ffe01422;color:#ffe014}
.skin-panel .choice>.target-odds{position:static;display:flex;justify-content:space-between;align-items:center;gap:4px;padding:7px 8px;background:#ffffff03;border-top:1px solid #ffffff08;color:#899bb3;font-size:8px;line-height:1.4}
.target-odds b{color:#ffe014;font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}
#upgrade-view .feature-title{text-align:left;margin:20px 25px 8px}#upgrade-view .feature-title h1{font-family:var(--font-display);font-weight:400;font-size:24px}#upgrade-view .feature-title>p{max-width:760px;line-height:1.6}
#upgrade-view #multi-summary{margin:10px 0 0;padding:0;max-width:780px;background:none;border:0;border-radius:0;font-size:10px;line-height:1.7;color:#899ab0;text-align:left;box-shadow:none}
#multi-summary b{font-size:11px;color:#ffe014}.multi-controls{display:flex;gap:8px;margin:5px 0}.multi-controls button{background:none;border:0;border-bottom:1px solid #ffffff19;border-radius:0;padding:2px 0;margin-right:10px;font-size:9px;color:#9faec2}
#upgrade-dial{background:conic-gradient(from var(--chance-start,180deg),#ffe014 0deg,#ffe014 var(--chance),#293141 var(--chance) 360deg)}
.upgrade-pedestal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;min-width:0}
.upgrade-pedestal>b,.upgrade-pedestal>p,.upgrade-pedestal .multi-label{max-width:100%;font-size:11px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;margin:0}
.upgrade-pedestal .preview-stack{min-height:105px;align-content:center}.upgrade-pedestal .preview-stack img{max-width:100%;object-fit:contain}.skin-panel-heading{flex-wrap:wrap}.skin-tools select{font-family:var(--font-ui);font-size:10px}
.case-caption h3{overflow-wrap:anywhere;white-space:normal}.loot-dialog h2{overflow-wrap:anywhere}
/* Open display stages instead of boxed item previews. */
#upgrade-view .upgrade-arena{background:radial-gradient(ellipse at 18% 48%,#5d9ad610,transparent 38%),radial-gradient(ellipse at 82% 48%,#ffe01410,transparent 38%);border:0;box-shadow:none;gap:26px;padding:26px 20px 14px;overflow:visible}
#upgrade-view .upgrade-pedestal{--display-tone:#7daed8;position:relative;isolation:isolate;min-height:250px;box-sizing:border-box;padding:38px 16px 18px;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--display-tone) 11%,transparent),transparent 65%);border:0;border-radius:0;box-shadow:none;overflow:visible;gap:8px}
#upgrade-target-preview{--display-tone:#ffe014!important}
#upgrade-view .upgrade-pedestal:before{content:'ТВОИ ПРЕДМЕТЫ';position:absolute;left:0;right:0;top:4px;bottom:auto;width:auto;height:auto;min-height:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;transform:none;color:var(--display-tone);font:400 9px var(--font-ui);letter-spacing:2.4px;z-index:0}
#upgrade-view #upgrade-target-preview:before{content:'ВОЗМОЖНАЯ НАГРАДА'}
#upgrade-view .upgrade-pedestal:after{content:'';position:absolute;left:12%;width:76%;height:32px;top:142px;border-radius:50%;border:1px solid color-mix(in srgb,var(--display-tone) 30%,transparent);background:radial-gradient(ellipse,color-mix(in srgb,var(--display-tone) 12%,transparent),transparent 68%);box-shadow:0 8px 22px color-mix(in srgb,var(--display-tone) 8%,transparent);transform:rotate(-5deg);pointer-events:none;z-index:-1}
#upgrade-view .upgrade-pedestal .preview-stack{height:118px;min-height:118px;gap:4px;margin:0;align-content:center}
#upgrade-view .upgrade-pedestal .preview-stack img{height:49px;width:27%;filter:drop-shadow(0 12px 10px #0008)}
#upgrade-view .upgrade-pedestal .preview-stack img:only-child{width:100%;height:118px}
#upgrade-view .upgrade-pedestal>img{width:100%;height:118px;object-fit:contain;filter:drop-shadow(0 12px 10px #0008)}
#upgrade-view .upgrade-pedestal>b{font-size:13px;line-height:1.4;color:#dfe8f4;font-family:var(--font-ui);font-weight:600;max-width:250px}
#upgrade-view .upgrade-pedestal>small{color:var(--display-tone);font-family:var(--font-ui);font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}
#upgrade-view .upgrade-pedestal .multi-label{color:#75869b;font-size:9px;line-height:1.5}
#upgrade-view .pedestal-placeholder{font-size:0;line-height:1;display:grid;place-items:center;width:100%;height:118px;color:var(--display-tone)}
#upgrade-view .pedestal-placeholder:after{content:'+';display:grid;place-items:center;width:56px;height:56px;border:1px solid color-mix(in srgb,var(--display-tone) 25%,transparent);border-radius:16px;color:var(--display-tone);font:300 30px var(--font-ui);background:#ffffff02;box-shadow:0 0 35px color-mix(in srgb,var(--display-tone) 7%,transparent)}
#upgrade-view .upgrade-pedestal>p{font-size:12px;color:#94a5bb;max-width:190px}
#upgrade-view .skin-panel{background:#10182470;border-color:#ffffff0a;border-radius:14px;box-shadow:none}
#upgrade-view .skin-panel-heading{background:none;border-bottom-color:#ffffff08;padding:15px 15px 12px}
#upgrade-view .skin-panel-heading h2{font-size:13px;font-weight:600;color:#c8d5e7}
#upgrade-view .skin-tools{padding:12px 10px}.skin-tools input{font-family:var(--font-ui)}
@media(max-width:720px){#upgrade-view .upgrade-arena{gap:10px;padding:15px 0 12px;margin:12px}#upgrade-view .upgrade-pedestal{min-height:208px;padding:29px 5px 10px;gap:6px}#upgrade-view .upgrade-pedestal:before{font-size:7px;letter-spacing:1.3px}#upgrade-view .upgrade-pedestal:after{top:110px;left:6%;width:88%;height:23px}#upgrade-view .upgrade-pedestal .preview-stack{height:94px;min-height:94px}#upgrade-view .upgrade-pedestal .preview-stack img{height:36px}#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal>img{height:94px}#upgrade-view .pedestal-placeholder{height:94px}#upgrade-view .upgrade-pedestal>b{font-size:10px}#upgrade-view .upgrade-pedestal>small{font-size:14px}#upgrade-view .upgrade-pedestal>p{font-size:10px}#upgrade-view .upgrade-pedestal .multi-label{font-size:8px}}
@media(max-width:720px){#upgrade-view .feature-title{margin:18px 12px 8px}.skin-panel .choice>.item{padding:26px 6px 8px;min-height:166px}.skin-panel .choice .item img{height:62px}.skin-panel .choice .item h3{font-size:10px}.skin-panel .choice>.target-odds{padding:6px 4px;font-size:7px}.target-odds b{font-size:9px}.upgrade-pedestal>b,.upgrade-pedestal>p,.upgrade-pedestal .multi-label{font-size:10px}}

/* source: upgrade-compact.css */
#upgrade-view .feature-title{margin:10px 20px 5px}#upgrade-view .feature-title h1{font-size:20px;margin:0 0 4px}#upgrade-view .feature-title>p{font-size:10px;line-height:1.4}
#upgrade-view .upgrade-arena{margin:10px 20px 4px;padding:0;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);gap:22px;align-items:center}
#upgrade-view .upgrade-pedestal{height:192px;min-height:192px;padding:28px 12px 10px;border:1px solid color-mix(in srgb,var(--display-tone) 30%,#26303e);border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--display-tone) 15%,transparent),transparent 60%),linear-gradient(145deg,#1923319c,#111a2680);box-shadow:inset 0 1px #ffffff07;gap:4px}
#upgrade-view .upgrade-pedestal:before{display:none}
#upgrade-view .upgrade-pedestal:after{top:auto;bottom:0;left:12%;width:76%;height:2px;transform:none;border:0;border-radius:0;background:linear-gradient(90deg,transparent,var(--display-tone),transparent);box-shadow:0 -8px 25px color-mix(in srgb,var(--display-tone) 35%,transparent);animation:pedestal-underlight 4s ease-in-out infinite alternate}
.selection-meta{position:absolute;top:10px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#93a7be;line-height:1.4}.selection-meta b{color:var(--display-tone);margin-left:4px}.selection-meta button{background:none;border:0;color:#788ba3;padding:0;font-size:8px;cursor:pointer}.selection-meta button:hover{color:#e0e7f2}
#upgrade-view .upgrade-pedestal .preview-stack{height:85px;min-height:85px}#upgrade-view .upgrade-pedestal .preview-stack img{height:32px;width:24%}#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal>img{height:85px}#upgrade-view .pedestal-placeholder{height:85px}#upgrade-view .pedestal-placeholder:after{width:40px;height:40px;font-size:24px;border-radius:12px}
#upgrade-view .upgrade-pedestal>b{font-size:11px;line-height:1.25}#upgrade-view .upgrade-pedestal>small{font-size:14px}#upgrade-view .upgrade-pedestal .multi-label{font-size:8px}
#upgrade-dial{width:145px;height:145px;margin:8px auto 15px}.dial-core{inset:13px;border-width:7px}.dial-core strong{font-size:24px}.dial-core .double-chevron{font-size:28px;line-height:23px}.dial-core #dial-label{font-size:7px;letter-spacing:.5px}
#upgrade-view #do-upgrade{padding:9px 13px;font-size:12px;width:160px;border-radius:9px}#upgrade-view .upgrade-caption{font-size:9px;line-height:1.4;margin:8px 20px}
#upgrade-view .dual-pickers{margin:8px 20px 0;gap:14px}#upgrade-view .skin-panel-heading{min-height:0;padding:9px 12px}#upgrade-view .skin-panel-heading h2{font-size:12px}#upgrade-view .skin-tools{padding:6px 8px;gap:6px}#upgrade-view .skin-tools input,#upgrade-view .skin-tools select{padding:6px;font-size:9px}
#upgrade-view .skin-panel .choice-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-height:none;overflow:visible;scrollbar-gutter:auto;gap:5px;padding:6px 8px;min-height:224px}
#upgrade-view .skin-panel .choice>.item{min-height:92px;padding:17px 5px 4px}#upgrade-view .skin-panel .choice .item img{height:36px}#upgrade-view .skin-panel .choice .item h3{font-size:8px;line-height:1.25;min-height:20px;margin:2px 0}#upgrade-view .skin-panel .choice .item small{font-size:7px;line-height:1.2}#upgrade-view .skin-panel .choice .item small:last-of-type{display:none}#upgrade-view .skin-panel .choice .item p{font-size:9px;margin:3px 0}#upgrade-view .skin-panel .choice>.choice-label{top:4px;left:4px;font-size:6px;padding:2px 3px}#upgrade-view .skin-panel .choice>.target-odds{font-size:6px;padding:3px 4px}#upgrade-view .target-odds b{font-size:8px}
.skin-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 10px 8px;color:#8195ac;font-size:9px;min-height:22px}.skin-pagination:empty{display:none}.skin-pagination button{border:1px solid #ffffff12;background:#ffffff04;border-radius:5px;width:28px;height:22px;color:#ffe014;cursor:pointer}.skin-pagination button:disabled{opacity:.3;cursor:default}
@keyframes pedestal-underlight{from{opacity:.45}to{opacity:1}}
@media(min-width:721px){body:has(#upgrade-view:not([hidden])) main{min-height:0;padding-bottom:12px}body:has(#upgrade-view:not([hidden])) footer{display:none}body:has(#upgrade-view:not([hidden])) .drop-sidebar{min-height:0;height:calc(100dvh - 68px)}}
@media(max-width:720px){#upgrade-view .upgrade-arena{grid-template-columns:1fr 1fr;gap:10px;margin:10px 12px}#upgrade-view .upgrade-pedestal{height:178px;min-height:178px;padding-left:8px;padding-right:8px}.selection-meta{left:8px;right:8px;font-size:8px}.selection-meta button{font-size:7px}#upgrade-view .dial-column{margin-top:4px}#upgrade-dial{width:135px;height:135px}#upgrade-view .dual-pickers{margin:8px 12px;gap:10px}#upgrade-view .skin-panel .choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));min-height:224px}#upgrade-view .skin-panel .choice .item img{height:42px}}
body:has(#short-animation:checked) .upgrade-pedestal:after{animation:none!important}@media(prefers-reduced-motion:reduce){#upgrade-view .upgrade-pedestal:after{animation:none}}
@media(min-width:721px){
#upgrade-view .upgrade-pedestal{height:160px;min-height:160px;padding-top:25px;gap:3px}
#upgrade-view .upgrade-pedestal .preview-stack{height:66px;min-height:66px}#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal>img,#upgrade-view .pedestal-placeholder{height:66px}
#upgrade-dial{width:120px;height:120px;margin:5px auto 12px}.dial-core strong{font-size:21px}.dial-core .double-chevron{font-size:23px;line-height:18px}
#upgrade-view .skin-panel-heading{height:32px;box-sizing:border-box;padding:5px 10px}
#upgrade-view .skin-panel .choice-grid{grid-auto-rows:108px;min-height:221px;align-items:stretch}
#upgrade-view .skin-panel .choice>.item{height:88px;min-height:0;flex:none;padding:14px 4px 3px}
#upgrade-view .skin-panel .choice .item img{height:30px}#upgrade-view .skin-panel .choice .item h3{min-height:18px;font-size:7.5px}
#upgrade-view .skin-panel .choice>.target-odds{height:18px;box-sizing:border-box;padding:2px 3px}
#upgrade-view .skin-panel .choice .item p{font-size:8px;margin:2px 0}
#upgrade-view .skin-panel .empty{min-height:0;padding:25px 10px}
}

@media(min-width:721px){body:has(#upgrade-view:not([hidden])) main{padding-bottom:0}}
/* Give the dial and artwork room; metadata shares a single bottom row. */
#upgrade-view .upgrade-arena{grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr)}
#upgrade-dial{width:185px;height:185px;margin:8px auto 16px}.dial-core{inset:17px;border-width:8px}.dial-core strong{font-size:31px}.dial-core .double-chevron{font-size:32px;line-height:26px}.dial-core #dial-label{font-size:8px}
#upgrade-view .upgrade-pedestal{height:208px;min-height:208px;padding-top:28px}
#upgrade-view .upgrade-pedestal .preview-stack{height:112px;min-height:112px}#upgrade-view .upgrade-pedestal .preview-stack img{height:43px}#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal>img,#upgrade-view .pedestal-placeholder{height:112px}
#upgrade-view .upgrade-pedestal>b{font-size:12px}#upgrade-view .upgrade-pedestal>small{font-size:16px}
#upgrade-view .skin-panel .choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:138px;min-height:138px;gap:7px}
#upgrade-view .skin-panel .choice>.item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:82px 26px;column-gap:5px;align-items:center;height:118px;min-height:0;flex:none;padding:5px 7px;box-sizing:border-box}
#upgrade-view .skin-panel .choice .item img{grid-column:1/-1;width:100%;height:78px;object-fit:contain;margin:0}
#upgrade-view .skin-panel .choice .item small{display:none}
#upgrade-view .skin-panel .choice .item h3{grid-column:1;grid-row:2;font-size:9px;line-height:1.3;min-height:0;margin:0;text-align:left;overflow-wrap:anywhere}
#upgrade-view .skin-panel .choice .item p{grid-column:2;grid-row:2;font-size:10px;margin:0;white-space:nowrap;text-align:right}
#upgrade-view .skin-panel .choice>.choice-label{font-size:7px;top:5px;left:5px;z-index:1}
#upgrade-view .skin-panel .choice>.target-odds{height:18px;font-size:7px;padding:2px 7px}#upgrade-view .target-odds b{font-size:9px}
@media(max-width:720px){#upgrade-view .upgrade-arena{grid-template-columns:1fr 1fr}#upgrade-view .upgrade-pedestal{height:194px;min-height:194px}#upgrade-view .upgrade-pedestal .preview-stack{height:96px;min-height:96px}#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal>img,#upgrade-view .pedestal-placeholder{height:96px}#upgrade-view .upgrade-pedestal>b{font-size:10px}#upgrade-view .skin-panel .choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#upgrade-view .skin-panel .choice .item h3{font-size:8px}#upgrade-view .skin-panel .choice .item p{font-size:9px}}

/* Refined inventory and adaptive selection tray. */
#upgrade-view #upgrade-inputs{grid-auto-rows:124px;gap:8px;min-height:124px}
#upgrade-view #upgrade-inputs .choice{border-radius:10px;border:1px solid #ffffff0d;background:radial-gradient(ellipse at 50% 35%,#759ccb0c,transparent 70%),#151e2a;box-shadow:inset 0 1px #ffffff03}
#upgrade-view #upgrade-inputs .choice:hover{border-color:#92b5dd55;background-color:#1a2737}
#upgrade-view #upgrade-inputs .choice.selected{border-color:#b8cae45c;background:linear-gradient(0deg,#789bc51c,transparent 65%),#192434;box-shadow:inset 0 -2px #9cbbdf}
#upgrade-view #upgrade-inputs .choice.selected>.choice-label{background:#92b5dd22;color:#c3d9f3}
#upgrade-view #upgrade-inputs .choice>.item{height:120px;padding:8px;grid-template-rows:70px 32px;column-gap:7px}
#upgrade-view #upgrade-inputs .choice .item img{height:66px;filter:drop-shadow(0 8px 6px #0008)}
#upgrade-view #upgrade-inputs .choice .item h3{font-size:9px;line-height:1.35}
#upgrade-view #upgrade-inputs .choice .item p{font-size:9px;color:#ffe014}
#upgrade-view #upgrade-source-preview:has(.source-display){padding:30px 10px 9px;gap:5px;justify-content:flex-start}
.source-display{width:100%;min-height:0;flex:1;display:grid;gap:6px}
.source-display.single{grid-template-columns:1fr;grid-template-rows:1fr}
.source-display.multiple{grid-template-columns:repeat(var(--source-cols),minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}
.source-tile{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px;border:1px solid #9db7d51a;border-radius:8px;background:radial-gradient(ellipse at center,#7095c210,transparent 80%),#ffffff02;color:#c3d1e2;cursor:pointer;overflow:hidden;transition:background .2s,border-color .2s}
.source-tile:hover{border-color:#aac8ec66;background-color:#a0bfe40c}
#upgrade-view .upgrade-pedestal .source-tile img{width:100%;height:calc(100% - 20px);min-height:0;max-height:105px;object-fit:contain;filter:drop-shadow(0 8px 7px #0008);animation:none}
.source-tile-info{display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;font-size:8px;line-height:1.4}.source-tile-info>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.source-tile-info>b{font-size:8px;font-weight:500;color:#ffe014;white-space:nowrap}
.source-display.single .source-tile{border:0;background:radial-gradient(ellipse at 50% 55%,#8db7e410,transparent 70%);padding:0 8px}
#upgrade-view .upgrade-pedestal .source-display.single img{height:128px;max-height:128px;width:94%;flex:1}
.source-display.single .source-tile-info{font-size:12px;padding:4px 0}.source-display.single .source-tile-info>b{font-size:15px}
.source-remove{position:absolute;right:4px;top:3px;color:#8da6c3;line-height:14px;font-size:14px;opacity:0;transition:opacity .2s}.source-tile:hover .source-remove,.source-tile:focus-visible .source-remove{opacity:1}
.source-total{display:flex;justify-content:space-between;width:100%;padding:1px 3px;color:#8fa2b9;font-size:9px}.source-total b{color:#bcd3ed;font-size:11px}
@media(max-width:720px){.source-display.multiple{gap:3px}.source-tile{padding:3px}.source-tile-info{font-size:6px;gap:2px}.source-tile-info>b{font-size:6px}.source-display.single .source-tile-info{font-size:9px}.source-display.single .source-tile-info>b{font-size:11px}#upgrade-view .upgrade-pedestal .source-display.single img{height:112px;max-height:112px}.source-remove{opacity:.6}.source-display.multiple[style*="5"] .source-tile-info>span{display:none}}
/* Balanced square preview stages and a centered dial action. */
#upgrade-view .upgrade-arena{grid-template-columns:minmax(0,270px) 240px minmax(0,270px);justify-content:center;gap:28px;align-items:center;margin-top:14px;margin-bottom:10px}
#upgrade-view .upgrade-pedestal{width:100%;height:250px;min-height:250px;border-radius:16px;padding-top:32px}
#upgrade-view .dial-column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-width:0;margin:0;align-self:center}
#upgrade-dial{width:205px;height:205px;flex:0 0 205px;margin:0;box-sizing:border-box}
#upgrade-view #do-upgrade{display:block;position:relative;inset:auto;width:190px;min-height:42px;margin:0;transform:none;align-self:center;padding:11px 14px;line-height:1.3}
#upgrade-view .upgrade-pedestal .preview-stack{height:142px;min-height:142px}
#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal>img,#upgrade-view .pedestal-placeholder{height:142px}
#upgrade-view .upgrade-pedestal .source-display.single img{height:165px;max-height:165px}
#upgrade-view #upgrade-source-preview:has(.source-display){padding:32px 12px 12px}
#upgrade-view .upgrade-pedestal .source-display.multiple img{max-height:80px}
@media(min-width:721px) and (max-width:1050px){#upgrade-view .upgrade-arena{grid-template-columns:minmax(0,1fr) 205px minmax(0,1fr);gap:16px}#upgrade-view .upgrade-pedestal{height:225px;min-height:225px}#upgrade-dial{width:185px;height:185px;flex-basis:185px}#upgrade-view #do-upgrade{width:180px}}
@media(max-width:720px){#upgrade-view .upgrade-arena{grid-template-columns:1fr 1fr;gap:12px;margin:12px}#upgrade-view .upgrade-pedestal{height:auto;min-height:190px;aspect-ratio:1;padding:30px 8px 9px}#upgrade-view .dial-column{grid-column:1/-1;grid-row:2;gap:18px;margin:12px 0 8px}#upgrade-dial{width:205px;height:205px;flex-basis:205px}#upgrade-view .upgrade-pedestal .preview-stack{height:96px;min-height:96px}#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal>img,#upgrade-view .pedestal-placeholder{height:96px}#upgrade-view .upgrade-pedestal .source-display.single img{height:110px;max-height:110px}#upgrade-view #upgrade-source-preview:has(.source-display){padding:30px 8px 9px}}
/* Larger preview windows use the available arena width. */
#upgrade-view .upgrade-arena{grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr);gap:24px;margin:18px 20px 12px}
#upgrade-view .upgrade-pedestal{height:320px;min-height:320px;padding:34px 18px 16px;border-radius:18px}
#upgrade-view .upgrade-pedestal .preview-stack{height:195px;min-height:195px}
#upgrade-view .upgrade-pedestal .preview-stack img{height:72px}
#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal>img,#upgrade-view .pedestal-placeholder{height:195px}
#upgrade-view #upgrade-source-preview:has(.source-display){padding:34px 14px 14px}
#upgrade-view .upgrade-pedestal .source-display.single img{height:230px;max-height:230px}
#upgrade-view .upgrade-pedestal .source-display.multiple img{max-height:110px}
#upgrade-view .upgrade-pedestal>b{font-size:13px}#upgrade-view .upgrade-pedestal>small{font-size:18px}
@media(min-width:721px) and (max-width:1050px){#upgrade-view .upgrade-arena{grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr);gap:16px;margin-left:16px;margin-right:16px}#upgrade-view .upgrade-pedestal{height:280px;min-height:280px;padding-left:10px;padding-right:10px}#upgrade-view .upgrade-pedestal .preview-stack{height:160px;min-height:160px}#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal>img,#upgrade-view .pedestal-placeholder{height:160px}#upgrade-view .upgrade-pedestal .source-display.single img{height:195px;max-height:195px}}
@media(max-width:720px){#upgrade-view .upgrade-arena{grid-template-columns:1fr 1fr;gap:10px;margin:14px 10px}#upgrade-view .upgrade-pedestal{height:230px;min-height:230px;aspect-ratio:auto;padding:30px 8px 10px;border-radius:14px}#upgrade-view .upgrade-pedestal .preview-stack{height:130px;min-height:130px}#upgrade-view .upgrade-pedestal .preview-stack img{height:45px}#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal>img,#upgrade-view .pedestal-placeholder{height:130px}#upgrade-view #upgrade-source-preview:has(.source-display){padding:30px 8px 10px}#upgrade-view .upgrade-pedestal .source-display.single img{height:150px;max-height:150px}#upgrade-view .upgrade-pedestal>b{font-size:10px}#upgrade-view .upgrade-pedestal>small{font-size:15px}}
/* Center the dial itself, independently of the button below it. */
#upgrade-view .upgrade-arena{padding-bottom:48px}
#upgrade-view .dial-column{position:relative;display:grid;place-items:center;align-self:stretch;height:auto;min-height:0;gap:0;padding:0;margin:0}
#upgrade-view #upgrade-dial{margin:0;flex:none;isolation:isolate;box-shadow:0 0 0 8px #101823,0 0 0 9px #74819a30,0 0 38px #ffe0140b}
#upgrade-view #do-upgrade{position:absolute;left:50%;top:calc(50% + 142px);transform:translateX(-50%);margin:0;min-height:44px;width:190px;border:1px solid #ffe01455;border-radius:11px;background:linear-gradient(120deg,#ffe014,#ffe014);color:#1b1b1b;box-shadow:0 8px 25px #ffe01420;font-size:13px;line-height:1.3}
#upgrade-view #do-upgrade:hover:not(:disabled){transform:translateX(-50%) translateY(-2px);box-shadow:0 10px 30px #ffe01430}
#upgrade-view .dial-core{inset:17px;border:7px solid #111925;background:radial-gradient(circle at 50% 30%,#222222,#141c27 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:0}
#upgrade-view .dial-core strong{font-size:33px;line-height:1.1;letter-spacing:-1px;color:#ffe014;text-shadow:0 0 25px #ffe01430;font-variant-numeric:tabular-nums}
#upgrade-view .dial-core .double-chevron{font-size:26px;line-height:20px;color:#ffe014}
#upgrade-view .dial-core #dial-label{margin:0;font-size:8px;letter-spacing:1.1px;color:#9aabbe}
#upgrade-view .dial-ticks{opacity:.65}
#upgrade-view #upgrade-dial:before{content:'';position:absolute;inset:-18px;pointer-events:none;border:1px solid #ffe01412;border-radius:50%}
@media(min-width:721px) and (max-width:1050px){#upgrade-view #do-upgrade{top:calc(50% + 130px);width:180px}}
@media(max-width:720px){#upgrade-view .upgrade-arena{padding-bottom:0}#upgrade-view .dial-column{height:340px;margin:8px 0 0;align-self:auto;align-items:start;padding-top:15px;box-sizing:border-box}#upgrade-view #do-upgrade{top:260px}#upgrade-view .dial-core strong{font-size:31px}}
/* Probability ruler: zero follows the beginning of the success sector. */
#upgrade-view .dial-ticks{display:none}
.dial-scale{position:absolute;inset:0;transform:rotate(var(--chance-start,180deg));pointer-events:none;z-index:3}
.scale-tick{position:absolute;left:50%;top:50%;width:1px;height:4px;background:#72809766;transform-origin:0 0;transform:rotate(var(--mark)) translateY(-115px)}
.scale-tick.major{height:7px;background:#c1cadb99;width:2px}
.scale-mark{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--mark)) translateY(-132px)}
.scale-mark span{position:absolute;display:block;white-space:nowrap;transform:translate(-50%,-50%) rotate(calc(0deg - var(--chance-start,180deg) - var(--mark)));font:500 9px var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:.2px;color:#91a1b8;text-shadow:0 2px 8px #080e1b;background:#111925d9;border-radius:4px;padding:2px 4px}
.scale-mark.in-range span{color:#ffe014}
#upgrade-view #upgrade-dial:before{inset:-17px;border-color:#8192ad19;box-shadow:0 0 0 7px #0b111a33}
#upgrade-view .dial-core{background:radial-gradient(ellipse at 50% 0,#ffe0142a,transparent 65%),radial-gradient(circle,#1a2533,#101823);box-shadow:inset 0 1px #ffffff12,inset 0 -10px 25px #0004}
#upgrade-view .dial-core:before{content:'';position:absolute;inset:10px;border-radius:50%;border:1px solid #a8bdd10e;pointer-events:none}
#upgrade-view .is-spinning .dial-core:before{border-top-color:#ffe01470;animation:dial-inner-orbit 3s linear infinite}
#upgrade-view .is-spinning .dial-core strong{text-shadow:0 0 24px #ffe01470}
#upgrade-view .upgrade-pedestal{background:radial-gradient(ellipse at 50% 85%,color-mix(in srgb,var(--display-tone) 14%,transparent),transparent 60%),linear-gradient(140deg,#21304480,#111b288c);box-shadow:inset 0 1px #ffffff0b,0 12px 24px #0002}
#upgrade-view .upgrade-pedestal:before{display:block;content:'';position:absolute;inset:10px;pointer-events:none;width:auto;height:auto;border:0;border-radius:10px;background:linear-gradient(var(--display-tone),var(--display-tone)) left top/13px 1px no-repeat,linear-gradient(var(--display-tone),var(--display-tone)) left top/1px 13px no-repeat,linear-gradient(var(--display-tone),var(--display-tone)) right bottom/13px 1px no-repeat,linear-gradient(var(--display-tone),var(--display-tone)) right bottom/1px 13px no-repeat;opacity:.23;z-index:-1}
#upgrade-view #upgrade-target-preview:before{content:''}
#upgrade-view .upgrade-pedestal:after{height:2px;bottom:0;left:10%;width:80%;box-shadow:0 -6px 24px color-mix(in srgb,var(--display-tone) 30%,transparent)}
#upgrade-view .upgrade-pedestal:has(.source-display),#upgrade-view #upgrade-target-preview:has(.preview-stack){border-color:color-mix(in srgb,var(--display-tone) 45%,#344051)}
.source-display.single .source-tile img,#upgrade-view .preview-stack img:only-child{animation:preview-suspend 5s ease-in-out infinite!important}
.motion-busy .source-display.single .source-tile img,.motion-busy .preview-stack img:only-child{animation:none!important}
#upgrade-view .source-draining .source-display{animation:source-dim .8s ease forwards}
#upgrade-view .energy-active .upgrade-pedestal:before{animation:frame-energy 1.6s ease-in-out infinite alternate}
#upgrade-view .energy-active .upgrade-dial:after{display:none}
@keyframes dial-inner-orbit{to{transform:rotate(360deg)}}@keyframes preview-suspend{50%{translate:0 -4px}}@keyframes frame-energy{to{opacity:.65}}
@media(min-width:721px) and (max-width:1050px){.scale-tick{transform:rotate(var(--mark)) translateY(-105px)}.scale-mark{transform:rotate(var(--mark)) translateY(-120px)}.scale-mark span{font-size:8px;padding:2px}}
@media(max-width:720px){#upgrade-view .dial-column{padding-top:34px;height:370px}#upgrade-view #do-upgrade{top:288px}.scale-mark span{font-size:8px}}
body:has(#short-animation:checked) .source-tile img,body:has(#short-animation:checked) .preview-stack img:only-child,body:has(#short-animation:checked) .upgrade-pedestal:before{animation:none!important}
@media(prefers-reduced-motion:reduce){.source-display.single .source-tile img,#upgrade-view .preview-stack img:only-child,#upgrade-view .upgrade-pedestal:before,#upgrade-view .dial-core:before{animation:none!important}}
#upgrade-view .skin-panel-heading{height:auto;min-height:32px;flex-wrap:wrap;row-gap:7px}
#upgrade-view .quick-targets{gap:4px}
#upgrade-view .quick-targets button{padding:5px 6px;font-size:9px;min-height:25px}
#upgrade-view .quick-targets [data-chance]{background:#7f9dc612;border-color:#829abb36;color:#b9d0ec}
#upgrade-view .quick-targets [data-chance]:hover{background:#7f9dc628;border-color:#a2bcdd77}
#upgrade-view .quick-targets [data-chance="25"]{margin-left:5px}

/* Open item previews blend into the upgrade background. */
#upgrade-view .upgrade-pedestal{background:none;border:0;box-shadow:none;border-radius:0}
#upgrade-view .upgrade-pedestal::before,#upgrade-view .upgrade-pedestal::after{display:none}


#upgrade-view .upgrade-arena{position:relative;isolation:isolate}
#upgrade-view .upgrade-shaped-panels{position:absolute;left:0;width:100%;overflow:visible;pointer-events:none;z-index:-1}
.upgrade-shaped-left{fill:url(#upgrade-panel-left);stroke:#6387aa55;stroke-width:1}
.upgrade-shaped-right{fill:url(#upgrade-panel-right);stroke:#ffe01455;stroke-width:1}
@media(max-width:720px){#upgrade-view .upgrade-shaped-panels{display:none}#upgrade-view .upgrade-pedestal{background:#101721;border:1px solid #8196ae25;border-radius:18px}}

/* Taller inventory panels with the same cool/warm edges as the previews. */
#upgrade-view .dual-pickers{align-items:stretch}
#upgrade-view .skin-panel{--panel-edge:#6387aa55;display:flex;flex-direction:column;min-height:400px;border:1px solid var(--panel-edge);border-radius:18px;background:linear-gradient(145deg,#090f17,#070b11);box-shadow:inset 0 1px #a4cbec08,0 0 20px #5683ab07;overflow:hidden}
#upgrade-view .skin-panel:has(#upgrade-targets){--panel-edge:#ffe01455;background:linear-gradient(145deg,#101115,#090a0c);box-shadow:inset 0 1px #ffe01408,0 0 20px #ffe01407}
#upgrade-view .skin-panel .choice-grid{flex:1;align-content:start;min-height:290px;grid-auto-rows:138px;padding:10px;box-sizing:border-box}
#upgrade-view .skin-panel .choice-grid>.empty{grid-column:1/-1;min-height:260px;margin:0;display:grid;place-content:center;box-sizing:border-box;border:0;background:none}
#upgrade-view .skin-panel .skin-pagination{margin-top:auto;padding:10px 12px}
@media(max-width:720px){#upgrade-view .skin-panel{min-height:380px}#upgrade-view .skin-panel .choice-grid{min-height:285px}}

/* source: skin-grades.css */
/* Rarity retains its own color; value adds an independent warm accent. */
#detail-view #contents .graded-skin{position:relative;isolation:isolate;overflow:hidden;padding-top:27px;background:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--tone) 18%,transparent),transparent 72%),#121b27;border:1px solid color-mix(in srgb,var(--tone) 28%,#263140);border-bottom:2px solid var(--tone)}
#detail-view #contents .graded-skin img{filter:drop-shadow(0 6px 10px color-mix(in srgb,var(--tone) 20%,transparent))}
#detail-view #contents .skin-grade{display:block;margin-top:8px;color:var(--tone);font-size:8px;line-height:1.4;letter-spacing:.2px}
#detail-view #contents .valuable-skin{background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--tone) 26%,transparent),transparent 70%),linear-gradient(145deg,#28251d,#131a28 65%);box-shadow:inset 0 1px #f2cf8055,0 0 17px color-mix(in srgb,var(--tone) 10%,transparent);border-top-color:#edc67b80}
#detail-view #contents .valuable-skin p{color:#ffdc94;font-weight:700;text-shadow:0 0 12px #e8b65422}
.value-badge{position:absolute;right:7px;top:8px;color:#f3d39b;font-size:7px;line-height:1.3;letter-spacing:.3px}
#detail-view #contents .graded-skin .chance{position:absolute;top:8px;left:7px;right:auto;font-size:8px;color:#aebcd0}
.selected-case-stage .reel-card.graded-reel{position:relative;isolation:isolate}
.selected-case-stage .reel-card.graded-reel:before{content:'';position:absolute;left:2%;right:2%;top:15%;bottom:10%;background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--tone) 20%,transparent),transparent 72%);pointer-events:none;z-index:-1}
.selected-case-stage .reel-card.graded-reel:after{content:'';position:absolute;left:25%;right:25%;bottom:3px;height:2px;border-radius:50%;background:linear-gradient(90deg,transparent,var(--tone),transparent);box-shadow:0 0 10px color-mix(in srgb,var(--tone) 35%,transparent);opacity:.65;pointer-events:none}
.selected-case-stage .reel-card.graded-reel span{color:color-mix(in srgb,var(--tone) 42%,#edf2fa)}
.selected-case-stage .reel-card.valuable-skin{opacity:calc(.8 + var(--reel-focus,1)*.2)}
.selected-case-stage .reel-card.valuable-skin:before{left:-7%;right:-7%;top:0;bottom:0;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--tone) 38%,transparent),transparent 73%)}
.selected-case-stage .reel-card.valuable-skin img{filter:drop-shadow(0 0 9px color-mix(in srgb,var(--tone) 58%,transparent)) drop-shadow(0 6px 8px #0009)}
.selected-case-stage .reel-card.valuable-skin:after{left:15%;right:15%;height:2px;opacity:1;background:linear-gradient(90deg,transparent,var(--tone),#ffe0a0,var(--tone),transparent);box-shadow:0 0 16px color-mix(in srgb,var(--tone) 65%,transparent)}
.selected-case-stage .reel-card.valuable-skin span{color:#ffdfaa;text-shadow:0 0 9px color-mix(in srgb,var(--tone) 50%,transparent);font-weight:700}
.selected-case-stage.case-awarded .reel-card.valuable-skin.winner:before{animation:valuable-reveal .85s ease-out}
@keyframes valuable-reveal{from{opacity:.3;scale:.7}60%{opacity:1;scale:1.18}to{opacity:1;scale:1}}
@media(max-width:720px){#detail-view #contents .skin-grade{font-size:7px}.value-badge{font-size:6px;right:5px}.selected-case-stage .reel-card.valuable-skin img{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--tone) 55%,transparent))}}
body:has(#short-animation:checked) .reel-card.valuable-skin.winner:before{animation:none!important}@media(prefers-reduced-motion:reduce){.selected-case-stage.case-awarded .reel-card.valuable-skin.winner:before{animation:none}}
/* Explicit value treatment and clear rarity markers. */
#detail-view #contents .graded-skin{border:1px solid #485369;border-bottom:4px solid var(--tone);background:linear-gradient(180deg,color-mix(in srgb,var(--tone) 48%,#111923) 0%,color-mix(in srgb,var(--tone) 24%,#111923) 38%,#121b27 88%)}
#detail-view #contents .skin-grade{display:flex;align-items:center;gap:5px;font-size:9px;color:#d3ddeb}
#detail-view #contents .skin-grade:before{content:'';width:7px;height:7px;flex-shrink:0;border-radius:2px;background:var(--tone);box-shadow:0 0 7px color-mix(in srgb,var(--tone) 35%,transparent)}
#detail-view #contents .valuable-skin{border:1px solid #e6b95e;border-bottom:4px solid var(--tone);background:linear-gradient(180deg,#8d6728 0%,#4d3b23 38%,#161c27 88%);box-shadow:inset 0 0 20px #d9a74210,0 0 12px #d9a74215}
#detail-view #contents .valuable-skin .value-badge{background:#eac579;color:#302318;padding:3px 5px;border-radius:4px;top:6px;right:5px;font-weight:700;font-size:7px}
#detail-view #contents .valuable-skin img{filter:drop-shadow(0 0 10px #efc77840)}
.selected-case-stage .reel-card.graded-reel:before{background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--tone) 30%,transparent),transparent 75%)}
.selected-case-stage .reel-card.graded-reel:after{left:12%;right:12%;height:3px;bottom:2px;background:var(--tone);box-shadow:0 0 8px var(--tone);opacity:.8}
.selected-case-stage .reel-card.valuable-skin:before{background:radial-gradient(ellipse at 50% 45%,#efbd5e50,transparent 72%)}
.selected-case-stage .reel-card.valuable-skin img{filter:drop-shadow(0 0 9px #eac16580) drop-shadow(0 5px 8px #0009)}
.selected-case-stage .reel-card.valuable-skin:after{background:#f6ce7b;box-shadow:0 0 12px #f3c66e;opacity:1}
.selected-case-stage .reel-card.graded-reel .reel-price{display:block;font-size:9px;line-height:1.3;color:#aabbcf;margin-top:2px;font-weight:600}
.selected-case-stage .reel-card.valuable-skin .reel-price{color:#ffe0a0}
.selected-case-stage .reel-card.graded-reel>span{font-size:9px;max-height:none;padding-bottom:7px}
.selected-case-stage .machine-cavity .pointer{display:none}
.reel-lens .reel-arrow{position:absolute;left:50%;width:24px;height:18px;margin-left:-12px;z-index:6;pointer-events:none;filter:drop-shadow(0 0 5px #edc67d80)}
.reel-arrow svg{display:block;width:100%;height:100%;fill:none;stroke:#ffe1a0;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.reel-lens .arrow-top{top:2px;animation:arrow-in-top 1.6s ease-in-out infinite}
.reel-lens .arrow-bottom{bottom:2px;animation:arrow-in-bottom 1.6s ease-in-out infinite}
.arrow-bottom svg{transform:rotate(180deg)}
@keyframes arrow-in-top{50%{translate:0 3px;opacity:.65}}@keyframes arrow-in-bottom{50%{translate:0 -3px;opacity:.65}}
#detail-view .contents-legend{font-size:10px;line-height:1.5;max-width:400px;text-align:right}
@media(max-width:720px){.selected-case-stage .reel-card.graded-reel>span{font-size:7px;line-height:1.2}.selected-case-stage .reel-card.graded-reel .reel-price{font-size:7px}.reel-lens .reel-arrow{width:18px;height:14px;margin-left:-9px}#detail-view #contents .skin-grade{font-size:7px}#detail-view .section-heading>.contents-legend{display:block;font-size:8px;max-width:155px}}
body:has(#short-animation:checked) .reel-arrow{animation:none!important}@media(prefers-reduced-motion:reduce){.reel-lens .reel-arrow{animation:none}}
/* High-value items remain recognizable while the reel is moving. */
.selected-case-stage .reel-card.valuable-skin{opacity:1}
.selected-case-stage .reel-card.valuable-skin:before{left:-12%;right:-12%;top:-2%;bottom:0;background:radial-gradient(ellipse at 50% 48%,#ffdd8099 0%,#f3ae4666 28%,#d585292b 52%,transparent 74%);opacity:1}
.selected-case-stage .reel-card.valuable-skin img{filter:drop-shadow(0 0 3px #fff0b9) drop-shadow(0 0 13px #ffc65a) drop-shadow(0 7px 8px #0009)}
.selected-case-stage .reel-card.valuable-skin:after{left:6%;right:6%;height:4px;background:linear-gradient(90deg,transparent,#ffc74c 15%,#fff0af 50%,#ffc74c 85%,transparent);box-shadow:0 0 16px #ffbe4d;opacity:1}
.selected-case-stage .reel-card.valuable-skin>span{color:#fff4d8;opacity:1;text-shadow:0 2px 5px #000;font-weight:700}
.selected-case-stage .reel-card.valuable-skin .reel-price{display:table;margin:3px auto 0;padding:2px 7px;border-radius:4px;background:#ffd27d;color:#36210a;font-size:10px;font-weight:700;text-shadow:none;box-shadow:0 0 12px #e6a83e55}
.reel-expensive-tag{position:absolute;top:5px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#ffe3a3;font:700 8px var(--font-ui);letter-spacing:1px;text-shadow:0 1px 4px #000,0 0 8px #f0b444;pointer-events:none;z-index:2}
@media(max-width:720px){.reel-expensive-tag{top:4px;font-size:6px;letter-spacing:.2px}.selected-case-stage .reel-card.valuable-skin .reel-price{font-size:7px;padding:2px 4px}.selected-case-stage .reel-card.valuable-skin img{filter:drop-shadow(0 0 3px #ffe8a1) drop-shadow(0 0 8px #ffc65a)}}

/* source: experience.css */
/* Shared collection layout and controls. Screen-specific artwork stays in its own stylesheet. */
:root{--collection-line:#344153;--collection-surface:#131e2b;--collection-text:#e3ebf6}
header .brand-symbol img{display:block;width:24px;height:24px;margin:0 3px} @media(max-width:720px){header .brand-symbol img{width:20px;height:20px;margin:0 2px}}
header .brand{font-size:24px;flex-shrink:0}header .brand-symbol{font-size:22px}header .brand small{font-size:8px;letter-spacing:.6px}
@media(max-width:720px){header .brand{font-size:19px}header .brand-symbol{font-size:18px}header .brand small{font-size:7px;top:25px}}
.feed-item{height:118px}.feed-item small{font:10px var(--font-ui);color:#ffe014}.feed-empty{padding:25px 15px;color:#8596b0;font-size:12px;line-height:1.6;text-align:center}
.selected-case-stage .reel-lens:after{content:'';position:absolute;inset:6% 36%;background:radial-gradient(ellipse,#ffe01444,transparent 70%);opacity:var(--valuable-focus,0);pointer-events:none;mix-blend-mode:screen}
.inventory-tile{cursor:pointer}
.loot-dialog:not(:has(.loot-repeat)) .loot-contract{grid-column:1/-1}
@media(max-width:720px){.inventory-tools label{flex-basis:100%}.inventory-tools select{flex-basis:calc(50% - 4px)}#inventory-selected{min-width:100px}}
main{min-height:calc(100dvh - 150px)}
body:has(#inventory-view:not([hidden])) .drop-sidebar,body:has(#contract-view:not([hidden])) .drop-sidebar{display:none}
body:has(#inventory-view:not([hidden])) main,body:has(#contract-view:not([hidden])) main,body:has(#inventory-view:not([hidden])) footer,body:has(#contract-view:not([hidden])) footer{margin-left:0}
.playback-toolbar{padding-top:7px;padding-bottom:7px}
#cases-view{padding-top:14px}
.promo.graphic-promo.showroom-hero{height:250px;padding:22px 30px}
.showroom-hero h2{font-size:32px;margin-bottom:10px}
.showroom-hero .promo-action .hero-kicker{margin-bottom:10px}
.showroom-hero .hero-description{margin-bottom:12px;font-size:11px}
.showroom-hero .hero-facts{margin-top:12px}
#cases-view .local-notice{margin:10px 0;padding:8px 12px}
#cases-view .local-notice h2,#cases-view .notice-icon{display:none}
#cases-view .filter-bar{min-height:0;padding:9px 12px}
#cases-view .collection-tools{padding:5px 12px 9px}
#cases-view .catalog-heading{min-height:46px;padding:14px 0 10px}
#inventory-view{max-width:1600px;margin:auto;padding:20px 24px}
#inventory-view .section-heading{margin:0 0 10px;min-height:0}
#inventory-view .section-heading h1,#upgrade-view .feature-title h1,#contract-view .feature-title h1{font-size:25px;margin:0 0 6px}
#inventory-view .eyebrow{font-size:9px;letter-spacing:1.5px}
#inventory-summary{padding:0;margin:0 0 18px;font-size:12px}
#upgrade-view .feature-title,#contract-view .feature-title{margin:15px 24px 8px}
#upgrade-view .feature-title>p,#contract-view .feature-title>p{font-size:12px;line-height:1.5}
.inventory-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
.inventory-tools input[type=search]{flex:1;min-width:180px}
.inventory-tools input[type=search],.inventory-tools select{background:#101925;border:1px solid var(--collection-line);color:var(--collection-text);border-radius:9px;padding:11px 12px;font:12px var(--font-ui)}
.inventory-tools label{font-size:12px;display:flex;gap:7px;align-items:center;color:#adbbcd}
.inventory-selection{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;background:#1b2938;border:1px solid #35465b;border-radius:12px;margin-bottom:18px}
.inventory-selection button,#inventory-view #sell-all{font:11px var(--font-ui);padding:9px 12px;border-radius:8px;min-height:36px}
#inventory-selected{font-size:12px;color:#c3d4e9;margin-right:auto;font-variant-numeric:tabular-nums}
#inventory-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0}
.inventory-tile{position:relative;min-width:0;border:1px solid #344153;border-radius:12px;overflow:hidden;background:var(--collection-surface);transition:border-color .2s,box-shadow .2s}
.inventory-tile.is-selected{border-color:#87bbef;box-shadow:0 0 0 1px #87bbef,inset 0 0 24px #5c9eda14}
#inventory-grid .item{height:190px;box-sizing:border-box;padding:29px 12px 10px;margin:0;border:0;border-bottom:3px solid var(--tone);border-radius:0;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--tone) 15%,transparent),transparent 72%),#131e2b;text-align:left}
#inventory-grid .item img{display:block;width:100%;height:84px;object-fit:contain;margin:0 0 6px;filter:drop-shadow(0 5px 8px #0005)}
#inventory-grid .item small{font-size:9px;line-height:1.5;color:#99abc2}
#inventory-grid .item h3{font:500 12px/1.4 var(--font-ui);margin:2px 0;min-height:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e7edf7}
#inventory-grid .item p{position:absolute;top:9px;right:34px;font:600 11px var(--font-ui);margin:0;color:#ffe014}
.inventory-pick,.inventory-star{position:absolute;top:5px;padding:0;width:27px;height:27px;border:0;border-radius:6px;background:#203046;color:#a9c5e7;font-size:18px;display:grid;place-items:center}
.inventory-pick{left:5px}.inventory-star{right:4px;background:transparent;color:#8e9baf}.inventory-star[aria-pressed=true]{color:#ffe014}.inventory-pick[aria-pressed=true]{background:#87bbef;color:#142132}
.inventory-single-sell{width:100%;padding:9px 5px;background:#192635;color:#b6c6d9;border:0;font:11px var(--font-ui);min-height:34px}
.inventory-single-sell:hover:not(:disabled){background:#283a4e;color:#fff}
.inventory-tile:focus-within{outline:2px solid #a5cffb;outline-offset:2px}
.inventory-confirm{max-width:430px;width:calc(100% - 32px);border:1px solid #526176;border-radius:18px;background:linear-gradient(145deg,#223147,#131d2b);padding:26px;color:#dce7f4;box-shadow:0 25px 90px #0008}
.inventory-confirm::backdrop{background:#060c17b8;backdrop-filter:blur(8px)}
.inventory-confirm h2{font-size:22px;margin:0 0 12px}.inventory-confirm p{font-size:13px;line-height:1.7;color:#adbed4}.inventory-confirm button{border-radius:8px}
#upgrade-view .upgrade-arena{max-width:1280px;margin:12px auto 0;padding:0 24px 48px;grid-template-columns:minmax(0,1fr) 280px minmax(0,1fr);gap:24px}
#upgrade-view .upgrade-pedestal{width:100%;max-width:340px;height:300px;min-height:300px;justify-self:center}
#upgrade-view .upgrade-pedestal .source-display.single img{height:200px;max-height:200px}
#upgrade-view .upgrade-pedestal .preview-stack,#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .pedestal-placeholder{height:170px;min-height:170px}
#upgrade-view .selection-meta{font-size:11px;top:13px;left:16px;right:16px}
#upgrade-view .selection-meta button{font-size:10px}
#upgrade-view .dual-pickers{margin:12px 24px 24px;gap:20px}
#upgrade-view .skin-panel-heading{padding:10px 12px}
#upgrade-view .skin-panel-heading h2{font-size:14px}
#upgrade-view .quick-targets button{font-size:11px;min-height:29px;padding:5px 9px}
.skin-panel .choice .item{background:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--tone) 16%,transparent),transparent 70%),var(--collection-surface)}
#contract-view .contract-console{margin:14px 24px 10px;grid-template-columns:1fr 1fr}
#contract-view .contract-selection{padding:18px;justify-content:flex-start;gap:12px}
#contract-view .contract-slots{margin:auto 0;gap:9px}
#contract-view .contract-theater{height:370px;min-height:370px;padding-bottom:0;display:flex;align-items:center;justify-content:space-evenly;gap:12px;padding:18px}
#contract-view .contract-paper{width:240px;min-height:270px;flex-shrink:0;padding:22px}
#contract-theater .signature-tools{position:static;max-width:210px;margin:0;padding:12px;box-shadow:none;flex:1}
#contract-view .contract-slot{height:82px}
.loot-dialog .loot-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.loot-dialog .loot-actions .loot-keep{grid-column:1/-1;order:5;min-height:46px;padding:12px 10px;border:1px solid #ffe01480;border-radius:9px;background:#28334788;color:#ffe014;font-weight:700;transition:background .2s,border-color .2s}
.loot-dialog .loot-actions .loot-keep:hover{background:#35435bbb;border-color:#ffe014;color:#ffe014}
.loot-dialog .loot-contract,.loot-dialog .loot-repeat{padding:11px 10px;border:1px solid #8298b433;background:#28334755;border-radius:9px;color:#c4d2e6;font-size:12px}
.loot-dialog .loot-repeat{border-color:#ffe01466;color:#ffe014}
.loot-dialog.loot-valuable .loot-stage-label{color:#ffe014;letter-spacing:1.1px}
.loot-dialog.loot-valuable .loot-halo{background:radial-gradient(ellipse,#ffe01455,transparent 68%);inset:0}
.loot-dialog.loot-valuable .loot-ring{border-color:#ffe01477;box-shadow:0 0 30px #ffe01422}
.loot-dialog.loot-valuable .loot-stage img{filter:drop-shadow(0 0 18px #ffe01466)}
.selected-case-stage.valuable-award .reel-lens{filter:drop-shadow(0 0 18px #ffe01488)}
.selected-case-stage.valuable-award .award-wave{border-color:#ffe014;box-shadow:0 0 35px #ffe01444}
@media(min-width:721px) and (max-height:800px){#upgrade-view .upgrade-pedestal{height:270px;min-height:270px;max-width:310px}#upgrade-view .upgrade-pedestal .source-display.single img{height:175px;max-height:175px}#upgrade-view .upgrade-pedestal .preview-stack,#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .pedestal-placeholder{height:140px;min-height:140px}#upgrade-view .upgrade-arena{padding-bottom:66px}#upgrade-view .feature-title{margin-top:10px}}
@media(max-width:1100px){#inventory-grid{grid-template-columns:repeat(5,minmax(0,1fr))}#contract-view .contract-theater{height:400px;min-height:400px;flex-direction:column;padding:12px}#contract-theater .signature-tools{max-width:none;width:100%;padding:8px;flex:0}#contract-view .contract-paper{min-height:240px}#upgrade-view .upgrade-arena{grid-template-columns:minmax(0,1fr) 250px minmax(0,1fr);gap:14px}}
@media(max-width:720px){#cases-view{padding:10px 12px}.promo.graphic-promo.showroom-hero{height:240px;padding:18px}.showroom-hero h2{font-size:25px}.showroom-hero .hero-description,.showroom-hero .hero-coordinate{display:none}.showroom-hero .promo-action{width:75%}.showroom-hero .promo-illustration{width:52%;opacity:.65}.showroom-hero .hero-facts{gap:12px}.showroom-hero .hero-buttons{gap:6px}.showroom-hero .hero-catalog{padding:9px 12px}.showroom-hero .promo-action #bonus{padding:9px;font-size:10px}.showroom-hero .hero-chip{display:none}#cases-view .filter-bar label{display:none}#cases-view .collection-tools{flex-wrap:wrap;gap:8px}#inventory-view{padding:16px 12px}#inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.inventory-tools{gap:8px}.inventory-tools select{flex:1;min-width:0}.inventory-tools input[type=search]{flex-basis:100%}.inventory-selection{gap:6px;padding:8px}#inventory-selected{flex:1;font-size:11px}#inventory-grid .item{height:182px}.inventory-selection button{flex-grow:1}#upgrade-view .upgrade-arena{grid-template-columns:1fr 1fr;padding:0;margin:12px;gap:10px}#upgrade-view .upgrade-pedestal{height:230px;min-height:230px;max-width:none}#upgrade-view .upgrade-pedestal .source-display.single img{height:140px;max-height:140px}#upgrade-view .upgrade-pedestal .preview-stack,#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .pedestal-placeholder{height:125px;min-height:125px}#upgrade-view .selection-meta{font-size:9px;left:10px;right:10px}#upgrade-view .dual-pickers{margin:12px}#upgrade-view .quick-targets button{font-size:10px}#contract-view .contract-console{grid-template-columns:1fr;margin:12px}#contract-view .contract-theater{height:430px;min-height:430px}#contract-view .contract-selection{gap:14px}#contract-view .contract-slots{margin:5px 0}#contract-view .contract-paper{min-height:250px}#contract-theater .signature-tools{max-width:360px}.loot-dialog .loot-contract,.loot-dialog .loot-repeat{font-size:11px;padding:10px 6px}}

.skin-details .skin-details-sell{width:100%;margin:12px 0 8px;border:1px solid #ffe01473;border-radius:9px;background:linear-gradient(115deg,#ffe014,#ffe014);color:#1f1f1f;min-height:46px}.skin-details .skin-sale-error{color:#ffb4a6}

#inventory-view #sell-all,#profile-view [data-sell-all]{background:linear-gradient(115deg,#ffe014,#ffe014);color:#1f1f1f;border:1px solid #ffe01473;border-radius:9px;padding:12px 20px;font-weight:700}
.inventory-confirm .sale-error{color:#ffb4a6}.inventory-confirm .dialog-actions button{min-width:100px;min-height:44px}

#inventory-view .inventory-selection{align-items:center;gap:10px}
#inventory-view .inventory-selection #inventory-sell,#inventory-view .inventory-selection #sell-all{min-height:42px;padding:10px 16px;white-space:nowrap;border-radius:9px}
#inventory-view .inventory-selection #sell-all{margin:0}
@media(max-width:600px){#inventory-view .inventory-selection #inventory-sell,#inventory-view .inventory-selection #sell-all{flex:1 1 180px}}

#inventory-grid.inventory-selecting .inventory-pick{z-index:4;width:32px;height:32px;border:1px solid #ffe014;color:#ffe014;background:#182130}
#inventory-grid.inventory-selecting .inventory-pick[aria-pressed=true]{background:#ffe014;color:#151515}
#inventory-grid.inventory-selecting .inventory-withdraw-hint{display:none}
#inventory-grid.inventory-selecting .inventory-tile.is-selected{border-color:#ffe014;box-shadow:0 0 0 1px #ffe014,inset 0 0 24px #ffe01414}

/* source: collection-update.css */
.case-tabs{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.case-tabs button{border:1px solid #42516a;background:#192334;color:#a9bad1;padding:10px 15px;border-radius:9px;font:12px var(--font-ui)}.case-tabs button[aria-pressed=true]{background:#ffe01419;border-color:#ffe01488;color:#ffe014}.case-tabs b{margin-left:5px;color:#ffe014}
.showroom-hero .promo-action .hero-catalog{font:600 12px var(--font-ui);padding:12px 18px;border:1px solid #ffe01460;background:linear-gradient(115deg,#ffe014,#ffe014);color:#1b1b1b;box-shadow:0 5px 25px #ffe01420}.showroom-hero .promo-action .hero-catalog span{margin:0;color:inherit;font-size:18px}
.promo.graphic-promo.showroom-hero.dragon-hero{height:230px;background:radial-gradient(ellipse at 82% 56%,#b85a2538,transparent 50%),linear-gradient(115deg,#141b29,#231d23 65%,#222222);border-color:#ffe01438}
#cases-view .catalog-heading{justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 0}.catalog-heading .case-tabs{margin:0}.catalog-heading .case-tabs button{padding:8px 11px;font-size:11px}
@media(max-width:720px){#cases-view .catalog-heading{gap:10px}.catalog-heading .case-tabs{width:100%}.catalog-heading .case-tabs button{flex:1;padding:8px 6px;font-size:10px}.promo.graphic-promo.showroom-hero.dragon-hero{height:230px}}
.case-entry{position:relative;min-width:0}.case-entry>.case-card{width:100%;height:100%}.case-favorite{position:absolute;right:8px;top:8px;width:30px;height:30px;z-index:3;border:1px solid #ffffff16;border-radius:8px;background:#111b2ce6;color:#b3c0d2;font-size:20px;cursor:pointer}.case-favorite[aria-pressed=true]{color:#ffe014;background:#2f2f2f;border-color:#ffe01477}.case-entry .case-caption{padding-right:28px}
#cases-view .case-card[data-featured=true]{border:1px solid #ffe01466;background:radial-gradient(ellipse at 50% 55%,#ba602e33,transparent 68%),linear-gradient(140deg,#1f1f1f,#151c28)}
.case-card[data-featured=true] .own-art:after{content:'';position:absolute;inset:30% 20% 12%;background:radial-gradient(ellipse,#ffe01433,transparent 70%);pointer-events:none;animation:dragon-breath 4s ease-in-out infinite}
.case-machine[data-art=dragon] .ambient-orb{background:#ffe01420}.case-machine[data-art=dragon] .ambient-speck{background:#ffe014;box-shadow:0 0 8px #ffe014}.case-machine[data-art=dragon] .stage-art{filter:drop-shadow(0 9px 18px #ffe01428)}
.case-machine[data-art=dragon].valuable-award .stage-art{animation:dragon-award 1s ease-out}.case-machine[data-art=dragon] .ambient-rays{background:conic-gradient(from 20deg,transparent,#ffe01412,transparent 22%,#ffe01414,transparent 55%)}
.showroom-hero.dragon-hero{background:radial-gradient(ellipse at 82% 56%,#b85a2538,transparent 50%),linear-gradient(115deg,#141b29,#231d23 65%,#222222);border-color:#ffe01438}.dragon-hero h2 em{color:#ffe014}.dragon-hero .hero-chip{border-color:#ffe0143d}.dragon-hero .hero-shell{height:94%;width:94%;left:3%;top:4%;transform:rotate(-4deg)}
#contents .graded-skin[role=button],#inventory-grid .item[role=button]{cursor:zoom-in}#contents .graded-skin[role=button]:focus-visible,#inventory-grid .item[role=button]:focus-visible{outline:2px solid #ecc482;outline-offset:3px}#contents .graded-skin[role=button]:hover{filter:brightness(1.12)}
html:has(.skin-details[open]){overflow:hidden}.skin-details{width:min(530px,calc(100% - 28px));max-width:530px;max-height:calc(100dvh - 28px);padding:0;overflow:auto;border:1px solid color-mix(in srgb,var(--skin-tone) 40%,#344156);border-radius:20px;background:#121c2b;color:#dce6f5;box-shadow:0 30px 90px #0009;animation:skin-detail-enter .25s ease-out}.skin-details::backdrop{background:#060b15bd;backdrop-filter:blur(12px)}.skin-details-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:1px solid #ffffff20;border-radius:9px;background:#172334;color:#d3deed;font-size:23px;z-index:2}.skin-details-art{height:230px;position:relative;padding:38px 24px 12px;display:grid;place-items:center;background:radial-gradient(ellipse,color-mix(in srgb,var(--skin-tone) 22%,transparent),transparent 70%);border-bottom:2px solid var(--skin-tone)}.skin-details-art>span{position:absolute;left:20px;top:20px;color:var(--skin-tone);font:11px var(--font-ui)}.skin-details-art img{width:100%;height:180px;object-fit:contain;filter:drop-shadow(0 14px 14px #0007)}.skin-details-body{padding:24px}.skin-details-body>small{font-size:12px;color:#a4b4ca}.skin-details h2{font:24px/1.3 var(--font-display);margin:5px 0 20px;overflow-wrap:anywhere}.skin-details dl{margin:0}.skin-details dl>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid #ffffff0b;font-size:12px}.skin-details dt{color:#8498b3}.skin-details dd{margin:0;text-align:right;max-width:65%;color:#dce8fa}.skin-details dl>div:first-child dd{color:#ffe014;font-weight:700;font-size:16px}.skin-details p{font-size:10px;color:#8192ac;line-height:1.5}.skin-details-done{width:100%;border-radius:9px;margin-top:8px;padding:10px}.skin-details button:focus-visible{outline:2px solid #ffe014;outline-offset:2px}
@keyframes dragon-breath{50%{opacity:.35;scale:.95}}@keyframes dragon-award{45%{filter:drop-shadow(0 0 28px #ffe01499) brightness(1.2)}}@keyframes skin-detail-enter{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:720px){.case-tabs{gap:6px}.case-tabs button{padding:9px 10px;font-size:10px}.case-favorite{width:26px;height:26px;right:5px;top:5px;font-size:18px}.skin-details-art{height:200px}.skin-details-art img{height:145px}.skin-details-body{padding:18px}.skin-details h2{font-size:22px}.dragon-hero .hero-shell{height:94%;width:110%;left:-5%;top:10%}}
@media(prefers-reduced-motion:reduce){.skin-details,.case-card[data-featured=true] .own-art:after,.case-machine[data-art=dragon].valuable-award .stage-art{animation:none}}body:has(#short-animation:checked) .case-card[data-featured=true] .own-art:after,body:has(#short-animation:checked) .case-machine[data-art=dragon].valuable-award .stage-art{animation:none}

.drop-feed-tabs{display:flex;gap:3px;margin:0 9px 12px;padding:3px;background:#111723;border:1px solid #2b3545;border-radius:9px}.drop-feed-tabs button{flex:1;min-width:0;padding:7px 3px;border:0;border-radius:6px;background:transparent;color:#8796aa;font:600 11px var(--font-ui,sans-serif);cursor:pointer;transition:background .2s,color .2s}.drop-feed-tabs button[aria-pressed="true"]{background:linear-gradient(120deg,#3a3a3a,#242424);color:#ffe014;box-shadow:inset 0 1px #ffe01433}.drop-feed-tabs button:hover{color:#ffe014}.drop-feed-tabs button:focus-visible{outline:2px solid #ffe014;outline-offset:1px}

.skin-variants{margin-top:18px}.skin-variants h3{font-size:13px;color:#dbe6f5;margin:0 0 10px}.skin-variant-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid #ffffff0b;font-size:11px;background:#0d1521}.skin-variant-row:first-child{border-radius:10px 10px 0 0}.skin-variant-row:last-child{border-radius:0 0 10px 10px}.skin-variant-row.current{background:color-mix(in srgb,var(--skin-tone) 12%,#101a28)}.skin-variant-row small{display:block;font-size:9px;margin-top:3px;color:#889eb8}.skin-variant-row strong{white-space:nowrap;color:#ffe014}.skin-details:has(.skin-variants) .skin-details-art{height:175px}.skin-details:has(.skin-variants) .skin-details-art img{height:135px}.skin-details:has(.skin-variants) .skin-details-body{padding:18px 24px}#detail-view #contents .graded-skin{padding-bottom:12px}#detail-view #contents .graded-skin h3{margin-bottom:0}
.skin-details:has(.skin-variants) dl{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.skin-details:has(.skin-variants) dl>div{display:block;padding:8px 0}.skin-details:has(.skin-variants) dd{text-align:left;max-width:none;margin-top:4px;font-size:11px}.skin-details:has(.skin-variants) dt{font-size:10px}.skin-details:has(.skin-variants) h2{margin-bottom:12px}.skin-details:has(.skin-variants) .skin-details-art{height:155px}.skin-details:has(.skin-variants) .skin-details-art img{height:115px}
header .online-indicator{display:flex;align-items:center;gap:7px;flex-shrink:0;padding:0 12px;border-left:1px solid #39434d66;white-space:nowrap}header .online-indicator i{width:6px;height:6px;border-radius:50%;background:#78dcaa;box-shadow:0 0 8px #66dca57a;animation:online-pulse 3s ease-in-out infinite}header .online-indicator strong{display:block;font:600 14px var(--font-ui,sans-serif);font-variant-numeric:tabular-nums;color:#c9f3dd;min-width:30px}header .online-indicator small{display:block;font:8px var(--font-ui,sans-serif);letter-spacing:.5px;color:#7b938b;margin-top:3px}@keyframes online-pulse{50%{box-shadow:0 0 12px #69e4afaa;opacity:.65}}@media(max-width:1150px){header .online-indicator{padding:0 6px;gap:5px}header .online-indicator small{font-size:7px;letter-spacing:0}}@media(max-width:720px){header .online-indicator{margin-left:auto;border-left:0}header .online-indicator strong{font-size:12px}header .online-indicator small{font-size:6px}}@media(prefers-reduced-motion:reduce){header .online-indicator i{animation:none}}
.loot-dialog .loot-wear{margin:-4px 0 10px;color:#afbdcf;font-size:11px}.skin-variant-row strong small{font-size:9px;color:#9baec4;text-align:right}
/* Let both upgrade previews fill their equal columns around the dial. */
@media(min-width:721px){#upgrade-view .upgrade-arena{max-width:none;width:100%;box-sizing:border-box}#upgrade-view .upgrade-pedestal{width:100%;max-width:none;min-width:0;justify-self:stretch;aspect-ratio:auto}#upgrade-view .upgrade-pedestal>b{max-width:100%}}

#upgrade-view .skin-panel .choice-grid{grid-auto-rows:108px;min-height:108px;align-items:stretch}
#upgrade-view #upgrade-inputs .choice>.item,#upgrade-view #upgrade-targets .choice>.item{height:106px;min-height:106px;padding:6px 7px;grid-template-rows:62px 30px;flex:1}
#upgrade-view #upgrade-inputs .choice .item img,#upgrade-view #upgrade-targets .choice .item img{height:58px}
#upgrade-view .upgrade-pedestal .source-display.single img,#upgrade-view .upgrade-pedestal .preview-stack img:only-child{height:130px;min-height:0;max-height:130px;width:90%;flex:none}
#upgrade-view .upgrade-pedestal .preview-stack{height:130px;min-height:130px}
.upgrade-funds{margin:0 24px 16px;padding:12px 16px;border:1px solid #c4a26628;border-radius:12px;background:linear-gradient(110deg,#c49a4b0d,#14203188);display:flex;align-items:center;justify-content:space-between;gap:16px}.upgrade-funds label{font-size:12px;color:#e6d1ad}.upgrade-funds label small{display:block;color:#8495aa;font-size:10px;margin-top:4px}.upgrade-funds-controls{display:flex;gap:12px;align-items:center;width:min(65%,600px)}.upgrade-funds input[type=range]{flex:1;min-width:50px;accent-color:#ebc17c}.upgrade-amount{display:flex;align-items:center;gap:5px;border:1px solid #e5ba6e44;border-radius:8px;padding:7px 10px;color:#ebc17c;background:#0e1724}.upgrade-amount input{width:95px;background:none;border:0;color:#f4dfb9;outline:none;font:600 13px var(--font-ui)}.upgrade-amount:focus-within{outline:1px solid #ebc17c}.upgrade-funds button{border:1px solid #e5ba6e33;border-radius:7px;background:#e5ba6e10;color:#e9c892;padding:8px;cursor:pointer}.balance-preview{display:grid;justify-items:center;gap:10px}.balance-preview>span{font-size:64px;color:#ffe014;text-shadow:0 0 25px #ffe01444}.balance-preview strong{font-size:22px;color:#ffe014}.balance-preview small,.balance-addon{font-size:11px;color:#ffe014}.balance-addon{padding:4px 10px;border-radius:6px;background:#ffe01412}
@media(max-width:720px){.upgrade-funds{margin:0 12px 12px;flex-direction:column;align-items:stretch}.upgrade-funds-controls{width:100%}#upgrade-view .upgrade-pedestal .source-display.single img,#upgrade-view .upgrade-pedestal .preview-stack img:only-child{height:100px;max-height:100px}#upgrade-view .upgrade-pedestal .preview-stack{height:100px;min-height:100px}}

#upgrade-view #upgrade-inputs .choice>.item,#upgrade-view #upgrade-targets .choice>.item{box-sizing:border-box;max-height:106px}#upgrade-view .skin-panel-heading{min-height:48px;box-sizing:border-box}

#upgrade-view #upgrade-inputs,#upgrade-view #upgrade-targets{grid-auto-rows:108px;min-height:108px}#upgrade-view #upgrade-inputs .choice,#upgrade-view #upgrade-targets .choice{height:108px;min-height:0}

header nav .nav-icon{display:grid;place-items:center;height:29px;margin:0 auto 3px;color:#9eabc0;transition:color .22s,transform .22s,filter .22s}header nav .nav-icon svg{display:block;width:25px;height:25px;overflow:visible}header nav .icon-accent{fill:currentColor;fill-opacity:.12}header nav .nav.active .nav-icon{color:#ffe014;filter:drop-shadow(0 0 7px #ffe01435)}header nav .nav.active .icon-accent{fill-opacity:.24}header nav .nav:hover .nav-icon{color:#ffe014;transform:translateY(-2px)}header nav .nav:focus-visible{outline:2px solid #ffe014;outline-offset:3px}@media(max-width:720px){header nav .nav-icon{height:25px;margin-bottom:3px}header nav .nav-icon svg{width:22px;height:22px}}@media(prefers-reduced-motion:reduce){header nav .nav-icon{transition:none}header nav .nav:hover .nav-icon{transform:none}}

#cases-view .collection-tools{flex-wrap:wrap;gap:9px}#case-collection{max-width:220px;border:1px solid #394459;border-radius:8px;background:#111a28;color:#adbed3;padding:9px 12px;font:11px var(--font-ui)}

header .language-picker{display:flex;align-items:center;gap:5px;flex-shrink:0;margin:0;padding:7px 6px 7px 9px;border:1px solid #68778e36;border-radius:9px;background:#111a2780;color:#a8b8ce}header .language-picker svg{width:17px;height:17px}header .language-picker select{width:auto;min-width:43px;padding:2px 0;border:0;background:transparent;color:#ffe014;font:600 11px var(--font-ui);cursor:pointer;outline:none}header .language-picker:focus-within{border-color:#ffe014}header .language-picker option{background:#151e2b;color:#e2d4be}@media(min-width:721px){header{gap:14px}header nav{gap:12px}header .wallet{margin-left:auto}}@media(max-width:720px){header .language-picker{padding:6px;gap:2px}header .language-picker svg{width:15px;height:15px}header .language-picker select{font-size:10px;min-width:37px}}

/* Align all three upgrade rows to the same outer edges. */
#upgrade-view .upgrade-arena,#upgrade-view .upgrade-funds,#upgrade-view .dual-pickers{width:calc(100% - 48px);max-width:none;margin-left:24px;margin-right:24px;box-sizing:border-box}
@media(max-width:720px){#upgrade-view .upgrade-arena,#upgrade-view .upgrade-funds,#upgrade-view .dual-pickers{width:calc(100% - 24px);margin-left:12px;margin-right:12px}}

/* source: consolation.css */
.consolation-entry{margin:10px 0 18px;border-color:#7eaecb;color:#bcecff}.consolation-dialog{width:min(480px,94vw);max-height:92vh;overflow:auto;padding:32px 30px 24px;border:0;border-radius:24px;text-align:center;color:#eef7ff;background:radial-gradient(ellipse at 50% 40%,#254658 0%,#172631 42%,#111924 76%);box-shadow:0 28px 100px #000b;font-family:var(--font-ui, sans-serif)}.consolation-dialog::backdrop{background:#060b12bc;backdrop-filter:blur(12px)}.consolation-close{position:absolute;right:14px;top:12px;background:none;border:0;color:#aebdcb;font-size:25px;cursor:pointer}.consolation-eyebrow{color:#8ccee5;font-size:9px;letter-spacing:2px}.consolation-dialog h2{font-size:25px;line-height:1.3;margin:16px 0 0}.consolation-dialog h2 em{color:#b7efff;font-style:normal}.consolation-art{height:180px;position:relative;display:grid;place-items:center;isolation:isolate}.consolation-art img{height:175px;width:270px;object-fit:contain;filter:drop-shadow(0 6px 20px #3bb7e34d);animation:consolation-float 4s ease-in-out infinite}.consolation-art>span{position:absolute;color:#bcf3ff;font-size:26px;text-shadow:0 0 20px #72ddff;top:50px}.consolation-glow{position:absolute;inset:20px 35px;background:radial-gradient(ellipse,#67cbec50,transparent 65%);z-index:-1}.consolation-dialog h3{font-size:18px;margin:4px 0 10px}.consolation-dialog p{color:#9daebd;font-size:12px;line-height:1.6}.consolation-dialog strong{color:#d0f6ff}.consolation-dialog .consolation-open{display:block;width:100%;margin:20px 0 10px;background:linear-gradient(100deg,#7fd2e9,#bdebf6);color:#162737;border:0;padding:14px;font-weight:700;border-radius:10px;cursor:pointer}.consolation-later{width:100%;padding:10px}.consolation-dialog>small{display:block;font-size:10px;line-height:1.6;color:#718795;margin-top:16px}.consolation-status:empty{display:none}.consolation-dialog.opening .consolation-art img{animation:consolation-charge .22s ease-in-out infinite alternate}.consolation-dialog.opening .consolation-glow{animation:consolation-light 1.8s ease-in both}.consolation-dialog.revealed .consolation-art img{animation:consolation-reveal .45s ease-out both}.consolation-dialog button:disabled{opacity:.5;cursor:wait}@keyframes consolation-float{50%{transform:translateY(-6px)}}@keyframes consolation-charge{to{transform:translateY(-4px) rotate(2deg);filter:drop-shadow(0 0 28px #91eeff)}}@keyframes consolation-light{to{transform:scale(2);opacity:1}}@keyframes consolation-reveal{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.consolation-dialog *{animation:none!important}}@media(max-height:700px){.consolation-dialog{padding:22px}.consolation-art{height:130px}.consolation-art img{height:140px}.consolation-dialog h2{font-size:21px}}
.consolation-art img{mix-blend-mode:screen}.consolation-later{border-radius:10px}
.consolation-dialog{width:min(580px,94vw)}.consolation-dialog .consolation-art{height:100px}.consolation-dialog .consolation-art>img{height:110px;width:170px}.gift-reel-window{position:relative;overflow:hidden;height:154px;margin:4px -15px 16px;background:radial-gradient(ellipse at center,#27435666,#0c17227a);border-radius:12px;isolation:isolate}.gift-reel-window:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#111e2c,transparent 16%,transparent 84%,#111e2c);z-index:2}.gift-reel{display:flex;width:max-content;position:relative;will-change:transform;height:100%;align-items:center}.gift-reel-item{position:relative;flex:0 0 116px;width:116px;text-align:center;padding:15px 5px 10px}.gift-reel-item:before{content:'';position:absolute;inset:5px;background:radial-gradient(ellipse,color-mix(in srgb,var(--tone) 25%,transparent),transparent 70%);z-index:-1}.gift-reel-item img{width:104px;height:85px;object-fit:contain;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--tone) 35%,transparent))}.gift-reel-item span{display:block;min-height:26px;color:#b8cad9;font-size:9px;line-height:1.3}.gift-arrow{position:absolute;left:50%;margin-left:-7px;width:14px;height:12px;background:#b8efff;filter:drop-shadow(0 0 6px #6dd5fa);z-index:3}.gift-arrow.top{top:2px;clip-path:polygon(0 0,100% 0,50% 100%)}.gift-arrow.bottom{bottom:2px;clip-path:polygon(50% 0,100% 100%,0 100%)}.gift-spinning .gift-arrow{animation:gift-marker .45s ease-in-out infinite alternate}.gift-winner img{filter:drop-shadow(0 0 14px #a5ecff);transform:scale(1.09);transition:transform .3s}.gift-winner span{color:#e4faff}.gift-limit strong{font-size:13px}.free-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:5px;border-radius:6px;background:#315264;color:#c3f3ff;font-size:10px}.free-case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.free-case-card{text-align:center;padding:22px;border:1px solid #344c5c;border-radius:18px;background:radial-gradient(ellipse at 50% 25%,#294659,#151f2d 65%)}.free-case-card>span{color:#9ad5e9;font-size:10px;letter-spacing:1px}.free-case-card img{display:block;width:180px;height:150px;object-fit:contain;margin:auto;mix-blend-mode:screen}.free-case-card h2{font-size:17px}.free-case-card strong{display:block;color:#c3efff}.free-case-card p{color:#8197a9;font-size:11px}.free-case-card button{margin-top:10px;width:100%}body:has(#free-view:not([hidden])) .drop-sidebar{display:none}.free-case-grid>.empty{grid-column:1/-1}#free-view .feature-title p{max-width:750px}@keyframes gift-marker{to{filter:drop-shadow(0 0 12px #b9f4ff);opacity:.65}}@media(max-width:720px){.free-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.free-case-card{padding:12px}.free-case-card img{width:100%;height:110px}.free-case-card h2{font-size:13px}.free-case-card strong{font-size:12px}.free-case-card button{font-size:10px}.gift-reel-item{flex-basis:100px;width:100px}.gift-reel-item img{width:90px}.consolation-dialog{padding:24px 20px}.gift-reel-window{height:143px}.consolation-dialog h2{font-size:22px}}@media(prefers-reduced-motion:reduce){.gift-spinning .gift-arrow{animation:none}}
#upgrade-view .upgrade-caption:empty{display:none}
.consolation-dialog.arriving .consolation-open{opacity:0;pointer-events:none}
.consolation-dialog .consolation-open{transition:opacity .3s ease,background .2s}
.consolation-dialog.arriving .consolation-art img{animation:none;opacity:0}
.consolation-dialog.arriving .consolation-art{overflow:hidden}
.consolation-dialog.arriving .consolation-glow{opacity:.15}
.consolation-dialog .consolation-glow{transition:opacity .6s}
.consolation-dialog.landed:not(.opening):not(.revealed) .consolation-art img{animation:none}
.consolation-dialog{width:min(480px,94vw)}.consolation-dialog .consolation-art{height:235px}.consolation-dialog .consolation-art>img{width:270px;height:235px;mix-blend-mode:normal}.free-case-card img{mix-blend-mode:normal}@media(max-height:700px){.consolation-dialog .consolation-art{height:180px}.consolation-dialog .consolation-art>img{height:180px;width:220px}}

/* Match the site's dark panels and warm gold action buttons. */
.consolation-dialog{background:#090c12;color:#eef0f6;box-shadow:0 28px 100px #000c}
.consolation-dialog .consolation-eyebrow{color:#ffe014}
.consolation-dialog .consolation-glow{background:radial-gradient(ellipse,#67cbec20,transparent 68%)}
.consolation-dialog .consolation-open{min-height:46px;background:linear-gradient(115deg,#ffe014,#ffe014);border:1px solid #ffe01473;color:#1f1f1f;box-shadow:0 5px 24px #ffe01416}
.consolation-dialog .consolation-open:hover:not(:disabled){background:linear-gradient(115deg,#ffe014,#ffe014);box-shadow:0 5px 28px #ffe0142b}
.consolation-dialog .consolation-later{min-height:46px;padding:12px 14px;border:1px solid #ffe01470;border-radius:10px;background:#121720;color:#ffe014;font-weight:700;transition:background .2s,border-color .2s}
.consolation-dialog .consolation-later:hover:not(:disabled){background:#1c222e;border-color:#ffe014;color:#ffe014}
.consolation-dialog .consolation-open:focus-visible,.consolation-dialog .consolation-later:focus-visible{outline:2px solid #ffe014;outline-offset:3px}

/* Horizontal free-case roulette, with the winning card held under the marker. */
.consolation-dialog.gift-spinning .consolation-art,.consolation-dialog.gift-landed .consolation-art{height:90px}
.consolation-dialog.gift-spinning .consolation-art>img,.consolation-dialog.gift-landed .consolation-art>img{height:90px;width:110px;animation:none}
.consolation-dialog .gift-reel-window{height:174px;margin:12px 0;background:#090d15;border:1px solid #ffe01435}
.consolation-dialog .gift-reel-window:after{background:linear-gradient(90deg,#090c12,transparent 15%,transparent 85%,#090c12)}
.consolation-dialog .gift-reel{left:50%;transform:translateX(-58px)}
.consolation-dialog .gift-reel-item{flex:0 0 116px;width:116px}
.consolation-dialog .gift-reel-item img{width:104px}
.consolation-dialog .gift-arrow{background:#ffe014;filter:drop-shadow(0 0 6px #ffe014)}
.consolation-dialog.gift-spinning .consolation-open,.consolation-dialog.gift-spinning .consolation-later,.consolation-dialog.gift-spinning>small,.consolation-dialog.gift-landed .consolation-open,.consolation-dialog.gift-landed .consolation-later,.consolation-dialog.gift-landed>small{display:none}

/* source: account.css */
.account-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}#account-button{padding:8px 10px;border-radius:8px;border:1px solid #ffe01444;background:#ffe01412;color:#ffe014;font:600 11px var(--font-ui);cursor:pointer}header{height:auto;min-height:68px;flex-wrap:wrap}header .brand{font-size:27px}header nav{gap:5px;flex:1;justify-content:center}header nav .nav{padding:6px 8px;font-size:10px}header .wallet{gap:6px}header .wallet strong{font-size:14px}.account-dialog{color:#dce6f5;background:radial-gradient(ellipse at 90% 0,#ffe01418,transparent 60%),#121c2b;border:1px solid #52617a;border-radius:20px;width:min(540px,calc(100% - 24px));max-height:90dvh;padding:28px;box-shadow:0 30px 90px #0008;overflow:auto}.account-dialog::backdrop{background:#050b16b8;backdrop-filter:blur(10px)}.account-close{float:right;border:0;background:transparent;color:#9fb2cb;font-size:25px;cursor:pointer}.account-eyebrow{font:9px var(--font-ui);color:#ffe014;letter-spacing:1.5px}.account-dialog h2{font:24px var(--font-display);margin:14px 0 18px;overflow-wrap:anywhere}.account-dialog p{font:12px/1.7 var(--font-ui);color:#91a5be}.account-dialog label{display:grid;gap:7px;margin:14px 0;font:12px var(--font-ui);color:#b0c0d5}.account-dialog input{min-width:0;width:100%;box-sizing:border-box;background:#0b1421;border:1px solid #394b64;border-radius:9px;color:#e4edfa;padding:12px;font:13px var(--font-ui)}.account-dialog input:focus{outline:1px solid #ffe014}.account-dialog button:not(.account-close),.steam-login{border:1px solid #5b6d8666;background:#233149;border-radius:9px;color:#dce6f6;padding:11px 14px;font:12px var(--font-ui);cursor:pointer}.account-dialog .primary{width:100%;background:linear-gradient(110deg,#ffe014,#ffe014)!important;color:#171717!important;border:0!important}.steam-login{display:block;text-align:center;text-decoration:none;margin-top:12px;background:linear-gradient(120deg,#22486b,#1b324b);color:#bddfff}.account-links{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.account-links button{padding:5px!important;background:none!important;border:0!important;color:#a7bfdc!important}.account-message{color:#ffe014!important}.account-wallets{display:grid;gap:10px;margin:20px 0}.fund-method{display:grid;gap:5px;background:#1c283d;border:1px solid #354863;border-radius:11px;padding:16px;margin-bottom:10px;font:13px var(--font-ui)}.fund-method span{font-size:11px;color:#93a8c3}.referral-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.referral-metrics>div{padding:12px;background:#1e2a3e;border-radius:10px}.referral-metrics small{display:block;color:#8c9eb8;font:11px var(--font-ui)}.referral-metrics b{display:block;margin-top:8px;color:#ffe014;font:600 19px var(--font-ui)}.referral-row{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #ffffff10;padding:10px 0;font:11px var(--font-ui)}.account-dialog [disabled]{opacity:.5;cursor:wait}@media(max-width:1100px) and (min-width:721px){header{padding:9px 14px}header nav{order:5;flex-basis:100%;justify-content:space-around}header .brand{margin-right:auto}header .wallet{margin-left:0}}@media(max-width:720px){header{gap:10px;padding:10px}header .brand{font-size:23px}header .brand small{font-size:7px}header nav{order:5;flex-basis:100%;justify-content:space-around;gap:2px}header nav .nav{padding:5px 4px;font-size:8px}header .account-controls{margin-left:auto}header .wallet{margin-left:auto}header .wallet strong{font-size:12px}.account-dialog{padding:20px}.account-dialog h2{font-size:20px}}

/* source: collection-sections.css */
#case-grid{display:flex;flex-direction:column;gap:34px;isolation:isolate}
.collection-group{min-width:0}
#case-grid .collection-cases .case-caption{padding:0;margin:8px 0 10px;text-align:center;min-height:34px;display:flex;align-items:center;justify-content:center}
#case-grid .collection-cases .case-caption h3{margin:0;line-height:1.25;max-width:100%;overflow-wrap:break-word}
.collection-group>.collection-world-heading{display:grid;grid-template-columns:70px minmax(0,1fr) 70px;gap:12px;margin:0 0 18px;padding:0 12px;text-align:center}
.collection-group>.collection-world-heading>div{grid-column:2;min-width:0}
.collection-group>.collection-world-heading .collection-amount{grid-column:3;grid-row:1;min-width:0}
.collection-group>.collection-world-heading p{max-width:none;margin-inline:auto}
@media(max-width:620px){.collection-group>.collection-world-heading{grid-template-columns:40px minmax(0,1fr) 40px;gap:6px;padding-inline:4px}.collection-group>.collection-world-heading h2{font-size:clamp(19px,5vw,25px);overflow-wrap:anywhere}}
.collection-group>.collection-world-heading .collection-eyebrow{display:block}
.collection-group>.collection-world-heading h2{display:inline-block;font-family:var(--font-display);font-weight:400;font-size:clamp(25px,2.8vw,36px);letter-spacing:.4px;text-transform:uppercase;background:linear-gradient(110deg,#ffe014 0%,#ffe014 24%,#ed7452 48%,var(--world) 70%,#ffe014 100%);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 9px #ffe01433);animation:collection-title-shimmer 7s ease-in-out infinite alternate}
@keyframes collection-title-shimmer{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.collection-group>.collection-world-heading h2{animation:none}}
.collection-world{position:relative;isolation:isolate;overflow:hidden;padding:30px 24px 20px;border-radius:24px;background:radial-gradient(ellipse at 85% 0%,color-mix(in srgb,var(--world) 19%,transparent),transparent 60%),linear-gradient(120deg,#111724,#0a0e17 70%);border:1px solid color-mix(in srgb,var(--world) 19%,transparent);box-shadow:0 18px 50px #0003;content-visibility:auto;contain-intrinsic-size:auto 460px}
.collection-world:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,color-mix(in srgb,var(--world) 7%,transparent) 50%,transparent 75%);pointer-events:none;z-index:-1}
.collection-world:after{content:'';position:absolute;top:0;left:26px;width:120px;height:2px;background:var(--world);box-shadow:0 0 24px var(--world)}
.collection-world-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:1;margin-bottom:18px;padding:0 8px}
.collection-eyebrow{font-size:10px;letter-spacing:3px;color:var(--world);font-weight:800}.collection-world-heading h2{font-size:clamp(26px,3vw,38px);line-height:1.15;margin:9px 0 8px;letter-spacing:-1px;color:#f4f5fc;text-transform:none}.collection-world-heading p{color:#9ba8bd;font-size:12px;margin:0}.collection-amount{font-size:28px;font-weight:800;color:var(--world);min-width:65px;text-align:right}.collection-amount small{display:block;font-size:10px;font-weight:500;color:#acb5c8;letter-spacing:2px}
.collection-emblem{position:absolute;z-index:-1;right:6%;top:-140px;width:460px;opacity:.1;transform:rotate(-17deg);filter:saturate(.6);pointer-events:none}
.collection-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,var(--world) 1px,transparent 1.5px);background-size:103px 91px;opacity:.16;mask-image:linear-gradient(#000,transparent 90%)}
.collection-world[data-world=neon] .collection-atmosphere,.collection-world[data-world=matrix] .collection-atmosphere{background-image:linear-gradient(90deg,var(--world) 1px,transparent 1px),linear-gradient(var(--world) 1px,transparent 1px);background-size:54px 54px;transform:perspective(400px) rotateX(25deg) scale(1.3)}
.collection-world[data-world=cryo] .collection-atmosphere,.collection-world[data-world=emerald] .collection-atmosphere{background-image:repeating-linear-gradient(125deg,transparent 0 95px,var(--world) 96px,transparent 98px);background-size:auto}
.collection-world[data-world=volcano],.collection-world[data-world=ruby]{background:radial-gradient(ellipse at 70% 100%,color-mix(in srgb,var(--world) 24%,transparent),transparent 65%),#140f16}
.collection-world[data-world=gold],.collection-world[data-world=dragon]{background:radial-gradient(ellipse at 80% 0%,#ffe01438,transparent 65%),linear-gradient(135deg,#121212,#0d111b)}
.collection-cases{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;position:relative;z-index:1}
#case-grid .collection-cases .case-card{min-width:0;background:linear-gradient(180deg,#ffffff03,transparent 70%);border:1px solid transparent;box-shadow:none;border-radius:16px;transition:background .25s,border-color .25s,transform .25s}
#case-grid .collection-cases .case-card:hover{background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--tone) 17%,transparent),transparent 75%);border-color:color-mix(in srgb,var(--tone) 25%,transparent);transform:translateY(-5px)}
#case-grid .collection-cases .case-card:before{opacity:.18}#case-grid .collection-cases .case-series{display:none}#case-grid .collection-cases .case-caption h3{font-size:14px}#case-grid .collection-cases .case-favorite{background:#0b101b80;border-color:#ffffff0d}#case-grid .collection-cases .case-card .price{background:#0b101b99;border-color:#ffffff12}
.collection-cases .own-art{filter:drop-shadow(0 12px 16px #0005)}
@media(min-width:1051px){.collection-world:is([data-collection="Оружейные"],[data-collection="Тематические"]) .collection-cases{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}}
#case-grid .collection-world[data-collection="Тематические"] .case-card .own-art{aspect-ratio:1;height:auto;overflow:visible}
#case-grid .collection-world[data-collection="Тематические"] .case-card .case-illustration{transform:scale(1.18);transform-origin:50% 70%}
#case-grid .collection-world[data-collection="Тематические"] .case-card:hover .case-illustration{transform:translateY(-2px) scale(1.18)}
@media(min-width:1500px){.collection-cases{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1050px){.collection-cases{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){#case-grid{gap:22px}.collection-world{padding:22px 10px 12px;border-radius:18px}.collection-world-heading{padding:0 7px}.collection-world-heading p{max-width:220px;line-height:1.5}.collection-cases{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.collection-emblem{width:330px;right:-95px;top:-70px}.collection-amount{font-size:23px}#case-grid .collection-cases .case-caption h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){#case-grid .collection-cases .case-card{transition:none}}

#case-grid .collection-cases .new-tag{display:none}
.collection-world[data-collection="Редкости"]{background:linear-gradient(180deg,#080d1833 0%,#080d1800 42%,#080d1899 100%),linear-gradient(90deg,#66707f 0%,#3c486a 16%,#253e88 28%,#502680 49%,#812462 72%,#842b36 100%);border-color:#c7aaca30}.collection-world[data-collection="Редкости"]:after{width:calc(100% - 52px);background:linear-gradient(90deg,#b0c3d9,#4b69ff,#8847ff,#d32ce6,#eb4b4b);box-shadow:none}.collection-world[data-collection="Редкости"] .case-shell{filter:grayscale(1) brightness(.8) contrast(1.15) drop-shadow(0 0 8px var(--tone))}.collection-world[data-collection="Редкости"] .case-caption h3{color:var(--tone)}.collection-world[data-collection="Редкости"] .case-card{background:radial-gradient(ellipse at 50% 80%,color-mix(in srgb,var(--tone) 12%,transparent),transparent 65%)}

#case-grid .illustrated-case{position:relative;overflow:visible;filter:none}#case-grid .illustrated-case .case-illustration{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:none;filter:drop-shadow(0 8px 12px #0005);transition:transform .3s}#case-grid .case-card:hover .case-illustration{transform:translateY(-4px) scale(1.035)}

.collection-world[data-collection="Редкости"]:before{background:radial-gradient(ellipse at 50% 0%,#ffffff0c,transparent 70%)}.collection-world[data-collection="Редкости"] .collection-atmosphere{opacity:.07}.collection-world[data-collection="Редкости"] .collection-emblem{display:none}.collection-world[data-collection="Редкости"] .collection-world-heading p{color:#d4d6e1}
#case-grid .illustrated-case{background-color:transparent;mask-image:none} .collection-world[data-collection="Редкости"] .case-caption h3{color:color-mix(in srgb,var(--tone) 65%,white);text-shadow:0 1px 8px #0009}.collection-world[data-collection="Редкости"] .case-caption small{color:#c5c9d8}
/* Keep case prices legible in every interaction state, matching the wallet. */
.collection-group.media-ready .collection-world[data-collection="Оружейные"]{background:linear-gradient(#0c111be8,#0c111be8),url('/images/weapon-range-v1.webp') center/cover no-repeat,#0c111b;border-color:#889dbb35}
.collection-group.media-ready .collection-world[data-collection="Оружейные"]:before{inset:0;aspect-ratio:auto;background:linear-gradient(180deg,#0c111ba6,#0c111bcc),url('/images/weapon-range-v1.webp') center center/100% auto no-repeat;opacity:1;mask-image:none}
.collection-world[data-collection="Оружейные"] .collection-atmosphere,.collection-world[data-collection="Оружейные"] .collection-emblem{display:none}
.collection-world[data-collection="Оружейные"] .collection-world-heading{min-height:100px;align-items:flex-end;text-shadow:0 2px 12px #000,0 2px 4px #000}
.collection-world[data-collection="Оружейные"] .collection-world-heading p{color:#d2dae7}
.collection-world[data-collection="Оружейные"] .case-caption{text-shadow:0 2px 7px #000}
@media(max-width:620px){.collection-world[data-collection="Оружейные"] .collection-world-heading{min-height:90px}}
#cases-view #case-grid .case-card .price{color:#ffe014;background:#101521e8;border-color:#ffe01430}
#cases-view #case-grid .case-card:hover .price,#cases-view #case-grid .case-card:focus-visible .price{color:#ffe014;background:#1b1b1b;border-color:#ffe01480;box-shadow:0 0 18px #ffe01418;text-shadow:0 1px 2px #0008}
.collection-world[data-collection="Тематические"]{background:transparent;border-color:transparent;box-shadow:none}
.collection-world[data-collection="Тематические"]:before{background:none}
.collection-world[data-collection="Тематические"]:after{display:none}
.collection-world[data-collection="Тематические"] .collection-atmosphere,.collection-world[data-collection="Тематические"] .collection-emblem{display:none}
.collection-world[data-collection="Тематические"] .case-caption{text-shadow:0 2px 7px #000,0 1px 3px #000}
.collection-world[data-collection="Стихия"]{background:linear-gradient(180deg,#080c1466,#080c14dd),linear-gradient(110deg,#54231b,#153747 28%,#323232 49%,#263d4c 72%,#322c43);border-color:#ffe01433}
.collection-world[data-collection="Стихия"] .collection-emblem{display:none}

.collection-group.media-ready .collection-world[data-collection="Стихия"]{background:url("/images/disasters-background-v2.webp") center/cover no-repeat,#0b0e14}
.collection-world[data-collection="Стихия"]:before,.collection-world[data-collection="Стихия"]:after,.collection-world[data-collection="Стихия"] .collection-atmosphere{display:none}
.collection-world[data-collection="Стихия"] .case-caption,.collection-world[data-collection="Стихия"] .collection-world-heading{text-shadow:0 2px 8px #000,0 1px 3px #000}

.collection-group.media-ready .collection-world[data-collection="Ископаемые"]{background:url('/images/minerals-background-v1.webp') center/cover no-repeat,#0b1018;border-color:#ffe01438}
.collection-world[data-collection="Ископаемые"] .collection-emblem{display:none}
.collection-world[data-collection="Ископаемые"]:before,.collection-world[data-collection="Ископаемые"]:after,.collection-world[data-collection="Ископаемые"] .collection-atmosphere{display:none}
.collection-world[data-collection="Ископаемые"] .case-caption,.collection-world[data-collection="Ископаемые"] .collection-world-heading{text-shadow:0 2px 8px #000,0 1px 3px #000}
/* Fade collection scenery into the page; keep artwork and controls crisp. */
.collection-group.media-ready .collection-world[data-collection="Dragon Drop"]{--collection-backdrop:url('/images/dragon-vault-background-v1.webp')}
.collection-group.media-ready .collection-world[data-collection="Ископаемые"]{--collection-backdrop:url('/images/minerals-background-v1.webp')}
.collection-group.media-ready .collection-world[data-collection="Стихия"]{--collection-backdrop:url('/images/disasters-background-v2.webp')}
.collection-world:is([data-collection="Dragon Drop"],[data-collection="Ископаемые"],[data-collection="Стихия"]){background:transparent;border-color:transparent;border-radius:0;box-shadow:none;overflow:visible;content-visibility:visible;contain:none}
.collection-world:is([data-collection="Dragon Drop"],[data-collection="Ископаемые"],[data-collection="Стихия"]):before,.collection-world:is([data-collection="Dragon Drop"],[data-collection="Ископаемые"],[data-collection="Стихия"]):after,.collection-world:is([data-collection="Dragon Drop"],[data-collection="Ископаемые"],[data-collection="Стихия"]) .collection-atmosphere,.collection-world:is([data-collection="Dragon Drop"],[data-collection="Ископаемые"],[data-collection="Стихия"]) .collection-emblem{display:none}
.collection-world:is([data-collection="Dragon Drop"],[data-collection="Ископаемые"],[data-collection="Стихия"]):before{display:block;inset:-12px;z-index:-1;background:linear-gradient(#080b1055,#080b1077),var(--collection-backdrop) center/cover no-repeat;filter:blur(7px);opacity:.9;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(180deg,transparent,#000 20%,#000 73%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(180deg,transparent,#000 20%,#000 73%,transparent);-webkit-mask-composite:source-in;pointer-events:none}
.collection-world:is([data-collection="Dragon Drop"],[data-collection="Ископаемые"],[data-collection="Стихия"]) .case-caption,.collection-world:is([data-collection="Dragon Drop"],[data-collection="Ископаемые"],[data-collection="Стихия"]) .collection-world-heading{text-shadow:0 2px 8px #000,0 1px 3px #000}

/* Keep hover on the artwork, without a rectangular card highlight. */
#cases-view #case-grid .collection-cases .case-card,
#cases-view #case-grid .collection-cases .case-card:hover{background:transparent;border-color:transparent;box-shadow:none;transform:none}
#cases-view #case-grid .collection-cases .case-card:before,
#cases-view #case-grid .collection-cases .case-card:after{display:none}
#cases-view #case-grid .case-card .case-illustration{transition:transform .32s cubic-bezier(.2,.7,.2,1)}
#cases-view #case-grid .case-card:hover .case-illustration{transform:scale(1.055)}
#cases-view #case-grid .collection-world[data-collection="Тематические"] .case-card:hover .case-illustration{transform:scale(1.245)}
@media(prefers-reduced-motion:reduce){#cases-view #case-grid .case-card .case-illustration{transition:none}}

/* Let the soft artwork halo extend past the invisible card bounds. */
#cases-view #case-grid .collection-cases .case-card{overflow:visible}
#cases-view #case-grid .case-card .illustrated-case{overflow:visible;mask-image:none;-webkit-mask-image:none;clip-path:none;filter:none;border-radius:0}
#cases-view #case-grid .collection-world[data-collection="Тематические"]{overflow:visible;content-visibility:visible;contain:none}

/* Four signature cases form a centered row without an empty fifth slot. */
@media(min-width:1051px){
 .collection-world[data-collection="Dragon Drop"] .collection-cases{
  grid-template-columns:repeat(4,minmax(0,1fr));
  width:calc(80% - 2px);
  margin-inline:auto;
 }
}
@media(min-width:621px) and (max-width:1050px){
 .collection-world[data-collection="Dragon Drop"] .collection-cases{
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:80%;
  margin-inline:auto;
 }
}

/* source: brand-update.css */
header .brand.dragon-wordmark{position:relative;display:flex;align-items:center;justify-content:center;width:190px;min-height:64px;flex:0 0 190px;margin:0;line-height:1;padding:0;background:none}
header .dragon-wordmark .brand-name{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:4px;padding-top:3px;z-index:2;font:800 20px/1 Manrope,Arial,sans-serif;letter-spacing:-.5px;white-space:nowrap;color:#ffe014;text-shadow:0 1px 3px #000,0 0 8px #ffe01470}
header .dragon-wordmark .brand-name{ text-shadow:none;filter:drop-shadow(0 0 3px #ffe01499) drop-shadow(0 0 7px #ff542a55)}
header .dragon-wordmark .brand-name span{color:#ffe014;background:linear-gradient(110deg,#ffe014 0%,#ffe014 22%,#ffe014 42%,#f04435 60%,#ffe014 80%,#ffe014 100%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:brand-color-flow 5s ease-in-out infinite alternate}
header .dragon-wordmark .brand-name span:last-child{animation-delay:-2s}
@keyframes brand-color-flow{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){header .dragon-wordmark .brand-name span{animation:none;background-position:45% 50%}}
header .dragon-wordmark img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 0 7px #ffe01440);transition:filter .25s ease}
header .dragon-wordmark:hover img{filter:drop-shadow(0 0 10px #ffe01470)}
@media(max-width:720px){header .brand.dragon-wordmark{width:160px;flex-basis:160px}header .dragon-wordmark .brand-name{font-size:16px;gap:3px}}
@media(min-width:1101px){header nav{justify-content:flex-start}}

/* Compact wordmark with the same moving gold/red finish on the dragon. */
header .brand.dragon-wordmark{justify-content:flex-start;gap:7px;transform:translateX(-10px)}
header .dragon-wordmark .brand-name{position:relative;inset:auto;padding:0;font-size:18px;gap:3px}
header .dragon-wordmark .brand-dragon-head{display:block;width:31px;height:36px;flex:0 0 31px;background:linear-gradient(110deg,#ffe014 0%,#ffe014 22%,#ffe014 42%,#f04435 60%,#ffe014 80%,#ffe014 100%);background-size:250% 100%;mask:url('/images/brand-dragon-head.svg?v=2') center/contain no-repeat;-webkit-mask:url('/images/brand-dragon-head.svg?v=2') center/contain no-repeat;animation:brand-color-flow 5s ease-in-out infinite alternate;filter:drop-shadow(0 0 3px #ffe01499) drop-shadow(0 0 7px #ff542a55)}
@media(max-width:720px){header .brand.dragon-wordmark{width:172px;flex-basis:172px;gap:5px;transform:translateX(-4px)}header .dragon-wordmark .brand-name{font-size:15px}header .dragon-wordmark .brand-dragon-head{width:26px;height:30px;flex-basis:26px}}
@media(prefers-reduced-motion:reduce){header .dragon-wordmark .brand-dragon-head{animation:none;background-position:45% 50%}}

/* Gold profile emblem and a restrained serif wordmark. */
header .brand.dragon-wordmark{width:226px;flex-basis:226px;gap:10px;transform:none;justify-content:flex-start}
header .dragon-wordmark .brand-dragon-head{width:43px;height:48px;flex-basis:43px;background:linear-gradient(135deg,#ffe014 0%,#ffe014 55%,#ffe014 100%);mask:url('/images/brand-dragon-profile.svg') center/contain no-repeat;-webkit-mask:url('/images/brand-dragon-profile.svg') center/contain no-repeat;animation:none;filter:none}
header .dragon-wordmark .brand-name{font-family:var(--font-display);font-size:18px;font-weight:400;letter-spacing:.2px;gap:6px;filter:none;text-shadow:none;padding:0}
header .dragon-wordmark .brand-name span{background:none;-webkit-text-fill-color:currentColor;color:#ffe014;animation:none}
header .dragon-wordmark:hover .brand-name span{color:#ffe014}
@media(max-width:720px){header .brand.dragon-wordmark{width:183px;flex-basis:183px;gap:7px;transform:none}header .dragon-wordmark .brand-dragon-head{width:35px;height:40px;flex-basis:35px}header .dragon-wordmark .brand-name{font-size:14px;letter-spacing:.2px;gap:4px}}

header .dragon-wordmark .brand-dragon-head{mask:none;-webkit-mask:none;background:url('/images/brand-dragon-gold-v2-icon.webp') center/contain no-repeat;width:46px;height:52px;flex-basis:46px}
@media(max-width:720px){header .dragon-wordmark .brand-dragon-head{width:36px;height:42px;flex-basis:36px}}

/* source: case-art-glow.css */
#case-grid .illustrated-case .case-illustration{filter:brightness(1.2) saturate(1.28) drop-shadow(0 0 5px color-mix(in srgb,var(--tone) 75%,transparent)) drop-shadow(0 0 16px color-mix(in srgb,var(--tone) 48%,transparent)) drop-shadow(0 8px 12px #0005)}
#case-grid .case-card .own-art .skin-overlay{filter:brightness(1.2) saturate(1.28) drop-shadow(0 0 5px color-mix(in srgb,var(--tone) 80%,transparent)) drop-shadow(0 0 17px color-mix(in srgb,var(--tone) 55%,transparent)) drop-shadow(0 12px 14px #0009)}
#case-grid .collection-world:is([data-collection="Dragon Drop"],[data-collection="Редкости"],[data-collection="Оружейные"],[data-collection="Стихия"],[data-collection="Ископаемые"]) .illustrated-case .case-illustration{filter:drop-shadow(0 8px 12px #0005)}

#case-grid .illustrated-case .case-illustration[src="/cases/jinx-v3.webp"]{filter:saturate(.72) brightness(.9) contrast(.94) blur(.18px) drop-shadow(0 0 5px #f5a0d630) drop-shadow(0 0 12px #ec83c624);image-rendering:auto}
.selected-case-stage .stage-art[src="/cases/jinx-v3.webp"]{filter:saturate(.72) brightness(.9) contrast(.94) drop-shadow(0 0 8px #f5a0d630) drop-shadow(0 0 18px #ec83c624)}
#case-grid .case-card:hover .case-illustration[src="/cases/jinx-v3.webp"]{transform:translateY(-2px)}
#case-grid .illustrated-case .case-illustration[src*="/scorpion-"]{filter:none;image-rendering:auto}
#case-grid .illustrated-case .case-illustration[src*="/michelangelo-"]{filter:none;image-rendering:auto}
#case-grid .collection-world[data-collection="Тематические"] .illustrated-case .case-illustration[src*="-diorama-"]{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--tone) 60%,transparent)) drop-shadow(0 0 32px color-mix(in srgb,var(--tone) 48%,transparent));image-rendering:auto}
#case-grid .illustrated-case .case-illustration[src*="/subzero-"]{filter:drop-shadow(0 0 4px #63d9ff55) drop-shadow(0 0 11px #527fff30);image-rendering:auto}
.selected-case-stage .stage-art[src*="/subzero-"]{filter:drop-shadow(0 0 6px #63d9ff55) drop-shadow(0 0 16px #527fff30)}

/* Soft halo grows with the artwork on hover. */
#cases-view #case-grid .case-card .case-illustration{transition:transform .32s cubic-bezier(.2,.7,.2,1),filter .35s ease}
#cases-view #case-grid .collection-world[data-collection="Тематические"] .case-card:hover .case-illustration[src*="-diorama-"]{filter:drop-shadow(0 0 16px color-mix(in srgb,var(--tone) 80%,transparent)) drop-shadow(0 0 42px color-mix(in srgb,var(--tone) 65%,transparent))}
@media(prefers-reduced-motion:reduce){#cases-view #case-grid .case-card .case-illustration{transition:none}}

.selected-case-stage .stage-art[src="/cases/jinx-diorama-v1.webp"]{filter:drop-shadow(0 0 9px #f58bcc44) drop-shadow(0 0 20px #ed80bb22)}


/* Complete padded assets use native smooth interpolation, without edge masks. */
#case-grid .collection-world[data-collection="Стихия"] .illustrated-case .case-illustration{
 mask-image:none;-webkit-mask-image:none;image-rendering:auto;object-fit:contain;
}

/* source: feed-gradient.css */
.drop-sidebar .feed-item{background:linear-gradient(180deg,color-mix(in srgb,var(--tone) 48%,#111923) 0%,color-mix(in srgb,var(--tone) 24%,#111923) 38%,#121b27 88%)}

/* Follow document height without letting feed items increase page height. */
.drop-sidebar{bottom:auto;min-height:0;display:flex;flex-direction:column}
.drop-sidebar .sidebar-label,.drop-sidebar .drop-feed-tabs{flex-shrink:0}
#drop-feed{flex:1;min-height:0;overflow:hidden}
.drop-sidebar .feed-item{position:relative;height:118px;overflow:hidden;outline-offset:-3px}
.feed-skin{transition:opacity .25s ease,transform .35s ease}
.drop-sidebar .feed-origin{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 8px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--tone) 24%,#10151f),#0c111bf5);opacity:0;transform:translateY(15px) scale(.9);transition:opacity .25s ease,transform .35s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.drop-sidebar .feed-origin img{width:100%;height:82px;object-fit:contain;margin:0;filter:drop-shadow(0 0 9px color-mix(in srgb,var(--tone) 30%,transparent))}
.drop-sidebar .feed-origin span{font-size:11px;line-height:14px;color:#ffe1b3;text-align:center;max-width:100%;overflow-wrap:anywhere}
.feed-item:is(:hover,:focus-visible) .feed-skin{opacity:0;transform:translateY(-12px) scale(.92)}
.feed-item:is(:hover,:focus-visible) .feed-origin{opacity:1;transform:none}
.drop-sidebar .feed-item:is(:hover,:focus-visible) .feed-origin img{transform:none}
@media(max-width:720px){.drop-sidebar{display:none}}
@media(prefers-reduced-motion:reduce){.feed-skin,.drop-sidebar .feed-origin{transition:none}}

/* Animate the actual case artwork, independently of its caption. */
.drop-sidebar .feed-origin{padding:0 5px 3px;perspective:500px;isolation:isolate}
.drop-sidebar .feed-origin img{position:relative;z-index:1;width:100%;height:101px;flex-shrink:0;transform-origin:50% 75%;filter:drop-shadow(0 5px 5px #0008) drop-shadow(0 0 12px color-mix(in srgb,var(--tone) 50%,transparent));will-change:transform}
.drop-sidebar .feed-origin span{position:relative;z-index:2;font-size:10px;line-height:12px;margin-top:-2px;text-shadow:0 1px 4px #000}
.drop-sidebar .feed-origin:before{content:'';position:absolute;inset:5px 15px 14px;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--tone) 55%,transparent),transparent 67%);opacity:0;z-index:0}
.drop-sidebar .feed-origin:after{content:'';position:absolute;inset:-35%;background:linear-gradient(115deg,transparent 40%,#ffffff22 49%,transparent 58%);transform:translateX(-100%);z-index:2}
.drop-sidebar .feed-item:is(:hover,:focus-visible) .feed-origin img{animation:feed-case-arrive .65s cubic-bezier(.16,1,.3,1) both,feed-case-float 2.4s .65s ease-in-out infinite}
.drop-sidebar .feed-item:is(:hover,:focus-visible) .feed-origin:before{animation:feed-case-halo .7s ease-out both}
.drop-sidebar .feed-item:is(:hover,:focus-visible) .feed-origin:after{animation:feed-case-shine .8s .15s ease-out both}
@keyframes feed-case-arrive{0%{opacity:0;transform:translateY(42px) scale(.4) rotate(-17deg) rotateY(-35deg)}65%{opacity:1;transform:translateY(-5px) scale(1.05) rotate(3deg) rotateY(7deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0) rotateY(0)}}
@keyframes feed-case-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}
@keyframes feed-case-halo{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.2)}100%{opacity:.6;transform:scale(1)}}
@keyframes feed-case-shine{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.drop-sidebar .feed-item:is(:hover,:focus-visible) .feed-origin img,.drop-sidebar .feed-origin:before,.drop-sidebar .feed-origin:after{animation:none!important}.drop-sidebar .feed-origin img{will-change:auto}}

/* source: site-background.css */
:root{--bg:#040509}
body{background:radial-gradient(ellipse at 90% 0,#49326308,transparent 45%),radial-gradient(ellipse at 20% 30%,#203c6008,transparent 40%),#040509}

/* source: language-picker.css */
header .language-picker,.language-picker{position:relative;display:block;flex:0 0 auto;margin:0;padding:0;border:0;border-radius:7px;background:#22232d;color:#c8c9d5;font:500 12px var(--font-ui,Arial,sans-serif);z-index:100}
.language-picker .language-trigger{display:flex;align-items:center;justify-content:space-between;gap:9px;width:62px;height:36px;padding:0 10px;border:0;border-radius:7px;background:#252630;color:#d6d7e1;font:inherit;cursor:pointer}
.language-picker .language-trigger svg{width:12px;height:12px;fill:none;stroke:#858797;stroke-width:1.7}
.language-picker .language-trigger[aria-expanded=true]{border-radius:7px 7px 0 0;background:#2b2d39}
.language-picker .language-options{position:absolute;top:calc(100% + 3px);right:0;width:72px;padding:6px 0;background:#24252f;border:1px solid #ffffff0a;border-radius:5px;box-shadow:0 12px 30px #0007;max-height:min(520px,calc(100dvh - 100px));overflow-y:auto;scrollbar-width:thin;scrollbar-color:#575866 #24252f}
.language-picker [hidden]{display:none!important}
.language-picker .language-options button{display:flex;align-items:center;gap:9px;width:100%;height:28px;padding:0 9px;border:0;border-radius:0;background:transparent;color:#bfc0cd;font:inherit;cursor:pointer;text-align:left}
.language-picker .language-options img{width:18px;height:12px;object-fit:cover;border-radius:0;flex:none}
.language-picker .language-options button:hover,.language-picker .language-options button:focus-visible{background:#363845;color:white;outline:none}
.language-picker .language-options button[aria-selected=true]{color:#fff;background:#30323d;box-shadow:inset 2px 0 #ffe014}
.language-picker button:focus-visible{outline:2px solid #ffe014;outline-offset:2px}
.language-picker[aria-busy=true] .language-code{opacity:.5}
.language-picker .language-error{position:absolute;right:0;top:42px;min-width:170px;padding:8px;background:#29232b;color:#ffc3bd;border-radius:5px}
@media(max-width:720px){header .language-picker{padding:0}.language-picker .language-trigger{width:56px;height:32px}}

body>.language-picker{position:fixed;right:18px;top:14px;z-index:1000}

.language-picker .language-trigger{width:86px;gap:7px}.language-picker .language-trigger .language-flag{display:block;width:18px;height:12px;object-fit:cover;flex:none;border-radius:1px}@media(max-width:720px){.language-picker .language-trigger{width:80px}}

/* source: catalog-filters.css */
.catalog-filters{margin:8px 0 22px;padding:11px 14px 7px;border:1px solid #ffe01420;border-radius:15px;background:linear-gradient(115deg,#13151cdd,#0b0e14ee 70%);box-shadow:0 10px 32px #0002;color:#b4b9c6}
.filter-primary{display:flex;align-items:center;gap:8px;min-width:0}
.filter-secondary{flex:1;min-width:120px;overflow:hidden}
.collection-chips{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:2px 1px 4px;scrollbar-width:thin;scrollbar-color:#ffe01442 transparent}
.collection-chips button{position:relative;isolation:isolate;flex:none;height:38px;padding:0 13px;overflow:hidden;border:1px solid #ffe01438;border-radius:8px;background:linear-gradient(115deg,#16191f,#151515 48%,#13171e);background-size:220% 100%;color:#ffe014;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:inset 0 1px 0 #ffe0140a;transition:color .2s,border-color .2s,box-shadow .2s;animation:collection-chip-glow 6s ease-in-out infinite alternate}
.collection-chips button::before{content:'';position:absolute;inset:-1px;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#ffe0141c 45%,#ffe0142a 50%,#ffe01412 56%,transparent 80%);transform:translateX(-120%);animation:collection-chip-sheen 7s ease-in-out infinite}
.collection-chips button:nth-child(2n){animation-delay:-2s}.collection-chips button:nth-child(3n)::before{animation-delay:-2.4s}.collection-chips button:nth-child(3n + 2)::before{animation-delay:-4.8s}
.collection-chips button:hover{border-color:#ffe01480;box-shadow:0 0 14px #ffe01414,inset 0 1px #ffe01415}
.collection-chips button[aria-pressed=true]{border-color:#ffe014a3;background:linear-gradient(115deg,#3b3b3b,#1f1f1f,#444);background-size:220% 100%;box-shadow:0 0 15px #ffe01420,inset 0 1px #ffe01420}
.catalog-filters .case-tabs{display:flex;flex:none;margin:0}
.catalog-filters .case-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 12px;border:1px solid #ffffff12;border-radius:9px;background:#ffffff03;color:#b5bac6;font-size:11px;line-height:1;white-space:nowrap}
.catalog-filters .case-tabs button span{margin:0;color:#ffe014;font-size:18px;line-height:1}.catalog-filters .case-tabs button b{margin:0;color:#858b99;font-size:10px;line-height:1}
.catalog-filters .case-tabs button[aria-pressed=true]{border-color:#ffe01466;background:#ffe01416;color:#ffe014;box-shadow:inset 0 0 18px #ffe01408}
.filter-options{display:flex;align-items:center;gap:8px;flex:none}
.case-price-range{position:relative;display:flex;align-items:center;gap:5px;height:38px;margin:0;padding:0 10px;border:1px solid #ffffff12;border-radius:9px;background:#080b1188}
.case-price-range legend{position:absolute;top:-7px;left:9px;padding:0 4px;background:#101219;color:#99917f;font-size:9px}.case-price-range input{width:48px;min-width:0;padding:6px 0;border:0;outline:none;background:transparent;color:#e9e6df;font-size:11px;appearance:textfield;-moz-appearance:textfield}.case-price-range input::-webkit-inner-spin-button,.case-price-range input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.case-price-range:focus-within{border-color:#ffe01480}.range-coin{color:#ffe014;font-size:12px}
.case-sort-field{position:relative;display:block}.case-sort-field>span{position:absolute;z-index:1;left:9px;top:-7px;padding:0 4px;background:#0f1118;color:#99917f;font-size:9px}.catalog-filters #case-sort{width:158px;height:38px;padding:0 27px 0 11px;border:1px solid #ffffff12;border-radius:9px;background:#080b11;color:#d1c9bb;font-size:11px;cursor:pointer}
.filter-summary{display:flex;align-items:center;gap:10px;min-height:19px;padding:3px 3px 0;color:#6e7686;font-size:10px}.filter-summary b{color:#b2b6bf;font-weight:600}.filter-summary #clear-case-filters{margin-left:auto;padding:2px 0;border:0;background:none;color:#ffe014;font-size:10px}.filter-summary #clear-case-filters span{margin-left:5px;font-size:14px}.filter-summary #price-range-error{color:#eca092}
.catalog-anchor{height:0}.catalog-filters [hidden]{display:none!important}.catalog-filters button:focus-visible,.catalog-filters select:focus-visible{outline:2px solid #ffe014;outline-offset:2px}
@media(max-width:900px){.filter-primary{flex-wrap:wrap}.filter-secondary{flex-basis:100%;width:100%}.filter-options{flex:1}.case-price-range{flex:1}.case-price-range input{width:40%;flex:1}.case-sort-field{flex:1}.catalog-filters #case-sort{width:100%}}
@media(max-width:560px){.catalog-filters{margin:4px 0 18px;padding:9px 10px 6px;border-radius:13px}.filter-primary{gap:7px}.collection-chips button{height:34px;padding:0 11px;font-size:10px}.catalog-filters .case-tabs button{height:36px}.filter-options{width:100%;flex-basis:100%}.case-price-range,.catalog-filters #case-sort{height:36px}.filter-summary{flex-wrap:wrap;gap:3px 9px}.filter-summary #price-range-error{order:3;width:100%}}
@keyframes collection-chip-glow{from{background-position:0 50%}to{background-position:100% 50%}}
@keyframes collection-chip-sheen{0%,12%{transform:translateX(-120%)}65%,100%{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){.catalog-filters *{animation:none!important;transition:none!important}.collection-chips button::before{display:none}}

/* source: profile.css */
#profile-view{padding:26px;max-width:1600px;margin:auto;color:#dce0e9}.profile-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.profile-title small{font-size:10px;letter-spacing:3px;color:#ffe014}.profile-title h1{font-size:30px;margin:5px 0;color:#ffe014}.profile-mode{border:1px solid #ffe01435;border-radius:8px;padding:8px 12px;color:#ffe014;font-size:11px}.profile-overview{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px}.profile-identity,.profile-highlight{position:relative;border:1px solid #ffe01420;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#ffe01418,transparent 70%),#10141d;padding:22px;min-width:0;overflow:hidden}.profile-person{display:flex;align-items:center;gap:13px}.profile-avatar{width:62px;height:62px;background:#161d27;border:1px solid #ffe01455;border-radius:16px;display:grid;place-items:center;overflow:hidden;flex:none}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-person h2{margin:0 0 5px;font-size:18px;overflow-wrap:anywhere}.profile-person small{display:block;font-size:10px;color:#758094}.profile-person a{display:inline-block;font-size:11px;color:#b3b8c2;margin-top:5px}.profile-gear{margin-left:auto;border:1px solid #ffffff10;background:#ffffff04;border-radius:9px;color:#ffe014;padding:8px}.profile-wallet{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:10px}.profile-wallet small,.profile-highlight small{display:block;font-size:11px;color:#959faf}.profile-wallet strong{font-size:26px;color:#ffe014;display:block;margin-top:4px}.profile-wallet button{padding:11px 16px;border-radius:9px}.profile-identity-actions{display:flex;gap:8px;margin-top:17px}.profile-identity-actions button,.profile-signin{border:1px solid #ffe01425;border-radius:8px;background:#1c1b1a;color:#ffe014;font-size:11px;padding:9px 10px}.profile-highlight{display:flex;align-items:center;min-height:236px}.profile-highlight>div{position:relative;z-index:1;max-width:60%}.profile-highlight h3{font-size:16px;line-height:1.5;margin:12px 0;overflow-wrap:anywhere}.profile-highlight p{font-size:11px;color:#6f7c90}.profile-highlight>img{position:absolute;right:-5%;bottom:12%;width:62%;height:75%;object-fit:contain;filter:drop-shadow(0 10px 20px #0006);opacity:.85}.profile-highlight a,.profile-highlight button{display:inline-block;margin-top:15px;font-size:12px;color:#ffe014;background:none;border:0;padding:0;text-decoration:none}.profile-best b{display:block;color:#ffe014}.profile-placeholder{position:absolute;right:20px;font-size:100px;color:#ffe01415}.profile-metrics{display:flex;gap:30px;padding:20px 5px;color:#7f8a9d;font-size:12px;flex-wrap:wrap}.profile-metrics b{color:#ffe014;font-size:16px;margin-left:7px}.profile-tabs{display:flex;gap:5px;border-bottom:1px solid #ffffff0b;padding-bottom:12px;overflow-x:auto}.profile-tabs button{white-space:nowrap;border:1px solid transparent;background:transparent;color:#8490a2;border-radius:9px;padding:12px 16px;font-size:12px}.profile-tabs button[aria-pressed=true]{color:#ffe014;background:#ffe01418;border-color:#ffe01438}.profile-tabs b{margin-left:7px;font-size:10px;background:#ffffff09;padding:3px 6px;border-radius:4px}.profile-content{padding-top:20px}.profile-empty{padding:36px 24px;border:1px dashed #ffe01425;border-radius:16px;text-align:center;background:radial-gradient(ellipse,#ffe01410,transparent 70%)}.profile-empty>span{font-size:44px;color:#ffe01480}.profile-empty h3{font-size:18px;color:#ffe014}.profile-empty p{font-size:12px;color:#8490a2}.profile-empty button,.profile-more{border:1px solid #ffe01450;background:#ffe01412;color:#ffe014;padding:10px 18px;border-radius:8px;margin-top:12px}.profile-inventory-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px;font-size:12px}.profile-inventory-tools button{border:1px solid #ffffff12;background:#171e29;color:#c1c8d5;padding:10px 12px;border-radius:8px}.profile-inventory-tools button:disabled,.profile-item button:disabled{opacity:.35;cursor:not-allowed}.profile-inventory-tools label{margin-right:auto;color:#8996a8;display:flex;align-items:center;gap:6px}.profile-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px}.profile-items>.profile-empty{grid-column:1/-1}.profile-item{padding:12px;border:1px solid color-mix(in srgb,var(--item-color) 28%,transparent);border-radius:12px;background:linear-gradient(160deg,color-mix(in srgb,var(--item-color) 17%,#11161e),#0d131c 80%);min-width:0}.profile-item-art{width:100%;height:110px;background:none;border:0;padding:0}.profile-item img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 13px color-mix(in srgb,var(--item-color) 20%,transparent))}.profile-item h3{font-size:12px;line-height:1.5;margin:8px 0 3px;overflow-wrap:anywhere}.profile-item>small{font-size:10px;color:#8b96a9}.profile-item>div{display:flex;justify-content:space-between;align-items:center;margin:10px 0;color:#ffe014;font-size:13px}.profile-item>button:last-child{width:100%;border:1px solid #ffe01425;border-radius:6px;background:#ffe01410;padding:7px;color:#ffe014;font-size:11px}.profile-event{display:flex;gap:14px;align-items:center;border-bottom:1px solid #ffffff08;padding:14px 8px;min-width:0}.profile-event-icon{font-size:24px;color:#ffe014}.profile-event strong{display:block;font-size:13px}.profile-event small{display:block;font-size:10px;color:#748197;margin-top:5px}.profile-event-result{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:12px}.profile-event-result img{width:70px;height:48px;object-fit:contain}.profile-event-result b{color:#ffe014;white-space:nowrap}.profile-settings{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px}.profile-settings form,.profile-settings aside{padding:24px;border:1px solid #ffffff0c;background:#10151e;border-radius:14px}.profile-settings h2,.profile-settings h3{font-size:18px;color:#ffe014}.profile-settings label:not(.profile-streamer){display:block;font-size:12px;color:#8f9bad;margin:16px 0 10px}.profile-settings input:not([type=checkbox]){display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #ffffff14;border-radius:8px;background:#080d15;color:#dce3ee;font-size:13px;box-sizing:border-box}.profile-settings a{color:#ffe014;font-size:11px}.profile-settings p,.profile-hint{font-size:11px;line-height:1.7;color:#7e8a9d}.profile-streamer{display:flex;gap:8px;align-items:center;font-size:12px;margin-top:22px}.profile-settings button{display:block;margin-top:16px;border:1px solid #ffe01435;background:#ffe01412;border-radius:8px;padding:10px 14px;color:#ffe014}.profile-settings button:disabled{opacity:.4}.profile-setting-status,.profile-error{color:#e5a48c!important}.profile-loading{padding:50px;text-align:center;color:#ffe014}.account-dialog .steam-login{display:block;margin:20px 0;padding:15px;text-align:center;border:1px solid #95bd6055;border-radius:10px;background:linear-gradient(120deg,#547b2b,#293c20);color:#e5f6d2;font-weight:700;text-decoration:none}.profile-signin{margin-top:8px}#profile-view button:focus-visible,#profile-view a:focus-visible{outline:2px solid #ffe014;outline-offset:3px}
@media(max-width:1100px){.profile-overview{grid-template-columns:1fr 1fr}.profile-identity{grid-column:1/-1}.profile-identity-actions{justify-content:flex-start}.profile-highlight{min-height:210px}.profile-settings{grid-template-columns:1fr}}
@media(max-width:620px){#profile-view{padding:18px 12px}.profile-title h1{font-size:24px}.profile-overview{gap:10px}.profile-identity{padding:18px}.profile-highlight{padding:15px;min-height:210px;align-items:flex-start}.profile-highlight>div{max-width:100%}.profile-highlight>img{height:45%;bottom:5px;right:0;opacity:.6}.profile-highlight h3{font-size:12px}.profile-highlight button,.profile-highlight a{font-size:10px}.profile-metrics{gap:12px;font-size:10px}.profile-tabs button{padding:10px;font-size:11px}.profile-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profile-event{flex-wrap:wrap}.profile-event-result{width:100%;margin-left:35px;gap:8px}.profile-event-result span{font-size:10px}.profile-settings form,.profile-settings aside{padding:16px}.profile-wallet strong{font-size:22px}}

#account-button.has-avatar{width:38px;height:38px;min-width:38px;padding:2px;display:grid;place-items:center;overflow:hidden;border-radius:10px;border:1px solid #ffe01455;background:#111722;transition:border-color .2s,box-shadow .2s,transform .2s}#account-button.has-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:7px}#account-button.has-avatar:hover{border-color:#ffe014;box-shadow:0 0 14px #ffe01430;transform:translateY(-1px)}

header .wallet{display:flex;align-items:center;justify-content:center;gap:10px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}header .wallet>div{display:flex;align-items:center;justify-content:center;gap:6px;text-align:center}header .wallet small{display:inline;margin:0;font-size:12px;line-height:1.3}header .wallet strong{display:inline;line-height:1.3}

.profile-case-picker{width:min(920px,92vw);max-height:85vh;box-sizing:border-box;border:1px solid #ffe01440;border-radius:18px;padding:22px;background:#10141d;color:#eee}.profile-case-picker::backdrop{background:#000b;backdrop-filter:blur(6px)}.profile-case-picker header{display:flex;align-items:center;justify-content:space-between;position:static;background:none;padding:0;min-height:0}.profile-case-picker h2{font-size:20px;color:#ffe014}.profile-case-picker [data-close]{border:0;background:none;color:#eee;font-size:28px}.profile-case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.profile-case-grid button{border:1px solid #ffffff12;border-radius:12px;padding:10px;background:#ffffff03;color:#ddd;cursor:pointer;transition:background .2s,border-color .2s}.profile-case-grid button:hover,.profile-case-grid button[aria-pressed=true]{border-color:#ffe014;background:#ffe01414}.profile-case-grid img{width:100%;height:130px;object-fit:contain}.profile-case-grid span{display:block;font-size:12px}.profile-case-grid button:disabled{opacity:.5}.profile-case-picker [role=status]{color:#ffe014}.profile-highlight [data-choose-favorite]{display:block}

.profile-case-group-title{grid-column:1/-1;margin:20px 0 2px;padding-bottom:10px;border-bottom:1px solid #ffe01425;color:#ffe014;font-size:15px;font-weight:600}.profile-case-group-title:first-child{margin-top:0}

#detail-view .case-funds-warning{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 16px 8px;color:#ffe014;font-size:14px;text-align:center}#detail-view .case-funds-warning[hidden]{display:none}#detail-view .case-currency{font-size:29px;line-height:1;color:#ffe014;text-shadow:0 0 18px #ffe01455}#detail-view #open:disabled{opacity:.5;cursor:not-allowed}

footer .legal-links{display:flex;gap:16px;flex-wrap:wrap;align-items:center}footer .legal-links a{color:#a9a08f;font-size:11px;text-decoration:none}footer .legal-links a:hover{color:#ffe014}footer:has(.legal-links){flex-wrap:wrap}

.profile-item [data-sell],.profile-item [data-withdraw]{width:100%;margin-top:6px;padding:8px;border:1px solid #ffe01425;border-radius:6px;background:#ffe01410;color:#ffe014;font-size:11px}.profile-withdrawals{margin-top:24px;padding:18px;border:1px solid #ffffff12;border-radius:12px}.profile-withdrawals:empty{display:none}.profile-withdrawals p{font-size:12px;color:#aab6c7}.profile-withdrawals a{color:#ffe014}
/* Profile atmosphere: full-page obsidian backdrop and a dragon-vault cover. */
body:has(#profile-view:not([hidden])){background-color:#050609;background-image:radial-gradient(ellipse at 8% 24%,#ffe01424,transparent 45%),radial-gradient(ellipse at 96% 65%,#253e5426,transparent 48%),linear-gradient(180deg,#050609c9,#050609f2 85%),url('/images/dragon-vault-background-v1.webp');background-size:auto,auto,auto,cover;background-position:center;background-attachment:fixed}
#profile-view{position:relative;padding-top:12px;min-height:75vh}
#profile-view .profile-title{position:relative;isolation:isolate;overflow:hidden;min-height:156px;padding:28px 32px;margin-bottom:18px;border:1px solid #ffe01438;border-radius:22px;background:#090d13;box-shadow:0 16px 50px #0004,inset 0 1px #ffe0140d;gap:16px}
#profile-view .profile-title::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080c12 5%,#080c12dd 33%,#080c1240 66%,#080c1255),url('/images/dragon-vault-background-v1.webp') center 39%/cover no-repeat;pointer-events:none}
#profile-view .profile-title::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 68% 100%,#ffe01430,transparent 58%),linear-gradient(180deg,transparent 65%,#090d1380);box-shadow:inset 0 -1px #ffe01448;pointer-events:none}
#profile-view .profile-title small{color:#ffe014;letter-spacing:4px;font-size:10px}
#profile-view .profile-title h1{font-size:clamp(28px,3vw,40px);margin:10px 0 0;color:#f8eddc;text-shadow:0 2px 24px #0008}
#profile-view .profile-mode{align-self:flex-start;background:#080c12c9;border:1px solid #ffe01438;border-radius:30px;color:#ffe014;padding:10px 16px;backdrop-filter:blur(12px)}
#profile-view .profile-identity,#profile-view .profile-highlight{background:radial-gradient(ellipse at 80% 0,#ffe01412,transparent 70%),linear-gradient(145deg,#10151cf5,#080c12f5);border-color:#ffe01430;box-shadow:0 12px 32px #0003,inset 0 1px #ffffff04}
#profile-view .profile-identity{background:radial-gradient(ellipse at 0 0,#ffe01420,transparent 65%),linear-gradient(145deg,#11171ef5,#080c12f5)}
#profile-view .profile-metrics{border-bottom:1px solid #ffe01420;margin-bottom:16px}
#profile-view .profile-tabs{padding:7px;background:#080d13c9;border:1px solid #ffe01424;border-radius:13px;box-shadow:0 8px 30px #0002}
#profile-view .profile-content{margin-top:16px;padding:20px;border:1px solid #ffe0141c;border-radius:18px;background:linear-gradient(150deg,#0b1018e8,#060a10ed);box-shadow:0 18px 50px #0003}
@media(max-width:620px){#profile-view .profile-title{min-height:142px;padding:22px 18px;border-radius:16px;align-items:flex-end}#profile-view .profile-title::before{background-position:center,58% center}#profile-view .profile-mode{position:absolute;right:12px;top:12px;font-size:9px;padding:6px 9px}#profile-view .profile-content{padding:12px}#profile-view .profile-title small{font-size:9px;letter-spacing:3px}}

/* source: multi-case.css */
.open-controls{flex-wrap:wrap;gap:18px}.case-counts{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.case-counts button{min-width:45px;height:42px;border:1px solid #ffe01440;border-radius:9px;background:#11151d;color:#acb6c7;font-weight:800;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.case-counts button[aria-pressed=true]{background:#ffe014;color:#0f0f0f;box-shadow:0 0 20px #ffe01425}.case-counts button:hover:not(:disabled){border-color:#ffe014}.case-counts button:focus-visible{outline:2px solid #ffe014;outline-offset:3px}.case-counts button:disabled{cursor:wait;opacity:.65}
#detail-view.multi-opening .case-machine{display:none!important}#multi-case-grid[hidden]{display:none!important}#multi-case-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:24px 0;isolation:isolate}#multi-case-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}#multi-case-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}#multi-case-grid[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.multi-lane{min-width:0;position:relative;border:1px solid #ffe01435;border-radius:16px;background:radial-gradient(ellipse at center,#ffe01412,transparent 75%),#080c12;padding:18px 8px 10px;box-shadow:inset 0 1px #ffffff04}.multi-number{position:absolute;top:5px;left:12px;color:#8e97a7;font-size:10px;z-index:2}.multi-window{height:168px;overflow:hidden;position:relative}.multi-window:before,.multi-window:after{content:'';position:absolute;top:calc(50% - 5px);z-index:2;border-top:5px solid transparent;border-bottom:5px solid transparent}.multi-window:before{left:0;border-left:7px solid #ffe014}.multi-window:after{right:0;border-right:7px solid #ffe014}.multi-strip{will-change:transform}.multi-card{height:168px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 14px;gap:8px}.multi-card img,.multi-case-art{width:100%;height:118px;object-fit:contain;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--tone,#ffe014) 20%,transparent))}.multi-case-art{height:168px}.multi-card span{font-size:11px;text-align:center;line-height:1.25;min-height:28px}.multi-caption{min-height:26px;text-align:center;color:#ffe014;font-weight:800;font-size:14px;margin-top:8px}.multi-winner{background:radial-gradient(ellipse,color-mix(in srgb,var(--tone) 14%,transparent),transparent 72%)}.multi-lane.landed{border-color:#ffe01470;box-shadow:0 0 24px #ffe0140c}.multi-reward-dialog{width:min(1050px,94vw);max-width:1050px;max-height:90vh;overflow:auto;border:1px solid #ffe01466;border-radius:20px;background:#0c1119;color:#e2e8f1;padding:24px}.multi-reward-dialog::backdrop{background:#020408c9;backdrop-filter:blur(7px)}.multi-reward-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.multi-reward-header h2{margin:0 0 20px;font-size:24px}.multi-reward-header h2 span{color:#ffe014}.multi-reward-header>button{align-self:flex-start;background:none;border:0;color:#dce4ef;font-size:28px;cursor:pointer}.multi-rewards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.multi-rewards article{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;min-width:0;padding:12px 8px;border-radius:12px;border:1px solid color-mix(in srgb,var(--tone) 35%,transparent);background:radial-gradient(ellipse at top,color-mix(in srgb,var(--tone) 15%,transparent),transparent 80%)}.multi-rewards img{height:100px;width:100%;object-fit:contain}.multi-rewards b{font-size:12px;line-height:1.4}.multi-rewards small{color:#94a0b2;font-size:10px}.multi-rewards strong{color:#ffe014;margin-top:auto}.multi-total{text-align:center;font-size:26px;font-weight:800;color:#ffe014;margin:20px}.multi-reward-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
@media(max-width:900px){#multi-case-grid{gap:8px}.multi-lane{padding-inline:3px}.multi-card{padding-inline:7px}.multi-rewards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#multi-case-grid,#multi-case-grid[data-count="3"],#multi-case-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.multi-rewards{grid-template-columns:repeat(2,minmax(0,1fr))}.case-counts{gap:5px}.case-counts button{min-width:40px}.multi-reward-dialog{padding:16px}.multi-reward-actions button{width:100%}}

.multi-reward-dialog{width:min(var(--reward-width,1050px),94vw)}
.multi-rewards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.multi-reward-header h2:focus{outline:none}
.multi-reward-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px;margin-inline:auto;gap:10px}
.multi-reward-actions button{min-height:46px;padding:12px 10px;border-radius:9px;font-weight:700}
.multi-reward-actions .primary{background:linear-gradient(115deg,#ffe014,#ffe014);color:#1f1f1f;border:1px solid #ffe01473}
.multi-reward-actions .secondary{background:#141b27;color:#cbd5e4;border:1px solid #39445a}
.multi-reward-actions .secondary:hover{background:#222d40;border-color:#ffe01480}
.multi-reward-actions [data-choice=repeat]{border-color:#ffe01480;color:#ffe014;order:4}
.multi-reward-actions [data-choice=keep]{grid-column:1/-1;order:5;border-color:#ffe01480;color:#ffe014}
@media(max-width:600px){.multi-rewards{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* source: withdraw-dialog.css */
.inventory-tile [data-inspect-inventory],.profile-item-art{position:relative}.inventory-withdraw-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(ellipse,#0b101950,#030609b0);transition:opacity .2s}.inventory-withdraw-hint svg{width:28px;height:28px;padding:13px;box-sizing:content-box;border:1px solid #ffe01470;border-radius:50%;color:#ffe014;background:#10151ed9;box-shadow:0 0 28px #ffe0142b;transform:translateY(-5px);transition:transform .2s}.inventory-tile [data-inspect-inventory]:hover .inventory-withdraw-hint,.inventory-tile [data-inspect-inventory]:focus-visible .inventory-withdraw-hint,.profile-item-art:hover .inventory-withdraw-hint,.profile-item-art:focus-visible .inventory-withdraw-hint{opacity:1}.inventory-tile [data-inspect-inventory]:hover .inventory-withdraw-hint svg,.profile-item-art:hover .inventory-withdraw-hint svg{transform:translateY(0)}.inventory-tile .inventory-info{position:absolute;left:9px;top:45px;z-index:3;width:27px;height:27px;border:1px solid #ffffff24;border-radius:50%;background:#111923;color:#aebdd1;cursor:pointer}.withdraw-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 28px));max-width:460px;max-height:90dvh;overflow:auto;padding:30px 26px;border:1px solid #ffe01455;border-radius:22px;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--withdraw-tone) 12%,transparent),transparent 55%),#0c111b;color:#e5eaf4;text-align:center;box-shadow:0 30px 100px #0009}.withdraw-dialog::backdrop{background:#03050bbb;backdrop-filter:blur(8px)}.withdraw-close{position:absolute;top:10px;right:14px;border:0;background:none;color:#aebdd1;font-size:27px;cursor:pointer}.withdraw-dialog h2{font-size:22px;margin:8px 0 14px}.withdraw-dialog h2:focus{outline:none}.withdraw-art{height:180px;display:grid;place-items:center}.withdraw-art img{max-width:100%;height:170px;object-fit:contain;filter:drop-shadow(0 0 25px color-mix(in srgb,var(--withdraw-tone) 25%,transparent))}.withdraw-dialog h3{font-size:17px;line-height:1.4;margin:10px 0 5px}.withdraw-wear{color:#91a0b7}.withdraw-value{display:block;font-size:24px;color:#ffe014;margin:14px}.withdraw-message{font-size:13px;line-height:1.6;color:#a5b3c9;min-height:42px}.withdraw-actions{display:grid;gap:10px}.withdraw-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px;border:1px solid #ffe014;border-radius:11px;background:linear-gradient(120deg,#ffe014,#ffe014);color:#151515;font:700 14px var(--font-ui,sans-serif);cursor:pointer}.withdraw-submit:disabled{opacity:.5;cursor:wait}.withdraw-details{margin-top:17px;background:none;border:0;color:#9daec7;text-decoration:underline;cursor:pointer;font-size:12px}.withdraw-dialog a{color:#ffe014}@media(hover:none){.inventory-withdraw-hint{opacity:1;inset:auto 8px 8px auto;background:none}.inventory-withdraw-hint svg{width:18px;height:18px;padding:7px;transform:none}}

/* source: inventory-redesign.css */
#inventory-view{padding:24px clamp(12px,3vw,56px) 36px;max-width:1760px;margin:auto}
#inventory-view .section-heading{margin:0 0 8px}
#inventory-view .section-heading .eyebrow{display:none}
#inventory-view h1{font-size:clamp(28px,3vw,42px);letter-spacing:-1px;margin:0}
#inventory-summary{margin:0 0 20px;color:#98a2b3;font-size:14px}
#inventory-view .inventory-tools{display:grid;grid-template-columns:minmax(220px,2fr) minmax(140px,1fr) minmax(150px,1fr) auto auto;gap:12px;margin:0;background:none;padding:0;border:0}
#inventory-view .inventory-tools input,#inventory-view .inventory-tools select,#inventory-view .inventory-tools button{height:46px;min-width:0;width:100%;margin:0;padding:0 14px;border:1px solid #35404e;border-radius:9px;background:#0c1118;color:#dce3ed;font-size:13px}
#inventory-view .inventory-tools #sell-all{background:linear-gradient(115deg,#ffe014,#ffe014);color:#1f1f1f;border-color:#ffe01473;font-weight:700;padding-inline:24px}
#inventory-view .inventory-tools #inventory-select-mode[aria-pressed=true]{border-color:#ffe014;color:#ffe014;background:#151515}
#inventory-view .inventory-filter-extras{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:12px 0 18px;font-size:12px;color:#8997a9}
#inventory-view .inventory-filter-extras label{display:flex;gap:8px;align-items:center;cursor:pointer}
#inventory-view .inventory-filter-extras input{accent-color:#ffe014}
#inventory-view #inventory-select-page{background:none;border:0;padding:4px 0;color:#a6b1c1;font-size:12px}
#inventory-view .consolation-entry{float:right;margin:0 0 12px 12px;padding:7px 12px;border:1px solid #ffe01438;border-radius:8px;background:#10151d;color:#ffe014;font-size:11px}
#inventory-view .inventory-tools{clear:both}
#inventory-view #inventory-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch;margin:0}
#inventory-view .inventory-tile{position:relative;min-width:0;overflow:hidden;border:1px solid #303a46;border-radius:12px;background:#0b1016;transition:border-color .2s,box-shadow .2s}
#inventory-view .inventory-tile:hover{border-color:#657181}
#inventory-view .inventory-tile.is-selected,#inventory-view #inventory-grid.inventory-selecting .inventory-tile.is-selected{border-color:#ffe014;box-shadow:0 0 0 1px #ffe01460,inset 0 0 28px #ffe01409}
#inventory-view #inventory-grid .item{position:relative;display:flex;flex-direction:column;height:100%;min-height:268px;padding:0;margin:0;background:none;border:0;border-radius:0;cursor:pointer;text-align:left}
#inventory-view .inventory-art{position:relative;display:flex;align-items:center;justify-content:center;height:160px;padding:28px 10px 0;background:none;isolation:isolate}
#inventory-view #inventory-grid .item img{width:100%;height:125px;object-fit:contain;margin:0;filter:drop-shadow(0 3px 5px #0005) drop-shadow(0 0 13px color-mix(in srgb,var(--tone) 28%,transparent));transition:transform .25s}
#inventory-view #inventory-grid .item:hover img{transform:scale(1.05)}
#inventory-view .inventory-item-copy{display:flex;flex-direction:column;gap:3px;padding:8px 14px 15px;flex:1}
#inventory-view #inventory-grid .item small{font-size:11px;line-height:1.4;color:#a6b4c7}
#inventory-view #inventory-grid .item h3{font:700 13px/1.4 var(--font-ui,sans-serif);margin:0;white-space:normal;overflow:visible;min-height:36px;color:#ecf0f6}
#inventory-view #inventory-grid .item .inventory-wear{font-size:10px;color:#7f8da0;min-height:14px;margin-bottom:5px}
#inventory-view #inventory-grid .item p{position:static;margin:auto 0 0;padding-top:4px;font:800 17px/1.3 var(--font-ui,sans-serif);color:#ffe014}
#inventory-view .inventory-pick,#inventory-view #inventory-grid.inventory-selecting .inventory-pick{position:absolute;z-index:4;top:12px;left:12px;width:22px;height:22px;min-height:0;padding:0;border:1px solid #6d7b8d;border-radius:5px;background:#0d141dcc;color:#ffe014;font-size:15px}
#inventory-view .inventory-pick[aria-pressed=true],#inventory-view #inventory-grid.inventory-selecting .inventory-pick[aria-pressed=true]{background:#ffe014;color:#171717;border-color:#ffe014}
#inventory-view .inventory-star{top:8px;right:10px;z-index:4;width:28px;height:28px;background:none;font-size:24px;color:#8290a0}
#inventory-view .inventory-star[aria-pressed=true]{color:#ffe014}
#inventory-view .inventory-tile .inventory-info{left:auto;right:12px;top:122px;z-index:4;width:23px;height:23px;font-size:12px;opacity:0;transition:opacity .2s}
#inventory-view .inventory-tile:hover .inventory-info,#inventory-view .inventory-tile:focus-within .inventory-info{opacity:1}
#inventory-view .inventory-pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin:24px 0;color:#8c9bb0;font-size:13px}
#inventory-view .inventory-pagination button{width:34px;height:34px;padding:0;background:none;border:1px solid #303a46;border-radius:8px;font-size:25px;color:#d8e1ed}
#inventory-view .inventory-selection{position:sticky;bottom:18px;z-index:20;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:24px 0 0;padding:18px 20px;background:#0c1119f5;border:1px solid #ffe014b3;border-radius:14px;box-shadow:0 12px 40px #0008;backdrop-filter:blur(16px)}
#inventory-view #inventory-selected{font-size:16px;color:#ffe014;font-weight:700}
#inventory-view .inventory-bulk-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#inventory-view .inventory-selection button{height:44px;min-height:44px;padding:10px 18px;border:1px solid #475263;border-radius:9px;background:#121923;color:#d5dfeb;font-size:12px}
#inventory-view .inventory-selection #inventory-sell{background:linear-gradient(115deg,#ffe014,#ffe014);color:#1f1f1f;border-color:#ffe01473}
#inventory-view .inventory-selection #inventory-clear{width:40px;padding:0;border:0;background:none;font-size:26px;font-weight:400}
#inventory-view button:disabled{cursor:not-allowed}
@media(min-width:1500px){#inventory-view .inventory-art{height:180px}#inventory-view #inventory-grid .item img{height:145px}}
@media(max-width:1200px){#inventory-view #inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#inventory-view .inventory-tools{grid-template-columns:2fr 1fr 1fr}#inventory-view .inventory-tools #sell-all{grid-column:3}#inventory-view .inventory-tools #inventory-select-mode{grid-column:1/3}}
@media(max-width:800px){#inventory-view #inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#inventory-view .inventory-selection{bottom:10px;padding:14px}#inventory-view .inventory-bulk-actions{width:100%}#inventory-view .inventory-bulk-actions button:not(#inventory-clear){flex:1;padding-inline:10px}}
@media(max-width:540px){#inventory-view #inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#inventory-view .inventory-tools{grid-template-columns:1fr 1fr;gap:8px}#inventory-view .inventory-tools #inventory-search{grid-column:1/-1}#inventory-view .inventory-tools #inventory-select-mode,#inventory-view .inventory-tools #sell-all{grid-column:auto;font-size:11px;padding-inline:8px}#inventory-view .inventory-art{height:130px}#inventory-view #inventory-grid .item img{height:105px}#inventory-view #inventory-grid .item{min-height:248px}#inventory-view .inventory-item-copy{padding-inline:10px}#inventory-view .inventory-tile .inventory-info{top:104px;opacity:1}#inventory-view .inventory-selection #inventory-sell{flex-basis:100%}#inventory-view .inventory-selection{gap:10px}#inventory-view .inventory-bulk-actions{gap:8px}#inventory-view #inventory-selected{font-size:13px}}
@media(prefers-reduced-motion:reduce){#inventory-view *{transition:none!important;scroll-behavior:auto}}

/* Soft rarity light behind the item, fading before the card edges. */
#inventory-view .inventory-art:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:12px 0 -20px;background:radial-gradient(ellipse 44% 42% at 50% 55%,color-mix(in srgb,var(--tone) 42%,transparent) 0%,color-mix(in srgb,var(--tone) 23%,transparent) 38%,color-mix(in srgb,var(--tone) 7%,transparent) 68%,transparent 100%);filter:blur(13px);opacity:.9;transition:opacity .25s}
#inventory-view .inventory-tile:hover .inventory-art:before{opacity:1}

/* Keep the original search width; evenly divide the remaining toolbar space. */
#inventory-view .inventory-tools{grid-template-columns:minmax(220px,36%) repeat(4,minmax(0,1fr))}
#inventory-view .inventory-tools input,#inventory-view .inventory-tools select,#inventory-view .inventory-tools button{height:46px;min-height:46px;padding-inline:14px;font-size:12px;box-sizing:border-box}
#inventory-view .inventory-tools #sell-all{padding-inline:14px}
@media(max-width:1200px){#inventory-view .inventory-tools{grid-template-columns:repeat(2,minmax(0,1fr))}#inventory-view .inventory-tools #inventory-search{grid-column:1/-1}#inventory-view .inventory-tools #inventory-select-mode,#inventory-view .inventory-tools #sell-all{grid-column:auto}}

#inventory-view .inventory-tools select{appearance:none;-webkit-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='m3 4.5 3 3 3-3' stroke='%23cbd5e1' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 12px}

/* Sale confirmation in the site's dark and gold palette. */
dialog.inventory-confirm{width:min(460px,calc(100vw - 32px));max-width:460px;padding:30px;border:1px solid #ffe01455;border-radius:20px;background:#090c12;color:#edf1f7;box-shadow:0 24px 90px #000b;font-family:var(--font-ui,Manrope,Arial,sans-serif)}
dialog.inventory-confirm::backdrop{background:#030609c9;backdrop-filter:blur(10px)}
dialog.inventory-confirm h2{margin:0 0 14px;font-family:var(--font-ui,Manrope,Arial,sans-serif);font-size:25px;font-weight:800;letter-spacing:-.5px;line-height:1.3}
dialog.inventory-confirm p{margin:0 0 24px;color:#a3afc0;font-size:14px;line-height:1.7}
dialog.inventory-confirm .dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
dialog.inventory-confirm .dialog-actions button{width:100%;min-width:0;min-height:54px;padding:14px 20px;border-radius:11px;font-family:var(--font-ui,Manrope,Arial,sans-serif);font-size:16px;line-height:1.4;font-weight:700;transition:background .2s,border-color .2s,box-shadow .2s}
dialog.inventory-confirm [data-cancel]{background:#141a24;border:1px solid #394454;color:#dce4ef}
dialog.inventory-confirm [data-cancel]:hover:not(:disabled){background:#1d2634;border-color:#738095}
dialog.inventory-confirm [data-confirm]{background:linear-gradient(115deg,#ffe014,#ffe014);border:1px solid #ffe01473;color:#1f1f1f;box-shadow:0 5px 22px #ffe01412}
dialog.inventory-confirm [data-confirm]:hover:not(:disabled){background:linear-gradient(115deg,#ffe014,#ffe014);box-shadow:0 5px 24px #ffe01425}
dialog.inventory-confirm button:focus-visible{outline:2px solid #ffe014;outline-offset:3px}
dialog.inventory-confirm .sale-error{color:#ffb4a6}
@media(max-width:480px){dialog.inventory-confirm{padding:24px}dialog.inventory-confirm h2{font-size:23px}}

/* source: upgrade-redesign.css */
#upgrade-view{max-width:1760px;margin:auto;padding:20px clamp(12px,3vw,48px) 32px}
#upgrade-view .feature-title{text-align:center;margin:0 0 34px}
#upgrade-view .feature-title h1{font:400 clamp(30px,3vw,44px)/1.2 var(--font-display);letter-spacing:-.5px;color:#ffe014;text-transform:none;margin:0 0 10px}
#upgrade-view .feature-title>p{font-size:13px;line-height:1.6;color:#939faf;margin:0 auto;max-width:680px}
#upgrade-view .upgrade-arena{width:100%;margin:0 0 24px;grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);gap:30px;align-items:center;padding:0 0 66px;max-width:none}
#upgrade-view .upgrade-shaped-left,#upgrade-view .upgrade-shaped-right{fill:#0b0e13;stroke:#ffe01499;stroke-width:1}
#upgrade-view .upgrade-pedestal{height:288px;min-height:288px;max-height:none;width:100%;padding:38px 20px 12px;border:0;border-radius:0;background:none;box-shadow:none;gap:9px;--display-tone:#ffe014}
#upgrade-view #upgrade-source-preview:has(.source-display){padding:38px 18px 14px}
#upgrade-view .selection-meta{top:12px;left:18px;right:18px;font-size:12px;color:#a7b1bf}
#upgrade-view .selection-meta b{color:#ffe014;font-size:13px}
#upgrade-view .selection-meta button{font-size:10px;color:#8897a9}
#upgrade-view .dial-column{height:288px;align-self:center;display:grid;place-items:center;padding:0;margin:0}
#upgrade-view #upgrade-dial{width:260px;height:260px;margin:0;box-shadow:0 0 0 9px #0b0e14,0 0 0 10px #ffe01425,0 14px 42px #0006}
#upgrade-view .dial-core{inset:19px;border:8px solid #10131b;background:radial-gradient(ellipse at 50% 12%,#ffe01420,transparent 70%),#0c1118;box-shadow:inset 0 0 30px #0005;gap:10px}
#upgrade-view .dial-core strong{font:700 40px/1.1 var(--font-ui);color:#ffe014;letter-spacing:-1px}
#upgrade-view .dial-core .double-chevron{font-size:22px;color:#ffe014}
#upgrade-view .dial-core #dial-label{font-size:9px;letter-spacing:1px;color:#b7bfcb;max-width:165px;text-align:center}
#upgrade-view .scale-tick{transform:rotate(var(--mark)) translateY(-140px);background:#ffe01455}
#upgrade-view .scale-mark{display:none}
#upgrade-view #do-upgrade{position:absolute;top:calc(50% + 152px);left:50%;transform:translateX(-50%);width:290px;min-height:50px;margin:0;padding:12px 22px;border:1px solid #ffe01473;border-radius:10px;background:linear-gradient(115deg,#ffe014,#ffe014);color:#1f1f1f;font:700 17px/1.3 var(--font-ui,sans-serif);box-shadow:0 6px 26px #ffe01415}
#upgrade-view #do-upgrade:disabled{opacity:.4;cursor:not-allowed}
#upgrade-view .source-tile{border:1px solid #ffe01440;border-radius:9px;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--tone,#ffe014) 18%,transparent),transparent 70%),#101116;padding:9px;gap:6px}
#upgrade-view .source-display.single .source-tile{background:radial-gradient(ellipse,color-mix(in srgb,var(--tone,#ffe014) 15%,transparent),transparent 70%);border:0}
#upgrade-view .source-tile-info{flex-wrap:wrap;font-size:11px;gap:5px}
#upgrade-view .source-tile-info>span{white-space:normal}
#upgrade-view .source-tile-info>b{font-size:13px;color:#ffe014}
#upgrade-view .source-total{font-size:11px;padding-top:6px;color:#a7b1bf}
#upgrade-view .source-total b{font-size:14px;color:#ffe014}
#upgrade-view .upgrade-pedestal .source-display.single img{height:180px;max-height:180px}
#upgrade-view .upgrade-pedestal .source-display.multiple img{max-height:150px}
#upgrade-view .upgrade-pedestal .preview-stack{height:170px;min-height:170px;width:100%}
#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal>img{width:100%;height:170px;max-height:170px;object-fit:contain;filter:drop-shadow(0 0 22px #a78aec22)}
#upgrade-view .upgrade-pedestal>b{font-size:14px;line-height:1.4;color:#e4e9f0;text-align:center}
#upgrade-view .upgrade-pedestal>small{font-size:20px;font-weight:700;color:#ffe014}
#upgrade-view .upgrade-pedestal .multi-label{font-size:10px;color:#8491a3}
#upgrade-view .pedestal-placeholder{height:150px}
#upgrade-view .upgrade-funds{width:100%;margin:0 0 10px;padding:12px 18px;background:#0c1017;border:1px solid #ffe01430;border-radius:11px}
#upgrade-view .upgrade-funds-controls{width:min(70%,760px)}
#upgrade-view .upgrade-funds input[type=range]{accent-color:#ffe014}
#upgrade-view .upgrade-amount{background:#090d14;border-color:#ffe01445}
#upgrade-view #upgrade-minimum{margin:0 0 14px;text-align:center;font-size:11px;color:#8c98aa}
#upgrade-view .dual-pickers{width:100%;margin:18px 0 0;gap:18px;align-items:stretch}
#upgrade-view .skin-panel,#upgrade-view .skin-panel:has(#upgrade-targets){background:#0b0f15;border:1px solid #ffe01445;border-radius:13px;min-height:460px;box-shadow:none}
#upgrade-view .skin-panel-heading{padding:14px 15px 10px;min-height:48px;gap:10px;height:auto;border-bottom:0}
#upgrade-view .skin-panel-heading h2{font:400 21px/1.3 var(--font-display);color:#ffe014;white-space:nowrap}
#upgrade-view .quick-targets{gap:5px;flex-wrap:wrap}
#upgrade-view .quick-targets button{min-width:32px;min-height:30px;padding:5px 7px;border-radius:6px;background:#15191f;border:1px solid #ffe01438;color:#ffe014;font-size:10px}
#upgrade-view .skin-tools{padding:0 12px 12px;gap:8px}
#upgrade-view .skin-tools input,#upgrade-view .skin-tools select{height:36px;min-width:0;padding:8px 10px;font-size:11px;background:#090e15;border:1px solid #34404c;border-radius:7px;color:#bcc7d6}
#upgrade-view .skin-panel .choice-grid,#upgrade-view #upgrade-inputs{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:190px;min-height:390px;gap:9px;padding:0 12px 12px;align-content:start}
#upgrade-view .skin-panel .choice,#upgrade-view #upgrade-inputs .choice{position:relative;overflow:hidden;border:1px solid #303a45;border-radius:9px;background:#0b1016;box-shadow:none;display:flex;flex-direction:column;padding:0}
#upgrade-view .skin-panel .choice:hover,#upgrade-view #upgrade-inputs .choice:hover{border-color:#ffe0145e;background:#0d1219}
#upgrade-view .skin-panel .choice.selected,#upgrade-view #upgrade-inputs .choice.selected{border-color:#ffe014;background:#101218;box-shadow:inset 0 0 0 1px #ffe01430}
#upgrade-view .skin-panel .choice>.item,#upgrade-view #upgrade-inputs .choice>.item{display:flex;flex-direction:column;align-items:stretch;flex:1;min-height:0;height:auto;width:100%;padding:22px 9px 10px;margin:0;border:0;box-shadow:none;background:radial-gradient(ellipse at 50% 38%,color-mix(in srgb,var(--tone) 23%,transparent),transparent 64%);text-align:left}
#upgrade-view .skin-panel .choice .item img,#upgrade-view #upgrade-inputs .choice .item img{height:83px;width:100%;object-fit:contain;margin:0 0 7px;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--tone) 20%,transparent))}
#upgrade-view .skin-panel .choice .item small{display:block;font-size:9px;line-height:1.3;color:#90a0b5}
#upgrade-view .skin-panel .choice .item small:last-of-type{display:none}
#upgrade-view .skin-panel .choice .item h3,#upgrade-view #upgrade-inputs .choice .item h3{font:700 11px/1.3 var(--font-ui,sans-serif);min-height:28px;margin:2px 0 4px;color:#e4eaf3;overflow-wrap:anywhere}
#upgrade-view .skin-panel .choice .item p,#upgrade-view #upgrade-inputs .choice .item p{font-size:13px;color:#ffe014;margin:auto 0 0;text-align:left;position:static;white-space:normal}
#upgrade-view .skin-panel .choice>.choice-label{top:5px;left:6px;font-size:8px;padding:2px 5px;background:#111824c9;color:#8e9bae;border-radius:4px}
#upgrade-view .skin-panel .choice.selected>.choice-label,#upgrade-view #upgrade-inputs .choice.selected>.choice-label{background:#ffe014;color:#151515}
#upgrade-view .skin-pagination{font-size:11px;padding:12px;min-height:40px;gap:10px;justify-content:center}
#upgrade-view .skin-pagination button{height:28px;width:30px;background:#101722;border:1px solid #384451;color:#ffe014}
#upgrade-view .skin-panel .choice-grid>.empty{min-height:300px;font-size:13px;color:#8795a7}
@media(max-width:1100px) and (min-width:721px){#upgrade-view .upgrade-arena{grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr);gap:14px}#upgrade-view #upgrade-dial{width:210px;height:210px}#upgrade-view .scale-tick{transform:rotate(var(--mark)) translateY(-115px)}#upgrade-view #do-upgrade{width:228px;top:calc(50% + 128px)}#upgrade-view .source-tile-info{font-size:9px}#upgrade-view .source-tile-info>b{font-size:10px}#upgrade-view .skin-panel .choice-grid,#upgrade-view #upgrade-inputs{grid-template-columns:repeat(4,minmax(0,1fr))}#upgrade-view .skin-panel .choice .item h3{font-size:10px}}
@media(max-width:720px){#upgrade-view{padding:18px 12px 24px}#upgrade-view .feature-title{margin-bottom:20px}#upgrade-view .feature-title>p{font-size:11px}#upgrade-view .upgrade-arena{grid-template-columns:1fr 1fr;gap:12px;padding:0;margin:0 0 16px}#upgrade-view .upgrade-pedestal{height:220px;min-height:220px;border:1px solid #ffe01455;border-radius:12px;background:#0b0f15;padding:34px 9px 10px}#upgrade-view #upgrade-source-preview:has(.source-display){padding:34px 9px 10px}#upgrade-view .selection-meta{left:10px;right:10px;font-size:10px}#upgrade-view .selection-meta b{font-size:11px}#upgrade-view .upgrade-pedestal .preview-stack{height:112px;min-height:112px}#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal>img,#upgrade-view .upgrade-pedestal .source-display.single img{height:112px;max-height:112px}#upgrade-view .upgrade-pedestal>b{font-size:11px}#upgrade-view .upgrade-pedestal>small{font-size:16px}#upgrade-view .source-tile-info,#upgrade-view .source-tile-info>b{font-size:8px}#upgrade-view .dial-column{grid-column:1/-1;grid-row:2;height:340px;padding-top:10px;margin:0;align-items:start}#upgrade-view #upgrade-dial{width:240px;height:240px}#upgrade-view .scale-tick{transform:rotate(var(--mark)) translateY(-130px)}#upgrade-view #do-upgrade{top:278px;width:260px}#upgrade-view .upgrade-funds{width:100%;margin:0 0 10px;padding:12px;gap:10px}#upgrade-view .upgrade-funds-controls{width:100%}#upgrade-view .upgrade-amount input{width:68px}#upgrade-view .dual-pickers{grid-template-columns:1fr;width:100%;margin:18px 0 0;gap:16px}#upgrade-view .skin-panel .choice-grid,#upgrade-view #upgrade-inputs{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:180px;min-height:370px}#upgrade-view .skin-panel-heading h2{font-size:20px}#upgrade-view .skin-panel .choice .item img,#upgrade-view #upgrade-inputs .choice .item img{height:75px}#upgrade-view .skin-panel .choice .item p,#upgrade-view #upgrade-inputs .choice .item p{font-size:12px}}
/* Match the existing ID-scoped card rules so neither catalog inherits the old compact height. */
#upgrade-view :is(#upgrade-inputs,#upgrade-targets){grid-auto-rows:190px;min-height:390px}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice{height:190px;min-height:0;align-self:stretch}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice>.item{display:flex;flex-direction:column;height:100%;min-height:0;max-height:none;flex:1;padding:22px 9px 10px;box-sizing:border-box}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice .item img{height:83px;min-height:83px;margin:0 0 7px;object-fit:contain}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice .item small:first-of-type{display:block;font-size:9px}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice .item h3{display:block;min-height:28px;font-size:11px;margin:2px 0 4px}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice .item p{display:block;font-size:13px;margin:auto 0 0;position:static;color:#ffe014}
@media(max-width:720px){#upgrade-view :is(#upgrade-inputs,#upgrade-targets){grid-auto-rows:180px;min-height:370px}#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice{height:180px}#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice .item img{height:75px;min-height:75px}}

/* source: contract-redesign.css */
/* Contracts: dark document, ten slots and matching rarity-lit catalogs. */
#contract-view{max-width:1760px;margin:auto;padding:20px clamp(12px,3vw,48px) 32px}
#contract-view .feature-title{text-align:center;margin:0 0 28px}
#contract-view .feature-title h1{font:400 clamp(30px,3vw,44px)/1.2 var(--font-display);color:#ffe014;text-transform:none;margin:0 0 10px}
#contract-view .feature-title p{font-size:13px;line-height:1.6;color:#939faf;margin:auto;max-width:680px}
#contract-view .contract-console{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);margin:0;gap:18px;align-items:stretch}
#contract-view .contract-selection,#contract-view .contract-theater{border:1px solid #ffe01488;border-radius:13px;background:#0b0e13;box-shadow:none;min-width:0}
#contract-view .contract-selection{padding:22px;display:flex;flex-direction:column;gap:20px}
#contract-view .selection-title{font:400 25px/1.3 var(--font-display);color:#ffe014;letter-spacing:0;display:flex;align-items:center;justify-content:space-between;gap:10px}
#contract-view .selection-title span{font:12px/1.4 var(--font-ui,sans-serif);color:#9ca7b6}
#contract-view #contract-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;flex:1;align-content:center}
#contract-view .contract-slot{height:133px;border:1px solid #64708040;border-radius:9px;background:linear-gradient(145deg,#10151c,#0a0e13);gap:8px;overflow:hidden;min-width:0}
#contract-view .contract-slot>span:not(.slot-remove){width:35px;height:35px;border:1px solid #7e879c44;border-radius:50%;font:25px/32px sans-serif;color:#778290}
#contract-view .contract-slot small{color:#778290;font-size:10px}
#contract-view .contract-slot.filled{border-color:#ffe01499;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--tone,#b390df) 25%,transparent),transparent 75%),#0b0f15}
#contract-view .contract-slot img{height:85px;width:100%;object-fit:contain;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--tone,#b390df) 25%,transparent))}
#contract-view .contract-slot.filled small{color:#ffe014;font-size:12px}
#contract-view .contract-slot .slot-remove{border:1px solid #99a5b84d;border-radius:50%;width:19px;height:19px;font:16px/16px sans-serif;right:5px;top:5px;color:#b7bfcc}
#contract-view .contract-bar{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;margin:0;padding:18px 0 0;border:0;border-top:1px solid #66708038;border-radius:0;background:none;box-shadow:none}
#contract-view #contract-total{font-size:13px;line-height:1.7;color:#ffe014;flex:1;min-width:150px}
#contract-view #do-contract{min-height:50px;min-width:230px;margin:0;padding:12px 22px;background:linear-gradient(115deg,#ffe014,#ffe014);border:1px solid #ffe01473;border-radius:9px;color:#1f1f1f;font:700 16px/1.4 var(--font-ui,sans-serif)}
#contract-view #do-contract:disabled{opacity:.4;cursor:not-allowed}
#contract-view .contract-theater{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;min-height:420px;margin:0;padding:18px;gap:12px;overflow:hidden}
#contract-view #contract-paper{width:100%;min-height:285px;flex:1;margin:0;padding:28px;border:1px solid #ffe01473;border-radius:5px;background:radial-gradient(ellipse at 80% 50%,#ffe0140d,transparent 70%),#0c1015;color:#929dac;transform:none;box-shadow:inset 0 0 0 5px #090c11,inset 0 0 0 6px #ffe01424}
#contract-view #contract-paper:before{content:'';position:absolute;right:22px;bottom:25px;width:135px;height:175px;background:url('/images/brand-dragon-gold-v2-icon.webp') center/contain no-repeat;opacity:.1;pointer-events:none}
#contract-view #contract-paper .paper-heading{font:400 24px/1.35 var(--font-display);letter-spacing:.5px;color:#ffe014;border-bottom:1px solid #ffe01440;padding-bottom:16px}
#contract-view #contract-paper .paper-heading span{display:block;font:10px/1.4 var(--font-ui,sans-serif);letter-spacing:2px;color:#ffe014;margin-top:7px}
#contract-view #contract-paper .paper-lines{opacity:.16;margin:20px 0}
#contract-view #contract-paper>p{font:12px/1.8 var(--font-ui,sans-serif);color:#aab2be;opacity:1;max-width:300px}
#contract-view #contract-paper.awaiting-signature{box-shadow:inset 0 0 0 5px #090c11,inset 0 0 0 6px #ffe01424,0 0 20px #ffe01410}
#contract-view #contract-paper .full-paper-signature path{stroke:#ffe014;stroke-width:2.2}
#contract-view .contract-stamp{color:#ffe014;border-color:#ffe014}
#contract-view #contract-theater .signature-tools{position:static;width:100%;max-width:none;flex:0;margin:0;padding:0 8px;border:0;background:none;box-shadow:none;gap:5px}
#contract-view .signature-instruction{font-size:9px;letter-spacing:1px;color:#ffe014}
#contract-view #signature-hint{font-size:10px;line-height:1.5;color:#8e9baa}
#contract-view #signature-clear{min-height:30px;font-size:10px;padding:6px 12px;background:#10161e;color:#ffe014;border:1px solid #ffe01444;border-radius:6px}
#contract-view .contract-reward strong{color:#ffe014;font-size:26px}
#contract-view .dual-pickers{display:grid;grid-template-columns:1fr 1fr;width:100%;margin:20px 0 0;gap:18px;align-items:stretch}
#contract-view .skin-panel{background:#0b0f15;border:1px solid #ffe0144f;border-radius:13px;overflow:hidden;min-width:0}
#contract-view .skin-panel-heading{padding:15px;min-height:54px;gap:12px;flex-wrap:wrap;border-bottom:0}
#contract-view .skin-panel-heading h2{font:400 23px/1.3 var(--font-display);color:#ffe014}
#contract-view .skin-panel-heading>span{font-size:11px;color:#919cab}
#contract-view .quick-targets{gap:6px}
#contract-view .quick-targets button{min-height:32px;padding:6px 10px;font-size:11px;color:#ffe014;background:#131820;border:1px solid #ffe01441;border-radius:6px}
#contract-view .skin-tools{padding:0 12px 12px;gap:8px}
#contract-view .skin-tools input,#contract-view .skin-tools select{min-width:0;height:36px;padding:8px 10px;font-size:11px;background:#090e15;border:1px solid #34404c;border-radius:7px;color:#bcc7d6}
#contract-view #contract-inputs,#contract-view #contract-outcomes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:196px;gap:9px;padding:0 12px 12px;min-height:405px;max-height:610px;overflow:auto;align-content:start;scrollbar-width:thin;scrollbar-color:#424242 #0b0f15}
#contract-view .choice{display:flex;flex-direction:column;height:196px;padding:0;min-width:0;border:1px solid #65718044;border-radius:9px;background:#0b1016;overflow:hidden;position:relative}
#contract-view .choice.selected{border-color:#ffe014;box-shadow:inset 0 0 0 1px #ffe01433}
#contract-view .choice>.item,#contract-view #contract-outcomes>.item{display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:0;height:196px;padding:22px 10px 12px;border-radius:9px;margin:0;box-sizing:border-box;background:radial-gradient(ellipse at 50% 36%,color-mix(in srgb,var(--tone) 24%,transparent),transparent 70%),#0b1016;box-shadow:none;position:relative;text-align:left}
#contract-view .choice>.item{border:0;flex:1}
#contract-view #contract-outcomes>.item{border:1px solid #65718044}
#contract-view .item img{width:100%;height:85px;min-height:85px;object-fit:contain;margin:0 0 7px;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--tone) 22%,transparent))}
#contract-view .item small{display:block;font-size:9px;line-height:1.3;color:#91a0b5}
#contract-view .item small:last-of-type{display:none}
#contract-view .item h3{font:700 11px/1.3 var(--font-ui,sans-serif);min-height:28px;margin:3px 0;color:#e4eaf3;overflow-wrap:anywhere}
#contract-view .item p{position:static;font-size:13px;color:#ffe014;margin:auto 0 0}
#contract-view .choice-label,#contract-view .item .chance{position:absolute;top:5px;left:6px;right:auto;font-size:8px;padding:3px 5px;border-radius:4px;background:#18202bcc;color:#a7b1c2}
#contract-view .choice.selected .choice-label{background:#ffe014;color:#151515}
#contract-view #contract-outcomes>.muted,#contract-view #contract-inputs>.empty{grid-column:1/-1;display:grid;place-content:center;text-align:center;margin:0;min-height:360px;padding:25px;font-size:13px;line-height:1.7;color:#8e9baa;border:0}
#contract-view button:focus-visible{outline:2px solid #ffe014;outline-offset:3px}
#contract-view .result-banner:empty{display:none}
@media(max-width:1100px){#contract-view .contract-console{grid-template-columns:1.15fr 1fr;gap:12px}#contract-view .contract-selection{padding:15px}#contract-view #contract-slots{gap:6px}#contract-view .contract-slot{height:112px}#contract-view .contract-slot img{height:65px}#contract-view #do-contract{width:100%}#contract-view #contract-paper{padding:22px}#contract-view .skin-panel-heading h2{font-size:21px}#contract-view #contract-inputs,#contract-view #contract-outcomes{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){#contract-view{padding:18px 12px 24px}#contract-view .contract-console,#contract-view .dual-pickers{grid-template-columns:1fr;gap:16px;margin-left:0;margin-right:0}#contract-view .selection-title{font-size:23px}#contract-view .selection-title span{font-size:10px}#contract-view .contract-selection{padding:14px;gap:16px}#contract-view .contract-slot{height:83px;gap:4px}#contract-view .contract-slot img{height:48px}#contract-view .contract-slot.filled small{font-size:9px}#contract-view .contract-slot small{font-size:8px}#contract-view .contract-slot>span:not(.slot-remove){width:26px;height:26px;font-size:20px;line-height:24px}#contract-view .contract-bar{padding-top:12px;gap:10px}#contract-view .contract-theater{min-height:370px;padding:14px}#contract-view #contract-paper{min-height:250px}#contract-view .skin-tools{flex-wrap:wrap}#contract-view .skin-tools input,#contract-view .skin-tools select{flex:1;width:100%}#contract-view #contract-inputs,#contract-view #contract-outcomes{grid-template-columns:repeat(2,minmax(0,1fr));max-height:620px}#contract-view .feature-title p{font-size:12px}}
#contract-view .skin-panel-heading{background:none}
#contract-view .result-banner{margin:14px 0 0;background:#0c1017;border:1px solid #ffe01444;border-radius:9px;color:#ffe014}
/* Dragon-vault atmosphere, shared with the profile without limiting page height. */
body:has(#contract-view:not([hidden])){background-color:#050609;background-image:radial-gradient(ellipse at 50% 22%,#ffe01423,transparent 58%),linear-gradient(180deg,#050609aa,#050609eb 85%),url('/images/dragon-vault-background-v1.webp');background-position:center;background-size:auto,auto,cover;background-repeat:no-repeat;background-attachment:fixed}
#contract-view{position:relative;min-height:80vh}
#contract-view .feature-title{position:relative;isolation:isolate;overflow:hidden;padding:24px 28px;border:1px solid #ffe01438;border-radius:20px;background:#080c13;box-shadow:0 16px 45px #0004,inset 0 1px #ffe0140d;margin-bottom:20px}
#contract-view .feature-title::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080c12b8,#080c12c9 50%,#080c1280),url('/images/dragon-vault-background-v1.webp') center 38%/cover no-repeat;pointer-events:none}
#contract-view .feature-title::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 100%,#ffe01426,transparent 68%);box-shadow:inset 0 -1px #ffe01438;pointer-events:none}
#contract-view .feature-title h1{color:#ffe014;text-shadow:0 2px 22px #0009}
#contract-view .feature-title p{color:#bac0ca;text-shadow:0 1px 8px #000}
#contract-view .contract-selection,#contract-view .contract-theater,#contract-view .skin-panel{background:radial-gradient(ellipse at 70% 0,#ffe01412,transparent 70%),linear-gradient(145deg,#10151cf5,#080c12f5);border-color:#ffe01440;box-shadow:0 12px 36px #0004,inset 0 1px #ffffff05}
#contract-view .contract-theater{background:radial-gradient(ellipse at 50% 45%,#ffe01420,transparent 68%),linear-gradient(145deg,#11151bf5,#080c12f5)}
@media(max-width:720px){#contract-view .feature-title{padding:22px 16px;border-radius:16px}body:has(#contract-view:not([hidden])){background-position:center,center,52% center}}

/* source: free-redesign.css */
/* Centered parachute gift showcase. Modal and reward animation keep their own styles. */
#free-view{max-width:1760px;margin:0 auto;padding:24px clamp(12px,3vw,48px) 48px;min-height:70vh}
#free-view .feature-title{text-align:center;margin:0 0 28px}
#free-view .feature-title h1{font:400 clamp(30px,3.5vw,48px)/1.2 var(--font-display);color:#ffe014;text-transform:none;margin:0 0 12px}
#free-view .feature-title p{font-size:14px;line-height:1.6;color:#9da8b7;max-width:650px;margin:0 auto}
#free-view .free-available{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:7px 15px;border:1px solid #ffe01440;border-radius:24px;color:#aab3c0;font-size:12px}
#free-view .free-available strong{color:#ffe014;font-size:14px}
#free-view .free-case-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:18px;margin:0 auto;width:100%}
#free-view .free-case-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;flex:0 1 calc((100% - 54px)/4);min-width:0;max-width:370px;padding:22px 20px 20px;border:1px solid #ffe01475;border-radius:13px;background:radial-gradient(ellipse at 50% 60%,#ffe01410,transparent 70%),#090d12;text-align:center;overflow:hidden;transition:border-color .2s,box-shadow .2s}
#free-view .free-case-card:hover{border-color:#ffe014aa;box-shadow:0 8px 32px #0005,0 0 22px #ffe01409}
#free-view .free-gift-label{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-size:9px;line-height:1.5;letter-spacing:1px;color:#ffe014}
#free-view .free-gift-label:before,#free-view .free-gift-label:after{content:'';height:1px;flex:1;max-width:24px;background:#ffe01455}
#free-view .free-case-art{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;aspect-ratio: .78;margin:16px 0 20px}
#free-view .free-case-art:before{content:'';position:absolute;inset:12% -8% 0;background:radial-gradient(ellipse at 50% 55%,#ffe01425,transparent 66%);z-index:-1;pointer-events:none}
#free-view .free-case-art:after{content:'';position:absolute;bottom:0;left:17%;right:17%;height:11px;border-radius:50%;background:radial-gradient(ellipse,#ffe01477,#ffe01420 50%,transparent 75%);box-shadow:0 0 22px #ffe01425;z-index:-1;pointer-events:none}
#free-view .free-case-art img{display:block;width:100%;height:100%;max-height:385px;object-fit:contain;margin:0;mix-blend-mode:normal;filter:drop-shadow(0 8px 15px #0008);transition:transform .35s ease}
#free-view .free-case-card:hover img{transform:translateY(-5px)}
#free-view .free-case-card button{display:block;margin:auto 0 0;width:100%;min-height:48px;padding:12px 8px;border:1px solid #ffe01473;border-radius:9px;background:linear-gradient(115deg,#ffe014,#ffe014);color:#1f1f1f;font:700 14px/1.4 var(--font-ui,sans-serif);box-shadow:0 4px 16px #ffe0140d;cursor:pointer}
#free-view .free-case-card button:hover{background:linear-gradient(115deg,#ffe014,#ffe014)}
#free-view .free-case-card button:focus-visible{outline:2px solid #ffe014;outline-offset:4px}
#free-view .free-case-grid>.empty{flex:1 1 100%;max-width:720px;min-height:260px;display:grid;place-content:center;gap:8px;margin:16px auto;padding:30px;border:1px solid #ffe01438;border-radius:13px;background:radial-gradient(ellipse,#ffe01408,transparent 75%),#0a0e14;color:#96a2b3;font-size:14px;line-height:1.8;text-align:center}
@media(max-width:1100px){#free-view .free-case-grid{gap:14px}#free-view .free-case-card{flex-basis:calc((100% - 28px)/3);padding:18px 14px}#free-view .free-gift-label{font-size:8px;letter-spacing:.7px}}
@media(max-width:720px){#free-view{padding:20px 12px 32px}#free-view .feature-title{margin-bottom:22px}#free-view .feature-title p{font-size:12px}#free-view .free-case-grid{gap:10px}#free-view .free-case-card{flex-basis:calc((100% - 10px)/2);padding:15px 10px 12px;border-radius:10px}#free-view .free-gift-label{font-size:7px;letter-spacing:.4px;gap:4px}#free-view .free-gift-label:before,#free-view .free-gift-label:after{display:none}#free-view .free-case-art{margin:12px 0 16px;aspect-ratio:.72}#free-view .free-case-card button{font-size:11px;padding:10px 5px;min-height:46px}#free-view .free-case-grid>.empty{font-size:12px;min-height:220px}}
@media(prefers-reduced-motion:reduce){#free-view .free-case-card,#free-view .free-case-art img{transition:none}#free-view .free-case-card:hover img{transform:none}}
body:has(#free-view:not([hidden])) main{margin-left:0;margin-right:0;width:100%;max-width:none;padding:0}
#free-view .feature-title{width:auto;position:static;transform:none}

/* Balance columns against the available width and gift count, preserving aligned rows. */
#free-view .free-case-grid{display:grid;grid-template-columns:repeat(var(--gift-columns,1),minmax(0,1fr));grid-auto-flow:row;direction:ltr;justify-content:start;justify-items:stretch;margin-left:0;margin-right:auto}
#free-view .free-case-card{width:100%;max-width:none}
#free-view .free-case-grid>.empty{width:100%;grid-column:1/-1}

/* source: dragon-coin.css */
header .wallet strong::before{content:'';display:inline-block;width:25px;height:25px;vertical-align:middle;margin-right:7px;background:url('/images/dragon-coin.svg?v=yellow-2') center/contain no-repeat;filter:drop-shadow(0 0 7px #ffe01433)}
header .wallet strong{white-space:nowrap}
.dragon-coin-dialog{position:fixed;width:min(430px,calc(100vw - 28px));max-width:430px;padding:32px 28px 22px;text-align:center;color:#eee6d6;background:radial-gradient(ellipse at 50% 20%,#ffe01429,transparent 65%),#080c12;border:1px solid #ffe01459;border-radius:22px;box-shadow:0 30px 110px #000b}
.dragon-coin-dialog::backdrop{background:#020409c9;backdrop-filter:blur(8px)}
.dragon-coin-dialog .dc-close{position:absolute;right:14px;top:12px;border:1px solid #ffe01426;background:#ffffff05;border-radius:9px;color:#ffe014;font-size:24px;width:34px;height:34px;padding:0}
.dragon-coin-dialog .dc-art{display:block;width:116px;height:116px;margin:0 auto 22px;filter:drop-shadow(0 8px 24px #ffe01433)}
.dragon-coin-dialog small{color:#ffe014;font-size:9px;letter-spacing:2px}
.dragon-coin-dialog h2{font-size:27px;margin:12px 0}.dragon-coin-dialog h2 span{font-size:12px;vertical-align:middle;padding:4px 6px;color:#ffe014;background:#ffe01415;border:1px solid #ffe01435;border-radius:6px}
.dragon-coin-dialog p{color:#9ba6b5;line-height:1.7;font-size:12px}.dragon-coin-dialog .dc-amount{font-size:32px;color:#ffe014;margin:24px 0}.dragon-coin-dialog .dc-add{width:100%;min-height:48px;background:linear-gradient(115deg,#ffe014,#ffe014);color:#1f1f1f;border:1px solid #ffe01473;border-radius:10px;font-weight:700}.dragon-coin-dialog .dc-status{min-height:21px;margin-bottom:0;color:#ffe014}
@media(max-width:620px){header .wallet strong::before{width:20px;height:20px;margin-right:4px}}
header .wallet #topup{position:relative;display:grid;place-items:center;width:46px;min-width:46px;height:44px;padding:8px;overflow:visible;border-radius:12px;background:linear-gradient(145deg,#1b1b1b,#171a20);color:#ffe014;border:1px solid #ffe0144d;box-shadow:inset 0 1px #ffe01412;transition:border-color .18s ease,box-shadow .18s ease}
header .wallet #topup:hover:not(:disabled){border-color:#ffe01477;box-shadow:inset 0 1px #ffe01420,0 4px 16px #ffe01418}
header .wallet #topup .wallet-add-icon{display:block;width:27px;height:27px}
header .wallet #topup .wallet-add-badge{position:absolute;right:-5px;top:-5px;width:18px;height:18px;display:grid;place-items:center;background:#ffe014;color:#1b1b1b;border:2px solid #171a24;border-radius:50%;font:700 14px/1 Arial,sans-serif;pointer-events:none}
header .wallet #topup:focus-visible{outline:2px solid #ffe014;outline-offset:4px}

/* source: wallet.css */
/* imported by wallet.css: wallet-promo.css */
/* Local wallet preview; payment providers remain outside this handoff. */
body.carbon-theme header .wallet #topup{display:inline-flex!important;align-items:center;justify-content:center}
.wallet-promo-dialog{box-sizing:border-box;width:min(520px,94vw);max-width:520px;max-height:92dvh;padding:30px 28px 22px;overflow:auto;border:1px solid #7e6b3c66;border-radius:18px;background:radial-gradient(ellipse at 0 0,#5e49201a,transparent 60%),#101214;color:#f5f2e9;box-shadow:0 25px 110px #000c;font-family:inherit}
.wallet-promo-dialog::backdrop{background:#050607d9;backdrop-filter:blur(6px)}
.wallet-promo-dialog *{box-sizing:border-box}.wallet-promo-dialog [hidden]{display:none!important}
.wallet-promo-dialog button,.wallet-promo-dialog input{font-family:inherit}.wallet-promo-dialog button{cursor:pointer}.wallet-promo-dialog button:disabled{cursor:default;opacity:.45}.wallet-promo-dialog :focus-visible{outline:2px solid #ffe014;outline-offset:3px}
.wallet-promo-close{position:absolute;right:17px;top:14px;display:grid;place-items:center;width:29px;height:29px;padding:0;border:1px solid #ffffff17;border-radius:50%;background:#ffffff08;color:#b4b4b4;font-size:23px;line-height:1}
.wallet-promo-heading>span{display:block;color:#c7ad73;font-size:9px;font-weight:800;letter-spacing:2px;margin-bottom:12px}.wallet-promo-heading h2{margin:0 25px 8px 0;color:#fff7e7;font-size:25px;line-height:1.15;letter-spacing:-.6px}.wallet-promo-heading p{margin:0 0 26px;color:#92928d;font-size:12px;line-height:1.5}
.wallet-amount-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:700;margin-bottom:12px}.wallet-amount-label>span{font-size:9px;color:#8d8e89;font-weight:500}
.wallet-amount-field{position:relative;display:flex;align-items:center;background:#1b1d1e;border:1px solid #ab965d88;border-radius:10px}.wallet-amount-field input{display:block;width:100%;height:52px;padding:12px 45px 12px 15px;border:0;border-radius:10px;background:transparent;color:#f9f5e8;font-size:20px;font-weight:700;outline-offset:0}.wallet-amount-field>b{position:absolute;right:15px;pointer-events:none;color:#ffe014;font-size:21px}
.wallet-amount-hint{color:#8f908c;font-size:10px;margin:7px 0 13px}.wallet-amount-hint[data-invalid="true"]{color:#ff9f86}
.wallet-amount-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.wallet-amount-presets button{height:38px;border:1px solid #ffffff12;border-radius:8px;background:#202224;color:#cfcec7;font-size:12px;font-weight:700;transition:border-color .2s,background .2s}.wallet-amount-presets button:is(:hover,[aria-pressed="true"]){border-color:#ffe01470;background:#39321a;color:#ffedaa}
.wallet-credit-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 8px;margin:24px 0;padding:23px 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.wallet-credit-title{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:12px;font-weight:650}.wallet-credit-title>b{font-size:10px;line-height:1;color:#fff0b0;border:1px solid #d9bd7477;border-radius:20px;padding:5px 7px;background:#66572d55;box-shadow:0 0 18px #e3bc3722}
.wallet-credit-value{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.wallet-credit-value del{font-size:12px;color:#77766e}.wallet-credit-value strong{font-size:21px;color:#fff8e6;white-space:nowrap}.wallet-credit-bonus{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#aaa592}.wallet-credit-bonus>b{color:#ffe014;font-size:14px}
.wallet-promo-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:13px;font-weight:700}.wallet-promo-switch{display:flex;align-items:center;gap:9px;position:relative;cursor:pointer;font-size:10px;color:#b7b7af}.wallet-promo-switch input{position:absolute;right:0;opacity:0;width:36px;height:22px;margin:0;cursor:pointer}.wallet-promo-switch i{display:block;width:36px;height:22px;border-radius:20px;background:#454640;pointer-events:none;transition:background .2s}.wallet-promo-switch i:after{content:'';display:block;width:16px;height:16px;border-radius:50%;margin:3px;transform:translateX(0);background:#fff8d8;transition:transform .2s}.wallet-promo-switch input:checked+i{background:#ddbd37}.wallet-promo-switch input:checked+i:after{transform:translateX(14px)}.wallet-promo-switch input:focus-visible+i{outline:2px solid #ffe014;outline-offset:3px}
.wallet-promo-field{display:flex;align-items:center;gap:6px;min-height:51px;padding:5px 8px 5px 14px;border:1px solid #81754f;border-radius:10px;background:#1b1d1e}.wallet-promo-field input{width:0;flex:1;min-width:0;padding:8px 0;border:0;background:transparent;color:#f5f0dc;font-size:15px;outline-offset:4px}.wallet-promo-field input::placeholder{font-size:12px;color:#7e807a}.wallet-promo-field input:disabled{opacity:.5}
.wallet-promo-timer{display:flex;align-items:center;gap:5px;flex-shrink:0;padding:6px 8px;border:1px solid #ffffff12;border-radius:20px;background:#ffffff06;color:#e7cc89;font-size:10px;font-variant-numeric:tabular-nums}.wallet-promo-timer svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.wallet-promo-timer b{white-space:nowrap}
.wallet-promo-apply,.wallet-promo-clear{display:grid;place-items:center;flex-shrink:0;width:26px;height:28px;padding:0;border:0;background:none;color:#9f9d8d;font-size:22px}.wallet-promo-apply{color:#ffe014}.wallet-promo-clear{font-size:25px}.has-promo .wallet-promo-apply:disabled{opacity:1;color:#a5d27b}.has-promo .wallet-promo-field{border-color:#bba552}.promo-expired .wallet-promo-timer{color:#eea28a}
.wallet-promo-message{min-height:29px;margin:8px 0 18px;text-align:center;color:#aaa593;font-size:11px;line-height:1.5}.wallet-promo-message[data-kind="success"]{color:#b8d590}.wallet-promo-message[data-kind="error"]{color:#ffaf98}
.wallet-promo-check{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:49px;padding:13px 18px;border:0;border-radius:9px;background:#ffe014;color:#191708;font-size:14px;font-weight:800;transition:background .2s,transform .2s}.wallet-promo-check:hover:enabled{background:#ffed6a;transform:translateY(-1px)}.wallet-promo-check svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.wallet-promo-local{margin:11px 0 0;color:#8c8c81;text-align:center;font-size:10px;line-height:1.5}.wallet-promo-receipt{margin:15px 0 0;padding:12px;border:1px solid #d8bd4c44;border-radius:8px;background:#3b311c33;color:#e9d8a4;font-size:11px;line-height:1.6}
@media(max-width:540px){.wallet-promo-dialog{padding:26px 18px 20px;width:94vw;border-radius:14px}.wallet-promo-heading h2{font-size:23px}.wallet-amount-label{font-size:11px}.wallet-amount-label>span{font-size:8px}.wallet-amount-presets{gap:6px}.wallet-amount-presets button{font-size:11px}.wallet-credit-title{font-size:11px}.wallet-credit-value strong{font-size:18px}.wallet-promo-timer{padding:5px 6px;font-size:9px}.wallet-promo-field{gap:3px;padding-left:11px}.wallet-promo-field input{font-size:13px}.wallet-promo-apply,.wallet-promo-clear{width:23px}}
@media(prefers-reduced-motion:reduce){.wallet-promo-dialog *{transition:none!important}}

/* Production wallet: keep live provider controls and add promo/gift panels below. */
#wallet-dialog.payments-enabled{width:min(1120px,calc(100vw - 28px));max-width:1120px;max-height:calc(100dvh - 28px);overflow:auto}
#wallet-dialog.payments-enabled #wallet-view{display:block}
#wallet-dialog.payments-enabled .wallet-promo-embedded{margin:10px 0 0;padding:0;border:0;background:none}
#wallet-dialog.payments-enabled .wallet-promo-field{display:grid;grid-template-columns:auto minmax(80px,1fr) auto 38px 38px;align-items:center;gap:8px;min-height:50px;padding:5px 6px 5px 14px;border:1px solid #ffffff12;border-radius:11px;background:#24262b}
#wallet-dialog.payments-enabled .wallet-promo-field label{margin:0;color:#c7cad2;font-size:12px;font-weight:700;white-space:nowrap}
#wallet-dialog.payments-enabled .wallet-promo-field input,#wallet-dialog.payments-enabled .wallet-promo-field button{width:auto;min-height:38px;border:1px solid #45474d;border-radius:8px;background:#17181c;color:#fff}
#wallet-dialog.payments-enabled .wallet-promo-field input{min-width:0;padding:0 11px;font-size:13px}
#wallet-dialog.payments-enabled .wallet-promo-percent{color:#4be184;font-size:13px;font-weight:900;white-space:nowrap}
#wallet-dialog.payments-enabled .wallet-promo-field button{font-size:18px;font-weight:900;cursor:pointer}
#wallet-dialog.payments-enabled .wallet-promo-field button:first-of-type{border-color:#ffe014;background:#ffe014;color:#151509}
#wallet-dialog.payments-enabled .wallet-promo-field button:disabled{opacity:.42;cursor:not-allowed}
#wallet-dialog.payments-enabled .wallet-promo-message{min-height:0;margin:6px 2px 0;text-align:left;font-size:10px;line-height:1.4}
#wallet-dialog.payments-enabled .wallet-promo-message:empty{display:none}
#wallet-dialog.payments-enabled .wallet-promo-message[data-kind="error"]{color:#ff8d8d}
#wallet-dialog.payments-enabled .wallet-promo-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 2px 0;color:#aeb1ba;font-size:12px}
#wallet-dialog.payments-enabled .wallet-promo-total strong{color:#ffe014;font-size:16px}
@media(max-width:720px){#wallet-dialog.payments-enabled{width:min(100vw - 14px,1120px);max-height:calc(100dvh - 14px)}#wallet-dialog.payments-enabled .wallet-promo-field{grid-template-columns:auto minmax(60px,1fr) auto 34px 34px;gap:5px;padding-left:10px}#wallet-dialog.payments-enabled .wallet-promo-field label{font-size:11px}#wallet-dialog.payments-enabled .wallet-promo-field button{min-height:34px}}


#wallet-view{max-width:1580px;margin:auto;padding:28px clamp(14px,3vw,42px) 44px;min-height:80vh;color:#e9edf4}
.dw-heading{display:flex;align-items:center;gap:20px;margin-bottom:28px}.dw-heading-icon{width:62px;color:#ffe014;flex-shrink:0}.dw-heading-icon svg{width:100%;display:block}.dw-heading h1{font-size:clamp(25px,3vw,40px);line-height:1.2;margin:0 0 12px}.dw-badge{display:inline-block;border:1px solid #ffe01455;background:#ffe0140a;border-radius:30px;padding:7px 13px;font-size:9px;font-weight:700;letter-spacing:1px;color:#ffe014}.dw-heading>p{margin-left:auto;color:#8491a5;font-size:12px;line-height:1.7;text-align:right}
.dw-columns{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}.dw-panel{border:1px solid #8797ad26;border-radius:14px;background:linear-gradient(135deg,#131923,#0d121b);box-shadow:0 14px 38px #0002}.dw-packages{padding:26px}.dw-panel h2{font-size:21px;line-height:1.4;margin:0 0 8px}.dw-panel p{font-size:12px;line-height:1.6;color:#8997aa;margin:0 0 22px}.dw-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dw-package{position:relative;min-width:0;display:flex;align-items:center;gap:12px;text-align:left;min-height:142px;padding:19px 15px;border:1px solid #8797ad30;border-radius:12px;background:linear-gradient(145deg,#171e29,#0e131c);color:#eef1f6;transition:border-color .18s,background .18s}.dw-package:hover{border-color:#ffe01480}.dw-package.selected{border-color:#ffe014;background:linear-gradient(140deg,#262626,#1a1a1b);box-shadow:inset 0 0 0 1px #ffe014}.dw-package b{display:block;font-size:19px;white-space:nowrap}.dw-package small{display:block;color:#97a0ad;font-size:11px;line-height:1.5;margin-top:7px}.dw-check{display:none;position:absolute;right:10px;top:10px;width:22px;height:22px;place-items:center;background:#ffe014;border-radius:50%;color:#151515;font-size:14px}.selected .dw-check{display:grid}.dw-coins{position:relative;display:block;width:78px;height:78px;flex-shrink:0}.dw-coins img{position:absolute;width:52px;height:52px;filter:drop-shadow(0 5px 5px #0006)}.dw-coins img:nth-child(1){left:0;bottom:1px;transform:scale(.8)}.dw-coins img:nth-child(2){left:16px;top:1px;transform:scale(.85)}.dw-coins img:nth-child(3){right:0;bottom:0}.dw-custom-icon{width:78px;flex-shrink:0;text-align:center;font-size:46px;color:#ffe014}.dw-footnote{color:#8793a6!important;text-align:center;font-size:11px!important;margin:22px 0 0!important}.dw-form-column{display:grid;gap:16px;position:relative}.dw-form-column:before{content:'';position:absolute;left:-20px;top:0;bottom:0;border-left:1px solid #ffe0142b}.dw-selected{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;min-height:114px}.dw-selected small{display:block;color:#8f9aab;font-size:10px;letter-spacing:1px}.dw-selected strong{display:block;font-size:30px;margin-top:8px}.dw-selected img{width:74px;height:74px;filter:drop-shadow(0 8px 14px #ffe01420)}.dw-balance{padding:22px 28px;position:relative;overflow:hidden;isolation:isolate}.dw-balance:after{content:'';position:absolute;z-index:-1;inset:-35px -20px -50px 52%;background:url('/images/brand-dragon-gold-v2-icon.webp') center/contain no-repeat;opacity:.12;pointer-events:none}.dw-balance h2{font-size:21px}.dw-balance p{margin:0}.dw-balance b{color:#edf0f5}.dw-form{padding:24px 28px}.dw-form label{font-size:12px;color:#c0c8d5;display:block;margin-bottom:10px}.dw-input{display:flex;align-items:center;border:1px solid #8b9bae36;border-radius:9px;background:#090e16;padding-right:15px;color:#a2adbe}.dw-input:focus-within{border-color:#ffe014}.dw-input input{width:100%;min-width:0;border:0!important;background:transparent!important;color:#f0f2f6;padding:15px!important;font:600 19px var(--font-ui,sans-serif);outline:none!important;box-shadow:none!important}.dw-input span{font-size:12px}.dw-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.dw-presets button{padding:10px 2px;border:1px solid #8192aa32;border-radius:8px;background:#171f2b;color:#aeb9c9;font-size:12px}.dw-presets button.selected{border-color:#ffe014;background:#ffe01410;color:#ffe014}.dw-form [data-error]{font-size:11px;color:#ffe014;min-height:17px;margin:10px 0}.dw-summary{border-top:1px solid #9aabc02b;padding-top:17px;margin-bottom:22px;display:grid;gap:10px}.dw-summary>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#8e9baf}.dw-summary b{color:#edf1f7;text-align:right}.dw-submit{width:100%;display:flex;justify-content:center;align-items:center;gap:18px;min-height:50px;padding:13px 18px;border:1px solid #ffe014;border-radius:10px;background:linear-gradient(120deg,#ffe014,#ffe014);color:#151515;font:700 14px var(--font-ui,sans-serif)}.dw-submit span{font-size:23px}.dw-submit:disabled{opacity:.4;cursor:not-allowed}.dw-form .dw-status{margin:12px 0 0;color:#ffe014;font-size:12px}.dw-status:empty{display:none}.dw-mode-note{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:16px 20px;border:1px solid #ffe01440;background:#ffe01410;border-radius:12px;margin-bottom:20px;font-size:13px;color:#ffe014}#wallet-view button:focus-visible{outline:2px solid #ffe014;outline-offset:3px}
@media(max-width:1300px){.dw-columns{gap:24px}.dw-form-column:before{left:-13px}.dw-packages{padding:20px}.dw-package{min-height:130px;gap:8px;padding:16px 10px}.dw-coins,.dw-custom-icon{width:58px}.dw-coins img{width:44px;height:44px}.dw-coins img:nth-child(2){left:6px;top:6px}.dw-package b{font-size:16px}.dw-selected,.dw-balance,.dw-form{padding:20px}}
@media(max-width:980px){.dw-columns{grid-template-columns:1fr}.dw-form-column:before{display:none}.dw-package{min-height:110px}.dw-heading>p{display:none}.dw-form-column{grid-template-columns:1fr 1fr}.dw-form{grid-column:1/-1}.dw-heading-icon{width:48px}}
@media(max-width:540px){#wallet-view{padding:20px 12px 30px}.dw-heading{gap:12px;margin-bottom:20px}.dw-heading h1{font-size:24px}.dw-heading-icon{width:36px}.dw-badge{font-size:8px;padding:6px 9px}.dw-panel h2{font-size:18px}.dw-packages{padding:15px}.dw-grid{gap:9px}.dw-package{flex-direction:column;align-items:flex-start;gap:8px;min-height:153px;padding:13px}.dw-coins{height:60px}.dw-custom-icon{height:60px;font-size:42px}.dw-package small{font-size:10px}.dw-package b{font-size:17px}.dw-form-column{grid-template-columns:1fr}.dw-form{grid-column:auto}.dw-selected strong{font-size:27px}.dw-mode-note{align-items:flex-start;flex-direction:column}.dw-heading .dw-badge{letter-spacing:.3px}}
/* Wallet opens above the current view; the document retains its scroll position. */
body:has(#wallet-dialog[open]){overflow:hidden}
#wallet-dialog{width:min(560px,calc(100vw - 24px));max-width:560px;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #ffe01430;border-radius:23px;background:#191b20;box-shadow:0 28px 100px #0009;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#404040 #191b20}
#wallet-dialog::backdrop{background:#030509c9;backdrop-filter:blur(5px)}
#wallet-dialog #wallet-view{padding:0 22px 22px;min-height:0;width:100%;max-width:none;margin:0}
#wallet-dialog .dw-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;margin:0 -22px 18px;padding:19px 22px;background:#222429;border-bottom:1px solid #ffffff08}
#wallet-dialog .dw-heading h1{font-size:20px;margin:0;letter-spacing:-.4px}
#wallet-dialog .dw-heading-icon{width:23px;height:23px;color:#ffe014}
#wallet-dialog .dw-heading>p{display:none}
#wallet-dialog .dw-close{margin-left:auto;flex-shrink:0;width:32px;height:32px;min-height:0;padding:0;border:0;background:transparent;color:#92969f;font:400 28px Arial;box-shadow:none;border-radius:8px}
#wallet-dialog .dw-close:hover{background:#ffffff0c;color:#fff}
#wallet-dialog .dw-columns,#wallet-dialog .dw-form-column{display:flex;flex-direction:column;gap:18px}
#wallet-dialog .dw-form-column{width:100%;gap:0}
#wallet-dialog .dw-form-column:before,#wallet-dialog .dw-selected,#wallet-dialog .dw-balance{display:none}
#wallet-dialog .dw-panel{width:100%;padding:0;border:0;background:none;box-shadow:none}
#wallet-dialog .dw-packages>h2{display:none}
#wallet-dialog .dw-form label{font-size:12px;color:#a9adb7;margin-bottom:9px}
#wallet-dialog .dw-input{background:#2a2c32;border:1px solid #ffffff09;border-radius:12px}
#wallet-dialog .dw-input input{font-size:27px;padding:15px!important}
#wallet-dialog .dw-presets button{background:#282a30;border-color:transparent;color:#b0b3bc}
#wallet-dialog .dw-presets button.selected{background:#ffe014;color:#151515}
#wallet-dialog .dw-summary{padding-top:12px;margin-bottom:16px;gap:7px}
#wallet-dialog .dw-submit{min-height:52px;border-radius:11px;font-size:15px}
#wallet-dialog .dw-mode-note{padding:11px;font-size:11px;gap:8px;margin-bottom:14px}
#wallet-dialog .dw-mode-note button{font-size:11px;padding:8px}
@media(max-width:540px){#wallet-dialog{max-height:calc(100dvh - 16px);width:calc(100vw - 16px);border-radius:18px}#wallet-dialog #wallet-view{padding:0 16px 16px}#wallet-dialog .dw-heading{margin:0 -16px 14px;padding:16px}#wallet-dialog .dw-heading h1{font-size:18px}}
#wallet-dialog .dw-form [data-error]:empty{display:none}
@media(min-height:600px) and (max-height:800px){#wallet-dialog .dw-heading{padding-top:12px;padding-bottom:12px;margin-bottom:12px}#wallet-dialog .dw-columns{gap:12px}#wallet-dialog .dw-summary{padding-top:9px;margin-bottom:10px}#wallet-dialog .dw-input input{padding:11px!important}#wallet-dialog .dw-presets{margin-top:8px}#wallet-dialog .dw-summary>div{font-size:11px}#wallet-dialog .dw-submit{min-height:46px}}
#wallet-dialog .dw-availability{margin:12px 0 0;text-align:center;color:#a2a6af;font-size:11px;line-height:1.5}
#wallet-dialog .dw-submit:disabled{opacity:.55;cursor:not-allowed}
/* Flat yellow accents within the wallet only. */
#wallet-dialog{border-color:#ffffff12;scrollbar-color:#55575c #191b20}
#wallet-dialog .dw-presets button.selected{background:#ffe014;color:#111;border-color:#ffe014}
#wallet-dialog .dw-submit,#wallet-dialog .dw-submit:disabled{background:#ffe014;border-color:#ffe014;color:#111;opacity:1;box-shadow:none}
#wallet-dialog .dw-submit:disabled{cursor:not-allowed}
#wallet-dialog button:focus-visible,#wallet-dialog input:focus-visible{outline-color:#ffe014}
#wallet-dialog .dw-input:focus-within{border-color:#ffe014}

/* source: upgrade-reference.css */
/* Reference layout: separate skin stages, central dial and compact catalogs. */
body:has(#upgrade-view:not([hidden])){background:#101113}
#upgrade-view{max-width:1320px;padding:18px 24px 32px;margin:0 auto}
#upgrade-view .feature-title{text-align:left;margin:0 0 20px}
#upgrade-view .feature-title h1{font:800 24px/1.2 var(--font-ui);color:#f1f1f3;margin-bottom:7px}
#upgrade-view .feature-title>p{max-width:none;margin:0;font-size:12px;color:#898b94}
#upgrade-view .upgrade-arena{grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);gap:28px;padding:0;margin:0 0 18px;background:none;position:relative;align-items:start}
#upgrade-view .upgrade-shaped-panels{display:none}
#upgrade-view .upgrade-pedestal,#upgrade-view #upgrade-source-preview:has(.source-display){position:relative;height:310px;min-height:310px;padding:46px 18px 20px;border:1px solid #24252b;border-radius:13px;background:radial-gradient(ellipse at 50% 60%,#ffe01420,transparent 66%),#191a1e;box-shadow:none;justify-content:center;overflow:hidden}
#upgrade-view .upgrade-pedestal:before,#upgrade-view .upgrade-pedestal:after{display:none}
#upgrade-view .selection-meta{top:16px;left:17px;right:17px;color:#c5c5ca}
#upgrade-view .selection-meta b{color:#ffe014}
#upgrade-view .pedestal-placeholder{display:flex;align-items:center;justify-content:center;width:108px;height:120px;font-size:104px;font-weight:900;color:#ffe014;line-height:1;text-shadow:0 18px #ffe01430}
#upgrade-view .upgrade-pedestal>p{font-size:12px;color:#b1b0b7;margin-top:22px}
#upgrade-view .dial-column{position:relative;height:310px;width:100%;max-width:none;display:flex;align-items:center;justify-content:center;margin:0;padding:0}
#upgrade-view #upgrade-dial{width:268px;height:268px;margin:0;background:conic-gradient(from var(--chance-start,180deg),#ffe014 0deg,#ffe014 var(--chance),#292a2e var(--chance),#292a2e 360deg);box-shadow:0 0 0 13px #141518,0 0 0 15px #28292c}
#upgrade-view .dial-core{inset:24px;border:9px solid #111214;background:radial-gradient(ellipse at 50% 75%,#292a2d,#1a1b1e);box-shadow:none;gap:4px}
#upgrade-view .dial-core strong{font:800 36px/1.2 var(--font-ui);color:#ffe014;letter-spacing:-1px}
#upgrade-view .dial-core .double-chevron{font-size:44px;line-height:36px;color:#ffffff12}
#upgrade-view .dial-core #dial-label{font-size:9px;line-height:1.4;color:#b6b1a5}
#upgrade-view .scale-tick{transform:rotate(var(--mark)) translateY(-148px);background:#56534a66}
#upgrade-view .scale-mark{display:none}
#upgrade-view #do-upgrade{top:calc(100% + 18px);left:50%;width:100%;height:54px;min-height:54px;border:1px solid #ffe014;border-radius:11px;background:linear-gradient(110deg,#ffe014,#ffe014);box-shadow:none;font:800 17px/1 var(--font-ui);color:#1a1a1a;transform:translateX(-50%)}
#upgrade-view #do-upgrade:disabled{opacity:.45}
#upgrade-view .upgrade-pedestal>img,#upgrade-view .upgrade-pedestal .preview-stack,#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal .source-display.single img{height:174px;max-height:174px;min-height:0}
#upgrade-view .upgrade-pedestal>b{font-size:13px}
#upgrade-view .upgrade-pedestal>small{font-size:20px}
#upgrade-view .source-display.single .source-tile{background:none}
#upgrade-view .source-tile{background:#202126;border-color:#282828}
#upgrade-view .upgrade-funds{width:calc((100% - 356px)/2);min-height:54px;margin:0 0 0;padding:8px 12px;display:flex;flex-direction:column;align-items:stretch;gap:6px;border:1px solid #26262b;border-radius:8px;background:#191a1e}
#upgrade-view .upgrade-funds>label{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#a7a4a0}
#upgrade-view .upgrade-funds>label small{font-size:10px}
#upgrade-view .upgrade-funds-controls{width:100%;gap:8px}
#upgrade-view .upgrade-funds-controls input[type=range]{min-width:35px;flex:1;width:0}
#upgrade-view .upgrade-amount{background:#121316;border-color:#242424;font-size:10px;padding:4px}
#upgrade-view .upgrade-amount input{width:53px;font-size:11px}
#upgrade-view #upgrade-balance-max{font-size:10px;padding:5px}
#upgrade-view #upgrade-minimum{margin:14px 0 12px;font-size:10px;text-align:left;color:#85858f}
#upgrade-view .dual-pickers{margin:14px 0 0;width:100%;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
#upgrade-view .skin-panel,#upgrade-view .skin-panel:has(#upgrade-targets){border:1px solid #2a2b30;border-radius:11px;background:#191a1e;min-height:380px;overflow:hidden}
#upgrade-view .skin-panel-heading{background:#212227;border-bottom:1px solid #2a2b30;padding:11px 12px;min-height:48px}
#upgrade-view .skin-panel-heading h2{font:700 15px/1.3 var(--font-ui);color:#e7e7ea}
#upgrade-view .quick-targets button{background:#191a1e;border:1px solid #2a2a2a;color:#ffe014;height:29px}
#upgrade-view .skin-tools{padding:9px;gap:7px}
#upgrade-view .skin-tools input,#upgrade-view .skin-tools select{height:34px;background:#222329;border-color:#36373e;color:#c0c0c8;font-size:10px}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets){grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:142px;min-height:290px;gap:7px;padding:0 9px 9px}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice{height:142px;border-radius:7px;border:1px solid color-mix(in srgb,var(--tone,#ffe014) 45%,#28292e);background:#1c1d22}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice>.item{padding:19px 7px 6px;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--tone,#ffe014) 22%,transparent),transparent 75%)}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice .item img{height:58px;min-height:58px;margin:0 0 3px}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice .item h3{font-size:10px;min-height:23px;line-height:1.2;margin:2px 0}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice .item small{font-size:8px}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice .item p{font-size:11px;color:#ffe014}
#upgrade-view .skin-panel .choice-grid>.empty{min-height:280px;border:none;background:radial-gradient(ellipse,#ffe01420,transparent 70%)}
#upgrade-view .skin-pagination{background:#191a1e;padding:9px}
@media(min-width:721px) and (max-width:1150px){#upgrade-view{padding:16px}#upgrade-view .upgrade-arena{grid-template-columns:minmax(0,1fr) 230px minmax(0,1fr);gap:20px}#upgrade-view #upgrade-dial{width:204px;height:204px}#upgrade-view .scale-tick{transform:rotate(var(--mark)) translateY(-117px)}#upgrade-view .dial-core{inset:19px;border-width:7px}#upgrade-view .dial-core strong{font-size:28px}#upgrade-view .upgrade-funds{width:calc((100% - 270px)/2)}#upgrade-view .upgrade-pedestal,#upgrade-view #upgrade-source-preview:has(.source-display),#upgrade-view .dial-column{height:270px;min-height:270px}#upgrade-view .skin-panel-heading{flex-wrap:wrap}#upgrade-view :is(#upgrade-inputs,#upgrade-targets){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){#upgrade-view{padding:14px 10px 24px}#upgrade-view .feature-title h1{font-size:21px}#upgrade-view .feature-title>p{font-size:11px}#upgrade-view .upgrade-arena{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px}#upgrade-view .upgrade-pedestal,#upgrade-view #upgrade-source-preview:has(.source-display){height:190px;min-height:190px;padding:32px 8px 10px}#upgrade-view .dial-column{grid-row:2;grid-column:1/-1;height:300px;padding:10px 0 58px;min-height:0}#upgrade-view #upgrade-dial{width:208px;height:208px}#upgrade-view .scale-tick{transform:rotate(var(--mark)) translateY(-119px)}#upgrade-view .dial-core{inset:19px;border-width:7px}#upgrade-view .dial-core strong{font-size:30px}#upgrade-view #do-upgrade{top:auto;bottom:0;width:260px;height:46px;min-height:46px}#upgrade-view .pedestal-placeholder{height:74px;font-size:68px}#upgrade-view .upgrade-pedestal>p{font-size:10px;margin:6px 0}#upgrade-view .upgrade-pedestal>img,#upgrade-view .upgrade-pedestal .preview-stack,#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal .source-display.single img{height:93px;max-height:93px}#upgrade-view .selection-meta{font-size:9px;left:9px;right:9px;top:10px}#upgrade-view .upgrade-funds{width:100%;padding:10px 12px}#upgrade-view .dual-pickers{grid-template-columns:1fr;gap:14px}#upgrade-view .skin-panel-heading{flex-wrap:wrap}#upgrade-view :is(#upgrade-inputs,#upgrade-targets){grid-template-columns:repeat(3,minmax(0,1fr))}#upgrade-view .upgrade-pedestal>b{font-size:10px}#upgrade-view .upgrade-pedestal>small{font-size:15px}}
#upgrade-view .pedestal-placeholder{font-size:0;text-shadow:none}
#upgrade-view .pedestal-placeholder:after{content:'';display:block;width:70px;height:77px;border:0;border-radius:0;background:linear-gradient(#ffe014 0 30%,#ffe014 35% 65%,#ffe014 70%);box-shadow:none;clip-path:polygon(0 0,50% 27%,100% 0,100% 21%,50% 48%,0 21%,0 36%,50% 63%,100% 36%,100% 57%,50% 84%,0 57%,0 72%,50% 100%,100% 72%,100% 93%,50% 100%,0 93%)}
#upgrade-view #upgrade-target-preview .pedestal-placeholder:after{transform:rotate(180deg)}
/* Brighter gold accents and readable inactive states. */
#upgrade-view .feature-title h1{color:#fff}
#upgrade-view .feature-title>p{color:#b7b8c2}
#upgrade-view .upgrade-pedestal,#upgrade-view #upgrade-source-preview:has(.source-display){border-color:#424039;background:radial-gradient(ellipse at 50% 56%,#ffe01440 0, #ffe01417 39%,transparent 73%),linear-gradient(145deg,#232429,#18191d);box-shadow:inset 0 1px #ffffff09}
#upgrade-view .selection-meta{color:#e0dfe4}
#upgrade-view .selection-meta b{color:#ffe014}
#upgrade-view .selection-meta button{color:#b8bac5}
#upgrade-view .upgrade-pedestal>p{color:#e3e1d7;font-weight:600}
#upgrade-view .pedestal-placeholder:after{width:78px;height:88px;background:linear-gradient(#ffe014 0 29%,#ffe014 33% 66%,#ffe014 70%);filter:drop-shadow(0 0 18px #ffe01466)}
#upgrade-view #upgrade-dial{background:conic-gradient(from var(--chance-start,180deg),#ffe014 0deg,#ffe014 var(--chance),#38383b var(--chance),#38383b 360deg);box-shadow:0 0 0 12px #151619,0 0 0 14px #393939,0 0 32px #ffe01415}
#upgrade-view .dial-core{background:radial-gradient(ellipse at 50% 85%,#222222,#202125 75%);border-color:#121316}
#upgrade-view .dial-core strong{color:#ffe014;font-size:40px;text-shadow:0 0 22px #ffe01430}
#upgrade-view .dial-core .double-chevron{color:#ffffff24}
#upgrade-view .dial-core #dial-label{color:#ffe014;font-size:10px}
#upgrade-view .dial-pointer span{color:#ffe014;text-shadow:0 0 8px #ffe014,0 0 20px #ffe014}
#upgrade-view .scale-tick{background:#ffe01488}
#upgrade-view #do-upgrade{background:linear-gradient(110deg,#ffe014,#ffe014);border-color:#ffe014;color:#151515;box-shadow:0 4px 22px #ffe01422;font-size:18px}
#upgrade-view #do-upgrade:disabled{opacity:1;background:linear-gradient(110deg,#ffe014,#ffe014);border-color:#ffe014;color:#151515;box-shadow:none}
#upgrade-view .upgrade-funds{background:#202126;border-color:#3a3932}
#upgrade-view .upgrade-funds>label,#upgrade-view .upgrade-funds>label small{color:#d0cbbd}
#upgrade-view .upgrade-funds input[type=range]{accent-color:#ffe014}
#upgrade-view #upgrade-minimum{color:#b5b2a7}
#upgrade-view .skin-panel,#upgrade-view .skin-panel:has(#upgrade-targets){background:#1d1e23;border-color:#3a3b43}
#upgrade-view .skin-panel-heading{background:#292a30;border-bottom-color:#3d3c36}
#upgrade-view .skin-panel-heading h2{color:#fff}
#upgrade-view .quick-targets button{color:#ffe014;border-color:#ffe014;background:#1f1f1f}
#upgrade-view .skin-tools input,#upgrade-view .skin-tools select{background:#28292e;color:#ececf1;border-color:#48494e}
#upgrade-view .skin-tools input::placeholder{color:#b0b0bb}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice{border-color:color-mix(in srgb,var(--tone,#ffe014) 75%,#46403b);background:#24242a}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice>.item{background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--tone,#ffe014) 36%,transparent),transparent 85%)}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice .item p{color:#ffe014;font-weight:800}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice .item h3{color:#fff}
#upgrade-view .skin-panel .choice-grid>.empty{color:#c8c8d0;background:radial-gradient(ellipse,#ffe01425,transparent 75%)}
@media(max-width:1150px){#upgrade-view .dial-core strong{font-size:30px}}
/* Final visual pass: layered stages, restrained metal and clear hierarchy. */
#upgrade-view .feature-title{padding-left:14px;border-left:3px solid #ffe014;margin-bottom:24px}
#upgrade-view .feature-title h1{font-size:27px;letter-spacing:-.6px}
#upgrade-view .upgrade-pedestal,#upgrade-view #upgrade-source-preview:has(.source-display){border-radius:16px;border-color:#3b3b3b;background:radial-gradient(ellipse at 50% 64%,#ffe01442,transparent 65%),linear-gradient(135deg,#27292e,#191b20 65%);box-shadow:inset 0 1px #ffe01415,0 14px 35px #0003}
#upgrade-view .upgrade-pedestal:has(.pedestal-placeholder):before{display:block;content:'';position:absolute;inset:44px 12px 35px;width:auto;height:auto;background:url('/images/3.webp') center/90% auto no-repeat;filter:brightness(.12) saturate(0);opacity:.75;transform:rotate(-15deg);pointer-events:none}
#upgrade-view #upgrade-target-preview:has(.pedestal-placeholder):before{transform:scaleX(-1) rotate(-15deg)}
#upgrade-view .upgrade-pedestal:after{display:block;content:'';position:absolute;inset:auto 20% 0;width:auto;height:2px;transform:none;animation:none;border:0;background:linear-gradient(90deg,transparent,#ffe014,transparent);box-shadow:0 -8px 32px #ffe01438;pointer-events:none}
#upgrade-view .pedestal-placeholder{position:relative;z-index:1;filter:drop-shadow(0 7px 17px #ffe01428)}
#upgrade-view .pedestal-placeholder:after{width:68px;height:80px;background:linear-gradient(#ffe014,#ffe014 38%,#ffe014 66%,#ffe014)}
#upgrade-view .upgrade-pedestal>p{position:relative;z-index:1;padding:9px 18px;border:1px solid #ffe0142b;border-radius:7px;background:#15171ab0;font-size:12px}
#upgrade-view .selection-meta{padding-bottom:12px;border-bottom:1px solid #ffffff0b}
#upgrade-view .selection-meta b{font-size:14px}
#upgrade-view .selection-meta button{padding:3px 7px;border-radius:4px;background:#ffffff05}
#upgrade-view #upgrade-dial{box-shadow:0 0 0 7px #111216,0 0 0 8px #ffe01455,0 0 0 15px #191b20,0 0 0 16px #ffffff12,0 12px 45px #0007}
#upgrade-view .dial-core{background:radial-gradient(ellipse at 50% 100%,#ffe01420,transparent 68%),linear-gradient(145deg,#292b30,#17191d);box-shadow:inset 0 0 0 1px #ffe01415,inset 0 4px 25px #0004}
#upgrade-view .dial-core:before{content:'';position:absolute;inset:10px;border:1px dashed #ffe01420;border-radius:50%;pointer-events:none}
#upgrade-view .dial-core strong{font-size:42px;letter-spacing:-1.5px;position:relative}
#upgrade-view .dial-core .double-chevron{font-size:54px;color:#ffe01444;line-height:46px}
#upgrade-view .dial-ticks{opacity:.7}
#upgrade-view #do-upgrade{border-radius:9px;background:linear-gradient(105deg,#ffe014,#ffe014 70%,#ffe014);box-shadow:inset 0 1px #ffe014,0 7px 24px #ffe01429;transition:filter .18s,box-shadow .18s}
#upgrade-view #do-upgrade:not(:disabled):hover{filter:brightness(1.08);box-shadow:inset 0 1px #ffe014,0 7px 30px #ffe01444}
#upgrade-view #do-upgrade:disabled{background:linear-gradient(105deg,#ffe014,#ffe014);border-color:#ffe014;box-shadow:inset 0 1px #ffe01433}
#upgrade-view .skin-panel-heading{background:linear-gradient(110deg,#2b2d33,#23252b);border-bottom:1px solid #ffe01424}
#upgrade-view .skin-panel-heading h2{display:flex;align-items:center;gap:9px}
#upgrade-view .skin-panel-heading h2:before{content:'';width:4px;height:17px;border-radius:2px;background:#ffe014;box-shadow:0 0 12px #ffe01433}
#upgrade-view .skin-tools{background:#1c1e23;padding:10px}
#upgrade-view .skin-tools input:focus,#upgrade-view .skin-tools select:focus{outline:1px solid #ffe014;border-color:#ffe014}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice{transition:border-color .18s,background .18s}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice:hover{border-color:#ffe014;background:#303039}
#upgrade-view .skin-panel .choice-grid>.empty{background:radial-gradient(ellipse at center,#ffe01414,transparent 65%);color:#b7b9c4}
@media(max-width:1150px){#upgrade-view .dial-core strong{font-size:32px}}
@media(max-width:720px){#upgrade-view .feature-title h1{font-size:22px}#upgrade-view .selection-meta{padding-bottom:7px}#upgrade-view .selection-meta b{font-size:11px}#upgrade-view .upgrade-pedestal>p{padding:6px 9px;font-size:10px}#upgrade-view .pedestal-placeholder:after{width:46px;height:57px}#upgrade-view .upgrade-pedestal:has(.pedestal-placeholder):before{inset:35px 2px 27px}}
#upgrade-view .upgrade-pedestal:has(.pedestal-placeholder):before{background-image:var(--silhouette-image,url('/images/3.webp'));transition:opacity .4s ease}
#upgrade-view .upgrade-pedestal.silhouette-fading:has(.pedestal-placeholder):before{opacity:0}
@media(prefers-reduced-motion:reduce){#upgrade-view .upgrade-pedestal:has(.pedestal-placeholder):before{transition:none}}
/* Lower inventory panels inspired by the supplied reference. */
#upgrade-view .dual-pickers{gap:14px;margin-top:18px}
#upgrade-view .skin-panel,#upgrade-view .skin-panel:has(#upgrade-targets){min-height:565px;border-radius:13px;background:#191a1e;border-color:#303138;display:flex;flex-direction:column}
#upgrade-view .skin-panel-heading{min-height:53px;padding:12px 13px}
#upgrade-view .skin-panel-heading h2{font-size:15px}
#upgrade-view .skin-tools{padding:8px 10px}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets){grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:106px;min-height:442px;gap:6px;padding:0 9px 8px;align-content:start;flex:1}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice{height:106px;border-radius:6px;position:relative;overflow:hidden}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice>.item{height:100%;padding:20px 5px 5px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice .item img{height:49px;min-height:49px;max-height:49px;margin:0 0 1px}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice .item h3{font-size:9px;line-height:1.15;min-height:20px;margin:1px 0 0;text-align:center;overflow:hidden}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice .item p{position:absolute;top:5px;right:5px;left:5px;text-align:right;font-size:10px;line-height:1.1;margin:0;color:#ffe014;font-weight:800}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice .item small{display:none}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice>.choice-label{font-size:0;width:12px;height:12px;left:4px;top:4px;padding:0;background:transparent}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice.selected>.choice-label{font-size:9px;width:14px;height:14px;background:#ffe014;color:#171717;z-index:2}
#upgrade-view .skin-pagination{margin-top:auto;justify-content:center;padding:10px;gap:15px}
#upgrade-view .skin-pagination button{width:35px;height:33px;border-radius:8px;background:#25262c;color:#ffe014;border-color:#3b3b43}
#upgrade-view #upgrade-inputs>.empty{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;margin:0;min-height:442px;padding:155px 24%;background:#16171b;text-align:center;line-height:1.55;font-size:12px;font-weight:700;color:#f5f5f6;border-radius:8px}
#upgrade-view #upgrade-inputs>.empty:before{content:'';position:absolute;inset:0;background:url('/images/upgrade-empty-grid.svg') top center/100% auto repeat-y;filter:blur(3px);opacity:.6;z-index:-2;pointer-events:none}
#upgrade-view #upgrade-inputs>.empty:after{content:'';position:absolute;width:64%;height:126px;top:50%;left:18%;transform:translateY(-50%);border:1px solid #ffe01455;border-radius:10px;background:#191b20;box-shadow:0 8px 36px #0008;z-index:-1;pointer-events:none}
#upgrade-view #upgrade-targets>.empty{min-height:442px}
@media(min-width:721px) and (max-width:1100px){#upgrade-view :is(#upgrade-inputs,#upgrade-targets){grid-template-columns:repeat(4,minmax(0,1fr))}#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice .item p{font-size:9px}}
@media(max-width:720px){#upgrade-view .skin-panel,#upgrade-view .skin-panel:has(#upgrade-targets){min-height:340px}#upgrade-view :is(#upgrade-inputs,#upgrade-targets){grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:118px;min-height:246px}#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice{height:118px}#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice .item img{height:60px;min-height:60px;max-height:60px}#upgrade-view #upgrade-inputs>.empty,#upgrade-view #upgrade-targets>.empty{min-height:270px;padding:86px 24%}#upgrade-view #upgrade-inputs>.empty:before{background-size:160% auto}#upgrade-view .skin-panel-heading{gap:8px}}

/* source: home-loading.css */
#loading{width:100%;max-width:1600px;margin:20px auto;padding:0 22px;box-sizing:border-box}
#loading[hidden]{display:none}
.home-skeleton{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.home-skeleton>div{height:260px;padding:18px;border:1px solid #c4a35b16;border-radius:15px;background:radial-gradient(ellipse at 50% 35%,#ad873219,transparent 70%),#0e1218;display:flex;flex-direction:column;align-items:center;gap:14px}
.home-skeleton i{width:70%;height:165px;border-radius:25px;background:linear-gradient(135deg,#24262c,#171b22);opacity:.5}
.home-skeleton b,.home-skeleton span{height:12px;width:60%;background:#292c32;border-radius:5px}
.home-skeleton span{width:30%;background:#a7874038}
@media(max-width:1000px){.home-skeleton{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.home-skeleton{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-skeleton>div{height:200px}.home-skeleton i{height:115px}#loading{padding:0 12px}}

/* source: yellow-theme.css */
:root{--accent:#ffe014;--gold:#ffe014}
header .brand-name,header .dragon-wordmark .brand-name span{color:#ffe014!important;background:none!important;-webkit-text-fill-color:#ffe014!important;text-shadow:none!important;filter:none!important}
header .nav.active{color:#ffe014!important;background:#ffe01412!important;border-color:#ffe01455!important}
header .wallet #topup{background:#191b20!important;color:#ffe014!important;border-color:#ffe014!important;box-shadow:none!important}
header .wallet #topup .wallet-add-badge{background:#ffe014!important;color:#141414!important}
.catalog-filters .collection-chips button{background:#1b1d22!important;border-color:#ffffff18!important;color:#b9bdc7!important;box-shadow:none!important;animation:none!important}
.catalog-filters .collection-chips button:before{display:none!important}
.catalog-filters .collection-chips button[aria-pressed=true],.feed-tabs button[aria-pressed=true]{background:#ffe014!important;color:#151515!important;border-color:#ffe014!important;box-shadow:none!important}
.catalog-filters .collection-chips button:hover{border-color:#ffe014!important}
.primary,.dw-submit,.free-case-open,.consolation-open{background:#ffe014!important;border-color:#ffe014!important;color:#151515!important;box-shadow:none!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#ffe014!important}
input[type=range],input[type=checkbox]{accent-color:#ffe014}
.audio-control button,.range-coin,.case-search-field svg{color:#ffe014;stroke:#ffe014}
/* Preserve the dragon silhouette while matching the interface accent exactly. */
header .dragon-wordmark .brand-dragon-head{background:#ffe014!important;-webkit-mask:url('/images/brand-dragon-gold-v2-icon.webp') center/contain no-repeat!important;mask:url('/images/brand-dragon-gold-v2-icon.webp') center/contain no-repeat!important;filter:none!important;animation:none!important}
header #account-button,header #account-button.has-avatar{border:1px solid #ffe014!important;box-shadow:none!important;outline-color:#ffe014!important}
header #account-button:hover{border-color:#ffe014!important;box-shadow:none!important}
/* Match the price and sorting controls to the shared yellow accent. */
.catalog-filters .case-price-range legend,.catalog-filters .case-sort-field>span,.catalog-filters #case-sort{color:#ffe014!important}
.catalog-filters .case-price-range,.catalog-filters #case-sort{border-color:#ffe01430!important}
.catalog-filters #case-sort{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23ffe014' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important}
.catalog-filters .case-price-range:focus-within,.catalog-filters #case-sort:focus{border-color:#ffe014!important}
/* Darker header and playback strip, with existing accent contrast preserved. */
body>header,header.site-header{background:#0b0d12!important;border-bottom:1px solid #ffffff08!important;box-shadow:none!important}
.playback-toolbar{background:#080a0e!important;border-bottom-color:#ffffff06!important}
.drop-sidebar .sidebar-label{background:#090b0f}
/* Matching header action buttons: one border, no outer focus rectangle. */
header .wallet #topup,header #account-button,header #account-button.has-avatar{
 width:44px;min-width:44px;height:44px;box-sizing:border-box;flex:0 0 44px;
 display:grid;place-items:center;padding:6px;border-radius:11px;
 outline:none!important;box-shadow:none!important;
 transition:transform .2s ease,filter .2s ease,background-color .2s ease,border-color .2s ease;
}
header #account-button.has-avatar{padding:3px}
header #account-button.has-avatar img{width:100%;height:100%;border-radius:7px;transition:transform .2s ease}
header .wallet #topup .wallet-add-icon{width:27px;height:27px;transition:transform .2s ease}
header .wallet #topup:focus-visible,header #account-button:focus-visible{border-color:#fff!important;filter:brightness(1.2)}
@media(hover:hover){
 header .wallet #topup:hover:not(:disabled),header #account-button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.18);box-shadow:none!important}
 header .wallet #topup:hover:not(:disabled) .wallet-add-icon{transform:rotate(-7deg) scale(1.06)}
 header #account-button:hover:not(:disabled) img{transform:scale(1.07)}
}
header .wallet #topup:active:not(:disabled),header #account-button:active:not(:disabled){transform:scale(.96)}
@media(prefers-reduced-motion:reduce){
 header .wallet #topup,header #account-button,header #account-button.has-avatar,header .wallet #topup .wallet-add-icon,header #account-button img{transition:none;transform:none!important}
}

/* source: feed-reference.css */
/* Compact live drop cards; badges describe real event sources, not inferred odds. */
.drop-sidebar{background:#111216}
#drop-feed{padding:5px 5px 0;box-sizing:border-box}
.drop-sidebar .feed-item{height:82px;margin:0 0 6px;border:1px solid #ffffff04;border-left:2px solid var(--tone);border-radius:9px;background:linear-gradient(105deg,color-mix(in srgb,var(--tone) 27%,#242429),#242529 82%);text-align:left;padding:0;isolation:isolate;box-shadow:0 2px 5px #0002}
.drop-sidebar .feed-item:after{content:'';position:absolute;z-index:-1;right:-8px;bottom:-25px;width:90px;height:90px;background:var(--tone);opacity:.08;transform:rotate(35deg);pointer-events:none}
.drop-sidebar .feed-skin{position:relative;width:100%;height:100%;transition:opacity .25s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.drop-sidebar .feed-skin img{position:absolute;right:2px;top:15px;width:93px;height:60px;margin:0;object-fit:contain;filter:drop-shadow(0 4px 4px #0008);transition:transform .2s}
.drop-sidebar .feed-item:hover .feed-skin img{transform:translateY(-2px) scale(1.04)}
.drop-sidebar .feed-source-badge{position:absolute;left:4px;top:5px;display:flex;align-items:center;gap:3px;background:#141519c9;border-radius:6px;padding:2px 4px;color:#d9dce3;font-size:8px;line-height:12px;max-width:90px;white-space:nowrap}
.drop-sidebar .feed-source-badge b{color:#ffe014;font-size:12px;line-height:12px}
.drop-sidebar .feed-name{position:absolute;left:6px;bottom:9px;width:89px;z-index:1;text-shadow:0 1px 3px #0009}
.drop-sidebar .feed-name strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:13px;font-weight:800;text-transform:uppercase;color:#f2f3f6}
.drop-sidebar .feed-name span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:8px;line-height:12px;color:#aeb3c0}
.drop-sidebar .feed-skin>small{position:absolute;right:6px;top:5px;font-size:8px;line-height:12px;color:#e2e4eb;opacity:.85}
.drop-sidebar .feed-origin{display:flex;padding:0 5px 2px;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--tone) 38%,#182131),#0f1622f2 72%)}
.drop-sidebar .feed-origin img{width:100%;height:68px;object-fit:contain;margin:0;filter:brightness(1.3) contrast(1.2) saturate(1.24) drop-shadow(0 4px 4px #0007) drop-shadow(0 0 13px color-mix(in srgb,var(--tone) 62%,transparent))}
.drop-sidebar .feed-origin svg{position:relative;z-index:1;width:46px;height:46px;flex:0 0 46px;margin:7px 0 4px;color:#ffe014;filter:drop-shadow(0 5px 8px #0008) drop-shadow(0 0 12px #ffe01455);will-change:transform,opacity}
.drop-sidebar .feed-origin span{font-size:8px;line-height:10px;margin-top:-2px;padding:0 3px;color:#ffe1b3;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.drop-sidebar .feed-item:is([data-feed-case],[data-feed-view]){cursor:pointer}
.drop-sidebar .feed-item:is([data-feed-case],[data-feed-view]) .feed-origin span:after{content:' →';color:#ffe014}
.drop-sidebar .feed-item:is(:hover,:focus-visible) .feed-origin svg{animation:feed-source-icon-arrive .55s cubic-bezier(.16,1,.3,1) both,feed-source-icon-float 2.4s .55s ease-in-out infinite}
@keyframes feed-source-icon-arrive{0%{opacity:0;transform:translateY(18px) scale(.45) rotate(-12deg)}70%{opacity:1;transform:translateY(-3px) scale(1.08) rotate(3deg)}100%{opacity:1;transform:none}}
@keyframes feed-source-icon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.drop-sidebar .feed-item:focus-visible{outline:2px solid #ffe014;outline-offset:-2px}
@media(prefers-reduced-motion:reduce){.drop-sidebar .feed-skin img{transition:none}.drop-sidebar .feed-origin svg{animation:none!important;will-change:auto}}

/* source: welcome-case.css */
#welcome-case-promo{min-width:0;padding:0}
#welcome-case-promo[hidden]{display:none}
.welcome-case-promo-title{display:flex;align-items:center;justify-content:center;height:44px;margin:0 0 10px;font:400 22px/1.15 var(--font-display);letter-spacing:.7px;text-align:center;text-transform:uppercase;background:linear-gradient(110deg,#ffe014 0%,#ff9b32 52%,#fff48c 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #ff9b3245)}
.welcome-case-banner{position:relative;isolation:isolate;display:block;width:100%;padding:0;border:1px solid #ff9a2d70;border-radius:16px;background:#0b0c0f;overflow:hidden;cursor:pointer;box-shadow:0 12px 32px #0005;transition:transform .2s,border-color .2s,box-shadow .2s}
.welcome-case-banner::before{content:"";position:absolute;z-index:2;left:45%;top:14%;width:42%;height:72%;border-radius:50%;background:radial-gradient(ellipse,#fff2ad5c 0,#ffae3240 22%,#ff6a1626 46%,transparent 72%);mix-blend-mode:screen;filter:blur(8px);pointer-events:none;animation:welcome-case-banner-glow 2.8s ease-in-out infinite}
.welcome-case-banner::after{content:"";position:absolute;z-index:3;inset:0;background:radial-gradient(circle at 59% 35%,#fff7c9 0 1px,transparent 3px),radial-gradient(circle at 69% 46%,#ffd66b 0 1px,transparent 3px),radial-gradient(circle at 63% 58%,#ff9b32 0 1.5px,transparent 4px),linear-gradient(112deg,transparent 43%,#fff2ad00 48%,#fff2ad4f 52%,#fff2ad00 57%,transparent 63%);background-size:100% 100%,100% 100%,100% 100%,190% 100%;background-position:center,center,center,130% 0;mix-blend-mode:screen;pointer-events:none;animation:welcome-case-banner-shimmer 3.4s ease-in-out infinite}
.welcome-case-banner:hover{transform:translateY(-2px);border-color:#ff9a2dc7;box-shadow:0 15px 38px #0007,0 0 24px #ff8a1615}
.welcome-case-banner:focus-visible{outline:2px solid #ffe014;outline-offset:4px}
.welcome-case-banner img{position:relative;z-index:1;display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;object-position:62% center}
.welcome-case-banner-cta{position:absolute;z-index:4;left:50%;bottom:11%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:190px;min-height:46px;padding:0 25px;border:1px solid #ffd978;border-radius:9px;background:linear-gradient(180deg,#ffc654 0,#ffa126 48%,#ff8518 100%);color:#1b0d00;font:900 12px/1 var(--font-ui);text-transform:uppercase;white-space:nowrap;box-shadow:0 8px 20px #0009,0 0 20px #ff941f5c,inset 0 1px #fff5ad99;transform:translateX(-50%);transition:transform .2s,filter .2s,box-shadow .2s;pointer-events:none}
.welcome-case-banner:hover .welcome-case-banner-cta{transform:translate(-50%,-1px);filter:brightness(1.1);box-shadow:0 10px 24px #000a,0 0 28px #ff941f80,inset 0 1px #fff5adbb}
.welcome-case-detail>.economy-note{display:block!important;max-width:760px;margin:0 auto 12px!important;color:#ffc45e!important;text-align:center}
.welcome-case-detail .case-machine[data-art="welcome"] .stage-art{filter:drop-shadow(0 16px 20px #000a) drop-shadow(0 0 28px #ff8a164d)}
.welcome-case-summary{display:flex;align-items:center;justify-content:center;min-height:34px;margin-top:7px;padding:7px 14px;border:1px solid #2f3035;border-radius:9px;background:#15161a;color:#b8bac4;font-size:11px;text-align:center}
#welcome-case-promo[data-state="ready"] .welcome-case-summary{border-color:#ffe01470;color:#ffe014;background:#ffe01409}
#welcome-case-promo[data-state="opened"] .welcome-case-summary{color:#8f929c}
#welcome-case-promo[data-state="unavailable"] .welcome-case-summary{border-color:#cf625c55;color:#e29a95}
.welcome-case-dialog{box-sizing:border-box;width:min(920px,94vw);max-height:92vh;padding:26px;border:1px solid #4a3522;border-radius:20px;background:radial-gradient(ellipse at 76% 5%,#ff8a1617,transparent 42%),#0d0e12;color:#f5f5f6;box-shadow:0 30px 110px #000d;overflow:auto}
.welcome-case-dialog::backdrop{background:#050608c7;backdrop-filter:blur(10px)}
.welcome-case-close{position:absolute;right:14px;top:12px;z-index:2;border:0;background:none;color:#aeb0b8;font-size:27px;cursor:pointer}
.welcome-case-dialog-head{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:24px;min-height:190px;padding:8px 18px 12px}
.welcome-case-dialog-head span{color:#ff9b32;font-size:10px;letter-spacing:3px}
.welcome-case-dialog-head h2{margin:10px 0 7px;font-size:30px}
.welcome-case-dialog-head p{max-width:520px;margin:0;color:#9fa2ad;font-size:12px;line-height:1.6}
.welcome-case-dialog-head img{width:100%;height:190px;object-fit:contain;filter:drop-shadow(0 12px 22px #0009) drop-shadow(0 0 22px #ff8a1622)}
.welcome-case-progress{display:grid;grid-template-columns:1fr auto;gap:7px 15px;margin:0 18px 20px;padding:13px 15px;border:1px solid #303137;border-radius:11px;background:#17181d;font-size:11px;color:#c5c6cc}
.welcome-case-progress>span b{color:#ffe014}.welcome-case-progress>small{color:#9ea1ab;text-align:right}
.welcome-case-progress>i{grid-column:1/-1;position:relative;height:5px;border-radius:6px;background:#282930;overflow:hidden}
.welcome-case-progress>i:after{content:'';position:absolute;inset:0 auto 0 0;width:var(--welcome-progress);border-radius:inherit;background:linear-gradient(90deg,#ff7b18,#ffe014);box-shadow:0 0 12px #ff981f66}
.welcome-case-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 18px 20px}
.welcome-case-items article{position:relative;min-width:0;padding:10px 8px 9px;border:1px solid color-mix(in srgb,var(--tone) 55%,#303137);border-radius:9px;background:radial-gradient(ellipse at 50% 38%,color-mix(in srgb,var(--tone) 22%,transparent),transparent 70%),#18191e;text-align:center;overflow:hidden}
.welcome-case-items article>span{position:absolute;right:6px;top:5px;color:#c5c7cf;font-size:9px}
.welcome-case-items img{display:block;width:100%;height:82px;object-fit:contain;margin:0 auto 5px;filter:drop-shadow(0 6px 6px #0008)}
.welcome-case-items strong{display:block;min-height:27px;color:#f1f1f4;font-size:9px;line-height:1.4;overflow-wrap:anywhere}
.welcome-case-items small{display:block;margin-top:4px;color:#ffe014;font-size:10px}
.welcome-case-action{display:block;width:min(420px,calc(100% - 36px));min-height:48px;margin:0 auto;border-radius:9px}
.welcome-case-action:disabled{cursor:not-allowed;opacity:.58}
.welcome-case-note{margin:11px 18px 0;color:#777b87;font-size:9px;line-height:1.5;text-align:center}
.welcome-case-dialog.opening .welcome-case-dialog-head img{animation:welcome-case-open .85s cubic-bezier(.2,.8,.2,1) both}
@keyframes welcome-case-open{0%{transform:scale(1);filter:drop-shadow(0 12px 22px #0009)}45%{transform:scale(1.08) translateY(-5px);filter:drop-shadow(0 0 36px #ff9b32aa)}100%{transform:scale(.96);opacity:.25;filter:brightness(2) drop-shadow(0 0 55px #ffe014)}}
@keyframes welcome-case-banner-glow{0%,100%{opacity:.38;transform:scale(.82,.68)}50%{opacity:.95;transform:scale(1.08,1.14);filter:blur(11px) brightness(1.25)}}
@keyframes welcome-case-banner-shimmer{0%,58%,100%{opacity:.2;background-position:center,center,center,130% 0}72%{opacity:1;background-position:center,center,center,-80% 0}84%{opacity:.35}}
@media(max-width:720px){.welcome-case-promo-title{height:34px;font-size:19px}.welcome-case-banner{max-width:100%;border-radius:11px}.welcome-case-banner img{height:auto;aspect-ratio:3/1;object-fit:cover;object-position:center}.welcome-case-banner-cta{left:50%;bottom:10%;min-width:136px;min-height:34px;padding:0 14px;border-radius:7px;font-size:9px}.welcome-case-summary{font-size:10px}.welcome-case-detail>.economy-note{margin:0 12px 8px!important;font-size:9px!important}.welcome-case-dialog{padding:22px 12px 18px}.welcome-case-dialog-head{grid-template-columns:1fr 150px;gap:8px;min-height:145px;padding:5px 6px 10px}.welcome-case-dialog-head h2{font-size:21px}.welcome-case-dialog-head p{font-size:10px}.welcome-case-dialog-head img{height:135px}.welcome-case-progress{margin:0 3px 15px;grid-template-columns:1fr}.welcome-case-progress>small{text-align:left}.welcome-case-items{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 3px 17px;gap:7px}.welcome-case-items img{height:72px}.welcome-case-action{width:calc(100% - 6px)}.welcome-case-note{margin-left:5px;margin-right:5px}}
@media(max-width:430px){.welcome-case-dialog-head{grid-template-columns:1fr 115px}.welcome-case-dialog-head img{height:115px}.welcome-case-dialog-head h2{font-size:19px}.welcome-case-items strong{font-size:8px}}
@media(prefers-reduced-motion:reduce){.welcome-case-banner,.welcome-case-banner-cta{transition:none}.welcome-case-banner::before,.welcome-case-banner::after,.welcome-case-dialog.opening .welcome-case-dialog-head img{animation:none}}

/* source: weekly-giveaways.css */
.home-promotions{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(400px,1.15fr);align-items:start;gap:14px;padding:20px 35px 28px}
.home-promotions>section[hidden]{display:none}
#weekly-giveaways{min-width:0;padding:0}
#weekly-giveaways[hidden]{display:none}
.weekly-giveaway-heading{position:relative;display:flex;align-items:center;justify-content:center;height:44px;margin:0 0 10px;padding:0 3px}
.weekly-giveaway-heading::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent 0,#66748666 5%,#66748666 21%,transparent 25% 75%,#66748666 79%,#66748666 96%,transparent 100%);box-shadow:0 1px #0008;pointer-events:none}
.weekly-giveaway-heading h2{z-index:2;margin:0;font:400 22px/1.15 var(--font-display);letter-spacing:.7px;text-align:center;text-transform:uppercase;background:linear-gradient(110deg,#ffe014 0%,#ffe014 30%,#ff8b3d 52%,#ffe014 74%,#fff48c 100%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #ffe01445);animation:weekly-title-shimmer 6s ease-in-out infinite alternate}
@keyframes weekly-title-shimmer{from{background-position:0% 50%}to{background-position:100% 50%}}
@property --weekly-light-angle{syntax:"<angle>";inherits:false;initial-value:265deg}
@property --weekly-light-strength{syntax:"<percentage>";inherits:false;initial-value:10%}
@keyframes weekly-card-light-orbit{to{--weekly-light-angle:625deg}}
@keyframes weekly-card-light-pulse{0%,100%{--weekly-light-strength:8%}50%{--weekly-light-strength:18%}}
@keyframes weekly-prize-glow-pulse{0%,100%{filter:brightness(1.28) contrast(1.18) saturate(1.24) drop-shadow(0 8px 8px #0009) drop-shadow(0 0 12px color-mix(in srgb,var(--tier) 82%,transparent)) drop-shadow(0 0 27px color-mix(in srgb,var(--tier) 62%,transparent))}50%{filter:brightness(1.42) contrast(1.22) saturate(1.32) drop-shadow(0 9px 9px #0009) drop-shadow(0 0 18px color-mix(in srgb,var(--tier) 94%,transparent)) drop-shadow(0 0 42px color-mix(in srgb,var(--tier) 78%,transparent))}}
.weekly-giveaway-clock{position:absolute;z-index:2;left:10px;right:52%;top:34px;min-width:0;padding:4px 5px;border:1px solid color-mix(in srgb,var(--tier) 34%,#344252);border-radius:7px;background:linear-gradient(180deg,#141d28dd 0,#0c121bed 100%);box-shadow:0 6px 14px #0008,inset 0 1px #ffffff0b;text-align:center}
.weekly-giveaway-clock small{display:block;color:#8794a5;font-size:6px;letter-spacing:.55px;white-space:nowrap}
.weekly-giveaway-clock strong{display:block;margin-top:1px;color:var(--button-tone);font-size:11px;font-variant-numeric:tabular-nums;text-shadow:0 0 8px color-mix(in srgb,var(--button-tone) 58%,transparent)}
.weekly-giveaway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.weekly-giveaway-card{--tier:#b87948;--button-tone:#e8893f;--button-ink:#1d0c04;position:relative;isolation:isolate;min-width:0;min-height:158px;border:1px solid color-mix(in srgb,var(--tier) 72%,#4b596a);border-radius:12px;background:#111722;box-shadow:0 10px 25px #0007,inset 0 1px #ffffff10;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.weekly-giveaway-card::before{content:"";position:absolute;inset:0;z-index:-2;background-position:left center;background-size:cover;background-repeat:no-repeat;transform:scale(1.01)}
.weekly-giveaway-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08101aef 0,#080d16d8 43%,#06101a5e 68%,#05090f14 100%),repeating-conic-gradient(from var(--weekly-light-angle) at 79% 55%,color-mix(in srgb,var(--tier) var(--weekly-light-strength),transparent) 0 5deg,transparent 6deg 14deg),radial-gradient(circle at 79% 55%,color-mix(in srgb,var(--tier) 20%,transparent),transparent 58%);animation:weekly-card-light-orbit 8s linear infinite,weekly-card-light-pulse 2.6s ease-in-out infinite}
.weekly-giveaway-card:hover{border-color:color-mix(in srgb,var(--tier) 82%,#fff);box-shadow:0 13px 30px #0009,0 0 19px color-mix(in srgb,var(--tier) 20%,transparent),inset 0 1px #ffffff17}
.weekly-giveaway-card[data-tier="bronze"]::before{background-image:url('/images/weekly-giveaways/background-200.webp')}
.weekly-giveaway-card[data-tier="gold"]{--tier:#d4af37;--button-tone:#ffd21f;--button-ink:#241900}.weekly-giveaway-card[data-tier="gold"]::before{background-image:url('/images/weekly-giveaways/background-350.webp')}
.weekly-giveaway-card[data-tier="blue"]{--tier:#245ddf;--button-tone:#2f70ff;--button-ink:#fff}.weekly-giveaway-card[data-tier="blue"]::before{background-image:url('/images/weekly-giveaways/background-550.webp')}
.weekly-giveaway-card[data-tier="tiffany"]{--tier:#81d8d0;--button-tone:#58e6dc;--button-ink:#05211f}.weekly-giveaway-card[data-tier="tiffany"]::before{background-image:url('/images/weekly-giveaways/background-800.webp')}
.weekly-giveaway-prize-name{position:absolute;z-index:2;right:1%;top:12px;width:48%;padding:2px 5px;border-radius:5px;background:linear-gradient(90deg,transparent,#07101bc4 18% 82%,transparent);color:#fff;font-size:9px;font-weight:900;line-height:1.3;text-align:center;text-shadow:0 1px 6px #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.weekly-giveaway-card>img{position:absolute;z-index:1;left:auto;right:1%;top:31px;width:48%;height:95px;object-fit:contain;transform-origin:center;filter:brightness(1.28) contrast(1.18) saturate(1.24) drop-shadow(0 8px 8px #0009) drop-shadow(0 0 12px color-mix(in srgb,var(--tier) 82%,transparent)) drop-shadow(0 0 27px color-mix(in srgb,var(--tier) 62%,transparent));animation:weekly-prize-glow-pulse 2.6s ease-in-out infinite;transition:transform .2s,filter .2s;will-change:filter}
.weekly-giveaway-card:hover>img{transform:translateY(-2px) scale(1.05)}
.weekly-giveaway-price{position:absolute;z-index:2;right:1%;top:127px;width:48%;padding:3px 5px;border-top:1px solid color-mix(in srgb,var(--tier) 30%,transparent);border-bottom:1px solid color-mix(in srgb,var(--tier) 30%,transparent);background:linear-gradient(90deg,transparent 0,#06101bd6 24% 76%,transparent 100%);color:var(--tier);font-size:9px;font-weight:900;line-height:1.2;text-align:center;text-shadow:0 1px 6px #000}
.weekly-giveaway-card button{position:absolute;z-index:2;left:10px;right:52%;top:84px;min-height:38px;padding:7px 8px;border:1px solid color-mix(in srgb,var(--button-tone) 42%,#fff);border-radius:9px;background-image:linear-gradient(110deg,transparent 0 32%,#ffffff78 46%,transparent 60%),linear-gradient(180deg,color-mix(in srgb,var(--button-tone) 48%,#fff) 0,color-mix(in srgb,var(--button-tone) 92%,#fff) 48%,color-mix(in srgb,var(--button-tone) 84%,#05070b) 100%);background-position:140% 0,0 0;background-size:240% 100%,100% 100%;background-repeat:no-repeat;color:var(--button-ink);font:900 9px/1.15 var(--font-ui);letter-spacing:.18px;cursor:pointer;box-shadow:0 7px 18px #0009,0 0 24px color-mix(in srgb,var(--button-tone) 74%,transparent),inset 0 1px #ffffff8c;text-shadow:0 1px color-mix(in srgb,#fff 38%,transparent);transition:transform .16s,filter .16s,box-shadow .16s,background-position .35s ease}
.weekly-giveaway-card button:hover:not(:disabled){filter:brightness(1.15) saturate(1.12);transform:translateY(-2px);background-position:-60% 0,0 0;box-shadow:0 10px 23px #000b,0 0 31px color-mix(in srgb,var(--button-tone) 88%,transparent),inset 0 1px #ffffffaa}
.weekly-giveaway-card button:active:not(:disabled){filter:brightness(.98);transform:translateY(1px);box-shadow:0 4px 10px #0009,0 0 13px color-mix(in srgb,var(--button-tone) 52%,transparent),inset 0 2px 5px #0005}
.weekly-giveaway-card button:focus-visible{outline:2px solid color-mix(in srgb,var(--button-tone) 45%,#fff);outline-offset:3px}
.weekly-giveaway-card button:disabled{cursor:not-allowed;filter:saturate(.5);opacity:.6;box-shadow:0 4px 10px #0006,inset 0 1px #fff3}
.weekly-giveaway-card>p{display:none}
.weekly-giveaway-foot{margin:7px 3px 0;color:#717581;font-size:7px;line-height:1.45;text-align:center}
.weekly-giveaway-foot b{color:#aeb1b9}
.weekly-giveaway-unavailable{padding:18px;border:1px solid #393b43;border-radius:10px;background:#15161b;color:#a3a6af;font-size:10px;text-align:center}
.weekly-giveaway-dialog{--dialog-tier:#b87948;box-sizing:border-box;width:min(500px,calc(100vw - 28px));padding:25px;border:1px solid color-mix(in srgb,var(--dialog-tier) 72%,#ff9b32);border-radius:18px;background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--dialog-tier) 18%,transparent),transparent 42%),#101116;color:#f4f4f5;box-shadow:0 28px 90px #000d,0 0 28px color-mix(in srgb,var(--dialog-tier) 18%,transparent)}
.weekly-giveaway-dialog[data-tier="gold"]{--dialog-tier:#d4af37}.weekly-giveaway-dialog[data-tier="blue"]{--dialog-tier:#245ddf}.weekly-giveaway-dialog[data-tier="tiffany"]{--dialog-tier:#81d8d0}
.weekly-giveaway-dialog::backdrop{background:#050608cc;backdrop-filter:blur(8px)}
.weekly-giveaway-dialog-close{position:absolute;right:13px;top:10px;padding:3px 8px;border:0;background:none;color:#aeb0b8;font-size:26px;cursor:pointer}
.weekly-giveaway-dialog-head span{color:var(--dialog-tier);font-size:9px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.weekly-giveaway-dialog-head h2{margin:8px 0 7px;font-size:25px}.weekly-giveaway-dialog-head p{margin:0;color:#aeb1bb;font-size:12px;line-height:1.5}.weekly-giveaway-dialog-head p b{color:#fff}
.weekly-giveaway-dialog ol{display:grid;gap:9px;margin:19px 0;padding-left:23px;color:#c7c9d0;font-size:12px;line-height:1.55}.weekly-giveaway-dialog li::marker{color:var(--dialog-tier);font-weight:900}.weekly-giveaway-dialog li b{color:#fff}
.weekly-giveaway-dialog-progress{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:12px 14px;border:1px solid #34363d;border-radius:10px;background:#191a1f;font-size:11px}.weekly-giveaway-dialog-progress span{color:#a7aab3}.weekly-giveaway-dialog-progress b{color:#fff}.weekly-giveaway-dialog-progress small{grid-column:1/-1;color:var(--dialog-tier);font-weight:800}
.weekly-giveaway-dialog-action{width:100%;min-height:43px;margin-top:14px;border:1px solid #ffc45e;border-radius:8px;background:linear-gradient(180deg,#ffc654 0,#ffa126 48%,#ff8518 100%);color:#1b0d00;font:900 11px var(--font-ui);cursor:pointer;box-shadow:0 7px 18px #0008,0 0 16px #ff941f42,inset 0 1px #fff5ad80}.weekly-giveaway-dialog-action:hover{filter:brightness(1.08)}.weekly-giveaway-dialog button:focus-visible{outline:2px solid #ffe014;outline-offset:2px}
@media(min-width:1081px){.home-promotions #welcome-case-promo{height:auto;margin-top:0}.home-promotions .welcome-case-banner{height:325px}.home-promotions .welcome-case-banner img{height:100%;aspect-ratio:auto;object-fit:cover;object-position:62% center}}
.home-promotions .welcome-case-summary{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
@media(max-width:1080px){.home-promotions{grid-template-columns:1fr;align-items:start}.home-promotions #welcome-case-promo{width:min(620px,100%);justify-self:center}.weekly-giveaway-card{min-height:166px}}
@media(max-width:720px){.home-promotions{box-sizing:border-box;width:calc(100vw - 24px);max-width:calc(100vw - 24px);gap:14px;padding:14px 12px 22px}.weekly-giveaway-heading{height:34px}.weekly-giveaway-heading::before{top:50%;background:linear-gradient(90deg,transparent 0,#66748666 2% 8%,transparent 13% 87%,#66748666 92% 98%,transparent 100%)}.weekly-giveaway-heading h2{font-size:19px}.weekly-giveaway-grid{gap:7px}.weekly-giveaway-card{min-height:202px}.weekly-giveaway-card::after{background:linear-gradient(90deg,#08101af2 0,#080d16db 43%,#06101a52 68%,#05090f08 100%),linear-gradient(0deg,#07101af2 0,transparent 34%),repeating-conic-gradient(from var(--weekly-light-angle) at 79% 52%,color-mix(in srgb,var(--tier) var(--weekly-light-strength),transparent) 0 5deg,transparent 6deg 14deg)}.weekly-giveaway-prize-name{right:-1%;top:18px;width:57%;font-size:8px}.weekly-giveaway-card>img{left:auto;right:-2%;top:42px;width:59%;height:105px}.weekly-giveaway-price{right:-1%;top:148px;width:57%;font-size:8px}.weekly-giveaway-clock{left:8px;right:52%;top:43px}.weekly-giveaway-card button{left:8px;right:52%;top:94px;min-height:38px;padding:6px;font-size:8px}.weekly-giveaway-foot{font-size:7px}}
@media(max-width:430px){.weekly-giveaway-heading h2{font-size:17px;letter-spacing:.35px}.weekly-giveaway-clock{width:auto;box-sizing:border-box}.weekly-giveaway-card{min-height:198px}.weekly-giveaway-prize-name{font-size:7px}.weekly-giveaway-card button{font-size:7px;padding:3px}.weekly-giveaway-foot{line-height:1.5}}
@media(prefers-reduced-motion:reduce){.weekly-giveaway-heading h2,.weekly-giveaway-card::after,.weekly-giveaway-card>img{animation:none}.weekly-giveaway-card>img,.weekly-giveaway-card button{transition:none}.weekly-giveaway-card:hover>img{transform:none}.weekly-giveaway-card button:hover:not(:disabled){transform:none}}

/* source: carbon.css */
/* Carbon interface. Existing catalog artwork and case cards retain their styles. */
:root {
  --carbon: #ffe014;
  --accent: #ffe014;
  --bg: #101113;
  --panel: #191b1e;
  --line: #303338;
  --text: #f4f5f7;
  --muted: #969ba3;
  --gold: #ffe014;
}
html { scroll-padding-top: 24px; }
body.carbon-theme { background: #101113 !important; color: var(--text); }
body.carbon-theme :is(button,a,input,select,textarea):focus-visible {
  outline: 2px solid var(--carbon) !important;
  outline-offset: 3px;
}
body.carbon-theme :is(input[type=checkbox],input[type=range]) { accent-color: var(--carbon); }
body.carbon-theme button:disabled { cursor: not-allowed; }
body.carbon-theme .primary {
  background: var(--carbon) !important; color: #172006 !important;
  border-color: var(--carbon) !important; box-shadow: none !important; text-shadow: none !important;
}
body.carbon-theme .primary:not(:disabled):hover { background: #ffeb62 !important; }
body.carbon-theme .primary:disabled { opacity: .4 !important; }
body.carbon-theme :is(.secondary,.back) { background: #1c1f22; color: #c5c9d0; border-color: #363b42; border-radius: 7px; }
/* Header: a single row on desktop, a dedicated navigation row on smaller screens. */
body.carbon-theme > header {
  display: flex; flex-wrap: nowrap; height: 76px; min-height: 76px;
  gap: 24px !important; padding: 0 30px !important;
  background: #131518 !important; border-bottom: 1px solid #ffffff0b !important;
  box-shadow: none !important;
}
body.carbon-theme > header .brand.dragon-wordmark {
  flex: 0 0 150px; width: 150px; min-height: 48px; margin: 0; padding: 0;
  justify-content: flex-start; gap: 10px;
}
@media (min-width:1001px) {
  body.carbon-theme > header .brand.dragon-wordmark { flex-basis: 128px; width: 128px; }
}
body.carbon-theme > header .dragon-wordmark .brand-dragon-head {
  position: static !important; display: block; flex: none;
  width: 34px !important; height: 39px !important; background: var(--carbon) !important;
  opacity: 1 !important; transform: none !important; filter: none !important;
}
body.carbon-theme > header .dragon-wordmark .brand-name {
  position: static; display: flex; flex-direction: column; align-items: flex-start;
  gap: 1px; padding: 0; font: 800 19px/1 var(--font-ui); letter-spacing: -.7px;
  filter: none; text-shadow: none;
}
body.carbon-theme > header .dragon-wordmark .brand-name span {
  background: none !important; color: #f4f5f7 !important;
  -webkit-text-fill-color: currentColor !important; animation: none !important;
}
body.carbon-theme > header nav { order: 0; width: auto; min-width: 0; flex: 1; gap: 5px; justify-content: flex-start; }
body.carbon-theme > header .nav {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 10px 12px !important;
  font: 600 12px/1.3 var(--font-ui); text-transform: none; white-space: nowrap;
  color: #9ca2ac !important; background: transparent !important;
  border: 1px solid transparent !important; border-radius: 7px;
}
body.carbon-theme > header .nav:is(.active,:hover) {
  color: var(--carbon) !important; background: #ffe01409 !important; border-color: #ffe01425 !important;
}
body.carbon-theme > header .nav-icon { display: flex; color: inherit !important; }
body.carbon-theme > header .nav-icon svg { width: 18px; height: 18px; }
body.carbon-theme > header #count { padding: 2px 5px; background: #2b3320; color: var(--carbon); font-size: 10px; }
body.carbon-theme > header .wallet {
  flex: none; gap: 12px; margin-left: auto; padding: 7px 9px 7px 13px;
  border: 1px solid #363b2e; border-radius: 8px; background: #1b1e18;
}
body.carbon-theme > header .wallet small { margin: 0 0 2px; font-size: 9px; color: #8e9981; }
body.carbon-theme > header .wallet strong { font-size: 14px; color: #edf4e0 !important; }
body.carbon-theme > header .wallet #topup {
  width: 34px; height: 34px; border: 0 !important; border-radius: 5px !important;
  background: var(--carbon) !important; color: #172006 !important; box-shadow: none !important;
}
body.carbon-theme > header .wallet-add-icon { width: 22px; height: 22px; }
body.carbon-theme > header .wallet-add-badge { display: none; }
body.carbon-theme > header :is(#account-button,#account-button.has-avatar) {
  width: 44px; height: 44px; padding: 4px; border: 1px solid #505943 !important;
  border-radius: 8px !important; color: var(--carbon) !important; background: #1b1f18 !important;
  box-shadow: none !important; font-size: 10px;
}
body.carbon-theme > header .account-controls { flex: none; margin: 0; }
body.carbon-theme .online-indicator { flex: none; margin: 0; }
body.carbon-theme .online-indicator i { background: var(--carbon) !important; box-shadow: none !important; }
body.carbon-theme .online-indicator strong { color: #bdc6b0; font-size: 12px; }
body.carbon-theme :is(.language-picker,.language-trigger,.language-options) { background: #202328; border-color: #363b42; }
/* Live feed presentation is defined in carbon-feed.css. */










/* Main composition and collection navigation. */
body.carbon-theme > main { width: 100%; max-width: 1660px !important; min-height: calc(100vh - 270px); margin: 0 auto !important; padding: 28px 30px 64px !important; }
body.carbon-theme #cases-view { display: grid; grid-template-columns: 126px minmax(0,1fr); gap: 26px; padding: 0 !important; align-items: start; }
.carbon-content { min-width: 0; }
.carbon-rail { display: flex; flex-direction: column; gap: 7px; position: sticky; top: 24px; min-width: 0; padding-top: 6px; }
.carbon-rail-label { margin: 0 0 13px 10px; color: #626a77; font-size: 9px; letter-spacing: 1.4px; font-weight: 700; }
.carbon-rail button { position: relative; display: flex; align-items: center; gap: 9px; min-height: 46px; padding: 9px 10px; border: 1px solid transparent; border-radius: 7px; background: none; color: #8e96a3; text-align: left; font-size: 11px; line-height: 1.4; }
.carbon-rail button svg { flex: none; width: 18px; height: 18px; }
.carbon-rail button i { width: 4px; height: 4px; flex: none; border-radius: 50%; background: var(--carbon); }
.carbon-rail button:hover { color: #eef3e8; background: #ffffff04; }
.carbon-rail button[aria-pressed=true] { background: linear-gradient(100deg,#ffe01411,#ffe01403); border-color: #ffe01430; color: var(--carbon); }
.carbon-rail button[aria-pressed=true]:before { content: ''; position: absolute; left: -1px; top: 10px; bottom: 10px; width: 2px; border-radius: 2px; background: var(--carbon); }
.carbon-rail-note { margin: 28px 10px 0; padding-top: 18px; border-top: 1px solid #ffffff0a; }
.carbon-rail-note span { font-size: 8px; letter-spacing: 1px; color: #747e8c; }
.carbon-rail-note small { display: block; font-size: 10px; color: #4e5663; line-height: 1.7; margin-top: 7px; }




.carbon-kicker { display: flex; align-items: center; gap: 8px; color: #98a58b; font-size: 9px; line-height: 1.4; font-weight: 700; letter-spacing: 1.8px; }
.carbon-kicker i { width: 5px; height: 5px; background: var(--carbon); border-radius: 50%; }









/* Promotions use grid flow rather than absolute text coordinates. */
body.carbon-theme .home-promotions { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 18px; width: 100%; max-width: 100%; padding: 0; margin: 0 0 30px; align-items: stretch; }
body.carbon-theme .home-promotions #welcome-case-promo { position: relative; grid-row: 1; grid-column: 1; display: flex; flex-direction: column; width: 100%; margin: 0; padding: 18px; overflow: hidden; border: 1px solid #ffe01430; border-radius: 9px; background: linear-gradient(135deg,#20261b,#181c17); }
body.carbon-theme .home-promotions .welcome-case-promo-title { display: block; height: auto; margin: 0; font: 700 12px/1.5 var(--font-ui); color: #edf3e5; background: none; -webkit-text-fill-color: currentColor; filter: none; letter-spacing: .1px; text-align: left; }
.carbon-welcome-description { margin: 6px 0 12px; color: #a3b094; font-size: 11px; line-height: 1.5; }
body.carbon-theme .home-promotions .welcome-case-banner { flex: 1; min-height: 155px; height: auto; border: 0; border-radius: 6px; background: #121610; box-shadow: none; }
body.carbon-theme .home-promotions .welcome-case-banner img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 63% center; filter: saturate(.65); }
body.carbon-theme .home-promotions .welcome-case-banner:before,body.carbon-theme .home-promotions .welcome-case-banner:after { display: none; }
body.carbon-theme .home-promotions .welcome-case-banner-cta { left: 10px; right: 10px; bottom: 10px; min-width: 0; min-height: 36px; padding: 8px; transform: none; border: 1px solid #ffe01466; border-radius: 5px; background: #12180ff0; color: #fff18b; box-shadow: none; text-shadow: none; font: 700 11px/1.2 var(--font-ui); }
body.carbon-theme .home-promotions .welcome-case-banner:hover { transform: none; }
body.carbon-theme .home-promotions .welcome-case-banner:hover .welcome-case-banner-cta { transform: none; filter: none; box-shadow: none; background: #ffe014; color: #18200a; }
body.carbon-theme .home-promotions #weekly-giveaways { grid-row: 1; grid-column: 2; min-width: 0; }
body.carbon-theme .weekly-giveaway-heading { justify-content: flex-start; height: auto; min-height: 26px; margin: 0 0 12px; padding: 0; }
body.carbon-theme .weekly-giveaway-heading:before { display: none; }
body.carbon-theme .weekly-giveaway-heading h2 { margin: 0; background: none; color: #e8ecf2; -webkit-text-fill-color: currentColor; filter: none; animation: none; font: 700 14px/1.5 var(--font-ui); letter-spacing: -.2px; }
body.carbon-theme .weekly-giveaway-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
body.carbon-theme .weekly-giveaway-card { display: grid; grid-template-columns: 1fr; grid-template-rows: 30px 68px 22px 22px 36px; min-height: 0; gap: 3px; padding: 12px; border: 1px solid #343a30; border-radius: 8px; background: linear-gradient(155deg,#21251f,#181c19); box-shadow: none; }
body.carbon-theme .weekly-giveaway-card:before,body.carbon-theme .weekly-giveaway-card:after { display: none; }
body.carbon-theme .weekly-giveaway-prize-name { position: static; width: auto; padding: 0; background: none; color: #c6cfbe; font-size: 10px; line-height: 1.5; text-align: left; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-shadow: none; }
body.carbon-theme .weekly-giveaway-card > img { position: static; width: 100%; height: 68px; margin: 0; animation: none; filter: drop-shadow(0 6px 10px #0005); will-change: auto; }
body.carbon-theme .weekly-giveaway-price { position: static; width: auto; border: 0; padding: 0; background: none; color: #f0f5ea; font: 700 13px/22px var(--font-ui); text-align: left; text-shadow: none; }
body.carbon-theme .weekly-giveaway-clock { position: static; padding: 0; border: 0; background: none; box-shadow: none; text-align: left; }
body.carbon-theme .weekly-giveaway-clock small { display: none; }
body.carbon-theme .weekly-giveaway-clock strong { display: block; margin: 0; color: #a6b497; font: 500 10px/22px var(--font-ui); font-variant-numeric: tabular-nums; text-shadow: none; }
body.carbon-theme .weekly-giveaway-card button { position: static; width: 100%; min-height: 36px; padding: 7px 3px; border: 1px solid #bfa719; border-radius: 5px; background: #ffe01405; color: var(--carbon); box-shadow: none; text-shadow: none; font: 700 10px/1.2 var(--font-ui); letter-spacing: 0; transition: background .15s,color .15s; }
body.carbon-theme .weekly-giveaway-card button:hover:not(:disabled) { background: var(--carbon); color: #172006; transform: none; filter: none; box-shadow: none; }
body.carbon-theme .weekly-giveaway-card button:disabled { opacity: .55; filter: none; }
body.carbon-theme .weekly-giveaway-foot { margin: 8px 1px 0; color: #8a9480; font-size: 9px; line-height: 1.6; text-align: left; }
/* Catalog chrome only: leave all existing case artwork, colors and prices intact. */
.carbon-catalog-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 0 clamp(16px,3vw,52px) 18px; scroll-margin-top: 22px; }
.carbon-catalog-heading .carbon-kicker { color: #687382; font-size: 8px; }
.carbon-catalog-heading h2 { margin: 7px 0 0; font: 700 25px/1.2 var(--font-ui); letter-spacing: -.8px; }
.carbon-catalog-hint { font-size: 10px; color: #6d7784; padding-bottom: 2px; }
.carbon-catalog-hint span { color: var(--carbon); margin-left: 10px; font-size: 18px; }
body.carbon-theme #cases-view .catalog-filters { padding: 13px 14px 9px; margin: 0 clamp(16px,3vw,52px) 22px; border: 1px solid #2f343b; border-radius: 8px; background: #191c20; box-shadow: none; }
body.carbon-theme .filter-primary { flex-wrap: nowrap; gap: 10px; }
body.carbon-theme .filter-secondary { flex: 1 1 auto; min-width: 0; width:auto; }
body.carbon-theme .collection-chips { gap: 6px; padding-bottom: 3px; scrollbar-color: #4e5e33 transparent; }
body.carbon-theme .catalog-filters .collection-chips button { height: 36px; padding: 0 12px; border: 1px solid #343a41 !important; border-radius: 5px; background: #20242a !important; color: #a4acb8 !important; box-shadow: none; animation: none; }
body.carbon-theme .collection-chips button:before { display: none; }
body.carbon-theme .catalog-filters .collection-chips button:hover { border-color: #708543 !important; }
body.carbon-theme .catalog-filters .collection-chips button[aria-pressed=true] { border-color: var(--carbon) !important; background: var(--carbon) !important; color: #182006 !important; }
body.carbon-theme .catalog-filters .filter-options { flex: 0 0 auto; justify-content: flex-end; }
body.carbon-theme .catalog-filters :is(.case-price-range,#case-sort,.case-tabs button) { border-color: #3b4149 !important; background: #12161a !important; color: #b7c0ca !important; border-radius: 5px; }
body.carbon-theme .catalog-filters :is(.case-price-range legend,.case-sort-field>span) { background: #191c20; color: #a8b993 !important; }
body.carbon-theme .catalog-filters :is(.range-coin,.case-tabs button span,#clear-case-filters) { color: var(--carbon) !important; }
body.carbon-theme .catalog-filters .case-tabs button[aria-pressed=true] { border-color: #b9a331 !important; background: #ffe01410 !important; color: var(--carbon) !important; }
body.carbon-theme .catalog-filters .case-price-range { flex: 0 1 180px; }
body.carbon-theme .catalog-filters #case-sort { width: 178px; appearance: auto; background-image: none !important; padding-right: 9px; }
body.carbon-theme .catalog-filters .filter-summary { margin-top: 5px; color: #8793a1; }
body.carbon-theme .catalog-filters #catalog-stats { color: #96a28a; }
body.carbon-theme > footer { margin: 0 !important; padding: 28px 30px; border-top: 1px solid #2c3238; background: #0c0e10; }
body.carbon-theme > footer .brand { color: #e2e9da; font-size: 17px; }
body.carbon-theme > footer p { color: #707b89; }
body.carbon-theme .toast { border: 1px solid #c9b449; border-radius: 8px; background: #ffe014; color: #172006; }
@media (max-width: 1250px) {
  body.carbon-theme > header { gap: 13px !important; padding-inline: 22px !important; }
  body.carbon-theme .online-indicator { display: none; }
  body.carbon-theme > header .nav { padding-inline: 9px !important; }
  body.carbon-theme #cases-view { grid-template-columns: 108px minmax(0,1fr); gap: 18px; }
  .carbon-rail button { font-size: 10px; gap: 7px; padding-inline: 7px; }
  
  body.carbon-theme .home-promotions { grid-template-columns: 1fr; gap: 20px; }
  body.carbon-theme .home-promotions #welcome-case-promo { grid-row: 1; grid-column: 1; min-height: 134px; display: block; padding: 22px; }
  body.carbon-theme .home-promotions #weekly-giveaways { grid-row: 2; grid-column: 1; }
  body.carbon-theme .home-promotions .welcome-case-banner { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; z-index: 0; border-radius: 0; }
  body.carbon-theme .home-promotions .welcome-case-banner img { object-position: right center; opacity: .4; }
  body.carbon-theme .home-promotions .welcome-case-banner-cta { left: auto; right: 22px; bottom: 22px; min-width: 160px; min-height: 40px; }
  body.carbon-theme .home-promotions :is(.welcome-case-promo-title,.carbon-welcome-description) { position: relative; z-index: 1; max-width: 60%; pointer-events: none; }
}
@media (max-width: 1000px) {
  body.carbon-theme > header { flex-wrap: wrap; height: auto; min-height: 116px; padding-block: 10px !important; row-gap: 7px !important; }
  body.carbon-theme > header .brand.dragon-wordmark { margin-right: auto; }
  body.carbon-theme > header nav { order: 5; flex: 1 1 100%; width: 100%; justify-content: space-between; }
  body.carbon-theme > header .wallet { margin-left: 0; }
  body.carbon-theme > header .nav { flex: 1; }
  body.carbon-theme > main { padding: 22px 20px 45px !important; }
  body.carbon-theme #cases-view { display: block; }
  .carbon-rail { display: none; }
  
  
}
@media (max-width: 720px) {
  body.carbon-theme > header { gap: 7px !important; padding: 10px 12px !important; }
  body.carbon-theme > header .brand.dragon-wordmark { flex-basis: 112px; width: 112px; min-height: 36px; gap: 7px; }
  body.carbon-theme > header .dragon-wordmark .brand-name { font-size: 15px; }
  body.carbon-theme > header .dragon-wordmark .brand-dragon-head { width: 26px !important; height: 31px !important; }
  body.carbon-theme > header .wallet { padding: 5px 7px; gap: 6px; }
  body.carbon-theme > header .wallet small { display: none; }
  body.carbon-theme > header .wallet strong { font-size: 11px; }
  body.carbon-theme > header .wallet #topup { width: 28px; height: 28px; }
  body.carbon-theme > header :is(#account-button,#account-button.has-avatar) { width: 38px; height: 38px; }
  body.carbon-theme > header nav { gap: 3px; }
  body.carbon-theme > header .nav { padding: 8px 3px !important; gap: 5px; font-size: 10px; }
  body.carbon-theme > header .nav-icon svg { width: 15px; height: 15px; }
  body.carbon-theme > header .language-picker { display: none; }
  
  
  
  
  
  body.carbon-theme > main { padding: 14px 12px 36px !important; }
  
  
  
  
  
  
  .carbon-kicker { font-size: 8px; }
  
  body.carbon-theme .home-promotions { margin-bottom: 24px; gap: 20px; }
  body.carbon-theme .home-promotions #welcome-case-promo { padding: 18px; min-height: 165px; }
  body.carbon-theme .home-promotions .welcome-case-banner-cta { left: 18px; right: auto; bottom: 18px; min-width: 150px; }
  body.carbon-theme .home-promotions .welcome-case-promo-title { max-width: 100%; }
  body.carbon-theme .home-promotions .carbon-welcome-description { max-width: 80%; }
  body.carbon-theme .weekly-giveaway-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  body.carbon-theme .weekly-giveaway-card { padding: 12px; grid-template-rows: 32px 78px 24px 24px 40px; }
  body.carbon-theme .weekly-giveaway-card > img { height: 78px; }
  body.carbon-theme .weekly-giveaway-prize-name { font-size: 11px; }
  body.carbon-theme .weekly-giveaway-card button { min-height: 40px; font-size: 11px; }
  body.carbon-theme .weekly-giveaway-clock strong { font-size: 11px; }
  .carbon-catalog-heading { margin-bottom: 16px; }
  .carbon-catalog-heading h2 { font-size: 23px; }
  .carbon-catalog-hint { display: none; }
  body.carbon-theme .catalog-filters .case-price-range { flex: 1; }
  body.carbon-theme .catalog-filters .case-price-range input { width: 40px; }
  body.carbon-theme .catalog-filters .case-sort-field { flex: 1; }
  body.carbon-theme .catalog-filters #case-sort { width: 100%; font-size: 10px; }
  body.carbon-theme .catalog-filters .filter-options { width: 100%; flex-basis: 100%; }
  body.carbon-theme > footer { padding: 24px 16px; gap: 14px; }
}
@media (max-width: 360px) {
  body.carbon-theme > header { column-gap: 5px !important; }
  body.carbon-theme > header .brand.dragon-wordmark { flex-basis: 96px; width: 96px; }
  body.carbon-theme > header .dragon-wordmark .brand-name { font-size: 13px; }
  body.carbon-theme > header .nav { font-size: 9px; gap: 4px; }
  
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  body.carbon-theme .weekly-giveaway-card button {transition:none}
}
/* Hero uses two normal-flow columns; the artwork has no cover crop or overlay. */
.carbon-hero {
  position: relative; isolation: isolate; display: grid;
  grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); align-items: center;
  min-height: 320px; margin: 0 clamp(16px,3vw,52px) 22px;
  border: 1px solid #35412e; border-radius: 12px;
  background: linear-gradient(90deg,#0e1412b8,transparent 56%),url('/images/carbon/hero-background-v1-display.webp') center/cover no-repeat,#101611;
}
.carbon-hero-visual {
  grid-column: 2; grid-row: 1; display: flex; align-items: center; justify-content: center;
  min-width: 0; padding: 18px 20px 18px 0;
}
.carbon-hero .carbon-hero-art {
  position: static; display: block; width: 100%; height: auto; max-height: 335px;
  margin: 0; object-fit: contain; object-position: center;
  opacity: 1; filter: drop-shadow(0 12px 18px #0005); transform: none;
}
.carbon-hero-copy { grid-column: 1; grid-row: 1; width: 100%; min-width: 0; padding: 28px 12px 28px 30px; }
.carbon-hero h1 { margin: 15px 0 14px; color: #f1f4ed; font: 400 clamp(32px,3.1vw,50px)/1.04 Impact,'Arial Narrow',var(--font-display); letter-spacing: -.4px; }
.carbon-hero h1 em { color: #ffe014; font-style: normal; }
.carbon-hero p { margin: 0 0 20px; color: #adbba0; font: 13px/1.7 var(--font-ui); }
.carbon-cta {
  display: inline-flex; align-items: center; justify-content: space-between; gap: 30px;
  width: 218px; max-width: 100%; min-height: 54px; padding: 14px 20px;
  border: 1px solid #fff080; border-radius: 7px;
  background: #ffe014; color: #18210a; box-shadow: 0 4px 16px #ffe0140c;
  font: 700 14px/1.3 var(--font-ui); text-decoration: none;
  transition: background .16s ease,border-color .16s ease;
}
.carbon-cta .carbon-cta-label { font-size: 14px; letter-spacing: 0; }
.carbon-cta .carbon-cta-arrow { display: flex; align-items: center; justify-content: center; flex: none; width: 22px; height: 22px; border: 0; border-radius: 0; background: none; }
.carbon-cta-arrow svg { width: 21px; height: 21px; transition: transform .16s ease; }
.carbon-cta:hover { background: #ffea5b; border-color: #fff6a8; }
.carbon-cta:hover .carbon-cta-arrow svg { transform: translateX(3px); }
.carbon-cta:active { background: #e8c900; }
.carbon-hero-index { display: none; }
@media(max-width:1100px) {
  .carbon-hero { min-height: 290px; }
  .carbon-hero-copy { padding: 23px 5px 23px 23px; }
  .carbon-hero h1 { font-size: clamp(29px,3.3vw,39px); }
  .carbon-hero-visual { padding: 14px 13px 14px 0; }
  .carbon-cta { width: 208px; }
}
@media(max-width:720px) {
  .carbon-hero { grid-template-columns: minmax(0,1fr); min-height: 0; gap: 0; margin: 0 12px 16px; }
  .carbon-hero-copy { grid-column: 1; grid-row: 1; padding: 22px 20px 4px; }
  .carbon-hero h1 { margin: 15px 0 12px; font-size: clamp(33px,8vw,45px); }
  .carbon-hero p { margin-bottom: 18px; font-size: 12px; }
  .carbon-hero-visual { grid-column: 1; grid-row: 2; padding: 10px 15px 15px; }
  .carbon-hero .carbon-hero-art { max-height: 245px; }
  .carbon-cta { width: 218px; min-height: 54px; }
}
@media(prefers-reduced-motion:reduce) {
  .carbon-cta,.carbon-cta-arrow svg { transition: none; }
  .carbon-cta:hover .carbon-cta-arrow svg { transform: none; }
}

/* Keep collection tabs and controls together on desktop; wrap on narrow screens. */
@media (max-width:720px) {
 body.carbon-theme #cases-view :is(.carbon-catalog-heading,.catalog-filters) {margin-inline:12px;}
}
@media(max-width:900px) {
 body.carbon-theme .filter-primary {flex-wrap:wrap;}
 body.carbon-theme .filter-secondary {flex:1 1 100%;width:100%;}
 body.carbon-theme .catalog-filters .filter-options {flex:1 1 auto;}
}

/* source: carbon-features.css */
/* Shared Carbon surfaces for the existing feature screens and dialogs. */
body.carbon-theme :is(#inventory-view,#upgrade-view,#contract-view,#profile-view,#free-view) { padding: 8px 0 30px; max-width: 1440px; width: 100%; margin-inline: auto; }
body.carbon-theme :is(#upgrade-view,#contract-view,#free-view) .feature-title,
body.carbon-theme #profile-view .profile-title {
  min-height: 0; padding: 23px 26px; margin: 0 0 24px;
  border: 1px solid #30353b; border-left: 3px solid var(--carbon); border-radius: 9px;
  background: linear-gradient(110deg,#21261e,#181c1e 65%); box-shadow: none; text-align: left;
}
body.carbon-theme :is(#contract-view,#free-view) .feature-title:before,
body.carbon-theme :is(#contract-view,#free-view) .feature-title:after,
body.carbon-theme #profile-view .profile-title:before,
body.carbon-theme #profile-view .profile-title:after { display: none; }
body.carbon-theme :is(#upgrade-view,#contract-view,#free-view) .feature-title h1,
body.carbon-theme #profile-view .profile-title h1,
body.carbon-theme #inventory-view h1 {
  color: #f0f3f6; font: 700 30px/1.25 var(--font-ui); margin: 0 0 8px; letter-spacing: -.8px; text-shadow: none;
}
body.carbon-theme :is(#upgrade-view,#contract-view,#free-view) .feature-title > p { margin: 0; max-width: 760px; font-size: 12px; line-height: 1.7; color: #9da6b3; text-shadow: none; }
body.carbon-theme #inventory-view .section-heading { margin: 0 0 12px; }
body.carbon-theme #inventory-view #inventory-summary { color: #929eac; font-size: 12px; }
body.carbon-theme #inventory-view :is(.inventory-tools input,.inventory-tools select,.inventory-tools button,.inventory-tile,.inventory-pagination button) { background: #191d22; border-color: #353c45; border-radius: 8px; }
body.carbon-theme #inventory-view :is(#sell-all,#inventory-sell) { background: var(--carbon); border-color: var(--carbon); color: #172006; }
body.carbon-theme #inventory-view :is(.inventory-tile.is-selected,.inventory-selection) { border-color: #c4ad35; box-shadow: none; background: #1b2119; }
body.carbon-theme #inventory-view :is(.inventory-tools #inventory-select-mode[aria-pressed=true],#inventory-selected,.consolation-entry,.inventory-star[aria-pressed=true],#inventory-grid .item p) { color: var(--carbon); }
body.carbon-theme #inventory-view :is(.inventory-pick[aria-pressed=true],#inventory-grid.inventory-selecting .inventory-pick[aria-pressed=true]) { background: var(--carbon); border-color: var(--carbon); color: #172006; }
body.carbon-theme #inventory-view .consolation-entry { background: #191f16; border-color: #52673b; }
body.carbon-theme #upgrade-view :is(.upgrade-pedestal,#upgrade-source-preview:has(.source-display)) { background: radial-gradient(ellipse at 50% 70%,#ffe01414,transparent 65%),#1b1f23; border: 1px solid #373f45; border-radius: 11px; box-shadow: none; }
body.carbon-theme #upgrade-view .upgrade-pedestal:after { background: linear-gradient(90deg,transparent,#ffe01477,transparent); box-shadow: none; }
body.carbon-theme #upgrade-view .pedestal-placeholder { filter: none; }
body.carbon-theme #upgrade-view .pedestal-placeholder:after { background: #ffe014; filter: none; }
body.carbon-theme #upgrade-view .upgrade-pedestal > p { background: #141a12; border-color: #ffe01428; color: #a6b596; }
body.carbon-theme #upgrade-view :is(.selection-meta b,.dial-core strong,.dial-core #dial-label,.quick-targets button,.choice .item p) { color: var(--carbon); text-shadow: none; }
body.carbon-theme #upgrade-view #upgrade-dial { background: conic-gradient(from var(--chance-start,180deg),#ffe014 0deg,#ffe014 var(--chance),#30363b var(--chance),#30363b 360deg); box-shadow: 0 0 0 7px #101418,0 0 0 8px #758e4655,0 0 0 15px #191d21,0 0 0 16px #ffffff0a; }
body.carbon-theme #upgrade-view .dial-core { background: radial-gradient(ellipse at 50% 100%,#ffe01410,transparent 65%),#1b2024; border-color: #121619; box-shadow: none; }
body.carbon-theme #upgrade-view .dial-core:before { border-color: #ffe01422; }
body.carbon-theme #upgrade-view .dial-core .double-chevron { color: #ffe01444; }
body.carbon-theme #upgrade-view .dial-pointer span { color: var(--carbon); text-shadow: none; }
body.carbon-theme #upgrade-view .scale-tick { background: #a0be5a70; }
body.carbon-theme #upgrade-view :is(#do-upgrade,#do-upgrade:disabled) { background: var(--carbon); color: #172006; border-color: var(--carbon); box-shadow: none; border-radius: 7px; }
body.carbon-theme #upgrade-view #do-upgrade:disabled { opacity: .4; }
body.carbon-theme #upgrade-view :is(.upgrade-funds,.skin-panel,.skin-panel:has(#upgrade-targets),.skin-pagination) { background: #1a1e23; border-color: #353d45; }
body.carbon-theme #upgrade-view :is(.skin-panel-heading,.skin-tools) { background: #20262c; border-color: #353e46; }
body.carbon-theme #upgrade-view .skin-panel-heading h2:before { background: var(--carbon); box-shadow: none; }
body.carbon-theme #upgrade-view :is(.skin-tools input,.skin-tools select,.upgrade-amount,.quick-targets button) { background: #151b20; border-color: #414b55; color: #c2ccb6; }
body.carbon-theme #upgrade-view .quick-targets button { color: var(--carbon); }
body.carbon-theme #upgrade-view .skin-panel .choice-grid > .empty { background: radial-gradient(ellipse,#ffe0140a,transparent 75%); }
body.carbon-theme #contract-view :is(.contract-selection,.contract-theater,.skin-panel) { background: #1a1f24; border-color: #39434b; border-radius: 10px; box-shadow: none; }
body.carbon-theme #contract-view .contract-theater { background: radial-gradient(ellipse at 50% 50%,#ffe0140c,transparent 70%),#171d21; }
body.carbon-theme #contract-view :is(.selection-title,.signature-instruction,.contract-slot.filled small,.contract-stamp,#contract-paper .paper-heading,#contract-paper .paper-serial) { color: var(--carbon); border-color: #ffe01438; }
body.carbon-theme #contract-view .selection-title { font: 700 20px/1.3 var(--font-ui); }
body.carbon-theme #contract-view .contract-slot { background: #13191e; border-color: #3b4650; }
body.carbon-theme #contract-view .contract-slot.filled { border-color: #bca731; }
body.carbon-theme #contract-view #contract-paper { background: #151c1b; border-color: #8a9f5e; box-shadow: inset 0 0 0 5px #111816,inset 0 0 0 6px #ffe01420; }
body.carbon-theme #contract-view #contract-paper.awaiting-signature { box-shadow: inset 0 0 0 5px #111816,inset 0 0 0 6px #ffe01420; }
body.carbon-theme #contract-view #contract-paper .full-paper-signature path { stroke: var(--carbon); }
body.carbon-theme #contract-view .contract-stamp { border-color: #c7b967; }
body.carbon-theme #contract-view .result-banner { background: #182016; border-color: #4d6533; color: var(--carbon); }
body.carbon-theme #profile-view :is(.profile-identity,.profile-highlight,.profile-content) { background: #1a1f24; border: 1px solid #35404a; border-radius: 10px; box-shadow: none; }
body.carbon-theme #profile-view .profile-identity { background: linear-gradient(135deg,#22291c,#191f24 70%); }
body.carbon-theme #profile-view :is(.profile-title small,.profile-wallet strong,.profile-best b,.profile-metrics b,.profile-gear,.profile-identity-actions button,.profile-highlight a,.profile-highlight button,.profile-mode) { color: var(--carbon); }
body.carbon-theme #profile-view :is(.profile-identity-actions button,.profile-gear,.profile-mode,.profile-avatar) { background: #161e16; border-color: #465a32; }
body.carbon-theme #profile-view .profile-tabs { background: #191e23; border-color: #36414b; border-radius: 8px; box-shadow: none; }
body.carbon-theme #profile-view .profile-tabs button.active { color: var(--carbon); background: #ffe0140d; border-color: #718c43; }
body.carbon-theme #profile-view .profile-metrics { border-color: #343e46; }
body.carbon-theme #profile-view :is(.profile-signin,.profile-empty button) { color: var(--carbon); border-color: #748c4d; background: #1b2517; }
/* Dialogs share a neutral, readable style; rarity colors and result states stay intact. */
body.carbon-theme :is(.account-dialog,.weekly-giveaway-dialog,.inventory-confirm,.local-disabled-dialog,.welcome-case-dialog,.dragon-coin-dialog) {
  max-height: 90dvh; overflow-y: auto; border: 1px solid #4b5c3c; border-radius: 13px;
  background: radial-gradient(ellipse at 90% 0%,#ffe0140a,transparent 55%),#171d20;
  color: #edf1f5; box-shadow: 0 24px 90px #0009;
}
body.carbon-theme dialog::backdrop { background: #070a0dd6; backdrop-filter: blur(8px); }
body.carbon-theme :is(.account-dialog,.weekly-giveaway-dialog,.local-disabled-dialog) h2 { font: 700 24px/1.3 var(--font-ui); letter-spacing: -.6px; }
body.carbon-theme .account-dialog :is(p,label) { color: #a4afbc; }
body.carbon-theme .account-dialog input { background: #10161a; border-color: #414e59; color: #ecf1f7; border-radius: 6px; }
body.carbon-theme .account-dialog .primary { background: var(--carbon) !important; color: #172006 !important; }
body.carbon-theme :is(.account-eyebrow,.account-message,.weekly-giveaway-dialog-head span,.weekly-giveaway-dialog-progress b,.referral-metrics b) { color: var(--carbon) !important; }
body.carbon-theme .account-dialog .account-links button { color: #b1c39b !important; }
body.carbon-theme :is(.weekly-giveaway-dialog-progress,.referral-metrics > div) { background: #11191a; border-color: #39483c; }
body.carbon-theme .weekly-giveaway-dialog-action { background: var(--carbon); border-color: var(--carbon); color: #172006; border-radius: 6px; box-shadow: none; }
body.carbon-theme .local-disabled-dialog { width: min(470px,calc(100vw - 28px)); padding: 28px; }
body.carbon-theme .local-disabled-dialog p { color: #aeb9c6; font-size: 13px; line-height: 1.8; }
body.carbon-theme .local-disabled-close { float: right; min-width: 36px; min-height: 36px; border: 1px solid #3e4b55; border-radius: 6px; background: #222c32; color: #c8d3df; font-size: 22px; }
body.carbon-theme > header .wallet strong:before { width: 17px; height: 17px; margin-right: 6px; filter: grayscale(1) brightness(1.5); }
@media (max-width: 720px) {
  body.carbon-theme :is(#upgrade-view,#contract-view,#free-view) .feature-title,body.carbon-theme #profile-view .profile-title { padding: 20px 18px; margin-bottom: 18px; }
  body.carbon-theme :is(#upgrade-view,#contract-view,#free-view) .feature-title h1,body.carbon-theme #profile-view .profile-title h1,body.carbon-theme #inventory-view h1 { font-size: 25px; }
  body.carbon-theme #inventory-view .inventory-tools { gap: 8px; }
  body.carbon-theme #inventory-view .inventory-tools :is(input,select,button) { font-size: 11px; padding-inline: 9px; }
  body.carbon-theme :is(.account-dialog,.weekly-giveaway-dialog) { padding: 22px 18px; }
  body.carbon-theme .account-dialog h2 { font-size: 21px; }
}

/* source: carbon-feed.css */
/* Left live feed. Clicks navigate to the source page; no opening action runs. */
body.carbon-theme { --drop-feed-width: 240px; }
body.carbon-theme .drop-sidebar {
  position: absolute; left: 0; bottom: auto;
  display: flex; flex-direction: column; align-items: stretch; gap: 0;
  width: var(--drop-feed-width); min-height: 0; max-height: none; padding: 0;
  overflow: hidden; background: #111111; border-right: 0;
}
body.carbon-theme .drop-sidebar .sidebar-label {
  flex: none; display: flex; align-items: center; gap: 7px; padding: 15px 10px 11px;
  background: transparent; color: #f0f1e9; font: 850 10.5px/1.3 var(--font-ui); letter-spacing: .8px;
}
body.carbon-theme .feed-heading-title { white-space: nowrap; }
body.carbon-theme .feed-heading-signal { display: inline-flex; flex: none; align-items: center; gap: 4px; color: #ffe014; }
body.carbon-theme .feed-heading-signal svg { display: block; width: 15px; height: 16px; }
body.carbon-theme .feed-heading-signal i { display: block; width: 4px; height: 4px; border-radius: 50%; background: currentColor; }
body.carbon-theme .feed-live { margin-left: auto; color: #b9a24b; font: 750 7px/1 var(--font-ui); letter-spacing: 1px; white-space: nowrap; }
body.carbon-theme .sidebar-label:is([data-status=paused],[data-status=personal]) .feed-heading-signal { color: #a6afa2; }
body.carbon-theme .sidebar-label[data-status=paused] .feed-live { color: #979c90; }
body.carbon-theme .drop-feed-tabs { position: relative; display: flex; flex-direction: row; justify-content: center; flex: none; gap: 3px; width: auto; margin: 0 10px 16px; padding: 4px; border: 1px solid #64675b50; border-radius: 11px; background: linear-gradient(130deg,#20231f,#191c19); box-shadow: inset 0 1px #ffffff06; }
body.carbon-theme .drop-feed-tabs::after { content: ''; position: absolute; left: 0; right: 0; bottom: -10px; height: 1px; background: #9ea78c1c; pointer-events: none; }
body.carbon-theme .drop-feed-tabs button { display: inline-flex; align-items: center; justify-content: center; flex: 1; min-width: 0; gap: 7px; min-height: 42px; padding: 8px 5px; border: 0; border-radius: 8px; background: transparent; color: #949c91; box-shadow: none; font: 800 11px/1.3 var(--font-ui); transition: background .18s,color .18s; }
body.carbon-theme .drop-feed-tabs button svg { display: block; flex: none; width: 21px; height: 21px; }
body.carbon-theme .drop-feed-tabs button:hover:not([aria-pressed=true]) { background: #c0c8ad0a; color: #e6eadc; }
body.carbon-theme .drop-feed-tabs button[aria-pressed=true] { background: linear-gradient(135deg,#ffe75a,#ffe014); color: #1c2113; box-shadow: inset 0 1px #fff3a5,0 2px 8px #e8c91912; }
body.carbon-theme #drop-feed { display: block; flex: 1; min-height: 0; width: 100%; height: auto; padding: 0 6px; overflow: hidden; }
body.carbon-theme .drop-sidebar .feed-item {
  position: relative; isolation: isolate; width: 100%; height: 104px; margin: 0 0 6px; padding: 0;
  border: 1px solid color-mix(in srgb,var(--tone) 38%,#303641); border-left: 3px solid var(--tone);
  border-radius: 7px; overflow: hidden;
  background: radial-gradient(ellipse at 70% 35%,color-mix(in srgb,var(--tone) 34%,transparent),transparent 75%),linear-gradient(140deg,color-mix(in srgb,var(--tone) 15%,#202633),#161c25);
  box-shadow: inset 0 1px #ffffff0a,0 3px 7px #0003;
}
body.carbon-theme .drop-sidebar .feed-item:after { opacity: .15; }
body.carbon-theme .drop-sidebar .feed-skin { position: relative; width: 100%; height: 100%; }
body.carbon-theme .drop-sidebar .feed-skin:after { content: ''; position: absolute; inset: auto 0 0; height: 37px; background: linear-gradient(0deg,#10151ce8,transparent); pointer-events: none; }
body.carbon-theme .drop-sidebar .feed-skin img {
  position: absolute; top: 17px; right: 5px; width: 201px; height: 71px; object-fit: contain; margin: 0;
  filter: brightness(1.14) contrast(1.12) saturate(1.36) drop-shadow(0 5px 4px #0009) drop-shadow(0 0 11px color-mix(in srgb,var(--tone) 58%,transparent));
  transition: transform .2s ease;
}
body.carbon-theme .drop-sidebar .feed-source-badge { position: absolute; z-index: 2; top: 6px; left: 6px; max-width: 100px; padding: 2px 4px; background: #111720c9; color: #c2cbd8; font-size: 8px; }
body.carbon-theme .drop-sidebar .feed-source-badge b { color: #ffe014; }
body.carbon-theme .drop-sidebar .feed-skin > small { top: 6px; right: 7px; color: #e7edf6; font-size: 9px; font-weight: 700; }
body.carbon-theme .drop-sidebar .feed-name { left: 8px; bottom: 7px; width: calc(100% - 16px); z-index: 2; }
body.carbon-theme .drop-sidebar .feed-name strong { color: #f3f6fc; font-size: 10px; line-height: 14px; }
body.carbon-theme .drop-sidebar .feed-name span { color: #a8b5c8; font-size: 8px; line-height: 12px; }
body.carbon-theme .drop-sidebar .feed-origin {
  background: radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--tone) 31%,#202835),#111923 85%);
  padding: 5px 7px; gap: 0;
}
body.carbon-theme .drop-sidebar .feed-origin img { flex: none; width: 100%; height: 71px; object-fit: contain; filter: brightness(1.16) contrast(1.12) saturate(1.25) drop-shadow(0 5px 6px #0007) drop-shadow(0 0 12px color-mix(in srgb,var(--tone) 55%,transparent)); }
body.carbon-theme .drop-sidebar .feed-origin span { flex: none; width: 100%; margin-top: 2px; color: #d7e8c0; font: 600 10px/14px var(--font-ui); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }
body.carbon-theme .drop-sidebar .feed-origin span:after { color: #ffe014; }
body.carbon-theme .drop-sidebar .feed-item:is(:hover,:focus-visible) { border-color: color-mix(in srgb,var(--tone) 72%,white); }
body.carbon-theme .drop-sidebar .feed-empty { padding: 20px 10px; color: #8f9caf; font: 11px/1.7 var(--font-ui); text-align: center; }
body.carbon-theme > main { width: calc(100% - var(--drop-feed-width)); max-width: none !important; margin: 0 0 0 var(--drop-feed-width) !important; }
body.carbon-theme > footer { width: calc(100% - var(--drop-feed-width)); margin: 0 0 0 var(--drop-feed-width) !important; }
/* The restored feed replaces the second left rail; collection filters remain above cases. */
body.carbon-theme #cases-view { display: block; }
body.carbon-theme .carbon-rail { display: none; }
body.carbon-theme:has(#inventory-view:not([hidden])) .drop-sidebar,
body.carbon-theme:has(#contract-view:not([hidden])) .drop-sidebar,
body.carbon-theme:has(#free-view:not([hidden])) .drop-sidebar { display: none; }
body.carbon-theme:has(#inventory-view:not([hidden])) > :is(main,footer),
body.carbon-theme:has(#contract-view:not([hidden])) > :is(main,footer),
body.carbon-theme:has(#free-view:not([hidden])) > :is(main,footer) { width: 100%; margin-left: 0 !important; }
@media (max-width:1100px) and (min-width:721px) {
  body.carbon-theme { --drop-feed-width: 185px; }
  body.carbon-theme > :is(main,footer) { width: calc(100% - var(--drop-feed-width)); margin-left: var(--drop-feed-width) !important; }
  body.carbon-theme .drop-sidebar .feed-skin img { width: 151px; right: 3px; }
  body.carbon-theme .drop-sidebar .feed-name strong { font-size: 9px; }
  body.carbon-theme .drop-sidebar .feed-source-badge { font-size: 7px; }
  body.carbon-theme .drop-sidebar .feed-skin > small { font-size: 8px; }
}
@media (max-width:720px) {
  body.carbon-theme { --drop-feed-width: 0px; }
  body.carbon-theme .drop-sidebar { display: none; }
  body.carbon-theme > :is(main,footer) { width: 100%; margin-left: 0 !important; }
}
@media(prefers-reduced-motion:reduce) {
  body.carbon-theme .drop-sidebar .feed-skin img,
  body.carbon-theme .drop-feed-tabs button { transition: none; }
}

/* source: contract-exchange.css */
/* Redline Exchange: decorative machinery surrounds the existing live controls. */
body.carbon-theme #contract-view.redline-exchange { max-width: 1640px; padding: 0 0 28px; }
body.carbon-theme #contract-view.redline-exchange .feature-title { padding: 0 0 20px; margin: 0 0 20px; border: 0; border-bottom: 1px solid #77323a55; border-radius: 0; background: none; box-shadow: none; }
body.carbon-theme #contract-view.redline-exchange .feature-title:before,
body.carbon-theme #contract-view.redline-exchange .feature-title:after { display: none; }
body.carbon-theme #contract-view.redline-exchange .exchange-eyebrow { display: block; margin-bottom: 7px; color: #e16b78; font: 700 9px/1.5 var(--font-ui); letter-spacing: 2px; }
body.carbon-theme #contract-view.redline-exchange .feature-title h1 { color: #f5f2f3; font: 800 30px/1.2 var(--font-ui); letter-spacing: -.8px; margin: 0 0 8px; }
body.carbon-theme #contract-view.redline-exchange .feature-title p { max-width: none; color: #a69da7; font-size: 12px; }
body.carbon-theme #contract-view.redline-exchange .contract-console {
  display: grid; grid-template-columns: minmax(0,1.55fr) minmax(250px,.95fr) minmax(190px,.65fr);
  gap: 22px; align-items: stretch; padding: 24px 24px 0; margin: 0;
  background: linear-gradient(100deg,#100b0edb,#18090f88 70%,#140910c9),url('/images/contract-exchange/station-v1.webp') center/cover no-repeat,#15090e;
  border: 1px solid #90323f; border-radius: 12px; overflow: hidden;
  box-shadow: inset 0 1px #ff83951a,0 14px 36px #0005;
}
body.carbon-theme #contract-view.redline-exchange .contract-selection { min-width: 0; display: flex; flex-direction: column; gap: 17px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body.carbon-theme #contract-view.redline-exchange .selection-title { display: flex; justify-content: space-between; align-items: center; gap: 10px; color: #eee8eb; }
body.carbon-theme #contract-view.redline-exchange .selection-title h2 { margin: 5px 0 0; color: #f1e9ed; font: 700 18px/1.3 var(--font-ui); letter-spacing: -.3px; }
body.carbon-theme #contract-view.redline-exchange .exchange-step { display: block; color: #d17783; font: 700 8px/1.5 var(--font-ui); letter-spacing: 1.5px; }
body.carbon-theme #contract-view.redline-exchange #exchange-selection-count { flex: none; padding: 7px 11px; border: 1px solid #a33647; border-radius: 5px; background: #44101e55; color: #f4a8b1; font: 700 12px/1.3 var(--font-ui); }
body.carbon-theme #contract-view.redline-exchange #contract-slots { flex: 1; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 9px; margin: 0; align-content: center; }
body.carbon-theme #contract-view.redline-exchange .contract-slot { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-width: 0; width: 100%; height: 116px; padding: 8px 5px; border: 1px solid #67424a; border-radius: 6px; background: linear-gradient(145deg,#1b171edb,#100e14eb); color: #80717f; transition: border-color .16s,background .16s; }
body.carbon-theme #contract-view.redline-exchange .contract-slot:not(.filled):hover { border-color: #cb4f65; background: #2d1520; }
body.carbon-theme #contract-view.redline-exchange .contract-slot > span:not(.slot-remove) { width: 26px; height: 26px; border: 1px solid #73505b; color: #b17d8a; font: 22px/24px var(--font-ui); }
body.carbon-theme #contract-view.redline-exchange .contract-slot small { color: #937886; font-size: 8px; }
body.carbon-theme #contract-view.redline-exchange .contract-slot.filled { border-color: color-mix(in srgb,var(--tone) 65%,#e14760); background: radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--tone) 24%,transparent),transparent 75%),#19121c; }
body.carbon-theme #contract-view.redline-exchange .contract-slot img { display: block; width: 100%; height: 71px; object-fit: contain; filter: brightness(1.13) saturate(1.2) drop-shadow(0 5px 7px #0006); }
body.carbon-theme #contract-view.redline-exchange .contract-slot.filled small { color: #fff0dc; font-size: 10px; }
body.carbon-theme #contract-view.redline-exchange .slot-remove { top: 4px; right: 4px; width: 19px; height: 19px; border: 1px solid #ee6573; background: #9c203e; color: #fff; border-radius: 50%; font-size: 15px; line-height: 16px; }
body.carbon-theme #contract-view.redline-exchange .contract-bar { grid-column: 1/-1; grid-row: 2; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 6px 25px; padding: 18px 0 17px; margin: 0; border: 0; border-top: 1px solid #a9445555; background: #0e0b1088; box-shadow: none; }
body.carbon-theme #contract-view.redline-exchange #contract-total { grid-column: 1; margin: 0; color: #f6ede3; font: 700 14px/1.5 var(--font-ui); }
body.carbon-theme #contract-view.redline-exchange .exchange-consumption-note { grid-column: 1; grid-row: 2; margin: 0; color: #a58b97; font: 10px/1.6 var(--font-ui); }
body.carbon-theme #contract-view.redline-exchange #do-contract { grid-column: 2; grid-row: 1/3; min-width: 235px; min-height: 50px; width: auto; margin: 0; padding: 13px 22px; border-radius: 6px; background: #ffe014 !important; color: #241b06 !important; border: 1px solid #ffe657; font: 800 13px/1.3 var(--font-ui); box-shadow: none; }
body.carbon-theme #contract-view.redline-exchange #do-contract:disabled { opacity: .4 !important; cursor: not-allowed; }
/* Scanner is a preview until the server returns the actual reward. */
body.carbon-theme #contract-view.redline-exchange #contract-theater { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; height: auto; min-height: 310px; gap: 12px; padding: 0; margin: 0; border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; }
body.carbon-theme #contract-view.redline-exchange :is(#contract-paper,.signature-tools,.contract-flash) { display: none !important; }
body.carbon-theme #contract-view.redline-exchange .exchange-stage-label { display: flex; justify-content: space-between; width: 100%; align-items: center; padding: 4px 6px; }
body.carbon-theme #contract-view.redline-exchange .exchange-live-dot { width: 5px; height: 5px; background: #fa445f; border-radius: 50%; box-shadow: 0 0 10px #ff223eaa; }
body.carbon-theme #contract-view.redline-exchange .exchange-scanner { position: relative; isolation: isolate; width: 100%; max-width: 310px; height: 245px; display: grid; place-items: center; }
body.carbon-theme #contract-view.redline-exchange .exchange-scanner-ring { position: absolute; inset: 0; background: linear-gradient(145deg,#ff8790,#a21b35 15%,#3a1722 45%,#ff354f 72%,#4e1426); clip-path: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); }
body.carbon-theme #contract-view.redline-exchange .exchange-scanner-ring:after { content: ''; position: absolute; inset: 3px; background: radial-gradient(ellipse at 50% 75%,#7c102d66,transparent 68%),#160c14; clip-path: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); }
body.carbon-theme #contract-view.redline-exchange .exchange-scanner-core { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; width: 100%; height: 100%; padding: 30px 15px; }
body.carbon-theme #contract-view.redline-exchange .exchange-scanner-core:before { content: ''; position: absolute; z-index: -1; width: 210px; height: 210px; border-radius: 50%; background: repeating-conic-gradient(#ff335d1c 0 4deg,transparent 5deg 20deg); mask-image: radial-gradient(circle,#0003,transparent 70%); animation: exchange-ray-spin 24s linear infinite; }
body.carbon-theme #contract-view.redline-exchange .exchange-scanner-core img { width: 93%; height: 140px; object-fit: contain; filter: brightness(1.2) drop-shadow(0 8px 9px #0008) drop-shadow(0 0 15px #fa284933); }
body.carbon-theme #contract-view.redline-exchange .exchange-scanner-core > span { max-width: 85%; color: #b68c9c; font: 700 7px/1.6 var(--font-ui); letter-spacing: 1.1px; text-align: center; }
body.carbon-theme #contract-view.redline-exchange .exchange-scanner-core .exchange-empty-mark { color: #a23d55; font: 85px/1 var(--font-ui); }
body.carbon-theme #contract-view.redline-exchange #exchange-status { min-height: 30px; margin: 0; color: #c49da8; font: 10px/1.6 var(--font-ui); text-align: center; }
body.carbon-theme #contract-view.redline-exchange .exchange-scan-line { display: none; position: absolute; z-index: 3; top: 17%; left: 18%; right: 18%; height: 2px; background: #ffb9c1; box-shadow: 0 0 18px #ff274e; pointer-events: none; }
body.carbon-theme #contract-view.redline-exchange .is-scanning .exchange-scan-line { display: block; animation: exchange-scan .7s ease-in-out infinite alternate; }
body.carbon-theme #contract-view.redline-exchange #contract-reward { position: absolute; z-index: 5; inset: 35px 5px 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; margin: 0; padding: 10px; background: radial-gradient(ellipse,#331024e8,#170b14cc); border-radius: 10px; text-align: center; }
body.carbon-theme #contract-view.redline-exchange #contract-reward > span { color: #ffd261; font-size: 9px; letter-spacing: 1.3px; }
body.carbon-theme #contract-view.redline-exchange #contract-reward img { width: 100%; max-width: 250px; height: 110px; object-fit: contain; }
body.carbon-theme #contract-view.redline-exchange #contract-reward h3 { margin: 2px 0; color: #fff0f0; font: 700 12px/1.4 var(--font-ui); }
body.carbon-theme #contract-view.redline-exchange #contract-reward strong { color: #ffe014; font-size: 20px; }
body.carbon-theme #contract-view.redline-exchange #contract-reward small { color: #b493a5; font-size: 9px; }
body.carbon-theme #contract-view.redline-exchange #contract-theater.revealed .exchange-scanner-core { opacity: 0; }
/* Compact examples are real members of the same pool shown below. */
body.carbon-theme #contract-view.redline-exchange .exchange-reward-preview { min-width: 0; padding: 7px 0 0; }
body.carbon-theme #contract-view.redline-exchange .exchange-reward-preview h2 { margin: 6px 0 13px; font: 700 14px/1.4 var(--font-ui); color: #e6cbd5; }
body.carbon-theme #contract-view.redline-exchange .exchange-example { display: flex; align-items: center; min-width: 0; gap: 8px; padding: 10px 7px; margin-bottom: 8px; border: 1px solid #5c3040; border-left: 2px solid var(--tone); border-radius: 5px; background: #160f19b8; }
body.carbon-theme #contract-view.redline-exchange .exchange-example img { flex: 0 0 59px; width: 59px; height: 43px; object-fit: contain; }
body.carbon-theme #contract-view.redline-exchange .exchange-example > div { min-width: 0; }
body.carbon-theme #contract-view.redline-exchange .exchange-example strong { display: block; color: #d9c8d5; font: 600 9px/1.5 var(--font-ui); overflow-wrap: anywhere; }
body.carbon-theme #contract-view.redline-exchange .exchange-example small { display: block; margin-top: 3px; color: #ffe09e; font: 700 10px var(--font-ui); }
body.carbon-theme #contract-view.redline-exchange .exchange-reward-preview > a { display: inline-flex; gap: 20px; color: #e47891; font: 600 10px/1.5 var(--font-ui); padding: 7px 0; }
body.carbon-theme #contract-view.redline-exchange .exchange-reward-empty { display: grid; place-content: center; min-height: 220px; padding: 15px; border: 1px dashed #6e3446; border-radius: 7px; background: #180e1880; text-align: center; }
body.carbon-theme #contract-view.redline-exchange .exchange-reward-empty > span { color: #8c3e58; font-size: 42px; }
body.carbon-theme #contract-view.redline-exchange .exchange-reward-empty p { margin: 6px 0 0; color: #a47c90; font: 10px/1.7 var(--font-ui); }
/* Search, inventory and full reward odds remain interactive. */
body.carbon-theme #contract-view.redline-exchange .dual-pickers { grid-template-columns: minmax(0,1.65fr) minmax(0,1fr); margin-top: 20px; gap: 18px; }
body.carbon-theme #contract-view.redline-exchange .skin-panel { border: 1px solid #59333e; border-radius: 9px; background: #171318; box-shadow: none; }
body.carbon-theme #contract-view.redline-exchange .skin-panel-heading { padding: 15px 15px 10px; background: #20151d; border-bottom: 1px solid #5a2d3b55; }
body.carbon-theme #contract-view.redline-exchange .skin-panel-heading h2 { color: #f0dfe4; font: 700 17px/1.4 var(--font-ui); }
body.carbon-theme #contract-view.redline-exchange .skin-panel-heading > span { color: #a38394; font-size: 10px; }
body.carbon-theme #contract-view.redline-exchange .quick-targets button { color: #ffe014; border: 1px solid #776136; background: #251d16; font-size: 10px; border-radius: 5px; }
body.carbon-theme #contract-view.redline-exchange .skin-tools { padding: 11px 12px; }
body.carbon-theme #contract-view.redline-exchange .skin-tools :is(input,select) { min-height: 37px; border-color: #593c4a; border-radius: 5px; background: #110e14; color: #d5c2cd; font-size: 11px; }
body.carbon-theme #contract-view.redline-exchange #contract-inputs { grid-template-columns: repeat(5,minmax(0,1fr)); }
body.carbon-theme #contract-view.redline-exchange #contract-outcomes { grid-template-columns: repeat(3,minmax(0,1fr)); scroll-margin-top: 24px; }
body.carbon-theme #contract-view.redline-exchange :is(#contract-inputs,#contract-outcomes) { grid-auto-rows: 155px; min-height: 330px; max-height: 500px; gap: 8px; padding: 0 12px 12px; scrollbar-color: #6b3c4e #171318; }
body.carbon-theme #contract-view.redline-exchange :is(.choice,#contract-outcomes > .item) { height: 155px; border-color: #583343; border-radius: 6px; background: #161119; }
body.carbon-theme #contract-view.redline-exchange .choice.selected { border-color: #ffe014; box-shadow: inset 0 0 0 1px #ffe01433; }
body.carbon-theme #contract-view.redline-exchange :is(.choice > .item,#contract-outcomes > .item) { height: 155px; padding: 21px 7px 9px; background: radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--tone) 18%,transparent),transparent 75%),#161119; }
body.carbon-theme #contract-view.redline-exchange .item img { min-height: 58px; height: 58px; margin-bottom: 4px; }
body.carbon-theme #contract-view.redline-exchange .item h3 { min-height: 25px; font-size: 10px; }
body.carbon-theme #contract-view.redline-exchange .item p { color: #ffe014; font-size: 12px; }
body.carbon-theme #contract-view.redline-exchange .result-banner { background: #23171b; border-color: #8c4c55; color: #ffe09e; }
@keyframes exchange-ray-spin { to { transform: rotate(360deg); } }
@keyframes exchange-scan { to { transform: translateY(140px); } }
@media(max-width:1200px) {
  body.carbon-theme #contract-view.redline-exchange .contract-console { grid-template-columns: minmax(0,1.4fr) minmax(250px,1fr); gap: 18px; padding: 20px 20px 0; }
  body.carbon-theme #contract-view.redline-exchange .exchange-reward-preview { display: none; }
  body.carbon-theme #contract-view.redline-exchange #contract-inputs { grid-template-columns: repeat(4,minmax(0,1fr)); }
  body.carbon-theme #contract-view.redline-exchange #contract-outcomes { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:800px) {
  body.carbon-theme #contract-view.redline-exchange .contract-console { grid-template-columns: minmax(0,1fr); padding: 18px 16px 0; }
  body.carbon-theme #contract-view.redline-exchange .contract-selection { grid-row: 1; }
  body.carbon-theme #contract-view.redline-exchange #contract-theater { grid-column: 1; grid-row: 2; min-height: 290px; }
  body.carbon-theme #contract-view.redline-exchange .contract-bar { grid-row: 3; }
  body.carbon-theme #contract-view.redline-exchange .contract-slot { height: 99px; }
  body.carbon-theme #contract-view.redline-exchange .contract-slot img { height: 59px; }
  body.carbon-theme #contract-view.redline-exchange .dual-pickers { grid-template-columns: minmax(0,1fr); }
  body.carbon-theme #contract-view.redline-exchange #contract-outcomes { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media(max-width:520px) {
  body.carbon-theme #contract-view.redline-exchange .feature-title h1 { font-size: 26px; }
  body.carbon-theme #contract-view.redline-exchange #contract-slots { gap: 6px; }
  body.carbon-theme #contract-view.redline-exchange .contract-slot { height: 77px; gap: 3px; padding: 4px 2px; }
  body.carbon-theme #contract-view.redline-exchange .contract-slot img { height: 42px; }
  body.carbon-theme #contract-view.redline-exchange .contract-slot.filled small { font-size: 7px; }
  body.carbon-theme #contract-view.redline-exchange .contract-slot small { font-size: 6px; }
  body.carbon-theme #contract-view.redline-exchange .contract-bar { grid-template-columns: minmax(0,1fr); gap: 8px; }
  body.carbon-theme #contract-view.redline-exchange #contract-total { grid-column: 1; grid-row: 1; font-size: 12px; }
  body.carbon-theme #contract-view.redline-exchange .exchange-consumption-note { grid-column: 1; grid-row: 2; font-size: 9px; }
  body.carbon-theme #contract-view.redline-exchange #do-contract { grid-column: 1; grid-row: 3; width: 100%; min-width: 0; margin-top: 6px; }
  body.carbon-theme #contract-view.redline-exchange :is(#contract-inputs,#contract-outcomes) { grid-template-columns: repeat(3,minmax(0,1fr)); padding-inline: 8px; gap: 6px; }
  body.carbon-theme #contract-view.redline-exchange .skin-panel-heading h2 { font-size: 16px; }
  body.carbon-theme #contract-view.redline-exchange .skin-tools { flex-wrap: wrap; }
  body.carbon-theme #contract-view.redline-exchange .skin-tools :is(input,select) { width: 100%; flex: 1 1 100%; }
}
@media(prefers-reduced-motion:reduce) {
  body.carbon-theme #contract-view.redline-exchange .exchange-scanner-core:before,
  body.carbon-theme #contract-view.redline-exchange .exchange-scan-line { animation: none; }
  body.carbon-theme #contract-view.redline-exchange .contract-slot { transition: none; }
}

/* source: inventory-armory.css */
/* Redline Armory: real owned items, six large cards per desktop row. */
body.carbon-theme #inventory-view.redline-armory {
  width: 100%; max-width: 1640px; padding: 22px; margin: 0 auto 30px;
  border: 1px solid #7c2d3d; border-top: 2px solid #a9384a; border-radius: 11px;
  background: linear-gradient(180deg,#140d12c9,#111013f2 180px),url('/images/contract-exchange/station-v1.webp') center top/100% auto no-repeat,#111013;
  box-shadow: inset 0 1px #ff839012,0 15px 40px #0004;
}
body.carbon-theme #inventory-view.redline-armory .inventory-armory-toolbar { display: grid; grid-template-columns: minmax(200px,.65fr) minmax(0,2fr); align-items: center; gap: 22px; padding-bottom: 16px; border-bottom: 1px solid #68313d66; }
body.carbon-theme #inventory-view.redline-armory .section-heading { margin: 0; min-width: 0; }
body.carbon-theme #inventory-view.redline-armory .section-heading .eyebrow { display: block; margin: 0 0 6px; color: #cf7889; font: 700 8px/1.4 var(--font-ui); letter-spacing: 1.6px; }
body.carbon-theme #inventory-view.redline-armory h1 { margin: 0 0 6px; color: #f4ecef; font: 800 clamp(22px,2vw,29px)/1.2 var(--font-ui); letter-spacing: -.7px; }
body.carbon-theme #inventory-view.redline-armory #inventory-summary { margin: 0; color: #ab919f; font: 10px/1.6 var(--font-ui); overflow-wrap: anywhere; }
body.carbon-theme #inventory-view.redline-armory .inventory-tools { display: grid; grid-template-columns: minmax(160px,1.8fr) minmax(110px,1fr) minmax(120px,1fr) auto auto; gap: 8px; padding: 0; margin: 0; border: 0; background: none; }
body.carbon-theme #inventory-view.redline-armory .inventory-tools :is(input,select,button) { grid-column: auto; width: 100%; height: 42px; min-height: 42px; min-width: 0; padding: 0 10px; border: 1px solid #50343f; border-radius: 5px; background: #141116; color: #d1bfc9; font: 500 10px/1.4 var(--font-ui); box-shadow: none; }
body.carbon-theme #inventory-view.redline-armory .inventory-tools select { padding-right: 29px; background-position: right 10px center; }
body.carbon-theme #inventory-view.redline-armory .inventory-tools input::placeholder { color: #897583; }
body.carbon-theme #inventory-view.redline-armory .inventory-tools #inventory-select-mode { color: #e0cd9a; border-color: #675537; padding-inline: 12px; font-size: 10px; }
body.carbon-theme #inventory-view.redline-armory .inventory-tools #inventory-select-mode[aria-pressed=true] { background: #ffe01416; border-color: #ffe014; color: #ffe014; }
body.carbon-theme #inventory-view.redline-armory .inventory-tools #sell-all { background: #29171c; color: #e9a4b3; border-color: #8b3f52; padding-inline: 12px; font-size: 10px; }
body.carbon-theme #inventory-view.redline-armory .inventory-filter-extras { margin: 12px 0 16px; gap: 12px; color: #a58d9b; font-size: 10px; }
body.carbon-theme #inventory-view.redline-armory .inventory-filter-extras label { display: inline-flex; align-items: center; gap: 7px; }
body.carbon-theme #inventory-view.redline-armory #inventory-select-page { background: none; border: 0; color: #d0b2c2; font-size: 10px; padding: 4px 0; }
body.carbon-theme #inventory-view.redline-armory #inventory-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 11px; padding: 0; margin: 0; }
body.carbon-theme #inventory-view.redline-armory .inventory-tile { position: relative; min-width: 0; border: 1px solid #54313e; border-radius: 7px; background: linear-gradient(165deg,#21141c,#111015 75%); overflow: hidden; box-shadow: inset 0 1px #ffffff06; transition: border-color .18s ease,box-shadow .18s ease; }
body.carbon-theme #inventory-view.redline-armory .inventory-tile:after { content: ''; position: absolute; left: 11px; right: 11px; top: 132px; height: 1px; background: linear-gradient(90deg,transparent,#ad344e7d,transparent); pointer-events: none; }
body.carbon-theme #inventory-view.redline-armory .inventory-tile:hover { border-color: #ad526d; box-shadow: 0 7px 20px #0004; }
body.carbon-theme #inventory-view.redline-armory .inventory-tile.is-selected,
body.carbon-theme #inventory-view.redline-armory #inventory-grid.inventory-selecting .inventory-tile.is-selected { border-color: #ffe014; box-shadow: inset 0 0 0 1px #ffe01455,0 0 15px #ffe0140b; background: linear-gradient(165deg,#30241e,#1a1017 75%); }
body.carbon-theme #inventory-view.redline-armory #inventory-grid .item { position: relative; display: flex; flex-direction: column; min-height: 228px; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: #f1e8ee; text-align: left; }
body.carbon-theme #inventory-view.redline-armory .inventory-art { position: relative; isolation: isolate; display: flex; align-items: center; justify-content: center; height: 138px; padding: 25px 7px 0; }
body.carbon-theme #inventory-view.redline-armory .inventory-art:before { content: ''; position: absolute; z-index: -2; inset: 15px 0 -8px; background: radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--tone) 22%,#b32145) 0%,transparent 70%); opacity: .85; filter: none; }
body.carbon-theme #inventory-view.redline-armory .inventory-art:after { content: ''; position: absolute; z-index: -1; left: 10%; right: 10%; bottom: 8px; height: 22px; background: linear-gradient(150deg,#75263e77,#2b1323 65%); border-bottom: 2px solid #bf34516b; clip-path: polygon(7% 0,93% 0,100% 100%,0 100%); }
body.carbon-theme #inventory-view.redline-armory #inventory-grid .item img { position: relative; z-index: 1; display: block; width: 100%; max-width: 100%; height: 105px; object-fit: contain; margin: 0; filter: brightness(1.12) contrast(1.06) saturate(1.15) drop-shadow(0 7px 5px #0008) drop-shadow(0 0 8px color-mix(in srgb,var(--tone) 20%,transparent)); transition: transform .2s ease; }
body.carbon-theme #inventory-view.redline-armory #inventory-grid .item:hover img { transform: translateY(-3px) scale(1.035); }
body.carbon-theme #inventory-view.redline-armory .inventory-item-copy { position: relative; display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; padding: 7px 11px 12px; }
body.carbon-theme #inventory-view.redline-armory #inventory-grid .item small { color: #b99eae; font: 500 10px/1.4 var(--font-ui); }
body.carbon-theme #inventory-view.redline-armory #inventory-grid .item h3 { min-height: 29px; max-height: 29px; margin: 0; color: #f1e6ee; font: 700 11px/1.3 var(--font-ui); overflow: hidden; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
body.carbon-theme #inventory-view.redline-armory #inventory-grid .item .inventory-wear { display: none; }
body.carbon-theme #inventory-view.redline-armory #inventory-grid .item p { position: static; width: auto; margin: auto 0 0; padding: 4px 38px 0 0; background: none; color: #ffe014; font: 800 14px/1.4 var(--font-ui); letter-spacing: -.3px; }
body.carbon-theme #inventory-view.redline-armory .inventory-wear-badge { position: absolute; right: 10px; bottom: 13px; max-width: 45px; padding: 1px 4px; border: 1px solid #7b6172; border-radius: 3px; background: #1b141c; color: #beadbb; font: 700 8px/1.5 var(--font-ui); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.carbon-theme #inventory-view.redline-armory .inventory-pick,
body.carbon-theme #inventory-view.redline-armory #inventory-grid.inventory-selecting .inventory-pick { position: absolute; left: 9px; top: 9px; z-index: 5; display: grid; place-items: center; width: 22px; height: 22px; min-height: 0; padding: 0; border: 1px solid #88717f; border-radius: 4px; background: #151217e8; color: #ffe014; font-size: 14px; }
body.carbon-theme #inventory-view.redline-armory .inventory-pick[aria-pressed=true],
body.carbon-theme #inventory-view.redline-armory #inventory-grid.inventory-selecting .inventory-pick[aria-pressed=true] { background: #ffe014; border-color: #ffe014; color: #211904; }
body.carbon-theme #inventory-view.redline-armory .inventory-star { position: absolute; right: 7px; top: 5px; z-index: 5; width: 29px; height: 29px; padding: 0; border: 0; background: none; color: #ad929f; font-size: 24px; line-height: 1; }
body.carbon-theme #inventory-view.redline-armory .inventory-star[aria-pressed=true] { color: #ffe014; }
body.carbon-theme #inventory-view.redline-armory .inventory-tile .inventory-info { position: absolute; top: 106px; right: 8px; z-index: 5; width: 23px; height: 23px; padding: 0; border: 1px solid #796371; border-radius: 50%; background: #1a131be6; color: #c4aebe; font-size: 11px; opacity: .8; }
body.carbon-theme #inventory-view.redline-armory .inventory-tile .inventory-info:hover { opacity: 1; border-color: #ffe014; color: #ffe014; }
body.carbon-theme #inventory-view.redline-armory .inventory-withdraw-hint { color: #ffe014; background: #281921dd; }
body.carbon-theme #inventory-view.redline-armory .inventory-pagination { margin: 21px 0 0; gap: 20px; color: #a08697; font-size: 11px; }
body.carbon-theme #inventory-view.redline-armory .inventory-pagination button { width: 34px; height: 34px; background: #23151e; border-color: #703c50; color: #e2c4d5; border-radius: 5px; }
body.carbon-theme #inventory-view.redline-armory .inventory-selection { position: sticky; bottom: 14px; z-index: 20; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; margin: 20px 0 0; padding: 14px 16px; border: 1px solid #7e3b4d; border-top: 2px solid #c55367; border-radius: 7px; background: #171116f5; box-shadow: 0 10px 30px #0008; backdrop-filter: blur(12px); }
body.carbon-theme #inventory-view.redline-armory #inventory-selected { color: #ffe014; font: 700 14px/1.5 var(--font-ui); }
body.carbon-theme #inventory-view.redline-armory .inventory-bulk-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
body.carbon-theme #inventory-view.redline-armory .inventory-selection button { width: auto; min-height: 42px; height: auto; padding: 10px 18px; border: 1px solid #61424f; border-radius: 5px; background: #23161f; color: #e1cdd9; font: 700 11px/1.4 var(--font-ui); }
body.carbon-theme #inventory-view.redline-armory .inventory-selection #inventory-sell { min-width: 165px; background: #ffe014 !important; color: #211905 !important; border-color: #ffe014; }
body.carbon-theme #inventory-view.redline-armory .inventory-selection #inventory-clear { order: -1; display: grid; place-items: center; width: 38px; min-height: 38px; padding: 0; border: 1px solid #61424f; background: #23161f; color: #c9aaba; font-size: 24px; }
body.carbon-theme #inventory-view.redline-armory button:disabled { opacity: .4; cursor: not-allowed; }
body.carbon-theme #inventory-view.redline-armory #inventory-grid > .empty { grid-column: 1/-1; min-height: 335px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; margin: 0; padding: 35px; border: 1px dashed #71364a; border-radius: 8px; background: radial-gradient(ellipse at center,#9e26411a,transparent 65%),#140f15; color: #ad90a0; font: 13px/1.8 var(--font-ui); text-align: center; }
body.carbon-theme #inventory-view.redline-armory #inventory-grid > .empty .primary { min-height: 46px; padding-inline: 24px; font-size: 12px; }
body.carbon-theme .inventory-confirm { border-color: #9c465a; border-radius: 11px; background: radial-gradient(ellipse at 90% 0,#d72a451c,transparent 65%),#1a1119; }
body.carbon-theme .inventory-confirm h2 { color: #f2e5ed; font: 800 24px/1.3 var(--font-ui); }
body.carbon-theme .inventory-confirm p { color: #b99aac; font-size: 12px; }
body.carbon-theme .inventory-confirm [data-cancel] { border-color: #634452; background: #281922; color: #ddc7d6; }
@media(max-width:1350px) {
  body.carbon-theme #inventory-view.redline-armory .inventory-armory-toolbar { grid-template-columns: minmax(0,1fr); gap: 16px; }
  body.carbon-theme #inventory-view.redline-armory .inventory-tools { grid-template-columns: minmax(180px,2fr) repeat(2,minmax(130px,1fr)) auto auto; }
}
@media(max-width:1100px) {
  body.carbon-theme #inventory-view.redline-armory { padding: 18px; }
  body.carbon-theme #inventory-view.redline-armory #inventory-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  body.carbon-theme #inventory-view.redline-armory .inventory-tools { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  body.carbon-theme #inventory-view.redline-armory .inventory-tools #inventory-search { grid-column: 1/-1; }
  body.carbon-theme #inventory-view.redline-armory .inventory-tools #inventory-select-mode,
  body.carbon-theme #inventory-view.redline-armory .inventory-tools #sell-all { grid-column: auto; }
}
@media(max-width:800px) {
  body.carbon-theme #inventory-view.redline-armory #inventory-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
  body.carbon-theme #inventory-view.redline-armory .inventory-selection { bottom: 10px; gap: 10px; padding: 12px; }
  body.carbon-theme #inventory-view.redline-armory .inventory-bulk-actions { width: 100%; }
  body.carbon-theme #inventory-view.redline-armory .inventory-bulk-actions button:not(#inventory-clear) { flex: 1; min-width: 0; padding-inline: 9px; }
}
@media(max-width:540px) {
  body.carbon-theme #inventory-view.redline-armory { padding: 15px 11px; border-radius: 8px; }
  body.carbon-theme #inventory-view.redline-armory h1 { font-size: 24px; }
  body.carbon-theme #inventory-view.redline-armory #inventory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  body.carbon-theme #inventory-view.redline-armory #inventory-grid .item { min-height: 218px; }
  body.carbon-theme #inventory-view.redline-armory .inventory-art { height: 128px; padding-inline: 4px; }
  body.carbon-theme #inventory-view.redline-armory #inventory-grid .item img { height: 94px; }
  body.carbon-theme #inventory-view.redline-armory .inventory-tile:after { top: 123px; }
  body.carbon-theme #inventory-view.redline-armory .inventory-tile .inventory-info { top: 99px; }
  body.carbon-theme #inventory-view.redline-armory .inventory-item-copy { padding-inline: 9px; }
  body.carbon-theme #inventory-view.redline-armory #inventory-grid .item p { font-size: 13px; padding-right: 32px; }
  body.carbon-theme #inventory-view.redline-armory .inventory-wear-badge { right: 8px; max-width: 36px; padding-inline: 3px; }
  body.carbon-theme #inventory-view.redline-armory #inventory-selected { font-size: 12px; }
  body.carbon-theme #inventory-view.redline-armory .inventory-selection button { font-size: 10px; min-height: 41px; }
  body.carbon-theme #inventory-view.redline-armory .inventory-selection #inventory-sell { flex-basis: auto; min-width: 0; }
  body.carbon-theme #inventory-view.redline-armory .inventory-selection #inventory-clear { order: 0; flex: 0 0 30px; width: 30px; font-size: 21px; }
  body.carbon-theme #inventory-view.redline-armory .inventory-filter-extras { font-size: 9px; gap: 7px; }
}
@media(prefers-reduced-motion:reduce) {
  body.carbon-theme #inventory-view.redline-armory .inventory-tile,
  body.carbon-theme #inventory-view.redline-armory #inventory-grid .item img { transition: none; }
}

/* source: collection-hub.css */
/* Real giveaway results and a personal five-item collection. */
body.carbon-theme #weekly-giveaways .giveaway-history-trigger {
 display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:32px;margin:8px 0 0;padding:6px 8px;
 border:1px solid #ffe01450;border-radius:4px;background:#181213;color:#ffe014;font:700 9px/1.4 var(--font-ui);cursor:pointer;
}
body.carbon-theme #weekly-giveaways .giveaway-history-trigger:hover {background:#ffe01415;border-color:#ffe014;}
body.carbon-theme #weekly-giveaways .giveaway-history-trigger span:first-child {font-size:17px;line-height:1;}
body.carbon-theme :is(.giveaway-history-dialog,.armory-picker) {
 box-sizing:border-box;width:min(1000px,calc(100vw - 32px));max-width:none;max-height:88dvh;margin:auto;padding:26px;
 border:1px solid #79313b;border-radius:14px;color:#f5eeed;background:radial-gradient(ellipse at 10% 0,#751a2926,transparent 60%),#141315;
 box-shadow:0 30px 100px #000b;font-family:var(--font-ui);overflow:auto;overscroll-behavior:contain;
}
body.carbon-theme :is(.giveaway-history-dialog,.armory-picker)::backdrop {background:#050407c9;backdrop-filter:blur(7px);}
.collection-dialog-head {display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #ffffff12;}
.collection-eyebrow {display:block;color:#f3848f;font-size:9px;font-weight:750;letter-spacing:2px;line-height:1.6;}
.collection-dialog-head h2 {margin:8px 0 6px;font-size:clamp(22px,3vw,32px);font-weight:800;letter-spacing:-1px;color:#faf4f3;}
.collection-dialog-head p {margin:0;color:#b4a6aa;font-size:12px;line-height:1.7;}
.collection-dialog-head [data-close] {flex:none;width:38px;height:38px;min-height:38px;padding:0;border:1px solid #ffffff26;border-radius:8px;background:#ffffff05;color:#f5eaea;font-size:26px;cursor:pointer;}
.collection-dialog-head [data-close]:hover {border-color:#ffe014;color:#ffe014;}
.collection-status {min-height:20px;margin:12px 0;color:#ffdf87;font-size:12px;line-height:1.6;}
.collection-error {padding:14px;border:1px solid #e45b65;border-radius:7px;background:#37151d;color:#ffe6e6;font-size:12px;}
.collection-error p {margin:0 0 10px;}
.collection-error button,.collection-more {border:1px solid #766a37;border-radius:6px;background:#26231b;color:#ffe014;padding:10px 18px;font:700 12px var(--font-ui);cursor:pointer;}
.collection-more {display:block;margin:20px auto 0;min-height:42px;}
.collection-more[hidden],.collection-error[hidden] {display:none;}
.giveaway-history-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.giveaway-history-card {position:relative;isolation:isolate;min-width:0;padding:15px;border:1px solid #5d2831;border-radius:9px;background:linear-gradient(150deg,#30171d,#1c181c 65%);overflow:hidden;}
.giveaway-history-card > header {display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#d9b7bc;}
.giveaway-history-card > header > span {color:#ff9a9e;font-weight:800;}
.giveaway-history-card > header time {white-space:nowrap;color:#b8a4aa;}
.giveaway-history-art {position:relative;display:grid;place-items:center;height:130px;margin:10px -5px;background:radial-gradient(ellipse,#f93a4b24,transparent 65%);}
.giveaway-history-art:after {content:'';position:absolute;bottom:0;left:18%;right:18%;height:2px;background:linear-gradient(90deg,transparent,#f25a5f,transparent);box-shadow:0 0 22px #ff384955;}
.giveaway-history-art img {width:100%;height:125px;object-fit:contain;filter:brightness(1.15) saturate(1.15) drop-shadow(0 12px 10px #0008);}
.giveaway-history-art > svg {width:70px;height:70px;color:#c69f56;}
.giveaway-history-card h3 {margin:12px 0 0;font-size:13px;line-height:1.5;color:#fff0ec;overflow-wrap:anywhere;}
.giveaway-history-card h3 small {display:block;font-size:11px;font-weight:500;color:#c6afb6;min-height:17px;}
.giveaway-history-price {display:block;margin:9px 0 14px;color:#ffe014;font-size:17px;}
.giveaway-history-winner {display:flex;gap:10px;align-items:center;border-top:1px solid #ffffff12;padding:12px 0;}
.giveaway-history-winner > svg {width:25px;height:25px;flex:none;color:#ffe014;}
.giveaway-history-winner > div {min-width:0;}
.giveaway-history-winner small {display:block;margin-bottom:4px;color:#b4a1a7;font-size:9px;}
.giveaway-history-winner strong {display:block;overflow-wrap:anywhere;color:#fff3ee;font-size:12px;line-height:1.5;}
.giveaway-history-card > footer {display:flex;flex-direction:column;gap:7px;padding-top:10px;border-top:1px solid #ffffff0c;color:#b09ca3;font-size:9px;line-height:1.6;}
.giveaway-result-status {align-self:flex-start;border:1px solid #6c5d30;border-radius:4px;background:#ffe0140c;color:#ffe7a4;padding:3px 7px;}
.giveaway-result-status[data-status=pending-award] {border-color:#d48847;color:#ffd196;}
.giveaway-result-status[data-status=no-participants] {border-color:#5c4c55;background:#ffffff05;color:#c6b5be;}
.giveaway-history-empty {grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 20px;}
.giveaway-history-empty > svg {width:60px;height:60px;color:#ffe014;}
.giveaway-history-empty h3 {margin:22px 0 8px;font-size:22px;}
.giveaway-history-empty p {max-width:420px;margin:0;color:#b8a4ab;font-size:13px;line-height:1.8;}
body.carbon-theme #profile-view .profile-armory {
 position:relative;isolation:isolate;margin:20px 0;padding:24px;border:1px solid #8c303c;border-radius:12px;overflow:hidden;
 background:linear-gradient(180deg,#130e12ef,#190d13da 60%,#140e13f5),url('/images/contract-exchange/station-v1.webp') center/cover no-repeat,#191115;
 box-shadow:inset 0 1px #fba0a01a,0 14px 32px #0004;
}
.profile-armory-heading {display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;}
body.carbon-theme #profile-view .profile-armory h2 {margin:7px 0;color:#fff3ee;font-size:clamp(25px,3vw,36px);font-weight:850;line-height:1.15;letter-spacing:-1px;}
.profile-armory-heading p {margin:0;color:#bca6ad;font-size:12px;line-height:1.7;}
body.carbon-theme #profile-view .profile-armory [data-edit-armory] {display:flex;align-items:center;justify-content:center;gap:14px;flex:none;min-height:44px;padding:12px 18px;border:1px solid #ffe014;border-radius:6px;background:#ffe014;color:#292005;font:800 11px/1.5 var(--font-ui);cursor:pointer;}
body.carbon-theme #profile-view .profile-armory [data-edit-armory]:hover {background:#fff07d;border-color:#fff07d;}
.profile-armory-slots {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
body.carbon-theme #profile-view .profile-armory-slot {
 position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;min-height:245px;margin:0;padding:15px 12px;
 border:1px solid #573039;border-bottom:2px solid #ba3445;border-radius:7px;background:linear-gradient(170deg,#36162066,#18131acc 65%);text-align:left;color:#fcefe9;cursor:pointer;overflow:hidden;
 transition:transform .2s,border-color .2s,background .2s;
}
body.carbon-theme #profile-view .profile-armory-slot:before {content:'';position:absolute;z-index:-1;inset:30% 0 15%;background:radial-gradient(ellipse,color-mix(in srgb,var(--skin-tone,#fc394b) 16%,transparent),transparent 70%);pointer-events:none;}
body.carbon-theme #profile-view .profile-armory-slot:hover {transform:translateY(-4px);border-color:#ffe0148a;background-color:#30191e;}
.armory-slot-number {position:absolute;left:12px;top:11px;color:#ad7c86;font-size:9px;letter-spacing:2px;font-weight:750;}
.armory-slot-wear {position:absolute;right:12px;top:10px;border:1px solid #ffffff18;border-radius:4px;padding:2px 5px;color:#d0b8bc;font-size:9px;font-weight:700;}
.armory-slot-wear:empty {display:none;}
.armory-slot-art {position:relative;display:grid;place-items:center;height:139px;margin:8px -5px 12px;}
.armory-slot-art:after {content:'';position:absolute;left:8%;right:8%;bottom:0;height:3px;background:linear-gradient(90deg,transparent,#ef5b62,transparent);box-shadow:0 0 18px #ff394955;}
.armory-slot-art img {width:100%;height:135px;object-fit:contain;filter:brightness(1.13) saturate(1.2) drop-shadow(0 15px 8px #0009);transition:transform .25s;}
.profile-armory-slot:hover .armory-slot-art img {transform:translateY(-5px) rotate(-3deg);}
.armory-slot-name {display:block;min-height:38px;line-height:1.5;}
.armory-slot-name small {display:block;font-size:9px;color:#bf99a4;}
.armory-slot-name strong {display:block;font-size:11px;font-weight:750;overflow-wrap:anywhere;}
body.carbon-theme #profile-view .profile-armory-slot > b {display:block;margin-top:7px;color:#ffe014;font-size:13px;font-weight:800;}
body.carbon-theme #profile-view .profile-armory-slot.is-empty {justify-content:center;align-items:center;border-style:dashed;border-bottom-width:1px;background:#120e1366;text-align:center;}
.armory-slot-plus {display:grid;place-items:center;width:44px;height:44px;margin:25px 0 18px;border:1px solid #9b4b5366;border-radius:50%;color:#e5a8ac;font:300 27px/1 var(--font-ui);}
.profile-armory-slot.is-empty strong {font-size:10px;font-weight:650;color:#bc939f;line-height:1.8;}
.profile-armory-slot.is-empty > small {margin-top:4px;color:#997d86;font-size:9px;line-height:1.7;}
.profile-armory > footer {display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:13px;border-top:1px solid #ffffff10;color:#b599a3;font-size:10px;line-height:1.7;}
.profile-armory > footer span:first-child {color:#e8c3c8;}
.armory-picker-tools {display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}
.armory-picker-tools :is(input,select,button) {min-width:0;min-height:42px;padding:10px 12px;border:1px solid #53414a;border-radius:6px;background:#1b171d;color:#f4dfdf;font:500 12px var(--font-ui);}
.armory-picker-tools input {flex:1;min-width:140px;}
.armory-picker-tools select {max-width:100%;}
.armory-picker-tools button {cursor:pointer;color:#ffe014;}
.armory-picker-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.armory-picker-grid > button {position:relative;display:flex;flex-direction:column;min-width:0;padding:12px;border:1px solid #4e303e;border-radius:7px;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--skin-tone) 12%,transparent),transparent 70%),#20171e;text-align:left;color:#f5e6e6;cursor:pointer;}
.armory-picker-grid > button[aria-pressed=true] {border-color:#ffe014;box-shadow:inset 0 0 0 1px #ffe01450;background-color:#30271d;}
.armory-pick-check {position:absolute;z-index:1;top:8px;right:8px;display:grid;place-items:center;width:23px;height:23px;border:1px solid #9e6a7555;border-radius:5px;color:#bc949f;background:#211820;}
.armory-picker-grid > button[aria-pressed=true] .armory-pick-check {border-color:#ffe014;background:#ffe014;color:#251b07;}
.armory-picker-grid > button img {width:100%;height:105px;margin:9px 0 12px;object-fit:contain;filter:brightness(1.1) drop-shadow(0 8px 7px #0008);}
.armory-picker-grid > button strong {display:block;min-height:34px;font-size:11px;line-height:1.6;font-weight:650;overflow-wrap:anywhere;}
.armory-picker-grid > button > small {display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;width:100%;margin-top:9px;color:#caa2ab;font-size:10px;}
.armory-picker-grid > button b {color:#ffe014;font-size:11px;}
.armory-picker-empty {grid-column:1/-1;padding:40px 20px;text-align:center;color:#d6b4bf;}
.armory-picker-empty h3 {margin:0 0 10px;font-size:19px;}
.armory-picker-empty p {margin:0;font-size:12px;line-height:1.8;}
.armory-picker-footer {position:sticky;bottom:-26px;z-index:2;margin:22px -26px -26px;padding:15px 26px 20px;border-top:1px solid #76404d;background:#191319f5;backdrop-filter:blur(12px);}
.armory-picked {display:grid;grid-template-columns:repeat(5,70px);gap:8px;margin-bottom:13px;}
.armory-picked > :is(button,span) {position:relative;display:grid;place-items:center;min-width:0;height:53px;padding:0;border:1px solid #69474d;border-radius:5px;background:#271c22;color:#a2808d;}
.armory-picked > button {border-color:#c4a52c;cursor:pointer;}
.armory-picked > button img {width:100%;height:45px;object-fit:contain;}
.armory-picked > button span {position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:#ffe014;color:#261b08;text-align:center;font:700 13px/16px var(--font-ui);}
.armory-picked-empty {font-size:10px;letter-spacing:2px;}
.armory-picker-actions {display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
.armory-picker-actions > span {margin-right:auto;color:#d2b6c0;font-size:12px;}
.armory-picker-actions button {min-height:42px;padding:10px 16px;border:1px solid #705346;border-radius:6px;background:#241c20;color:#dfc3c9;font:700 12px var(--font-ui);cursor:pointer;}
.armory-picker-actions [data-armory-save] {border-color:#ffe014;background:#ffe014;color:#251d08;}
.armory-picker-footer > small {display:block;margin-top:12px;color:#bfa6ae;font-size:10px;line-height:1.6;}
body.carbon-theme :is(.giveaway-history-dialog,.armory-picker,.profile-armory) button:focus-visible,
body.carbon-theme #weekly-giveaways .giveaway-history-trigger:focus-visible {outline:2px solid #fff2a6!important;outline-offset:3px;}
body.carbon-theme :is(.giveaway-history-dialog,.armory-picker) button:disabled {opacity:.45;cursor:wait;}
@media(max-width:1100px) {
 .profile-armory-slots {grid-template-columns:repeat(3,minmax(0,1fr));}
 body.carbon-theme #profile-view .profile-armory-slot {min-height:230px;}
}
@media(max-width:720px) {
 body.carbon-theme :is(.giveaway-history-dialog,.armory-picker) {width:calc(100vw - 20px);max-height:92dvh;padding:18px;}
 .collection-dialog-head {gap:10px;}
 .collection-eyebrow {font-size:7px;letter-spacing:1.2px;}
 .collection-dialog-head h2 {font-size:23px;}
 .collection-dialog-head p {font-size:11px;}
 .giveaway-history-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 .giveaway-history-card {padding:12px;}
 .giveaway-history-card > header {flex-wrap:wrap;}
 .giveaway-history-art {height:110px;}
 .giveaway-history-art img {height:105px;}
 body.carbon-theme #profile-view .profile-armory {padding:18px;}
 .profile-armory-heading {align-items:flex-start;flex-direction:column;margin-bottom:18px;gap:14px;}
 .profile-armory-slots {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 body.carbon-theme #profile-view .profile-armory-slot {min-height:220px;padding:12px 10px;}
 .armory-slot-art {height:118px;}
 .armory-slot-art img {height:115px;}
 .armory-picker-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .armory-picker-grid > button {padding:10px;}
 .armory-picker-grid > button img {height:95px;}
 .armory-picker-tools {gap:8px;}
 .armory-picker-tools input {flex-basis:100%;}
 .armory-picker-tools select {flex:1;}
 .armory-picker-footer {bottom:-18px;margin-inline:-18px;margin-bottom:-18px;padding:13px 18px 18px;}
 .armory-picked {grid-template-columns:repeat(5,minmax(0,1fr));max-width:380px;}
 .armory-picker-actions > span {flex-basis:100%;}
 .armory-picker-actions [data-armory-save] {flex:1;}
}
@media(max-width:390px) {
 .giveaway-history-grid {grid-template-columns:minmax(0,1fr);}
 .giveaway-history-art {height:140px;}
 .giveaway-history-art img {height:135px;}
}
@media(prefers-reduced-motion:reduce) {
 body.carbon-theme #profile-view .profile-armory-slot,.armory-slot-art img {transition:none;}
 body.carbon-theme #profile-view .profile-armory-slot:hover,.profile-armory-slot:hover .armory-slot-art img {transform:none;}
}

/* source: tokyo-collection.css */
/* Shared card geometry for Tokyo and Pop Culture. Scene-specific atmosphere stays scoped. */
body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) {
 position:relative;isolation:isolate;margin:4px clamp(16px,3vw,52px) 10px;border:1px solid #76525f;border-radius:12px;overflow:hidden;
 background:linear-gradient(180deg,#120d17a1,#14101866 40%,#110e17e8),#16111d;
 box-shadow:inset 0 1px #efb2ce20,0 16px 36px #0005;
}
body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection).media-ready {background:linear-gradient(180deg,#120d17a1,#14101866 40%,#110e17e8),url('/images/tokyo/background-v1-display.webp') center/cover no-repeat,#16111d;}
body.carbon-theme #case-grid :is(.tokyo-heading,.pop-culture-heading) {position:relative;z-index:1;padding:37px 24px 21px;text-align:center;}
:is(.tokyo-heading,.pop-culture-heading) > span {display:block;color:#f6c0dc;font:700 9px/1.5 var(--font-ui);letter-spacing:3px;}
body.carbon-theme #case-grid :is(.tokyo-heading,.pop-culture-heading) h2 {display:block;margin:13px 0 5px;padding:0;border:0;color:#fff3eb;background:none;-webkit-text-fill-color:currentColor;filter:none;text-shadow:0 5px 24px #000b;font:400 clamp(46px,5vw,78px)/1.1 'Russo One',var(--font-display);letter-spacing:5px;}
body.carbon-theme #case-grid :is(.tokyo-heading,.pop-culture-heading) h2:before,body.carbon-theme #case-grid :is(.tokyo-heading,.pop-culture-heading) h2:after {display:none;}
:is(.tokyo-heading,.pop-culture-heading) p {margin:8px 0;color:#ead4dc;font:500 14px/1.7 var(--font-ui);}
:is(.tokyo-heading,.pop-culture-heading) > small {display:block;margin-top:9px;color:#c3a3b6;font:10px/1.8 var(--font-ui);letter-spacing:.5px;}
body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .collection-world {position:relative;min-height:0;margin:0;padding:0 12px 18px;border:0;border-radius:0;background:none!important;box-shadow:none;overflow:visible;}
body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .collection-world:before,body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .collection-world:after {display:none;}
body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .collection-cases {position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0;align-items:stretch;}
body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .case-entry {min-width:0;padding:0;border:0;background:none;}
body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .case-card {position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;min-height:0;padding:4px 6px 12px;border:1px solid transparent;border-radius:8px;background:linear-gradient(180deg,transparent 55%,#100a15bf);box-shadow:none;overflow:visible;transition:transform .22s,border-color .22s,background .22s;}
body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .case-card:before {content:'';position:absolute;z-index:-1;inset:22% 7% 20%;background:radial-gradient(ellipse,color-mix(in srgb,var(--tone) 20%,transparent),transparent 70%);opacity:.8;pointer-events:none;}
body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .case-card:after {display:none;}
body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .case-card:hover {transform:translateY(-5px);border-color:color-mix(in srgb,var(--tone) 50%,transparent);background-color:#2613235e;filter:none;}
body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .own-art.illustrated-case {display:grid;place-items:center;position:relative;width:100%;height:clamp(140px,14.5vw,225px);min-height:0;max-height:none;margin:0;padding:0;background:none;transform:none;overflow:visible;}
body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .own-art.illustrated-case:before {display:none;}
body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .own-art.illustrated-case:after {content:'';position:absolute;inset:auto 8% 3px;height:2px;background:linear-gradient(90deg,transparent,var(--tone),transparent);filter:blur(.2px);box-shadow:0 0 15px color-mix(in srgb,var(--tone) 40%,transparent);pointer-events:none;}
body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .case-illustration {position:relative;inset:auto;display:block;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;object-fit:contain;object-position:center;transform:none;filter:brightness(1.08) saturate(1.08) drop-shadow(0 12px 9px #0009);transition:transform .3s;}
body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .case-card:hover .case-illustration {transform:translateY(-4px) scale(1.035);}
body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .case-caption {display:flex;align-items:center;justify-content:center;flex:none;min-height:36px;margin:5px 0 7px;padding:0;text-align:center;}
body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .case-caption .case-series {display:none;}
body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .case-caption h3 {margin:0;color:var(--tone);font:500 clamp(13px,1.2vw,19px)/1.5 var(--font-display);letter-spacing:.2px;text-shadow:0 2px 9px #000;overflow-wrap:anywhere;}
body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .case-card .price {display:flex;align-items:center;justify-content:center;position:static;inset:auto;width:calc(100% - 8px);min-height:42px;margin:auto 0 0;padding:9px 8px;border:1px solid #ffe014;border-radius:5px;background:#ffe014;color:#231a07;font:800 12px/1.4 var(--font-ui);box-shadow:0 5px 15px #0004;transform:none;}
body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .case-card .price:before {content:none;margin-right:0;color:inherit;font:inherit;}
body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .case-favorite {top:5px;right:4px;width:29px;height:29px;z-index:3;border:1px solid #c293a44a;border-radius:6px;background:#170e1bcc;color:#ffe014;font-size:19px;}
body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .case-card:focus-visible {outline:2px solid #ffe014!important;outline-offset:-2px;}
.tokyo-petals {position:absolute;z-index:0;inset:0;pointer-events:none;overflow:hidden;}
.tokyo-petals i {position:absolute;top:-10%;left:calc(8% + var(--petal)*12%);width:7px;height:11px;border-radius:70% 20% 70% 20%;background:#ffb9d275;animation:none;}
.tokyo-collection.media-ready .tokyo-petals i {animation:tokyo-petal-drift calc(10s + var(--petal)*1s) linear infinite;animation-delay:calc(var(--petal)*-2.5s);}
@keyframes tokyo-petal-drift {from{transform:translate(-20px,-20px) rotate(0);opacity:0;}15%{opacity:.65;}85%{opacity:.4;}to{transform:translate(65px,420px) rotate(280deg);opacity:0;}}
.case-machine[data-art=tokyo] {--case-tone:#eea0cc;}
.case-machine[data-art=tokyo] .ambient-orb {background:#c1487630;}
.case-machine[data-art=tokyo] .ambient-speck {background:#f4afca;box-shadow:0 0 8px #efa0ca88;}
.case-machine[data-art=tokyo] .ambient-rays {background:conic-gradient(from 30deg,transparent,#f5adce14,transparent 30%,#b487ea16,transparent 70%);}
@media(max-width:1100px) {
 body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .collection-cases {grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;}
 body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .own-art.illustrated-case {height:190px;}
 body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .case-caption h3 {font-size:17px;}
}
@media(max-width:720px) {
 body.carbon-theme #case-grid :is(.tokyo-heading,.pop-culture-heading) {padding:29px 16px 16px;}
 :is(.tokyo-heading,.pop-culture-heading) > span {font-size:7px;letter-spacing:2px;}
 body.carbon-theme #case-grid :is(.tokyo-heading,.pop-culture-heading) h2 {font-size:45px;letter-spacing:3px;}
 :is(.tokyo-heading,.pop-culture-heading) p {font-size:12px;}
 :is(.tokyo-heading,.pop-culture-heading) > small {font-size:8px;}
 body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .collection-world {padding:0 10px 18px;}
 body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .collection-cases {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 6px;}
 body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .own-art.illustrated-case {height:clamp(135px,30vw,195px);}
 body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .case-card {padding:3px 3px 12px;}
 body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .case-caption {min-height:32px;margin:5px 0 8px;}
 body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .case-caption h3 {font-size:14px;}
 body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .case-card .price {width:calc(100% - 4px);font-size:10px;min-height:40px;}
}
@media(prefers-reduced-motion:reduce) {
 .tokyo-petals {display:none;}
 body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) :is(.case-card,.case-illustration) {transition:none;}
 body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .case-card:hover,body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) .case-card:hover .case-illustration {transform:none;}
}
/* Match the approved soft, borderless Pop Culture treatment, scoped to Tokyo. */
body.carbon-theme #case-grid .tokyo-collection {
 border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;
}
body.carbon-theme #case-grid .tokyo-collection.media-ready:before {
 content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(180deg,#10111350,#101113a8),url('/images/tokyo/background-v1-display.webp') center/cover no-repeat;
 filter:none;opacity:.85;
 mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 78%,transparent);
 mask-composite:intersect;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 78%,transparent);
 -webkit-mask-composite:source-in;
}
body.carbon-theme #case-grid .tokyo-heading {
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
 min-height:0;height:auto;padding:10px 16px 14px;border:0;background:transparent;box-shadow:none;text-align:center;
}
body.carbon-theme #case-grid .tokyo-heading > span,
body.carbon-theme #case-grid .tokyo-heading > small {display:none;}
body.carbon-theme #case-grid .tokyo-heading h2 {margin:0;font-size:clamp(22px,2.2vw,29px);line-height:1.15;letter-spacing:.6px;color:#fff3eb;}
body.carbon-theme #case-grid .tokyo-heading p {margin:0;color:#ead4dc;font-size:12px;}
body.carbon-theme #case-grid .tokyo-collection .case-card,
body.carbon-theme #case-grid .tokyo-collection .case-card:hover {border:0;border-radius:0;background:transparent;box-shadow:none;}
@media(max-width:720px) {
 body.carbon-theme #case-grid .tokyo-heading h2 {font-size:22px;letter-spacing:.1px;overflow-wrap:anywhere;}
 body.carbon-theme #case-grid .tokyo-heading {padding:8px 12px 14px;}
 body.carbon-theme #case-grid .tokyo-heading p {font-size:11px;}
}

/* Match the side spacing of the compact bonus collections. */
@media(max-width:720px) {
 body.carbon-theme #case-grid :is(.tokyo-collection,.pop-culture-collection) {margin-inline:12px;}
}

/* source: pop-culture.css */
/* Pop-culture adds a new scene to the existing five-card collection layout. */
body.carbon-theme #case-grid .pop-culture-collection {
 border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;
}
/* Keep the scenery sharp; only its outer edges fade into the page. */
body.carbon-theme #case-grid .pop-culture-collection.media-ready:before {
 content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(180deg,#10111350,#101113a8),url('/images/pop-culture/background-v1-display.webp') center/cover no-repeat;
 filter:none;opacity:.85;
 mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 78%,transparent);
 mask-composite:intersect;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 78%,transparent);
 -webkit-mask-composite:source-in;
}
/* Reset global header chrome and stack the small title above the collection. */
body.carbon-theme #case-grid .pop-culture-heading {
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
 min-height:0;height:auto;padding:10px 16px 14px;border:0;background:transparent;box-shadow:none;text-align:center;
}
body.carbon-theme #case-grid .pop-culture-heading > span,
body.carbon-theme #case-grid .pop-culture-heading > small {display:none;}
body.carbon-theme #case-grid .pop-culture-heading h2 {margin:0;font-size:clamp(22px,2.2vw,29px);line-height:1.15;letter-spacing:.6px;color:#fff3dc;}
body.carbon-theme #case-grid .pop-culture-heading p {margin:0;color:#ddd5c9;font-size:12px;}
body.carbon-theme #case-grid .pop-culture-collection .case-card,
body.carbon-theme #case-grid .pop-culture-collection .case-card:hover {border:0;border-radius:0;background:transparent;box-shadow:none;}
body.carbon-theme #case-grid .pop-culture-collection .case-favorite {border-color:#ccb77a55;background:#14151bdb;}
body.carbon-theme #case-grid .pop-culture-collection .case-card .price {border-radius:5px;}
.pop-culture-particles {position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;}
.pop-culture-particles i {position:absolute;left:calc(5% + var(--particle)*11%);bottom:5%;width:5px;height:5px;border:1px solid #e5c55e60;background:#ffe01418;opacity:0;animation:none;}
.pop-culture-collection.media-ready .pop-culture-particles i {animation:pop-culture-drift calc(12s + var(--particle)*1s) linear infinite;animation-delay:calc(var(--particle)*-2s);}
.pop-culture-particles i:nth-child(3n) {border-color:#5cb9e66b;background:#59b4e522;}
.pop-culture-particles i:nth-child(3n + 1) {border-color:#f57c686b;background:#e76b5722;}
@keyframes pop-culture-drift {from{transform:translateY(0) rotate(0);opacity:0;}20%{opacity:.6;}80%{opacity:.25;}to{transform:translateY(-330px) rotate(120deg);opacity:0;}}
.case-machine[data-art=pop-culture] .ambient-orb {background:#eac06f22;}
.case-machine[data-art=pop-culture] .ambient-speck {background:#ffe1a2;box-shadow:0 0 7px #e2b85b70;}
.case-machine[data-art=pop-culture] .ambient-rays {background:conic-gradient(from 35deg,transparent,#ffd47a12,transparent 30%,#62c5f513,transparent 70%);}
@media(max-width:720px) {
 body.carbon-theme #case-grid .pop-culture-heading h2 {font-size:22px;letter-spacing:.1px;overflow-wrap:anywhere;}
 body.carbon-theme #case-grid .pop-culture-heading {padding:8px 12px 14px;}
 body.carbon-theme #case-grid .pop-culture-heading p {font-size:11px;}
}
@media(prefers-reduced-motion:reduce) {.pop-culture-particles {display:none;}}

/* source: legends-expansion.css */
/* New padded dioramas stay fully inside their Legends cards. */
body.carbon-theme #cases-view #case-grid .collection-world[data-collection="Тематические"] .case-card .case-illustration[src^="/cases/legend-"] {
 object-fit:contain;transform:none;image-rendering:auto;
 filter:drop-shadow(0 0 12px color-mix(in srgb,var(--tone) 35%,transparent)) drop-shadow(0 10px 14px #0006);
 transition:transform .3s ease,filter .3s ease;
}
body.carbon-theme #cases-view #case-grid .collection-world[data-collection="Тематические"] .case-card:hover .case-illustration[src^="/cases/legend-"] {
 transform:translateY(-3px) scale(1.035);
 filter:drop-shadow(0 0 18px color-mix(in srgb,var(--tone) 55%,transparent)) drop-shadow(0 10px 14px #0006);
}
@media(prefers-reduced-motion:reduce) {
 body.carbon-theme #cases-view #case-grid .collection-world[data-collection="Тематические"] .case-card .case-illustration[src^="/cases/legend-"] {transition:none;transform:none;}
}

/* source: legends-redesign.css */
/* Freestanding transparent collectibles. Never crop, zoom or frame the artwork. */
body.carbon-theme #cases-view #case-grid .case-card:has(.case-illustration[src^="/cases/legends-cutout-"]) {
 background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;transform:none;
}
body.carbon-theme #cases-view #case-grid .case-card .illustrated-case:has(.case-illustration[src^="/cases/legends-cutout-"]) {
 background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;filter:none;
 mask-image:none;-webkit-mask-image:none;clip-path:none;
}
body.carbon-theme #cases-view #case-grid .illustrated-case:has(.case-illustration[src^="/cases/legends-cutout-"]):before,
body.carbon-theme #cases-view #case-grid .illustrated-case:has(.case-illustration[src^="/cases/legends-cutout-"]):after {display:none;}
body.carbon-theme #cases-view #case-grid .collection-world[data-collection="Тематические"] .case-card .case-illustration[src^="/cases/legends-cutout-"] {
 object-fit:contain;transform:none;transform-origin:center;image-rendering:auto;
 background:transparent;border:0;border-radius:0;box-shadow:none;
 mask-image:none;-webkit-mask-image:none;clip-path:none;
 filter:drop-shadow(0 6px 8px #0004);transition:transform .25s ease;
}
body.carbon-theme #cases-view #case-grid .collection-world[data-collection="Тематические"] .case-card:is(:hover,:focus-visible) .case-illustration[src^="/cases/legends-cutout-"] {transform:translateY(-3px);}
body.carbon-theme #cases-view #case-grid .case-card:has(.case-illustration[src^="/cases/legends-cutout-"]) .price {
 display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:calc(100% - 12px);min-width:110px;min-height:38px;
 margin:4px auto 10px;padding:8px 14px;border:1px solid #ffe014;border-radius:999px;
 background:#ffe014;color:#211c07;font-weight:800;font-size:12px;line-height:1.3;text-shadow:none;box-shadow:0 3px 8px #0003;
}
body.carbon-theme #cases-view #case-grid .case-card:has(.case-illustration[src^="/cases/legends-cutout-"]) .price:before {content:none;margin-right:0;}
body.carbon-theme #cases-view #case-grid .case-card:has(.case-illustration[src^="/cases/legends-cutout-"]):focus-visible {outline:2px solid #ffe014;outline-offset:3px;}
.selected-case-stage .stage-art[src^="/cases/legends-cutout-"],
.drop-sidebar .feed-origin img[src^="/cases/legends-cutout-"],
.profile-case-grid img[src^="/cases/legends-cutout-"],
.profile-highlight>img[src^="/cases/legends-cutout-"],
.multi-case-art[src^="/cases/legends-cutout-"] {
 object-fit:contain;background:transparent;border:0;border-radius:0;box-shadow:none;
 mask-image:none;-webkit-mask-image:none;clip-path:none;filter:drop-shadow(0 4px 6px #0004);opacity:1;
}
@media(max-width:620px) {
 body.carbon-theme #cases-view #case-grid .case-card:has(.case-illustration[src^="/cases/legends-cutout-"]) .price {font-size:10px;min-width:90px;min-height:38px;padding:8px 10px;}
}
@media(prefers-reduced-motion:reduce) {
 body.carbon-theme #cases-view #case-grid .collection-world[data-collection="Тематические"] .case-card .case-illustration[src^="/cases/legends-cutout-"],
 body.carbon-theme #cases-view #case-grid .collection-world[data-collection="Тематические"] .case-card:is(:hover,:focus-visible) .case-illustration[src^="/cases/legends-cutout-"] {transition:none;transform:none;}
}

/* source: legends-cinema.css */
/* Premiere scenery belongs to the whole collection, including its heading. */
body.carbon-theme #case-grid .collection-group:has(> .collection-world[data-collection="Тематические"]) {
 position:relative;isolation:isolate;padding:12px 10px 16px;
 background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;
}
/* A quiet continuation of the stage behind every row in the collection. */
body.carbon-theme #case-grid .collection-group:has(> .collection-world[data-collection="Тематические"])::before {
 content:'';position:absolute;inset:-8px;z-index:-2;pointer-events:none;
 background:radial-gradient(ellipse at 50% 24%,#64202d59,transparent 80%),linear-gradient(180deg,#1c1218,#141115 75%,#101113);
 filter:none;opacity:.85;
 mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 78%,transparent);
 mask-composite:intersect;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 78%,transparent);
 -webkit-mask-composite:source-in;
}
/* Preserve sharp scenery and its proportions; fade only its edges into the stage. */
body.carbon-theme #case-grid .collection-group.media-ready:has(> .collection-world[data-collection="Тематические"])::after {
 content:'';position:absolute;inset:-8px -8px auto;aspect-ratio:3/2;max-height:100%;z-index:-1;pointer-events:none;
 background:url('/images/legends-cinema/background-v1.webp') center top / contain no-repeat;
 filter:none;opacity:.85;
 mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 78%,transparent);
 mask-composite:intersect;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 78%,transparent);
 -webkit-mask-composite:source-in;
}
body.carbon-theme #case-grid .collection-group:has(> .collection-world[data-collection="Тематические"]) > .collection-world-heading {
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 min-height:0;margin:0;padding:0 12px 18px;border:0;background:transparent;box-shadow:none;text-align:center;text-shadow:0 2px 12px #000;
}
body.carbon-theme #case-grid .collection-group:has(> .collection-world[data-collection="Тематические"]) > .collection-world-heading h2 {
 margin:0;font-size:clamp(24px,2.4vw,32px);line-height:1.15;letter-spacing:.6px;
 background-image:linear-gradient(110deg,#fff0c5,#e4b64f 32%,#fff0c5 56%,#d69c3c 78%,#fff0c5);
 filter:drop-shadow(0 2px 8px #0009);
}
body.carbon-theme #case-grid .collection-world[data-collection="Тематические"] {
 padding-top:0;border:0;border-radius:0;box-shadow:none;background:transparent;
}
body.carbon-theme #case-grid .collection-world[data-collection="Тематические"] .case-caption h3 {
 color:#f9f2ec;text-shadow:0 2px 5px #000,0 0 12px #000;
}
@media(max-width:620px) {
 body.carbon-theme #case-grid .collection-group:has(> .collection-world[data-collection="Тематические"]) {padding:8px 0 16px;}
 body.carbon-theme #case-grid .collection-group:has(> .collection-world[data-collection="Тематические"]) > .collection-world-heading {padding-bottom:14px;}
 body.carbon-theme #case-grid .collection-group:has(> .collection-world[data-collection="Тематические"]) > .collection-world-heading h2 {font-size:24px;}
}

/* source: bonuses.css */
/* Scoped rewards room: warm gold, charcoal and red; existing collections stay untouched. */
#bonuses-view{--bonus-gold:#ffe014;color:#f6f3ed;max-width:1680px;margin:auto;padding:18px 0 36px;overflow-x:clip}
#bonuses-view .bonus-eyebrow,.bonus-case-modal .bonus-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:2.4px;color:#cbb480}
#bonuses-view h1,#bonuses-view h2,#bonuses-view h3,.bonus-case-modal h2{margin:0;letter-spacing:-.04em;color:#fff8e9}
#bonuses-view p{color:#a5a3a0;line-height:1.6;font-size:13px;margin:10px 0}
#bonuses-view button,.bonus-case-modal button{font-family:inherit;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}
#bonuses-view button:disabled,.bonus-case-modal button:disabled{cursor:default;opacity:.45;transform:none}
#bonuses-view :focus-visible,.bonus-case-modal :focus-visible{outline:2px solid #ffe014;outline-offset:4px}
.bonus-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}
#bonuses-view .bonus-heading h1{font-size:clamp(30px,3.1vw,54px);line-height:1.08;margin-top:14px;font-weight:850}
.bonus-heading h1 em{font-style:normal;color:#ffe014}
.bonus-rules-link{font-size:12px;color:#c3bba7;text-decoration:none;white-space:nowrap;padding:10px 0}
.bonus-overview{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(0,1.5fr);gap:20px}
.bonus-vault{display:flex;align-items:center;gap:22px;position:relative;overflow:hidden;isolation:isolate;padding:32px;border:1px solid #a181343a;border-radius:16px;background:radial-gradient(ellipse at 6% 70%,#72501945,transparent 65%),linear-gradient(135deg,#242019,#161719)}
.bonus-vault:before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(120deg,transparent 0 45px,#f6ce5810 45px 46px,transparent 46px 80px);mask-image:linear-gradient(90deg,#000,transparent)}
.bonus-coin{flex:0 0 94px;width:94px;height:94px;border:2px solid #ebc766;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#655322,#241d12 68%);box-shadow:inset 0 0 0 6px #c9a64421,0 0 55px #ffc34118;animation:bonus-coin-float 6s ease-in-out infinite}
.bonus-coin img{width:75%;height:75%;object-fit:contain}
.bonus-wallet{min-width:0;flex:1}
.bonus-wallet>strong{font-size:clamp(34px,3.2vw,56px);display:inline-flex;align-items:center;gap:10px;white-space:nowrap;line-height:1.2;margin:10px 0 2px;font-variant-numeric:tabular-nums;letter-spacing:-2px}
.bonus-scale{display:inline-block;flex-shrink:0;color:#ffe014;font-size:.7em;line-height:1;vertical-align:middle;letter-spacing:0}
.bonus-wallet>strong>.bonus-scale{font-size:.45em}
#bonuses-view .bonus-wallet>p{font-size:11px;margin:5px 0 24px}
.bonus-target{font-size:11px;display:flex;justify-content:space-between;gap:12px;color:#d2c9b5}
.bonus-target b{color:#ffe014;white-space:nowrap}
.bonus-wallet progress{appearance:none;display:block;border:0;border-radius:10px;background:#ffffff12;width:100%;height:4px;margin-top:12px;overflow:hidden}
.bonus-wallet progress::-webkit-progress-bar{background:#ffffff12}.bonus-wallet progress::-webkit-progress-value{background:#ffe014}.bonus-wallet progress::-moz-progress-bar{background:#ffe014}
.bonus-calendar{padding:25px;border:1px solid #ffffff10;border-radius:16px;background:#191a1d}
.bonus-block-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
#bonuses-view .bonus-block-title h2{font-size:23px;margin-top:7px}
.bonus-cycle{color:#bfb7a5;border:1px solid #ffffff16;border-radius:20px;padding:6px 10px;font-size:10px;white-space:nowrap}
#bonuses-view .bonus-calendar>p{font-size:11px;margin:10px 0 18px}
.bonus-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}
.bonus-day{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:110px;padding:10px 4px;border:1px solid #ffffff0c;border-radius:9px;background:#101114;color:#65676d;gap:7px}
.bonus-day>span{font-size:10px}.bonus-day>b{font-size:21px;height:24px;color:#9e8964}.bonus-day>strong{font-size:15px;color:#d1ccbd}.bonus-day>small{font-size:9px;white-space:nowrap}
.bonus-day.is-current{border-color:#ffe014a0;background:linear-gradient(145deg,#39331b,#1b1b17);box-shadow:0 0 24px #ffcd3210;color:#e9ddb1}
.bonus-day.is-current>b,.bonus-day.is-current>strong{color:#ffe014}
.bonus-day.is-claimed{background:#20251d;border-color:#687a3f55}.bonus-day.is-claimed>b{color:#a2c47d}.bonus-day.is-claimed>strong{color:#7d8972}
.bonus-day.is-finale{background:radial-gradient(ellipse at top,#64302755,#211915);border-color:#bb6c3c66}.bonus-day.is-finale>b{color:#ffd983}
.bonus-calendar-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}
.bonus-calendar-footer>span{font-size:11px;color:#a5a3a0;font-variant-numeric:tabular-nums}
#bonuses-view .bonus-primary,.bonus-case-modal .bonus-primary{border:0;border-radius:7px;background:#ffe014;color:#16150e;font-size:12px;font-weight:800;min-height:42px;padding:12px 21px}
#bonuses-view .bonus-primary .bonus-scale,.bonus-case-modal .bonus-primary .bonus-scale{color:inherit}
#bonuses-view .bonus-primary:hover:enabled,.bonus-case-modal .bonus-primary:hover:enabled{background:#fff080;transform:translateY(-2px)}
.bonus-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:38px 0 18px}
#bonuses-view .bonus-section-title h2{font-size:28px;margin-top:7px}.bonus-section-title>p{font-size:12px;text-align:right}
.bonus-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bonus-case{position:relative;isolation:isolate;min-width:0;overflow:hidden;border:1px solid #ffffff0b;border-radius:14px;background:radial-gradient(ellipse at 50% 36%,color-mix(in srgb,var(--bonus-tone) 13%,transparent),transparent 65%),linear-gradient(#19191c,#141517)}
.bonus-case-index{position:absolute;left:20px;top:18px;font-size:9px;letter-spacing:1.6px;color:#898584;z-index:2}
.bonus-ticket{position:absolute;right:16px;top:14px;font-size:10px;background:#ffe014;color:#16150e;padding:5px 8px;border-radius:20px;z-index:3}
#bonuses-view .bonus-case-art{display:block;position:relative;isolation:isolate;width:100%;height:230px;padding:25px 22px 0;border:0;background:none;overflow:hidden}
.bonus-case-rays{position:absolute;width:270px;height:270px;left:50%;top:45%;z-index:-1;border-radius:50%;background:repeating-conic-gradient(from 10deg,transparent 0deg 12deg,color-mix(in srgb,var(--bonus-tone) 18%,transparent) 14deg 19deg,transparent 23deg 38deg);mask-image:radial-gradient(ellipse,#0000 5%,#0008 32%,#0000 70%);animation:bonus-rays 40s linear infinite}
.bonus-chest{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 18px #0008);transition:transform .35s}
.bonus-weapon{position:absolute;width:53%;height:39%;object-fit:contain;left:24%;bottom:9%;transform:rotate(-12deg);filter:drop-shadow(0 8px 7px #000b);pointer-events:none}
.bonus-case-art:hover .bonus-chest{transform:translateY(-7px) rotate(-2deg)}
.bonus-case-info{padding:0 22px 22px;position:relative}#bonuses-view .bonus-case-info h3{font-size:26px}#bonuses-view .bonus-case-info>p{font-size:12px;margin:7px 0 20px}
#bonuses-view .bonus-case-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:#ffe014;color:#17150e;border:0;border-radius:7px;padding:14px 16px;font-size:12px;font-weight:800}.bonus-case-button>span{white-space:nowrap}#bonuses-view .bonus-case-button .bonus-scale{color:inherit}.bonus-case-button:hover:enabled{background:#fff080!important}
.bonus-tasks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bonus-task{padding:22px;display:flex;flex-wrap:wrap;gap:15px;border:1px solid #ffffff0c;border-radius:12px;background:#18191c}
.bonus-task-icon{width:37px;height:37px;display:grid;place-items:center;border:1px solid #c8a86440;border-radius:9px;color:#e6c478;font-size:24px;background:#a2761810}
.bonus-task>div{flex:1;min-width:120px}#bonuses-view .bonus-task h3{font-size:16px;margin:0}#bonuses-view .bonus-task p{font-size:12px;min-height:38px;margin:8px 0}.bonus-task strong{font-size:13px;color:#ffe014}
#bonuses-view .bonus-task-button{flex:1 1 100%;min-height:38px;border:1px solid #ffffff18;border-radius:6px;background:#222326;color:#e9e3d6;font-size:11px;font-weight:700}.bonus-task-button:hover:enabled{border-color:#ffe01490!important}.bonus-task-button[data-bonus-task]{color:#ffe014!important;border-color:#ffe01460!important}
.bonus-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.bonus-more,.bonus-history{min-width:0;padding:25px;border:1px solid #ffffff0c;border-radius:12px;background:#151619}#bonuses-view .bonus-bottom h2{font-size:23px;margin:7px 0 20px}
#bonuses-view .bonus-more>button{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;gap:15px;padding:16px 0;color:#e9e4d9;border:0;border-top:1px solid #ffffff0d;background:transparent;font-weight:700;font-size:13px}.bonus-more>button small{display:block;font-weight:400;font-size:11px;color:#8d8e94;margin-top:5px}.bonus-more>button>b{color:#ffe014;font-size:20px}
.bonus-history-row{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;padding:12px 0;border-top:1px solid #ffffff0c}.bonus-history-row small{display:block;font-size:10px;color:#7f8188;margin-top:4px}.bonus-history-row>b{white-space:nowrap;color:#a4a2a0}.bonus-history-row>b.positive{color:#ffe014}
.bonus-rules{border-top:1px solid #ffffff12;padding:22px 0;margin-top:28px;scroll-margin-top:25px}.bonus-rules summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer;color:#c3beaf;font-size:12px;list-style:none}.bonus-rules summary span{color:#ffe014}.bonus-rules>div{max-width:850px;padding-top:10px}.bonus-loading{padding:65px 15px;text-align:center;color:#b8ae96}
body.carbon-theme>header .bonus-nav-count{background:#ffe0141a;color:#ffe014;padding:2px 5px;border-radius:4px;font-size:9px}
.bonus-case-modal{--bonus-tone:#ffb54a;box-sizing:border-box;width:min(830px,94vw);max-width:830px;max-height:90vh;overflow:auto;padding:30px;border:1px solid #a3874b60;border-radius:15px;background:radial-gradient(ellipse at 50% 16%,#4c30282e,transparent 40%),#151619;color:#eee}
.bonus-case-modal::backdrop{background:#050506dc;backdrop-filter:blur(6px)}.bonus-case-modal h2{font-size:32px;margin:9px 0}.bonus-case-modal>p{font-size:12px;color:#a5a3a0;line-height:1.5}
.bonus-modal-close{position:absolute;right:16px;top:12px;z-index:4;width:36px;height:36px;border:0;border-radius:50%;background:#ffffff0d;color:#eee;font-size:25px}
.bonus-modal-art{position:relative;isolation:isolate;overflow:hidden;height:200px;display:grid;place-items:center}.bonus-modal-art>img{width:90%;height:190px;object-fit:contain;filter:drop-shadow(0 16px 15px #0007)}
.bonus-modal-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.bonus-case-modal .bonus-use-ticket{background:#27251a;color:#ffe014;border:1px solid #ffe01466}.bonus-modal-hint{text-align:center;min-height:20px}
.bonus-pool{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}.bonus-pool>article{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:12px;border:1px solid #ffffff0b;border-bottom:2px solid var(--tone);border-radius:8px;background:#1d1e22}.bonus-pool>article>span{align-self:flex-end;font-size:10px;color:#9b978b}.bonus-pool img{width:100%;height:80px;object-fit:contain}.bonus-pool h3{font-size:11px;line-height:1.45;margin:6px 0;color:#e3e0d8}.bonus-pool small{font-size:9px;color:#8f8d88}.bonus-pool b{font-size:11px;color:#e7ca74;margin-top:auto;padding-top:9px}
.bonus-case-modal.is-opening .bonus-modal-art>img{animation:bonus-open .5s ease-in-out infinite alternate}.bonus-case-modal.is-opening .bonus-case-rays{animation-duration:3s}
@keyframes bonus-rays{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes bonus-coin-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-6px) rotate(5deg)}}
@keyframes bonus-open{from{transform:scale(.94) rotate(-3deg)}to{transform:scale(1.03) rotate(3deg)}}
@media(max-width:1250px){.bonus-overview{grid-template-columns:1fr}.bonus-vault{padding:26px 32px}.bonus-coin{flex-basis:85px;width:85px;height:85px}.bonus-wallet>strong{font-size:40px}.bonus-wallet{max-width:650px}#bonuses-view .bonus-wallet>p{margin-bottom:15px}.bonus-case-info{padding-inline:16px}.bonus-tasks{gap:12px}.bonus-task{padding:17px}}
@media(max-width:900px){.bonus-case-grid{gap:12px}#bonuses-view .bonus-case-art{height:185px;padding-inline:10px}#bonuses-view .bonus-case-info h3{font-size:21px}#bonuses-view .bonus-case-info>p{min-height:38px}.bonus-tasks{grid-template-columns:1fr}.bonus-task>div{min-width:0}.bonus-task-button{flex:0 0 115px!important;align-self:center}.bonus-bottom{grid-template-columns:1fr}.bonus-case-button{padding-inline:11px!important;font-size:11px!important}.bonus-case-info{padding-inline:13px}}
@media(max-width:600px){#bonuses-view{padding-top:6px}.bonus-heading{align-items:flex-start;gap:12px;margin-bottom:22px}.bonus-rules-link{font-size:10px;white-space:normal;max-width:82px;text-align:right}.bonus-heading .bonus-eyebrow{font-size:8px;letter-spacing:1.5px}#bonuses-view .bonus-heading h1{font-size:32px}.bonus-heading p{font-size:12px!important}.bonus-vault{padding:22px 18px;gap:17px}.bonus-coin{flex-basis:68px;width:68px;height:68px}.bonus-wallet>.bonus-eyebrow{font-size:9px;letter-spacing:1.4px}#bonuses-view .bonus-wallet>p{font-size:10px}.bonus-target{font-size:10px}.bonus-calendar{padding:19px 14px}#bonuses-view .bonus-block-title h2{font-size:21px}.bonus-calendar .bonus-eyebrow{font-size:8px}.bonus-days{gap:4px}.bonus-day{padding:9px 1px;gap:6px;min-height:98px}.bonus-day>span{font-size:8px}.bonus-day>strong{font-size:12px}.bonus-day>small{font-size:7px}.bonus-calendar-footer{flex-direction:column;align-items:stretch}.bonus-calendar-footer>span{text-align:center;font-size:11px}.bonus-section-title{display:block;margin-top:30px}.bonus-section-title>p{text-align:left;font-size:11px!important}.bonus-case-grid{grid-template-columns:1fr}.bonus-case{display:grid;grid-template-columns:43% 57%;align-items:center;min-height:195px}#bonuses-view .bonus-case-art{height:175px;padding:20px 0 0}.bonus-case-index{font-size:7px;left:12px;top:12px;letter-spacing:1px}.bonus-case-info{padding:26px 14px 18px 4px}.bonus-case-rays{width:210px;height:210px}.bonus-ticket{font-size:8px;right:10px;top:10px}.bonus-weapon{height:40%;bottom:9%}#bonuses-view .bonus-case-info>p{font-size:11px;min-height:0;margin-bottom:13px}#bonuses-view .bonus-case-info h3{font-size:23px}#bonuses-view .bonus-case-button{padding:12px 10px!important;gap:5px;font-size:10px!important}.bonus-task{padding:16px;gap:12px}.bonus-task-button{flex:1 1 100%!important}.bonus-more,.bonus-history{padding:22px 18px}.bonus-case-modal{padding:25px 16px}.bonus-case-modal>.bonus-eyebrow{font-size:8px;letter-spacing:1.5px}.bonus-pool{grid-template-columns:repeat(2,minmax(0,1fr))}.bonus-modal-art{height:150px}.bonus-modal-art>img{height:145px}.bonus-modal-actions>button{flex:1}.bonus-nav-count{display:none}}
@media(prefers-reduced-motion:reduce){#bonuses-view *,#bonuses-view *:before,.bonus-case-modal *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){body.carbon-theme>header nav{overflow-x:auto;justify-content:flex-start;scrollbar-width:thin}body.carbon-theme>header .nav{flex:0 0 auto;padding-inline:8px!important}}

/* source: case-prices.css */
/* Case captions: name, then plain price; retain the existing click targets. */
body.carbon-theme #cases-view #case-grid .case-card .price,
body.carbon-theme #cases-view #case-grid .case-card:is(:hover,:focus-visible) .price {
 display:block;position:static;inset:auto;width:auto;min-width:0;min-height:0;
 margin:8px auto 0;padding:0!important;border:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;text-shadow:none!important;
 color:#ffe014;font-size:14px;line-height:1.5;transform:none;
}
body.carbon-theme #cases-view #case-grid .case-card .price:before {content:none!important;}
/* The older Legends art rule used dark text for its former yellow pill. */
body.carbon-theme #cases-view #case-grid .collection-world[data-collection="Тематические"] .case-card .price,
body.carbon-theme #cases-view #case-grid .collection-world[data-collection="Тематические"] .case-card:is(:hover,:focus-visible) .price {
 color:#ffe014!important;-webkit-text-fill-color:currentColor;opacity:1;
}
#bonuses-view .bonus-case-info {text-align:center;}
#bonuses-view .bonus-case-info h3 {margin-bottom:6px;}
#bonuses-view .bonus-case-button,
#bonuses-view .bonus-case-button:is(:hover,:focus-visible) {
 display:flex;align-items:center;justify-content:center;min-height:32px;
 margin:0;padding:4px 0!important;border:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;color:#ffe014;
 font-size:15px!important;line-height:1.5;
}
#bonuses-view .bonus-case-button:hover:enabled {color:#fff3a3;}

/* source: premium-collection.css */
/* Approved Dragon Artifacts reference: bright gold hall, isolated collectible objects. */
body.carbon-theme #case-grid .premium-collection {
 position:relative;isolation:isolate;min-width:0;overflow:visible;margin:4px 0 16px;
 border:0;border-radius:0;box-shadow:none;background:transparent;scroll-margin-top:24px;
}
body.carbon-theme #case-grid .premium-collection.media-ready:before {
 content:'';position:absolute;inset:-20px -12px -24px;z-index:-2;pointer-events:none;
 background:linear-gradient(180deg,#100d060c 0%,transparent 40%,#10111322 78%,#101113 100%),url('/images/premium/background-v1.webp') center top/100% auto no-repeat;
 mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 88%,transparent);
 mask-composite:intersect;opacity:1;filter:none;
}
body.carbon-theme #case-grid .premium-heading {
 position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
 width:100%;min-height:0;margin:0;padding:30px 14px 16px;z-index:1;
 background:none;border:0;box-shadow:none;text-align:center;
}
.premium-heading>span{color:#f3cc83;font-size:8px;font-weight:700;letter-spacing:3px;text-shadow:0 2px 6px #000;}
body.carbon-theme #case-grid .premium-heading h2 {
 display:block;margin:0;padding:0;color:#fff1d2;background:none;-webkit-text-fill-color:currentColor;
 font:500 clamp(28px,3vw,43px)/1.2 Georgia,'Times New Roman',serif;letter-spacing:5px;
 filter:none;text-shadow:0 2px 12px #0009;
}
body.carbon-theme #case-grid .premium-heading p{margin:0;color:#f2d9a8;font:12px/1.5 var(--font-ui);letter-spacing:1.8px;text-shadow:0 2px 5px #000;}
body.carbon-theme #case-grid .premium-collection .collection-world {
 position:relative;min-height:0;padding:4px 16px 30px;margin:0;border:0;border-radius:0;
 background:transparent;box-shadow:none;overflow:visible;content-visibility:visible;
}
body.carbon-theme #case-grid .premium-collection .collection-world:before,
body.carbon-theme #case-grid .premium-collection .collection-world:after{display:none;}
body.carbon-theme #case-grid .premium-collection .collection-cases{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;position:relative;z-index:1;align-items:stretch;}
body.carbon-theme #case-grid .premium-collection .case-entry{min-width:0;position:relative;}
body.carbon-theme #case-grid .premium-collection .case-card,
body.carbon-theme #case-grid .premium-collection .case-card:is(:hover,:focus-visible) {
 position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;min-height:0;
 margin:0;padding:0 0 8px;background:none;border:0;border-radius:0;box-shadow:none;
 overflow:visible;transform:none;filter:none;isolation:isolate;
}
body.carbon-theme #case-grid .premium-collection .case-card:before,
body.carbon-theme #case-grid .premium-collection .case-card:after {display:none;}
body.carbon-theme #case-grid .premium-collection .own-art.illustrated-case {
 position:relative;display:grid;place-items:center;inset:auto;width:100%;height:auto;aspect-ratio:1;
 min-height:0;max-height:none;margin:0;padding:0;overflow:visible;background:none;border:0;filter:none;transform:none;
}
body.carbon-theme #case-grid .premium-collection .own-art:before,
body.carbon-theme #case-grid .premium-collection .own-art:after {display:none;}
body.carbon-theme #case-grid .premium-collection .case-illustration {
 display:block;position:relative;inset:auto;width:100%;height:100%;max-width:100%;max-height:100%;
 object-fit:contain;object-position:center bottom;transform:none;
 filter:drop-shadow(0 12px 10px #0008) drop-shadow(0 0 8px #ffc66416);transition:transform .3s ease,filter .3s ease;
}
body.carbon-theme #case-grid .premium-collection .case-card:is(:hover,:focus-visible) .case-illustration {
 transform:translateY(-5px);filter:brightness(1.08) drop-shadow(0 12px 10px #0008) drop-shadow(0 0 14px #ffd57a33);
}
body.carbon-theme #case-grid .premium-collection .case-caption {display:flex;align-items:center;justify-content:center;min-height:32px;margin:8px 0 3px;padding:0;text-align:center;}
body.carbon-theme #case-grid .premium-collection .case-caption h3 {
 margin:0;color:#fff1d4;font:500 clamp(13px,1.15vw,19px)/1.4 Georgia,'Times New Roman',serif;
 letter-spacing:1.2px;text-transform:uppercase;text-shadow:0 2px 6px #000,0 0 12px #000;
}
body.carbon-theme #case-grid .premium-collection .case-card .price {
 position:static;width:auto;min-height:0;margin:0 auto;padding:0;border:0;background:none;
 color:#ffe014;font:800 15px/1.6 var(--font-ui);text-shadow:0 2px 5px #000;
}
body.carbon-theme #case-grid .premium-collection .case-series {display:none;}
body.carbon-theme #case-grid .premium-collection .case-favorite {
 top:8px;right:6px;width:27px;height:27px;border:1px solid #d2ac6240;border-radius:5px;
 background:#110f0acc;color:#ffe014;font-size:18px;
}
body.carbon-theme #case-grid .premium-collection .case-card:focus-visible{outline:2px solid #ffe014;outline-offset:4px;}
@media(max-width:1050px){
 body.carbon-theme #case-grid .premium-collection .collection-cases{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px;}
 body.carbon-theme #case-grid .premium-collection:before{background-size:auto 100%;}
 body.carbon-theme #case-grid .premium-collection .collection-world{padding-inline:8px;}
}
@media(max-width:620px){
 body.carbon-theme #case-grid .premium-collection .collection-cases{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 8px;}
 body.carbon-theme #case-grid .premium-heading{padding:26px 10px 12px;gap:6px;}
 body.carbon-theme #case-grid .premium-heading h2{font-size:29px;letter-spacing:3px;}
 body.carbon-theme #case-grid .premium-heading p{font-size:10px;letter-spacing:1px;}
 body.carbon-theme #case-grid .premium-collection .collection-world{padding:4px 2px 22px;}
 body.carbon-theme #case-grid .premium-collection .case-caption{margin-top:5px;min-height:28px;}
 body.carbon-theme #case-grid .premium-collection .case-caption h3{font-size:13px;letter-spacing:.5px;}
 body.carbon-theme #case-grid .premium-collection .case-card .price{font-size:13px;}
 body.carbon-theme #case-grid .premium-collection .case-favorite{top:2px;right:2px;width:24px;height:24px;}
}
@media(prefers-reduced-motion:reduce){body.carbon-theme #case-grid .premium-collection .case-illustration{transition:none;}body.carbon-theme #case-grid .premium-collection .case-card:is(:hover,:focus-visible) .case-illustration{transform:none;}}

/* source: bonus-awakening.css */
/* Approved option 2: three hatching dragon eggs on one continuous ember stage. */
#bonuses-view .bonus-awakening{position:relative;isolation:isolate;min-width:0;margin:30px clamp(16px,3vw,52px) 0;padding:0 0 12px;scroll-margin-top:24px;}
#bonuses-view .bonus-awakening:before{
 content:'';position:absolute;inset:-10px 0 -12px;z-index:-2;pointer-events:none;
 background:url('/images/bonus-awakening/background-v1.webp') center bottom/cover no-repeat;
 mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 86%,transparent);
 mask-composite:intersect;filter:none;opacity:.9;
}
#bonuses-view .bonus-awakening .bonus-section-title{margin:0 0 5px;padding:16px 8px 0;align-items:center;}
#bonuses-view .bonus-awakening .bonus-section-title h2{margin-top:8px;color:#ffedcf;font:500 clamp(27px,2.6vw,36px)/1.2 Georgia,'Times New Roman',serif;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 3px 12px #000;}
#bonuses-view .bonus-awakening .bonus-section-title .bonus-eyebrow{font-size:9px;color:#edc48c;letter-spacing:3px;}
#bonuses-view .bonus-awakening .bonus-section-title>p{color:#c1ada1;font-size:11px;text-shadow:0 2px 5px #000;}
#bonuses-view .bonus-awakening .bonus-case-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;}
#bonuses-view .bonus-awakening .bonus-case{
 --egg-size:76%;display:flex;flex-direction:column;align-items:center;min-height:0;
 padding:0;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;
}
#bonuses-view .bonus-awakening .bonus-case:nth-child(2){--egg-size:90%;}
#bonuses-view .bonus-awakening .bonus-case:nth-child(3){--egg-size:100%;}
#bonuses-view .bonus-awakening .bonus-case-art{
 display:flex;align-items:flex-end;justify-content:center;width:100%;height:clamp(220px,24vw,340px);
 margin:0;padding:10px 4px 0;background:none;border:0;border-radius:0;overflow:visible;box-shadow:none;
}
#bonuses-view .bonus-awakening .bonus-chest{
 display:block;width:var(--egg-size);height:var(--egg-size);max-width:100%;max-height:100%;
 object-fit:contain;object-position:center bottom;transform:none;
 filter:drop-shadow(0 12px 12px #0008) drop-shadow(0 0 13px #ff7b1515);transition:transform .35s ease,filter .35s ease;
}
#bonuses-view .bonus-awakening .bonus-case-art:is(:hover,:focus-visible) .bonus-chest{transform:translateY(-5px);filter:brightness(1.08) drop-shadow(0 12px 12px #0008) drop-shadow(0 0 18px #ff7b1530);}
#bonuses-view .bonus-awakening .bonus-case-rays{top:67%;width:85%;height:auto;aspect-ratio:1;opacity:.55;}
#bonuses-view .bonus-awakening .bonus-case-info{width:100%;padding:5px 10px 10px;text-align:center;}
#bonuses-view .bonus-awakening .bonus-case-info h3{display:flex;align-items:center;justify-content:center;min-height:40px;margin:0 0 2px;color:#fff0d8;font:500 clamp(20px,2.15vw,29px)/1.3 Georgia,'Times New Roman',serif;letter-spacing:0;text-shadow:0 2px 7px #000;}
#bonuses-view .bonus-awakening .bonus-case-button,#bonuses-view .bonus-awakening .bonus-case-button:is(:hover,:focus-visible){padding:3px 0!important;background:none!important;border:0;border-radius:0;box-shadow:none;color:#ffe014;font-size:17px!important;}
#bonuses-view .bonus-awakening .bonus-ticket{top:19%;right:10%;z-index:3;}
.bonus-case-modal .bonus-modal-art:has(>img[src^='/cases/bonus-egg-']){height:250px;overflow:visible;}
.bonus-case-modal .bonus-modal-art>img[src^='/cases/bonus-egg-']{height:240px;width:100%;object-fit:contain;}
.bonus-case-modal.is-opening .bonus-modal-art>img[src^='/cases/bonus-egg-']{animation:bonus-egg-unlock .7s ease-in-out infinite alternate;}
@keyframes bonus-egg-unlock{from{transform:scale(.98);filter:drop-shadow(0 0 10px #ff762522);}to{transform:scale(1.025);filter:brightness(1.13) drop-shadow(0 0 24px #ff762555);}}
@media(max-width:1050px){#bonuses-view .bonus-awakening .bonus-case-art{height:clamp(190px,25vw,270px);}#bonuses-view .bonus-awakening .bonus-section-title>p{display:none;}}
@media(max-width:720px){
 #bonuses-view .bonus-awakening{margin:24px 12px 0;padding-bottom:8px;}
 #bonuses-view .bonus-awakening .bonus-section-title{padding:14px 6px 0;}
 #bonuses-view .bonus-awakening .bonus-section-title h2{font-size:26px;}
 #bonuses-view .bonus-awakening .bonus-case-grid{grid-template-columns:1fr;gap:6px;}
 #bonuses-view .bonus-awakening .bonus-case{display:grid;grid-template-columns:50% minmax(0,1fr);align-items:center;}
 #bonuses-view .bonus-awakening .bonus-case-art{height:185px;padding:0;}
 #bonuses-view .bonus-awakening .bonus-chest{width:95%;height:95%;}
 #bonuses-view .bonus-awakening .bonus-case-info{padding:0 4px;}
 #bonuses-view .bonus-awakening .bonus-case-info h3{min-height:0;font-size:22px;}
 #bonuses-view .bonus-awakening .bonus-case-button{font-size:16px!important;}
 #bonuses-view .bonus-awakening .bonus-ticket{top:12px;right:12px;font-size:9px;}
 #bonuses-view .bonus-awakening .bonus-case-rays{width:190px;top:60%;}
 .bonus-case-modal .bonus-modal-art:has(>img[src^='/cases/bonus-egg-']){height:195px;}
 .bonus-case-modal .bonus-modal-art>img[src^='/cases/bonus-egg-']{height:185px;}
}
@media(prefers-reduced-motion:reduce){#bonuses-view .bonus-awakening *, .bonus-case-modal .bonus-modal-art>img[src^='/cases/bonus-egg-']{animation:none!important;transition:none!important;}}

/* source: deposit-rewards.css */
/* Deposit gifts and wallet progress share the site's yellow accent. */
.wallet-deposit-gifts{margin-top:22px;padding:15px 0 0;border-top:1px solid #ffffff12}
.deposit-ladder-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}
.deposit-ladder-title button{background:none;border:0;color:#d3bd7c;font-size:10px;padding:4px 0}
.deposit-ladder-track{position:relative;height:4px;margin:17px 0 5px;border-radius:8px;background:#ffffff12;overflow:hidden}
.deposit-ladder-track i,.deposit-ladder-track b{display:block;position:absolute;inset:0 auto 0 0;border-radius:inherit;background:#b8a24366;pointer-events:none;transition:width .25s}
.deposit-ladder-track b{background:#ffe014}
.deposit-ladder-cases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.deposit-ladder-cases>button{display:flex;flex-direction:column;align-items:center;min-width:0;padding:5px 0;border:0;background:none;color:#9c9b91}
.deposit-ladder-art{position:relative;width:75px;max-width:100%;height:64px;display:grid;place-items:center}
.deposit-ladder-art img{width:100%;height:100%;object-fit:contain;filter:grayscale(.7) brightness(.65);transition:filter .2s}
.deposit-ladder-art>b{position:absolute;right:2px;top:2px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#242522;color:#d9cc98;font-size:9px;border:1px solid #6c6242}
.deposit-ladder-cases strong{font-size:11px;white-space:nowrap}.deposit-ladder-cases small{font-size:8px;margin-top:4px}
.deposit-ladder-cases .is-ready img,.deposit-ladder-cases .is-claimed img{filter:drop-shadow(0 0 10px #ffb32f30)}
.deposit-ladder-cases .is-ready strong,.deposit-ladder-cases .is-ready small{color:#ffe014}.deposit-ladder-cases .is-claimed small{color:#a6bc84}
.deposit-ladder-cases .is-projected img{filter:brightness(.9)}.deposit-ladder-cases .is-projected small{color:#d8c78d}
.deposit-ladder-note{margin:8px 0 0;text-align:center;color:#e2d29b;font-size:10px;line-height:1.6}.deposit-ladder-note b{color:#ffe014}
.deposit-ladder-preview{margin:7px 0 0;color:#929189;font-size:9px;line-height:1.6;text-align:center}
#bonuses-view .deposit-rewards{margin-top:36px;padding:25px 0 6px;border-top:1px solid #d7b85733;scroll-margin-top:25px}
.deposit-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.deposit-section-heading>div>span,.deposit-modal-eyebrow{color:#c8af74;font-size:9px;font-weight:800;letter-spacing:2px}
#bonuses-view .deposit-section-heading h2{margin-top:9px;font-size:28px}
#bonuses-view .deposit-section-heading p{font-size:11px}
.deposit-section-heading>button{flex-shrink:0;min-height:38px;padding:10px 15px;border:1px solid #ffe01455;border-radius:7px;color:#ffe014;background:#a68a2310;font-size:11px;font-weight:700}
.deposit-gift-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.deposit-gift{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;padding:18px 14px 15px;border:1px solid #ffffff0c;border-radius:12px;background:radial-gradient(ellipse at 50% 38%,color-mix(in srgb,var(--gift-tone) 10%,transparent),transparent 70%),#151619}
.deposit-gift.is-ready{border-color:#f1d45e55}.deposit-gift.is-claimed{opacity:.65}
.deposit-gift-state{align-self:flex-start;color:#a2a094;font-size:9px}.is-ready .deposit-gift-state{color:#ffe014}
#bonuses-view .deposit-gift-art{width:100%;height:190px;display:flex;align-items:center;justify-content:center;margin:7px 0;padding:0;border:0;background:none}
.deposit-gift-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 14px #0008);transition:transform .3s}
.deposit-gift-art:hover img{transform:translateY(-4px)}
#bonuses-view .deposit-gift h3{margin:5px 0;font-size:18px;text-align:center;min-height:42px;display:grid;align-items:center}
#bonuses-view .deposit-gift>p{font-size:10px;margin:2px 0 12px;text-align:center}.deposit-gift>p>strong{color:#e2cf90}
.deposit-gift progress{appearance:none;width:100%;height:3px;border:0;background:#ffffff12;border-radius:6px;overflow:hidden;margin:0 0 14px}
.deposit-gift progress::-webkit-progress-bar{background:#ffffff12}.deposit-gift progress::-webkit-progress-value{background:#ffe014}.deposit-gift progress::-moz-progress-bar{background:#ffe014}
.deposit-gift-button{width:100%;min-height:38px;margin-top:auto;padding:10px 6px;border:1px solid #ffffff16;border-radius:6px;background:#222320;color:#c6c4b5;font-size:11px;font-weight:700}
.is-ready .deposit-gift-button{background:#ffe014;color:#17170e;border-color:#ffe014}
#bonuses-view .deposit-gift-rules{font-size:10px;line-height:1.7;color:#94938b;margin-top:14px}
.deposit-case-modal{box-sizing:border-box;width:min(830px,94vw);max-width:830px;max-height:90dvh;overflow:auto;padding:30px;border:1px solid #a78e4e66;border-radius:15px;background:radial-gradient(ellipse at 50% 12%,#78582322,transparent 50%),#151619;color:#eee}
.deposit-case-modal [hidden]{display:none!important}.deposit-case-modal::backdrop{background:#050506dc;backdrop-filter:blur(6px)}
.deposit-modal-close{position:absolute;right:16px;top:12px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#ffffff0c;color:#eee;font-size:25px;cursor:pointer}
.deposit-case-modal h2{font-size:28px;margin:10px 35px 9px 0;color:#fff4da}.deposit-case-modal>p{font-size:12px;line-height:1.6;color:#aaa79c}
.deposit-modal-art{display:block;width:100%;height:230px;object-fit:contain;filter:drop-shadow(0 10px 16px #ffbe2117)}
.deposit-modal-open{display:block;width:min(340px,100%);min-height:45px;margin:10px auto;padding:12px 18px;border:0;border-radius:7px;background:#ffe014;color:#17170d;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer}
.deposit-case-modal button:disabled{opacity:.45;cursor:default}.deposit-modal-hint{text-align:center}
.deposit-pool{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}
.deposit-pool>article{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:12px;border:1px solid #ffffff0b;border-bottom:2px solid var(--tone);border-radius:8px;background:#1d1e22}
.deposit-pool small{align-self:flex-end;color:#aaa38d;font-size:10px}.deposit-pool img{width:100%;height:80px;object-fit:contain}.deposit-pool h3{font-size:11px;line-height:1.5;margin:7px 0;color:#e7e3d6}.deposit-pool span{font-size:9px;color:#929080}.deposit-pool b{font-size:11px;color:#e7ce82;padding-top:8px;margin-top:auto}
.deposit-case-modal.is-opening .deposit-modal-art{animation:deposit-gift-open .65s ease-in-out infinite alternate}
.deposit-rewards :focus-visible,.deposit-case-modal :focus-visible{outline:2px solid #ffe014;outline-offset:3px}
@keyframes deposit-gift-open{from{transform:scale(.98);filter:drop-shadow(0 0 10px #ffbe2122)}to{transform:scale(1.03);filter:brightness(1.12) drop-shadow(0 0 25px #ffbe2155)}}
@media(max-width:1050px){.deposit-gift-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.deposit-section-heading{align-items:flex-start;flex-direction:column;gap:8px}#bonuses-view .deposit-section-heading h2{font-size:24px}.deposit-gift-grid{gap:9px}.deposit-gift{padding:13px 9px}#bonuses-view .deposit-gift-art{height:145px}#bonuses-view .deposit-gift h3{font-size:15px;min-height:38px}.deposit-gift-button{font-size:10px}.deposit-case-modal{padding:25px 16px}.deposit-case-modal h2{font-size:24px}.deposit-modal-art{height:190px}.deposit-pool{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.deposit-rewards *,.deposit-case-modal *,.wallet-deposit-gifts *{animation:none!important;transition:none!important}}

/* source: deposit-relics.css */
/* Approved reference 01: one continuous stage and four standalone elemental relics. */
#bonuses-view .deposit-relics{position:relative;isolation:isolate;margin:30px clamp(16px,3vw,52px) 0;padding:16px 0 6px;border:0;min-width:0}
#bonuses-view .deposit-relics:before{content:'';position:absolute;inset:0 0 12px;z-index:-2;pointer-events:none;background:url('/images/deposit-relics/background-v1.webp') center bottom/cover no-repeat;filter:none;opacity:.88;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 82%,transparent);mask-composite:intersect}
.deposit-relics .deposit-section-heading{display:grid;grid-template-columns:1fr;align-items:center;position:relative;margin-bottom:6px;padding:0 12px}
.deposit-relics .deposit-section-heading>div{flex:1;text-align:center}
#bonuses-view .deposit-relics .deposit-section-heading h2{margin-top:9px;color:#f6dbab;font:500 clamp(22px,2.4vw,29px)/1.3 Georgia,'Times New Roman',serif;letter-spacing:2px;text-transform:uppercase;text-shadow:0 3px 10px #000}
#bonuses-view .deposit-relics .deposit-section-heading p{color:#b6ac99;font-size:10px}
.deposit-relics .deposit-section-heading>div>span{font-size:8px;letter-spacing:2.4px}
.deposit-relics .deposit-section-heading>button{position:absolute;right:12px;top:8px;font-size:10px;background:#10111388;color:#d9bf84;border-color:#c7aa5144}
.deposit-relics .deposit-gift-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.deposit-relics .deposit-gift{padding:8px 4px;border:0;border-radius:0;background:none;box-shadow:none;isolation:isolate;overflow:visible}
.deposit-relics .deposit-gift.is-ready{border:0;box-shadow:none}.deposit-relics .deposit-gift.is-claimed{opacity:.8}
.deposit-relics .deposit-gift-state{align-self:center;min-height:12px;color:#b7ac94;font-size:9px;letter-spacing:.5px;text-shadow:0 2px 5px #000}
.deposit-relics .is-ready .deposit-gift-state{color:#e2d295}
#bonuses-view .deposit-relics .deposit-gift-art{position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:center;width:100%;height:clamp(190px,20vw,280px);margin:5px 0 0;padding:4px;background:none;border:0;border-radius:0;overflow:visible}
.deposit-relics .deposit-gift-art img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 12px #0009) drop-shadow(0 0 9px color-mix(in srgb,var(--gift-tone) 13%,transparent));transition:filter .3s,transform .3s}
.deposit-relics .deposit-gift:first-child .deposit-gift-art img{translate:0 8%}
.deposit-relics .deposit-gift:not(:first-child) .deposit-gift-art img{animation:deposit-relic-float 6s ease-in-out infinite}
.deposit-relics .deposit-gift:nth-child(3) .deposit-gift-art img{animation-delay:-2s}.deposit-relics .deposit-gift:nth-child(4) .deposit-gift-art img{animation-delay:-4s}
.deposit-relics .deposit-gift-art:is(:hover,:focus-visible) img{filter:brightness(1.08) drop-shadow(0 12px 12px #0009) drop-shadow(0 0 17px color-mix(in srgb,var(--gift-tone) 25%,transparent))}
.deposit-relic-rays{position:absolute;z-index:-1;left:50%;top:55%;width:100%;aspect-ratio:1;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 8deg,transparent 0deg 13deg,color-mix(in srgb,var(--gift-tone) 22%,transparent) 16deg 21deg,transparent 25deg 40deg);mask-image:radial-gradient(ellipse,#0000 4%,#0008 30%,#0000 69%);animation:deposit-relic-rays 42s linear infinite}
#bonuses-view .deposit-relics .deposit-gift h3{min-height:42px;margin:2px 0 0;font:500 clamp(18px,1.65vw,23px)/1.3 Georgia,'Times New Roman',serif;letter-spacing:0;color:#f7dba8;text-shadow:0 2px 8px #000}
#bonuses-view .deposit-relics .deposit-relic-threshold{margin:3px 0 12px;color:#e8c674;font-size:13px;letter-spacing:.4px;text-transform:uppercase;text-shadow:0 2px 6px #000}
.deposit-relics .deposit-relic-threshold strong{color:#ffe014;font-weight:700}
.deposit-relics .deposit-gift progress{width:70%;height:2px;margin-bottom:6px;background:#ffffff0d}
.deposit-relics .deposit-gift-button{width:auto;min-height:32px;margin-top:0;padding:7px 10px;background:transparent;border:0;border-radius:0;box-shadow:none;color:#bbb19b;font-size:10px}
.deposit-relics .is-ready .deposit-gift-button{background:transparent;border:0;color:#ffe014}.deposit-relics .deposit-gift-button:is(:hover,:focus-visible){color:#fff1bf}
#bonuses-view .deposit-relics .deposit-gift-rules{max-width:1000px;margin:16px auto 0;padding:0 12px;text-align:center;font-size:9px;color:#a1998b}
.deposit-relic-modal .deposit-modal-art{height:270px;object-fit:contain;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--gift-tone) 15%,transparent))}
.deposit-relic-modal.is-opening .deposit-modal-art{animation:deposit-relic-unlock .65s ease-in-out infinite alternate}
.deposit-ladder-art img[src*='/deposit-relic-']{filter:saturate(.85) brightness(.82)}
.deposit-ladder-cases :is(.is-ready,.is-claimed) .deposit-ladder-art img[src*='/deposit-relic-']{filter:drop-shadow(0 0 8px #f7c95730)}
@keyframes deposit-relic-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes deposit-relic-rays{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes deposit-relic-unlock{from{transform:scale(.98);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--gift-tone) 20%,transparent))}to{transform:scale(1.025);filter:brightness(1.12) drop-shadow(0 0 24px color-mix(in srgb,var(--gift-tone) 40%,transparent))}}
@media(max-width:1050px){.deposit-relics .deposit-gift-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#bonuses-view .deposit-relics .deposit-gift-art{height:245px}.deposit-relics .deposit-section-heading{gap:12px}}
@media(max-width:720px){#bonuses-view .deposit-relics{margin-inline:12px}}
@media(max-width:600px){#bonuses-view .deposit-relics{margin-top:24px;padding-top:14px}.deposit-relics .deposit-section-heading{align-items:center;gap:10px}#bonuses-view .deposit-relics .deposit-section-heading h2{font-size:23px;letter-spacing:1px}.deposit-relics .deposit-gift-grid{gap:12px 6px}#bonuses-view .deposit-relics .deposit-gift-art{height:175px;padding:2px}#bonuses-view .deposit-relics .deposit-gift h3{font-size:17px;min-height:44px}#bonuses-view .deposit-relics .deposit-relic-threshold{font-size:11px;margin-bottom:10px}.deposit-relics .deposit-gift-state{font-size:8px}.deposit-relics .deposit-gift-button{font-size:9px;padding:6px 3px}.deposit-relic-modal .deposit-modal-art{height:220px}}
@media(prefers-reduced-motion:reduce){.deposit-relics *,.deposit-relic-modal *,.wallet-deposit-gifts *{animation:none!important;transition:none!important}}
@media(max-width:600px){.deposit-relics .deposit-section-heading>button{position:static;justify-self:center}}

/* source: steam-consent.css */
/* Approved Flame of the Dragon reference: one scene with live HTML controls. */
.steam-consent{box-sizing:border-box;width:min(980px,calc(100vw - 40px));max-width:980px;max-height:calc(100dvh - 40px);padding:0;border:1px solid #e4964f99;border-radius:22px;background:#0c090a;color:#fff8ef;overflow:auto;scrollbar-width:thin;box-shadow:0 30px 100px #000c,0 0 30px #f66b191c}
.steam-consent::backdrop{background:#07080be3;backdrop-filter:blur(8px)}
.steam-consent-layout{position:relative;isolation:isolate;display:grid;grid-template-columns:49% minmax(0,1fr);gap:0;min-width:0;align-items:stretch;background:radial-gradient(ellipse at 64% 100%,#90260622,transparent 50%),linear-gradient(110deg,#230609,#10090a 54%,#0b090a)}
.steam-consent-art{position:relative;z-index:0;align-self:stretch;min-width:0;min-height:470px;background:#130708;mask-image:linear-gradient(90deg,#000 0%,#000 87%,transparent 100%)}
.steam-consent-art img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;pointer-events:none}
.steam-consent-panel{position:relative;z-index:2;min-width:0;align-self:center;padding:44px 30px 24px 20px;background:none;border:0}
.steam-consent-close{position:absolute;z-index:5;right:14px;top:12px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;background:transparent;color:#8f8989;font:31px/1 var(--font-ui);cursor:pointer}
.steam-consent-close:hover{color:#fff}
.steam-consent-eyebrow{display:block;padding-right:18px;color:#efc75b;font:700 10px/1.5 var(--font-ui);letter-spacing:3.5px}
.steam-consent h2{margin:18px 0 0;color:#fffaf2;font:400 clamp(28px,3.2vw,40px)/1.09 Impact,'Arial Narrow',var(--font-display);letter-spacing:.2px;text-transform:uppercase;text-shadow:0 2px 15px #0007;overflow-wrap:normal}
.steam-consent-intro{margin:17px 0 25px;color:#e0d9d3;font:13px/1.6 var(--font-ui)}
.steam-consent-form{display:flex;flex-direction:column;gap:15px}
.steam-consent-check{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:12px;margin:0;color:#e9e1d8;font:400 12px/1.65 var(--font-ui);cursor:pointer}
.steam-consent-check input{position:absolute;left:0;top:1px;width:24px;height:24px;margin:0;opacity:0;cursor:pointer}
.steam-consent-box{display:grid;place-items:center;box-sizing:border-box;width:24px;height:24px;margin-top:1px;border:1px solid #d5b34daa;border-radius:4px;background:#181205;transition:background .18s,border-color .18s,box-shadow .18s}
.steam-consent-box svg{width:19px;height:19px;fill:none;stroke:#ffe44a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.steam-consent-check input:checked+.steam-consent-box{background:#ffe0140d;border-color:#ffe014;box-shadow:0 0 9px #ffd02a18}.steam-consent-check input:checked+.steam-consent-box svg{opacity:1}
.steam-consent-check input:focus-visible+.steam-consent-box{outline:2px solid #ffe014;outline-offset:4px}
.steam-consent-check a{color:#f1cd66;text-underline-offset:3px}.steam-consent-check a:hover{color:#ffe014}
.steam-consent-submit{display:grid;grid-template-columns:26px minmax(0,1fr) 22px;align-items:center;gap:12px;min-height:56px;width:100%;margin-top:7px;padding:12px 20px;border:1px solid #fff092;border-radius:10px;background:linear-gradient(125deg,#ffe62c,#ffd711 65%,#ffde26);color:#161302;font:900 15px/1.2 var(--font-ui);text-transform:uppercase;box-shadow:inset 0 1px 0 #fff7ab,0 5px 26px #ffbc183d;cursor:pointer;transition:box-shadow .2s,transform .2s,filter .2s}
.steam-consent-submit>svg{width:26px;height:26px;flex-shrink:0}.steam-consent-arrow{font-size:26px;line-height:1}
.steam-consent-submit:hover:enabled{filter:brightness(1.08);transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff7ab,0 6px 36px #ffb81466}
.steam-consent-submit:disabled{opacity:1;filter:none;cursor:default;box-shadow:inset 0 1px 0 #fff7ab,0 5px 22px #ffbc1830}
.steam-consent-secure{margin:13px 0 0;text-align:center;color:#9e9185;font:10px/1.5 var(--font-ui)}
.steam-consent-status{min-height:16px;margin:9px 0 0;text-align:center;color:#c4ad8c;font:10px/1.5 var(--font-ui)}
.steam-consent :is(button,a):focus-visible{outline:2px solid #ffe014;outline-offset:4px}
.steam-consent-embers{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;border-radius:22px}
.steam-consent-embers i{position:absolute;left:calc(9% + var(--ember)*16%);bottom:-12px;width:2px;height:8px;border-radius:50%;background:#ffb53a;box-shadow:0 0 6px #ff650b,0 0 13px #ff3b1544;opacity:0;animation:steam-fire-ember calc(7s + var(--ember)*.8s) linear infinite;animation-delay:calc(var(--ember)*-2.1s)}
@keyframes steam-fire-ember{0%{opacity:0;transform:translate(0,0) rotate(20deg)}15%{opacity:.6}75%{opacity:.35}100%{opacity:0;transform:translate(25px,-360px) rotate(35deg)}}
@media(max-width:1000px){.steam-consent-panel{padding:38px 26px 24px 16px}.steam-consent-art{min-height:460px}.steam-consent h2{font-size:clamp(26px,3.6vw,34px)}.steam-consent-eyebrow{font-size:9px;letter-spacing:2.5px}.steam-consent-intro{margin:16px 0 22px;font-size:12px}.steam-consent-submit{font-size:14px;padding-inline:18px;gap:10px}}
@media(max-width:720px){.steam-consent{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:18px}.steam-consent-layout{grid-template-columns:minmax(0,1fr)}.steam-consent-art{min-height:0;height:185px;mask-image:linear-gradient(180deg,#000 0%,#000 84%,transparent 100%)}.steam-consent-art img{object-position:center}.steam-consent-panel{padding:10px 22px 22px;align-self:stretch}.steam-consent-close{position:absolute;right:12px;top:8px;background:#0b0809b8;border-radius:50%}.steam-consent h2{font-size:clamp(27px,6vw,34px);margin-top:16px}.steam-consent-eyebrow{font-size:8px;letter-spacing:2.5px}.steam-consent-intro{margin:13px 0 20px}.steam-consent-submit{min-height:54px;font-size:14px}.steam-consent-check{font-size:12px}.steam-consent-form{gap:14px}.steam-consent-embers{border-radius:18px}}
@media(max-width:390px){.steam-consent-panel{padding-inline:18px}.steam-consent-art{height:165px}.steam-consent-submit{font-size:13px;gap:8px;padding-inline:14px}.steam-consent h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.steam-consent *{transition:none!important;animation:none!important}}

/* source: jade-giveaways.css */
/* Approved concept 03: one jade temple scene, with live prizes and controls. */
body.carbon-theme .home-promotions.jade-promotions {
  --jade-gold: #efd27b;
  --jade-action-height: 40px;
  --jade-footer-height: 26px;
  --jade-row-gap: 10px;
  position: relative; isolation: isolate; box-sizing: border-box;
  display: grid; grid-template-columns: minmax(180px,19%) minmax(0,1fr);
  gap: 22px; width: auto; max-width: none;
  margin: 0 clamp(16px,3vw,52px) 26px; padding: 20px 20px 14px;
  border: 1px solid #bfa85c50; border-radius: 14px;
  background: #041a13; box-shadow: 0 14px 35px #0004;
  overflow: hidden; align-items: stretch;
}
body.carbon-theme .jade-promotions::before {
  content: ''; position: absolute; z-index: -2; inset: 0; pointer-events: none;
  background: url('/images/jade-giveaways/temple-background-v1-display.webp') center 35%/cover no-repeat;
}
body.carbon-theme .jade-promotions::after {
  content: ''; position: absolute; z-index: -1; inset: 0; pointer-events: none;
  background: linear-gradient(180deg,#00130b30,transparent 45%,#00120de8 76%,#00110df2),linear-gradient(90deg,#00150d65,transparent 38%);
}
body.carbon-theme .jade-promotions #welcome-case-promo {
  position: relative; isolation: isolate; grid-column: 1; grid-row: 1;
  display: flex; flex-direction: column; width: 100%; min-width: 0;
  min-height: 320px; height: auto; margin: 0; padding: 8px 0 0;
  border: 0; border-radius: 0; background: none; box-shadow: none;
  overflow: visible; justify-self: stretch;
}
body.carbon-theme .jade-promotions #welcome-case-promo[hidden],
body.carbon-theme .jade-promotions #weekly-giveaways[hidden] { display: none; }
body.carbon-theme .jade-promotions .redline-welcome-kicker {
  position: relative; z-index: 2; display: block; color: #d9c383;
  font: 750 7px/1.5 var(--font-ui); letter-spacing: 1.8px; text-align: center;
}
body.carbon-theme .jade-promotions #welcome-case-promo .welcome-case-promo-title {
  position: relative; z-index: 2; display: block; height: auto; max-width: none;
  margin: 8px 0 0; color: #fff8dd; background: none;
  -webkit-text-fill-color: currentColor; filter: none; text-shadow: 0 2px 12px #000;
  font: 900 clamp(16px,1.4vw,22px)/1.12 var(--font-ui);
  letter-spacing: -.7px; text-align: center;
}
body.carbon-theme .jade-promotions .welcome-case-promo-title em {
  display: block; margin-top: 2px; color: #f5d478; font: 950 1.65em/.98 var(--font-ui);
  letter-spacing: -1.1px; text-shadow: 0 2px 15px #0008;
}
body.carbon-theme .jade-promotions #welcome-case-promo .carbon-welcome-description {
  position: relative; z-index: 2; max-width: none; margin: 9px 0 0;
  color: #d5ded4; font: 10px/1.5 var(--font-ui); text-align: center; text-shadow: 0 1px 5px #000;
}
body.carbon-theme .jade-promotions #welcome-case-promo .welcome-case-banner {
  position: relative; inset: auto; z-index: 1; isolation: isolate; flex: 1;
  display: flex; flex-direction: column; justify-content: flex-end;
  width: 100%; min-height: 175px; height: auto; margin: 0; padding: 0 0 49px;
  border: 0; border-radius: 0; background: transparent; box-shadow: none;
  overflow: visible; transform: none;
}
body.carbon-theme .jade-promotions .jade-welcome-seal {
  position: absolute; z-index: -1; left: 50%; top: 42%; width: min(100%,210px);
  aspect-ratio: 1; border: 2px solid #d1b45b9c; border-radius: 50%;
  background: repeating-conic-gradient(from 4deg,#d4b56030 0deg 1deg,transparent 1deg 12deg),radial-gradient(circle,#08705240,#022a1d80 63%,#ba9c3b45 64%,transparent 67%);
  box-shadow: 0 0 0 5px #062b20bb,0 0 0 6px #b1984d80,inset 0 0 0 7px #041d14,inset 0 0 0 8px #d5b96070,0 0 28px #34e29c16;
  transform: translate(-50%,-50%); pointer-events: none;
}
body.carbon-theme .jade-promotions #welcome-case-promo .welcome-case-banner img {
  position: relative; inset: auto; z-index: 1; display: block;
  width: 100%; height: clamp(145px,12vw,185px); margin: auto 0 0;
  object-fit: contain; object-position: center; aspect-ratio: auto; opacity: 1;
  filter: brightness(1.1) saturate(1.08) drop-shadow(0 12px 10px #0009) drop-shadow(0 0 15px #f3b84930);
  animation: jade-chest-float 6s ease-in-out infinite;
}
body.carbon-theme .jade-promotions #welcome-case-promo .welcome-case-banner-cta,
body.carbon-theme .jade-promotions #weekly-giveaways .weekly-giveaway-card button {
  box-sizing: border-box; display: flex; align-items: center; justify-content: center; gap: 10px;
  width: 100%; min-width: 0; height: var(--jade-action-height); min-height: var(--jade-action-height);
  margin: 0; padding: 8px; border: 1px solid #ffe661; border-radius: 5px;
  background: linear-gradient(#ffe95c,#ffe014); color: #182112;
  font: 850 10px/1.25 var(--font-ui); letter-spacing: 0; text-transform: none;
  box-shadow: 0 4px 14px #0005,inset 0 1px #fff5aa; text-shadow: none;
  transform: none; filter: none; transition: background .18s,box-shadow .18s;
}
body.carbon-theme .jade-promotions #welcome-case-promo .welcome-case-banner-cta { position: absolute; inset: auto 0 0; text-transform: uppercase; }
body.carbon-theme .jade-promotions #welcome-case-promo .welcome-case-banner:hover .welcome-case-banner-cta,
body.carbon-theme .jade-promotions #weekly-giveaways .weekly-giveaway-card button:hover:not(:disabled) {
  background: #fff18b; color: #152115; border-color: #fff6b1;
  box-shadow: 0 5px 20px #f9d24a3a; transform: none; filter: none;
}
body.carbon-theme .jade-promotions #weekly-giveaways .weekly-giveaway-card button:active:not(:disabled) { background: #eed01a; }
body.carbon-theme .jade-promotions #weekly-giveaways .weekly-giveaway-card button:disabled { background: #17382c; border-color: #77957e; color: #d1ddcd; opacity: 1; filter: none; box-shadow: none; cursor: not-allowed; }
body.carbon-theme .jade-promotions #weekly-giveaways .weekly-giveaway-card button[data-action=entered] { border-color: #b9ad67; color: #f2dd97; }
body.carbon-theme .jade-promotions :is(.welcome-case-banner,button):focus-visible { outline: 2px solid #fff1aa !important; outline-offset: 4px; }
body.carbon-theme .jade-promotions #weekly-giveaways {
  position: relative; grid-column: 2; grid-row: 1; display: grid;
  grid-template-columns: minmax(0,1fr) max-content minmax(0,1fr);
  grid-template-rows: auto minmax(0,1fr) auto; gap: var(--jade-row-gap) 16px;
  min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0;
  background: none; box-shadow: none; overflow: visible;
}
body.carbon-theme .jade-promotions #weekly-giveaways .weekly-giveaway-heading {
  grid-column: 2; grid-row: 1; display: block; align-self: center;
  height: auto; min-height: 0; margin: 0; padding: 0; text-align: center;
}
body.carbon-theme .jade-promotions .redline-kicker {
  display: block; color: #e4d299; font: 750 7px/1.5 var(--font-ui); letter-spacing: 2px;
}
body.carbon-theme .jade-promotions #weekly-giveaways .weekly-giveaway-heading h2 {
  display: block; margin: 5px 0 0; color: #fffbed; background: none;
  -webkit-text-fill-color: currentColor; filter: none; animation: none;
  font: 950 clamp(22px,2.1vw,34px)/1.02 var(--font-ui); text-align: center;
  text-transform: uppercase; letter-spacing: -1px; text-shadow: 0 3px 15px #00170e;
}
body.carbon-theme .jade-promotions .weekly-giveaway-heading h2 em { color: #f4d47c; font-style: normal; }
body.carbon-theme .jade-promotions .weekly-giveaway-heading > p { display: none; }
body.carbon-theme .jade-promotions .redline-timer {
  grid-column: 3; grid-row: 1; width: 100%; max-width: 206px; min-width: 0; justify-self: end;
  padding: 7px 10px 6px; border: 1px solid #cdb66b9c; border-radius: 6px;
  background: #031c15df; box-shadow: inset 0 1px #f0da8a24; text-align: center;
}
body.carbon-theme .jade-promotions .redline-timer > span { display: block; color: #d4d5b9; font: 700 6px/1.5 var(--font-ui); letter-spacing: 1px; }
body.carbon-theme .jade-promotions [data-giveaway-clock] { display: grid; grid-template-columns: 1fr 5px 1fr 5px 1fr 5px 1fr; align-items: center; gap: 2px; margin: 3px 0 0; color: #fff9e9; font: 850 clamp(15px,1.4vw,23px)/1 var(--font-ui); font-variant-numeric: tabular-nums; letter-spacing: -.5px; }
body.carbon-theme .jade-promotions [data-giveaway-clock] i { color: #d5bc6c; font: inherit; }
body.carbon-theme .jade-promotions .redline-timer-labels { display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; margin-top: 3px; color: #c0c9b5; font: 600 6px/1.5 var(--font-ui); }
body.carbon-theme .jade-promotions #weekly-giveaways .giveaway-history-trigger { min-height: 27px; margin-top: 6px; padding: 4px 2px; border: 0; border-top: 1px solid #bba45940; border-radius: 0; background: none; color: #f6d982; font-size: 8px; }
body.carbon-theme .jade-promotions #weekly-giveaways .giveaway-history-trigger:hover { background: #e3c97112; color: #fff0ae; }
body.carbon-theme .jade-promotions #weekly-giveaways .giveaway-history-trigger span:first-child { font-size: 15px; }
body.carbon-theme .jade-promotions #weekly-giveaways .weekly-giveaway-grid { grid-column: 1/-1; grid-row: 2; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; align-items: stretch; }
body.carbon-theme .jade-promotions #weekly-giveaways .weekly-giveaway-card {
  position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0,1fr);
  grid-template-rows: minmax(112px,1fr) 32px 24px 18px var(--jade-action-height);
  gap: 3px; min-width: 0; min-height: 0; padding: 0; border: 0; border-radius: 0;
  background: none; box-shadow: none; overflow: visible; text-align: center;
}
body.carbon-theme .jade-promotions #weekly-giveaways .weekly-giveaway-card:hover { border: 0; background: none; box-shadow: none; }
body.carbon-theme .jade-promotions .weekly-giveaway-card::before,
body.carbon-theme .jade-promotions .weekly-giveaway-card::after { content: none; display: none; }
body.carbon-theme .jade-promotions .jade-prize-display { position: relative; display: flex; align-items: flex-end; justify-content: center; min-width: 0; min-height: 112px; padding: 0 0 12px; }
body.carbon-theme .jade-promotions .jade-prize-display > img {
  position: relative; z-index: 2; display: block; width: 100%; height: clamp(100px,8.8vw,140px);
  margin: 0; object-fit: contain; transform: translateY(-4px);
  filter: brightness(1.2) saturate(1.1) drop-shadow(0 9px 6px #0009) drop-shadow(0 0 10px #d1e4b925);
  transition: transform .25s,filter .25s;
}
body.carbon-theme .jade-promotions .weekly-giveaway-card:hover .jade-prize-display > img { transform: translateY(-10px); filter: brightness(1.35) saturate(1.15) drop-shadow(0 10px 9px #0008); }
body.carbon-theme .jade-promotions .jade-prize-podium { position: absolute; z-index: 1; bottom: 3px; left: 8%; width: 84%; height: 24px; border: 1px solid #ceaf55a6; border-radius: 50% / 35%; background: repeating-linear-gradient(112deg,transparent 0 10px,#94c29320 11px,transparent 13px 23px),linear-gradient(90deg,#071f16,#164532 25%,#04271d 70%,#0e3425); box-shadow: inset 0 -3px #bb913854,0 9px 12px #0007,0 1px 15px #efd16a25; }
body.carbon-theme .jade-promotions .jade-prize-podium::before { content: ''; position: absolute; inset: -6px -1px auto; height: 18px; border: 2px solid #d8bc69; border-radius: 50%; background: radial-gradient(ellipse,#3eac7655,#082c21 70%); box-shadow: inset 0 0 0 2px #d6bf6a60,0 0 13px #f6db6860; }
body.carbon-theme .jade-promotions #weekly-giveaways .weekly-giveaway-prize-name { display: block; position: static; inset: auto; width: auto; padding: 0; color: #fffbed; background: none; font: 750 12px/1.4 var(--font-ui); text-align: center; text-shadow: 0 2px 5px #000; overflow: hidden; white-space: normal; }
body.carbon-theme .jade-promotions .weekly-giveaway-prize-name strong { display: block; font-size: 12px; }
body.carbon-theme .jade-promotions .weekly-giveaway-prize-name span { display: block; color: #c7d3c7; font: 10px/1.4 var(--font-ui); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
body.carbon-theme .jade-promotions #weekly-giveaways .weekly-giveaway-price { position: static; width: auto; padding: 0; border: 0; background: none; color: #f5d47a; font: 850 clamp(16px,1.3vw,21px)/24px var(--font-ui); text-align: center; text-shadow: 0 2px 6px #000; }
body.carbon-theme .jade-promotions .redline-entry-threshold { color: #d0dbcd; font: 9px/18px var(--font-ui); text-align: center; white-space: nowrap; text-shadow: 0 1px 5px #000; }
body.carbon-theme .jade-promotions #weekly-giveaways .weekly-giveaway-foot { grid-column: 1/-1; grid-row: 3; display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; gap: 3px 14px; margin: 0; padding: 7px 0 0; border-top: 1px solid #b9b47c30; color: #a5b9a8; font: 8px/1.4 var(--font-ui); text-align: left; }
body.carbon-theme .jade-promotions .weekly-giveaway-foot > span:first-child { color: #dbe2cb; }
body.carbon-theme .jade-promotions .weekly-giveaway-foot b { color: #f4d991; }
body.carbon-theme .jade-promotions #weekly-giveaways .weekly-giveaway-unavailable { grid-column: 1/-1; margin: 0; padding: 18px; border-color: #a9945950; background: #04241cce; color: #d7e0d0; }
/* The same bottom reservation puts all five actions on one desktop baseline. */
@media (min-width:1001px) {
  body.carbon-theme .jade-promotions:has(.weekly-giveaway-card) #welcome-case-promo { padding-bottom: calc(var(--jade-footer-height) + var(--jade-row-gap)); }
  body.carbon-theme .jade-promotions:has(.weekly-giveaway-card) #weekly-giveaways { grid-template-rows: auto minmax(0,1fr) var(--jade-footer-height); }
  body.carbon-theme .jade-promotions:has(.weekly-giveaway-card) .weekly-giveaway-foot { box-sizing: border-box; height: var(--jade-footer-height); min-height: 0; align-content: start; }
}
body.carbon-theme .weekly-giveaway-dialog.jade-conditions { --dialog-tier: #d4bc72; border-color: #a89150; background: radial-gradient(ellipse at 100% 0,#17614430,transparent 65%),#0c1c15; }
body.carbon-theme .jade-conditions .weekly-giveaway-dialog-progress { background: #102d21; border-color: #66734a; }
body.carbon-theme .jade-conditions .weekly-giveaway-dialog-progress b { color: #f3d786; }
body.carbon-theme .jade-conditions .weekly-giveaway-dialog-action { background: #ffe014; border-color: #ffe77b; color: #162013; box-shadow: none; }
body.carbon-theme .giveaway-history-dialog { border-color: #a28b4f; background: radial-gradient(ellipse at 10% 0,#22644335,transparent 65%),#0c1b15; }
body.carbon-theme .giveaway-history-dialog .collection-eyebrow { color: #dec583; }
@keyframes jade-chest-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@media (max-width:1150px) and (min-width:1001px) {
  body.carbon-theme .home-promotions.jade-promotions { grid-template-columns: 165px minmax(0,1fr); gap: 14px; padding-inline: 14px; }
  body.carbon-theme .jade-promotions #weekly-giveaways { gap: 10px; }
  body.carbon-theme .jade-promotions .redline-timer { max-width: 180px; }
  body.carbon-theme .jade-promotions #weekly-giveaways .weekly-giveaway-heading h2 { font-size: 22px; }
  body.carbon-theme .jade-promotions #weekly-giveaways .weekly-giveaway-grid { gap: 8px; }
  body.carbon-theme .jade-promotions .redline-entry-threshold { font-size: 8px; }
  body.carbon-theme .jade-promotions #welcome-case-promo .welcome-case-promo-title { font-size: 16px; }
}
@media (max-width:1000px) {
  body.carbon-theme .home-promotions.jade-promotions { grid-template-columns: minmax(0,1fr); gap: 22px; padding: 18px; }
  body.carbon-theme .jade-promotions #welcome-case-promo { grid-column: 1; grid-row: 1; min-height: 175px; padding: 0; display: flex; align-items: flex-start; justify-content: flex-start; }
  body.carbon-theme .jade-promotions #welcome-case-promo .welcome-case-promo-title { max-width: 58%; text-align: left; font-size: 20px; }
  body.carbon-theme .jade-promotions #welcome-case-promo .welcome-case-promo-title em { font-size: 1.35em; }
  body.carbon-theme .jade-promotions #welcome-case-promo .carbon-welcome-description { max-width: 58%; text-align: left; }
  body.carbon-theme .jade-promotions #welcome-case-promo .welcome-case-banner { position: absolute; inset: 0; min-height: 0; height: 100%; padding: 0; }
  body.carbon-theme .jade-promotions #welcome-case-promo .welcome-case-banner img { position: absolute; inset: auto 5% 0 auto; width: 32%; height: 170px; margin: 0; }
  body.carbon-theme .jade-promotions .jade-welcome-seal { left: 79%; top: 50%; width: 170px; }
  body.carbon-theme .jade-promotions #welcome-case-promo .welcome-case-banner-cta { inset: auto auto 0 0; width: 185px; }
  body.carbon-theme .jade-promotions #weekly-giveaways { grid-column: 1; grid-row: 2; padding-top: 15px; border-top: 1px solid #d0b76b55; }
  body.carbon-theme .jade-promotions::before { background-size: auto 100%; background-position: 58% top; }
}
@media (max-width:720px) {
  body.carbon-theme .home-promotions.jade-promotions { margin-inline: 12px; margin-bottom: 20px; padding: 16px 12px; gap: 18px; }
  body.carbon-theme .jade-promotions #welcome-case-promo { min-height: 180px; }
  body.carbon-theme .jade-promotions #welcome-case-promo .welcome-case-promo-title { font-size: clamp(15px,4vw,20px); max-width: 64%; }
  body.carbon-theme .jade-promotions #welcome-case-promo .carbon-welcome-description { max-width: 55%; font-size: 9px; }
  body.carbon-theme .jade-promotions #welcome-case-promo .welcome-case-banner img { width: 43%; height: 150px; right: 0; bottom: 12px; }
  body.carbon-theme .jade-promotions .jade-welcome-seal { left: 80%; width: 135px; }
  body.carbon-theme .jade-promotions #welcome-case-promo .welcome-case-banner-cta { width: 155px; font-size: 9px; }
  body.carbon-theme .jade-promotions #weekly-giveaways { grid-template-columns: minmax(0,1fr); gap: 16px; }
  body.carbon-theme .jade-promotions #weekly-giveaways .weekly-giveaway-heading { grid-column: 1; grid-row: 1; }
  body.carbon-theme .jade-promotions #weekly-giveaways .weekly-giveaway-heading h2 { font-size: clamp(23px,6vw,32px); }
  body.carbon-theme .jade-promotions .redline-timer { grid-column: 1; grid-row: 2; width: 100%; max-width: 310px; justify-self: center; }
  body.carbon-theme .jade-promotions #weekly-giveaways .weekly-giveaway-grid { grid-column: 1; grid-row: 3; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 12px; }
  body.carbon-theme .jade-promotions #weekly-giveaways .weekly-giveaway-card { grid-template-rows: 112px 32px 24px 18px var(--jade-action-height); }
  body.carbon-theme .jade-promotions .jade-prize-display > img { height: 112px; }
  body.carbon-theme .jade-promotions #weekly-giveaways .weekly-giveaway-foot { grid-row: 4; gap: 7px; font-size: 9px; }
}
@media (prefers-reduced-motion:reduce) {
  body.carbon-theme .jade-promotions #welcome-case-promo .welcome-case-banner img { animation: none; }
  body.carbon-theme .jade-promotions .jade-prize-display > img,
  body.carbon-theme .jade-promotions #weekly-giveaways .weekly-giveaway-card button { transition: none; }
  body.carbon-theme .jade-promotions .weekly-giveaway-card:hover .jade-prize-display > img { transform: translateY(-4px); }
}

/* source: catalog-blackgold.css */
/* Approved compact graphite/gold catalog reference. No raster UI or new filter state. */
body.carbon-theme #catalog {
  position: relative; display: flex; align-items: flex-end; justify-content: space-between;
  gap: 18px; margin: 0 0 16px; margin-inline: clamp(16px,3vw,52px); padding: 0 0 16px;
  border-bottom: 1px solid #b698423f; scroll-margin-top: 22px;
}
body.carbon-theme #catalog::after {
  content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg,#ac8b3c70,#ebd07a 23%,#a1874140 60%,#b7984660); pointer-events: none;
}
body.carbon-theme #catalog .catalog-heading-copy { min-width: 0; }
body.carbon-theme #catalog .carbon-kicker { display: block; color: #d5b951; font: 750 8px/1.5 var(--font-ui); letter-spacing: 2.8px; }
body.carbon-theme #catalog .catalog-title-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 8px; }
body.carbon-theme #catalog h2 { margin: 0; color: #f7f7f2; font: 850 clamp(23px,1.8vw,30px)/1.15 var(--font-ui); letter-spacing: -.8px; }
body.carbon-theme #catalog .catalog-total { display: inline-flex; align-items: center; min-height: 27px; padding: 4px 10px; border: 1px solid #bfc4ba24; border-radius: 6px; background: linear-gradient(#24252270,#141616); color: #bfc4bf; font: 650 11px/1.4 var(--font-ui); white-space: nowrap; }
body.carbon-theme #catalog .case-tabs { display: flex; flex: none; flex-wrap: nowrap; align-items: center; margin: 0 0 1px; gap: 0; }
body.carbon-theme #catalog .case-tabs button {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px; height: 40px; min-width: 0;
  padding: 0 15px; border: 1px solid #aa8f485c; border-radius: 8px;
  background: linear-gradient(125deg,#c4a5420b,#15171680); color: #e2e3db;
  font: 650 11px/1.3 var(--font-ui); white-space: nowrap; cursor: pointer;
  transition: border-color .18s,background .18s;
}
body.carbon-theme #catalog .case-tabs button > span:first-child { display: inline-flex; align-items: center; color: #ffe014; }
body.carbon-theme #catalog .case-tabs svg { display: block; width: 21px; height: 21px; }
body.carbon-theme #catalog .case-tabs b { margin: 0 0 0 3px; color: #929a92; font-size: 11px; }
body.carbon-theme #catalog .case-tabs button:hover { border-color: #e6cd76; background: #d2ad3510; }
body.carbon-theme #catalog .case-tabs button[aria-pressed=true] { border-color: #ffe014; background: #ffe01412; color: #ffe681; }
body.carbon-theme #catalog .case-tabs button[aria-pressed=true] b { color: #ffe681; }
body.carbon-theme #catalog [hidden] { display: none !important; }
body.carbon-theme #catalog .catalog-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px 16px; min-width: 0; max-width: 100%; }
body.carbon-theme .playback-toolbar.playback-toolbar--compact {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 14px;
  width: max-content; max-width: 100%; min-height: 32px; padding: 0;
  margin: 0 clamp(16px,3vw,52px) 12px auto;
  background: transparent !important; border: 0 !important; box-shadow: none;
  color: #b9c1b6; font: 500 10px/1.4 var(--font-ui);
}
body.carbon-theme #catalog .playback-toolbar--compact { margin: 0; }
body.carbon-theme .playback-toolbar--compact .audio-control { display: flex; align-items: center; gap: 8px; }
body.carbon-theme .playback-toolbar--compact .audio-control button { min-height: 32px; padding: 0; border: 0; background: none; color: #ffe014; font: 650 10px/1.4 var(--font-ui); }
body.carbon-theme .playback-toolbar--compact .audio-control button[aria-pressed=false] { color: #919b8d; }
body.carbon-theme .playback-toolbar--compact #sound-volume { width: 64px; height: 4px; margin: 0; accent-color: #ffe014; }
body.carbon-theme .playback-toolbar--compact > label { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; white-space: nowrap; cursor: pointer; }
body.carbon-theme .playback-toolbar--compact #short-animation { width: 12px; height: 12px; margin: 0; accent-color: #ffe014; }
body.carbon-theme #cases-view .catalog-filters {
  position: relative; isolation: isolate; box-sizing: border-box; min-width: 0; width: auto;
  margin: 0 0 24px; margin-inline: clamp(16px,3vw,52px); padding: 12px 14px 0;
  border: 1px solid #a98e463f; border-radius: 12px;
  background: radial-gradient(ellipse at 25% 0,#c9ae3e07,transparent 62%),linear-gradient(115deg,#191b1a,#121514 70%);
  box-shadow: inset 0 1px #fbebbd08,0 8px 24px #0002;
}
body.carbon-theme #cases-view .catalog-filters .filter-primary { display: flex; flex-wrap: nowrap; align-items: center; gap: 14px; min-width: 0; }
body.carbon-theme #cases-view .catalog-filters .filter-secondary { flex: 1 1 auto; min-width: 0; width: auto; overflow: hidden; }
body.carbon-theme #cases-view .catalog-filters .collection-chips { display: flex; align-items: center; gap: 3px; padding: 2px 1px 8px; overflow-x: auto; scrollbar-width: thin; scrollbar-color: #9b853d66 transparent; }
body.carbon-theme #cases-view .catalog-filters .collection-chips button {
  display: inline-flex; align-items: center; justify-content: center; flex: none; gap: 7px;
  height: 38px; padding: 0 10px; border: 1px solid transparent !important; border-radius: 7px;
  background: transparent !important; color: #c0c5c0 !important;
  font: 650 10.5px/1.2 var(--font-ui); white-space: nowrap;
  box-shadow: none !important; animation: none; transition: color .18s,background .18s;
}
body.carbon-theme #cases-view .catalog-filters .collection-chips button:hover { color: #f5e3aa !important; border-color: transparent !important; background: #d8bd5d0d !important; }
body.carbon-theme #cases-view .catalog-filters .collection-chips button[aria-pressed=true] { padding-inline: 13px; border-color: #ffe014 !important; background: #ffe014 !important; color: #202316 !important; box-shadow: 0 3px 14px #f9da1926 !important; }
body.carbon-theme #cases-view .catalog-filters .catalog-collection-icon { display: block; flex: none; width: 19px; height: 19px; opacity: .85; }
body.carbon-theme #cases-view .catalog-filters .collection-chips button[aria-pressed=true] .catalog-collection-icon { opacity: 1; }
body.carbon-theme #cases-view .catalog-filters .filter-options { display: flex; flex: 0 0 auto; align-items: center; justify-content: flex-end; gap: 9px; width: auto; padding-left: 14px; margin-bottom: 6px; border-left: 1px solid #d9c78533; }
body.carbon-theme #cases-view .catalog-filters :is(.case-price-range,#case-sort) { height: 39px; border: 1px solid #ab9c684f !important; border-radius: 8px; background-color: #101312 !important; color: #d8dcd3 !important; box-shadow: inset 0 1px #ffffff05; }
body.carbon-theme #cases-view .catalog-filters .case-price-range { flex: none; width: 148px; gap: 6px; padding: 0 10px; }
body.carbon-theme #cases-view .catalog-filters .case-price-range input { flex: 1; width: 36px; min-width: 0; color: #e5e8df; font-size: 11px; }
body.carbon-theme #cases-view .catalog-filters .case-price-range input::placeholder { color: #848b83; opacity: 1; }
body.carbon-theme #cases-view .catalog-filters .case-price-range legend,
body.carbon-theme #cases-view .catalog-filters .case-sort-field > span { color: #b2aa8a !important; background: #151816; font-size: 8px; }
body.carbon-theme #cases-view .catalog-filters .case-sort-field { flex: none; }
body.carbon-theme #cases-view .catalog-filters #case-sort { width: 170px; padding: 0 27px 0 31px; font: 650 10px/1.3 var(--font-ui); appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23c8cdc3' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; background-position: right 10px center !important; background-repeat: no-repeat !important; }
body.carbon-theme #cases-view .catalog-filters .catalog-sort-icon { position: absolute; z-index: 1; left: 10px; top: 50%; width: 15px; height: 15px; color: #ffe014; transform: translateY(-50%); pointer-events: none; }
body.carbon-theme #cases-view .catalog-filters :is(.case-price-range:focus-within,#case-sort:focus) { border-color: #ffe014 !important; }
body.carbon-theme #cases-view .catalog-filters .filter-summary { min-height: 30px; margin: 0 -14px; padding: 6px 15px; border-top: 1px solid #b8b79f14; color: #929b90; font-size: 9px; }
body.carbon-theme #cases-view .catalog-filters #catalog-stats { display: inline-flex; align-items: center; gap: 4px; color: #929b90; }
body.carbon-theme #cases-view .catalog-filters #catalog-stats::before { content: ''; display: block; width: 6px; height: 6px; flex: none; margin-right: 4px; border-radius: 50%; background: #ffe014; }
body.carbon-theme #cases-view .catalog-filters #catalog-stats b { color: #e8ecdf; }
body.carbon-theme #catalog button:focus-visible,
body.carbon-theme #cases-view .catalog-filters :is(button,input,select):focus-visible { outline: 2px solid #ffe014; outline-offset: 3px; }
@media (max-width:1100px) {
  body.carbon-theme #catalog { flex-wrap: wrap; }
  body.carbon-theme #catalog .catalog-actions { margin-left: auto; }
  body.carbon-theme #cases-view .catalog-filters .filter-options { gap: 7px; padding-left: 10px; }
  body.carbon-theme #cases-view .catalog-filters .case-price-range { width: 125px; }
  body.carbon-theme #cases-view .catalog-filters #case-sort { width: 151px; }
}
@media (max-width:900px) {
  body.carbon-theme #cases-view .catalog-filters .filter-primary { flex-wrap: wrap; gap: 8px; }
  body.carbon-theme #cases-view .catalog-filters .filter-secondary { flex: 1 1 100%; width: 100%; }
  body.carbon-theme #cases-view .catalog-filters .filter-options { flex: 1 1 100%; width: 100%; padding: 0; border: 0; justify-content: flex-start; }
  body.carbon-theme #cases-view .catalog-filters .case-price-range,
  body.carbon-theme #cases-view .catalog-filters .case-sort-field { flex: 1; width: auto; }
  body.carbon-theme #cases-view .catalog-filters #case-sort { width: 100%; }
}
@media (max-width:720px) {
  body.carbon-theme #catalog,
  body.carbon-theme #cases-view .catalog-filters { margin-inline: 12px; }
  body.carbon-theme #catalog { gap: 12px; padding-bottom: 13px; }
}
@media (max-width:560px) {
  body.carbon-theme #catalog .catalog-actions { width: 100%; justify-content: space-between; gap: 8px; }
  body.carbon-theme .playback-toolbar.playback-toolbar--compact { gap: 10px; }
  body.carbon-theme .playback-toolbar--compact #sound-volume { width: 55px; }
  body.carbon-theme #catalog .carbon-kicker { font-size: 7px; letter-spacing: 1.4px; }
  body.carbon-theme #catalog .catalog-title-row { gap: 7px; }
  body.carbon-theme #catalog h2 { font-size: 22px; }
  body.carbon-theme #catalog .catalog-total { min-height: 23px; padding: 3px 7px; font-size: 9px; }
  body.carbon-theme #catalog .case-tabs button { height: 37px; padding-inline: 10px; gap: 4px; }
  body.carbon-theme #catalog .catalog-favorites-label { display: none; }
  body.carbon-theme #cases-view .catalog-filters { padding: 10px 10px 0; }
  body.carbon-theme #cases-view .catalog-filters .filter-summary { margin-inline: -10px; padding-inline: 11px; }
}
@media (prefers-reduced-motion:reduce) {
  body.carbon-theme #catalog button,
  body.carbon-theme #cases-view .catalog-filters button { transition: none; }
}

/* source: nav-capsule.css */
/* Approved navigation 01: graphite capsule, gift for free cases, flame for bonuses. */
html:has(body.carbon-theme) { scroll-padding-top: calc(var(--sticky-header-height,76px) + 16px); }
body.carbon-theme > header {
  position: sticky; top: 0; z-index: 80;
  --nav-header-padding: 30px; --nav-header-gap: 24px;
  --nav-main-padding: 30px; --nav-banner-gutter: clamp(16px,3vw,52px);
  --nav-left-edge: calc(var(--drop-feed-width) + var(--nav-main-padding) + var(--nav-banner-gutter));
}
body.carbon-theme > header > nav.nav-capsule {
  position: relative; isolation: isolate; display: flex; align-items: center;
  justify-content: flex-start; flex: 0 1 auto; width: max-content; min-width: 0; max-width: 820px;
  min-height: 56px; margin: 0 auto 0 0; padding: 5px; gap: 4px;
  border: 1px solid #b59c5880; border-radius: 18px;
  background: linear-gradient(165deg,#27272270,transparent 45%),linear-gradient(100deg,#181b18,#111414);
  box-shadow: inset 0 1px #f7dfa04a,0 2px 10px #0002;
  overflow-x: auto; scrollbar-width: thin; scrollbar-color: #8f783c60 transparent;
}
body.carbon-theme > header > nav.nav-capsule .nav {
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  flex: 1 0 auto; min-width: max-content; min-height: 44px; margin: 0;
  padding: 8px 12px !important; gap: 8px; border: 1px solid transparent !important;
  border-radius: 12px; background: transparent !important; color: #dedfd8 !important;
  font: 700 11.5px/1.3 var(--font-ui); white-space: nowrap;
  box-shadow: none; transition: background .18s,color .18s;
}
body.carbon-theme > header > nav.nav-capsule .nav::after { display: none; }
body.carbon-theme > header > nav.nav-capsule .nav .nav-icon { display: inline-flex; align-items: center; justify-content: center; flex: none; color: #b8ac8d !important; }
body.carbon-theme > header > nav.nav-capsule .nav .nav-icon svg { display: block; width: 21px; height: 21px; }
body.carbon-theme > header > nav.nav-capsule .nav[data-view=free] .nav-icon { color: #e0b957 !important; }
body.carbon-theme > header > nav.nav-capsule .nav[data-view=bonuses] .nav-icon { color: #edbd52 !important; }
body.carbon-theme > header > nav.nav-capsule .nav:hover { border-color: transparent !important; background: #e4c4680d !important; color: #fff5d3 !important; }
body.carbon-theme > header > nav.nav-capsule .nav.active {
  border-color: #ffe759 !important; background: linear-gradient(145deg,#ffec53,#ffdb0d) !important;
  color: #202313 !important; box-shadow: 0 3px 12px #e9c91124,inset 0 1px #fff2a8;
}
body.carbon-theme > header > nav.nav-capsule .nav.active .nav-icon { color: #202313 !important; }
body.carbon-theme > header > nav.nav-capsule .nav:is(:focus-visible) { outline: 2px solid #fff0a4 !important; outline-offset: -3px; }
body.carbon-theme > header > nav.nav-capsule :is(#count,.free-count,.bonus-nav-count) {
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  min-width: 19px; height: 20px; margin: 0; padding: 2px 5px;
  border: 1px solid #c3a65025; border-radius: 6px;
  background: #ac8b2817; color: #e0c66d; font: 750 10px/1 var(--font-ui);
}
body.carbon-theme > header > nav.nav-capsule .nav.active :is(#count,.free-count,.bonus-nav-count) { border-color: #20251020; background: #20251014; color: #22270f; }
body.carbon-theme > header > nav.nav-capsule [hidden] { display: none !important; }
@media (min-width:1441px) {
  body.carbon-theme > header .brand.dragon-wordmark { flex-basis: calc(var(--nav-left-edge) - var(--nav-header-padding) - var(--nav-header-gap)); width: calc(var(--nav-left-edge) - var(--nav-header-padding) - var(--nav-header-gap)); }
  body.carbon-theme > header .wallet { margin-left: 0; }
}
@media (max-width:1440px) {
  body.carbon-theme > header { flex-wrap: wrap; height: auto; min-height: 124px; padding-block: 10px !important; row-gap: 8px !important; }
  body.carbon-theme > header .brand.dragon-wordmark { margin-right: auto; }
  body.carbon-theme > header .wallet { margin-left: 0; }
  body.carbon-theme > header > nav.nav-capsule { order: 5; flex: 1 1 100%; width: 100%; margin-left: calc(var(--nav-left-edge) - var(--nav-header-padding)); max-width: min(820px,calc(100% - var(--nav-left-edge) + var(--nav-header-padding))); }
}
@media (max-width:1250px) {
  body.carbon-theme > header { --nav-header-padding: 22px; --nav-header-gap: 13px; }
}
@media (max-width:1000px) {
  body.carbon-theme > header { --nav-main-padding: 20px; }
}
@media (max-width:720px) {
  body.carbon-theme { overflow-x: clip; }
  body.carbon-theme > header { width: 100%; min-width: 0; overflow: hidden; --nav-header-padding: 12px; --nav-header-gap: 7px; --nav-main-padding: 12px; --nav-banner-gutter: 12px; }
  body.carbon-theme > header > nav.nav-capsule { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); flex: 0 0 calc(100vw - 48px); width: calc(100vw - 48px); gap: 4px; padding: 5px; margin-left: 12px; max-width: calc(100vw - 48px); overflow: visible; border-radius: 12px; }
  body.carbon-theme > header > nav.nav-capsule .nav { min-width: 0; min-height: 53px; flex-direction: column; padding: 6px 3px !important; gap: 4px; font-size: 10px; }
  body.carbon-theme > header > nav.nav-capsule .nav .nav-icon svg { width: 19px; height: 19px; }
  body.carbon-theme > header > nav.nav-capsule :is(#count,.free-count,.bonus-nav-count) { position: absolute; top: 4px; right: 5px; height: 17px; min-width: 17px; padding: 2px 4px; font-size: 8px; }
}
@media (prefers-reduced-motion:reduce) {
  body.carbon-theme > header > nav.nav-capsule .nav { transition: none; }
}

/* source: profile-compact.css */
/* Approved profile concept 02. Native controls, real inventory and history. */
body.carbon-theme #profile-view .profile-metrics {
  display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0;
  padding: 28px 0 24px; margin: 8px 0 0; border: 0; max-width: 1050px;
}
body.carbon-theme #profile-view .profile-metric {
  display: flex; align-items: center; gap: 13px; min-width: 0; padding: 0 22px;
  border-right: 1px solid #ffffff17; color: #9da3ad;
}
body.carbon-theme #profile-view .profile-metric:first-child { padding-left: 4px; }
body.carbon-theme #profile-view .profile-metric:last-child { border-right: 0; }
body.carbon-theme #profile-view .profile-metric b {
  color: #f4f4f1; font-size: clamp(25px,2.8vw,40px); line-height: 1; margin: 0;
  letter-spacing: -1px; font-variant-numeric: tabular-nums;
}
body.carbon-theme #profile-view .profile-metric > span {
  font-size: 10px; font-weight: 700; line-height: 1.5; text-transform: uppercase;
}
body.carbon-theme #profile-view .profile-ui-icon {
  display: block; width: 19px; height: 19px; flex: 0 0 auto;
}
body.carbon-theme #profile-view .profile-metric .profile-ui-icon {
  width: 27px; height: 27px; color: #ffe014;
}
body.carbon-theme #profile-view .profile-tabs {
  display: flex; gap: 22px; padding: 0; margin: 0; overflow-x: auto;
  background: transparent; border: 0; border-bottom: 1px solid #ffffff21;
  border-radius: 0; box-shadow: none; scrollbar-width: thin;
}
body.carbon-theme #profile-view .profile-tabs button {
  position: relative; flex: 0 0 auto; min-height: 55px; padding: 14px 7px;
  border: 0; border-radius: 0; background: transparent; color: #9198a4;
  font-size: 11px; font-weight: 750; letter-spacing: .4px; text-transform: uppercase;
}
body.carbon-theme #profile-view .profile-tabs button::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px;
  background: transparent; border-radius: 2px 2px 0 0; pointer-events: none;
}
body.carbon-theme #profile-view .profile-tabs button[aria-pressed=true] {
  color: #f6f6f0; background: transparent; border: 0;
}
body.carbon-theme #profile-view .profile-tabs button[aria-pressed=true]::after { background: #ffe014; }
body.carbon-theme #profile-view .profile-tabs b {
  background: #ffffff07; color: #89919c; margin-left: 5px; font-size: 9px;
}
body.carbon-theme #profile-view .profile-tabs button[aria-pressed=true] b {
  background: #ffe01412; color: #ffe014;
}
body.carbon-theme #profile-view .profile-content {
  background: transparent; border: 0; border-radius: 0; box-shadow: none;
  margin-top: 0; padding: 22px 0 0; min-width: 0;
}
body.carbon-theme #profile-view .profile-inventory-tools {
  gap: 12px; margin-bottom: 8px; align-items: center;
}
body.carbon-theme #profile-view .profile-inventory-tools button,
body.carbon-theme #profile-view [data-withdraw-refresh] {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  min-height: 42px; padding: 10px 14px; font: 600 11px/1.4 var(--font-ui);
  background: #ffffff03; border: 1px solid #ffffff20; border-radius: 8px;
  color: #c9cbd1; cursor: pointer;
}
body.carbon-theme #profile-view [data-manage] .profile-ui-icon:last-child { width: 14px; height: 14px; }
body.carbon-theme #profile-view .profile-inventory-tools label {
  color: #a0a5ae; font-size: 11px; gap: 8px;
}
body.carbon-theme #profile-view input[type=checkbox] { accent-color: #ffe014; width: 15px; height: 15px; }
body.carbon-theme #profile-view .profile-inventory-tools [data-sell-all] {
  background: #ffe014; border-color: #ffe014; color: #181910;
}
body.carbon-theme #profile-view .profile-inventory-tools button:disabled {
  opacity: .38; cursor: not-allowed;
}
body.carbon-theme #profile-view .profile-empty {
  position: relative; isolation: isolate; padding: 30px 16px; border: 0; border-radius: 0;
  background: transparent; display: flex; flex-direction: column; align-items: center;
  justify-content: center; gap: 12px; min-width: 0;
}
body.carbon-theme #profile-view .profile-empty-inventory {
  min-height: 350px; gap: 10px; padding-block: 12px 28px;
  background: radial-gradient(ellipse at 50% 40%,#ffe01408,transparent 48%);
}
body.carbon-theme #profile-view .profile-empty-inventory::before,
body.carbon-theme #profile-view .profile-empty-inventory::after {
  content: ''; position: absolute; z-index: -1; width: 120px; height: 80px;
  background: radial-gradient(circle,#ffe01466 1px,transparent 1px) 0 0/15px 15px;
  mask-image: linear-gradient(90deg,transparent,#0008,transparent); opacity: .35;
  pointer-events: none;
}
body.carbon-theme #profile-view .profile-empty-inventory::before { left: 0; bottom: 65px; }
body.carbon-theme #profile-view .profile-empty-inventory::after { right: 0; top: 40px; }
body.carbon-theme #profile-view .profile-empty-art {
  display: block; width: min(320px,75vw); height: 180px; max-width: 100%;
  object-fit: contain; margin: 0 auto; pointer-events: none;
}
body.carbon-theme #profile-view .profile-empty > .profile-ui-icon { color: #ffe014; width: 30px; height: 30px; }
body.carbon-theme #profile-view .profile-empty h3 {
  color: #f4f4f1; font-size: clamp(20px,2vw,27px); letter-spacing: -.7px;
  line-height: 1.3; margin: 0;
}
body.carbon-theme #profile-view .profile-empty p {
  color: #969da8; max-width: 560px; font-size: 12px; line-height: 1.7; margin: 0;
}
body.carbon-theme #profile-view .profile-empty button {
  display: inline-flex; align-items: center; justify-content: center; gap: 20px;
  min-width: 196px; min-height: 46px; padding: 12px 20px; margin-top: 6px;
  background: #ffe014; border: 1px solid #ffe014; border-radius: 8px;
  color: #181910; font: 750 13px/1.4 var(--font-ui); cursor: pointer;
  box-shadow: 0 5px 24px #ffe0140a;
}
body.carbon-theme #profile-view .profile-withdrawals {
  margin-top: 12px; padding: 22px 0 0; border: 0; border-top: 1px solid #ffffff21;
  border-radius: 0; background: transparent;
}
body.carbon-theme #profile-view .profile-withdrawals-heading {
  display: flex; justify-content: space-between; align-items: center; gap: 14px;
}
body.carbon-theme #profile-view .profile-withdrawals h3 {
  margin: 0; font-size: 19px; letter-spacing: -.5px; color: #f4f4f1;
}
body.carbon-theme #profile-view .profile-withdrawals > p {
  margin: 8px 0 0; font-size: 12px; color: #969da8;
}
body.carbon-theme #profile-view .profile-withdrawals article {
  padding: 16px 0; border-bottom: 1px solid #ffffff0d;
}
body.carbon-theme #profile-view .profile-withdrawals article strong { display: block; overflow-wrap: anywhere; }
body.carbon-theme #profile-view .profile-withdrawals article small { color: #969da8; }
body.carbon-theme #profile-view .profile-event { padding-inline: 0; }
body.carbon-theme #profile-view .profile-inventory-tools button:enabled:hover,
body.carbon-theme #profile-view [data-withdraw-refresh]:enabled:hover { border-color: #ffe01477; }
body.carbon-theme #profile-view .profile-tabs button:hover { color: #f5f5ef; }
body.carbon-theme #profile-view .profile-empty button:hover { background: #ffeb57; border-color: #ffeb57; }
@media (max-width: 1000px) {
  body.carbon-theme #profile-view .profile-metric { gap: 8px; padding-inline: 12px; }
  body.carbon-theme #profile-view .profile-metric > span { font-size: 9px; }
  body.carbon-theme #profile-view .profile-inventory-tools label { flex: 1 1 200px; }
  body.carbon-theme #profile-view .profile-tabs { gap: 14px; }
}
@media (max-width: 620px) {
  body.carbon-theme #profile-view .profile-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 0; padding-block: 22px; }
  body.carbon-theme #profile-view .profile-metric:nth-child(odd) { padding-left: 0; }
  body.carbon-theme #profile-view .profile-metric:nth-child(even) { border-right: 0; }
  body.carbon-theme #profile-view .profile-metric b { font-size: 28px; }
  body.carbon-theme #profile-view .profile-metric .profile-ui-icon { width: 22px; height: 22px; }
  body.carbon-theme #profile-view .profile-tabs button { font-size: 10px; min-height: 46px; padding-inline: 3px; }
  body.carbon-theme #profile-view .profile-content { padding: 16px 0 0; }
  body.carbon-theme #profile-view .profile-inventory-tools { gap: 8px; }
  body.carbon-theme #profile-view .profile-inventory-tools [data-manage] { flex: 1 1 100%; }
  body.carbon-theme #profile-view .profile-inventory-tools label { flex: 1 1 100%; min-height: 32px; }
  body.carbon-theme #profile-view .profile-inventory-tools [data-sell-selected],
  body.carbon-theme #profile-view .profile-inventory-tools [data-sell-all] { flex: 1 1 120px; }
  body.carbon-theme #profile-view .profile-empty-inventory { min-height: 310px; padding: 10px 0 20px; }
  body.carbon-theme #profile-view .profile-empty-art { width: 260px; height: 146px; }
  body.carbon-theme #profile-view .profile-empty-inventory::before,
  body.carbon-theme #profile-view .profile-empty-inventory::after { width: 55px; }
  body.carbon-theme #profile-view .profile-withdrawals-heading { flex-wrap: wrap; gap: 10px; }
  body.carbon-theme #profile-view .profile-withdrawals h3 { font-size: 18px; }
}

/* source: profile-desk.css */
/* Selected full-page concept 3: inventory first, collection rail, armory dock. */
body.carbon-theme #profile-view.profile-desk[hidden] { display: none !important; }
body.carbon-theme #profile-view.profile-desk {
  display: grid; grid-template-rows: 112px minmax(0,1fr); gap: 12px;
  width: 100%; max-width: none; min-height: 0; margin: 0; padding: 0;
  box-sizing: border-box; color: #eeefed;
}
.profile-screen-title { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.profile-desk-top { display: grid; grid-template-columns: 1.15fr 1fr; gap: 12px; min-width: 0; }
body.carbon-theme #profile-view.profile-desk .profile-identity {
  display: grid; grid-template-columns: minmax(0,1fr) auto; grid-template-rows: 1fr auto;
  gap: 6px 12px; min-width: 0; padding: 12px; border: 1px solid #ffffff19;
  border-radius: 9px; background: linear-gradient(115deg,#181a19,#111315); box-shadow: none;
}
body.carbon-theme #profile-view.profile-desk .profile-person { gap: 9px; min-width: 0; }
body.carbon-theme #profile-view.profile-desk .profile-person > div:not(.profile-avatar) { min-width: 0; }
body.carbon-theme #profile-view.profile-desk .profile-avatar { width: 44px; height: 44px; border-radius: 50%; background: #171917; border-color: #ffe01466; }
body.carbon-theme #profile-view.profile-desk .profile-person h2 { font-size: 16px; line-height: 1.2; margin: 0 0 4px; }
body.carbon-theme #profile-view.profile-desk .profile-person small { font-size: 9px; }
body.carbon-theme #profile-view.profile-desk .profile-person a { font-size: 9px; margin-top: 2px; }
body.carbon-theme #profile-view.profile-desk .profile-gear { margin-left: 0; padding: 5px; background: transparent; border: 0; font-size: 17px; }
body.carbon-theme #profile-view.profile-desk .profile-wallet { margin: 0; gap: 12px; }
body.carbon-theme #profile-view.profile-desk .profile-wallet small { font-size: 9px; }
body.carbon-theme #profile-view.profile-desk .profile-wallet strong { font-size: 21px; color: #f5f5ed; white-space: nowrap; }
body.carbon-theme #profile-view.profile-desk .profile-wallet button {
  min-height: 36px; padding: 8px 12px; background: #ffe014; border: 1px solid #ffe014;
  border-radius: 6px; color: #191b0e; font: 750 11px/1.3 var(--font-ui); white-space: nowrap;
}
body.carbon-theme #profile-view.profile-desk .profile-identity-actions { grid-column: 1/-1; margin: 0; gap: 8px; }
body.carbon-theme #profile-view.profile-desk .profile-identity-actions button {
  flex: 1; padding: 5px 7px; min-height: 25px; border: 1px solid #ffffff18;
  border-radius: 5px; background: #ffffff02; color: #bfc3c6; font-size: 9px;
}
body.carbon-theme #profile-view.profile-desk .profile-metrics {
  grid-template-columns: repeat(4,minmax(0,1fr)); margin: 0; padding: 12px 0;
  max-width: none; background: #111315; border: 1px solid #ffffff19; border-radius: 9px;
}
body.carbon-theme #profile-view.profile-desk .profile-metric {
  flex-direction: column; justify-content: center; gap: 6px; padding: 0 5px;
}
body.carbon-theme #profile-view.profile-desk .profile-metric b { font-size: 27px; }
body.carbon-theme #profile-view.profile-desk .profile-metric > span { font-size: 9px; text-transform: none; font-weight: 550; }
body.carbon-theme #profile-view.profile-desk .profile-metric .profile-ui-icon { width: 22px; height: 22px; }
.profile-desk-body { display: grid; grid-template-columns: minmax(0,1fr) clamp(215px,21vw,285px); gap: 12px; min-height: 0; }
.profile-workspace { display: grid; grid-template-rows: 40px minmax(0,1fr) 24px 122px; min-height: 0; min-width: 0; border: 1px solid #ffffff19; border-radius: 9px; background: #111315; }
body.carbon-theme #profile-view.profile-desk .profile-tabs { padding: 0 10px; gap: 12px; }
body.carbon-theme #profile-view.profile-desk .profile-tabs button { min-height: 39px; padding: 9px 2px; font-size: 9px; text-transform: none; letter-spacing: 0; }
body.carbon-theme #profile-view.profile-desk .profile-tabs b { padding: 2px 3px; margin-left: 2px; font-size: 8px; }
body.carbon-theme #profile-view.profile-desk .profile-content { position: relative; z-index: 1; isolation: isolate; contain: paint; display: flex; flex-direction: column; padding: 12px; min-height: 0; overflow: auto; scrollbar-width: thin; }
body.carbon-theme #profile-view.profile-desk .profile-inventory-tools { gap: 6px; margin: 0 0 8px; flex: none; }
body.carbon-theme #profile-view.profile-desk .profile-inventory-tools :is(button,select) {
  min-height: 30px; padding: 6px 8px; font: 600 9px/1.4 var(--font-ui); border-radius: 5px;
}
body.carbon-theme #profile-view.profile-desk .profile-inventory-tools select { min-width: 0; max-width: 128px; background: #1b1e20; border: 1px solid #ffffff20; color: #c9cbd1; }
body.carbon-theme #profile-view.profile-desk .profile-inventory-tools label { flex: 1; margin-right: 0; font-size: 9px; white-space: nowrap; }
body.carbon-theme #profile-view.profile-desk [data-manage] .profile-ui-icon:last-child { display: none; }
body.carbon-theme #profile-view.profile-desk [data-manage] .profile-ui-icon { width: 14px; height: 14px; }
body.carbon-theme #profile-view.profile-desk .profile-items { flex: 1; min-height: 0; grid-template-columns: repeat(5,minmax(0,1fr)); grid-auto-flow: row; justify-content: start; align-content: start; gap: 8px; }
body.carbon-theme #profile-view.profile-desk .profile-item { min-height: 0; padding: 8px; background: linear-gradient(160deg,color-mix(in srgb,var(--item-color) 10%,#17191c),#121416 85%); }
body.carbon-theme #profile-view.profile-desk .profile-item-art { height: clamp(48px,8vh,90px); position: relative; }
body.carbon-theme #profile-view.profile-desk .profile-item h3 { font-size: 10px; line-height: 1.4; margin: 5px 0 2px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body.carbon-theme #profile-view.profile-desk .profile-item > small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 8px; }
body.carbon-theme #profile-view.profile-desk .profile-item > div { font-size: 11px; margin: 5px 0; gap: 4px; }
body.carbon-theme #profile-view.profile-desk .profile-item .profile-item-actions { display: flex; margin: 0; gap: 4px; }
body.carbon-theme #profile-view.profile-desk .profile-item-actions button { flex: 1; width: auto; padding: 5px 3px; margin: 0; font-size: 9px; }
body.carbon-theme #profile-view.profile-desk .profile-item button:disabled { opacity: .35; cursor: not-allowed; }
body.carbon-theme #profile-view.profile-desk .profile-empty-inventory {
  display: grid; grid-template-columns: minmax(110px,.85fr) minmax(0,1fr); align-items: center;
  min-height: 0; height: 100%; padding: 10px; gap: 10px;
}
body.carbon-theme #profile-view.profile-desk .profile-empty-inventory::before,
body.carbon-theme #profile-view.profile-desk .profile-empty-inventory::after { display: none; }
body.carbon-theme #profile-view.profile-desk .profile-empty-art { width: 100%; max-width: 280px; height: clamp(100px,19vh,205px); object-fit: contain; }
body.carbon-theme #profile-view.profile-desk .profile-empty-copy { text-align: left; }
body.carbon-theme #profile-view.profile-desk .profile-empty h3 { font-size: clamp(17px,1.7vw,24px); margin: 0 0 8px; }
body.carbon-theme #profile-view.profile-desk .profile-empty p { font-size: 11px; max-width: 310px; }
body.carbon-theme #profile-view.profile-desk .profile-empty button { min-width: 165px; min-height: 40px; padding: 9px 14px; margin-top: 12px; font-size: 11px; }
body.carbon-theme #profile-view.profile-desk .profile-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 6px; margin: 0; padding-top: 7px; flex: none; }
body.carbon-theme #profile-view.profile-desk .profile-pagination button,
body.carbon-theme #profile-view.profile-desk [data-history-retry] { min-width: 29px; height: 28px; padding: 3px 8px; border: 1px solid #ffffff24; border-radius: 5px; background: #ffffff03; color: #c5c9cc; cursor: pointer; }
body.carbon-theme #profile-view.profile-desk .profile-pagination button:disabled { opacity: .28; cursor: not-allowed; }
body.carbon-theme #profile-view.profile-desk .profile-pagination span { padding: 0 8px; color: #ffe014; font-size: 10px; font-variant-numeric: tabular-nums; }
body.carbon-theme #profile-view.profile-desk .profile-history { flex: 1; min-height: 0; overflow: auto; scrollbar-width: thin; }
body.carbon-theme #profile-view.profile-desk .profile-history .profile-empty { padding: 14px; height: 100%; min-height: 0; box-sizing: border-box; }
body.carbon-theme #profile-view.profile-desk .profile-history .profile-empty-copy { text-align: center; }
body.carbon-theme #profile-view.profile-desk .profile-event { min-height: 40px; padding: 7px 0; gap: 8px; }
body.carbon-theme #profile-view.profile-desk .profile-event-icon { font-size: 18px; }
body.carbon-theme #profile-view.profile-desk .profile-event strong { font-size: 11px; }
body.carbon-theme #profile-view.profile-desk .profile-event small { font-size: 9px; margin-top: 3px; }
body.carbon-theme #profile-view.profile-desk .profile-event-result { max-width: 55%; font-size: 10px; gap: 8px; }
body.carbon-theme #profile-view.profile-desk .profile-event-result img { width: 45px; height: 29px; }
body.carbon-theme #profile-view.profile-desk .profile-event-result span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.carbon-theme #profile-view.profile-desk .profile-history-status { display: flex; align-items: center; gap: 8px; flex: none; min-height: 0; font-size: 10px; color: #e5a48c; }
body.carbon-theme #profile-view.profile-desk .profile-settings { gap: 10px; min-height: 0; }
body.carbon-theme #profile-view.profile-desk .profile-settings :is(form,aside) { padding: 12px; background: #151719; border-radius: 7px; }
body.carbon-theme #profile-view.profile-desk .profile-settings :is(h2,h3) { font-size: 15px; margin: 0 0 10px; }
body.carbon-theme #profile-view.profile-desk .profile-settings label:not(.profile-streamer) { font-size: 10px; margin: 8px 0; }
body.carbon-theme #profile-view.profile-desk .profile-settings input:not([type=checkbox]) { padding: 8px; margin-top: 5px; font-size: 11px; }
body.carbon-theme #profile-view.profile-desk .profile-settings p { font-size: 9px; margin-block: 5px; }
body.carbon-theme #profile-view.profile-desk .profile-settings button { margin-top: 9px; padding: 7px 10px; font-size: 10px; }
body.carbon-theme #profile-view.profile-desk .profile-streamer { margin-top: 10px; font-size: 11px; }
.profile-rail { display: grid; grid-template-rows: minmax(105px,1fr) minmax(105px,1fr) minmax(140px,1.2fr) 14px; gap: 10px; min-height: 0; min-width: 0; }
body.carbon-theme #profile-view.profile-desk .profile-highlight {
  min-height: 0; padding: 12px; border-color: #ffffff19; background: #111315; box-shadow: none;
}
body.carbon-theme #profile-view.profile-desk .profile-highlight > div { max-width: 65%; }
body.carbon-theme #profile-view.profile-desk .profile-highlight small { color: #efefe9; font-size: 12px; font-weight: 700; }
body.carbon-theme #profile-view.profile-desk .profile-highlight h3 { font-size: 12px; line-height: 1.4; margin: 8px 0 3px; max-height: 38px; overflow: auto; scrollbar-width: thin; }
body.carbon-theme #profile-view.profile-desk .profile-highlight p { font-size: 10px; color: #929aa4; }
body.carbon-theme #profile-view.profile-desk .profile-highlight b { font-size: 12px; }
body.carbon-theme #profile-view.profile-desk .profile-highlight :is(button,a) { font-size: 10px; margin-top: 8px; }
body.carbon-theme #profile-view.profile-desk .profile-highlight > img { width: 42%; height: 60%; right: 3%; bottom: 8%; object-fit: contain; opacity: 1; }
body.carbon-theme #profile-view.profile-desk .profile-placeholder { font-size: 60px; right: 12px; color: #ffe01430; }
body.carbon-theme #profile-view.profile-desk .profile-withdrawals { display: flex; flex-direction: column; margin: 0; padding: 10px; min-height: 0; border: 1px solid #ffffff19; border-radius: 9px; }
body.carbon-theme #profile-view.profile-desk .profile-withdrawals-heading { gap: 7px; flex: none; }
body.carbon-theme #profile-view.profile-desk .profile-withdrawals h3 { font-size: 12px; letter-spacing: 0; }
body.carbon-theme #profile-view.profile-desk [data-withdraw-refresh] { min-height: 27px; padding: 4px 5px; gap: 4px; font-size: 9px; }
body.carbon-theme #profile-view.profile-desk [data-withdraw-refresh] svg { width: 14px; height: 14px; }
.profile-withdrawals-empty { display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; gap: 5px; text-align: center; }
body.carbon-theme #profile-view.profile-desk .profile-withdrawals-empty > svg { width: 27px; height: 27px; color: #717982; }
body.carbon-theme #profile-view.profile-desk .profile-withdrawals :is(p,article) { font-size: 10px; margin-block: 6px; }
body.carbon-theme #profile-view.profile-desk .profile-withdrawals article { flex: 1; min-height: 0; overflow: auto; padding: 5px 0; scrollbar-width: thin; }
body.carbon-theme #profile-view.profile-desk .profile-withdrawals article small { font-size: 9px; }
.profile-desk-legal { display: flex; align-items: center; justify-content: flex-end; gap: 10px; font-size: 8px; white-space: nowrap; }
.profile-desk-legal a { color: #818892; text-decoration: none; }
body.carbon-theme #profile-view.profile-desk [data-profile-armory] { position: relative; z-index: 2; grid-row: 4; min-height: 0; min-width: 0; overflow: hidden; border-radius: 0 0 8px 8px; background: #111315; box-shadow: 0 -10px 18px #0008; }
body.carbon-theme #profile-view.profile-desk .profile-armory { position: relative; margin: 0; padding: 6px 12px; height: 100%; box-sizing: border-box; border: 0; border-radius: 0; background: #111315; box-shadow: none; overflow: hidden; }
body.carbon-theme #profile-view.profile-desk .profile-armory-heading { flex-direction: row; align-items: center; margin: 0 0 5px; gap: 8px; }
body.carbon-theme #profile-view.profile-desk .profile-armory-heading :is(.collection-eyebrow,p) { display: none; }
body.carbon-theme #profile-view.profile-desk .profile-armory h2 { font-size: 16px; letter-spacing: -.3px; margin: 0; }
body.carbon-theme #profile-view.profile-desk .profile-armory [data-edit-armory] { min-height: 24px; padding: 4px 7px; background: #ffffff03; border-color: #ffffff21; color: #c1c5c9; font-size: 9px; gap: 5px; }
body.carbon-theme #profile-view.profile-desk .profile-armory-slots { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 7px; }
body.carbon-theme #profile-view.profile-desk .profile-armory-slot { height: 63px; min-height: 0; padding: 5px 7px; background: #ffffff02; border-color: #ffffff1e; border-bottom-color: #ffe01466; transform: none; }
body.carbon-theme #profile-view.profile-desk .profile-armory-slot:hover { background: #ffe01405; border-color: #ffe01477; transform: none; }
body.carbon-theme #profile-view.profile-desk .profile-armory-slot:before { display: none; }
body.carbon-theme #profile-view.profile-desk .armory-slot-number { left: 6px; top: 5px; font-size: 8px; color: #7d8791; }
body.carbon-theme #profile-view.profile-desk .armory-slot-wear { right: 5px; top: 4px; padding: 1px 3px; font-size: 7px; }
body.carbon-theme #profile-view.profile-desk .armory-slot-plus { margin: 0; width: 26px; height: 26px; border: 0; color: #7d8791; font-size: 25px; }
body.carbon-theme #profile-view.profile-desk .profile-armory-slot.is-empty :is(strong,small) { display: none; }
body.carbon-theme #profile-view.profile-desk .armory-slot-art { height: 29px; margin: 0 0 2px; }
body.carbon-theme #profile-view.profile-desk .armory-slot-art::after { display: none; }
body.carbon-theme #profile-view.profile-desk .armory-slot-art img { height: 29px; transform: none; }
body.carbon-theme #profile-view.profile-desk .armory-slot-name { min-height: 0; line-height: 1.2; }
body.carbon-theme #profile-view.profile-desk .armory-slot-name small { display: none; }
body.carbon-theme #profile-view.profile-desk .armory-slot-name strong { display: block; font-size: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.carbon-theme #profile-view.profile-desk .profile-armory-slot > b { font-size: 9px; margin: 2px 0 0; }
body.carbon-theme #profile-view.profile-desk .profile-armory > footer { margin-top: 4px; padding: 0; border: 0; font-size: 8px; color: #858d95; }
body.carbon-theme #profile-view.profile-desk .profile-armory > footer span:first-child { color: #858d95; }
body.carbon-theme #profile-view.profile-desk .profile-armory > footer span:last-child { display: none; }
@media (min-width: 1101px) and (min-height: 650px) {
  body.carbon-theme:has(#profile-view:not([hidden])) > main { display: flex; flex-direction: column; height: calc(100dvh - var(--sticky-header-height,76px)); min-height: 0; padding: 10px 20px 12px !important; box-sizing: border-box; }
  body.carbon-theme:has(#profile-view:not([hidden])) > main > .playback-toolbar--compact { flex: none; min-height: 32px; margin: 0 0 6px auto; }
  body.carbon-theme #profile-view.profile-desk { flex: 1; min-height: 0; }
  body.carbon-theme:has(#profile-view:not([hidden])) > footer { display: none; }
}
@media (max-width: 1250px) {
  body.carbon-theme #profile-view.profile-desk .profile-inventory-tools { flex-wrap: wrap; }
  body.carbon-theme #profile-view.profile-desk .profile-inventory-tools label { flex: 1 1 auto; }
  body.carbon-theme #profile-view.profile-desk [data-manage] span { display: none; }
  body.carbon-theme #profile-view.profile-desk .profile-wallet button { padding-inline: 8px; font-size: 10px; }
}
@media (min-width: 1101px) and (min-height: 650px) and (max-height: 800px) {
  body.carbon-theme #profile-view.profile-desk { grid-template-rows: 96px minmax(0,1fr); }
  body.carbon-theme #profile-view.profile-desk .profile-identity { padding: 8px 10px; }
  body.carbon-theme #profile-view.profile-desk .profile-avatar { width: 37px; height: 37px; }
  body.carbon-theme #profile-view.profile-desk .profile-person h2 { font-size: 14px; }
  body.carbon-theme #profile-view.profile-desk .profile-metric b { font-size: 24px; }
  .profile-workspace { grid-template-rows: 40px minmax(0,1fr) 18px 106px; }
  .profile-rail { grid-template-rows: minmax(80px,1fr) minmax(80px,1fr) minmax(112px,1.2fr) 14px; gap: 8px; }
  body.carbon-theme #profile-view.profile-desk .profile-armory { padding: 6px 12px; }
  body.carbon-theme #profile-view.profile-desk .profile-armory-slot { height: 49px; }
  body.carbon-theme #profile-view.profile-desk .armory-slot-art,
  body.carbon-theme #profile-view.profile-desk .armory-slot-art img { height: 21px; }
  body.carbon-theme #profile-view.profile-desk .profile-empty-art { height: 130px; }
  body.carbon-theme #profile-view.profile-desk .profile-empty h3 { font-size: 19px; }
}
@media (max-width: 1100px) {
  body.carbon-theme #profile-view.profile-desk { display: block; }
  .profile-desk-top { margin-bottom: 12px; min-height: 112px; }
  .profile-desk-body { grid-template-columns: minmax(0,1fr); }
  .profile-workspace { grid-template-rows: 40px minmax(300px,auto) 24px 134px; }
  .profile-rail { grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: minmax(160px,auto) 18px; }
  .profile-desk-legal { grid-column: 1/-1; }
  body.carbon-theme #profile-view.profile-desk .profile-items { grid-template-columns: repeat(4,minmax(0,1fr)); }
  body.carbon-theme #profile-view.profile-desk .profile-armory { padding: 10px 12px; }
  body.carbon-theme #profile-view.profile-desk .profile-armory-heading { margin-bottom: 7px; }
  body.carbon-theme #profile-view.profile-desk .profile-armory-slot { height: 71px; }
}
@media (min-width: 1101px) and (max-height: 649px) {
  body.carbon-theme #profile-view.profile-desk { display: block; }
  .profile-desk-top { margin-bottom: 12px; min-height: 112px; }
  .profile-desk-body { grid-template-columns: minmax(0,1fr); }
  .profile-workspace { grid-template-rows: 40px minmax(300px,auto) 24px 134px; }
  .profile-rail { grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: minmax(160px,auto) 18px; }
  .profile-desk-legal { grid-column: 1/-1; }
}
@media (max-width: 800px) {
  body.carbon-theme #profile-view.profile-desk .profile-items { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .profile-desk-top { grid-template-columns: minmax(0,1fr); }
  body.carbon-theme #profile-view.profile-desk .profile-identity { min-height: 115px; }
  body.carbon-theme #profile-view.profile-desk .profile-metrics { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; padding: 10px 0; min-height: 84px; }
  body.carbon-theme #profile-view.profile-desk .profile-metric { border-right: 1px solid #ffffff17; }
  body.carbon-theme #profile-view.profile-desk .profile-metric:last-child { border: 0; }
  body.carbon-theme #profile-view.profile-desk .profile-metric b { font-size: 22px; }
  body.carbon-theme #profile-view.profile-desk .profile-items { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.carbon-theme #profile-view.profile-desk .profile-inventory-tools [data-manage] { flex: 0; }
  body.carbon-theme #profile-view.profile-desk .profile-inventory-tools label { flex: 1; }
  body.carbon-theme #profile-view.profile-desk .profile-inventory-tools :is([data-sell-all],[data-sell-selected]) { flex: 1 1 100px; }
  body.carbon-theme #profile-view.profile-desk .profile-inventory-tools select { max-width: 115px; }
  body.carbon-theme #profile-view.profile-desk .profile-empty-inventory { grid-template-columns: minmax(0,1fr); padding-block: 15px; }
  body.carbon-theme #profile-view.profile-desk .profile-empty-art { height: 118px; width: 220px; }
  body.carbon-theme #profile-view.profile-desk .profile-empty-copy { text-align: center; }
  body.carbon-theme #profile-view.profile-desk .profile-empty p { margin-inline: auto; }
  body.carbon-theme #profile-view.profile-desk .profile-armory-slot { height: 66px; padding-inline: 4px; }
  body.carbon-theme #profile-view.profile-desk .profile-armory-slots { gap: 4px; }
  body.carbon-theme #profile-view.profile-desk .profile-armory h2 { font-size: 14px; }
  .profile-rail { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: 160px 165px 18px; }
  body.carbon-theme #profile-view.profile-desk .profile-withdrawals { grid-column: 1/-1; }
  body.carbon-theme #profile-view.profile-desk .profile-event-result { width: auto; margin-left: auto; }
  body.carbon-theme #profile-view.profile-desk .profile-settings { grid-template-columns: minmax(0,1fr); }
}

/* source: inventory-graphite.css */
/* Approved standalone inventory concept 01: graphite, soft floor light, yellow actions. */
body.carbon-theme #inventory-view.inventory-graphite {
  width: auto; max-width: none; margin: 0 clamp(16px,3vw,52px) 26px; padding: 6px 0 0;
  border: 0; border-radius: 0; background: none; box-shadow: none;
}
body.carbon-theme #inventory-view.inventory-graphite .inventory-armory-toolbar {
  grid-template-columns: minmax(0,1fr); gap: 18px; padding: 0; border: 0;
}
body.carbon-theme #inventory-view.inventory-graphite .section-heading { margin: 0; }
body.carbon-theme #inventory-view.inventory-graphite .section-heading .eyebrow {
  display: block; color: #ffe014; font-size: 9px; letter-spacing: 2px; margin-bottom: 6px;
}
body.carbon-theme #inventory-view.inventory-graphite h1 {
  margin: 0 0 8px; color: #f3f3ef; font: 800 clamp(26px,2.6vw,36px)/1.15 var(--font-ui); letter-spacing: -.9px;
}
body.carbon-theme #inventory-view.inventory-graphite #inventory-summary { color: #969ca5; font-size: 11px; }
body.carbon-theme #inventory-view.inventory-graphite .inventory-tools {
  grid-template-columns: minmax(200px,1.7fr) minmax(150px,1.1fr) minmax(160px,1.1fr) auto auto;
  gap: 10px; background: transparent; border: 0;
}
body.carbon-theme #inventory-view.inventory-graphite .inventory-tools :is(input,select,button) {
  grid-column: auto; min-width: 0; width: 100%; height: 45px; min-height: 45px;
  padding-inline: 13px; color: #c4c8cd; background-color: #181b1e;
  border: 1px solid #ffffff1c; border-radius: 7px; box-shadow: none; font-size: 11px;
}
body.carbon-theme #inventory-view.inventory-graphite .inventory-tools input::placeholder { color: #858e98; }
body.carbon-theme #inventory-view.inventory-graphite #inventory-search {
  padding-left: 37px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23858e98' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: 12px center;
}
body.carbon-theme #inventory-view.inventory-graphite .inventory-tools #inventory-select-mode {
  border-color: #ffe01499; background: #ffe01403; color: #ffe014; font-size: 10px; padding-inline: 16px;
}
body.carbon-theme #inventory-view.inventory-graphite .inventory-tools #inventory-select-mode[aria-pressed=true] { background: #ffe014; color: #1a1c10; border-color: #ffe014; }
body.carbon-theme #inventory-view.inventory-graphite .inventory-tools #sell-all { background: #ffe014; border-color: #ffe014; color: #1a1c10; font-size: 10px; padding-inline: 20px; }
body.carbon-theme #inventory-view.inventory-graphite .inventory-tools #sell-all:disabled { background: #181b1e; border-color: #ffffff24; color: #a0a6ae; }
body.carbon-theme #inventory-view.inventory-graphite .inventory-filter-extras {
  margin: 12px 0 0; padding: 0 0 12px; border-bottom: 1px solid #ffffff17;
  min-height: 35px; color: #9da5ad; font-size: 11px;
}
body.carbon-theme #inventory-view.inventory-graphite .inventory-filter-extras input { width: 15px; height: 15px; accent-color: #ffe014; }
body.carbon-theme #inventory-view.inventory-graphite #inventory-select-page { color: #aab0b7; font-size: 10px; }
body.carbon-theme #inventory-view.inventory-graphite #inventory-grid { margin-top: 16px; grid-template-columns: repeat(5,minmax(0,1fr)); grid-auto-flow: row; justify-content: start; justify-items: stretch; align-content: start; gap: 12px; }
body.carbon-theme #inventory-view.inventory-graphite #inventory-grid > .empty {
  position: relative; isolation: isolate; grid-column: 1/-1; min-height: 290px; padding: 25px;
  margin: 0; border: 0; border-radius: 0; background: none; color: #969fa8;
}
body.carbon-theme #inventory-view.inventory-graphite #inventory-grid > .inventory-empty-scene {
  display: grid; grid-template-columns: minmax(220px,.8fr) minmax(0,1fr); align-items: center;
  gap: 32px; min-height: clamp(290px,37vh,390px); padding-inline: clamp(22px,7vw,130px); text-align: left;
}
body.carbon-theme #inventory-view.inventory-graphite .inventory-empty-scene::before {
  content: ''; position: absolute; z-index: -1; inset: 0; pointer-events: none;
  background: url('/images/inventory-graphite/floor-v1.webp') center bottom/100% auto no-repeat;
  mask-image: linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 25%,#000 82%,transparent);
  mask-composite: intersect;
}
body.carbon-theme #inventory-view.inventory-graphite .inventory-empty-case {
  display: block; width: 100%; max-width: 420px; height: clamp(190px,28vh,285px);
  object-fit: contain; margin: auto; pointer-events: none;
}
body.carbon-theme #inventory-view.inventory-graphite .inventory-empty-copy { max-width: 560px; }
body.carbon-theme #inventory-view.inventory-graphite .empty h2 {
  margin: 0 0 11px; color: #f3f3ef; font: 800 clamp(20px,2vw,28px)/1.25 var(--font-ui); letter-spacing: -.6px;
}
body.carbon-theme #inventory-view.inventory-graphite .empty p { color: #969fa8; font: 12px/1.7 var(--font-ui); margin: 0; }
body.carbon-theme #inventory-view.inventory-graphite .empty .primary {
  display: inline-flex; gap: 22px; min-width: 185px; min-height: 46px; padding: 12px 20px;
  margin-top: 22px; background: #ffe014; border: 1px solid #ffe014; color: #191b0e;
  border-radius: 7px; font: 750 12px/1.4 var(--font-ui); box-shadow: 0 5px 25px #ffe0140d;
}
body.carbon-theme #inventory-view.inventory-graphite .empty .primary svg { width: 17px; height: 17px; flex: none; }
body.carbon-theme #inventory-view.inventory-graphite .empty .primary:hover { background: #ffeb59; border-color: #ffeb59; }
body.carbon-theme #inventory-view.inventory-graphite #inventory-grid > .inventory-empty-filter { display: flex; gap: 4px; min-height: 210px; text-align: center; }
body.carbon-theme #inventory-view.inventory-graphite .inventory-tile {
  background: linear-gradient(150deg,#1c1f22,#141719 85%); border: 1px solid #ffffff19;
  border-bottom: 2px solid color-mix(in srgb,var(--tone) 65%,#33383c); border-radius: 8px; box-shadow: none;
}
body.carbon-theme #inventory-view.inventory-graphite .inventory-tile::after { display: none; }
body.carbon-theme #inventory-view.inventory-graphite .inventory-tile:hover { border-color: #8b929a66; border-bottom-color: var(--tone); box-shadow: 0 6px 20px #0003; }
body.carbon-theme #inventory-view.inventory-graphite .inventory-tile.is-selected,
body.carbon-theme #inventory-view.inventory-graphite #inventory-grid.inventory-selecting .inventory-tile.is-selected { border-color: #ffe014; background: linear-gradient(150deg,#25271b,#171a18 85%); box-shadow: inset 0 0 0 1px #ffe01435; }
body.carbon-theme #inventory-view.inventory-graphite #inventory-grid .item { min-height: 218px; color: #e9ebeb; }
body.carbon-theme #inventory-view.inventory-graphite .inventory-art { height: 132px; }
body.carbon-theme #inventory-view.inventory-graphite .inventory-art::before { background: radial-gradient(ellipse,color-mix(in srgb,var(--tone) 22%,transparent),transparent 70%); }
body.carbon-theme #inventory-view.inventory-graphite .inventory-art::after { display: none; }
body.carbon-theme #inventory-view.inventory-graphite #inventory-grid .item img { height: 103px; object-fit: contain; }
body.carbon-theme #inventory-view.inventory-graphite #inventory-grid .item small { color: #929ca7; }
body.carbon-theme #inventory-view.inventory-graphite #inventory-grid .item h3 { color: #e9ebeb; }
body.carbon-theme #inventory-view.inventory-graphite .inventory-pick,
body.carbon-theme #inventory-view.inventory-graphite #inventory-grid.inventory-selecting .inventory-pick { border-color: #7c858e; background: #15191de6; }
body.carbon-theme #inventory-view.inventory-graphite .inventory-pick[aria-pressed=true],
body.carbon-theme #inventory-view.inventory-graphite #inventory-grid.inventory-selecting .inventory-pick[aria-pressed=true] { background: #ffe014; color: #191b0e; border-color: #ffe014; }
body.carbon-theme #inventory-view.inventory-graphite .inventory-star { color: #8e979f; }
body.carbon-theme #inventory-view.inventory-graphite .inventory-star[aria-pressed=true] { color: #ffe014; }
body.carbon-theme #inventory-view.inventory-graphite .inventory-wear-badge { background: #202427; border-color: #69717a66; color: #b4bec7; }
body.carbon-theme #inventory-view.inventory-graphite .inventory-tile .inventory-info { background: #1d2225; border-color: #7c858e55; color: #c6cdd2; }
body.carbon-theme #inventory-view.inventory-graphite .inventory-pagination {
  margin: 16px 0 0; padding: 16px 0 0; gap: 12px; border-top: 1px solid #ffffff17; color: #ffe014; font-size: 11px;
}
body.carbon-theme #inventory-view.inventory-graphite .inventory-pagination button { width: 34px; height: 34px; border: 1px solid #ffffff26; background: #171b1e; color: #c2c9ce; border-radius: 6px; }
body.carbon-theme #inventory-view.inventory-graphite #inventory-page { display: grid; place-items: center; min-width: 50px; min-height: 34px; border: 1px solid #ffe01488; border-radius: 6px; }
body.carbon-theme #inventory-view.inventory-graphite .inventory-selection { border: 1px solid #ffe01477; border-top-width: 1px; background: #171b1ef5; border-radius: 8px; color: #c6cdd2; }
body.carbon-theme #inventory-view.inventory-graphite .inventory-selection button { background: #21262b; border-color: #ffffff26; color: #c6cdd2; }
body.carbon-theme #inventory-view.inventory-graphite .inventory-selection #inventory-clear { border-color: #ffffff26; background: #21262b; color: #c6cdd2; }
body.carbon-theme .inventory-confirm.inventory-graphite-confirm { background: radial-gradient(ellipse at 80% 0,#ffe01408,transparent 65%),#171b1e; border-color: #ffe01466; }
body.carbon-theme .inventory-confirm.inventory-graphite-confirm h2 { color: #f3f3ef; }
body.carbon-theme .inventory-confirm.inventory-graphite-confirm p { color: #abb4bc; }
body.carbon-theme .inventory-confirm.inventory-graphite-confirm [data-cancel] { background: #232a2e; border-color: #ffffff26; color: #d0d5d9; }
@media (max-width: 1100px) {
  body.carbon-theme #inventory-view.inventory-graphite .inventory-tools { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  body.carbon-theme #inventory-view.inventory-graphite .inventory-tools #inventory-search { grid-column: 1/-1; }
  body.carbon-theme #inventory-view.inventory-graphite #inventory-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  body.carbon-theme #inventory-view.inventory-graphite #inventory-grid > .inventory-empty-scene { padding-inline: 16px; gap: 18px; }
}
@media (max-width: 800px) {
  body.carbon-theme #inventory-view.inventory-graphite #inventory-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  body.carbon-theme #inventory-view.inventory-graphite #inventory-grid > .inventory-empty-scene { grid-template-columns: minmax(150px,.8fr) minmax(0,1fr); }
}
@media (max-width: 540px) {
  body.carbon-theme #inventory-view.inventory-graphite { margin-inline: 12px; padding: 0; }
  body.carbon-theme #inventory-view.inventory-graphite .inventory-tools { gap: 8px; }
  body.carbon-theme #inventory-view.inventory-graphite .inventory-tools :is(input,select,button) { font-size: 10px; padding-inline: 10px; }
  body.carbon-theme #inventory-view.inventory-graphite #inventory-search { padding-left: 37px; }
  body.carbon-theme #inventory-view.inventory-graphite #inventory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  body.carbon-theme #inventory-view.inventory-graphite #inventory-grid > .inventory-empty-scene { grid-template-columns: minmax(0,1fr); gap: 8px; padding: 12px 0 20px; text-align: center; }
  body.carbon-theme #inventory-view.inventory-graphite .inventory-empty-case { width: 275px; height: 190px; }
  body.carbon-theme #inventory-view.inventory-graphite .empty h2 { font-size: 21px; }
  body.carbon-theme #inventory-view.inventory-graphite .empty p { font-size: 11px; }
  body.carbon-theme #inventory-view.inventory-graphite .empty .primary { margin-top: 15px; }
  body.carbon-theme #inventory-view.inventory-graphite .inventory-filter-extras { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  body.carbon-theme #inventory-view.inventory-graphite .inventory-tile,
  body.carbon-theme #inventory-view.inventory-graphite #inventory-grid .item img { transition: none; }
}

/* source: upgrade-precision.css */
/* Approved focused upgrade UI: real items, real probability, native controls. */
body.carbon-theme #upgrade-view.upgrade-precision[hidden] { display: none !important; }
body.carbon-theme #upgrade-view.upgrade-precision { --precision-dial: 230px; display: grid; gap: 12px; width: auto; max-width: none; min-width: 0; margin: 0 clamp(16px,3vw,42px) 24px; padding: 0; }
body.carbon-theme #upgrade-view.upgrade-precision .feature-title { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 30px; padding: 0; margin: 0; background: none; border: 0; box-shadow: none; }
body.carbon-theme #upgrade-view.upgrade-precision .feature-title h1 { margin: 0; font: 800 25px/1.2 var(--font-ui); color: #f0f2ef; text-transform: none; }
.precision-steps { display: flex; gap: 18px; align-items: center; list-style: none; margin: 0; padding: 0; color: #7e8993; font-size: 10px; }
.precision-steps li { display: flex; align-items: center; gap: 6px; }
.precision-steps b { display: grid; place-items: center; width: 22px; height: 22px; border: 1px solid #ffffff20; border-radius: 50%; font-size: 10px; }
.precision-steps [aria-current=step] { color: #cbd0d2; }
.precision-steps [aria-current=step] b { background: #ffe014; color: #1a1d10; border-color: #ffe014; }
body.carbon-theme #upgrade-view.upgrade-precision .upgrade-arena { position: relative; display: grid; grid-template-columns: minmax(0,1fr) 260px minmax(0,1fr); align-items: stretch; gap: 22px; width: 100%; max-width: none; box-sizing: border-box; margin: 0; padding: 0; min-height: 295px; background: none; }
body.carbon-theme #upgrade-view.upgrade-precision .upgrade-shaped-panels { display: none; }
body.carbon-theme #upgrade-view.upgrade-precision .upgrade-pedestal,
body.carbon-theme #upgrade-view.upgrade-precision #upgrade-source-preview:has(.source-display),
body.carbon-theme #upgrade-view.upgrade-precision #upgrade-target-preview:has(.preview-stack) { position: relative; width: 100%; height: 280px; min-height: 280px; padding: 40px 14px 12px; border: 1px solid #ffffff1d; border-radius: 8px; background: radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--display-tone,#ffe014) 5%,transparent),transparent 75%),#171a1e; box-shadow: none; gap: 6px; overflow: hidden; }
body.carbon-theme #upgrade-view.upgrade-precision .upgrade-pedestal::before,
body.carbon-theme #upgrade-view.upgrade-precision .upgrade-pedestal::after { display: none; }
body.carbon-theme #upgrade-view.upgrade-precision .selection-meta { position: absolute; left: 12px; right: 12px; top: 9px; display: flex; align-items: center; justify-content: space-between; padding: 0; margin: 0; min-height: 22px; font-size: 10px; color: #c8ced1; border: 0; background: none; }
body.carbon-theme #upgrade-view.upgrade-precision .selection-meta b { font-size: 10px; color: #a2abb3; margin-left: 5px; }
body.carbon-theme #upgrade-view.upgrade-precision .selection-meta button { padding: 4px 6px; font-size: 9px; background: #ffffff03; border: 1px solid #ffffff15; border-radius: 4px; color: #9ca6af; }
body.carbon-theme #upgrade-view.upgrade-precision .source-display { width: 100%; flex: 1; min-height: 0; gap: 5px; }
body.carbon-theme #upgrade-view.upgrade-precision .source-tile { border-color: #ffffff12; background: #ffffff02; color: #cbd2d8; padding: 4px; }
body.carbon-theme #upgrade-view.upgrade-precision .source-display.single .source-tile { border: 0; background: none; padding: 0; }
body.carbon-theme #upgrade-view.upgrade-precision .source-tile-info { font-size: 9px; }
body.carbon-theme #upgrade-view.upgrade-precision .source-display.single .source-tile-info { font-size: 12px; padding: 5px 0 0; }
body.carbon-theme #upgrade-view.upgrade-precision .source-display.single .source-tile-info b { font-size: 14px; color: #ffe014; }
body.carbon-theme #upgrade-view.upgrade-precision .source-remove { opacity: .7; color: #c1c9d0; border-radius: 50%; background: #242a2e; width: 20px; height: 20px; line-height: 18px; font-size: 15px; }
body.carbon-theme #upgrade-view.upgrade-precision .upgrade-pedestal .source-display.single img { width: 100%; height: 176px; max-height: 176px; object-fit: contain; animation: none !important; }
body.carbon-theme #upgrade-view.upgrade-precision .upgrade-pedestal .source-display.multiple img { height: calc(100% - 20px); max-height: 80px; object-fit: contain; animation: none !important; }
body.carbon-theme #upgrade-view.upgrade-precision .upgrade-pedestal .preview-stack { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 0; height: 155px; }
body.carbon-theme #upgrade-view.upgrade-precision .preview-stack img:only-child,
body.carbon-theme #upgrade-view.upgrade-precision .upgrade-pedestal > img { position: static; width: 100%; height: 155px; max-height: 155px; object-fit: contain; transform: none; animation: none !important; }
body.carbon-theme #upgrade-view.upgrade-precision .upgrade-pedestal > b { align-self: flex-start; max-width: 100%; color: #edf0ed; font-size: 12px; line-height: 1.4; }
body.carbon-theme #upgrade-view.upgrade-precision .upgrade-pedestal > small { color: #ffe014; font-size: 16px; align-self: flex-start; }
body.carbon-theme #upgrade-view.upgrade-precision .multi-label { color: #88959e; font-size: 9px; align-self: flex-start; }
body.carbon-theme #upgrade-view.upgrade-precision .pedestal-placeholder { display: grid; place-items: center; flex: none; width: 44px; height: 44px; font-size: 30px; color: #64717b; background: none; border: 0; border-radius: 0; filter: none; }
body.carbon-theme #upgrade-view.upgrade-precision .pedestal-placeholder::before,
body.carbon-theme #upgrade-view.upgrade-precision .pedestal-placeholder::after { display: none; }
body.carbon-theme #upgrade-view.upgrade-precision .upgrade-pedestal > p { padding: 0; border: 0; background: none; color: #94a0a8; font-size: 11px; }
body.carbon-theme #upgrade-view.upgrade-precision .source-total { font-size: 9px; color: #97a4af; }
body.carbon-theme #upgrade-view.upgrade-precision .source-total b { color: #ffe014; font-size: 11px; }
body.carbon-theme #upgrade-view.upgrade-precision .balance-addon { color: #ffe014; font-size: 10px; background: none; border-color: #ffffff15; }
body.carbon-theme #upgrade-view.upgrade-precision .balance-preview { color: #ffe014; }
body.carbon-theme #upgrade-view.upgrade-precision .balance-preview strong { font-size: 25px; }
body.carbon-theme #upgrade-view.upgrade-precision .dial-column { position: relative; display: flex; flex-direction: column; align-items: center; align-self: stretch; justify-content: flex-start; gap: 8px; padding: 5px 0 0; margin: 0; width: 100%; max-width: none; height: auto; min-height: 0; }
body.carbon-theme #upgrade-view.upgrade-precision #upgrade-dial { position: relative; box-sizing: border-box; width: var(--precision-dial); height: var(--precision-dial); min-width: var(--precision-dial); min-height: var(--precision-dial); max-width: var(--precision-dial); max-height: var(--precision-dial); aspect-ratio: 1; flex: 0 0 var(--precision-dial); border-radius: 50%; margin: 0; background: conic-gradient(from var(--chance-start,0deg),#ffe014 0deg,#ffe014 var(--chance),#2c3238 var(--chance),#2c3238 360deg); border: 1px solid #444b5266; box-shadow: none; }
body.carbon-theme #upgrade-view.upgrade-precision #upgrade-dial::before,
body.carbon-theme #upgrade-view.upgrade-precision #upgrade-dial::after,
body.carbon-theme #upgrade-view.upgrade-precision .dial-core::before,
body.carbon-theme #upgrade-view.upgrade-precision .dial-core::after { display: none; content: none; }
body.carbon-theme #upgrade-view.upgrade-precision .dial-core { position: absolute; inset: 15px; width: auto; height: auto; min-width: 0; min-height: 0; border-radius: 50%; transform: none; border: 6px solid #101417; background: #171b20; box-shadow: none; gap: 7px; }
body.carbon-theme #upgrade-view.upgrade-precision .dial-core .double-chevron { display: none; }
body.carbon-theme #upgrade-view.upgrade-precision .dial-core strong { order: 0; color: #f4f4ef; font: 800 38px/1.1 var(--font-ui); letter-spacing: -1px; text-shadow: none; }
body.carbon-theme #upgrade-view.upgrade-precision .precision-chance-label { order: 1; margin: 0; font-size: 11px; color: #9aa5af; letter-spacing: 0; }
body.carbon-theme #upgrade-view.upgrade-precision #dial-label { order: 2; margin: 0; min-height: 10px; max-width: 135px; color: #ffe014; font-size: 8px; letter-spacing: .4px; }
body.carbon-theme #upgrade-view.upgrade-precision .dial-scale { transform: rotate(var(--chance-start,0deg)); }
body.carbon-theme #upgrade-view.upgrade-precision .scale-tick { background: #69737c66; transform: rotate(var(--mark)) translateY(calc(var(--precision-dial)/-2 - 10px)); height: 5px; }
body.carbon-theme #upgrade-view.upgrade-precision .scale-tick.major { background: #a1aab177; height: 8px; }
body.carbon-theme #upgrade-view.upgrade-precision .scale-mark { display: none; }
body.carbon-theme #upgrade-view.upgrade-precision .dial-pointer { inset: -6px; z-index: 4; }
body.carbon-theme #upgrade-view.upgrade-precision .dial-pointer span { top: -7px; color: #ffe014; font-size: 22px; text-shadow: 0 2px 7px #0008; }
body.carbon-theme #upgrade-view.upgrade-precision #do-upgrade { position: static; inset: auto; transform: none; width: 100%; min-height: 40px; margin: 2px 0 0; padding: 8px 14px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid #ffe014; border-radius: 6px; background: #ffe014; color: #1a1d10; box-shadow: none; font: 750 13px/1.4 var(--font-ui); }
body.carbon-theme #upgrade-view.upgrade-precision #do-upgrade svg { width: 18px; height: 18px; }
body.carbon-theme #upgrade-view.upgrade-precision #do-upgrade:hover:enabled { transform: none; background: #ffe954; box-shadow: 0 5px 20px #ffe01413; }
body.carbon-theme #upgrade-view.upgrade-precision #do-upgrade:disabled { opacity: .35; cursor: not-allowed; }
.precision-risk { margin: 0; color: #818e98; font-size: 8px; line-height: 1.4; text-align: center; }
body.carbon-theme #upgrade-view.upgrade-precision #upgrade-skip { position: absolute; bottom: -5px; z-index: 7; min-height: 25px; padding: 4px 8px; border: 1px solid #ffffff28; background: #1e252a; color: #d8dfe2; border-radius: 5px; font-size: 10px; }
body.carbon-theme #upgrade-view.upgrade-precision #upgrade-skip[hidden] { display: none !important; }
.precision-finance { min-width: 0; }
body.carbon-theme #upgrade-view.upgrade-precision .upgrade-funds { display: flex; align-items: center; gap: 16px; width: 100%; box-sizing: border-box; min-height: 38px; margin: 0; padding: 6px 12px; border: 1px solid #ffffff18; border-radius: 6px; background: #171c20; }
body.carbon-theme #upgrade-view.upgrade-precision .upgrade-funds > label { display: flex; gap: 9px; align-items: center; color: #d0d7db; white-space: nowrap; font-size: 10px; }
body.carbon-theme #upgrade-view.upgrade-precision #upgrade-balance-available { color: #7d8d99; font-size: 8px; }
body.carbon-theme #upgrade-view.upgrade-precision .upgrade-funds-controls { display: flex; align-items: center; gap: 10px; flex: 1; }
body.carbon-theme #upgrade-view.upgrade-precision #upgrade-balance-range { flex: 1; min-width: 60px; height: 4px; accent-color: #ffe014; margin: 0; }
body.carbon-theme #upgrade-view.upgrade-precision .upgrade-amount { padding: 4px 8px; background: #101619; color: #ffe014; border: 1px solid #ffffff20; border-radius: 4px; font-size: 11px; }
body.carbon-theme #upgrade-view.upgrade-precision #upgrade-balance { width: 80px; color: #d8dfe2; border: 0; background: none; font-size: 11px; }
body.carbon-theme #upgrade-view.upgrade-precision #upgrade-balance-max { min-height: 25px; padding: 4px 9px; background: #252d33; border: 1px solid #ffffff1a; color: #c8d1d8; border-radius: 4px; font-size: 10px; }
body.carbon-theme #upgrade-view.upgrade-precision #upgrade-minimum { margin: 5px 0 0; text-align: left; font-size: 9px; line-height: 1.4; color: #8c9ba6; }
body.carbon-theme #upgrade-view.upgrade-precision .dual-pickers { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; width: 100%; box-sizing: border-box; align-items: stretch; min-height: 0; margin: 0; padding: 0; }
body.carbon-theme #upgrade-view.upgrade-precision .skin-panel { min-height: 0; min-width: 0; display: flex; flex-direction: column; border: 1px solid #ffffff18; border-radius: 8px; background: #171c20; box-shadow: none; overflow: hidden; }
body.carbon-theme #upgrade-view.upgrade-precision .skin-panel-heading { display: flex; align-items: center; justify-content: space-between; min-height: 29px; padding: 8px 10px 3px; background: none; border: 0; gap: 5px; }
body.carbon-theme #upgrade-view.upgrade-precision .skin-panel-heading h2 { margin: 0; font: 700 12px/1.3 var(--font-ui); color: #e8edeb; }
body.carbon-theme #upgrade-view.upgrade-precision .skin-panel-heading h2::before { display: none; }
body.carbon-theme #upgrade-view.upgrade-precision .quick-targets { gap: 3px; flex-wrap: wrap; }
body.carbon-theme #upgrade-view.upgrade-precision .quick-targets button { min-height: 21px; padding: 3px 4px; background: #ffe01405; border: 1px solid #ffffff16; color: #b4bec5; font-size: 8px; border-radius: 4px; }
body.carbon-theme #upgrade-view.upgrade-precision .skin-tools { display: grid; grid-template-columns: minmax(100px,1fr) minmax(80px,.5fr) minmax(110px,.65fr); gap: 6px; padding: 5px 10px; background: none; border: 0; }
body.carbon-theme #upgrade-view.upgrade-precision .skin-tools :is(input,select) { min-width: 0; width: 100%; min-height: 29px; margin: 0; padding: 5px 7px; border: 1px solid #ffffff1a; background: #11171b; border-radius: 4px; color: #bdc8cf; font-size: 9px; }
.precision-price-range { grid-column: 1/-1; display: flex; align-items: center; gap: 8px; color: #8798a4; font-size: 8px; }
.precision-price-range label { display: flex; align-items: center; gap: 5px; }
body.carbon-theme #upgrade-view.upgrade-precision .precision-price-range input { min-height: 23px; width: 72px; padding: 3px 5px; font-size: 9px; }
.precision-price-range > span { color: #ffe014; }
.precision-price-range > button { margin-left: auto; padding: 3px 0; border: 0; background: none; color: #8396a3; font-size: 8px; }
body.carbon-theme #upgrade-view.upgrade-precision .skin-panel :is(#upgrade-inputs,#upgrade-targets) { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: repeat(2,minmax(160px,1fr)); grid-auto-rows: minmax(160px,1fr); align-content: stretch; gap: 10px; min-height: 344px; padding: 7px 10px; flex: 1; }
body.carbon-theme #upgrade-view.upgrade-precision :is(#upgrade-inputs,#upgrade-targets) .choice { display: block; position: relative; min-width: 0; border: 1px solid #ffffff1b; border-radius: 5px; background: linear-gradient(150deg,color-mix(in srgb,var(--tone) 4%,#191e23),#141a1e); box-shadow: none; overflow: hidden; }
body.carbon-theme #upgrade-view.upgrade-precision :is(#upgrade-inputs,#upgrade-targets) .choice.selected { border-color: #ffe014; box-shadow: inset 0 0 0 1px #ffe01433; background: #23261b; }
body.carbon-theme #upgrade-view.upgrade-precision :is(#upgrade-inputs,#upgrade-targets) .choice > .item { display: flex; flex-direction: column; align-items: flex-start; height: 100%; min-height: 0; width: 100%; padding: 5px 7px; border: 0; background: none; grid-template-rows: none; color: #d7dee2; }
body.carbon-theme #upgrade-view.upgrade-precision :is(#upgrade-inputs,#upgrade-targets) .choice .item img { display: block; align-self: center; width: 100%; height: 47px; min-height: 0; max-height: 65px; margin: 0; object-fit: contain; filter: drop-shadow(0 4px 4px #0006); transform: none; }
body.carbon-theme #upgrade-view.upgrade-precision :is(#upgrade-inputs,#upgrade-targets) .choice .item small { font-size: 8px; line-height: 1.2; color: #94a3ae; text-align: left; }
body.carbon-theme #upgrade-view.upgrade-precision :is(#upgrade-inputs,#upgrade-targets) .choice .item h3 { font: 600 9px/1.25 var(--font-ui); min-height: 0; margin: 2px 0; color: #cbd4da; text-align: left; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
body.carbon-theme #upgrade-view.upgrade-precision :is(#upgrade-inputs,#upgrade-targets) .choice .item p { position: static; padding: 0; margin: auto 0 0; background: none; color: #ffe014; font: 700 10px/1.3 var(--font-ui); }
body.carbon-theme #upgrade-view.upgrade-precision :is(#upgrade-inputs,#upgrade-targets) .choice-label { position: absolute; right: 4px; top: 4px; left: auto; display: grid; place-items: center; width: 15px; height: 15px; min-height: 0; padding: 0; border: 1px solid #ffffff30; border-radius: 3px; background: #151c21c9; color: transparent; font-size: 0; }
body.carbon-theme #upgrade-view.upgrade-precision :is(#upgrade-inputs,#upgrade-targets) .choice.selected .choice-label { border-color: #ffe014; background: #ffe014; color: #1a1d10; }
body.carbon-theme #upgrade-view.upgrade-precision :is(#upgrade-inputs,#upgrade-targets) .choice.selected .choice-label::after { content: '✓'; font-size: 10px; }
body.carbon-theme #upgrade-view.upgrade-precision .skin-panel .choice-grid > .empty { grid-column: 1/-1; grid-row: 1/-1; margin: 0; min-height: 180px; display: grid; place-content: center; padding: 15px; border: 0; background: none; text-align: center; font-size: 11px; color: #899da9; }
body.carbon-theme #upgrade-view.upgrade-precision .skin-pagination { margin-top: auto; min-height: 28px; padding: 4px 10px 8px; background: none; border: 0; font-size: 8px; color: #8ea2af; }
body.carbon-theme #upgrade-view.upgrade-precision .skin-pagination button { min-width: 24px; min-height: 23px; padding: 2px 6px; border: 1px solid #ffffff20; border-radius: 4px; background: #202b32; color: #b7c6d0; font-size: 11px; }
body.carbon-theme #upgrade-view.upgrade-precision :is(button,input,select):focus-visible { outline: 2px solid #ffe014; outline-offset: 2px; }
body.carbon-theme #upgrade-view.upgrade-precision .upgrade-won { outline: 1px solid #a4b95f; }
body.carbon-theme #upgrade-view.upgrade-precision .upgrade-lost { outline: 1px solid #8e6d66; }
.upgrade-precision-legal { display: none; }
/* Larger pickers with a consistent CS rarity palette in both inventories. */
body.carbon-theme #upgrade-view.upgrade-precision .skin-panel:has(:is(#upgrade-inputs,#upgrade-targets)) { min-height: 0; min-width: 0; border-color: #ffffff24; border-radius: 10px; background: #191e24; }
body.carbon-theme #upgrade-view.upgrade-precision .skin-panel-heading { min-height: 35px; padding: 10px 12px 5px; }
body.carbon-theme #upgrade-view.upgrade-precision .skin-panel-heading h2 { font-size: 14px; }
body.carbon-theme #upgrade-view.upgrade-precision :is(#upgrade-inputs,#upgrade-targets) .upgrade-rarity-card { isolation: isolate; height: auto; min-height: 160px; padding: 0; text-align: left; border: 1px solid color-mix(in srgb,var(--tone) 58%,#343b45); border-bottom: 3px solid var(--tone); border-radius: 8px; --rarity-surface: radial-gradient(ellipse at 50% 34%,color-mix(in srgb,var(--tone) 35%,transparent),transparent 78%),linear-gradient(155deg,color-mix(in srgb,var(--tone) 35%,#1b2028),#151b22 85%); background: var(--rarity-surface); box-shadow: inset 0 1px #ffffff0c; transition: border-color .18s,box-shadow .18s; }
body.carbon-theme #upgrade-view.upgrade-precision :is(#upgrade-inputs,#upgrade-targets) .upgrade-rarity-card[data-rarity=gold] { --rarity-surface: radial-gradient(ellipse at 50% 28%,#efbd5859,transparent 76%),linear-gradient(150deg,#5c4529,#191c20 87%); }
body.carbon-theme #upgrade-view.upgrade-precision :is(#upgrade-inputs,#upgrade-targets) .upgrade-rarity-card:hover { border-color: color-mix(in srgb,var(--tone) 75%,white); box-shadow: inset 0 1px #ffffff1c,0 0 12px color-mix(in srgb,var(--tone) 18%,transparent); }
body.carbon-theme #upgrade-view.upgrade-precision :is(#upgrade-inputs,#upgrade-targets) .upgrade-rarity-card.selected { background: var(--rarity-surface); border-color: #ffe014; border-bottom-color: var(--tone); box-shadow: inset 0 0 0 1px #ffe014,0 0 12px #ffe01413; }
body.carbon-theme #upgrade-view.upgrade-precision :is(#upgrade-inputs,#upgrade-targets) .upgrade-rarity-card > .item { padding: 22px 10px 8px; gap: 0; }
body.carbon-theme #upgrade-view.upgrade-precision :is(#upgrade-inputs,#upgrade-targets) .upgrade-rarity-card .item img { flex: none; height: 70px; max-height: 90px; margin: 0 0 3px; filter: drop-shadow(0 7px 6px #0008) drop-shadow(0 0 8px color-mix(in srgb,var(--tone) 32%,transparent)); transition: transform .2s,filter .2s; }
body.carbon-theme #upgrade-view.upgrade-precision :is(#upgrade-inputs,#upgrade-targets) .upgrade-rarity-card:hover .item img { transform: scale(1.045); }
body.carbon-theme #upgrade-view.upgrade-precision :is(#upgrade-inputs,#upgrade-targets) .upgrade-rarity-card .item small { font-size: 9px; color: #bac5d1; }
body.carbon-theme #upgrade-view.upgrade-precision :is(#upgrade-inputs,#upgrade-targets) .upgrade-rarity-card .item h3 { display: block; width: 100%; margin: 2px 0 4px; font-size: 11px; line-height: 1.3; font-weight: 700; color: #eef1f5; white-space: nowrap; text-overflow: ellipsis; }
body.carbon-theme #upgrade-view.upgrade-precision .upgrade-card-bottom { display: flex; align-items: center; justify-content: space-between; gap: 5px; width: 100%; margin-top: auto; }
body.carbon-theme #upgrade-view.upgrade-precision :is(#upgrade-inputs,#upgrade-targets) .upgrade-rarity-card .item p { margin: 0; font-size: 13px; line-height: 1.35; color: #ffe56b; white-space: nowrap; }
body.carbon-theme #upgrade-view.upgrade-precision .upgrade-card-wear { display: inline-flex; flex: none; padding: 2px 4px; border-radius: 3px; border: 1px solid #ffffff1a; background: #0d121855; color: #bec9d5; font-size: 8px; line-height: 1.3; }
body.carbon-theme #upgrade-view.upgrade-precision .upgrade-rarity-label { position: absolute; top: 8px; left: 10px; right: 29px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: color-mix(in srgb,var(--tone) 60%,white); font: 700 8px/1.2 var(--font-ui); letter-spacing: .4px; text-transform: uppercase; pointer-events: none; }
body.carbon-theme #upgrade-view.upgrade-precision :is(#upgrade-inputs,#upgrade-targets) .upgrade-rarity-card .choice-label { top: 7px; right: 7px; width: 17px; height: 17px; }
@media (min-width: 1281px) and (min-height: 850px) {
 body.carbon-theme:has(#upgrade-view:not([hidden])) > main { display: flex; flex-direction: column; min-height: 0; height: calc(100dvh - var(--sticky-header-height,76px)); padding: 10px 24px 12px !important; box-sizing: border-box; }
 body.carbon-theme:has(#upgrade-view:not([hidden])) > main > .playback-toolbar--compact { flex: none; margin: 0 0 5px auto; min-height: 32px; }
 body.carbon-theme #upgrade-view.upgrade-precision { flex: 1; grid-template-rows: 30px 295px auto minmax(0,1fr); gap: 10px; margin-bottom: 0; min-height: 0; }
 body.carbon-theme #upgrade-view.upgrade-precision .precision-finance { display: grid; grid-template-columns: minmax(0,1fr) auto; }
 body.carbon-theme #upgrade-view.upgrade-precision .upgrade-funds { grid-column: 1/-1; }
 body.carbon-theme #upgrade-view.upgrade-precision #upgrade-result { grid-column: 1/-1; }
 body.carbon-theme #upgrade-view.upgrade-precision .upgrade-precision-legal { display: flex; align-items: center; gap: 10px; grid-column: 2; grid-row: 2; margin-top: 4px; font-size: 8px; color: #6f808b; }
 body.carbon-theme:has(#upgrade-view:not([hidden])) > footer { display: none; }
 body.carbon-theme #upgrade-view.upgrade-precision .skin-panel :is(#upgrade-inputs,#upgrade-targets) { min-height: 0; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #626e7b #151b22; }
}
@media (min-width: 1281px) and (max-width: 1500px) and (min-height: 850px) {
 body.carbon-theme #upgrade-view.upgrade-precision { --precision-dial: 195px; grid-template-rows: 30px 270px auto minmax(0,1fr); }
 body.carbon-theme #upgrade-view.upgrade-precision .upgrade-arena { min-height: 270px; }
 body.carbon-theme #upgrade-view.upgrade-precision .upgrade-pedestal,
 body.carbon-theme #upgrade-view.upgrade-precision #upgrade-source-preview:has(.source-display),
 body.carbon-theme #upgrade-view.upgrade-precision #upgrade-target-preview:has(.preview-stack) { height: 255px; min-height: 255px; }
 body.carbon-theme #upgrade-view.upgrade-precision .upgrade-pedestal .source-display.single img { height: 150px; max-height: 150px; }
 body.carbon-theme #upgrade-view.upgrade-precision .upgrade-pedestal .preview-stack,
 body.carbon-theme #upgrade-view.upgrade-precision .preview-stack img:only-child { height: 135px; }
}
@media (max-width: 1280px) {
 body.carbon-theme #upgrade-view.upgrade-precision { --precision-dial: 205px; }
 body.carbon-theme #upgrade-view.upgrade-precision .upgrade-arena { grid-template-columns: minmax(0,1fr) 225px minmax(0,1fr); gap: 15px; }
 body.carbon-theme #upgrade-view.upgrade-precision .precision-steps { font-size: 9px; gap: 10px; }
 body.carbon-theme #upgrade-view.upgrade-precision .skin-tools { grid-template-columns: minmax(0,1fr) minmax(90px,1fr); }
 body.carbon-theme #upgrade-view.upgrade-precision .skin-tools input[type=search] { grid-column: 1/-1; }
}
@media (max-width: 950px) {
 body.carbon-theme #upgrade-view.upgrade-precision .feature-title { align-items: flex-start; flex-direction: column; gap: 12px; }
 body.carbon-theme #upgrade-view.upgrade-precision .upgrade-arena { grid-template-columns: repeat(2,minmax(0,1fr)); }
 body.carbon-theme #upgrade-view.upgrade-precision .dial-column { grid-column: 1/-1; grid-row: 2; justify-self: center; width: 260px; gap: 12px; margin: 10px 0; }
 body.carbon-theme #upgrade-view.upgrade-precision .dual-pickers { grid-template-columns: minmax(0,1fr); }
 body.carbon-theme #upgrade-view.upgrade-precision .upgrade-funds { flex-direction: column; align-items: stretch; gap: 8px; }
 body.carbon-theme #upgrade-view.upgrade-precision .upgrade-pedestal { height: 250px; min-height: 250px; }
}
@media (max-width: 540px) {
 body.carbon-theme #upgrade-view.upgrade-precision { margin-inline: 0; --precision-dial: 220px; }
 body.carbon-theme #upgrade-view.upgrade-precision .precision-steps { gap: 9px; font-size: 8px; flex-wrap: wrap; }
 body.carbon-theme #upgrade-view.upgrade-precision .precision-steps b { width: 18px; height: 18px; }
 body.carbon-theme #upgrade-view.upgrade-precision .upgrade-arena { gap: 9px; }
 body.carbon-theme #upgrade-view.upgrade-precision .upgrade-pedestal,
 body.carbon-theme #upgrade-view.upgrade-precision #upgrade-source-preview:has(.source-display),
 body.carbon-theme #upgrade-view.upgrade-precision #upgrade-target-preview:has(.preview-stack) { height: 225px; min-height: 225px; padding: 36px 8px 8px; }
 body.carbon-theme #upgrade-view.upgrade-precision .selection-meta { left: 7px; right: 7px; font-size: 8px; }
 body.carbon-theme #upgrade-view.upgrade-precision .selection-meta button { font-size: 7px; padding: 3px; }
 body.carbon-theme #upgrade-view.upgrade-precision .selection-meta b { font-size: 8px; }
 body.carbon-theme #upgrade-view.upgrade-precision .upgrade-pedestal .source-display.single img { height: 120px; max-height: 120px; }
 body.carbon-theme #upgrade-view.upgrade-precision .source-display.single .source-tile-info { font-size: 9px; flex-wrap: wrap; }
 body.carbon-theme #upgrade-view.upgrade-precision .source-display.single .source-tile-info b { font-size: 11px; }
 body.carbon-theme #upgrade-view.upgrade-precision .upgrade-pedestal .preview-stack,
 body.carbon-theme #upgrade-view.upgrade-precision .preview-stack img:only-child { height: 110px; }
 body.carbon-theme #upgrade-view.upgrade-precision .multi-label { font-size: 7px; }
 body.carbon-theme #upgrade-view.upgrade-precision .upgrade-pedestal > b { font-size: 9px; }
 body.carbon-theme #upgrade-view.upgrade-precision .skin-panel :is(#upgrade-inputs,#upgrade-targets) { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(3,minmax(160px,1fr)); }
 body.carbon-theme #upgrade-view.upgrade-precision #upgrade-balance-available { display: block; }
 body.carbon-theme #upgrade-view.upgrade-precision #upgrade-balance { width: 60px; }
}
@media (prefers-reduced-motion: reduce) { body.carbon-theme #upgrade-view.upgrade-precision * { animation: none !important; transition: none !important; scroll-behavior: auto; } }