/* Bubble Word Jam design v7 (owner-supplied hub + collection design). Scoped to body.bwj-dz (hub and the 360 collection pages only).
   Loaded BEFORE bwj-v2.css so the verified <=390px mobile compaction there keeps winning on size properties; this file sets colour, shape and decoration. */
body.bwj-dz{
  --bg:#060a1c; --surf:#141c48; --surf2:#0b1230; --ink:#f3f6ff; --mut:#d7deff; --faint:#9aa3cf;
  --gold:#ffd23f; --gold2:#fff0b0; --gold-deep:#c98a00; --mag:#ec4899; --vio:#8b5cf6; --cyan:#6a8dff; --coral:#ef233c; --lime:#22c55e;
  --line:rgba(255,255,255,.1); --line2:rgba(255,255,255,.14);
  --navy-950:#060a1c; --navy-900:#0b1230; --navy-800:#141c48;
  background:#060a1c;color:var(--ink);
}
body.bwj-dz .c-lime{--g1:#22c55e;--g2:#15803d}
body.bwj-dz .c-coral{--g1:#ef233c;--g2:#a2001d}
body.bwj-dz .c-gold{--g1:#c98a00;--g2:#8a5e00}
body.bwj-dz .c-cyan{--g1:#2c5df0;--g2:#102a7a}
body.bwj-dz .c-mag{--g1:#ec4899;--g2:#a3195b}
body.bwj-dz .c-vio{--g1:#8b5cf6;--g2:#5b2fc9}

@keyframes dzFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-22px) scale(1.06)}}
@keyframes dzBob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(4deg)}}
@keyframes dzRing{0%,100%{box-shadow:0 0 0 0 rgba(255,210,63,.5)}50%{box-shadow:0 0 0 8px rgba(255,210,63,0)}}
@keyframes dzPulse{0%,100%{opacity:1}50%{opacity:.3}}

/* ---------- top bar (hub + collections) ---------- */
.bwj-topbar{position:sticky;top:0;z-index:50;background:rgba(6,10,28,.93);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.1)}
.bwj-topbar__in{max-width:1180px;margin:0 auto;padding:13px 28px;display:flex;align-items:center;gap:20px}
.bwj-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-d);font-weight:800;font-size:16px;letter-spacing:-.01em;color:#fff;text-decoration:none;flex:none}
.bwj-brand__mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(140deg,#ec4899,#8b5cf6 55%,#102a7a);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px -6px rgba(236,72,153,.6);flex:none}
.bwj-brand__mark::after{content:"\1F4A7";font-size:14px}
.bwj-topbar__cta{margin-left:auto;flex:none;font-family:var(--font-m);font-weight:700;font-size:12px;color:#060a1c;background:linear-gradient(120deg,#ffd23f,#fff0b0);padding:10px 17px;border-radius:999px;box-shadow:0 10px 24px -8px rgba(255,210,63,.55);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:560px){.bwj-topbar__in{padding:6px 16px;gap:10px}.bwj-brand{font-size:14px}.bwj-topbar__cta{font-size:11.5px;padding:8px 13px}}

/* ---------- hero (both) ---------- */
body.bwj-dz .rp2 .hero,body.bwj-dz .bwj .hero{background:radial-gradient(1100px 600px at 85% -15%,rgba(236,72,153,.25),transparent 60%),radial-gradient(900px 560px at -10% 100%,rgba(139,92,246,.28),transparent 60%),linear-gradient(180deg,#0b1230,#060a1c)}
body.bwj-dz .hero .aurora{display:none}
body.bwj-dz .hero .stars{opacity:.5}
body.bwj-dz .hero::before,body.bwj-dz .hero::after{content:"";position:absolute;border-radius:50%;filter:blur(90px);mix-blend-mode:screen;opacity:.45;pointer-events:none;z-index:0;animation:dzFloat 13s ease-in-out infinite}
body.bwj-dz .hero::before{width:380px;height:380px;background:#ec4899;top:-180px;right:-100px}
body.bwj-dz .hero::after{width:320px;height:320px;background:#8b5cf6;bottom:-200px;left:-100px;animation-delay:-6s}
body.bwj-dz h1.head{font-family:var(--font-d);font-weight:800;letter-spacing:-.02em;color:#fff}
body.bwj-dz h1.head .accent{font-style:italic;font-weight:700;background:linear-gradient(100deg,#ec4899,#ffd23f 55%,#8b5cf6 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.bwj-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-m);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#fff;background:linear-gradient(120deg,#ec4899,#a3195b);border-radius:999px;padding:8px 16px;box-shadow:0 10px 26px -8px rgba(236,72,153,.6);margin:6px 0 10px;position:relative;z-index:2}
.bwj-eyebrow i{width:7px;height:7px;border-radius:50%;background:#ffd23f;box-shadow:0 0 0 4px rgba(255,210,63,.3);animation:dzPulse 1.8s infinite}
body.bwj-dz .crumb{font-family:var(--font-m);font-weight:700;font-size:11.5px;color:#5c669a}
body.bwj-dz .crumb a{color:#6a8dff}
body.bwj-dz .crumb .cur{color:#ffd23f}
@media(min-width:900px){body.bwj-dz .bwj-hubhero .wrap::after{content:"\1F4A7";position:absolute;top:8px;right:40px;font-size:40px;animation:dzBob 5s ease-in-out infinite;filter:drop-shadow(0 8px 14px rgba(0,0,0,.4))}}

/* ---------- hub finder ---------- */
body.bwj-dz .bwj-hub .hsearch .slab{font-family:var(--font-m);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#d7deff}
body.bwj-dz .bwj-hub .hsearch .sbox{background:#060a1c;border-radius:17px;box-shadow:0 24px 50px -24px rgba(236,72,153,.55);animation:dzRing 3s infinite}
body.bwj-dz .bwj-hub .hsearch .sbox::before{background:linear-gradient(120deg,#ec4899,#ffd23f,#8b5cf6);padding:3px;border-radius:17px}
body.bwj-dz .bwj-hub .hsearch .ic{background:none;box-shadow:none;color:#9aa3cf}
body.bwj-dz .bwj-hub .hsearch input[type=text]{font-family:var(--font-m);font-weight:700;color:#fff}
body.bwj-dz .bwj-hub .hsearch input::placeholder{color:#9aa3cf}
body.bwj-dz .bwj-hub .hsearch .go{background:linear-gradient(120deg,#ffd23f,#fff0b0);color:#060a1c;box-shadow:0 10px 20px -8px rgba(255,210,63,.6);border-radius:12px}
body.bwj-dz .bwj-hub .lvhelp{font-family:var(--font-m);font-size:12px;color:#ffd23f;font-weight:700}
body.bwj-dz .bwj-sc .btn-s,body.bwj-dz .bwj-sc .btn-s.dark{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:11px;color:#fff;font-weight:700}
body.bwj-dz .bwj-sc .btn-s:hover{border-color:#ffd23f;color:#ffd23f;background:rgba(255,255,255,.06)}
body.bwj-dz .bwj-try__l{font-family:var(--font-m);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#d7deff;opacity:.85}
body.bwj-dz .bwj-chip{background:linear-gradient(120deg,#fff0b0,#ffd23f);color:#060a1c;border:0;font-family:var(--font-m);font-weight:700;font-size:12px;box-shadow:0 6px 16px -8px rgba(255,210,63,.5)}
body.bwj-dz .bwj-chip:hover{border:0;filter:brightness(1.05)}

/* ---------- sections (hub) ---------- */
body.bwj-dz .bwj-hub .sec{padding:46px 0!important;scroll-margin-top:64px}
body.bwj-dz .bwj-hub #example,body.bwj-dz .bwj-hub #daily,body.bwj-dz .bwj-hub #source,body.bwj-dz .bwj-hub #next{background:linear-gradient(180deg,#0b1230,#060a1c)}
body.bwj-dz .sh{font-family:var(--font-d);font-weight:800;font-size:clamp(21px,3.4vw,28px);letter-spacing:-.01em;color:#fff;margin:0;display:block}
body.bwj-dz .sh .glow{font-style:italic;font-weight:700;background:linear-gradient(100deg,#ec4899,#ffd23f 60%,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}
body.bwj-dz .bwj-hub .sh::before{margin-right:10px}
body.bwj-dz .bwj-hub #h-bwj-level-directory::before{content:"\1F4A7";content:"\1F4A7"/""}
body.bwj-dz .bwj-hub #h-example::before{content:"\1F3AF";content:"\1F3AF"/""}
body.bwj-dz .bwj-hub #h-alternate::before{content:"\1F504";content:"\1F504"/""}
body.bwj-dz .bwj-hub #h-daily::before{content:"\1F4C5";content:"\1F4C5"/""}
body.bwj-dz .bwj-hub #h-tips::before{content:"\1F4A1";content:"\1F4A1"/""}
body.bwj-dz .bwj-hub #h-source::before{content:"\1F4CB";content:"\1F4CB"/""}
body.bwj-dz .bwj-hub #h-faq::before{content:"\2753";content:"\2753"/""}
body.bwj-dz .bwj-hub #h-next::before{content:"\1F3AF";content:"\1F3AF"/""}
body.bwj-dz .prose,body.bwj-dz .rp2 .prose p{color:#d7deff;font-weight:600}
body.bwj-dz .rp2 .prose a{color:#ffd23f}

/* level directory: 18 hundred-level cards, each a <details> holding its twenty real five-level links */
body.bwj-dz .bwj-hub .rgroups{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;align-items:start}
body.bwj-dz .bwj-hub .rgroup{border-radius:13px;border:0;background:linear-gradient(120deg,var(--g1),var(--g2));box-shadow:0 14px 26px -14px var(--g1)}
body.bwj-dz .bwj-hub .rgroup[open]{grid-column:1/-1}
body.bwj-dz .bwj-hub .rgroup>summary{padding:15px 19px;min-height:56px}
body.bwj-dz .bwj-hub .rgg-t{font-size:14.5px;font-weight:800}
body.bwj-dz .bwj-hub .rgroup>summary::after{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;font-size:17px}
body.bwj-dz .bwj-hub .rgroup .rcard.rgcard{background:rgba(6,10,28,.32);border:1px solid rgba(255,255,255,.18)}
body.bwj-dz .bwj-hub .rgroup .rcard.rgcard:hover{border-color:#ffd23f;background:rgba(6,10,28,.5)}

/* example category cards + collection category cards */
body.bwj-dz .catgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
body.bwj-dz .cat{background:linear-gradient(155deg,var(--g1),var(--g2));border:0;border-radius:13px;padding:14px 16px;box-shadow:0 12px 22px -14px var(--g1)}
body.bwj-dz .cat .cat-n{font-family:var(--font-u);font-weight:800;color:#fff;text-transform:capitalize}
body.bwj-dz .cat .wd{font-family:var(--font-m);font-weight:700;color:#fff;background:rgba(255,255,255,.2);border:0;border-radius:999px}

/* buttons / link rows */
body.bwj-dz .xlinks{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
body.bwj-dz .xlinks .btn-s,body.bwj-dz .xlinks .btn-s.dark{background:linear-gradient(120deg,#ec4899,#8b5cf6);border:0;color:#fff;border-radius:12px;font-weight:800;box-shadow:0 14px 28px -14px rgba(236,72,153,.6)}
body.bwj-dz .xlinks .btn-s:nth-child(2){background:linear-gradient(120deg,#2c5df0,#8b5cf6)}
body.bwj-dz .xlinks .btn-s:nth-child(3){background:linear-gradient(120deg,#c98a00,#ffd23f);color:#060a1c}
body.bwj-dz .xlinks .btn-s:nth-child(4){background:linear-gradient(120deg,#22c55e,#15803d)}
body.bwj-dz .bwj-hub #alternate .xlinks .btn-s:first-child{background:linear-gradient(120deg,#2c5df0,#8b5cf6)}
body.bwj-dz .bwj-hub #source .xlinks .btn-s:first-child{background:linear-gradient(120deg,#2c5df0,#8b5cf6)}

/* tips + faq cards */
body.bwj-dz .steps{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));counter-reset:dzs}
body.bwj-dz .step{background:linear-gradient(160deg,#141c48,#0b1230 75%);border:1px solid rgba(255,255,255,.1);border-radius:15px;box-shadow:0 16px 30px -18px rgba(0,0,0,.7);position:relative;overflow:hidden}
body.bwj-dz .step::after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--g1),var(--g2))}
body.bwj-dz .step::before{counter-increment:dzs;content:counter(dzs);content:counter(dzs)/"";display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(120deg,var(--g1),var(--g2));font-family:var(--font-m);font-weight:800;font-size:13px;color:#fff;margin-bottom:11px}
body.bwj-dz .step p{color:#d7deff;font-weight:600}
body.bwj-dz .faqgrid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}
body.bwj-dz .faqc{background:linear-gradient(160deg,#141c48,#0b1230 75%);border:1px solid rgba(255,255,255,.1);border-radius:15px;box-shadow:0 16px 30px -18px rgba(0,0,0,.7)}
body.bwj-dz .faqc h3 .qm{background:linear-gradient(120deg,var(--g1),var(--g2));color:#fff}
body.bwj-dz .faqc p{color:#d7deff;font-weight:600;text-shadow:none}

/* ---------- collection pages ---------- */
body.bwj-dz .bwj-jump .jb{background:linear-gradient(120deg,#ec4899,#a3195b);border:0;color:#fff;border-radius:11px;box-shadow:0 8px 16px -8px #ec4899}
body.bwj-dz .bwj-jump li:nth-child(even) .jb{background:linear-gradient(120deg,#2c5df0,#102a7a);box-shadow:0 8px 16px -8px #2c5df0}
body.bwj-dz .bwj-jump .jb:hover{filter:brightness(1.1)}
body.bwj-dz .bwj-jump .bwj-jump__label{font-family:var(--font-m);font-weight:700;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#d7deff;opacity:.85}
body.bwj-dz .bwj-ac{position:relative;background:linear-gradient(165deg,#141c48,#0b1230 75%);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 22px 44px -28px rgba(0,0,0,.75);overflow:hidden}
body.bwj-dz .bwj-ac::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#ec4899,#ffd23f,#8b5cf6)}
body.bwj-dz .bwj-ac h2.ac-no{font-family:var(--font-d);font-weight:800;color:#fff;display:flex;align-items:center;gap:10px}
body.bwj-dz .bwj-ac h2.ac-no::before{content:attr(data-n);content:attr(data-n)/"";flex:none;width:34px;height:34px;border-radius:10px;background:linear-gradient(120deg,#ec4899,#8b5cf6);display:flex;align-items:center;justify-content:center;font-family:var(--font-m);font-weight:800;font-size:14px;color:#fff;box-shadow:0 8px 16px -6px rgba(236,72,153,.5)}
body.bwj-dz .vbtn{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#fff;font-family:var(--font-m);font-weight:700}
body.bwj-dz .vbtn[aria-selected=true]{background:linear-gradient(120deg,#8b5cf6,#ec4899);color:#fff;border-color:transparent;box-shadow:0 8px 18px -8px rgba(139,92,246,.6)}
body.bwj-dz .vp-meta,body.bwj-dz .vh{font-family:var(--font-m);color:#d7deff}
body.bwj-dz .ac-sup{color:#d7deff;font-weight:600}
body.bwj-dz .srcrec{color:#d7deff}
body.bwj-dz .btn-copy{background:linear-gradient(120deg,#ffd23f,#fff0b0);color:#060a1c;border:0;font-weight:800;box-shadow:0 10px 20px -8px rgba(255,210,63,.55)}
body.bwj-dz .lnb,body.bwj-dz .navbtn{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#fff;font-family:var(--font-m);font-weight:700}
body.bwj-dz .lnb:hover,body.bwj-dz .navbtn:hover{border-color:#ffd23f;color:#ffd23f}
body.bwj-dz .hstats.h4 .fact{border:0;border-radius:15px;text-align:center;background:linear-gradient(150deg,var(--g1),var(--g2));box-shadow:0 14px 26px -14px var(--g1)}
body.bwj-dz .hstats .fact:nth-child(1){--g1:#22c55e;--g2:#15803d}
body.bwj-dz .hstats .fact:nth-child(2){--g1:#2c5df0;--g2:#102a7a}
body.bwj-dz .hstats .fact:nth-child(3){--g1:#c98a00;--g2:#8a5e00}
body.bwj-dz .hstats .fact:nth-child(4){--g1:#ec4899;--g2:#a3195b}
body.bwj-dz .hstats .fact:nth-child(5){--g1:#8b5cf6;--g2:#5b2fc9}
body.bwj-dz .hstats .fact .k{font-family:var(--font-m);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.88)}

/* ---------- footer ---------- */
body.bwj-dz .foot{background:#060a1c;border-top:5px solid;border-image:linear-gradient(90deg,#ec4899,#ffd23f,#8b5cf6,#ffd23f,#ec4899) 1}

@media(prefers-reduced-motion:reduce){body.bwj-dz *,body.bwj-dz *::before,body.bwj-dz *::after{animation:none!important}}

/* sticky bar only where there is room; fragment targets clear it */
body.bwj-dz .bwj-ac{scroll-margin-top:76px}
body.bwj-dz .bwj-hub .sec{scroll-margin-top:76px}
@media(max-width:560px){.bwj-topbar{position:static}body.bwj-dz .bwj-ac,body.bwj-dz .bwj-hub .sec{scroll-margin-top:14px}}

/* Puzzle Set selector: no old purple panel, mono label */
body.bwj-dz .vsel{background:none;border:0;box-shadow:none;padding:0}
body.bwj-dz .vsel .vlab{font-family:var(--font-m);font-size:11.5px;color:#d7deff}

/* ---------- Daily Challenge page (teal variant of the same system) ---------- */
body.bwj-dz-daily .c-cyan{--g1:#0e6e82;--g2:#06b6d4}
body.bwj-dz-daily .rp2 .hero,body.bwj-dz-daily .bwj .hero{background:radial-gradient(1000px 560px at 85% -15%,rgba(6,182,212,.22),transparent 60%),radial-gradient(800px 500px at -10% 100%,rgba(236,72,153,.25),transparent 60%),linear-gradient(180deg,#0b1230,#060a1c)}
body.bwj-dz-daily .hero::before{background:#06b6d4}
body.bwj-dz-daily .hero::after{background:#ec4899}
body.bwj-dz-daily h1.head .accent{background:linear-gradient(100deg,#06b6d4,#ffd23f 55%,#ec4899 95%);-webkit-background-clip:text;background-clip:text}
body.bwj-dz-daily .bwj-toolhero .wrap::after{content:"\1F4C5";position:absolute;top:8px;right:40px;font-size:38px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.4))}
@media(max-width:899px){body.bwj-dz-daily .bwj-toolhero .wrap::after{display:none}}
body.bwj-dz-daily .scard.bwj-tool{border:3px solid transparent;border-radius:19px;background:linear-gradient(#0b1230,#0b1230) padding-box,linear-gradient(120deg,#06b6d4,#ffd23f,#ec4899) border-box;box-shadow:0 26px 54px -26px rgba(6,182,212,.5);animation:dzRing 3.2s infinite}
body.bwj-dz-daily .bwj-tool label,body.bwj-dz-daily .bwj-tool legend{font-family:var(--font-m);font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#ffd23f}
body.bwj-dz-daily .bwj-tool textarea,body.bwj-dz-daily .bwj-tool input[type=text],body.bwj-dz-daily .bwj-tool select{background:#060a1c;border:2px solid rgba(255,255,255,.1);border-radius:11px;color:#fff;font-family:var(--font-m);font-weight:600}
body.bwj-dz-daily .bwj-tool textarea:focus,body.bwj-dz-daily .bwj-tool input[type=text]:focus,body.bwj-dz-daily .bwj-tool select:focus{border-color:#06b6d4;outline:none}
body.bwj-dz-daily .bwj-tool .btn-s.dark,body.bwj-dz-daily .bwj-tool #tool-go{background:linear-gradient(120deg,#ffd23f,#fff0b0);color:#060a1c;border:0;font-weight:800;box-shadow:0 12px 24px -10px rgba(255,210,63,.55)}
body.bwj-dz-daily .bwj-tool #tool-clear{background:linear-gradient(120deg,#0e6e82,#06b6d4);color:#fff;border:0;font-weight:800;box-shadow:0 12px 24px -10px rgba(6,182,212,.5)}
body.bwj-dz-daily .bwj-tool [role=status]{font-family:var(--font-m);font-weight:700;color:#ffd23f}
body.bwj-dz-daily .bwj-tool #bwj-daily-help{font-family:var(--font-m);color:#d7deff}
body.bwj-dz-daily .hstats.h5 .fact{border:0;border-radius:15px;background:linear-gradient(150deg,var(--g1),var(--g2));box-shadow:0 14px 26px -14px var(--g1)}
body.bwj-dz-daily .hstats .fact:nth-child(1){--g1:#0e6e82;--g2:#06b6d4}
body.bwj-dz-daily .hstats .fact:nth-child(2){--g1:#ec4899;--g2:#a3195b}
body.bwj-dz-daily .hstats .fact:nth-child(3){--g1:#c98a00;--g2:#ffd23f}
body.bwj-dz-daily .hstats .fact:nth-child(4){--g1:#8b5cf6;--g2:#5b2fc9}
body.bwj-dz-daily .hstats .fact:nth-child(5){--g1:#22c55e;--g2:#15803d}
body.bwj-dz-daily #why,body.bwj-dz-daily #identify,body.bwj-dz-daily #help{background:linear-gradient(180deg,#0b1230,#060a1c)}
body.bwj-dz-daily .bwj-dgroups{background:linear-gradient(160deg,#141c48,#0b1230 75%);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:8px;box-shadow:0 20px 40px -24px rgba(0,0,0,.7)}
body.bwj-dz-daily .bwj-dgroup{border:0;background:none;border-radius:12px;margin:0}
body.bwj-dz-daily .bwj-dgroup>summary{padding:6px 14px;color:#fff;font-weight:700}
body.bwj-dz-daily .bwj-dgroup>summary:hover{background:rgba(255,255,255,.05);border-radius:12px}
body.bwj-dz-daily .cblock,body.bwj-dz-daily .bwj-dbatch{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:12px}
body.bwj-dz-daily .step{background:linear-gradient(160deg,var(--g1),var(--g2));border:0;box-shadow:0 18px 32px -18px var(--g1)}
body.bwj-dz-daily .step::before,body.bwj-dz-daily .step::after{display:none}
body.bwj-dz-daily .step p,body.bwj-dz-daily .faqc p{color:rgba(255,255,255,.92)}
body.bwj-dz-daily .faqc{background:linear-gradient(160deg,var(--g1),var(--g2));border:0;box-shadow:0 16px 30px -18px var(--g1)}
body.bwj-dz-daily .faqc h3 .qm{background:rgba(255,255,255,.22)}
body.bwj-dz-daily .xlinks .btn-s,body.bwj-dz-daily .xlinks .btn-s.dark{flex:1;min-width:200px;background:linear-gradient(120deg,#0e6e82,#06b6d4);box-shadow:0 14px 28px -14px rgba(6,182,212,.5)}
body.bwj-dz-daily .xlinks .btn-s:nth-child(2){background:linear-gradient(120deg,#ec4899,#8b5cf6)}
body.bwj-dz-daily .xlinks .btn-s:nth-child(3){background:linear-gradient(120deg,#c98a00,#ffd23f);color:#060a1c}
body.bwj-dz-daily .foot{border-image:linear-gradient(90deg,#06b6d4,#ffd23f,#ec4899,#ffd23f,#06b6d4) 1}

/* fixes after first render */
body.bwj-dz h1.head .accent,body.bwj-dz .sh .glow{display:inline-block;padding-right:.14em;margin-right:-.14em}
body.bwj-dz-daily .scard.bwj-tool{max-width:640px;margin-left:0}
body.bwj-dz-daily .sec{padding:40px 0!important}
body.bwj-dz-daily .sh{display:block}
body.bwj-dz-daily .sh::before{margin-right:10px}
body.bwj-dz-daily #h-coverage::before{content:"\1F4CA";content:"\1F4CA"/""}
body.bwj-dz-daily #h-why::before{content:"\1F914";content:"\1F914"/""}
body.bwj-dz-daily #h-browse::before{content:"\1F4E6";content:"\1F4E6"/""}
body.bwj-dz-daily #h-identify::before{content:"\1F4A1";content:"\1F4A1"/""}
body.bwj-dz-daily #h-faq::before{content:"\2753";content:"\2753"/""}
body.bwj-dz-daily #h-help::before{content:"\1F3AF";content:"\1F3AF"/""}
body.bwj-dz-daily .sh .glow{background:linear-gradient(100deg,#06b6d4,#ffd23f 55%,#ec4899);-webkit-background-clip:text;background-clip:text}
body.bwj-dz-daily .bwj-dgroup>summary,body.bwj-dz-daily .bwj-dgroup[open]>summary{background:none;border:0;box-shadow:none;border-radius:12px;min-height:52px}
body.bwj-dz-daily .bwj-dgroup>summary:hover{background:rgba(255,255,255,.05)}

/* ---------- How to Play page (gold / pink / teal variant) ---------- */
body.bwj-dz-guide .c-cyan{--g1:#0e6e82;--g2:#06b6d4}
body.bwj-dz-guide .rp2 .hero,body.bwj-dz-guide .bwj .hero{background:radial-gradient(1000px 560px at 85% -15%,rgba(255,210,63,.18),transparent 60%),radial-gradient(800px 500px at -10% 100%,rgba(6,182,212,.22),transparent 60%),linear-gradient(180deg,#0b1230,#060a1c)}
body.bwj-dz-guide .hero::before{background:#ffd23f}
body.bwj-dz-guide .hero::after{background:#06b6d4}
body.bwj-dz-guide h1.head .accent,body.bwj-dz-guide .sh .glow{background:linear-gradient(100deg,#ffd23f,#ec4899 55%,#06b6d4);-webkit-background-clip:text;background-clip:text}
body.bwj-dz-guide .sec{padding:40px 0!important}
body.bwj-dz-guide .sh{display:block}
body.bwj-dz-guide .sh::before{margin-right:10px}
body.bwj-dz-guide #h-method::before{content:"\1F9E0";content:"\1F9E0"/""}
body.bwj-dz-guide #h-level1::before,body.bwj-dz-guide #h-overlap::before,body.bwj-dz-guide #h-ready::before{content:"\1F3AF";content:"\1F3AF"/""}
body.bwj-dz-guide #h-nested::before,body.bwj-dz-guide #h-alternate::before{content:"\1F504";content:"\1F504"/""}
body.bwj-dz-guide #h-boosters::before{content:"\1F9ED";content:"\1F9ED"/""}
body.bwj-dz-guide #h-dailyvs::before{content:"\1F4C5";content:"\1F4C5"/""}
body.bwj-dz-guide #h-faq::before{content:"\2753";content:"\2753"/""}
body.bwj-dz-guide #level1,body.bwj-dz-guide #alternate,body.bwj-dz-guide #boosters,body.bwj-dz-guide #faq{background:linear-gradient(180deg,#0b1230,#060a1c)}
body.bwj-dz-guide .bwj-sc .btn-s,body.bwj-dz-guide .bwj-sc .btn-s.dark{border:0;color:#fff;font-weight:800;border-radius:12px;background:linear-gradient(120deg,#c98a00,#ffd23f);color:#060a1c;box-shadow:0 14px 26px -14px rgba(255,210,63,.55)}
body.bwj-dz-guide .bwj-sc .btn-s:nth-child(2){background:linear-gradient(120deg,#ec4899,#a3195b);color:#fff;box-shadow:0 14px 26px -14px rgba(236,72,153,.55)}
body.bwj-dz-guide .bwj-sc .btn-s:nth-child(3){background:linear-gradient(120deg,#0e6e82,#06b6d4);color:#fff;box-shadow:0 14px 26px -14px rgba(6,182,212,.55)}
body.bwj-dz-guide .step{background:linear-gradient(160deg,var(--g1),var(--g2));border:0;box-shadow:0 18px 32px -18px var(--g1)}
body.bwj-dz-guide .step::after{display:none}
body.bwj-dz-guide .step::before{background:rgba(255,255,255,.22)}
body.bwj-dz-guide .step p,body.bwj-dz-guide .faqc p{color:rgba(255,255,255,.92)}
body.bwj-dz-guide .faqc{background:linear-gradient(160deg,var(--g1),var(--g2));border:0;box-shadow:0 16px 30px -18px var(--g1)}
body.bwj-dz-guide .faqc h3 .qm{background:rgba(255,255,255,.22)}
body.bwj-dz-guide .xlinks .btn-s,body.bwj-dz-guide .xlinks .btn-s.dark{background:linear-gradient(120deg,#c98a00,#ffd23f);color:#060a1c;box-shadow:0 12px 24px -12px rgba(255,210,63,.55)}
body.bwj-dz-guide #ready .xlinks .btn-s{flex:1;min-width:200px;color:#fff;background:linear-gradient(120deg,#0e6e82,#06b6d4)}
body.bwj-dz-guide #ready .xlinks .btn-s:nth-child(2){background:linear-gradient(120deg,#ec4899,#8b5cf6)}
body.bwj-dz-guide #ready .xlinks .btn-s:nth-child(3){background:linear-gradient(120deg,#c98a00,#ffd23f);color:#060a1c}
body.bwj-dz-guide .foot{border-image:linear-gradient(90deg,#ffd23f,#ec4899,#06b6d4,#ec4899,#ffd23f) 1}

/* ---------- Word Finder page: same tool card / teal variant as Daily ---------- */
body.bwj-dz-finder .bwj-toolhero .wrap::after{content:"\1F50D"}
body.bwj-dz-finder .bwj-modes{border:0;padding:0}
body.bwj-dz-finder .bwj-mode span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;font-family:var(--font-m);font-weight:700}
body.bwj-dz-finder .bwj-mode input:checked+span{background:linear-gradient(120deg,#8b5cf6,#ec4899);border-color:transparent;color:#fff}
body.bwj-dz-finder #h-modes::before{content:"\1F9ED";content:"\1F9ED"/""}
body.bwj-dz-finder #h-exact::before{content:"\1F3AF";content:"\1F3AF"/""}
body.bwj-dz-finder #h-coverage::before{content:"\1F4CA";content:"\1F4CA"/""}
body.bwj-dz-finder #h-icons::before{content:"\1F9E9";content:"\1F9E9"/""}
body.bwj-dz-finder #h-faq::before{content:"\2753";content:"\2753"/""}
body.bwj-dz-finder #h-help::before{content:"\1F3AF";content:"\1F3AF"/""}
body.bwj-dz-finder #modes,body.bwj-dz-finder #coverage,body.bwj-dz-finder #faq{background:linear-gradient(180deg,#0b1230,#060a1c)}
body.bwj-dz-finder .bwj-icons .cblock,body.bwj-dz-finder .bwj-res{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:12px}

/* narrow-screen safety: no horizontal overflow from the bar or the card grids */
.bwj-topbar__in{min-width:0}
.bwj-brand{min-width:0;white-space:nowrap}
.bwj-topbar__cta{white-space:nowrap}
@media(max-width:420px){.bwj-brand__t{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.bwj-topbar__cta{font-size:11px;padding:8px 12px}}
body.bwj-dz .faqgrid{grid-template-columns:repeat(auto-fit,minmax(min(310px,100%),1fr))}
body.bwj-dz .steps,body.bwj-dz .catgrid{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}
body.bwj-dz .bwj-ac{scroll-margin-top:60px}
@media(max-width:560px){body.bwj-dz .bwj-ac{scroll-margin-top:14px}}

/* ---------- Word Finder: purple variant (overrides the Daily-teal base it shares) ---------- */
body.bwj-dz-finder .rp2 .hero,body.bwj-dz-finder .bwj .hero{background:radial-gradient(1000px 560px at 85% -15%,rgba(139,92,246,.25),transparent 60%),radial-gradient(800px 500px at -10% 100%,rgba(236,72,153,.22),transparent 60%),linear-gradient(180deg,#0b1230,#060a1c)}
body.bwj-dz-finder .hero::before{background:#8b5cf6}
body.bwj-dz-finder .hero::after{background:#ec4899}
body.bwj-dz-finder .bwj-toolhero .wrap::after{display:none}
body.bwj-dz-finder h1.head .accent,body.bwj-dz-finder .sh .glow{background:linear-gradient(100deg,#8b5cf6,#ffd23f 55%,#ec4899);-webkit-background-clip:text;background-clip:text}
body.bwj-dz-finder .scard.bwj-tool{background:linear-gradient(#0b1230,#0b1230) padding-box,linear-gradient(120deg,#8b5cf6,#ffd23f,#ec4899) border-box;box-shadow:0 26px 54px -26px rgba(139,92,246,.5)}
body.bwj-dz-finder .bwj-tool textarea:focus{border-color:#8b5cf6}
body.bwj-dz-finder .bwj-mode span{border-radius:11px;font-family:var(--font-u);font-weight:800;color:#d7deff}
body.bwj-dz-finder .bwj-mode input:checked+span{background:linear-gradient(120deg,#ffd23f,#fff0b0);color:#060a1c;border-color:transparent;box-shadow:0 10px 20px -10px rgba(255,210,63,.55)}
body.bwj-dz-finder .bwj-tool #tool-clear{background:linear-gradient(120deg,#5b2fc9,#8b5cf6);box-shadow:0 12px 24px -10px rgba(139,92,246,.5)}
body.bwj-dz-finder #modes,body.bwj-dz-finder #coverage,body.bwj-dz-finder #faq{background:none}
body.bwj-dz-finder #exact,body.bwj-dz-finder #icons,body.bwj-dz-finder #help{background:linear-gradient(180deg,#0b1230,#060a1c)}
body.bwj-dz-finder #h-modes::before{content:"\1F9E0";content:"\1F9E0"/""}
body.bwj-dz-finder #h-exact::before{content:"\2705";content:"\2705"/""}
body.bwj-dz-finder #h-icons::before{content:"\1F3AF";content:"\1F3AF"/""}
body.bwj-dz-finder .bwj-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:11px;align-items:start}
body.bwj-dz-finder .bwj-icons .cblock{margin:0;border:0;border-radius:12px;background:linear-gradient(120deg,#8b5cf6,#5b2fc9);box-shadow:0 12px 22px -14px rgba(139,92,246,.55)}
body.bwj-dz-finder .bwj-icons .cblock[open]{grid-column:1/-1}
body.bwj-dz-finder .bwj-icons .cblock>summary{color:#fff;font-family:var(--font-m);font-weight:700;font-size:12.5px;padding:6px 16px}
body.bwj-dz-finder .xlinks .btn-s,body.bwj-dz-finder .xlinks .btn-s.dark{background:linear-gradient(120deg,#5b2fc9,#8b5cf6);box-shadow:0 14px 28px -14px rgba(139,92,246,.5)}
body.bwj-dz-finder .xlinks .btn-s:nth-child(2){background:linear-gradient(120deg,#0e6e82,#06b6d4)}
body.bwj-dz-finder .xlinks .btn-s:nth-child(3){background:linear-gradient(120deg,#c98a00,#ffd23f);color:#060a1c}
body.bwj-dz-finder .foot{border-image:linear-gradient(90deg,#8b5cf6,#ffd23f,#ec4899,#ffd23f,#8b5cf6) 1}