:root{
  --bg:#0b0f17;
  --card:rgba(255,255,255,0.06);
  --border:rgba(255,255,255,0.12);
  --text:#e5e7eb;
  --muted:#9ca3af;
  --accent:#a855f7;
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}

body{
  background:radial-gradient(circle at top,#111827,#0b0f17);
  color:var(--text);
}

body.is-loading{
  overflow:hidden;
}

/* NAV */
nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:28px;
  padding:20px 10%;
  background:rgba(0,0,0,0.3);
  backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);
  position:sticky;
  top:0;
  z-index:10;
}

nav a{
  margin-left:18px;
  color:var(--muted);
  text-decoration:none;
}

nav a:hover{
  color:var(--accent);
}

nav .brand{
  display:inline-flex;
  align-items:center;
  gap:11px;
  flex:none;
  margin-left:0;
  color:var(--text);
}

.brand-logo{
  position:relative;
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,0.16);
  border-radius:50%;
  background:linear-gradient(145deg,rgba(255,255,255,0.1),rgba(168,85,247,0.08));
  box-shadow:0 8px 24px rgba(0,0,0,0.28),0 0 22px rgba(168,85,247,0.12);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}

.brand-logo img{
  display:block;
  width:40px;
  height:40px;
  object-fit:contain;
}

.brand-wordmark{
  color:var(--text);
  font-size:.94rem;
  font-weight:900;
  white-space:nowrap;
}

.brand-wordmark strong{
  color:var(--accent);
}

.brand:hover .brand-logo{
  transform:translateY(-2px);
  border-color:rgba(168,85,247,0.48);
  box-shadow:0 10px 28px rgba(0,0,0,0.32),0 0 28px rgba(168,85,247,0.24);
}

.nav-menu{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  flex-wrap:wrap;
}

nav .nav-account{
  position:relative;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-left:28px;
  padding:10px 15px 10px 12px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:8px;
  background:linear-gradient(120deg,#171d27,#121720);
  color:#f4f7fb;
  font-size:.88rem;
  font-weight:800;
  box-shadow:0 10px 24px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.05);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}

nav .nav-account::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,#a855f7,#22d3ee);
}

nav .nav-account:hover{
  color:white;
  transform:translateY(-2px);
  border-color:rgba(34,211,238,.48);
  background:linear-gradient(120deg,#1c2430,#151b25);
  box-shadow:0 14px 30px rgba(0,0,0,.3),0 0 24px rgba(34,211,238,.1);
}

.nav-account-icon{
  width:18px;
  height:18px;
  flex:none;
  fill:none;
  stroke:#b8f3fa;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media (max-width:1100px){
  nav{
    flex-direction:column;
    gap:14px;
    padding:16px 6%;
  }

  nav > div{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
  }

  nav a{
    margin:6px 8px;
  }

  nav .brand{
    margin:0;
  }

  nav .nav-account{
    margin-left:18px;
  }
}

@media (max-width:600px){
  nav .nav-menu{
    width:100%;
  }

  nav .nav-account{
    justify-content:center;
    flex-basis:190px;
    margin:8px auto 0;
  }
}

/* CARD */
.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:18px;
  padding:20px;
  backdrop-filter:blur(20px);
  transition:.3s;
}

.card:hover{
  transform:translateY(-8px);
  border-color:var(--accent);
  box-shadow:0 0 30px rgba(168,85,247,0.2);
}

/* HERO */
.hero{
  text-align:center;
  padding:120px 20px;
}

.hero h1{
  font-size:3.5rem;
}

.hero p{
  max-width:720px;
  margin:18px auto 0;
  color:var(--muted);
  font-size:1.15rem;
  line-height:1.6;
}

.accent{
  color:var(--accent);
}

.btn{
  display:inline-block;
  margin-top:20px;
  padding:12px 25px;
  background:var(--accent);
  color:white;
  border-radius:12px;
  text-decoration:none;
  font-weight:800;
  transition:.25s;
}

.btn:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(168,85,247,0.24);
}

.btn-ghost{
  background:rgba(255,255,255,0.07);
  border:1px solid var(--border);
}

.btn-primary{
  background:linear-gradient(135deg,#a855f7,#22d3ee);
}

/* GRID */
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:20px;
  padding:60px 10%;
}

/* HOME */
.home-hero{
  position:relative;
  overflow:hidden;
  min-height:calc(100vh - 66px);
  display:grid;
  align-items:center;
  padding:90px 10% 56px;
}

.home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 22% 20%,rgba(168,85,247,0.28),transparent 34%),
    radial-gradient(circle at 80% 18%,rgba(34,211,238,0.17),transparent 30%),
    linear-gradient(180deg,rgba(11,15,23,0.2),#0b0f17 92%);
  pointer-events:none;
}

.home-logo-mark{
  position:absolute;
  right:6%;
  top:50%;
  width:min(420px,42vw);
  max-height:70vh;
  object-fit:contain;
  opacity:.12;
  transform:translateY(-50%);
  filter:drop-shadow(0 30px 80px rgba(168,85,247,0.32));
  pointer-events:none;
}

.home-hero-content{
  position:relative;
  z-index:1;
  max-width:850px;
}

.home-hero h1{
  margin-bottom:22px;
  font-size:8rem;
  line-height:.86;
  font-weight:900;
}

.home-hero p{
  max-width:720px;
  color:var(--muted);
  font-size:1.22rem;
  line-height:1.75;
}

.home-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:12px;
}

.home-stats{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  max-width:980px;
  margin-top:70px;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:24px;
  background:var(--border);
}

.home-stats div{
  padding:24px;
  background:rgba(255,255,255,0.055);
  backdrop-filter:blur(20px);
}

.home-stats strong{
  display:block;
  margin-bottom:6px;
  color:var(--text);
  font-size:1.8rem;
  line-height:1;
}

.home-stats span{
  color:var(--muted);
  font-size:.95rem;
}

.home-stats small{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:12px;
  color:var(--muted);
  font-size:.78rem;
  font-weight:800;
}

.home-stats small::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--muted);
}

.home-stats small.is-live{
  color:#86efac;
}

.home-stats small.is-live::before{
  background:#22c55e;
  box-shadow:0 0 14px rgba(34,197,94,0.8);
}

.home-stats small.is-offline{
  color:#fca5a5;
}

.home-stats small.is-offline::before{
  background:#ef4444;
}

.home-news{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr);
  gap:34px;
  align-items:stretch;
  padding:62px 10% 34px;
  background:
    radial-gradient(circle at 80% 8%,rgba(34,211,238,.12),transparent 32%),
    linear-gradient(180deg,#0b0f17,rgba(11,15,23,.82));
}

.home-news-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:360px;
}

.home-news-copy h2{
  max-width:560px;
  margin:12px 0 16px;
  font-size:2.75rem;
  line-height:1.06;
}

.home-news-copy p{
  max-width:510px;
  color:var(--muted);
  font-size:1.04rem;
  line-height:1.75;
}

.discord-news-card{
  position:relative;
  overflow:hidden;
  min-width:0;
  min-height:420px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:28px;
  background:
    radial-gradient(circle at 18% 0%,rgba(168,85,247,.24),transparent 34%),
    radial-gradient(circle at 88% 12%,rgba(245,158,11,.14),transparent 34%),
    rgba(255,255,255,.045);
  box-shadow:0 28px 90px rgba(0,0,0,.32);
  backdrop-filter:blur(20px);
}

.discord-news-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 38%);
  pointer-events:none;
}

.discord-news-card header{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:24px 26px 18px;
  border-bottom:1px solid rgba(255,255,255,.1);
}

.discord-news-card header span,
.discord-news-status,
.discord-news-time{
  color:#93a0af;
  font-size:.74rem;
  font-weight:850;
  text-transform:uppercase;
}

.discord-news-card header strong{
  display:block;
  margin-top:4px;
  color:#f8fafc;
  font-size:1.08rem;
}

.discord-news-card header a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:8px;
  color:#f5be52;
  font-size:.78rem;
  font-weight:900;
  text-decoration:none;
}

.discord-news-card header a:hover{
  border-color:rgba(245,190,82,.48);
  background:rgba(245,190,82,.08);
}

.discord-news-status{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:8px;
  padding:15px 26px 0;
  color:#86efac;
}

.discord-news-status::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 16px rgba(34,197,94,.8);
}

.discord-news-status.is-offline{
  color:#fca5a5;
}

.discord-news-status.is-offline::before{
  background:#ef4444;
  box-shadow:none;
}

.discord-news-list{
  position:relative;
  z-index:1;
  display:grid;
  gap:12px;
  max-height:315px;
  overflow:auto;
  padding:18px 18px 22px;
}

.discord-news-item,
.discord-news-placeholder{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:13px;
  min-width:0;
  padding:14px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:rgba(8,13,21,.58);
}

.discord-news-avatar,
.discord-news-placeholder span{
  width:44px;
  height:44px;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(168,85,247,.42),rgba(34,211,238,.28));
  object-fit:cover;
}

.discord-news-item h3,
.discord-news-placeholder strong{
  margin:0;
  color:#f8fafc;
  font-size:.98rem;
  line-height:1.25;
  overflow-wrap:anywhere;
}

.discord-news-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-bottom:6px;
}

.discord-news-author{
  min-width:0;
  color:#f5be52;
  font-size:.78rem;
  font-weight:900;
  overflow-wrap:anywhere;
}

.discord-news-item p,
.discord-news-placeholder p{
  display:-webkit-box;
  max-height:5.6em;
  margin:0;
  color:#b8c2cf;
  font-size:.9rem;
  line-height:1.55;
  overflow-wrap:anywhere;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
}

.discord-news-image{
  width:100%;
  max-height:170px;
  margin-top:12px;
  border-radius:14px;
  object-fit:cover;
}

.discord-news-item a{
  display:inline-flex;
  max-width:100%;
  margin-top:11px;
  color:#67e8f9;
  font-size:.78rem;
  font-weight:900;
  text-decoration:none;
  overflow-wrap:anywhere;
}

.home-section{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);
  gap:48px;
  align-items:start;
  padding:90px 10% 40px;
}

.home-section h2{
  max-width:760px;
  font-size:2.8rem;
  line-height:1.08;
}

.home-section p{
  color:var(--muted);
  font-size:1.08rem;
  line-height:1.85;
}

.home-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  padding:34px 10% 88px;
}

.home-feature{
  position:relative;
  overflow:hidden;
  min-height:250px;
  padding:26px;
  border:1px solid var(--border);
  border-radius:24px;
  background:
    radial-gradient(circle at 20% 0%,rgba(168,85,247,0.22),transparent 40%),
    rgba(255,255,255,0.05);
  backdrop-filter:blur(20px);
  transition:.3s;
}

.home-feature:hover{
  transform:translateY(-7px);
  border-color:rgba(168,85,247,0.48);
  box-shadow:0 24px 70px rgba(0,0,0,0.32);
}

.home-feature span{
  display:inline-grid;
  place-items:center;
  width:44px;
  height:44px;
  margin-bottom:42px;
  border-radius:14px;
  background:rgba(255,255,255,0.1);
  color:var(--accent);
  font-weight:900;
}

.home-feature h3{
  margin-bottom:10px;
  font-size:1.25rem;
}

.home-feature p{
  color:var(--muted);
  line-height:1.65;
}

.home-feature-stats{
  display:grid;
  gap:10px;
  margin-top:20px;
}

.home-feature-stats > div,
.home-feature-list li,
.home-winners article{
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025)),
    rgba(11,18,32,.62);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

.home-feature-stats > div,
.home-feature-list li,
.home-winners article{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px;
  align-items:center;
}

.home-feature-stats > div{
  padding:14px;
}

.home-feature-stats img,
.home-feature-list img,
.home-winners img{
  width:38px;
  height:38px;
  border-radius:13px;
  object-fit:cover;
  box-shadow:0 0 0 3px rgba(255,255,255,.045);
}

.home-feature-stats img,
.home-feature-list img{
  object-fit:contain;
}

.home-feature-stats strong{
  color:#eafcff;
  font-size:1.42rem;
  line-height:1;
  font-variant-numeric:tabular-nums;
}

.home-feature-stats small,
.home-feature-list small,
.home-winners small{
  color:var(--muted);
  font-size:.72rem;
  line-height:1.35;
}

.home-feature-list{
  display:grid;
  gap:10px;
  margin:20px 0 0;
  padding:0;
  list-style:none;
}

.home-feature-list li{
  padding:12px;
}

.home-feature-list strong,
.home-winners strong{
  display:block;
  color:#eef6fb;
  font-size:.86rem;
  line-height:1.2;
}

.home-feature-list small{
  display:block;
  margin-top:5px;
}

.home-winners{
  display:grid;
  gap:9px;
  margin-top:18px;
}

.home-winners article{
  padding:10px;
}

.home-winners img{
  border-radius:50%;
}

.home-winners div{
  min-width:0;
}

.home-winners strong,
.home-winners small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
}

.home-banner{
  margin:0 10% 90px;
  padding:48px;
  border:1px solid rgba(168,85,247,0.32);
  border-radius:28px;
  background:
    linear-gradient(135deg,rgba(168,85,247,0.22),rgba(34,211,238,0.12)),
    rgba(255,255,255,0.045);
  text-align:center;
  backdrop-filter:blur(20px);
}

.home-banner h2{
  max-width:780px;
  margin:0 auto 14px;
  font-size:2.35rem;
  line-height:1.12;
}

.home-banner p{
  max-width:720px;
  margin:0 auto;
  color:var(--muted);
  line-height:1.75;
}

/* STAFF */
.staff-hero{
  padding-bottom:55px;
}

.staff-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:24px;
  padding:0 10% 80px;
}

.staff-card{
  position:relative;
  overflow:hidden;
  min-height:290px;
  padding:30px 22px;
  border:1px solid var(--border);
  border-radius:24px;
  background:
    linear-gradient(180deg,rgba(255,255,255,0.075),rgba(255,255,255,0.035)),
    var(--card);
  text-align:center;
  text-decoration:none;
  backdrop-filter:blur(20px);
  transition:.3s;
}

.staff-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 0%,rgba(168,85,247,0.28),transparent 42%);
  opacity:.85;
  pointer-events:none;
}

.staff-card:hover{
  transform:translateY(-8px);
  border-color:rgba(168,85,247,0.55);
  box-shadow:0 24px 70px rgba(0,0,0,0.34);
}

.staff-card:focus-visible{
  outline:3px solid rgba(34,211,238,.7);
  outline-offset:4px;
}

.staff-photo-wrap,
.staff-card h3,
.staff-card p{
  position:relative;
  z-index:1;
}

.staff-photo-wrap{
  width:132px;
  height:132px;
  margin:0 auto 20px;
  padding:4px;
  border-radius:50%;
  background:linear-gradient(135deg,#a855f7,#22d3ee);
  box-shadow:0 18px 38px rgba(0,0,0,0.34);
}

.staff-photo{
  display:block;
  width:100%;
  height:100%;
  border-radius:50%;
  object-fit:cover;
  object-position:center;
  background:#111827;
  border:4px solid #0b0f17;
}

.staff-card h3{
  margin-bottom:8px;
  color:var(--text);
  font-size:1.25rem;
  line-height:1.2;
  overflow-wrap:anywhere;
}

.staff-card p{
  color:var(--muted);
  font-weight:700;
}

.staff-profile-link{
  position:relative;
  z-index:1;
  display:inline-block;
  margin-top:18px;
  color:#89e9f5;
  font-size:.78rem;
  font-weight:800;
  opacity:.82;
  transition:color .2s ease,transform .2s ease,opacity .2s ease;
}

.staff-card:hover .staff-profile-link{
  color:#fff;
  opacity:1;
  transform:translateX(3px);
}

/* ABOUT STORY */
.about-hero{
  padding-bottom:60px;
}

.story-page{
  position:relative;
  padding:0 10% 90px;
}

.story-page::before{
  content:"";
  position:absolute;
  top:30px;
  left:10%;
  right:10%;
  height:360px;
  border-radius:40px;
  background:
    radial-gradient(circle at 20% 20%,rgba(168,85,247,0.26),transparent 34%),
    radial-gradient(circle at 78% 10%,rgba(34,211,238,0.16),transparent 32%);
  opacity:.8;
  pointer-events:none;
}

.story-intro,
.story-flow,
.story-highlight{
  position:relative;
  z-index:1;
  max-width:920px;
  margin:0 auto;
}

.story-label{
  display:inline-block;
  margin-bottom:18px;
  color:var(--accent);
  font-weight:900;
  letter-spacing:0;
  text-transform:uppercase;
  font-size:.78rem;
}

.story-intro{
  padding:42px 0 28px;
}

.story-intro h2{
  max-width:850px;
  margin-bottom:24px;
  font-size:2.8rem;
  line-height:1.08;
}

.story-intro p,
.story-flow p,
.story-highlight p{
  color:var(--muted);
  font-size:1.12rem;
  line-height:1.85;
}

.story-flow{
  padding:18px 0 44px;
}

.story-flow p{
  margin-bottom:28px;
}

.story-flow p:first-letter{
  color:var(--text);
  font-size:2.4rem;
  font-weight:900;
  line-height:1;
}

.story-highlight{
  overflow:hidden;
  padding:42px;
  border:1px solid rgba(168,85,247,0.32);
  border-radius:26px;
  background:
    linear-gradient(135deg,rgba(168,85,247,0.20),rgba(34,211,238,0.10)),
    rgba(255,255,255,0.045);
  backdrop-filter:blur(20px);
}

.story-highlight h2{
  margin-bottom:14px;
  font-size:2.2rem;
  line-height:1.15;
}

/* CONTACT */
.contact-page{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,520px);
  gap:56px;
  align-items:center;
  min-height:calc(100vh - 86px);
  padding:80px 10%;
  overflow:hidden;
}

.contact-page::before{
  content:"";
  position:absolute;
  width:620px;
  height:620px;
  right:-180px;
  top:40px;
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(168,85,247,0.28),transparent 58%),
    radial-gradient(circle at 25% 30%,rgba(34,211,238,0.18),transparent 38%);
  pointer-events:none;
}

.contact-hero,
.contact-panel{
  position:relative;
  z-index:1;
}

.contact-hero h1{
  max-width:680px;
  margin-bottom:22px;
  font-size:4rem;
  line-height:1.02;
}

.contact-hero p{
  max-width:620px;
  color:var(--muted);
  font-size:1.12rem;
  line-height:1.8;
}

.contact-points{
  display:grid;
  gap:16px;
  max-width:560px;
  margin-top:36px;
}

.contact-points div{
  padding:18px 20px;
  border-left:3px solid var(--accent);
  background:linear-gradient(90deg,rgba(168,85,247,0.14),rgba(255,255,255,0.02));
  border-radius:0 18px 18px 0;
}

.contact-points strong{
  display:block;
  margin-bottom:6px;
  color:var(--text);
}

.contact-points span{
  color:var(--muted);
  line-height:1.5;
}

.contact-channels{
  max-width:620px;
  margin-top:34px;
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}

.contact-channels a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  min-height:82px;
  padding:16px 4px;
  color:var(--text);
  text-decoration:none;
  transition:padding .2s ease,background .2s ease;
}

.contact-channels a+a{
  border-top:1px solid rgba(255,255,255,.09);
}

.contact-channels a:hover{
  padding-right:14px;
  padding-left:14px;
  background:rgba(255,255,255,.035);
}

.contact-channels a>span{
  display:grid;
  gap:6px;
  min-width:0;
}

.contact-channels small{
  color:#66dce2;
  font-size:.68rem;
  font-weight:900;
  text-transform:uppercase;
}

.contact-channels strong{
  overflow-wrap:anywhere;
  font-size:1rem;
}

.contact-channels b{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  flex:none;
  border:1px solid rgba(101,220,225,.28);
  border-radius:50%;
  color:#71e2e6;
  font-size:1rem;
  font-weight:700;
}

.contact-panel{
  padding:1px;
  border-radius:28px;
  background:linear-gradient(145deg,rgba(168,85,247,0.42),rgba(34,211,238,0.18),rgba(255,255,255,0.08));
  box-shadow:0 26px 90px rgba(0,0,0,0.38);
}

.contact-form{
  padding:34px;
  border-radius:27px;
  background:rgba(11,15,23,0.82);
  backdrop-filter:blur(24px);
}

.form-row{
  margin-bottom:18px;
}

.form-row label{
  display:block;
  margin-bottom:8px;
  color:var(--text);
  font-size:.92rem;
  font-weight:700;
}

.form-row input,
.form-row select,
.form-row textarea{
  width:100%;
  padding:15px 16px;
  border:1px solid var(--border);
  border-radius:16px;
  background:rgba(255,255,255,0.06);
  color:var(--text);
  outline:none;
  font-size:1rem;
  transition:.2s;
}

.form-row select{
  cursor:pointer;
}

.form-row option{
  color:#111827;
}

.form-row textarea{
  min-height:150px;
  resize:vertical;
}

.form-row input::placeholder,
.form-row textarea::placeholder{
  color:rgba(229,231,235,0.42);
}

.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 4px rgba(168,85,247,0.16);
  background:rgba(255,255,255,0.08);
}

.hidden-field{
  position:absolute;
  left:-9999px;
  opacity:0;
}

.contact-submit{
  width:100%;
  margin-top:4px;
  padding:16px 20px;
  border:0;
  border-radius:16px;
  background:linear-gradient(135deg,#a855f7,#22d3ee);
  color:white;
  cursor:pointer;
  font-size:1rem;
  font-weight:900;
  transition:.25s;
}

.contact-submit:hover:not(:disabled){
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(168,85,247,0.25);
}

.contact-submit:disabled{
  opacity:.65;
  cursor:not-allowed;
}

.status-msg{
  min-height:22px;
  margin-top:16px;
  color:var(--muted);
  font-size:.95rem;
  line-height:1.5;
}

.status-msg.success{
  color:#86efac;
}

.status-msg.error{
  color:#fca5a5;
}

/* COMMUNITY */
.community-list{
  display:flex;
  flex-direction:column;
  gap:24px;
  padding:20px 10% 80px;
}

.community-feature{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:96px 1fr;
  align-items:center;
  gap:28px;
  min-height:150px;
  padding:34px;
  border:1px solid var(--border);
  border-radius:24px;
  background:var(--card);
  backdrop-filter:blur(20px);
  transition:.3s;
}

.community-feature::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.8;
  pointer-events:none;
}

.community-feature:hover{
  transform:translateY(-6px);
  border-color:rgba(255,255,255,0.28);
  box-shadow:0 24px 70px rgba(0,0,0,0.35);
}

.community-feature > *{
  position:relative;
  z-index:1;
}

.feature-icon{
  width:86px;
  height:86px;
  display:grid;
  place-items:center;
  border-radius:22px;
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.16);
  color:white;
  font-size:1.25rem;
  font-weight:900;
}

.community-feature h2{
  margin-bottom:10px;
  font-size:1.75rem;
}

.community-feature p{
  max-width:760px;
  color:var(--muted);
  font-size:1rem;
  line-height:1.65;
}

.feature-purple::before{
  background:linear-gradient(120deg,rgba(168,85,247,0.34),rgba(255,255,255,0.03));
}

.feature-cyan::before{
  background:linear-gradient(120deg,rgba(34,211,238,0.26),rgba(168,85,247,0.08));
}

.feature-pink::before{
  background:linear-gradient(120deg,rgba(236,72,153,0.26),rgba(255,255,255,0.03));
}

.feature-green::before{
  background:linear-gradient(120deg,rgba(34,197,94,0.23),rgba(34,211,238,0.06));
}

.feature-blue::before{
  background:linear-gradient(120deg,rgba(59,130,246,0.27),rgba(255,255,255,0.03));
}

.feature-orange::before{
  background:linear-gradient(120deg,rgba(249,115,22,0.24),rgba(168,85,247,0.08));
}

.community-cta{
  margin-top:10px;
  padding:42px 34px;
  border:1px solid rgba(168,85,247,0.35);
  border-radius:24px;
  background:
    linear-gradient(135deg,rgba(168,85,247,0.22),rgba(34,211,238,0.12)),
    rgba(255,255,255,0.05);
  text-align:center;
  backdrop-filter:blur(20px);
}

.community-cta h2{
  font-size:2rem;
  margin-bottom:10px;
}

.community-cta p{
  color:var(--muted);
  line-height:1.6;
}

@media (max-width:700px){
  nav{
    flex-direction:column;
    gap:14px;
  }

  nav a{
    display:inline-block;
    margin:6px 8px;
  }

  .hero{
    padding:80px 20px 50px;
  }

  .hero h1{
    font-size:2.5rem;
  }

  .home-hero{
    min-height:auto;
    padding:74px 6% 42px;
  }

  .home-logo-mark{
    right:-18%;
    width:78vw;
    opacity:.08;
  }

  .home-hero h1{
    font-size:4.5rem;
  }

  .home-hero p{
    font-size:1.02rem;
  }

  .home-actions{
    flex-direction:column;
    align-items:flex-start;
  }

  .home-stats{
    grid-template-columns:1fr;
    margin-top:42px;
  }

  .home-stats div{
    padding:20px;
  }

  .home-news{
    grid-template-columns:1fr;
    gap:20px;
    padding:52px 6% 22px;
  }

  .home-news-copy{
    min-height:0;
  }

  .home-news-copy h2{
    font-size:2rem;
  }

  .discord-news-card{
    min-height:0;
    border-radius:22px;
  }

  .discord-news-card header{
    align-items:flex-start;
    flex-direction:column;
    padding:22px 20px 16px;
  }

  .discord-news-status{
    padding-inline:20px;
  }

  .discord-news-list{
    max-height:430px;
    padding:16px 14px 18px;
  }

  .discord-news-item,
  .discord-news-placeholder{
    grid-template-columns:38px minmax(0,1fr);
    padding:12px;
  }

  .discord-news-avatar,
  .discord-news-placeholder span{
    width:38px;
    height:38px;
  }

  .home-section{
    grid-template-columns:1fr;
    gap:24px;
    padding:64px 6% 26px;
  }

  .home-section h2{
    font-size:2rem;
  }

  .home-feature-grid{
    grid-template-columns:1fr;
    padding:26px 6% 62px;
  }

  .home-feature{
    min-height:auto;
  }

  .home-feature span{
    margin-bottom:28px;
  }

  .home-banner{
    margin:0 6% 64px;
    padding:30px;
  }

  .home-banner h2{
    font-size:1.65rem;
  }

  .community-list{
    padding:10px 6% 60px;
  }

  .staff-grid{
    grid-template-columns:1fr;
    padding:0 6% 60px;
  }

  .staff-photo-wrap{
    width:118px;
    height:118px;
  }

  .story-page{
    padding:0 6% 60px;
  }

  .story-page::before{
    left:6%;
    right:6%;
  }

  .story-intro h2{
    font-size:2rem;
  }

  .story-intro p,
  .story-flow p,
  .story-highlight p{
    font-size:1rem;
    line-height:1.75;
  }

  .story-highlight{
    padding:28px;
  }

  .story-highlight h2{
    font-size:1.6rem;
  }

  .contact-page{
    grid-template-columns:1fr;
    gap:34px;
    min-height:auto;
    padding:64px 6%;
  }

  .contact-hero h1{
    font-size:2.55rem;
  }

  .contact-form{
    padding:24px;
  }

  .community-feature{
    grid-template-columns:1fr;
    gap:18px;
    padding:26px;
  }

  .feature-icon{
    width:70px;
    height:70px;
    border-radius:18px;
  }

  .community-feature h2{
    font-size:1.45rem;
  }
}

/* FOOTER */
footer{
  text-align:center;
  padding:30px;
  border-top:1px solid var(--border);
  color:var(--muted);
}

/* MEMBER AREA */
.member-area{
  min-height:calc(100vh - 87px);
  padding:86px 10%;
}

.member-welcome{
  max-width:850px;
}

.member-welcome h1{
  font-size:4.3rem;
  line-height:1.04;
}

.member-welcome p{
  margin-top:18px;
  color:var(--muted);
  font-size:1.12rem;
  line-height:1.7;
}

.member-profile{
  display:flex;
  align-items:center;
  gap:24px;
  max-width:700px;
  margin-top:46px;
  padding:28px 0;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}

.member-profile img{
  width:112px;
  height:112px;
  border:3px solid rgba(168,85,247,0.55);
  border-radius:50%;
  object-fit:cover;
  box-shadow:0 14px 36px rgba(0,0,0,0.35);
}

.member-profile h2{
  margin-top:10px;
  font-size:1.8rem;
}

.member-profile p,
.member-profile small{
  display:block;
  margin-top:5px;
  color:var(--muted);
}

.public-member-profile{
  padding-top:52px;
}

.public-profile-back{
  display:inline-block;
  margin-bottom:34px;
  color:#8bdce8;
  font-size:.84rem;
  font-weight:800;
  text-decoration:none;
  transition:color .2s ease,transform .2s ease;
}

.public-profile-back:hover{
  color:#fff;
  transform:translateX(-3px);
}

.member-roles{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}

.member-role{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 11px;
  border:1px solid rgba(168,85,247,0.42);
  border-radius:6px;
  background:linear-gradient(135deg,rgba(168,85,247,0.20),rgba(34,211,238,0.10));
  color:var(--text);
  font-size:.78rem;
  font-weight:900;
}

.member-status{
  display:inline-block;
  color:#86efac;
  font-size:.78rem;
  font-weight:900;
  text-transform:uppercase;
}

.member-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}

.member-stats-toolbar{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-top:54px;
}

.member-stats-toolbar h2{
  margin-top:7px;
  font-size:1.8rem;
}

.member-stats-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  flex-wrap:wrap;
}

.leaderboard-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 14px;
  border:1px solid rgba(245,158,11,0.42);
  border-radius:8px;
  background:rgba(245,158,11,0.08);
  color:#fbbf24;
  text-decoration:none;
  font-size:.84rem;
  font-weight:900;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}

.leaderboard-link:hover{
  transform:translateY(-2px);
  border-color:rgba(245,158,11,0.76);
  background:rgba(245,158,11,0.14);
}

.member-wallet-pill{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:7px 13px 7px 8px;
  overflow:hidden;
  border:1px solid rgba(245,158,11,0.44);
  border-radius:8px;
  background:
    radial-gradient(circle at 18% 12%,rgba(253,224,71,0.24),transparent 42%),
    rgba(245,158,11,0.08);
  color:#fbbf24;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.025);
  white-space:nowrap;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}

.member-wallet-pill:hover{
  transform:translateY(-2px);
  border-color:rgba(245,158,11,0.78);
  background:
    radial-gradient(circle at 18% 12%,rgba(253,224,71,0.3),transparent 42%),
    rgba(245,158,11,0.13);
  box-shadow:0 12px 28px rgba(245,158,11,0.08),inset 0 0 0 1px rgba(255,255,255,0.035);
}

.wallet-coin{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid rgba(253,230,138,0.54);
  border-radius:50%;
  background:linear-gradient(145deg,#facc15,#b77912);
  color:#231504;
  font-size:.58rem;
  font-weight:950;
  letter-spacing:0;
  box-shadow:0 0 18px rgba(250,204,21,0.24);
}

.wallet-copy{
  display:grid;
  gap:1px;
  line-height:1.05;
}

.wallet-copy small{
  color:rgba(253,230,138,0.72);
  font-size:.58rem;
  font-weight:900;
  text-transform:uppercase;
}

.wallet-copy strong{
  color:#fde68a;
  font-size:.88rem;
  font-weight:950;
  font-variant-numeric:tabular-nums;
}

.leaderboard-link svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.member-stat{
  --stat-accent:#a855f7;
  --stat-soft:rgba(168,85,247,0.14);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-width:0;
  min-height:190px;
  padding:24px 24px 22px;
  border:1px solid color-mix(in srgb,var(--stat-accent) 35%,var(--border));
  border-radius:8px;
  background:
    linear-gradient(145deg,var(--stat-soft),transparent 48%),
    rgba(255,255,255,0.045);
  box-shadow:0 18px 46px rgba(0,0,0,0.2);
  animation:member-stat-enter .55s ease both;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.member-stat:nth-child(2){
  --stat-accent:#22d3ee;
  --stat-soft:rgba(34,211,238,0.12);
  animation-delay:.08s;
}

.member-stat:nth-child(3){
  --stat-accent:#f59e0b;
  --stat-soft:rgba(245,158,11,0.12);
  animation-delay:.16s;
}

.member-stat::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:var(--stat-accent);
  box-shadow:0 0 18px color-mix(in srgb,var(--stat-accent) 70%,transparent);
}

.member-stat::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-36px;
  bottom:-54px;
  width:150px;
  height:110px;
  border:1px solid color-mix(in srgb,var(--stat-accent) 24%,transparent);
  transform:rotate(-18deg);
}

.member-stat:hover{
  transform:translateY(-5px);
  border-color:color-mix(in srgb,var(--stat-accent) 68%,white 8%);
  box-shadow:0 24px 58px rgba(0,0,0,0.3),0 0 28px color-mix(in srgb,var(--stat-accent) 13%,transparent);
}

.member-stat-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.member-stat-head > span:first-child{
  display:block;
  color:color-mix(in srgb,var(--stat-accent) 72%,white);
  font-size:.78rem;
  font-weight:900;
  text-transform:uppercase;
}

.member-stat-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  flex:none;
  border:1px solid color-mix(in srgb,var(--stat-accent) 45%,transparent);
  border-radius:8px;
  background:color-mix(in srgb,var(--stat-accent) 13%,transparent);
  color:var(--stat-accent);
}

.member-stat-icon svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.member-stat strong{
  display:block;
  margin-top:20px;
  color:var(--text);
  font-size:2rem;
  line-height:1.1;
  font-variant-numeric:tabular-nums;
}

.member-stat small{
  display:block;
  margin-top:10px;
  color:var(--muted);
  font-size:.78rem;
  line-height:1.5;
}

.member-stat .member-stat-note{
  margin-top:5px;
  color:color-mix(in srgb,var(--stat-accent) 58%,var(--muted));
}

.level-progress{
  overflow:hidden;
  height:7px;
  margin-top:18px;
  border-radius:4px;
  background:rgba(255,255,255,0.1);
}

.level-progress span{
  display:block;
  height:100%;
  border-radius:4px;
  background:linear-gradient(90deg,#a855f7,#22d3ee);
  box-shadow:0 0 14px rgba(34,211,238,0.5);
  transition:width .7s ease;
}

.is-live-updated{
  animation:live-stat-update .45s ease;
}

@keyframes live-stat-update{
  50%{
    color:#ffffff;
    text-shadow:0 0 16px currentColor;
  }
}

@keyframes member-stat-enter{
  from{
    opacity:0;
    transform:translateY(12px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }
}

.member-content{
  max-width:820px;
  margin-top:58px;
}

.member-content h2{
  font-size:2.5rem;
}

.member-content p{
  max-width:700px;
  margin-top:14px;
  color:var(--muted);
  line-height:1.75;
}

/* DAILY MISSIONS */
.mission-zone{
  margin-top:72px;
}

.mission-header{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
}

.mission-header h2,
.boost-vault h2{
  margin-top:7px;
  font-size:2.35rem;
}

.mission-reset{
  color:var(--muted);
  font-size:.82rem;
  font-weight:700;
}

.mission-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:24px;
}

.daily-mission{
  --mission-accent:#a855f7;
  position:relative;
  overflow:hidden;
  min-height:245px;
  padding:25px;
  border:1px solid color-mix(in srgb,var(--mission-accent) 38%,var(--border));
  border-top:3px solid var(--mission-accent);
  border-radius:8px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--mission-accent) 13%,transparent),rgba(255,255,255,.04) 55%);
  box-shadow:0 18px 46px rgba(0,0,0,.22);
  transition:transform .25s ease,border-color .25s ease;
}

.daily-mission:nth-child(2){
  --mission-accent:#22d3ee;
}

.daily-mission:nth-child(3){
  --mission-accent:#f59e0b;
}

.daily-mission:hover{
  transform:translateY(-4px);
  border-color:color-mix(in srgb,var(--mission-accent) 70%,white 6%);
}

.daily-mission.is-complete{
  --mission-accent:#22c55e;
}

.mission-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.mission-topline span,
.mission-topline strong{
  color:color-mix(in srgb,var(--mission-accent) 75%,white);
  font-size:.75rem;
  font-weight:900;
  text-transform:uppercase;
}

.daily-mission h3{
  margin-top:28px;
  font-size:1.35rem;
}

.daily-mission p{
  min-height:52px;
  margin-top:9px;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.55;
}

.mission-progress{
  overflow:hidden;
  height:7px;
  margin-top:25px;
  border-radius:4px;
  background:rgba(255,255,255,.1);
}

.mission-progress span{
  display:block;
  height:100%;
  border-radius:4px;
  background:var(--mission-accent);
  box-shadow:0 0 14px color-mix(in srgb,var(--mission-accent) 55%,transparent);
  transition:width .45s ease;
}

.daily-mission > small{
  display:block;
  margin-top:10px;
  color:var(--muted);
  font-size:.76rem;
}

.daily-system-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:28px;
}

.streak-panel,
.daily-gift{
  min-height:290px;
  padding:30px;
  border:1px solid var(--border);
  border-radius:8px;
}

.streak-panel{
  background:linear-gradient(145deg,rgba(236,72,153,.15),rgba(255,255,255,.035) 58%);
  border-color:rgba(236,72,153,.32);
}

.streak-panel.is-recovery{
  background:linear-gradient(145deg,rgba(245,158,11,.18),rgba(236,72,153,.08) 62%);
  border-color:rgba(245,158,11,.38);
}

.streak-panel.is-lost{
  background:linear-gradient(145deg,rgba(248,113,113,.16),rgba(255,255,255,.035) 62%);
  border-color:rgba(248,113,113,.34);
}

.streak-panel.is-recovery .streak-number{
  color:#f59e0b;
}

.streak-panel.is-lost .streak-number{
  color:#f87171;
}

.daily-gift{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(34,211,238,.12),rgba(245,158,11,.07) 65%);
  border-color:rgba(34,211,238,.3);
}

.daily-kicker{
  color:var(--accent);
  font-size:.75rem;
  font-weight:900;
  text-transform:uppercase;
}

.streak-number{
  display:block;
  margin-top:18px;
  color:#f472b6;
  font-size:4.8rem;
  line-height:.9;
  font-variant-numeric:tabular-nums;
}

.streak-panel h3,
.daily-gift h3{
  margin-top:9px;
  font-size:1.45rem;
}

.streak-panel p,
.daily-gift p,
.boost-vault p{
  max-width:590px;
  margin-top:12px;
  color:var(--muted);
  line-height:1.65;
}

.recovery-progress{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}

.recovery-progress span{
  padding:8px 10px;
  border:1px solid rgba(244,114,182,.28);
  border-radius:6px;
  background:rgba(244,114,182,.08);
  font-size:.78rem;
}

.gift-mark{
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  margin:20px 0 0;
  border:1px solid rgba(34,211,238,.42);
  border-radius:8px;
  background:rgba(34,211,238,.1);
  color:#22d3ee;
}

.gift-mark svg{
  width:31px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.gift-open-button{
  margin-top:22px;
  padding:12px 17px;
  border:0;
  border-radius:7px;
  background:linear-gradient(135deg,#22d3ee,#a855f7);
  color:white;
  cursor:pointer;
  font-weight:900;
}

.gift-open-button:disabled{
  opacity:.5;
  cursor:not-allowed;
}

.boost-vault{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px 24px;
  align-items:end;
  margin-top:48px;
  padding:34px 0;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}

.boost-vault>div:first-child{
  min-width:0;
}

.boost-vault>.active-boost{
  justify-self:end;
}

.boost-inventory{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(235px,1fr));
  justify-content:stretch;
  align-items:stretch;
  gap:12px;
  width:100%;
  min-width:0;
}

.inventory-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(168,85,247,.28);
  border-radius:9px;
  background:
    radial-gradient(circle at 24% 18%,rgba(192,132,252,.18),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025)),
    rgba(10,14,24,.74);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 38px rgba(0,0,0,.18);
}

.inventory-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,#8b5cf6,#c084fc);
  opacity:.8;
}

.inventory-card.rarity-comune::before{background:linear-gradient(90deg,#22c55e,#86efac)}
.inventory-card.rarity-raro::before{background:linear-gradient(90deg,#2563eb,#60a5fa)}
.inventory-card.rarity-epico::before{background:linear-gradient(90deg,#a855f7,#f0abfc)}
.inventory-card.rarity-leggendario::before{background:linear-gradient(90deg,#f59e0b,#facc15)}
.inventory-card.rarity-mitico::before{background:linear-gradient(90deg,#7f1d1d,#dc2626)}
.inventory-card.rarity-nitro::before{background:linear-gradient(90deg,#7c3aed,#22d3ee,#f0abfc)}
.inventory-card.rarity-esotico::before{background:linear-gradient(90deg,#14b8a6,#f59e0b,#22d3ee)}
.inventory-card.rarity-vip::before{background:linear-gradient(90deg,#facc15,#fde68a,#f59e0b)}
.inventory-card.rarity-verificato::before{background:linear-gradient(90deg,#38bdf8,#e0f2fe,#0ea5e9)}

.inventory-card-main{
  position:relative;
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  gap:12px;
  width:100%;
  min-height:136px;
  padding:15px;
  border:0;
  background:transparent;
  color:var(--text);
  cursor:pointer;
  text-align:left;
}

.inventory-art{
  position:relative;
  display:grid;
  place-items:center;
  width:96px;
  height:96px;
}

.inventory-art img{
  width:96px;
  height:96px;
  object-fit:contain;
  filter:drop-shadow(0 13px 18px rgba(124,58,237,.28));
}

.inventory-art b{
  position:absolute;
  right:-4px;
  bottom:-4px;
  min-width:28px;
  padding:3px 6px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  color:#f8f0ff;
  background:#111827;
  font-size:.68rem;
  text-align:center;
  box-shadow:0 10px 18px rgba(0,0,0,.24);
}

.inventory-info{
  min-width:0;
  align-self:center;
}

.inventory-info small,
.inventory-info strong,
.inventory-info em{
  display:block;
}

.inventory-info small{
  width:max-content;
  max-width:100%;
  margin-bottom:7px;
  padding:4px 7px;
  border:1px solid rgba(192,132,252,.22);
  border-radius:5px;
  color:#c084fc;
  background:rgba(168,85,247,.08);
  font-size:.58rem;
  font-style:normal;
  font-weight:950;
  text-transform:uppercase;
}

.inventory-card.rarity-comune .inventory-info small{
  border-color:rgba(34,197,94,.34);
  color:#86efac;
  background:rgba(34,197,94,.09);
}

.inventory-card.rarity-raro .inventory-info small{
  border-color:rgba(96,165,250,.36);
  color:#93c5fd;
  background:rgba(37,99,235,.1);
}

.inventory-card.rarity-epico .inventory-info small{
  border-color:rgba(168,85,247,.36);
  color:#d8b4fe;
  background:rgba(168,85,247,.1);
}

.inventory-info strong{
  color:#eef2ff;
  font-size:.94rem;
  line-height:1.22;
}

.inventory-info em{
  margin-top:5px;
  color:var(--muted);
  font-size:.74rem;
  font-style:normal;
}

.inventory-card.rarity-leggendario .inventory-info small{
  border-color:rgba(245,158,11,.32);
  color:#f8d66d;
  background:rgba(245,158,11,.08);
}

.inventory-card.rarity-mitico .inventory-info small{
  border-color:rgba(220,38,38,.38);
  color:#fca5a5;
  background:rgba(127,29,29,.16);
}

.inventory-card.rarity-nitro .inventory-info small{
  border-color:rgba(34,211,238,.44);
  color:#d8b4fe;
  background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(34,211,238,.1));
}

.inventory-card.rarity-esotico .inventory-info small{
  border-color:rgba(20,184,166,.42);
  color:#99f6e4;
  background:linear-gradient(135deg,rgba(20,184,166,.13),rgba(245,158,11,.09));
}

.inventory-card.rarity-vip .inventory-info small{
  border-color:rgba(250,204,21,.46);
  color:#fef3c7;
  background:linear-gradient(135deg,rgba(250,204,21,.16),rgba(245,158,11,.1));
}

.inventory-card.rarity-verificato .inventory-info small{
  border-color:rgba(56,189,248,.42);
  color:#bae6fd;
  background:linear-gradient(135deg,rgba(56,189,248,.14),rgba(224,242,254,.08));
}

.inventory-card:hover{
  border-color:rgba(192,132,252,.62);
  transform:translateY(-2px);
}

.inventory-card-main:disabled{
  cursor:wait;
  opacity:.62;
}

.boost-item:hover:not(:disabled){
  border-color:#a855f7;
}

.boost-empty{
  color:var(--muted);
  font-size:.85rem;
}

.active-boost{
  position:relative;
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-width:292px;
  max-width:100%;
  padding:14px 15px;
  border:1px solid rgba(168,85,247,.34);
  border-radius:12px;
  background:
    radial-gradient(circle at 18% 20%,rgba(192,132,252,.28),transparent 42%),
    radial-gradient(circle at 88% 82%,rgba(34,211,238,.14),transparent 38%),
    linear-gradient(145deg,rgba(20,18,34,.95),rgba(9,13,24,.96));
  box-shadow:0 20px 48px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;
}

.active-boost::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,#8b5cf6,#22d3ee,#f59e0b);
  opacity:.95;
}

.active-boost-orb{
  position:relative;
  display:grid;
  place-items:center;
  width:70px;
  height:64px;
  filter:drop-shadow(0 0 16px rgba(168,85,247,.52));
}

.active-boost-orb img{
  display:block;
  width:76px;
  max-width:none;
  height:auto;
  object-fit:contain;
}

.active-boost-copy{
  position:relative;
  z-index:1;
  min-width:0;
}

.active-boost-copy>span:first-child,
.active-boost-copy small{
  display:block;
  color:#9aa8bd;
  font-size:.66rem;
  font-weight:950;
  text-transform:uppercase;
}

.active-boost-copy strong{
  display:block;
  margin:3px 0 5px;
  color:#f8f0ff;
  font-size:1.62rem;
  line-height:1;
  text-shadow:0 0 22px rgba(192,132,252,.36);
}

.active-boost-progress{
  display:block;
  width:100%;
  height:7px;
  margin-top:8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(255,255,255,.07);
  overflow:hidden;
}

.active-boost-progress b{
  display:block;
  width:100%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#22d3ee,#a855f7,#f59e0b);
  box-shadow:0 0 18px rgba(168,85,247,.46);
  transition:width .35s ease;
}

.inventory-use-dialog{
  position:fixed;
  inset:0;
  margin:auto;
  width:min(760px,calc(100vw - 28px));
  max-height:calc(100vh - 28px);
  padding:0;
  border:1px solid rgba(168,85,247,.34);
  border-radius:14px;
  color:var(--text);
  background:
    radial-gradient(circle at 20% 8%,rgba(168,85,247,.28),transparent 36%),
    radial-gradient(circle at 86% 20%,rgba(59,130,246,.14),transparent 32%),
    linear-gradient(145deg,rgba(14,18,31,.98),rgba(8,11,20,.98));
  box-shadow:0 36px 90px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;
}

.inventory-use-dialog::backdrop{
  background:rgba(3,7,18,.72);
  backdrop-filter:blur(10px);
}

.inventory-use-dialog::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,#8b5cf6,#c084fc);
}

.inventory-use-dialog.rarity-comune::before{background:linear-gradient(90deg,#22c55e,#86efac)}
.inventory-use-dialog.rarity-raro::before{background:linear-gradient(90deg,#2563eb,#60a5fa)}
.inventory-use-dialog.rarity-epico::before{background:linear-gradient(90deg,#a855f7,#f0abfc)}
.inventory-use-dialog.rarity-leggendario::before{background:linear-gradient(90deg,#f59e0b,#facc15)}
.inventory-use-dialog.rarity-mitico::before{background:linear-gradient(90deg,#7f1d1d,#dc2626)}
.inventory-use-dialog.rarity-nitro::before{background:linear-gradient(90deg,#7c3aed,#22d3ee,#f0abfc)}
.inventory-use-dialog.rarity-esotico::before{background:linear-gradient(90deg,#14b8a6,#f59e0b,#22d3ee)}
.inventory-use-dialog.rarity-vip::before{background:linear-gradient(90deg,#facc15,#fde68a,#f59e0b)}
.inventory-use-dialog.rarity-verificato::before{background:linear-gradient(90deg,#38bdf8,#e0f2fe,#0ea5e9)}

.inventory-dialog-close{
  position:absolute;
  z-index:2;
  top:14px;
  right:14px;
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  color:#f8f0ff;
  background:rgba(255,255,255,.06);
  cursor:pointer;
  font-size:1.35rem;
  line-height:1;
}

.inventory-dialog-shell{
  display:grid;
  grid-template-columns:minmax(210px,320px) minmax(0,1fr);
  gap:22px;
  align-items:center;
  padding:30px;
}

.inventory-dialog-art{
  display:grid;
  place-items:center;
  min-height:280px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:
    radial-gradient(circle at 50% 46%,rgba(192,132,252,.18),transparent 58%),
    rgba(255,255,255,.035);
}

.inventory-dialog-art img{
  width:min(280px,100%);
  height:280px;
  object-fit:contain;
  filter:drop-shadow(0 24px 34px rgba(124,58,237,.32));
}

.inventory-dialog-copy{
  min-width:0;
  padding-right:18px;
}

.inventory-dialog-rarity{
  display:inline-flex;
  margin-bottom:12px;
  padding:6px 10px;
  border:1px solid rgba(192,132,252,.3);
  border-radius:6px;
  color:#d8b4fe;
  background:rgba(168,85,247,.1);
  font-size:.7rem;
  font-weight:950;
  text-transform:uppercase;
}

.inventory-use-dialog.rarity-comune .inventory-dialog-rarity{border-color:rgba(34,197,94,.36);color:#86efac;background:rgba(34,197,94,.1)}
.inventory-use-dialog.rarity-raro .inventory-dialog-rarity{border-color:rgba(96,165,250,.38);color:#93c5fd;background:rgba(37,99,235,.12)}
.inventory-use-dialog.rarity-epico .inventory-dialog-rarity{border-color:rgba(168,85,247,.42);color:#d8b4fe;background:rgba(168,85,247,.12)}
.inventory-use-dialog.rarity-leggendario .inventory-dialog-rarity{border-color:rgba(245,158,11,.4);color:#f8d66d;background:rgba(245,158,11,.1)}
.inventory-use-dialog.rarity-mitico .inventory-dialog-rarity{border-color:rgba(220,38,38,.42);color:#fca5a5;background:rgba(127,29,29,.18)}
.inventory-use-dialog.rarity-nitro .inventory-dialog-rarity{border-color:rgba(34,211,238,.44);color:#d8b4fe;background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(34,211,238,.1))}
.inventory-use-dialog.rarity-esotico .inventory-dialog-rarity{border-color:rgba(20,184,166,.42);color:#99f6e4;background:linear-gradient(135deg,rgba(20,184,166,.13),rgba(245,158,11,.09))}
.inventory-use-dialog.rarity-vip .inventory-dialog-rarity{border-color:rgba(250,204,21,.46);color:#fef3c7;background:linear-gradient(135deg,rgba(250,204,21,.16),rgba(245,158,11,.1))}
.inventory-use-dialog.rarity-verificato .inventory-dialog-rarity{border-color:rgba(56,189,248,.42);color:#bae6fd;background:linear-gradient(135deg,rgba(56,189,248,.14),rgba(224,242,254,.08))}

.inventory-dialog-copy h2{
  margin:0;
  color:#fff;
  font-size:clamp(1.8rem,3vw,2.65rem);
  line-height:1.02;
}

.inventory-dialog-copy p{
  margin:12px 0 10px;
  color:var(--muted);
  font-size:.98rem;
}

.inventory-dialog-copy small{
  color:#c4b5fd;
  font-weight:800;
}

.inventory-dialog-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}

.inventory-dialog-actions button{
  min-height:44px;
  padding:0 18px;
  border-radius:8px;
  cursor:pointer;
  font-weight:950;
}

.inventory-dialog-actions button:first-child{
  border:1px solid rgba(255,255,255,.13);
  color:#e5e7eb;
  background:rgba(255,255,255,.05);
}

.inventory-dialog-actions button:last-child{
  border:1px solid rgba(168,85,247,.62);
  color:#fff;
  background:linear-gradient(135deg,#7c3aed,#a855f7);
  box-shadow:0 16px 34px rgba(124,58,237,.28);
}

.inventory-dialog-actions button:disabled{
  opacity:.65;
  cursor:wait;
}

@media(max-width:680px){
  .inventory-dialog-shell{
    grid-template-columns:1fr;
    gap:14px;
    padding:24px 18px 20px;
  }

  .inventory-dialog-art{
    min-height:210px;
  }

  .inventory-dialog-art img{
    height:210px;
  }

  .inventory-dialog-copy{
    padding-right:0;
  }

  .inventory-dialog-actions button{
    flex:1;
  }
}

.inventory-notice-dialog{
  position:fixed;
  inset:0;
  margin:auto;
  width:min(430px,calc(100vw - 28px));
  padding:25px;
  border:1px solid rgba(245,158,11,.34);
  border-radius:16px;
  color:var(--text);
  background:
    radial-gradient(circle at 20% 10%,rgba(245,158,11,.24),transparent 36%),
    radial-gradient(circle at 84% 90%,rgba(168,85,247,.16),transparent 36%),
    linear-gradient(145deg,rgba(19,18,30,.98),rgba(8,12,22,.98));
  box-shadow:0 36px 88px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;
}

.inventory-notice-dialog::backdrop{
  background:rgba(3,7,18,.72);
  backdrop-filter:blur(10px);
}

.inventory-notice-dialog::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,#f59e0b,#a855f7,#22d3ee);
}

.inventory-notice-close{
  position:absolute;
  top:13px;
  right:13px;
  width:36px;
  height:36px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  color:#f8f0ff;
  background:rgba(255,255,255,.06);
  cursor:pointer;
  font-size:1.2rem;
  line-height:1;
}

.inventory-notice-icon{
  display:grid;
  place-items:center;
  width:74px;
  height:74px;
  margin:6px 0 18px;
  border:1px solid rgba(245,158,11,.32);
  border-radius:18px;
  background:
    radial-gradient(circle at 35% 25%,rgba(255,255,255,.2),transparent 32%),
    linear-gradient(145deg,rgba(245,158,11,.24),rgba(168,85,247,.18));
  box-shadow:0 18px 38px rgba(245,158,11,.16),inset 0 1px 0 rgba(255,255,255,.16);
}

.inventory-notice-icon span{
  color:#fef3c7;
  font-size:1.05rem;
  font-weight:950;
  text-shadow:0 0 18px rgba(245,158,11,.5);
}

.inventory-notice-copy span{
  color:#f8d66d;
  font-size:.65rem;
  font-weight:950;
  text-transform:uppercase;
}

.inventory-notice-copy h2{
  margin:7px 0 9px;
  color:#fff7ed;
  font-size:1.35rem;
  line-height:1.1;
}

.inventory-notice-copy p{
  color:#aab5c5;
  font-size:.86rem;
  line-height:1.55;
}

.inventory-notice-action{
  width:100%;
  margin-top:19px;
  padding:12px 16px;
  border:1px solid rgba(245,158,11,.36);
  border-radius:9px;
  color:#fff7ed;
  background:linear-gradient(135deg,rgba(245,158,11,.22),rgba(168,85,247,.16));
  cursor:pointer;
  font:inherit;
  font-size:.82rem;
  font-weight:950;
}

.inventory-notice-action:hover{
  transform:translateY(-1px);
  border-color:rgba(245,158,11,.55);
}

.chest-reveal-dialog{
  position:fixed;
  inset:0;
  margin:auto;
  width:min(820px,calc(100vw - 28px));
  max-height:calc(100vh - 28px);
  padding:0;
  border:1px solid rgba(168,85,247,.36);
  border-radius:16px;
  color:var(--text);
  background:
    radial-gradient(circle at 24% 12%,rgba(168,85,247,.26),transparent 34%),
    radial-gradient(circle at 78% 22%,rgba(0,168,225,.16),transparent 34%),
    linear-gradient(145deg,rgba(11,16,30,.98),rgba(5,8,16,.98));
  box-shadow:0 34px 105px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;
}

.chest-reveal-dialog::backdrop{
  background:rgba(3,7,18,.78);
  backdrop-filter:blur(12px);
}

.chest-reveal-dialog::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:linear-gradient(90deg,#8b5cf6,#22d3ee);
}

.chest-reveal-dialog.rarity-comune::before{background:linear-gradient(90deg,#22c55e,#86efac)}
.chest-reveal-dialog.rarity-raro::before{background:linear-gradient(90deg,#2563eb,#60a5fa)}
.chest-reveal-dialog.rarity-epico::before{background:linear-gradient(90deg,#a855f7,#f0abfc)}
.chest-reveal-dialog.rarity-leggendario::before{background:linear-gradient(90deg,#f59e0b,#facc15)}
.chest-reveal-dialog.rarity-mitico::before{background:linear-gradient(90deg,#7f1d1d,#dc2626)}
.chest-reveal-dialog.rarity-nitro::before{background:linear-gradient(90deg,#7c3aed,#22d3ee,#f0abfc)}
.chest-reveal-dialog.rarity-esotico::before{background:linear-gradient(90deg,#14b8a6,#f59e0b,#22d3ee)}
.chest-reveal-dialog.rarity-vip::before{background:linear-gradient(90deg,#facc15,#fde68a,#f59e0b)}
.chest-reveal-dialog.rarity-verificato::before{background:linear-gradient(90deg,#38bdf8,#e0f2fe,#0ea5e9)}

.chest-reveal-close{
  position:absolute;
  z-index:5;
  top:14px;
  right:14px;
  width:40px;
  height:40px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  color:#f8f0ff;
  background:rgba(255,255,255,.07);
  cursor:pointer;
  font-size:1.4rem;
  line-height:1;
}

.chest-reveal-shell{
  display:grid;
  grid-template-columns:minmax(280px,430px) minmax(0,1fr);
  gap:24px;
  align-items:center;
  padding:34px;
}

.chest-reveal-stage{
  position:relative;
  display:grid;
  place-items:center;
  min-height:390px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:
    radial-gradient(circle at 50% 45%,rgba(168,85,247,.2),transparent 52%),
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  overflow:hidden;
}

.chest-reveal-glow,
.chest-reveal-burst{
  position:absolute;
  inset:auto;
  width:250px;
  aspect-ratio:1;
  border-radius:999px;
  background:radial-gradient(circle,rgba(192,132,252,.42),transparent 62%);
  filter:blur(12px);
  opacity:.7;
}

.chest-reveal-burst{
  width:330px;
  background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.32),transparent,rgba(168,85,247,.38),transparent);
  filter:blur(1px);
  opacity:.3;
  animation:chest-spin 9s linear infinite;
}

.chest-reveal-box,
.chest-reveal-prize{
  position:absolute;
  width:min(72%,300px);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 24px 36px rgba(0,0,0,.42));
  transition:transform .5s ease,opacity .5s ease;
}

.chest-reveal-box{
  transform:translateY(78px) scale(.78);
  opacity:.62;
}

.chest-reveal-prize{
  width:min(64%,250px);
  transform:translateY(-8px) scale(1);
  opacity:1;
}

.chest-reveal-dialog.is-revealing .chest-reveal-box{
  animation:chest-box-pop .7s cubic-bezier(.2,.8,.2,1) both;
}

.chest-reveal-dialog.is-revealing .chest-reveal-prize{
  animation:chest-prize-pop .7s cubic-bezier(.16,1,.3,1) both;
}

.chest-reveal-copy{
  min-width:0;
  padding-right:20px;
}

.chest-reveal-step{
  display:inline-flex;
  margin-bottom:10px;
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:999px;
  color:#c4b5fd;
  background:rgba(255,255,255,.05);
  font-size:.72rem;
  font-weight:950;
}

.chest-reveal-rarity{
  display:block;
  width:max-content;
  max-width:100%;
  margin-bottom:12px;
  padding:6px 10px;
  border:1px solid rgba(192,132,252,.34);
  border-radius:6px;
  color:#d8b4fe;
  background:rgba(168,85,247,.1);
  font-size:.72rem;
  font-weight:950;
  text-transform:uppercase;
}

.chest-reveal-dialog.rarity-comune .chest-reveal-rarity{border-color:rgba(34,197,94,.36);color:#86efac;background:rgba(34,197,94,.1)}
.chest-reveal-dialog.rarity-raro .chest-reveal-rarity{border-color:rgba(96,165,250,.38);color:#93c5fd;background:rgba(37,99,235,.12)}
.chest-reveal-dialog.rarity-epico .chest-reveal-rarity{border-color:rgba(168,85,247,.42);color:#d8b4fe;background:rgba(168,85,247,.12)}
.chest-reveal-dialog.rarity-leggendario .chest-reveal-rarity{border-color:rgba(245,158,11,.4);color:#f8d66d;background:rgba(245,158,11,.1)}
.chest-reveal-dialog.rarity-mitico .chest-reveal-rarity{border-color:rgba(220,38,38,.42);color:#fca5a5;background:rgba(127,29,29,.18)}
.chest-reveal-dialog.rarity-nitro .chest-reveal-rarity{border-color:rgba(34,211,238,.44);color:#d8b4fe;background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(34,211,238,.1))}
.chest-reveal-dialog.rarity-esotico .chest-reveal-rarity{border-color:rgba(20,184,166,.42);color:#99f6e4;background:linear-gradient(135deg,rgba(20,184,166,.13),rgba(245,158,11,.09))}
.chest-reveal-dialog.rarity-vip .chest-reveal-rarity{border-color:rgba(250,204,21,.46);color:#fef3c7;background:linear-gradient(135deg,rgba(250,204,21,.16),rgba(245,158,11,.1))}
.chest-reveal-dialog.rarity-verificato .chest-reveal-rarity{border-color:rgba(56,189,248,.42);color:#bae6fd;background:linear-gradient(135deg,rgba(56,189,248,.14),rgba(224,242,254,.08))}

.chest-reveal-copy h2{
  margin:0;
  color:#fff;
  font-size:clamp(2rem,4vw,3.1rem);
  line-height:1;
}

.chest-reveal-copy p{
  margin:14px 0 24px;
  color:#aab6cc;
  font-weight:700;
  line-height:1.55;
}

.chest-reveal-copy button{
  min-height:48px;
  padding:0 22px;
  border:1px solid rgba(168,85,247,.62);
  border-radius:9px;
  color:#fff;
  background:linear-gradient(135deg,#7c3aed,#a855f7);
  box-shadow:0 18px 38px rgba(124,58,237,.3);
  cursor:pointer;
  font-weight:950;
}

@keyframes chest-spin{
  to{transform:rotate(360deg)}
}

@keyframes chest-box-pop{
  0%{transform:translateY(84px) scale(.72) rotate(-1deg);opacity:.42}
  45%{transform:translateY(70px) scale(.86) rotate(1.5deg);opacity:.7}
  100%{transform:translateY(78px) scale(.78);opacity:.62}
}

@keyframes chest-prize-pop{
  0%{transform:translateY(42px) scale(.42);opacity:0;filter:blur(8px) drop-shadow(0 24px 36px rgba(0,0,0,.42))}
  70%{transform:translateY(-14px) scale(1.08);opacity:1;filter:blur(0) drop-shadow(0 28px 46px rgba(168,85,247,.36))}
  100%{transform:translateY(-8px) scale(1);opacity:1}
}

@media(max-width:720px){
  .chest-reveal-shell{
    grid-template-columns:1fr;
    gap:16px;
    padding:26px 18px 20px;
  }

  .chest-reveal-stage{
    min-height:300px;
  }

  .chest-reveal-copy{
    padding-right:0;
  }
}

.reward-dialog{
  position:fixed;
  inset:0;
  width:min(440px,calc(100% - 32px));
  max-height:calc(100vh - 32px);
  margin:auto;
  padding:40px 36px 36px;
  border:1px solid rgba(168,85,247,.62);
  border-top:3px solid #c084fc;
  border-radius:8px;
  background:linear-gradient(145deg,rgba(168,85,247,.17),rgba(34,211,238,.08) 54%,#111827 90%),#111827;
  color:var(--text);
  text-align:center;
  box-shadow:0 32px 110px rgba(0,0,0,.72),0 0 42px rgba(168,85,247,.2);
}

.reward-dialog[open]{
  animation:reward-dialog-enter .38s cubic-bezier(.2,.8,.2,1) both;
}

.reward-dialog::backdrop{
  background:rgba(2,6,12,.78);
  backdrop-filter:blur(8px);
}

.reward-dialog > button{
  position:absolute;
  top:12px;
  right:12px;
  width:38px;
  height:38px;
  border:1px solid var(--border);
  border-radius:50%;
  background:transparent;
  color:var(--text);
  cursor:pointer;
  font-size:1.5rem;
}

.reward-symbol{
  display:grid;
  place-items:center;
  width:76px;
  height:76px;
  margin:0 auto 24px;
  border:1px solid rgba(34,211,238,.55);
  border-radius:50%;
  background:rgba(34,211,238,.1);
  color:#67e8f9;
  box-shadow:0 0 28px rgba(34,211,238,.18);
}

.reward-symbol svg{
  width:38px;
  height:38px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.reward-dialog h2{
  margin-top:10px;
  font-size:1.45rem;
}

.reward-dialog > strong{
  display:block;
  margin-top:18px;
  color:#c084fc;
  font-size:2.25rem;
  line-height:1.15;
  overflow-wrap:anywhere;
}

.reward-dialog p{
  margin-top:12px;
  color:var(--muted);
  line-height:1.6;
}

@keyframes reward-dialog-enter{
  from{
    opacity:0;
    transform:translateY(18px) scale(.96);
  }

  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

.reward-wheel-dialog{
  width:min(860px,calc(100vw - 28px));
  max-height:calc(100vh - 28px);
  padding:0;
  border:1px solid rgba(168,85,247,.42);
  border-top:0;
  border-radius:16px;
  background:
    radial-gradient(circle at 17% 16%,rgba(168,85,247,.28),transparent 34%),
    radial-gradient(circle at 85% 18%,rgba(34,211,238,.16),transparent 30%),
    linear-gradient(145deg,rgba(12,16,28,.98),rgba(6,10,18,.99));
  box-shadow:0 34px 110px rgba(0,0,0,.74),0 0 70px rgba(168,85,247,.16),inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;
}

.reward-wheel-dialog::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,#7f1d1d,#f59e0b,#a855f7,#2563eb,#22c55e);
}

.reward-wheel-dialog::after{
  content:"";
  position:absolute;
  inset:auto -12% -34% 34%;
  height:52%;
  background:radial-gradient(circle,rgba(168,85,247,.18),transparent 62%);
  pointer-events:none;
}

.reward-wheel-dialog::backdrop{
  background:rgba(2,6,12,.82);
  backdrop-filter:blur(11px);
}

.reward-wheel-close{
  position:absolute;
  z-index:8;
  top:14px;
  right:14px;
  width:40px;
  height:40px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  color:#f8f0ff;
  background:rgba(255,255,255,.06);
  cursor:pointer;
  font-size:1.45rem;
  line-height:1;
}

.reward-wheel-shell{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(300px,.92fr) minmax(280px,1fr);
  gap:22px;
  align-items:center;
  padding:24px;
}

.reward-wheel-stage{
  position:relative;
  display:grid;
  place-items:center;
  min-height:410px;
}

.reward-wheel-pointer{
  position:absolute;
  z-index:5;
  top:12px;
  left:50%;
  width:34px;
  height:48px;
  transform:translateX(-50%);
  clip-path:polygon(50% 100%,0 0,100% 0);
  background:linear-gradient(180deg,#facc15,#f59e0b 62%,#7c2d12);
  filter:drop-shadow(0 12px 20px rgba(245,158,11,.42));
}

.reward-wheel{
  --wheel-size:min(370px,calc(100vw - 82px),calc(100vh - 210px));
  position:relative;
  display:grid;
  place-items:center;
  width:var(--wheel-size);
  height:var(--wheel-size);
  border:10px solid rgba(255,255,255,.08);
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%,rgba(4,8,17,.98) 0 16%,transparent 16.5%),
    var(--wheel-bg);
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.12),
    inset 0 0 40px rgba(0,0,0,.52),
    0 26px 70px rgba(0,0,0,.46),
    0 0 48px rgba(168,85,247,.2);
  will-change:transform;
}

.reward-wheel::before{
  content:"";
  position:absolute;
  inset:24px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:50%;
  box-shadow:inset 0 0 24px rgba(255,255,255,.08);
}

.reward-wheel::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 28%,transparent 66%,rgba(255,255,255,.08));
  mix-blend-mode:screen;
  pointer-events:none;
}

.reward-wheel-center{
  position:relative;
  z-index:4;
  display:grid;
  place-items:center;
  width:92px;
  height:92px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 30%,rgba(255,255,255,.16),transparent 48%),
    linear-gradient(145deg,#111827,#050814);
  box-shadow:0 18px 42px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.14);
  color:#fff;
  line-height:1;
}

.reward-wheel-center img{
  width:70px;
  height:70px;
  object-fit:contain;
  filter:drop-shadow(0 8px 14px rgba(168,85,247,.24));
}

.reward-wheel-ring{
  position:absolute;
  inset:0;
  border-radius:50%;
}

.wheel-prize{
  position:absolute;
  top:50%;
  left:50%;
  display:grid;
  place-items:center;
  width:82px;
  height:82px;
  transform:
    translate(-50%,-50%)
    rotate(var(--angle))
    translateY(calc(var(--wheel-size) * -.35))
    rotate(var(--angle-back));
  text-align:center;
}

.wheel-prize img{
  width:82px;
  height:82px;
  object-fit:contain;
  filter:drop-shadow(0 14px 18px rgba(0,0,0,.46));
}

.reward-wheel-copy{
  min-width:0;
  padding:12px 14px 12px 0;
  text-align:left;
}

.reward-wheel-copy h2{
  margin:10px 0 12px;
  color:#fff;
  font-size:clamp(1.8rem,3.4vw,2.65rem);
  line-height:1;
}

.reward-wheel-copy>p{
  max-width:430px;
  color:#aeb8c7;
  line-height:1.65;
}

.reward-wheel-result{
  display:grid;
  grid-template-columns:102px minmax(0,1fr);
  gap:14px;
  align-items:center;
  margin-top:22px;
  padding:14px;
  border:1px solid rgba(168,85,247,.28);
  border-radius:12px;
  background:
    radial-gradient(circle at 18% 25%,rgba(168,85,247,.16),transparent 44%),
    rgba(255,255,255,.04);
  animation:reward-result-pop .42s cubic-bezier(.2,.8,.2,1) both;
}

.reward-wheel-result[hidden]{
  display:none;
}

.reward-wheel-result img{
  width:102px;
  height:102px;
  object-fit:contain;
  filter:drop-shadow(0 18px 25px rgba(124,58,237,.26));
}

.reward-wheel-result small{
  display:inline-flex;
  margin-bottom:7px;
  padding:5px 8px;
  border:1px solid rgba(192,132,252,.32);
  border-radius:5px;
  color:#d8b4fe;
  background:rgba(168,85,247,.12);
  font-size:.64rem;
  font-weight:950;
  text-transform:uppercase;
}

.reward-wheel-dialog.rarity-comune .reward-wheel-result small{border-color:rgba(34,197,94,.34);color:#86efac;background:rgba(34,197,94,.1)}
.reward-wheel-dialog.rarity-raro .reward-wheel-result small{border-color:rgba(96,165,250,.38);color:#93c5fd;background:rgba(37,99,235,.12)}
.reward-wheel-dialog.rarity-epico .reward-wheel-result small{border-color:rgba(168,85,247,.42);color:#d8b4fe;background:rgba(168,85,247,.12)}
.reward-wheel-dialog.rarity-leggendario .reward-wheel-result small{border-color:rgba(245,158,11,.4);color:#f8d66d;background:rgba(245,158,11,.11)}
.reward-wheel-dialog.rarity-mitico .reward-wheel-result small{border-color:rgba(220,38,38,.42);color:#fca5a5;background:rgba(127,29,29,.2)}

.reward-wheel-result strong{
  display:block;
  color:#fff;
  font-size:1.35rem;
  line-height:1.15;
}

.reward-wheel-result p{
  margin-top:6px;
  color:#9ca3af;
  font-size:.86rem;
  line-height:1.5;
}

@keyframes reward-result-pop{
  from{opacity:0;transform:translateY(10px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@media(max-width:860px){
  .reward-wheel-shell{
    grid-template-columns:1fr;
    padding:22px 18px 20px;
  }

  .reward-wheel-stage{
    min-height:min(430px,calc(100vw + 42px));
  }

  .reward-wheel-copy{
    padding:0;
  }
}

@media(max-width:560px){
  .wheel-prize{
    width:60px;
    height:60px;
    transform:
      translate(-50%,-50%)
      rotate(var(--angle))
      translateY(calc(var(--wheel-size) * -.32))
      rotate(var(--angle-back));
  }

  .wheel-prize img{
    width:60px;
    height:60px;
  }

  .reward-wheel-center{
    width:76px;
    height:76px;
  }

  .reward-wheel-center img{
    width:58px;
    height:58px;
  }

  .reward-wheel-result{
    grid-template-columns:86px minmax(0,1fr);
  }

  .reward-wheel-result img{
    width:86px;
    height:86px;
  }
}

body.reward-dialog-open{
  overflow:hidden;
  overscroll-behavior:none;
}

.auth-message{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  min-height:100vh;
  max-width:820px;
  padding:80px 10%;
}

.auth-message h1{
  font-size:4rem;
  line-height:1.05;
}

.auth-message p{
  margin-top:18px;
  color:var(--muted);
  font-size:1.08rem;
  line-height:1.7;
}

/* LEADERBOARD */
.leaderboard-page{
  min-height:calc(100vh - 87px);
  padding:82px 10% 96px;
}

.leaderboard-hero{
  max-width:820px;
}

.leaderboard-hero h1{
  margin-top:10px;
  font-size:4.5rem;
  line-height:1;
}

.leaderboard-hero p{
  max-width:650px;
  margin-top:18px;
  color:var(--muted);
  font-size:1.08rem;
  line-height:1.7;
}

.podium{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:end;
  margin-top:64px;
}

.podium-member{
  --podium-accent:#94a3b8;
  position:relative;
  overflow:hidden;
  min-width:0;
  min-height:330px;
  padding:30px 24px 24px;
  border:1px solid color-mix(in srgb,var(--podium-accent) 42%,var(--border));
  border-top:3px solid var(--podium-accent);
  border-radius:8px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--podium-accent) 12%,transparent),rgba(255,255,255,0.04) 54%);
  text-align:center;
  box-shadow:0 20px 52px rgba(0,0,0,0.25);
}

.podium-rank-1{
  --podium-accent:#fbbf24;
  order:2;
  min-height:370px;
  padding-top:40px;
}

.podium-rank-2{
  --podium-accent:#cbd5e1;
  order:1;
}

.podium-rank-3{
  --podium-accent:#fb923c;
  order:3;
}

.podium-position{
  position:absolute;
  top:16px;
  left:16px;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid color-mix(in srgb,var(--podium-accent) 55%,transparent);
  border-radius:50%;
  background:color-mix(in srgb,var(--podium-accent) 12%,#0b0f17);
  color:var(--podium-accent);
  font-weight:900;
}

.podium-member img{
  width:96px;
  height:96px;
  border:3px solid color-mix(in srgb,var(--podium-accent) 68%,transparent);
  border-radius:50%;
  object-fit:cover;
  box-shadow:0 14px 32px rgba(0,0,0,0.35);
}

.podium-member h2{
  overflow-wrap:anywhere;
  margin-top:18px;
  font-size:1.45rem;
}

.podium-member > p{
  overflow-wrap:anywhere;
  margin-top:5px;
  color:var(--muted);
  font-size:.86rem;
}

.podium-member > strong{
  display:block;
  margin-top:16px;
  color:var(--podium-accent);
  font-size:1.05rem;
}

.podium-stats{
  display:grid;
  gap:6px;
  margin-top:20px;
  padding-top:16px;
  border-top:1px solid var(--border);
  color:var(--muted);
  font-size:.8rem;
}

.leaderboard-list{
  margin-top:74px;
}

.leaderboard-list-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:22px;
}

.leaderboard-list-head h2{
  margin-top:6px;
  font-size:2rem;
}

.leaderboard-list-head .btn{
  margin-top:0;
}

.leaderboard-row{
  display:grid;
  grid-template-columns:50px 48px minmax(150px,1.4fr) repeat(4,minmax(84px,.65fr));
  gap:18px;
  align-items:center;
  min-height:78px;
  padding:14px 18px;
  border-top:1px solid var(--border);
  transition:background .2s ease,border-color .2s ease;
}

.leaderboard-row:last-child{
  border-bottom:1px solid var(--border);
}

.leaderboard-row:hover,
.leaderboard-row.is-current{
  border-color:rgba(168,85,247,0.34);
  background:linear-gradient(90deg,rgba(168,85,247,0.11),rgba(34,211,238,0.04));
}

.leaderboard-rank{
  color:var(--muted);
  font-weight:900;
  font-variant-numeric:tabular-nums;
}

.leaderboard-row img{
  width:48px;
  height:48px;
  border:1px solid var(--border);
  border-radius:50%;
  object-fit:cover;
}

.leaderboard-identity{
  min-width:0;
}

.leaderboard-identity strong,
.leaderboard-identity span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.leaderboard-identity span{
  margin-top:4px;
  color:var(--muted);
  font-size:.78rem;
}

.leaderboard-row > span:not(.leaderboard-rank) small,
.leaderboard-row > span:not(.leaderboard-rank) strong{
  display:block;
}

.leaderboard-row > span:not(.leaderboard-rank) small{
  color:var(--muted);
  font-size:.68rem;
  font-weight:700;
  text-transform:uppercase;
}

.leaderboard-row > span:not(.leaderboard-rank) strong{
  margin-top:4px;
  font-size:.9rem;
  font-variant-numeric:tabular-nums;
}

.leaderboard-empty{
  padding:34px 0;
  border-top:1px solid var(--border);
  color:var(--muted);
}

@media (max-width:700px){
  .member-area{
    padding:64px 6%;
  }

  .member-welcome h1,
  .auth-message h1{
    font-size:2.65rem;
  }

  .member-profile{
    align-items:flex-start;
    flex-direction:column;
  }

  .member-content h2{
    font-size:1.8rem;
  }

  .member-stats{
    grid-template-columns:1fr;
  }

  .member-stats-toolbar,
  .leaderboard-list-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .mission-header{
    align-items:flex-start;
    flex-direction:column;
  }

  .mission-grid,
  .daily-system-grid{
    grid-template-columns:1fr;
  }

  .daily-mission{
    min-height:0;
  }

  .boost-vault{
    grid-template-columns:1fr;
    align-items:start;
  }

  .boost-vault>.active-boost{
    justify-self:stretch;
    min-width:0;
  }

  .boost-inventory{
    justify-content:flex-start;
  }

  .leaderboard-page{
    padding:64px 6%;
  }

  .leaderboard-hero h1{
    font-size:3rem;
  }

  .podium{
    grid-template-columns:1fr;
    margin-top:44px;
  }

  .podium-rank-1,
  .podium-rank-2,
  .podium-rank-3{
    order:initial;
    min-height:0;
    padding:30px 24px 24px;
  }

  .podium-rank-1{
    order:-1;
  }

  .leaderboard-row{
    grid-template-columns:42px 44px repeat(4,minmax(0,1fr));
    gap:12px;
    padding:14px 8px;
  }

  .leaderboard-row img{
    width:44px;
    height:44px;
  }

  .leaderboard-identity{
    grid-column:3 / 6;
  }

  .leaderboard-row > span:nth-child(4){
    grid-column:6;
  }

  .leaderboard-row > span:nth-child(5){
    grid-column:2 / 4;
  }

  .leaderboard-row > span:nth-child(6){
    grid-column:4 / 6;
  }

  .leaderboard-row > span:nth-child(7){
    grid-column:6;
  }

  .auth-message{
    padding:64px 6%;
  }
}

/* SHOP COMING SOON */
.shop-coming-soon{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  min-height:calc(100vh - 87px);
  padding:90px 10%;
  overflow:hidden;
  background-image:url("assets/hoodie.webp");
  background-position:72% center;
  background-size:cover;
}

.shop-coming-overlay{
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(11,15,23,0.98) 0%,rgba(11,15,23,0.90) 42%,rgba(11,15,23,0.28) 72%,rgba(11,15,23,0.58) 100%);
}

.shop-coming-content{
  max-width:680px;
}

.shop-coming-content h1{
  max-width:650px;
  font-size:5rem;
  line-height:1;
}

.shop-coming-content p{
  max-width:590px;
  margin-top:22px;
  color:var(--muted);
  font-size:1.18rem;
  line-height:1.75;
}

.shop-coming-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:30px;
}

.shop-coming-tags span{
  padding:9px 13px;
  border:1px solid rgba(255,255,255,0.16);
  border-radius:6px;
  background:rgba(11,15,23,0.55);
  color:var(--text);
  font-size:.84rem;
  font-weight:800;
  backdrop-filter:blur(12px);
}

@media (max-width:700px){
  .shop-coming-soon{
    align-items:end;
    min-height:720px;
    padding:74px 6%;
    background-position:center top;
  }

  .shop-coming-overlay{
    background:linear-gradient(180deg,rgba(11,15,23,0.30) 0%,rgba(11,15,23,0.78) 42%,rgba(11,15,23,0.98) 76%);
  }

  .shop-coming-content h1{
    font-size:3.25rem;
  }

  .shop-coming-content p{
    font-size:1rem;
  }
}

/* SHOP CATALOG */
.shop-hero{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:36px;
  padding:100px 10% 56px;
}

.shop-hero h1{
  max-width:760px;
  font-size:4.8rem;
  line-height:1;
}

.shop-hero p{
  max-width:700px;
  margin-top:20px;
  color:var(--muted);
  font-size:1.12rem;
  line-height:1.7;
}

.cart-toggle{
  flex:none;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 18px;
  border:1px solid var(--border);
  border-radius:8px;
  background:rgba(255,255,255,0.07);
  color:var(--text);
  cursor:pointer;
  font-weight:800;
}

.cart-toggle span{
  display:grid;
  place-items:center;
  min-width:28px;
  height:28px;
  padding:0 8px;
  border-radius:50%;
  background:var(--accent);
  color:white;
}

.shop-toolbar{
  display:flex;
  gap:8px;
  padding:0 10% 28px;
}

.shop-filter{
  padding:10px 16px;
  border:1px solid var(--border);
  border-radius:8px;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
  font-weight:700;
}

.shop-filter:hover,
.shop-filter.is-active{
  border-color:var(--accent);
  background:rgba(168,85,247,0.14);
  color:var(--text);
}

.product-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  padding:0 10% 90px;
}

.product-card{
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:8px;
  background:rgba(255,255,255,0.045);
  transition:.25s;
}

.product-card:hover{
  transform:translateY(-5px);
  border-color:rgba(168,85,247,0.55);
  box-shadow:0 24px 60px rgba(0,0,0,0.28);
}

.product-card[hidden]{
  display:none;
}

.product-image{
  aspect-ratio:4/3;
  overflow:hidden;
  background:#0d1119;
}

.product-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}

.product-card:hover .product-image img{
  transform:scale(1.025);
}

.product-info{
  padding:24px;
}

.product-category{
  color:var(--accent);
  font-size:.76rem;
  font-weight:900;
  text-transform:uppercase;
}

.product-info h2{
  margin-top:8px;
  font-size:1.5rem;
}

.product-info p{
  min-height:52px;
  margin-top:10px;
  color:var(--muted);
  line-height:1.6;
}

.product-buy-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:22px;
}

.product-buy-row strong{
  margin-right:auto;
  font-size:1.3rem;
}

.product-buy-row select{
  height:42px;
  padding:0 10px;
  border:1px solid var(--border);
  border-radius:6px;
  background:#111827;
  color:var(--text);
}

.product-buy-row button,
.checkout-button{
  min-height:42px;
  padding:0 16px;
  border:0;
  border-radius:6px;
  background:linear-gradient(135deg,#a855f7,#22d3ee);
  color:white;
  cursor:pointer;
  font-weight:900;
}

.cart-drawer{
  position:fixed;
  top:0;
  right:0;
  z-index:10001;
  display:grid;
  grid-template-rows:auto 1fr auto;
  width:min(440px,100%);
  height:100%;
  padding:28px;
  background:#0d1119;
  border-left:1px solid var(--border);
  box-shadow:-24px 0 70px rgba(0,0,0,0.45);
  transform:translateX(100%);
  transition:transform .3s ease;
}

.cart-drawer.is-open{
  transform:translateX(0);
}

.cart-header{
  display:flex;
  justify-content:space-between;
  align-items:start;
  padding-bottom:22px;
  border-bottom:1px solid var(--border);
}

.cart-header h2{
  font-size:2rem;
}

.cart-close{
  width:42px;
  height:42px;
  border:1px solid var(--border);
  border-radius:50%;
  background:transparent;
  color:var(--text);
  cursor:pointer;
  font-size:1.8rem;
}

.cart-items{
  overflow:auto;
  padding:18px 0;
}

.cart-empty{
  color:var(--muted);
}

.cart-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:16px 0;
  border-bottom:1px solid var(--border);
}

.cart-item strong,
.cart-item span{
  display:block;
}

.cart-item span{
  margin-top:5px;
  color:var(--muted);
  font-size:.86rem;
}

.cart-quantity{
  display:grid;
  grid-template-columns:32px 28px 32px;
  align-items:center;
  text-align:center;
}

.cart-quantity button{
  width:32px;
  height:32px;
  border:1px solid var(--border);
  border-radius:50%;
  background:rgba(255,255,255,0.06);
  color:var(--text);
  cursor:pointer;
}

.cart-footer{
  padding-top:20px;
  border-top:1px solid var(--border);
}

.cart-total{
  display:flex;
  justify-content:space-between;
  gap:20px;
  font-size:1.15rem;
}

.cart-footer p{
  margin:12px 0 18px;
  color:var(--muted);
  font-size:.85rem;
  line-height:1.5;
}

.checkout-button{
  width:100%;
  min-height:50px;
}

.checkout-button:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.cart-backdrop{
  position:fixed;
  inset:0;
  z-index:10000;
  background:rgba(0,0,0,0.62);
  opacity:0;
  visibility:hidden;
  transition:.3s;
}

.cart-backdrop.is-open{
  opacity:1;
  visibility:visible;
}

@media (max-width:800px){
  .shop-hero{
    align-items:start;
    flex-direction:column;
    padding:72px 6% 40px;
  }

  .shop-hero h1{
    font-size:3rem;
  }

  .shop-toolbar{
    overflow-x:auto;
    padding:0 6% 24px;
  }

  .shop-filter{
    flex:none;
  }

  .product-grid{
    grid-template-columns:1fr;
    padding:0 6% 64px;
  }

  .product-info p{
    min-height:0;
  }

  .product-buy-row{
    flex-wrap:wrap;
  }

  .product-buy-row strong{
    width:100%;
  }
}

/* SHOP V2 */
.shop-page{min-height:70vh}
.shop-hero{padding-top:92px}
.shop-hero .story-label,.checkout-heading .story-label{display:block;margin-bottom:14px}
.shop-hero h1{font-size:clamp(3rem,7vw,5rem)}
.cart-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.cart-toggle strong{display:grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff}
.cart-toggle span{display:block;min-width:0;height:auto;padding:0;border-radius:0;background:transparent;color:inherit}
.shop-trust-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 10% 34px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.shop-trust-strip>span{display:flex;flex-direction:column;gap:4px;padding:20px 24px;border-right:1px solid var(--border)}
.shop-trust-strip>span:last-child{border-right:0}
.shop-trust-strip strong{font-size:.96rem}.shop-trust-strip small{color:var(--muted);line-height:1.45}
.shop-promotion{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:16px;margin:0 10% 28px;padding:18px 20px;border-left:3px solid #22d3ee;background:rgba(34,211,238,.08)}
.shop-promotion[hidden],.checkout-summary [hidden]{display:none!important}
.shop-promotion span{color:#67e8f9;font-size:.72rem;font-weight:900;text-transform:uppercase}.shop-promotion p{color:var(--muted)}
.shop-loading,.shop-empty{grid-column:1/-1;display:grid;place-items:center;min-height:320px;padding:48px;text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.shop-loading span{width:34px;height:34px;margin-bottom:15px;border:3px solid rgba(255,255,255,.14);border-top-color:var(--accent);border-radius:50%;animation:shop-spin .8s linear infinite}
@keyframes shop-spin{to{transform:rotate(360deg)}}
.shop-empty span{color:var(--accent);font-size:.75rem;font-weight:900;text-transform:uppercase}.shop-empty h2{margin-top:10px;font-size:2rem}.shop-empty p{margin-top:8px;color:var(--muted)}
.product-card.is-featured{border-color:rgba(34,211,238,.45)}
.product-image{position:relative}.product-featured{position:absolute;top:14px;left:14px;padding:7px 10px;border-radius:6px;background:#f4f7fb;color:#0a0e15;font-size:.7rem;font-weight:900;text-transform:uppercase}
.product-image-placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(145deg,#151c29,#0b1018);color:rgba(255,255,255,.34);font-weight:900}
.product-price{display:flex;align-items:baseline;gap:8px;margin-right:auto}.product-price small{display:none}.product-price del{color:var(--muted);font-size:.78rem}.product-stock{display:block;min-height:18px;margin-top:8px;color:#fbbf24}
.product-buy-row button:disabled{opacity:.45;cursor:not-allowed}
.cart-item{display:grid;grid-template-columns:62px 1fr auto}.cart-item>img,.cart-item-placeholder{width:62px;height:62px;border-radius:6px;object-fit:cover}.cart-item-placeholder{display:grid;place-items:center;background:#151c29;color:var(--muted);font-size:.7rem;font-weight:900}
.cart-empty-state{display:grid;place-items:center;min-height:220px;text-align:center}.cart-empty-state p{margin-top:8px;color:var(--muted)}
.checkout-button{display:grid;place-items:center;text-decoration:none}.checkout-button.is-disabled{pointer-events:none;opacity:.45}

/* SHOP V3 */
.shop-page{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 120px,rgba(34,211,238,.12),transparent 34%),radial-gradient(circle at 15% 360px,rgba(245,158,11,.08),transparent 28%)}
.shop-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px) auto;align-items:end;gap:28px;min-height:560px;padding:92px 8% 54px}
.shop-hero::before{content:"";position:absolute;left:8%;right:8%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}
.shop-hero-copy{max-width:830px}.shop-hero .story-label{color:#67e8f9}.shop-hero h1{max-width:820px;font-size:clamp(3.05rem,6.8vw,6.25rem);line-height:.94}.shop-hero p{max-width:690px;margin-top:22px;color:#a3afbd;font-size:1.08rem;line-height:1.75}
.shop-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:28px}.shop-primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:7px;background:#f4f7fb;color:#0b1018;font-size:.82rem;font-weight:950;text-decoration:none}.shop-primary-link:hover{transform:translateY(-1px);box-shadow:0 18px 38px rgba(255,255,255,.08)}
.shop-orders-shortcut{margin:0;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(255,255,255,.035)}.shop-orders-shortcut strong{color:#67e8f9}
.shop-hero-visual{position:relative;min-height:365px}.shop-showcase-card{position:absolute;display:grid;align-content:end;gap:9px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:linear-gradient(145deg,rgba(19,28,40,.96),rgba(8,13,21,.96));box-shadow:0 24px 65px rgba(0,0,0,.34)}.shop-showcase-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(34,211,238,.14),transparent 40%,rgba(245,158,11,.13));pointer-events:none}.shop-showcase-card>*{position:relative}.shop-showcase-card span{color:#67e8f9;font-size:.72rem;font-weight:1000;letter-spacing:0}.shop-showcase-card strong{font-size:1.4rem}.shop-showcase-card small{color:#93a0af;line-height:1.45}.shop-showcase-card.is-main{inset:8px 28px 72px 0;padding:28px}.shop-showcase-card.is-side{right:0;bottom:22px;width:205px;min-height:160px;padding:20px}.shop-showcase-card.is-mini{left:34px;bottom:0;grid-template-columns:auto 1fr;align-items:center;width:210px;min-height:86px;padding:16px}.shop-showcase-card.is-mini img{width:52px;height:52px;border-radius:50%;object-fit:contain}
.cart-toggle{align-self:start;position:sticky;top:94px;z-index:3;border-color:rgba(34,211,238,.22);background:rgba(10,16,24,.74);backdrop-filter:blur(14px);box-shadow:0 16px 40px rgba(0,0,0,.18)}.cart-toggle:hover{border-color:rgba(34,211,238,.45);background:rgba(34,211,238,.08)}.cart-toggle strong{background:#67e8f9;color:#071018}
.shop-trust-strip{overflow:hidden;margin:0 8% 42px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(10,16,24,.58)}.shop-trust-strip>span{position:relative;gap:6px;padding:22px 24px}.shop-trust-strip i{color:#67e8f9;font-size:.68rem;font-style:normal;font-weight:1000}.shop-trust-strip strong{font-size:1rem}.shop-trust-strip small{color:#8997a8}
.shop-promotion{margin:0 8% 34px;border:1px solid rgba(34,211,238,.22);border-left:0;border-radius:8px;background:linear-gradient(90deg,rgba(34,211,238,.12),rgba(34,211,238,.04));box-shadow:0 14px 34px rgba(0,0,0,.13)}.shop-promotion span{color:#67e8f9}.shop-promotion strong{font-size:1rem}
.shop-catalog-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 8% 18px}.shop-catalog-head h2{margin-top:7px;font-size:2.35rem}.shop-catalog-head p{max-width:440px;color:#8794a6;font-size:.9rem;line-height:1.6;text-align:right}
.shop-toolbar{gap:7px;overflow-x:auto;padding:0 8% 24px;scrollbar-width:none}.shop-toolbar::-webkit-scrollbar{display:none}.shop-filter{flex:none;border-radius:999px;background:rgba(255,255,255,.025);font-size:.77rem}.shop-filter:hover,.shop-filter.is-active{border-color:rgba(34,211,238,.5);background:rgba(34,211,238,.1);color:#e6fbff}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 8% 105px}.product-card{display:grid;grid-template-rows:auto 1fr;border-color:rgba(255,255,255,.105);background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.024));box-shadow:0 20px 50px rgba(0,0,0,.18)}.product-card:hover{transform:translateY(-6px);border-color:rgba(34,211,238,.42);box-shadow:0 28px 70px rgba(0,0,0,.32)}.product-card.is-featured{border-color:rgba(245,158,11,.45)}.product-card.is-digital{border-color:rgba(34,211,238,.35)}
.product-image{aspect-ratio:1.18/1;border-bottom:1px solid rgba(255,255,255,.08)}.product-image img{filter:saturate(1.03) contrast(1.02)}.product-card:hover .product-image img{transform:scale(1.04)}.product-badges{position:absolute;inset:13px 13px auto;display:flex;gap:7px;flex-wrap:wrap}.product-badges span,.product-featured{position:static;padding:7px 9px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(8,13,20,.78);color:#f4f7fb;backdrop-filter:blur(12px);font-size:.62rem;font-weight:950;text-transform:uppercase}.product-image-placeholder{font-size:.85rem;letter-spacing:0}
.product-info{display:grid;grid-template-rows:auto auto 1fr auto auto;padding:21px}.product-topline{display:flex;justify-content:space-between;gap:12px;align-items:center}.product-category{color:#67e8f9;font-size:.68rem}.product-topline small{padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.055);color:#8e9aab;font-size:.62rem;font-weight:900;text-transform:uppercase}.product-info h2{margin-top:12px;font-size:1.32rem;line-height:1.15}.product-info p{min-height:74px;color:#8f9bad;font-size:.88rem}.product-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.product-meta span{padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#92a0b2;background:rgba(255,255,255,.025);font-size:.64rem;font-weight:850}
.product-buy-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin-top:20px}.product-price{display:grid;gap:2px;margin:0}.product-price small{display:block;color:#6f7d8d;font-size:.6rem;font-weight:900;text-transform:uppercase}.product-price strong{font-size:1.28rem}.product-buy-row select{min-width:112px;border-color:rgba(255,255,255,.1);background:#0d151f}.product-buy-row button{min-width:104px;border-radius:7px;background:#f4f7fb;color:#0b1018}.product-buy-row button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 30px rgba(255,255,255,.07)}.product-stock{color:#f8d66d;font-size:.74rem}
.cart-drawer{width:min(470px,100%);padding:26px;background:linear-gradient(180deg,#101722,#0b1119);border-left-color:rgba(255,255,255,.12)}.cart-close{border-radius:8px}.cart-item{grid-template-columns:62px minmax(0,1fr) auto;gap:13px}.cart-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-quantity button{border-radius:8px}.cart-footer{background:linear-gradient(180deg,transparent,rgba(255,255,255,.02))}.checkout-button{border-radius:7px;background:#f4f7fb;color:#0b1018;font-weight:950}.cart-backdrop{backdrop-filter:blur(5px)}
.shop-toast{position:fixed;right:22px;bottom:22px;z-index:12002;max-width:min(360px,calc(100vw - 44px));padding:13px 15px;border:1px solid rgba(34,211,238,.28);border-radius:8px;background:#101722;color:#e8eef3;box-shadow:0 18px 50px rgba(0,0,0,.34);opacity:0;transform:translateY(14px);visibility:hidden;transition:.22s ease;font-size:.84rem;font-weight:850}.shop-toast.is-visible{opacity:1;transform:translateY(0);visibility:visible}
.shop-loading,.shop-empty{border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(255,255,255,.025)}
@media(max-width:1120px){.shop-hero{grid-template-columns:minmax(0,1fr) 320px;align-items:center}.cart-toggle{grid-column:1/-1;position:relative;top:auto;justify-self:start}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.shop-hero{grid-template-columns:1fr;min-height:0;padding:70px 6% 42px}.shop-hero-visual{min-height:260px;order:2}.shop-showcase-card.is-main{inset:0 54px 52px 0}.shop-showcase-card.is-side{width:185px}.shop-showcase-card.is-mini{left:18px}.shop-trust-strip,.shop-promotion,.shop-catalog-head{margin-inline:6%}.shop-catalog-head{align-items:flex-start;flex-direction:column}.shop-catalog-head p{text-align:left}.product-grid{grid-template-columns:1fr;padding-inline:6%}.product-buy-row{grid-template-columns:1fr}.product-buy-row select,.product-buy-row button{width:100%}}

/* SHOP V4 */
.shop-page-v4{
  background:
    radial-gradient(circle at 72% 120px,rgba(103,232,249,.12),transparent 30%),
    radial-gradient(circle at 18% 460px,rgba(245,190,82,.1),transparent 34%),
    linear-gradient(180deg,#090d14 0%,#0b0f17 46%,#0d121b 100%);
}

.shop-page-v4 .shop-hero{
  grid-template-columns:minmax(0,1fr) minmax(330px,470px) auto;
  min-height:620px;
}

.shop-page-v4 .shop-hero h1{
  max-width:900px;
  font-size:clamp(3.2rem,6.4vw,6.45rem);
}

.shop-page-v4 .shop-hero p{
  max-width:720px;
  color:#b7c1ce;
}

.shop-page-v4 .shop-primary-link{
  background:linear-gradient(135deg,#f8fafc,#dce7f2);
}

.shop-page-v4 .shop-hero-visual{
  min-height:420px;
}

.shop-page-v4 .shop-showcase-card{
  border-radius:18px;
}

.shop-page-v4 .shop-showcase-card.is-main{
  inset:0 24px 86px 0;
  padding:34px;
}

.shop-page-v4 .shop-showcase-card.is-main strong{
  font-size:1.9rem;
}

.shop-page-v4 .shop-trust-strip{
  border-radius:18px;
  background:rgba(255,255,255,.045);
}

.shop-page-v4 .shop-catalog-head{
  align-items:end;
  padding-top:22px;
}

.shop-page-v4 .shop-catalog-head h2{
  font-size:clamp(2rem,4vw,3.35rem);
  line-height:1.04;
}

.shop-page-v4 .shop-toolbar{
  padding-bottom:30px;
}

.shop-page-v4 .shop-filter{
  min-height:38px;
  padding:0 15px;
  border-radius:9px;
}

.shop-page-v4 .product-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}

.shop-page-v4 .product-card{
  position:relative;
  overflow:hidden;
  grid-template-columns:minmax(230px,.92fr) minmax(0,1.08fr);
  grid-template-rows:1fr;
  min-height:360px;
  border-radius:18px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025)),
    rgba(10,16,24,.9);
}

.shop-page-v4 .product-card:hover{
  transform:translateY(-4px);
}

.shop-page-v4 .product-card.is-featured::before,
.shop-page-v4 .product-card.is-digital::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:#f5be52;
}

.shop-page-v4 .product-card.is-digital::before{
  background:#67e8f9;
}

.shop-page-v4 .product-image{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  min-height:360px;
  padding:0;
  border:0;
  border-right:1px solid rgba(255,255,255,.08);
  border-radius:0;
  background:#101722;
  color:inherit;
  cursor:pointer;
}

.shop-page-v4 .product-image::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:42%;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));
  pointer-events:none;
}

.shop-page-v4 .product-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.shop-page-v4 .product-view-hint{
  position:absolute;
  left:16px;
  bottom:16px;
  z-index:2;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:9px;
  background:rgba(8,13,20,.72);
  color:#f8fafc;
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  backdrop-filter:blur(12px);
}

.shop-page-v4 .product-info{
  display:flex;
  flex-direction:column;
  padding:26px;
}

.shop-page-v4 .product-title-button{
  display:block;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}

.shop-page-v4 .product-title-button h2{
  margin-top:14px;
  font-size:clamp(1.45rem,2.2vw,2rem);
}

.shop-page-v4 .product-info p{
  min-height:0;
  margin-top:12px;
  color:#aab6c5;
  font-size:.94rem;
  line-height:1.7;
}

.shop-page-v4 .product-meta{
  margin-top:auto;
  padding-top:22px;
}

.shop-page-v4 .product-buy-row{
  grid-template-columns:1fr minmax(110px,auto) auto;
}

.shop-page-v4 .product-details-link{
  width:max-content;
  margin-top:14px;
  padding:0;
  border:0;
  background:transparent;
  color:#67e8f9;
  font-size:.78rem;
  font-weight:950;
  cursor:pointer;
}

.product-modal{
  position:fixed;
  inset:0;
  z-index:12010;
  display:grid;
  place-items:center;
  padding:28px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.2s ease;
}

.product-modal.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.has-product-modal{
  overflow:hidden;
}

.product-modal-backdrop{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(3,7,12,.72);
  backdrop-filter:blur(10px);
  cursor:pointer;
}

.product-modal-panel{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);
  width:min(1040px,100%);
  max-height:min(760px,calc(100vh - 56px));
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  background:linear-gradient(135deg,#111925,#090e16);
  box-shadow:0 34px 120px rgba(0,0,0,.55);
}

.product-modal-close{
  position:absolute;
  top:16px;
  right:16px;
  z-index:3;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  background:rgba(7,11,17,.76);
  color:#fff;
  font-size:1.4rem;
  cursor:pointer;
}

.product-modal-media{
  min-height:520px;
  background:
    radial-gradient(circle at 35% 20%,rgba(103,232,249,.16),transparent 34%),
    #0b111a;
}

.product-modal-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.product-modal-placeholder{
  display:grid;
  place-items:center;
  align-content:center;
  gap:16px;
  height:100%;
  color:#7f8da0;
  font-weight:950;
  text-transform:uppercase;
}

.product-modal-placeholder img{
  width:min(42%,220px);
  height:auto;
  object-fit:contain;
  opacity:.82;
}

.product-modal-content{
  overflow:auto;
  padding:44px 42px 38px;
}

.product-modal-kicker{
  color:#67e8f9;
  font-size:.72rem;
  font-weight:950;
  text-transform:uppercase;
}

.product-modal-content h2{
  margin:12px 0 18px;
  font-size:clamp(2rem,4vw,3.4rem);
  line-height:1;
}

.product-modal-content p{
  color:#adbac8;
  line-height:1.75;
}

.product-modal-price{
  display:flex;
  align-items:baseline;
  gap:12px;
  margin:28px 0 18px;
}

.product-modal-price small{
  color:#718093;
  font-size:.68rem;
  font-weight:950;
  text-transform:uppercase;
}

.product-modal-price strong{
  color:#fff;
  font-size:2rem;
}

.product-modal-price del{
  color:#7f8da0;
}

.product-modal-facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:26px;
}

.product-modal-facts span{
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  color:#cbd5e1;
  background:rgba(255,255,255,.04);
  font-size:.72rem;
  font-weight:850;
}

.product-modal-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:end;
  margin-top:12px;
}

.product-modal-actions label{
  display:grid;
  gap:7px;
}

.product-modal-actions label span{
  color:#7f8da0;
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
}

.product-modal-actions select{
  min-height:48px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:9px;
  background:#0d151f;
  color:#fff;
}

.product-modal-add{
  min-height:48px;
  padding:0 18px;
  border:0;
  border-radius:9px;
  background:#f8fafc;
  color:#0b1018;
  font-weight:950;
  cursor:pointer;
}

.product-modal-add:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.product-modal-note{
  display:block;
  margin-top:18px;
  color:#7f8da0;
  line-height:1.55;
}

@media(max-width:1180px){
  .shop-page-v4 .product-grid{grid-template-columns:1fr}
}

@media(max-width:820px){
  .shop-page-v4 .shop-hero{grid-template-columns:1fr}
  .shop-page-v4 .product-card{grid-template-columns:1fr;min-height:0}
  .shop-page-v4 .product-image{min-height:260px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .shop-page-v4 .product-buy-row{grid-template-columns:1fr}
  .product-modal{padding:16px}
  .product-modal-panel{grid-template-columns:1fr;max-height:calc(100vh - 32px)}
  .product-modal-media{min-height:260px;max-height:40vh}
  .product-modal-content{padding:30px 22px}
  .product-modal-actions{grid-template-columns:1fr}
}

/* SHOP V5 */
.shop-page-v4 .shop-hero{
  grid-template-columns:minmax(0,1fr) auto;
  min-height:560px;
  align-items:center;
}

.shop-page-v4 .shop-hero::after{
  content:"";
  position:absolute;
  right:8%;
  top:50%;
  width:min(360px,28vw);
  aspect-ratio:1;
  background:url("/assets/web-crew-logo.webp") center/contain no-repeat;
  opacity:.08;
  filter:drop-shadow(0 30px 70px rgba(103,232,249,.22));
  transform:translateY(-50%);
  pointer-events:none;
}

.shop-page-v4 .shop-hero-copy{
  position:relative;
  z-index:1;
  max-width:980px;
}

.shop-page-v4 .shop-hero-visual,
.shop-page-v4 .shop-showcase-card{
  display:none;
}

.shop-page-v4 .cart-toggle{
  align-self:center;
  justify-self:end;
  position:relative;
  top:auto;
}

.shop-page-v4 .shop-catalog-head p{
  max-width:360px;
}

.shop-page-v4 .product-image::after{
  height:18%;
}

.shop-page-v4 .product-view-hint,
.shop-page-v4 .product-details-link{
  display:none;
}

.shop-page-v4 .product-title-button h2:hover{
  color:#67e8f9;
}

.shop-page-v4 .product-badges span.is-sale{
  border-color:rgba(245,190,82,.5);
  background:#f5be52;
  color:#111827;
}

.shop-page-v4 .product-price.has-discount{
  position:relative;
  grid-template-columns:auto auto;
  align-items:end;
  column-gap:9px;
}

.shop-page-v4 .product-price.has-discount small{
  grid-column:1/-1;
  color:#f5be52;
}

.shop-page-v4 .product-price.has-discount strong{
  color:#f8fafc;
  font-size:1.42rem;
}

.shop-page-v4 .product-price.has-discount del{
  color:#788698;
  font-size:.82rem;
}

.product-discount-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-height:24px;
  padding:0 8px;
  border-radius:999px;
  background:rgba(245,190,82,.13);
  color:#f5be52;
  font-size:.68rem;
  font-weight:950;
}

.product-modal-price.has-discount{
  flex-wrap:wrap;
}

.product-modal-price.has-discount small{
  flex-basis:100%;
}

.product-modal-price.has-discount strong{
  color:#f5be52;
}

.product-modal-price.has-discount .product-discount-chip{
  min-height:28px;
  padding-inline:10px;
}

@media(max-width:820px){
  .shop-page-v4 .shop-hero{
    grid-template-columns:1fr;
    min-height:0;
  }

  .shop-page-v4 .shop-hero::after{
    right:-12%;
    width:72vw;
  }

  .shop-page-v4 .cart-toggle{
    justify-self:start;
  }
}

/* CHECKOUT */
.checkout-page{padding:72px 8% 100px}.checkout-heading{display:flex;align-items:center;gap:20px;max-width:1180px;margin:0 auto 38px}.checkout-heading h1{font-size:3.4rem}.checkout-heading p{margin-top:8px;color:var(--muted)}
.checkout-lock{display:grid;place-items:center;width:58px;height:58px;flex:none;border:1px solid rgba(34,211,238,.35);border-radius:8px;background:rgba(34,211,238,.08);color:#67e8f9}.checkout-lock svg{width:27px;fill:none;stroke:currentColor;stroke-width:1.8}
.checkout-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:28px;max-width:1180px;margin:auto;align-items:start}
.checkout-form{display:grid;gap:18px}.checkout-section{padding:28px;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.035)}
.checkout-section>header{display:flex;gap:16px;margin-bottom:24px}.checkout-section>header>span{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:rgba(168,85,247,.15);color:#d8b4fe;font-size:.75rem;font-weight:900}.checkout-section h2{font-size:1.35rem}.checkout-section header p{margin-top:5px;color:var(--muted);font-size:.9rem}
.checkout-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.checkout-fields label,.checkout-code-grid label{display:grid;gap:7px}.checkout-fields label.is-wide{grid-column:1/-1}.checkout-fields label>span,.checkout-code-grid label>span{font-size:.82rem;font-weight:800}.checkout-fields input,.checkout-fields select,.checkout-fields textarea,.checkout-code-grid input{width:100%;min-height:46px;padding:11px 13px;border:1px solid var(--border);border-radius:6px;background:#0d131d;color:var(--text);font:inherit}.checkout-fields textarea{resize:vertical}.checkout-fields small{color:var(--muted);line-height:1.4}
.checkout-code-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkout-code-grid label>div{display:grid;grid-template-columns:1fr auto}.checkout-code-grid button{padding:0 14px;border:0;border-radius:0 6px 6px 0;background:#263044;color:#fff;font-weight:800;cursor:pointer}
.checkout-consent{display:flex;align-items:flex-start;gap:12px;padding:4px 6px;color:var(--muted);font-size:.9rem;line-height:1.6}.checkout-consent input{margin-top:5px;accent-color:var(--accent)}.checkout-consent a{color:#c4b5fd}
.checkout-submit{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;border:0;border-radius:7px;background:linear-gradient(135deg,#9333ea,#0891b2);color:#fff;font-weight:900;cursor:pointer}.checkout-submit svg{width:21px;fill:none;stroke:currentColor;stroke-width:2}.checkout-submit:disabled{opacity:.55;cursor:wait}.checkout-payment-note{text-align:center;color:var(--muted);font-size:.82rem;line-height:1.5}
.checkout-message{min-height:22px;color:var(--muted);font-size:.9rem}.checkout-message.error{color:#fca5a5}.checkout-message.success{color:#86efac}.checkout-message.loading{color:#67e8f9}
.checkout-summary{position:sticky;top:90px;padding:28px;border:1px solid var(--border);border-radius:8px;background:#101722}.checkout-summary h2{margin:7px 0 20px;font-size:1.5rem}.checkout-summary-items article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--border)}.checkout-summary-items article>div{display:flex;align-items:center;gap:12px;min-width:0}.checkout-summary-items img,.checkout-summary-items article>div>span{width:52px;height:52px;flex:none;border-radius:6px;object-fit:cover}.checkout-summary-items article>div>span{display:grid;place-items:center;background:#1b2534;color:var(--muted);font-size:.65rem;font-weight:900}.checkout-summary-items p{min-width:0}.checkout-summary-items strong{font-size:.9rem}.checkout-summary-items small{display:block;margin-top:4px;color:var(--muted)}
.checkout-summary-empty{padding:22px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.checkout-summary-empty p{margin-top:5px;color:var(--muted);font-size:.86rem}
.checkout-summary dl{margin-top:20px}.checkout-summary dl>div{display:flex;justify-content:space-between;gap:18px;padding:8px 0;color:var(--muted)}.checkout-summary dl dd{margin:0;color:var(--text)}.checkout-summary-total{margin-top:10px;padding-top:18px!important;border-top:1px solid var(--border);font-size:1.2rem;font-weight:900;color:var(--text)!important}
.checkout-delivery{display:flex;align-items:center;gap:12px;margin-top:22px;padding:15px;border-left:3px solid #22d3ee;background:rgba(34,211,238,.07)}.checkout-delivery svg{width:27px;fill:none;stroke:#67e8f9;stroke-width:1.7}.checkout-delivery span{display:block;margin-top:3px;color:var(--muted);font-size:.82rem}
.order-success{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:20px;background:rgba(5,8,13,.88);backdrop-filter:blur(12px)}.order-success[hidden]{display:none}.order-success>div{width:min(520px,100%);padding:42px;border:1px solid rgba(34,211,238,.35);border-radius:8px;background:#0e1520;text-align:center}.order-success-icon{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 20px;border-radius:50%;background:rgba(34,211,238,.12);color:#67e8f9}.order-success-icon svg{width:32px;fill:none;stroke:currentColor;stroke-width:2}.order-success h2{margin:10px 0;font-size:2rem}.order-success p{margin-bottom:24px;color:var(--muted);line-height:1.7}

/* OWNER SHOP ADMIN */
.shop-admin{margin-top:56px;padding:30px;border:1px solid rgba(34,211,238,.25);border-radius:8px;background:rgba(8,15,24,.88)}
.shop-admin-header{display:flex;justify-content:space-between;gap:24px;align-items:start}.shop-admin-header h2{margin-top:6px;font-size:2rem}.shop-admin-header p{margin-top:8px;color:var(--muted)}.shop-admin-owner{padding:8px 10px;border:1px solid rgba(34,211,238,.3);border-radius:6px;color:#67e8f9;font-size:.72rem;font-weight:900;text-transform:uppercase}
.shop-admin-tabs{display:flex;gap:6px;overflow-x:auto;margin:26px 0 18px;padding-bottom:8px;border-bottom:1px solid var(--border)}.shop-admin-tabs button{flex:none;padding:10px 13px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.shop-admin-tabs button.is-active{background:rgba(34,211,238,.12);color:#a5f3fc}.shop-admin-tabs button span{margin-left:5px}
.shop-admin-message{min-height:24px;margin-bottom:8px;color:#86efac}.shop-admin-message.error{color:#fca5a5}.shop-admin-panel{display:none}.shop-admin-panel.is-active{display:block}.shop-admin-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.shop-admin-toolbar label{display:grid;gap:5px;flex:1;max-width:420px}.shop-admin-toolbar label span{font-size:.75rem;color:var(--muted)}.shop-admin-toolbar input,.shop-admin-toolbar button,.shop-admin-create{min-height:42px;padding:0 13px;border:1px solid var(--border);border-radius:6px;background:#101925;color:var(--text)}.shop-admin-create{margin-bottom:16px;cursor:pointer;font-weight:800}
.shop-admin-list,.shop-admin-grid{display:grid;gap:10px}.shop-admin-empty{padding:28px;border:1px dashed var(--border);text-align:center;color:var(--muted)}
.shop-order{border:1px solid var(--border);border-radius:7px;background:#0d141e}.shop-order summary{display:grid;grid-template-columns:1.2fr 1.2fr auto auto;align-items:center;gap:14px;padding:17px;cursor:pointer;list-style:none}.shop-order summary::-webkit-details-marker{display:none}.shop-order summary span{min-width:0}.shop-order summary small{display:block;margin-top:4px;color:var(--muted);font-size:.76rem}.shop-order-status{padding:6px 8px;border-radius:5px;background:#202a39;color:#cbd5e1;font-size:.7rem;text-transform:uppercase}.shop-order-status.status-shipped,.shop-order-status.status-completed{background:rgba(34,197,94,.12);color:#86efac}.shop-order-status.status-cancelled{background:rgba(239,68,68,.12);color:#fca5a5}
.shop-order-body{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px;border-top:1px solid var(--border)}.shop-order-detail{padding:16px;background:rgba(255,255,255,.025)}.shop-order-detail h3{margin-bottom:12px}.shop-order-detail p{display:flex;justify-content:space-between;gap:12px;margin:7px 0;color:var(--muted);line-height:1.6}.shop-order-detail p.is-total{padding-top:10px;border-top:1px solid var(--border);color:var(--text)}.shop-order-detail small{color:var(--muted)}
.shop-order-form{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shop-order-form label,.shop-editor label,.shop-quick-create label{display:grid;gap:6px}.shop-order-form label span,.shop-editor label>span,.shop-quick-create label>span{font-size:.76rem;color:var(--muted);font-weight:800}.shop-order-form .is-wide{grid-column:1/-1}.shop-order-form input,.shop-order-form select,.shop-order-form textarea,.shop-editor input,.shop-editor select,.shop-editor textarea,.shop-quick-create input,.shop-quick-create select{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--border);border-radius:5px;background:#101925;color:var(--text);font:inherit}.shop-order-form button,.shop-editor footer button,.shop-quick-create button,.shop-code-row button,.shop-product-admin button{min-height:40px;padding:0 12px;border:1px solid var(--border);border-radius:5px;background:#172235;color:var(--text);font-weight:800;cursor:pointer}
.shop-product-admin{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:15px;padding:14px;border:1px solid var(--border);border-radius:7px}.shop-product-admin img,.shop-product-placeholder{width:96px;height:72px;border-radius:5px;object-fit:cover}.shop-product-placeholder{display:grid;place-items:center;background:#172235;color:var(--muted);font-size:.75rem;font-weight:900}.shop-product-admin>div:first-of-type span{color:#67e8f9;font-size:.7rem;text-transform:uppercase}.shop-product-admin h3{margin:4px 0}.shop-product-admin p{color:var(--muted);font-size:.82rem}.shop-product-admin>div:last-child{display:flex;gap:7px}
.shop-editor{margin-bottom:18px;padding:20px;border:1px solid rgba(168,85,247,.35);border-radius:7px;background:#101722}.shop-editor header,.shop-editor footer{display:flex;justify-content:space-between;gap:10px;align-items:center}.shop-editor header{margin-bottom:18px}.shop-editor header button{border:0;background:transparent;color:#fff;font-size:1.6rem;cursor:pointer}.shop-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.shop-editor-grid .is-wide{grid-column:1/-1}.shop-editor-check{display:flex!important;align-items:center;grid-template-columns:none!important}.shop-editor-check input{width:18px!important;min-height:18px!important;accent-color:var(--accent)}.shop-editor footer{justify-content:flex-end;margin-top:18px}.shop-editor.is-static{margin:0}.shop-quick-create{display:grid;grid-template-columns:1.2fr repeat(4,1fr) auto;align-items:end;gap:10px;margin-bottom:18px;padding:16px;border:1px solid var(--border);border-radius:7px}.shop-quick-create h3{grid-column:1/-1}.shop-quick-create small{font-weight:400}
.shop-code-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px;border:1px solid var(--border);border-radius:6px}.shop-code-row small{display:block;margin-top:4px;color:var(--muted)}.shop-code-row>div:last-child{display:flex;gap:7px}

@media(max-width:900px){.shop-trust-strip{grid-template-columns:1fr;margin-inline:6%}.shop-trust-strip>span{border-right:0;border-bottom:1px solid var(--border)}.shop-trust-strip>span:last-child{border-bottom:0}.shop-promotion{grid-template-columns:1fr;margin-inline:6%}.checkout-page{padding-inline:5%}.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static;grid-row:1}.shop-order summary{grid-template-columns:1fr 1fr}.shop-order-body{grid-template-columns:1fr}.shop-order-form{grid-template-columns:1fr 1fr}.shop-quick-create{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.checkout-page{padding-top:45px}.checkout-heading{align-items:flex-start}.checkout-heading h1{font-size:2.4rem}.checkout-fields,.checkout-code-grid{grid-template-columns:1fr}.checkout-section{padding:20px}.checkout-summary{padding:20px}.shop-admin{padding:18px}.shop-admin-header{display:block}.shop-admin-owner{display:inline-block;margin-top:12px}.shop-order summary{grid-template-columns:1fr}.shop-order-form,.shop-editor-grid,.shop-quick-create{grid-template-columns:1fr}.shop-order-form .is-wide,.shop-editor-grid .is-wide{grid-column:auto}.shop-product-admin{grid-template-columns:72px 1fr}.shop-product-admin img,.shop-product-placeholder{width:72px;height:58px}.shop-product-admin>div:last-child{grid-column:1/-1}.product-grid{grid-template-columns:1fr}.cart-item{grid-template-columns:52px 1fr}.cart-item>img,.cart-item-placeholder{width:52px;height:52px}.cart-quantity{grid-column:2}}

/* PAGE LOADER */
.page-loader{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 30% 20%,rgba(168,85,247,0.28),transparent 34%),
    radial-gradient(circle at 72% 28%,rgba(34,211,238,0.18),transparent 30%),
    rgba(11,15,23,0.96);
  opacity:1;
  visibility:visible;
  transition:opacity .45s ease, visibility .45s ease;
}

.page-loader.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.page-loader.is-changing{
  transition:opacity .22s ease;
}

.loader-panel{
  width:min(360px,82vw);
  text-align:center;
}

.loader-logo{
  color:var(--text);
  font-size:2.35rem;
  font-weight:900;
  line-height:1;
}

.loader-logo span{
  color:var(--accent);
}

.loader-text{
  margin-top:14px;
  color:var(--muted);
  font-size:.95rem;
  font-weight:700;
}

.loader-bar{
  overflow:hidden;
  height:5px;
  margin-top:24px;
  border-radius:999px;
  background:rgba(255,255,255,0.12);
}

.loader-bar span{
  display:block;
  width:42%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#a855f7,#22d3ee);
  animation:loader-slide 1.05s ease-in-out infinite;
}

@keyframes loader-slide{
  0%{
    transform:translateX(-120%);
  }

  100%{
    transform:translateX(260%);
  }
}

@media (prefers-reduced-motion:reduce){
  .page-loader,
  .btn,
  .card,
  .staff-card,
  .home-feature,
  .community-feature{
    transition:none;
  }

  .member-stat{
    animation:none;
    transition:none;
  }

  .is-live-updated{
    animation:none;
  }

  .loader-bar span{
    animation:none;
    width:100%;
  }
}

/* OWNER STAFF LOG */
.staff-console{
  width:min(1180px,100%);
  margin:72px auto 0;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:#10151d;
  box-shadow:0 28px 70px rgba(0,0,0,.28);
  overflow:hidden;
}

.staff-console-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding:28px 30px;
  border-bottom:1px solid rgba(255,255,255,.09);
  background:linear-gradient(110deg,rgba(168,85,247,.15),rgba(34,211,238,.07) 55%,rgba(16,21,29,0));
}

.staff-console-header h2{
  margin:5px 0 7px;
  color:#fff;
  font-size:1.7rem;
  letter-spacing:0;
}

.staff-console-header p{
  max-width:680px;
  margin:0;
  color:#9ca8b8;
  font-size:.9rem;
  line-height:1.55;
}

.staff-live{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex:none;
  color:#b9f8da;
  font-size:.78rem;
  font-weight:800;
  text-transform:uppercase;
}

.staff-live i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#48d89f;
  box-shadow:0 0 0 5px rgba(72,216,159,.12);
}

.staff-log-filters{
  display:flex;
  gap:6px;
  padding:16px 20px;
  overflow-x:auto;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.staff-log-filters button{
  min-height:34px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:6px;
  background:#171d27;
  color:#aab4c2;
  font:inherit;
  font-size:.78rem;
  font-weight:700;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}

.staff-log-filters button:hover,
.staff-log-filters button.is-active{
  border-color:rgba(34,211,238,.45);
  background:rgba(34,211,238,.11);
  color:#eafcff;
}

.staff-log-head,
.staff-log-row{
  display:grid;
  grid-template-columns:120px minmax(210px,.8fr) minmax(280px,1.4fr) 80px;
  align-items:center;
  gap:18px;
}

.staff-log-head{
  padding:11px 22px;
  color:#687586;
  font-size:.68rem;
  font-weight:800;
  text-transform:uppercase;
}

.staff-log-list{
  max-height:650px;
  overflow:auto;
  border-top:1px solid rgba(255,255,255,.06);
}

.staff-log-row{
  min-height:66px;
  padding:10px 22px;
  border-bottom:1px solid rgba(255,255,255,.065);
  transition:background .18s ease;
}

.staff-log-row:hover{
  background:rgba(255,255,255,.025);
}

.staff-log-row time{
  color:#7f8b9b;
  font-size:.72rem;
  font-variant-numeric:tabular-nums;
}

.staff-log-person,
.staff-log-event{
  display:flex;
  align-items:center;
  min-width:0;
  gap:10px;
}

.staff-log-person img,
.staff-log-avatar{
  width:36px;
  height:36px;
  flex:none;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  object-fit:cover;
}

.staff-log-avatar{
  display:grid;
  place-items:center;
  background:#232b38;
  color:#dce5ef;
  font-size:.66rem;
  font-weight:900;
}

.staff-log-person span,
.staff-log-event{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
}

.staff-log-person strong,
.staff-log-event strong{
  max-width:100%;
  overflow:hidden;
  color:#e9eef5;
  font-size:.82rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.staff-log-person small,
.staff-log-event small{
  max-width:100%;
  overflow:hidden;
  color:#748194;
  font-size:.68rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.staff-log-event{
  gap:3px;
}

.staff-log-amount{
  justify-self:end;
  color:#7f8b9b;
  font-size:.78rem;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}

.staff-log-amount.is-positive{color:#5fe0aa}
.staff-log-amount.is-negative{color:#ff7e8d}

.staff-log-empty{
  margin:0;
  padding:42px 24px;
  color:#7f8b9b;
  text-align:center;
}

@media (max-width:760px){
  .staff-console{margin-top:48px}
  .staff-console-header{padding:24px 20px}
  .staff-log-head{display:none}
  .staff-log-list{max-height:580px}
  .staff-log-row{
    grid-template-columns:minmax(0,1fr) auto;
    gap:5px 14px;
    padding:14px 18px;
  }
  .staff-log-row time{grid-column:1;grid-row:1}
  .staff-log-person{grid-column:1;grid-row:2}
  .staff-log-event{grid-column:1 / -1;grid-row:3;margin-top:5px}
  .staff-log-amount{grid-column:2;grid-row:1 / 3}
  .staff-log-event small{white-space:normal}
}

/* PRIVACY AND COOKIE CONSENT */
.footer-privacy-links{
  display:inline-flex;
  align-items:center;
  gap:14px;
  margin-left:20px;
}

.footer-privacy-links a,
.footer-privacy-links button{
  border:0;
  background:none;
  color:#9da9b8;
  font:inherit;
  font-size:.76rem;
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer;
}

.footer-privacy-links a:hover,
.footer-privacy-links button:hover{color:#fff}

.cookie-banner{
  position:fixed;
  inset:auto 0 0;
  z-index:12000;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:32px;
  padding:24px max(5%,calc((100% - 1240px)/2));
  border-top:1px solid rgba(255,255,255,.16);
  background:rgba(12,16,23,.98);
  box-shadow:0 -24px 70px rgba(0,0,0,.48);
  transform:translateY(110%);
  visibility:hidden;
  transition:transform .35s ease,visibility .35s ease;
}

.cookie-banner.is-visible{
  transform:translateY(0);
  visibility:visible;
}

.cookie-banner-copy{max-width:800px}
.cookie-banner-copy > span,
.cookie-settings-panel header span{
  color:#7edce8;
  font-size:.7rem;
  font-weight:900;
  text-transform:uppercase;
}

.cookie-banner-copy h2{
  margin:5px 0 7px;
  color:#fff;
  font-size:1.25rem;
  letter-spacing:0;
}

.cookie-banner-copy p{
  margin:0;
  color:#aab4c2;
  font-size:.85rem;
  line-height:1.55;
}

.cookie-banner-copy a,
.cookie-policy-link{
  display:inline-block;
  margin-top:8px;
  color:#8de5ef;
  font-size:.78rem;
  font-weight:800;
}

.cookie-banner-actions,
.cookie-settings-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}

.cookie-button,
.cookie-link-button{
  min-height:42px;
  padding:0 15px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:7px;
  background:#1a202b;
  color:#f3f6fa;
  font:inherit;
  font-size:.8rem;
  font-weight:800;
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}

.cookie-button:hover,
.cookie-link-button:hover{
  transform:translateY(-1px);
  border-color:rgba(34,211,238,.48);
  background:#222a37;
}

.cookie-button-primary{
  border-color:rgba(168,85,247,.58);
  background:linear-gradient(125deg,#7c3aed,#167c8e);
}

.cookie-link-button{
  border-color:transparent;
  background:transparent;
  color:#b7c0cc;
  text-decoration:underline;
  text-underline-offset:3px;
}

.cookie-settings-dialog{
  width:min(620px,calc(100% - 28px));
  max-height:calc(100vh - 28px);
  margin:auto;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  background:#10151d;
  color:#e8edf4;
  box-shadow:0 30px 90px rgba(0,0,0,.62);
}

.cookie-settings-dialog::backdrop{
  background:rgba(0,0,0,.7);
  backdrop-filter:blur(5px);
}

.cookie-settings-panel{padding:26px}
.cookie-settings-panel header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:12px;
}

.cookie-settings-panel h2{
  margin-top:4px;
  font-size:1.45rem;
  letter-spacing:0;
}

.cookie-close{
  width:36px;
  height:36px;
  flex:none;
  border:1px solid rgba(255,255,255,.13);
  border-radius:50%;
  background:#181e28;
  color:#dfe6ef;
  font-size:1.3rem;
  cursor:pointer;
}

.cookie-settings-intro{
  margin-bottom:18px;
  color:#98a4b4;
  font-size:.84rem;
  line-height:1.55;
}

.cookie-choice{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:17px 0;
  border-top:1px solid rgba(255,255,255,.09);
  cursor:pointer;
}

.cookie-choice span{display:grid;gap:4px}
.cookie-choice strong{font-size:.9rem}
.cookie-choice small{color:#8793a3;font-size:.76rem;line-height:1.45}
.cookie-choice input{width:21px;height:21px;flex:none;accent-color:#22b8cf}
.cookie-choice.is-required{cursor:default}
.cookie-settings-actions{margin-top:20px}
.cookie-policy-link{width:100%;text-align:center}

.privacy-page{
  width:min(1240px,90%);
  margin:0 auto;
  padding:80px 0 100px;
}

.privacy-hero{
  max-width:850px;
  padding-bottom:54px;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.privacy-hero h1{
  margin:10px 0 15px;
  font-size:clamp(2.4rem,6vw,4.8rem);
  line-height:1.03;
  letter-spacing:0;
}

.privacy-hero p{
  color:#a7b1bf;
  font-size:1rem;
  line-height:1.7;
}

.privacy-hero small{display:block;margin-top:18px;color:#718093}
.privacy-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:70px;margin-top:52px}
.privacy-index{position:sticky;top:24px;align-self:start;display:grid;gap:11px}
.privacy-index strong{margin-bottom:5px;color:#eef3f8;font-size:.8rem;text-transform:uppercase}
.privacy-index a{color:#8794a5;font-size:.8rem;text-decoration:none}
.privacy-index a:hover{color:#8fe7f1}
.privacy-content{display:grid;gap:0}
.privacy-content section{scroll-margin-top:30px;padding:0 0 48px;margin-bottom:48px;border-bottom:1px solid rgba(255,255,255,.1)}
.privacy-content section:last-child{margin-bottom:0}
.privacy-section-number{color:#70d7e3;font-size:.72rem;font-weight:900}
.privacy-content h2{margin:7px 0 16px;font-size:1.55rem;letter-spacing:0}
.privacy-content p,.privacy-content li{color:#a7b1bf;font-size:.9rem;line-height:1.75}
.privacy-content p + p{margin-top:13px}
.privacy-content a{color:#8de5ef}
.privacy-content ul{display:grid;gap:10px;padding-left:20px}
.privacy-content strong{color:#edf2f7}
.privacy-purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.privacy-purpose-grid div{padding:18px 0;border-top:1px solid rgba(255,255,255,.1)}
.privacy-purpose-grid p{margin-top:5px;font-size:.82rem}
.privacy-table-wrap{overflow-x:auto;border-top:1px solid rgba(255,255,255,.12)}
.privacy-content table{width:100%;border-collapse:collapse;min-width:650px}
.privacy-content th,.privacy-content td{padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;font-size:.78rem}
.privacy-content th{color:#dfe7f0;background:rgba(255,255,255,.035)}
.privacy-content td{color:#97a3b3}
.privacy-settings-button{border:0;cursor:pointer}

.consent-audit{
  width:min(1180px,100%);
  margin:42px auto 0;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:#10151d;
  overflow:hidden;
}

.consent-audit-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:25px;
  padding:27px 30px;
  border-bottom:1px solid rgba(255,255,255,.09);
  background:linear-gradient(110deg,rgba(34,211,238,.1),rgba(72,216,159,.05) 55%,transparent);
}

.consent-audit-header h2{margin:5px 0 7px;font-size:1.5rem;letter-spacing:0}
.consent-audit-header p{margin:0;color:#91a0b1;font-size:.82rem;line-height:1.55}
.consent-audit-header > a{flex:none;color:#8ee6ef;font-size:.76rem;font-weight:800}
.consent-summary{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(255,255,255,.08)}
.consent-summary > span{display:grid;gap:5px;padding:19px 22px;border-right:1px solid rgba(255,255,255,.08)}
.consent-summary > span:last-child{border-right:0}
.consent-summary small{color:#748194;font-size:.68rem;font-weight:800;text-transform:uppercase}
.consent-summary strong{font-size:1.3rem;color:#edf4f8}
.consent-filters{display:flex;gap:6px;padding:14px 20px;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.08)}
.consent-filters button{
  min-height:33px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:6px;
  background:#171d27;
  color:#aab4c2;
  font:inherit;
  font-size:.74rem;
  font-weight:800;
  cursor:pointer;
}
.consent-filters button:hover,.consent-filters button.is-active{border-color:rgba(72,216,159,.45);background:rgba(72,216,159,.09);color:#eafff7}
.consent-record-list{max-height:720px;overflow:auto}
.consent-record{border-bottom:1px solid rgba(255,255,255,.07)}
.consent-record summary{
  display:grid;
  grid-template-columns:145px minmax(240px,1.2fr) minmax(150px,.8fr) minmax(145px,.7fr);
  align-items:center;
  gap:18px;
  min-height:72px;
  padding:12px 22px;
  cursor:pointer;
  list-style:none;
}
.consent-record summary::-webkit-details-marker{display:none}
.consent-record summary:hover{background:rgba(255,255,255,.025)}
.consent-record time{color:#7f8b9b;font-size:.7rem;font-variant-numeric:tabular-nums}
.consent-record summary > span{display:grid;gap:4px;min-width:0}
.consent-record summary strong{overflow:hidden;color:#e7edf4;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}
.consent-record summary small{color:#748194;font-size:.66rem}
.consent-record-choice{color:#eef5f8;font-size:.78rem;font-weight:800}
.consent-record-chips{display:flex!important;flex-wrap:wrap;gap:4px!important}
.consent-record-chips i{padding:3px 6px;border-radius:4px;font-size:.58rem;font-style:normal;font-weight:800}
.consent-record-chips .is-on{background:rgba(72,216,159,.12);color:#7ce7ba}
.consent-record-chips .is-off{background:rgba(255,255,255,.06);color:#778494}
.consent-record-metadata{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 24px;padding:18px 22px 22px;background:rgba(0,0,0,.14)}
.consent-record-metadata > span{display:grid;gap:4px;min-width:0}
.consent-record-metadata small{color:#718093;font-size:.64rem;font-weight:800;text-transform:uppercase}
.consent-record-metadata strong{overflow-wrap:anywhere;color:#b7c1ce;font-size:.7rem;font-weight:600}

@media (max-width:850px){
  .cookie-banner{grid-template-columns:1fr;gap:18px;padding:20px 6%}
  .cookie-banner-actions{justify-content:flex-start}
  .privacy-layout{grid-template-columns:1fr;gap:35px}
  .privacy-index{position:static;grid-template-columns:1fr 1fr;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.1)}
  .privacy-index strong{grid-column:1 / -1}
  .consent-record summary{grid-template-columns:110px 1fr 1fr}
  .consent-record summary > span:last-child{display:none}
  .consent-record-metadata{grid-template-columns:1fr 1fr}
}

@media (max-width:560px){
  .cookie-banner-actions,.cookie-settings-actions{display:grid;grid-template-columns:1fr;width:100%}
  .cookie-button,.cookie-link-button{width:100%}
  .cookie-settings-panel{padding:21px 18px}
  .footer-privacy-links{display:flex;margin:12px 0 0;justify-content:center}
  .privacy-page{width:88%;padding-top:55px}
  .privacy-purpose-grid{grid-template-columns:1fr}
  .consent-audit-header{padding:22px 18px;flex-direction:column}
  .consent-summary{grid-template-columns:1fr 1fr}
  .consent-summary > span:nth-child(2){border-right:0}
  .consent-summary > span:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}
  .consent-record summary{grid-template-columns:1fr auto;gap:8px 14px;padding:14px 18px}
  .consent-record time{grid-column:1}
  .consent-record-choice{grid-column:1}
  .consent-record summary > span:nth-child(3){grid-column:2;grid-row:1 / 3;text-align:right}
  .consent-record summary > span:nth-child(3) small{display:none}
  .consent-record-metadata{grid-template-columns:1fr;padding:16px 18px}
}

/* STAFF RECRUITING */
.staff-join{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:26px;width:min(1120px,80%);margin:0 auto 90px;padding:30px 34px;overflow:hidden;border:1px solid rgba(71,211,225,.25);border-radius:8px;background:linear-gradient(110deg,rgba(23,35,48,.96),rgba(13,21,31,.96)),#101823;box-shadow:0 24px 70px rgba(0,0,0,.26)}
.staff-join::after{content:"";position:absolute;top:0;right:0;width:34%;height:3px;background:linear-gradient(90deg,transparent,#46d4dc,#56dd9c)}
.staff-join-mark{display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(71,211,225,.32);border-radius:50%;color:#73e4ea;background:rgba(56,203,216,.08)}
.staff-join-mark svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.staff-join-copy{position:relative;z-index:1}.staff-join-copy h2{margin:5px 0 8px;font-size:1.55rem;letter-spacing:0;line-height:1.2}.staff-join-copy p{max-width:690px;color:#9aa8b8;font-size:.9rem;line-height:1.6}
.staff-join-button,.application-submit{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 19px;border:1px solid #55dca1;border-radius:6px;color:#07130e;background:#55dca1;font-size:.82rem;font-weight:900;text-decoration:none;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.staff-join-button:hover,.application-submit:hover{transform:translateY(-2px);background:#76e8b5;box-shadow:0 12px 32px rgba(85,220,161,.2)}.staff-join-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.staff-join-status{display:flex;align-items:center;gap:8px;margin-top:13px;color:#91a0b2;font-size:.72rem}.staff-join-status::before{content:"";display:none;width:7px;height:7px;border-radius:50%}.staff-join-status strong{color:#f6d778}.staff-join-status[data-state]::before{display:block}.staff-join-status[data-state="pending"]::before{background:#f4c75f;box-shadow:0 0 12px rgba(244,199,95,.55)}.staff-join-status[data-state="pending"] strong{color:#f6d778}.staff-join-status[data-state="accepted"]::before,.staff-join-status[data-state="staff"]::before{background:#55dca1;box-shadow:0 0 12px rgba(85,220,161,.55)}.staff-join-status[data-state="accepted"] strong,.staff-join-status[data-state="staff"] strong{color:#76e8b5}.staff-join-status[data-state="rejected"]::before{background:#ff7180;box-shadow:0 0 12px rgba(255,113,128,.5)}.staff-join-status[data-state="rejected"] strong{color:#ff8d99}

.application-page{width:min(920px,86%);margin:0 auto;padding:78px 0 100px}.application-intro{max-width:760px;margin-bottom:38px}.application-intro h1{margin:8px 0 15px;font-size:3rem;letter-spacing:0;line-height:1.07}.application-intro p{max-width:690px;color:#9aa7b7;line-height:1.7}
.application-identity{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:19px 22px;border:1px solid rgba(70,212,220,.22);border-radius:8px;background:rgba(18,29,41,.78)}.application-identity img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid rgba(70,212,220,.45)}.application-identity span{color:#60dbe3;font-size:.69rem;font-weight:900;text-transform:uppercase}.application-identity h2{margin:3px 0 2px;font-size:1.22rem;letter-spacing:0}.application-identity p{color:#8190a2;font-size:.75rem;overflow-wrap:anywhere}.application-identity>svg{width:28px;height:28px;padding:5px;border-radius:50%;color:#07150f;background:#55dca1;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.application-current{display:grid;gap:13px;margin-top:22px;padding:24px 26px;border:1px solid rgba(255,255,255,.1);border-left:3px solid #f4c75f;border-radius:6px;background:rgba(255,255,255,.035)}.application-current.status-accepted{border-left-color:#55dca1}.application-current.status-rejected{border-left-color:#ff7180}.application-current-copy{display:flex;align-items:center;gap:13px}.application-current-copy h2{margin-top:3px;font-size:1.3rem;letter-spacing:0}.application-current-copy p,.application-current>p{color:#8f9daf;font-size:.82rem;line-height:1.55}.application-status-dot{width:12px;height:12px;border-radius:50%;background:#f4c75f;box-shadow:0 0 18px rgba(244,199,95,.5)}.status-accepted .application-status-dot{background:#55dca1;box-shadow:0 0 18px rgba(85,220,161,.5)}.status-rejected .application-status-dot{background:#ff7180;box-shadow:0 0 18px rgba(255,113,128,.45)}
.staff-application-form{display:grid;gap:24px;margin-top:34px;padding-top:34px;border-top:1px solid rgba(255,255,255,.1)}.application-form-heading{margin-bottom:4px}.application-form-heading h2{margin:5px 0 7px;font-size:1.7rem;letter-spacing:0}.application-form-heading p{color:#8e9bad;font-size:.85rem;line-height:1.6}.application-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.application-field{display:grid;gap:8px;color:#dce5ec;font-size:.82rem;font-weight:800}.application-field small{color:#78879a;font-size:.7rem;font-weight:500;line-height:1.5}
.application-field input,.application-field select,.application-field textarea{width:100%;border:1px solid rgba(255,255,255,.13);border-radius:6px;outline:0;color:#edf3f7;background:#101823;font:inherit;font-weight:500;transition:border-color .2s ease,box-shadow .2s ease}.application-field input,.application-field select{height:48px;padding:0 14px}.application-field textarea{min-height:110px;padding:14px;resize:vertical;line-height:1.55}.application-field input:focus,.application-field select:focus,.application-field textarea:focus{border-color:#45ced7;box-shadow:0 0 0 3px rgba(69,206,215,.1)}
.application-check{display:flex;align-items:flex-start;gap:11px;color:#9aa7b7;font-size:.76rem;line-height:1.5;cursor:pointer}.application-check input{width:18px;height:18px;flex:none;margin-top:1px;accent-color:#4ed9a0}.application-submit-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:7px}.application-submit-row p{max-width:540px;color:#8997a8;font-size:.78rem;line-height:1.5}.application-submit-row p.is-success{color:#71e5ae}.application-submit-row p.is-error{color:#ff8995}.application-submit{border:0;cursor:pointer}.application-submit svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.application-submit:disabled{cursor:wait;opacity:.65;transform:none}.application-closed{margin-top:24px}

.application-review{margin-top:48px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(8,13,20,.58)}.application-review-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border-bottom:1px solid rgba(255,255,255,.08)}.application-review-header h2{margin:5px 0 7px;font-size:1.5rem;letter-spacing:0}.application-review-header p{max-width:680px;color:#8997a8;font-size:.82rem;line-height:1.55}.application-pending-count{flex:none;padding:7px 10px;border:1px solid rgba(244,199,95,.25);border-radius:4px;color:#f4d36f;background:rgba(244,199,95,.07);font-size:.7rem;font-weight:900}
.application-review-filters{display:flex;gap:6px;padding:14px 20px;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.08)}.application-review-filters button{padding:7px 11px;border:1px solid transparent;border-radius:4px;color:#7f8da0;background:transparent;font-size:.68rem;font-weight:800;cursor:pointer}.application-review-filters button:hover,.application-review-filters button.is-active{border-color:rgba(70,212,220,.32);color:#baf4f5;background:rgba(70,212,220,.07)}.application-review-list{display:grid}.application-review-card{border-bottom:1px solid rgba(255,255,255,.075)}.application-review-card:last-child{border-bottom:0}
.application-review-card>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 24px 12px}.application-review-person{display:flex;align-items:center;gap:12px;min-width:0}.application-review-person img{width:44px;height:44px;flex:none;border-radius:50%;object-fit:cover;background:#151e29}.application-review-person>span{display:grid;gap:3px;min-width:0}.application-review-person strong{overflow:hidden;color:#e8eef3;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.application-review-person small{overflow-wrap:anywhere;color:#748195;font-size:.65rem}.application-review-status{padding:5px 8px;border-radius:4px;color:#f4d36f;background:rgba(244,199,95,.09);font-size:.65rem;font-weight:900}.application-review-status[data-state="accepted"]{color:#70e5ad;background:rgba(85,220,161,.09)}.application-review-status[data-state="rejected"]{color:#ff8c98;background:rgba(255,113,128,.09)}
.application-review-meta{display:flex;flex-wrap:wrap;gap:6px;padding:0 24px 14px}.application-review-meta span{padding:4px 7px;border-radius:3px;color:#78879a;background:rgba(255,255,255,.04);font-size:.62rem}.application-review-card details{border-top:1px solid rgba(255,255,255,.055)}.application-review-card summary{display:flex;align-items:center;justify-content:space-between;padding:13px 24px;color:#91a1b3;font-size:.72rem;font-weight:800;cursor:pointer;list-style:none}.application-review-card summary::-webkit-details-marker{display:none}.application-review-card summary:hover{color:#dce6ee;background:rgba(255,255,255,.02)}.application-review-toggle{font-size:1.1rem;font-weight:400}.application-review-card details[open] .application-review-toggle{transform:rotate(45deg)}
.application-review-answers{display:grid;padding:0 24px;background:rgba(0,0,0,.11)}.application-answer{padding:17px 0;border-bottom:1px solid rgba(255,255,255,.06)}.application-answer:last-child{border-bottom:0}.application-answer h4{margin-bottom:7px;color:#71dfe5;font-size:.68rem;text-transform:uppercase}.application-answer p{color:#aeb9c5;font-size:.76rem;line-height:1.65;white-space:pre-wrap}.application-review-actions{display:flex;justify-content:flex-end;gap:9px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.065);background:rgba(0,0,0,.11)}.application-review-actions button{min-width:105px;padding:9px 14px;border:1px solid;border-radius:5px;font-size:.71rem;font-weight:900;cursor:pointer}.application-review-actions .is-reject{border-color:rgba(255,113,128,.35);color:#ff8d99;background:rgba(255,113,128,.07)}.application-review-actions .is-accept{border-color:rgba(85,220,161,.4);color:#82e9ba;background:rgba(85,220,161,.08)}.application-review-actions button:hover{filter:brightness(1.18)}.application-review-actions button:disabled{cursor:wait;opacity:.5}

@media(max-width:760px){.staff-join{grid-template-columns:auto 1fr;width:88%;padding:25px 22px}.staff-join-button{grid-column:1/-1;width:100%}.application-page{width:88%;padding-top:54px}.application-intro h1{font-size:2.25rem}.application-form-grid{grid-template-columns:1fr}.application-submit-row{align-items:stretch;flex-direction:column}.application-submit{width:100%}.application-review-header{align-items:flex-start;flex-direction:column;padding:24px 20px}.application-review-card>header{padding:17px 18px 11px}.application-review-meta{padding:0 18px 12px}.application-review-card summary{padding:13px 18px}.application-review-answers{padding:0 18px}.application-review-actions{padding:14px 18px}.application-review-actions button{flex:1}}
@media(max-width:480px){.staff-join{grid-template-columns:1fr;text-align:center}.staff-join-mark{margin:auto}.staff-join-status{justify-content:center}.application-identity{grid-template-columns:auto 1fr;padding:16px}.application-identity>svg{display:none}.application-identity img{width:52px;height:52px}.application-intro h1{font-size:1.95rem}.application-review-card>header{align-items:flex-start}.application-review-status{flex:none}.application-review-actions{flex-direction:column}.application-review-actions button{width:100%}}

/* ABOUT - EDITORIAL STORY */
nav a[aria-current="page"]{color:#f2f5f8}
.about-page-v2{overflow:hidden;background:#0b0f17}
.about-hero-v2{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);
  align-items:center;
  gap:7%;
  width:min(1200px,80%);
  min-height:min(710px,calc(100svh - 115px));
  margin:0 auto;
  padding:70px 0 82px;
}
.about-hero-v2::before{
  content:"";
  position:absolute;
  inset:7% -30vw 0;
  z-index:0;
  background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),rgba(255,255,255,.035) 12.5%);
  pointer-events:none;
}
.about-hero-copy{position:relative;z-index:2;max-width:690px;animation:about-copy-in .75s ease both}
.about-hero-copy h1{max-width:680px;margin:9px 0 25px;font-size:4.8rem;line-height:.98;letter-spacing:0}
.about-hero-copy>p{max-width:650px;color:#aab4c2;font-size:1.14rem;line-height:1.75}
.about-story-link{display:inline-flex;align-items:center;gap:12px;margin-top:34px;color:#dce5eb;font-size:.78rem;font-weight:900;text-decoration:none;text-transform:uppercase}
.about-story-link span{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(78,214,219,.4);border-radius:50%;color:#62dce1;transition:transform .2s ease,background .2s ease}
.about-story-link:hover span{transform:translateY(3px);background:rgba(78,214,219,.1)}
.about-hero-identity{position:relative;z-index:1;display:grid;place-items:center;width:min(100%,460px);aspect-ratio:1;margin-left:auto;animation:about-mark-in .9s .1s ease both}
.about-hero-identity::before,.about-hero-identity::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.about-hero-identity::before{inset:3%;border:1px solid rgba(78,214,219,.26)}
.about-hero-identity::after{inset:13%;border:1px dashed rgba(255,255,255,.15);animation:about-ring 36s linear infinite}
.about-hero-identity img{position:relative;width:76%;height:76%;object-fit:contain;filter:drop-shadow(0 32px 45px rgba(0,0,0,.48)) drop-shadow(0 0 24px rgba(168,85,247,.13))}
.about-year{position:absolute;z-index:2;padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:4px;color:#dce4ea;background:#0b0f17;font-size:.7rem;font-weight:900;letter-spacing:0}
.about-year-start{left:0;top:24%}.about-year-now{right:0;bottom:22%;color:#68e0b1;border-color:rgba(83,219,162,.32)}

.about-story-v2{width:min(1180px,80%);margin:0 auto;padding:105px 0 70px}
.about-story-heading{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);gap:8%;align-items:start;padding-bottom:62px;border-bottom:1px solid rgba(255,255,255,.12)}
.about-story-heading h2{max-width:780px;font-size:3rem;line-height:1.1;letter-spacing:0}
.about-story-lead{width:70%;margin-left:30%;padding:62px 0 78px}
.about-story-lead p{color:#d4dce3;font-size:1.42rem;line-height:1.7}
.about-story-lead strong{color:#65dce1}
.about-timeline{position:relative;border-top:1px solid rgba(255,255,255,.12)}
.about-chapter{display:grid;grid-template-columns:260px minmax(0,1fr);gap:7%;padding:72px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.about-chapter-marker{display:flex;align-items:flex-start;gap:17px;color:#7e8a98;font-size:.72rem;font-weight:900;text-transform:uppercase}
.about-chapter-marker span{display:grid;place-items:center;width:37px;height:37px;flex:none;border:1px solid rgba(101,220,225,.35);border-radius:50%;color:#6de0e4}
.about-chapter-marker time{padding-top:11px}
.about-chapter-copy{max-width:760px}
.about-chapter-copy h3{margin-bottom:22px;color:#f0f4f6;font-size:2rem;line-height:1.15;letter-spacing:0}
.about-chapter-copy p{color:#9eabb9;font-size:1.04rem;line-height:1.86}
.about-chapter-copy p+p{margin-top:22px}
.about-chapter-future .about-chapter-marker span{color:#6de6b3;border-color:rgba(82,222,165,.38)}
.about-milestone{display:grid;grid-template-columns:290px minmax(0,1fr);align-items:center;gap:7%;margin:0;padding:68px 6%;border-bottom:1px solid rgba(93,224,181,.27);background:linear-gradient(110deg,rgba(78,214,219,.1),rgba(82,222,165,.055) 48%,rgba(168,85,247,.08))}
.about-milestone-number{display:grid;line-height:1}
.about-milestone-number strong{color:#eef4f2;font-size:4.6rem;letter-spacing:0}
.about-milestone-number span{margin-top:8px;color:#69e1b0;font-size:.76rem;font-weight:900;text-transform:uppercase}
.about-milestone p{max-width:690px;color:#b5c0ca;font-size:1.02rem;line-height:1.78}
.about-milestone p strong{color:#eff5f5}

.about-closing{position:relative;width:100%;padding:100px 10%;overflow:hidden;border-top:1px solid rgba(101,220,225,.22);color:#eef4f6;background:linear-gradient(115deg,#111923,#0c131b 58%,#101a18)}
.about-closing::before{content:"";position:absolute;top:0;left:10%;width:150px;height:3px;background:linear-gradient(90deg,#65dce1,#69e1b0)}
.about-closing>span{display:block;margin-bottom:18px;color:#69e1b0;font-size:.72rem;font-weight:950;text-transform:uppercase}
.about-closing h2{max-width:980px;margin-bottom:35px;font-size:3.35rem;line-height:1.08;letter-spacing:0}
.about-closing .btn-primary{color:#07130f;background:#69e1b0;box-shadow:0 14px 34px rgba(65,199,146,.15)}
.about-closing .btn-primary:hover{background:#83ebc2}

@keyframes about-copy-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes about-mark-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@keyframes about-ring{to{transform:rotate(360deg)}}

@media(max-width:960px){
  .about-hero-v2{grid-template-columns:minmax(0,1fr) 300px;width:88%;gap:4%}
  .about-hero-copy h1{font-size:3.75rem}
  .about-story-v2{width:88%}
  .about-story-heading h2{font-size:2.5rem}
  .about-chapter{grid-template-columns:210px minmax(0,1fr)}
  .about-milestone{grid-template-columns:230px minmax(0,1fr)}
  .about-milestone-number strong{font-size:3.6rem}
}
@media(max-width:720px){
  .about-hero-v2{grid-template-columns:1fr;min-height:auto;padding:46px 0 30px}
  .about-hero-copy h1{font-size:3rem;line-height:1.02}
  .about-hero-copy>p{font-size:1rem}
  .about-story-link{display:none}
  .about-hero-identity{width:min(58vw,220px);margin:22px auto 0}
  .about-story-v2{padding-top:72px}
  .about-story-heading{grid-template-columns:1fr;gap:12px;padding-bottom:42px}
  .about-story-heading h2{font-size:2rem}
  .about-story-lead{width:100%;margin-left:0;padding:42px 0 58px}
  .about-story-lead p{font-size:1.18rem;line-height:1.65}
  .about-chapter{grid-template-columns:1fr;gap:25px;padding:52px 0}
  .about-chapter-copy h3{font-size:1.65rem}
  .about-chapter-copy p{font-size:.96rem;line-height:1.75}
  .about-milestone{grid-template-columns:1fr;gap:27px;margin-left:-7%;margin-right:-7%;padding:52px 7%}
  .about-milestone-number strong{font-size:3.3rem}
  .about-closing{padding:72px 6%}
  .about-closing h2{font-size:2.3rem}
}
@media(max-width:420px){
  .about-hero-copy h1{font-size:2.55rem}
  .about-hero-identity{width:min(58vw,215px)}
  .about-year-start{left:-2%}.about-year-now{right:-2%}
  .about-story-heading h2{font-size:1.75rem}
  .about-closing h2{font-size:1.95rem}
}
@media(prefers-reduced-motion:reduce){.about-hero-copy,.about-hero-identity{animation:none}.about-hero-identity::after{animation:none}}

/* PERRY STAFF CONVERSATIONS */
.perry-audit{width:min(1200px,100%);margin:72px auto 0;overflow:hidden;border:1px solid rgba(167,107,255,.22);border-radius:8px;background:rgba(10,16,24,.78)}
.perry-service-control{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:15px;padding:17px 20px;border-bottom:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.018)}
.perry-service-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#111a24}.perry-service-icon span{width:12px;height:12px;border-radius:50%}
.perry-service-copy{display:grid;gap:3px;min-width:0}.perry-service-copy>span{color:#728195;font-size:.57rem;font-weight:900;text-transform:uppercase}.perry-service-copy strong{font-size:.82rem}.perry-service-copy p{color:#8492a3;font-size:.66rem;line-height:1.45}
.perry-service-hide{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#9facbd;background:rgba(255,255,255,.035);font-size:.64rem;font-weight:850;white-space:nowrap}.perry-service-hide input{width:15px;height:15px;accent-color:#f0bd62}
.perry-service-control>button{min-height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.13);border-radius:5px;font:inherit;font-size:.65rem;font-weight:900;cursor:pointer}.perry-service-control>button:disabled{cursor:wait;opacity:.55}
.perry-service-control.is-online .perry-service-icon{border-color:rgba(91,222,173,.24);background:rgba(71,195,148,.055)}.perry-service-control.is-online .perry-service-icon span{background:#60dfa9;box-shadow:0 0 15px rgba(96,223,169,.6)}.perry-service-control.is-online>button{color:#ff9ca6;border-color:rgba(255,111,126,.24);background:rgba(255,111,126,.06)}.perry-service-control.is-online>button:hover{color:#fff;background:#cb5361}
.perry-service-control.is-offline{background:rgba(240,189,98,.035)}.perry-service-control.is-offline .perry-service-icon{border-color:rgba(240,189,98,.25);background:rgba(240,189,98,.055)}.perry-service-control.is-offline .perry-service-icon span{background:#f0bd62;box-shadow:0 0 15px rgba(240,189,98,.5)}.perry-service-control.is-offline>button{color:#82e6c0;border-color:rgba(95,219,181,.3);background:rgba(79,203,161,.07)}.perry-service-control.is-offline>button:hover{color:#07130f;background:#68deb1}
.perry-audit-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 28px;border-bottom:1px solid rgba(255,255,255,.08)}
.perry-audit-header h2{margin:4px 0 7px;font-size:1.55rem;letter-spacing:0}.perry-audit-header p{max-width:690px;color:#8997a8;font-size:.8rem;line-height:1.55}
.perry-export-all{flex:none;padding:10px 13px;border:1px solid rgba(95,219,181,.35);border-radius:5px;color:#83e5c0;background:rgba(79,203,161,.07);font-size:.7rem;font-weight:900;text-decoration:none}.perry-export-all:hover{color:#07130f;background:#68deb1}
.perry-audit-toolbar{display:flex;align-items:end;gap:10px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018)}.perry-audit-toolbar label{display:grid;gap:5px;min-width:0;flex:1}.perry-audit-toolbar label span{color:#718095;font-size:.61rem;font-weight:900;text-transform:uppercase}.perry-audit-toolbar input{height:40px;padding:0 12px;border:1px solid rgba(255,255,255,.11);border-radius:5px;outline:0;color:#e8eef3;background:#111a24;font:inherit;font-size:.75rem}.perry-audit-toolbar input:focus{border-color:rgba(88,216,223,.5);box-shadow:0 0 0 3px rgba(88,216,223,.07)}.perry-audit-toolbar button{height:40px;padding:0 13px;border:1px solid rgba(255,255,255,.11);border-radius:5px;color:#aab6c2;background:#151e29;font-size:.68rem;font-weight:900;cursor:pointer}
.perry-audit-layout{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:530px}.perry-conversation-list{max-height:680px;overflow:auto;border-right:1px solid rgba(255,255,255,.08);scrollbar-width:thin;scrollbar-color:#354255 transparent}.perry-conversation-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 13px;width:100%;padding:15px 17px;border:0;border-bottom:1px solid rgba(255,255,255,.065);color:#dce5ec;background:transparent;text-align:left;cursor:pointer}.perry-conversation-item:hover,.perry-conversation-item.is-active{background:rgba(88,216,223,.05)}.perry-conversation-item.is-active{box-shadow:inset 3px 0 #5cd9df}.perry-conversation-item>span{display:grid;gap:4px;min-width:0}.perry-conversation-item>span:nth-child(2){text-align:right}.perry-conversation-item strong{overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.perry-conversation-item small,.perry-conversation-item time{color:#778698;font-size:.61rem}.perry-conversation-item i{grid-column:1/-1;justify-self:start;padding:3px 5px;border-radius:3px;color:#7ce4b9;background:rgba(75,203,159,.08);font-size:.56rem;font-style:normal;font-weight:900}.perry-conversation-item i[data-state="failed"]{color:#ff8995;background:rgba(255,113,128,.08)}
.perry-conversation-detail{min-width:0;background:rgba(0,0,0,.1)}.perry-detail-empty{display:grid;place-items:center;align-content:center;gap:8px;height:100%;padding:35px;color:#718093;text-align:center}.perry-detail-empty strong{color:#aab5c1}.perry-detail-empty p{font-size:.72rem}.perry-detail-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 23px;border-bottom:1px solid rgba(255,255,255,.075)}.perry-detail-header h3{margin:3px 0 4px;font-size:1.15rem;letter-spacing:0}.perry-detail-header p{color:#778698;font-size:.65rem}.perry-detail-actions{display:flex;gap:7px}.perry-detail-actions a,.perry-detail-actions button{display:grid;place-items:center;min-height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#a9b5c2;background:#141d27;font:inherit;font-size:.64rem;font-weight:900;text-decoration:none;cursor:pointer}.perry-detail-actions button{color:#ff8995;border-color:rgba(255,113,128,.2)}.perry-detail-meta{display:flex;flex-wrap:wrap;gap:6px;padding:12px 22px;border-bottom:1px solid rgba(255,255,255,.065)}.perry-detail-meta span{padding:4px 6px;border-radius:3px;color:#7d8b9d;background:rgba(255,255,255,.04);font-size:.59rem}.perry-detail-ticket[data-state="open"]{color:#78e2b7}.perry-detail-ticket[data-state="failed"]{color:#ff8995}.perry-detail-messages{display:grid;gap:12px;max-height:570px;overflow:auto;padding:20px 22px;scrollbar-width:thin;scrollbar-color:#354255 transparent}.perry-detail-messages article{max-width:86%}.perry-detail-messages article[data-role="user"]{justify-self:end}.perry-detail-messages article>span{display:flex;justify-content:space-between;gap:14px;margin-bottom:5px;color:#a77cff;font-size:.59rem;font-weight:900}.perry-detail-messages article[data-role="user"]>span{color:#5dd9df}.perry-detail-messages time{color:#687789;font-weight:500}.perry-detail-messages p{padding:9px 11px;border:1px solid rgba(255,255,255,.08);border-radius:5px;color:#b8c3cd;background:#151f2a;font-size:.7rem;line-height:1.55;white-space:pre-wrap}.perry-detail-messages article[data-role="user"] p{background:#143740}
@media(max-width:820px){.perry-audit-header{align-items:flex-start;flex-direction:column}.perry-audit-layout{grid-template-columns:1fr}.perry-conversation-list{max-height:340px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.perry-conversation-detail{min-height:440px}}
@media(max-width:520px){.perry-audit-header{padding:23px 19px}.perry-export-all{width:100%;text-align:center}.perry-service-control{grid-template-columns:42px minmax(0,1fr);padding:15px}.perry-service-icon{width:42px;height:42px}.perry-service-hide,.perry-service-control>button{grid-column:1/-1;width:100%}.perry-audit-toolbar{align-items:stretch;flex-direction:column}.perry-detail-header{align-items:flex-start;flex-direction:column}.perry-detail-actions{width:100%}.perry-detail-actions a,.perry-detail-actions button{flex:1}.perry-detail-messages article{max-width:94%}}

/* OWNER SERVICE CENTER */
.service-center{width:min(1200px,100%);margin:72px auto 0;overflow:hidden;border:1px solid rgba(88,216,223,.2);border-radius:8px;background:rgba(10,16,24,.8)}
.global-xp-control{position:relative;display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:20px;width:min(1200px,100%);margin:72px auto 0;padding:22px 24px;overflow:hidden;border:1px solid rgba(245,158,11,.2);border-radius:8px;background:linear-gradient(135deg,rgba(15,23,34,.96),rgba(10,16,24,.9));box-shadow:0 18px 46px rgba(0,0,0,.2)}
.global-xp-control::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#f59e0b,#22d3ee);opacity:.7}.global-xp-control::after{content:"";position:absolute;right:-90px;top:-110px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.18),transparent 65%);pointer-events:none}.global-xp-control>*{position:relative}.global-xp-orb{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(245,158,11,.32);border-radius:8px;background:linear-gradient(145deg,rgba(245,158,11,.16),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.global-xp-orb strong{color:#f8d66d;font-size:1.1rem;font-weight:1000;letter-spacing:0}.global-xp-orb span{position:absolute;right:-3px;bottom:-3px;width:12px;height:12px;border:2px solid #0b111a;border-radius:50%;background:#64748b}
.global-xp-titleline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.global-xp-titleline .story-label{margin:0}.global-xp-titleline strong{padding:4px 7px;border:1px solid rgba(148,163,184,.18);border-radius:4px;color:#9ca8b6;background:rgba(148,163,184,.07);font-size:.58rem;font-weight:950;text-transform:uppercase}.global-xp-copy h2{margin:6px 0 6px;font-size:1.42rem;letter-spacing:0}.global-xp-copy p{max-width:720px;color:#8f9bad;font-size:.82rem;line-height:1.55}.global-xp-copy small{display:block;margin-top:8px;color:#647386;font-size:.66rem}.global-xp-control button{min-height:40px;padding:0 16px;border:1px solid rgba(245,158,11,.28);border-radius:6px;color:#f9d87a;background:rgba(245,158,11,.075);font:inherit;font-size:.7rem;font-weight:950;cursor:pointer}.global-xp-control button:hover{border-color:rgba(245,158,11,.55);background:rgba(245,158,11,.13);transform:translateY(-1px)}.global-xp-control button:disabled{cursor:wait;opacity:.55;transform:none}
.global-xp-notice{width:max-content;max-width:100%;padding:5px 8px;border:1px solid rgba(117,223,181,.22);border-radius:5px;color:#75dfb5!important;background:rgba(117,223,181,.075)}.global-xp-notice[data-tone=error]{border-color:rgba(255,132,144,.28);color:#ff8490!important;background:rgba(255,132,144,.08)}
.global-xp-control.is-active{border-color:rgba(250,204,21,.4);background:linear-gradient(135deg,rgba(24,20,11,.96),rgba(10,16,24,.92) 58%,rgba(8,29,34,.58))}.global-xp-control.is-active::before{opacity:1}.global-xp-control.is-active .global-xp-orb{border-color:rgba(250,204,21,.62);background:linear-gradient(145deg,rgba(250,204,21,.28),rgba(245,158,11,.12));box-shadow:0 0 28px rgba(245,158,11,.16),inset 0 1px 0 rgba(255,255,255,.12)}.global-xp-control.is-active .global-xp-orb span{background:#facc15;box-shadow:0 0 13px rgba(250,204,21,.85)}.global-xp-control.is-active .global-xp-titleline strong{border-color:rgba(250,204,21,.28);color:#f9d87a;background:rgba(250,204,21,.08)}.global-xp-control.is-active button{color:#161006;background:#f8d66d;border-color:#f8d66d;box-shadow:0 10px 24px rgba(245,158,11,.14)}
.service-center-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 28px;border-bottom:1px solid rgba(255,255,255,.08)}.service-center-header h2{margin:4px 0 7px;font-size:1.55rem;letter-spacing:0}.service-center-header p{max-width:720px;color:#8997a8;font-size:.8rem;line-height:1.55}.service-center-owner{flex:none;padding:6px 8px;border:1px solid rgba(88,216,223,.2);border-radius:4px;color:#83dfe4;background:rgba(88,216,223,.055);font-size:.58rem;font-weight:900;text-transform:uppercase}
.service-center-list{display:grid}.service-center-item{display:grid;grid-template-columns:46px minmax(220px,1fr) auto;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.07)}.service-center-item:last-child{border-bottom:0}.service-center-item:hover{background:rgba(255,255,255,.015)}
.service-center-state{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.11);border-radius:6px;background:#111a24}.service-center-state span{width:11px;height:11px;border-radius:50%}.service-center-copy{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 9px;min-width:0}.service-center-copy>span{font-size:.79rem;font-weight:900}.service-center-copy strong{justify-self:start;padding:3px 5px;border-radius:3px;font-size:.55rem;text-transform:uppercase}.service-center-copy p{grid-column:1/-1;color:#7e8c9e;font-size:.65rem;line-height:1.45}
.service-mode-selector{display:grid;grid-template-columns:repeat(3,auto);gap:4px;padding:4px;border:1px solid rgba(255,255,255,.09);border-radius:6px;background:#0d151e}.service-mode-selector button{min-height:34px;padding:0 10px;border:0;border-radius:4px;color:#738194;background:transparent;font:inherit;font-size:.59rem;font-weight:900;cursor:pointer}.service-mode-selector button:hover{color:#d6dfe6;background:rgba(255,255,255,.045)}.service-mode-selector button:disabled{cursor:wait;opacity:.5}.service-mode-selector button.is-active{color:#081512;background:#65ddb1}
.service-center-item[data-mode="enabled"] .service-center-state{border-color:rgba(96,223,169,.22);background:rgba(96,223,169,.045)}.service-center-item[data-mode="enabled"] .service-center-state span{background:#60dfa9;box-shadow:0 0 14px rgba(96,223,169,.65)}.service-center-item[data-mode="enabled"] .service-center-copy strong{color:#76deb7;background:rgba(96,223,169,.07)}
.service-center-item[data-mode="maintenance"] .service-center-state{border-color:rgba(240,189,98,.25);background:rgba(240,189,98,.05)}.service-center-item[data-mode="maintenance"] .service-center-state span{background:#f0bd62;box-shadow:0 0 14px rgba(240,189,98,.55)}.service-center-item[data-mode="maintenance"] .service-center-copy strong{color:#eac275;background:rgba(240,189,98,.08)}.service-center-item[data-mode="maintenance"] .service-mode-selector button.is-active{color:#1a1205;background:#efc46c}
.service-center-item[data-mode="paused"] .service-center-state{border-color:rgba(255,111,126,.23);background:rgba(255,111,126,.045)}.service-center-item[data-mode="paused"] .service-center-state span{background:#ff7180;box-shadow:0 0 14px rgba(255,113,128,.55)}.service-center-item[data-mode="paused"] .service-center-copy strong{color:#ff8d99;background:rgba(255,111,126,.075)}.service-center-item[data-mode="paused"] .service-mode-selector button.is-active{color:#fff;background:#c95260}
.owner-area-warning{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:10px;width:min(920px,calc(100% - 32px));margin:18px auto 0;padding:11px 15px;border:1px solid rgba(255,92,108,.38);border-radius:6px;color:#ffd9dd;background:rgba(161,40,54,.22);box-shadow:0 10px 30px rgba(0,0,0,.18);text-align:center}.owner-area-warning strong{font-size:.7rem;text-transform:uppercase}.owner-area-warning span{color:#dba8af;font-size:.65rem}

.owner-falcon-link{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 18px;margin:18px 0 36px;padding:22px 24px;overflow:hidden;border:1px solid rgba(0,168,225,.32);border-radius:10px;background:linear-gradient(135deg,rgba(0,168,225,.16),rgba(24,119,242,.09) 48%,rgba(255,255,255,.035));box-shadow:0 18px 46px rgba(0,0,0,.23);color:var(--text);text-decoration:none}.owner-falcon-link::before{content:"";position:absolute;right:-80px;top:-100px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(0,168,225,.24),transparent 64%);pointer-events:none}.owner-falcon-link span,.owner-falcon-link strong,.owner-falcon-link small,.owner-falcon-link svg{position:relative}.owner-falcon-link span{color:#77d9ff;font-size:.7rem;font-weight:950;text-transform:uppercase}.owner-falcon-link strong{font-size:1.45rem;letter-spacing:0}.owner-falcon-link small{grid-column:1;color:#91a0b2;font-size:.82rem}.owner-falcon-link svg{grid-column:2;grid-row:1/span 3;align-self:center;width:24px;height:24px;fill:none;stroke:#00a8e1;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.owner-falcon-link:hover{transform:translateY(-2px);border-color:rgba(0,168,225,.55)}

/* SPECTRA OWNER CONSOLE */
.falcon-body{background:radial-gradient(circle at 18% 0,rgba(0,168,225,.16),transparent 34%),radial-gradient(circle at 92% 8%,rgba(24,119,242,.16),transparent 30%),#07111d}.falcon-console{width:min(1260px,calc(100% - 36px));margin:0 auto;padding:58px 0 80px}.falcon-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:stretch;margin-bottom:18px}.falcon-hero>div,.falcon-hero>aside,.falcon-overview>article,.falcon-service-strip,.falcon-launchpad>a{border:1px solid rgba(255,255,255,.1);border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.028));box-shadow:0 24px 70px rgba(0,0,0,.26)}.falcon-hero>div{padding:38px;overflow:hidden}.falcon-hero h1{margin:10px 0 12px;font-size:clamp(3rem,7vw,6.5rem);line-height:.9;letter-spacing:0;color:#eef8ff;text-shadow:0 0 34px rgba(0,168,225,.22)}.falcon-hero h1 span{color:#00a8e1}.falcon-hero p{max-width:720px;color:#91a0b2;font-size:1rem;line-height:1.7}.falcon-hero>aside{display:grid;place-items:center;align-content:center;gap:8px;padding:24px;text-align:center}.falcon-hero img{border-radius:50%;box-shadow:0 16px 38px rgba(0,168,225,.18)}.falcon-hero aside span{color:#7f8fa3;font-size:.68rem;font-weight:950;text-transform:uppercase}.falcon-hero aside strong{font-size:1.18rem}.falcon-hero aside small{color:#7f8fa3;font-size:.72rem}.falcon-overview{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px}.falcon-overview>article{min-height:126px;padding:16px}.falcon-overview span{color:#7f8fa3;font-size:.66rem;font-weight:950;text-transform:uppercase}.falcon-overview strong{display:block;margin:13px 0 7px;font-size:1.45rem;letter-spacing:0}.falcon-overview small{color:#91a0b2;font-size:.72rem}.falcon-service-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;overflow:hidden;margin-bottom:14px}.falcon-service-strip span{display:grid;gap:5px;padding:15px;border-right:1px solid rgba(255,255,255,.07)}.falcon-service-strip span:last-child{border-right:0}.falcon-service-strip strong{font-size:.78rem}.falcon-service-strip small{font-size:.64rem;font-weight:900;text-transform:uppercase}.falcon-service-strip [data-mode=enabled] small{color:#75dfb5}.falcon-service-strip [data-mode=maintenance] small{color:#77d9ff}.falcon-service-strip [data-mode=paused] small{color:#ff8490}.falcon-launchpad{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:22px}.falcon-launchpad>a{min-height:126px;padding:16px;color:var(--text);text-decoration:none}.falcon-launchpad>a:hover{transform:translateY(-3px);border-color:rgba(0,168,225,.36)}.falcon-launchpad span{color:#00a8e1;font-size:.68rem;font-weight:950}.falcon-launchpad strong{display:block;margin:12px 0 6px;font-size:1rem}.falcon-launchpad small{color:#8392a6;font-size:.72rem;line-height:1.45}.falcon-workspace{display:grid;gap:22px}.falcon-workspace .global-xp-control,.falcon-workspace .staff-console,.falcon-workspace .service-center,.falcon-workspace .visit-audit,.falcon-workspace .consent-audit,.falcon-workspace .perry-audit,.falcon-workspace .application-review,.falcon-workspace .shop-admin{width:100%;margin:0;scroll-margin-top:90px}.falcon-workspace .global-xp-control{order:1}.falcon-workspace .service-center{order:2}.falcon-workspace .visit-audit{order:3}.falcon-workspace .consent-audit{order:4}.falcon-workspace .perry-audit{order:5}.falcon-workspace .application-review{order:6}.falcon-workspace .shop-admin{order:7}.falcon-workspace .staff-console{order:8}
@media(max-width:1100px){.falcon-overview{grid-template-columns:repeat(3,1fr)}.falcon-launchpad{grid-template-columns:repeat(4,1fr)}.falcon-service-strip{grid-template-columns:repeat(2,1fr)}.falcon-service-strip span{border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}}
@media(max-width:760px){.owner-falcon-link{grid-template-columns:1fr;padding:19px}.owner-falcon-link svg{grid-column:auto;grid-row:auto}.falcon-console{width:min(100% - 24px,1260px);padding-top:36px}.falcon-hero{grid-template-columns:1fr}.falcon-hero>div{padding:26px}.falcon-overview{grid-template-columns:repeat(2,1fr)}.falcon-launchpad{grid-template-columns:repeat(2,1fr)}.falcon-service-strip{grid-template-columns:1fr}.falcon-service-strip span{border-right:0}.falcon-workspace{gap:16px}}
@media(max-width:480px){.falcon-overview,.falcon-launchpad{grid-template-columns:1fr}.falcon-hero h1{font-size:3rem}.falcon-hero>aside{padding:20px}.falcon-overview>article,.falcon-launchpad>a{min-height:0}}

.falcon-launchpad{grid-template-columns:repeat(8,minmax(0,1fr))}
.falcon-launchpad{grid-template-columns:repeat(9,minmax(0,1fr))}
.falcon-workspace .falcon-inventory-grant{order:2;width:100%;margin:0;scroll-margin-top:90px}.falcon-workspace .service-center{order:3}.falcon-workspace .visit-audit{order:4}.falcon-workspace .consent-audit{order:5}.falcon-workspace .perry-audit{order:6}.falcon-workspace .application-review{order:7}.falcon-workspace .shop-admin{order:8}.falcon-workspace .staff-console{order:9}
.falcon-inventory-grant{position:relative;overflow:hidden;border:1px solid rgba(0,168,225,.24);border-radius:10px;background:linear-gradient(145deg,rgba(12,28,45,.96),rgba(6,14,24,.97));box-shadow:0 24px 70px rgba(0,0,0,.24)}.falcon-inventory-grant::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#00a8e1,#a855f7,#f59e0b)}.falcon-inventory-grant>header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 26px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.falcon-inventory-grant h2{margin:5px 0 7px;font-size:1.55rem;letter-spacing:0}.falcon-inventory-grant p{max-width:690px;color:#8f9cad;font-size:.82rem;line-height:1.55}.falcon-inventory-grant>header>span{padding:6px 8px;border:1px solid rgba(0,168,225,.24);border-radius:5px;color:#77d9ff;background:rgba(0,168,225,.07);font-size:.62rem;font-weight:950;text-transform:uppercase}.falcon-inventory-grant>header>span[data-tone=ok]{border-color:rgba(117,223,181,.28);color:#75dfb5;background:rgba(117,223,181,.075)}.falcon-inventory-grant>header>span[data-tone=error]{border-color:rgba(255,132,144,.3);color:#ff8490;background:rgba(255,132,144,.08)}
.falcon-inventory-grant form{position:relative;display:grid;grid-template-columns:140px minmax(160px,.8fr) minmax(260px,1.3fr) 110px auto;gap:12px;align-items:end;padding:20px 22px}.falcon-inventory-grant label{display:grid;gap:7px;color:#7f8fa3;font-size:.62rem;font-weight:950;text-transform:uppercase}.falcon-inventory-grant input,.falcon-inventory-grant select{height:42px;min-width:0;padding:0 12px;border:1px solid rgba(255,255,255,.11);border-radius:6px;outline:0;color:#e8eef3;background:#111a24;font:inherit;font-size:.75rem}.falcon-inventory-grant input:focus,.falcon-inventory-grant select:focus{border-color:rgba(0,168,225,.52);box-shadow:0 0 0 3px rgba(0,168,225,.08)}.falcon-inventory-grant form>button{height:42px;padding:0 15px;border:1px solid rgba(0,168,225,.42);border-radius:6px;color:#aee8ff;background:rgba(0,168,225,.1);font:inherit;font-size:.72rem;font-weight:950;cursor:pointer;white-space:nowrap}.falcon-inventory-grant form>button:hover{background:rgba(0,168,225,.17);transform:translateY(-1px)}.falcon-inventory-grant form>button:disabled{cursor:wait;opacity:.58;transform:none}
.owner-item-preview{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:11px;min-height:74px;padding:9px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:radial-gradient(circle at 30% 22%,rgba(168,85,247,.17),transparent 52%),rgba(255,255,255,.028)}.owner-item-preview img{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 13px 20px rgba(0,168,225,.26))}.owner-item-preview span{width:max-content;max-width:100%;padding:4px 7px;border:1px solid rgba(192,132,252,.28);border-radius:5px;color:#d8b4fe;background:rgba(168,85,247,.1);font-size:.58rem;font-weight:950;text-transform:uppercase}.owner-item-preview.rarity-comune span{border-color:rgba(34,197,94,.34);color:#86efac;background:rgba(34,197,94,.09)}.owner-item-preview.rarity-raro span{border-color:rgba(96,165,250,.36);color:#93c5fd;background:rgba(37,99,235,.1)}.owner-item-preview.rarity-leggendario span{border-color:rgba(245,158,11,.36);color:#f8d66d;background:rgba(245,158,11,.1)}.owner-item-preview.rarity-mitico span{border-color:rgba(220,38,38,.4);color:#fca5a5;background:rgba(127,29,29,.16)}.owner-item-preview.rarity-nitro span{border-color:rgba(34,211,238,.44);color:#d8b4fe;background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(34,211,238,.1))}.owner-item-preview.rarity-esotico span{border-color:rgba(20,184,166,.42);color:#99f6e4;background:linear-gradient(135deg,rgba(20,184,166,.13),rgba(245,158,11,.09))}.owner-item-preview.rarity-vip span{border-color:rgba(250,204,21,.46);color:#fef3c7;background:linear-gradient(135deg,rgba(250,204,21,.16),rgba(245,158,11,.1))}.owner-item-preview.rarity-verificato span{border-color:rgba(56,189,248,.42);color:#bae6fd;background:linear-gradient(135deg,rgba(56,189,248,.14),rgba(224,242,254,.08))}.falcon-inventory-grant>small{display:block;padding:0 22px 20px;color:#7f8fa3;font-size:.7rem}
.falcon-discord-stats{position:relative;overflow:hidden;margin:0 0 14px;border:1px solid rgba(0,168,225,.24);border-radius:10px;background:linear-gradient(145deg,rgba(12,28,45,.96),rgba(6,14,24,.97));box-shadow:0 24px 70px rgba(0,0,0,.24)}
.falcon-discord-stats::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#00a8e1,#1877f2,#5ed8ff)}
.falcon-discord-stats>header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px 26px 18px;border-bottom:1px solid rgba(255,255,255,.07)}
.falcon-discord-stats h2{margin:5px 0 7px;font-size:1.55rem;letter-spacing:0}.falcon-discord-stats p{max-width:650px;color:#8f9cad;font-size:.82rem;line-height:1.55}
.falcon-periods{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.falcon-periods button{height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.1);border-radius:5px;color:#aab6c2;background:rgba(255,255,255,.035);font:inherit;font-size:.64rem;font-weight:950;cursor:pointer;text-transform:uppercase}.falcon-periods button:hover,.falcon-periods button.is-active{border-color:rgba(0,168,225,.58);color:#aee8ff;background:rgba(0,168,225,.11)}
.falcon-stat-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 26px;color:#7f8fa3;font-size:.7rem}.falcon-stat-meta strong{color:#77d9ff}.falcon-stat-meta span{font-size:.62rem;font-weight:900;text-transform:uppercase}
.falcon-discord-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:0 18px 18px}.falcon-discord-grid>article{min-height:132px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:radial-gradient(circle at 100% 0,rgba(0,168,225,.13),transparent 42%),rgba(255,255,255,.028)}.falcon-discord-grid span{color:#7f8fa3;font-size:.65rem;font-weight:950;text-transform:uppercase}.falcon-discord-grid strong{display:block;margin:14px 0 8px;font-size:1.75rem;letter-spacing:0;font-variant-numeric:tabular-nums}.falcon-discord-grid small{color:#91a0b2;font-size:.72rem;line-height:1.45}
.falcon-top-activity{display:grid;grid-template-columns:170px minmax(0,1fr);gap:14px;align-items:start;padding:0 18px 20px}.falcon-top-activity h3{margin:9px 0 0;color:#dce5ec;font-size:.9rem;letter-spacing:0}.falcon-top-activity>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.falcon-top-activity article{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid rgba(255,255,255,.075);border-radius:7px;background:rgba(255,255,255,.025)}.falcon-top-activity img,.falcon-top-activity article>span{width:34px;height:34px;border-radius:50%;object-fit:cover}.falcon-top-activity article>span{display:grid;place-items:center;color:#77d9ff;background:rgba(0,168,225,.1);font-size:.72rem;font-weight:900}.falcon-top-activity strong,.falcon-top-activity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.falcon-top-activity strong{font-size:.72rem}.falcon-top-activity small{margin-top:3px;color:#7f8fa3;font-size:.58rem}.falcon-top-activity p{grid-column:1/-1;margin:0;padding:12px;color:#7f8fa3}
@media(max-width:1100px){.falcon-launchpad{grid-template-columns:repeat(4,1fr)}.falcon-discord-grid{grid-template-columns:repeat(2,1fr)}.falcon-top-activity{grid-template-columns:1fr}.falcon-top-activity>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1100px){.falcon-inventory-grant form{grid-template-columns:120px 1fr 1fr}.falcon-inventory-grant form>button{grid-column:1/-1}.falcon-inventory-grant label:nth-of-type(3){grid-column:auto}}
@media(max-width:760px){.falcon-discord-stats>header{align-items:flex-start;flex-direction:column;padding:23px 20px}.falcon-periods{justify-content:flex-start}.falcon-discord-grid{grid-template-columns:1fr;padding:0 14px 14px}.falcon-top-activity{padding:0 14px 18px}.falcon-top-activity>div{grid-template-columns:1fr}.falcon-stat-meta{align-items:flex-start;flex-direction:column;padding:12px 20px}}
@media(max-width:760px){.falcon-inventory-grant>header{align-items:flex-start;flex-direction:column;padding:23px 20px}.falcon-inventory-grant form{grid-template-columns:1fr;padding:18px}.owner-item-preview{grid-template-columns:82px minmax(0,1fr)}.owner-item-preview img{width:82px;height:82px}.falcon-inventory-grant>small{padding:0 18px 18px}}

/* PERMANENT SITE VISITS */
.visit-audit{width:min(1200px,100%);margin:72px auto 0;overflow:hidden;border:1px solid rgba(95,219,181,.2);border-radius:8px;background:rgba(10,16,24,.8)}
.visit-audit-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 28px;border-bottom:1px solid rgba(255,255,255,.08)}.visit-audit-header h2{margin:4px 0 7px;font-size:1.55rem;letter-spacing:0}.visit-audit-header p{max-width:730px;color:#8997a8;font-size:.8rem;line-height:1.55}.visit-audit-permanent{flex:none;padding:6px 8px;border:1px solid rgba(95,219,181,.25);border-radius:4px;color:#7ee0bb;background:rgba(79,203,161,.06);font-size:.58rem;font-weight:900;text-transform:uppercase}
.visit-summary{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(255,255,255,.075)}.visit-summary>span{display:grid;gap:4px;padding:17px 20px;border-right:1px solid rgba(255,255,255,.07)}.visit-summary>span:last-child{border-right:0}.visit-summary small{color:#718093;font-size:.58rem;font-weight:900;text-transform:uppercase}.visit-summary strong{font-size:1.25rem;font-variant-numeric:tabular-nums}
.visit-toolbar{display:flex;align-items:end;gap:10px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018)}.visit-toolbar label{display:grid;gap:5px;min-width:0;flex:1}.visit-toolbar label span{color:#718095;font-size:.61rem;font-weight:900;text-transform:uppercase}.visit-toolbar input{height:40px;padding:0 12px;border:1px solid rgba(255,255,255,.11);border-radius:5px;outline:0;color:#e8eef3;background:#111a24;font:inherit;font-size:.75rem}.visit-toolbar input:focus{border-color:rgba(95,219,181,.48);box-shadow:0 0 0 3px rgba(79,203,161,.07)}.visit-toolbar button,.visit-load-more{height:40px;padding:0 13px;border:1px solid rgba(255,255,255,.11);border-radius:5px;color:#aab6c2;background:#151e29;font:inherit;font-size:.68rem;font-weight:900;cursor:pointer}.visit-toolbar button:disabled,.visit-load-more:disabled{cursor:wait;opacity:.55}
.visit-list-head,.visit-record-row{display:grid;grid-template-columns:150px minmax(190px,1fr) minmax(210px,1.25fr) minmax(160px,.8fr);gap:14px;align-items:center}.visit-list-head{padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.07);color:#6f7e90;font-size:.57rem;font-weight:900;text-transform:uppercase}.visit-record-list{max-height:680px;overflow:auto;scrollbar-width:thin;scrollbar-color:#354255 transparent}.visit-record-row{padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.06);color:#b8c3ce}.visit-record-row:hover{background:rgba(95,219,181,.025)}.visit-record-row>time{color:#8a98a8;font-size:.63rem;font-variant-numeric:tabular-nums}.visit-record-row>span{display:grid;gap:3px;min-width:0}.visit-record-row>span strong{overflow:hidden;color:#cbd4dc;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.visit-record-row>span small{overflow:hidden;color:#718093;font-size:.57rem;text-overflow:ellipsis;white-space:nowrap}.visit-record-row>details{grid-column:1/-1}.visit-record-row>details summary{width:max-content;color:#68cfa9;font-size:.57rem;font-weight:800;cursor:pointer}.visit-record-row>details>div{display:grid;gap:5px;margin-top:8px;padding:9px 10px;border:1px solid rgba(255,255,255,.07);border-radius:5px;color:#778697;background:rgba(0,0,0,.12);font-size:.58rem;overflow-wrap:anywhere}.visit-load-more{display:block;margin:14px auto}.visit-load-more[hidden]{display:none}

/* PUBLIC SERVICE STATUS */
.service-status-body{display:grid;grid-template-rows:1fr auto;min-height:100vh;background:#080d14}.service-status-page,.inline-service-status{display:grid;place-items:center;align-content:center;gap:12px;text-align:center}.service-status-page{width:min(720px,calc(100% - 34px));min-height:calc(100vh - 90px);margin:auto;padding:50px 20px}.service-status-page>img{margin-bottom:4px;border-radius:50%}.service-status-page h1,.inline-service-status h1{font-size:clamp(2rem,5vw,4rem);letter-spacing:0}.service-status-page p,.inline-service-status p{max-width:610px;color:#9ba8b6;font-size:.92rem;line-height:1.7}.service-status-note,.inline-service-status small{padding:6px 9px;border:1px solid rgba(255,255,255,.09);border-radius:4px;color:#718093;background:rgba(255,255,255,.025);font-size:.62rem}.service-status-page .btn,.inline-service-status .btn{margin-top:10px}
.service-status-symbol,.inline-service-status-symbol{position:relative;display:grid;place-items:center;width:88px;height:88px;margin:9px 0;border:1px solid rgba(240,189,98,.3);border-radius:50%;background:rgba(240,189,98,.05);box-shadow:0 0 0 10px rgba(240,189,98,.02)}.service-status-symbol::before,.service-status-symbol::after,.inline-service-status-symbol::before,.inline-service-status-symbol::after{content:"";position:absolute;border:2px solid #efc16a;border-radius:50%}.service-status-symbol::before,.inline-service-status-symbol::before{width:38px;height:38px}.service-status-symbol::after,.inline-service-status-symbol::after{width:10px;height:10px;background:#efc16a;box-shadow:0 0 15px rgba(239,193,106,.65)}.service-status-symbol i,.inline-service-status-symbol i{position:absolute;width:60px;height:2px;border-radius:2px;background:#efc16a;transform:rotate(-45deg)}
.service-status-page[data-mode="paused"] .service-status-symbol,.inline-service-status[data-mode="paused"] .inline-service-status-symbol{border-color:rgba(255,111,126,.3);background:rgba(255,111,126,.045);box-shadow:0 0 0 10px rgba(255,111,126,.018)}.service-status-page[data-mode="paused"] .service-status-symbol::before,.service-status-page[data-mode="paused"] .service-status-symbol::after,.inline-service-status[data-mode="paused"] .inline-service-status-symbol::before,.inline-service-status[data-mode="paused"] .inline-service-status-symbol::after{border-color:#ff7584}.service-status-page[data-mode="paused"] .service-status-symbol::after,.inline-service-status[data-mode="paused"] .inline-service-status-symbol::after{background:#ff7584;box-shadow:0 0 15px rgba(255,117,132,.6)}.service-status-page[data-mode="paused"] .service-status-symbol i,.inline-service-status[data-mode="paused"] .inline-service-status-symbol i{background:#ff7584}
.inline-service-status{min-height:calc(100vh - 170px);padding:60px 22px;background:linear-gradient(145deg,rgba(8,14,22,.98),rgba(15,23,34,.98))}.inline-service-status h1{font-size:clamp(2rem,5vw,3.5rem)}
@media(max-width:760px){.service-center-header,.visit-audit-header{align-items:flex-start;flex-direction:column}.service-center-item{grid-template-columns:42px minmax(0,1fr)}.service-center-state{width:42px;height:42px}.service-mode-selector{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.owner-area-warning{align-items:center;flex-direction:column;gap:4px}.visit-summary{grid-template-columns:repeat(2,1fr)}.visit-summary>span:nth-child(2){border-right:0}.visit-summary>span:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07)}.visit-list-head{display:none}.visit-record-row{grid-template-columns:1fr 1fr}.visit-record-row>time{grid-column:1/-1}.visit-record-row>span:nth-of-type(2){grid-column:1/-1}}
@media(max-width:760px){.global-xp-control{grid-template-columns:58px minmax(0,1fr);align-items:start;padding:21px 18px}.global-xp-orb{width:52px;height:52px}.global-xp-control button{grid-column:1/-1;width:100%}}
@media(max-width:480px){.service-center-header,.visit-audit-header{padding:23px 18px}.service-center-item{padding:16px 15px}.service-mode-selector button{padding:0 6px;font-size:.55rem}.service-center-copy{grid-template-columns:1fr}.service-center-copy strong{grid-row:2}.service-center-copy p{grid-row:3}.service-status-page h1,.inline-service-status h1{font-size:2rem}.visit-toolbar{align-items:stretch;flex-direction:column}.visit-summary>span{padding:14px}.visit-record-row{grid-template-columns:1fr;padding:13px 15px}.visit-record-row>time,.visit-record-row>span:nth-of-type(2){grid-column:auto}}

/* PERSONAL ORDERS */
.shop-orders-shortcut{display:inline-flex;gap:6px;margin-top:18px;color:var(--muted);font-size:.84rem;text-decoration:none}.shop-orders-shortcut strong{color:#c4b5fd}.shop-orders-shortcut:hover strong{color:#67e8f9}
.checkout-account{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;max-width:1180px;margin:0 auto 20px;padding:15px 17px;border:1px solid rgba(88,101,242,.28);border-radius:7px;background:rgba(88,101,242,.07)}.checkout-account-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(88,101,242,.18);color:#a5b4fc;font-size:.7rem;font-weight:900}.checkout-account-icon svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.8}.checkout-account>img{width:42px;height:42px;border-radius:50%;object-fit:cover}.checkout-account p{margin-top:3px;color:var(--muted);font-size:.82rem}.checkout-account>a{padding:8px 11px;border:1px solid rgba(165,180,252,.3);border-radius:5px;color:#c7d2fe;font-size:.78rem;font-weight:800;text-decoration:none}.checkout-account.is-linked{border-color:rgba(34,197,94,.28);background:rgba(34,197,94,.06)}.checkout-account.is-linked>a{border-color:var(--border);color:#86efac}
.order-success [hidden]{display:none!important}.order-success .btn{margin:4px}
.member-orders-link{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;width:min(460px,100%);margin:14px 0 34px auto;padding:12px 14px;border-bottom:1px solid var(--border);color:var(--muted);text-decoration:none}.member-orders-link span{font-size:.74rem}.member-orders-link strong{color:var(--text);font-size:.85rem}.member-orders-link svg{width:18px;fill:none;stroke:#a78bfa;stroke-width:2}.member-orders-link:hover{border-color:#a78bfa}
.my-orders-page{min-height:72vh;padding:74px 10% 100px}.my-orders-hero{max-width:1100px;margin:0 auto 30px}.my-orders-hero>a{display:inline-block;margin-bottom:34px;color:var(--muted);font-size:.82rem;text-decoration:none}.my-orders-hero h1{margin-top:10px;font-size:4rem}.my-orders-hero p{margin-top:12px;color:var(--muted);font-size:1.05rem}
.my-orders-account{display:flex;align-items:center;gap:12px;max-width:1100px;margin:0 auto 18px;padding:12px 14px;border-bottom:1px solid var(--border)}.my-orders-account[hidden]{display:none}.my-orders-account img,.my-orders-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover}.my-orders-avatar{display:grid;place-items:center;background:#1a2432;color:#a5b4fc;font-size:.7rem;font-weight:900}.my-orders-account div{display:grid}.my-orders-account small{color:var(--muted);font-size:.72rem}.my-orders-verified{margin-left:auto;color:#86efac;font-size:.74rem;font-weight:800}
.my-orders-list{display:grid;gap:16px;max-width:1100px;margin:auto}.my-orders-login,.my-orders-empty{display:grid;place-items:center;min-height:390px;padding:42px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center}.my-orders-login-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:18px;border-radius:50%;background:rgba(88,101,242,.12);color:#a5b4fc}.my-orders-login-icon svg{width:29px;fill:none;stroke:currentColor;stroke-width:1.7}.my-orders-login h2,.my-orders-empty h2{margin:10px 0;font-size:2rem}.my-orders-login p,.my-orders-empty p{max-width:570px;margin-bottom:22px;color:var(--muted);line-height:1.7}.my-orders-login>small{margin-top:15px;color:var(--muted);font-size:.75rem}
.my-order-card{overflow:hidden;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.025)}.my-order-card>header{display:flex;justify-content:space-between;gap:20px;align-items:start;padding:22px 24px;border-bottom:1px solid var(--border)}.my-order-card>header small,.my-order-card time{display:block;color:var(--muted);font-size:.74rem}.my-order-card h2{margin:3px 0;font-size:1.25rem}.my-order-status{padding:7px 9px;border-radius:5px;background:rgba(168,85,247,.12);color:#d8b4fe;font-size:.72rem;font-weight:900;text-transform:uppercase}.status-completed .my-order-status,.status-shipped .my-order-status{background:rgba(34,197,94,.1);color:#86efac}.status-cancelled .my-order-status{background:rgba(239,68,68,.1);color:#fca5a5}
.order-timeline{display:grid;grid-template-columns:repeat(5,1fr);padding:25px 24px 18px}.order-timeline span{position:relative;display:grid;justify-items:center;gap:7px;text-align:center}.order-timeline span::before{content:"";position:absolute;top:5px;right:50%;width:100%;height:2px;background:#273244}.order-timeline span:first-child::before{display:none}.order-timeline i{position:relative;z-index:1;width:12px;height:12px;border:2px solid #3b4759;border-radius:50%;background:#111823}.order-timeline small{color:var(--muted);font-size:.68rem}.order-timeline .is-complete::before{background:#7c3aed}.order-timeline .is-complete i{border-color:#a78bfa;background:#7c3aed}.order-timeline .is-current i{box-shadow:0 0 0 5px rgba(167,139,250,.12)}.order-timeline .is-current small{color:#ddd6fe}.order-cancelled-note{margin:20px 24px 0;padding:12px;border-left:3px solid #ef4444;background:rgba(239,68,68,.06);color:#fca5a5}
.my-order-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:20px;padding:20px 24px}.my-order-layout h3{margin-bottom:12px;font-size:.95rem}.my-order-items>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--border)}.my-order-items span>small{display:block;margin-top:3px;color:var(--muted);font-size:.72rem}.my-order-delivery{padding-left:20px;border-left:1px solid var(--border)}.my-order-delivery p{color:var(--muted);line-height:1.65}.my-order-delivery>a,.my-order-delivery>small{display:block;margin-top:12px;color:#67e8f9;font-size:.78rem}.my-order-card>footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 24px;background:rgba(255,255,255,.025)}.my-order-card>footer span{display:grid}.my-order-card>footer small{color:var(--muted);font-size:.72rem}.my-order-card>footer a{color:#c4b5fd;font-size:.8rem}
@media(max-width:900px){.my-order-layout{grid-template-columns:1fr}.my-order-delivery{padding:0;border-left:0}}
@media(max-width:620px){.checkout-account{grid-template-columns:auto 1fr}.checkout-account>a{grid-column:2}.my-orders-page{padding:48px 6% 80px}.my-orders-hero h1{font-size:2.8rem}.my-orders-verified{display:none}.my-order-card>header,.my-order-card>footer{align-items:flex-start;flex-direction:column}.order-timeline{grid-template-columns:1fr;padding:20px 24px}.order-timeline span{grid-template-columns:16px 1fr;justify-items:start;text-align:left}.order-timeline span::before{top:auto;right:auto;left:5px;bottom:50%;width:2px;height:100%}.order-timeline small{font-size:.74rem}}
.my-order-tracking{display:block;margin-top:12px;color:#67e8f9;font-size:.78rem}
.my-orders-hero>a{display:block;width:max-content}
.order-downloads,.my-order-downloads{display:grid;gap:10px;margin:18px 0;padding:14px;border:1px solid rgba(245,190,82,.28);border-radius:14px;background:rgba(245,190,82,.08)}.order-downloads h3,.my-order-downloads h3{margin:0;color:#f5be52}.order-downloads a,.my-order-downloads a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none}.order-downloads strong,.my-order-downloads strong{color:#f5be52}


.inventory-exchange-grid{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(320px,.85fr);
  gap:18px;
  align-items:start;
  margin-top:32px;
}
.trade-zone,.crafting-zone{
  min-width:0;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(168,85,247,.24);
  border-radius:14px;
  background:radial-gradient(circle at 8% 0,rgba(168,85,247,.2),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 22px 55px rgba(0,0,0,.16);
}
.trade-zone{
  padding:22px;
}
.crafting-zone{
  padding:22px;
}
.crafting-zone::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,#7c3aed,#22d3ee,#f59e0b);
}
.crafting-header{
  position:relative;
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:start;
  margin-bottom:16px;
}
.crafting-header h2{
  margin:4px 0 6px;
  color:#fff;
  font-size:clamp(1.35rem,2.1vw,1.9rem);
}
.crafting-header p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
  font-size:.86rem;
}
.crafting-header>span{
  flex:0 0 auto;
  padding:7px 10px;
  border:1px solid rgba(34,211,238,.26);
  border-radius:999px;
  color:#a5f3fc;
  background:rgba(34,211,238,.08);
  font-size:.68rem;
  font-weight:950;
  text-transform:uppercase;
}
.crafting-list{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.crafting-recipe{
  position:relative;
  min-height:132px;
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid rgba(168,85,247,.24);
  border-radius:10px;
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.027));
}
.crafting-recipe::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  border-radius:10px 0 0 10px;
  background:#a855f7;
}
.crafting-recipe-top{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:10px;
  align-items:center;
}
.crafting-recipe-top img{
  width:58px;
  height:58px;
  object-fit:contain;
  filter:drop-shadow(0 12px 16px rgba(0,0,0,.35));
}
.crafting-recipe-top small{
  display:block;
  margin-bottom:5px;
  color:#c4b5fd;
  font-size:.62rem;
  font-weight:950;
  text-transform:uppercase;
}
.crafting-recipe strong{
  display:block;
  color:#fff;
  font-size:.9rem;
  line-height:1.2;
}
.crafting-recipe p{
  margin:8px 0 0;
  color:#b8c0cc;
  font-size:.76rem;
  line-height:1.45;
}
.crafting-recipe b{
  color:#fff;
  font-weight:1000;
}
.crafting-materials{
  display:grid;
  gap:7px;
}
.crafting-material{
  min-width:0;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:8px;
  align-items:center;
  padding:7px 8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:rgba(255,255,255,.04);
}
.crafting-material img{
  width:28px;
  height:28px;
  object-fit:contain;
}
.crafting-material b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#d1d5db;
  font-size:.72rem;
}
.crafting-material.is-owned{
  border-color:rgba(34,197,94,.2);
  background:rgba(34,197,94,.07);
}
.crafting-material.is-owned b{color:#bbf7d0}
.crafting-material.is-missing{
  border-color:rgba(248,113,113,.2);
  background:rgba(127,29,29,.12);
}
.crafting-material.is-missing b{color:#fecaca}
.crafting-recipe button{
  align-self:end;
  min-height:38px;
  border:1px solid rgba(168,85,247,.44);
  border-radius:8px;
  color:#fff;
  background:linear-gradient(135deg,#7c3aed,#a855f7);
  font-weight:950;
  cursor:pointer;
}
.crafting-recipe button:disabled{
  cursor:not-allowed;
  border-color:rgba(255,255,255,.1);
  color:#9ca3af;
  background:rgba(255,255,255,.055);
}
.crafting-recipe.is-ready{
  border-color:rgba(34,197,94,.34);
  box-shadow:0 18px 42px rgba(34,197,94,.08),inset 0 1px 0 rgba(255,255,255,.08);
}
.crafting-recipe.is-ready button{
  border-color:rgba(34,197,94,.38);
  background:linear-gradient(135deg,#16a34a,#7c3aed);
}
.crafting-recipe.rarity-comune::before{background:#22c55e}
.crafting-recipe.rarity-raro::before{background:#3b82f6}
.crafting-recipe.rarity-epico::before{background:#a855f7}
.crafting-recipe.rarity-leggendario::before{background:#f59e0b}
.crafting-recipe.rarity-mitico::before{background:#991b1b}
.crafting-recipe.rarity-nitro::before{background:linear-gradient(180deg,#7c3aed,#22d3ee,#f0abfc)}
.crafting-recipe.rarity-nitro{
  border-color:rgba(34,211,238,.2);
  background:radial-gradient(circle at 100% 0,rgba(34,211,238,.12),transparent 42%),rgba(255,255,255,.035);
}
.trade-header{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:16px}
.trade-header h2{margin:4px 0 6px;color:#fff;font-size:clamp(1.35rem,2.1vw,1.9rem)}
.trade-header p{margin:0;color:var(--muted);max-width:520px;font-size:.86rem;line-height:1.55}
.trade-balance{display:inline-flex;align-items:center;min-height:36px;padding:0 11px;border:1px solid rgba(245,158,11,.35);border-radius:999px;color:#fde68a;background:rgba(245,158,11,.1);font-size:.78rem;font-weight:950;white-space:nowrap}
.trade-form{display:grid;gap:14px;margin-bottom:18px;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(3,7,18,.24)}
.trade-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.trade-fields label,.trade-fields span{display:block}.trade-fields span{margin-bottom:6px;color:#c4b5fd;font-size:.72rem;font-weight:900;text-transform:uppercase}.trade-fields input{width:100%;min-height:42px;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;background:rgba(255,255,255,.055);padding:0 12px}
.trade-items-picker{border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:12px;background:rgba(255,255,255,.035)}.trade-items-picker summary{cursor:pointer;color:#f8f0ff;font-weight:950}.trade-items-picker>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-top:12px}.trade-pick{display:grid;grid-template-columns:auto 46px minmax(0,1fr);gap:10px;align-items:center;min-height:58px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.04);cursor:pointer}.trade-pick img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(124,58,237,.28))}.trade-pick span{min-width:0;color:#e5e7eb;font-size:.78rem;font-weight:850}.trade-pick:has(input:checked){border-color:#c084fc;background:rgba(168,85,247,.14)}
.trade-note{margin:0;color:var(--muted);font-size:.78rem}.trade-actions{display:flex;justify-content:space-between;gap:12px;align-items:center}.trade-actions small{color:#c4b5fd}.trade-actions button,.trade-card-actions button{min-height:42px;border:1px solid rgba(168,85,247,.45);border-radius:8px;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);font-weight:950;cursor:pointer}.trade-actions button{padding:0 18px}.trade-card-actions button{padding:0 14px}.trade-card-actions button:last-child{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#e5e7eb}
.trade-list{display:grid;gap:12px}.trade-empty{margin:0;color:var(--muted)}.trade-card{padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(10,14,24,.58)}.trade-card-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.trade-card-top strong{color:#fff}.trade-card-top span{color:#c4b5fd;font-size:.75rem;font-weight:950;text-transform:uppercase}.trade-sides{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trade-side{min-width:0;display:flex;flex-wrap:wrap;align-content:start;gap:8px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035)}.trade-side>strong{flex-basis:100%;color:#fff}.trade-side small{color:var(--muted)}.trade-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 8px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.05);color:#e5e7eb;font-size:.72rem;font-weight:850}.trade-chip img{width:28px;height:28px;object-fit:contain}.trade-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-wc-pill{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid rgba(245,158,11,.35);border-radius:999px;color:#fde68a;background:rgba(245,158,11,.1);font-size:.78rem;font-weight:950}.trade-card-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.trade-card.status-accepted{border-color:rgba(34,197,94,.24)}.trade-card.status-declined,.trade-card.status-cancelled,.trade-card.status-expired{opacity:.72}
@media (max-width:760px){.trade-zone{padding:20px}.trade-header,.trade-actions,.trade-card-top{display:grid}.trade-fields,.trade-sides{grid-template-columns:1fr}}

.trade-add-items{flex-basis:100%;width:100%;margin-bottom:6px;border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:10px;background:rgba(255,255,255,.035)}.trade-add-items summary{cursor:pointer;color:#c4b5fd;font-size:.78rem;font-weight:950}.trade-add-items>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-top:10px}.trade-pick.compact{grid-template-columns:auto 36px minmax(0,1fr);min-height:48px}.trade-pick.compact img{width:36px;height:36px}.trade-pick.compact span{font-size:.72rem}


.trade-lobby{display:grid;grid-template-columns:1fr;gap:9px;align-items:center;margin-bottom:14px}.trade-lobby button,.trade-lobby form button{min-height:40px;border:1px solid rgba(168,85,247,.48);border-radius:8px;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);font-weight:950;cursor:pointer;padding:0 14px}.trade-lobby form{display:grid;grid-template-columns:1fr auto;gap:8px}.trade-lobby input{min-height:40px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.055);color:#fff;padding:0 12px;text-transform:uppercase;font-weight:950;letter-spacing:.08em}.trade-room-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.trade-room-top span{display:block;color:#c4b5fd;font-size:.68rem;font-weight:950;text-transform:uppercase}.trade-room-top strong{padding:7px 9px;border:1px solid rgba(34,197,94,.28);border-radius:999px;color:#86efac;background:rgba(34,197,94,.09);font-size:.78rem}.trade-code{margin-top:5px;border:1px solid rgba(245,158,11,.35);border-radius:8px;color:#fde68a;background:rgba(245,158,11,.1);font-size:1rem;font-weight:1000;letter-spacing:.12em;padding:7px 10px;cursor:pointer}.trade-presence,.trade-acceptance{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.trade-presence span,.trade-acceptance span{padding:6px 8px;border:1px solid rgba(248,113,113,.28);border-radius:999px;color:#fecaca;background:rgba(127,29,29,.12);font-size:.68rem;font-weight:850}.trade-presence span.is-online,.trade-acceptance span.is-ready{border-color:rgba(34,197,94,.34);color:#bbf7d0;background:rgba(34,197,94,.1)}.trade-loadout{display:grid;gap:10px;margin-top:12px;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035)}.trade-loadout>label span{display:block;margin-bottom:5px;color:#c4b5fd;font-size:.7rem;font-weight:900;text-transform:uppercase}.trade-loadout input[type=number]{width:150px;min-height:38px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.055);color:#fff;padding:0 10px}.trade-live-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:10px}.trade-history{display:grid;gap:6px;margin-top:10px;color:var(--muted);font-size:.78rem}.trade-history strong{color:#fff}.trade-card-actions button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:980px){.inventory-exchange-grid{grid-template-columns:1fr}.crafting-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.trade-lobby{grid-template-columns:1fr}.trade-lobby form{grid-template-columns:1fr}.trade-loadout input[type=number]{width:100%}.crafting-list{grid-template-columns:1fr}.inventory-exchange-grid{gap:14px}}