/* Aura Shop: original graphite, luminous cards and pink/violet identity. */
@font-face{font-family:Unbounded;src:url('/assets/unbounded-800.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
:root{--bg:#070809;--panel:#111317;--line:#292c34;--ink:#f4f5f7;--muted:#a1a6b0;--accent:#c29bff;--gold:#f2d27d;--red:#ff718a}
body{background:radial-gradient(ellipse at 80% 12%,#2a103623,transparent 45%),linear-gradient(140deg,#070809,#101115 70%,#08090c);min-height:100vh}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.3;background-image:radial-gradient(#bfc3d0 1px,transparent 1px),radial-gradient(#e9baff 1px,transparent 1px);background-size:103px 137px,191px 227px;background-position:11px 31px,67px 93px}
h1,h2,h3,.hero-stats strong{font-family:Unbounded,system-ui,sans-serif;font-weight:800}h2{font-size:clamp(22px,2.6vw,34px);letter-spacing:-1px;line-height:1.25}h3{font-size:18px;line-height:1.3}
.container{max-width:1320px;padding:0 5vw}.topbar{height:82px;background:#08090be8;backdrop-filter:blur(18px);padding:0 4vw;position:sticky;top:0;z-index:10;gap:22px}.brand{letter-spacing:0;font-size:16px;flex-shrink:0}.brand img{width:57px;height:57px;border-radius:50%;object-fit:cover}.brand span small{font-size:8px;letter-spacing:2px;color:#999ba7}.nav{gap:6px}.nav a{padding:12px 16px;border-radius:24px;font-size:12px;font-weight:700;white-space:nowrap}.nav a.active{background:#22242b}.nav a.active:after{display:none}.nav a:hover{color:white;background:#1b1e24}.topbar .row{gap:8px}.topbar .btn{font-size:12px}
.btn{border-radius:99px;background:#1c1e25;border-color:#353842;padding:13px 22px;font-weight:700;transition:transform .18s,border-color .18s}.btn:hover{background:#2b2933;border-color:#b085df;transform:translateY(-2px)}.btn.primary{background:#ececf2;color:#121318;border-color:#ececf2;box-shadow:0 4px 24px #ffffff0b}.btn.primary:hover{background:white;border-color:white}.btn.ghost{background:#ffffff03}.btn.small{padding:9px 14px}.btn.danger{background:#401823;border-color:#793548}.eyebrow{color:#a2a6b2;font-family:ui-monospace,monospace;letter-spacing:1.8px;line-height:1.5;font-size:10px}
.hero{grid-template-columns:1.05fr 1fr;min-height:610px;border-bottom:0;overflow:visible;gap:0}.hero-copy{padding:46px 0 35px;position:relative;z-index:2}.season{display:inline-block;color:var(--gold);border:1px solid #dfbb5b55;background:#cba34710;border-radius:99px;padding:8px 13px;font:800 10px Unbounded,system-ui,sans-serif;letter-spacing:1px;margin-bottom:24px}.hero h1{font-size:clamp(36px,5.05vw,68px);line-height:1.19;letter-spacing:-2.7px;margin-bottom:23px}.hero h1 em{font-family:inherit;font-weight:800;font-style:normal;background:linear-gradient(100deg,#b571f4 5%,#f15bba 60%,#ff9c99);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy p{max-width:350px;line-height:1.75;font-size:15px}.hero .row{margin-top:24px}.hero-stats{display:flex;gap:33px;margin-top:30px}.hero-stats strong{display:block;color:#eeeef3;font-size:25px;letter-spacing:-1px}.hero-stats small{display:block;margin-top:6px;font-size:11px}
.hero-art{height:490px;background:radial-gradient(ellipse at 50% 48%,#d5355138,transparent 63%);isolation:isolate}.hero-art:before{content:'';position:absolute;inset:12% 5%;border:1px solid #b43c6c16;border-radius:50%;transform:rotate(-25deg)}.aura-ring{position:absolute;width:320px;height:320px;border-radius:50%;background:#f333511c;filter:blur(38px)}.hero-card{width:clamp(140px,16vw,214px);height:auto;aspect-ratio:2/3;border:1px solid #f3758280;border-radius:9px;transform:rotate(-12deg) translate(-63%,4%);box-shadow:0 0 25px #e9374840,0 25px 55px #000c;animation:auraFloat 6s ease-in-out infinite}.hero-card:nth-of-type(2){transform:rotate(12deg) translate(63%,4%);animation-delay:-2s}.hero-card:nth-of-type(3){width:clamp(160px,18vw,235px);height:auto;transform:translateY(-5%);z-index:2;box-shadow:0 0 30px #ed3f5b66,0 30px 60px #000a;animation-delay:-4s}.float-tag{background:#111217bd;border:1px solid #643a534d;color:#b9a2b6;bottom:12px;font:10px ui-monospace,monospace;padding:10px 15px}
.section{padding:38px 0}.section-head{margin-bottom:28px}.section-head .eyebrow{margin-bottom:11px}.section-head p{line-height:1.65}.feed-grid{display:flex;gap:18px;overflow-x:auto;padding:4px 3px 20px;scroll-snap-type:x proximity}.feed-item{flex:0 0 170px;display:flex;flex-direction:column;align-items:stretch;padding:0;background:transparent;border:0;gap:12px;scroll-snap-align:start}.feed-item img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:9px;border:1px solid #986475;box-shadow:0 0 15px #d6578d18;transition:transform .2s}.feed-item:hover img{transform:translateY(-4px)}.feed-item strong{font-size:12px}.feed-item small{color:#a7a8b1;font-size:10px}.feed-item .rarity{font-size:10px}
.boosters{gap:25px}.booster,.booster:nth-child(even){min-height:325px;border:1px solid #31303b;background:radial-gradient(ellipse at 20% 50%,#98374f19,transparent 70%),#111216;border-radius:20px}.booster:nth-child(even){background:radial-gradient(ellipse at 20% 50%,#93793720,transparent 70%),#111216}.pack-stage{min-height:310px;background:radial-gradient(ellipse,#e8458420,transparent 66%)}.booster:nth-child(even) .pack-stage{background:radial-gradient(ellipse,#d8b04a20,transparent 66%)}.pack-stage:before,.pack-stage:after{border-color:#d094b00b}.pack{width:150px;height:224px;border-top:10px ridge #76636e;border-bottom:10px ridge #76636e;background:#281b28;box-shadow:0 0 25px #ff478322,18px 25px 35px #0009;transform:rotate(-8deg)}.pack img{filter:brightness(.86);object-position:top}.pack:after{content:'AURA SHOP';font-size:10px;letter-spacing:3px;bottom:9px;z-index:2}.pack:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#0c0911e8 90%);z-index:1}.pack-name{position:absolute;bottom:33px;left:0;right:0;text-align:center;z-index:2;font:800 16px Unbounded,system-ui,sans-serif;text-transform:uppercase;color:white;letter-spacing:1px}.booster-info{padding:28px 23px 28px 5px}.booster-info h3{font-size:21px;letter-spacing:-.6px}.booster-info .badge{font-size:8px;letter-spacing:.4px;border-radius:99px;color:#b8a7c9}.booster-info .btn{font-size:11px;padding:12px}.badge.good{color:#bd9deb;background:#261c34}.badge.warn{color:#ead18c;background:#30291c}
.card-img{border:1px solid color-mix(in srgb,var(--card-color) 65%,#26212e);background:#16131c}.card:hover .card-img{box-shadow:0 0 26px color-mix(in srgb,var(--card-color) 25%,transparent)}.qty{background:#0d0b12ed;border-color:#765386;color:#fff}.card.new:after{background:#e64a9a;color:#fff}.card-label{color:#e9e7ec}.cards{gap:20px}.filters{background:#121318bd;border:1px solid var(--line);border-radius:16px;padding:14px}input,select,textarea{background:#0b0c10;border-color:#35313f;border-radius:9px}.panel,.metric{background:#111318d9}.notice{background:#21182c;border-color:#594170;color:#e0c5ff}.sidebar{background:#0c0d11}.side-nav a.active{background:#282032;color:#dcc3ff}.side-nav a:hover,.quick-link:hover{background:#221d2b}.sidebar .eyebrow{color:#96909f}.avatar{background:#322342;color:#d7b4ff}.audit-action{color:#d2c5df}.progress{background:#29232f}.progress i{background:linear-gradient(90deg,#9f63f1,#ef5cac)}.rank{color:#e1c47d}td{border-bottom-color:#292b3480}.footer{padding:28px 5vw;color:#92949e;background:#08090b}.auth h1{font-size:28px;line-height:1.3}.auth{max-width:480px}.auth .eyebrow{color:#d7acf7}.page-heading h1{font-size:clamp(27px,3.5vw,42px);line-height:1.25}
dialog{background:#101116;border-color:#46404d;border-radius:20px}dialog::backdrop{background:#020207df}#toast{background:#241a30;border-color:#80579c;color:#f1e3ff}.opening{text-align:center;padding:12px 20px 24px;background:radial-gradient(ellipse,#803fb916,transparent 65%)}.opening h2{font-size:clamp(21px,3vw,32px);margin:14px 0 24px}.opening .row{justify-content:center;margin-top:20px}.sealed-pack{display:flex;align-items:center;justify-content:center;flex-direction:column;width:220px;min-height:320px;margin:20px auto 35px;gap:17px;border:1px solid #a365ca;background:linear-gradient(145deg,#301a46,#090911 80%);border-top:12px ridge #866196;border-bottom:12px ridge #866196;box-shadow:0 0 65px #b54ab335;transform:rotate(-4deg);transition:transform .2s}.sealed-pack:hover{transform:rotate(1deg) scale(1.03)}.sealed-pack img{width:130px;border-radius:50%;mix-blend-mode:screen}.sealed-pack strong{font:800 25px Unbounded,system-ui,sans-serif;letter-spacing:5px}.sealed-pack small{font-size:8px;letter-spacing:1px;color:#cfb7df}.reveal-single{display:block;width:min(250px,55vw);padding:0;border:1px solid var(--card-color);border-radius:10px;margin:0 auto 20px;background:#08080d;box-shadow:0 0 45px color-mix(in srgb,var(--card-color) 40%,transparent);animation:cardArrive .5s ease-out}.reveal-single img{display:block;width:100%;max-height:48vh;object-fit:contain;border-radius:9px}.revealed .eyebrow{color:var(--card-color)}.revealed{background:radial-gradient(ellipse,color-mix(in srgb,var(--card-color) 12%,transparent),transparent 65%)}.opening p{font-size:12px}.admin-heading h1{font-size:28px}.admin-heading h3{font-size:16px}
.hero-card:nth-of-type(1){transform:rotate(-12deg) translate(-63%,4%)}.hero-card:nth-of-type(2){width:clamp(140px,16vw,214px);height:auto}
@keyframes auraFloat{50%{translate:0 -10px}}@keyframes cardArrive{from{opacity:0;transform:translateY(22px) scale(.9)}to{opacity:1;transform:none}}
@media(max-width:1100px){.brand span{display:none}.sidebar .brand span{display:block}.hero{min-height:560px}.hero h1{font-size:clamp(36px,5.4vw,59px);letter-spacing:-2px}.hero-art{height:420px}.nav a{padding:11px 13px}.booster-info h3{font-size:17px}.pack{width:127px;height:198px}.hero-stats{gap:27px}}
@media(max-width:760px){.topbar{height:auto;padding:10px 18px;gap:10px}.brand img{width:46px;height:46px}.brand span{display:block;font-size:13px}.topbar>.nav{margin-top:4px;gap:3px;justify-content:space-between;padding-top:8px}.nav a{font-size:10px;padding:9px 10px}.container{padding:0 22px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:35px 0 0}.hero h1{font-size:clamp(31px,7.5vw,54px);letter-spacing:-1.4px;max-width:none}.season{font-size:8px;margin-bottom:22px}.hero-copy p{font-size:14px;max-width:350px}.hero-stats{margin-top:26px;gap:32px}.hero-stats strong{font-size:23px}.hero-art{height:355px;margin:8px 0}.hero-card{width:145px;height:auto}.hero-card:nth-of-type(3){width:162px;height:auto}.float-tag{font-size:9px;bottom:2px}.aura-ring{width:260px;height:260px}.section{padding:27px 0}.section-head{gap:12px;flex-wrap:wrap}.section-head h2{font-size:22px}.feed-item{flex-basis:140px}.feed-grid{gap:15px}.boosters{gap:18px}.booster,.booster:nth-child(even){min-height:290px;grid-template-columns:43% 57%}.pack-stage{min-height:280px}.pack{width:115px;height:175px}.pack-name{font-size:13px}.booster-info{padding:22px 17px 22px 4px}.booster-info h3{font-size:17px}.booster-info .badge{font-size:7px;padding:5px}.booster-info .btn{font-size:10px}.cards{gap:12px}.auth{margin:35px 0}.auth h1{font-size:26px}.admin-heading h1{font-size:23px}.opening{padding:5px 0 15px}.sealed-pack{min-height:280px;width:190px}.section-head .btn.small{font-size:10px}.footer{font-size:10px}.hero .btn{font-size:12px;padding:12px 17px}}
@media(max-width:760px){.hero-card:nth-of-type(2){width:145px}}
@media(max-height:800px){.opening h2{margin:10px 0 15px;font-size:23px}.reveal-single{width:min(210px,48vw);margin-bottom:12px}.reveal-single img{max-height:36vh}.opening .row{margin-top:12px}.opening p{margin-bottom:8px}.opening{padding:0 5px 8px}.modal-head{padding:17px 22px}.modal-body:has(.opening){padding:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}