/* QORPO skin for aneemate.com.
   Loaded after brand.css, arceus.css and the page css on every page (build.py adds it).
   It swaps the look to the qorpo.world family: dark graphite ground, Unbounded headlines,
   Outfit body, JetBrains Mono labels, mint primary buttons, gold for $QORPO, rounded
   shapes instead of the clipped brand buttons. Everything else on the page keeps working. */
@import url("https://fonts.googleapis.com/css2?family=Unbounded:wght@600;800;900&family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap");

:root{
  --q-bg:#10131a; --q-bg2:#141821; --q-panel:#1b202b; --q-panel2:#232a37;
  --q-line:rgba(255,255,255,.08); --q-line2:rgba(255,255,255,.14);
  --q-text:#f3f5f9; --q-muted:#a3abbd; --q-dim:#6f788b;
  --q-mint:#5ef0b0; --q-mint2:#27d494; --q-gold:#ffc63a; --q-gold2:#ff9f1c; --q-am:#ffd21f;
  --q-disp:"Unbounded",system-ui,-apple-system,"Segoe UI",sans-serif;
  --q-ui:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;
  --q-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  /* the Arceus tokens, pointed at the QORPO palette */
  --a-night:var(--q-bg); --a-night-2:var(--q-bg2);
  --a-smoke:rgba(27,32,43,.78); --a-smoke-hi:rgba(27,32,43,.92);
  --a-band:rgba(27,32,43,.78); --a-band-hi:rgba(35,42,55,.92); --a-tile:var(--q-panel2);
  --a-rule:var(--q-line2); --a-rule-2:var(--q-line);
  --a-cream:#f3f5f9; --a-text:#f3f5f9; --a-soft:var(--q-muted); --a-dim:var(--q-dim);
  --a-gold:var(--q-mint); --a-gold-hi:#7df7c4; --a-gold-lo:var(--q-mint2);
  --a-grad-gold:linear-gradient(180deg,#7df7c4,#27d494); --a-grad-gold-h:linear-gradient(90deg,#7df7c4,#27d494);
  --a-display:var(--q-disp); --a-body:var(--q-ui);
  --a-r:14px; --a-r-lg:22px;
}
body.arc,body{background:var(--q-bg);font-family:var(--q-ui)}
body.arc ::selection{background:var(--q-mint);color:#06281a}
body.arc :focus-visible{outline-color:var(--q-mint)}

/* type */
.a-h1,.a-h2,.a-h3,.a-display,.a-num,.a-mate__name,.a-stat__v,.a-band__v{font-family:var(--q-disp)!important;font-weight:900!important;letter-spacing:-.03em!important}
.a-h1{font-size:clamp(38px,5.6vw,76px)!important;line-height:1!important}
.a-h2{font-size:clamp(30px,4vw,54px)!important;line-height:1.02!important}
.a-h3{font-weight:800!important;letter-spacing:-.02em!important}
.a-label{font-family:var(--q-mono)!important;font-weight:700!important;letter-spacing:.12em!important;color:var(--q-mint)}
.a-gold-text{background:linear-gradient(90deg,#7df7c4,#5ef0b0)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.a-rulehead::before,.a-rulehead::after{background:linear-gradient(90deg,transparent,rgba(94,240,176,.5))!important}

/* buttons: QORPO shapes, the brand clip path is switched off */
.btn{clip-path:none!important;border-radius:16px!important;font-family:var(--q-ui)!important;font-weight:800!important;letter-spacing:.01em!important;text-transform:none!important;text-shadow:none!important;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,filter .25s!important}
.btn::after{display:none!important}
.btn:hover{transform:translateY(-2px)!important}
.btn-gold,.btn-y{background:linear-gradient(180deg,#7df7c4,#27d494)!important;color:#04261a!important;box-shadow:0 12px 30px -10px rgba(94,240,176,.75),inset 0 1px 0 rgba(255,255,255,.5)!important}
.btn-gold img,.btn-y img{filter:brightness(0) saturate(100%) invert(10%) sepia(30%) saturate(1500%) hue-rotate(110deg)!important;opacity:1!important}
.btn-qorpo,.btn-p,.q-btn-gold{background:linear-gradient(180deg,#ffd76a,#ff9f1c)!important;color:#2b1700!important;box-shadow:0 12px 30px -10px rgba(255,170,40,.7),inset 0 1px 0 rgba(255,255,255,.5)!important}
.btn-smoke,.btn-o,.btn-cream{background:var(--q-panel)!important;color:var(--q-text)!important;box-shadow:inset 0 0 0 1px var(--q-line2)!important}
.btn-smoke:hover,.btn-o:hover,.btn-cream:hover{background:var(--q-panel2)!important}

/* surfaces */
.a-smoke,.a-band{background:var(--q-panel)!important;box-shadow:inset 0 0 0 1px var(--q-line)!important;border-radius:22px!important;backdrop-filter:none!important}
.a-live{font-family:var(--q-mono)!important}

/* header */
.top{background:rgba(16,19,26,.82)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--q-line)!important}
.top .mainnav{font-family:var(--q-ui)!important;font-size:14px!important;letter-spacing:0!important;text-transform:none!important;font-weight:600!important}
.top .mainnav a{color:var(--q-muted)!important;border-radius:12px!important;text-transform:none!important}
.top .mainnav a:hover,.top .mainnav a[aria-current="page"]{color:var(--q-text)!important;background:rgba(255,255,255,.06)!important}
.top .mainnav a[aria-current="page"]::after{background:var(--q-mint)!important}
.top .epic{height:42px!important;font-size:14.5px!important}
.q-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--q-mint);margin-right:7px;box-shadow:0 0 0 0 rgba(94,240,176,.6);animation:qpulse 1.6s infinite;vertical-align:middle}
.q-dot--gold{background:var(--q-gold);animation:none}
@keyframes qpulse{0%{box-shadow:0 0 0 0 rgba(94,240,176,.55)}70%{box-shadow:0 0 0 8px rgba(94,240,176,0)}100%{box-shadow:0 0 0 0 rgba(94,240,176,0)}}
.q-buy{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:14px;border:0;cursor:pointer;font:800 14px var(--q-ui);color:#2b1700;background:linear-gradient(180deg,#ffd76a,#ff9f1c);box-shadow:0 10px 26px -12px rgba(255,170,40,.8);white-space:nowrap}
.q-buy img{width:20px;height:20px;border-radius:50%}
.q-buy small{font:700 11.5px var(--q-mono);opacity:.75}
@media (max-width:1180px){.q-buy small{display:none}}
@media (max-width:620px){.top .q-buy{padding:0 11px}.top .q-buy span{display:none}}

/* footer */
.foot{background:var(--q-bg2)!important;border-top:1px solid var(--q-line)!important}

@media (prefers-reduced-motion:reduce){.q-dot{animation:none}}

/* ---------- sell layer (sell.js) ---------- */
.q-lock{overflow:hidden}
.q-k{display:inline-flex;align-items:center;font:700 11.5px var(--q-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--q-mint)}
.q-x{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:12px;border:0;background:rgba(255,255,255,.08);color:#fff;font-size:22px;line-height:1;cursor:pointer;z-index:2}
.q-x:hover{background:rgba(255,255,255,.16)}
.q-chg{font:700 12px var(--q-mono)}.q-chg.up{color:var(--q-mint)}.q-chg.down{color:#ff8fae}
.q-sheet{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(5,7,12,0);transition:background .2s}
.q-sheet.on{background:rgba(5,7,12,.72);backdrop-filter:blur(6px)}
.q-sheet__in{position:relative;width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:24px;border-radius:26px;background:#151a24;box-shadow:inset 0 0 0 1px var(--q-line2),0 40px 120px -30px #000;transform:translateY(16px) scale(.98);opacity:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .2s;font-family:var(--q-ui);color:var(--q-text)}
.q-sheet.on .q-sheet__in{transform:none;opacity:1}
.q-sheet__top{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;padding-right:40px}
.q-sheet__top h3{margin:2px 0 0;font:900 24px/1.1 var(--q-disp);letter-spacing:-.03em}
.q-sheet__px{text-align:right}.q-sheet__px b{display:block;font:800 18px var(--q-mono)}
.q-sheet__why{margin:14px 0 16px;color:var(--q-muted);font-size:15px;line-height:1.55}
.q-ex{display:grid;gap:8px}
.q-ex a{display:grid;grid-template-columns:28px 1fr auto auto;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--q-panel);box-shadow:inset 0 0 0 1px var(--q-line);color:var(--q-text);text-decoration:none;transition:box-shadow .2s,transform .2s}
.q-ex a:hover{box-shadow:inset 0 0 0 1.5px var(--q-gold);transform:translateY(-1px)}
.q-ex img{border-radius:8px;object-fit:contain}.q-ex b{font-weight:800}.q-ex span{font:600 12px var(--q-mono);color:var(--q-dim)}
.q-ex i{font-style:normal;font-weight:800;font-size:13px;padding:7px 12px;border-radius:10px;color:#2b1700;background:linear-gradient(180deg,#ffd76a,#ff9f1c)}
.q-steps{margin:16px 0 0;padding-left:20px;display:grid;gap:6px;color:var(--q-muted);font-size:14.5px;line-height:1.5}.q-steps b{color:var(--q-text)}
.q-ca{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-top:14px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04)}
.q-ca span{font:600 11.5px var(--q-mono);color:var(--q-dim)}
.q-ca button{display:inline-flex;gap:8px;align-items:center;border:0;background:none;color:var(--q-text);cursor:pointer;font:600 13px var(--q-mono)}.q-ca em{font-style:normal;color:var(--q-mint)}
.q-sheet__acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.q-sheet__acts .btn{width:100%}
.q-fine{margin:12px 0 0;font-size:12px;color:var(--q-dim)}
.q-promo{position:fixed;left:20px;bottom:20px;z-index:990;width:min(400px,calc(100vw - 32px));transform:translateY(30px);opacity:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s;pointer-events:none}
.q-promo.on{transform:none;opacity:1;pointer-events:auto}
.q-promo__in{position:relative;padding:20px;border-radius:24px;background:linear-gradient(180deg,#1d2433,#141922);box-shadow:inset 0 0 0 1px var(--q-line2),0 30px 80px -20px rgba(0,0,0,.85);font-family:var(--q-ui);color:var(--q-text);overflow:hidden}
.q-promo__in::before{content:"";position:absolute;inset:-40% -20% auto;height:70%;background:radial-gradient(closest-side,rgba(255,198,58,.28),transparent);pointer-events:none}
.q-promo__art{position:relative;display:flex;justify-content:center;align-items:flex-end;height:150px;margin:-6px 0 6px}
.q-promo__art img{height:140px;width:auto;filter:drop-shadow(0 18px 24px rgba(0,0,0,.55));transition:transform .4s}
.q-promo__art img:nth-child(1){transform:rotate(-12deg) translate(18px,6px);height:118px}
.q-promo__art img:nth-child(2){position:relative;z-index:2}
.q-promo__art img:nth-child(3){transform:rotate(12deg) translate(-18px,6px);height:118px}
.q-promo h3{position:relative;margin:8px 0 6px;font:900 21px/1.12 var(--q-disp);letter-spacing:-.03em}
.q-promo p{position:relative;margin:0 0 14px;color:var(--q-muted);font-size:14px;line-height:1.5}
.q-promo__acts{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px}.q-promo__acts .btn{width:100%;height:46px;padding:0 12px;font-size:14.5px}
.q-promo__acts small{font:700 11px var(--q-mono);opacity:.75}
.q-promo__epic{position:relative;display:block;margin-top:10px;text-align:center;font-size:13px;color:var(--q-muted);text-decoration:underline;text-underline-offset:3px}
.q-bar{position:fixed;left:50%;bottom:16px;z-index:980;width:min(760px,calc(100vw - 24px));transform:translate(-50%,140%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.q-bar.on{transform:translate(-50%,0)}
.q-promo-on .q-bar{transform:translate(-50%,140%)!important}
.q-bar__in{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 12px;border-radius:20px;background:rgba(20,24,33,.92);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px var(--q-line2),0 20px 60px -20px #000;font-family:var(--q-ui)}
.q-bar__px{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--q-text);cursor:pointer;padding:0;text-align:left}
.q-bar__px span{display:grid;line-height:1.15}.q-bar__px b{font-size:13px;font-weight:800}.q-bar__px em{font:700 14px var(--q-mono);font-style:normal}
.q-bar__acts{display:flex;gap:8px;margin-left:auto}.q-bar__acts .btn{height:42px;padding:0 16px;font-size:14px}
.q-bar__x{width:30px;height:30px;border-radius:10px;border:0;background:rgba(255,255,255,.06);color:var(--q-muted);cursor:pointer;font-size:18px}
.q-presale{background:linear-gradient(180deg,#ffd76a,#ff9f1c)!important;color:#2b1700!important;cursor:pointer!important;opacity:1!important}
@media (max-width:700px){.q-bar__epic{display:none}.q-bar__px span b{display:none}.q-bar__acts .btn{padding:0 12px}.q-promo{left:12px;bottom:12px}}
@media (max-width:380px){.q-bar__acts .btn-smoke{display:none}}
@media (prefers-reduced-motion:reduce){.q-sheet__in,.q-promo,.q-bar{transition:none}}

/* ---------- home: hero $QORPO line ---------- */
.q-heroq{display:inline-flex;align-items:center;gap:10px;margin-top:14px;padding:8px 8px 8px 10px;border-radius:16px;border:0;cursor:pointer;background:rgba(16,19,26,.72);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,198,58,.35);color:var(--q-text);font:600 14px var(--q-ui);text-align:left;max-width:100%}
.q-heroq img{border-radius:50%}.q-heroq span{color:var(--q-muted)}.q-heroq span b{color:var(--q-text)}
.q-heroq em{font:700 14px var(--q-mono);font-style:normal;color:#fff}.q-heroq i{font-style:normal}
.q-heroq strong{padding:7px 12px;border-radius:11px;color:#2b1700;background:linear-gradient(180deg,#ffd76a,#ff9f1c);font-weight:800}
.q-heroq:hover{box-shadow:inset 0 0 0 1.5px var(--q-gold)}
@media (max-width:560px){.q-heroq span{display:none}}

/* ---------- home: packs sale ---------- */
.q-sale{position:relative;background:radial-gradient(60% 50% at 50% 0%,rgba(255,198,58,.10),transparent 70%),var(--q-bg)}
.q-sale__head{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;margin-bottom:28px}
.q-sale__head .a-h2{margin:10px 0 12px;max-width:16ch}
.q-sale__price{display:grid;grid-template-columns:auto auto;gap:4px 12px;align-items:center;padding:16px 18px;border-radius:20px;background:var(--q-panel);box-shadow:inset 0 0 0 1px var(--q-line)}
.q-sale__price span{grid-column:1/-1;font:700 11px var(--q-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--q-dim)}
.q-sale__price b{font:800 24px var(--q-mono)}
.q-sale__price .btn{grid-column:1/-1;margin-top:8px}
.q-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.q-tier{position:relative;display:grid;grid-template-rows:auto 1fr;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),var(--q-panel);box-shadow:inset 0 0 0 1px var(--q-line);overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.q-tier:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1.5px var(--tc),0 30px 60px -30px var(--tc)}
.q-tier--hot{box-shadow:inset 0 0 0 1.5px rgba(255,198,58,.55)}
.q-tier__flag{position:absolute;top:14px;left:14px;z-index:2;padding:6px 10px;border-radius:999px;font:700 11px var(--q-mono);letter-spacing:.08em;text-transform:uppercase;color:#2b1700;background:linear-gradient(180deg,#ffd76a,#ff9f1c)}
.q-tier__art{position:relative;display:flex;justify-content:center;align-items:flex-end;height:250px;padding-top:18px;background:radial-gradient(50% 60% at 50% 60%,color-mix(in srgb,var(--tc) 35%,transparent),transparent 70%)}
.q-tier__art img{height:230px;width:auto;filter:drop-shadow(0 22px 26px rgba(0,0,0,.55));transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.q-tier:hover .q-tier__art img{transform:translateY(-6px) rotate(-3deg) scale(1.03)}
.q-tier__body{padding:18px 20px 20px}
.q-tier__top{display:flex;justify-content:space-between;align-items:baseline}
.q-tier__top h3{margin:0;font:900 26px var(--q-disp);letter-spacing:-.03em;color:var(--q-text)}
.q-tier__usd{font:800 26px var(--q-mono);color:var(--tc)}
.q-tier__q{margin:2px 0 12px!important;font:600 13px var(--q-mono);color:var(--q-dim)!important}.q-tier__q b{color:var(--q-text)}
.q-tier ul{margin:0 0 14px;padding-left:18px;display:grid;gap:4px;color:var(--q-muted);font-size:14.5px;line-height:1.45}
.q-odds{display:flex;height:8px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.06)}.q-odds i{width:var(--w);background:var(--c)}
.q-tier__fine{margin:8px 0 0!important;font:600 12px var(--q-mono);color:var(--q-dim)!important}
.q-sale__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}
.q-how{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 0;padding:0}
.q-how li{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--q-line);color:var(--q-muted);font-size:14.5px}
.q-how b{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font:800 14px var(--q-mono);color:#2b1700;background:linear-gradient(180deg,#ffd76a,#ff9f1c)}
.q-how strong{color:var(--q-text)}
@media (max-width:900px){.q-sale__head{grid-template-columns:1fr}.q-tiers{grid-template-columns:1fr}.q-tier{grid-template-columns:150px 1fr;grid-template-rows:none}.q-tier__art{height:auto;padding:16px 0 10px}.q-tier__art img{height:170px}.q-how{grid-template-columns:1fr}.q-sale__cta .btn{flex:1 1 100%}}
@media (max-width:480px){.q-tier{grid-template-columns:1fr}.q-tier__art img{height:180px}}

/* ---------- builds band + /dev ---------- */
.q-builds{background:linear-gradient(180deg,var(--q-bg),var(--q-bg2))}
.q-builds__in{display:grid;grid-template-columns:1fr 1.05fr;gap:28px;align-items:start}
.q-builds__copy .a-h2{margin:10px 0 12px}
.q-builds__nums,.q-dev__tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0 14px}
.q-builds__nums div,.q-dev__tiles div{padding:14px;border-radius:18px;background:var(--q-panel);box-shadow:inset 0 0 0 1px var(--q-line);min-width:0}
.q-builds__nums b,.q-dev__tiles b{display:block;font:900 clamp(22px,2.6vw,34px) var(--q-disp);letter-spacing:-.03em;color:var(--q-text);font-variant-numeric:tabular-nums;white-space:nowrap}
.q-builds__nums div:first-child b,.q-dev__tiles div:first-child b{color:var(--q-am)}
.q-builds__nums span,.q-dev__tiles span{font:700 10.5px var(--q-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--q-dim)}
.b-spark{display:flex;align-items:flex-end;gap:4px;height:70px}.b-spark--big{height:120px}
.b-spark i{flex:1;min-width:2px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#ffd21f,rgba(255,210,31,.18))}.b-spark i.z{background:rgba(255,255,255,.06)}
.q-builds__acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.b-list{display:grid;gap:10px}
.b-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px 16px;border-radius:18px;background:var(--q-panel);box-shadow:inset 0 0 0 1px var(--q-line)}
.b-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#2b1d00;background:linear-gradient(160deg,#ffd21f,#e59a00)}.b-ic svg{width:20px;height:20px}
.b-tx{display:grid;min-width:0}.b-r{font:700 10.5px var(--q-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--q-am)}
.b-m{margin-top:3px;font-weight:600;font-size:15px;line-height:1.35;color:var(--q-text);overflow-wrap:anywhere}
.b-t{font:600 11px var(--q-mono);color:var(--q-dim);white-space:nowrap;text-align:right;display:grid;gap:3px}.b-ln b{color:var(--q-mint)}.b-ln i{font-style:normal;color:#ff8fae}
.b-empty{color:var(--q-dim);font-size:14px}
@media (max-width:900px){.q-builds__in{grid-template-columns:1fr}.q-builds__nums,.q-dev__tiles{grid-template-columns:repeat(2,1fr)}.b-row{grid-template-columns:40px minmax(0,1fr)}.b-t{grid-column:2;text-align:left;display:flex;gap:8px}}
.q-dev{padding:clamp(110px,14vw,150px) 0 70px}
.q-dev .a-h1{margin:12px 0 12px;max-width:14ch}
.q-dev__upd{color:var(--q-dim);margin-left:8px;letter-spacing:.06em}
.q-dev__bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin:26px 0 14px}
.b-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:16px;background:var(--q-panel);box-shadow:inset 0 0 0 1px var(--q-line)}
.b-tabs button{border:0;background:none;color:var(--q-dim);font:700 12px var(--q-mono);letter-spacing:.08em;text-transform:uppercase;padding:11px 14px;border-radius:12px;cursor:pointer;white-space:nowrap}
.b-tabs button[aria-selected="true"]{background:rgba(255,210,31,.12);color:var(--q-am);box-shadow:inset 0 0 0 1px rgba(255,210,31,.45)}
.q-dev__chart{padding:18px 18px 12px;border-radius:20px;background:var(--q-panel);box-shadow:inset 0 0 0 1px var(--q-line)}
.q-dev__lab{display:flex;justify-content:space-between;font:600 11px var(--q-mono);color:var(--q-dim);margin-top:8px}
.q-dev__h{margin:34px 0 12px!important}
.q-dev__cta{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin:30px 0 16px;padding:24px;border-radius:24px;background:linear-gradient(120deg,rgba(255,210,31,.12),rgba(94,240,176,.08));box-shadow:inset 0 0 0 1px var(--q-line2)}
.q-dev__cta p{margin:4px 0 0}.q-dev__btns{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:600px){.b-tabs{width:100%}.b-tabs button{flex:1;padding:10px 6px;font-size:11px}.q-dev__bar .btn{width:100%}.q-dev__btns .btn{flex:1 1 100%}}
.q-share{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(5,7,12,.8);backdrop-filter:blur(8px)}
.q-share.on{display:flex}
.q-share__in{position:relative;width:min(1100px,100%);max-height:calc(100vh - 32px);overflow:auto;border-radius:26px;background:#141823;box-shadow:inset 0 0 0 1px var(--q-line2);padding:20px;display:grid;grid-template-columns:1fr 300px;gap:20px;font-family:var(--q-ui);color:var(--q-text)}
.q-share__pv{display:flex;align-items:center;justify-content:center;background:#0b0e15;border-radius:18px;padding:14px;min-height:280px}
.q-share__pv canvas{max-width:100%;max-height:70vh;width:auto;height:auto;border-radius:12px}
.q-share__side h3{margin:0 0 4px;font:900 20px var(--q-disp)}.q-share__side p{margin:0 0 14px;color:var(--q-muted);font-size:14px}
.q-share__lab{font:700 11px var(--q-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--q-dim);margin:12px 0 8px}
.q-share__opt{display:grid;gap:6px}
.q-share__opt button{display:flex;justify-content:space-between;align-items:center;border:0;cursor:pointer;padding:11px 14px;border-radius:12px;background:var(--q-panel);box-shadow:inset 0 0 0 1px var(--q-line);color:var(--q-text);font:700 14px var(--q-ui)}
.q-share__opt small{font:500 11px var(--q-mono);color:var(--q-dim)}
.q-share__opt button[aria-pressed="true"]{box-shadow:inset 0 0 0 1.5px var(--q-am);background:rgba(255,210,31,.08)}
.q-share__acts{display:grid;gap:8px;margin-top:16px}.q-share__acts .btn{width:100%}
.q-share__ok{font:600 12px var(--q-mono);color:var(--q-mint);min-height:16px;margin-top:8px}
@media (max-width:860px){.q-share__in{grid-template-columns:1fr;padding:14px}.q-share__pv canvas{max-height:46vh}}
.l-hero .a-h1{font-size:clamp(34px,4.3vw,62px)!important;max-width:13ch}
.l-hero__logo{max-width:min(330px,70vw)!important;height:auto!important}

.q-promo h3,.q-sheet h3,.q-share h3,.q-tier h3,.q-dev__cta h3{text-transform:none!important}

/* ===================== first moment: logo loader, AneeMate ring, player or trader ===================== */
html.q-in-pre body>*:not(.q-intro){visibility:hidden}
html.q-in-pre body{background:var(--q-bg)}
html.q-in-on{overflow:hidden}
html.q-in-on .q-bar,html.q-in-on .q-promo{display:none!important}
.q-intro{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;overflow:hidden;padding:16px;font-family:var(--q-ui);color:var(--q-text);
  background:radial-gradient(800px 520px at 50% 46%,rgba(94,240,176,.16),transparent 70%),radial-gradient(900px 500px at 50% 112%,rgba(255,198,58,.22),transparent 60%),linear-gradient(180deg,#0c0f15,#10131a 50%,#151a24);
  transition:opacity .55s,transform .6s cubic-bezier(.6,0,.4,1)}
.q-intro.out{opacity:0;transform:scale(1.04);pointer-events:none}
.q-in-glow{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.5) 1px,transparent 1.5px);background-size:46px 46px;opacity:.07;mask-image:radial-gradient(closest-side,#000,transparent)}
.q-in-stage{position:absolute;left:50%;top:50%;width:min(720px,94vw);aspect-ratio:1;transform:translate(-50%,-50%);transition:transform .9s cubic-bezier(.65,0,.35,1)}
.q-in-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;width:min(360px,62vw)}
.q-in-logo img{width:100%;height:auto;animation:qInLogo 1s cubic-bezier(.34,1.56,.64,1) both;filter:drop-shadow(0 14px 30px rgba(0,0,0,.6))}
.q-in-bar{width:64%;height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;box-shadow:inset 0 0 0 1px var(--q-line2)}
.q-in-bar i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--q-mint),var(--q-am),var(--q-gold2));animation:qInBar 1.5s .2s cubic-bezier(.4,0,.2,1) forwards}
.q-in-logo small{font:700 12px/1 var(--q-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--q-muted)}
.q-in-ring{position:absolute;inset:0}
.q-in-c{position:absolute;left:50%;top:50%;height:clamp(80px,14vw,140px);width:auto;max-width:none;cursor:pointer;filter:drop-shadow(0 16px 16px rgba(0,0,0,.55));
  transform:translate(-50%,-50%) rotate(calc(var(--k)*45deg - 90deg)) translateX(min(290px,38vw)) rotate(calc(var(--k)*-45deg + 90deg));
  animation:qInPop .7s cubic-bezier(.34,1.56,.64,1) calc(.35s + var(--k)*.09s) both,qInBob 2.6s ease-in-out calc(1.2s + var(--k)*.2s) infinite}
.q-in-c.q-hop{animation:qInPop 0s both,qHopT .7s cubic-bezier(.34,1.56,.64,1)}
.q-in-ask{position:relative;z-index:2;width:min(720px,100%);text-align:center;opacity:0;transform:translateY(40px);pointer-events:none;transition:opacity .5s .25s,transform .6s .25s cubic-bezier(.34,1.56,.64,1)}
.q-intro.ask{place-items:end center;padding-bottom:max(24px,6vh)}
.q-intro.ask .q-in-stage{transform:translate(-50%,-50%) translateY(-26vh) scale(.52)}
.q-intro.ask .q-in-ask{opacity:1;transform:none;pointer-events:auto}
.q-intro.ask .q-in-bar,.q-intro.ask .q-in-logo small{opacity:0;transition:opacity .3s}
.q-in-ask h2{margin:10px 0 0;font:900 clamp(28px,4.2vw,48px)/1.06 var(--q-disp);letter-spacing:-.035em;text-wrap:balance}
.q-in-ask p{margin:10px auto 22px;color:var(--q-muted);font-size:16px}
.q-in-who{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:560px;margin:0 auto}
.q-in-who button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px 18px;border-radius:24px;min-height:44px;
  background:linear-gradient(180deg,var(--q-panel2),var(--q-panel));box-shadow:inset 0 0 0 1px var(--q-line2),0 24px 40px -24px rgba(0,0,0,.8);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.q-in-who button:hover,.q-in-who button:focus-visible{transform:translateY(-6px);box-shadow:inset 0 0 0 2px var(--q-mint),0 30px 50px -24px rgba(94,240,176,.45)}
.q-in-who button[data-w=trader]:hover,.q-in-who button[data-w=trader]:focus-visible{box-shadow:inset 0 0 0 2px var(--q-gold),0 30px 50px -24px rgba(255,198,58,.45)}
.q-in-who img{height:104px;width:auto;max-width:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.q-in-who button:hover img{transform:translateY(-8px) scale(1.06)}
.q-in-who b{font:900 20px/1.1 var(--q-disp);letter-spacing:-.03em}
.q-in-who span{font-size:13.5px;color:var(--q-muted);line-height:1.35}
.q-in-who button.picked{transform:scale(1.05);box-shadow:inset 0 0 0 3px var(--q-am),0 30px 50px -24px rgba(255,210,31,.5)}
.q-in-who button.picked img{animation:qHopT .7s}
.q-in-skip{all:unset;cursor:pointer;margin-top:14px;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;font-size:14px;color:var(--q-muted);text-decoration:underline;text-underline-offset:4px}
.q-in-skip:focus-visible,.q-in-who button:focus-visible{outline:2px solid var(--q-mint);outline-offset:3px}
@media (max-width:640px){
  .q-in-c{height:clamp(60px,18vw,92px);transform:translate(-50%,-50%) rotate(calc(var(--k)*45deg - 90deg)) translateX(min(165px,40vw)) rotate(calc(var(--k)*-45deg + 90deg))}
  .q-intro.ask{display:flex;flex-direction:column;justify-content:flex-end;overflow-y:auto}
  .q-intro.ask .q-in-stage{transform:translate(-50%,-50%) translateY(-31vh) scale(.6)}
  .q-in-who{gap:10px}.q-in-who img{height:66px}.q-in-who b{font-size:17px}.q-in-who span{font-size:12px}.q-in-ask p{font-size:14px;margin:6px auto 14px}
}
@media (max-height:640px){.q-intro.ask .q-in-stage{transform:translate(-50%,-50%) translateY(-32vh) scale(.42)}.q-in-who img{height:58px}}
@keyframes qInPop{0%{opacity:0;scale:.2;translate:0 60px}70%{opacity:1;scale:1.1;translate:0 -10px}100%{opacity:1;scale:1;translate:0 0}}
@keyframes qInBob{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes qInBar{to{width:100%}}
@keyframes qInLogo{0%{opacity:0;transform:scale(.4) rotate(-6deg)}60%{opacity:1;transform:scale(1.08) rotate(2deg)}100%{transform:none}}
@keyframes qHopT{0%{translate:0 0;scale:1}25%{translate:0 6px;scale:1.08 .9}55%{translate:0 -34px;scale:.94 1.08}80%{translate:0 2px;scale:1.04 .96}100%{translate:0 0;scale:1}}
.q-hop{animation:qHopT .7s cubic-bezier(.34,1.56,.64,1)!important}
.q-spark{position:fixed;z-index:2100;width:8px;height:8px;border-radius:50%;pointer-events:none;animation:qSpark .75s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes qSpark{to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}

/* for you strip under the home hero */
.q-fy{position:relative;z-index:3;padding:18px 0 6px}
.q-fy__in{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:14px;border-radius:24px;background:linear-gradient(180deg,var(--q-panel2),var(--q-panel));box-shadow:inset 0 0 0 1px var(--q-line2)}
.q-fy__who{display:flex;align-items:center;gap:10px;padding-right:6px}
.q-fy__who img{height:64px;width:auto;cursor:pointer}
.q-fy__who small{display:block;font:700 11px var(--q-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--q-mint)}
.q-fy__chg{all:unset;cursor:pointer;font-size:13px;color:var(--q-muted);text-decoration:underline;text-underline-offset:3px;margin-top:4px}
.q-fy__links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.q-fy__links a{position:relative;display:flex;flex-direction:column;gap:2px;padding:12px 30px 12px 14px;border-radius:16px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--q-line);color:var(--q-text);text-decoration:none;
  transition:transform .2s,background .2s;animation:qFyIn .5s cubic-bezier(.34,1.56,.64,1) calc(var(--i)*.07s) both}
.q-fy__links a:hover{transform:translateY(-3px);background:rgba(94,240,176,.08)}
.q-fy__links b{font-weight:800;font-size:15px}.q-fy__links span{font-size:12.5px;color:var(--q-muted)}
.q-fy__links i{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;font-size:22px;color:var(--q-mint)}
.q-fy__links a[data-qbuy] i,.q-fy__links a[data-fy^=trader] i{color:var(--q-gold)}
@keyframes qFyIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (max-width:900px){.q-fy__in{grid-template-columns:1fr}.q-fy__links{grid-template-columns:1fr 1fr}}

/* ambient cast standing in page heroes */
.q-cast{position:absolute;right:max(16px,4vw);bottom:0;z-index:2;display:flex;align-items:flex-end;gap:2px;pointer-events:none}
.q-cast::before{content:"";position:absolute;left:-10%;right:-10%;bottom:-6px;height:40px;border-radius:50%;background:radial-gradient(closest-side,rgba(94,240,176,.25),transparent)}
.q-cast span{position:relative;display:block;pointer-events:auto;animation:qInPop .7s cubic-bezier(.34,1.56,.64,1) calc(.3s + var(--k)*.12s) both}
.q-cast img{display:block;height:clamp(90px,11vw,170px);width:auto;cursor:pointer;filter:drop-shadow(0 16px 14px rgba(0,0,0,.5));animation:qInBob 2.8s ease-in-out calc(var(--k)*.35s) infinite}
.q-cast span:nth-child(2) img{height:clamp(110px,13.5vw,210px)}
.q-cast span:nth-child(1){transform:rotate(-4deg)}.q-cast span:nth-child(3){transform:rotate(4deg)}
@media (max-width:900px){.q-cast{position:relative;right:auto;justify-content:center;margin:8px auto 0;width:max-content}.q-cast img{height:84px}.q-cast span:nth-child(2) img{height:104px}}
@media (prefers-reduced-motion:reduce){.q-intro *,.q-cast *,.q-fy *{animation:none!important;transition:none!important}.q-in-bar i{width:100%}}

/* persona promos and the "put it to work" block in the $QORPO sheet */
.q-promo__art img.q-coin{height:96px!important;transform:none!important;align-self:center;filter:drop-shadow(0 0 30px rgba(255,198,58,.55))}
.q-promo--play .q-promo__art img,.q-promo--win .q-promo__art img,.q-promo--studio .q-promo__art img,.q-promo--rewards .q-promo__art img{animation:qInBob 2.6s ease-in-out infinite}
.q-promo__art img:nth-child(2){animation-delay:.3s!important}.q-promo__art img:nth-child(3){animation-delay:.6s!important}
.q-promo--studio .q-promo__in::before,.q-promo--rewards .q-promo__in::before,.q-promo--burn .q-promo__in::before{background:radial-gradient(closest-side,rgba(255,198,58,.34),transparent)}
.q-promo--play .q-promo__in::before,.q-promo--win .q-promo__in::before{background:radial-gradient(closest-side,rgba(94,240,176,.26),transparent)}
.q-work{margin:16px 0 4px;padding:14px;border-radius:18px;background:rgba(255,198,58,.06);box-shadow:inset 0 0 0 1px rgba(255,198,58,.22)}
.q-work__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.q-work__g a{display:flex;flex-direction:column;gap:4px;padding:11px 12px;border-radius:14px;background:var(--q-panel);box-shadow:inset 0 0 0 1px var(--q-line);color:var(--q-text);text-decoration:none;transition:transform .2s}
.q-work__g a:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--q-gold)}
.q-work__g b{font-weight:800;font-size:14.5px;color:var(--q-gold)}.q-work__g span{font-size:12px;line-height:1.4;color:var(--q-muted)}
.q-work__studio{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:var(--q-muted)}
@media (max-width:560px){.q-work__g{grid-template-columns:1fr}}
.q-intro h2,.q-intro b,.q-fy b{text-transform:none!important}
@media (max-width:640px){.q-intro.ask .q-in-stage{transform:translate(-50%,-50%) translateY(-26vh) scale(.6)}}

/* burn visibility */
.q-flame{display:inline-block;width:.8em;height:1em;margin-right:5px;vertical-align:-.12em;background:linear-gradient(180deg,#ffd21f,#ff6a1c);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 20'%3E%3Cpath d='M8 0c1 4 6 6 6 12a6 6 0 0 1-12 0c0-3 2-5 3-6 0 2 1 3 2 3 0-3-1-5 1-9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 20'%3E%3Cpath d='M8 0c1 4 6 6 6 12a6 6 0 0 1-12 0c0-3 2-5 3-6 0 2 1 3 2 3 0-3-1-5 1-9z'/%3E%3C/svg%3E") center/contain no-repeat;animation:qFlick 1.6s ease-in-out infinite}
@keyframes qFlick{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.12) translateY(-1px)}}
.q-burnline{display:flex;align-items:center;gap:2px;margin:0 0 8px;padding:8px 12px;border-radius:12px;background:rgba(255,106,28,.1);box-shadow:inset 0 0 0 1px rgba(255,106,28,.28);font-size:13.5px;color:var(--q-text)}
.q-burnline b{color:#ff9a4a;margin-right:4px;font-family:var(--q-mono)}
.q-bar__burn{display:inline-flex;align-items:center;font-size:12.5px;color:var(--q-muted);white-space:nowrap}.q-bar__burn b{color:#ff9a4a;margin-right:4px;font-family:var(--q-mono)}
@media (max-width:900px){.q-bar__burn{display:none}}
.q-tier__burn{margin:-2px 0 8px;font-size:12.5px;color:#ff9a4a}.q-tier__burn b{font-family:var(--q-mono)}
.q-sale__burned{display:block;margin-top:4px;font-size:12px;color:var(--q-muted)}.q-sale__burned b{color:#ff9a4a;font-family:var(--q-mono);margin-right:3px}
.buydlg .q-burnrow{padding:8px 10px;margin:4px -10px;border-radius:12px;background:rgba(255,106,28,.12)}
.buydlg .q-burnrow span,.buydlg .q-burnrow b{color:#ff9a4a!important}
@media (prefers-reduced-motion:reduce){.q-flame{animation:none}}

/* demo to real: the moment after a free demo reveal */
.q-real{display:flex;flex-direction:column;gap:6px;margin:0 0 14px;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(255,198,58,.14),rgba(255,198,58,.04));box-shadow:inset 0 0 0 1px rgba(255,198,58,.35);font-family:var(--q-ui)}
.q-real__k{font:700 10.5px var(--q-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--q-muted)}
.q-real b{font:900 19px/1.15 var(--q-disp);letter-spacing:-.02em;color:var(--q-text)}
.q-real span:not(.q-real__k){font-size:13.5px;line-height:1.45;color:var(--q-muted)}
.q-real__acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.q-real__acts .btn{height:48px;padding:0 18px}
.q-real small{font:600 12px var(--q-mono);color:#f2c75c}
.q-real--hot{background:linear-gradient(180deg,rgba(255,198,58,.26),rgba(255,106,28,.08));box-shadow:inset 0 0 0 1px rgba(255,198,58,.6),0 0 40px -10px rgba(255,198,58,.6)}
.q-real--hot .q-real__acts .q-btn-gold{animation:qRealPulse 1.6s ease-in-out infinite}
@keyframes qRealPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,198,58,.55)}50%{box-shadow:0 0 0 10px rgba(255,198,58,0)}}
@media (prefers-reduced-motion:reduce){.q-real--hot .q-real__acts .q-btn-gold{animation:none}}

/* SEO landing pages */
.q-art__hero{position:relative;padding:120px 0 40px;overflow:hidden}
.q-art__hero .a-wrap{position:relative}
.q-art__crumbs{font-size:13px;color:var(--q-muted);margin-bottom:14px}.q-art__crumbs a{color:var(--q-muted)}
.q-art__answer{max-width:760px;margin:16px 0 22px;font-size:18px;line-height:1.6;color:var(--q-muted)}.q-art__answer strong{color:var(--q-text);font-weight:700}
.q-art__cta{display:flex;flex-wrap:wrap;gap:10px}
.q-cast--art{position:absolute;right:0;bottom:-40px}
.q-art__body{max-width:860px}
.q-art__body h2{margin:44px 0 14px}
.q-art__body p,.q-art__body li{font-size:16.5px;line-height:1.65;color:var(--q-muted)}.q-art__body b{color:var(--q-text)}
.q-art__body a:not(.btn){color:var(--q-mint)}
.q-art__table{overflow-x:auto;border-radius:18px;box-shadow:inset 0 0 0 1px var(--q-line2)}
.q-art__table table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.q-art__table th,.q-art__table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--q-line);vertical-align:top}
.q-art__table thead th{font:700 12px var(--q-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--q-muted);background:var(--q-panel)}
.q-art__table tbody th{color:var(--q-text);font-weight:700}.q-art__table td:last-child{color:var(--q-mint);font-weight:600}
.q-art__steps,.q-art__list{padding-left:20px;display:grid;gap:10px}
.q-faq{margin:0 0 8px;border-radius:14px;background:var(--q-panel);box-shadow:inset 0 0 0 1px var(--q-line)}
.q-faq summary{cursor:pointer;padding:14px 16px;font-weight:700;color:var(--q-text);list-style:none}.q-faq summary::-webkit-details-marker{display:none}
.q-faq summary::after{content:"+";float:right;color:var(--q-mint)}.q-faq[open] summary::after{content:"−"}
.q-faq p{margin:0;padding:0 16px 14px}
.q-art__end{margin-top:48px;padding:24px;border-radius:22px;background:linear-gradient(180deg,var(--q-panel2),var(--q-panel));box-shadow:inset 0 0 0 1px var(--q-line2)}
.q-art__end h2{margin-top:0}
@media (max-width:900px){.q-art__hero{padding-top:96px}.q-cast--art{position:relative;bottom:auto;margin-top:18px}}