:root{--bg:#10141e;--panel:#1b2230;--line:#303a4d;--text:#e3e7ef;--accent:#ffad57}
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 #ff913c88}.nav{border-radius:9px;padding:7px 12px;transition:color .2s,background .2s}.nav.active{background:linear-gradient(160deg,#ffc17b19,#ff923307);box-shadow:inset 0 1px #ffc17b25;color:#ffd0a0}.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 #f6b76320;border-radius:12px;background:#090d1640}.wallet strong{color:#ffd09a}.plus{border-radius:7px;box-shadow:0 3px 14px #ed9b4d25}.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%,#ce793b25,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:#b4875f50;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,#ffb95c,#df833e);box-shadow:0 6px 22px #dc8b431f;border:1px solid #ffc88060}.primary:hover:not(:disabled),.promo-action button:hover,.case-more:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ffab4f33;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:#e8b47e}.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 #e9b66d;outline-offset:2px;box-shadow:0 0 20px #e9b66d12}
.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,#e6aa67,transparent);box-shadow:0 0 12px #f4b67166}
.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:#d5a36b45;background:#e6ac6110;color:#ffcd8c;font-weight:700;padding:8px 18px;position:relative;z-index:2}.case-card:hover .price{background:#ffc17b;color:#21170e;box-shadow:0 0 20px #ffc17b25}.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:#efc18b}.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 #e9b45112,0 0 14px #e9b45125}
.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%,#373122,#151b24 75%)}.dial-core strong{text-shadow:0 0 25px #ffd23333}.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,#b7874520,#131c28)}.contract-theater{background:radial-gradient(ellipse at center,#9f744328,#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 #f8e9c944}
.roulette{border-radius:13px;border-color:#38465b;box-shadow:inset 0 0 35px #0005}.roulette.rolling{box-shadow:0 0 35px #ffa94718,inset 0 0 35px #0005}.roulette .pointer{box-shadow:0 0 14px #ffba66}.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 #e9b57433}
.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 #ffd39b;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 #ffce9950;background:#252b36;color:#ffd29d;border-radius:10px}button:focus-visible{outline:2px solid #ffd293;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 #e5ab3530,0 0 20px #e5ab3510}}@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}}