/* Party mode in Truck Stop Diva (Open Road) and Basic & Bougie (Pure Play). Same markup, CSS only. */

/* ================= Truck Stop Diva: paper cards, rubber-stamp ink, brushed-brown ticker ================= */
[data-theme=diva] { --s0: #E8562A; --s1: #1F6B4A; --s2: #1E4E8C; --s3: #D63C78; --plate-cap: 'TRUCK STOP DIVA'; --c-ink: #fff; }
[data-theme=diva] .party.car .bg { filter: blur(3px) saturate(1.05) brightness(.9); }
[data-theme=diva] .party .shade { background: linear-gradient(180deg, rgba(40,15,5,.55), rgba(40,15,5,.25) 30%, rgba(30,12,4,.7)); }
[data-theme=diva] .party .av { background: radial-gradient(circle at 50% 35%, #fff6e4, #e9d5b5 75%); box-shadow: 0 .8rem 1.6rem rgba(30,10,0,.4); }
[data-theme=diva] .party .av::after { box-shadow: inset 0 0 0 .5rem #3B2418, inset 0 0 0 .8rem var(--c); }
[data-theme=diva] .p-ttl .ttl-text { font-family: 'Bungee'; font-weight: 400; font-size: 4.6rem; letter-spacing: .2rem; padding: 1.4rem 3.6rem .6rem; }
[data-theme=diva] .p-ttl .ttl-sub { color: #F4E9D4; letter-spacing: .4rem; text-shadow: 0 .2rem .8rem rgba(0,0,0,.7); }
[data-theme=diva] .p-chip small { font-family: 'Oswald'; font-size: 2.2rem; color: #6b4a36; }
[data-theme=diva] .p-chip .rcode { font-family: 'Bungee'; font-weight: 400; font-size: 4.8rem; letter-spacing: .4rem; color: #E8562A; text-shadow: none; }
[data-theme=diva] .p-bolt { filter: drop-shadow(0 2rem 2rem rgba(0,0,0,.55)); }
[data-theme=diva] .plab, [data-theme=diva] .wr .plab { font-family: 'Bungee'; font-weight: 400; color: #F2B33D; letter-spacing: .3rem; text-shadow: 0 .2rem .8rem rgba(0,0,0,.7); }
[data-theme=diva] .pdots i { background: #E8562A; }
/* plate: the stamped Open Road blank */
[data-theme=diva] .pplate { background: url(../assets/or-plate-blank.webp) center / 100% 100% no-repeat; box-shadow: none; filter: drop-shadow(0 1rem 1.4rem rgba(0,0,0,.5)); color: #1E3F7A; font-family: 'Oswald', sans-serif; font-weight: 700; letter-spacing: .2rem; border-radius: 0; }
[data-theme=diva] .pplate .txt { text-shadow: 0 .2rem 0 rgba(255,255,255,.7), 0 -.1rem 0 rgba(0,0,0,.35); }
[data-theme=diva] .pplate .cap { font-family: 'Bungee'; font-weight: 400; color: #E8562A; font-size: 1.8rem; letter-spacing: .3rem; top: 1.6rem; }
[data-theme=diva] .pplate i { display: none; }
[data-theme=diva] .pplate .cur { background: #E8562A; box-shadow: none; }
/* card cells: paper squares, inked stamp when hit */
[data-theme=diva] .cl { color: #3B2418; font-weight: 600; background: rgba(255,255,255,.55); box-shadow: inset 0 0 0 .2rem rgba(59,36,24,.35), inset 0 .2rem 0 #fff; border-radius: calc(var(--cw) / var(--n) * .15); }
[data-theme=diva] .cl.on { color: var(--c); font-weight: 700; background: color-mix(in srgb, var(--c) 24%, #fff6e4); box-shadow: inset 0 0 0 .2rem color-mix(in srgb, var(--c) 60%, transparent); }
[data-theme=diva] .cl.on .ink { display: block; position: absolute; inset: -8%; -webkit-mask: url(../assets/or-stamp.webp) center / contain no-repeat; mask: url(../assets/or-stamp.webp) center / contain no-repeat; background: var(--c); opacity: .92; transform: rotate(-12deg); z-index: 1; }
[data-theme=diva] .cl.on > span { background: #F4E9D4; padding: 0 .4rem; border-radius: .4rem; line-height: 1.05; font-size: .88em; }
[data-theme=diva] .cl.need { color: #E8562A; font-weight: 700; box-shadow: inset 0 0 0 .3rem #E8562A, 0 0 1.4rem rgba(232,86,42,.5); }
[data-theme=diva] .cl.free { background: #1F6B4A; box-shadow: inset 0 0 0 .3rem #f6f1e6; }
[data-theme=diva] .cl.free .fico { width: auto; height: auto; background: none; clip-path: none; filter: none; color: #fff; font-size: 1.1em; }
[data-theme=diva] .cl.free .fico::before { content: '★'; }
[data-theme=diva] .cl.new { outline-color: #3B2418; }
[data-theme=diva] .cl.land { background: #fffaf0; box-shadow: 0 0 0 .4rem #3B2418, 0 1.4rem 2.4rem rgba(40,15,5,.5); }
[data-theme=diva] .band::before, [data-theme=diva] .cl.hotc::after { box-shadow: 0 0 0 .3rem #E8562A, 0 0 1.8rem rgba(232,86,42,.6); }
[data-theme=diva] .band.winb::before { box-shadow: 0 0 0 .5rem #E8562A, 0 0 3rem rgba(232,86,42,.7); }
[data-theme=diva] .strike { background: linear-gradient(90deg, transparent, #E8562A 8%, #E8562A 92%, transparent); box-shadow: 0 .3rem 0 rgba(59,36,24,.5); height: 1rem; }
[data-theme=diva] .mc .bh b { font-family: 'Bungee'; font-weight: 400; color: #1F6B4A; }
/* leaderboard */
[data-theme=diva] .pc { padding: 3rem 2.4rem 2.6rem; }
[data-theme=diva] .pc.lead { background: url(../assets/paper-grain.png), linear-gradient(180deg, #fbf3e2, #F4E9D4 60%, #eadbbd) !important; background-blend-mode: multiply, normal !important; background-size: 32rem, auto !important;
  box-shadow: inset 0 0 0 .5rem #3B2418, inset 0 0 0 1.1rem #F4E9D4, inset 0 0 0 1.3rem rgba(59,36,24,.35), 0 0 0 .6rem #E8562A, 0 0 4rem rgba(255,120,60,.55), 0 2.4rem 4rem rgba(30,10,0,.5) !important; }
[data-theme=diva] .pc .nm { font-family: 'Bungee'; font-size: 4.2rem; letter-spacing: 0; }
[data-theme=diva] .pc .st { color: #6b4a36; font-size: 2.6rem; }
[data-theme=diva] .rk { font-family: 'Bungee'; font-weight: 400; padding: .8rem 1.4rem; border-radius: 1.2rem; color: #F4E9D4; background: #3B2418; border: 0; }
[data-theme=diva] .lead .rk { color: #fff; background: linear-gradient(180deg, #ff8a55, #E8562A 50%, #b83a14); box-shadow: 0 0 2rem rgba(255,120,60,.6); }
[data-theme=diva] .aw { padding: .8rem 2.2rem; border-radius: 1.8rem; background: rgba(59,36,24,.08); box-shadow: inset 0 0 0 .2rem rgba(59,36,24,.25); }
[data-theme=diva] .aw .n { font-family: 'Bungee'; font-weight: 400; font-size: 8.4rem; text-shadow: none; }
[data-theme=diva] .aw .t { font-family: 'Bungee'; font-weight: 400; font-size: 2.8rem; letter-spacing: 0; }
[data-theme=diva] .aw .t em { font-family: 'Oswald'; font-size: 2.6rem; color: #E8562A; text-transform: uppercase; }
[data-theme=diva] .lead .aw { background: rgba(232,86,42,.12); box-shadow: inset 0 0 0 .3rem #E8562A; }
[data-theme=diva] .tick, [data-theme=diva] .tick.panel { color: #F4E9D4; background: url(../assets/brushed.png), linear-gradient(180deg, #5a3826, #3B2418) !important; background-blend-mode: soft-light, normal !important; border-radius: 3rem;
  box-shadow: inset 0 0 0 .4rem rgba(244,233,212,.25), inset 0 .3rem 0 rgba(255,255,255,.2), 0 2rem 4rem rgba(20,8,0,.55) !important; }
[data-theme=diva] .tick .lb { font-family: 'Bungee'; font-weight: 400; color: #F2B33D; letter-spacing: .2rem; }
[data-theme=diva] .tick .w1 { font-family: 'Bungee'; font-size: 3.8rem; color: #fff; }
[data-theme=diva] .tick .w0 { color: rgba(244,233,212,.7); }
[data-theme=diva] .tick .plus { font-family: 'Bungee'; font-weight: 400; color: #fff; background: var(--c); box-shadow: inset 0 .2rem 0 rgba(255,255,255,.4); }
[data-theme=diva] .tick .div { background: linear-gradient(180deg, transparent, rgba(244,233,212,.35), transparent); }
[data-theme=diva] .hl { font-family: 'Bungee'; font-weight: 400; color: #F2B33D; letter-spacing: .2rem; }
[data-theme=diva] .hp { font-family: 'Oswald'; font-weight: 600; color: #3B2418; background: #F4E9D4; padding: .4rem 1.6rem; border-radius: 1rem; box-shadow: inset 0 0 0 .2rem rgba(59,36,24,.5); }
/* join */
[data-theme=diva] .qp h2 { font-family: 'Bungee'; font-weight: 400; color: #1F6B4A; letter-spacing: .3rem; text-shadow: none; }
[data-theme=diva] .qr { box-shadow: 0 0 0 .5rem #3B2418, 0 0 0 1rem #F2B33D, 0 2.4rem 4rem rgba(30,10,0,.5); }
[data-theme=diva] .qlg { background: #1F6B4A; }
[data-theme=diva] .url, [data-theme=diva] .cl2 { color: #6b4a36; } [data-theme=diva] .url b { color: #3B2418; }
[data-theme=diva] .cl2 { font-family: 'Bungee'; font-weight: 400; letter-spacing: .3rem; }
[data-theme=diva] .ct { font-family: 'Bungee'; font-weight: 400; color: #E8562A; background: #fffaf0; text-shadow: none; box-shadow: inset 0 0 0 .4rem #3B2418, inset 0 -.6rem 0 rgba(59,36,24,.15), 0 1rem 1.6rem rgba(30,10,0,.3); }
[data-theme=diva] .lv .l1, [data-theme=diva] .lv .l3, [data-theme=diva] .pseg .o small { color: #6b4a36; }
[data-theme=diva] .lv .l1 { font-family: 'Bungee'; font-weight: 400; letter-spacing: .2rem; }
[data-theme=diva] .lv .l2 { font-family: 'Bungee'; font-weight: 400; color: #3B2418; }
[data-theme=diva] .lv.sel { box-shadow: inset 0 0 0 .5rem #3B2418, inset 0 0 0 1.1rem #F4E9D4, 0 0 0 .6rem #E8562A, 0 0 3rem rgba(255,120,60,.5) !important; }
[data-theme=diva] .lv.sel .l1 { color: #E8562A; }
[data-theme=diva] .slot .nm { font-family: 'Bungee'; font-size: 4.6rem; color: #3B2418; }
[data-theme=diva] .slot .pno { color: #6b4a36; font-family: 'Bungee'; font-weight: 400; }
[data-theme=diva] .slot.jj { box-shadow: inset 0 0 0 .5rem #3B2418, inset 0 0 0 1.1rem #F4E9D4, 0 0 0 .6rem var(--c), 0 0 3rem color-mix(in srgb, var(--c) 50%, transparent) !important; }
[data-theme=diva] .slot.empty { border-color: rgba(244,233,212,.55); background: rgba(40,15,5,.45); }
[data-theme=diva] .slot.empty .nm, [data-theme=diva] .slot.empty .rd, [data-theme=diva] .slot.empty .pno { color: #F4E9D4; }
[data-theme=diva] .jplus { color: #F4E9D4; border-color: rgba(244,233,212,.55); }
[data-theme=diva] .pseg .o { font-family: 'Bungee'; font-weight: 400; color: #3B2418; text-transform: none; }
[data-theme=diva] .pseg .o small { font-family: 'Oswald'; }
[data-theme=diva] .pseg .o.sel { box-shadow: inset 0 0 0 .5rem #3B2418, inset 0 0 0 1.1rem #F4E9D4, 0 0 0 .6rem #1F6B4A, 0 0 3rem rgba(31,107,74,.5) !important; }
[data-theme=diva] .pcta, [data-theme=diva] .stampit { font-family: 'Bungee'; font-weight: 400; }
/* win */
[data-theme=diva] .burst { background: repeating-conic-gradient(from 0deg, rgba(242,179,61,.16) 0 6deg, transparent 6deg 15deg); }
[data-theme=diva] .wglow { background: radial-gradient(closest-side, rgba(255,140,60,.35), transparent); }
[data-theme=diva] .bingo { font-family: 'Bungee'; font-weight: 400; letter-spacing: .6rem; background: linear-gradient(180deg, #ffe08a 10%, #F2B33D 45%, #E8562A 75%, #b83a14); -webkit-background-clip: text; background-clip: text;
  filter: drop-shadow(0 .8rem 0 #3B2418) drop-shadow(0 0 3rem rgba(255,140,60,.6)); }
[data-theme=diva] .wname { font-family: 'Bungee'; font-weight: 400; color: #fff; text-shadow: 0 .6rem 0 #3B2418, 0 1rem 3rem rgba(0,0,0,.6); font-size: 8.4rem; }
[data-theme=diva] .wins { font-family: 'Bungee'; font-weight: 400; color: #F2B33D; letter-spacing: .4rem; text-shadow: 0 .3rem 0 #3B2418; }
[data-theme=diva] .wlab, [data-theme=diva] .wl .meta { color: #F4E9D4; text-shadow: 0 .2rem .8rem rgba(0,0,0,.7); } [data-theme=diva] .wl .meta b { color: #fff; }
[data-theme=diva] .wlab { font-family: 'Bungee'; font-weight: 400; letter-spacing: .3rem; }
[data-theme=diva] .wc { box-shadow: inset 0 0 0 .5rem #3B2418, inset 0 0 0 1.1rem #F4E9D4, 0 0 0 .6rem var(--c), 0 0 5rem rgba(255,120,60,.45), 0 3rem 6rem rgba(0,0,0,.6) !important; }
[data-theme=diva] .sr .pos { font-family: 'Bungee'; font-weight: 400; color: #6b4a36; } [data-theme=diva] .sr.w .pos { color: var(--c); }
[data-theme=diva] .sn .a { font-family: 'Bungee'; font-size: 3.4rem; } [data-theme=diva] .sn .b { color: #6b4a36; }
[data-theme=diva] .tg { font-family: 'Bungee'; font-weight: 400; }
[data-theme=diva] .sr.w { box-shadow: inset 0 0 0 .5rem #3B2418, inset 0 0 0 1.1rem #F4E9D4, 0 0 0 .5rem var(--c), 0 0 3rem color-mix(in srgb, var(--c) 45%, transparent) !important; }
[data-theme=diva] .sr.w .tg { color: #fff; background: var(--c); }
/* phone */
[data-theme=diva] .party.phone .bg { filter: blur(6px) brightness(.75) saturate(1.05); }
[data-theme=diva] .hd .nm, [data-theme=diva] .pick-t h2 { font-family: 'Bungee'; font-weight: 400; color: #fff; text-shadow: 0 .5rem 0 #3B2418, 0 1rem 2rem rgba(0,0,0,.5); }
[data-theme=diva] .hd .sub, [data-theme=diva] .pick-t p { color: #F4E9D4; text-shadow: 0 .2rem .6rem rgba(0,0,0,.7); }
[data-theme=diva] .hd .sub b { font-family: 'Bungee'; color: #F2B33D; }
[data-theme=diva] .rkc .a { font-family: 'Bungee'; font-weight: 400; color: #E8562A; text-shadow: none; } [data-theme=diva] .rkc .b { color: #6b4a36; }
[data-theme=diva] .pv { color: #F4E9D4; text-shadow: 0 .2rem .6rem rgba(0,0,0,.7); }
[data-theme=diva] .pv .phit { font-family: 'Bungee'; font-weight: 400; color: #fff; background: #E8562A; box-shadow: 0 .4rem 0 #3B2418; text-shadow: none; }
[data-theme=diva] .pv .bg2 { color: #F2B33D; text-shadow: 0 .3rem 0 #3B2418; font-family: 'Bungee'; font-weight: 400; }
[data-theme=diva] .pv.bad { color: #ffb4a0; }
[data-theme=diva] .kp { background: url(../assets/paper-grain.png), linear-gradient(180deg, #fbf3e2, #F4E9D4 60%, #eadbbd); background-blend-mode: multiply, normal; background-size: 32rem, auto;
  box-shadow: inset 0 0 0 .6rem #3B2418, inset 0 0 0 1.3rem #F4E9D4, inset 0 0 0 1.5rem rgba(59,36,24,.35), 0 2.4rem 4rem rgba(30,10,0,.5); }
[data-theme=diva] .kp .cap { font-family: 'Bungee'; font-weight: 400; color: #1F6B4A; letter-spacing: .4rem; }
[data-theme=diva] .kp .hole { background: radial-gradient(circle at 35% 35%, #fff, #8a7560); }
[data-theme=diva] .k { font-family: 'Bungee'; font-weight: 400; font-size: 4.8rem; color: #F4E9D4; background: linear-gradient(180deg, #6b4a36, #3B2418); box-shadow: inset 0 .2rem 0 rgba(255,255,255,.25), inset 0 -.5rem 0 rgba(0,0,0,.35), 0 .8rem 1.4rem rgba(30,10,0,.35); }
[data-theme=diva] .kr:first-child .k { background: linear-gradient(180deg, #2a8a60, #1F6B4A 55%, #155238); color: #fff; }
[data-theme=diva] .k.wd { font-family: 'Oswald'; font-weight: 700; font-size: 3rem; }
[data-theme=diva] .wait h2, [data-theme=diva] .avp b { font-family: 'Bungee'; font-weight: 400; }
[data-theme=diva] .wait p, [data-theme=diva] .pw-in h2 { color: #3B2418; }
[data-theme=diva] .wmeta, [data-theme=diva] .wothers, [data-theme=diva] .avp small, [data-theme=diva] .pw-in p { color: #6b4a36; }
[data-theme=diva] .pw-in .bingo { filter: drop-shadow(0 .6rem 0 #3B2418); }
[data-theme=diva] .pwin { background: rgba(40,15,5,.55); }
[data-theme=diva] .p-msg h2 { font-family: 'Bungee'; font-weight: 400; color: #3B2418; } [data-theme=diva] .p-msg p { color: #6b4a36; }

/* ================= Basic & Bougie: soft white cards, glossy candy cells, black ticker ================= */
[data-theme=bougie] { --s0: #FF5A36; --s1: #3D5AFE; --s2: #F0A800; --s3: #2BD9A0; --plate-cap: 'basic & bougie'; --c-ink: #fff; }
[data-theme=bougie] .party .bg { background: var(--bg-img) no-repeat right -30rem top -26rem / 150rem auto, #FAFAF7; opacity: .55; filter: blur(2px); transform: none; }
[data-theme=bougie] .party.phone .bg { background-position: right -60rem top -20rem; background-size: 200rem auto; opacity: .5; filter: blur(4px); }
[data-theme=bougie] .party .shade { background: linear-gradient(180deg, rgba(250,250,247,.2), rgba(250,250,247,.6)); }
[data-theme=bougie] .party .av { background: radial-gradient(circle at 50% 35%, #fff, #ecebe5 75%); box-shadow: 0 1rem 2rem rgba(40,40,30,.16); }
[data-theme=bougie] .party .av::after { box-shadow: inset 0 0 0 .5rem #fff, inset 0 0 0 .8rem var(--c); }
[data-theme=bougie] .p-ttl .ttl-text { font-family: 'Unbounded'; font-weight: 800; font-size: 5.4rem; letter-spacing: -.2rem; text-transform: none; }
[data-theme=bougie] .p-ttl .ttl-sub { color: #111; opacity: .55; letter-spacing: 0; font-size: 2.6rem; font-weight: 500; }
[data-theme=bougie] .p-chip small { font-family: 'Outfit'; font-size: 2.4rem; letter-spacing: 0; color: #111; opacity: .5; }
[data-theme=bougie] .p-chip .rcode { font-family: 'Unbounded'; font-weight: 800; color: #111; letter-spacing: .4rem; text-shadow: none; }
[data-theme=bougie] .p-bolt { filter: drop-shadow(0 2rem 2rem rgba(0,0,0,.3)); }
[data-theme=bougie] .plab { font-family: 'Outfit'; font-weight: 600; letter-spacing: .3rem; color: #111; opacity: .5; }
[data-theme=bougie] .pdots i { background: #FF5A36; }
[data-theme=bougie] .pplate { background: #fff; color: #111; font-family: 'Unbounded', sans-serif; font-weight: 800; letter-spacing: -.1rem; border-radius: 2.4rem;
  box-shadow: inset 0 0 0 .5rem #FF5A36, inset 0 -.6rem 0 rgba(0,0,0,.06), 0 1rem 2rem rgba(0,0,0,.2); }
[data-theme=bougie] .pplate .txt { text-shadow: none; top: .8rem; }
[data-theme=bougie] .pplate .cap { font-family: 'Unbounded'; color: #FF5A36; font-size: 1.6rem; letter-spacing: .4rem; top: 1.6rem; }
[data-theme=bougie] .pplate i { display: none; }
[data-theme=bougie] .pplate.tp { font-size: 5.6rem; } [data-theme=bougie] .pplate.wp { font-size: 7rem; } [data-theme=bougie] .pplate.pbig { font-size: 12.5rem; border-radius: 4rem; box-shadow: inset 0 0 0 .8rem #FF5A36, 0 1.6rem 3rem rgba(0,0,0,.12); }
[data-theme=bougie] .pplate .cur { background: #FF5A36; box-shadow: none; }
[data-theme=bougie] .cl { color: #444; font-weight: 600; background: #f2f2ed; box-shadow: inset 0 -.3rem 0 rgba(0,0,0,.05); border-radius: calc(var(--cw) / var(--n) * .28); font-family: 'Outfit'; }
[data-theme=bougie] .cl.on { color: #fff; font-weight: 700; background: radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--c) 55%, #fff), var(--c) 60%, color-mix(in srgb, var(--c) 80%, #000));
  box-shadow: inset 0 .2rem 0 rgba(255,255,255,.5), inset 0 -.5rem .8rem rgba(0,0,0,.15), 0 .8rem 1.4rem color-mix(in srgb, var(--c) 35%, transparent); }
[data-theme=bougie] .cl.need { background: #fff; color: var(--c); font-weight: 700; box-shadow: inset 0 0 0 .3rem var(--c); }
[data-theme=bougie] .cl.free { background: #fff; box-shadow: inset 0 0 0 .2rem #e6e6df; }
[data-theme=bougie] .cl.free .fico { width: 45%; height: 45%; border-radius: 50%; clip-path: none; filter: none; box-shadow: inset -.4rem -.5rem .8rem rgba(0,0,0,.18), inset .3rem .4rem .6rem rgba(255,255,255,.5); }
[data-theme=bougie] .cl.new { outline-color: #111; }
[data-theme=bougie] .cl.land { box-shadow: 0 0 0 .5rem #fff, 0 0 0 .8rem #111, 0 1.8rem 2.6rem rgba(40,40,30,.3); }
[data-theme=bougie] .band::before, [data-theme=bougie] .cl.hotc::after { background: color-mix(in srgb, var(--c) 14%, transparent); box-shadow: 0 0 0 .3rem var(--c); z-index: -1; }
[data-theme=bougie] .band.winb::before { box-shadow: 0 0 0 .5rem var(--c), 0 1.6rem 3rem color-mix(in srgb, var(--c) 35%, transparent); }
[data-theme=bougie] .strike { background: #111; box-shadow: 0 0 0 .3rem #fff; height: .8rem; }
[data-theme=bougie] .mc .bh b { font-family: 'Unbounded'; font-weight: 800; color: #111; opacity: .3; }
[data-theme=bougie] .pc.lead { background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(250,250,247,.9)) !important; box-shadow: inset 0 .2rem 0 #fff, 0 0 0 .5rem #FF5A36, 0 2.4rem 5rem rgba(255,90,54,.25), 0 6rem 9rem rgba(40,40,30,.1) !important; }
[data-theme=bougie] .pc .nm { font-family: 'Unbounded'; font-weight: 700; font-size: 3.8rem; letter-spacing: -.1rem; }
[data-theme=bougie] .pc .st { color: #111; opacity: .55; font-size: 2.5rem; }
[data-theme=bougie] .rk { font-family: 'Unbounded'; font-weight: 700; font-size: 2.4rem; letter-spacing: 0; padding: 1rem 1.8rem; border-radius: 3rem; background: #f0f0ea; color: #555; border: 0; text-transform: lowercase; }
[data-theme=bougie] .lead .rk { background: #111; color: #fff; box-shadow: none; }
[data-theme=bougie] .aw { padding: 1rem 2.4rem; border-radius: 3rem; background: #f3f3ee; box-shadow: none; }
[data-theme=bougie] .aw .n { font-family: 'Unbounded'; font-weight: 800; font-size: 8rem; text-shadow: none; }
[data-theme=bougie] .aw .t { font-family: 'Outfit'; font-weight: 600; font-size: 3rem; letter-spacing: 0; text-transform: lowercase; }
[data-theme=bougie] .aw .t em { font-size: 2.4rem; color: #FF5A36; }
[data-theme=bougie] .lead .aw { background: #fff1ed; box-shadow: none; }
[data-theme=bougie] .tick, [data-theme=bougie] .tick.panel { background: #111 !important; color: #fff; border-radius: 4.4rem; box-shadow: inset 0 .2rem 0 rgba(255,255,255,.15), 0 2.4rem 5rem rgba(0,0,0,.25) !important; }
[data-theme=bougie] .tick .lb { font-family: 'Outfit'; font-weight: 600; color: #fff; opacity: .5; letter-spacing: .2rem; text-transform: none; }
[data-theme=bougie] .tick .w1 { font-family: 'Unbounded'; font-weight: 700; font-size: 3.4rem; letter-spacing: -.1rem; }
[data-theme=bougie] .tick .w0 { color: rgba(255,255,255,.6); }
[data-theme=bougie] .tick .plus { font-family: 'Unbounded'; font-weight: 800; font-size: 2.6rem; border-radius: 3rem; color: #fff; background: var(--c); box-shadow: none; }
[data-theme=bougie] .tick .div { background: rgba(255,255,255,.18); }
[data-theme=bougie] .hl { font-family: 'Outfit'; font-weight: 600; color: #fff; opacity: .5; letter-spacing: 0; }
[data-theme=bougie] .hp { font-family: 'Unbounded'; font-weight: 700; font-size: 3.2rem; letter-spacing: 0; color: #fff; padding: .8rem 1.8rem; border-radius: 2rem; background: rgba(255,255,255,.1); box-shadow: none; }
[data-theme=bougie] .qp h2 { font-family: 'Unbounded'; font-weight: 800; color: #111; letter-spacing: .2rem; text-shadow: none; }
[data-theme=bougie] .qr { box-shadow: 0 0 0 .5rem #111, 0 2.4rem 5rem rgba(40,40,30,.18); }
[data-theme=bougie] .qlg { background: #111; }
[data-theme=bougie] .url, [data-theme=bougie] .cl2 { color: #6d6d68; } [data-theme=bougie] .url b { color: #111; }
[data-theme=bougie] .cl2 { font-family: 'Outfit'; font-weight: 600; letter-spacing: .3rem; }
[data-theme=bougie] .ct { font-family: 'Unbounded'; font-weight: 800; color: #111; background: #fff; text-shadow: none; border-radius: 3rem; box-shadow: inset 0 -.5rem 0 rgba(0,0,0,.06), 0 0 0 .3rem #111, 0 1.4rem 2.6rem rgba(40,40,30,.14); }
[data-theme=bougie] .lv { padding: 2rem 3.2rem !important; }
[data-theme=bougie] .lv .l1 { font-family: 'Outfit'; font-weight: 600; letter-spacing: .2rem; }
[data-theme=bougie] .lv .l2 { font-family: 'Unbounded'; font-weight: 800; font-size: 4.8rem; letter-spacing: -.1rem; }
[data-theme=bougie] .lv.sel { background: #111 !important; color: #fff; box-shadow: 0 1.6rem 3rem rgba(0,0,0,.25) !important; }
[data-theme=bougie] .lv.sel .l1, [data-theme=bougie] .lv.sel .l3 { color: rgba(255,255,255,.7); }
[data-theme=bougie] .slot { padding: 0 3rem 0 2.2rem !important; }
[data-theme=bougie] .slot .nm { font-family: 'Unbounded'; font-weight: 700; font-size: 4.4rem; letter-spacing: -.1rem; }
[data-theme=bougie] .slot.jj { box-shadow: inset 0 .2rem 0 #fff, 0 0 0 .5rem var(--c), 0 2.4rem 5rem color-mix(in srgb, var(--c) 25%, transparent) !important; }
[data-theme=bougie] .slot.empty { border-color: #d9d9d2; background: rgba(255,255,255,.5); }
[data-theme=bougie] .pseg .o { text-transform: none; font-family: 'Unbounded'; font-weight: 700; font-size: 3.2rem; padding: 0 2rem !important; }
[data-theme=bougie] .pseg .o small { font-family: 'Outfit'; }
[data-theme=bougie] .pseg .o.sel { box-shadow: inset 0 .2rem 0 #fff, 0 0 0 .5rem #2BD9A0, 0 2rem 4rem rgba(43,217,160,.25) !important; }
[data-theme=bougie] .pcta, [data-theme=bougie] .stampit { font-family: 'Unbounded'; font-weight: 800; letter-spacing: -.1rem; padding: 0 3rem !important; }
[data-theme=bougie] .burst { background: repeating-conic-gradient(from 0deg, rgba(255,90,54,.07) 0 6deg, transparent 6deg 15deg); }
[data-theme=bougie] .wglow { background: radial-gradient(closest-side, rgba(255,201,60,.35), transparent); }
[data-theme=bougie] .bingo { font-family: 'Unbounded'; font-weight: 800; letter-spacing: -.6rem; background: linear-gradient(90deg, #FF5A36, #F0A800 35%, #2BD9A0 65%, #3D5AFE); -webkit-background-clip: text; background-clip: text;
  filter: drop-shadow(0 1.6rem 2.4rem rgba(40,40,30,.18)); }
[data-theme=bougie] .wname { font-family: 'Unbounded'; font-weight: 800; letter-spacing: -.3rem; font-size: 8.4rem; }
[data-theme=bougie] .wins { font-family: 'Outfit'; font-weight: 700; color: #FF5A36; letter-spacing: .4rem; text-shadow: none; }
[data-theme=bougie] .wlab { font-family: 'Outfit'; font-weight: 600; letter-spacing: .3rem; }
[data-theme=bougie] .wc { box-shadow: inset 0 .2rem 0 #fff, 0 0 0 .5rem var(--c), 0 3rem 6rem color-mix(in srgb, var(--c) 25%, transparent) !important; }
[data-theme=bougie] .sr .pos { font-family: 'Unbounded'; font-weight: 800; color: #111; opacity: .4; } [data-theme=bougie] .sr.w .pos { opacity: 1; color: var(--c); }
[data-theme=bougie] .sn .a { font-family: 'Unbounded'; font-weight: 700; font-size: 3.4rem; letter-spacing: -.1rem; }
[data-theme=bougie] .tg { font-family: 'Outfit'; font-weight: 700; font-size: 2.6rem; border-radius: 3rem; }
[data-theme=bougie] .sr.w { box-shadow: inset 0 .2rem 0 #fff, 0 0 0 .5rem var(--c), 0 2rem 4rem color-mix(in srgb, var(--c) 20%, transparent) !important; }
[data-theme=bougie] .sr.w .tg { color: #fff; background: var(--c); box-shadow: none; }
[data-theme=bougie] .hd .nm, [data-theme=bougie] .pick-t h2, [data-theme=bougie] .wait h2, [data-theme=bougie] .avp b { font-family: 'Unbounded'; font-weight: 800; letter-spacing: -.2rem; }
[data-theme=bougie] .hd .sub b { font-family: 'Unbounded'; color: #FF5A36; }
[data-theme=bougie] .rkc .a { font-family: 'Unbounded'; font-weight: 800; color: #111; text-shadow: none; }
[data-theme=bougie] .pv .phit { font-family: 'Unbounded'; font-weight: 800; color: #fff; background: #FF5A36; box-shadow: 0 1rem 2rem rgba(255,90,54,.3); }
[data-theme=bougie] .pv .bg2 { color: #17a877; text-shadow: none; font-family: 'Unbounded'; font-weight: 800; }
[data-theme=bougie] .kp { background: linear-gradient(180deg, #fff, #f7f7f3); box-shadow: inset 0 .2rem 0 #fff, 0 0 0 .5rem #111, 0 2.4rem 5rem rgba(40,40,30,.14); }
[data-theme=bougie] .kp .cap { font-family: 'Outfit'; font-weight: 600; color: #111; opacity: .45; letter-spacing: .4rem; }
[data-theme=bougie] .kp .hole { display: none; }
[data-theme=bougie] .k { font-family: 'Unbounded'; font-weight: 600; font-size: 4.2rem; color: #111; border-radius: 2.4rem; background: linear-gradient(180deg, #fff, #efefe9); box-shadow: inset 0 .2rem 0 #fff, inset 0 -.4rem 0 rgba(0,0,0,.07), 0 .8rem 1.6rem rgba(40,40,30,.12); }
[data-theme=bougie] .kr:first-child .k { background: linear-gradient(180deg, #fff3ef, #ffe2d9); color: #c43a1c; }
[data-theme=bougie] .k.wd { font-family: 'Outfit'; font-weight: 700; font-size: 3rem; }
[data-theme=bougie] .pwin { background: rgba(250,250,247,.6); }
[data-theme=bougie] .wait h2 { color: #111; }
[data-theme=diva] .pc .nm { font-size: 3rem; }
[data-theme=diva] .party.board .p-ttl .ttl-sub { margin-top: 1.4rem; }
[data-theme=bougie] .party.car .bg, [data-theme=bougie] .party.car.win .bg, [data-theme=bougie] .party.join .bg { filter: blur(2px); }
[data-theme=bougie] .strike { height: .5rem; margin-top: -.25rem; }
/* phone win card sits over the keypad: keep it solid */
[data-theme=vixen] .pw-in { background: linear-gradient(160deg, rgba(30,46,72,.98), rgba(8,12,24,.98)) !important; }
[data-theme=vixen] .pwin { background: rgba(4,7,14,.7); }
[data-theme=bougie] .pw-in { background: #fff !important; }