/* Basic & Bougie (Pure Play): soft white clay, black pills, primary pops, Unbounded + Outfit. */
[data-theme=bougie] .panel { color: #111; border-radius: 4.8rem; background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(250,250,247,.82)); backdrop-filter: blur(24px) saturate(130%); -webkit-backdrop-filter: blur(24px) saturate(130%);
  box-shadow: inset 0 .2rem 0 #fff, inset 0 -.3rem 0 rgba(0,0,0,.04), 0 .2rem .4rem rgba(0,0,0,.04), 0 2.4rem 5rem rgba(40,40,30,.12), 0 6rem 9rem rgba(40,40,30,.08); }
[data-theme=bougie] .btn, [data-theme=bougie] .key, [data-theme=bougie] .f { border-radius: 6rem; padding: 0 4.6rem; font-size: 3.6rem; font-weight: 600; color: #111;
  background: linear-gradient(180deg, #fff, #f1f1ec); box-shadow: inset 0 .2rem 0 #fff, inset 0 -.4rem 0 rgba(0,0,0,.06), 0 1.4rem 2.8rem rgba(40,40,30,.14); }
[data-theme=bougie] .btn.primary, [data-theme=bougie] .key.enter, [data-theme=bougie] .theme-btn:not(.compact), [data-theme=bougie] .f.on { color: #fff; background: linear-gradient(180deg, #3a3a3a, #111 60%); box-shadow: inset 0 .2rem 0 rgba(255,255,255,.25), inset 0 -.5rem 0 rgba(0,0,0,.4), 0 1.6rem 3rem rgba(0,0,0,.25); }
[data-theme=bougie] .btn.accent { background: linear-gradient(180deg, #ffe08a, #FFC93C 60%, #f0b01a); box-shadow: inset 0 .2rem 0 rgba(255,255,255,.7), inset 0 -.5rem 0 rgba(160,100,0,.25), 0 1.6rem 3rem rgba(240,170,20,.3); }
[data-theme=bougie] .bg { background-size: 175rem auto; background-position: right -17rem top -13rem; background-color: #FAFAF7; }
[data-theme=bougie] .screen:not(.home) .bg { background-image: radial-gradient(60rem 50rem at 92% 6%, rgba(255,90,54,.10), transparent 70%), radial-gradient(50rem 40rem at 4% 96%, rgba(61,90,254,.08), transparent 70%); background-size: 100% 100%; background-position: 0 0; transform: none; }
[data-theme=bougie] .topbar { left: 7.2rem; right: 7.2rem; top: 4rem; gap: 2rem; }
[data-theme=bougie] .logo { font-family: 'Unbounded'; font-weight: 800; font-size: 5rem; letter-spacing: -.15rem; gap: 1.8rem; }
[data-theme=bougie] .logo b { font-weight: 800; }
[data-theme=bougie] .logo-mark { width: 10.2rem; height: 3rem; background:
  radial-gradient(circle at 1.5rem 1.5rem, #FF5A36 1.5rem, transparent 1.55rem),
  linear-gradient(#3D5AFE, #3D5AFE) 3.6rem 0 / 3rem 3rem no-repeat,
  radial-gradient(circle at 8.7rem 1.5rem, #FFC93C 1.5rem, transparent 1.55rem); border-radius: .4rem; }
[data-theme=bougie] .chip { border-radius: 6rem; font-size: 3.4rem; }
[data-theme=bougie] .streak-chip { border-radius: 6rem; padding: 0 4.6rem; font-size: 3.4rem; color: #111; background: linear-gradient(180deg, #ffe08a, #FFC93C 60%, #f0b01a); box-shadow: inset 0 .2rem 0 rgba(255,255,255,.7), inset 0 -.5rem 0 rgba(160,100,0,.25), 0 1.6rem 3rem rgba(240,170,20,.3); gap: 1rem; }
[data-theme=bougie] .streak-chip::before { content: '🔥'; }
[data-theme=bougie] .streak-chip b { font-weight: 600; }
[data-theme=bougie] .shade { display: none; }
[data-theme=bougie] .toast { color: #111; }

/* home layout */
[data-theme=bougie] .home .mascot, [data-theme=bougie] .home .mascot-refl, [data-theme=bougie] .home .halo, [data-theme=bougie] .home .bubble, [data-theme=bougie] .home .charge, [data-theme=bougie] .home .streak-card { display: none; }
[data-theme=bougie] .hero-text { display: block; left: 7.2rem; top: 18.5rem; width: 90rem; }
[data-theme=bougie] .kicker { font-size: 0; }
[data-theme=bougie] .kicker::before { content: "TODAY'S DAILY"; font-size: 3rem; font-weight: 600; letter-spacing: .4rem; color: #FF5A36; }
[data-theme=bougie] .hero-h1 { font-family: 'Unbounded'; font-weight: 800; font-size: 9.8rem; line-height: 1; letter-spacing: -.4rem; margin-top: 1.6rem; }
[data-theme=bougie] .h1-a, [data-theme=bougie] .p-a { display: none; }
[data-theme=bougie] .hero-p { font-size: 3.6rem; opacity: .6; margin-top: 1.6rem; }
[data-theme=bougie] .cta { left: 7.2rem; top: 55rem; width: auto; height: 14rem; padding: 0 6.4rem; font-size: 4.2rem; }
[data-theme=bougie] .cta-a { display: none; } [data-theme=bougie] .cta-c { display: inline; }
[data-theme=bougie] .cards { left: 7.2rem; right: 7.2rem; top: 70.5rem; bottom: 5.6rem; grid-template-columns: repeat(5, 1fr); grid-template-rows: 1fr; gap: 2.8rem; }
[data-theme=bougie] .card { flex-direction: column; align-items: stretch; justify-content: flex-start; padding: 2.2rem 3rem 3rem; }
[data-theme=bougie] .card .ic { width: 100%; height: 19rem; filter: drop-shadow(0 1.8rem 1.8rem rgba(40,40,30,.18)); }
[data-theme=bougie] .mode-word .ic { background-size: 23rem auto; } [data-theme=bougie] .mode-trivia .ic { background-size: auto 18rem; } [data-theme=bougie] .mode-sudoku .ic { background-size: 18rem auto; } [data-theme=bougie] .mode-nono .ic { background-size: 18.5rem auto; } [data-theme=bougie] .mode-plates .ic { background-size: 20rem auto; }
[data-theme=bougie] .card .tx { flex: 1; }
[data-theme=bougie] .card .tag { order: 3; margin: auto 0 0; height: 5.6rem; padding: 0 2.4rem; display: flex; align-items: center; border: 0; border-radius: 3rem; font-family: 'Outfit'; font-weight: 600; font-size: 2.6rem; letter-spacing: 0; text-transform: none; box-shadow: inset 0 .2rem 0 rgba(255,255,255,.35), 0 .6rem 1.2rem rgba(0,0,0,.12); }
[data-theme=bougie] .tag-new { background: #3D5AFE; color: #fff; } [data-theme=bougie] .tag-warn { background: #FF5A36; color: #fff; } [data-theme=bougie] .tag-good { background: #2BD9A0; color: #111; }
[data-theme=bougie] .mode-trivia .tag-warn { background: #FFC93C; color: #111; }
[data-theme=bougie] .tt { font-family: 'Unbounded'; font-weight: 700; font-size: 3.4rem; letter-spacing: -.1rem; margin-top: 1rem; }
[data-theme=bougie] .ts { font-size: 2.7rem; color: #111; opacity: .6; margin: .6rem 0 2rem; }

/* game titles */
[data-theme=bougie] .ttl-text { font-family: 'Unbounded'; font-weight: 800; letter-spacing: -.15rem; text-transform: none; font-size: 5rem; }
[data-theme=bougie] .ttl-sub { color: #3D5AFE; font-weight: 600; letter-spacing: .3rem; }
[data-theme=bougie] .theme-btn.compact { background: linear-gradient(180deg, #fff, #f1f1ec); color: #111; }

/* word */
[data-theme=bougie] .word-side .mascot { display: none; }
[data-theme=bougie] .word-side .bubble { left: 0; top: 6rem; width: 46rem; font-size: 3.4rem; font-weight: 500; }
[data-theme=bougie] .bubble small { font-size: 0; }
[data-theme=bougie] .bubble small::before { content: 'HOT TAKE'; font-family: 'Outfit'; font-weight: 600; font-size: 2.4rem; letter-spacing: .4rem; color: #FF5A36; }
[data-theme=bougie] .tile { font-family: 'Unbounded'; font-weight: 700; font-size: 4.6rem; border-radius: 2.2rem; background: linear-gradient(160deg, #fff, #f1f1ec); box-shadow: inset 0 .2rem 0 #fff, inset 0 -.5rem .8rem rgba(0,0,0,.05), 0 .4rem .8rem rgba(0,0,0,.08); }
[data-theme=bougie] .tile.typed { box-shadow: inset 0 0 0 .4rem #111, 0 .8rem 1.6rem rgba(0,0,0,.1); }
[data-theme=bougie] .tile.act { box-shadow: 0 0 0 .5rem #3D5AFE, 0 0 3rem rgba(61,90,254,.4), inset 0 .2rem 0 #fff; }
[data-theme=bougie] .key { padding: 0; border-radius: 3rem; font-family: 'Unbounded'; font-weight: 600; font-size: 3.8rem; }
[data-theme=bougie] .key.wide { font-family: 'Outfit'; font-size: 3.6rem; }
[data-theme=bougie] .key.ok { background: linear-gradient(180deg, #56e6b4, #2BD9A0 55%, #17a877); color: #fff; }
[data-theme=bougie] .key.near { background: linear-gradient(180deg, #ffe08a, #FFC93C 60%, #f0b01a); color: #111; }
[data-theme=bougie] .key.miss { background: #e6e6df; color: #b5b5ad; box-shadow: inset 0 .3rem .6rem rgba(0,0,0,.06); }
[data-theme=bougie] .stat-a { color: #111; opacity: .6; font-weight: 600; }
[data-theme=bougie] .stat-b { font-family: 'Unbounded'; color: #FF5A36; letter-spacing: -.2rem; }
[data-theme=bougie] .stat-b span { color: #111; opacity: .5; letter-spacing: 0; }
[data-theme=bougie] .stat-b.lime { color: #2BD9A0; }
[data-theme=bougie] .dots i { background: #ecece6; } [data-theme=bougie] .dots i.on { background: #2BD9A0; }

/* trivia */
[data-theme=bougie] .trivia .ttl { display: none; }
[data-theme=bougie] .trivia-main { left: 7.2rem; width: 106rem; top: 4rem; bottom: 6rem; gap: 2.8rem; }
[data-theme=bougie] .pips { position: absolute; left: -7.2rem; top: 0; width: 192rem; height: 12rem; justify-content: center; gap: 1.2rem; pointer-events: none; }
[data-theme=bougie] .pips i { flex: none; width: 2.6rem; height: 2.6rem; border-radius: 1.3rem; background: #e2e2dc; }
[data-theme=bougie] .pips i.ok { background: #2BD9A0; } [data-theme=bougie] .pips i.no { background: #FF5A36; } [data-theme=bougie] .pips i.cur { width: 6rem; background: #111; }
[data-theme=bougie] .pips-n { display: none; }
[data-theme=bougie] .trivia .stage > .topbar { left: 7.2rem; right: 7.2rem; }
[data-theme=bougie] .qbox { margin-top: 14rem; background: none; box-shadow: none; backdrop-filter: none; padding: 0; min-height: 0; border-radius: 0; }
[data-theme=bougie] .q-ic { display: none; }
[data-theme=bougie] .q-k .pill.cat { border: 0; padding: 0; font-family: 'Outfit'; font-weight: 600; font-size: 3rem; letter-spacing: .4rem; color: #3D5AFE; }
[data-theme=bougie] .qtext { font-family: 'Unbounded'; font-weight: 800; font-size: 6.6rem; line-height: 1.06; letter-spacing: -.25rem; margin-top: 2rem; padding: 0; }
[data-theme=bougie] .answers { gap: 2.8rem; }
[data-theme=bougie] .ans { border-radius: 4.8rem; font-size: 4.4rem; font-weight: 600; padding: 0 4rem; background: linear-gradient(180deg, #fff, #f4f4ef); box-shadow: inset 0 .2rem 0 #fff, inset 0 -.5rem 0 rgba(0,0,0,.05), 0 2rem 4rem rgba(40,40,30,.12); backdrop-filter: none; }
[data-theme=bougie] .ans .lt { width: 6.4rem; height: 6.4rem; border-radius: 50%; font-size: 0; box-shadow: inset -.6rem -.8rem 1.2rem rgba(0,0,0,.2), inset .4rem .5rem .8rem rgba(255,255,255,.5); }
[data-theme=bougie] .ans:nth-child(1) .lt { background: #FF5A36; } [data-theme=bougie] .ans:nth-child(2) .lt { background: #3D5AFE; } [data-theme=bougie] .ans:nth-child(3) .lt { background: #FFC93C; } [data-theme=bougie] .ans:nth-child(4) .lt { background: #2BD9A0; }
[data-theme=bougie] .ans.ok { color: #fff; background: linear-gradient(180deg, #56e6b4, #2BD9A0 55%, #17a877); box-shadow: inset 0 .3rem 0 rgba(255,255,255,.6), inset 0 -.8rem 1.4rem rgba(0,80,50,.25), 0 2.4rem 5rem rgba(43,217,160,.45); transform: scale(1.03); }
[data-theme=bougie] .ans.ok .lt { background: #fff !important; }
[data-theme=bougie] .ans .mark { background: #fff; color: #17a877; font-size: 5.4rem; box-shadow: 0 .8rem 1.6rem rgba(0,80,50,.25); }
[data-theme=bougie] .ans.no { color: #fff; background: linear-gradient(180deg, #ff8a6e, #FF5A36 55%, #e0401c); }
[data-theme=bougie] .ans.no .mark { color: #FF5A36; }
[data-theme=bougie] .ans.dim { opacity: .5; }
[data-theme=bougie] .reward { left: 117rem; right: 1rem; top: 16rem; bottom: 6rem; }
[data-theme=bougie] .rw-boltwrap { display: none; }
[data-theme=bougie] .rw-confetti { display: block; position: absolute; left: 0; top: 0; width: 74rem; opacity: 0; transform: scale(.4); }
[data-theme=bougie] .rw-confetti { will-change: transform, opacity; }
[data-theme=bougie] .right .rw-confetti { opacity: 1; animation: cel-burst .8s cubic-bezier(.2,1.2,.4,1) both; }
[data-theme=bougie] .rw-score { position: absolute; left: 12rem; top: 17rem; width: 48rem; height: 48rem; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0;
  background: radial-gradient(circle at 35% 28%, #fff, #f3f3ee 60%, #e6e6de); box-shadow: inset 0 -1.4rem 3rem rgba(0,0,0,.06), 0 4rem 8rem rgba(40,40,30,.18); }
[data-theme=bougie] .rw-pts { font-family: 'Unbounded'; font-weight: 800; font-size: 13rem; letter-spacing: -.5rem; color: #FF5A36; }
[data-theme=bougie] .rw-line { font-size: 3.4rem; font-weight: 600; padding: 0 4rem; text-align: center; }
[data-theme=bougie] .next { position: absolute; left: 12rem; width: 48rem; bottom: 0; height: 14rem; margin: 0; }
[data-theme=bougie] .wrong .rw-pts { color: #111; }

/* plates */
[data-theme=bougie] .f { padding: 0; font-size: 3.2rem; }
[data-theme=bougie] .plates-left .big { font-family: 'Unbounded'; font-weight: 800; color: #FF5A36; letter-spacing: -.4rem; }
[data-theme=bougie] .big-n.miles { font-family: 'Unbounded'; color: #2BD9A0; letter-spacing: -.3rem; }
[data-theme=bougie] .lab.rare { color: #FF5A36; }
[data-theme=bougie] .road { background: #ecece6; box-shadow: inset 0 .3rem .6rem rgba(0,0,0,.08); }
[data-theme=bougie] .road::after { display: none; }
[data-theme=bougie] .road i { background: linear-gradient(180deg, #7ff0c8, #2BD9A0 60%, #18b07f); }
[data-theme=bougie] .plate::before { box-shadow: 0 1.6rem 2.4rem rgba(40,40,30,.2); }
[data-theme=bougie] .plate::after { background: rgba(240,240,235,.5); }

/* sudoku + nono */
[data-theme=bougie] .side-title { font-family: 'Unbounded'; letter-spacing: -.3rem; }
[data-theme=bougie] .side-sub { color: #111; opacity: .6; }
[data-theme=bougie] .padk { font-family: 'Unbounded'; padding: 0; }
[data-theme=bougie] .sdk-board { background: linear-gradient(180deg, #f4f4ef, #e9e9e2); box-shadow: inset 0 .6rem 1.4rem rgba(0,0,0,.08), 0 3rem 6rem rgba(40,40,30,.12); }
[data-theme=bougie] .sc { font-family: 'Unbounded'; color: #3D5AFE; border-radius: 2rem; background: linear-gradient(160deg, #fff, #f1f1ec); box-shadow: inset 0 .2rem 0 #fff, 0 .3rem .6rem rgba(0,0,0,.06); }
[data-theme=bougie] .sc.given { color: #111; background: #ecece6; box-shadow: inset 0 .3rem .6rem rgba(0,0,0,.06); }
[data-theme=bougie] .sc.peer { background: #eef1ff; }
[data-theme=bougie] .sc.same { background: #fff3cc; }
[data-theme=bougie] .sc.sel { box-shadow: 0 0 0 .5rem #3D5AFE, 0 0 3rem rgba(61,90,254,.35); background: #fff; position: relative; z-index: 1; }
[data-theme=bougie] .seg-b.on { color: #fff; background: linear-gradient(180deg, #3a3a3a, #111); box-shadow: inset 0 .2rem 0 rgba(255,255,255,.25), 0 1rem 2rem rgba(0,0,0,.25); }
[data-theme=bougie] .seg-b .sw { background: linear-gradient(145deg, #fff, #ddd); }
[data-theme=bougie] .nono-tray { --clue: #3D5AFE; background: linear-gradient(180deg, #f4f4ef, #e9e9e2); box-shadow: inset 0 .6rem 1.4rem rgba(0,0,0,.08), inset 0 -.2rem 0 #fff, 0 3rem 6rem rgba(40,40,30,.12); }
[data-theme=bougie] .nono-tray .corner { }
[data-theme=bougie] .nc { background: linear-gradient(160deg, #fff, #f1f1ec); box-shadow: inset 0 .2rem 0 #fff, inset 0 -.5rem .8rem rgba(0,0,0,.05), 0 .4rem .8rem rgba(0,0,0,.08); }
[data-theme=bougie] .nc.on { background: radial-gradient(circle at 32% 26%, #5a5a5a, #1c1c1c 45%, #060606); box-shadow: inset 0 .3rem .2rem rgba(255,255,255,.18), inset 0 -.6rem 1rem rgba(0,0,0,.5), 0 1rem 1.6rem rgba(0,0,0,.28); }
[data-theme=bougie] .nc.on::after { content: ''; position: absolute; left: 20%; top: 12%; width: 42%; height: 22%; border-radius: 50%; background: linear-gradient(180deg, rgba(255,255,255,.45), transparent); }
[data-theme=bougie] .nc.x { background: #ececE6; box-shadow: inset 0 .4rem .8rem rgba(0,0,0,.08); }
[data-theme=bougie] .rc.d, [data-theme=bougie] .cc.d { color: #b9b9b0; opacity: 1; }

/* overlays + celebrate */
[data-theme=bougie] .sheet-title { font-family: 'Unbounded'; font-weight: 800; letter-spacing: -.2rem; }
[data-theme=bougie] .cel-confetti { display: block; width: 90rem; animation: cel-burst .8s cubic-bezier(.2,1.2,.4,1) both; }
[data-theme=bougie] .cel-card { width: 54rem; height: 54rem; border-radius: 50%; justify-content: center; background: radial-gradient(circle at 35% 28%, #fff, #f3f3ee 60%, #e6e6de); box-shadow: 0 4rem 8rem rgba(40,40,30,.18); text-align: center; }
[data-theme=bougie] .cel-pts { font-family: 'Unbounded'; font-weight: 800; color: #FF5A36; font-size: 10rem; letter-spacing: -.4rem; }
[data-theme=bougie] .cel-line { font-size: 3.4rem; padding: 0 4rem; }

[data-theme=bougie] .trivia:not(.answered) .reward::before { content: ''; position: absolute; left: 14rem; top: 14rem; width: 44rem; height: 52rem; background: var(--ic-trivia) center / contain no-repeat; filter: drop-shadow(0 3rem 3rem rgba(40,40,30,.18)); }