:root{
  --bg:#07080b;
  --bg-2:#0b0d12;
  --card:#0e1117;
  --card-2:#11151d;
  --line:rgba(255,255,255,.075);
  --line-strong:rgba(255,255,255,.12);
  --text:#f7f8fb;
  --muted:#8c93a1;
  --accent:#7c5cff;
  --accent-2:#a48fff;
  --good:#58d2a9;
  --shadow:0 24px 80px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 50% -10%,rgba(111,82,255,.14),transparent 28%),
    linear-gradient(180deg,#08090d 0%,#07080b 48%,#090b10 100%);
  color:var(--text);
  min-height:100vh;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.site-noise{
  position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")
}
.orb{position:absolute;border-radius:50%;filter:blur(95px);z-index:-1;pointer-events:none}
.orb-1{width:330px;height:330px;background:rgba(100,72,255,.12);right:-120px;top:410px}
.orb-2{width:260px;height:260px;background:rgba(70,107,255,.08);left:-80px;top:900px}

.nav-wrap{
  position:sticky;top:0;z-index:30;
  background:rgba(7,8,11,.74);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em}
.brand-name{font-size:22px}
.brand-mark{
  width:31px;height:31px;position:relative;display:inline-grid;place-items:center;
}
.scope-ring{
  width:26px;height:26px;border:3px solid #fff;border-radius:50%;display:block;position:absolute
}
.scope-ring:before,.scope-ring:after{
  content:"";position:absolute;background:var(--accent);border-radius:999px
}
.scope-ring:before{width:14px;height:3px;top:9px;left:3px}
.scope-ring:after{height:14px;width:3px;top:3px;left:9px}
.scope-dot{
  width:5px;height:5px;background:#fff;border-radius:50%;z-index:2;box-shadow:0 0 16px rgba(255,255,255,.7)
}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{font-size:14px;color:#9da4b2;font-weight:600;transition:.2s}
.nav-links a:hover,.nav-links a.active{color:#fff}
.ghost-btn,.primary-btn{
  border-radius:12px;border:1px solid var(--line-strong);font-weight:700;
  transition:transform .2s,background .2s,border-color .2s,opacity .2s;
}
.ghost-btn{background:#0f1218;color:#fff;padding:11px 17px}
.ghost-btn:hover{background:#141822;border-color:rgba(255,255,255,.18)}
.primary-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:linear-gradient(180deg,#8b6cff,#7051ef);
  color:#fff;border-color:rgba(255,255,255,.08);
  padding:14px 20px;
  box-shadow:0 12px 34px rgba(104,75,255,.25),inset 0 1px rgba(255,255,255,.22)
}
.primary-btn:hover{transform:translateY(-1px);background:linear-gradient(180deg,#967cff,#7557ee)}
.primary-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
.text-btn{font-size:14px;font-weight:700;color:#b5bac5;padding:14px 8px}
.text-btn:hover{color:#fff}

.hero{padding:112px 0 86px;text-align:center;position:relative}
.eyebrow,.mini-label{
  font-size:11px;letter-spacing:.18em;font-weight:800;color:#a6adba
}
.eyebrow{display:inline-flex;align-items:center;gap:9px}
.eyebrow span{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 18px var(--accent)}
.hero h1{
  margin:18px auto 16px;font-size:clamp(54px,7vw,92px);line-height:.94;
  letter-spacing:-.07em;max-width:900px
}
.hero h1 em{
  font-style:normal;background:linear-gradient(90deg,#fff 0%,#bbaeff 55%,#7c5cff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.hero-copy{margin:26px auto 0;max-width:620px;color:var(--muted);font-size:18px;line-height:1.7}
.hero-actions{display:flex;justify-content:center;gap:16px;align-items:center;margin-top:32px}
.stats{
  margin:72px auto 0;display:grid;grid-template-columns:repeat(2,1fr);
  max-width:720px;border:1px solid var(--line);border-radius:18px;overflow:hidden;
  background:rgba(12,14,20,.66);backdrop-filter:blur(14px)
}
.stats div{padding:20px;border-right:1px solid var(--line)}
.stats div:last-child{border-right:0}
.stats strong{display:block;font-size:20px;margin-bottom:4px}
.stats span{font-size:12px;color:var(--muted)}

.trade-section{padding:70px 0 96px}
.section-heading,.section-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.section-heading{margin-bottom:26px}
.section-heading h2,.section-copy h2{
  margin:7px 0 0;font-size:clamp(34px,4vw,48px);letter-spacing:-.05em
}
.value-pill{
  display:flex;align-items:center;gap:8px;border:1px solid var(--line);
  background:#0c0f14;padding:9px 12px;border-radius:999px;color:#9da4b2;font-size:12px;font-weight:600
}
.status-dot{width:7px;height:7px;background:var(--good);border-radius:50%;box-shadow:0 0 13px rgba(88,210,169,.8)}

.trade-shell{
  display:grid;grid-template-columns:1fr 76px 1fr;
  border:1px solid var(--line-strong);border-radius:24px;background:rgba(13,16,22,.82);
  box-shadow:var(--shadow);overflow:hidden
}
.trade-panel{padding:26px;min-height:520px}
.trade-panel:first-child{border-right:1px solid var(--line)}
.trade-panel:last-child{border-left:1px solid var(--line)}
.panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}
.panel-label{font-size:10px;letter-spacing:.16em;font-weight:800;color:#737b8c}
.panel-top h3{font-size:22px;letter-spacing:-.03em;margin:6px 0 0}
.value-box{text-align:right}
.value-box span{display:block;color:#747c8a;font-size:11px;margin-bottom:5px}
.value-box strong{font-size:22px}
.search-box{
  display:flex;align-items:center;gap:10px;padding:0 14px;height:46px;border:1px solid var(--line);
  background:#090b0f;border-radius:12px;margin-bottom:18px
}
.search-box svg{width:18px;height:18px;fill:none;stroke:#6e7685;stroke-width:1.8}
.search-box input{width:100%;border:0;outline:0;color:#e9ebef;background:transparent;font-size:13px}
.search-box input::placeholder{color:#555c68}
.item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.item{
  display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;
  border:1px solid var(--line);background:linear-gradient(180deg,#11151c,#0d1015);
  border-radius:14px;padding:11px;transition:.18s;cursor:pointer;user-select:none
}
.item:hover{border-color:rgba(124,92,255,.4);transform:translateY(-1px)}
.item.selected{
  border-color:rgba(124,92,255,.72);
  box-shadow:0 0 0 1px rgba(124,92,255,.12),0 12px 26px rgba(0,0,0,.22);
  background:linear-gradient(180deg,rgba(124,92,255,.15),#10131a)
}
.item-art{
  width:54px;height:54px;border-radius:12px;border:1px solid rgba(255,255,255,.08);
  display:grid;place-items:center;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 35% 30%,rgba(255,255,255,.15),transparent 28%),
    linear-gradient(145deg,var(--item-a),var(--item-b))
}
.item-art:after{
  content:"";width:24px;height:7px;border:3px solid rgba(255,255,255,.9);
  border-left-width:8px;border-radius:2px 8px 8px 2px;transform:rotate(-35deg);
  filter:drop-shadow(0 4px 4px rgba(0,0,0,.35))
}
.item-meta strong{display:block;font-size:13px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item-meta span{font-size:11px;color:#6f7785}
.item-value{font-size:12px;font-weight:800;color:#bcc2cd}
.trade-middle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#090b0f}
.trade-middle span{font-size:9px;letter-spacing:.18em;color:#5c6470;font-weight:800}
.swap-icon{
  width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);
  background:#101319;border-radius:13px;color:#b7bdc9;font-size:19px
}
.trade-footer{
  margin-top:18px;border:1px solid var(--line);background:#0c0f14;border-radius:18px;
  padding:18px;display:flex;align-items:center;justify-content:space-between;gap:18px
}
.trade-summary{display:grid;grid-template-columns:auto auto;column-gap:12px;row-gap:3px;align-items:center}
.trade-summary span{font-size:11px;color:#7f8795}
.trade-summary strong{font-size:20px}
.trade-summary small{grid-column:1/-1;color:#646b77;font-size:11px}
.lock-btn{min-width:200px}

.how-section{
  padding:110px 0;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0));
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)
}
.how-section .section-copy{display:block;margin-bottom:42px}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.step-card{
  min-height:220px;border:1px solid var(--line);background:linear-gradient(180deg,#0f1218,#0c0f14);
  border-radius:18px;padding:24px;position:relative;overflow:hidden
}
.step-card:after{
  content:"";position:absolute;width:150px;height:150px;border-radius:50%;
  right:-70px;bottom:-90px;background:radial-gradient(circle,rgba(124,92,255,.18),transparent 62%)
}
.step-card>span{font-size:11px;letter-spacing:.15em;color:#6e7684;font-weight:800}
.step-card h3{font-size:18px;letter-spacing:-.025em;line-height:1.3;margin:52px 0 10px;max-width:250px}
.step-card p{color:#727a87;line-height:1.6;font-size:13px;max-width:290px}

.faq-section{padding:100px 0}
.faq-section .section-copy{display:block;margin-bottom:34px}
.faq-list{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{
  list-style:none;cursor:pointer;padding:22px 2px;display:flex;justify-content:space-between;gap:16px;
  font-weight:700;font-size:15px
}
summary::-webkit-details-marker{display:none}
summary span{font-size:20px;font-weight:400;color:#737b89;transition:.2s}
details[open] summary span{transform:rotate(45deg)}
details p{max-width:720px;color:#7e8694;line-height:1.7;font-size:14px;margin:0 0 22px}

footer{border-top:1px solid var(--line);padding:32px 0;background:#07080b}
.footer-inner{display:flex;align-items:center;justify-content:space-between;color:#656d79;font-size:12px}
.footer-inner .brand{color:#fff}
.footer-inner .brand-name{font-size:18px}
.footer-inner .brand-mark{transform:scale(.82)}

.modal-backdrop{
  position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:60;display:grid;place-items:center;
  backdrop-filter:blur(8px);padding:20px
}
.modal-backdrop[hidden]{display:none}
.modal{
  width:min(430px,100%);border:1px solid var(--line-strong);border-radius:22px;background:#0d1016;
  box-shadow:0 30px 100px rgba(0,0,0,.65);padding:28px;position:relative
}
.modal h3{font-size:28px;letter-spacing:-.04em;margin:10px 0}
.modal p{color:#7d8593;line-height:1.65;font-size:14px;margin:0 0 22px}
.modal-close{
  position:absolute;right:14px;top:12px;border:0;background:transparent;color:#727a87;font-size:28px
}

@media (max-width:900px){
  .nav-links{display:none}
  .trade-shell{grid-template-columns:1fr}
  .trade-panel:first-child,.trade-panel:last-child{border:0}
  .trade-panel:first-child{border-bottom:1px solid var(--line)}
  .trade-middle{height:64px}
  .trade-middle .swap-icon{transform:rotate(90deg)}
  .steps-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .container{width:min(100% - 24px,1180px)}
  .nav{height:68px}
  .hero{padding:86px 0 64px}
  .hero-copy{font-size:15px}
  .hero-actions{flex-direction:column}
  .hero-actions .primary-btn{width:100%}
  .stats{grid-template-columns:1fr;margin-top:48px}
  .stats div{border-right:0;border-bottom:1px solid var(--line)}
  .stats div:last-child{border-bottom:0}
  .section-heading{align-items:flex-start;flex-direction:column}
  .trade-panel{padding:18px}
  .item-grid{grid-template-columns:1fr}
  .trade-footer{align-items:stretch;flex-direction:column}
  .lock-btn{width:100%}
  .steps-grid{grid-template-columns:1fr}
  .footer-inner{flex-direction:column;align-items:flex-start;gap:16px}
}

/* --------------------------------------------------
   CUBE TRADE BUILDER
-------------------------------------------------- */
.cube-builder-heading{margin-bottom:24px}
.trade-preview{
  display:grid;
  grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);
  align-items:stretch;
  margin-bottom:16px;
  border:1px solid rgba(255,255,255,.105);
  border-radius:24px;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 0%,rgba(124,92,255,.08),transparent 30%),
    linear-gradient(180deg,rgba(16,19,26,.95),rgba(10,12,17,.96));
  box-shadow:0 22px 70px rgba(0,0,0,.32);
}
.preview-side{padding:24px;min-height:340px}
.preview-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.preview-head>div:first-child{display:flex;flex-direction:column;gap:5px}
.preview-kicker{
  color:#6e7685;
  font-size:9px;
  line-height:1;
  font-weight:800;
  letter-spacing:.17em;
}
.preview-head strong{font-size:15px;letter-spacing:-.02em}
.preview-head-right{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:8px;row-gap:3px;text-align:right}
.preview-total-label{color:#666f7d;font-size:9px}
.preview-total{font-size:18px!important;line-height:1;color:#f5f6f8}
.preview-count{
  grid-column:1/-1;
  justify-self:end;
  border:1px solid rgba(255,255,255,.08);
  background:#0a0c11;
  color:#777f8d;
  border-radius:999px;
  padding:5px 8px;
  font-size:9px;
  font-weight:700;
}
.preview-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}
.preview-slot{
  aspect-ratio:1 / 1.32;
  min-width:0;
  min-height:138px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.075);
  background:linear-gradient(180deg,#0b0e13,#080a0e);
  position:relative;
  overflow:hidden;
  transition:border-color .18s,transform .18s,background .18s,box-shadow .18s;
}
.preview-slot.empty{
  cursor:pointer;
  display:grid;
  place-items:center;
}
.preview-slot.empty:hover{
  border-color:rgba(124,92,255,.55);
  background:linear-gradient(180deg,rgba(124,92,255,.09),#090b10);
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(0,0,0,.2);
}
.slot-plus{
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.09);
  background:#10131a;
  color:#9b8bff;
  font-size:26px;
  line-height:1;
  font-weight:300;
  box-shadow:0 8px 22px rgba(0,0,0,.25);
}
.slot-add-label{
  position:absolute;
  bottom:13px;
  color:#555d69;
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.preview-slot.filled{
  cursor:pointer;
  border-color:rgba(124,92,255,.42);
  background:
    radial-gradient(circle at 32% 25%,rgba(255,255,255,.12),transparent 25%),
    linear-gradient(145deg,var(--item-a),var(--item-b));
  box-shadow:inset 0 1px rgba(255,255,255,.08);
  animation:previewPop .18s ease-out;
}
.preview-slot.filled:hover{
  transform:translateY(-2px);
  border-color:rgba(164,143,255,.78);
  box-shadow:0 12px 28px rgba(0,0,0,.25);
}
.preview-slot.filled:before{
  content:"";
  position:absolute;
  left:50%;top:44%;
  width:30px;height:8px;
  border:3px solid rgba(255,255,255,.95);
  border-left-width:9px;
  border-radius:2px 8px 8px 2px;
  transform:translate(-50%,-50%) rotate(-35deg) scale(.9);
  filter:drop-shadow(0 4px 4px rgba(0,0,0,.4));
}
.preview-slot .slot-name{
  position:absolute;
  left:7px;right:7px;bottom:10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
  font-size:8px;
  line-height:1.15;
  font-weight:800;
  color:rgba(255,255,255,.92);
  text-shadow:0 1px 3px rgba(0,0,0,.7);
}
.preview-slot .slot-edit,
.preview-slot .slot-remove{
  position:absolute;
  top:7px;
  z-index:3;
  height:21px;
  border:0;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#fff;
  background:rgba(5,6,9,.72);
  box-shadow:0 2px 8px rgba(0,0,0,.22);
  transition:background .15s,transform .15s;
}
.preview-slot .slot-edit{
  left:7px;
  min-width:32px;
  padding:0 7px;
  font-size:7px;
  font-weight:800;
  letter-spacing:.07em;
}
.preview-slot .slot-remove{
  right:7px;
  width:21px;
  padding:0;
  font-size:15px;
  font-weight:500;
  line-height:1;
}
.preview-slot .slot-edit:hover,
.preview-slot .slot-remove:hover{
  background:rgba(5,6,9,.92);
  transform:scale(1.05);
}
.preview-center{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-left:1px solid rgba(255,255,255,.06);
  border-right:1px solid rgba(255,255,255,.06);
  background:rgba(6,8,11,.62);
}
.preview-center span{color:#555d69;font-size:8px;letter-spacing:.2em;font-weight:800}
.preview-swap{
  width:40px;height:40px;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:#0e1117;
  color:#aaa1e8;
  font-size:16px;
  box-shadow:0 9px 26px rgba(0,0,0,.25);
}
.cube-footer{margin-top:0}
@keyframes previewPop{from{transform:scale(.82);opacity:.4}to{transform:scale(1);opacity:1}}

/* Weapon picker */
.weapon-picker-backdrop{
  position:fixed;inset:0;z-index:70;
  display:grid;place-items:center;
  padding:20px;
  background:rgba(0,0,0,.76);
  backdrop-filter:blur(10px);
}
.weapon-picker-backdrop[hidden]{display:none}
.weapon-picker{
  width:min(760px,100%);
  height:min(760px,88vh);
  max-height:min(760px,88vh);
  display:flex;
  flex-direction:column;
  border:1px solid rgba(255,255,255,.11);
  border-radius:22px;
  background:linear-gradient(180deg,#10131a,#0b0e13);
  box-shadow:0 35px 120px rgba(0,0,0,.72);
  overflow:hidden;
}
.weapon-picker-top{
  flex:none;
  display:flex;align-items:flex-start;justify-content:space-between;gap:18px;
  padding:25px 26px 16px;
}
.weapon-picker-top h3{margin:7px 0 0;font-size:27px;letter-spacing:-.045em}
.weapon-picker-close{position:static;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#11151c;border:1px solid rgba(255,255,255,.07);font-size:24px}
.weapon-picker-search{margin:0 26px 16px;flex:none}
.weapon-picker-list{
  flex:1 1 auto;
  min-height:0;
  align-content:start;
  padding:0 26px 24px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.picker-item{
  min-width:0;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:10px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:13px;
  background:#0d1016;
  color:#fff;
  cursor:pointer;
  transition:.16s;
}
.picker-item:hover{border-color:rgba(124,92,255,.55);background:#11141c;transform:translateY(-1px)}
.picker-item-art{
  width:48px;height:48px;border-radius:11px;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.08);
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.15),transparent 28%),linear-gradient(145deg,var(--item-a),var(--item-b));
}
.picker-item-art:after{
  content:"";width:22px;height:7px;border:3px solid rgba(255,255,255,.92);border-left-width:7px;border-radius:2px 8px 8px 2px;transform:rotate(-35deg);filter:drop-shadow(0 3px 3px rgba(0,0,0,.35));
}
.picker-item-meta{min-width:0}
.picker-item-meta strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}
.picker-item-meta span{display:block;color:#676f7d;font-size:9px}
.picker-item-value{font-size:10px;font-weight:800;color:#aeb4c0}
.weapon-picker-empty{grid-column:1/-1;padding:45px;text-align:center;color:#69717f;font-size:13px}
.weapon-picker-bottom{
  flex:none;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 26px 18px;
  border-top:1px solid rgba(255,255,255,.06);
  background:#0a0d12;
  color:#68707e;
  font-size:10px;
}
.picker-remove{
  border:1px solid rgba(255,90,110,.24);
  border-radius:9px;
  background:rgba(255,70,95,.07);
  color:#ff8596;
  padding:9px 12px;
  font-weight:700;
  font-size:10px;
}
.picker-remove:hover{background:rgba(255,70,95,.12)}

@media (max-width:900px){
  .trade-preview{grid-template-columns:1fr}
  .preview-center{height:58px;border:0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
  .preview-center .preview-swap{transform:rotate(90deg);width:36px;height:36px}
  .preview-center span{display:none}
  .weapon-picker-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .preview-side{padding:16px;min-height:auto}
  .preview-slot{min-height:78px}
  .preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .slot-plus{width:32px;height:32px;font-size:22px}
  .slot-add-label{display:none}
  .weapon-picker-backdrop{padding:10px}
  .weapon-picker{height:92vh;max-height:92vh;border-radius:18px}
  .weapon-picker-top{padding:20px 18px 14px}
  .weapon-picker-search{margin:0 18px 14px}
  .weapon-picker-list{padding:0 18px 18px;grid-template-columns:1fr}
  .weapon-picker-bottom{padding:12px 18px 15px}
}



/* Real MM2 weapon artwork */
.picker-item-art{
  overflow:hidden;
  position:relative;
}
.picker-item-art img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center 42%;
  padding:3px 4px 7px;
  transform:translateY(-2px) scale(.94);
  transform-origin:center;
  position:relative;
  z-index:2;
}
.picker-item-art:has(img):after{
  display:none;
}

.slot-weapon-art{
  position:absolute;
  top:23px;
  left:5px;
  right:5px;
  bottom:26px;
  display:grid;
  place-items:center;
  z-index:1;
  pointer-events:none;
  transform:translateY(-7px);
}
.slot-weapon-art img{
  display:block;
  width:94%;
  height:94%;
  max-width:94%;
  max-height:94%;
  object-fit:contain;
  object-position:center 43%;
  filter:drop-shadow(0 7px 9px rgba(0,0,0,.38));
}
.preview-slot.filled:has(.slot-weapon-art img):before{
  display:none;
}


.preview-slot.active-add{
  cursor:pointer;
}
.preview-slot.locked-empty{
  background:linear-gradient(180deg,#090c12,#070a10);
  border-color:rgba(255,255,255,.045);
  cursor:default;
  box-shadow:none;
}
.preview-slot.locked-empty:hover{
  transform:none;
  border-color:rgba(255,255,255,.045);
}
.slot-placeholder{
  width:100%;
  height:100%;
  display:block;
}


/* --------------------------------------------------
   TRADE VALUE METER
-------------------------------------------------- */
.trade-meter-card{
  margin-top:16px;
  padding:18px 22px 16px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  background:
    radial-gradient(circle at 50% 0%,rgba(124,92,255,.045),transparent 36%),
    linear-gradient(180deg,#11141a,#0d1015);
  box-shadow:0 18px 48px rgba(0,0,0,.28);
}

.trade-meter-top{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
  color:#8b929e;
  font-size:10px;
  font-weight:800;
  letter-spacing:.03em;
}

.trade-meter-top > span:last-child{
  text-align:right;
}

.trade-meter-state{
  min-width:72px;
  padding:5px 9px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:7px;
  background:#171a20;
  color:#e8ebef;
  text-align:center;
  font-size:10px;
  letter-spacing:.02em;
}

.trade-meter-state[data-state="underpay"]{color:#ff8d78}
.trade-meter-state[data-state="fair"]{color:#f4d96f}
.trade-meter-state[data-state="overpay"]{color:#86ed91}

.trade-meter-track-wrap{
  position:relative;
  height:32px;
  padding-top:9px;
}

.trade-meter-track{
  height:14px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    #ff3535 0%,
    #ff5b2d 17%,
    #ff8d24 34%,
    #f5c929 53%,
    #9de745 76%,
    #3af56b 100%
  );
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.22),
    0 0 18px rgba(255,129,43,.13);
}

.trade-meter-marker{
  position:absolute;
  top:0;
  width:0;
  height:32px;
  transform:translateX(-50%);
  transition:left .28s ease;
  z-index:3;
}

.trade-meter-line{
  position:absolute;
  left:-1px;
  top:3px;
  width:2px;
  height:28px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 0 7px rgba(255,255,255,.95);
}

.trade-meter-badge{
  position:absolute;
  left:50%;
  bottom:28px;
  transform:translateX(-50%);
  min-width:42px;
  padding:4px 7px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:6px;
  background:#1a1d23;
  color:#f5f6f8;
  font-size:10px;
  line-height:1;
  font-weight:800;
  text-align:center;
  white-space:nowrap;
  box-shadow:0 8px 18px rgba(0,0,0,.25);
}

.trade-meter-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:16px;
}

.trade-meter-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.trade-meter-copy strong{
  color:#d5d9e0;
  font-size:12px;
}

.trade-meter-copy span{
  color:#6f7784;
  font-size:10px;
}

.meter-lock-btn{
  min-width:195px;
  flex:none;
}

.trade-meter-warning{
  margin-top:12px;
  padding:0;
  border:0;
  background:transparent;
  color:#3cff54;
  font-size:12px;
  line-height:1.35;
  font-weight:800;
  text-align:center;
  text-shadow:0 0 10px rgba(60,255,84,.18);
}

@media (max-width:640px){
  .trade-meter-card{padding:16px 14px 14px}
  .trade-meter-top{font-size:8px}
  .trade-meter-state{min-width:60px;font-size:8px;padding:4px 6px}
  .trade-meter-bottom{align-items:stretch;flex-direction:column}
  .meter-lock-btn{width:100%;min-width:0}
}


/* --------------------------------------------------
   WEAPON AMOUNT CONFIRMATION
-------------------------------------------------- */
.weapon-picker{
  position:relative;
}

.weapon-confirm-layer{
  position:absolute;
  inset:0;
  z-index:20;
  display:grid;
  place-items:center;
  padding:22px;
  overflow-y:auto;
  overscroll-behavior:contain;
  background:rgba(3,5,8,.68);
  backdrop-filter:blur(5px);
}

.weapon-confirm-layer[hidden]{
  display:none;
}

.weapon-confirm-card{
  position:relative;
  width:min(320px,100%);
  max-height:100%;
  overflow-y:auto;
  flex:none;
  padding:17px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:16px;
  background:
    radial-gradient(circle at 50% 0%,rgba(124,92,255,.10),transparent 36%),
    linear-gradient(180deg,#141821,#0c0f15);
  box-shadow:0 28px 78px rgba(0,0,0,.62);
}

.weapon-confirm-close{
  position:absolute;
  top:9px;
  right:9px;
  z-index:4;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.09);
  border-radius:9px;
  background:rgba(10,12,17,.86);
  color:#8d96a3;
  font-size:19px;
  line-height:1;
  cursor:pointer;
}

.weapon-confirm-close:hover{
  color:#fff;
  border-color:rgba(255,255,255,.17);
}

.weapon-confirm-art{
  width:100%;
  height:205px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:13px;
  background:
    radial-gradient(circle at 50% 30%,rgba(255,255,255,.12),transparent 34%),
    linear-gradient(145deg,var(--item-a),var(--item-b));
}

.weapon-confirm-art img{
  width:92%;
  height:92%;
  display:block;
  object-fit:contain;
  object-position:center 41%;
  transform:translateY(-6px) scale(.94);
  filter:drop-shadow(0 10px 12px rgba(0,0,0,.38));
}

.weapon-confirm-info{
  margin-top:13px;
  text-align:center;
}

.weapon-confirm-rarity{
  color:#818a98;
  font-size:8px;
  font-weight:800;
  letter-spacing:.15em;
}

.weapon-confirm-info h4{
  margin:5px 0 4px;
  color:#fff;
  font-size:18px;
  letter-spacing:-.03em;
}

.weapon-confirm-value{
  color:#697280;
  font-size:10px;
  font-weight:600;
}

.weapon-amount-block{
  margin-top:15px;
  text-align:center;
}

.weapon-amount-label{
  display:block;
  margin-bottom:8px;
  color:#7b8492;
  font-size:8px;
  font-weight:800;
  letter-spacing:.15em;
}

.weapon-amount-control{
  width:166px;
  height:45px;
  margin:0 auto;
  display:grid;
  grid-template-columns:45px 1fr 45px;
  align-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:11px;
  background:#090c11;
}

.weapon-amount-control button{
  height:100%;
  border:0;
  background:#11151c;
  color:#a493ff;
  font-size:20px;
  cursor:pointer;
}

.weapon-amount-control button:hover:not(:disabled){
  background:#161a23;
}

.weapon-amount-control button:disabled{
  color:#3f4652;
  cursor:not-allowed;
}

.weapon-amount-control input{
  width:100%;
  height:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  text-align:center;
  font-size:15px;
  font-weight:800;
  appearance:textfield;
}

.weapon-amount-control input::-webkit-inner-spin-button,
.weapon-amount-control input::-webkit-outer-spin-button{
  -webkit-appearance:none;
  margin:0;
}

.weapon-amount-help{
  display:block;
  margin-top:7px;
  color:#5f6875;
  font-size:9px;
}

.weapon-confirm-add{
  width:100%;
  margin-top:15px;
}

@media (max-width:640px){
  .weapon-confirm-layer{padding:12px}
  .weapon-confirm-card{padding:14px}
  .weapon-confirm-art{height:165px}
}


/* Quantity counter inside a filled trade box */
.slot-amount{
  position:absolute;
  left:50%;
  bottom:28px;
  z-index:3;
  transform:translateX(-50%);
  display:inline-flex;
  align-items:flex-end;
  gap:2px;
  color:#fff;
  line-height:1;
  text-shadow:
    0 1px 2px rgba(0,0,0,.95),
    0 0 5px rgba(0,0,0,.85);
  pointer-events:none;
}

.slot-amount strong{
  font-size:20px;
  font-weight:800;
  letter-spacing:-.04em;
}

.slot-amount small{
  margin-bottom:1px;
  font-size:9px;
  font-weight:800;
}

.preview-slot.filled:has(.slot-amount) .slot-weapon-art{
  bottom:38px;
}

.preview-slot.filled:has(.slot-amount) .slot-name{
  bottom:8px;
}


/* --------------------------------------------------
   DAILY SPIN
-------------------------------------------------- */
.spin-section{
  padding:110px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 26% 42%,rgba(124,92,255,.09),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,0));
}

.spin-heading{
  margin-bottom:28px;
}

.spin-layout{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);
  gap:18px;
  align-items:stretch;
}

.spin-wheel-card,
.spin-panel{
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(180deg,#0f1218,#0b0e13);
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}

.spin-wheel-card{
  min-height:520px;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  padding:34px;
}

.spin-wheel-wrap{
  width:min(430px,86vw);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  position:relative;
}

.spin-wheel{
  width:100%;
  height:100%;
  border-radius:50%;
  position:relative;
  border:10px solid #131722;
  background:
    conic-gradient(
      #7d5cff 0deg 40deg,
      #332b57 40deg 80deg,
      #9767ff 80deg 120deg,
      #252d49 120deg 160deg,
      #7042ca 160deg 200deg,
      #3d315d 200deg 240deg,
      #a67dff 240deg 280deg,
      #28304a 280deg 320deg,
      #5e42b2 320deg 360deg
    );
  box-shadow:
    inset 0 0 0 4px rgba(255,255,255,.055),
    0 30px 70px rgba(0,0,0,.42);
  transition:transform 3.8s cubic-bezier(.14,.72,.08,1);
}

.spin-wheel::after{
  content:"";
  position:absolute;
  inset:13px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
  pointer-events:none;
}

.spin-wheel-center{
  position:absolute;
  left:50%;
  top:50%;
  width:112px;
  height:112px;
  transform:translate(-50%,-50%);
  z-index:4;
  border-radius:50%;
  display:grid;
  place-items:center;
  align-content:center;
  gap:2px;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 40% 30%,rgba(255,255,255,.08),transparent 35%),
    #0d1016;
  box-shadow:0 12px 36px rgba(0,0,0,.45);
}

.spin-wheel-center strong{
  font-size:21px;
  line-height:1;
  letter-spacing:-.04em;
}

.spin-wheel-center span{
  color:#847aa8;
  font-size:9px;
  font-weight:800;
  letter-spacing:.18em;
}

.spin-pointer{
  position:absolute;
  top:24px;
  left:50%;
  transform:translateX(-50%);
  z-index:6;
  width:0;
  height:0;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-top:29px solid #fff;
  filter:drop-shadow(0 7px 10px rgba(0,0,0,.5));
}

.spin-segment-label{
  position:absolute;
  left:50%;
  top:50%;
  width:50%;
  height:0;
  transform-origin:left center;
  transform:rotate(var(--spin-angle));
  pointer-events:none;
  z-index:2;
}

.spin-segment-label > span{
  position:absolute;
  left:54%;
  top:-7px;
  width:106px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  transform:rotate(90deg);
  transform-origin:left center;
  color:#fff;
  font-size:9px;
  font-weight:800;
  text-shadow:0 2px 4px rgba(0,0,0,.72);
}

.spin-panel{
  padding:30px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.spin-panel h3{
  margin:8px 0 12px;
  font-size:32px;
  letter-spacing:-.045em;
}

.spin-panel > p{
  margin:0;
  color:#79818e;
  font-size:14px;
  line-height:1.7;
}

.spin-current{
  margin:26px 0 16px;
  padding:16px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  background:#0a0d12;
}

.spin-current span{
  display:block;
  color:#66707d;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.spin-current strong{
  display:block;
  margin-top:6px;
  font-size:20px;
}

.spin-btn{
  width:100%;
}

.spin-result{
  margin-top:14px;
  padding:14px;
  border:1px solid rgba(124,92,255,.18);
  border-radius:12px;
  background:rgba(124,92,255,.065);
  text-align:center;
}

.spin-result span{
  display:block;
  color:#777f8c;
  font-size:9px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.spin-result strong{
  display:block;
  margin-top:5px;
  color:#fff;
  font-size:18px;
}

@media (max-width:900px){
  .spin-layout{
    grid-template-columns:1fr;
  }

  .spin-panel{
    order:-1;
  }
}

@media (max-width:640px){
  .spin-section{padding:78px 0}
  .spin-wheel-card{min-height:auto;padding:22px 12px}
  .spin-wheel-wrap{width:min(340px,86vw)}
  .spin-pointer{top:14px}
  .spin-panel{padding:22px}
  .spin-segment-label > span{width:82px;font-size:7px}
}


/* --------------------------------------------------
   DAILY SPIN - SIDEWAYS STRIP VERSION
-------------------------------------------------- */
.spin-section{
  padding:110px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 25% 38%,rgba(124,92,255,.08),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,0));
}

.spin-heading{
  margin-bottom:28px;
}

.spin-layout{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  gap:18px;
  align-items:stretch;
}

.spin-reel-card,
.spin-panel{
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(180deg,#0f1218,#0b0e13);
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}

.spin-reel-card{
  min-height:490px;
  padding:18px;
  overflow:hidden;
}

.spin-reel-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
  color:#7d8593;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.spin-strip-shell{
  position:relative;
  height:415px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 0%,rgba(124,92,255,.05),transparent 32%),
    linear-gradient(180deg,#090c12,#080b10);
  overflow:hidden;
}

.spin-strip-viewport{
  position:relative;
  height:100%;
  overflow:hidden;
  display:flex;
  align-items:center;
}

.spin-strip-track{
  display:flex;
  align-items:stretch;
  gap:14px;
  padding:0 22px;
  will-change:transform;
  transform:translateX(0);
}

.spin-center-highlight{
  position:absolute;
  inset:14px 50%;
  width:170px;
  transform:translateX(-50%);
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));
  box-shadow:inset 0 0 0 1px rgba(124,92,255,.03);
  pointer-events:none;
  z-index:2;
}

.spin-center-line{
  position:absolute;
  left:50%;
  top:18px;
  bottom:18px;
  width:2px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  box-shadow:0 0 10px rgba(255,255,255,.6);
  pointer-events:none;
  z-index:3;
}

.spin-strip-item{
  width:156px;
  min-width:156px;
  height:330px;
  margin:auto 0;
  padding:12px 12px 14px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 0%,rgba(124,92,255,.08),transparent 38%),
    linear-gradient(180deg,#11151d,#0c1016);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  box-shadow:0 14px 38px rgba(0,0,0,.24);
}

.spin-strip-chance{
  align-self:flex-end;
  padding:5px 8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:#151922;
  color:#bfb5ff;
  font-size:10px;
  font-weight:800;
  line-height:1;
}

.spin-strip-art{
  width:100%;
  height:180px;
  margin:14px 0 12px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  background:
    radial-gradient(circle at 45% 30%,rgba(255,255,255,.12),transparent 32%),
    linear-gradient(145deg,var(--item-a),var(--item-b));
}

.spin-strip-art img{
  width:92%;
  height:92%;
  object-fit:contain;
  object-position:center 42%;
  transform:translateY(-4px) scale(.94);
  filter:drop-shadow(0 10px 12px rgba(0,0,0,.35));
}

.spin-strip-item strong{
  width:100%;
  color:#fff;
  font-size:14px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:-.02em;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.spin-strip-item small{
  margin-top:6px;
  color:#6f7784;
  font-size:10px;
  font-weight:700;
}

.spin-panel{
  padding:30px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.spin-panel h3{
  margin:8px 0 12px;
  font-size:32px;
  letter-spacing:-.045em;
}

.spin-panel > p{
  margin:0 0 22px;
  color:#79818e;
  font-size:14px;
  line-height:1.7;
}

.spin-btn{
  width:100%;
}

.spin-result{
  margin-top:14px;
  padding:16px;
  border:1px solid rgba(124,92,255,.18);
  border-radius:14px;
  background:rgba(124,92,255,.065);
  text-align:center;
}

.spin-result span{
  display:block;
  color:#777f8c;
  font-size:9px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.spin-result strong{
  display:block;
  margin-top:5px;
  color:#fff;
  font-size:22px;
  line-height:1.15;
}

.spin-result small{
  display:block;
  margin-top:6px;
  color:#ab9eff;
  font-size:11px;
  font-weight:800;
}

@media (max-width:1100px){
  .spin-layout{
    grid-template-columns:1fr;
  }
}

@media (max-width:640px){
  .spin-section{padding:78px 0}
  .spin-reel-card{min-height:auto;padding:14px}
  .spin-strip-shell{height:340px}
  .spin-strip-item{
    width:128px;
    min-width:128px;
    height:272px;
    padding:10px 10px 12px;
  }
  .spin-strip-art{
    height:138px;
    margin:12px 0 10px;
  }
  .spin-panel{padding:22px}
  .spin-panel h3{font-size:28px}
  .spin-center-highlight{width:140px}
}


/* --------------------------------------------------
   ROBLOX USERNAME TRADE MODAL
-------------------------------------------------- */
.username-modal-backdrop{
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(8px);
}

.username-modal{
  width:min(510px,100%);
  padding:26px 15px 24px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:6px;
  background:#1d1f21;
  box-shadow:0 30px 100px rgba(0,0,0,.62);
}

.username-modal-close{
  top:18px;
  right:16px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.10);
  border-radius:9px;
  background:transparent;
  color:#8d949d;
  font-size:24px;
  line-height:1;
}

.username-modal-close:hover{
  border-color:rgba(255,255,255,.18);
  color:#c9ced5;
}

.username-modal h3{
  margin:35px 0 18px;
  font-size:27px;
  line-height:1.12;
  letter-spacing:-.045em;
  color:#f3f4f6;
}

.username-modal h3 span{
  color:#31ff3d;
}

.username-form{
  width:100%;
}

.username-input-wrap{
  width:100%;
  height:46px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 49px;
  align-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  background:#181a1d;
  transition:border-color .16s,box-shadow .16s;
}

.username-input-wrap:focus-within{
  border-color:#31ff3d;
  box-shadow:0 0 0 1px rgba(49,255,61,.08);
}

.username-input-wrap.valid{
  border-color:#31ff3d;
}

.username-input-wrap.invalid{
  border-color:#ff5d66;
}

.username-at{
  display:grid;
  place-items:center;
  color:#a7adb4;
  font-size:19px;
  font-weight:800;
}

.username-input-wrap input{
  width:100%;
  min-width:0;
  height:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#f3f4f6;
  font-size:14px;
}

.username-input-wrap input::placeholder{
  color:#656b73;
}

.username-submit{
  width:49px;
  height:100%;
  border:0;
  background:#31ff3d;
  color:#fff;
  font-size:21px;
  font-weight:700;
  transition:opacity .16s,filter .16s;
}

.username-submit:hover:not(:disabled){
  filter:brightness(1.05);
}

.username-submit:disabled{
  opacity:.28;
  cursor:not-allowed;
}

.username-error{
  margin:8px 3px 0;
  color:#ff777f;
  font-size:10px;
  font-weight:700;
}

.username-cancel{
  width:100%;
  height:40px;
  margin-top:18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:9px;
  background:transparent;
  color:#fff;
  font-size:13px;
  font-weight:800;
}

.username-cancel:hover{
  background:rgba(255,255,255,.025);
  border-color:rgba(255,255,255,.18);
}

@media (max-width:640px){
  .username-modal{
    padding:22px 14px 20px;
  }

  .username-modal h3{
    margin-top:32px;
    font-size:24px;
  }

  .username-input-wrap input{
    font-size:16px;
  }
}


/* --------------------------------------------------
   ROBLOX USER LOOKUP RESULT
-------------------------------------------------- */
.username-input-wrap.loading{
  border-color:#31ff3d;
}

.username-input-wrap.loading .username-submit{
  opacity:.65;
}

.roblox-profile-result{
  margin-top:14px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  gap:13px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:10px;
  background:#191b1e;
}

.roblox-profile-result[hidden]{
  display:none;
}

.roblox-avatar-wrap{
  width:52px;
  height:52px;
  flex:none;
  padding:3px;
  display:grid;
  place-items:center;
  border:2px solid #31ff3d;
  border-radius:50%;
  background:#101215;
  overflow:hidden;
  box-shadow:0 0 0 2px rgba(49,255,61,.08);
}

.roblox-avatar-wrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
  background:#23262a;
}

.roblox-avatar-fallback{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#2a2d31;
  color:#fff;
  font-size:20px;
  font-weight:800;
}

.roblox-profile-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.roblox-profile-name-row{
  min-width:0;
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:7px;
}

.roblox-profile-name-row strong{
  color:#f3f4f6;
  font-size:14px;
  line-height:1.15;
}

.roblox-profile-display{
  color:#7e858d;
  font-size:10px;
  font-weight:600;
}

.roblox-profile-display[hidden]{
  display:none;
}

.roblox-profile-verified{
  display:flex;
  align-items:center;
  gap:5px;
  color:#8c939b;
  font-size:11px;
  font-weight:600;
}

.roblox-check{
  color:#31ff3d;
  font-size:11px;
  font-weight:900;
}

.username-server{
  width:100%;
  height:41px;
  margin-top:18px;
  border:0;
  border-radius:9px;
  background:#31ff3d;
  color:#fff;
  font-size:13px;
  font-weight:800;
  box-shadow:0 10px 26px rgba(49,255,61,.10);
}

.username-server:hover{
  filter:brightness(1.04);
}

.username-server[hidden]{
  display:none;
}


.spin-claim-copy{
  margin:12px 0 10px;
  color:#8d95a2;
  font-size:12px;
  line-height:1.5;
}

.spin-claim-btn{
  width:100%;
  min-height:42px;
  margin-top:4px;
  border:0;
  border-radius:10px;
  background:#7c5cff;
  color:#fff;
  font-size:12px;
  font-weight:850;
  letter-spacing:.01em;
  cursor:pointer;
  box-shadow:0 10px 25px rgba(124,92,255,.16);
  transition:transform .16s ease, filter .16s ease;
}

.spin-claim-btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.06);
}

.spin-claim-btn span{
  display:inline;
  margin-left:5px;
  color:inherit;
  font-size:inherit;
  letter-spacing:0;
  text-transform:none;
}




/* Corrupt logo in the main navbar - larger version */
.corrupt-logo-mark{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  flex:none;
  overflow:visible;
}

.corrupt-logo-mark img{
  width:48px;
  height:48px;
  display:block;
  object-fit:cover;
  border-radius:50%;
  filter:drop-shadow(0 0 8px rgba(124,92,255,.55));
}


/* Match footer logo to the navbar Corrupt logo */
.footer-corrupt-logo{
  width:30px;
  height:30px;
  margin-right:8px;
}

.footer-corrupt-logo img{
  width:32px;
  height:32px;
  object-fit:cover;
  border-radius:50%;
  filter:drop-shadow(0 0 6px rgba(124,92,255,.45));
}

/* --------------------------------------------------
   CENTERED HEADER NAV + PROMO CODE
   -------------------------------------------------- */
@media (min-width:901px){
  .nav{
    position:relative;
    justify-content:flex-start;
  }

  .nav > .brand{
    position:relative;
    z-index:2;
  }

  .nav-links{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:max-content;
    justify-content:center;
    gap:26px;
  }
}

.promo-code-box{
  margin-top:16px;
  padding:18px;
  border:1px solid rgba(124,92,255,.22);
  border-radius:16px;
  background:
    radial-gradient(circle at 100% 0%,rgba(124,92,255,.12),transparent 38%),
    rgba(255,255,255,.025);
  scroll-margin-top:100px;
}

.promo-code-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.promo-code-heading > div{
  display:flex;
  flex-direction:column;
  gap:5px;
}

.promo-code-heading strong{
  font-size:17px;
  letter-spacing:-.02em;
}

.promo-bonus-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:29px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(124,92,255,.24);
  background:rgba(124,92,255,.11);
  color:#c7baff;
  font-size:12px;
  font-weight:800;
}

.promo-code-box > p{
  margin:11px 0 14px;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}

.promo-code-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px;
}

.promo-code-form input{
  width:100%;
  min-width:0;
  height:44px;
  padding:0 14px;
  border-radius:11px;
  border:1px solid var(--line-strong);
  outline:none;
  color:#fff;
  background:#0a0d12;
  transition:border-color .2s,box-shadow .2s,background .2s;
}

.promo-code-form input::placeholder{color:#666e7d}
.promo-code-form input:focus{
  border-color:rgba(124,92,255,.62);
  background:#0c0f15;
  box-shadow:0 0 0 3px rgba(124,92,255,.1);
}

.promo-code-form button{
  height:44px;
  padding:0 16px;
  border:1px solid rgba(124,92,255,.35);
  border-radius:11px;
  background:rgba(124,92,255,.13);
  color:#d9d1ff;
  font-weight:800;
  transition:background .2s,border-color .2s,transform .2s,opacity .2s;
}

.promo-code-form button:hover:not(:disabled){
  transform:translateY(-1px);
  background:rgba(124,92,255,.2);
  border-color:rgba(124,92,255,.55);
}

.promo-code-form button:disabled{opacity:.45;cursor:not-allowed}

.promo-code-status{
  min-height:18px;
  margin-top:10px;
  font-size:12px;
  font-weight:650;
  color:#9299a7;
}

.promo-code-status.success{color:var(--good)}
.promo-code-status.error{color:#ff7d8c}

@media (max-width:640px){
  .promo-code-form{grid-template-columns:1fr}
  .promo-code-form button{width:100%}
}

/* ==================================================
   PREMIUM UI REFRESH — 2026
   Visual-only refresh: keeps all existing trade/spin logic intact.
================================================== */
:root{
  --bg:#060609;
  --bg-2:#0a0a10;
  --card:#0d0d14;
  --card-2:#11111a;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.14);
  --text:#f8f7ff;
  --muted:#8f91a3;
  --accent:#8b68ff;
  --accent-2:#c2b3ff;
  --accent-soft:rgba(139,104,255,.12);
  --good:#69e4b0;
  --danger:#ff7e91;
  --shadow:0 28px 90px rgba(0,0,0,.46);
  --shadow-soft:0 16px 50px rgba(0,0,0,.28);
}

::selection{background:rgba(139,104,255,.34);color:#fff}
html{scroll-padding-top:96px}
body{
  background:
    radial-gradient(circle at 15% -5%,rgba(111,76,255,.18),transparent 31rem),
    radial-gradient(circle at 90% 26%,rgba(139,104,255,.085),transparent 26rem),
    linear-gradient(180deg,#07070b 0%,#060609 48%,#090910 100%);
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 72%);
}
*{scrollbar-width:thin;scrollbar-color:#292437 transparent}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-thumb{background:#292437;border-radius:20px}

.container{width:min(1200px,calc(100% - 44px))}

/* Header */
.nav-wrap{
  background:rgba(7,7,11,.72);
  border-bottom:1px solid rgba(255,255,255,.055);
  backdrop-filter:blur(24px) saturate(135%);
  -webkit-backdrop-filter:blur(24px) saturate(135%);
}
.nav{height:78px}
.brand{gap:10px}
.brand-name{font-size:20px;letter-spacing:-.04em;font-weight:800}
.corrupt-logo-mark{width:44px;height:44px}
.corrupt-logo-mark img{width:46px;height:46px;filter:drop-shadow(0 0 12px rgba(139,104,255,.48))}
.nav-links{
  gap:4px!important;
  padding:5px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  background:rgba(255,255,255,.025);
  box-shadow:inset 0 1px rgba(255,255,255,.03),0 14px 34px rgba(0,0,0,.18);
}
.nav-links a{
  padding:9px 14px;
  border-radius:11px;
  color:#858797;
  font-size:13px;
  transition:color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
}
.nav-links a:hover{color:#fff;background:rgba(255,255,255,.045)}
.nav-links a.active{
  color:#fff;
  background:linear-gradient(180deg,rgba(139,104,255,.20),rgba(139,104,255,.10));
  box-shadow:inset 0 0 0 1px rgba(139,104,255,.18),0 7px 20px rgba(67,41,164,.13);
}
.nav-mobile-label{display:none}

/* Hero */
.hero{padding:88px 0 74px;text-align:left}
.hero-layout{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
  gap:74px;
  align-items:center;
}
.hero-copy-panel{min-width:0}
.eyebrow{
  padding:7px 11px;
  border:1px solid rgba(139,104,255,.16);
  border-radius:999px;
  background:rgba(139,104,255,.055);
  color:#aaa6bb;
}
.hero h1{
  max-width:700px;
  margin:22px 0 18px;
  font-size:clamp(58px,6.2vw,88px);
  letter-spacing:-.075em;
  line-height:.93;
}
.hero h1 em{
  background:linear-gradient(95deg,#fff 3%,#d7cdff 47%,#8c6aff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-copy{max-width:610px;margin:0;color:#9698a8;font-size:17px;line-height:1.75}
.hero-actions{justify-content:flex-start;margin-top:30px;gap:12px}
.hero-actions .primary-btn{min-width:166px}
.text-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:0 17px;border:1px solid rgba(255,255,255,.08);border-radius:13px;
  background:rgba(255,255,255,.025);color:#aaaebe;
}
.text-btn:hover{background:rgba(255,255,255,.05)}
.primary-btn{
  min-height:48px;border-radius:13px;
  background:linear-gradient(135deg,#9a7bff 0%,#7450f4 100%);
  box-shadow:0 12px 36px rgba(94,59,226,.24),inset 0 1px rgba(255,255,255,.24);
}
.primary-btn:hover{background:linear-gradient(135deg,#a488ff 0%,#7d59f6 100%);box-shadow:0 16px 40px rgba(94,59,226,.32)}
.hero-trust-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px 18px;margin-top:24px;color:#777a8b;font-size:11px;font-weight:650}
.hero-trust-row span{display:inline-flex;align-items:center;gap:7px}
.hero-trust-row i{width:5px;height:5px;border-radius:50%;background:#8f71ff;box-shadow:0 0 10px rgba(143,113,255,.7)}

.hero-showcase{
  position:relative;
  overflow:hidden;
  padding:22px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:26px;
  background:
    linear-gradient(155deg,rgba(255,255,255,.05),rgba(255,255,255,.015) 45%,rgba(139,104,255,.035)),
    rgba(10,10,16,.90);
  box-shadow:0 36px 100px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.045);
  transform:perspective(1200px) rotateY(-3deg) rotateX(1deg);
}
.hero-showcase:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.055),transparent 23%,transparent 77%,rgba(139,104,255,.04));
}
.showcase-glow{position:absolute;width:280px;height:280px;border-radius:50%;right:-120px;top:-130px;background:rgba(122,83,255,.17);filter:blur(60px)}
.showcase-head,.showcase-meter-top,.showcase-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:1}
.showcase-head>div{display:flex;flex-direction:column;gap:6px}
.showcase-head strong{font-size:20px;letter-spacing:-.035em}
.showcase-live{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(105,228,176,.16);border-radius:999px;background:rgba(105,228,176,.06);color:#8cecc2;font-size:9px;font-weight:850;letter-spacing:.08em}
.showcase-live i{width:6px;height:6px;border-radius:50%;background:#69e4b0;box-shadow:0 0 12px rgba(105,228,176,.8)}
.showcase-stack{margin:24px 0 18px;padding:8px;border:1px solid rgba(255,255,255,.065);border-radius:18px;background:rgba(0,0,0,.18);position:relative;z-index:1}
.showcase-trade-row{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))}
.showcase-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(139,104,255,.19);border-radius:13px;background:linear-gradient(145deg,rgba(139,104,255,.17),rgba(139,104,255,.04));color:#c1b4ff;font-size:25px;font-weight:300}
.bot-row .showcase-icon{border-color:rgba(105,228,176,.14);background:linear-gradient(145deg,rgba(105,228,176,.105),rgba(105,228,176,.025));color:#8cecc2}
.showcase-trade-row>div:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:4px}
.showcase-trade-row small{font-size:8px;color:#6f7180;font-weight:850;letter-spacing:.16em}
.showcase-trade-row strong{font-size:13px;color:#ececf3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.showcase-step{font-size:10px;font-weight:850;color:#585a68}
.showcase-separator{display:grid;grid-template-columns:1fr auto 1fr;gap:9px;align-items:center;padding:6px 8px}
.showcase-separator span{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent)}
.showcase-separator b{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#0b0b11;color:#77798a;font-size:11px}
.showcase-meter{position:relative;z-index:1;padding:14px 15px;border:1px solid rgba(255,255,255,.065);border-radius:15px;background:rgba(255,255,255,.02)}
.showcase-meter-top{font-size:10px;color:#737686}.showcase-meter-top strong{color:#b8adf8;font-size:10px}
.showcase-meter-track{position:relative;height:6px;margin-top:11px;border-radius:999px;background:linear-gradient(90deg,rgba(255,111,130,.38),rgba(240,210,105,.42) 50%,rgba(105,228,176,.40));overflow:hidden}
.showcase-meter-track i{position:absolute;left:0;top:0;bottom:0;width:66%;background:linear-gradient(90deg,rgba(139,104,255,.12),rgba(255,255,255,.16));border-radius:inherit}
.showcase-meter-track b{position:absolute;left:65%;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);border:3px solid #0c0c12;border-radius:50%;background:#b7a8ff;box-shadow:0 0 0 1px rgba(183,168,255,.4),0 0 16px rgba(139,104,255,.45)}
.showcase-foot{margin-top:15px;color:#6f7281;font-size:9px}.showcase-foot span{display:inline-flex;align-items:center;gap:7px}.showcase-foot strong{color:#9a9cab;font-size:9px}

.stats{
  max-width:none;
  margin:38px 0 0;
  border-radius:18px;
  border-color:rgba(255,255,255,.075);
  background:rgba(255,255,255,.018);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.stats div{padding:17px 22px}.stats strong{font-size:18px}.stats span{font-size:11px}

/* Shared section polish */
.trade-section,.faq-section{padding-top:84px;padding-bottom:94px}
.section-heading{margin-bottom:24px}
.section-heading h2,.section-copy h2{font-size:clamp(36px,4.2vw,52px);letter-spacing:-.06em}
.mini-label{color:#9996aa}
.value-pill{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.075);color:#858797;box-shadow:inset 0 1px rgba(255,255,255,.025)}

/* Trade desk */
.trade-preview{
  border-radius:26px;
  border-color:rgba(255,255,255,.095);
  background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),#0a0a10;
  box-shadow:0 30px 90px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.025);
}
.preview-side{padding:25px}
.preview-side:first-child{background:radial-gradient(circle at 15% 0%,rgba(139,104,255,.055),transparent 42%)}
.preview-side:last-child{background:radial-gradient(circle at 85% 0%,rgba(105,228,176,.035),transparent 42%)}
.preview-head{margin-bottom:20px}.preview-kicker{color:#737586}.preview-head strong{font-size:16px}
.preview-count{background:rgba(0,0,0,.28);border-color:rgba(255,255,255,.07)}
.preview-slot{border-radius:16px;border-color:rgba(255,255,255,.07);background:linear-gradient(180deg,#0e0e15,#0a0a0f);box-shadow:inset 0 1px rgba(255,255,255,.018)}
.preview-slot.empty:hover{border-color:rgba(139,104,255,.46);background:linear-gradient(180deg,rgba(139,104,255,.09),#0b0b11);box-shadow:0 14px 34px rgba(0,0,0,.22),inset 0 0 0 1px rgba(139,104,255,.04)}
.slot-plus{border-radius:12px;background:rgba(139,104,255,.075);border-color:rgba(139,104,255,.16);color:#baaaff;box-shadow:none}
.preview-slot.filled{border-color:rgba(139,104,255,.32)}
.preview-center{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.18));border-color:rgba(255,255,255,.05)}
.preview-swap{border-radius:13px;background:#101018;border-color:rgba(139,104,255,.13);color:#b7aaff;box-shadow:0 10px 30px rgba(0,0,0,.28)}
.trade-meter-card{border-radius:22px!important;border-color:rgba(255,255,255,.09)!important;background:linear-gradient(155deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),#0b0b11!important;box-shadow:0 22px 65px rgba(0,0,0,.24)!important}
.trade-meter-track{filter:saturate(.8)}
.trade-meter-badge{box-shadow:0 8px 22px rgba(0,0,0,.3)!important}
.trade-meter-warning{border-radius:12px!important}

/* Spin */
.spin-section{
  position:relative;
  padding:98px 0;
  border-top:1px solid rgba(255,255,255,.055);
  border-bottom:1px solid rgba(255,255,255,.055);
  background:
    radial-gradient(circle at 78% 22%,rgba(139,104,255,.085),transparent 28rem),
    linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.003));
}
.spin-reel-card,.spin-panel{border-color:rgba(255,255,255,.09)!important;border-radius:24px!important;background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),#0b0b11!important;box-shadow:0 24px 70px rgba(0,0,0,.25)!important}
.spin-strip-shell{border-radius:18px!important;background:rgba(0,0,0,.2)!important}
.spin-strip-item{border-radius:17px!important;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015))!important;box-shadow:0 15px 32px rgba(0,0,0,.18)!important}
.spin-center-highlight{border-color:rgba(139,104,255,.30)!important;box-shadow:inset 0 0 40px rgba(139,104,255,.055),0 0 30px rgba(139,104,255,.04)!important}
.spin-panel h3{font-size:34px!important}
.promo-code-box{border-radius:17px;border-color:rgba(139,104,255,.18);background:linear-gradient(145deg,rgba(139,104,255,.07),rgba(255,255,255,.018))}
.promo-code-form input{background:rgba(0,0,0,.23);border-color:rgba(255,255,255,.09)}
.promo-code-form button{background:rgba(139,104,255,.12);border-color:rgba(139,104,255,.25)}

/* How it works */
.how-section{
  padding:102px 0;
  background:radial-gradient(circle at 15% 40%,rgba(139,104,255,.05),transparent 25rem);
  border-top:0;
}
.steps-grid{gap:12px}
.step-card{
  min-height:210px;
  border-radius:20px;
  border-color:rgba(255,255,255,.075);
  background:linear-gradient(155deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),#0b0b11;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.step-card:hover{transform:translateY(-3px);border-color:rgba(139,104,255,.22);box-shadow:0 18px 45px rgba(0,0,0,.23)}
.step-card>span{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid rgba(139,104,255,.16);border-radius:10px;background:rgba(139,104,255,.06);color:#a99cff}
.step-card h3{margin-top:36px;font-size:19px}.step-card p{color:#7f8292}

/* FAQ */
.faq-section .section-copy{margin-bottom:36px}
.faq-list{display:grid;gap:10px;border:0}
details{overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:rgba(255,255,255,.018)}
summary{padding:20px 21px;font-size:14px}
details[open]{border-color:rgba(139,104,255,.16);background:linear-gradient(150deg,rgba(139,104,255,.045),rgba(255,255,255,.012))}
details p{max-width:820px;margin:0;padding:0 21px 21px;color:#858898}
summary span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.03);font-size:17px}

/* Footer */
footer{padding:30px 0 34px;background:rgba(5,5,8,.82);border-color:rgba(255,255,255,.055)}
.footer-inner{color:#777987}.footer-inner p{margin:0}

/* Pickers + modal */
.weapon-picker-backdrop,.modal-backdrop{background:rgba(2,2,5,.76);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.weapon-picker{border-radius:26px;border-color:rgba(255,255,255,.10);background:linear-gradient(160deg,#111119,#0a0a0f);box-shadow:0 40px 140px rgba(0,0,0,.7)}
.weapon-picker-close,.weapon-confirm-close{background:rgba(255,255,255,.03)!important;border-color:rgba(255,255,255,.08)!important}
.picker-item{background:rgba(255,255,255,.018);border-color:rgba(255,255,255,.065);border-radius:14px}
.picker-item:hover{border-color:rgba(139,104,255,.32);background:rgba(139,104,255,.05)}
.weapon-confirm-card{border-radius:22px!important;background:linear-gradient(160deg,#12121a,#0b0b11)!important;border-color:rgba(255,255,255,.10)!important}
.username-modal{width:min(500px,100%);padding:30px;border-radius:24px;background:linear-gradient(160deg,#121219,#0b0b10);border-color:rgba(255,255,255,.10)}
.username-modal h3{margin:12px 0 20px;font-size:30px}.username-modal h3 span{color:#ab9cff}
.username-input-wrap{height:50px;border-radius:13px;background:rgba(0,0,0,.24)}
.username-input-wrap:focus-within,.username-input-wrap.valid,.username-input-wrap.loading{border-color:rgba(139,104,255,.62);box-shadow:0 0 0 3px rgba(139,104,255,.08)}
.username-submit{background:linear-gradient(135deg,#9a7bff,#7450f4)}
.roblox-profile-result{border-radius:14px;background:rgba(255,255,255,.025)}
.roblox-avatar-wrap{border-color:#8f71ff;box-shadow:0 0 0 2px rgba(139,104,255,.08)}
.roblox-check{color:#9c86ff}.username-server{height:46px;border-radius:12px;background:linear-gradient(135deg,#9a7bff,#7450f4);box-shadow:0 12px 28px rgba(94,59,226,.18)}
.username-cancel{height:44px;border-radius:12px}

/* ==================================================
   MOBILE EXPERIENCE
================================================== */
@media (max-width:900px){
  .hero-layout{grid-template-columns:1fr;gap:38px}
  .hero-copy-panel{max-width:700px}
  .hero-showcase{max-width:650px;width:100%;margin-inline:auto;transform:none}
  .hero h1{font-size:clamp(58px,10vw,78px)}
  .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:760px){
  html{scroll-padding-top:76px}
  body{padding-bottom:82px}
  .container{width:min(100% - 28px,1200px)}
  .nav-wrap{position:sticky;top:0}
  .nav{height:64px;justify-content:center!important}
  .nav>.brand{position:static!important}
  .brand-name{font-size:17px}
  .corrupt-logo-mark{width:38px;height:38px}.corrupt-logo-mark img{width:40px;height:40px}
  .nav-links{
    display:grid!important;
    position:fixed!important;
    left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;top:auto!important;
    transform:none!important;
    width:auto!important;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:3px!important;
    padding:6px!important;
    border-radius:18px!important;
    background:rgba(12,12,18,.92)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    backdrop-filter:blur(24px) saturate(145%);
    -webkit-backdrop-filter:blur(24px) saturate(145%);
    box-shadow:0 18px 55px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.035)!important;
    z-index:55;
  }
  .nav-links a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:7px 3px!important;border-radius:12px!important;font-size:10.5px!important;white-space:nowrap}
  .nav-desktop-label{display:none}.nav-mobile-label{display:inline}

  .hero{padding:50px 0 54px}
  .hero-layout{gap:30px}
  .hero-copy-panel{text-align:left}
  .eyebrow{font-size:9px;letter-spacing:.14em}
  .hero h1{margin:18px 0 16px;font-size:clamp(46px,14.5vw,64px);line-height:.92;letter-spacing:-.07em}
  .hero-copy{font-size:14px;line-height:1.7}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:24px}
  .hero-actions .primary-btn,.hero-actions .text-btn{width:100%;min-height:48px}
  .hero-trust-row{gap:8px 14px;margin-top:18px;font-size:10px}
  .hero-showcase{padding:16px;border-radius:21px}
  .showcase-head strong{font-size:17px}.showcase-live{padding:6px 8px}
  .showcase-stack{margin:18px 0 14px;padding:6px;border-radius:15px}
  .showcase-trade-row{grid-template-columns:40px 1fr auto;padding:10px;gap:10px}.showcase-icon{width:40px;height:40px;border-radius:11px;font-size:22px}
  .showcase-trade-row strong{font-size:11px}.showcase-meter{padding:12px}.showcase-foot strong{display:none}
  .stats{grid-template-columns:repeat(2,1fr)!important;margin-top:24px;border-radius:16px}.stats div{padding:15px 12px;text-align:left;border-bottom:0!important}.stats div:first-child{border-right:1px solid var(--line)!important}.stats strong{font-size:17px}.stats span{font-size:10px}

  .trade-section,.faq-section{padding:58px 0 68px}
  .section-heading{gap:12px;margin-bottom:20px}.section-heading h2,.section-copy h2{font-size:36px}
  .value-pill{font-size:10px;padding:8px 10px}
  .trade-preview{border-radius:21px;margin-bottom:12px}
  .preview-side{padding:15px!important}.preview-head{margin-bottom:14px}.preview-head strong{font-size:14px}.preview-total{font-size:16px!important}
  .preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.preview-slot{min-height:112px!important;aspect-ratio:1 / 1.12!important;border-radius:14px}
  .slot-plus{width:36px;height:36px}.slot-add-label{display:block!important;bottom:9px;font-size:7px}
  .preview-center{height:50px!important}.preview-center .preview-swap{width:34px;height:34px;border-radius:11px}
  .trade-meter-card{padding:17px!important;border-radius:19px!important}.trade-meter-top{font-size:8px!important}.trade-meter-state{font-size:9px!important}.trade-meter-bottom{gap:14px!important}.trade-meter-copy strong{font-size:13px!important}.trade-meter-copy span{font-size:9px!important}.meter-lock-btn{width:100%;min-width:0!important}

  .spin-section{padding:64px 0}
  .spin-heading{margin-bottom:18px}.spin-layout{gap:12px!important}
  .spin-reel-card{padding:12px!important;border-radius:20px!important}.spin-reel-header{padding:0 3px 10px!important}
  .spin-strip-shell{height:310px!important;border-radius:16px!important}.spin-strip-item{width:118px!important;min-width:118px!important;height:248px!important;padding:9px!important}.spin-strip-art{height:122px!important}.spin-center-highlight{width:130px!important}
  .spin-panel{padding:19px!important;border-radius:20px!important}.spin-panel h3{font-size:28px!important;margin-bottom:9px}.spin-panel>p{font-size:13px!important;line-height:1.65!important}
  .promo-code-box{padding:15px;margin-top:13px;border-radius:15px}.promo-code-heading strong{font-size:16px}.promo-code-form{grid-template-columns:1fr!important}.promo-code-form button{width:100%}

  .how-section{padding:66px 0}
  .how-section .section-copy{margin-bottom:28px}
  .steps-grid{grid-template-columns:1fr!important;gap:9px}
  .step-card{min-height:auto;padding:18px;display:grid;grid-template-columns:42px 1fr;grid-template-areas:"num title" "num text";column-gap:13px;align-items:start}
  .step-card>span{grid-area:num;width:38px;height:38px}.step-card h3{grid-area:title;margin:1px 0 7px;font-size:16px}.step-card p{grid-area:text;margin:0;font-size:12px;line-height:1.55}
  .step-card:hover{transform:none}

  .faq-list{gap:8px}details{border-radius:14px}summary{padding:17px 16px;font-size:13px;align-items:center}details p{padding:0 16px 18px;font-size:12.5px;line-height:1.65}
  footer{padding:28px 0 30px}.footer-inner{align-items:center;text-align:center;gap:10px}.footer-inner p{font-size:10px}.footer-inner>span{font-size:10px}

  .weapon-picker-backdrop{padding:0;place-items:end center}.weapon-picker{height:92dvh!important;max-height:92dvh!important;border-radius:24px 24px 0 0!important;border-bottom:0}.weapon-picker-top{padding:20px 16px 13px}.weapon-picker-search{margin:0 16px 12px}.weapon-picker-list{padding:0 16px 18px!important;grid-template-columns:1fr!important}.weapon-picker-bottom{padding:12px 16px calc(15px + env(safe-area-inset-bottom))}
  .modal-backdrop{padding:0;place-items:end center}.username-modal{width:100%;padding:24px 16px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;border-bottom:0}.username-modal h3{font-size:26px;margin:18px 0}.username-modal-close{top:14px;right:14px}
  .weapon-confirm-layer{align-items:end!important;padding:0!important}.weapon-confirm-card{width:100%!important;max-width:none!important;border-radius:24px 24px 0 0!important;padding:22px 16px calc(20px + env(safe-area-inset-bottom))!important}
}

@media (max-width:410px){
  .container{width:min(100% - 22px,1200px)}
  .brand-name{font-size:16px}
  .nav-links{left:7px!important;right:7px!important;bottom:max(7px,env(safe-area-inset-bottom))!important;padding:5px!important}
  .nav-links a{font-size:9.7px!important;min-height:40px}
  .hero h1{font-size:44px}
  .hero-trust-row span:nth-child(2){display:none}
  .showcase-foot{font-size:8px}
  .preview-side{padding:13px!important}.preview-slot{min-height:104px!important}
  .trade-meter-card{padding:14px!important}
  .spin-strip-shell{height:286px!important}.spin-strip-item{width:110px!important;min-width:110px!important;height:232px!important}.spin-strip-art{height:112px!important}.spin-center-highlight{width:120px!important}
}

/* ==================================================
   SERVER SEARCH / FOUND FLOW
================================================== */
.server-flow-backdrop{
  z-index:120;
  place-items:center;
  padding:24px;
}

.server-flow-card{
  position:relative;
  width:min(408px,100%);
  min-height:242px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:
    radial-gradient(circle at 50% -18%,rgba(135,102,255,.13),transparent 34%),
    linear-gradient(160deg,#11111b 0%,#0d0d18 72%,#0b0b14 100%);
  box-shadow:0 34px 110px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.03);
  overflow:hidden;
}

.server-flow-close{
  top:14px;
  right:14px;
  z-index:3;
  background:rgba(255,255,255,.025)!important;
  border-color:rgba(255,255,255,.08)!important;
}

.server-search-state{
  min-height:242px;
  padding:44px 28px 30px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.server-search-state[hidden],
.server-found-state[hidden]{display:none!important}

.server-search-icon{
  position:relative;
  width:54px;
  height:54px;
  margin-bottom:24px;
  animation:server-search-float 1.6s ease-in-out infinite;
}
.server-search-icon::before{
  content:"";
  position:absolute;
  width:31px;
  height:31px;
  left:3px;
  top:1px;
  border-radius:50%;
  background:linear-gradient(145deg,#58cff7,#79a8ff);
  border:4px solid rgba(142,104,255,.78);
  box-shadow:0 0 18px rgba(92,178,255,.30),inset 0 1px 7px rgba(255,255,255,.45);
}
.server-search-icon::after{
  content:"";
  position:absolute;
  width:21px;
  height:10px;
  left:31px;
  top:34px;
  border-radius:999px;
  background:linear-gradient(90deg,#9d69b8,#bc7fa6);
  transform:rotate(43deg);
  transform-origin:left center;
  box-shadow:0 2px 8px rgba(0,0,0,.35);
}
.server-search-icon span{
  position:absolute;
  width:7px;
  height:7px;
  left:14px;
  top:10px;
  border-radius:50%;
  background:rgba(255,255,255,.52);
  z-index:1;
}

@keyframes server-search-float{
  0%,100%{transform:translateY(0) rotate(-2deg)}
  50%{transform:translateY(-6px) rotate(3deg)}
}

.server-search-state h3,
.server-found-heading h3{
  margin:0;
  color:#f3f1f8;
  letter-spacing:-.03em;
}
.server-search-state h3{
  font-size:20px;
  font-weight:800;
}
.server-ticket{
  margin:8px 0 0;
  color:#817f8d;
  font-size:14px;
  font-weight:600;
}

.server-found-state{
  padding:28px 26px 22px;
}
.server-found-heading{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0 34px 22px;
}
.server-found-heading h3{
  font-size:22px;
  font-weight:850;
}
.server-found-check{
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  border:3px solid #eceaf2;
  border-radius:50%;
  color:#eceaf2;
  font-size:13px;
  font-weight:900;
  line-height:1;
}

.server-found-details{
  width:min(100%,310px);
  margin:0 auto;
  text-align:center;
}
.server-found-ticket{
  display:block;
  margin-bottom:8px;
  color:#f0edf7;
  font-size:17px;
  font-weight:850;
}
.server-room-meta{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  color:#8e8b9c;
  font-size:14px;
  font-weight:650;
}
.server-player-icon{
  color:#8f67ff;
  font-size:13px;
  margin-right:3px;
}
.server-room-meta strong{
  color:#3f8cff;
  font-size:16px;
  font-weight:900;
  letter-spacing:.02em;
}
.server-room-meta b{font-weight:850;color:#aaa6b8}

.server-trade-line{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:54px;
  margin-top:12px;
  color:#8d899b;
  font-size:12px;
  font-weight:700;
}
.server-trade-items{
  display:flex;
  align-items:center;
  gap:8px;
}
.server-trade-item{
  position:relative;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
}
.server-trade-item img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.38));
}
.server-trade-item b{
  position:absolute;
  right:-3px;
  bottom:-1px;
  min-width:17px;
  height:17px;
  display:grid;
  place-items:center;
  padding:0 4px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:#171522;
  color:#f4f1ff;
  font-size:9px;
  box-shadow:0 3px 8px rgba(0,0,0,.35);
}
.server-trade-arrow{
  color:#418eff;
  font-size:17px;
  font-weight:900;
}
.server-reward-name{color:#c9c4d8}

.server-join-button{
  width:100%;
  height:49px;
  margin-top:18px;
  border:0;
  border-radius:12px;
  background:linear-gradient(135deg,#4b91ff,#3879eb);
  color:white;
  font:inherit;
  font-size:15px;
  font-weight:850;
  cursor:pointer;
  box-shadow:0 13px 30px rgba(55,121,235,.22);
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.server-join-button:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
  box-shadow:0 16px 34px rgba(55,121,235,.28);
}
.server-join-button:active{transform:translateY(0)}

@media (max-width:760px){
  .server-flow-backdrop{
    place-items:center!important;
    padding:18px!important;
  }
  .server-flow-card{
    width:min(408px,100%);
    min-height:242px;
    border-radius:18px;
  }
  .server-search-state{min-height:242px;padding:42px 20px 28px}
  .server-found-state{padding:28px 22px 21px}
  .server-found-heading{margin-bottom:21px}
  .server-found-heading h3{font-size:21px}
  .server-found-ticket{font-size:16px}
  .server-room-meta{font-size:13px}
  .server-join-button{height:49px;margin-top:17px}
}

@media (max-width:390px){
  .server-flow-backdrop{padding:12px!important}
  .server-flow-card{border-radius:16px}
  .server-found-state{padding:26px 16px 17px}
  .server-search-state h3{font-size:19px}
  .server-found-heading h3{font-size:20px}
  .server-found-details{width:100%}
}


/* ==================================================
   THEME TOGGLE + LIGHT MODE
================================================== */
.theme-toggle{
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  padding:0;
  border:2px solid rgba(255,255,255,.88);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  color:#fff;
  box-shadow:0 10px 28px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05);
  transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease;
  z-index:4;
}
.theme-toggle:hover{
  transform:translateY(-50%) scale(1.04);
  background:rgba(255,255,255,.075);
  box-shadow:0 12px 34px rgba(0,0,0,.24),0 0 22px rgba(139,104,255,.14);
}
.theme-toggle:active{transform:translateY(-50%) scale(.97)}
.theme-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.theme-icon-moon{fill:currentColor;stroke:currentColor}
.theme-icon-sun{display:none}

html[data-theme="light"]{
  color-scheme:light;
  --bg:#f7f8fc;
  --bg-2:#f1f3f9;
  --card:#ffffff;
  --card-2:#f7f8fc;
  --line:rgba(23,25,35,.09);
  --line-strong:rgba(23,25,35,.15);
  --text:#171923;
  --muted:#6e7482;
  --accent:#7555f3;
  --accent-2:#8d73f7;
  --accent-soft:rgba(117,85,243,.09);
  --good:#239b70;
  --danger:#df5065;
  --shadow:0 24px 72px rgba(42,45,65,.12);
  --shadow-soft:0 14px 38px rgba(42,45,65,.09);
}
html[data-theme="light"] body{
  background:
    radial-gradient(circle at 15% -5%,rgba(117,85,243,.11),transparent 31rem),
    radial-gradient(circle at 90% 26%,rgba(139,104,255,.055),transparent 26rem),
    linear-gradient(180deg,#ffffff 0%,#f7f8fc 48%,#f3f5fa 100%);
  color:var(--text);
}
html[data-theme="light"] body:before{
  background-image:
    linear-gradient(rgba(31,34,47,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(31,34,47,.035) 1px,transparent 1px);
}
html[data-theme="light"] .site-noise{opacity:.018}
html[data-theme="light"] .orb-1{background:rgba(117,85,243,.09)}
html[data-theme="light"] .orb-2{background:rgba(70,107,255,.05)}

html[data-theme="light"] .nav-wrap{
  background:rgba(255,255,255,.82);
  border-bottom-color:rgba(23,25,35,.08);
  box-shadow:0 9px 30px rgba(32,35,49,.055);
}
html[data-theme="light"] .nav-links{
  border-color:rgba(23,25,35,.08);
  background:rgba(255,255,255,.74);
  box-shadow:inset 0 1px rgba(255,255,255,.8),0 12px 30px rgba(42,45,65,.07);
}
html[data-theme="light"] .nav-links a{color:#717685}
html[data-theme="light"] .nav-links a:hover{color:#171923;background:rgba(23,25,35,.045)}
html[data-theme="light"] .nav-links a.active{
  color:#2f235e;
  background:linear-gradient(180deg,rgba(117,85,243,.12),rgba(117,85,243,.065));
  box-shadow:inset 0 0 0 1px rgba(117,85,243,.12),0 7px 18px rgba(77,55,166,.08);
}
html[data-theme="light"] .theme-toggle{
  border-color:rgba(27,29,39,.86);
  background:#fff;
  color:#f0a51d;
  box-shadow:0 9px 24px rgba(42,45,65,.11),inset 0 1px rgba(255,255,255,.8);
}
html[data-theme="light"] .theme-toggle:hover{background:#fff9ec;box-shadow:0 12px 30px rgba(42,45,65,.13),0 0 20px rgba(240,165,29,.14)}
html[data-theme="light"] .theme-icon-moon{display:none}
html[data-theme="light"] .theme-icon-sun{display:block}

html[data-theme="light"] .hero h1 em{
  background:linear-gradient(95deg,#171923 3%,#5a477f 47%,#7656f0 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
html[data-theme="light"] .hero-copy{color:#676d7a}
html[data-theme="light"] .eyebrow{background:rgba(117,85,243,.06);border-color:rgba(117,85,243,.15);color:#6d6878}
html[data-theme="light"] .text-btn{background:#fff;border-color:rgba(23,25,35,.09);color:#5c6270;box-shadow:0 8px 22px rgba(42,45,65,.055)}
html[data-theme="light"] .text-btn:hover{background:#f5f6fa}
html[data-theme="light"] .hero-trust-row{color:#6f7582}
html[data-theme="light"] .hero-showcase{
  border-color:rgba(23,25,35,.09);
  background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(248,249,253,.97) 52%,rgba(117,85,243,.045));
  box-shadow:0 30px 80px rgba(42,45,65,.12),inset 0 1px #fff;
}
html[data-theme="light"] .hero-showcase:before{background:linear-gradient(115deg,rgba(255,255,255,.7),transparent 25%,transparent 78%,rgba(117,85,243,.035))}
html[data-theme="light"] .showcase-stack{border-color:rgba(23,25,35,.07);background:rgba(239,241,247,.64)}
html[data-theme="light"] .showcase-trade-row{background:linear-gradient(180deg,#fff,#f7f8fb)}
html[data-theme="light"] .showcase-trade-row strong{color:#252834}
html[data-theme="light"] .showcase-trade-row small,html[data-theme="light"] .showcase-step{color:#7b8190}
html[data-theme="light"] .showcase-separator span{background:linear-gradient(90deg,transparent,rgba(23,25,35,.10),transparent)}
html[data-theme="light"] .showcase-separator b{border-color:rgba(23,25,35,.08);background:#fff;color:#6e7482}
html[data-theme="light"] .showcase-meter{border-color:rgba(23,25,35,.07);background:rgba(255,255,255,.72)}
html[data-theme="light"] .showcase-meter-top{color:#6f7583}
html[data-theme="light"] .showcase-foot{color:#6f7583}

html[data-theme="light"] .stats,
html[data-theme="light"] .trade-preview,
html[data-theme="light"] .trade-meter-card,
html[data-theme="light"] .spin-reel-card,
html[data-theme="light"] .spin-panel,
html[data-theme="light"] .step-card,
html[data-theme="light"] details{
  border-color:rgba(23,25,35,.09)!important;
  background:#fff!important;
  box-shadow:0 18px 50px rgba(42,45,65,.07)!important;
}
html[data-theme="light"] .stats span,
html[data-theme="light"] .preview-total-label,
html[data-theme="light"] .preview-count,
html[data-theme="light"] .trade-meter-copy span,
html[data-theme="light"] .spin-panel>p,
html[data-theme="light"] .step-card p,
html[data-theme="light"] details p{color:#747a88!important}
html[data-theme="light"] .preview-total,html[data-theme="light"] .preview-head strong{color:#222530}
html[data-theme="light"] .preview-side+ .preview-center{border-color:rgba(23,25,35,.07)}
html[data-theme="light"] .preview-center{background:#f6f7fb}
html[data-theme="light"] .preview-center span{color:#7d8390}
html[data-theme="light"] .preview-swap{background:#fff;border-color:rgba(23,25,35,.10);color:#7455ef}
html[data-theme="light"] .preview-slot{
  border-color:rgba(23,25,35,.09)!important;
  background:linear-gradient(180deg,#fff,#f7f8fb)!important;
  box-shadow:none!important;
}
html[data-theme="light"] .preview-slot.empty:hover{background:#f7f5ff!important;border-color:rgba(117,85,243,.25)!important}
html[data-theme="light"] .preview-slot .slot-name{color:#292c37}
html[data-theme="light"] .preview-slot .slot-edit,html[data-theme="light"] .preview-slot .slot-remove{background:rgba(255,255,255,.92);border-color:rgba(23,25,35,.10);color:#626875}
html[data-theme="light"] .trade-meter-card{background:linear-gradient(145deg,#fff,#f8f9fc)!important}
html[data-theme="light"] .trade-meter-top{color:#747a88}
html[data-theme="light"] .trade-meter-copy strong{color:#292c37}
html[data-theme="light"] .trade-meter-track-wrap{background:#eef0f5}
html[data-theme="light"] .trade-meter-badge{background:#fff;color:#30333d;border-color:rgba(23,25,35,.10);box-shadow:0 7px 18px rgba(42,45,65,.11)}

html[data-theme="light"] .spin-section{background:linear-gradient(180deg,rgba(244,246,251,.88),rgba(255,255,255,.75))}
html[data-theme="light"] .spin-strip-shell{background:#f3f5f9!important;border-color:rgba(23,25,35,.08)!important}
html[data-theme="light"] .spin-strip-item{background:linear-gradient(180deg,#fff,#f7f8fb)!important;border-color:rgba(23,25,35,.08)!important;box-shadow:0 12px 28px rgba(42,45,65,.07)!important}
html[data-theme="light"] .spin-strip-item strong{color:#262935}
html[data-theme="light"] .spin-reel-header,html[data-theme="light"] .spin-strip-item small{color:#747a88}
html[data-theme="light"] .promo-code-box{background:linear-gradient(145deg,rgba(117,85,243,.055),#fff);border-color:rgba(117,85,243,.15)}
html[data-theme="light"] .promo-code-form input{background:#fff;color:#20232e;border-color:rgba(23,25,35,.11)}
html[data-theme="light"] .promo-code-form input:focus{background:#fff}
html[data-theme="light"] .promo-code-status{color:#6f7583}

html[data-theme="light"] .how-section{background:radial-gradient(circle at 15% 40%,rgba(117,85,243,.06),transparent 25rem)}
html[data-theme="light"] .step-card>span{background:rgba(117,85,243,.065);border-color:rgba(117,85,243,.14);color:#7656f0}
html[data-theme="light"] details[open]{background:linear-gradient(150deg,rgba(117,85,243,.035),#fff)!important;border-color:rgba(117,85,243,.14)!important}
html[data-theme="light"] summary span{background:#f2f3f7;color:#5d6370}

html[data-theme="light"] footer{background:#f5f6fa;border-color:rgba(23,25,35,.08)}
html[data-theme="light"] .footer-inner .brand{color:#222530}
html[data-theme="light"] .footer-inner{color:#717785}

html[data-theme="light"] .weapon-picker-backdrop,
html[data-theme="light"] .modal-backdrop{background:rgba(43,46,58,.32)}
html[data-theme="light"] .weapon-picker,
html[data-theme="light"] .weapon-confirm-card,
html[data-theme="light"] .username-modal{
  background:linear-gradient(160deg,#fff,#f6f7fb)!important;
  border-color:rgba(23,25,35,.10)!important;
  box-shadow:0 34px 100px rgba(42,45,65,.20)!important;
}
html[data-theme="light"] .weapon-picker-close,
html[data-theme="light"] .weapon-confirm-close,
html[data-theme="light"] .username-modal-close,
html[data-theme="light"] .server-flow-close{background:#f3f4f7!important;border-color:rgba(23,25,35,.09)!important;color:#555b68!important}
html[data-theme="light"] .picker-item{background:#fff;border-color:rgba(23,25,35,.08)}
html[data-theme="light"] .picker-item:hover{background:#f7f5ff;border-color:rgba(117,85,243,.25)}
html[data-theme="light"] .picker-item-meta strong,html[data-theme="light"] .weapon-confirm-info h4{color:#252833}
html[data-theme="light"] .picker-item-meta span,html[data-theme="light"] .weapon-confirm-value{color:#747a88}
html[data-theme="light"] .search-box,html[data-theme="light"] .username-input-wrap{background:#f6f7fa;border-color:rgba(23,25,35,.10)}
html[data-theme="light"] .search-box input,html[data-theme="light"] .username-input-wrap input{color:#222530}
html[data-theme="light"] .roblox-profile-result{background:#f7f8fb;border-color:rgba(23,25,35,.08)}
html[data-theme="light"] .roblox-profile-name{color:#262935}

html[data-theme="light"] .server-flow-card{
  border-color:rgba(23,25,35,.10);
  background:radial-gradient(circle at 50% -18%,rgba(117,85,243,.08),transparent 34%),linear-gradient(160deg,#fff 0%,#f7f8fc 72%,#f2f4f9 100%);
  box-shadow:0 30px 90px rgba(42,45,65,.20),inset 0 1px #fff;
}
html[data-theme="light"] .server-search-state h3,
html[data-theme="light"] .server-found-heading h3,
html[data-theme="light"] .server-found-ticket{color:#272a35}
html[data-theme="light"] .server-ticket,html[data-theme="light"] .server-room-meta,html[data-theme="light"] .server-trade-line{color:#747a88}
html[data-theme="light"] .server-found-check{border-color:#333743;color:#333743}
html[data-theme="light"] .server-room-meta b{color:#555c69}
html[data-theme="light"] .server-trade-item b{background:#fff;color:#292c37;border-color:rgba(23,25,35,.12);box-shadow:0 3px 8px rgba(42,45,65,.10)}

@media (max-width:760px){
  .theme-toggle{right:0;width:40px;height:40px;border-width:1.5px}
  .theme-icon{width:19px;height:19px}
  html[data-theme="light"] .nav-links{
    background:rgba(255,255,255,.94)!important;
    border-color:rgba(23,25,35,.10)!important;
    box-shadow:0 18px 48px rgba(42,45,65,.16),inset 0 1px rgba(255,255,255,.85)!important;
  }
}


.username-privacy-note{
  margin:8px 2px 0;
  font-size:11px;
  line-height:1.45;
  color:var(--text-muted, #8d91a0);
}


/* ==================================================
   THEME REFRESH: BLACK + RED DARK MODE / PINK + WHITE LIGHT MODE
   Added smoother transitions and cleaner hand-made feeling.
================================================== */
:root{
  --accent:#ff3b4d;
  --accent-2:#ff6b77;
  --shadow:0 24px 80px rgba(0,0,0,.52);
}

body{
  background:
    radial-gradient(circle at 50% -10%,rgba(255,59,77,.12),transparent 28%),
    radial-gradient(circle at 85% 14%,rgba(255,100,122,.06),transparent 24%),
    linear-gradient(180deg,#070708 0%,#09090b 44%,#08080a 100%);
}

.orb-1{background:rgba(255,59,77,.12)!important}
.orb-2{background:rgba(255,91,109,.07)!important}

.nav-wrap{
  background:rgba(7,7,8,.82);
  border-bottom-color:rgba(255,255,255,.06);
}
.nav-links a.active{
  color:#fff;
  background:linear-gradient(180deg,rgba(255,59,77,.18),rgba(255,59,77,.08));
  box-shadow:inset 0 0 0 1px rgba(255,59,77,.18),0 10px 26px rgba(255,59,77,.10);
}

.primary-btn{
  background:linear-gradient(180deg,#ff5868,#e12c3d)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 12px 34px rgba(225,44,61,.26),inset 0 1px rgba(255,255,255,.22)!important;
}
.primary-btn:hover{
  background:linear-gradient(180deg,#ff6877,#d92638)!important;
}

.eyebrow span,
.status-dot{
  background:var(--accent)!important;
  box-shadow:0 0 18px rgba(255,59,77,.50)!important;
}

.hero h1 em{
  background:linear-gradient(90deg,#ffffff 0%,#ffb7c0 52%,#ff495c 100%)!important;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.hero-showcase,
.trade-preview{
  background:
    radial-gradient(circle at 18% 0%,rgba(255,59,77,.08),transparent 31%),
    linear-gradient(180deg,rgba(16,16,18,.96),rgba(10,10,12,.98))!important;
}

.showcase-meter-fill,
.trade-meter-fill{
  background:linear-gradient(90deg,#ff6a77,#ff3348)!important;
}

.showcase-trade-row,
.showcase-stack,
.value-pill,
.trade-footer,
.trade-meter-card,
.spin-reel-card,
.spin-panel,
.step-card,
details,
.weapon-picker,
.weapon-confirm-card,
.username-modal,
.server-flow-card{
  box-shadow:0 18px 50px rgba(0,0,0,.26)!important;
}

.showcase-separator b,
.preview-swap{
  color:#ff818d!important;
}

.item:hover,
.picker-item:hover{
  border-color:rgba(255,59,77,.42)!important;
  transform:translateY(-1px);
}
.item.selected{
  border-color:rgba(255,59,77,.68)!important;
  box-shadow:0 0 0 1px rgba(255,59,77,.12),0 12px 26px rgba(0,0,0,.22)!important;
  background:linear-gradient(180deg,rgba(255,59,77,.13),#101116)!important;
}

.trade-preview .preview-slot.empty:hover{
  border-color:rgba(255,59,77,.52)!important;
  background:linear-gradient(180deg,rgba(255,59,77,.09),#090a0d)!important;
}
.slot-plus{
  color:#ff8c96!important;
}
.preview-slot.filled{
  border-color:rgba(255,59,77,.42)!important;
}
.preview-slot.filled:hover{
  border-color:rgba(255,116,128,.76)!important;
}
.preview-swap{
  color:#ff8b97!important;
}

.spin-section{
  background:
    radial-gradient(circle at 12% 14%,rgba(255,59,77,.07),transparent 26rem),
    linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,0))!important;
}
.promo-code-box{
  background:linear-gradient(145deg,rgba(255,59,77,.085),rgba(16,16,18,.96))!important;
  border-color:rgba(255,59,77,.16)!important;
}
.promo-code-form input:focus,
.search-box:focus-within,
.username-input-wrap:focus-within{
  border-color:rgba(255,59,77,.45)!important;
  box-shadow:0 0 0 4px rgba(255,59,77,.10)!important;
}

.step-card:after{
  background:radial-gradient(circle,rgba(255,59,77,.18),transparent 62%)!important;
}
details[open]{
  border-color:rgba(255,59,77,.15)!important;
  background:linear-gradient(150deg,rgba(255,59,77,.03),rgba(255,255,255,0))!important;
}

.theme-toggle{
  background:#ffffff!important;
  color:#111214!important;
  border-color:rgba(255,255,255,.94)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.26),0 0 18px rgba(255,59,77,.10)!important;
}
.theme-toggle:hover{
  background:#ffffff!important;
  color:#e23345!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28),0 0 22px rgba(255,59,77,.18)!important;
}

html[data-theme="light"]{
  --bg:#fff8fb;
  --bg-2:#fff2f7;
  --card:#ffffff;
  --card-2:#fff9fc;
  --line:rgba(51,34,45,.10);
  --line-strong:rgba(51,34,45,.16);
  --text:#231821;
  --muted:#7f6e79;
  --accent:#ff5fa3;
  --accent-2:#ff8dc0;
  --accent-soft:rgba(255,95,163,.09);
  --good:#239b70;
  --danger:#df5065;
  --shadow:0 24px 72px rgba(77,47,64,.12);
  --shadow-soft:0 14px 38px rgba(77,47,64,.10);
}

html[data-theme="light"] body{
  background:
    radial-gradient(circle at 12% -8%,rgba(255,110,181,.16),transparent 28rem),
    radial-gradient(circle at 88% 22%,rgba(255,182,212,.20),transparent 24rem),
    linear-gradient(180deg,#ffffff 0%,#fff8fb 48%,#fff2f7 100%)!important;
  color:var(--text);
}
html[data-theme="light"] .orb-1{background:rgba(255,104,176,.11)!important}
html[data-theme="light"] .orb-2{background:rgba(255,170,205,.11)!important}

html[data-theme="light"] .nav-wrap{
  background:rgba(255,255,255,.84)!important;
  border-bottom-color:rgba(51,34,45,.08)!important;
  box-shadow:0 9px 30px rgba(77,47,64,.06)!important;
}
html[data-theme="light"] .nav-links a{color:#836f7b}
html[data-theme="light"] .nav-links a:hover{color:#2d1f29;background:rgba(255,95,163,.08)}
html[data-theme="light"] .nav-links a.active{
  color:#9f2f68!important;
  background:linear-gradient(180deg,rgba(255,95,163,.14),rgba(255,95,163,.07))!important;
  box-shadow:inset 0 0 0 1px rgba(255,95,163,.16),0 8px 18px rgba(255,95,163,.12)!important;
}

html[data-theme="light"] .theme-toggle{
  background:#fff!important;
  color:#ff5fa3!important;
  border-color:rgba(255,255,255,.98)!important;
  box-shadow:0 10px 24px rgba(77,47,64,.12),0 0 18px rgba(255,95,163,.10)!important;
}
html[data-theme="light"] .theme-toggle:hover{
  background:#fff7fb!important;
  color:#ff4f99!important;
  box-shadow:0 14px 30px rgba(77,47,64,.14),0 0 24px rgba(255,95,163,.16)!important;
}

html[data-theme="light"] .hero h1 em{
  background:linear-gradient(95deg,#2a1c26 3%,#ca4c8c 48%,#ff69ad 100%)!important;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
html[data-theme="light"] .eyebrow{
  background:rgba(255,95,163,.06)!important;
  border-color:rgba(255,95,163,.16)!important;
  color:#8a6075!important;
}
html[data-theme="light"] .text-btn{
  background:#fff!important;
  border-color:rgba(51,34,45,.08)!important;
  color:#6e5d67!important;
  box-shadow:0 8px 22px rgba(77,47,64,.06)!important;
}
html[data-theme="light"] .text-btn:hover{background:#fff4f9!important}
html[data-theme="light"] .hero-copy,
html[data-theme="light"] .hero-trust-row{color:#7f6d78!important}

html[data-theme="light"] .hero-showcase{
  border-color:rgba(51,34,45,.08)!important;
  background:linear-gradient(155deg,#ffffff, #fff8fb 54%, rgba(255,95,163,.06))!important;
  box-shadow:0 30px 80px rgba(77,47,64,.12),inset 0 1px #fff!important;
}
html[data-theme="light"] .hero-showcase:before{
  background:linear-gradient(115deg,rgba(255,255,255,.8),transparent 25%,transparent 78%,rgba(255,95,163,.04))!important;
}
html[data-theme="light"] .showcase-stack{border-color:rgba(51,34,45,.06)!important;background:rgba(255,242,248,.84)!important}
html[data-theme="light"] .showcase-trade-row{background:linear-gradient(180deg,#fff,#fff8fb)!important}
html[data-theme="light"] .showcase-trade-row strong{color:#2b1f28!important}
html[data-theme="light"] .showcase-trade-row small,
html[data-theme="light"] .showcase-step,
html[data-theme="light"] .showcase-meter-top,
html[data-theme="light"] .showcase-foot{color:#8a7480!important}
html[data-theme="light"] .showcase-separator span{background:linear-gradient(90deg,transparent,rgba(51,34,45,.10),transparent)!important}
html[data-theme="light"] .showcase-separator b{
  border-color:rgba(51,34,45,.08)!important;
  background:#fff!important;
  color:#8a7480!important;
}
html[data-theme="light"] .showcase-meter{border-color:rgba(51,34,45,.07)!important;background:rgba(255,255,255,.8)!important}

html[data-theme="light"] .stats,
html[data-theme="light"] .trade-preview,
html[data-theme="light"] .trade-meter-card,
html[data-theme="light"] .spin-reel-card,
html[data-theme="light"] .spin-panel,
html[data-theme="light"] .step-card,
html[data-theme="light"] details{
  border-color:rgba(51,34,45,.08)!important;
  background:#fff!important;
  box-shadow:0 18px 50px rgba(77,47,64,.08)!important;
}
html[data-theme="light"] .stats span,
html[data-theme="light"] .preview-total-label,
html[data-theme="light"] .preview-count,
html[data-theme="light"] .trade-meter-copy span,
html[data-theme="light"] .spin-panel>p,
html[data-theme="light"] .step-card p,
html[data-theme="light"] details p{color:#8a7480!important}
html[data-theme="light"] .preview-total,
html[data-theme="light"] .preview-head strong,
html[data-theme="light"] .trade-meter-copy strong,
html[data-theme="light"] .spin-strip-item strong,
html[data-theme="light"] .roblox-profile-name,
html[data-theme="light"] .picker-item-meta strong,
html[data-theme="light"] .weapon-confirm-info h4{
  color:#2b1f28!important;
}
html[data-theme="light"] .preview-center{background:#fff5f9!important}
html[data-theme="light"] .preview-center span{color:#957985!important}
html[data-theme="light"] .preview-swap{
  background:#fff!important;
  border-color:rgba(51,34,45,.08)!important;
  color:#ff5fa3!important;
}
html[data-theme="light"] .preview-slot{
  border-color:rgba(51,34,45,.08)!important;
  background:linear-gradient(180deg,#fff,#fff7fb)!important;
}
html[data-theme="light"] .preview-slot.empty:hover{
  background:#fff1f7!important;
  border-color:rgba(255,95,163,.25)!important;
}
html[data-theme="light"] .preview-slot .slot-edit,
html[data-theme="light"] .preview-slot .slot-remove{
  background:rgba(255,255,255,.94)!important;
  border-color:rgba(51,34,45,.10)!important;
  color:#75636d!important;
}
html[data-theme="light"] .trade-meter-track-wrap{background:#fde7f0!important}
html[data-theme="light"] .trade-meter-badge{
  background:#fff!important;
  color:#3a2832!important;
  border-color:rgba(51,34,45,.10)!important;
  box-shadow:0 7px 18px rgba(77,47,64,.10)!important;
}

html[data-theme="light"] .spin-section{
  background:
    radial-gradient(circle at 15% 18%,rgba(255,95,163,.09),transparent 28rem),
    linear-gradient(180deg,rgba(255,248,251,.95),rgba(255,255,255,.76))!important;
}
html[data-theme="light"] .spin-strip-shell{
  background:#fff1f7!important;
  border-color:rgba(51,34,45,.08)!important;
}
html[data-theme="light"] .spin-strip-item{
  background:linear-gradient(180deg,#fff,#fff8fb)!important;
  border-color:rgba(51,34,45,.08)!important;
  box-shadow:0 12px 28px rgba(77,47,64,.07)!important;
}
html[data-theme="light"] .spin-reel-header,
html[data-theme="light"] .spin-strip-item small,
html[data-theme="light"] .picker-item-meta span,
html[data-theme="light"] .weapon-confirm-value,
html[data-theme="light"] .promo-code-status{color:#8a7480!important}
html[data-theme="light"] .promo-code-box{
  background:linear-gradient(145deg,rgba(255,95,163,.07),#fff)!important;
  border-color:rgba(255,95,163,.16)!important;
}
html[data-theme="light"] .promo-code-form input{
  background:#fff!important;
  color:#2b1f28!important;
  border-color:rgba(51,34,45,.10)!important;
}
html[data-theme="light"] .promo-code-form input:focus{background:#fff!important}

html[data-theme="light"] .how-section{
  background:radial-gradient(circle at 15% 40%,rgba(255,95,163,.055),transparent 25rem)!important;
}
html[data-theme="light"] .step-card>span{
  background:rgba(255,95,163,.065)!important;
  border-color:rgba(255,95,163,.14)!important;
  color:#d24384!important;
}
html[data-theme="light"] details[open]{
  background:linear-gradient(150deg,rgba(255,95,163,.035),#fff)!important;
  border-color:rgba(255,95,163,.14)!important;
}
html[data-theme="light"] summary span{background:#fff0f6!important;color:#8c6a7a!important}

html[data-theme="light"] footer{
  background:#fff5f9!important;
  border-color:rgba(51,34,45,.08)!important;
}
html[data-theme="light"] .footer-inner .brand{color:#2b1f28!important}
html[data-theme="light"] .footer-inner{color:#866f7b!important}

html[data-theme="light"] .weapon-picker-backdrop,
html[data-theme="light"] .modal-backdrop{background:rgba(77,47,64,.28)!important}
html[data-theme="light"] .weapon-picker,
html[data-theme="light"] .weapon-confirm-card,
html[data-theme="light"] .username-modal{
  background:linear-gradient(160deg,#fff,#fff7fb)!important;
  border-color:rgba(51,34,45,.09)!important;
  box-shadow:0 34px 100px rgba(77,47,64,.18)!important;
}
html[data-theme="light"] .weapon-picker-close,
html[data-theme="light"] .weapon-confirm-close,
html[data-theme="light"] .username-modal-close,
html[data-theme="light"] .server-flow-close{
  background:#fff2f7!important;
  border-color:rgba(51,34,45,.09)!important;
  color:#735f6a!important;
}
html[data-theme="light"] .picker-item{background:#fff!important;border-color:rgba(51,34,45,.08)!important}
html[data-theme="light"] .picker-item:hover{background:#fff1f7!important;border-color:rgba(255,95,163,.24)!important}
html[data-theme="light"] .search-box,
html[data-theme="light"] .username-input-wrap{
  background:#fff6fa!important;
  border-color:rgba(51,34,45,.10)!important;
}
html[data-theme="light"] .search-box input,
html[data-theme="light"] .username-input-wrap input{color:#2b1f28!important}
html[data-theme="light"] .roblox-profile-result{
  background:#fff7fb!important;
  border-color:rgba(51,34,45,.08)!important;
}

html[data-theme="light"] .server-flow-card{
  border-color:rgba(51,34,45,.09)!important;
  background:
    radial-gradient(circle at 50% -18%,rgba(255,95,163,.08),transparent 34%),
    linear-gradient(160deg,#fff 0%,#fff8fb 72%,#fff1f7 100%)!important;
  box-shadow:0 30px 90px rgba(77,47,64,.18),inset 0 1px #fff!important;
}
html[data-theme="light"] .server-search-state h3,
html[data-theme="light"] .server-found-heading h3,
html[data-theme="light"] .server-found-ticket{color:#2d2029!important}
html[data-theme="light"] .server-ticket,
html[data-theme="light"] .server-room-meta,
html[data-theme="light"] .server-trade-line{color:#8a7480!important}
html[data-theme="light"] .server-found-check{border-color:#41303a!important;color:#41303a!important}
html[data-theme="light"] .server-room-meta b{color:#715f69!important}
html[data-theme="light"] .server-trade-item b{
  background:#fff!important;
  color:#2c2029!important;
  border-color:rgba(51,34,45,.10)!important;
  box-shadow:0 3px 8px rgba(77,47,64,.10)!important;
}

/* Smoothen theme switching */
body,
.nav-wrap,
.nav-links a,
.primary-btn,
.ghost-btn,
.text-btn,
.theme-toggle,
.hero-showcase,
.stats,
.trade-preview,
.trade-meter-card,
.spin-reel-card,
.spin-panel,
.step-card,
details,
footer,
.weapon-picker,
.weapon-confirm-card,
.username-modal,
.server-flow-card,
.preview-slot,
.item,
.picker-item,
.promo-code-box,
.search-box,
.username-input-wrap{
  transition:
    background-color .26s ease,
    background .26s ease,
    color .26s ease,
    border-color .26s ease,
    box-shadow .26s ease,
    transform .2s ease;
}

@media (prefers-reduced-motion: reduce){
  body,
  .nav-wrap,
  .nav-links a,
  .primary-btn,
  .ghost-btn,
  .text-btn,
  .theme-toggle,
  .hero-showcase,
  .stats,
  .trade-preview,
  .trade-meter-card,
  .spin-reel-card,
  .spin-panel,
  .step-card,
  details,
  footer,
  .weapon-picker,
  .weapon-confirm-card,
  .username-modal,
  .server-flow-card,
  .preview-slot,
  .item,
  .picker-item,
  .promo-code-box,
  .search-box,
  .username-input-wrap{
    transition:none!important;
  }
}

/* ==================================================
   HOTFIX: remove hero gradient block + smoother black/red and pink/white themes
================================================== */
.hero h1 em{
  display:inline-block;
  -webkit-text-fill-color:transparent;
  background-size:100% 100%;
}

/* Dark mode: actual black, smoother background, red text accents */
body{
  background:
    radial-gradient(circle at 18% -8%, rgba(255,58,76,.14), transparent 26rem),
    radial-gradient(circle at 86% 18%, rgba(255,58,76,.06), transparent 20rem),
    linear-gradient(180deg, #000000 0%, #030303 52%, #000000 100%) !important;
}
body:before,
.site-noise{
  display:none !important;
}
::selection{background:rgba(255,58,76,.35);color:#fff}

.eyebrow,
.mini-label,
.section-heading h2,
.section-copy h2,
.panel-top h3,
.spin-panel h3,
.step-card h3,
.username-modal h3,
.server-search-state h3,
.server-found-heading h3,
.faq-section summary{
  color:#ff4d5e !important;
}

.hero h1{
  color:#ffffff !important;
}
.hero h1 em{
  background:linear-gradient(90deg,#ffffff 0%, #ff9aa4 38%, #ff4d5e 100%) !important;
  -webkit-background-clip:text;
  background-clip:text;
}
.hero-copy,
.trade-meter-copy span,
.spin-panel>p,
.step-card p,
details p,
.footer-inner,
.nav-links a,
.showcase-trade-row small,
.showcase-foot,
.preview-sub,
.preview-count,
.preview-total-label{
  color:#b8b8be !important;
}
.nav-links a.active,
.nav-links a:hover,
.preview-swap,
.showcase-separator b,
.showcase-meter-top strong,
.theme-toggle:hover{
  color:#ff4d5e !important;
}
.primary-btn{
  background:linear-gradient(180deg,#ff5a6a,#dc2338) !important;
}
.primary-btn:hover{
  background:linear-gradient(180deg,#ff6b78,#c91b30) !important;
}
.theme-toggle{
  background:#fff !important;
  color:#111 !important;
  border-color:#fff !important;
}

/* Light mode: pink/white, use requested pink #ffb7c5 */
html[data-theme="light"]{
  --accent:#ffb7c5;
  --accent-2:#ffb7c5;
  --accent-soft:rgba(255,183,197,.14);
  --text:#b56f81;
  --muted:#c58898;
}
html[data-theme="light"] body{
  background:
    radial-gradient(circle at 12% -10%, rgba(255,183,197,.32), transparent 26rem),
    radial-gradient(circle at 88% 22%, rgba(255,183,197,.20), transparent 22rem),
    linear-gradient(180deg,#ffffff 0%, #fff8fa 54%, #fff4f7 100%) !important;
}
html[data-theme="light"] body:before,
html[data-theme="light"] .site-noise{
  display:none !important;
}
html[data-theme="light"] .hero h1,
html[data-theme="light"] .section-heading h2,
html[data-theme="light"] .section-copy h2,
html[data-theme="light"] .panel-top h3,
html[data-theme="light"] .spin-panel h3,
html[data-theme="light"] .step-card h3,
html[data-theme="light"] .username-modal h3,
html[data-theme="light"] .server-search-state h3,
html[data-theme="light"] .server-found-heading h3,
html[data-theme="light"] .faq-section summary,
html[data-theme="light"] .nav-links a,
html[data-theme="light"] .brand,
html[data-theme="light"] .preview-head strong,
html[data-theme="light"] .trade-meter-copy strong,
html[data-theme="light"] .spin-strip-item strong{
  color:#d8899d !important;
}
html[data-theme="light"] .hero h1 em{
  background:linear-gradient(90deg,#a8566f 0%, #ffb7c5 55%, #ee92aa 100%) !important;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
html[data-theme="light"] .hero-copy,
html[data-theme="light"] .trade-meter-copy span,
html[data-theme="light"] .spin-panel>p,
html[data-theme="light"] .step-card p,
html[data-theme="light"] details p,
html[data-theme="light"] .footer-inner,
html[data-theme="light"] .showcase-trade-row small,
html[data-theme="light"] .showcase-foot,
html[data-theme="light"] .preview-sub,
html[data-theme="light"] .preview-count,
html[data-theme="light"] .preview-total-label,
html[data-theme="light"] .nav-links a:hover{
  color:#c98a9a !important;
}
html[data-theme="light"] .nav-links a.active,
html[data-theme="light"] .preview-swap,
html[data-theme="light"] .showcase-separator b,
html[data-theme="light"] .showcase-meter-top strong,
html[data-theme="light"] .theme-toggle,
html[data-theme="light"] .theme-toggle:hover{
  color:#d97f96 !important;
}
html[data-theme="light"] .primary-btn{
  background:linear-gradient(180deg,#ffb7c5,#f292a7) !important;
  color:#ffffff !important;
}
html[data-theme="light"] .primary-btn:hover{
  background:linear-gradient(180deg,#ffbfd0,#ec89a0) !important;
}
html[data-theme="light"] .eyebrow span,
html[data-theme="light"] .status-dot{
  background:#ffb7c5 !important;
  box-shadow:0 0 18px rgba(255,183,197,.75) !important;
}
html[data-theme="light"] ::selection{background:rgba(255,183,197,.55);color:#6e3346}


/* ==================================================
   HERO TEXT FIX — remove accidental gradient rectangles
================================================== */
.hero h1 em{
  display:inline !important;
  background:none !important;
  background-image:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  -webkit-text-fill-color:currentColor !important;
  color:#ff4d5e !important;
}

html[data-theme="light"] .hero h1 em{
  background:none !important;
  background-image:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  -webkit-text-fill-color:currentColor !important;
  color:#d8899d !important;
}


/* ==================================================
   DARK MODE RESTORE — original purple palette
   Light mode remains the current pink/white theme.
================================================== */
html:not([data-theme="light"]){
  --bg:#060609;
  --bg-2:#0a0a10;
  --card:#0d0d14;
  --card-2:#11111a;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.14);
  --text:#f8f7ff;
  --muted:#8f91a3;
  --accent:#8b68ff;
  --accent-2:#c2b3ff;
  --accent-soft:rgba(139,104,255,.12);
  --good:#69e4b0;
  --danger:#ff7e91;
  --shadow:0 28px 90px rgba(0,0,0,.46);
  --shadow-soft:0 16px 50px rgba(0,0,0,.28);
}

html:not([data-theme="light"]) body{
  background:
    radial-gradient(circle at 15% -5%,rgba(111,76,255,.18),transparent 31rem),
    radial-gradient(circle at 90% 26%,rgba(139,104,255,.085),transparent 26rem),
    linear-gradient(180deg,#07070b 0%,#060609 48%,#090910 100%) !important;
  color:var(--text);
}

/* Keep the background smooth — no grid/noise. */
html:not([data-theme="light"]) body:before,
html:not([data-theme="light"]) .site-noise{
  display:none !important;
}

html:not([data-theme="light"]) ::selection{
  background:rgba(139,104,255,.34);
  color:#fff;
}

html:not([data-theme="light"]) .nav-wrap{
  background:rgba(7,7,11,.72) !important;
  border-bottom-color:rgba(255,255,255,.055) !important;
  box-shadow:none !important;
}

html:not([data-theme="light"]) .nav-links{
  border-color:rgba(255,255,255,.07) !important;
  background:rgba(255,255,255,.025) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.03),0 14px 34px rgba(0,0,0,.18) !important;
}

html:not([data-theme="light"]) .nav-links a{
  color:#858797 !important;
}
html:not([data-theme="light"]) .nav-links a:hover{
  color:#fff !important;
  background:rgba(255,255,255,.045) !important;
}
html:not([data-theme="light"]) .nav-links a.active{
  color:#fff !important;
  background:linear-gradient(180deg,rgba(139,104,255,.20),rgba(139,104,255,.10)) !important;
  box-shadow:inset 0 0 0 1px rgba(139,104,255,.18),0 7px 20px rgba(67,41,164,.13) !important;
}

html:not([data-theme="light"]) .eyebrow{
  color:#aaa6bb !important;
  background:rgba(139,104,255,.055) !important;
  border-color:rgba(139,104,255,.16) !important;
}
html:not([data-theme="light"]) .eyebrow span{
  background:#8b68ff !important;
  box-shadow:0 0 18px rgba(139,104,255,.62) !important;
}

html:not([data-theme="light"]) .mini-label{
  color:#a6adba !important;
}

html:not([data-theme="light"]) .hero h1,
html:not([data-theme="light"]) .section-heading h2,
html:not([data-theme="light"]) .section-copy h2,
html:not([data-theme="light"]) .panel-top h3,
html:not([data-theme="light"]) .spin-panel h3,
html:not([data-theme="light"]) .step-card h3,
html:not([data-theme="light"]) .username-modal h3,
html:not([data-theme="light"]) .server-search-state h3,
html:not([data-theme="light"]) .server-found-heading h3,
html:not([data-theme="light"]) .faq-section summary{
  color:#f8f7ff !important;
}

/* Solid lavender keeps the original color family without the rectangle bug. */
html:not([data-theme="light"]) .hero h1 em{
  display:inline !important;
  background:none !important;
  background-image:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  -webkit-text-fill-color:currentColor !important;
  color:#9a7bff !important;
}

html:not([data-theme="light"]) .hero-copy{
  color:#9698a8 !important;
}

html:not([data-theme="light"]) .primary-btn{
  background:linear-gradient(135deg,#9a7bff 0%,#7450f4 100%) !important;
  color:#fff !important;
  box-shadow:0 12px 36px rgba(94,59,226,.24),inset 0 1px rgba(255,255,255,.24) !important;
}
html:not([data-theme="light"]) .primary-btn:hover{
  background:linear-gradient(135deg,#a889ff 0%,#7d5af5 100%) !important;
}

html:not([data-theme="light"]) .text-btn{
  background:rgba(255,255,255,.025) !important;
  border-color:rgba(255,255,255,.08) !important;
  color:#aaaebe !important;
  box-shadow:none !important;
}
html:not([data-theme="light"]) .text-btn:hover{
  background:rgba(255,255,255,.05) !important;
  color:#fff !important;
}

html:not([data-theme="light"]) .status-dot{
  background:#69e4b0 !important;
  box-shadow:0 0 13px rgba(105,228,176,.72) !important;
}

html:not([data-theme="light"]) .hero-showcase,
html:not([data-theme="light"]) .trade-preview{
  background:
    radial-gradient(circle at 18% 0%,rgba(139,104,255,.08),transparent 31%),
    linear-gradient(180deg,rgba(16,16,22,.96),rgba(9,9,14,.98)) !important;
}

html:not([data-theme="light"]) .showcase-separator b,
html:not([data-theme="light"]) .preview-swap,
html:not([data-theme="light"]) .slot-plus{
  color:#aaa1ff !important;
}

html:not([data-theme="light"]) .preview-slot.empty:hover{
  border-color:rgba(139,104,255,.55) !important;
  background:linear-gradient(180deg,rgba(139,104,255,.09),#090b10) !important;
}
html:not([data-theme="light"]) .preview-slot.filled{
  border-color:rgba(139,104,255,.42) !important;
}
html:not([data-theme="light"]) .preview-slot.filled:hover{
  border-color:rgba(164,143,255,.78) !important;
}

html:not([data-theme="light"]) .item:hover,
html:not([data-theme="light"]) .picker-item:hover{
  border-color:rgba(139,104,255,.48) !important;
}
html:not([data-theme="light"]) .item.selected{
  border-color:rgba(139,104,255,.72) !important;
  box-shadow:0 0 0 1px rgba(139,104,255,.12),0 12px 26px rgba(0,0,0,.22) !important;
  background:linear-gradient(180deg,rgba(139,104,255,.15),#10131a) !important;
}

html:not([data-theme="light"]) .promo-code-box{
  background:linear-gradient(145deg,rgba(139,104,255,.075),rgba(14,14,20,.96)) !important;
  border-color:rgba(139,104,255,.16) !important;
}

html:not([data-theme="light"]) .promo-code-form input:focus,
html:not([data-theme="light"]) .search-box:focus-within,
html:not([data-theme="light"]) .username-input-wrap:focus-within{
  border-color:rgba(139,104,255,.45) !important;
  box-shadow:0 0 0 4px rgba(139,104,255,.10) !important;
}

html:not([data-theme="light"]) .step-card:after{
  background:radial-gradient(circle,rgba(139,104,255,.18),transparent 62%) !important;
}
html:not([data-theme="light"]) details[open]{
  border-color:rgba(139,104,255,.15) !important;
  background:linear-gradient(150deg,rgba(139,104,255,.03),rgba(255,255,255,0)) !important;
}

/* Keep the round toggle clean. */
html:not([data-theme="light"]) .theme-toggle{
  background:#fff !important;
  color:#111214 !important;
  border-color:#fff !important;
  box-shadow:0 12px 30px rgba(0,0,0,.26),0 0 18px rgba(139,104,255,.12) !important;
}
html:not([data-theme="light"]) .theme-toggle:hover{
  background:#fff !important;
  color:#7450f4 !important;
  box-shadow:0 14px 34px rgba(0,0,0,.28),0 0 22px rgba(139,104,255,.18) !important;
}


/* ==================================================
   LIGHT MODE LOGO — FINAL CSS-ONLY TREATMENT
   Same logo asset. Dark area becomes pink, ring reads white,
   no extra circle and no cropping.
================================================== */
html[data-theme="light"] .corrupt-logo-mark{
  position:relative;
  width:46px !important;
  height:46px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  overflow:visible !important;
  box-shadow:none !important;
  isolation:isolate;
}

/* Pink only behind the inside of the logo ring. */
html[data-theme="light"] .corrupt-logo-mark::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:31px;
  height:31px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:#ffb7c5;
  z-index:0;
  pointer-events:none;
}

/* Keep the original file and let black blend into the backdrop.
   White areas stay white; the purple ring becomes much lighter. */
html[data-theme="light"] .corrupt-logo-mark img{
  position:relative;
  z-index:1;
  width:48px !important;
  height:48px !important;
  max-width:none !important;
  max-height:none !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
  mix-blend-mode:screen !important;
  filter:
    brightness(1.08)
    saturate(.82)
    contrast(1.03)
    drop-shadow(0 0 5px rgba(216,137,157,.18)) !important;
}

/* Footer logo uses the same treatment. */
html[data-theme="light"] .footer-corrupt-logo{
  position:relative;
  width:30px !important;
  height:30px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
  isolation:isolate;
}

html[data-theme="light"] .footer-corrupt-logo::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:21px;
  height:21px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:#ffb7c5;
  z-index:0;
  pointer-events:none;
}

html[data-theme="light"] .footer-corrupt-logo img{
  position:relative;
  z-index:1;
  width:32px !important;
  height:32px !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  border-radius:0 !important;
  mix-blend-mode:screen !important;
  filter:
    brightness(1.08)
    saturate(.82)
    contrast(1.03)
    drop-shadow(0 0 4px rgba(216,137,157,.16)) !important;
}

@media (max-width:760px){
  html[data-theme="light"] .corrupt-logo-mark{
    width:40px !important;
    height:40px !important;
  }
  html[data-theme="light"] .corrupt-logo-mark::before{
    width:27px;
    height:27px;
  }
  html[data-theme="light"] .corrupt-logo-mark img{
    width:42px !important;
    height:42px !important;
  }
}


/* ==================================================
   LIGHT MODE LOGO — WHITE CIRCLE + PINK INSIDE
   Keep the original logo asset. White outer circle,
   pink inner background, no cropping.
================================================== */
html[data-theme="light"] .corrupt-logo-mark{
  position:relative !important;
  width:46px !important;
  height:46px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:#ffffff !important;
  overflow:visible !important;
  box-shadow:0 8px 18px rgba(216,137,157,.14) !important;
  isolation:isolate !important;
}

/* pink background inside the white circle */
html[data-theme="light"] .corrupt-logo-mark::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:34px !important;
  height:34px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  background:#ffb7c5 !important;
  z-index:0 !important;
  pointer-events:none !important;
}

/* keep the original logo, uncropped */
html[data-theme="light"] .corrupt-logo-mark img{
  position:relative !important;
  z-index:1 !important;
  width:48px !important;
  height:48px !important;
  max-width:none !important;
  max-height:none !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
  mix-blend-mode:screen !important;
  filter:
    brightness(1.03)
    saturate(.9)
    contrast(1.04)
    drop-shadow(0 0 3px rgba(216,137,157,.10)) !important;
}

/* footer logo matches */
html[data-theme="light"] .footer-corrupt-logo{
  position:relative !important;
  width:30px !important;
  height:30px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:#ffffff !important;
  overflow:visible !important;
  box-shadow:0 6px 14px rgba(216,137,157,.12) !important;
  isolation:isolate !important;
}

html[data-theme="light"] .footer-corrupt-logo::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:22px !important;
  height:22px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  background:#ffb7c5 !important;
  z-index:0 !important;
}

html[data-theme="light"] .footer-corrupt-logo img{
  position:relative !important;
  z-index:1 !important;
  width:32px !important;
  height:32px !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:0 !important;
  mix-blend-mode:screen !important;
  filter:
    brightness(1.03)
    saturate(.9)
    contrast(1.04)
    drop-shadow(0 0 3px rgba(216,137,157,.10)) !important;
}

@media (max-width:760px){
  html[data-theme="light"] .corrupt-logo-mark{
    width:40px !important;
    height:40px !important;
  }
  html[data-theme="light"] .corrupt-logo-mark::before{
    width:29px !important;
    height:29px !important;
  }
  html[data-theme="light"] .corrupt-logo-mark img{
    width:42px !important;
    height:42px !important;
  }
}


/* ==================================================
   LIGHT LOGO ASSET SWAP
   Use a dedicated light-mode logo image instead of CSS recoloring.
================================================== */
html[data-theme="light"] .corrupt-logo-mark,
html[data-theme="light"] .footer-corrupt-logo{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

html[data-theme="light"] .corrupt-logo-mark::before,
html[data-theme="light"] .corrupt-logo-mark::after,
html[data-theme="light"] .footer-corrupt-logo::before,
html[data-theme="light"] .footer-corrupt-logo::after{
  content:none !important;
  display:none !important;
}

html[data-theme="light"] .corrupt-logo-mark{
  width:44px !important;
  height:44px !important;
}

html[data-theme="light"] .corrupt-logo-mark img{
  width:44px !important;
  height:44px !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}

html[data-theme="light"] .footer-corrupt-logo{
  width:28px !important;
  height:28px !important;
}

html[data-theme="light"] .footer-corrupt-logo img{
  width:28px !important;
  height:28px !important;
  object-fit:contain !important;
  display:block !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}

@media (max-width:760px){
  html[data-theme="light"] .corrupt-logo-mark{
    width:38px !important;
    height:38px !important;
  }
  html[data-theme="light"] .corrupt-logo-mark img{
    width:38px !important;
    height:38px !important;
  }
}


/* Dark-mode logo only: single-circle asset, no clipping. */
html:not([data-theme="light"]) .corrupt-logo-mark{
  width:44px !important;
  height:44px !important;
  overflow:visible !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 44px !important;
}

html:not([data-theme="light"]) .corrupt-logo-mark img{
  width:44px !important;
  height:44px !important;
  max-width:44px !important;
  max-height:44px !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  border-radius:0 !important;
  filter:none !important;
  transform:none !important;
}

html:not([data-theme="light"]) .footer-corrupt-logo{
  width:28px !important;
  height:28px !important;
  overflow:visible !important;
}

html:not([data-theme="light"]) .footer-corrupt-logo img{
  width:28px !important;
  height:28px !important;
  max-width:28px !important;
  max-height:28px !important;
  object-fit:contain !important;
  filter:none !important;
}


/* ==================================================
   MOBILE HEADER FIX
   Two clean rows: brand + theme on top, all 5 links below.
   Prevents overlap and keeps everything inside the screen.
================================================== */
@media (max-width:760px){
  html{scroll-padding-top:126px !important;}
  body{padding-bottom:0 !important;}

  .nav-wrap{
    position:sticky !important;
    top:0 !important;
    z-index:80 !important;
  }

  .nav{
    width:min(100% - 20px,1200px) !important;
    height:auto !important;
    min-height:0 !important;
    margin-inline:auto !important;
    padding:9px 0 10px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:
      "brand theme"
      "links links" !important;
    align-items:center !important;
    gap:8px 10px !important;
  }

  .nav > .brand{
    grid-area:brand !important;
    position:static !important;
    justify-self:start !important;
    min-width:0 !important;
    max-width:100% !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
  }

  .brand-name{
    min-width:0 !important;
    max-width:220px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:15px !important;
    line-height:1 !important;
  }

  .corrupt-logo-mark{
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
  }

  .corrupt-logo-mark img{
    width:34px !important;
    height:34px !important;
    max-width:34px !important;
    max-height:34px !important;
    object-fit:contain !important;
  }

  .theme-toggle{
    grid-area:theme !important;
    position:static !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    justify-self:end !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    border-width:1.5px !important;
  }

  .theme-toggle:hover,
  .theme-toggle:active{
    transform:none !important;
  }

  .theme-icon{
    width:18px !important;
    height:18px !important;
  }

  .nav-links{
    grid-area:links !important;
    display:grid !important;
    position:static !important;
    inset:auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:100% !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:4px !important;
    padding:4px !important;
    margin:0 !important;
    border-radius:14px !important;
    background:rgba(12,12,18,.84) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    backdrop-filter:blur(18px) saturate(135%) !important;
    -webkit-backdrop-filter:blur(18px) saturate(135%) !important;
    box-shadow:0 10px 28px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.025) !important;
    z-index:auto !important;
  }

  .nav-links a{
    min-width:0 !important;
    min-height:34px !important;
    padding:0 3px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:10px !important;
    font-size:10px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .nav-desktop-label{display:none !important;}
  .nav-mobile-label{display:inline !important;}

  .nav-links a.active{
    box-shadow:inset 0 0 0 1px rgba(139,104,255,.16),0 5px 14px rgba(67,41,164,.10) !important;
  }

  html[data-theme="light"] .nav-links{
    background:rgba(255,255,255,.92) !important;
    border-color:rgba(51,34,45,.08) !important;
    box-shadow:0 10px 28px rgba(77,47,64,.08),inset 0 1px rgba(255,255,255,.8) !important;
  }

  .hero{
    padding-top:42px !important;
  }
}

@media (max-width:390px){
  .nav{
    width:min(100% - 14px,1200px) !important;
    gap:7px 8px !important;
  }

  .brand-name{
    max-width:180px !important;
    font-size:13.5px !important;
  }

  .corrupt-logo-mark{
    width:32px !important;
    height:32px !important;
    flex-basis:32px !important;
  }

  .corrupt-logo-mark img{
    width:32px !important;
    height:32px !important;
    max-width:32px !important;
    max-height:32px !important;
  }

  .theme-toggle{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
  }

  .nav-links{
    gap:2px !important;
    padding:3px !important;
    border-radius:12px !important;
  }

  .nav-links a{
    min-height:32px !important;
    font-size:9.2px !important;
    padding:0 2px !important;
    border-radius:9px !important;
  }
}


/* ==================================================
   LIGHT MODE TEXT VISIBILITY FIX
   Make Roblox profile text + spin win text clearly pink.
================================================== */
html[data-theme="light"] .roblox-profile-name-row strong,
html[data-theme="light"] .roblox-profile-display,
html[data-theme="light"] .roblox-profile-verified{
  color:#d8899d !important;
}

html[data-theme="light"] .roblox-profile-result{
  background:#fff8fb !important;
  border-color:rgba(216,137,157,.24) !important;
}

html[data-theme="light"] .spin-result{
  background:linear-gradient(180deg,#fff8fb,#fff1f6) !important;
  border-color:rgba(216,137,157,.28) !important;
}

html[data-theme="light"] .spin-result span,
html[data-theme="light"] .spin-result strong,
html[data-theme="light"] .spin-result small,
html[data-theme="light"] .spin-claim-copy{
  color:#d8899d !important;
}

html[data-theme="light"] .spin-result strong{
  text-shadow:none !important;
}


/* --------------------------------------------------
   Separate navbar views
   -------------------------------------------------- */
body.page-mode main > section{
  display:none;
}
body.page-mode main > section.page-active{
  display:block;
  animation:pageViewIn .24s ease both;
}
body.page-mode main{
  min-height:calc(100vh - 76px);
}
body.page-mode .hero.page-active{
  min-height:calc(100vh - 76px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
body.page-mode .trade-section.page-active,
body.page-mode .spin-section.page-active,
body.page-mode .how-section.page-active,
body.page-mode .faq-section.page-active{
  min-height:calc(100vh - 76px);
}
@keyframes pageViewIn{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
@media (prefers-reduced-motion:reduce){
  body.page-mode main > section.page-active{animation:none}
}

/* ==================================================
   MOBILE BOTTOM NAV + VALUES PAGE
   ================================================== */
.mobile-bottom-nav{
  display:none;
}

.values-section{
  padding:92px 0 100px;
  background:linear-gradient(180deg,rgba(139,104,255,.025),transparent 42%);
}
.values-heading{margin-bottom:22px}
.values-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) 190px;
  gap:10px;
  margin-bottom:16px;
}
.values-search{
  min-height:50px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 15px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:15px;
  background:rgba(255,255,255,.025);
}
.values-search svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  color:#7f8493;
  flex:0 0 auto;
}
.values-search input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:var(--text);
  font:inherit;
  font-size:14px;
}
.values-search input::placeholder{color:#666d7b}
.values-rarity{
  min-height:50px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:15px;
  background:#0e0e15;
  color:var(--text);
  font:inherit;
  font-size:13px;
  outline:0;
}
.values-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.value-card{
  min-width:0;
  display:grid;
  grid-template-columns:82px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  padding:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:linear-gradient(155deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),#0b0b11;
  box-shadow:0 14px 34px rgba(0,0,0,.16);
}
.value-card-art{
  width:82px;
  height:72px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:13px;
  background:radial-gradient(circle at 50% 45%,var(--item-a),var(--item-b));
}
.value-card-art img{
  width:92%;
  height:92%;
  object-fit:contain;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.24));
}
.value-card-copy{min-width:0;display:flex;flex-direction:column;gap:5px}
.value-card-copy span{font-size:8px;font-weight:800;letter-spacing:.11em;color:#8c839f;text-transform:uppercase}
.value-card-copy strong{font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.value-card-number{text-align:right;display:flex;flex-direction:column;gap:3px;align-items:flex-end}
.value-card-number small{font-size:7px;font-weight:800;letter-spacing:.12em;color:#777d8b}
.value-card-number b{font-size:14px;color:#aa96ff}
.values-empty{
  padding:34px 16px;
  text-align:center;
  color:#777d8b;
  border:1px dashed rgba(255,255,255,.09);
  border-radius:16px;
}
body.page-mode .values-section.page-active{min-height:calc(100vh - 76px)}

html[data-theme="light"] .values-section{background:linear-gradient(180deg,rgba(216,137,157,.035),transparent 42%)}
html[data-theme="light"] .values-search,
html[data-theme="light"] .values-rarity,
html[data-theme="light"] .value-card{
  background:#fff;
  border-color:rgba(23,25,35,.09);
  box-shadow:0 12px 28px rgba(42,45,65,.055);
}
html[data-theme="light"] .values-search input,
html[data-theme="light"] .values-rarity{color:#262935}
html[data-theme="light"] .value-card-number b{color:#d8899d}

@media (max-width:980px){
  .values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:760px){
  body{padding-bottom:92px!important}

  /* Keep the desktop/top navigation simple on phones. */
  .nav-links{display:none!important}

  .mobile-bottom-nav{
    display:grid;
    position:fixed;
    left:12px;
    right:12px;
    bottom:max(10px,env(safe-area-inset-bottom));
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:4px;
    padding:6px;
    z-index:100;
    border:1px solid rgba(255,255,255,.10);
    border-radius:20px;
    background:rgba(11,11,17,.91);
    box-shadow:0 18px 55px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.035);
    backdrop-filter:blur(24px) saturate(145%);
    -webkit-backdrop-filter:blur(24px) saturate(145%);
  }
  .mobile-bottom-nav a{
    min-width:0;
    min-height:51px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    border-radius:14px;
    color:#777d8b;
    text-decoration:none;
    font-size:9.5px;
    font-weight:750;
    transition:background .18s ease,color .18s ease,transform .18s ease;
  }
  .mobile-bottom-nav a svg{
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .mobile-bottom-nav a.active{
    color:#c2b5ff;
    background:rgba(139,104,255,.12);
    box-shadow:inset 0 0 0 1px rgba(139,104,255,.14);
  }

  /* Spin mobile order: controls/card first, reward reel underneath. */
  .spin-panel{order:1}
  .spin-reel-card{order:2}

  .values-section{padding:62px 0 28px}
  .values-toolbar{grid-template-columns:1fr;gap:8px;margin-bottom:12px}
  .values-search,.values-rarity{min-height:46px;border-radius:13px}
  .values-grid{grid-template-columns:1fr;gap:8px}
  .value-card{grid-template-columns:70px minmax(0,1fr) auto;padding:9px;border-radius:15px;gap:10px}
  .value-card-art{width:70px;height:64px;border-radius:11px}
  .value-card-copy strong{font-size:11.5px}
  .value-card-number b{font-size:13px}
}

@media (max-width:390px){
  .mobile-bottom-nav{left:8px;right:8px;bottom:max(7px,env(safe-area-inset-bottom));padding:5px;border-radius:18px}
  .mobile-bottom-nav a{min-height:48px;border-radius:12px;font-size:9px}
  .mobile-bottom-nav a svg{width:18px;height:18px}
}

html[data-theme="light"] .mobile-bottom-nav{
  background:rgba(255,255,255,.94);
  border-color:rgba(51,34,45,.09);
  box-shadow:0 16px 45px rgba(77,47,64,.12),inset 0 1px rgba(255,255,255,.9);
}
html[data-theme="light"] .mobile-bottom-nav a{color:#8a7d85}
html[data-theme="light"] .mobile-bottom-nav a.active{color:#d8899d;background:rgba(216,137,157,.11);box-shadow:inset 0 0 0 1px rgba(216,137,157,.16)}

/* ===== Spin layout refinement ===== */
.spin-layout-refined{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(320px,.95fr);
  gap:18px;
  align-items:stretch;
}

.spin-left-column,
.spin-right-column{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:18px;
}

.spin-reel-card-refined{
  flex:1 1 auto;
  min-height:0;
}

.spin-strip-shell-refined{
  height:352px!important;
}

.spin-panel-refined{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
}

.spin-panel-refined .spin-btn{
  margin-top:auto;
}

.promo-code-box-refined{
  margin-top:0!important;
  min-height:214px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}

.promo-code-form-refined{
  grid-template-columns:minmax(0,1fr) 150px!important;
  align-items:stretch;
}

.promo-code-form-refined input,
.promo-code-form-refined button{
  min-height:58px;
  border-radius:16px;
}

.spin-result-slot{
  min-height:142px;
  padding:20px 22px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(160deg,rgba(255,255,255,.028),rgba(255,255,255,.01)),#0b0b11;
  box-shadow:0 24px 70px rgba(0,0,0,.25);
}

.spin-result-placeholder,
.spin-result-bar{
  width:100%;
  min-height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.spin-result-placeholder{
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}

.spin-result-placeholder strong{
  font-size:20px;
  line-height:1.2;
  color:#f4f3ff;
}

.spin-result-placeholder small{
  color:#8e93a6;
  line-height:1.55;
}

.spin-result-placeholder.is-spinning strong{
  color:#c7b8ff;
}

.spin-result-bar{
  padding:0!important;
  border:none!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.spin-result-bar[hidden]{
  display:none!important;
}

.spin-result-copy{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.spin-result-copy span{
  margin:0!important;
}

.spin-result-copy strong{
  margin:0!important;
  font-size:28px!important;
  line-height:1.05;
}

.spin-result-copy small{
  margin:0!important;
}

.spin-result-actions{
  margin-left:auto;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:12px;
}

.spin-result-actions .spin-claim-copy{
  margin:0;
  max-width:260px;
  text-align:right;
}

html[data-theme="light"] .spin-result-slot{
  background:linear-gradient(145deg,rgba(117,85,243,.055),#fff);
  border-color:rgba(117,85,243,.15);
  box-shadow:0 18px 40px rgba(77,47,64,.08);
}

html[data-theme="light"] .spin-result-placeholder strong,
html[data-theme="light"] .spin-result-copy strong{
  color:#1d1f2c;
}

html[data-theme="light"] .spin-result-placeholder small,
html[data-theme="light"] .spin-result-copy small,
html[data-theme="light"] .spin-result-actions .spin-claim-copy{
  color:#666b7e;
}

@media (max-width:980px){
  .spin-layout-refined{
    grid-template-columns:1fr;
  }

  .spin-left-column{order:1}
  .spin-right-column{order:2}
}

@media (max-width:760px){
  .spin-left-column,
  .spin-right-column{
    gap:14px;
  }

  .spin-strip-shell-refined{
    height:304px!important;
  }

  .spin-result-slot{
    min-height:134px;
    padding:16px 18px;
    border-radius:20px;
  }

  .spin-result-placeholder strong{
    font-size:18px;
  }

  .spin-result-bar{
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
  }

  .spin-result-copy strong{
    font-size:24px!important;
  }

  .spin-result-actions{
    width:100%;
    margin-left:0;
    align-items:flex-start;
  }

  .spin-result-actions .spin-claim-copy{
    max-width:none;
    text-align:left;
  }

  .promo-code-box-refined{
    min-height:0;
  }

  .promo-code-form-refined{
    grid-template-columns:1fr!important;
  }
}

/* ===== Spin layout: desktop swap + combined mobile controls ===== */
.spin-layout-refined{
  grid-template-columns:minmax(0,1.7fr) minmax(320px,.95fr)!important;
  grid-template-areas:
    "reel daily"
    "promo result";
  align-items:stretch!important;
}

.spin-reel-card-refined{grid-area:reel}
.spin-controls-combined{display:contents}
.spin-panel-refined{grid-area:daily}
.promo-code-box-refined{grid-area:promo}
.spin-result-slot{grid-area:result}

/* Desktop: top row and bottom row line up cleanly. */
.spin-panel-refined,
.spin-reel-card-refined,
.promo-code-box-refined,
.spin-result-slot{
  width:100%;
  height:100%;
  box-sizing:border-box;
}

.spin-panel-refined{
  min-height:0!important;
}

.promo-code-box-refined{
  min-height:190px;
}

.spin-result-slot{
  min-height:190px;
}

/* Keep the result compact instead of expanding into a giant bubble. */
.spin-result-bar{
  min-height:148px;
}

@media (max-width:980px) and (min-width:761px){
  .spin-layout-refined{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "reel"
      "daily"
      "promo"
      "result";
  }
}

@media (max-width:760px){
  .spin-layout-refined{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:
      "reel"
      "combined"
      "result";
    gap:14px!important;
  }

  .spin-reel-card-refined{grid-area:reel}

  /* One bubble on mobile: Daily Roll + Promo Code + Spin button. */
  .spin-controls-combined{
    grid-area:combined;
    display:flex!important;
    flex-direction:column;
    gap:0;
    padding:24px 20px 20px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:22px;
    background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),#0b0b11;
    box-shadow:0 24px 70px rgba(0,0,0,.25);
    overflow:hidden;
  }

  .spin-controls-combined .spin-panel-refined{
    display:contents!important;
  }

  .spin-controls-combined .spin-panel-refined > .mini-label{order:1}
  .spin-controls-combined .spin-panel-refined > h3{
    order:2;
    margin:10px 0 12px!important;
    font-size:31px!important;
  }
  .spin-controls-combined .spin-panel-refined > p{
    order:3;
    margin:0!important;
    font-size:14px!important;
    line-height:1.65!important;
  }

  .spin-controls-combined .promo-code-box-refined{
    order:4;
    width:100%;
    height:auto!important;
    min-height:0!important;
    margin:22px 0 0!important;
    padding:20px 0 0!important;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.085)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .spin-controls-combined .spin-btn{
    order:5;
    width:100%;
    min-height:54px;
    margin:22px 0 0!important;
    border-radius:14px;
  }

  .spin-controls-combined .promo-code-form-refined{
    grid-template-columns:minmax(0,1fr) 128px!important;
    gap:9px;
  }

  .spin-controls-combined .promo-code-form-refined input,
  .spin-controls-combined .promo-code-form-refined button{
    min-height:56px;
    border-radius:14px;
  }

  .spin-result-slot{
    grid-area:result;
    height:auto!important;
    min-height:132px!important;
  }

  .spin-result-bar{
    min-height:0;
  }
}

@media (max-width:430px){
  .spin-controls-combined{
    padding:22px 18px 18px;
    border-radius:20px;
  }

  .spin-controls-combined .promo-code-form-refined{
    grid-template-columns:1fr!important;
  }

  .spin-controls-combined .promo-code-form-refined button{
    width:100%;
  }
}

html[data-theme="light"] .spin-controls-combined{
  background:linear-gradient(145deg,rgba(117,85,243,.045),#fff);
  border-color:rgba(117,85,243,.14);
  box-shadow:0 18px 40px rgba(77,47,64,.08);
}

@media (max-width:760px){
  html[data-theme="light"] .spin-controls-combined .promo-code-box-refined{
    border-top-color:rgba(35,28,46,.10)!important;
  }
}

/* ===== Stable Spin Result card + winning weapon image ===== */
/* The placeholder and winner are mutually exclusive. Without this rule the
   placeholder could remain flex-displayed after the hidden attribute was set. */
.spin-result-placeholder[hidden],
.spin-result-bar[hidden]{
  display:none!important;
}

@media (min-width:981px){
  .spin-layout-refined{
    grid-template-rows:minmax(0,auto) 220px!important;
  }

  .promo-code-box-refined,
  .spin-result-slot{
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
    overflow:hidden!important;
  }
}

.spin-result-slot{
  position:relative;
  box-sizing:border-box;
}

.spin-result-placeholder,
.spin-result-bar{
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  box-sizing:border-box;
}

.spin-result-bar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(150px,190px);
  align-items:center;
  gap:18px;
  overflow:hidden;
}

.spin-result-reward{
  min-width:0;
  display:flex;
  align-items:center;
  gap:16px;
}

.spin-result-art{
  width:88px;
  min-width:88px;
  height:88px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  background:linear-gradient(145deg,var(--result-a,#7b3fb7),var(--result-b,#271541));
  box-shadow:inset 0 1px rgba(255,255,255,.06);
}

.spin-result-art img{
  width:84%;
  height:84%;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 10px 14px rgba(0,0,0,.22));
}

.spin-result-art img[hidden]{
  display:none!important;
}

.spin-result-copy{
  min-width:0;
  align-items:flex-start!important;
  text-align:left;
}

.spin-result-copy strong{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.spin-result-actions{
  min-width:0;
  width:100%;
  margin:0!important;
  align-items:stretch!important;
}

.spin-result-actions .spin-claim-copy{
  max-width:none!important;
  margin:0!important;
  text-align:left!important;
}

.spin-result-actions .spin-claim-btn{
  width:100%;
  margin-top:0;
}

html[data-theme="light"] .spin-result-art{
  border-color:rgba(117,85,243,.15);
  box-shadow:inset 0 1px rgba(255,255,255,.75);
}

@media (max-width:980px) and (min-width:761px){
  .promo-code-box-refined,
  .spin-result-slot{
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
    overflow:hidden!important;
  }
}

@media (max-width:760px){
  .spin-result-slot{
    height:168px!important;
    min-height:168px!important;
    max-height:168px!important;
    overflow:hidden!important;
  }

  .spin-result-bar{
    grid-template-columns:minmax(0,1fr) 128px;
    grid-template-rows:1fr;
    flex-direction:unset!important;
    align-items:center!important;
    gap:12px;
  }

  .spin-result-reward{
    gap:10px;
  }

  .spin-result-art{
    width:64px;
    min-width:64px;
    height:64px;
    border-radius:13px;
  }

  .spin-result-copy strong{
    font-size:19px!important;
  }

  .spin-result-copy small{
    font-size:10px!important;
  }

  .spin-result-actions{
    align-items:stretch!important;
  }

  .spin-result-actions .spin-claim-copy{
    display:none;
  }

  .spin-result-actions .spin-claim-btn{
    min-height:48px;
    padding:0 10px;
  }
}

@media (max-width:430px){
  .spin-result-slot{
    height:158px!important;
    min-height:158px!important;
    max-height:158px!important;
  }

  .spin-result-bar{
    grid-template-columns:minmax(0,1fr) 112px;
  }

  .spin-result-art{
    width:58px;
    min-width:58px;
    height:58px;
  }

  .spin-result-copy strong{
    font-size:17px!important;
  }
}

/* ===== Final spin desktop layout: one right bubble + promo left bottom ===== */
.spin-layout-refined{
  grid-template-columns:minmax(0,1.7fr) minmax(320px,.95fr)!important;
  grid-template-areas:
    "reel side"
    "promo side"!important;
  align-items:stretch!important;
}

.spin-reel-card-refined{grid-area:reel!important}
.promo-code-box-refined{grid-area:promo!important}
.spin-side-card{grid-area:side!important}

.spin-side-card{
  display:flex!important;
  flex-direction:column;
  gap:0;
  padding:24px 24px 22px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:24px;
  background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),#0b0b11;
  box-shadow:0 24px 70px rgba(0,0,0,.25);
  overflow:hidden;
}

.spin-side-card .spin-panel-refined{
  min-height:0!important;
  padding:0!important;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
}

.spin-side-card .spin-panel-refined > p{
  margin-bottom:0!important;
}

.spin-side-card .spin-result-slot{
  margin-top:22px;
  padding:22px 0 0;
  border-top:1px solid rgba(255,255,255,.09);
  border-radius:0!important;
  border-left:none!important;
  border-right:none!important;
  border-bottom:none!important;
  background:transparent!important;
  box-shadow:none!important;
  min-height:195px!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}

.spin-side-card .spin-result-placeholder,
.spin-side-card .spin-result-bar{
  height:auto!important;
  max-height:none!important;
  min-height:150px;
}

.spin-side-card .spin-result-placeholder{
  justify-content:flex-start;
  padding:0;
}

.spin-side-card .spin-result-bar{
  grid-template-columns:1fr!important;
  gap:18px;
  align-items:start;
}

.spin-side-card .spin-result-reward{
  align-items:center;
}

.spin-side-card .spin-result-actions{
  margin-left:0!important;
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) 180px;
  gap:16px;
  align-items:center;
}

.spin-side-card .spin-result-actions .spin-claim-copy{
  display:block!important;
  text-align:left!important;
}

.spin-side-card .spin-result-actions .spin-claim-btn{
  width:100%;
}

.spin-side-card .spin-btn{
  width:100%;
  margin-top:auto!important;
  min-height:58px;
  border-radius:16px;
}

.promo-code-box-refined{
  min-height:220px!important;
  height:220px!important;
  max-height:220px!important;
  overflow:hidden!important;
}

html[data-theme="light"] .spin-side-card{
  background:linear-gradient(145deg,rgba(117,85,243,.045),#fff);
  border-color:rgba(117,85,243,.14);
  box-shadow:0 18px 40px rgba(77,47,64,.08);
}

html[data-theme="light"] .spin-side-card .spin-result-slot{
  border-top-color:rgba(35,28,46,.10)!important;
}

@media (max-width:980px) and (min-width:761px){
  .spin-layout-refined{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "reel"
      "side"
      "promo"!important;
  }

  .spin-side-card .spin-result-actions{
    grid-template-columns:minmax(0,1fr) 190px;
  }
}

@media (max-width:760px){
  .spin-layout-refined{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "reel"
      "side"
      "promo"!important;
    gap:14px!important;
  }

  .spin-side-card{
    padding:22px 18px 18px;
    border-radius:20px;
  }

  .spin-side-card .spin-result-slot{
    margin-top:18px;
    padding-top:18px;
    min-height:148px!important;
  }

  .spin-side-card .spin-result-bar{
    gap:12px;
  }

  .spin-side-card .spin-result-actions{
    grid-template-columns:1fr;
    gap:10px;
  }

  .spin-side-card .spin-result-actions .spin-claim-copy{
    display:none!important;
  }

  .spin-side-card .spin-btn{
    margin-top:18px!important;
    min-height:54px;
    border-radius:14px;
  }

  .promo-code-box-refined{
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
  }
}

/* ===== Tweak right spin bubble spacing and centered placeholder ===== */
.spin-side-card{
  padding-top:12px!important;
}

.spin-side-card .spin-panel-refined{
  flex:0 0 auto!important;
  justify-content:flex-start!important;
}

.spin-side-card .spin-panel-refined > .mini-label{
  margin-top:0!important;
}

.spin-side-card .spin-panel-refined > h3{
  margin-top:10px!important;
}

.spin-side-card .spin-panel-refined > p{
  margin-top:0!important;
}

.spin-side-card .spin-result-placeholder{
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

.spin-side-card .spin-result-placeholder .mini-label,
.spin-side-card .spin-result-placeholder strong,
.spin-side-card .spin-result-placeholder small{
  text-align:center!important;
}

@media (max-width:760px){
  .spin-side-card{
    padding-top:12px!important;
  }
}

/* ===== FIX: right spin bubble is always 3 visible rows ===== */
.spin-side-card{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  gap:0!important;
  align-items:stretch!important;
  padding:14px 24px 22px!important;
  overflow:hidden!important;
}

/* Old rules gave this child height:100%, which pushed everything else out. */
.spin-side-card .spin-panel-refined{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  flex:none!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
}

.spin-side-card .spin-panel-refined > .mini-label{
  display:block;
  margin:0 0 10px!important;
}

.spin-side-card .spin-panel-refined > h3{
  margin:0 0 14px!important;
}

.spin-side-card .spin-panel-refined > p{
  margin:0!important;
}

/* Middle area stays visible and centers the placeholder/result. */
.spin-side-card .spin-result-slot{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:18px 0 16px!important;
  padding:18px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

.spin-side-card .spin-result-placeholder,
.spin-side-card .spin-result-bar{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
}

.spin-side-card .spin-result-placeholder{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:8px!important;
}

.spin-side-card .spin-result-placeholder[hidden],
.spin-side-card .spin-result-bar[hidden]{
  display:none!important;
}

.spin-side-card .spin-result-bar{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:center!important;
  gap:18px!important;
}

.spin-side-card .spin-result-reward{
  justify-content:flex-start!important;
}

.spin-side-card .spin-result-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 180px!important;
  gap:16px!important;
  align-items:center!important;
}

/* Spin button is always pinned to the bottom row. */
.spin-side-card .spin-btn{
  width:100%!important;
  margin:0!important;
  min-height:58px!important;
  align-self:end!important;
}

html[data-theme="light"] .spin-side-card .spin-result-slot{
  border-top-color:rgba(35,28,46,.10)!important;
  border-bottom-color:rgba(35,28,46,.10)!important;
}

@media (max-width:760px){
  .spin-side-card{
    grid-template-rows:auto minmax(170px,1fr) auto!important;
    padding:14px 18px 18px!important;
  }

  .spin-side-card .spin-result-slot{
    margin:16px 0 14px!important;
    padding:16px 0!important;
  }

  .spin-side-card .spin-result-actions{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .spin-side-card .spin-result-actions .spin-claim-copy{
    display:none!important;
  }

  .spin-side-card .spin-btn{
    min-height:54px!important;
  }
}

/* =========================================================
   FINAL RIGHT SPIN CARD LAYOUT — override all older conflicts
   ========================================================= */
.spin-side-card.spin-controls-combined{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  align-items:stretch!important;
  gap:0!important;
  padding:22px 24px 22px!important;
  overflow:hidden!important;
}

.spin-side-card.spin-controls-combined .spin-panel-refined{
  display:block!important;
  grid-column:1!important;
  grid-row:1!important;
  align-self:start!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  flex:none!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  order:initial!important;
}

.spin-side-card.spin-controls-combined .spin-panel-refined > .mini-label{
  display:block!important;
  margin:0 0 10px!important;
  order:initial!important;
}

.spin-side-card.spin-controls-combined .spin-panel-refined > h3{
  margin:0 0 14px!important;
  order:initial!important;
}

.spin-side-card.spin-controls-combined .spin-panel-refined > p{
  margin:0!important;
  order:initial!important;
}

.spin-side-card.spin-controls-combined .spin-result-slot{
  display:flex!important;
  grid-column:1!important;
  grid-row:2!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:stretch!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:20px 0!important;
  padding:20px 0!important;
  overflow:hidden!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.085)!important;
  border-bottom:1px solid rgba(255,255,255,.085)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  order:initial!important;
}

.spin-side-card.spin-controls-combined .spin-result-placeholder{
  display:flex!important;
  width:100%!important;
  height:auto!important;
  min-height:150px!important;
  max-height:none!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:0 12px!important;
  margin:0!important;
  text-align:center!important;
  box-sizing:border-box!important;
}

.spin-side-card.spin-controls-combined .spin-result-placeholder[hidden],
.spin-side-card.spin-controls-combined .spin-result-bar[hidden]{
  display:none!important;
}

.spin-side-card.spin-controls-combined .spin-result-placeholder .mini-label,
.spin-side-card.spin-controls-combined .spin-result-placeholder strong,
.spin-side-card.spin-controls-combined .spin-result-placeholder small{
  width:100%!important;
  margin:0!important;
  text-align:center!important;
}

.spin-side-card.spin-controls-combined .spin-result-bar{
  display:grid!important;
  width:100%!important;
  height:auto!important;
  min-height:150px!important;
  max-height:none!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  align-items:center!important;
  gap:16px!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

.spin-side-card.spin-controls-combined .spin-result-reward{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:16px!important;
}

.spin-side-card.spin-controls-combined .spin-result-actions{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(150px,180px)!important;
  align-items:center!important;
  gap:14px!important;
  margin:0!important;
}

.spin-side-card.spin-controls-combined .spin-result-actions .spin-claim-copy{
  display:block!important;
  margin:0!important;
  text-align:left!important;
}

.spin-side-card.spin-controls-combined > .spin-btn{
  display:flex!important;
  grid-column:1!important;
  grid-row:3!important;
  align-self:end!important;
  justify-self:stretch!important;
  width:100%!important;
  min-height:58px!important;
  height:58px!important;
  margin:0!important;
  padding:0 22px!important;
  border-radius:15px!important;
  order:initial!important;
}

html[data-theme="light"] .spin-side-card.spin-controls-combined .spin-result-slot{
  border-top-color:rgba(35,28,46,.10)!important;
  border-bottom-color:rgba(35,28,46,.10)!important;
}

@media (max-width:760px){
  .spin-side-card.spin-controls-combined{
    display:grid!important;
    grid-template-rows:auto minmax(190px,1fr) auto!important;
    padding:20px 18px 18px!important;
  }

  .spin-side-card.spin-controls-combined .spin-panel-refined{
    display:block!important;
  }

  .spin-side-card.spin-controls-combined .spin-result-slot{
    margin:18px 0!important;
    padding:16px 0!important;
  }

  .spin-side-card.spin-controls-combined .spin-result-placeholder,
  .spin-side-card.spin-controls-combined .spin-result-bar{
    min-height:150px!important;
  }

  .spin-side-card.spin-controls-combined .spin-result-actions{
    grid-template-columns:1fr!important;
  }

  .spin-side-card.spin-controls-combined .spin-result-actions .spin-claim-copy{
    display:none!important;
  }

  .spin-side-card.spin-controls-combined > .spin-btn{
    min-height:56px!important;
    height:56px!important;
  }
}

/* ===== Final header menu layout ===== */
.nav{
  justify-content:space-between!important;
  gap:18px!important;
}

.nav-left-cluster{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

.nav-links{
  display:none!important;
}

.menu-toggle{
  width:54px;
  height:54px;
  flex:0 0 54px;
  display:inline-flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
  padding:0 14px;
  border-radius:18px;
  border:1px solid rgba(139,104,255,.14);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  box-shadow:0 10px 34px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.04);
}

.menu-toggle span{
  width:100%;
  height:3px;
  border-radius:999px;
  background:#f3f0ff;
  transition:transform .2s ease, opacity .2s ease;
}

body.menu-open .menu-toggle span:nth-child(1){transform:translateY(9px) rotate(45deg)}
body.menu-open .menu-toggle span:nth-child(2){opacity:0}
body.menu-open .menu-toggle span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}

.header-menu-backdrop{
  position:fixed;
  inset:0;
  z-index:80;
  background:rgba(4,5,10,.28);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}

.header-menu{
  position:fixed;
  top:92px;
  left:24px;
  width:min(260px, calc(100vw - 48px));
  z-index:90;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:14px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),#0b0b11;
  box-shadow:0 28px 90px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.04);
  transform:translateX(-18px);
  opacity:0;
  pointer-events:none;
  transition:transform .18s ease, opacity .18s ease;
}

body.menu-open .header-menu{
  transform:translateX(0);
  opacity:1;
  pointer-events:auto;
}

.header-menu a{
  display:flex;
  align-items:center;
  min-height:48px;
  padding:0 16px;
  border-radius:16px;
  color:#a7adbc;
  font-size:15px;
  font-weight:700;
  text-decoration:none;
  transition:background .18s ease, color .18s ease, transform .18s ease;
}

.header-menu a:hover,
.header-menu a.active{
  color:#fff;
  background:rgba(139,104,255,.14);
  box-shadow:inset 0 0 0 1px rgba(139,104,255,.18);
}

@media (max-width:760px){
  .nav{
    justify-content:space-between!important;
  }

  .nav-left-cluster{
    gap:10px;
  }

  .menu-toggle{
    width:48px;
    height:48px;
    flex-basis:48px;
    border-radius:16px;
    padding:0 12px;
    gap:5px;
  }

  .header-menu{
    top:78px;
    left:12px;
    width:min(240px, calc(100vw - 24px));
    border-radius:20px;
    padding:12px;
  }

  .header-menu a{
    min-height:46px;
    font-size:14px;
  }
}

html[data-theme="light"] .menu-toggle{
  border-color:rgba(216,137,157,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.9));
  box-shadow:0 12px 34px rgba(77,47,64,.12), inset 0 1px rgba(255,255,255,.95);
}

html[data-theme="light"] .menu-toggle span{
  background:#4d3a44;
}

html[data-theme="light"] .header-menu-backdrop{
  background:rgba(121,95,109,.16);
}

html[data-theme="light"] .header-menu{
  border-color:rgba(216,137,157,.16);
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,250,253,.95));
  box-shadow:0 28px 80px rgba(77,47,64,.14), inset 0 1px rgba(255,255,255,.95);
}

html[data-theme="light"] .header-menu a{
  color:#745f6a;
}

html[data-theme="light"] .header-menu a:hover,
html[data-theme="light"] .header-menu a.active{
  color:#2d1f29;
  background:rgba(216,137,157,.12);
  box-shadow:inset 0 0 0 1px rgba(216,137,157,.16);
}

/* Keep the entire top header crisp while the hamburger menu is open. */
.nav-wrap{
  z-index:100!important;
}

.header-menu-backdrop{
  z-index:80!important;
}

.header-menu{
  z-index:90!important;
}

/* ===== Mobile: keep both hamburger menu and bottom navigation ===== */
@media (max-width:760px){
  .menu-toggle{
    display:inline-flex!important;
  }

  .header-menu{
    display:flex!important;
  }

  .header-menu[hidden],
  .header-menu-backdrop[hidden]{
    display:none!important;
  }

  .header-menu-backdrop:not([hidden]){
    display:block!important;
  }

  .nav-left-cluster{
    gap:10px!important;
  }
}

/* Mobile only: hide hamburger/dropdown menu; keep desktop unchanged. */
@media (max-width:760px){
  .menu-toggle,
  .header-menu,
  .header-menu-backdrop{
    display:none!important;
  }

  .nav-left-cluster{
    gap:0!important;
  }
}

/* ===== Mobile viewport lock: prevent whole page from sliding left/right ===== */
@media (max-width:760px){
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    overscroll-behavior-x:none;
  }

  body{
    position:relative;
    touch-action:pan-y pinch-zoom;
  }

  main,
  header,
  footer,
  section,
  .container{
    max-width:100%!important;
    box-sizing:border-box;
  }

  img,
  video,
  canvas,
  svg{
    max-width:100%;
  }
}

/* ===== Fuller header branding ===== */
.nav-left-cluster .brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:54px;
  line-height:1;
}

.nav-left-cluster .corrupt-logo-mark{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  display:grid!important;
  place-items:center!important;
}

.nav-left-cluster .corrupt-logo-mark img{
  width:42px!important;
  height:42px!important;
  max-width:42px!important;
  max-height:42px!important;
  object-fit:contain!important;
  display:block!important;
}

.nav-left-cluster .brand-name{
  font-size:21px!important;
  font-weight:800!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
  white-space:nowrap!important;
}

@media (max-width:760px){
  .nav{
    padding-top:8px!important;
    padding-bottom:8px!important;
  }

  .nav-left-cluster{
    grid-area:brand!important;
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
  }

  .nav-left-cluster .brand{
    min-height:50px!important;
    gap:10px!important;
  }

  .nav-left-cluster .corrupt-logo-mark{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
  }

  .nav-left-cluster .corrupt-logo-mark img{
    width:42px!important;
    height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
  }

  .nav-left-cluster .brand-name{
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:18px!important;
    line-height:1!important;
  }
}

@media (max-width:390px){
  .nav-left-cluster .brand{
    gap:8px!important;
  }

  .nav-left-cluster .corrupt-logo-mark{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }

  .nav-left-cluster .corrupt-logo-mark img{
    width:38px!important;
    height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
  }

  .nav-left-cluster .brand-name{
    font-size:16.5px!important;
  }
}

/* ===== Embedded simulated live feed ===== */
.live-feed-module{
  margin-top:26px;
  padding:22px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:24px;
  background:linear-gradient(160deg,rgba(255,255,255,.032),rgba(255,255,255,.012)),#0b0b11;
  box-shadow:0 24px 70px rgba(0,0,0,.22);
  overflow:hidden;
}

.live-feed-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}

.live-feed-head h3{
  margin:7px 0 0;
  font-size:22px;
  line-height:1.1;
  letter-spacing:-.035em;
}

.live-feed-simulated{
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  min-height:32px;
  padding:0 11px;
  border:1px solid rgba(139,104,255,.17);
  border-radius:999px;
  color:#b8addf;
  background:rgba(139,104,255,.07);
  font-size:10px;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.live-feed-simulated i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#9d87ff;
  box-shadow:0 0 12px rgba(157,135,255,.75);
}

.live-feed-list{
  display:grid;
  gap:9px;
}

.live-feed-row{
  min-width:0;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  min-height:66px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:16px;
  background:rgba(255,255,255,.018);
  animation:liveFeedIn .34s ease both;
}

@keyframes liveFeedIn{
  from{opacity:0;transform:translateY(-7px)}
  to{opacity:1;transform:translateY(0)}
}

.live-feed-avatar{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.11);
  background:
    radial-gradient(circle at 33% 26%,rgba(255,255,255,.24),transparent 28%),
    linear-gradient(145deg,var(--avatar-a,#8b68ff),var(--avatar-b,#36205b));
  color:#fff;
  font-size:13px;
  font-weight:850;
  letter-spacing:-.03em;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.18);
}

.live-feed-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.live-feed-userline{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}

.live-feed-username{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f1eff9;
  font-size:12px;
  font-weight:800;
}

.live-feed-type{
  flex:0 0 auto;
  padding:3px 7px;
  border-radius:999px;
  font-size:8px;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.live-feed-type.spin{
  color:#c6baff;
  background:rgba(139,104,255,.10);
}

.live-feed-type.trade{
  color:#8fe5bd;
  background:rgba(76,205,145,.09);
}

.live-feed-message{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#8f95a6;
  font-size:11px;
  line-height:1.4;
}

.live-feed-message strong{
  color:#d7d3e3;
  font-weight:750;
}

.live-feed-overpay{
  color:#78dcae!important;
}

.live-feed-side{
  display:flex;
  align-items:center;
  gap:10px;
  padding-left:6px;
}

.live-feed-weapon{
  width:50px;
  height:44px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:linear-gradient(145deg,var(--weapon-a,#7b3fb7),var(--weapon-b,#271541));
}

.live-feed-weapon img{
  width:86%;
  height:86%;
  object-fit:contain;
  filter:drop-shadow(0 7px 10px rgba(0,0,0,.24));
}

.live-feed-time{
  min-width:48px;
  color:#676d7c;
  font-size:9px;
  font-weight:700;
  text-align:right;
  white-space:nowrap;
}

html[data-theme="light"] .live-feed-module{
  border-color:rgba(216,137,157,.14);
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,250,253,.94));
  box-shadow:0 18px 44px rgba(77,47,64,.09);
}

html[data-theme="light"] .live-feed-row{
  border-color:rgba(45,31,41,.07);
  background:rgba(45,31,41,.018);
}

html[data-theme="light"] .live-feed-username,
html[data-theme="light"] .live-feed-message strong{
  color:#33262f;
}

html[data-theme="light"] .live-feed-message{color:#7f727b}
html[data-theme="light"] .live-feed-time{color:#9b8e96}
html[data-theme="light"] .live-feed-simulated{
  color:#9b5e74;
  border-color:rgba(216,137,157,.18);
  background:rgba(216,137,157,.08);
}
html[data-theme="light"] .live-feed-simulated i{
  background:#d8899d;
  box-shadow:0 0 12px rgba(216,137,157,.48);
}

@media (max-width:760px){
  .live-feed-module{
    margin-top:18px;
    padding:16px;
    border-radius:20px;
  }

  .live-feed-head{
    align-items:flex-start;
    margin-bottom:12px;
  }

  .live-feed-head h3{
    font-size:19px;
  }

  .live-feed-simulated{
    min-height:28px;
    padding:0 9px;
    font-size:8px;
  }

  .live-feed-row{
    grid-template-columns:40px minmax(0,1fr) auto;
    gap:9px;
    min-height:60px;
    padding:9px;
    border-radius:14px;
  }

  .live-feed-avatar{
    width:40px;
    height:40px;
  }

  .live-feed-weapon{
    width:43px;
    height:40px;
    border-radius:10px;
  }

  .live-feed-side{
    gap:6px;
  }

  .live-feed-time{
    min-width:35px;
    font-size:8px;
  }

  .live-feed-message{
    font-size:10px;
  }
}

@media (max-width:420px){
  .live-feed-module{padding:13px}
  .live-feed-row{grid-template-columns:38px minmax(0,1fr) auto}
  .live-feed-avatar{width:38px;height:38px}
  .live-feed-weapon{width:38px;height:36px}
  .live-feed-time{display:none}
  .live-feed-username{font-size:11px}
}

/* Live feed generated profile avatars */
.live-feed-avatar svg{
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
}

.live-feed-avatar{
  padding:0!important;
  background:
    radial-gradient(circle at 34% 26%,rgba(255,255,255,.24),transparent 31%),
    linear-gradient(145deg,var(--avatar-a,#8b68ff),var(--avatar-b,#36205b))!important;
}


/* Public Roblox avatar images for generated live-feed examples */
.live-feed-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:50%;
}

/* Live Feed source labels */
.live-feed-origin{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:3px 8px;
  border-radius:999px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
}
.live-feed-origin.generated{
  color:#aeb3c0;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.07);
}
.live-feed-origin.live{
  color:#bdf7d5;
  background:rgba(69,190,119,.11);
  border:1px solid rgba(69,190,119,.20);
}
.live-feed-fair{color:#c9c6ff}
.live-feed-underpay{color:#ff9aa8}

html[data-theme="light"] .live-feed-origin.generated{
  color:#786e77;
  background:rgba(39,32,44,.045);
  border-color:rgba(39,32,44,.08);
}
html[data-theme="light"] .live-feed-origin.live{
  color:#28754a;
  background:rgba(69,190,119,.10);
  border-color:rgba(69,190,119,.18);
}

/* ===== Mobile username modal: keep clear of fixed bottom navigation ===== */
@media (max-width:760px){
  .username-modal{
    transform:translateY(calc(-88px - env(safe-area-inset-bottom)))!important;
  }
}

@media (max-width:390px){
  .username-modal{
    transform:translateY(calc(-82px - env(safe-area-inset-bottom)))!important;
  }
}

/* ===== Mobile weapon picker: keep clear of fixed bottom navigation ===== */
@media (max-width:760px){
  .weapon-picker{
    height:calc(92dvh - 88px - env(safe-area-inset-bottom))!important;
    max-height:calc(92dvh - 88px - env(safe-area-inset-bottom))!important;
    margin-bottom:calc(88px + env(safe-area-inset-bottom))!important;
  }
}

@media (max-width:390px){
  .weapon-picker{
    height:calc(92dvh - 82px - env(safe-area-inset-bottom))!important;
    max-height:calc(92dvh - 82px - env(safe-area-inset-bottom))!important;
    margin-bottom:calc(82px + env(safe-area-inset-bottom))!important;
  }
}

/* Home hero fairness preview: keep 0–80% green */
.showcase-meter-top strong,
html[data-theme="light"] .showcase-meter-top strong{
  color:#69e4b0!important;
}

/* ===== Multi-game chooser: MM2 / Adopt Me ===== */
.game-chooser{
  display:none;
  position:fixed;
  inset:0;
  z-index:10000;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(6,7,11,.92);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

html[data-game-chooser="open"] .game-chooser{display:flex}
html[data-game-chooser="open"] body{overflow:hidden}

.game-chooser-card{
  width:min(860px,100%);
  padding:34px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:30px;
  background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),#0b0b11;
  box-shadow:0 40px 120px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.04);
}

.game-chooser-card h1{
  margin:10px 0 10px;
  font-size:clamp(34px,5vw,58px);
  line-height:.98;
  letter-spacing:-.055em;
}

.game-chooser-card>p{
  margin:0;
  max-width:620px;
  color:#9298a8;
  font-size:14px;
  line-height:1.7;
}

.game-choice-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:28px;
}

.game-choice{
  min-height:180px;
  display:grid;
  grid-template-columns:64px minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:24px;
  text-align:left;
  border:1px solid rgba(255,255,255,.085);
  border-radius:24px;
  background:rgba(255,255,255,.024);
  color:#fff;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}

.game-choice:hover{
  transform:translateY(-3px);
  border-color:rgba(139,104,255,.34);
  background:rgba(139,104,255,.065);
  box-shadow:0 22px 48px rgba(0,0,0,.22);
}

.game-choice[data-game-choice="adoptme"]:hover{
  border-color:rgba(92,196,154,.34);
  background:rgba(92,196,154,.06);
}

.game-choice-icon{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  border-radius:18px;
  font-size:31px;
  background:linear-gradient(145deg,rgba(139,104,255,.18),rgba(139,104,255,.05));
  border:1px solid rgba(139,104,255,.18);
}

.game-choice[data-game-choice="adoptme"] .game-choice-icon{
  background:linear-gradient(145deg,rgba(92,196,154,.18),rgba(92,196,154,.05));
  border-color:rgba(92,196,154,.2);
}

.game-choice-copy{min-width:0;display:flex;flex-direction:column;gap:5px}
.game-choice-copy small{font-size:10px;letter-spacing:.14em;color:#7f8594;font-weight:800}
.game-choice-copy strong{font-size:25px;letter-spacing:-.035em}
.game-choice-copy em{font-style:normal;color:#9298a8;font-size:12px;line-height:1.5}
.game-choice-arrow{font-size:24px;color:#aa9cff}
.game-choice[data-game-choice="adoptme"] .game-choice-arrow{color:#76d7ae}
.game-chooser-note{display:block;margin-top:20px;color:#6f7583;font-size:11px}

.brand-game-badge{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 8px;
  border:1px solid rgba(139,104,255,.18);
  border-radius:999px;
  color:#b9adff;
  background:rgba(139,104,255,.07);
  font-size:8px;
  font-weight:800;
  letter-spacing:.09em;
  white-space:nowrap;
}

html[data-game="adoptme"] .brand-game-badge{
  color:#8fe0bc;
  border-color:rgba(92,196,154,.2);
  background:rgba(92,196,154,.075);
}

.switch-game-link{
  border:0;
  background:transparent;
  color:#8f95a4;
  font-size:12px;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
}
.switch-game-link:hover{color:#c5bbff}

.item-emoji,
.item-letter{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  font-size:clamp(28px,4vw,58px);
  line-height:1;
  filter:drop-shadow(0 9px 12px rgba(0,0,0,.2));
}

.picker-item-art .item-emoji,.picker-item-art .item-letter{font-size:28px}
.slot-weapon-art .item-emoji,.slot-weapon-art .item-letter{font-size:42px}
.spin-strip-art .item-emoji,.spin-strip-art .item-letter{font-size:72px}
.value-card-art .item-emoji,.value-card-art .item-letter{font-size:44px}
.server-trade-item .item-emoji,.server-trade-item .item-letter{font-size:18px}
.live-feed-weapon .item-emoji,.live-feed-weapon .item-letter{font-size:27px}
.weapon-confirm-art .item-emoji,.weapon-confirm-art .item-letter{font-size:72px}

.adoptme-demo-note{
  margin:16px 0 0;
  color:#7f8696;
  font-size:11px;
  line-height:1.6;
}

[data-game-only][hidden]{display:none!important}

html[data-theme="light"] .game-chooser{
  background:rgba(248,247,250,.93);
}
html[data-theme="light"] .game-chooser-card{
  background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(255,250,253,.96));
  border-color:rgba(51,34,45,.09);
  box-shadow:0 36px 90px rgba(77,47,64,.13),inset 0 1px #fff;
}
html[data-theme="light"] .game-chooser-card h1,
html[data-theme="light"] .game-choice{color:#2a2027}
html[data-theme="light"] .game-choice{background:#fff;border-color:rgba(51,34,45,.09)}
html[data-theme="light"] .game-choice-copy em,
html[data-theme="light"] .game-chooser-card>p{color:#77717a}

@media (max-width:760px){
  .game-chooser{padding:14px}
  .game-chooser-card{padding:24px 18px;border-radius:24px}
  .game-choice-grid{grid-template-columns:1fr;gap:11px;margin-top:20px}
  .game-choice{min-height:128px;padding:18px;grid-template-columns:52px minmax(0,1fr) auto;border-radius:20px}
  .game-choice-icon{width:52px;height:52px;border-radius:15px;font-size:26px}
  .game-choice-copy strong{font-size:21px}
  .game-choice-copy em{font-size:11px}
  .brand-game-badge{display:none}
}
.spin-result-emoji{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  font-size:48px;
  line-height:1;
  filter:drop-shadow(0 9px 12px rgba(0,0,0,.2));
}
.spin-result-emoji[hidden]{display:none!important}
@media (max-width:760px){.spin-result-emoji{font-size:36px}}

/* ===== Full-page game landing selector ===== */
.game-chooser{
  display:none;
  position:fixed;
  inset:0;
  z-index:10000;
  padding:0;
  overflow:auto;
  background:
    radial-gradient(circle at 18% 8%,rgba(139,104,255,.18),transparent 34%),
    radial-gradient(circle at 88% 72%,rgba(92,196,154,.11),transparent 32%),
    linear-gradient(135deg,#09090f 0%,#0d0b12 48%,#111018 100%);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

html[data-game-chooser="open"] .game-chooser{display:block}
html[data-game-chooser="open"] body{overflow:hidden}

.game-landing-shell{
  min-height:100dvh;
  display:grid;
  grid-template-rows:auto 1fr auto;
  width:100%;
}

.game-landing-header{
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:14px 28px;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(8,8,13,.58);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

.game-landing-brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.game-landing-brand .brand-mark{
  width:46px;
  height:46px;
  flex:0 0 46px;
}

.game-landing-brand>span:last-child{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.game-landing-brand strong{
  font-size:19px;
  line-height:1;
  letter-spacing:-.035em;
}

.game-landing-brand small{
  color:#767d8b;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.game-landing-theme{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.035);
  color:#fff;
}

.game-landing-theme svg{
  width:19px;
  height:19px;
  fill:currentColor;
}

.game-landing-main{
  width:min(760px,calc(100% - 36px));
  margin:0 auto;
  padding:54px 0 44px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.game-landing-intro{
  text-align:center;
  margin-bottom:24px;
}

.game-landing-intro h1{
  margin:10px auto 10px;
  max-width:720px;
  font-size:clamp(38px,6vw,66px);
  line-height:.98;
  letter-spacing:-.06em;
}

.game-landing-intro p{
  margin:0 auto;
  max-width:540px;
  color:#939aaa;
  font-size:14px;
  line-height:1.7;
}

.game-landing-list{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.game-landing-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:26px;
  min-height:220px;
  padding:28px 30px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015)),#0d0d14;
  box-shadow:0 30px 80px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.035);
}

.game-landing-card::after{
  content:"";
  position:absolute;
  inset:auto -10% -65% 34%;
  height:180px;
  border-radius:50%;
  filter:blur(55px);
  pointer-events:none;
  opacity:.45;
}

.game-landing-card-mm2::after{background:#7d5cff}
.game-landing-card-adoptme::after{background:#4bc897}

.game-landing-card-copy{
  position:relative;
  z-index:1;
  min-width:0;
}

.game-landing-pill{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:0 10px;
  border-radius:999px;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  color:#cbbfff;
  background:rgba(139,104,255,.12);
  border:1px solid rgba(139,104,255,.18);
}

.game-landing-card-adoptme .game-landing-pill{
  color:#9ce8c8;
  background:rgba(92,196,154,.11);
  border-color:rgba(92,196,154,.18);
}

.game-landing-card h2{
  margin:12px 0 9px;
  font-size:clamp(28px,4vw,42px);
  line-height:1;
  letter-spacing:-.05em;
}

.game-landing-card p{
  margin:0;
  max-width:500px;
  color:#9298a8;
  font-size:13px;
  line-height:1.65;
}

.game-landing-features{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:17px;
}

.game-landing-features span{
  padding:7px 10px;
  border-radius:10px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.06);
  color:#a4aab8;
  font-size:10px;
  font-weight:750;
}

.game-landing-open{
  position:relative;
  z-index:1;
  min-width:190px;
  min-height:54px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:15px;
  border:1px solid rgba(139,104,255,.25);
  color:#fff;
  font-size:14px;
  font-weight:800;
  background:linear-gradient(135deg,#8b68ff,#714de9);
  box-shadow:0 15px 35px rgba(113,77,233,.24);
  transition:transform .18s ease,filter .18s ease;
}

.game-landing-card-adoptme .game-landing-open{
  border-color:rgba(92,196,154,.27);
  background:linear-gradient(135deg,#56c99a,#35ac7d);
  box-shadow:0 15px 35px rgba(53,172,125,.2);
}

.game-landing-open:hover{
  transform:translateY(-2px);
  filter:brightness(1.06);
}

.game-landing-footer{
  padding:18px 24px 24px;
  color:#616877;
  font-size:10px;
  font-weight:700;
  text-align:center;
  letter-spacing:.06em;
  text-transform:uppercase;
}

html[data-theme="light"] .game-chooser{
  background:
    radial-gradient(circle at 18% 8%,rgba(216,137,157,.16),transparent 34%),
    radial-gradient(circle at 88% 72%,rgba(92,196,154,.10),transparent 32%),
    linear-gradient(135deg,#fff 0%,#fff8fb 48%,#fafcff 100%);
}

html[data-theme="light"] .game-landing-header{
  border-bottom-color:rgba(51,34,45,.08);
  background:rgba(255,255,255,.72);
}

html[data-theme="light"] .game-landing-brand strong,
html[data-theme="light"] .game-landing-card h2,
html[data-theme="light"] .game-landing-intro h1{color:#2a2027}

html[data-theme="light"] .game-landing-theme{
  color:#4b3a43;
  background:#fff;
  border-color:rgba(51,34,45,.09);
}

html[data-theme="light"] .game-landing-card{
  background:rgba(255,255,255,.9);
  border-color:rgba(51,34,45,.09);
  box-shadow:0 24px 70px rgba(91,60,75,.09),inset 0 1px rgba(255,255,255,.95);
}

html[data-theme="light"] .game-landing-features span{
  color:#786b73;
  background:rgba(51,34,45,.035);
  border-color:rgba(51,34,45,.07);
}


@media (max-width:900px){
  .game-chooser::before,
  .game-chooser::after{
    opacity:.16;
    width:42vw;
    background-size:cover;
  }
}

@media (max-width:760px){
  .game-chooser::before,
  .game-chooser::after{
    display:none;
  }
  .game-landing-header{
    min-height:70px;
    padding:11px 14px;
  }

  .game-landing-brand .brand-mark{
    width:40px;
    height:40px;
    flex-basis:40px;
  }

  .game-landing-brand strong{font-size:17px}
  .game-landing-theme{width:40px;height:40px;border-radius:13px}

  .game-landing-main{
    width:min(100% - 24px,620px);
    padding:28px 0 28px;
    justify-content:flex-start;
  }

  .game-landing-intro{
    text-align:left;
    margin-bottom:18px;
  }

  .game-landing-intro h1{
    margin-left:0;
    font-size:36px;
  }

  .game-landing-intro p{
    margin-left:0;
    font-size:12px;
  }

  .game-landing-card{
    grid-template-columns:1fr;
    gap:20px;
    min-height:0;
    padding:22px 20px;
    border-radius:22px;
  }

  .game-landing-card h2{font-size:30px}
  .game-landing-card p{font-size:12px}

  .game-landing-open{
    width:100%;
    min-width:0;
    min-height:52px;
    border-radius:14px;
  }
}

/* ===== Adopt Me pet variant selector ===== */
.pet-variant-block{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(255,255,255,.025);
}
.pet-variant-block[hidden]{display:none!important}
.pet-variant-buttons{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.pet-variant-buttons button{
  min-height:56px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:13px;
  background:#0c0c13;
  color:#aeb3c1;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease;
}
.pet-variant-buttons button:hover{
  color:#fff;
  border-color:rgba(139,104,255,.35);
  transform:translateY(-1px);
}
.pet-variant-buttons button[data-pet-variant="fly"] strong{color:#59c8ff}
.pet-variant-buttons button[data-pet-variant="ride"] strong{color:#ff5da4}
.pet-variant-buttons button[data-pet-variant="neon"] strong{color:#84db47}
.pet-variant-buttons button[data-pet-variant="mega"] strong{color:#9b63ff}
.pet-variant-buttons button[data-pet-variant="fly"].active{
  color:#fff;
  border-color:rgba(89,200,255,.80);
  background:linear-gradient(145deg,#7dd9ff,#47bfff);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.20),0 10px 24px rgba(71,191,255,.30);
}
.pet-variant-buttons button[data-pet-variant="ride"].active{
  color:#fff;
  border-color:rgba(255,93,164,.82);
  background:linear-gradient(145deg,#ff82ba,#ff4f9f);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 10px 24px rgba(255,79,159,.28);
}
.pet-variant-buttons button[data-pet-variant="neon"].active{
  color:#fff;
  border-color:rgba(132,219,71,.82);
  background:linear-gradient(145deg,#96ea5d,#74d83f);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 10px 24px rgba(116,216,63,.26);
}
.pet-variant-buttons button[data-pet-variant="mega"].active{
  color:#fff;
  border-color:rgba(155,99,255,.82);
  background:linear-gradient(145deg,#ad7cff,#8b56ff);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 10px 24px rgba(139,86,255,.28);
}
.pet-variant-buttons button strong{font-size:17px;line-height:1}
.pet-variant-buttons button span{font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.pet-variant-summary{
  color:#9ea4b4;
  font-size:11px;
  font-weight:650;
}
.pet-slot-variant{
  display:inline-flex;
  align-items:center;
  margin-left:5px;
  padding:2px 5px;
  border:1px solid rgba(139,104,255,.32);
  border-radius:6px;
  background:rgba(139,104,255,.13);
  color:#c9bdff;
  font-size:8px;
  font-weight:800;
  line-height:1;
  vertical-align:middle;
}

html[data-theme="light"] .pet-variant-block{
  border-color:rgba(117,85,243,.14);
  background:rgba(117,85,243,.035);
}
html[data-theme="light"] .pet-variant-buttons button{
  border-color:rgba(35,28,46,.10);
  background:#fff;
  color:#756b76;
}
html[data-theme="light"] .pet-variant-buttons button[data-pet-variant="fly"] strong{color:#48bff8}
html[data-theme="light"] .pet-variant-buttons button[data-pet-variant="ride"] strong{color:#ff4f9f}
html[data-theme="light"] .pet-variant-buttons button[data-pet-variant="neon"] strong{color:#70cc37}
html[data-theme="light"] .pet-variant-buttons button[data-pet-variant="mega"] strong{color:#8d52ff}
html[data-theme="light"] .pet-variant-buttons button[data-pet-variant="fly"].active{
  color:#fff;
  border-color:#48bff8;
  background:linear-gradient(145deg,#7fd8ff,#48bff8);
  box-shadow:0 8px 18px rgba(72,191,248,.22);
}
html[data-theme="light"] .pet-variant-buttons button[data-pet-variant="ride"].active{
  color:#fff;
  border-color:#ff4f9f;
  background:linear-gradient(145deg,#ff8abf,#ff4f9f);
  box-shadow:0 8px 18px rgba(255,79,159,.20);
}
html[data-theme="light"] .pet-variant-buttons button[data-pet-variant="neon"].active{
  color:#fff;
  border-color:#70cc37;
  background:linear-gradient(145deg,#9be36e,#70cc37);
  box-shadow:0 8px 18px rgba(112,204,55,.18);
}
html[data-theme="light"] .pet-variant-buttons button[data-pet-variant="mega"].active{
  color:#fff;
  border-color:#8d52ff;
  background:linear-gradient(145deg,#b286ff,#8d52ff);
  box-shadow:0 8px 18px rgba(141,82,255,.20);
}
html[data-theme="light"] .pet-variant-summary{color:#7c7480}

@media (max-width:520px){
  .pet-variant-block{padding:11px;border-radius:14px}
  .pet-variant-buttons{gap:6px}
  .pet-variant-buttons button{min-height:50px;border-radius:11px}
  .pet-variant-buttons button strong{font-size:15px}
  .pet-variant-buttons button span{font-size:8px}
}
.server-pet-variant{
  position:absolute;
  left:3px;
  bottom:3px;
  padding:2px 4px;
  border-radius:5px;
  background:rgba(115,78,255,.9);
  color:#fff;
  font-size:7px;
  font-style:normal;
  font-weight:850;
  line-height:1;
  box-shadow:0 2px 8px rgba(0,0,0,.25);
}

/* ===== Adopt Me pet picker: bigger cards + rarity order friendly layout ===== */
html[data-game="adoptme"] .weapon-picker{
  width:min(1080px,96vw)!important;
  height:min(850px,90vh)!important;
  max-height:min(850px,90vh)!important;
}

html[data-game="adoptme"] .weapon-picker-top{
  padding:28px 30px 18px!important;
}

html[data-game="adoptme"] .weapon-picker-top h3{
  font-size:31px!important;
}

html[data-game="adoptme"] .weapon-picker-search{
  margin:0 30px 20px!important;
  min-height:52px!important;
  font-size:15px!important;
}

html[data-game="adoptme"] .weapon-picker-list{
  padding:0 30px 28px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:15px!important;
}

html[data-game="adoptme"] .picker-item{
  min-height:190px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:10px!important;
  padding:14px!important;
  border-radius:18px!important;
  text-align:left!important;
}

html[data-game="adoptme"] .picker-item-art{
  width:100%!important;
  height:120px!important;
  min-height:120px!important;
  border-radius:15px!important;
}

html[data-game="adoptme"] .picker-item-art img{
  width:100%!important;
  height:100%!important;
  padding:4px 8px!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}

html[data-game="adoptme"] .picker-item-meta{
  display:block!important;
  width:100%!important;
}

html[data-game="adoptme"] .picker-item-meta strong{
  font-size:15px!important;
  line-height:1.2!important;
  margin-bottom:6px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

html[data-game="adoptme"] .picker-item-meta span{
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:750!important;
  letter-spacing:.02em!important;
}

html[data-game="adoptme"] .picker-item-value{
  margin-top:auto!important;
  font-size:12px!important;
  font-weight:850!important;
}

html[data-game="adoptme"] .weapon-picker-bottom{
  padding:15px 30px 19px!important;
  font-size:11px!important;
}

@media (max-width:900px){
  html[data-game="adoptme"] .weapon-picker-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:640px){
  html[data-game="adoptme"] .weapon-picker{
    width:100%!important;
    height:calc(100dvh - 112px)!important;
    max-height:calc(100dvh - 112px)!important;
  }

  html[data-game="adoptme"] .weapon-picker-top{
    padding:18px 16px 12px!important;
  }

  html[data-game="adoptme"] .weapon-picker-top h3{
    font-size:25px!important;
  }

  html[data-game="adoptme"] .weapon-picker-search{
    margin:0 16px 14px!important;
    min-height:48px!important;
  }

  html[data-game="adoptme"] .weapon-picker-list{
    padding:0 16px 18px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  html[data-game="adoptme"] .picker-item{
    min-height:166px!important;
    padding:10px!important;
    gap:8px!important;
    border-radius:15px!important;
  }

  html[data-game="adoptme"] .picker-item-art{
    height:96px!important;
    min-height:96px!important;
    border-radius:12px!important;
  }

  html[data-game="adoptme"] .picker-item-meta strong{
    font-size:12px!important;
    margin-bottom:4px!important;
  }

  html[data-game="adoptme"] .picker-item-meta span{
    font-size:9.5px!important;
  }

  html[data-game="adoptme"] .picker-item-value{
    font-size:10px!important;
  }

  html[data-game="adoptme"] .weapon-picker-bottom{
    padding:11px 16px 14px!important;
  }
}

/* ===== Adopt Me pet picker: 4-column / 4-row view ===== */
@media (min-width:901px){
  html[data-game="adoptme"] .weapon-picker{
    width:min(1120px,96vw)!important;
    height:min(860px,92vh)!important;
    max-height:min(860px,92vh)!important;
  }

  html[data-game="adoptme"] .weapon-picker-list{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-rows:170px!important;
    gap:12px!important;
  }

  html[data-game="adoptme"] .picker-item{
    min-height:170px!important;
    height:170px!important;
    padding:10px!important;
    gap:7px!important;
    overflow:hidden!important;
  }

  html[data-game="adoptme"] .picker-item-art{
    height:108px!important;
    min-height:108px!important;
    flex:0 0 108px!important;
    padding:0!important;
    overflow:hidden!important;
  }

  html[data-game="adoptme"] .picker-item-art img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    padding:5px!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }

  html[data-game="adoptme"] .picker-item-meta strong{
    font-size:13px!important;
    line-height:1.15!important;
    margin-bottom:3px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html[data-game="adoptme"] .picker-item-meta span{
    font-size:9.5px!important;
  }

  html[data-game="adoptme"] .picker-item-value{
    font-size:10px!important;
    line-height:1!important;
  }
}

/* ===== Adopt Me pet picker: 6 x 6 desktop grid, full uncropped pictures ===== */
@media (min-width:901px){
  html[data-game="adoptme"] .weapon-picker{
    width:min(1240px,97vw)!important;
    height:min(900px,94vh)!important;
    max-height:min(900px,94vh)!important;
  }

  html[data-game="adoptme"] .weapon-picker-list{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-auto-rows:128px!important;
    gap:9px!important;
    align-content:start!important;
  }

  html[data-game="adoptme"] .picker-item{
    min-height:128px!important;
    height:128px!important;
    padding:7px!important;
    gap:4px!important;
    overflow:hidden!important;
  }

  html[data-game="adoptme"] .picker-item-art{
    width:100%!important;
    height:80px!important;
    min-height:80px!important;
    flex:0 0 80px!important;
    padding:2px!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  html[data-game="adoptme"] .picker-item-art img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    padding:2px!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    inset:auto!important;
  }

  html[data-game="adoptme"] .picker-item-meta{
    min-width:0!important;
  }

  html[data-game="adoptme"] .picker-item-meta strong{
    display:block!important;
    font-size:10.5px!important;
    line-height:1.1!important;
    margin:0 0 2px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html[data-game="adoptme"] .picker-item-meta span{
    display:block!important;
    font-size:8px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html[data-game="adoptme"] .picker-item-value{
    display:none!important;
  }
}

/* Keep images fully visible on smaller screens too. */
@media (max-width:900px){
  html[data-game="adoptme"] .picker-item-art img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    padding:4px!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }
}

/* ===== Adopt Me picker: compact screenshot-style header ===== */
@media (min-width:641px){
  html[data-game="adoptme"] .weapon-picker{
    position:relative!important;
    width:min(1080px,94vw)!important;
    height:min(790px,88vh)!important;
    max-height:min(790px,88vh)!important;
    border-radius:18px!important;
  }

  html[data-game="adoptme"] .weapon-picker-top{
    display:block!important;
    padding:18px 24px 9px!important;
  }

  html[data-game="adoptme"] .weapon-picker-top .mini-label{
    display:none!important;
  }

  html[data-game="adoptme"] .weapon-picker-top h3{
    margin:0!important;
    font-size:24px!important;
    line-height:1.15!important;
    letter-spacing:-.035em!important;
  }

  html[data-game="adoptme"] .weapon-picker-search{
    position:relative!important;
    margin:0 24px 12px!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 54px 0 14px!important;
    border-radius:8px!important;
  }

  /* Keep the close button inside the search/header area so it can never run off-screen. */
  html[data-game="adoptme"] .weapon-picker-close{
    position:absolute!important;
    z-index:12!important;
    top:59px!important;
    right:30px!important;
    width:34px!important;
    height:34px!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#f5f6fb!important;
    font-size:30px!important;
    font-weight:700!important;
    line-height:1!important;
    box-shadow:none!important;
  }

  html[data-game="adoptme"] .weapon-picker-close:hover{
    background:rgba(255,255,255,.06)!important;
  }

  html[data-game="adoptme"] .weapon-picker-list{
    padding:0 24px 18px!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-auto-rows:118px!important;
    gap:8px!important;
    overflow-y:auto!important;
    align-content:start!important;
  }

  html[data-game="adoptme"] .picker-item{
    min-height:118px!important;
    height:118px!important;
    padding:7px!important;
    gap:4px!important;
    border-radius:13px!important;
    overflow:hidden!important;
  }

  html[data-game="adoptme"] .picker-item-art{
    width:100%!important;
    height:72px!important;
    min-height:72px!important;
    flex:0 0 72px!important;
    padding:3px!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:10px!important;
  }

  html[data-game="adoptme"] .picker-item-art img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    padding:2px!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    inset:auto!important;
  }

  html[data-game="adoptme"] .picker-item-meta strong{
    font-size:10.5px!important;
    line-height:1.1!important;
    margin:0 0 2px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html[data-game="adoptme"] .picker-item-meta span{
    font-size:8px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html[data-game="adoptme"] .weapon-picker-bottom{
    padding:10px 24px 12px!important;
  }
}

/* Mobile/tablet: keep the X safely in the title row and preserve full pet art. */
@media (max-width:640px){
  html[data-game="adoptme"] .weapon-picker{
    position:relative!important;
  }

  html[data-game="adoptme"] .weapon-picker-top{
    padding-right:58px!important;
  }

  html[data-game="adoptme"] .weapon-picker-top .mini-label{
    display:none!important;
  }

  html[data-game="adoptme"] .weapon-picker-top h3{
    margin:0!important;
  }

  html[data-game="adoptme"] .weapon-picker-close{
    position:absolute!important;
    top:13px!important;
    right:14px!important;
    z-index:12!important;
  }

  html[data-game="adoptme"] .picker-item-art img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }
}


/* Hide the leftover Adopt Me Trading eyebrow/badge on the home hero. */
html[data-game="adoptme"] .hero-copy > .eyebrow {
  display: none !important;
}


.brand-game-switch{
  cursor:pointer;
  user-select:none;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.brand-game-switch:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(0,0,0,.18);
}
.brand-game-switch:focus-visible{
  outline:2px solid rgba(255,255,255,.35);
  outline-offset:2px;
}
html[data-game="adoptme"] .corrupt-logo-mark img[data-brand-logo]{
  object-fit:cover;
  object-position:center;
  filter:drop-shadow(0 0 9px rgba(112,255,208,.24));
}
html[data-game="adoptme"] .brand-game-badge{
  font-size:9px;
  letter-spacing:.06em;
  padding:7px 10px;
}


/* Fixed game-aware navbar identity */
.brand-game-toggle{cursor:pointer;user-select:none}
html[data-game="adoptme"] #headerBrandLogo,
html[data-game="adoptme"] #footerBrandLogo{
  width:46px!important;
  height:46px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#fff!important;
  border:2px solid rgba(141,224,188,.45)!important;
  box-shadow:0 0 0 3px rgba(92,196,154,.08),0 0 14px rgba(92,196,154,.22)!important;
  filter:none!important;
}
html[data-game="adoptme"] #footerBrandLogo{width:40px!important;height:40px!important}


/* ===== HARD FIX: game-aware navbar/footer logo, no extra green badge ===== */
#brandGameBadge{display:none!important}

#headerBrandToggle,
.footer-inner .brand{
  cursor:pointer;
}

/* Adopt Me: use the supplied Bat Dragon image as the visible circular logo.
   This is driven by html[data-game], so it does not depend on JS swapping src. */
html[data-game="adoptme"] #headerBrandToggle .corrupt-logo-mark,
html[data-game="adoptme"] .footer-inner .corrupt-logo-mark{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background-color:#fff!important;
  background-image:url('/assets/adoptme-batdragon-logo.webp')!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:68% 50%!important;
  border:2px solid rgba(141,224,188,.55)!important;
  box-shadow:0 0 0 3px rgba(92,196,154,.08),0 0 14px rgba(92,196,154,.24)!important;
}

html[data-game="adoptme"] #headerBrandToggle .corrupt-logo-mark > img,
html[data-game="adoptme"] .footer-inner .corrupt-logo-mark > img{
  display:none!important;
}

html[data-game="adoptme"] #headerBrandName,
html[data-game="adoptme"] #footerBrandName{
  color:#fff!important;
}

/* MM2: original logo remains visible. */
html[data-game="mm2"] #headerBrandToggle .corrupt-logo-mark,
html[data-game="mm2"] .footer-inner .corrupt-logo-mark{
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html[data-game="mm2"] #headerBrandToggle .corrupt-logo-mark > img,
html[data-game="mm2"] .footer-inner .corrupt-logo-mark > img{
  display:block!important;
}


.live-feed-trade-strip{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  margin-top:2px;
}

.live-feed-trade-items{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
  overflow-x:auto;
  scrollbar-width:none;
}
.live-feed-trade-items::-webkit-scrollbar{display:none}

.live-feed-trade-arrow{
  flex:0 0 auto;
  color:#ece8fb;
  font-size:24px;
  line-height:1;
  font-weight:900;
  opacity:.95;
}

.live-feed-mini-item{
  position:relative;
  flex:0 0 auto;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:linear-gradient(145deg,var(--weapon-a,#7b3fb7),var(--weapon-b,#271541));
}

.live-feed-mini-item img{
  width:82%;
  height:82%;
  object-fit:contain;
  filter:drop-shadow(0 6px 10px rgba(0,0,0,.24));
}

.live-feed-mini-item em,
.live-feed-mini-item b{
  position:absolute;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:16px;
  height:16px;
  padding:0 4px;
  border-radius:999px;
  background:rgba(7,8,16,.84);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-size:8px;
  font-style:normal;
  font-weight:800;
  line-height:1;
}

.live-feed-mini-item em{left:3px;bottom:3px}
.live-feed-mini-item b{right:3px;bottom:3px}

@media (max-width: 900px){
  .live-feed-trade-strip{gap:7px}
  .live-feed-trade-arrow{font-size:20px}
  .live-feed-mini-item{width:34px;height:34px;border-radius:10px}
  .live-feed-mini-item em,
  .live-feed-mini-item b{min-width:14px;height:14px;font-size:7px;padding:0 3px}
}


/* Use the uploaded BAT2SCOPE logo everywhere for both MM2 and Adopt Me. */
#headerBrandToggle .corrupt-logo-mark,
.footer-inner .corrupt-logo-mark,
.game-landing-brand .corrupt-logo-mark{
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  border-radius:14px !important;
  overflow:hidden !important;
  background:none !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.03) inset, 0 8px 18px rgba(0,0,0,.22) !important;
}

#headerBrandToggle .corrupt-logo-mark > img,
.footer-inner .corrupt-logo-mark > img,
.game-landing-brand .corrupt-logo-mark > img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  filter:none !important;
}

html[data-game="adoptme"] #headerBrandToggle .corrupt-logo-mark,
html[data-game="adoptme"] .footer-inner .corrupt-logo-mark,
html[data-game="mm2"] #headerBrandToggle .corrupt-logo-mark,
html[data-game="mm2"] .footer-inner .corrupt-logo-mark{
  background-image:none !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.03) inset, 0 8px 18px rgba(0,0,0,.22) !important;
  overflow:hidden !important;
}

html[data-game="adoptme"] #headerBrandToggle .corrupt-logo-mark > img,
html[data-game="adoptme"] .footer-inner .corrupt-logo-mark > img,
html[data-game="mm2"] #headerBrandToggle .corrupt-logo-mark > img,
html[data-game="mm2"] .footer-inner .corrupt-logo-mark > img{
  display:block !important;
}

@media (max-width: 900px){
  #headerBrandToggle .corrupt-logo-mark,
  .footer-inner .corrupt-logo-mark,
  .game-landing-brand .corrupt-logo-mark{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    border-radius:12px !important;
  }
}


/* FINAL LOGO SHAPE LOCK
   BAT2SCOPE keeps exactly the same shape in MM2 and Adopt Me. */
#headerBrandToggle .corrupt-logo-mark,
.footer-inner .corrupt-logo-mark,
.game-landing-brand .corrupt-logo-mark,
html[data-game="mm2"] #headerBrandToggle .corrupt-logo-mark,
html[data-game="adoptme"] #headerBrandToggle .corrupt-logo-mark,
html[data-game="mm2"] .footer-inner .corrupt-logo-mark,
html[data-game="adoptme"] .footer-inner .corrupt-logo-mark{
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  border-radius:14px !important;
  overflow:hidden !important;
  background:none !important;
  background-image:none !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.03) inset,0 8px 18px rgba(0,0,0,.22) !important;
  transform:none !important;
  transition:none !important;
}

#headerBrandLogo,
#footerBrandLogo,
.game-landing-brand .corrupt-logo-mark > img,
html[data-game="mm2"] #headerBrandLogo,
html[data-game="adoptme"] #headerBrandLogo,
html[data-game="mm2"] #footerBrandLogo,
html[data-game="adoptme"] #footerBrandLogo{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  max-width:none !important;
  max-height:none !important;
  border-radius:13px !important;
  object-fit:cover !important;
  object-position:center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
  transition:none !important;
}

#headerBrandToggle .corrupt-logo-mark::before,
#headerBrandToggle .corrupt-logo-mark::after,
.footer-inner .corrupt-logo-mark::before,
.footer-inner .corrupt-logo-mark::after,
.game-landing-brand .corrupt-logo-mark::before,
.game-landing-brand .corrupt-logo-mark::after{
  display:none !important;
  content:none !important;
}

#headerBrandToggle:active .corrupt-logo-mark,
#headerBrandToggle:focus .corrupt-logo-mark,
#headerBrandToggle:hover .corrupt-logo-mark{
  transform:none !important;
  border-radius:14px !important;
}

@media (max-width:900px){
  #headerBrandToggle .corrupt-logo-mark,
  .footer-inner .corrupt-logo-mark,
  .game-landing-brand .corrupt-logo-mark,
  html[data-game="mm2"] #headerBrandToggle .corrupt-logo-mark,
  html[data-game="adoptme"] #headerBrandToggle .corrupt-logo-mark,
  html[data-game="mm2"] .footer-inner .corrupt-logo-mark,
  html[data-game="adoptme"] .footer-inner .corrupt-logo-mark{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    border-radius:12px !important;
  }

  #headerBrandLogo,
  #footerBrandLogo,
  .game-landing-brand .corrupt-logo-mark > img{
    border-radius:11px !important;
  }
}


/* ===== Text-only game name in the top navbar ===== */
#headerBrandToggle.header-text-brand{
  gap:0 !important;
  padding:4px 2px !important;
  min-height:42px;
  display:inline-flex;
  align-items:center;
}
#headerBrandToggle.header-text-brand .brand-name{
  font-size:20px !important;
  font-weight:850 !important;
  letter-spacing:-.04em !important;
  color:#f3f1f8 !important;
  white-space:nowrap;
}
#headerBrandToggle.header-text-brand:hover .brand-name{
  color:#fff !important;
}

/* ===== Hero artwork instead of the old trade-desk card ===== */
.hero-art{
  position:relative;
  min-width:0;
  height:430px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  background:transparent;
  border:0;
  box-shadow:none;
}
.hero-art::before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  border-radius:50%;
  background:rgba(126,86,255,.09);
  filter:blur(80px);
  z-index:0;
  pointer-events:none;
}
.hero-art img{
  position:relative;
  z-index:1;
  display:block;
  width:min(100%,560px);
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 24px 34px rgba(0,0,0,.28));
}

@media (max-width:900px){
  #headerBrandToggle.header-text-brand .brand-name{
    font-size:17px !important;
  }
  .hero-art{
    height:340px;
    margin-top:10px;
  }
  .hero-art img{
    width:min(100%,440px);
  }
}

@media (max-width:560px){
  #headerBrandToggle.header-text-brand .brand-name{
    font-size:15px !important;
  }
  .hero-art{
    height:285px;
  }
  .hero-art img{
    width:100%;
  }
}


/* Trade live-feed: move item strip to the right side like spin cards */
.live-feed-row{
  align-items:center;
}

.live-feed-main{
  flex:1 1 auto;
}

.live-feed-side{
  margin-left:auto;
  justify-content:flex-end;
}

.live-feed-trade-side{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
}

.live-feed-trade-strip.compact{
  margin-top:0;
  gap:8px;
  padding:0;
}

.live-feed-trade-strip.compact .live-feed-trade-items{
  overflow:visible;
}

.live-feed-trade-strip.compact .live-feed-mini-item{
  width:40px;
  height:40px;
}

@media (max-width: 900px){
  .live-feed-trade-side{
    flex-direction:column-reverse;
    align-items:flex-end;
    gap:8px;
  }

  .live-feed-trade-strip.compact .live-feed-mini-item{
    width:32px;
    height:32px;
  }
}


/* ===== Adopt Me picker: keep clear of top header ===== */
@media (min-width: 641px){
  html[data-game="adoptme"] .weapon-picker-backdrop{
    place-items:start center !important;
    padding-top:64px !important;
    padding-right:20px !important;
    padding-bottom:20px !important;
    padding-left:20px !important;
  }

  html[data-game="adoptme"] .weapon-picker{
    margin-top:0 !important;
    height:min(790px, calc(100vh - 104px)) !important;
    max-height:min(790px, calc(100vh - 104px)) !important;
  }
}

@media (max-width: 640px){
  html[data-game="adoptme"] .weapon-picker-backdrop{
    padding-top:18px !important;
  }

  html[data-game="adoptme"] .weapon-picker{
    margin-top:8px !important;
    max-height:calc(100dvh - 24px) !important;
  }
}


/* FINAL: keep current picker size, only add visible space below navbar */
@media (min-width:641px){
  html[data-game="adoptme"] .weapon-picker-backdrop{
    place-items:start center !important;
    padding-top:88px !important;
    padding-right:20px !important;
    padding-bottom:20px !important;
    padding-left:20px !important;
  }

  html[data-game="adoptme"] .weapon-picker{
    margin:0 !important;
    height:min(790px,88vh) !important;
    max-height:min(790px,88vh) !important;
  }
}


/* Move Adopt Me picker close button to top-right header corner */
@media (min-width: 641px){
  html[data-game="adoptme"] .weapon-picker-top{
    position:relative !important;
    padding-right:64px !important;
  }

  html[data-game="adoptme"] .weapon-picker-close{
    position:absolute !important;
    top:12px !important;
    right:16px !important;
    z-index:20 !important;
    width:40px !important;
    height:40px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:999px !important;
    background:transparent !important;
    border:0 !important;
    color:#ffffff !important;
    font-size:34px !important;
    font-weight:700 !important;
    line-height:1 !important;
    box-shadow:none !important;
  }

  html[data-game="adoptme"] .weapon-picker-close:hover{
    background:rgba(255,255,255,.06) !important;
  }

  html[data-game="adoptme"] .weapon-picker-search{
    margin-top:0 !important;
  }
}


/* =========================================================
   MM2 MODE — FULL BLACK / RED THEME
   Adopt Me remains untouched.
   ========================================================= */

html[data-game="mm2"]{
  --bg:#030303;
  --bg-2:#070707;
  --card:#0a0a0b;
  --card-2:#101011;
  --line:rgba(255,66,66,.12);
  --line-strong:rgba(255,70,70,.22);
  --text:#fff7f7;
  --muted:#9a8588;
  --accent:#ef2d36;
  --accent-2:#ff6a70;
  --good:#ff535c;
  --shadow:0 26px 90px rgba(0,0,0,.64);
  color-scheme:dark;
}

html[data-game="mm2"] body,
html[data-game="mm2"][data-theme="light"] body{
  background:
    radial-gradient(circle at 52% -12%,rgba(225,28,39,.19),transparent 31%),
    radial-gradient(circle at 8% 56%,rgba(255,33,48,.055),transparent 27%),
    radial-gradient(circle at 94% 66%,rgba(121,0,11,.12),transparent 32%),
    linear-gradient(180deg,#050505 0%,#020202 46%,#080303 100%) !important;
  color:#fff7f7 !important;
}

html[data-game="mm2"] .site-noise{
  opacity:.045;
}

html[data-game="mm2"] .orb-1{
  background:rgba(255,26,40,.17) !important;
}
html[data-game="mm2"] .orb-2{
  background:rgba(151,0,15,.13) !important;
}

/* Navbar */
html[data-game="mm2"] .nav-wrap,
html[data-game="mm2"][data-theme="light"] .nav-wrap{
  background:rgba(3,3,4,.86) !important;
  border-bottom-color:rgba(255,69,69,.11) !important;
  box-shadow:0 8px 30px rgba(0,0,0,.25) !important;
}
html[data-game="mm2"] .brand-name,
html[data-game="mm2"] .nav-links a.active,
html[data-game="mm2"] .nav-links a:hover{
  color:#fff !important;
}
html[data-game="mm2"] .nav-links a{
  color:#9d8c8f !important;
}
html[data-game="mm2"] .menu-toggle{
  border-color:rgba(255,70,70,.16) !important;
  background:#0b0809 !important;
}
html[data-game="mm2"] .menu-toggle span{
  background:#f6eeee !important;
}

/* Hero */
html[data-game="mm2"] .hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 35%,rgba(235,32,46,.075),transparent 35%);
}
html[data-game="mm2"] .hero h1 em{
  background:linear-gradient(90deg,#ffffff 0%,#ff9a9e 35%,#ff4d56 68%,#d91621 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
html[data-game="mm2"] .eyebrow,
html[data-game="mm2"] .mini-label{
  color:#b9989c !important;
}
html[data-game="mm2"] .eyebrow span{
  background:#f1323d !important;
  box-shadow:0 0 18px rgba(241,50,61,.9) !important;
}
html[data-game="mm2"] .hero-copy{
  color:#9a888b !important;
}

/* Buttons */
html[data-game="mm2"] .primary-btn,
html[data-game="mm2"] .spin-btn,
html[data-game="mm2"] .spin-claim-btn,
html[data-game="mm2"] .server-join-button,
html[data-game="mm2"] .meter-lock-btn{
  background:linear-gradient(180deg,#f1434c,#c91622) !important;
  color:#fff !important;
  border-color:rgba(255,122,126,.18) !important;
  box-shadow:0 14px 34px rgba(194,10,25,.26),inset 0 1px rgba(255,255,255,.18) !important;
}
html[data-game="mm2"] .primary-btn:hover,
html[data-game="mm2"] .spin-btn:hover,
html[data-game="mm2"] .spin-claim-btn:hover,
html[data-game="mm2"] .server-join-button:hover,
html[data-game="mm2"] .meter-lock-btn:hover{
  background:linear-gradient(180deg,#ff5961,#e11d2a) !important;
}
html[data-game="mm2"] .ghost-btn{
  background:#0c090a !important;
  border-color:rgba(255,67,78,.14) !important;
  color:#fff !important;
}
html[data-game="mm2"] .ghost-btn:hover{
  background:#160a0c !important;
  border-color:rgba(255,74,84,.28) !important;
}

/* Home cards + stats */
html[data-game="mm2"] .stats,
html[data-game="mm2"] .showcase-card,
html[data-game="mm2"] .showcase-meter,
html[data-game="mm2"] .value-pill{
  background:linear-gradient(160deg,rgba(255,41,55,.035),rgba(255,255,255,.012)),#080707 !important;
  border-color:rgba(255,68,78,.105) !important;
}
html[data-game="mm2"] .status-dot{
  background:#ff3e49 !important;
  box-shadow:0 0 14px rgba(255,62,73,.72) !important;
}
html[data-game="mm2"] .showcase-meter-top strong{
  color:#ff7f86 !important;
}
html[data-game="mm2"] .showcase-meter-track{
  background:linear-gradient(90deg,rgba(145,0,14,.52),rgba(210,28,38,.48) 50%,rgba(255,83,91,.52)) !important;
}
html[data-game="mm2"] .showcase-meter-track i{
  background:linear-gradient(90deg,rgba(255,30,44,.10),rgba(255,255,255,.14)) !important;
}
html[data-game="mm2"] .showcase-meter-track b{
  background:#ff4752 !important;
  box-shadow:0 0 0 1px rgba(255,71,82,.5),0 0 16px rgba(255,45,60,.48) !important;
}

/* Trade */
html[data-game="mm2"] .trade-shell{
  background:linear-gradient(150deg,rgba(255,34,48,.025),rgba(255,255,255,.008)),#080707 !important;
  border-color:rgba(255,67,77,.15) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.58) !important;
}
html[data-game="mm2"] .trade-panel:first-child,
html[data-game="mm2"] .trade-panel:last-child{
  border-color:rgba(255,68,77,.085) !important;
}
html[data-game="mm2"] .trade-middle{
  background:#050303 !important;
}
html[data-game="mm2"] .swap-icon{
  background:#100809 !important;
  border-color:rgba(255,72,80,.15) !important;
  color:#ff777d !important;
}
html[data-game="mm2"] .preview-slot,
html[data-game="mm2"] .item{
  background:linear-gradient(180deg,#0f0b0c,#080707) !important;
  border-color:rgba(255,68,78,.10) !important;
}
html[data-game="mm2"] .preview-slot.empty:hover,
html[data-game="mm2"] .item:hover{
  border-color:rgba(255,53,65,.45) !important;
  background:linear-gradient(180deg,rgba(190,20,32,.12),#0a0708) !important;
}
html[data-game="mm2"] .preview-slot.filled,
html[data-game="mm2"] .item.selected{
  border-color:rgba(255,53,65,.55) !important;
  background:linear-gradient(180deg,rgba(210,22,35,.13),#0b0809) !important;
  box-shadow:0 0 0 1px rgba(255,54,66,.06),0 14px 30px rgba(0,0,0,.28) !important;
}
html[data-game="mm2"] .slot-plus{
  color:#ff6d75 !important;
  background:rgba(213,23,36,.09) !important;
  border-color:rgba(255,63,73,.17) !important;
}
html[data-game="mm2"] .trade-footer,
html[data-game="mm2"] .trade-meter-card{
  background:linear-gradient(155deg,rgba(255,36,49,.035),rgba(255,255,255,.008)),#080707 !important;
  border-color:rgba(255,66,76,.12) !important;
}
html[data-game="mm2"] .trade-meter-state[data-state="overpay"],
html[data-game="mm2"] .live-feed-overpay{
  color:#ff626b !important;
}
html[data-game="mm2"] .trade-meter-state[data-state="fair"]{
  color:#ffc4c7 !important;
}
html[data-game="mm2"] .trade-meter-state[data-state="underpay"],
html[data-game="mm2"] .live-feed-underpay{
  color:#b95a61 !important;
}
html[data-game="mm2"] .trade-meter-track{
  background:linear-gradient(90deg,#4a050c 0%,#8b0d18 48%,#ef3541 100%) !important;
}
html[data-game="mm2"] .trade-meter-line,
html[data-game="mm2"] .trade-meter-marker{
  border-color:#ff7278 !important;
}

/* Inputs / search */
html[data-game="mm2"] .search-box,
html[data-game="mm2"] input,
html[data-game="mm2"] select{
  background:#070606 !important;
  border-color:rgba(255,67,78,.12) !important;
  color:#f9eeee !important;
}
html[data-game="mm2"] .search-box:focus-within,
html[data-game="mm2"] input:focus,
html[data-game="mm2"] select:focus{
  border-color:rgba(255,60,72,.42) !important;
  box-shadow:0 0 0 3px rgba(224,25,39,.075) !important;
}

/* Picker + modals */
html[data-game="mm2"] .weapon-picker,
html[data-game="mm2"] .weapon-confirm,
html[data-game="mm2"] .username-modal,
html[data-game="mm2"] .server-flow-card{
  background:linear-gradient(160deg,#100b0c,#050505) !important;
  border-color:rgba(255,67,78,.14) !important;
  box-shadow:0 40px 140px rgba(0,0,0,.78) !important;
}
html[data-game="mm2"] .weapon-picker-backdrop,
html[data-game="mm2"] .modal-backdrop,
html[data-game="mm2"] .server-flow-backdrop{
  background:rgba(0,0,0,.82) !important;
}
html[data-game="mm2"] .picker-item{
  background:#0b0909 !important;
  border-color:rgba(255,68,78,.085) !important;
}
html[data-game="mm2"] .picker-item:hover{
  background:rgba(188,18,31,.08) !important;
  border-color:rgba(255,59,70,.34) !important;
}
html[data-game="mm2"] .username-modal h3 span{
  color:#ff676f !important;
}

/* Spin */
html[data-game="mm2"] .spin-section{
  background:
    radial-gradient(circle at 78% 26%,rgba(222,22,37,.07),transparent 24%),
    linear-gradient(180deg,rgba(255,28,43,.018),rgba(255,255,255,0)) !important;
}
html[data-game="mm2"] .spin-reel-card,
html[data-game="mm2"] .spin-panel,
html[data-game="mm2"] .promo-code-box{
  background:linear-gradient(160deg,rgba(255,35,48,.035),rgba(255,255,255,.006)),#080707 !important;
  border-color:rgba(255,67,78,.12) !important;
}
html[data-game="mm2"] .spin-strip-shell{
  background:#050404 !important;
  border-color:rgba(255,61,72,.08) !important;
}
html[data-game="mm2"] .spin-strip-item{
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,21,38,.018)) !important;
  border-color:rgba(255,69,78,.08) !important;
}
html[data-game="mm2"] .spin-center-highlight{
  border-color:rgba(255,51,64,.38) !important;
  box-shadow:inset 0 0 44px rgba(199,16,29,.08),0 0 34px rgba(234,30,44,.06) !important;
}
html[data-game="mm2"] .spin-center-line{
  background:linear-gradient(180deg,transparent,#ef3340,transparent) !important;
}
html[data-game="mm2"] .promo-bonus-pill{
  color:#ff9ca1 !important;
  background:rgba(216,24,38,.10) !important;
  border-color:rgba(255,64,76,.18) !important;
}
html[data-game="mm2"] .promo-code-form button{
  background:rgba(210,22,35,.12) !important;
  border-color:rgba(255,62,73,.25) !important;
  color:#ff8b91 !important;
}
html[data-game="mm2"] .promo-code-form button:hover:not(:disabled){
  background:rgba(230,29,43,.19) !important;
}

/* Values */
html[data-game="mm2"] .value-card,
html[data-game="mm2"] .values-card,
html[data-game="mm2"] .values-grid article{
  background:linear-gradient(180deg,#0d090a,#070606) !important;
  border-color:rgba(255,64,74,.09) !important;
}

/* How it works + FAQ */
html[data-game="mm2"] .how-section{
  background:linear-gradient(180deg,rgba(255,35,48,.022),rgba(255,255,255,0)) !important;
  border-color:rgba(255,64,74,.08) !important;
}
html[data-game="mm2"] .step-card,
html[data-game="mm2"] details{
  background:linear-gradient(180deg,#0d090a,#070606) !important;
  border-color:rgba(255,64,74,.09) !important;
}
html[data-game="mm2"] .step-card:after{
  background:radial-gradient(circle,rgba(228,25,40,.17),transparent 62%) !important;
}
html[data-game="mm2"] summary span{
  color:#c17379 !important;
}

/* Live Feed */
html[data-game="mm2"] .live-feed-module,
html[data-game="mm2"] .live-feed-row{
  background:linear-gradient(160deg,rgba(255,35,48,.025),rgba(255,255,255,.006)),#080707 !important;
  border-color:rgba(255,65,75,.09) !important;
}
html[data-game="mm2"] .live-feed-type.trade{
  color:#ff777e !important;
  background:rgba(220,25,38,.10) !important;
}
html[data-game="mm2"] .live-feed-type.spin{
  color:#ffadb1 !important;
  background:rgba(169,10,24,.12) !important;
}
html[data-game="mm2"] .live-feed-origin.generated{
  color:#bd9094 !important;
  background:rgba(255,255,255,.045) !important;
}
html[data-game="mm2"] .live-feed-origin.live{
  color:#ff7179 !important;
  background:rgba(216,19,32,.11) !important;
}
html[data-game="mm2"] .live-feed-mini-item,
html[data-game="mm2"] .live-feed-weapon{
  border-color:rgba(255,72,81,.09) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015) !important;
}

/* Footer */
html[data-game="mm2"] footer,
html[data-game="mm2"][data-theme="light"] footer{
  background:#030303 !important;
  border-top-color:rgba(255,63,73,.09) !important;
}
html[data-game="mm2"] .footer-inner{
  color:#806c70 !important;
}
html[data-game="mm2"] .switch-game-link{
  color:#c87d82 !important;
}
html[data-game="mm2"] .switch-game-link:hover{
  color:#ff686f !important;
}

/* Force MM2 to remain black/red even if the old light-theme toggle is active. */
html[data-game="mm2"][data-theme="light"]{
  --text:#fff7f7 !important;
  --muted:#9a8588 !important;
  --accent:#ef2d36 !important;
  --accent-2:#ff6a70 !important;
}
html[data-game="mm2"][data-theme="light"] .trade-shell,
html[data-game="mm2"][data-theme="light"] .spin-reel-card,
html[data-game="mm2"][data-theme="light"] .spin-panel,
html[data-game="mm2"][data-theme="light"] .step-card,
html[data-game="mm2"][data-theme="light"] details,
html[data-game="mm2"][data-theme="light"] .live-feed-module,
html[data-game="mm2"][data-theme="light"] .live-feed-row,
html[data-game="mm2"][data-theme="light"] .weapon-picker,
html[data-game="mm2"][data-theme="light"] .username-modal{
  color:#fff7f7 !important;
}


/* =========================================================
   GAME-SPECIFIC THEMES
   MM2 = black/red (existing theme above)
   Adopt Me = subtle dark pink
   ========================================================= */

/* Remove the Adopt Me Trading eyebrow/badge from the hero only. */
html[data-game="adoptme"] .hero-copy > .eyebrow{
  display:none !important;
}

/* Adopt Me palette */
html[data-game="adoptme"]{
  --bg:#080609;
  --bg-2:#0d080d;
  --card:#100b10;
  --card-2:#151016;
  --line:rgba(224,116,188,.11);
  --line-strong:rgba(230,127,196,.20);
  --text:#fdfaff;
  --muted:#a88e9f;
  --accent:#c566a3;
  --accent-2:#df88bc;
  --good:#d978b2;
  color-scheme:dark;
}

html[data-game="adoptme"] body,
html[data-game="adoptme"][data-theme="light"] body{
  background:
    radial-gradient(circle at 51% -12%,rgba(171,78,139,.13),transparent 33%),
    radial-gradient(circle at 10% 58%,rgba(128,51,103,.055),transparent 28%),
    radial-gradient(circle at 93% 68%,rgba(113,43,94,.07),transparent 31%),
    linear-gradient(180deg,#0a070b 0%,#080609 48%,#0d080d 100%) !important;
  color:#fdfaff !important;
}

/* Navbar */
html[data-game="adoptme"] .nav-wrap,
html[data-game="adoptme"][data-theme="light"] .nav-wrap{
  background:rgba(9,6,10,.84) !important;
  border-bottom-color:rgba(219,119,186,.075) !important;
  box-shadow:0 8px 30px rgba(0,0,0,.24) !important;
}
html[data-game="adoptme"] .nav-links a{
  color:#a592a0 !important;
}
html[data-game="adoptme"] .nav-links a:hover,
html[data-game="adoptme"] .nav-links a.active,
html[data-game="adoptme"] .brand-name{
  color:#fdfaff !important;
}
html[data-game="adoptme"] .menu-toggle{
  background:#100b11 !important;
  border-color:rgba(224,116,188,.13) !important;
}

/* Soft pink background glow */
html[data-game="adoptme"] .orb-1{
  background:rgba(176,81,145,.10) !important;
}
html[data-game="adoptme"] .orb-2{
  background:rgba(126,55,106,.07) !important;
}

/* Hero */
html[data-game="adoptme"] .hero h1 em{
  background:linear-gradient(90deg,#fff 0%,#edc4dd 34%,#d785b7 68%,#b95795 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
html[data-game="adoptme"] .hero-copy{
  color:#a48c9d !important;
}

/* Buttons */
html[data-game="adoptme"] .primary-btn,
html[data-game="adoptme"] .spin-btn,
html[data-game="adoptme"] .spin-claim-btn,
html[data-game="adoptme"] .server-join-button,
html[data-game="adoptme"] .meter-lock-btn{
  background:linear-gradient(180deg,#d179b0,#a94f8b) !important;
  color:#fff !important;
  border-color:rgba(255,190,224,.14) !important;
  box-shadow:0 14px 34px rgba(128,43,101,.20),inset 0 1px rgba(255,255,255,.16) !important;
}
html[data-game="adoptme"] .primary-btn:hover,
html[data-game="adoptme"] .spin-btn:hover,
html[data-game="adoptme"] .spin-claim-btn:hover,
html[data-game="adoptme"] .server-join-button:hover,
html[data-game="adoptme"] .meter-lock-btn:hover{
  background:linear-gradient(180deg,#dd88ba,#b75a96) !important;
}
html[data-game="adoptme"] .ghost-btn{
  background:#100b10 !important;
  border-color:rgba(223,124,191,.12) !important;
  color:#fff !important;
}

/* Cards / sections */
html[data-game="adoptme"] .stats,
html[data-game="adoptme"] .showcase-card,
html[data-game="adoptme"] .showcase-meter,
html[data-game="adoptme"] .trade-shell,
html[data-game="adoptme"] .trade-footer,
html[data-game="adoptme"] .trade-meter-card,
html[data-game="adoptme"] .spin-reel-card,
html[data-game="adoptme"] .spin-panel,
html[data-game="adoptme"] .promo-code-box,
html[data-game="adoptme"] .value-card,
html[data-game="adoptme"] .values-card,
html[data-game="adoptme"] .step-card,
html[data-game="adoptme"] details,
html[data-game="adoptme"] .live-feed-module,
html[data-game="adoptme"] .live-feed-row{
  background:linear-gradient(160deg,rgba(224,105,178,.025),rgba(255,255,255,.006)),#0d090e !important;
  border-color:rgba(222,116,185,.09) !important;
}

/* Trade picker / modals */
html[data-game="adoptme"] .weapon-picker,
html[data-game="adoptme"] .weapon-confirm,
html[data-game="adoptme"] .username-modal,
html[data-game="adoptme"] .server-flow-card{
  background:linear-gradient(160deg,#151016,#09070a) !important;
  border-color:rgba(225,123,190,.13) !important;
  box-shadow:0 40px 140px rgba(0,0,0,.72) !important;
}
html[data-game="adoptme"] .weapon-picker-backdrop,
html[data-game="adoptme"] .modal-backdrop,
html[data-game="adoptme"] .server-flow-backdrop{
  background:rgba(4,2,5,.80) !important;
}
html[data-game="adoptme"] .picker-item{
  background:#110c12 !important;
  border-color:rgba(225,124,191,.08) !important;
}
html[data-game="adoptme"] .picker-item:hover{
  background:rgba(173,69,134,.075) !important;
  border-color:rgba(223,116,184,.27) !important;
}

/* Inputs / search */
html[data-game="adoptme"] .search-box,
html[data-game="adoptme"] input,
html[data-game="adoptme"] select{
  background:#0b080c !important;
  border-color:rgba(226,123,190,.11) !important;
  color:#fdfaff !important;
}
html[data-game="adoptme"] .search-box:focus-within,
html[data-game="adoptme"] input:focus,
html[data-game="adoptme"] select:focus{
  border-color:rgba(218,112,179,.35) !important;
  box-shadow:0 0 0 3px rgba(185,87,148,.065) !important;
}

/* Live feed */
html[data-game="adoptme"] .live-feed-type.trade{
  color:#e29bc5 !important;
  background:rgba(181,80,143,.10) !important;
}
html[data-game="adoptme"] .live-feed-type.spin{
  color:#e8afd0 !important;
  background:rgba(156,61,123,.10) !important;
}
html[data-game="adoptme"] .live-feed-origin.live{
  color:#dc92bc !important;
  background:rgba(184,79,145,.10) !important;
}
html[data-game="adoptme"] .live-feed-overpay,
html[data-game="adoptme"] .trade-meter-state[data-state="overpay"]{
  color:#dd8fba !important;
}

/* Footer */
html[data-game="adoptme"] footer,
html[data-game="adoptme"][data-theme="light"] footer{
  background:#080609 !important;
  border-top-color:rgba(220,115,184,.075) !important;
}
html[data-game="adoptme"] .switch-game-link{
  color:#c38fac !important;
}
html[data-game="adoptme"] .switch-game-link:hover{
  color:#e2a8c8 !important;
}

/* Keep the selected game's palette even if old light-mode preference exists. */
html[data-game="adoptme"][data-theme="light"]{
  --text:#fdfaff !important;
  --muted:#a88e9f !important;
  --accent:#c566a3 !important;
  --accent-2:#df88bc !important;
}


/* =========================================================
   ADOPT ME — BUBBLEGUM PANTONE 16-2120 (#EF70B2)
   Lighter/darker gradients for buttons, cards and accents
   ========================================================= */
html[data-game="adoptme"]{
  --bg:#0b070c;
  --bg-2:#130a12;
  --card:#140c13;
  --card-2:#1b1118;
  --line:rgba(139,104,255,.12);
  --line-strong:rgba(139,104,255,.24);
  --text:#fdfaff;
  --muted:#b196a7;
  --accent:#8B68FF;
  --accent-light:#f59ac9;
  --accent-dark:#714de9;
  --accent-deep:#b93f7f;
  --accent-soft:#ffd0e8;
  color-scheme:dark;
}

html[data-game="adoptme"] body,
html[data-game="adoptme"][data-theme="light"] body{
  background:
    radial-gradient(circle at 50% -10%, rgba(139,104,255,.18), transparent 30%),
    radial-gradient(circle at 12% 58%, rgba(113,77,233,.08), transparent 28%),
    radial-gradient(circle at 90% 70%, rgba(185,63,127,.08), transparent 30%),
    linear-gradient(180deg, #0a070b 0%, #0d080d 48%, #120911 100%) !important;
  color:#fdfaff !important;
}

html[data-game="adoptme"] .orb-1{
  background:rgba(139,104,255,.16) !important;
}
html[data-game="adoptme"] .orb-2{
  background:rgba(113,77,233,.10) !important;
}

html[data-game="adoptme"] .nav-wrap,
html[data-game="adoptme"][data-theme="light"] .nav-wrap{
  background:rgba(11,7,12,.86) !important;
  border-bottom-color:rgba(139,104,255,.09) !important;
}

html[data-game="adoptme"] .menu-toggle{
  background:#140c13 !important;
  border-color:rgba(139,104,255,.18) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.20) !important;
}

html[data-game="adoptme"] .brand-name,
html[data-game="adoptme"] .nav-links a:hover,
html[data-game="adoptme"] .nav-links a.active{
  color:#fdfaff !important;
}

html[data-game="adoptme"] .hero h1 em{
  background:linear-gradient(90deg, #ffffff 0%, #ffd6ea 20%, #f59ac9 48%, #8B68FF 72%, #714de9 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}

html[data-game="adoptme"] .primary-btn,
html[data-game="adoptme"] .spin-btn,
html[data-game="adoptme"] .spin-claim-btn,
html[data-game="adoptme"] .server-join-button,
html[data-game="adoptme"] .meter-lock-btn{
  background:linear-gradient(180deg, #f59ac9 0%, #8B68FF 48%, #714de9 100%) !important;
  color:#fff !important;
  border-color:rgba(255,214,234,.18) !important;
  box-shadow:0 14px 32px rgba(185,63,127,.28), inset 0 1px rgba(255,255,255,.18) !important;
}
html[data-game="adoptme"] .primary-btn:hover,
html[data-game="adoptme"] .spin-btn:hover,
html[data-game="adoptme"] .spin-claim-btn:hover,
html[data-game="adoptme"] .server-join-button:hover,
html[data-game="adoptme"] .meter-lock-btn:hover{
  background:linear-gradient(180deg, #ffd0e8 0%, #f59ac9 38%, #8B68FF 72%, #714de9 100%) !important;
}

html[data-game="adoptme"] .ghost-btn,
html[data-game="adoptme"] .promo-code-form button{
  background:linear-gradient(180deg, rgba(139,104,255,.12), rgba(113,77,233,.10)) !important;
  border-color:rgba(139,104,255,.22) !important;
  color:#ffd9ec !important;
}
html[data-game="adoptme"] .ghost-btn:hover,
html[data-game="adoptme"] .promo-code-form button:hover:not(:disabled){
  background:linear-gradient(180deg, rgba(245,154,201,.18), rgba(139,104,255,.16)) !important;
}

html[data-game="adoptme"] .stats,
html[data-game="adoptme"] .showcase-card,
html[data-game="adoptme"] .showcase-meter,
html[data-game="adoptme"] .trade-shell,
html[data-game="adoptme"] .trade-footer,
html[data-game="adoptme"] .trade-meter-card,
html[data-game="adoptme"] .spin-reel-card,
html[data-game="adoptme"] .spin-panel,
html[data-game="adoptme"] .promo-code-box,
html[data-game="adoptme"] .value-card,
html[data-game="adoptme"] .values-card,
html[data-game="adoptme"] .step-card,
html[data-game="adoptme"] details,
html[data-game="adoptme"] .live-feed-module,
html[data-game="adoptme"] .live-feed-row,
html[data-game="adoptme"] .weapon-picker,
html[data-game="adoptme"] .weapon-confirm,
html[data-game="adoptme"] .username-modal,
html[data-game="adoptme"] .server-flow-card{
  background:
    linear-gradient(160deg, rgba(245,154,201,.04), rgba(139,104,255,.025) 45%, rgba(255,255,255,.006)),
    #100a10 !important;
  border-color:rgba(139,104,255,.11) !important;
}

html[data-game="adoptme"] .step-card:after{
  background:radial-gradient(circle, rgba(139,104,255,.14), transparent 64%) !important;
}

html[data-game="adoptme"] .trade-panel:first-child,
html[data-game="adoptme"] .trade-panel:last-child,
html[data-game="adoptme"] .picker-item,
html[data-game="adoptme"] .preview-slot,
html[data-game="adoptme"] .item,
html[data-game="adoptme"] .spin-strip-item,
html[data-game="adoptme"] .live-feed-mini-item,
html[data-game="adoptme"] .live-feed-weapon{
  background:linear-gradient(180deg, rgba(139,104,255,.045), rgba(255,255,255,.01)), #120b12 !important;
  border-color:rgba(139,104,255,.10) !important;
}

html[data-game="adoptme"] .picker-item:hover,
html[data-game="adoptme"] .preview-slot.empty:hover,
html[data-game="adoptme"] .item:hover{
  background:linear-gradient(180deg, rgba(245,154,201,.12), rgba(139,104,255,.05)), #140d13 !important;
  border-color:rgba(139,104,255,.28) !important;
}

html[data-game="adoptme"] .preview-slot.filled,
html[data-game="adoptme"] .item.selected{
  background:linear-gradient(180deg, rgba(245,154,201,.16), rgba(139,104,255,.08)), #160e14 !important;
  border-color:rgba(139,104,255,.42) !important;
  box-shadow:0 0 0 1px rgba(139,104,255,.08), 0 14px 32px rgba(0,0,0,.24) !important;
}

html[data-game="adoptme"] .slot-plus,
html[data-game="adoptme"] .promo-bonus-pill{
  color:#ffd7eb !important;
  background:rgba(139,104,255,.12) !important;
  border-color:rgba(139,104,255,.20) !important;
}

html[data-game="adoptme"] .search-box,
html[data-game="adoptme"] input,
html[data-game="adoptme"] select{
  background:#0d090d !important;
  border-color:rgba(139,104,255,.13) !important;
  color:#fdfaff !important;
}
html[data-game="adoptme"] .search-box:focus-within,
html[data-game="adoptme"] input:focus,
html[data-game="adoptme"] select:focus{
  border-color:rgba(139,104,255,.42) !important;
  box-shadow:0 0 0 3px rgba(139,104,255,.08) !important;
}

html[data-game="adoptme"] .trade-meter-track,
html[data-game="adoptme"] .showcase-meter-track{
  background:linear-gradient(90deg, rgba(185,63,127,.58) 0%, rgba(113,77,233,.58) 45%, rgba(139,104,255,.58) 100%) !important;
}
html[data-game="adoptme"] .trade-meter-line,
html[data-game="adoptme"] .trade-meter-marker,
html[data-game="adoptme"] .showcase-meter-track b{
  border-color:#ffd6ea !important;
  background:#ffd6ea !important;
  box-shadow:0 0 0 1px rgba(255,214,234,.35), 0 0 16px rgba(139,104,255,.32) !important;
}

html[data-game="adoptme"] .live-feed-type.trade{
  color:#ffd9ec !important;
  background:rgba(139,104,255,.12) !important;
}
html[data-game="adoptme"] .live-feed-type.spin{
  color:#ffe6f3 !important;
  background:rgba(245,154,201,.11) !important;
}
html[data-game="adoptme"] .live-feed-origin.live{
  color:#ffd9ec !important;
  background:rgba(113,77,233,.12) !important;
}
html[data-game="adoptme"] .live-feed-overpay,
html[data-game="adoptme"] .trade-meter-state[data-state="overpay"]{
  color:#f6b4d7 !important;
}

html[data-game="adoptme"] footer,
html[data-game="adoptme"][data-theme="light"] footer{
  background:#0a070b !important;
  border-top-color:rgba(139,104,255,.08) !important;
}
html[data-game="adoptme"] .switch-game-link{
  color:#f0b1d3 !important;
}
html[data-game="adoptme"] .switch-game-link:hover{
  color:#ffd6ea !important;
}


/* =========================================================
   GLOBAL CLEANUP — remove theme toggle, stop light/white cards
   ========================================================= */
.theme-toggle{
  display:none !important;
}

/* =========================================================
   MM2 BLACK / RED — force all key cards away from white/gray
   ========================================================= */
html[data-game="mm2"],
html[data-game="mm2"][data-theme="light"]{
  --mm2-red-1:#ff5a68;
  --mm2-red-2:#f13245;
  --mm2-red-3:#bb1227;
  --mm2-red-4:#2a070c;
  --mm2-red-5:#14080c;
}

html[data-game="mm2"] .trade-shell,
html[data-game="mm2"] .trade-panel,
html[data-game="mm2"] .trade-middle,
html[data-game="mm2"] .spin-panel,
html[data-game="mm2"] .spin-panel-refined,
html[data-game="mm2"] .promo-code-box,
html[data-game="mm2"] .promo-code-box-refined,
html[data-game="mm2"] .spin-result-slot,
html[data-game="mm2"] .spin-result-placeholder,
html[data-game="mm2"] .spin-result-bar,
html[data-game="mm2"] .spin-result-reward,
html[data-game="mm2"] .showcase-card,
html[data-game="mm2"] .showcase-meter,
html[data-game="mm2"] .stats,
html[data-game="mm2"] .trade-footer,
html[data-game="mm2"] .trade-meter-card,
html[data-game="mm2"] .live-feed-module,
html[data-game="mm2"] .live-feed-row,
html[data-game="mm2"] .weapon-picker,
html[data-game="mm2"] .weapon-confirm,
html[data-game="mm2"] .username-modal,
html[data-game="mm2"] .server-flow-card,
html[data-game="mm2"][data-theme="light"] .trade-shell,
html[data-game="mm2"][data-theme="light"] .trade-panel,
html[data-game="mm2"][data-theme="light"] .trade-middle,
html[data-game="mm2"][data-theme="light"] .spin-panel,
html[data-game="mm2"][data-theme="light"] .spin-panel-refined,
html[data-game="mm2"][data-theme="light"] .promo-code-box,
html[data-game="mm2"][data-theme="light"] .promo-code-box-refined,
html[data-game="mm2"][data-theme="light"] .spin-result-slot,
html[data-game="mm2"][data-theme="light"] .spin-result-placeholder,
html[data-game="mm2"][data-theme="light"] .spin-result-bar,
html[data-game="mm2"][data-theme="light"] .spin-result-reward,
html[data-game="mm2"][data-theme="light"] .showcase-card,
html[data-game="mm2"][data-theme="light"] .showcase-meter,
html[data-game="mm2"][data-theme="light"] .stats,
html[data-game="mm2"][data-theme="light"] .trade-footer,
html[data-game="mm2"][data-theme="light"] .trade-meter-card,
html[data-game="mm2"][data-theme="light"] .live-feed-module,
html[data-game="mm2"][data-theme="light"] .live-feed-row,
html[data-game="mm2"][data-theme="light"] .weapon-picker,
html[data-game="mm2"][data-theme="light"] .weapon-confirm,
html[data-game="mm2"][data-theme="light"] .username-modal,
html[data-game="mm2"][data-theme="light"] .server-flow-card{
  background:
    linear-gradient(160deg, rgba(255,90,104,.07), rgba(241,50,69,.035) 42%, rgba(255,255,255,.01)),
    linear-gradient(180deg, #18090d 0%, #0f070a 100%) !important;
  border-color:rgba(255,90,104,.12) !important;
}

html[data-game="mm2"] .trade-middle,
html[data-game="mm2"][data-theme="light"] .trade-middle{
  background:
    linear-gradient(180deg, rgba(255,90,104,.06), rgba(241,50,69,.03)),
    #12080b !important;
}

html[data-game="mm2"] .trade-panel:first-child,
html[data-game="mm2"] .trade-panel:last-child,
html[data-game="mm2"] .item,
html[data-game="mm2"] .preview-slot,
html[data-game="mm2"] .spin-result-art,
html[data-game="mm2"] .live-feed-mini-item,
html[data-game="mm2"] .live-feed-weapon,
html[data-game="mm2"][data-theme="light"] .trade-panel:first-child,
html[data-game="mm2"][data-theme="light"] .trade-panel:last-child,
html[data-game="mm2"][data-theme="light"] .item,
html[data-game="mm2"][data-theme="light"] .preview-slot,
html[data-game="mm2"][data-theme="light"] .spin-result-art,
html[data-game="mm2"][data-theme="light"] .live-feed-mini-item,
html[data-game="mm2"][data-theme="light"] .live-feed-weapon{
  background:linear-gradient(180deg, rgba(255,90,104,.08), rgba(241,50,69,.03)), #12080b !important;
  border-color:rgba(255,90,104,.14) !important;
}

html[data-game="mm2"] .spin-result-placeholder,
html[data-game="mm2"] .spin-result-copy,
html[data-game="mm2"] .spin-result-actions .spin-claim-copy,
html[data-game="mm2"][data-theme="light"] .spin-result-placeholder,
html[data-game="mm2"][data-theme="light"] .spin-result-copy,
html[data-game="mm2"][data-theme="light"] .spin-result-actions .spin-claim-copy{
  color:#f4b3bb !important;
}

html[data-game="mm2"] .spin-panel h3,
html[data-game="mm2"] .spin-result-copy strong,
html[data-game="mm2"] .spin-result-placeholder strong,
html[data-game="mm2"][data-theme="light"] .spin-panel h3,
html[data-game="mm2"][data-theme="light"] .spin-result-copy strong,
html[data-game="mm2"][data-theme="light"] .spin-result-placeholder strong{
  color:#ffd4d9 !important;
}

html[data-game="mm2"] .spin-claim-btn,
html[data-game="mm2"] .spin-btn,
html[data-game="mm2"] .primary-btn,
html[data-game="mm2"] .meter-lock-btn,
html[data-game="mm2"][data-theme="light"] .spin-claim-btn,
html[data-game="mm2"][data-theme="light"] .spin-btn,
html[data-game="mm2"][data-theme="light"] .primary-btn,
html[data-game="mm2"][data-theme="light"] .meter-lock-btn{
  background:linear-gradient(180deg, #ff5a68 0%, #f13245 52%, #bb1227 100%) !important;
  border-color:rgba(255,198,205,.17) !important;
  color:#fff !important;
}

/* =========================================================
   ADOPT ME BUBBLEGUM — force all key cards away from white/gray
   ========================================================= */
html[data-game="adoptme"] .trade-shell,
html[data-game="adoptme"] .trade-panel,
html[data-game="adoptme"] .trade-middle,
html[data-game="adoptme"] .spin-panel,
html[data-game="adoptme"] .spin-panel-refined,
html[data-game="adoptme"] .promo-code-box,
html[data-game="adoptme"] .promo-code-box-refined,
html[data-game="adoptme"] .spin-result-slot,
html[data-game="adoptme"] .spin-result-placeholder,
html[data-game="adoptme"] .spin-result-bar,
html[data-game="adoptme"] .spin-result-reward,
html[data-game="adoptme"] .showcase-card,
html[data-game="adoptme"] .showcase-meter,
html[data-game="adoptme"] .stats,
html[data-game="adoptme"] .trade-footer,
html[data-game="adoptme"] .trade-meter-card,
html[data-game="adoptme"] .live-feed-module,
html[data-game="adoptme"] .live-feed-row,
html[data-game="adoptme"] .weapon-picker,
html[data-game="adoptme"] .weapon-confirm,
html[data-game="adoptme"] .username-modal,
html[data-game="adoptme"] .server-flow-card,
html[data-game="adoptme"][data-theme="light"] .trade-shell,
html[data-game="adoptme"][data-theme="light"] .trade-panel,
html[data-game="adoptme"][data-theme="light"] .trade-middle,
html[data-game="adoptme"][data-theme="light"] .spin-panel,
html[data-game="adoptme"][data-theme="light"] .spin-panel-refined,
html[data-game="adoptme"][data-theme="light"] .promo-code-box,
html[data-game="adoptme"][data-theme="light"] .promo-code-box-refined,
html[data-game="adoptme"][data-theme="light"] .spin-result-slot,
html[data-game="adoptme"][data-theme="light"] .spin-result-placeholder,
html[data-game="adoptme"][data-theme="light"] .spin-result-bar,
html[data-game="adoptme"][data-theme="light"] .spin-result-reward,
html[data-game="adoptme"][data-theme="light"] .showcase-card,
html[data-game="adoptme"][data-theme="light"] .showcase-meter,
html[data-game="adoptme"][data-theme="light"] .stats,
html[data-game="adoptme"][data-theme="light"] .trade-footer,
html[data-game="adoptme"][data-theme="light"] .trade-meter-card,
html[data-game="adoptme"][data-theme="light"] .live-feed-module,
html[data-game="adoptme"][data-theme="light"] .live-feed-row,
html[data-game="adoptme"][data-theme="light"] .weapon-picker,
html[data-game="adoptme"][data-theme="light"] .weapon-confirm,
html[data-game="adoptme"][data-theme="light"] .username-modal,
html[data-game="adoptme"][data-theme="light"] .server-flow-card{
  background:
    linear-gradient(160deg, rgba(245,154,201,.07), rgba(139,104,255,.04) 42%, rgba(255,255,255,.01)),
    linear-gradient(180deg, #180d15 0%, #110a10 100%) !important;
  border-color:rgba(139,104,255,.13) !important;
}

html[data-game="adoptme"] .trade-middle,
html[data-game="adoptme"][data-theme="light"] .trade-middle{
  background:
    linear-gradient(180deg, rgba(245,154,201,.08), rgba(139,104,255,.04)),
    #150d14 !important;
}

html[data-game="adoptme"] .trade-panel:first-child,
html[data-game="adoptme"] .trade-panel:last-child,
html[data-game="adoptme"] .item,
html[data-game="adoptme"] .preview-slot,
html[data-game="adoptme"] .spin-result-art,
html[data-game="adoptme"] .live-feed-mini-item,
html[data-game="adoptme"] .live-feed-weapon,
html[data-game="adoptme"][data-theme="light"] .trade-panel:first-child,
html[data-game="adoptme"][data-theme="light"] .trade-panel:last-child,
html[data-game="adoptme"][data-theme="light"] .item,
html[data-game="adoptme"][data-theme="light"] .preview-slot,
html[data-game="adoptme"][data-theme="light"] .spin-result-art,
html[data-game="adoptme"][data-theme="light"] .live-feed-mini-item,
html[data-game="adoptme"][data-theme="light"] .live-feed-weapon{
  background:linear-gradient(180deg, rgba(245,154,201,.10), rgba(139,104,255,.04)), #140c13 !important;
  border-color:rgba(139,104,255,.16) !important;
}

html[data-game="adoptme"] .spin-result-placeholder,
html[data-game="adoptme"] .spin-result-copy,
html[data-game="adoptme"] .spin-result-actions .spin-claim-copy,
html[data-game="adoptme"][data-theme="light"] .spin-result-placeholder,
html[data-game="adoptme"][data-theme="light"] .spin-result-copy,
html[data-game="adoptme"][data-theme="light"] .spin-result-actions .spin-claim-copy{
  color:#f6bfdc !important;
}

html[data-game="adoptme"] .spin-panel h3,
html[data-game="adoptme"] .spin-result-copy strong,
html[data-game="adoptme"] .spin-result-placeholder strong,
html[data-game="adoptme"][data-theme="light"] .spin-panel h3,
html[data-game="adoptme"][data-theme="light"] .spin-result-copy strong,
html[data-game="adoptme"][data-theme="light"] .spin-result-placeholder strong{
  color:#ffdced !important;
}

html[data-game="adoptme"] .spin-claim-btn,
html[data-game="adoptme"] .spin-btn,
html[data-game="adoptme"] .primary-btn,
html[data-game="adoptme"] .meter-lock-btn,
html[data-game="adoptme"][data-theme="light"] .spin-claim-btn,
html[data-game="adoptme"][data-theme="light"] .spin-btn,
html[data-game="adoptme"][data-theme="light"] .primary-btn,
html[data-game="adoptme"][data-theme="light"] .meter-lock-btn{
  background:linear-gradient(180deg, #f59ac9 0%, #8B68FF 52%, #714de9 100%) !important;
  border-color:rgba(255,214,234,.18) !important;
  color:#fff !important;
}


/* =========================================================
   HOTFIX 2 — stronger game themes, no white secondary buttons,
   brighter Adopt Me bubblegum, hide theme button everywhere.
   ========================================================= */
.theme-toggle,
#themeToggle,
.game-landing-theme,
#gameLandingTheme{
  display:none !important;
}

/* ---------- ADOPT ME : FULL BUBBLEGUM LOOK ---------- */
html[data-game="adoptme"],
html[data-game="adoptme"][data-theme="light"]{
  color-scheme:dark !important;
}

html[data-game="adoptme"] body,
html[data-game="adoptme"][data-theme="light"] body{
  background:
    radial-gradient(circle at 50% 0%, rgba(139,104,255,.26), transparent 33%),
    radial-gradient(circle at 15% 60%, rgba(245,154,201,.11), transparent 28%),
    radial-gradient(circle at 85% 68%, rgba(113,77,233,.12), transparent 30%),
    linear-gradient(180deg, #0f070d 0%, #120811 36%, #130810 100%) !important;
}

html[data-game="adoptme"] .nav-wrap,
html[data-game="adoptme"][data-theme="light"] .nav-wrap{
  background:linear-gradient(180deg, rgba(20,9,17,.92), rgba(13,7,12,.90)) !important;
  border-bottom-color:rgba(139,104,255,.16) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.25) !important;
}

html[data-game="adoptme"] .brand-name,
html[data-game="adoptme"] .nav-links a.active,
html[data-game="adoptme"] .nav-links a:hover,
html[data-game="adoptme"] .section-title,
html[data-game="adoptme"] .section-head h2,
html[data-game="adoptme"] .value-card h3,
html[data-game="adoptme"] .step-card h3,
html[data-game="adoptme"] .live-feed-head h2,
html[data-game="adoptme"] .trade-panel-title,
html[data-game="adoptme"] .promo-code-box h3,
html[data-game="adoptme"] .spin-panel h3,
html[data-game="adoptme"] .spin-result-copy strong,
html[data-game="adoptme"] .spin-result-placeholder strong,
html[data-game="adoptme"] .trade-summary-title{
  color:#ffe8f3 !important;
}

html[data-game="adoptme"] .hero h1,
html[data-game="adoptme"][data-theme="light"] .hero h1{
  background:linear-gradient(180deg, #faf8ff 0%, #ffd9ec 18%, #f8afd3 42%, #8B68FF 68%, #714de9 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}

html[data-game="adoptme"] .hero h1 em,
html[data-game="adoptme"][data-theme="light"] .hero h1 em{
  background:linear-gradient(180deg, #fdfaff 0%, #ffdcef 18%, #f7add2 45%, #8B68FF 70%, #cf4f91 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}

html[data-game="adoptme"] .hero-copy,
html[data-game="adoptme"] .hero-trust-row,
html[data-game="adoptme"] .muted,
html[data-game="adoptme"] .section-copy,
html[data-game="adoptme"] .promo-copy,
html[data-game="adoptme"] .trade-caption,
html[data-game="adoptme"] .live-feed-time,
html[data-game="adoptme"] .faq-answer,
html[data-game="adoptme"] .footer-copy{
  color:#d8afc6 !important;
}

html[data-game="adoptme"] .hero-trust-row i{
  background:#8B68FF !important;
  box-shadow:0 0 14px rgba(139,104,255,.7) !important;
}

html[data-game="adoptme"] .primary-btn,
html[data-game="adoptme"] .spin-btn,
html[data-game="adoptme"] .spin-claim-btn,
html[data-game="adoptme"] .server-join-button,
html[data-game="adoptme"] .meter-lock-btn,
html[data-game="adoptme"] .promo-code-form button,
html[data-game="adoptme"] .claim-reward-btn,
html[data-game="adoptme"] .swap-btn{
  background:linear-gradient(180deg, #ffd4e8 0%, #f8a9d1 12%, #8B68FF 52%, #714de9 100%) !important;
  color:#fff !important;
  border:1px solid rgba(255,224,238,.20) !important;
  box-shadow:0 16px 34px rgba(113,77,233,.32), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
html[data-game="adoptme"] .primary-btn:hover,
html[data-game="adoptme"] .spin-btn:hover,
html[data-game="adoptme"] .spin-claim-btn:hover,
html[data-game="adoptme"] .server-join-button:hover,
html[data-game="adoptme"] .meter-lock-btn:hover,
html[data-game="adoptme"] .promo-code-form button:hover:not(:disabled),
html[data-game="adoptme"] .claim-reward-btn:hover,
html[data-game="adoptme"] .swap-btn:hover{
  background:linear-gradient(180deg, #ffe1f0 0%, #fbc0dd 14%, #f185bf 54%, #db5ba0 100%) !important;
}

html[data-game="adoptme"] .text-btn,
html[data-game="adoptme"] .ghost-btn,
html[data-game="adoptme"] .secondary-btn,
html[data-game="adoptme"] .menu-panel a,
html[data-game="adoptme"] .bottom-nav a{
  background:linear-gradient(180deg, rgba(245,154,201,.17), rgba(139,104,255,.12)) !important;
  border:1px solid rgba(139,104,255,.20) !important;
  color:#ffe4f1 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;
}
html[data-game="adoptme"] .text-btn:hover,
html[data-game="adoptme"] .ghost-btn:hover,
html[data-game="adoptme"] .secondary-btn:hover,
html[data-game="adoptme"] .menu-panel a:hover,
html[data-game="adoptme"] .bottom-nav a:hover,
html[data-game="adoptme"] .bottom-nav a.active{
  background:linear-gradient(180deg, rgba(245,154,201,.24), rgba(139,104,255,.18)) !important;
  color:#faf8ff !important;
}

html[data-game="adoptme"] .stats,
html[data-game="adoptme"] .showcase-card,
html[data-game="adoptme"] .showcase-meter,
html[data-game="adoptme"] .trade-shell,
html[data-game="adoptme"] .trade-footer,
html[data-game="adoptme"] .trade-meter-card,
html[data-game="adoptme"] .spin-reel-card,
html[data-game="adoptme"] .spin-panel,
html[data-game="adoptme"] .promo-code-box,
html[data-game="adoptme"] .promo-code-box-refined,
html[data-game="adoptme"] .spin-panel-refined,
html[data-game="adoptme"] .spin-result-slot,
html[data-game="adoptme"] .spin-result-reward,
html[data-game="adoptme"] .spin-result-placeholder,
html[data-game="adoptme"] .spin-result-bar,
html[data-game="adoptme"] .value-card,
html[data-game="adoptme"] .values-card,
html[data-game="adoptme"] .step-card,
html[data-game="adoptme"] details,
html[data-game="adoptme"] .live-feed-module,
html[data-game="adoptme"] .live-feed-row,
html[data-game="adoptme"] .weapon-picker,
html[data-game="adoptme"] .weapon-confirm,
html[data-game="adoptme"] .username-modal,
html[data-game="adoptme"] .server-flow-card,
html[data-game="adoptme"] .hero-showcase{
  background:
    linear-gradient(160deg, rgba(255,210,232,.04), rgba(245,154,201,.08) 18%, rgba(139,104,255,.05) 48%, rgba(255,255,255,.01)),
    linear-gradient(180deg, #150b13 0%, #110910 100%) !important;
  border-color:rgba(139,104,255,.16) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.20) !important;
}

html[data-game="adoptme"] .trade-panel,
html[data-game="adoptme"] .item,
html[data-game="adoptme"] .preview-slot,
html[data-game="adoptme"] .picker-item,
html[data-game="adoptme"] .spin-strip-item,
html[data-game="adoptme"] .live-feed-mini-item,
html[data-game="adoptme"] .live-feed-weapon,
html[data-game="adoptme"] .spin-result-art{
  background:
    linear-gradient(180deg, rgba(255,224,238,.03), rgba(245,154,201,.07) 25%, rgba(139,104,255,.05) 100%),
    #170d14 !important;
  border-color:rgba(139,104,255,.18) !important;
}

html[data-game="adoptme"] .search-box,
html[data-game="adoptme"] input,
html[data-game="adoptme"] select,
html[data-game="adoptme"] textarea{
  background:linear-gradient(180deg, rgba(245,154,201,.04), rgba(139,104,255,.025)), #110910 !important;
  border-color:rgba(139,104,255,.18) !important;
  color:#faf8ff !important;
}
html[data-game="adoptme"] input::placeholder,
html[data-game="adoptme"] textarea::placeholder{
  color:#c59ab1 !important;
}

html[data-game="adoptme"] .mini-label,
html[data-game="adoptme"] .eyebrow,
html[data-game="adoptme"] .live-feed-label,
html[data-game="adoptme"] .trade-label,
html[data-game="adoptme"] .spin-label,
html[data-game="adoptme"] .footer-mini,
html[data-game="adoptme"] .trade-panel small,
html[data-game="adoptme"] .item small{
  color:#e8a9cb !important;
}

html[data-game="adoptme"] .live-feed-type.trade,
html[data-game="adoptme"] .live-feed-type.spin,
html[data-game="adoptme"] .live-feed-origin.live,
html[data-game="adoptme"] .promo-bonus-pill,
html[data-game="adoptme"] .slot-plus,
html[data-game="adoptme"] .count-pill{
  background:linear-gradient(180deg, rgba(245,154,201,.20), rgba(139,104,255,.14)) !important;
  border-color:rgba(139,104,255,.22) !important;
  color:#ffe6f3 !important;
}

html[data-game="adoptme"] .trade-meter-track,
html[data-game="adoptme"] .showcase-meter-track{
  background:linear-gradient(90deg, #b93f7f 0%, #714de9 32%, #8B68FF 68%, #f59ac9 100%) !important;
}

html[data-game="adoptme"] .trade-meter-state,
html[data-game="adoptme"] .live-feed-overpay,
html[data-game="adoptme"] .trade-overpay{
  color:#f8bbda !important;
}

/* ---------- MM2 : kill white/gray secondary surfaces ---------- */
html[data-game="mm2"] .text-btn,
html[data-game="mm2"] .ghost-btn,
html[data-game="mm2"] .secondary-btn,
html[data-game="mm2"] .menu-panel a,
html[data-game="mm2"] .bottom-nav a{
  background:linear-gradient(180deg, rgba(255,90,104,.15), rgba(241,50,69,.08)) !important;
  border:1px solid rgba(255,90,104,.18) !important;
  color:#ffd9dd !important;
}
html[data-game="mm2"] .text-btn:hover,
html[data-game="mm2"] .ghost-btn:hover,
html[data-game="mm2"] .secondary-btn:hover,
html[data-game="mm2"] .menu-panel a:hover,
html[data-game="mm2"] .bottom-nav a:hover,
html[data-game="mm2"] .bottom-nav a.active{
  background:linear-gradient(180deg, rgba(255,110,122,.20), rgba(241,50,69,.12)) !important;
  color:#fff2f3 !important;
}

html[data-game="mm2"] .live-feed-type.trade,
html[data-game="mm2"] .live-feed-type.spin,
html[data-game="mm2"] .live-feed-origin.live,
html[data-game="mm2"] .promo-bonus-pill,
html[data-game="mm2"] .slot-plus,
html[data-game="mm2"] .count-pill{
  background:linear-gradient(180deg, rgba(255,90,104,.18), rgba(241,50,69,.12)) !important;
  border-color:rgba(255,90,104,.20) !important;
  color:#ffe1e4 !important;
}


/* =========================================================
   FINAL GAME THEME LOCK
   ADOPT ME = OLD WHITE / BUBBLEGUM PINK MODE
   MM2      = BLACK / RED ONLY
   These rules intentionally sit last and override every old
   light/dark/game experiment above.
   ========================================================= */

.theme-toggle,
#themeToggle,
.game-landing-theme,
#gameLandingTheme{
  display:none !important;
}

/* =========================================================
   ADOPT ME — WHITE + BUBBLEGUM #EF70B2
   ========================================================= */
html[data-game="adoptme"],
html[data-game="adoptme"][data-theme="light"]{
  --bg:#fff8fb !important;
  --bg-2:#f4efff !important;
  --card:#ffffff !important;
  --card-2:#fff6fa !important;
  --text:#30212a !important;
  --muted:#8a6f7e !important;
  --accent:#8B68FF !important;
  --accent-2:#f59ac9 !important;
  --line:rgba(121,86,210,.12) !important;
  --line-strong:rgba(139,104,255,.26) !important;
  color-scheme:light !important;
}

html[data-game="adoptme"] body,
html[data-game="adoptme"][data-theme="light"] body{
  color:#30212a !important;
  background:
    radial-gradient(circle at 48% -8%, rgba(139,104,255,.19), transparent 31%),
    radial-gradient(circle at 12% 48%, rgba(245,154,201,.13), transparent 26%),
    radial-gradient(circle at 92% 65%, rgba(139,104,255,.10), transparent 29%),
    linear-gradient(180deg,#ffffff 0%,#fff8fb 42%,#f4efff 100%) !important;
}

html[data-game="adoptme"] .site-noise{opacity:.018 !important}
html[data-game="adoptme"] .orb-1{background:rgba(139,104,255,.16) !important}
html[data-game="adoptme"] .orb-2{background:rgba(245,154,201,.14) !important}

html[data-game="adoptme"] .nav-wrap,
html[data-game="adoptme"][data-theme="light"] .nav-wrap{
  background:rgba(255,255,255,.90) !important;
  border-bottom:1px solid rgba(121,86,210,.10) !important;
  box-shadow:0 9px 30px rgba(92,73,140,.07) !important;
}
html[data-game="adoptme"] .brand-name{color:#34232d !important}
html[data-game="adoptme"] .nav-links a{color:#856d7a !important}
html[data-game="adoptme"] .nav-links a:hover{color:#b6427c !important;background:rgba(139,104,255,.08) !important}
html[data-game="adoptme"] .nav-links a.active{
  color:#b6427c !important;
  background:linear-gradient(180deg,rgba(139,104,255,.15),rgba(139,104,255,.07)) !important;
  box-shadow:inset 0 0 0 1px rgba(139,104,255,.17),0 8px 18px rgba(139,104,255,.10) !important;
}
html[data-game="adoptme"] .menu-toggle{
  background:#faf8ff !important;
  border-color:rgba(121,86,210,.13) !important;
  box-shadow:0 8px 22px rgba(92,73,140,.07) !important;
}
html[data-game="adoptme"] .menu-toggle span{background:#5a3b4c !important}

html[data-game="adoptme"] .hero h1,
html[data-game="adoptme"] .hero h1 em{
  background:linear-gradient(95deg,#33232d 0%,#8e426c 32%,#714de9 62%,#8B68FF 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
html[data-game="adoptme"] .hero-copy,
html[data-game="adoptme"] .hero-trust-row{color:#7f6976 !important}
html[data-game="adoptme"] .hero-trust-row i{
  background:#8B68FF !important;
  box-shadow:0 0 12px rgba(139,104,255,.55) !important;
}
html[data-game="adoptme"] .eyebrow,
html[data-game="adoptme"] .mini-label{
  color:#bb568a !important;
}

/* Adopt Me buttons: all in the same bubblegum family */
html[data-game="adoptme"] .primary-btn,
html[data-game="adoptme"] .spin-btn,
html[data-game="adoptme"] .spin-claim-btn,
html[data-game="adoptme"] .server-join-button,
html[data-game="adoptme"] .meter-lock-btn,
html[data-game="adoptme"] .promo-code-form button,
html[data-game="adoptme"] .claim-reward-btn,
html[data-game="adoptme"] .swap-btn{
  color:#fff !important;
  background:linear-gradient(180deg,#f7a5cd 0%,#8B68FF 53%,#714de9 100%) !important;
  border:1px solid rgba(197,70,137,.20) !important;
  box-shadow:0 13px 28px rgba(113,77,233,.24),inset 0 1px rgba(255,255,255,.24) !important;
}
html[data-game="adoptme"] .primary-btn:hover,
html[data-game="adoptme"] .spin-btn:hover,
html[data-game="adoptme"] .spin-claim-btn:hover,
html[data-game="adoptme"] .server-join-button:hover,
html[data-game="adoptme"] .meter-lock-btn:hover,
html[data-game="adoptme"] .promo-code-form button:hover:not(:disabled),
html[data-game="adoptme"] .claim-reward-btn:hover,
html[data-game="adoptme"] .swap-btn:hover{
  background:linear-gradient(180deg,#f9b7d7 0%,#f185bd 50%,#dd5c9f 100%) !important;
}
html[data-game="adoptme"] .text-btn,
html[data-game="adoptme"] .ghost-btn,
html[data-game="adoptme"] .secondary-btn{
  color:#9e3f70 !important;
  background:linear-gradient(180deg,#ffffff,#fff3f8) !important;
  border:1px solid rgba(121,86,210,.11) !important;
  box-shadow:0 8px 20px rgba(92,73,140,.06) !important;
}
html[data-game="adoptme"] .text-btn:hover,
html[data-game="adoptme"] .ghost-btn:hover,
html[data-game="adoptme"] .secondary-btn:hover{
  background:linear-gradient(180deg,#fff8fb,#f1ebff) !important;
  border-color:rgba(139,104,255,.22) !important;
}

/* Adopt Me surfaces */
html[data-game="adoptme"] .stats,
html[data-game="adoptme"] .hero-showcase,
html[data-game="adoptme"] .showcase-card,
html[data-game="adoptme"] .showcase-meter,
html[data-game="adoptme"] .trade-shell,
html[data-game="adoptme"] .trade-panel,
html[data-game="adoptme"] .trade-footer,
html[data-game="adoptme"] .trade-meter-card,
html[data-game="adoptme"] .spin-reel-card,
html[data-game="adoptme"] .spin-panel,
html[data-game="adoptme"] .spin-panel-refined,
html[data-game="adoptme"] .promo-code-box,
html[data-game="adoptme"] .promo-code-box-refined,
html[data-game="adoptme"] .spin-result-slot,
html[data-game="adoptme"] .spin-result-placeholder,
html[data-game="adoptme"] .spin-result-bar,
html[data-game="adoptme"] .spin-result-reward,
html[data-game="adoptme"] .value-card,
html[data-game="adoptme"] .values-card,
html[data-game="adoptme"] .step-card,
html[data-game="adoptme"] details,
html[data-game="adoptme"] .live-feed-module,
html[data-game="adoptme"] .live-feed-row,
html[data-game="adoptme"] .weapon-picker,
html[data-game="adoptme"] .weapon-confirm,
html[data-game="adoptme"] .weapon-confirm-card,
html[data-game="adoptme"] .username-modal,
html[data-game="adoptme"] .server-flow-card{
  color:#34232d !important;
  background:linear-gradient(155deg,#ffffff 0%,#fdfaff 55%,#f4efff 100%) !important;
  border-color:rgba(121,86,210,.10) !important;
  box-shadow:0 18px 48px rgba(92,73,140,.08) !important;
}
html[data-game="adoptme"] .trade-middle{
  background:linear-gradient(180deg,#f7f3ff,#f1ebff) !important;
  border-color:rgba(121,86,210,.09) !important;
}
html[data-game="adoptme"] .swap-icon,
html[data-game="adoptme"] .preview-swap{
  color:#714de9 !important;
  background:#fff !important;
  border-color:rgba(121,86,210,.11) !important;
  box-shadow:0 8px 20px rgba(92,73,140,.08) !important;
}

html[data-game="adoptme"] .preview-slot,
html[data-game="adoptme"] .item,
html[data-game="adoptme"] .picker-item,
html[data-game="adoptme"] .spin-strip-item,
html[data-game="adoptme"] .live-feed-mini-item,
html[data-game="adoptme"] .live-feed-weapon,
html[data-game="adoptme"] .spin-result-art{
  background:linear-gradient(180deg,#fff,#faf8ff) !important;
  border-color:rgba(121,86,210,.09) !important;
  box-shadow:none !important;
}
html[data-game="adoptme"] .preview-slot.empty:hover,
html[data-game="adoptme"] .item:hover,
html[data-game="adoptme"] .picker-item:hover{
  background:#fff0f7 !important;
  border-color:rgba(139,104,255,.28) !important;
}
html[data-game="adoptme"] .preview-slot.filled,
html[data-game="adoptme"] .item.selected{
  background:linear-gradient(180deg,#faf8ff,#eee7ff) !important;
  border-color:rgba(139,104,255,.40) !important;
}

html[data-game="adoptme"] .search-box,
html[data-game="adoptme"] input,
html[data-game="adoptme"] select,
html[data-game="adoptme"] textarea,
html[data-game="adoptme"] .username-input-wrap{
  background:#fff6fa !important;
  border-color:rgba(121,86,210,.11) !important;
  color:#34232d !important;
}
html[data-game="adoptme"] input::placeholder,
html[data-game="adoptme"] textarea::placeholder{color:#aa8a9a !important}
html[data-game="adoptme"] .search-box:focus-within,
html[data-game="adoptme"] input:focus,
html[data-game="adoptme"] select:focus{
  background:#fff !important;
  border-color:rgba(139,104,255,.40) !important;
  box-shadow:0 0 0 3px rgba(139,104,255,.08) !important;
}

html[data-game="adoptme"] .spin-section,
html[data-game="adoptme"] .how-section{
  background:
    radial-gradient(circle at 15% 20%,rgba(139,104,255,.10),transparent 28rem),
    linear-gradient(180deg,rgba(255,248,251,.96),rgba(255,255,255,.82)) !important;
}
html[data-game="adoptme"] .spin-strip-shell{
  background:#fff0f7 !important;
  border-color:rgba(121,86,210,.09) !important;
}

html[data-game="adoptme"] .trade-meter-track-wrap{background:#fde5f0 !important}
html[data-game="adoptme"] .trade-meter-track,
html[data-game="adoptme"] .showcase-meter-track{
  background:linear-gradient(90deg,#c84c8b 0%,#714de9 36%,#8B68FF 68%,#f59ac9 100%) !important;
}
html[data-game="adoptme"] .trade-meter-state,
html[data-game="adoptme"] .live-feed-overpay{color:#c84c8b !important}

html[data-game="adoptme"] .live-feed-type.trade,
html[data-game="adoptme"] .live-feed-type.spin,
html[data-game="adoptme"] .live-feed-origin.live,
html[data-game="adoptme"] .promo-bonus-pill,
html[data-game="adoptme"] .slot-plus,
html[data-game="adoptme"] .count-pill{
  color:#b64379 !important;
  background:linear-gradient(180deg,rgba(139,104,255,.15),rgba(139,104,255,.08)) !important;
  border-color:rgba(139,104,255,.18) !important;
}

html[data-game="adoptme"] .live-feed-username,
html[data-game="adoptme"] .live-feed-message strong,
html[data-game="adoptme"] .picker-item-meta strong,
html[data-game="adoptme"] .weapon-confirm-info h4,
html[data-game="adoptme"] .preview-slot .slot-name,
html[data-game="adoptme"] .spin-strip-item strong,
html[data-game="adoptme"] .spin-result-copy strong,
html[data-game="adoptme"] .spin-result-placeholder strong{
  color:#34232d !important;
}
html[data-game="adoptme"] .live-feed-message,
html[data-game="adoptme"] .live-feed-time,
html[data-game="adoptme"] .picker-item-meta span,
html[data-game="adoptme"] .weapon-confirm-value,
html[data-game="adoptme"] .spin-strip-item small,
html[data-game="adoptme"] .spin-result-copy small,
html[data-game="adoptme"] .spin-result-actions .spin-claim-copy{
  color:#8d7481 !important;
}

html[data-game="adoptme"] footer{
  background:#fff5f9 !important;
  border-top-color:rgba(121,86,210,.09) !important;
  color:#846d79 !important;
}
html[data-game="adoptme"] .footer-inner .brand,
html[data-game="adoptme"] #footerBrandName{color:#34232d !important}
html[data-game="adoptme"] .switch-game-link{color:#b6427c !important}

/* Adopt Me picker/modal light mode */
html[data-game="adoptme"] .weapon-picker-backdrop,
html[data-game="adoptme"] .modal-backdrop,
html[data-game="adoptme"] .server-flow-backdrop{
  background:rgba(89,52,72,.27) !important;
}
html[data-game="adoptme"] .weapon-picker-close,
html[data-game="adoptme"] .weapon-confirm-close,
html[data-game="adoptme"] .username-modal-close,
html[data-game="adoptme"] .server-flow-close{
  color:#7c5b6c !important;
  background:#fff0f7 !important;
  border-color:rgba(121,86,210,.10) !important;
}

/* =========================================================
   MM2 — BLACK + RED ONLY, NO LIGHT/WHITE SURFACES
   ========================================================= */
html[data-game="mm2"],
html[data-game="mm2"][data-theme="light"]{
  --bg:#020202 !important;
  --bg-2:#070304 !important;
  --card:#0c0708 !important;
  --card-2:#12090b !important;
  --text:#fff5f6 !important;
  --muted:#a18186 !important;
  --accent:#f23b4d !important;
  --accent-2:#ff6b78 !important;
  --line:rgba(255,76,91,.12) !important;
  --line-strong:rgba(255,76,91,.24) !important;
  color-scheme:dark !important;
}

html[data-game="mm2"] body,
html[data-game="mm2"][data-theme="light"] body{
  color:#fff5f6 !important;
  background:
    radial-gradient(circle at 50% -10%,rgba(196,19,37,.20),transparent 31%),
    radial-gradient(circle at 8% 58%,rgba(144,0,18,.08),transparent 27%),
    radial-gradient(circle at 92% 66%,rgba(108,0,13,.09),transparent 28%),
    linear-gradient(180deg,#030303 0%,#020202 44%,#090304 100%) !important;
}
html[data-game="mm2"] .orb-1{background:rgba(230,26,45,.15) !important}
html[data-game="mm2"] .orb-2{background:rgba(132,0,17,.11) !important}

html[data-game="mm2"] .nav-wrap,
html[data-game="mm2"][data-theme="light"] .nav-wrap{
  background:rgba(3,3,3,.91) !important;
  border-bottom:1px solid rgba(255,69,83,.10) !important;
  box-shadow:0 10px 32px rgba(0,0,0,.28) !important;
}
html[data-game="mm2"] .brand-name{color:#fff !important}
html[data-game="mm2"] .nav-links a{color:#9b7f83 !important}
html[data-game="mm2"] .nav-links a:hover{color:#fff !important;background:rgba(242,59,77,.08) !important}
html[data-game="mm2"] .nav-links a.active{
  color:#ff9ba4 !important;
  background:linear-gradient(180deg,rgba(242,59,77,.15),rgba(164,12,29,.08)) !important;
  box-shadow:inset 0 0 0 1px rgba(242,59,77,.16) !important;
}
html[data-game="mm2"] .menu-toggle{
  background:#0e0809 !important;
  border-color:rgba(255,76,91,.15) !important;
}
html[data-game="mm2"] .menu-toggle span{background:#f8eeee !important}

html[data-game="mm2"] .hero h1,
html[data-game="mm2"] .hero h1 em{
  background:linear-gradient(95deg,#ffffff 0%,#ffb0b6 25%,#ff6b78 55%,#f23b4d 78%,#bd1127 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
html[data-game="mm2"] .hero-copy,
html[data-game="mm2"] .hero-trust-row{color:#9d8185 !important}
html[data-game="mm2"] .hero-trust-row i{background:#f23b4d !important;box-shadow:0 0 12px rgba(242,59,77,.6) !important}
html[data-game="mm2"] .eyebrow,
html[data-game="mm2"] .mini-label{color:#d36b75 !important}

html[data-game="mm2"] .primary-btn,
html[data-game="mm2"] .spin-btn,
html[data-game="mm2"] .spin-claim-btn,
html[data-game="mm2"] .server-join-button,
html[data-game="mm2"] .meter-lock-btn,
html[data-game="mm2"] .promo-code-form button,
html[data-game="mm2"] .claim-reward-btn,
html[data-game="mm2"] .swap-btn{
  color:#fff !important;
  background:linear-gradient(180deg,#ff6673 0%,#f23b4d 52%,#bd1127 100%) !important;
  border:1px solid rgba(255,129,140,.17) !important;
  box-shadow:0 14px 30px rgba(157,7,26,.25),inset 0 1px rgba(255,255,255,.13) !important;
}
html[data-game="mm2"] .text-btn,
html[data-game="mm2"] .ghost-btn,
html[data-game="mm2"] .secondary-btn{
  color:#ffc3c8 !important;
  background:linear-gradient(180deg,#160b0d,#0d0708) !important;
  border:1px solid rgba(255,76,91,.15) !important;
  box-shadow:none !important;
}
html[data-game="mm2"] .text-btn:hover,
html[data-game="mm2"] .ghost-btn:hover,
html[data-game="mm2"] .secondary-btn:hover{
  background:linear-gradient(180deg,#211013,#12080a) !important;
  border-color:rgba(255,76,91,.28) !important;
}

html[data-game="mm2"] .stats,
html[data-game="mm2"] .hero-showcase,
html[data-game="mm2"] .showcase-card,
html[data-game="mm2"] .showcase-meter,
html[data-game="mm2"] .trade-shell,
html[data-game="mm2"] .trade-panel,
html[data-game="mm2"] .trade-middle,
html[data-game="mm2"] .trade-footer,
html[data-game="mm2"] .trade-meter-card,
html[data-game="mm2"] .spin-reel-card,
html[data-game="mm2"] .spin-panel,
html[data-game="mm2"] .spin-panel-refined,
html[data-game="mm2"] .promo-code-box,
html[data-game="mm2"] .promo-code-box-refined,
html[data-game="mm2"] .spin-result-slot,
html[data-game="mm2"] .spin-result-placeholder,
html[data-game="mm2"] .spin-result-bar,
html[data-game="mm2"] .spin-result-reward,
html[data-game="mm2"] .value-card,
html[data-game="mm2"] .values-card,
html[data-game="mm2"] .step-card,
html[data-game="mm2"] details,
html[data-game="mm2"] .live-feed-module,
html[data-game="mm2"] .live-feed-row,
html[data-game="mm2"] .weapon-picker,
html[data-game="mm2"] .weapon-confirm,
html[data-game="mm2"] .weapon-confirm-card,
html[data-game="mm2"] .username-modal,
html[data-game="mm2"] .server-flow-card{
  color:#fff5f6 !important;
  background:
    linear-gradient(160deg,rgba(242,59,77,.035),rgba(255,255,255,.006)),
    linear-gradient(180deg,#0e0809 0%,#080506 100%) !important;
  border-color:rgba(255,76,91,.10) !important;
  box-shadow:0 22px 56px rgba(0,0,0,.35) !important;
}
html[data-game="mm2"] .trade-middle{background:linear-gradient(180deg,#12080a,#090506) !important}
html[data-game="mm2"] .swap-icon,
html[data-game="mm2"] .preview-swap{
  color:#ff7782 !important;
  background:#12080a !important;
  border-color:rgba(255,76,91,.14) !important;
}
html[data-game="mm2"] .preview-slot,
html[data-game="mm2"] .item,
html[data-game="mm2"] .picker-item,
html[data-game="mm2"] .spin-strip-item,
html[data-game="mm2"] .live-feed-mini-item,
html[data-game="mm2"] .live-feed-weapon,
html[data-game="mm2"] .spin-result-art{
  background:linear-gradient(180deg,#12090b,#090506) !important;
  border-color:rgba(255,76,91,.10) !important;
  box-shadow:none !important;
}
html[data-game="mm2"] .preview-slot.empty:hover,
html[data-game="mm2"] .item:hover,
html[data-game="mm2"] .picker-item:hover{
  background:linear-gradient(180deg,#1c0d10,#0d0708) !important;
  border-color:rgba(255,76,91,.28) !important;
}

html[data-game="mm2"] .search-box,
html[data-game="mm2"] input,
html[data-game="mm2"] select,
html[data-game="mm2"] textarea,
html[data-game="mm2"] .username-input-wrap{
  background:#090506 !important;
  border-color:rgba(255,76,91,.11) !important;
  color:#fff5f6 !important;
}
html[data-game="mm2"] input::placeholder,
html[data-game="mm2"] textarea::placeholder{color:#8e7377 !important}
html[data-game="mm2"] .search-box:focus-within,
html[data-game="mm2"] input:focus,
html[data-game="mm2"] select:focus{
  border-color:rgba(242,59,77,.40) !important;
  box-shadow:0 0 0 3px rgba(242,59,77,.07) !important;
}

html[data-game="mm2"] .spin-section,
html[data-game="mm2"] .how-section{
  background:radial-gradient(circle at 15% 20%,rgba(184,12,31,.07),transparent 28rem) !important;
}
html[data-game="mm2"] .spin-strip-shell{background:#080506 !important;border-color:rgba(255,76,91,.08) !important}
html[data-game="mm2"] .trade-meter-track-wrap{background:#1b0b0e !important}
html[data-game="mm2"] .trade-meter-track,
html[data-game="mm2"] .showcase-meter-track{
  background:linear-gradient(90deg,#6f0615 0%,#a80d22 35%,#f23b4d 72%,#ff6b78 100%) !important;
}
html[data-game="mm2"] .trade-meter-state,
html[data-game="mm2"] .live-feed-overpay{color:#ff7782 !important}

html[data-game="mm2"] .live-feed-type.trade,
html[data-game="mm2"] .live-feed-type.spin,
html[data-game="mm2"] .live-feed-origin.live,
html[data-game="mm2"] .promo-bonus-pill,
html[data-game="mm2"] .slot-plus,
html[data-game="mm2"] .count-pill{
  color:#ffb4ba !important;
  background:linear-gradient(180deg,rgba(242,59,77,.16),rgba(157,7,26,.09)) !important;
  border-color:rgba(255,76,91,.17) !important;
}
html[data-game="mm2"] .live-feed-username,
html[data-game="mm2"] .live-feed-message strong,
html[data-game="mm2"] .picker-item-meta strong,
html[data-game="mm2"] .weapon-confirm-info h4,
html[data-game="mm2"] .preview-slot .slot-name,
html[data-game="mm2"] .spin-strip-item strong,
html[data-game="mm2"] .spin-result-copy strong,
html[data-game="mm2"] .spin-result-placeholder strong{color:#fff1f2 !important}
html[data-game="mm2"] .live-feed-message,
html[data-game="mm2"] .live-feed-time,
html[data-game="mm2"] .picker-item-meta span,
html[data-game="mm2"] .weapon-confirm-value,
html[data-game="mm2"] .spin-strip-item small,
html[data-game="mm2"] .spin-result-copy small,
html[data-game="mm2"] .spin-result-actions .spin-claim-copy{color:#987b7f !important}

html[data-game="mm2"] footer{
  background:#030303 !important;
  border-top-color:rgba(255,76,91,.08) !important;
  color:#80696d !important;
}
html[data-game="mm2"] .footer-inner .brand,
html[data-game="mm2"] #footerBrandName{color:#fff !important}
html[data-game="mm2"] .switch-game-link{color:#d36b75 !important}

html[data-game="mm2"] .weapon-picker-backdrop,
html[data-game="mm2"] .modal-backdrop,
html[data-game="mm2"] .server-flow-backdrop{background:rgba(0,0,0,.82) !important}
html[data-game="mm2"] .weapon-picker-close,
html[data-game="mm2"] .weapon-confirm-close,
html[data-game="mm2"] .username-modal-close,
html[data-game="mm2"] .server-flow-close{
  color:#ffc3c8 !important;
  background:#12080a !important;
  border-color:rgba(255,76,91,.12) !important;
}

/* Game chooser itself matches each game's palette */
.game-landing-card-mm2{
  background:linear-gradient(160deg,#12080a,#050404) !important;
  border-color:rgba(255,76,91,.16) !important;
}
.game-landing-card-mm2 .game-landing-pill,
.game-landing-card-mm2 .game-landing-open{
  color:#ff9da5 !important;
  background:rgba(242,59,77,.10) !important;
  border-color:rgba(255,76,91,.18) !important;
}
.game-landing-card-adoptme{
  background:linear-gradient(160deg,#ffffff,#fff3f8) !important;
  border-color:rgba(239,112,178,.19) !important;
  color:#34232d !important;
}
.game-landing-card-adoptme .game-landing-pill,
.game-landing-card-adoptme .game-landing-open{
  color:#b6427c !important;
  background:rgba(239,112,178,.10) !important;
  border-color:rgba(239,112,178,.20) !important;
}


/* =========================================================
   ABSOLUTE FINAL SURFACE FIX
   Adopt Me = old white / bubblegum pink with NO large dark blocks
   MM2      = one consistent black/red surface tone everywhere
   ========================================================= */

/* Hide the disabled theme controls for good. */
html .theme-toggle,
html #themeToggle,
html .game-landing-theme,
html #gameLandingTheme{
  display:none !important;
}

/* ---------------------------------------------------------
   ADOPT ME — REMOVE ALL LARGE DARK PANELS
   --------------------------------------------------------- */
html[data-game="adoptme"] .stats,
html[data-game="adoptme"] .trade-shell,
html[data-game="adoptme"] .trade-panel,
html[data-game="adoptme"] .trade-middle,
html[data-game="adoptme"] .trade-footer,
html[data-game="adoptme"] .trade-meter-card,
html[data-game="adoptme"] .spin-reel-card,
html[data-game="adoptme"] .spin-reel-card-refined,
html[data-game="adoptme"] .spin-side-card,
html[data-game="adoptme"] .spin-panel,
html[data-game="adoptme"] .spin-panel-refined,
html[data-game="adoptme"] .promo-code-box,
html[data-game="adoptme"] .promo-code-box-refined,
html[data-game="adoptme"] .spin-result-slot,
html[data-game="adoptme"] .spin-result-placeholder,
html[data-game="adoptme"] .spin-result-bar,
html[data-game="adoptme"] .spin-result-reward,
html[data-game="adoptme"] .live-feed-module,
html[data-game="adoptme"] .live-feed-list,
html[data-game="adoptme"] .live-feed-row,
html[data-game="adoptme"] .showcase-card,
html[data-game="adoptme"] .showcase-meter,
html[data-game="adoptme"] .value-card,
html[data-game="adoptme"] .values-card,
html[data-game="adoptme"] .step-card,
html[data-game="adoptme"] details{
  color:#35252e !important;
  background:linear-gradient(155deg,#ffffff 0%,#fdfaff 58%,#fff0f7 100%) !important;
  background-color:#fdfaff !important;
  border-color:rgba(139,104,255,.14) !important;
  box-shadow:0 18px 46px rgba(140,76,108,.08) !important;
}

/* The combined spin card had transparent children inheriting old black backgrounds. */
html[data-game="adoptme"] .spin-side-card .spin-panel-refined,
html[data-game="adoptme"] .spin-side-card .spin-result-slot,
html[data-game="adoptme"] .spin-side-card .spin-result-placeholder,
html[data-game="adoptme"] .spin-side-card .spin-result-bar,
html[data-game="adoptme"] .spin-side-card .spin-result-reward{
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
}
html[data-game="adoptme"] .spin-side-card .spin-result-slot{
  border-top-color:rgba(139,104,255,.16) !important;
}

/* Promo card and its form are explicitly light. */
html[data-game="adoptme"] .promo-code-box,
html[data-game="adoptme"] .promo-code-box-refined{
  background:linear-gradient(155deg,#fdfaff 0%,#f4efff 100%) !important;
}
html[data-game="adoptme"] .promo-code-form input,
html[data-game="adoptme"] .promo-code-form-refined input{
  background:#ffffff !important;
  color:#392731 !important;
  border-color:rgba(139,104,255,.18) !important;
}

/* Trade meter should be pale pink/white, not near-black. */
html[data-game="adoptme"] .trade-meter-card{
  background:linear-gradient(155deg,#ffffff 0%,#faf8ff 62%,#ffedf6 100%) !important;
}
html[data-game="adoptme"] .trade-meter-top,
html[data-game="adoptme"] .trade-meter-copy strong{
  color:#9f5278 !important;
}
html[data-game="adoptme"] .trade-meter-copy span{
  color:#9d7a8b !important;
}
html[data-game="adoptme"] .trade-meter-state,
html[data-game="adoptme"] .trade-meter-badge{
  color:#a94376 !important;
  background:#fff !important;
  border-color:rgba(139,104,255,.20) !important;
  box-shadow:0 7px 18px rgba(140,76,108,.08) !important;
}
html[data-game="adoptme"] .trade-meter-track-wrap{
  background:transparent !important;
}

/* Home stats bar: force the old light look. */
html[data-game="adoptme"] .stats{
  background:linear-gradient(155deg,#ffffff 0%,#faf8ff 100%) !important;
}
html[data-game="adoptme"] .stats div{
  border-color:rgba(139,104,255,.12) !important;
}
html[data-game="adoptme"] .stats strong{
  color:#4a303d !important;
}
html[data-game="adoptme"] .stats span{
  color:#957687 !important;
}

/* Live feed: outer module and every row are light. */
html[data-game="adoptme"] .live-feed-module{
  background:linear-gradient(155deg,#ffffff 0%,#fff8fb 55%,#fff0f7 100%) !important;
}
html[data-game="adoptme"] .live-feed-row{
  background:linear-gradient(180deg,#ffffff 0%,#fff8fb 100%) !important;
  border-color:rgba(139,104,255,.13) !important;
}
html[data-game="adoptme"] .live-feed-head h3,
html[data-game="adoptme"] .live-feed-username,
html[data-game="adoptme"] .live-feed-message strong{
  color:#412c37 !important;
}
html[data-game="adoptme"] .live-feed-message,
html[data-game="adoptme"] .live-feed-time{
  color:#957687 !important;
}
html[data-game="adoptme"] .live-feed-simulated{
  color:#a94376 !important;
  background:linear-gradient(180deg,rgba(139,104,255,.12),rgba(139,104,255,.07)) !important;
  border-color:rgba(139,104,255,.18) !important;
}
html[data-game="adoptme"] .live-feed-simulated i{
  background:#8B68FF !important;
  box-shadow:0 0 10px rgba(139,104,255,.52) !important;
}

/* Spin text and result text become dark/pink on the light surface. */
html[data-game="adoptme"] .spin-panel h3,
html[data-game="adoptme"] .spin-panel-refined h3,
html[data-game="adoptme"] .spin-result-placeholder strong,
html[data-game="adoptme"] .spin-result-copy strong,
html[data-game="adoptme"] .promo-code-box h3,
html[data-game="adoptme"] .promo-code-box-refined h3{
  color:#432c38 !important;
}
html[data-game="adoptme"] .spin-panel > p,
html[data-game="adoptme"] .spin-panel-refined > p,
html[data-game="adoptme"] .spin-result-placeholder small,
html[data-game="adoptme"] .spin-result-copy small,
html[data-game="adoptme"] .spin-result-actions .spin-claim-copy,
html[data-game="adoptme"] .promo-code-box p,
html[data-game="adoptme"] .promo-code-box-refined p{
  color:#997789 !important;
}

/* Keep pink-only accents on white surfaces. */
html[data-game="adoptme"] .primary-btn,
html[data-game="adoptme"] .spin-btn,
html[data-game="adoptme"] .spin-claim-btn,
html[data-game="adoptme"] .meter-lock-btn,
html[data-game="adoptme"] .promo-code-form button,
html[data-game="adoptme"] .promo-code-form-refined button{
  background:linear-gradient(180deg,#f7a8cf 0%,#8B68FF 52%,#714de9 100%) !important;
  color:#fff !important;
  border-color:rgba(188,62,128,.20) !important;
}
html[data-game="adoptme"] .text-btn,
html[data-game="adoptme"] .ghost-btn,
html[data-game="adoptme"] .secondary-btn{
  background:linear-gradient(180deg,#fff,#f4efff) !important;
  color:#a43f73 !important;
  border-color:rgba(139,104,255,.18) !important;
}

/* ---------------------------------------------------------
   MM2 — ONE CONSISTENT BLACK/RED PANEL TONE
   Removes the odd extra-dark block while staying black/red.
   --------------------------------------------------------- */
html[data-game="mm2"] .stats,
html[data-game="mm2"] .trade-shell,
html[data-game="mm2"] .trade-panel,
html[data-game="mm2"] .trade-middle,
html[data-game="mm2"] .trade-footer,
html[data-game="mm2"] .trade-meter-card,
html[data-game="mm2"] .spin-reel-card,
html[data-game="mm2"] .spin-reel-card-refined,
html[data-game="mm2"] .spin-side-card,
html[data-game="mm2"] .spin-panel,
html[data-game="mm2"] .spin-panel-refined,
html[data-game="mm2"] .promo-code-box,
html[data-game="mm2"] .promo-code-box-refined,
html[data-game="mm2"] .spin-result-slot,
html[data-game="mm2"] .spin-result-placeholder,
html[data-game="mm2"] .spin-result-bar,
html[data-game="mm2"] .spin-result-reward,
html[data-game="mm2"] .live-feed-module,
html[data-game="mm2"] .live-feed-row,
html[data-game="mm2"] .showcase-card,
html[data-game="mm2"] .showcase-meter,
html[data-game="mm2"] .value-card,
html[data-game="mm2"] .values-card,
html[data-game="mm2"] .step-card,
html[data-game="mm2"] details{
  color:#fff1f2 !important;
  background:
    linear-gradient(155deg,rgba(242,59,77,.055),rgba(255,255,255,.008)),
    linear-gradient(180deg,#100708 0%,#0c0607 100%) !important;
  background-color:#0e0708 !important;
  border-color:rgba(255,76,91,.11) !important;
  box-shadow:0 20px 52px rgba(0,0,0,.31) !important;
}

/* Combined MM2 spin children stay transparent so the parent tone is uniform. */
html[data-game="mm2"] .spin-side-card .spin-panel-refined,
html[data-game="mm2"] .spin-side-card .spin-result-slot,
html[data-game="mm2"] .spin-side-card .spin-result-placeholder,
html[data-game="mm2"] .spin-side-card .spin-result-bar,
html[data-game="mm2"] .spin-side-card .spin-result-reward{
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
}
html[data-game="mm2"] .spin-side-card .spin-result-slot{
  border-top-color:rgba(255,76,91,.12) !important;
}

html[data-game="mm2"] .trade-middle{
  background:linear-gradient(180deg,#100708,#0c0607) !important;
}
html[data-game="mm2"] .trade-meter-track-wrap{
  background:transparent !important;
}
html[data-game="mm2"] .live-feed-row{
  background:linear-gradient(180deg,#110809 0%,#0d0607 100%) !important;
}
html[data-game="mm2"] .promo-code-box,
html[data-game="mm2"] .promo-code-box-refined{
  background:linear-gradient(155deg,#12080a 0%,#0d0607 100%) !important;
}

/* =========================================================
   FINAL HOTFIX — ADOPT ME back to old white/pink theme,
   MM2 red/black surfaces normalized.
   ========================================================= */

/* hide theme toggles everywhere */
.theme-toggle,
#themeToggle,
.game-landing-theme,
#gameLandingTheme{
  display:none !important;
}

/* ---------- ADOPT ME : old light pink / white theme ---------- */
html[data-game="adoptme"],
html[data-game="adoptme"][data-theme="light"]{
  color-scheme:light !important;
}

html[data-game="adoptme"] body,
html[data-game="adoptme"][data-theme="light"] body{
  background:
    radial-gradient(circle at 50% 0%, rgba(139,104,255,.12), transparent 34%),
    radial-gradient(circle at 10% 55%, rgba(245,154,201,.08), transparent 28%),
    radial-gradient(circle at 90% 70%, rgba(139,104,255,.07), transparent 30%),
    linear-gradient(180deg, #fffafd 0%, #fff6fb 38%, #fff2f8 100%) !important;
  color:#7f4f68 !important;
}

html[data-game="adoptme"] .nav-wrap,
html[data-game="adoptme"][data-theme="light"] .nav-wrap{
  background:linear-gradient(180deg, rgba(255,250,253,.96), rgba(255,245,250,.94)) !important;
  border-bottom:1px solid rgba(139,104,255,.18) !important;
  box-shadow:0 10px 28px rgba(139,104,255,.08) !important;
}

html[data-game="adoptme"] .brand-name,
html[data-game="adoptme"] .nav-links a,
html[data-game="adoptme"] .nav-links a.active,
html[data-game="adoptme"] .nav-links a:hover,
html[data-game="adoptme"] .section-title,
html[data-game="adoptme"] .section-head h2,
html[data-game="adoptme"] .value-card h3,
html[data-game="adoptme"] .step-card h3,
html[data-game="adoptme"] .live-feed-head h2,
html[data-game="adoptme"] .trade-panel-title,
html[data-game="adoptme"] .promo-code-box h3,
html[data-game="adoptme"] .spin-panel h3,
html[data-game="adoptme"] .trade-summary-title,
html[data-game="adoptme"][data-theme="light"] .brand-name,
html[data-game="adoptme"][data-theme="light"] .nav-links a,
html[data-game="adoptme"][data-theme="light"] .nav-links a.active,
html[data-game="adoptme"][data-theme="light"] .nav-links a:hover,
html[data-game="adoptme"][data-theme="light"] .section-title,
html[data-game="adoptme"][data-theme="light"] .section-head h2,
html[data-game="adoptme"][data-theme="light"] .value-card h3,
html[data-game="adoptme"][data-theme="light"] .step-card h3,
html[data-game="adoptme"][data-theme="light"] .live-feed-head h2,
html[data-game="adoptme"][data-theme="light"] .trade-panel-title,
html[data-game="adoptme"][data-theme="light"] .promo-code-box h3,
html[data-game="adoptme"][data-theme="light"] .spin-panel h3,
html[data-game="adoptme"][data-theme="light"] .trade-summary-title{
  color:#d07b9e !important;
}

html[data-game="adoptme"] .hero h1,
html[data-game="adoptme"][data-theme="light"] .hero h1,
html[data-game="adoptme"] .hero h1 em,
html[data-game="adoptme"][data-theme="light"] .hero h1 em{
  background:linear-gradient(180deg, #e89ab9 0%, #dd85aa 36%, #8B68FF 72%, #cf4f91 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}

html[data-game="adoptme"] .hero-copy,
html[data-game="adoptme"] .hero-trust-row,
html[data-game="adoptme"] .muted,
html[data-game="adoptme"] .section-copy,
html[data-game="adoptme"] .promo-copy,
html[data-game="adoptme"] .value-card p,
html[data-game="adoptme"] .step-card p,
html[data-game="adoptme"] .showcase-copy,
html[data-game="adoptme"] .trade-meter-meta,
html[data-game="adoptme"] .trade-footer-note,
html[data-game="adoptme"] .live-feed-message,
html[data-game="adoptme"] .live-feed-time,
html[data-game="adoptme"] .spin-result-copy,
html[data-game="adoptme"] .spin-result-placeholder,
html[data-game="adoptme"][data-theme="light"] .hero-copy,
html[data-game="adoptme"][data-theme="light"] .hero-trust-row,
html[data-game="adoptme"][data-theme="light"] .muted,
html[data-game="adoptme"][data-theme="light"] .section-copy,
html[data-game="adoptme"][data-theme="light"] .promo-copy,
html[data-game="adoptme"][data-theme="light"] .value-card p,
html[data-game="adoptme"][data-theme="light"] .step-card p,
html[data-game="adoptme"][data-theme="light"] .showcase-copy,
html[data-game="adoptme"][data-theme="light"] .trade-meter-meta,
html[data-game="adoptme"][data-theme="light"] .trade-footer-note,
html[data-game="adoptme"][data-theme="light"] .live-feed-message,
html[data-game="adoptme"][data-theme="light"] .live-feed-time,
html[data-game="adoptme"][data-theme="light"] .spin-result-copy,
html[data-game="adoptme"][data-theme="light"] .spin-result-placeholder{
  color:#8d6b7c !important;
}

/* main adopt me cards: NO dark blocks */
html[data-game="adoptme"] .stats,
html[data-game="adoptme"] .showcase-card,
html[data-game="adoptme"] .showcase-meter,
html[data-game="adoptme"] .trade-shell,
html[data-game="adoptme"] .trade-footer,
html[data-game="adoptme"] .trade-meter-card,
html[data-game="adoptme"] .spin-reel-card,
html[data-game="adoptme"] .spin-panel,
html[data-game="adoptme"] .spin-panel-refined,
html[data-game="adoptme"] .promo-code-box,
html[data-game="adoptme"] .promo-code-box-refined,
html[data-game="adoptme"] .value-card,
html[data-game="adoptme"] .values-card,
html[data-game="adoptme"] .step-card,
html[data-game="adoptme"] details,
html[data-game="adoptme"] .live-feed-module,
html[data-game="adoptme"] .live-feed-row,
html[data-game="adoptme"] .weapon-picker,
html[data-game="adoptme"] .weapon-confirm,
html[data-game="adoptme"] .username-modal,
html[data-game="adoptme"] .server-flow-card,
html[data-game="adoptme"] .trade-panel,
html[data-game="adoptme"] .trade-middle,
html[data-game="adoptme"] .spin-result-slot,
html[data-game="adoptme"] .spin-result-placeholder,
html[data-game="adoptme"] .spin-result-bar,
html[data-game="adoptme"] .spin-result-reward,
html[data-game="adoptme"][data-theme="light"] .stats,
html[data-game="adoptme"][data-theme="light"] .showcase-card,
html[data-game="adoptme"][data-theme="light"] .showcase-meter,
html[data-game="adoptme"][data-theme="light"] .trade-shell,
html[data-game="adoptme"][data-theme="light"] .trade-footer,
html[data-game="adoptme"][data-theme="light"] .trade-meter-card,
html[data-game="adoptme"][data-theme="light"] .spin-reel-card,
html[data-game="adoptme"][data-theme="light"] .spin-panel,
html[data-game="adoptme"][data-theme="light"] .spin-panel-refined,
html[data-game="adoptme"][data-theme="light"] .promo-code-box,
html[data-game="adoptme"][data-theme="light"] .promo-code-box-refined,
html[data-game="adoptme"][data-theme="light"] .value-card,
html[data-game="adoptme"][data-theme="light"] .values-card,
html[data-game="adoptme"][data-theme="light"] .step-card,
html[data-game="adoptme"][data-theme="light"] details,
html[data-game="adoptme"][data-theme="light"] .live-feed-module,
html[data-game="adoptme"][data-theme="light"] .live-feed-row,
html[data-game="adoptme"][data-theme="light"] .weapon-picker,
html[data-game="adoptme"][data-theme="light"] .weapon-confirm,
html[data-game="adoptme"][data-theme="light"] .username-modal,
html[data-game="adoptme"][data-theme="light"] .server-flow-card,
html[data-game="adoptme"][data-theme="light"] .trade-panel,
html[data-game="adoptme"][data-theme="light"] .trade-middle,
html[data-game="adoptme"][data-theme="light"] .spin-result-slot,
html[data-game="adoptme"][data-theme="light"] .spin-result-placeholder,
html[data-game="adoptme"][data-theme="light"] .spin-result-bar,
html[data-game="adoptme"][data-theme="light"] .spin-result-reward{
  background:
    linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(255,246,251,.98) 100%) !important;
  border-color:rgba(139,104,255,.15) !important;
  box-shadow:0 12px 32px rgba(139,104,255,.08) !important;
}

html[data-game="adoptme"] .trade-middle,
html[data-game="adoptme"][data-theme="light"] .trade-middle{
  background:linear-gradient(180deg, #faf8ff 0%, #f4efff 100%) !important;
}

/* inner dark item slots stay dark plum for contrast */
html[data-game="adoptme"] .item,
html[data-game="adoptme"] .preview-slot,
html[data-game="adoptme"] .spin-strip-item,
html[data-game="adoptme"] .spin-result-art,
html[data-game="adoptme"] .live-feed-mini-item,
html[data-game="adoptme"] .live-feed-weapon,
html[data-game="adoptme"] .picker-item,
html[data-game="adoptme"][data-theme="light"] .item,
html[data-game="adoptme"][data-theme="light"] .preview-slot,
html[data-game="adoptme"][data-theme="light"] .spin-strip-item,
html[data-game="adoptme"][data-theme="light"] .spin-result-art,
html[data-game="adoptme"][data-theme="light"] .live-feed-mini-item,
html[data-game="adoptme"][data-theme="light"] .live-feed-weapon,
html[data-game="adoptme"][data-theme="light"] .picker-item{
  background:linear-gradient(180deg, #351322 0%, #28101d 100%) !important;
  border-color:rgba(139,104,255,.16) !important;
}

html[data-game="adoptme"] .slot-plus,
html[data-game="adoptme"] .promo-bonus-pill,
html[data-game="adoptme"][data-theme="light"] .slot-plus,
html[data-game="adoptme"][data-theme="light"] .promo-bonus-pill{
  background:linear-gradient(180deg, #f59ac9 0%, #8B68FF 100%) !important;
  color:#fff !important;
  border-color:rgba(139,104,255,.22) !important;
}

html[data-game="adoptme"] .primary-btn,
html[data-game="adoptme"] .spin-btn,
html[data-game="adoptme"] .spin-claim-btn,
html[data-game="adoptme"] .server-join-button,
html[data-game="adoptme"] .meter-lock-btn,
html[data-game="adoptme"][data-theme="light"] .primary-btn,
html[data-game="adoptme"][data-theme="light"] .spin-btn,
html[data-game="adoptme"][data-theme="light"] .spin-claim-btn,
html[data-game="adoptme"][data-theme="light"] .server-join-button,
html[data-game="adoptme"][data-theme="light"] .meter-lock-btn{
  background:linear-gradient(180deg, #f59ac9 0%, #8B68FF 54%, #d85799 100%) !important;
  color:#fff !important;
  border-color:rgba(139,104,255,.18) !important;
  box-shadow:0 12px 24px rgba(139,104,255,.18) !important;
}

html[data-game="adoptme"] .ghost-btn,
html[data-game="adoptme"] .promo-code-form button,
html[data-game="adoptme"][data-theme="light"] .ghost-btn,
html[data-game="adoptme"][data-theme="light"] .promo-code-form button{
  background:linear-gradient(180deg, #fffefe 0%, #fff3f8 100%) !important;
  color:#b25f87 !important;
  border-color:rgba(139,104,255,.16) !important;
}

html[data-game="adoptme"] input,
html[data-game="adoptme"] select,
html[data-game="adoptme"] .search-box,
html[data-game="adoptme"][data-theme="light"] input,
html[data-game="adoptme"][data-theme="light"] select,
html[data-game="adoptme"][data-theme="light"] .search-box{
  background:#fff !important;
  color:#89566f !important;
  border-color:rgba(139,104,255,.16) !important;
}

html[data-game="adoptme"] .trade-meter-track,
html[data-game="adoptme"] .showcase-meter-track,
html[data-game="adoptme"][data-theme="light"] .trade-meter-track,
html[data-game="adoptme"][data-theme="light"] .showcase-meter-track{
  background:linear-gradient(90deg, #f7bfd9 0%, #8B68FF 50%, #f7bfd9 100%) !important;
}

html[data-game="adoptme"] .trade-meter-line,
html[data-game="adoptme"] .trade-meter-marker,
html[data-game="adoptme"] .showcase-meter-track b,
html[data-game="adoptme"][data-theme="light"] .trade-meter-line,
html[data-game="adoptme"][data-theme="light"] .trade-meter-marker,
html[data-game="adoptme"][data-theme="light"] .showcase-meter-track b{
  background:#b96088 !important;
}

/* ---------- MM2 : remove mismatched darker spot ---------- */
html[data-game="mm2"] .spin-result-slot,
html[data-game="mm2"] .spin-result-placeholder,
html[data-game="mm2"] .spin-result-bar,
html[data-game="mm2"] .spin-result-reward,
html[data-game="mm2"][data-theme="light"] .spin-result-slot,
html[data-game="mm2"][data-theme="light"] .spin-result-placeholder,
html[data-game="mm2"][data-theme="light"] .spin-result-bar,
html[data-game="mm2"][data-theme="light"] .spin-result-reward{
  background:
    linear-gradient(180deg, rgba(255,90,104,.04), rgba(241,50,69,.02)),
    #12080b !important;
  border-color:rgba(255,90,104,.12) !important;
}

/* HOTFIX: adopt me item cards / slots / spin items should match the light pink add-item card */
html[data-game="adoptme"] .preview-slot,
html[data-game="adoptme"] .picker-item,
html[data-game="adoptme"] .spin-strip-item,
html[data-game="adoptme"] .item,
html[data-game="adoptme"][data-theme="light"] .preview-slot,
html[data-game="adoptme"][data-theme="light"] .picker-item,
html[data-game="adoptme"][data-theme="light"] .spin-strip-item,
html[data-game="adoptme"][data-theme="light"] .item{
  background:linear-gradient(180deg,#fdfaff 0%, #eee7ff 100%) !important;
  border-color:rgba(139,104,255,.20) !important;
  box-shadow:0 8px 20px rgba(139,104,255,.08), inset 0 1px 0 rgba(255,255,255,.75) !important;
}

html[data-game="adoptme"] .preview-slot.empty:hover,
html[data-game="adoptme"] .picker-item:hover,
html[data-game="adoptme"] .spin-strip-item:hover,
html[data-game="adoptme"][data-theme="light"] .preview-slot.empty:hover,
html[data-game="adoptme"][data-theme="light"] .picker-item:hover,
html[data-game="adoptme"][data-theme="light"] .spin-strip-item:hover{
  background:linear-gradient(180deg,#faf8ff 0%, #f3d8e7 100%) !important;
  border-color:rgba(139,104,255,.26) !important;
}

html[data-game="adoptme"] .preview-slot.filled,
html[data-game="adoptme"][data-theme="light"] .preview-slot.filled{
  background:linear-gradient(180deg,#fff8fb 0%, #f5ddea 100%) !important;
  border-color:rgba(139,104,255,.24) !important;
}

html[data-game="adoptme"] .picker-item-meta strong,
html[data-game="adoptme"] .spin-strip-item strong,
html[data-game="adoptme"] .preview-slot .slot-name,
html[data-game="adoptme"][data-theme="light"] .picker-item-meta strong,
html[data-game="adoptme"][data-theme="light"] .spin-strip-item strong,
html[data-game="adoptme"][data-theme="light"] .preview-slot .slot-name{
  color:#8a4f69 !important;
}

html[data-game="adoptme"] .picker-item-meta span,
html[data-game="adoptme"] .spin-strip-item small,
html[data-game="adoptme"][data-theme="light"] .picker-item-meta span,
html[data-game="adoptme"][data-theme="light"] .spin-strip-item small{
  color:#a56d86 !important;
}

/* HOTFIX: Adopt Me choose-pet popup bottom bar should not be black */
html[data-game="adoptme"] .weapon-picker-bottom,
html[data-game="adoptme"][data-theme="light"] .weapon-picker-bottom{
  background:linear-gradient(180deg,#fff8fb 0%, #ede6ff 100%) !important;
  border-top:1px solid rgba(139,104,255,.18) !important;
  color:#9b6d84 !important;
}

html[data-game="adoptme"] .weapon-picker-bottom strong,
html[data-game="adoptme"][data-theme="light"] .weapon-picker-bottom strong,
html[data-game="adoptme"] .weapon-picker-bottom .picker-count,
html[data-game="adoptme"][data-theme="light"] .weapon-picker-bottom .picker-count{
  color:#8a4f69 !important;
}

/* HOTFIX: Adopt Me choose-pet search + close button pink styling */
html[data-game="adoptme"] .weapon-picker-search,
html[data-game="adoptme"][data-theme="light"] .weapon-picker-search{
  background:linear-gradient(180deg,#ffffff 0%,#fff8fb 100%) !important;
  border:1px solid rgba(139,104,255,.26) !important;
  box-shadow:0 0 0 1px rgba(139,104,255,.04), 0 8px 20px rgba(139,104,255,.06) !important;
}

html[data-game="adoptme"] .weapon-picker-search:focus-within,
html[data-game="adoptme"][data-theme="light"] .weapon-picker-search:focus-within{
  border-color:rgba(139,104,255,.55) !important;
  box-shadow:0 0 0 3px rgba(139,104,255,.10), 0 10px 24px rgba(139,104,255,.08) !important;
}

html[data-game="adoptme"] .weapon-picker-search svg,
html[data-game="adoptme"][data-theme="light"] .weapon-picker-search svg{
  stroke:#d46a9d !important;
  color:#d46a9d !important;
}

html[data-game="adoptme"] .weapon-picker-search input,
html[data-game="adoptme"][data-theme="light"] .weapon-picker-search input{
  background:transparent !important;
  color:#8a4f69 !important;
}

html[data-game="adoptme"] .weapon-picker-search input::placeholder,
html[data-game="adoptme"][data-theme="light"] .weapon-picker-search input::placeholder{
  color:#bd8aa3 !important;
}

html[data-game="adoptme"] .weapon-picker-close,
html[data-game="adoptme"][data-theme="light"] .weapon-picker-close{
  background:linear-gradient(180deg,#fff5fa 0%,#f8ddea 100%) !important;
  border:1px solid rgba(139,104,255,.20) !important;
  color:#b85e88 !important;
  box-shadow:0 6px 16px rgba(139,104,255,.10) !important;
}

html[data-game="adoptme"] .weapon-picker-close:hover,
html[data-game="adoptme"][data-theme="light"] .weapon-picker-close:hover{
  background:linear-gradient(180deg,#f1ebff 0%,#f4cddd 100%) !important;
  color:#a94d7a !important;
  border-color:rgba(139,104,255,.30) !important;
}


/* =========================================================
   ADOPT ME TRADE BUILDER — 9 slots per side, 3x3 layout
   MM2 remains 4 slots per side.
   ========================================================= */
html[data-game="adoptme"] .trade-preview{
  grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr) !important;
  align-items:stretch !important;
}

html[data-game="adoptme"] .preview-side{
  padding:24px !important;
  min-height:0 !important;
}

html[data-game="adoptme"] .preview-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:stretch !important;
}

html[data-game="adoptme"] .preview-slot{
  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  aspect-ratio:1.08 / 1 !important;
  border-radius:15px !important;
}

html[data-game="adoptme"] .preview-slot .slot-weapon-art{
  width:74% !important;
  height:58% !important;
  max-width:120px !important;
  max-height:92px !important;
}

html[data-game="adoptme"] .preview-slot .slot-weapon-art img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}

html[data-game="adoptme"] .preview-slot .slot-name{
  font-size:10px !important;
  bottom:8px !important;
  max-width:82% !important;
}

html[data-game="adoptme"] .slot-plus{
  width:38px !important;
  height:38px !important;
}

html[data-game="adoptme"] .slot-add-label{
  bottom:11px !important;
  font-size:7px !important;
}

html[data-game="adoptme"] .preview-center{
  min-height:100% !important;
}

@media (max-width:900px){
  html[data-game="adoptme"] .trade-preview{
    grid-template-columns:1fr !important;
  }

  html[data-game="adoptme"] .preview-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:9px !important;
  }

  html[data-game="adoptme"] .preview-side{
    padding:15px !important;
  }

  html[data-game="adoptme"] .preview-slot{
    aspect-ratio:1 / 1.05 !important;
    border-radius:13px !important;
  }

  html[data-game="adoptme"] .preview-center{
    height:54px !important;
    min-height:54px !important;
  }
}

@media (max-width:560px){
  html[data-game="adoptme"] .preview-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  html[data-game="adoptme"] .preview-side{
    padding:12px !important;
  }

  html[data-game="adoptme"] .preview-slot{
    aspect-ratio:1 / 1.1 !important;
    border-radius:11px !important;
  }

  html[data-game="adoptme"] .slot-plus{
    width:32px !important;
    height:32px !important;
    font-size:22px !important;
  }

  html[data-game="adoptme"] .slot-add-label{
    font-size:6px !important;
    bottom:7px !important;
  }

  html[data-game="adoptme"] .preview-slot .slot-name{
    font-size:8px !important;
    bottom:6px !important;
  }
}


/* =========================================================
   ADOPT ME TRADE BUILDER — 18 total slots, 3x3 visible at once.
   After 9 filled, scroll reveals the second 3x3 underneath.
   ========================================================= */
html[data-game="adoptme"] .preview-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  grid-auto-rows:138px !important;
  gap:12px !important;
  overflow:hidden !important;
  scrollbar-width:thin;
  scrollbar-color:rgba(139,104,255,.55) rgba(139,104,255,.08);
}

html[data-game="adoptme"] .preview-grid.has-extra-rows{
  max-height:438px !important; /* three rows + two gaps */
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding-right:6px !important;
  overscroll-behavior:contain;
  scroll-behavior:smooth;
}

html[data-game="adoptme"] .preview-grid.has-extra-rows::-webkit-scrollbar{
  width:7px;
}
html[data-game="adoptme"] .preview-grid.has-extra-rows::-webkit-scrollbar-track{
  background:rgba(139,104,255,.08);
  border-radius:999px;
}
html[data-game="adoptme"] .preview-grid.has-extra-rows::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#f59ac9,#8B68FF);
  border-radius:999px;
}

html[data-game="adoptme"] .preview-slot{
  height:138px !important;
  min-height:138px !important;
  aspect-ratio:auto !important;
}

@media (max-width:900px){
  html[data-game="adoptme"] .preview-grid{
    grid-auto-rows:116px !important;
    gap:9px !important;
  }
  html[data-game="adoptme"] .preview-grid.has-extra-rows{
    max-height:366px !important;
  }
  html[data-game="adoptme"] .preview-slot{
    height:116px !important;
    min-height:116px !important;
  }
}

@media (max-width:560px){
  html[data-game="adoptme"] .preview-grid{
    grid-auto-rows:94px !important;
    gap:7px !important;
  }
  html[data-game="adoptme"] .preview-grid.has-extra-rows{
    max-height:296px !important;
    padding-right:4px !important;
  }
  html[data-game="adoptme"] .preview-slot{
    height:94px !important;
    min-height:94px !important;
  }
}


/* Adopt Me: hide amount controls in pet popup, keep pet variant only */
html[data-game="adoptme"] .weapon-amount-block{
  display:none !important;
}

/* FINAL PET VARIANT COLORS
   Keep each color visible before click; active keeps its color and turns the letter white. */
html[data-game="adoptme"] .pet-variant-buttons button[data-pet-variant="fly"]{
  border-color:rgba(72,191,248,.48) !important;
  background:rgba(72,191,248,.08) !important;
}
html[data-game="adoptme"] .pet-variant-buttons button[data-pet-variant="ride"]{
  border-color:rgba(255,79,159,.48) !important;
  background:rgba(255,79,159,.08) !important;
}
html[data-game="adoptme"] .pet-variant-buttons button[data-pet-variant="neon"]{
  border-color:rgba(112,204,55,.48) !important;
  background:rgba(112,204,55,.08) !important;
}
html[data-game="adoptme"] .pet-variant-buttons button[data-pet-variant="mega"]{
  border-color:rgba(141,82,255,.48) !important;
  background:rgba(141,82,255,.08) !important;
}

html[data-game="adoptme"] .pet-variant-buttons button[data-pet-variant="fly"] strong{color:#48bff8 !important}
html[data-game="adoptme"] .pet-variant-buttons button[data-pet-variant="ride"] strong{color:#ff4f9f !important}
html[data-game="adoptme"] .pet-variant-buttons button[data-pet-variant="neon"] strong{color:#70cc37 !important}
html[data-game="adoptme"] .pet-variant-buttons button[data-pet-variant="mega"] strong{color:#8d52ff !important}

html[data-game="adoptme"] .pet-variant-buttons button[data-pet-variant="fly"].active{
  border-color:#48bff8 !important;
  background:linear-gradient(145deg,#7fd8ff,#48bff8) !important;
}
html[data-game="adoptme"] .pet-variant-buttons button[data-pet-variant="ride"].active{
  border-color:#ff4f9f !important;
  background:linear-gradient(145deg,#ff8abf,#ff4f9f) !important;
}
html[data-game="adoptme"] .pet-variant-buttons button[data-pet-variant="neon"].active{
  border-color:#70cc37 !important;
  background:linear-gradient(145deg,#9be36e,#70cc37) !important;
}
html[data-game="adoptme"] .pet-variant-buttons button[data-pet-variant="mega"].active{
  border-color:#8d52ff !important;
  background:linear-gradient(145deg,#b286ff,#8d52ff) !important;
}

html[data-game="adoptme"] .pet-variant-buttons button.active strong{
  color:#fff !important;
}


/* ===== Top game switcher bubbles ===== */
.header-game-switcher{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:3px;
  border-radius:999px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.05);
}
.header-game-pill{
  appearance:none;
  border:1px solid transparent;
  border-radius:999px;
  min-height:36px;
  padding:0 14px;
  font:inherit;
  font-size:13px;
  font-weight:850;
  letter-spacing:-.02em;
  cursor:pointer;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease, opacity .16s ease;
}
.header-game-pill:hover{transform:translateY(-1px)}
.header-game-pill:focus-visible{outline:2px solid currentColor;outline-offset:2px}

.mm2-game-pill{
  color:#ff7680;
  background:linear-gradient(180deg,rgba(255,75,89,.13),rgba(145,10,24,.11));
  border-color:rgba(255,75,89,.22);
}
.adopt-game-pill{
  color:#c74e8d;
  background:linear-gradient(180deg,#fff1f8,#ffe6f2);
  border-color:rgba(239,112,178,.25);
}

html[data-game="mm2"] .mm2-game-pill.active{
  color:#fff;
  background:linear-gradient(180deg,#e63f4b,#a80f20);
  border-color:rgba(255,92,102,.42);
  box-shadow:0 7px 18px rgba(181,20,36,.24);
}
html[data-game="mm2"] .adopt-game-pill{
  color:#b33f7e;
  background:linear-gradient(180deg,#ffd8eb,#f3a3ca);
  border-color:rgba(239,112,178,.36);
  box-shadow:0 7px 18px rgba(239,112,178,.13);
}

html[data-game="adoptme"] .mm2-game-pill{
  color:#d93446;
  background:linear-gradient(180deg,#fff4f5,#ffe4e7);
  border-color:rgba(222,48,65,.22);
}
html[data-game="adoptme"] .adopt-game-pill.active{
  color:#fff;
  background:linear-gradient(180deg,#f59ac9,#8B68FF 54%,#714de9);
  border-color:rgba(139,104,255,.42);
  box-shadow:0 7px 18px rgba(113,77,233,.20);
}

@media (max-width:700px){
  .nav-left-cluster{gap:8px!important}
  .header-game-switcher{gap:5px;padding:2px}
  .header-game-pill{
    min-height:32px;
    padding:0 10px;
    font-size:11px;
  }
}
@media (max-width:430px){
  .header-game-pill{
    min-height:30px;
    padding:0 8px;
    font-size:10px;
  }
}

/* FINAL game-switch bubble behavior:
   current game blends into its header; other game stays visibly colored */
html[data-game="mm2"] .mm2-game-pill,
html[data-game="mm2"] .mm2-game-pill.active{
  color:#070405 !important;
  background:#070405 !important;
  border-color:#070405 !important;
  box-shadow:none !important;
}
html[data-game="mm2"] .adopt-game-pill,
html[data-game="mm2"] .adopt-game-pill.active{
  color:#ffffff !important;
  background:linear-gradient(180deg,#f59ac9 0%,#EF70B2 54%,#d65297 100%) !important;
  border-color:rgba(239,112,178,.48) !important;
  box-shadow:0 7px 18px rgba(214,82,151,.22) !important;
}

html[data-game="adoptme"] .adopt-game-pill,
html[data-game="adoptme"] .adopt-game-pill.active{
  color:#fdfaff !important;
  background:#fdfaff !important;
  border-color:#fdfaff !important;
  box-shadow:none !important;
}
html[data-game="adoptme"] .mm2-game-pill,
html[data-game="adoptme"] .mm2-game-pill.active{
  color:#ffffff !important;
  background:linear-gradient(180deg,#f05a66 0%,#df3343 52%,#b91729 100%) !important;
  border-color:rgba(222,48,65,.42) !important;
  box-shadow:0 7px 18px rgba(185,23,41,.20) !important;
}


/* ===== Center site name in top navbar ===== */
.nav{
  position:relative !important;
}
.nav-center-brand{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:8;
  pointer-events:auto;
  appearance:none;
  border:0;
  background:transparent;
  padding:4px 6px;
  margin:0;
  cursor:pointer;
  white-space:nowrap;
  font-family:inherit;
  font-size:19px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.045em;
}
html[data-game="mm2"] .nav-center-brand{
  color:#f15a65;
  text-shadow:0 0 18px rgba(222,48,65,.18);
}
html[data-game="adoptme"] .nav-center-brand{
  color:#7c55e7;
  text-shadow:0 0 18px rgba(139,104,255,.14);
}
.nav-center-brand:hover{
  filter:brightness(1.12);
}
.nav-center-brand:focus-visible{
  outline:2px solid currentColor;
  outline-offset:4px;
  border-radius:8px;
}

@media (max-width:700px){
  .nav-center-brand{
    top:9px;
    transform:translateX(-50%);
    font-size:12px;
    letter-spacing:.01em;
  }
}
@media (max-width:430px){
  .nav-center-brand{
    top:7px;
    font-size:10px;
  }
}


/* Remove the small MM2 TRADING / ADOPT ME TRADING hero badge in both game modes */
.hero-copy-panel > .eyebrow{
  display:none !important;
}

/* Ghostwriter fix: Adopt Me live feed item backgrounds should match the light pink site theme */
html[data-game="adoptme"] .live-feed-mini-item,
html[data-game="adoptme"] .live-feed-weapon,
html[data-game="adoptme"][data-theme="light"] .live-feed-mini-item,
html[data-game="adoptme"][data-theme="light"] .live-feed-weapon{
  background: linear-gradient(180deg, #fdfaff 0%, #f2ecff 100%) !important;
  border: 1px solid rgba(139,104,255,.24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 4px 12px rgba(139,104,255,.08) !important;
}

html[data-game="adoptme"] .live-feed-mini-item:hover,
html[data-game="adoptme"] .live-feed-weapon:hover,
html[data-game="adoptme"][data-theme="light"] .live-feed-mini-item:hover,
html[data-game="adoptme"][data-theme="light"] .live-feed-weapon:hover{
  background: linear-gradient(180deg, #fffdfd 0%, #feeaf5 100%) !important;
  border-color: rgba(139,104,255,.34) !important;
}

html[data-game="adoptme"] .live-feed-mini-item img,
html[data-game="adoptme"] .live-feed-weapon img,
html[data-game="adoptme"][data-theme="light"] .live-feed-mini-item img,
html[data-game="adoptme"][data-theme="light"] .live-feed-weapon img{
  filter: drop-shadow(0 4px 8px rgba(92,73,140,.12)) !important;
}


/* =========================================================
   FINAL MOBILE HEADER + ADOPT ME PICKER OVERLAY FIX
   ========================================================= */
@media (max-width:700px){
  .nav-center-brand{
    left:auto !important;
    right:18px !important;
    top:12px !important;
    transform:none !important;
    font-size:21px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:-.045em !important;
    text-align:right !important;
    z-index:12 !important;
  }

  /* Leave a clean first row for Bat2Scope, then keep the game pills below it. */
  .nav{
    min-height:116px !important;
    padding-top:46px !important;
    align-items:center !important;
  }
}

@media (max-width:430px){
  .nav-center-brand{
    left:auto !important;
    right:16px !important;
    top:12px !important;
    font-size:20px !important;
  }
}

@media (max-width:760px){
  /* Pet picker must sit above the header, page, and fixed bottom navigation. */
  html[data-game="adoptme"] .weapon-picker-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:30000 !important;
    width:100vw !important;
    height:100dvh !important;
    padding:0 !important;
    margin:0 !important;
    place-items:stretch !important;
    background:#fdfaff !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  html[data-game="adoptme"] .weapon-picker{
    position:relative !important;
    inset:auto !important;
    width:100vw !important;
    max-width:100vw !important;
    height:100dvh !important;
    max-height:100dvh !important;
    min-height:100dvh !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
    background:linear-gradient(180deg,#fffafd 0%,#fff3f9 100%) !important;
    box-shadow:none !important;
  }

  html[data-game="adoptme"] .weapon-picker-top{
    position:relative !important;
    z-index:40 !important;
    flex:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    min-height:66px !important;
    padding:calc(12px + env(safe-area-inset-top)) 68px 10px 18px !important;
    background:rgba(255,248,252,.98) !important;
    border-bottom:1px solid rgba(139,104,255,.12) !important;
  }

  html[data-game="adoptme"] .weapon-picker-top h3{
    display:block !important;
    margin:0 !important;
    color:#7f4862 !important;
    font-size:21px !important;
    line-height:1.1 !important;
    font-weight:900 !important;
  }

  html[data-game="adoptme"] .weapon-picker-close,
  html[data-game="adoptme"][data-theme="light"] .weapon-picker-close{
    position:absolute !important;
    top:calc(10px + env(safe-area-inset-top)) !important;
    right:14px !important;
    z-index:60 !important;
    width:44px !important;
    height:44px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,#f1ebff 0%,#e6dcff 100%) !important;
    border:1px solid rgba(139,104,255,.32) !important;
    color:#ad4f7c !important;
    font-size:30px !important;
    font-weight:800 !important;
    line-height:1 !important;
    box-shadow:0 8px 20px rgba(197,77,139,.14) !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }

  html[data-game="adoptme"] .weapon-picker-search{
    position:relative !important;
    z-index:30 !important;
    flex:none !important;
    margin:10px 16px 12px !important;
  }

  html[data-game="adoptme"] .weapon-picker-list{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    padding-bottom:18px !important;
  }

  html[data-game="adoptme"] .weapon-picker-bottom{
    position:relative !important;
    z-index:35 !important;
    flex:none !important;
    padding-bottom:calc(13px + env(safe-area-inset-bottom)) !important;
  }

  /* When the picker is open, nothing fixed from the page should sit above it. */
  body.pet-picker-open .mobile-bottom-nav,
  body.pet-picker-open .nav-wrap,
  body.pet-picker-open .header-menu,
  body.pet-picker-open .header-menu-backdrop{
    visibility:hidden !important;
    pointer-events:none !important;
  }

  /* The pet detail/variant confirmation layer also covers the full picker. */
  html[data-game="adoptme"] .weapon-confirm-layer{
    position:absolute !important;
    inset:0 !important;
    z-index:100 !important;
    width:100% !important;
    height:100% !important;
    padding:0 !important;
    background:rgba(255,248,252,.78) !important;
    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;
  }

  html[data-game="adoptme"] .weapon-confirm-card{
    position:relative !important;
    z-index:101 !important;
    width:100% !important;
    max-width:none !important;
    max-height:calc(100dvh - env(safe-area-inset-top)) !important;
    margin:0 !important;
    padding-top:calc(22px + env(safe-area-inset-top)) !important;
    padding-bottom:calc(22px + env(safe-area-inset-bottom)) !important;
    border-radius:0 !important;
  }

  html[data-game="adoptme"] .weapon-confirm-close{
    position:fixed !important;
    top:calc(12px + env(safe-area-inset-top)) !important;
    right:14px !important;
    z-index:30200 !important;
    width:44px !important;
    height:44px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,#f1ebff 0%,#e6dcff 100%) !important;
    border:1px solid rgba(139,104,255,.32) !important;
    color:#ad4f7c !important;
    font-size:28px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
}

/* =========================================================
   BAT2SCOPE GAME SELECTOR — visual rebuild using game art
   ========================================================= */
.game-chooser{
  position:fixed;
  inset:0;
  isolation:isolate;
  background:
    radial-gradient(circle at 19% 42%,rgba(136,92,255,.30),transparent 28%),
    radial-gradient(circle at 81% 38%,rgba(255,56,78,.22),transparent 30%),
    linear-gradient(135deg,#0a0912 0%,#0c0b15 42%,#10090e 100%) !important;
  overflow:auto !important;
}
.game-chooser::before,
.game-chooser::after{
  content:"";
  position:fixed;
  top:70px;
  bottom:0;
  width:min(34vw,560px);
  pointer-events:none;
  z-index:0;
  opacity:.30;
  filter:blur(1px) saturate(.96);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}
.game-chooser::before{
  left:0;
  background-image:
    linear-gradient(90deg,rgba(8,7,14,.08) 0%,rgba(8,7,14,.24) 42%,rgba(8,7,14,0) 100%),
    url("assets/adoptme-game-card.webp");
  box-shadow:inset -120px 0 140px rgba(10,9,18,.92);
}
.game-chooser::after{
  right:0;
  background-image:
    linear-gradient(270deg,rgba(8,7,14,.08) 0%,rgba(8,7,14,.24) 42%,rgba(8,7,14,0) 100%),
    url("assets/mm2-game-card.webp");
  box-shadow:inset 120px 0 140px rgba(10,9,18,.92);
}
.game-landing-shell{
  min-height:100dvh !important;
  display:grid !important;
  grid-template-rows:auto 1fr !important;
  overflow:hidden;
  position:relative;
  z-index:1;
}
.game-landing-header{
  min-height:68px !important;
  padding:10px 28px !important;
  background:rgba(8,7,14,.62) !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
.game-landing-brand .brand-mark{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
}
.game-landing-brand strong{
  color:#fff !important;
  font-size:18px !important;
}
.game-landing-brand small{
  color:#9690a8 !important;
  letter-spacing:.22em !important;
}
.game-landing-main{
  width:min(1230px,calc(100% - 56px)) !important;
  margin:0 auto !important;
  padding:42px 0 54px !important;
  justify-content:center !important;
  position:relative;
}
.game-landing-main::before,
.game-landing-main::after{
  content:"";
  position:absolute;
  width:430px;
  height:430px;
  border-radius:50%;
  filter:blur(120px);
  opacity:.16;
  pointer-events:none;
}
.game-landing-main::before{left:-260px;top:170px;background:#835cff}
.game-landing-main::after{right:-260px;top:140px;background:#ef334c}
.game-landing-intro{
  text-align:center !important;
  margin:0 auto 34px !important;
  position:relative;
  z-index:2;
}
.game-landing-intro .mini-label{
  color:#f08ac9 !important;
  letter-spacing:.31em !important;
  font-size:11px !important;
}
.game-landing-intro h1{
  color:#fff !important;
  max-width:780px !important;
  margin:12px auto 12px !important;
  font-size:clamp(44px,5.4vw,70px) !important;
  line-height:.94 !important;
}
.game-landing-intro h1 em{
  font-style:normal;
  background:linear-gradient(90deg,#c7b8ff 0%,#9f7eff 45%,#f285c8 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.game-landing-intro p{
  color:#aaa4b8 !important;
  max-width:610px !important;
  font-size:14px !important;
}
.game-landing-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:28px !important;
  position:relative;
  z-index:2;
}
.game-landing-card{
  appearance:none;
  position:relative !important;
  display:block !important;
  min-width:0;
  min-height:0 !important;
  aspect-ratio:1.55 / 1;
  padding:0 !important;
  overflow:hidden !important;
  text-align:left;
  color:#fff;
  cursor:pointer;
  border-radius:30px !important;
  background:#0b0a10 !important;
  transform:translateZ(0);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,filter .24s ease !important;
}
.game-landing-card-adoptme{
  border:2px solid rgba(158,119,255,.82) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 24px 70px rgba(111,73,232,.20),0 0 36px rgba(143,98,255,.12) !important;
}
.game-landing-card-mm2{
  border:2px solid rgba(239,61,78,.78) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 24px 70px rgba(185,23,41,.18),0 0 36px rgba(222,48,65,.11) !important;
}
.game-landing-card::after{display:none !important}
.game-landing-card:hover,
.game-landing-card:focus-visible{
  transform:translateY(-7px) scale(1.012) !important;
  outline:none;
}
.game-landing-card-adoptme:hover,
.game-landing-card-adoptme:focus-visible{
  border-color:#b69cff !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 30px 80px rgba(111,73,232,.30),0 0 48px rgba(143,98,255,.24) !important;
}
.game-landing-card-mm2:hover,
.game-landing-card-mm2:focus-visible{
  border-color:#ff6473 !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 30px 80px rgba(185,23,41,.28),0 0 48px rgba(222,48,65,.20) !important;
}
.game-card-image-wrap{
  position:absolute;
  inset:0;
  display:block;
  overflow:hidden;
}
.game-card-image{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.01);
  transition:transform .35s ease,filter .35s ease;
}
.game-landing-card:hover .game-card-image,
.game-landing-card:focus-visible .game-card-image{
  transform:scale(1.055);
  filter:saturate(1.08) brightness(1.04);
}
.game-card-image-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(8,7,13,.02) 22%,rgba(8,7,13,.22) 55%,rgba(7,6,12,.96) 100%);
}
.game-landing-card-adoptme .game-card-image-shade{
  background:linear-gradient(180deg,rgba(87,58,174,.02) 18%,rgba(49,28,99,.15) 52%,rgba(27,17,51,.98) 100%);
}
.game-card-content{
  position:absolute;
  left:24px;
  right:24px;
  bottom:22px;
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
}
.game-card-title{
  color:#fff;
  font-size:clamp(25px,2.6vw,38px);
  line-height:1;
  font-weight:900;
  letter-spacing:-.045em;
  text-align:center;
  text-shadow:0 4px 22px rgba(0,0,0,.55);
}
.game-card-title span{font-size:.9em;opacity:.88}
.game-landing-open{
  width:min(72%,320px) !important;
  min-width:0 !important;
  min-height:47px !important;
  border-radius:15px !important;
  letter-spacing:.24em !important;
  font-size:11px !important;
  font-weight:900 !important;
  pointer-events:none;
}
.game-landing-card-adoptme .game-landing-open{
  color:#eadfff !important;
  background:linear-gradient(180deg,rgba(97,61,183,.38),rgba(44,27,86,.68)) !important;
  border:1px solid rgba(166,126,255,.72) !important;
  box-shadow:0 0 24px rgba(139,104,255,.18),inset 0 1px rgba(255,255,255,.08) !important;
}
.game-landing-card-mm2 .game-landing-open{
  color:#ff8c96 !important;
  background:linear-gradient(180deg,rgba(121,24,37,.40),rgba(48,10,17,.72)) !important;
  border:1px solid rgba(239,61,78,.74) !important;
  box-shadow:0 0 24px rgba(222,48,65,.14),inset 0 1px rgba(255,255,255,.06) !important;
}
.game-landing-tagline{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-top:34px;
  color:#827c92;
  font-size:10px;
  font-weight:750;
  letter-spacing:.18em;
  text-align:center;
  position:relative;
  z-index:2;
}
.game-landing-tagline span{
  width:42px;
  height:1px;
  background:linear-gradient(90deg,transparent,#9a7cff);
}
.game-landing-tagline span:last-child{
  background:linear-gradient(90deg,#ef3b4d,transparent);
}

/* =========================================================
   ADOPT ME — purple identity to match the new selector
   Keep the white/light base, move the pink UI accents to purple.
   ========================================================= */
html[data-game="adoptme"]{
  --accent:#8b68ff;
  --accent-2:#b39aff;
}
html[data-game="adoptme"] body,
html[data-game="adoptme"][data-theme="light"] body{
  background:
    radial-gradient(circle at 50% -12%,rgba(139,104,255,.14),transparent 31%),
    linear-gradient(180deg,#fffaff 0%,#faf6ff 48%,#f7f3ff 100%) !important;
}
html[data-game="adoptme"] .nav-wrap,
html[data-game="adoptme"][data-theme="light"] .nav-wrap{
  background:rgba(253,250,255,.86) !important;
  border-bottom-color:rgba(121,86,210,.11) !important;
}
html[data-game="adoptme"] .nav-center-brand,
html[data-game="adoptme"][data-theme="light"] .nav-center-brand{
  color:#7c55e7 !important;
  text-shadow:0 0 18px rgba(124,85,231,.16) !important;
}
html[data-game="mm2"] .adopt-game-pill,
html[data-game="mm2"] .adopt-game-pill.active{
  color:#fff !important;
  background:linear-gradient(180deg,#a88cff 0%,#8b68ff 54%,#714de9 100%) !important;
  border-color:rgba(139,104,255,.50) !important;
  box-shadow:0 7px 18px rgba(113,77,233,.24) !important;
}
html[data-game="adoptme"] .adopt-game-pill,
html[data-game="adoptme"] .adopt-game-pill.active{
  color:#fdfaff !important;
  background:#fdfaff !important;
  border-color:#fdfaff !important;
  box-shadow:none !important;
}
html[data-game="adoptme"] .nav-links a:hover,
html[data-game="adoptme"] .nav-links a.active,
html[data-game="adoptme"] .mobile-bottom-nav a.active,
html[data-game="adoptme"] .mini-label,
html[data-game="adoptme"] .section-label,
html[data-game="adoptme"] .panel-label,
html[data-game="adoptme"] .live-feed-eyebrow{
  color:#7c55e7 !important;
}
html[data-game="adoptme"] .primary-btn,
html[data-game="adoptme"] .trade-submit,
html[data-game="adoptme"] .spin-button,
html[data-game="adoptme"] .server-join-button,
html[data-game="adoptme"] .weapon-confirm-add{
  background:linear-gradient(180deg,#a88cff 0%,#8b68ff 54%,#714de9 100%) !important;
  border-color:rgba(139,104,255,.40) !important;
  box-shadow:0 12px 30px rgba(113,77,233,.22),inset 0 1px rgba(255,255,255,.22) !important;
  color:#fff !important;
}
html[data-game="adoptme"] .preview-slot,
html[data-game="adoptme"] .item,
html[data-game="adoptme"] .picker-item,
html[data-game="adoptme"] .spin-strip-item,
html[data-game="adoptme"] .live-feed-mini-item,
html[data-game="adoptme"] .live-feed-weapon,
html[data-game="adoptme"] .spin-result-art,
html[data-game="adoptme"][data-theme="light"] .preview-slot,
html[data-game="adoptme"][data-theme="light"] .item,
html[data-game="adoptme"][data-theme="light"] .picker-item,
html[data-game="adoptme"][data-theme="light"] .spin-strip-item,
html[data-game="adoptme"][data-theme="light"] .live-feed-mini-item,
html[data-game="adoptme"][data-theme="light"] .live-feed-weapon,
html[data-game="adoptme"][data-theme="light"] .spin-result-art{
  background:linear-gradient(180deg,#fff 0%,#f6f1ff 100%) !important;
  border-color:rgba(139,104,255,.16) !important;
}
html[data-game="adoptme"] .preview-slot.filled,
html[data-game="adoptme"] .item.selected,
html[data-game="adoptme"] .picker-item:hover,
html[data-game="adoptme"] .preview-slot.empty:hover{
  background:linear-gradient(180deg,#fbf9ff,#eee7ff) !important;
  border-color:rgba(139,104,255,.42) !important;
}
html[data-game="adoptme"] .weapon-picker-search,
html[data-game="adoptme"] .search-box,
html[data-game="adoptme"] .values-search-wrap{
  border-color:rgba(139,104,255,.18) !important;
  box-shadow:0 0 0 1px rgba(139,104,255,.03) !important;
}
html[data-game="adoptme"] .weapon-picker-search:focus-within,
html[data-game="adoptme"] .search-box:focus-within,
html[data-game="adoptme"] .values-search-wrap:focus-within{
  border-color:rgba(139,104,255,.46) !important;
  box-shadow:0 0 0 3px rgba(139,104,255,.08) !important;
}
html[data-game="adoptme"] .live-feed-type,
html[data-game="adoptme"] .live-feed-simulated,
html[data-game="adoptme"] .promo-bonus-pill{
  color:#7854dd !important;
  background:#f0eaff !important;
  border-color:rgba(139,104,255,.20) !important;
}
html[data-game="adoptme"] .weapon-picker-bottom,
html[data-game="adoptme"][data-theme="light"] .weapon-picker-bottom{
  background:linear-gradient(180deg,#fcfaff 0%,#f2edff 100%) !important;
  border-top-color:rgba(139,104,255,.14) !important;
  color:#766b8b !important;
}
html[data-game="adoptme"] .weapon-picker-close,
html[data-game="adoptme"] .weapon-confirm-close{
  background:linear-gradient(180deg,#f4efff 0%,#e8deff 100%) !important;
  border-color:rgba(139,104,255,.30) !important;
  color:#7652d6 !important;
}

@media (max-width:760px){
  .game-landing-header{
    min-height:62px !important;
    padding:8px 14px !important;
  }
  .game-landing-brand .brand-mark{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
  }
  .game-landing-brand strong{font-size:16px !important}
  .game-landing-brand small{font-size:8px !important}
  .game-landing-main{
    width:min(100% - 24px,560px) !important;
    padding:28px 0 34px !important;
    justify-content:flex-start !important;
  }
  .game-landing-intro{
    text-align:center !important;
    margin-bottom:22px !important;
  }
  .game-landing-intro h1{
    margin:10px auto 10px !important;
    font-size:clamp(35px,11vw,48px) !important;
  }
  .game-landing-intro p{
    margin:0 auto !important;
    font-size:12px !important;
    max-width:410px !important;
  }
  .game-landing-list{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  .game-landing-card{
    aspect-ratio:1.62 / 1;
    border-radius:23px !important;
  }
  .game-card-content{
    left:18px;
    right:18px;
    bottom:14px;
    gap:10px;
  }
  .game-card-title{font-size:clamp(23px,7vw,31px)}
  .game-landing-open{
    min-height:40px !important;
    width:min(72%,260px) !important;
    font-size:9px !important;
    border-radius:13px !important;
  }
  .game-landing-tagline{
    margin-top:24px;
    font-size:8px;
    letter-spacing:.11em;
  }
  .game-landing-tagline span{width:24px}
}

@media (max-width:420px){
  .game-landing-main{width:calc(100% - 18px) !important;padding-top:22px !important}
  .game-landing-intro h1{font-size:34px !important}
  .game-landing-card{aspect-ratio:1.48 / 1}
  .game-card-title{font-size:24px}
}

/* Catch the remaining generic light-mode pink surfaces while Adopt Me is active. */
html[data-game="adoptme"][data-theme="light"] .spin-strip-shell,
html[data-game="adoptme"] .spin-strip-shell{
  background:#f4efff !important;
  border-color:rgba(139,104,255,.14) !important;
}
html[data-game="adoptme"][data-theme="light"] .server-flow-card,
html[data-game="adoptme"] .server-flow-card{
  background:
    radial-gradient(circle at 50% -18%,rgba(139,104,255,.09),transparent 34%),
    linear-gradient(160deg,#fff 0%,#fbf9ff 72%,#f3eeff 100%) !important;
  border-color:rgba(139,104,255,.13) !important;
}
html[data-game="adoptme"][data-theme="light"] .preview-slot.empty:hover,
html[data-game="adoptme"][data-theme="light"] .picker-item:hover{
  background:#f3eeff !important;
  border-color:rgba(139,104,255,.30) !important;
}

/* =========================================================
   SINGLE-TRADE NOTICE
   Shared by MM2 + Adopt Me; uses each game's visual identity.
   ========================================================= */
.single-trade-note{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  margin-top:12px;
  padding:8px 12px 8px 9px;
  border:1px solid rgba(139,104,255,.18);
  border-radius:999px;
  background:rgba(255,255,255,.58);
  color:#776e83;
  box-shadow:0 8px 24px rgba(73,47,120,.06),inset 0 1px rgba(255,255,255,.72);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-size:12px;
  line-height:1.25;
  font-weight:700;
  letter-spacing:-.01em;
}
.single-trade-note-icon{
  width:20px;
  height:20px;
  flex:0 0 20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(180deg,var(--accent-2),var(--accent));
  box-shadow:0 5px 13px rgba(105,74,211,.20),inset 0 1px rgba(255,255,255,.28);
  font-size:11px;
  font-weight:900;
}

/* MM2 version matches the site's black / red MM2 theme. */
html[data-game="mm2"] .single-trade-note,
html[data-game="mm2"][data-theme="light"] .single-trade-note{
  border-color:rgba(255,90,104,.20);
  background:linear-gradient(180deg,rgba(255,90,104,.075),rgba(241,50,69,.035)),#12080b;
  color:#e7b8be;
  box-shadow:0 8px 24px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025);
}
html[data-game="mm2"] .single-trade-note-icon,
html[data-game="mm2"][data-theme="light"] .single-trade-note-icon{
  background:linear-gradient(180deg,#ff5a68 0%,#f13245 100%);
  color:#fff;
  box-shadow:0 5px 14px rgba(241,50,69,.28),inset 0 1px rgba(255,255,255,.22);
}

/* Adopt Me keeps its purple identity. */
html[data-game="adoptme"] .single-trade-note,
html[data-game="adoptme"][data-theme="light"] .single-trade-note{
  border-color:rgba(139,104,255,.20);
  background:rgba(253,250,255,.80);
  color:#74668f;
  box-shadow:0 8px 24px rgba(113,77,233,.07),inset 0 1px rgba(255,255,255,.84);
}
html[data-game="adoptme"] .single-trade-note-icon,
html[data-game="adoptme"][data-theme="light"] .single-trade-note-icon{
  background:linear-gradient(180deg,#ae95ff 0%,#8460ee 100%);
  box-shadow:0 5px 13px rgba(113,77,233,.22),inset 0 1px rgba(255,255,255,.28);
}

@media (max-width:760px){
  .single-trade-note{
    margin-top:9px;
    padding:7px 10px 7px 8px;
    font-size:11px;
  }
  .single-trade-note-icon{
    width:18px;
    height:18px;
    flex-basis:18px;
    font-size:10px;
  }
}


/* =========================================================
   FINAL MOBILE BOTTOM NAV — Adopt Me only
   MM2 keeps its original bottom navigation styling.
   ========================================================= */
@media (max-width:760px){
  html[data-game="adoptme"] .mobile-bottom-nav,
  html[data-game="adoptme"][data-theme="light"] .mobile-bottom-nav{
    background:linear-gradient(180deg,#f59ac9 0%,#8b68ff 54%,#d85799 100%) !important;
    border:1px solid rgba(255,255,255,.32) !important;
    box-shadow:0 16px 38px rgba(126,76,203,.34),inset 0 1px rgba(255,255,255,.30) !important;
    backdrop-filter:blur(20px) saturate(150%) !important;
    -webkit-backdrop-filter:blur(20px) saturate(150%) !important;
  }

  html[data-game="adoptme"] .mobile-bottom-nav a,
  html[data-game="adoptme"][data-theme="light"] .mobile-bottom-nav a{
    color:rgba(255,255,255,.86) !important;
    text-shadow:0 1px 3px rgba(70,34,105,.28) !important;
  }

  html[data-game="adoptme"] .mobile-bottom-nav a svg,
  html[data-game="adoptme"][data-theme="light"] .mobile-bottom-nav a svg{
    color:#fff !important;
    stroke:#fff !important;
    filter:drop-shadow(0 1px 3px rgba(70,34,105,.25));
  }

  html[data-game="adoptme"] .mobile-bottom-nav a.active,
  html[data-game="adoptme"][data-theme="light"] .mobile-bottom-nav a.active{
    color:#fff !important;
    background:rgba(255,255,255,.20) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),0 5px 14px rgba(78,44,129,.15) !important;
  }

  html[data-game="adoptme"] .mobile-bottom-nav a:active{
    background:rgba(255,255,255,.25) !important;
    transform:scale(.97);
  }
}


/* =========================================================
   Adopt Me confirm modal: move F / R / N / M below pet name,
   above the value text.
   ========================================================= */
html[data-game="adoptme"] .weapon-confirm-card{
  display:block !important;
}

html[data-game="adoptme"] .weapon-confirm-info{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
}

html[data-game="adoptme"] .weapon-confirm-info > #petVariantBlock,
html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block{
  align-self:center !important;
  justify-self:auto !important;
  width:auto !important;
  max-width:100% !important;
  margin:8px 0 7px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  pointer-events:auto !important;
}

html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block[hidden]{
  display:none !important;
}

html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block > .weapon-amount-label,
html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block > .pet-variant-summary{
  display:none !important;
}

html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
}

html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button{
  width:30px !important;
  min-width:30px !important;
  height:24px !important;
  min-height:24px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(255,255,255,.72) !important;
  border-radius:7px !important;
  box-shadow:0 3px 9px rgba(0,0,0,.16) !important;
  transform:none !important;
  overflow:hidden !important;
}

html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button strong{
  color:#fff !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:950 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.18) !important;
}

html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button[data-pet-variant="fly"],
html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button[data-pet-variant="fly"].active{
  background:linear-gradient(180deg,#6fdcff 0%,#36bff2 100%) !important;
  border-color:#dff8ff !important;
}

html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button[data-pet-variant="ride"],
html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button[data-pet-variant="ride"].active{
  background:linear-gradient(180deg,#ff77b5 0%,#f24491 100%) !important;
  border-color:#ffe4f1 !important;
}

html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button[data-pet-variant="neon"],
html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button[data-pet-variant="neon"].active{
  background:linear-gradient(180deg,#8be956 0%,#5fc52e 100%) !important;
  border-color:#e7ffd9 !important;
}

html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button[data-pet-variant="mega"],
html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button[data-pet-variant="mega"].active{
  background:linear-gradient(180deg,#ffca52 0%,#f0a71b 100%) !important;
  border-color:#fff1ca !important;
}

html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button.active{
  box-shadow:0 0 0 2px #fff, 0 4px 12px rgba(0,0,0,.22) !important;
  transform:translateY(-1px) scale(1.04) !important;
}

@media (max-width:520px){
  html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block{
    margin:7px 0 6px !important;
  }
  html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons{
    gap:3px !important;
  }
  html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button{
    width:28px !important;
    min-width:28px !important;
    height:23px !important;
    min-height:23px !important;
    border-radius:6px !important;
  }
  html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button strong{
    font-size:12px !important;
  }
}


/* =========================================================
   Adopt Me F / R / N / M states
   Inactive = softer/lighter, selected = brighter/stronger.
   ========================================================= */
html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button{
  opacity:.68 !important;
  filter:saturate(.72) brightness(1.10) !important;
  box-shadow:0 2px 6px rgba(0,0,0,.10) !important;
}

html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button[data-pet-variant="fly"]{
  background:linear-gradient(180deg,#b9edff 0%,#7bd7f7 100%) !important;
}

html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button[data-pet-variant="ride"]{
  background:linear-gradient(180deg,#ffc0da 0%,#f58ab9 100%) !important;
}

html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button[data-pet-variant="neon"]{
  background:linear-gradient(180deg,#c5f5a8 0%,#91dc68 100%) !important;
}

html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button[data-pet-variant="mega"]{
  background:linear-gradient(180deg,#ffe6a0 0%,#f6ca62 100%) !important;
}

/* Selected state: vivid/brighter and clearly active. */
html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button.active{
  opacity:1 !important;
  filter:saturate(1.18) brightness(1.06) !important;
  transform:translateY(-1px) scale(1.05) !important;
  box-shadow:0 0 0 2px #fff, 0 0 14px rgba(255,255,255,.45), 0 5px 14px rgba(0,0,0,.18) !important;
}

html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button[data-pet-variant="fly"].active{
  background:linear-gradient(180deg,#69ddff 0%,#21bdf4 100%) !important;
}

html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button[data-pet-variant="ride"].active{
  background:linear-gradient(180deg,#ff6fb0 0%,#f2358b 100%) !important;
}

html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button[data-pet-variant="neon"].active{
  background:linear-gradient(180deg,#8ff15a 0%,#54c626 100%) !important;
}

html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button[data-pet-variant="mega"].active{
  background:linear-gradient(180deg,#ffd457 0%,#f3a900 100%) !important;
}


/* Make Adopt Me M button purple like the reference. */
html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button[data-pet-variant="mega"]{
  background:linear-gradient(180deg,#c96dff 0%,#a33cff 100%) !important;
  border-color:#edd3ff !important;
}

html[data-game="adoptme"] .weapon-confirm-info > .pet-variant-block .pet-variant-buttons button[data-pet-variant="mega"].active{
  background:linear-gradient(180deg,#b94eff 0%,#8727f2 100%) !important;
  border-color:#f3e0ff !important;
  box-shadow:0 0 0 2px #fff, 0 0 14px rgba(173,97,255,.55), 0 5px 14px rgba(0,0,0,.18) !important;
}


/* =========================================================
   Adopt Me chosen pets in trade slots:
   show separate F / R / N / M badges over the pet image,
   like the reference chips.
   ========================================================= */
html[data-game="adoptme"] .preview-slot.filled{
  overflow:hidden !important;
}

html[data-game="adoptme"] .preview-slot .slot-weapon-art{
  top:18px !important;
  bottom:34px !important;
  left:10px !important;
  right:10px !important;
  width:auto !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  transform:none !important;
}

html[data-game="adoptme"] .preview-slot .slot-weapon-art img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center 48% !important;
}

html[data-game="adoptme"] .preview-slot .slot-name{
  left:8px !important;
  right:8px !important;
  bottom:8px !important;
  max-width:none !important;
  font-size:10px !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  color:#8a4f69 !important;
  text-shadow:none !important;
  z-index:3 !important;
}

html[data-game="adoptme"] .slot-variant-badges{
  position:absolute !important;
  left:50% !important;
  bottom:26px !important;
  transform:translateX(-50%) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  z-index:4 !important;
  pointer-events:none !important;
}

html[data-game="adoptme"] .slot-variant-badge{
  width:22px !important;
  min-width:22px !important;
  height:22px !important;
  min-height:22px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:7px !important;
  border:1px solid rgba(255,255,255,.92) !important;
  box-shadow:0 2px 7px rgba(0,0,0,.16) !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
}

html[data-game="adoptme"] .slot-variant-badge.fly{background:linear-gradient(180deg,#6fdcff 0%,#36bff2 100%) !important;border-color:#dff8ff !important;}
html[data-game="adoptme"] .slot-variant-badge.ride{background:linear-gradient(180deg,#ff77b5 0%,#f24491 100%) !important;border-color:#ffe4f1 !important;}
html[data-game="adoptme"] .slot-variant-badge.neon{background:linear-gradient(180deg,#8be956 0%,#5fc52e 100%) !important;border-color:#e7ffd9 !important;}
html[data-game="adoptme"] .slot-variant-badge.mega{background:linear-gradient(180deg,#b94eff 0%,#8727f2 100%) !important;border-color:#f3e0ff !important;}

html[data-game="adoptme"] .preview-slot .pet-slot-variant{
  display:none !important;
}

@media (max-width:900px){
  html[data-game="adoptme"] .preview-slot .slot-weapon-art{
    top:16px !important;
    bottom:30px !important;
    left:8px !important;
    right:8px !important;
  }

  html[data-game="adoptme"] .slot-variant-badges{
    bottom:23px !important;
    gap:2px !important;
  }

  html[data-game="adoptme"] .slot-variant-badge{
    width:20px !important;
    min-width:20px !important;
    height:20px !important;
    min-height:20px !important;
    border-radius:6px !important;
    font-size:11px !important;
  }

  html[data-game="adoptme"] .preview-slot .slot-name{
    font-size:8.5px !important;
    bottom:6px !important;
  }
}

@media (max-width:560px){
  html[data-game="adoptme"] .preview-slot .slot-weapon-art{
    top:14px !important;
    bottom:27px !important;
    left:7px !important;
    right:7px !important;
  }

  html[data-game="adoptme"] .slot-variant-badges{
    bottom:20px !important;
  }

  html[data-game="adoptme"] .slot-variant-badge{
    width:18px !important;
    min-width:18px !important;
    height:18px !important;
    min-height:18px !important;
    border-radius:5px !important;
    font-size:10px !important;
  }
}

/* FINAL: place Adopt Me F / R / N / M badges at the bottom-right of chosen pet cards. */
html[data-game="adoptme"] .slot-variant-badges{
  left:auto !important;
  right:7px !important;
  bottom:25px !important;
  transform:none !important;
  justify-content:flex-end !important;
}

@media (max-width:900px){
  html[data-game="adoptme"] .slot-variant-badges{
    left:auto !important;
    right:6px !important;
    bottom:22px !important;
    transform:none !important;
  }
}

@media (max-width:560px){
  html[data-game="adoptme"] .slot-variant-badges{
    left:auto !important;
    right:5px !important;
    bottom:19px !important;
    transform:none !important;
  }
}


/* Adopt Me username popup: make Cancel button more visible */
html[data-game="adoptme"] .username-cancel,
html[data-game="adoptme"][data-theme="light"] .username-cancel{
  background:linear-gradient(180deg,#fff4fa 0%, #f3e7ff 100%) !important;
  color:#b85e88 !important;
  border:1px solid rgba(139,104,255,.24) !important;
  box-shadow:0 8px 18px rgba(139,104,255,.10) !important;
  opacity:1 !important;
}

html[data-game="adoptme"] .username-cancel:hover,
html[data-game="adoptme"][data-theme="light"] .username-cancel:hover{
  background:linear-gradient(180deg,#fff8fc 0%, #ede2ff 100%) !important;
  color:#a94d7a !important;
  border-color:rgba(139,104,255,.34) !important;
  box-shadow:0 10px 22px rgba(139,104,255,.14) !important;
}


/* =========================================================
   FINAL LIVE FEED GREEN STATUS OVERRIDE
   Keeps source bubbles green even if "Generated" is renamed.
   Works in MM2 + Adopt Me, dark/light modes.
   ========================================================= */
html[data-game="mm2"] .live-feed-origin.generated,
html[data-game="mm2"][data-theme="light"] .live-feed-origin.generated,
html[data-game="adoptme"] .live-feed-origin.generated,
html[data-game="adoptme"][data-theme="light"] .live-feed-origin.generated,
.live-feed-origin.generated{
  color:#35c978 !important;
  background:rgba(53,201,120,.12) !important;
  border:1px solid rgba(53,201,120,.28) !important;
  box-shadow:0 0 10px rgba(53,201,120,.08) !important;
}

/* Also keep the top Live + Generated Activity status green. */
html[data-game="mm2"] .live-feed-simulated,
html[data-game="mm2"][data-theme="light"] .live-feed-simulated,
html[data-game="adoptme"] .live-feed-simulated,
html[data-game="adoptme"][data-theme="light"] .live-feed-simulated,
.live-feed-simulated{
  color:#35c978 !important;
  background:rgba(53,201,120,.10) !important;
  border-color:rgba(53,201,120,.24) !important;
}

html[data-game="mm2"] .live-feed-simulated i,
html[data-game="mm2"][data-theme="light"] .live-feed-simulated i,
html[data-game="adoptme"] .live-feed-simulated i,
html[data-game="adoptme"][data-theme="light"] .live-feed-simulated i,
.live-feed-simulated i{
  background:#35c978 !important;
  box-shadow:0 0 12px rgba(53,201,120,.62) !important;
}