@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,800&family=Hanken+Grotesk:wght@400;500;600;700&family=Inter:wght@900&display=swap");
/* PuckGold clean rebuild — one stylesheet. Fonts: Bebas Neue (display) + Manrope (body). */
:root{
  --midnight:#0a162c; --navy:#10203a; --panel:#152a48; --sapphire:#163a74; --sapphire-lt:#3d6fbf;
  --gold:#d4af37; --gold-lt:#f0d78c; --gold-deep:#8a6a1e; --ruby:#b3202e;
  --text:#eef3fa; --muted:#a8c0e8; --line:rgba(212,175,55,.22); --line-soft:rgba(180,210,255,.12);
  --paper:#f6f4ee; --ink:#121826;
  --display:"Bebas Neue","Arial Narrow",Impact,sans-serif;
  --font:"Manrope",system-ui,-apple-system,sans-serif;
  --radius:12px; --max:1180px; --header-h:60px; --pad:max(1rem,4vw);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:clip;background:var(--midnight);color:var(--text);font-family:var(--font);line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--gold-lt);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:.03em;line-height:1;margin:0}
h1{font-size:clamp(2.8rem,8vw,5.5rem)} h2{font-size:clamp(2rem,5vw,3rem)} h3{font-size:1.5rem}
p{margin:.5rem 0}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
section{padding:3.2rem 0}
.kicker{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.lead{color:var(--muted);font-size:1.08rem;max-width:62ch}
.muted{color:var(--muted)}
:focus-visible{outline:2px solid var(--gold-lt);outline-offset:2px}

/* header */
.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);background:rgba(10,22,44,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;gap:1.2rem;height:100%}
.brand{display:flex;align-items:center;gap:.55rem;color:var(--text);font-family:var(--display);font-size:1.5rem;letter-spacing:.06em}
.brand img{width:34px;height:34px;object-fit:contain}
.brand em{font-style:normal;color:var(--gold)}
.nav{display:flex;gap:.2rem;margin-left:auto;align-items:center}
.nav a{color:var(--text);font-size:.86rem;font-weight:600;padding:.5rem .7rem;border-radius:8px}
.nav a:hover,.nav a[aria-current="page"]{background:rgba(212,175,55,.14);color:var(--gold-lt);text-decoration:none}
.nav-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:.45rem .7rem;font:inherit;font-weight:700}
.cart-link{position:relative}
.cart-count{background:var(--gold);color:#241a02;border-radius:99px;font-size:.7rem;font-weight:800;padding:.05rem .4rem;margin-left:.3rem}
@media(max-width:1480px){
  .nav-toggle{display:block}
  .nav{display:none;position:absolute;top:var(--header-h);left:0;right:0;flex-direction:column;align-items:stretch;background:var(--midnight);padding:.6rem var(--pad) 1rem;border-bottom:1px solid var(--line)}
  .nav.open{display:flex}
}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.65rem 1.3rem;border-radius:99px;border:1px solid var(--gold);background:linear-gradient(180deg,var(--gold-lt),var(--gold));color:#241a02;font:800 .9rem var(--font);cursor:pointer}
.btn:hover{filter:brightness(1.06);text-decoration:none}
.btn.ghost{background:transparent;color:var(--gold-lt)}
.btn.small{min-height:36px;padding:.4rem .9rem;font-size:.8rem}

/* hero */
.hero{position:relative;padding:5rem 0 4rem;overflow:hidden;background:radial-gradient(900px 400px at 75% -10%,rgba(61,111,191,.4),transparent 70%),radial-gradient(700px 360px at 10% 110%,rgba(212,175,55,.18),transparent 70%),linear-gradient(180deg,#22428f,var(--midnight))}
.hero .wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center}
.hero h1 .gold{color:var(--gold-lt)}
.hero-art{justify-self:center;filter:drop-shadow(0 20px 50px rgba(0,0,0,.5))}
.hero-art img{width:min(300px,70vw)}
.cta-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}
.page-hero{padding:3.2rem 0 2.2rem;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#24459a,var(--midnight))}
.page-hero h1{font-size:clamp(2.6rem,7vw,4.4rem);margin-top:.4rem}
@media(max-width:760px){.hero .wrap{grid-template-columns:1fr}.hero-art{order:-1}}

/* countdown */
.clock{display:flex;gap:.6rem;margin-top:1.4rem}
.clock div{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:10px;padding:.5rem .8rem;text-align:center;min-width:64px}
.clock b{display:block;font:2rem/1 var(--display);color:var(--gold-lt)}
.clock span{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

/* cards */
.grid{display:grid;gap:1rem}
.g2{grid-template-columns:repeat(2,1fr)} .g3{grid-template-columns:repeat(3,1fr)} .g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.g2,.g3,.g4{grid-template-columns:1fr}}
.card{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);padding:1.2rem;transition:transform .15s,border-color .15s}
a.card{display:block;color:var(--text)}
a.card:hover{transform:translateY(-3px);border-color:var(--gold);text-decoration:none}
.card h3{margin:.25rem 0 .4rem}
.pill{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .6rem;border-radius:99px;background:rgba(212,175,55,.14);color:var(--gold-lt)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.4rem;flex-wrap:wrap}

/* team tiles */
.team-tile{--c:var(--gold);position:relative;overflow:hidden;border-top:3px solid var(--c)}
.team-logo{height:92px;display:flex;align-items:center;justify-content:center;margin-bottom:.6rem}
.team-logo img{max-height:92px;object-fit:contain}
.mono{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font:2.6rem var(--display);color:#fff;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.28),transparent 55%),var(--c);border:2px solid rgba(255,255,255,.35)}
.meta{font-size:.82rem;color:var(--muted)}

/* offer band */
.offer{background:linear-gradient(135deg,#fff8e6,#f1dca0);color:var(--ink);border-radius:18px;padding:2rem;display:grid;grid-template-columns:1.6fr 1fr;gap:1.5rem;align-items:center}
.offer h2{color:var(--ink)} .offer .kicker{color:var(--gold-deep)}
.offer ul{padding-left:1.1rem;margin:.8rem 0}
.offer .price{text-align:center}
.offer .price b{font:5.5rem/1 var(--display);color:var(--sapphire)}
.offer .btn{border-color:var(--ink)}
@media(max-width:760px){.offer{grid-template-columns:1fr}}

/* tables */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line-soft);border-radius:var(--radius)}
table{border-collapse:collapse;width:100%;font-size:.9rem;min-width:620px}
th,td{padding:.7rem .8rem;text-align:right;border-bottom:1px solid var(--line-soft);white-space:nowrap}
th:first-child,td:first-child,th.l,td.l{text-align:left}
th{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);background:rgba(255,255,255,.03);position:sticky;top:0}
tr:last-child td{border-bottom:0}
tbody tr:hover{background:rgba(255,255,255,.04)}
td .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.5rem;background:var(--c,var(--gold))}

/* tabs / filters */
.tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.2rem}
.tab{background:rgba(255,255,255,.05);border:1px solid var(--line-soft);color:var(--text);border-radius:99px;padding:.45rem 1rem;font:700 .82rem var(--font);cursor:pointer;min-height:40px}
.tab[aria-pressed="true"]{background:var(--gold);color:#241a02;border-color:var(--gold)}

/* game cards */
.game{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center}
.game .t{display:flex;align-items:center;gap:.7rem}
.game .t.r{justify-content:flex-end;text-align:right}
.game .score{font:2.4rem var(--display);letter-spacing:.05em;text-align:center;white-space:nowrap}
.game .win{color:var(--gold-lt)}
.game-meta{min-width:0;display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;font-size:.76rem;color:var(--muted);margin-bottom:.7rem}
.game .mini{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font:1.2rem var(--display);color:#fff;background:var(--c);flex:none}
@media(max-width:520px){.game .score{font-size:1.8rem}.game .name{font-size:.82rem}}

/* shop */
.product{display:flex;flex-direction:column;gap:.5rem;padding:0;overflow:hidden}
.product .viz{height:190px;display:grid;place-items:center;background:var(--c-bg,linear-gradient(160deg,#24459a,#163a74))}
.product .viz img{max-height:120px;max-width:70%;object-fit:contain}
.product .viz .mono{width:96px;height:96px}
.product .body{padding:0 1.1rem 1.1rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.product .price{font:1.8rem var(--display);color:var(--gold-lt)}
.product .btn{margin-top:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(400px,100%);background:var(--navy);border-left:1px solid var(--line);z-index:80;padding:1.2rem;transform:translateX(100%);visibility:hidden;transition:transform .25s,visibility .25s;display:flex;flex-direction:column;gap:.8rem}
.drawer.open{transform:none;visibility:visible}
.drawer ul{list-style:none;margin:0;padding:0;overflow:auto;flex:1}
.drawer li{display:flex;justify-content:space-between;gap:.6rem;padding:.6rem 0;border-bottom:1px solid var(--line-soft);font-size:.9rem}
.drawer li button{background:none;border:0;color:var(--muted);cursor:pointer;font:inherit}

/* misc */
.faq details{background:var(--panel);border:1px solid var(--line-soft);border-radius:10px;padding:.9rem 1.1rem;margin-bottom:.6rem}
.faq summary{cursor:pointer;font-weight:700}
.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.8rem}
.player{background:var(--panel);border:1px solid var(--line-soft);border-radius:10px;padding:.9rem;border-left:3px solid var(--c,var(--gold))}
.player .num{font:2rem/1 var(--display);color:var(--c,var(--gold))}
.player b{display:block}
.toast{position:fixed;left:50%;bottom:1.4rem;transform:translateX(-50%);background:var(--gold);color:#241a02;font-weight:800;padding:.6rem 1.1rem;border-radius:99px;z-index:90;opacity:0;pointer-events:none;transition:opacity .2s}
.toast.show{opacity:1}
.bar{height:8px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-deep),var(--gold-lt))}
.site-footer{background:#1a3474;border-top:1px solid var(--line);padding:2.6rem 0 1.4rem;font-size:.86rem;margin-top:2rem}
.foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:1.6rem}
.foot-grid h4{font:1.1rem var(--display);letter-spacing:.08em;color:var(--gold);margin:0 0 .6rem}
.foot-grid a{display:block;color:var(--muted);padding:.18rem 0}
.copy{margin-top:1.6rem;padding-top:1rem;border-top:1px solid var(--line-soft);color:var(--muted);font-size:.78rem}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.game>*{min-width:0}.game-meta span{min-width:0;overflow-wrap:anywhere}

/* ---- v2: forms, media, bot, light theme ---- */
input,select,textarea{min-height:44px;border-radius:12px;border:1px solid var(--line);background:var(--midnight);color:var(--text);padding:.55rem .9rem;font:inherit;max-width:100%}
.row{display:flex;gap:.6rem;flex-wrap:wrap}.row>input,.row>select{flex:1;min-width:160px}
.col{display:grid;gap:.7rem;max-width:520px}
.langsel{min-height:36px;padding:.2rem .6rem;border-radius:99px;font-size:.8rem}
.chat{max-height:320px;overflow:auto;display:flex;flex-direction:column;gap:.5rem;padding:.8rem;margin-bottom:.7rem;border:1px solid var(--line-soft);border-radius:12px}
.bubble{max-width:85%;padding:.55rem .85rem;border-radius:14px;font-size:.92rem;overflow-wrap:anywhere}
.bubble.bot{background:var(--panel);align-self:flex-start;border:1px solid var(--line-soft)}.bubble.me{background:var(--gold);color:#241a02;align-self:flex-end}
.page-hero{position:relative;overflow:hidden}.page-hero>*{position:relative;z-index:1}
.page-hero .hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.45}
.page-hero.has-vid::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(10,22,44,.35),var(--midnight))}
.reel{position:relative;background:#000;min-height:min(70vh,560px);overflow:hidden}
.reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,22,44,.15),rgba(10,22,44,.85))}
.reel-ui{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:1.2rem var(--pad);display:grid;gap:.8rem;max-width:var(--max);margin:0 auto}
.reel-title b{display:block;font:clamp(2rem,6vw,3.6rem)/1 var(--display);letter-spacing:.04em;color:#fff}
.reel-btns{display:flex;gap:.4rem;flex-wrap:wrap}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.8rem}
.vtile{display:grid;gap:.2rem;align-content:end;min-height:120px;text-align:left;border-radius:var(--radius);border:1px solid var(--line-soft);background:linear-gradient(160deg,var(--panel),var(--sapphire));color:var(--text);padding:.9rem;cursor:pointer;font:inherit;position:relative}
.vtile:hover{border-color:var(--gold)}.vplay{position:absolute;top:.7rem;right:.8rem;width:34px;height:34px;border-radius:50%;background:var(--gold);color:#241a02;display:grid;place-items:center}
.vtile small{color:var(--muted)}
.vbox video,.vplayer{width:100%;aspect-ratio:16/9;background:#000;border-radius:var(--radius);display:block}
.vgrid .vplayer{grid-column:span 2}
.track{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding:.5rem 0;border-top:1px solid var(--line-soft);font-size:.88rem}
.track span{flex:1;min-width:160px}.track audio{height:36px;max-width:100%}
details.card summary{cursor:pointer}
.kitgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}
.kitgrid.dark .kit{background:var(--navy)}.kitgrid.sm{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.kitgrid.tiny{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.kitgrid.phone{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.kit{display:grid;place-items:center;padding:.6rem;border-radius:var(--radius);border:1px solid var(--line-soft);background:rgba(255,255,255,.05)}.kit img{max-height:240px;object-fit:contain}.kit.wide img{max-height:none;width:100%}
.swatch{text-align:left;cursor:pointer;color:var(--text);font:inherit;display:grid;gap:.4rem}.swatch i{display:block;height:54px;border-radius:8px;border:1px solid var(--line-soft)}
.aura{cursor:pointer;text-align:left;color:var(--text);font:inherit;border-color:var(--c)}
.hero-art img{max-height:380px;width:auto}
html[data-theme="light"]{--midnight:#f4f6fb;--navy:#e6ecf7;--panel:#ffffff;--sapphire:#d3def2;--sapphire-lt:#2c5aa8;--text:#14213d;--muted:#4a5a7a;--gold-lt:#8a6a1e;--line:rgba(138,106,30,.4);--line-soft:rgba(20,40,90,.16);color-scheme:light}
html[data-theme="light"] .site-header{background:rgba(244,246,251,.94)}
html[data-theme="light"] .nav{background:var(--midnight)}
html[data-theme="light"] .page-hero,html[data-theme="light"] .hero{background:linear-gradient(180deg,#e2eaf8,var(--midnight))}
html[data-theme="light"] .page-hero.has-vid::after{background:linear-gradient(180deg,rgba(244,246,251,.55),var(--midnight))}
html[data-theme="light"] .page-hero .hero-vid{opacity:.3}
html[data-theme="light"] .site-footer{background:#e6ecf7}
html[data-theme="light"] .tab,html[data-theme="light"] .clock div,html[data-theme="light"] th,html[data-theme="light"] .kit{background:rgba(20,40,90,.06)}
html[data-theme="light"] .tab[aria-pressed="true"]{background:var(--gold)}
html[data-theme="light"] .bar{background:rgba(20,40,90,.12)}
html[data-theme="light"] .btn.ghost{color:#6b520f}
html[data-theme="light"] a{color:#1b4a9a}
html[data-theme="light"] .brand,html[data-theme="light"] .nav a{color:var(--text)}
html[data-theme="light"] .nav a:hover,html[data-theme="light"] .nav a[aria-current="page"]{color:#6b520f}
html[data-theme="light"] .hero h1 .gold,html[data-theme="light"] .page-hero h1 span{color:#8a6a1e!important}
html[data-theme="light"] .reel-title b{color:#fff}
html[data-theme="light"] .product .viz{--c-bg:linear-gradient(160deg,#dbe5f6,#b9c9e8)}
html[dir="rtl"] .nav{margin-left:0;margin-right:auto}
@media(max-width:1480px){.nav .tab,.nav .langsel{align-self:flex-start}}
.nav a,.nav .tab{white-space:nowrap}.nav .tab{padding:.3rem .8rem;min-height:34px;font-size:.78rem}
.foot-grid{grid-template-columns:1.2fr repeat(4,1fr)}@media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}}
.reel .tab{color:#fff;background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3)}
.reel .tab[aria-pressed="true"]{background:var(--gold);color:#241a02}
.reel .kicker{color:var(--gold-lt)}
.offer .price b{color:#163a74}.offer a{color:#163a74}
html[data-theme="light"] .offer{color:#121826}

/* ===== v4: DraftKings-style header, footer, bot, theme song ===== */
.site-header.dk{position:sticky;top:0;z-index:60;background:var(--midnight);border-bottom:1px solid rgba(255,255,255,.08)}
html[data-theme="light"] .site-header.dk{background:#fff;border-color:#dbe2ee}
.dk .hdr{display:flex;align-items:center;gap:.6rem;min-height:56px;flex-wrap:nowrap}
.menuwrap{position:relative}
.brandbtn{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.07);color:inherit;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.3rem .6rem .3rem .35rem;cursor:pointer;font:inherit}
html[data-theme="light"] .brandbtn{background:#eef2f9;border-color:#d3dbe9;color:#14285a}
.brandbtn img{width:30px;height:30px;border-radius:6px;object-fit:contain}
.brandbtn span{display:flex;flex-direction:column;line-height:1;text-align:left}
.brandbtn small{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.brandbtn b{font-family:var(--display);font-size:1.15rem;letter-spacing:.06em}
.brandbtn svg{transition:transform .2s;transform:rotate(180deg)}
.brandbtn[aria-expanded=true] svg{transform:none}
.topnav{display:flex;align-items:center;gap:.1rem;margin-left:.4rem}
.topnav>a,.morebtn{color:inherit;text-decoration:none;font-weight:700;font-size:.88rem;padding:.55rem .75rem;border-radius:8px;background:none;border:0;cursor:pointer;font-family:inherit;display:inline-flex;gap:.25rem;align-items:center;opacity:.85}
.topnav>a:hover,.morebtn:hover{background:rgba(255,255,255,.08);opacity:1}
html[data-theme="light"] .topnav>a:hover,html[data-theme="light"] .morebtn:hover{background:#eef2f9}
.topnav>a[aria-current=page]{opacity:1;box-shadow:inset 0 -3px 0 var(--gold);border-radius:0}
.mega{position:absolute;top:calc(100% + 8px);left:0;width:min(360px,92vw);max-height:78vh;overflow:auto;background:#24459a;border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.5);padding:.4rem .5rem .8rem;z-index:80}
html[data-theme="light"] .mega{background:#fff;border-color:#d3dbe9;box-shadow:0 24px 60px rgba(20,40,90,.2)}
.mega[hidden],.mobnav[hidden]{display:none}
.mega h4{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;opacity:.6;margin:.8rem .5rem .3rem;font-weight:800}
.mega.more{left:auto;right:0;width:min(340px,92vw)}
.mega.lang{left:auto;right:0;width:230px;padding:.4rem}
.mrow,.lrow{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:10px;color:inherit;text-decoration:none;font-weight:700;font-size:.95rem;background:none;border:0;width:100%;cursor:pointer;font-family:inherit;text-align:left}
.mrow:hover,.lrow:hover{background:rgba(255,255,255,.08)}
html[data-theme="light"] .mrow:hover,html[data-theme="light"] .lrow:hover{background:#eef2f9}
.mrow[aria-current=page]{background:rgba(230,183,63,.14)}
.mi{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:1.05rem;color:#fff;font-weight:800;flex:none}
.flag{border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.25);vertical-align:middle;object-fit:cover}
.tools{margin-left:auto;display:flex;align-items:center;gap:.35rem}
.tool{height:32px;min-width:32px;padding:0 .45rem;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;border-radius:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:inherit;cursor:pointer;font:700 .8rem var(--font);text-decoration:none;position:relative}
html[data-theme="light"] .tool{background:#eef2f9;border-color:#d3dbe9;color:#14285a}
#soundBtn{height:26px;min-width:26px;padding:0 .3rem;font-size:.7rem;border-radius:7px}
.tool .cart-count{position:absolute;top:-6px;right:-6px;background:var(--ruby);color:#fff;border-radius:99px;font-size:.62rem;min-width:16px;height:16px;display:grid;place-items:center}
.btn.small.signup{padding:.5rem .9rem;font-size:.82rem;white-space:nowrap}
.burger{display:none}
.mobnav{max-height:75vh;overflow:auto;padding:.5rem 1rem 1rem;border-top:1px solid rgba(255,255,255,.1)}
@media(max-width:1100px){.topnav{display:none}.burger{display:inline-flex}}
@media(min-width:1101px){.mobnav{display:none!important}}
@media(max-width:640px){.brandbtn span{display:none}.btn.small.signup{padding:.45rem .6rem;font-size:.72rem}.lc{display:none}.dk .hdr{gap:.3rem}#soundBtn{display:none}}
/* theme-song toggle: small, pulse rings when off, EQ bars when on */
.av-toggle{position:relative;width:26px;height:26px;border-radius:50%;border:1px solid rgba(230,183,63,.6);background:rgba(230,183,63,.12);color:var(--gold);cursor:pointer;display:inline-grid;place-items:center;padding:0;font-size:.72rem}
.av-toggle::before,.av-toggle::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:2px solid var(--gold);opacity:0;animation:avpulse 1.8s ease-out infinite}
.av-toggle::after{animation-delay:.9s}
.av-eq{display:none;gap:2px;align-items:flex-end;height:12px}
.av-eq i{width:2px;background:var(--gold);height:100%;animation:aveq .8s ease-in-out infinite}
.av-eq i:nth-child(2){animation-delay:.15s}.av-eq i:nth-child(3){animation-delay:.3s}.av-eq i:nth-child(4){animation-delay:.45s}
.av-toggle.on::before,.av-toggle.on::after{animation:none;display:none}
.av-toggle.on .av-eq{display:flex}.av-toggle.on .av-ic{display:none}
@keyframes avpulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.9);opacity:0}}
@keyframes aveq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.av-toggle::before,.av-toggle::after,.av-eq i{animation:none}}
/* footer */
.site-footer.pf{background:#1d3a7e;color:#dfe7f6;margin-top:4rem;padding:2.5rem 0 1.5rem;border-top:3px solid var(--gold)}
html[data-theme="light"] .site-footer.pf{background:#0f2250}
.pf .fband{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;background:linear-gradient(120deg,#14285a,#7a1524);border:1px solid rgba(230,183,63,.4);border-radius:16px;padding:1.2rem 1.4rem;margin-bottom:2rem}
.pf .fband h3{font-family:var(--display);font-size:2rem;letter-spacing:.04em;margin:.2rem 0}
.pf .fgrid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:2rem}
.pf h4{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 .8rem}
.pf .fgrid a{display:block;color:#dfe7f6;text-decoration:none;padding:.22rem 0;font-size:.92rem;opacity:.85}
.pf .fgrid a:hover{opacity:1;color:var(--gold)}
.pf .fbrand .brand{display:flex;align-items:center;gap:.5rem;font-family:var(--display);font-size:1.6rem;color:#fff;margin-bottom:.6rem}
.pf .fbrand .brand img{width:40px;height:40px}.pf .fbrand .brand em{color:var(--gold);font-style:normal}
.pf .nl .row{display:flex;gap:.4rem;margin-top:.3rem}.pf .nl input{flex:1;min-width:0}
.pf .soc{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.12)}
.socgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:.5rem}
.sb{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:10px;background:rgba(255,255,255,.06);color:#fff;text-decoration:none;font-size:.82rem;font-weight:700;border:1px solid rgba(255,255,255,.08)}
.sb:hover{background:rgba(255,255,255,.14);transform:translateY(-1px)}
.sb i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:.8rem;flex:none}
.pf .fbot{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.12);font-size:.82rem;opacity:.8}
.pf .fleg{display:flex;gap:1rem;flex-wrap:wrap}.pf .fleg a,.linkbtn{color:inherit;background:none;border:0;cursor:pointer;font:inherit;text-decoration:underline}
@media(max-width:900px){.pf .fgrid{grid-template-columns:1fr 1fr}.pf .fbrand{grid-column:1/-1}}
/* bot */
.botfab{position:fixed;right:16px;bottom:16px;z-index:90;width:62px;height:62px;border-radius:50%;border:2px solid var(--gold);background:var(--navy);cursor:pointer;padding:6px;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.botfab img{width:100%;height:100%;object-fit:contain}.botfab .badge{position:absolute;top:-4px;right:-4px;background:var(--ruby);color:#fff;font-size:.62rem;font-weight:800;border-radius:99px;padding:2px 6px}
.botpanel.pb{position:fixed;right:16px;bottom:90px;z-index:91;width:min(400px,calc(100vw - 24px));max-height:min(78vh,720px);display:none;flex-direction:column;background:#24459a;color:#e8eefb;border:1px solid rgba(230,183,63,.5);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.6);overflow:hidden}
.botpanel.pb.open{display:flex}
html[data-theme="light"] .botpanel.pb{background:#fff;color:#14285a}
.pb .bothead{display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem;background:linear-gradient(120deg,#14285a,#7a1524);color:#fff}
.pb .bothead img{width:38px;height:38px}.pb .bt{flex:1;display:flex;flex-direction:column;line-height:1.15}.pb .bt small{font-size:.74rem;opacity:.9}
.pb .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#34d399;margin-right:.35rem}
.pb .bothead .tab{height:30px;min-width:30px;padding:0}
.pb .botbody{overflow:auto;padding:.8rem .9rem;flex:1}.pb .botdesc{margin:0 0 .6rem;font-size:.85rem}
.pb .chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.7rem}
.pb .chip{border:1px solid rgba(230,183,63,.6);background:rgba(230,183,63,.1);color:inherit;border-radius:99px;padding:.3rem .7rem;font:700 .78rem var(--font);cursor:pointer}
.pb .chip:hover{background:var(--gold);color:#14285a}
.pb .chat{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.8rem}
.pb .bubble{max-width:88%;padding:.5rem .75rem;border-radius:12px;font-size:.88rem;line-height:1.4}
.pb .bubble.bot{background:rgba(255,255,255,.1);align-self:flex-start}.pb .bubble.me{background:var(--gold);color:#14285a;align-self:flex-end}
html[data-theme="light"] .pb .bubble.bot{background:#eef2f9}
.pb .bubble a{color:inherit;font-weight:800}
.pb .blinks{display:grid;gap:.3rem}
.pb .blink{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:inherit;text-decoration:none;font:700 .86rem var(--font);cursor:pointer;text-align:left}
html[data-theme="light"] .pb .blink{border-color:#d3dbe9;background:#f6f8fc}
.pb .blink:hover{border-color:var(--gold)}.pb .blink span{width:24px;text-align:center}
.pb form{display:flex;gap:.4rem;padding:.6rem .9rem;border-top:1px solid rgba(255,255,255,.1)}
.pb form input{flex:1;min-width:0}.pb .mic.live{background:var(--ruby);color:#fff;animation:avpulse 1.2s infinite}
.pb .human{display:block;text-align:center;padding:.55rem;font-size:.82rem;color:var(--gold);font-weight:700}
.rec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}
.book{max-width:760px;margin:0 auto;background:#fffaf0;color:#1b2540;border-radius:8px;padding:2rem clamp(1rem,4vw,3rem);box-shadow:0 20px 60px rgba(0,0,0,.4);min-height:420px}
.book h2{font-family:var(--display);color:#7a1524;font-size:2.4rem}.book p{line-height:1.7;margin:.7rem 0}
.book table{width:100%;border-collapse:collapse}.book td,.book th{border-bottom:1px solid #e5d9bd;padding:.4rem;text-align:left}
.panels{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}
.panel-c{background:#fffdf5;color:#111;border:4px solid #111;border-radius:6px;padding:.9rem;box-shadow:6px 6px 0 var(--gold);display:flex;flex-direction:column;gap:.5rem}
.panel-c .cap{background:#ffe27a;border:2px solid #111;padding:.35rem .5rem;font-size:.78rem;font-weight:800}
.panel-c .bub{background:#fff;border:2px solid #111;border-radius:16px;padding:.5rem .7rem;font-size:.9rem;font-weight:700}
.quest{display:flex;gap:.8rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.quest.done{opacity:.6}

/* ===== Bling pass v0.02: champagne / sapphire / ruby ===== */
:root{--champ-1:#fff4cf;--champ-2:#f0d78c;--champ-3:#d4af37;--champ-4:#9a7420;--saph-1:#8fb6ff;--saph-2:#3d6fbf;--saph-3:#163a74;--ruby-1:#ff8a96;--ruby-2:#d7263d;--ruby-3:#7d0f1c}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.btn{position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(255,236,170,.65);background:linear-gradient(135deg,var(--champ-1) 0%,var(--champ-2) 22%,var(--champ-3) 52%,var(--champ-4) 78%,var(--champ-2) 100%);background-size:180% 180%;color:#231802;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 6px rgba(90,60,0,.35),0 4px 14px rgba(212,175,55,.28);letter-spacing:.02em;transition:transform .18s,box-shadow .25s,background-position .5s,filter .2s}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.75) 48%,transparent 62%);transform:translateX(-120%);transition:transform .7s ease}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .3s;background-image:radial-gradient(1.4px 1.4px at 18% 30%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 72% 22%,#fff 50%,transparent 51%),radial-gradient(1.6px 1.6px at 84% 70%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 40% 78%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 58% 48%,#fff 50%,transparent 51%)}
.btn:hover{filter:none;transform:translateY(-1px);background-position:100% 100%;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -2px 6px rgba(90,60,0,.3),0 6px 22px rgba(240,215,140,.5),0 0 0 1px rgba(255,240,190,.5)}
.btn:hover::before{transform:translateX(120%)}
.btn:hover::after{opacity:1;animation:pgbTwinkle 1.2s ease-in-out infinite alternate}
.btn:active{transform:translateY(0) scale(.98)}
@keyframes pgbTwinkle{from{opacity:.35}to{opacity:1}}
.btn.sapphire,.btn.blue{border-color:rgba(160,195,255,.6);background-image:linear-gradient(135deg,var(--saph-1),var(--saph-2) 40%,var(--saph-3) 80%,var(--saph-2));color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 4px 16px rgba(61,111,191,.4)}
.btn.ruby,.btn.red,.btn.danger{border-color:rgba(255,160,170,.6);background-image:linear-gradient(135deg,var(--ruby-1),var(--ruby-2) 40%,var(--ruby-3) 85%,var(--ruby-2));color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 16px rgba(215,38,61,.38)}
.btn.ghost{background:linear-gradient(rgba(10,22,44,.55),rgba(10,22,44,.55)) padding-box,linear-gradient(135deg,var(--champ-1),var(--champ-3),var(--saph-2),var(--ruby-2)) border-box;border:1.5px solid transparent;color:var(--champ-2);text-shadow:none;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.btn.ghost:hover{color:#fff;box-shadow:0 0 18px rgba(143,182,255,.35),0 0 8px rgba(240,215,140,.35)}
html[data-theme="light"] .btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -2px 6px rgba(90,60,0,.25),0 3px 10px rgba(138,106,30,.25)}
html[data-theme="light"] .btn.ghost{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--champ-3),var(--saph-2),var(--ruby-2)) border-box;color:#5a430c}
html[data-theme="light"] .btn.ghost:hover{color:#163a74}
@media (prefers-reduced-motion:reduce){.btn,.btn::before{transition:none}.btn:hover::after{animation:none}}

/* header tools: glass pills */
.tools{gap:.4rem}
.tool{height:36px;min-width:36px;padding:0 .55rem;border-radius:99px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(240,215,140,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 2px 8px rgba(0,0,0,.25);color:var(--champ-2);transition:border-color .2s,box-shadow .2s,transform .15s,color .2s}
.tool:hover{border-color:rgba(240,215,140,.7);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 14px rgba(240,215,140,.35);transform:translateY(-1px)}
.tool[aria-pressed="true"]{color:#fff;border-color:var(--saph-1);box-shadow:0 0 12px rgba(143,182,255,.45)}
.tool svg{display:block;flex:none}
.tool.pill{padding:0 .7rem 0 .55rem}
.tool.pill .lc{font-weight:800;letter-spacing:.06em;font-size:.75rem}
html[data-theme="light"] .tool{background:linear-gradient(180deg,#fff,#f1f4fa);border-color:#d8cfae;color:#5a430c;box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(20,40,90,.1)}
html[data-theme="light"] .tool:hover{border-color:var(--champ-3);color:#163a74;box-shadow:0 0 12px rgba(212,175,55,.35)}
.tool .cart-count{background:linear-gradient(135deg,var(--ruby-1),var(--ruby-2));box-shadow:0 0 0 2px var(--midnight),0 0 8px rgba(215,38,61,.6);font-weight:800}
html[data-theme="light"] .tool .cart-count{box-shadow:0 0 0 2px #fff}
.themetog{width:36px;padding:0;overflow:hidden}
.themetog .tt-track{position:relative;width:18px;height:18px;display:block}
.themetog svg{position:absolute;inset:0;transition:transform .5s cubic-bezier(.5,1.6,.4,1),opacity .35s}
.themetog .ic-sun{color:#ffd76a;opacity:0;transform:rotate(-90deg) scale(.4)}
.themetog .ic-moon{color:var(--champ-2);opacity:1;transform:none}
html[data-theme="light"] .themetog .ic-sun{opacity:1;transform:none;color:#d99a00}
html[data-theme="light"] .themetog .ic-moon{opacity:0;transform:rotate(90deg) scale(.4)}
@media(max-width:640px){.tool{height:34px;min-width:34px}.themetog{width:34px}.tool.pill{padding:0 .45rem}}

/* footer social */
.socgrid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.55rem}
.sb{padding:.45rem .6rem;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.09);transition:transform .18s,border-color .2s,box-shadow .2s,background .2s}
.sb i{width:30px;height:30px;border-radius:9px;background:var(--bc);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 2px 6px rgba(0,0,0,.3)}
.sb i svg{width:17px;height:17px}
.sb:hover{text-decoration:none;transform:translateY(-2px);border-color:var(--bc);background:rgba(255,255,255,.1);box-shadow:0 0 0 1px var(--bc),0 6px 20px -4px var(--bc)}
.tools #soundBtn.tool{height:36px;min-width:36px;padding:0;border-radius:99px}

/* ===== Brand guide alignment (brand kit HTML wins) ===== */
:root{--display:'Bricolage Grotesque','Hanken Grotesk',system-ui,sans-serif;--font:'Hanken Grotesk',system-ui,sans-serif;
  --midnight:#14285a;--navy:#1d3a7e;--panel:#2a4aa0;--sapphire:#14285a;--gold:#e6b73f;--gold-lt:#f3d36e;--ruby:#b3202e;--text:#f1f3fa;--muted:#a3abc9;--line-soft:#3a5bb0;
  --champ-1:#f3d36e;--champ-2:#e6b73f;--champ-3:#e6b73f;--champ-4:#c99a24;--saph-1:#3d5fa8;--saph-2:#14285a;--saph-3:#0a1a3e;--ruby-1:#ff7a86;--ruby-2:#b3202e;--ruby-3:#7d0f1c}
h1,h2,h3{font-weight:800;letter-spacing:-.01em}
.btn{border:0;border-radius:999px;padding:12px 20px;font:700 15px var(--font);text-shadow:none;color:#0a0c14;background:linear-gradient(135deg,#f3d36e,#e6b73f 55%,#d9a92f);background-size:160% 160%;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 18px rgba(230,183,63,.25)}
.btn:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 24px rgba(243,211,110,.4)}
.btn.small{padding:8px 14px;font-size:14px;min-height:36px}
.btn svg{width:18px;height:18px}
.btn.light{background:#e6b73f;color:#0a0c14}
.btn.ghost{background:transparent;color:inherit;border:0;box-shadow:inset 0 0 0 2px currentColor}
.btn.ghost:hover{color:#f3d36e;box-shadow:inset 0 0 0 2px #f3d36e,0 0 16px rgba(243,211,110,.3)}
html[data-theme="light"]{--focus:#d9a92f}
html[data-theme="light"] .btn{color:#fff;background:linear-gradient(135deg,#2a4486,#14285a 55%,#0a1a3e);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 6px 16px rgba(10,12,20,.16)}
html[data-theme="light"] .btn.light{background:#e6b73f;color:#0a0c14}
html[data-theme="light"] .btn.ghost{background:transparent;color:#14285a;box-shadow:inset 0 0 0 2px currentColor}
html[data-theme="light"] .btn.ghost:hover{color:#b3202e}
html[data-theme="light"] .tool{border-color:#d6dceb;color:#14285a}
html[data-theme="light"] .tool:hover{border-color:#14285a;box-shadow:0 0 12px rgba(20,40,90,.2)}
.tool{border-color:#3a5bb0;color:#f1f3fa}.tool:hover{border-color:#e6b73f;color:#f3d36e}
:focus-visible{outline-color:#e6b73f}
html[data-theme="light"] .pf .btn:not(.ghost){color:#0a0c14;background:linear-gradient(135deg,#f3d36e,#e6b73f 55%,#d9a92f)}

/* ===== Brand portal ===== */
.bk{font-family:'Inter','Hanken Grotesk',system-ui,sans-serif}
.bk h1,.bk h2,.bk h3{font-family:'Bricolage Grotesque',var(--display);font-weight:800;letter-spacing:-.02em}
.bk-wrap{max-width:1320px;margin:0 auto;padding:1.5rem var(--pad);display:grid;grid-template-columns:220px 1fr;gap:2rem}
.bk-side{position:sticky;top:calc(var(--header-h) + 1rem);align-self:start;display:flex;flex-direction:column;gap:1rem}
.bk-side nav{display:flex;flex-direction:column;gap:.15rem}
.bk-side nav a{color:inherit;opacity:.75;padding:.5rem .8rem;border-radius:999px;font-weight:600;font-size:.9rem}
.bk-side nav a:hover{opacity:1;text-decoration:none;background:rgba(230,183,63,.1)}
.bk-side nav a.on{opacity:1;background:#e6b73f;color:#0a0c14}
.bk-search{display:flex;align-items:center;gap:.4rem;padding:.5rem .8rem;border-radius:999px;border:1px solid #3a5bb0;background:#1d3a7e}
.bk-search input{border:0;background:none;color:inherit;font:inherit;width:100%;outline:0}
.bk-body>section{padding:2.5rem 0;border-bottom:1px solid #3a5bb0;scroll-margin-top:calc(var(--header-h) + 1rem)}
.bk-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:center}
.bk-hero img{border-radius:20px;background:#14285a}
.bk-h{margin-bottom:1.2rem}
.bk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem}
.bk-card{border:1px solid #3a5bb0;border-radius:16px;overflow:hidden;background:#1d3a7e;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.bk-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.55)}
.bk-thumb{aspect-ratio:4/3;display:grid;place-items:center;padding:.8rem;background:#141a33}
.bk-thumb.bg-checker{background:repeating-conic-gradient(#1c2444 0 25%,#141a33 0 50%) 0 0/18px 18px}
.bk-thumb img{max-height:100%;width:auto;object-fit:contain}
.bk-meta{padding:.8rem;display:flex;flex-direction:column;gap:.2rem}
.bk-meta small{color:#a3abc9;font-size:.78rem}
.bk-dl{display:flex;gap:.4rem;margin-top:.5rem;flex-wrap:wrap}
.bk-bar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:end;margin-bottom:1rem}
.bk-f{display:flex;flex-direction:column;font-size:.72rem;color:#a3abc9;gap:.2rem}
.bk-f select{background:#1d3a7e;color:inherit;border:1px solid #3a5bb0;border-radius:999px;padding:.45rem .8rem;font:600 .82rem inherit}
.bk-count{margin-left:auto;color:#a3abc9;font-size:.85rem}
.bk-gl{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.gb{border:1px solid #3a5bb0;border-radius:16px;padding:1.2rem;background:#1d3a7e}
.gb img{max-width:140px;margin:.6rem auto 0}
.bk-clear{position:relative;padding:22px;border:1px dashed #e6b73f;border-radius:12px;width:max-content;margin:.6rem auto 0}.bk-clear img{margin:0;outline:1px solid rgba(230,183,63,.5)}
.bk-min{list-style:none;padding:0}.bk-min b{color:#e6b73f;font-size:1.3rem;margin-right:.4rem}
.bk-dd{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.bk-dd h4{margin:.4rem 0}.bk-dd ul{padding-left:1.1rem;margin:0;font-size:.86rem}
.bk-dd .yes h4{color:#4ade80}.bk-dd .no h4{color:#ff7a86}
.bk-sub{margin:2rem 0 1rem}.bk-sub small{font:500 .8rem Inter,sans-serif;color:#a3abc9;margin-left:.4rem}
.bk-sw{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.8rem}
.sw{display:flex;flex-direction:column;gap:.2rem;text-align:left;background:#1d3a7e;border:1px solid #3a5bb0;border-radius:14px;padding:.5rem;color:inherit;font:inherit;cursor:pointer;transition:transform .15s}
.sw:hover{transform:translateY(-2px)}.sw i{height:72px;border-radius:10px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.sw code{font-size:.78rem;color:#a3abc9}.sw.ok code{color:#e6b73f}
.bk-type{display:grid;gap:1rem}.tp{border:1px solid #3a5bb0;border-radius:16px;padding:1.2rem;background:#1d3a7e}.tp small{color:#a3abc9}
.wordmark{font:900 clamp(2.5rem,7vw,4.5rem) 'Inter',sans-serif;text-transform:uppercase;letter-spacing:-.02em;margin:.3rem 0;color:#d8dde3;-webkit-text-stroke:2px #0a0c14;paint-order:stroke fill;text-shadow:0 3px 0 #0a0c14}
.wordmark span{background:linear-gradient(180deg,#fbe8a0,#e6b73f 55%,#9a6a14);-webkit-background-clip:text;background-clip:text;color:transparent}
.hl{font:800 2rem 'Bricolage Grotesque',sans-serif;margin:.3rem 0}.bd{font:400 1rem Inter,sans-serif}.cap{font-size:13px;color:#8d95a0}
.bk-foot{text-align:center;color:#a3abc9;font-size:.85rem;padding:2rem 0}
html[data-theme="light"] .bk-card,html[data-theme="light"] .gb,html[data-theme="light"] .tp,html[data-theme="light"] .sw,html[data-theme="light"] .bk-search,html[data-theme="light"] .bk-f select{background:#fff;border-color:#d6dceb}
html[data-theme="light"] .bk-thumb{background:#e8ecf5}html[data-theme="light"] .bk-thumb.bg-checker{background:repeating-conic-gradient(#e3e7f1 0 25%,#fff 0 50%) 0 0/18px 18px}
html[data-theme="light"] .bk-body>section{border-color:#d6dceb}html[data-theme="light"] .bk-side nav a.on{background:#14285a;color:#fff}
@media(max-width:860px){.bk-wrap{grid-template-columns:1fr}.bk-side{position:sticky;top:var(--header-h);z-index:5;background:var(--midnight);padding:.5rem 0}.bk-side nav{flex-direction:row;overflow-x:auto;scrollbar-width:none}.bk-side nav a{white-space:nowrap}.bk-hero{grid-template-columns:1fr}.bk-dd{grid-template-columns:1fr}}
html[data-theme="light"] .bk-side{background:transparent}
/* final palette from brand guide */
:root{--champ-1:#fbe8a0;--champ-2:#e6b73f;--champ-4:#9a6a14;--saph-1:#2a4aa0;--saph-2:#2a4aa0;--saph-3:#14285a;--ruby-1:#d8323f;--ruby-2:#d8323f;--ruby-3:#b3202e}
.btn{background:linear-gradient(135deg,#fbe8a0,#e6b73f 50%,#c99a24)}
html[data-theme="light"] .btn{background:linear-gradient(135deg,#2a4aa0,#14285a)}
.btn.sapphire,.btn.blue{background:linear-gradient(135deg,#2a4aa0,#14285a);color:#fff}
.btn.ruby,.btn.red,.btn.danger{background:linear-gradient(135deg,#d8323f,#b3202e);color:#fff}
.btn.ghost,html[data-theme="light"] .btn.ghost{background:transparent}

/* ===== Auth (Dynamic) ===== */
.auth-wrap{min-height:calc(100vh - var(--header-h));display:grid;place-items:center;padding:3rem var(--pad);background:radial-gradient(circle at 20% 10%,rgba(42,74,160,.35),transparent 50%),radial-gradient(circle at 85% 90%,rgba(179,32,46,.25),transparent 45%)}
.auth-card{width:min(480px,100%);background:#1d3a7e;border:1px solid #3a5bb0;border-radius:24px;padding:2rem;box-shadow:0 12px 32px rgba(0,0,0,.55);text-align:center}
.auth-card h1{font-family:'Bricolage Grotesque',var(--display);font-weight:800;font-size:2.4rem;margin:.3rem 0}
.auth-logo{width:72px;margin:0 auto .6rem}
.auth-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
.auth-row input{flex:1 1 200px;min-height:44px;border-radius:999px;border:1px solid #3a5bb0;background:#14285a;color:inherit;padding:0 1rem;font:500 1rem var(--font)}
.auth-row input:focus{outline:2px solid #e6b73f;border-color:transparent}
.auth-or{display:flex;align-items:center;gap:.6rem;color:#a3abc9;font-size:.8rem;margin:1.4rem 0 .8rem}.auth-or::before,.auth-or::after{content:"";flex:1;height:1px;background:#3a5bb0}
.wallet-list{display:grid;gap:.5rem}
.wallet-btn{display:flex;align-items:center;gap:.7rem;padding:.7rem 1rem;border-radius:14px;border:1px solid #3a5bb0;background:#181f3a;color:inherit;font:700 .95rem var(--font);cursor:pointer;transition:border-color .2s,transform .15s}
.wallet-btn:hover{border-color:#e6b73f;transform:translateY(-1px)}.wallet-btn img{border-radius:6px}.wallet-btn small{margin-left:auto;color:#a3abc9;font-weight:600;text-transform:uppercase;font-size:.7rem}
.auth-msg{min-height:1.4em;margin-top:.8rem;color:#f3d36e;font-size:.9rem}.auth-msg.bad{color:#ff7a86}
.auth-ok{display:flex;flex-direction:column;gap:.3rem;padding:1rem;border-radius:14px;background:#181f3a;margin-top:1rem}.auth-ok code{font-size:.78rem;word-break:break-all;color:#a3abc9}
.auth-fine{font-size:.75rem;color:#a3abc9;margin-top:1.4rem}
.acct-btn .acct-l{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}
.acct-menu{right:0;left:auto;min-width:240px;display:flex;flex-direction:column;gap:.2rem;padding:.6rem}
.acct-menu[hidden]{display:none}.acct-menu a,.acct-menu .lrow{padding:.5rem .7rem;border-radius:8px;color:inherit;text-align:left}
.acct-h{display:flex;flex-direction:column;gap:.2rem;padding:.4rem .7rem .6rem;border-bottom:1px solid #3a5bb0;margin-bottom:.3rem}.acct-h code{font-size:.75rem;color:#a3abc9}
.auth-banner{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-top:1rem;padding:.8rem 1rem;border:1px solid #3a5bb0;border-radius:14px;background:#1d3a7e}.auth-banner .btn{margin-left:auto}
html[data-theme="light"] .auth-card,html[data-theme="light"] .auth-banner{background:#fff;border-color:#d6dceb}
html[data-theme="light"] .auth-row input{background:#f4f6fa;border-color:#d6dceb}
html[data-theme="light"] .wallet-btn,html[data-theme="light"] .auth-ok{background:#e8ecf5;border-color:#d6dceb}
@media(max-width:640px){.acct-btn .acct-l{display:none}}

/* ===== Round 3: smaller controls ===== */
.tools{gap:.3rem}
.tool,.tools #soundBtn.tool{height:30px;min-width:30px;padding:0 .4rem}
.tool svg{width:15px;height:15px}
.themetog,.tools #soundBtn.tool{width:30px;padding:0}.themetog .tt-track{width:15px;height:15px}
.tool.pill{padding:0 .55rem 0 .45rem;gap:.25rem}.tool.pill .lc{font-size:.7rem}
.tool .cart-count{top:-5px;right:-5px;min-width:14px;height:14px;font-size:.58rem}
.av-toggle{transform:scale(.84)}
@media(max-width:640px){.tool,.tools #soundBtn.tool,.themetog{height:28px;min-width:28px}.themetog{width:28px}}
.socgrid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.35rem}
.sb{padding:.28rem .45rem;gap:.4rem;font-size:.74rem;border-radius:9px}
.sb i{width:22px;height:22px;border-radius:6px}.sb i svg{width:13px;height:13px}

/* ===== Sign-in steps ===== */
.auth-step h2{font-family:'Bricolage Grotesque',var(--display);font-weight:800;font-size:1.9rem;margin:.4rem 0}
.auth-chip{display:inline-block;padding:.25rem .7rem;border-radius:999px;background:rgba(230,183,63,.14);color:#f3d36e;font-size:.72rem;font-weight:800;letter-spacing:.04em}
html[data-theme="light"] .auth-chip{background:#fbe8a0;color:#5a430c}
.auth-cta{display:grid;gap:.6rem;margin-top:1.2rem}.auth-cta .btn{width:100%}
.auth-back{background:none;border:0;color:#a3abc9;font:600 .85rem var(--font);cursor:pointer;display:block;margin:0 0 .6rem;padding:0}
.otp-boxes{display:grid;grid-template-columns:repeat(6,1fr);gap:.45rem;margin-top:1rem}
.otp-boxes input{height:56px;text-align:center;font:800 1.5rem 'Bricolage Grotesque',sans-serif;border-radius:12px;border:1px solid #3a5bb0;background:#14285a;color:inherit;min-width:0}
.otp-boxes input:focus{outline:2px solid #e6b73f;border-color:transparent}
html[data-theme="light"] .otp-boxes input{background:#f4f6fa;border-color:#d6dceb}
.auth-resend{margin-top:.8rem;font-size:.85rem}

/* ===== Fan hub ===== */
.fan-app{max-width:1240px;margin:0 auto;padding:1.2rem var(--pad) 2rem;display:grid;grid-template-columns:230px 1fr;gap:1.6rem}
.fan-side{position:sticky;top:calc(var(--header-h) + 1rem);align-self:start;display:flex;flex-direction:column;gap:.6rem}
.fan-promo{display:block;padding:.8rem 1rem;border-radius:14px;background:linear-gradient(135deg,#fbe8a0,#e6b73f 60%,#d9a92f);color:#0a0c14;text-decoration:none}
.fan-promo:hover{text-decoration:none;filter:brightness(1.05)}.fan-promo b{display:block}.fan-promo small{font-size:.75rem}
.fan-login{width:100%}
.fan-me{display:flex;align-items:center;gap:.6rem;padding:.6rem;border-radius:14px;background:#1d3a7e;border:1px solid #3a5bb0;color:inherit}
.fan-me:hover{text-decoration:none;border-color:#e6b73f}.fan-me span{display:flex;flex-direction:column;min-width:0}.fan-me b{overflow:hidden;text-overflow:ellipsis}.fan-me small{color:#a3abc9;font-size:.74rem}
.fan-av{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 2px #e6b73f}
.fan-av.xl{width:120px;height:120px;box-shadow:0 0 0 4px #14285a,0 0 0 7px #e6b73f}
.fan-side nav{display:flex;flex-direction:column;gap:.1rem}
.fan-sec{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#a3abc9;margin:.8rem .7rem .3rem;font-weight:800}
.fan-side nav a{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;border-radius:12px;color:inherit;font-weight:700;font-size:.9rem}
.fan-side nav a:hover{text-decoration:none;background:rgba(230,183,63,.1)}
.fan-side nav a.on{background:linear-gradient(135deg,#2a4aa0,#14285a);color:#fff;box-shadow:0 6px 18px rgba(42,74,160,.4)}
.fan-side nav em{margin-left:auto;font-style:normal;font-size:.62rem;font-weight:800;padding:.1rem .45rem;border-radius:999px;background:#fbe8a0;color:#5a430c}
.fan-main{min-width:0}.fan-main h1{font-family:'Bricolage Grotesque',var(--display);font-weight:800;font-size:clamp(2rem,5vw,3rem);margin:.4rem 0}
.fan-note{padding:.7rem 1rem;border-radius:12px;background:rgba(230,183,63,.12);border:1px solid rgba(230,183,63,.4);color:#f3d36e;font-size:.88rem;margin-bottom:1rem}
.fan-disc{margin-top:2rem;font-size:.74rem;color:#a3abc9;border-top:1px solid #3a5bb0;padding-top:1rem}
.fan-hero{padding:2.4rem;border-radius:24px;background:linear-gradient(135deg,#14285a,#14285a 60%,#7d0f1c);color:#fff;text-align:center;border:1px solid #3a5bb0}
.fan-hero .lead{margin:0 auto 1.2rem;color:#d8dde3}
.prof{border-radius:24px;overflow:hidden;background:#1d3a7e;border:1px solid #3a5bb0}
.prof-cover{height:150px;background:url(../brand/pattern_01_pattern_navy.webp) center/240px,linear-gradient(135deg,#14285a,#b3202e)}
.prof-head{display:flex;align-items:flex-end;gap:1.2rem;padding:0 1.6rem;margin-top:-56px;flex-wrap:wrap}
.prof-id{flex:1;min-width:200px}.prof-id h1{font-size:2.2rem;margin:.2rem 0}
.prof-badges{display:flex;gap:.4rem;flex-wrap:wrap}
.og-badge,.mult-badge,.rank-badge{padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:800}
.og-badge{background:linear-gradient(135deg,#fbe8a0,#e6b73f);color:#0a0c14}.mult-badge{background:#2a4aa0;color:#fff}.rank-badge{background:#b3202e;color:#fff}
.prof-actions{display:flex;gap:.5rem;padding-bottom:.4rem}
.prof-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;padding:1.4rem 1.6rem}
.prof-stats div{text-align:center;padding:.8rem;border-radius:14px;background:#181f3a}.prof-stats b{display:block;font:800 1.5rem 'Bricolage Grotesque',sans-serif;color:#f3d36e}.prof-stats small{color:#a3abc9;font-size:.75rem}
.prof-edit{margin:0 1.6rem 1rem;padding:1rem;border-radius:14px;background:#181f3a;display:grid;gap:.6rem}.prof-edit label{font-size:.8rem;color:#a3abc9}
.prof-h{padding:0 1.6rem;margin:1rem 0 .6rem;font-family:'Bricolage Grotesque',var(--display);font-weight:800}
.prof-soc{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1.6rem 1rem}.prof-soc a,.prof-soc span{padding:.45rem .8rem;border-radius:999px;background:#181f3a;border:1px solid #3a5bb0;color:inherit;font-size:.85rem}
.prof-soc a:hover{text-decoration:none;border-color:#e6b73f}
.inv-box{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin:0 1.6rem 1.6rem;padding:.6rem .8rem;border-radius:14px;background:#14285a;border:1px dashed #e6b73f}
.inv-box code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f3d36e}.inv-box.big{margin:1rem 0}
section .inv-box.big{margin-left:0;margin-right:0}
.spin-sec{text-align:center}.wheel-wrap{position:relative;width:min(380px,86vw);margin:1.2rem auto}
.wheel{width:100%;height:auto;display:block;transition:transform 4.2s cubic-bezier(.12,.8,.18,1);filter:drop-shadow(0 12px 30px rgba(230,183,63,.25))}
.wheel-ptr{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:26px solid #e6b73f;z-index:2;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.spin-btn{min-width:220px;font-size:1.05rem}.spin-out{min-height:2rem;margin-top:1rem;font-size:1.3rem;color:#f3d36e}.small{font-size:.8rem}
.spin-preview{opacity:.9;margin-top:1rem}
.quest-list{display:grid;gap:.6rem;margin-top:1rem}
.quest{display:flex;align-items:center;gap:.9rem;padding:.9rem 1rem;border-radius:16px;background:#1d3a7e;border:1px solid #3a5bb0}
.quest.done{opacity:.6}.q-ic{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#181f3a;color:#e6b73f;font-weight:800;flex:none}
.quest.done .q-ic{background:#e6b73f;color:#0a0c14}.q-b{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.q-b small{color:#f3d36e;font-weight:700}
.q-b a,.q-b .linkbtn{font-size:.82rem}.q-links{display:flex;gap:.5rem;flex-wrap:wrap}
.lb{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.4rem}
.lb li{display:flex;align-items:center;gap:.8rem;padding:.6rem .9rem;border-radius:14px;background:#1d3a7e;border:1px solid #3a5bb0}
.lb li.me{border-color:#e6b73f}.lb-r{width:2rem;text-align:center;font-weight:800}.lb a{flex:1;color:inherit;display:flex;flex-direction:column}.lb a small{color:#a3abc9}.lb-p{font:800 1.1rem 'Bricolage Grotesque',sans-serif;color:#f3d36e}
.soc-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.5rem;margin-top:1rem}
.soc-row{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;border-radius:12px;background:#1d3a7e;border:1px solid #3a5bb0}
.soc-row span{width:84px;font-weight:700;font-size:.85rem}.soc-row input{flex:1;min-width:0;height:34px;border-radius:999px;border:1px solid #3a5bb0;background:#14285a;color:inherit;padding:0 .8rem;font:500 .9rem var(--font)}
.fan-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,40px);opacity:0;padding:.7rem 1.1rem;border-radius:999px;background:#e6b73f;color:#0a0c14;font-weight:800;z-index:200;transition:.3s;pointer-events:none}.fan-toast.on{opacity:1;transform:translate(-50%,0)}
html[data-theme="light"] .fan-me,html[data-theme="light"] .prof,html[data-theme="light"] .quest,html[data-theme="light"] .lb li,html[data-theme="light"] .soc-row{background:#fff;border-color:#d6dceb}
html[data-theme="light"] .prof-stats div,html[data-theme="light"] .prof-edit,html[data-theme="light"] .prof-soc a,html[data-theme="light"] .prof-soc span,html[data-theme="light"] .q-ic{background:#e8ecf5;border-color:#d6dceb}
html[data-theme="light"] .prof-stats b,html[data-theme="light"] .lb-p,html[data-theme="light"] .q-b small{color:#9a6a14}
html[data-theme="light"] .inv-box{background:#fff}html[data-theme="light"] .inv-box code{color:#9a6a14}
html[data-theme="light"] .soc-row input{background:#f4f6fa;border-color:#d6dceb}html[data-theme="light"] .fan-note{color:#5a430c}
@media(max-width:860px){.fan-app{grid-template-columns:1fr}.fan-side{position:static}.fan-side nav{flex-direction:row;overflow-x:auto;scrollbar-width:none}.fan-side nav a{white-space:nowrap}.fan-sec{display:none}.prof-stats{grid-template-columns:repeat(2,1fr)}.prof-head{justify-content:center;text-align:center}}

/* ===== Checkout ===== */
.co-wrap{max-width:1100px;margin:0 auto;padding:2rem var(--pad) 3rem}
.co-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:1.4rem;align-items:start}
.co-card{background:#1d3a7e;border:1px solid #3a5bb0;border-radius:24px;padding:1.6rem;box-shadow:0 12px 32px rgba(0,0,0,.4)}
.co-sum h1{font-family:'Bricolage Grotesque',var(--display);font-weight:800;font-size:2.4rem;margin:.4rem 0}
.co-pay h2{font-family:'Bricolage Grotesque',var(--display);font-weight:800;margin:0 0 1rem}
.co-hero{border-radius:18px;background:radial-gradient(circle at 50% 40%,rgba(230,183,63,.35),transparent 60%),linear-gradient(135deg,#14285a,#14285a 60%,#7d0f1c);display:grid;place-items:center;padding:1.4rem;margin:.8rem 0}
.co-hero img{width:150px;filter:drop-shadow(0 10px 24px rgba(230,183,63,.4))}
.co-list{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}.co-list li::before{content:"★";color:#e6b73f;margin-right:.5rem}
.co-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #3a5bb0;margin-top:1rem;padding-top:1rem}.co-total b{font:800 1.8rem 'Bricolage Grotesque',sans-serif;color:#f3d36e}.co-total small{font:500 .75rem var(--font);color:#a3abc9}
.co-who{font-size:.85rem;color:#a3abc9}
.co-btn{width:100%;margin-bottom:.7rem}.co-soon{font-size:.65rem;padding:.1rem .45rem;border-radius:999px;background:#fbe8a0;color:#5a430c;margin-left:.3rem}
.co-btn[disabled]{opacity:.6;cursor:not-allowed}
.co-embed{min-height:420px;margin-bottom:.8rem;border-radius:16px;overflow:hidden;background:#fff}
.co-fine{font-size:.78rem;color:#a3abc9}
.co-status{display:flex;flex-direction:column;gap:.2rem;padding:1rem 1.2rem;border-radius:16px;margin-bottom:1.2rem;background:rgba(230,183,63,.12);border:1px solid rgba(230,183,63,.45)}
.co-status.ok{background:rgba(74,222,128,.1);border-color:rgba(74,222,128,.5)}.co-status.bad{background:rgba(216,50,63,.12);border-color:rgba(216,50,63,.5)}
html[data-theme="light"] .co-card{background:#fff;border-color:#d6dceb;box-shadow:0 12px 32px rgba(10,12,20,.12)}
html[data-theme="light"] .co-total b{color:#9a6a14}
@media(max-width:820px){.co-grid{grid-template-columns:1fr}}
[hidden]{display:none!important}

/* ===== Drawer menu: above everything ===== */
.site-header{z-index:900}
.mobnav-bg{position:fixed;inset:0;z-index:2147483000;background:rgba(20,40,90,.62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.mobnav{position:fixed;top:0;right:0;bottom:0;width:min(400px,92vw);max-height:none;z-index:2147483001;overflow-y:auto;overscroll-behavior:contain;background:#14285a;color:#f1f3fa;border-left:1px solid #3a5bb0;box-shadow:-20px 0 60px rgba(0,0,0,.55);padding:0 1rem 2rem;border-top:0;animation:pgbDrawer .25s ease}
html[data-theme="light"] .mobnav{background:#fff;color:#14285a;border-color:#d6dceb}
.mobnav-top{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;background:inherit;z-index:1;border-bottom:1px solid rgba(127,140,180,.2);margin-bottom:.4rem}
.mobnav-top b{font-family:'Bricolage Grotesque',var(--display);font-size:1.2rem}
@keyframes pgbDrawer{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
html.menu-open,html.menu-open body{overflow:hidden!important;touch-action:none}
html.menu-open .mobnav{touch-action:pan-y}
@media(min-width:1101px){.mobnav,.mobnav-bg{display:none!important}}

/* ===== Round 6: compact icon-only header controls ===== */
.tools{gap:.25rem;flex-wrap:nowrap;align-items:center}
.tools .tool,.tools #soundBtn.tool,.tools .themetog,.tools .av-toggle,.tools .burger,.tools .acct-btn{width:26px;height:26px;min-width:26px;padding:0;border-radius:50%;border-width:1px;box-shadow:none;transform:none;font-size:.8rem;flex:none}
.tools .tool svg,.tools .themetog .tt-track{width:14px;height:14px}
.tools .tool.pill .lc,.tools .acct-l,#langBtn > svg{display:none}
#langBtn{overflow:hidden}#langBtn img,#langBtn .flag,#langBtn > span:not(.lc){width:16px;height:16px;border-radius:50%;object-fit:cover;font-size:14px;line-height:16px}
.tools .av-toggle{display:inline-grid;place-items:center}.tools .av-toggle .av-eq{transform:scale(.7)}
.tools .av-toggle::before,.tools .av-toggle::after{display:none}
.tool .cart-count{top:-4px;right:-4px;min-width:13px;height:13px;font-size:.55rem;padding:0 2px}
.tools .btn.small.signup{min-height:26px;height:26px;padding:0 .7rem;font-size:.72rem;border-radius:999px;white-space:nowrap;box-shadow:none}
.tools .btn.small.signup::after{display:none}
@media(max-width:640px){.tools{gap:.2rem}.tools .tool,.tools .themetog,.tools .av-toggle,.tools .burger,.tools .acct-btn{width:24px;height:24px;min-width:24px}.tools .btn.small.signup{height:24px;min-height:24px;padding:0 .55rem;font-size:.66rem}.tools #soundBtn{display:none}}
.mini-img{width:22px;height:22px;object-fit:contain;background:none;border:0;padding:0}
.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.8rem}
.art-grid.players{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.art-tile{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#1d3a7e;border:1px solid #3a5bb0;color:inherit;transition:transform .2s,border-color .2s}
.art-tile:hover{transform:translateY(-3px);border-color:#e6b73f;text-decoration:none}
.art-tile img{aspect-ratio:1;object-fit:cover;width:100%}.art-tile span{padding:.45rem .6rem;font-size:.78rem;font-weight:700;text-transform:capitalize}
.art-none{display:flex;gap:1.2rem;align-items:center;margin:2rem 0;padding:1.2rem;border-radius:16px;border:1px dashed #e6b73f}.art-none img{width:90px}
html[data-theme="light"] .art-tile{background:#fff;border-color:#d6dceb}
.team-logo img[src$=".svg"]{object-fit:contain;padding:6%}

/* ===== Fan Zone ===== */
.fz{--fz-card:#0f1426}
.fz-nav{position:sticky;top:var(--header-h);z-index:40;background:rgba(20,40,90,.92);backdrop-filter:blur(10px);border-bottom:1px solid #3a5bb0}
.fz-nav .wrap{display:flex;gap:.2rem;overflow-x:auto;scrollbar-width:none;padding-top:.4rem;padding-bottom:.4rem}
.fz-nav a{white-space:nowrap;padding:.4rem .8rem;border-radius:999px;color:#d8dde3;font-weight:700;font-size:.82rem}.fz-nav a:hover{background:rgba(230,183,63,.14);color:#f3d36e;text-decoration:none}
html[data-theme="light"] .fz-nav{background:rgba(255,255,255,.92);border-color:#d6dceb}html[data-theme="light"] .fz-nav a{color:#14285a}
.fz-sec{padding:3rem 0;scroll-margin-top:calc(var(--header-h) + 50px)}.fz-sec h2{font-family:'Bricolage Grotesque',var(--display);font-weight:800;font-size:clamp(1.9rem,4.5vw,2.8rem);text-transform:uppercase;letter-spacing:-.01em;margin:.3rem 0 .6rem}
.fz-hero{position:relative;overflow:hidden;padding:4rem 0 3rem;color:#fff;background:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1.5px 1.5px at 70% 20%,#fbe8a0,transparent),radial-gradient(1px 1px at 85% 70%,#fff,transparent),linear-gradient(135deg,#14285a,#14285a 55%,#7d0f1c)}
.fz-hero-in{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center}
.fz-x{display:inline-block;font:900 .85rem Inter,sans-serif;letter-spacing:.2em;padding:.3rem .8rem;border:1px solid rgba(230,183,63,.6);border-radius:999px;color:#f3d36e}.fz-x b{color:#d8323f}
.fz-hero h1{font-family:'Bricolage Grotesque',var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(2.6rem,7vw,4.6rem);line-height:.95;margin:.8rem 0}
.fz-hero .lead{color:#d8dde3}.fz-cta{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.2rem}
.fz-cards{display:grid;gap:.8rem}
.fz-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);border-radius:18px;padding:1rem}.fz-card small{color:#f3d36e;font-weight:800;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.fz-card b{display:block;font:800 1.15rem 'Bricolage Grotesque',sans-serif;margin:.2rem 0 .6rem}
.fz-pick{display:flex;flex-wrap:wrap;gap:.4rem}.fz-pick button{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:999px;padding:.35rem .8rem;font:700 .82rem var(--font);cursor:pointer}.fz-pick button.on,.fz-pick button:hover{background:#e6b73f;color:#0a0c14;border-color:#e6b73f}
.fz-rank{margin:0 0 .6rem;padding-left:1.2rem}.fz-zones{display:flex;gap:.4rem;flex-wrap:wrap}.fz-zones span{padding:.3rem .7rem;border-radius:999px;font-weight:800;font-size:.78rem}
.z-lock{background:#2a4aa0}.z-open{background:#e6b73f;color:#0a0c14}.z-drop{background:#b3202e}
.fz-two{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.fz-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}
.fz-tier{border-radius:20px;padding:1.3rem;background:#1d3a7e;border:1px solid #3a5bb0;display:flex;flex-direction:column;gap:.4rem}
.fz-tier h3{font:800 1.8rem 'Bricolage Grotesque',sans-serif;text-transform:uppercase}.fz-tier small{color:#a3abc9;font-weight:700}.fz-range{color:#f3d36e;font-weight:800;margin:0}
.fz-tier ul{padding-left:1.1rem;margin:.3rem 0 .6rem;font-size:.88rem}
.fz-tier.t0{border-top:4px solid #8d95a0}.fz-tier.t1{border-top:4px solid #2a4aa0}.fz-tier.t2{border-top:4px solid #e6b73f;background:linear-gradient(180deg,rgba(230,183,63,.12),#1d3a7e 40%)}
.fz-tier.on{box-shadow:0 0 0 2px #e6b73f,0 12px 32px rgba(230,183,63,.25)}
.fz-bar{height:8px;border-radius:99px;background:#3a5bb0;overflow:hidden}.fz-bar i{display:block;height:100%;background:linear-gradient(90deg,#e6b73f,#fbe8a0)}
.fz-quests{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin-top:1rem}
.fz-q,.fz-prize,.fz-ph{border-radius:18px;padding:1.2rem;background:#1d3a7e;border:1px solid #3a5bb0;display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}
.fz-q h3,.fz-prize h3,.fz-ph h3{font:800 1.2rem 'Bricolage Grotesque',sans-serif;text-transform:uppercase}.fz-q .btn{margin-top:auto}
.fz-xp{font:900 .75rem Inter,sans-serif;padding:.2rem .6rem;border-radius:999px;background:#e6b73f;color:#0a0c14}
.fz-give{display:grid;grid-template-columns:1.2fr 1fr;gap:1.4rem;align-items:center;margin-top:1rem;padding:1.6rem;border-radius:22px;background:linear-gradient(135deg,#fbe8a0,#e6b73f 55%,#c99a24);color:#0a0c14}
.fz-give h3{font:800 1.7rem 'Bricolage Grotesque',sans-serif}.fz-give .muted{color:#3a2d08}.fz-give .btn{background:#14285a;color:#fbe8a0;border:0}
.fz-cd{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.fz-cd div{background:#14285a;color:#fbe8a0;border-radius:14px;padding:.8rem .3rem;text-align:center}.fz-cd b{display:block;font:800 2rem 'Bricolage Grotesque',sans-serif}.fz-cd small{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#d8dde3}
.fz-prize{background:linear-gradient(160deg,#14285a,#14285a);color:#fff}.fz-prize.p2{background:linear-gradient(160deg,#b3202e,#14285a)}.fz-tag{margin-top:auto;padding:.3rem .8rem;border-radius:999px;background:#e6b73f;color:#0a0c14;font-weight:800;font-size:.8rem}
.fz-sub{margin:2rem 0 .8rem;font-family:'Bricolage Grotesque',var(--display);font-weight:800;text-transform:uppercase}
.fz-phases{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}.fz-ph b{font:800 2rem 'Bricolage Grotesque',sans-serif;color:#e6b73f}
.fz-zone{border-radius:18px;padding:1.3rem;color:#fff}.fz-zone h3{font:800 1.4rem 'Bricolage Grotesque',sans-serif;text-transform:uppercase}.fz-zone small{opacity:.8;font-weight:700}
.fz-zone.lock{background:linear-gradient(160deg,#2a4aa0,#14285a)}.fz-zone.open{background:linear-gradient(160deg,#9a6a14,#14285a)}.fz-zone.drop{background:linear-gradient(160deg,#b3202e,#14285a)}
.fz-tbl{overflow-x:auto;border-radius:16px;border:1px solid #3a5bb0}.fz-tbl table{width:100%;border-collapse:collapse;font-size:.9rem}.fz-tbl th{text-align:left;padding:.7rem .9rem;background:#14285a;color:#fff;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.fz-tbl td{padding:.6rem .9rem;border-top:1px solid #3a5bb0}.fz-tbl tr.me td{background:rgba(230,183,63,.12)}
.fz-notes{margin-top:1rem;font-size:.88rem;color:#a3abc9}
.fz-prev{font:800 .7rem Inter,sans-serif;vertical-align:middle;padding:.2rem .6rem;border-radius:999px;background:#d8323f;color:#fff;letter-spacing:.08em}
.fz-stat4{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:1rem 0}.fz-stat4 div{border-radius:18px;padding:1rem;background:linear-gradient(160deg,#b3202e,#7d0f1c);color:#fff;display:flex;flex-direction:column}.fz-stat4 b{font:800 2.2rem 'Bricolage Grotesque',sans-serif}.fz-stat4 em{font-style:normal;opacity:.75;font-size:.8rem}
.fz-form{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;margin-right:3px;font-size:.7rem;font-weight:800;background:#14285a;color:#fff}.fz-form.f1{background:#e6b73f;color:#0a0c14}.fz-form.f2{background:#2a4aa0}
.fz-final{text-align:center;padding:2.4rem;border-radius:24px;background:linear-gradient(135deg,#14285a,#14285a 60%,#b3202e);color:#fff}.fz-final h2{color:#fff}
.fz-fine{font-size:.74rem;color:#a3abc9;margin-top:.8rem}
html[data-theme="light"] .fz-tier,html[data-theme="light"] .fz-q,html[data-theme="light"] .fz-ph{background:#fff;border-color:#d6dceb}html[data-theme="light"] .fz-tier.t2{background:linear-gradient(180deg,#fbe8a0,#fff 45%)}
html[data-theme="light"] .fz-range{color:#9a6a14}html[data-theme="light"] .fz-tbl{border-color:#d6dceb}html[data-theme="light"] .fz-tbl td{border-color:#d6dceb}html[data-theme="light"] .fz-bar{background:#e3e7f1}
@media(max-width:860px){.fz-hero-in,.fz-two,.fz-give{grid-template-columns:1fr}.fz-tiers,.fz-phases{grid-template-columns:1fr}.fz-stat4{grid-template-columns:repeat(2,1fr)}}
html[data-theme="light"] .btn.ruby,.btn.ruby{background:linear-gradient(135deg,#d8323f,#b3202e);color:#fff}
html[data-theme="light"] .btn.sapphire,.btn.sapphire{background:linear-gradient(135deg,#2a4aa0,#14285a);color:#fff}
.fz-hero .btn.ghost,.fz-final .btn.ghost,html[data-theme="light"] .fz-hero .btn.ghost,html[data-theme="light"] .fz-final .btn.ghost{color:#fff;box-shadow:inset 0 0 0 2px #fbe8a0}
html[data-theme="light"] .fz-hero .btn:not(.ghost):not(.ruby),html[data-theme="light"] .fz-final .btn:not(.ghost){background:linear-gradient(135deg,#fbe8a0,#e6b73f 50%,#c99a24);color:#0a0c14}
html[data-theme="light"] .fz-give .btn,.fz-give .btn{background:#0a0c14;color:#fbe8a0}

/* ===== Bag drawer (r8) ===== */
.bag-bg{position:fixed;inset:0;z-index:1190;background:rgba(20,40,90,.55);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s}
.bag-bg.open{opacity:1;visibility:visible}
html.bag-open,html.bag-open body{overflow:hidden;touch-action:none}
.drawer.bag{z-index:1200;width:min(420px,100%);padding:0;gap:0;background:var(--midnight,#14285a);border-left:1px solid rgba(230,183,63,.25);box-shadow:-24px 0 60px rgba(0,0,0,.45);transform:translateX(104%);transition:transform .38s cubic-bezier(.2,.8,.2,1),visibility .38s}
.drawer.bag.open{transform:none}
@media(max-width:600px){.drawer.bag{top:auto;left:0;width:100%;height:min(88vh,720px);border-left:0;border-top:1px solid rgba(230,183,63,.3);border-radius:22px 22px 0 0;transform:translateY(104%)}.drawer.bag::before{content:"";position:absolute;top:8px;left:50%;width:42px;height:4px;margin-left:-21px;border-radius:9px;background:rgba(255,255,255,.25)}}
.bag-head{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.2rem .9rem;border-bottom:1px solid rgba(255,255,255,.08)}
.bag-head h3{font:800 1.25rem 'Bricolage Grotesque',var(--display);margin:0}.bag-head h3 span{color:#e6b73f;font-size:1rem}
.bag-x{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);background:transparent;color:inherit;cursor:pointer;transition:transform .2s,background .2s}.bag-x:hover{background:rgba(255,255,255,.08);transform:rotate(90deg)}
.drawer.bag ul.bag-list{flex:1;overflow:auto;padding:.4rem 1.2rem;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.drawer.bag li.bag-line{display:grid;grid-template-columns:64px 1fr auto;gap:.8rem;align-items:start;padding:.9rem 0;border-bottom:1px solid rgba(255,255,255,.07);animation:bagIn .35s cubic-bezier(.2,.8,.2,1) both}
@keyframes bagIn{from{opacity:0;transform:translateX(18px)}}
.bag-line>img,.co-line>img{width:64px;height:64px;border-radius:14px;object-fit:contain;padding:6px;background:radial-gradient(circle at 30% 20%,#1d3672,#14285a);border:1px solid rgba(230,183,63,.25)}
.bag-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.bag-info b{font-size:.95rem;line-height:1.2}.bag-info small{color:var(--muted);font-size:.78rem}
.bag-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.45rem}
.bag-price{font-weight:800;font-variant-numeric:tabular-nums}
.qty{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;overflow:hidden;height:32px;background:rgba(255,255,255,.04)}
.qty button{width:32px;height:32px;border:0;background:transparent;color:inherit;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .15s}.qty button:hover:not(:disabled){background:rgba(230,183,63,.18)}.qty button:disabled{opacity:.35;cursor:default}
.qty input{width:38px;height:32px;border:0;background:transparent;color:inherit;text-align:center;font:700 .92rem var(--font);-moz-appearance:textfield;padding:0}.qty input::-webkit-inner-spin-button,.qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty input:focus{outline:2px solid #e6b73f;outline-offset:-2px;border-radius:6px}
.bag-rm{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:.3rem;border-radius:8px}.bag-rm:hover{color:#d8323f;background:rgba(216,50,63,.1)}
.bag-empty{display:none;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;padding:2rem}
.drawer.bag.empty .bag-empty{display:flex}.drawer.bag.empty .bag-list,.drawer.bag.empty .bag-foot{display:none}
.bag-empty-ico{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;color:#e6b73f;background:radial-gradient(circle,rgba(230,183,63,.18),transparent 70%)}
.bag-foot{padding:1rem 1.2rem calc(1rem + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.4rem;background:linear-gradient(180deg,transparent,rgba(230,183,63,.05))}
.bag-sub{display:flex;justify-content:space-between;align-items:baseline;font-size:1rem}.bag-sub b{font:800 1.4rem 'Bricolage Grotesque',sans-serif}
.bag-go,.co-paybtn{display:flex!important;justify-content:center;width:100%;height:54px;font-size:1.05rem!important;border-radius:999px!important;margin-top:.3rem}
.cart-count[hidden]{display:none!important}.cart-count.bump{animation:bump .35s}@keyframes bump{40%{transform:scale(1.35)}}
html[data-theme="light"] .drawer.bag{background:#fff;color:#0a0c14}html[data-theme="light"] .bag-head,html[data-theme="light"] .bag-foot,html[data-theme="light"] .drawer.bag li.bag-line{border-color:#e3e7f1}html[data-theme="light"] .qty{border-color:#cfd6e6;background:#f5f7fb}
@media (prefers-reduced-motion:reduce){.drawer.bag,.bag-bg,.bag-line{transition:none;animation:none}}
/* checkout r8 */
.co-title{font:800 clamp(2rem,6vw,3rem) 'Bricolage Grotesque',sans-serif;margin:.2rem 0 1rem}.co-back{font-weight:700;font-size:.88rem;color:var(--muted)}
.co-lines{list-style:none;margin:0;padding:0}.co-line{display:grid;grid-template-columns:64px 1fr auto;gap:.8rem;padding:.9rem 0;border-bottom:1px solid var(--line-soft);animation:bagIn .35s both}
.co-later{color:#e6b73f;font-style:normal}
.co-totals{display:flex;flex-direction:column;gap:.35rem;margin-top:1rem}.co-totals div{display:flex;justify-content:space-between}.co-dim{color:var(--muted);font-size:.85rem}
.co-due{margin-top:.4rem;padding-top:.7rem;border-top:1px dashed rgba(230,183,63,.4);font-size:1.05rem}.co-due b{font:800 1.6rem 'Bricolage Grotesque',sans-serif;color:#e6b73f}.co-due small{font-size:.75rem;color:var(--muted)}
.co-empty{text-align:center;padding:1.5rem 0;display:flex;flex-direction:column;gap:.5rem;align-items:center}
.co-paybtn svg{margin-right:.5rem}
@media(max-width:860px){.co-grid{grid-template-columns:1fr!important}.co-pay{position:relative}}
html[data-theme="light"] .co-due b{color:#9a6a14}

/* ===== Fan Zone LIV layout (r8) ===== */
html{scroll-behavior:smooth}
.fz-layout{display:grid;grid-template-columns:200px 1fr;gap:12px;padding:12px;max-width:1500px;margin:0 auto}
.fz-side{position:sticky;top:calc(var(--header-h,64px) + 12px);align-self:start;height:calc(100vh - var(--header-h,64px) - 24px);display:flex;flex-direction:column;gap:12px;z-index:30}
.fz-side-card{flex:1;background:#1a3474;border-radius:16px;padding:16px 12px;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(20,40,90,.25);overflow:auto}
.fz-side-brand{display:flex;align-items:center;gap:10px;padding:2px 6px 16px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:16px;color:#fff;text-decoration:none!important}
.fz-side-brand img{width:34px;height:auto}.fz-side-brand span{font:800 1.05rem 'Bricolage Grotesque',sans-serif;letter-spacing:.08em}
.fz-tabs{display:flex;flex-direction:column;gap:4px}
.fz-tabs a{display:block;padding:.62rem .75rem;border-radius:8px;color:#aab3cc;font:800 .72rem Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;text-decoration:none!important;transition:background .2s,color .2s}
.fz-tabs a:hover{color:#fff;background:rgba(255,255,255,.06)}
.fz-tabs a.on{color:#fff;background:linear-gradient(90deg,#1f3a78,#16295a);box-shadow:inset 3px 0 0 #e6b73f}
.fz-side-acct{background:#eef1f7;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px;font-size:.85rem}
.fz-side-acct a{color:#14285a;font-weight:600}.fz-side-acct .fz-su{color:#fff!important;text-align:center;justify-content:center;background:linear-gradient(180deg,#3d73e0,#1f4fb8)!important;border-radius:999px;padding:.55rem}
html[data-theme="dark"] .fz-side-acct,:root:not([data-theme="light"]) .fz-side-acct{background:#22428f}:root:not([data-theme="light"]) .fz-side-acct a{color:#d8dde3}
.fz-main{min-width:0;border-radius:16px;overflow:hidden}
.fz-main .fz-sec .wrap{max-width:1100px}
.fz-hero{border-radius:16px;background:radial-gradient(ellipse at 85% 110%,rgba(179,32,46,.55),transparent 55%),radial-gradient(ellipse at 20% 0%,#24418a,transparent 60%),linear-gradient(135deg,#22428f,#16295a 55%,#2a1838);padding:3rem 0}
.fz-x{border:0;padding:0;display:flex;align-items:center;gap:12px;color:#fff;font:800 1.15rem 'Bricolage Grotesque',sans-serif;letter-spacing:.14em}.fz-x img{width:40px}
.fz-hero h1{font-stretch:condensed;letter-spacing:-.01em}
.fz-hero .fz-cta .btn{border-radius:999px;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;background:transparent!important;color:#fff!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)!important}
.fz-hero .fz-cta .btn:first-child{background:#fff!important;color:#0d1b45!important;box-shadow:none!important}
.fz-cards{grid-template-columns:repeat(3,1fr);align-items:start;gap:10px}
.fz-card{padding:.8rem;border-radius:14px;background:rgba(255,255,255,.1);min-height:160px}.fz-card:nth-child(2){transform:translateY(-14px)}
.fz-card small{font-size:.6rem;color:#cfd6ea}.fz-card b{font-size:1rem}
.fz-pick,.fz-rank{list-style:decimal;padding-left:1.1rem;margin:0 0 .5rem;display:block;font-size:.82rem}
.fz-pick button{border:0;background:none;color:#fff;padding:.1rem 0;font:inherit;border-radius:0}.fz-pick button.on,.fz-pick button:hover{background:none;color:#f3d36e;text-decoration:underline}
.fz-card .btn.small{background:#e6b73f!important;color:#0a0c14!important;font-size:.62rem;padding:.3rem .7rem;border-radius:999px;text-transform:uppercase;letter-spacing:.06em}
.fz-medals{grid-column:1/-1;display:flex;justify-content:center;gap:12px;margin-top:10px}
.fz-medals span{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font:800 .58rem Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 -6px 12px rgba(0,0,0,.25),0 6px 16px rgba(0,0,0,.35)}
.fz-medals .m0{background:radial-gradient(circle at 35% 30%,#e8a271,#9a5426);color:#fff}.fz-medals .m1{background:radial-gradient(circle at 35% 30%,#fff,#a9b1bd);color:#0d1b45}.fz-medals .m2{background:radial-gradient(circle at 35% 30%,#fbe8a0,#c99a24);color:#0a0c14}
@media(max-width:900px){
 .fz-layout{display:block;padding:0}
 .fz-side{position:sticky;top:var(--header-h,56px);height:auto;display:block;z-index:40}
 .fz-side-card{border-radius:0;padding:0;background:rgba(11,16,32,.96);backdrop-filter:blur(10px);overflow:visible}
 .fz-side-brand,.fz-side-acct{display:none}
 .fz-tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none;padding:8px;gap:4px;scroll-snap-type:x proximity}.fz-tabs::-webkit-scrollbar{display:none}
 .fz-tabs a{white-space:nowrap;font-size:.66rem;padding:.5rem .8rem;border-radius:999px;scroll-snap-align:center}.fz-tabs a.on{box-shadow:inset 0 -2px 0 #e6b73f}
 .fz-main,.fz-hero{border-radius:0}
 .fz-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.fz-card{min-height:0;padding:.6rem}.fz-card:nth-child(2){transform:none}
 .fz-sec{scroll-margin-top:calc(var(--header-h,56px) + 56px)}
}
@media(max-width:520px){.fz-cards{grid-template-columns:1fr 1fr}.fz-card:nth-child(3){grid-column:1/-1}}
.fz-tabs a,html[data-theme="light"] .fz-tabs a{color:#aab3cc}.fz-tabs a.on,html[data-theme="light"] .fz-tabs a.on,.fz-tabs a:hover{color:#fff}
.fz-prize .muted,.fz-zone p{color:rgba(255,255,255,.78)!important}
.cart-count:empty,.cart-count[data-n="0"]{display:none!important}

/* ===== Onboarding "Make it yours" (r8) ===== */
.ob-bg{position:fixed;inset:0;z-index:1300;background:rgba(20,40,90,.62);backdrop-filter:blur(6px);display:grid;place-items:center;padding:12px;overflow:auto;animation:obFade .25s both}
.ob-bg.out{animation:obFade .25s reverse both}@keyframes obFade{from{opacity:0}}
.ob{position:relative;width:min(420px,100%);background:radial-gradient(circle at 50% 0,#24418a,transparent 60%),linear-gradient(180deg,#14285a,#1a3474);color:#fff;border:1px solid rgba(230,183,63,.35);border-radius:24px;padding:22px 20px 18px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.55);animation:obUp .4s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes obUp{from{opacity:0;transform:translateY(30px) scale(.96)}}
.ob-og{display:inline-block;padding:.3rem .9rem;border-radius:999px;background:linear-gradient(135deg,#fbe8a0,#e6b73f 55%,#c99a24);color:#0a0c14;font:900 .9rem Inter,sans-serif;letter-spacing:.06em;box-shadow:0 4px 14px rgba(230,183,63,.4)}
.ob h2{font:800 1.7rem 'Bricolage Grotesque',sans-serif;margin:.55rem 0 .4rem;line-height:1.05}.ob h2 em{font-style:normal;color:#f3d36e;display:block}
.ob-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.ob-chips span{padding:.25rem .65rem;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);font-size:.74rem;font-weight:700}
.ob-lead{color:#cfd6ea;font-size:.86rem;margin:.6rem 0}
.ob-av-wrap{position:relative;width:132px;margin:0 auto}
.ob-av{width:132px;height:132px;border-radius:50%;overflow:hidden;border:4px solid #e6b73f;box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 0 6px rgba(230,183,63,.15)}.ob-av svg,.ob-av img{width:100%;height:100%;display:block;object-fit:cover}
.ob-av.spin{animation:obSpin .45s cubic-bezier(.3,1.4,.5,1)}@keyframes obSpin{0%{transform:scale(.7) rotate(-20deg);opacity:.3}100%{transform:none}}
.ob-lock{position:absolute;right:-4px;bottom:4px;width:34px;height:34px;border-radius:50%;border:2px solid #1a3474;background:#fff;cursor:pointer;font-size:.95rem;display:grid;place-items:center}
.ob-lock.sm{position:static;width:40px;height:40px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08)}.ob-lock[aria-pressed="true"]{background:#e6b73f}
.ob-handle{font:800 1.15rem 'Bricolage Grotesque',sans-serif;margin:.6rem 0 .5rem}.ob-handle.pop{animation:obPop .35s}@keyframes obPop{40%{transform:scale(1.12);color:#f3d36e}}
.ob-btns{display:flex;justify-content:center;gap:8px}
.ob .btn{border-radius:999px}.ob-reroll{background:linear-gradient(135deg,#fbe8a0,#e6b73f 55%,#c99a24)!important;color:#0a0c14!important;font-weight:800}
.ob-up{cursor:pointer;color:#fff!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)!important;background:transparent!important}
.ob-tabs{display:flex;gap:4px;justify-content:center;margin:14px 0 8px;flex-wrap:wrap}.ob-tabs button{border:0;background:transparent;color:#aab3cc;font:700 .78rem Inter,sans-serif;padding:.4rem .7rem;border-radius:999px;cursor:pointer}.ob-tabs button[aria-selected="true"]{background:#2a4aa0;color:#fff}
.ob-opts{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;min-height:50px}
.ob-sw{width:46px;height:46px;border-radius:50%;padding:0;overflow:hidden;border:2px solid transparent;background:none;cursor:pointer;transition:transform .15s}.ob-sw svg{display:block}.ob-sw:hover{transform:scale(1.08)}.ob-sw.on{border-color:#e6b73f;box-shadow:0 0 0 3px rgba(230,183,63,.3)}
.ob-lbl{display:block;text-align:left;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#cfd6ea;margin:14px 0 6px}
.ob-inrow{display:flex;gap:6px}.ob-in{flex:1;display:flex;align-items:center;gap:4px;background:#fff;color:#0a0c14;border-radius:12px;padding:0 10px;height:40px}.ob-in span{color:#8d95a0;font-weight:700}
.ob-in input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:700 .95rem var(--font);color:#0a0c14}.ob-in b{font-size:.74rem;white-space:nowrap;color:#8d95a0}.ob-in b.ok{color:#16a34a}.ob-in b.bad{color:#d8323f}
.ob-shuf{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;font-size:1.1rem;cursor:pointer}
.ob-err{color:#ff8a94;font-size:.82rem;margin:.6rem 0 0}
.ob-go{width:100%;height:52px;margin-top:14px;font-size:1.05rem!important;background:linear-gradient(135deg,#fbe8a0,#e6b73f 55%,#c99a24)!important;color:#0a0c14!important;font-weight:800}
.ob-fine{font-size:.68rem;color:#8d95b5;margin:.6rem 0 0}
@media(max-width:420px){.ob{padding:18px 14px}.ob h2{font-size:1.45rem}.ob-av-wrap,.ob-av{width:112px;height:112px}}
.ob-x{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
.ob-av.sm{width:64px;height:64px;margin:0 auto;border-width:3px}
.ob-kick{display:block;margin-top:.7rem;color:#f3d36e;font:800 .72rem Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.ob .reel{position:relative!important;overflow:hidden;min-height:0!important;max-height:76px;padding:0!important;background:none!important;margin:14px -20px 10px;height:76px;-webkit-mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.ob .reel-track{display:flex;gap:8px;position:absolute;left:0;top:6px;will-change:transform}
.ob .reel-tile{flex:0 0 76px;height:64px;border-radius:12px;display:grid;place-items:center;font:800 1.05rem 'Bricolage Grotesque',sans-serif;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.ob .reel-tile.t3,.ob .reel-tile.t4{background:linear-gradient(160deg,#2a4aa0,#14285a)}.ob .reel-tile.t5,.ob .reel-tile.t6{background:linear-gradient(160deg,#d8323f,#7d0f1c)}.ob .reel-tile.t7{background:linear-gradient(135deg,#fbe8a0,#e6b73f 55%,#c99a24);color:#0a0c14}
.ob .reel-tile.win{box-shadow:0 0 0 3px #f3d36e,0 0 24px rgba(243,211,110,.7);transform:scale(1.06);transition:transform .3s}
.ob .reel-frame{position:absolute;left:50%;top:2px;width:86px;height:72px;margin-left:-43px;border:2.5px solid #e6b73f;border-radius:14px;pointer-events:none;box-shadow:0 0 18px rgba(230,183,63,.35)}
.ob .reel-out{font:800 2rem 'Bricolage Grotesque',sans-serif;margin:.2rem 0 .3rem}.ob .reel-out small{font-size:1rem;color:#f3d36e}.ob .reel-out.won{animation:obPop .5s;color:#fbe8a0}
.ob-after{flex-direction:column;margin-top:14px}.ob-after .btn{width:100%;justify-content:center}.ob-after .ghost{color:#fff!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)!important;background:transparent!important}
.ob-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:24px}.ob-confetti i{position:absolute;top:-10px;width:7px;height:12px;border-radius:2px;animation:conf 2.2s ease-in forwards}@keyframes conf{to{top:110%;opacity:.2}}
.ob-after2{margin-top:12px}.ob-after2 .btn{flex:1;justify-content:center}
.ob-share{background:linear-gradient(135deg,#fbe8a0,#e6b73f 55%,#c99a24)!important;color:#0a0c14!important}.ob-save{background:linear-gradient(135deg,#3d73e0,#1f4fb8)!important;color:#fff!important}
.ob-cont{display:block;margin:12px auto 0;background:none;border:0;color:#fff;font:700 .92rem var(--font);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ob-av.plat{border-color:#cfd8e6;box-shadow:0 0 0 5px rgba(207,216,230,.18),0 0 26px rgba(160,200,255,.35)}
.plat-gem{font-size:2.6rem}
.plat-pill{display:inline-block;margin-top:.5rem;padding:.2rem .7rem;border-radius:999px;background:linear-gradient(135deg,#f4f7fb,#b8c4d6);color:#14285a;font:800 .74rem Inter,sans-serif}
.plat-price{margin:.3rem 0;color:#e8edf7;font-size:.9rem}.plat-price b{font:800 1.3rem 'Bricolage Grotesque',sans-serif;color:#fff}
.plat-early{display:inline-block;padding:.25rem .7rem;border-radius:999px;background:rgba(255,255,255,.1);font-size:.74rem;font-weight:700;margin-bottom:10px}
.plat-perks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;text-align:left}
.plat-perks li{display:flex;gap:10px;align-items:center;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.plat-perks li>span{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:9px;background:rgba(207,216,230,.14)}
.plat-perks b{display:block;font-size:.86rem}.plat-perks small{color:#aab3cc;font-size:.74rem}
.plat-go{background:linear-gradient(135deg,#f4f7fb,#b8c4d6 60%,#8d9bb3)!important;color:#0b1020!important}.plat-go:disabled{opacity:.75;cursor:not-allowed}
.plat-wrap{display:grid;place-items:center;padding:28px 12px 48px;background:radial-gradient(circle at 50% 0,#1f3a78,transparent 60%)}.plat-page .ob{animation:none}

/* ===== Quests / progress / spin odds (r8) ===== */
.qx-head{display:flex;gap:16px;align-items:center;margin-bottom:14px}.qx-head h1{margin:0 0 .4rem}
.qx-ring{--p:0;flex:0 0 88px;height:88px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(closest-side,var(--midnight,#1a3474) 78%,transparent 80%),conic-gradient(#e6b73f calc(var(--p)*1%),rgba(255,255,255,.12) 0)}
.qx-ring b{font:800 1.4rem 'Bricolage Grotesque',sans-serif;line-height:1}.qx-ring small{font-size:.7rem;color:var(--muted)}
html[data-theme="light"] .qx-ring{background:radial-gradient(closest-side,#fff 78%,transparent 80%),conic-gradient(#c99a24 calc(var(--p)*1%),#e3e7f1 0)}
.qx-chips{display:flex;flex-wrap:wrap;gap:6px}.qx-chips span{padding:.3rem .7rem;border-radius:999px;background:rgba(230,183,63,.14);border:1px solid rgba(230,183,63,.35);font-size:.78rem;font-weight:700}
.qx-next,.qx-big,.qx-chest,.qx-q{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;border-radius:16px;padding:14px 16px;margin:10px 0}
.qx-next{background:linear-gradient(135deg,#fbe8a0,#e6b73f 55%,#c99a24);color:#0a0c14}.qx-next>span,.qx-big>span:not(.qx-soon){grid-column:1;font:800 .68rem Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.qx-next b,.qx-big b{grid-column:1;font:800 1.15rem 'Bricolage Grotesque',sans-serif}.qx-next small,.qx-big small{grid-column:1}.qx-next .btn,.qx-big .btn,.qx-chest .btn{grid-column:2;grid-row:1/span 3}
.qx-next .btn{background:#14285a!important;color:#fbe8a0!important}
.qx-big{position:relative;background:linear-gradient(135deg,#14532d,#16a34a);color:#fff}.qx-soon{position:absolute;top:10px;right:12px;font-size:.62rem;font-weight:800;padding:.15rem .5rem;border-radius:999px;background:#14285a;color:#4ade80}
.qx-big .btn{background:#14285a!important;color:#fff!important;opacity:.85}
.qx-list{display:flex;flex-direction:column}
.qx-q{grid-template-columns:44px 1fr auto;background:#1d3a7e;border:1px solid #3a5bb0;margin:5px 0}.qx-q b{display:block}.qx-q small{display:block;color:var(--muted);font-size:.78rem}.qx-q em{font-style:normal;color:#e6b73f;font-weight:800;font-size:.82rem}.qx-q em i{color:var(--muted);font-style:normal}
.qx-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(230,183,63,.14);font-size:1.15rem}
.qx-q.done{opacity:.6}.qx-q.done .qx-ic{background:#16a34a;color:#fff}
.qx-chest{grid-template-columns:52px 1fr auto;background:#1d3a7e;border:1px dashed #e6b73f}.qx-chest .qx-lock{font-size:1.8rem}.qx-chest small{display:block;color:var(--muted)}.qx-chest.ready{background:linear-gradient(135deg,rgba(230,183,63,.25),#1d3a7e);animation:obPop 1.6s infinite}
.qx-follow{display:flex;flex-wrap:wrap;gap:6px}.qx-follow a{padding:.3rem .7rem;border-radius:999px;border:1px solid #e6b73f;font-size:.8rem;font-weight:700}
html[data-theme="light"] .qx-q,html[data-theme="light"] .qx-chest{background:#fff;border-color:#d6dceb}
.pr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pr-card{border-radius:16px;padding:12px;text-align:center;background:#1d3a7e;border:1px solid #3a5bb0}.pr-card span{font-size:1.3rem}.pr-card b{display:block;font:800 1.3rem 'Bricolage Grotesque',sans-serif}.pr-card small{color:var(--muted);font-size:.72rem}
.pr-card.fire{background:linear-gradient(160deg,#7d0f1c,#1d3a7e)}.pr-card.mult{background:linear-gradient(160deg,#9a6a14,#1d3a7e)}.pr-card.qd{background:linear-gradient(160deg,#14532d,#1d3a7e)}.pr-card.sp{background:linear-gradient(160deg,#1f3a78,#1d3a7e)}.pr-card{color:#fff}
.pr-next{margin-top:10px;display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid rgba(230,183,63,.35)}.pr-next .pr-bar{grid-column:1/-1;height:8px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden}.pr-bar i{display:block;height:100%;background:linear-gradient(90deg,#e6b73f,#fbe8a0)}.pr-next p{margin:0;font-size:.88rem}
.pr-ctas{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.link-acc{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.link-acc a{display:flex;flex-direction:column;padding:10px 12px;border-radius:12px;border:1px solid #3a5bb0;background:#1d3a7e;color:inherit;text-decoration:none}.link-acc a small{color:#e6b73f;font-size:.74rem;font-weight:700}.link-acc a.on small{color:#4ade80}.link-acc a.soon{opacity:.7;border-style:dashed;cursor:default}
html[data-theme="light"] .link-acc a{background:#fff;border-color:#d6dceb}
@media(max-width:600px){.pr-grid{grid-template-columns:repeat(2,1fr)}}
.spin-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:.4rem 0 1rem}.mult-pill,.left-pill{padding:.35rem .85rem;border-radius:999px;font-weight:800;font-size:.85rem}.mult-pill{background:linear-gradient(135deg,#fbe8a0,#e6b73f);color:#0a0c14}.left-pill{background:rgba(42,74,160,.25);border:1px solid #2a4aa0}
.spin-btn.big{min-width:260px;height:56px;font-size:1.1rem!important;letter-spacing:.06em;border-radius:999px!important}
.odds{max-width:520px;margin:1.6rem auto 0;text-align:left}.odds h3{font-family:'Bricolage Grotesque',sans-serif}.odds table{width:100%;border-collapse:collapse;font-size:.9rem;border:1px solid #3a5bb0;border-radius:12px;overflow:hidden}.odds th{background:#14285a;color:#fff;text-align:left;padding:.55rem .8rem;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.odds td{padding:.5rem .8rem;border-top:1px solid #3a5bb0}.odds td small{color:var(--muted)}
html[data-theme="light"] .odds table,html[data-theme="light"] .odds td{border-color:#d6dceb}

/* ---------- Nonstop action: ticker + scoreboard (js/action.js) ---------- */
.pgb-ticker{display:flex;align-items:center;gap:.6rem;background:linear-gradient(90deg,#14285A,#1d3a7e);color:#f1f3fa;border-bottom:2px solid #E6B73F;font:600 .82rem/1 var(--font);height:34px;overflow:hidden;position:relative;z-index:5}
.pgb-ticker .tk-badge{flex:none;background:#B3202E;color:#fff;font:400 1rem/34px var(--display);letter-spacing:.06em;padding:0 .7rem;height:34px}
.tk-viewport{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.tk-track{display:inline-flex;white-space:nowrap;animation:tkscroll 70s linear infinite}
.pgb-ticker:hover .tk-track{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.tk-track{animation:none}.tk-viewport{overflow-x:auto}}
@keyframes tkscroll{to{transform:translateX(-50%)}}
.tk-item{padding:0 1.1rem;border-right:1px solid rgba(230,183,63,.35)}
.tk-item a{color:inherit;text-decoration:none}.tk-item em{color:#c9d3ef;font-style:normal;font-weight:500}
.tk-item b{color:#E6B73F;font-variant-numeric:tabular-nums}
.tk-live{color:#ff7a86;font-weight:800}.tk-next{color:#E6B73F;font-weight:800}.tk-final{color:#c0c7d6;font-weight:800}.tk-drop{color:#f3d36e;font-weight:800}
.sc-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);gap:.8rem;overflow-x:auto;padding-bottom:.4rem;scroll-snap-type:x mandatory}
.sc-card,.drop-card,.latest-card{display:flex;flex-direction:column;gap:.3rem;background:#fff;color:#14285A;border:1px solid #d7dce8;border-radius:14px;padding:.85rem 1rem;text-decoration:none;scroll-snap-align:start;box-shadow:0 2px 10px rgba(20,40,90,.07)}
.sc-card b{font-size:1rem;display:flex;justify-content:space-between;gap:.4rem}.sc-card b .muted{font-weight:500;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-tag{align-self:flex-start;font:400 .95rem/1 var(--display);letter-spacing:.08em;padding:.25rem .5rem;border-radius:6px;background:#14285A;color:#fff}
.sc-card.live{border-color:#B3202E}.sc-card.live .sc-tag{background:#B3202E;animation:pulse 1.6s infinite}
.sc-card.next .sc-tag{background:#E6B73F;color:#14285A}.sc-card.final .sc-tag{background:#c0c7d6;color:#14285A}
@keyframes pulse{50%{opacity:.6}}
.cd{font-variant-numeric:tabular-nums;font-weight:800;color:#B3202E}
.drop-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}
.drop-card b{font:400 1.4rem/1 var(--display);letter-spacing:.03em}.drop-card .cd{font-size:1.25rem}
.latest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.8rem}
.latest-card h3{margin:.3rem 0 0;font-size:1.05rem}.latest-card p{margin:0;font-size:.88rem}
.latest-card .pill{align-self:flex-start;margin-right:.3rem}.pill.sample{background:#fff4d6;color:#7a5a10;border-color:#E6B73F}
.latest-card{flex-direction:column}.latest-card>.pill{display:inline-block}
[data-theme="dark"] .sc-card,[data-theme="dark"] .drop-card,[data-theme="dark"] .latest-card{background:#1d3a7e;color:#f1f3fa;border-color:#3a5bb0}
[data-theme="dark"] .cd{color:#f3d36e}
@media (max-width:640px){.pgb-ticker{font-size:.75rem}.sc-row{grid-auto-columns:78%}}
img.pgb-logo{display:inline-block!important;max-width:none;vertical-align:middle}
.pgb-ticker .pgb-logo{width:18px!important;height:18px!important;margin:0 .15rem;background:#fff;border-radius:50%;padding:1px}
.sc-card .pgb-logo{margin-right:.35rem}
/* ---- Affiliates ---- */
.aff-hero{background:linear-gradient(120deg,#14285A,#1d3a7e 55%,#2a4aa0);color:#fff;padding:3.2rem 0 2.6rem;border-bottom:3px solid #E6B73F}
.aff-hero .kicker{color:#f3d36e}.aff-hero h1{color:#fff;max-width:18ch;margin:.3rem 0 .6rem}.aff-hero .lead{color:#dfe6f7;max-width:44rem}
.aff-narrow{max-width:820px}
.aff-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}
.aff-step{background:#fff;border:1px solid #d7dce8;border-radius:16px;padding:1.2rem;box-shadow:0 2px 10px rgba(20,40,90,.06)}
.aff-step span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#f3d36e,#E6B73F);color:#14285A;font-weight:900}
.aff-step h3{margin:.6rem 0 .3rem;color:#14285A}.aff-step p{margin:0;color:#5c6473}
.aff-callout{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#fff8e6;border:1px solid #E6B73F;border-radius:16px;padding:1.2rem 1.4rem;margin-top:1.2rem}
.aff-callout h3{margin:0 0 .3rem;color:#14285A}.aff-callout p{margin:0;color:#5c4a14;max-width:46rem}
.aff-form{display:grid;gap:.8rem}.aff-form label{display:grid;gap:.3rem;font-weight:700;color:#14285A;font-size:.9rem}
.aff-form input,.aff-form select,.aff-form textarea{font:inherit;font-weight:500;min-height:44px;border:1px solid #c9d0e0;border-radius:10px;padding:.55rem .8rem;background:#fff;color:#14285A}
.aff-form .aff-check{display:flex;gap:.5rem;align-items:center;font-weight:500}.aff-form .aff-check input{min-height:0}
.aff-out{background:#f3f5fb;border:1px dashed #9aa8c7;border-radius:12px;padding:.9rem}
.aff-out code{display:block;word-break:break-all;color:#14285A;font-weight:700;margin-bottom:.6rem}
.aff-tips{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem}
.aff-tip{background:#fff;border:1px solid #d7dce8;border-radius:16px;padding:1.1rem;box-shadow:0 2px 10px rgba(20,40,90,.06);transition:transform .15s}
.aff-tip:hover{transform:translateY(-3px)}.aff-tip span{font-size:1.7rem}.aff-tip h3{margin:.4rem 0 .25rem;color:#14285A}.aff-tip p{margin:0;color:#5c6473}
.aff-faq details{background:#fff;border:1px solid #d7dce8;border-radius:12px;margin-bottom:.6rem;overflow:hidden}
.aff-faq summary{cursor:pointer;list-style:none;padding:1rem 1.2rem;font-weight:800;color:#14285A;display:flex;justify-content:space-between;gap:1rem}
.aff-faq summary::-webkit-details-marker{display:none}.aff-faq summary::after{content:"+";font-size:1.3rem;line-height:1;color:#B3202E;transition:transform .2s}
.aff-faq details[open] summary::after{transform:rotate(45deg)}.aff-faq details p{margin:0;padding:0 1.2rem 1rem;color:#5c6473}
.aff-card h3{color:#14285A}
.aff-bar .aff-join{white-space:nowrap}
[data-theme="dark"] .aff-step,[data-theme="dark"] .aff-tip,[data-theme="dark"] .aff-faq details{background:#1d3a7e;border-color:#3a5bb0}[data-theme="dark"] .aff-step h3,[data-theme="dark"] .aff-tip h3,[data-theme="dark"] .aff-faq summary{color:#fff}
/* ---- unified section bar (Media Hub / Video / LockerVision) ---- */
.pgb-secbar{background:#fff;border-bottom:1px solid #d7dce8;box-shadow:0 2px 8px rgba(20,40,90,.05);position:relative;z-index:4}
.pgb-secbar .sb-row,.pgb-secbar .sb-chips{max-width:var(--max,1180px);margin:0 auto;display:flex;align-items:center;gap:.6rem;padding:.4rem var(--pad-x,1rem);overflow-x:auto;scrollbar-width:none}
.pgb-secbar ::-webkit-scrollbar{display:none}
.sb-brand{font:400 1.2rem/1 var(--display);letter-spacing:.05em;color:#14285A;text-decoration:none;white-space:nowrap}
.sb-links{display:flex;gap:.15rem;flex:1;overflow-x:auto;scrollbar-width:none}
.sb-links a{white-space:nowrap;color:#14285A;text-decoration:none;font-weight:700;font-size:.84rem;padding:.4rem .7rem;border-radius:99px}
.sb-links a:hover{background:#eef1f8}.sb-links a[aria-current]{background:#14285A;color:#fff}
.sb-cta{white-space:nowrap;background:#B3202E;color:#fff!important;font-weight:800;font-size:.78rem;padding:.42rem .85rem;border-radius:99px;text-decoration:none}
.pgb-secbar .sb-chips{padding-top:0;gap:.35rem}
.sb-chips a{white-space:nowrap;font-size:.75rem;font-weight:700;color:#14285A;text-decoration:none;padding:.25rem .65rem;border:1px solid #d7dce8;border-radius:99px;background:#f6f7fb}
.sb-chips a[aria-current]{background:#E6B73F;border-color:#E6B73F;color:#14285A}
[data-theme="dark"] .pgb-secbar{background:#1d3a7e;border-color:#3a5bb0}[data-theme="dark"] .sb-links a,[data-theme="dark"] .sb-brand,[data-theme="dark"] .sb-chips a{color:#f1f3fa}[data-theme="dark"] .sb-chips a{background:transparent;border-color:#3a5bb0}
@media(max-width:640px){.sb-cta{display:none}.sb-brand{font-size:1rem}}
.aff-hero .btn:not(.sapphire){background:linear-gradient(135deg,#f3d36e,#E6B73F 50%,#c99a24)!important;color:#14285A!important;border-color:#f3d36e}
.aff-hero .btn.sapphire{background:#fff!important;color:#14285A!important;border-color:#fff}
/* ===== Giveaway (light, LIV-style left tabs) ===== */
.gw{background:#f6f3ea;color:#14285a}
.gw-layout{display:grid;grid-template-columns:210px 1fr;gap:14px;padding:14px;max-width:1500px;margin:0 auto}
.gw-side{position:sticky;top:calc(var(--header-h,64px) + 14px);align-self:start;display:flex;flex-direction:column;gap:12px;z-index:30}
.gw-side-card{background:#fff;border:1px solid #e3dccb;border-radius:16px;padding:16px 12px;box-shadow:0 8px 24px rgba(20,40,90,.08)}
.gw-brand{display:flex;align-items:center;gap:10px;padding:2px 6px 14px;border-bottom:1px solid #eee5cf;margin-bottom:12px;color:#14285a!important;text-decoration:none!important}
.gw-brand img{width:32px}.gw-brand span{font:800 1rem 'Bricolage Grotesque',sans-serif;letter-spacing:.1em}
.gw-tabs{display:flex;flex-direction:column;gap:4px}
.gw-tabs a{padding:.62rem .75rem;border-radius:8px;color:#5a6688;font:800 .72rem Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;text-decoration:none!important}
.gw-tabs a:hover{background:#faf3dc;color:#14285a}.gw-tabs a.on{background:#fbe8a0;color:#14285a;box-shadow:inset 3px 0 0 #c99a24}
.gw-side-acct{background:#fff;border:1px solid #e3dccb;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px;font-size:.85rem}.gw-side-acct a{color:#14285a;font-weight:600}
.gw-main{min-width:0}
.gw-sec{background:#fff;border:1px solid #e3dccb;border-radius:18px;padding:2rem;margin-bottom:14px;scroll-margin-top:calc(var(--header-h,64px) + 20px)}
.gw-sec h2{font:800 clamp(1.8rem,4vw,2.6rem) 'Bricolage Grotesque',sans-serif;text-transform:uppercase;margin:.2rem 0 .5rem;color:#14285a}
.gw .lead,.gw .muted{color:#4a5578}.gw .kicker{color:#a07a14}
.gw .btn{background:#14285a;color:#fbe8a0;border:0}.gw .btn.ghost{background:#fff;color:#14285a;border:1.5px solid #14285a}
.gw-hero{border-radius:18px;margin-bottom:14px;padding:2.4rem 2rem;background:linear-gradient(135deg,#fff8e1,#fbe8a0 50%,#f3d36e);border:1px solid #e6cf86;scroll-margin-top:100px}
.gw-hero-in{display:grid;grid-template-columns:1.25fr 1fr;gap:2rem;align-items:start}
.gw-hero h1{font:800 clamp(2.3rem,5.5vw,4rem)/0.98 'Bricolage Grotesque',sans-serif;text-transform:uppercase;margin:.7rem 0;color:#14285a}.gw-hero h1 em{font-style:normal;color:#b3202e}
.gw-chip{display:inline-block;font:900 .74rem Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .8rem;border-radius:999px;background:#14285a;color:#fbe8a0}
.gw-cta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.gw-npn{margin:1rem 0;padding:.8rem 1rem;border-radius:12px;background:#fff;border:2px solid #b3202e;color:#14285a;font-size:.92rem}.gw-npn b{color:#b3202e}
.gw-stats{display:grid;gap:.8rem}
.gw-count,.gw-live,.gw-you{background:#fff;border-radius:16px;padding:1rem;border:1px solid #e6cf86}
.gw-count small,.gw-you small{font:900 .7rem Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#a07a14}
.gw-cd{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-top:.4rem}.gw-cd div{background:#14285a;color:#fbe8a0;border-radius:12px;padding:.6rem .2rem;text-align:center}.gw-cd b{display:block;font:800 1.8rem 'Bricolage Grotesque',sans-serif}.gw-cd small{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#e9edf7}
.gw-live{display:grid;grid-template-columns:1fr 1fr;text-align:center}.gw-live b{display:block;font:800 2rem 'Bricolage Grotesque',sans-serif}.gw-live small{color:#4a5578;font-weight:700}
.gw-you b{display:block;font:800 2.6rem 'Bricolage Grotesque',sans-serif}.gw-you p{margin:.2rem 0 .6rem;color:#4a5578;font-size:.9rem}.gw-you.on{border:2px solid #c99a24}
.gw-badge{display:inline-block;background:#fbe8a0;border-radius:999px;padding:.15rem .6rem;font-weight:800;color:#14285a}
.gw-ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.8rem;margin-top:1rem}
.gw-way{border:1px solid #e3dccb;border-radius:16px;padding:1.1rem;display:flex;flex-direction:column;gap:.35rem;align-items:flex-start;background:#fffdf7}.gw-way h3{font:800 1.1rem 'Bricolage Grotesque',sans-serif;margin:0}.gw-way p{margin:0 0 .4rem;font-size:.88rem}.gw-way .btn{margin-top:auto}
.gw-way.done{background:#eefaf0;border-color:#9bd3a8}.gw-ok{margin-top:auto;font-weight:800;color:#15803d}
.gw-v{font:900 .78rem Inter,sans-serif;padding:.22rem .6rem;border-radius:999px;background:#e6b73f;color:#14285a}
.gw-src,.gw-fine{font-size:.82rem;color:#5a6688;margin-top:.8rem}
.gw-grand{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1rem}.gw-mid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;margin-top:.8rem}
.gw-prize{border-radius:16px;padding:1.2rem;border:1px solid #e3dccb;background:#fffdf7}.gw-prize h3{font:800 1.35rem 'Bricolage Grotesque',sans-serif;margin:.3rem 0}.gw-prize p{color:#4a5578;font-size:.88rem;margin:0 0 .4rem}.gw-prize small{font-weight:800;color:#a07a14}
.gw-prize.g0{background:linear-gradient(160deg,#fff4c9,#f3d36e);border-color:#c99a24}.gw-prize.g1{background:linear-gradient(160deg,#fbfcff,#dfe5f2)}.gw-prize.g2{background:linear-gradient(160deg,#fff4ec,#f2c9a8)}
.gw-prize.sm h3{font-size:1.1rem}
.gw-place{font:900 .7rem Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#b3202e}
.gw-crown{display:flex;gap:1rem;align-items:center;justify-content:space-between;margin-top:1rem;padding:1.3rem;border-radius:16px;background:linear-gradient(135deg,#ffe8ec,#fff);border:1px solid #f0b6c0}.gw-crown h3{font:800 1.4rem 'Bricolage Grotesque',sans-serif;margin:.2rem 0}.gw-crown p{color:#4a5578;margin:.2rem 0;font-size:.9rem}
.gw-all{margin-top:1rem;padding:1rem;border-radius:14px;background:#eef3ff;color:#14285a}
.gw-tbl table{width:100%;border-collapse:collapse;margin-top:1rem}.gw-tbl th,.gw-tbl td{padding:.6rem;border-bottom:1px solid #eee5cf;text-align:left;color:#14285a}.gw-tbl th{font:900 .7rem Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#a07a14}.gw-tbl a{color:#14285a}.gw-tbl tr.me{background:#fff4c9}
.gw-rules{font-size:.9rem;color:#2b365a;line-height:1.55}.gw-rules h3{font:800 1.3rem 'Bricolage Grotesque',sans-serif;color:#14285a}.gw-rules a{color:#1f4fb8}
.gw-home-cta{padding:14px 0}.gw-home-cta .wrap>a{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;padding:1.1rem 1.4rem;border-radius:18px;background:linear-gradient(135deg,#fff8e1,#fbe8a0 55%,#f3d36e);border:1px solid #e6cf86;color:#14285a;text-decoration:none}
.gw-home-cta b{font:800 clamp(1.1rem,2.6vw,1.6rem) 'Bricolage Grotesque',sans-serif;flex:1;min-width:220px}.gw-go{background:#14285a;color:#fbe8a0;border-radius:999px;padding:.5rem 1rem;font-weight:800}.gw-home-cta small{display:block;margin-top:.4rem;color:#5a6688}.gw-home-cta small a{color:#1f4fb8}
@media (max-width:900px){.gw-layout{display:block;padding:0}.gw-side{position:sticky;top:var(--header-h,56px);display:block;z-index:40}.gw-side-card{border-radius:0;padding:0;border-width:0 0 1px}.gw-brand,.gw-side-acct{display:none}.gw-tabs{flex-direction:row;overflow-x:auto;padding:8px;scrollbar-width:none}.gw-tabs a{white-space:nowrap;border-radius:999px;font-size:.64rem}.gw-hero,.gw-sec{border-radius:0;margin-bottom:8px;padding:1.6rem 1rem}.gw-hero-in,.gw-grand{grid-template-columns:1fr}.gw-crown{flex-direction:column;align-items:flex-start}}
.gw-ww{background:#0f766e!important;color:#fff!important}.gw-elig{font-size:.9rem;color:#14285a;font-weight:600;margin:.4rem 0 0}
.gw-loc{display:grid;gap:.5rem;margin:.4rem 0 .7rem}.gw-loc label{display:grid;gap:.25rem;font:800 .72rem Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#a07a14}
.gw-loc select{font:600 .95rem 'Hanken Grotesk',sans-serif;padding:.55rem .6rem;border-radius:10px;border:1.5px solid #e6cf86;background:#fff;color:#14285a;text-transform:none;letter-spacing:0}
.gw-blocked{margin:0;padding:.6rem .7rem;border-radius:10px;background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;font-size:.88rem}
.gw-faq{margin:.5rem 0 1rem}.gw-faq h3{font:800 1.2rem 'Bricolage Grotesque',sans-serif;color:#14285a}.gw-faq details{border:1px solid #eee5cf;border-radius:12px;padding:.6rem .8rem;margin:.4rem 0;background:#fffdf7}.gw-faq summary{font-weight:800;cursor:pointer;color:#14285a}.gw-faq p{margin:.4rem 0 0;color:#4a5578}
/* ---------- Giveaway party upgrade (navy / crimson / gold on light) ---------- */
.gw-hero{position:relative;overflow:hidden;background:radial-gradient(110% 90% at 85% 0%,#fff 0,#fff6d6 35%,transparent 60%),radial-gradient(80% 70% at 0% 100%,#dbeafe 0,transparent 60%),linear-gradient(160deg,#fde68a,#fff3c4 45%,#eef4ff);border:2px solid #fff;box-shadow:0 18px 50px rgba(30,58,138,.18)}
.gw-hero::before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 85% -10%,rgba(255,255,255,.4) 0 6deg,transparent 6deg 18deg);pointer-events:none}
.gw-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.gw-hero-in,.gw-podium{position:relative;z-index:1}
.gw-hero h1{text-shadow:0 3px 0 #fff}
.gw-hero h1 em{background:linear-gradient(90deg,#E11D48,#F59E0B,#1E3A8A);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.gw-cd{gap:.5rem}
.gw-cd div{background:linear-gradient(180deg,#E11D48,#be123c)!important;color:#fff!important;border-radius:16px!important;padding:.8rem .2rem .6rem!important;box-shadow:0 6px 0 #9f1239,0 10px 24px rgba(225,29,72,.3);border:2px solid #fff}
.gw-cd b{font:800 2.6rem/1 'Bricolage Grotesque',sans-serif!important}
.gw-cd span,.gw-cd small{font:800 .66rem 'Hanken Grotesk',sans-serif;letter-spacing:.14em;text-transform:uppercase}
.gw-live{background:linear-gradient(135deg,#fff,#fff3c4)!important;border:2px solid #F5C542!important}
.gw-live b{color:#1E3A8A;font-size:2.4rem!important}
.gw-podium{display:grid;grid-template-columns:repeat(12,1fr);gap:.8rem;align-items:end;margin-top:1.8rem}
.gw-podium .pod{position:relative;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.75));border:2px solid #fff;border-radius:22px 22px 14px 14px;padding:.8rem .6rem 1rem;box-shadow:0 0 0 4px rgba(245,197,66,.45),0 18px 40px rgba(30,58,138,.2)}
.gw-podium .p1,.gw-podium .p2,.gw-podium .p3{grid-column:span 4}.gw-podium .mini{grid-column:span 3;padding:.6rem}
.gw-podium .p1{padding-bottom:2.6rem;box-shadow:0 0 0 4px #F5C542,0 0 40px rgba(245,197,66,.75),0 18px 40px rgba(30,58,138,.25)}.gw-podium .p2,.gw-podium .p3{padding-bottom:1.8rem}
.gw-podium .art{display:flex;justify-content:center;align-items:flex-end;min-height:110px;filter:drop-shadow(0 8px 14px rgba(11,31,77,.18))}
.gw-podium .mini .art{min-height:80px}
.gw-podium .art svg{width:auto;height:110px;max-width:100%}.gw-podium .mini .art svg{height:72px}.gw-podium .p3 .art svg{height:120px}
.gw-podium .pod::before{content:"";position:absolute;left:50%;top:38%;width:80%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(245,197,66,.55),transparent 65%);z-index:-1;animation:gwGlow 2.6s ease-in-out infinite}
.gw-podium b{display:block;font:800 .84rem/1.2 'Hanken Grotesk',sans-serif;color:#0B1F4D;margin-top:.45rem}
.gw-podium i{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;background:#1E3A8A;color:#fff;font:800 .9rem/30px 'Bricolage Grotesque';font-style:normal;border:3px solid #fff}.gw-podium .p1 i{background:#E11D48}
.gw-podium .val,.gw-prize-art .val{display:inline-block;background:#F5C542;color:#0B1F4D;font:900 .82rem 'Hanken Grotesk',sans-serif;padding:.22rem .6rem;border-radius:999px;border:2px solid #0B1F4D;transform:rotate(-4deg);box-shadow:0 3px 0 #0B1F4D}
.gw-art-row{display:flex;align-items:flex-end;justify-content:center;gap:2px}
.gw-prize{position:relative}
.gw-prize-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:160px;margin:-.3rem -.3rem .6rem;padding:.8rem;border-radius:14px;background:radial-gradient(circle at 50% 60%,#fff 0,#fff6d6 55%,#fde68a)}
.gw-prize-art svg{height:130px;width:auto;max-width:100%}.gw-prize-art.sm{min-height:110px}.gw-prize-art.sm svg{height:84px}
.gw-prize-art .gw-art-row svg{height:110px}.gw-prize-art.sm .gw-art-row svg{height:72px}
.gw-prize-art .val{position:absolute;right:.6rem;top:.6rem}
@keyframes gwGlow{50%{opacity:.55;transform:translate(-50%,-50%) scale(1.12)}}
@media (max-width:900px){.gw-podium .p1{grid-column:1 / -1;order:-1}.gw-podium .p2,.gw-podium .p3,.gw-podium .mini{grid-column:span 6}.gw-cd b{font-size:2rem!important}}
@media (prefers-reduced-motion:reduce){.gw-podium .pod::before{animation:none}}
.gw-podium b{overflow-wrap:anywhere}

/* ===== Mobile-first hardening (Oct 2026) ===== */
html,body{max-width:100%;overflow-x:clip}
@supports not (overflow-x:clip){html,body{overflow-x:hidden}}
body{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,video,canvas,iframe,svg,audio{max-width:100%}
img,video{height:auto}
audio{width:100%}
pre,code{overflow-wrap:anywhere;white-space:pre-wrap}
h1,h2,h3{overflow-wrap:break-word;hyphens:manual}
h1{font-size:clamp(1.9rem,7.5vw,4.2rem)}
.pgb-ticker,.ticker,.tk,.pgb-secbar,[class*="ticker"]{max-width:100vw;overflow-x:hidden;contain:paint}
/* grid children may shrink */
.fan-app>*,.bk-wrap>*,.bk-layout>*,[class*="grid"]>*{min-width:0}
.fan-side,.bk-side{min-width:0;max-width:100%}
@media(max-width:860px){.bk-side{position:static}.bk-side nav{flex-direction:row;overflow-x:auto;scrollbar-width:none}.bk-side nav a{white-space:nowrap}}
/* tables scroll inside themselves */
@media(max-width:900px){table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}
/* iOS: 16px inputs prevent zoom; comfy tap targets */
input,select,textarea{font-size:16px!important;max-width:100%}
.btn,a.btn,input[type=submit],form button[type=submit]{min-height:44px;touch-action:manipulation}
button{touch-action:manipulation}
.tools .tool,.tools .themetog,.tools .av-toggle,.tools .burger,.tools .acct-btn,.tools .btn.small.signup{position:relative}
.tools .tool::after,.tools .burger::after,.tools .themetog::after,.tools .av-toggle::after{content:"";position:absolute;inset:-9px}
.tools .tool,.tools .themetog,.tools .av-toggle,.tools .burger,.tools .acct-btn,.tools .btn.small.signup{min-height:0}
/* dropdowns never leave the viewport */
.mega{max-width:calc(100vw - 16px)}
@media(max-width:1100px){
  .menuwrap{position:static}
  .site-header .mega{position:fixed;left:8px!important;right:8px!important;top:calc(var(--header-h,64px) + env(safe-area-inset-top) + 4px);width:auto!important;max-width:none;max-height:calc(100dvh - var(--header-h,64px) - 24px - env(safe-area-inset-bottom));overscroll-behavior:contain;z-index:2147483002}
  .site-header .mega.lang{left:auto!important;width:min(260px,calc(100vw - 16px))!important}
  .acct-menu{position:fixed!important;left:8px!important;right:8px!important;width:auto!important;max-height:calc(100dvh - 90px);overflow:auto}
}
.mobnav{height:100dvh;padding-bottom:calc(1rem + env(safe-area-inset-bottom));padding-top:env(safe-area-inset-top)}
.mobnav .mrow{min-height:44px}
/* safe areas + floating bits */
.site-header{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
footer,.site-footer{padding-bottom:calc(5rem + env(safe-area-inset-bottom))}
@media(max-width:640px){
  .wrap{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}
  .grid,.cards,.grid-2,.grid-3,.grid-4,.two,.three{grid-template-columns:1fr!important}
  .tools .btn.small.signup{padding:0 .5rem;font-size:.64rem;white-space:nowrap}
}
@media(max-width:360px){.brandbtn span small{display:none}.tools .lc{display:none}.tools #langBtn{width:24px}}
/* Pucky button + panel: safe-area aware, smaller on phones, panel fits keyboard */
.botfab{right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom))}
@media(max-width:640px){
  .botfab{width:50px;height:50px}
  .botpanel.pb{left:8px;right:8px;width:auto;bottom:calc(72px + env(safe-area-inset-bottom));max-height:calc(100dvh - 96px - env(safe-area-inset-bottom))}
}
html.menu-open .botfab{display:none}
.auth-wrap{min-height:calc(100dvh - var(--header-h));padding:clamp(1.25rem,5vw,3rem) var(--pad) calc(2rem + env(safe-area-inset-bottom))}
/* onboarding / welcome spin sheet: never clipped on short phones or behind the keyboard */
.ob-bg{place-items:start center;padding:max(12px,env(safe-area-inset-top)) 10px calc(16px + env(safe-area-inset-bottom));height:100dvh;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.ob{margin:auto 0}
.ob button,.ob .btn{min-height:44px}
.ob .ob-x{min-width:44px;min-height:44px}
html:has(.ob-bg){overflow:hidden}
@media(max-width:900px){table{min-width:0}table th,table td{white-space:normal}}
.aff-gen,.aff-form,form{max-width:100%}
form label,form input,form select{min-width:0;max-width:100%}
.aff-form{min-width:0}
@media(max-width:640px){.aff-form .row,.aff-form [class*="grid"],.aff-form{grid-template-columns:minmax(0,1fr)!important}}
/* settings / edit profile */
.set{max-width:640px}
.set-card{background:var(--panel,#fff);border:1px solid rgba(127,140,180,.28);border-radius:18px;padding:1rem 1.1rem;margin:1rem 0;display:grid;gap:.75rem}
.set-card h3{margin:0;font-family:'Bricolage Grotesque',sans-serif}
.set-card label{display:grid;gap:.3rem;font-weight:700;font-size:.9rem}
.set-card input,.set-card select,.set-card textarea{font:inherit;font-size:16px;min-height:46px;border:1px solid #c9d0e0;border-radius:12px;padding:.6rem .8rem;background:#fff;color:#14285a;width:100%}
.set-card textarea{min-height:90px;resize:vertical}
.set-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.set-soc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.set-handle{display:flex;align-items:center;border:1px solid #c9d0e0;border-radius:12px;background:#fff;overflow:hidden}.set-handle span{padding:0 .2rem 0 .8rem;color:#14285a;font-weight:800}.set-handle input{border:0;border-radius:0}
.set-av{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.set-av-btns{display:flex;gap:.5rem;flex-wrap:wrap}
.set .btn{min-height:46px}
.prof-at{opacity:.75;font-weight:700;margin-top:.15rem}.prof-bio{margin:.4rem 0 0;max-width:46ch}
@media(max-width:560px){.set-row,.set-soc{grid-template-columns:1fr}.set-card .btn{width:100%}}
/* checkout: Whop steps + waitlist */
.co-steps{display:grid;gap:.6rem;margin:.6rem 0}
.co-whop{justify-content:center;text-align:center;white-space:normal;line-height:1.25;padding:.7rem 1rem}
.co-whop.is-done{opacity:.7}
.co-ok{font-style:normal;color:#15803d;font-weight:700}
.co-later{font-style:normal;color:#b3202e;font-weight:700}
.co-notify{min-height:36px;margin-left:.3rem;padding:0 .8rem;border-radius:999px;border:1px solid #14285a;background:#fff;color:#14285a;font-weight:800;font-size:.8rem;cursor:pointer}
.co-notify:disabled{opacity:.75}

/* ===== v2: sidebar card, profiles, social, tiers, admin ===== */
.fan-side.v2{background:#fff;border:1px solid #e6e9f2;border-radius:22px;padding:.7rem;box-shadow:0 10px 30px rgba(20,40,90,.08)}
.fs-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:.2rem .7rem;align-items:center;padding:3.6rem .8rem .8rem;border-radius:18px;background:linear-gradient(180deg,#f7f9fe,#fff);color:#14285a;overflow:hidden;text-decoration:none!important;border:1px solid #edf0f7}
.fs-banner{position:absolute;inset:0 0 auto 0;height:62px;background-size:cover;background-position:center}
.fs-card .fan-av.fs-av{width:58px;height:58px;position:relative;box-shadow:0 0 0 3px #fff,0 0 0 5px #e6b73f;background:#fff}
.fs-id{position:relative;display:flex;flex-direction:column;min-width:0}.fs-id b{font-size:1.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-id small{color:#5b6585;font-weight:700}
.fs-chips{grid-column:1/-1;display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.35rem}.fs-chips i{font-style:normal;font-size:.7rem;font-weight:800;padding:.18rem .55rem;border-radius:999px;background:#14285a;color:#fff}
.fs-stats{grid-column:1/-1;display:flex;justify-content:space-between;gap:.4rem;margin-top:.5rem;font-size:.72rem;color:#5b6585}.fs-stats b{display:block;color:#14285a;font-size:.95rem}
.fs-wallet{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;border-radius:14px;background:#f4f6fb;color:#14285a;font-size:.8rem}.fs-wallet div{display:flex;flex-direction:column;min-width:0}.fs-wallet small{color:#5b6585;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fs-dot{margin-left:auto;width:9px;height:9px;border-radius:50%;background:#c9ced6}.fs-dot.on{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.2)}
.fan-side.v2 nav a{min-height:44px;color:#14285a}.fan-side.v2 nav a .ic{flex:none;color:#2a4aa0}.fan-side.v2 nav a.on .ic{color:#e6b73f}
.fan-side.v2 .fan-sec{padding:.6rem .7rem .2rem;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:#8a93ab;font-weight:800}
.tier-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:800;padding:.18rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--tc) 14%,#fff);color:color-mix(in srgb,var(--tc) 80%,#14285a);border:1px solid color-mix(in srgb,var(--tc) 40%,#fff)}
.off-badge{display:inline-flex;align-items:center;gap:.25rem;vertical-align:middle;font-size:.68rem;font-weight:800;padding:.15rem .5rem;border-radius:999px;background:#e8eefc;color:#2a4aa0;letter-spacing:0}.off-badge.team{background:#fdf3d4;color:#7a5a0c}.off-badge.mascot{background:#fde8ea;color:#b3202e}
.fan-av.team{object-fit:contain;background:#fff;padding:4px}
.prof.v2 .prof-cover{height:clamp(130px,26vw,220px);background-size:cover;background-position:center;border-radius:20px 20px 0 0}
.prof.v2 .prof-id h1{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin:.3rem 0 0}
.prof-counts{display:flex;gap:1.1rem;margin:.5rem 0;color:#5b6585;font-size:.9rem}.prof-counts b{color:#14285a;font-size:1.05rem}
.prof-links{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0}.prof-links a{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .7rem;border-radius:999px;background:#f4f6fb;color:#2a4aa0;font-weight:700;font-size:.82rem;min-height:36px}
.prof.v2 .prof-actions{display:flex;gap:.5rem;flex-wrap:wrap;padding:.4rem 1.6rem 0;margin-left:auto}
.prof-tabs{display:flex;gap:.2rem;border-bottom:1px solid #e6e9f2;margin:1.2rem 0 .8rem;padding:0 1rem}.prof-tabs button{flex:1;max-width:160px;min-height:44px;border:0;background:none;font-weight:800;color:#8a93ab;border-bottom:3px solid transparent;cursor:pointer}.prof-tabs button.on{color:#14285a;border-color:#e6b73f}
.prof-pane{padding:0 1rem}
.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem}.badge-grid div{background:#fff;border:1px solid #e6e9f2;border-radius:16px;padding:.8rem;text-align:center}.badge-grid b{display:block;color:#14285a}.badge-grid small{color:#5b6585}
.feed{display:flex;flex-direction:column;gap:.8rem}
.post{background:#fff;border:1px solid #e6e9f2;border-radius:18px;padding:.9rem 1rem;box-shadow:0 4px 14px rgba(20,40,90,.05)}
.post header{display:flex;gap:.6rem;align-items:center}.post header div{min-width:0}.post header small{display:block;color:#8a93ab}.post header b{color:#14285a}
.post p{margin:.6rem 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#1d2847}
.post-link{display:inline-flex;gap:.3rem;align-items:center;font-weight:700;font-size:.85rem}
.post footer{display:flex;gap:.3rem;margin-top:.4rem}.pa{display:inline-flex;align-items:center;gap:.3rem;min-height:40px;padding:0 .8rem;border-radius:999px;border:1px solid #e6e9f2;background:#fff;color:#14285a;font-weight:700;cursor:pointer}.pa .ic{width:16px;height:16px}.pa.like.on{background:#fde8ea;color:#b3202e;border-color:#f7c6cc}
.cm-box{margin-top:.6rem;border-top:1px dashed #e6e9f2;padding-top:.5rem}.cm{font-size:.9rem;padding:.3rem 0;overflow-wrap:anywhere}.cm small{color:#8a93ab}.cm-x{border:0;background:none;color:#b3202e;cursor:pointer;min-width:32px;min-height:32px}
.cm-f,.dm-f,.dm-new{display:flex;gap:.4rem;margin-top:.5rem}.cm-f input,.dm-f input,.dm-new input{flex:1;min-width:0}
.dm-safety{background:#f4f6fb;border-radius:12px;padding:.6rem .8rem}
.dm-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.dm-list a{display:flex;gap:.7rem;align-items:center;padding:.7rem;border-radius:14px;background:#fff;border:1px solid #e6e9f2;color:#14285a;text-decoration:none}.dm-list span{display:flex;flex-direction:column;min-width:0;flex:1}.dm-list small{color:#5b6585;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-list em{font-style:normal;color:#8a93ab;font-size:.75rem}.dm-list li.unread a{border-color:#e6b73f;background:#fffaf0}.dm-list li.unread b::after{content:" •";color:#b3202e}
.dm-thread{display:flex;flex-direction:column;gap:.4rem;max-height:55dvh;overflow-y:auto;padding:.6rem;background:#f7f9fe;border-radius:16px}
.dm{max-width:80%;align-self:flex-start;background:#fff;border:1px solid #e6e9f2;border-radius:16px 16px 16px 4px;padding:.5rem .75rem}.dm p{margin:0;overflow-wrap:anywhere}.dm small{color:#8a93ab;font-size:.7rem}.dm.me{align-self:flex-end;background:#2a4aa0;color:#fff;border-color:#2a4aa0;border-radius:16px 16px 4px 16px}.dm.me small{color:#c9d6ff}
.sq{display:flex;flex-direction:column;gap:.4rem;padding:.8rem;border:1px solid #e6e9f2;border-radius:14px;margin:.5rem 0;background:#fff}.sq small{display:block}.sq-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:.3rem}.sq-row input{flex:1;min-width:140px}
.int-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.3rem}.chk{display:flex;align-items:center;gap:.45rem;min-height:40px;font-weight:600}
.qx-survey,.qx-streaks{position:relative;background:#fff;border:1px solid #e6e9f2;border-radius:18px;padding:1rem;margin:.8rem 0}
.qx-streaks{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem}.qx-streaks div{background:#f7f9fe;border-radius:14px;padding:.7rem}.qx-streaks b{display:block;color:#14285a}.qx-streaks small{color:#5b6585}
.set-banner{height:120px;border-radius:14px;background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:flex-end;gap:.4rem;padding:.5rem;margin-bottom:.8rem}
.hs-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.4rem 0}.hs-chip{min-height:40px;padding:0 .8rem;border-radius:999px;border:1px solid #d9deea;background:#fff;color:#14285a;font-weight:700;cursor:pointer}.hs-chip small{color:#8a93ab}.hs-chip.on{background:#14285a;color:#fff}
.tiers{max-width:1180px;margin:0 auto;padding:1.5rem 1rem 3rem}
.tier-ladder{list-style:none;display:flex;gap:.4rem;padding:0;margin:1rem 0 1.4rem;overflow-x:auto;scrollbar-width:none}
.tier-ladder li{flex:1;min-width:120px;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:.8rem .5rem;border-radius:16px;background:#fff;border:2px solid color-mix(in srgb,var(--tc) 45%,#fff)}
.tl-step{position:absolute;top:.4rem;left:.6rem;font-size:.7rem;font-weight:800;color:#8a93ab}.tl-badge{font-size:1.6rem}.tier-ladder b{color:#14285a;font-size:.85rem}.tier-ladder small{color:color-mix(in srgb,var(--tc) 85%,#14285a);font-weight:800}
.tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.tier-card{position:relative;display:flex;flex-direction:column;gap:.6rem;background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 9%,#fff),#fff 45%);border:1px solid color-mix(in srgb,var(--tc) 35%,#e6e9f2);border-radius:22px;padding:1.2rem;box-shadow:0 10px 26px rgba(20,40,90,.07)}
.tier-card.feat{box-shadow:0 0 0 3px #e6b73f,0 16px 36px rgba(230,183,63,.25)}
.tier-hot{position:absolute;top:.9rem;right:.9rem;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .55rem;border-radius:999px;background:var(--tc);color:#fff}
.tier-ic{font-size:2rem}.tier-card h3{margin:.2rem 0;color:#14285a}.tier-price b{font-size:1.8rem;color:#14285a}.tier-price small{color:#5b6585}
.tier-card ul{margin:0;padding-left:1.1rem;color:#1d2847;flex:1}.tier-card li{margin:.25rem 0}.tier-card .btn{width:100%;justify-content:center;min-height:46px}
.adm-msg{min-height:1.2em;font-weight:700}.adm-msg.ok{color:#15803d}.adm-msg.bad{color:#b3202e}
.adm-roles{display:flex;flex-direction:column;gap:.35rem;margin:.6rem 0}.adm-role{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;border-radius:12px;background:#f7f9fe}.adm-role em{font-style:normal;font-size:.72rem;font-weight:800;text-transform:uppercase;color:#2a4aa0}.adm-role button{margin-left:auto}
#tPost{margin:0 1rem 1rem}#tPost textarea,#tPost input{width:100%}
@media(max-width:860px){.fan-side.v2{padding:.5rem}.fan-side.v2 nav{flex-direction:row;overflow-x:auto}.fan-side.v2 nav a .fs-l{white-space:nowrap}.fan-side.v2 .fan-sec{display:none}.fs-card{padding-top:3.2rem}.prof.v2 .prof-actions{padding:.4rem 1rem 0;margin-left:0}.prof.v2 .prof-head{padding:0 1rem}}
.fan-side.v2 nav a.on{color:#fff}
.prof.v2 .prof-head{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:.6rem 1rem;margin-top:-60px;padding:0 1.6rem}
.prof.v2 .prof-head>.fan-av{grid-column:1;grid-row:1}
.prof.v2 .prof-head>.prof-actions{grid-column:2;grid-row:1;justify-self:end;padding:0;margin:0}
.prof.v2 .prof-head>.prof-id{grid-column:1/-1;grid-row:2}
@media(max-width:860px){.fs-card{padding:.6rem;grid-template-columns:auto 1fr}.fs-card .fs-banner,.fs-card .fs-stats{display:none}.fs-card .fan-av.fs-av{width:44px;height:44px}.fs-wallet{display:none}
 .prof.v2 .prof-head{grid-template-columns:1fr;padding:0 1rem}.prof.v2 .prof-head>.prof-actions{grid-column:1;grid-row:3;justify-self:start}.prof.v2 .fan-av.xl{width:96px;height:96px}}
.set-banner .btn{background:#fff!important;color:#14285a!important;border-color:#fff!important}
.tier-sub{display:block;color:#5b6585;font-weight:700;margin-top:-.15rem}
.omk-art{width:84px;height:78px;display:block}
.omk-note{margin:0;padding:.55rem .75rem;border-radius:12px;background:#fff6e0;color:#7a5a0c;font-weight:800;font-size:.85rem}
.omk{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:center;margin:1.6rem 0;padding:1.3rem;border-radius:22px;background:linear-gradient(135deg,#fffaf0,#fff 60%,#fde8ea);border:1px solid #f3d9a0}
.omk .omk-art{width:130px;height:120px}.omk h3{margin:0 0 .4rem;color:#14285a}.omk-big{font-size:1.15rem;font-weight:800;color:#b3202e}
.og-badge.team-no{background:linear-gradient(135deg,#fbe8a0,#e6b73f);color:#14285a}.og-badge.sm{font-size:.62rem;padding:.1rem .45rem}
.bn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.5rem;margin:.2rem 0 1rem}
.bn-opt{display:flex;flex-direction:column;gap:.25rem;padding:.3rem;border-radius:14px;border:2px solid #e6e9f2;background:#fff;cursor:pointer;min-height:44px}
.bn-opt span{display:block;height:46px;border-radius:9px}.bn-opt small{font-weight:700;color:#14285a;font-size:.72rem}.bn-opt.on{border-color:#e6b73f;box-shadow:0 0 0 3px rgba(230,183,63,.3)}
@media(max-width:600px){.omk{grid-template-columns:1fr;text-align:center}.omk .omk-art{margin:0 auto}}
.team-no-t{color:#9a6a14}

/* mobile polish */
@media (max-width:640px){
  body{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
  .site-header button,.site-header a,.mobnav a,.mega a{min-height:44px}
  .btn,.btn.small{min-height:44px}
  p{line-height:1.55}
  .botfab{bottom:calc(120px + env(safe-area-inset-bottom,0px))!important}
  img,video{max-width:100%;height:auto}
}

/* ===== v3 nav drawer: left side, SVG icons, grouped accordion ===== */
.burger{display:inline-flex!important;align-items:center;justify-content:center;margin-right:.5rem;flex:none}
.hdr>.burger{width:36px;height:36px;min-width:36px;border-radius:12px;border:1px solid rgba(127,140,180,.35);background:transparent;color:inherit;padding:0;cursor:pointer}
@media(min-width:1101px){.mobnav-bg:not([hidden]){display:block!important}.mobnav:not([hidden]){display:block!important}}
.mobnav{left:0!important;right:auto!important;width:min(340px,88vw)!important;border-left:0!important;border-right:1px solid #3a5bb0;box-shadow:20px 0 60px rgba(0,0,0,.45)!important;padding:0 .75rem 1.5rem!important;animation:pgbDrawerL .22s cubic-bezier(.2,.8,.2,1)!important}
html[data-theme="light"] .mobnav{border-right-color:#e3e7f1}
@keyframes pgbDrawerL{from{transform:translateX(-100%)}to{transform:none}}
@media(prefers-reduced-motion:reduce){.mobnav{animation:none!important}}
.mobnav .mobnav-top{justify-content:flex-start;gap:.6rem;padding:.6rem 0;border-bottom:0;margin:0}
.mobnav .mobnav-top b{font-size:1.05rem}
.mobnav .mobnav-top .tool{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:transparent;border:0;color:inherit;cursor:pointer}
.mobnav .mobnav-top .tool:hover{background:rgba(127,140,180,.16)}
.mobnav .mi{width:28px;height:28px;background:none!important;color:currentColor;opacity:.85;border-radius:0}
.mega .mi{width:28px;height:28px;background:none!important;color:currentColor;opacity:.85}
.mobnav .mrow{min-height:44px;height:44px;padding:0 .6rem;gap:.7rem;font-size:.93rem;font-weight:600;border-radius:12px}
.mobnav .mrow[hidden]{display:none}
.mobnav .mrow:hover{background:rgba(127,140,180,.14)}
.mobnav .mrow[aria-current=page]{background:rgba(230,183,63,.16);color:#e6b73f;box-shadow:inset 3px 0 0 #e6b73f}
html[data-theme="light"] .mobnav .mrow[aria-current=page]{color:#8a6410;background:#fdf3d4}
.mobnav .mrow[aria-current=page] .mi{opacity:1}
.mobnav a:focus-visible,.mobnav button:focus-visible,.mobnav input:focus-visible{outline:2px solid #e6b73f;outline-offset:1px}
.dprof{margin:.2rem 0 .6rem}
.dp-card{display:flex;align-items:center;gap:.7rem;padding:.6rem;border-radius:14px;background:rgba(127,140,180,.12);color:inherit;text-decoration:none!important}
.dp-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e6b73f,#c9952a);color:#14285a;font-weight:800;flex:none}
.dp-id{display:flex;flex-direction:column;min-width:0;flex:1}.dp-id b{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-id small{opacity:.7;font-size:.75rem}
.dp-go{opacity:.7}
.dp-sub{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;margin-top:.3rem}
.dp-sub .mrow{font-size:.85rem;padding:0 .5rem}
.dsearch{display:flex;align-items:center;gap:.5rem;height:40px;padding:0 .7rem;margin:0 0 .5rem;border-radius:12px;background:rgba(127,140,180,.12);opacity:.95}
.dsearch input{flex:1;min-width:0;background:none;border:0;outline:0;color:inherit;font:inherit;font-size:.92rem;height:100%}
.dsearch:focus-within{box-shadow:0 0 0 2px #e6b73f}
.dprim{padding-bottom:.4rem;margin-bottom:.3rem;border-bottom:1px solid rgba(127,140,180,.2)}
.dg[hidden]{display:none}
.dg-h{display:flex;align-items:center;gap:.5rem;width:100%;height:44px;padding:0 .6rem;background:none;border:0;color:inherit;font:inherit;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:12px;opacity:.8}
.dg-h:hover{background:rgba(127,140,180,.12);opacity:1}
.dg-h span{flex:1;text-align:left}.dg-h small{font-size:.7rem;opacity:.6;letter-spacing:0}
.dg-h .nvi{transition:transform .2s}.dg.open .dg-h .nvi{transform:rotate(180deg)}
.dg-b[hidden]{display:none}
.dnone{opacity:.7;padding:.8rem .6rem;font-size:.9rem}
.mobnav section.dg{padding:0!important;margin:0!important;min-height:0!important;border:0;background:none}
.mobnav .dsearch input:focus-visible{outline:0}