@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800&family=Tajawal:wght@400;500;700;800&display=swap");
:root{--ink:#050812;--panel:#0a1020;--line:rgba(150,183,255,.17);--gold:#f4cf70;--blue:#65d9ff;--muted:#91a0ba}.cosmetics-page{min-height:100vh;color:#fff;background:radial-gradient(circle at 20% 0,rgba(92,62,190,.2),transparent 34%),radial-gradient(circle at 85% 12%,rgba(31,154,220,.14),transparent 32%),#040711;font-family:Tajawal,Arial}.cosmetic-shell{width:min(1500px,calc(100% - 28px));margin:auto;padding:34px 0 70px}.cosmetic-hero{padding:35px;display:grid;grid-template-columns:1.4fr .6fr;gap:26px;align-items:center;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:0 28px 80px rgba(0,0,0,.35)}.cosmetic-hero h1{margin:8px 0;font:800 clamp(2rem,4.8vw,4.7rem)/.98 Cinzel,Tajawal}.cosmetic-hero h1 span{color:var(--gold)}.cosmetic-hero p{color:#b3bfd2;line-height:1.8}.token-orbit{display:grid;grid-template-columns:1fr 1fr;gap:12px}.token-orbit article{padding:24px 16px;text-align:center;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.035)}.token-orbit span{display:block;color:var(--muted)}.token-orbit strong{font:800 2.4rem Cinzel;color:var(--gold)}.cosmetic-layout{margin-top:20px;display:grid;grid-template-columns:350px minmax(0,1fr);gap:18px}.card-picker,.foundry-panel,.fairness-panel{border:1px solid var(--line);border-radius:22px;background:rgba(8,13,27,.9)}.card-picker{padding:16px;max-height:800px;overflow:hidden}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:end}.section-head h2,.catalog-column h2{margin:2px 0 12px}.section-head input{width:155px;padding:10px;border:1px solid var(--line);border-radius:10px;color:#fff;background:#080d18}.picker-grid{height:710px;margin-top:12px;display:grid;gap:8px;overflow:auto}.picker-card{padding:8px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:13px;color:#fff;text-align:right;background:rgba(255,255,255,.025);cursor:pointer}.picker-card:hover,.picker-card.active{border-color:rgba(101,217,255,.55);background:rgba(101,217,255,.08)}.picker-card img{width:58px;height:70px;object-fit:cover;border-radius:8px}.picker-card small{color:var(--muted)}.foundry-panel{padding:22px;display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px}.preview-column{text-align:center}.cosmetic-card{position:relative;width:min(100%,310px);aspect-ratio:3/4;margin:auto;overflow:hidden;border:2px solid rgba(255,255,255,.13);border-radius:21px;background:#101528;box-shadow:0 28px 60px rgba(0,0,0,.42);isolation:isolate}.cosmetic-card img{width:100%;height:100%;object-fit:cover;transition:.35s}.cosmetic-shine,.cosmetic-frame{position:absolute;inset:0;pointer-events:none}.equipped-summary{min-height:65px;margin:12px 0;padding:10px;border:1px solid var(--line);border-radius:13px;color:#aebbd0;background:rgba(255,255,255,.025)}.catalog-column{display:grid;gap:24px}.cosmetic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cosmetic-option{padding:14px;min-height:160px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.cosmetic-option h3{margin:0 0 4px}.cosmetic-option p{flex:1;color:var(--muted);font-size:.82rem;line-height:1.55}.cosmetic-option button{padding:10px;border:1px solid rgba(244,207,112,.35);border-radius:10px;color:#fff;background:rgba(244,207,112,.1);cursor:pointer}.cosmetic-option button:disabled{opacity:.55;cursor:not-allowed}.cosmetic-option.unlocked{border-color:rgba(101,235,168,.35)}.cosmetic-option.equipped{box-shadow:0 0 0 2px rgba(101,217,255,.35) inset}.fairness-panel{margin-top:18px;padding:18px 22px;display:flex;gap:18px;align-items:center}.fairness-panel strong{color:var(--gold)}.fairness-panel p{margin:0;color:#aebbd0}.eyebrow{color:var(--blue);font:.72rem Cinzel;letter-spacing:.14em}.season-toast{position:fixed;right:18px;bottom:18px;z-index:100;padding:13px 18px;border:1px solid rgba(101,217,255,.4);border-radius:13px;color:#fff;background:rgba(5,10,22,.96);box-shadow:0 18px 50px rgba(0,0,0,.5)}.season-toast:empty{display:none}
/* Shared cosmetic treatments */
.foil-starlight .cosmetic-shine,.foil-starlight.card-item:after,.foil-starlight.zone-card:after,.foil-starlight.hand-card:after{content:"";position:absolute;inset:-45%;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(126,231,255,.12) 43%,rgba(255,238,167,.72) 50%,rgba(126,231,255,.13) 57%,transparent 65%);transform:translateX(-35%) rotate(10deg);animation:nxFoil 3.8s linear infinite}.foil-inferno .cosmetic-shine,.foil-inferno.card-item:after,.foil-inferno.zone-card:after,.foil-inferno.hand-card:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 110%,rgba(255,80,30,.62),transparent 45%),linear-gradient(120deg,transparent 30%,rgba(255,200,80,.38),transparent 68%);mix-blend-mode:screen;animation:nxPulse 2.4s ease-in-out infinite}.foil-void .cosmetic-shine,.foil-void.card-item:after,.foil-void.zone-card:after,.foil-void.hand-card:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 20% 25%,#fff 0 1px,transparent 2px),radial-gradient(circle at 78% 38%,#d9b8ff 0 1px,transparent 2px),radial-gradient(circle at 48% 70%,#77dfff 0 1px,transparent 2px),linear-gradient(130deg,rgba(117,55,220,.12),rgba(26,7,62,.56));background-size:45px 45px,60px 60px,72px 72px,100% 100%;animation:nxStars 5s linear infinite}.alt-astral{box-shadow:0 0 0 2px #5ccfff inset,0 0 28px rgba(74,193,255,.35)!important}.alt-astral img,.alt-astral .card-art img{filter:saturate(1.2) contrast(1.08) hue-rotate(8deg);transform:scale(1.06)}.alt-crimson{box-shadow:0 0 0 2px #ff615f inset,0 0 28px rgba(255,58,65,.3)!important}.alt-crimson img,.alt-crimson .card-art img{filter:saturate(1.35) contrast(1.12) sepia(.12) hue-rotate(325deg);transform:scale(1.08)}.alt-eclipse{box-shadow:0 0 0 2px #f0d47a inset,0 0 34px rgba(230,190,80,.32)!important;background:#030303!important}.alt-eclipse img,.alt-eclipse .card-art img{filter:grayscale(.55) contrast(1.35) sepia(.35) brightness(.78);transform:scale(1.07)}.alt-eclipse .cosmetic-frame{box-shadow:inset 0 0 0 4px rgba(246,211,105,.35),inset 0 0 45px rgba(0,0,0,.82)}@keyframes nxFoil{to{transform:translateX(85%) rotate(10deg)}}@keyframes nxPulse{50%{opacity:.45;filter:brightness(1.3)}}@keyframes nxStars{to{background-position:45px 45px,-60px 60px,72px -72px,0 0}}@media(max-width:1050px){.cosmetic-layout,.foundry-panel{grid-template-columns:1fr}.card-picker{max-height:460px}.picker-grid{height:370px}.cosmetic-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.cosmetic-hero{grid-template-columns:1fr;padding:24px 18px}.cosmetic-grid,.token-orbit{grid-template-columns:1fr}.cosmetic-shell{width:min(100% - 14px,1500px)}}.alt-art-original img{filter:none!important;transform:none!important}.profile-frame-celestial{box-shadow:0 0 0 3px #6cdbff inset,0 0 0 7px rgba(242,202,104,.25) inset,0 0 36px rgba(86,205,255,.38)!important}.profile-frame-abyssal{box-shadow:0 0 0 3px #a864ff inset,0 0 0 7px rgba(255,75,164,.22) inset,0 0 36px rgba(135,63,234,.4)!important}.profile-frame-primal{box-shadow:0 0 0 3px #60e49e inset,0 0 0 7px rgba(216,188,99,.24) inset,0 0 36px rgba(75,208,132,.34)!important}