/* ═════════════════════════════════════════════════════════════
   YWI Mystery Box Trail — hunter page  [mbt_trail]
   Plum · sage · gold, George fynbos. Everything is scoped to #mbt-trail.
   ═════════════════════════════════════════════════════════════ */
#mbt-trail{
  --wine:#1e0c21; --wine-2:#2a1330; --plum:#42203f; --plum-2:#5a2b55;
  --rose:#d27c96; --rose-deep:#a8405f; --blush:#f2cfd8;
  --cream:#f5ead2; --muted:#c9b6c3; --ivory:#fbf5ec; --ink:#3f2340; --ink-2:#6a4a68;
  --gold:#d8b25c; --gold-hi:#f6e3a6; --gold-lo:#8f6a24;
  --sage:#8fa68a; --sage-hi:#c4d6b6; --sage-deep:#4e6b4c;
  --foil:linear-gradient(110deg,#8f6a24 0%,#e3c374 18%,#b88a2e 32%,#fbecb8 48%,#c99b3f 62%,#8f6a24 78%,#e9cf86 100%);
  position:relative; overflow:hidden; isolation:isolate;
  font-family:'Lora',Georgia,serif; color:var(--cream); line-height:1.65; -webkit-font-smoothing:antialiased;
  background:var(--wine); padding:30px 0 70px; min-height:100vh;
}
#mbt-trail *{box-sizing:border-box}
#mbt-trail h1,#mbt-trail h2,#mbt-trail h3,#mbt-trail p,#mbt-trail ol{margin:0;padding:0}
#mbt-trail a{color:inherit}
#mbt-trail .mbt-wrap{max-width:1060px;margin:0 auto;padding:0 18px;position:relative;z-index:3}
#mbt-trail .mbt-sec{padding:56px 18px 0}

/* full-bleed inside boxed Elementor sections / themes */
#mbt-trail.mbt-full{width:100vw!important;max-width:100vw!important;left:auto!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
body:has(#mbt-trail.mbt-full){overflow-x:hidden}
.elementor-widget-container:has(> #mbt-trail.mbt-full),.elementor-widget-wrap:has(#mbt-trail.mbt-full),.e-con:has(#mbt-trail.mbt-full),.e-con-inner:has(#mbt-trail.mbt-full){padding:0!important;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}

/* ── background ── */
#mbt-trail .mbt-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(ellipse at 15% 4%,rgba(210,124,150,.22),transparent 48%),
  radial-gradient(ellipse at 90% 16%,rgba(143,166,138,.28),transparent 44%),
  radial-gradient(ellipse at 8% 48%,rgba(78,107,76,.28),transparent 44%),
  radial-gradient(ellipse at 92% 66%,rgba(216,178,92,.10),transparent 44%),
  radial-gradient(ellipse at 18% 88%,rgba(143,166,138,.22),transparent 44%),
  linear-gradient(180deg,#1e0c21 0%,#26132b 45%,#1c1a22 75%,#1e0c21 100%)}
#mbt-trail .mbt-flora,#mbt-trail .mbt-pins{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
#mbt-trail .mbt-flora svg{position:absolute;transform-origin:50% 100%;animation:mbtBreeze 6s ease-in-out infinite;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}
@keyframes mbtBreeze{0%,100%{transform:rotate(var(--r0,-3deg))}50%{transform:rotate(var(--r1,4deg))}}
#mbt-trail .mbt-bgpin{position:absolute;width:15px;height:15px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);opacity:0;
  background:linear-gradient(135deg,var(--gold-hi),var(--gold));box-shadow:0 0 14px rgba(246,227,166,.6);animation:mbtPinDrop 7s ease-in-out infinite}
#mbt-trail .mbt-bgpin.rose{background:linear-gradient(135deg,#f2cfd8,var(--rose))}
#mbt-trail .mbt-bgpin.sage{background:linear-gradient(135deg,var(--sage-hi),var(--sage))}
#mbt-trail .mbt-bgpin::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--wine)}
@keyframes mbtPinDrop{0%{opacity:0;translate:0 -40px}8%{opacity:.8;translate:0 0}12%{translate:0 -6px}16%{translate:0 0}70%{opacity:.8}80%,100%{opacity:0}}

/* ── type ── */
#mbt-trail .mbt-display{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;line-height:1.02;text-align:center}
#mbt-trail .mbt-foil{background:var(--foil);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:mbtFoil 7s ease-in-out infinite;filter:drop-shadow(0 2px 1px rgba(0,0,0,.45))}
@keyframes mbtFoil{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
#mbt-trail h1.mbt-display{font-size:clamp(46px,8.5vw,92px)}
#mbt-trail .mbt-h2{font-size:clamp(34px,5.6vw,56px);margin-bottom:14px}
#mbt-trail .mbt-eyebrow{display:block;text-align:center;font:600 12px 'Cinzel',serif;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
#mbt-trail .mbt-script{text-align:center;font:400 clamp(30px,4.6vw,44px) 'Pinyon Script',cursive;color:var(--blush)}
#mbt-trail .mbt-tag{text-align:center;font:italic 500 clamp(19px,2.4vw,24px) 'Cormorant Garamond',serif;color:var(--blush);margin-top:6px}
#mbt-trail .mbt-lead{max-width:660px;margin:0 auto;text-align:center;color:var(--muted);font-size:16.5px}
#mbt-trail .mbt-small{font-size:14px;color:var(--muted)}
#mbt-trail .mbt-center{text-align:center;margin-top:26px}

/* ── buttons ── */
#mbt-trail .mbt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;border:0;
  font:600 12.5px/1 'Cinzel',serif;letter-spacing:.16em;text-transform:uppercase;padding:16px 26px;border-radius:999px;transition:transform .25s,box-shadow .25s;background:none}
#mbt-trail .mbt-btn-gold{background:var(--foil);background-size:200% 100%;color:var(--wine)!important;box-shadow:0 10px 26px -10px rgba(216,178,92,.75);animation:mbtFoil 6s ease-in-out infinite}
#mbt-trail .mbt-btn-rose{background:linear-gradient(135deg,#e08aa3,#a8405f);color:#fff!important;box-shadow:0 10px 26px -10px rgba(210,124,150,.8)}
#mbt-trail .mbt-btn-line{border:1px solid var(--gold);color:var(--gold-hi)!important}
#mbt-trail .mbt-btn-sm{padding:12px 18px;font-size:11.5px}
#mbt-trail .mbt-btn:hover{transform:translateY(-2px)}
#mbt-trail .mbt-btn[disabled]{opacity:.55;cursor:wait;transform:none}

/* ── hero ── */
#mbt-trail .mbt-hero{text-align:center;padding-top:24px;padding-bottom:14px}
#mbt-trail .mbt-phase{display:inline-flex;align-items:center;gap:10px;margin:22px auto 0;padding:10px 18px;border-radius:999px;border:1px solid rgba(216,178,92,.45);
  background:rgba(42,19,48,.7);font:600 14px 'Lora',serif;color:var(--cream)}
#mbt-trail .mbt-dot{width:10px;height:10px;border-radius:50%;background:var(--rose);animation:mbtPulse 1.6s infinite}
#mbt-trail .mbt-phase.live .mbt-dot{background:#7fd38a}
@keyframes mbtPulse{0%{box-shadow:0 0 0 0 rgba(210,124,150,.7)}100%{box-shadow:0 0 0 14px rgba(210,124,150,0)}}
#mbt-trail .mbt-passcard{display:flex;align-items:center;gap:22px;max-width:620px;margin:26px auto 16px;padding:22px 24px;text-align:left;border-radius:26px;
  background:linear-gradient(135deg,rgba(90,43,85,.75),rgba(30,12,33,.85));border:1px solid rgba(216,178,92,.55);box-shadow:0 30px 60px -28px rgba(0,0,0,.9)}
#mbt-trail .mbt-ring{position:relative;width:118px;height:118px;flex:0 0 auto}
#mbt-trail .mbt-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
#mbt-trail .mbt-ring-bg{fill:none;stroke:rgba(216,178,92,.18);stroke-width:9}
#mbt-trail .mbt-ring-fg{fill:none;stroke:var(--gold);stroke-width:9;stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327;transition:stroke-dashoffset 1.4s cubic-bezier(.3,.9,.3,1)}
#mbt-trail .mbt-ring-txt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
#mbt-trail .mbt-ring-txt b{font:700 40px 'Cormorant Garamond',serif;color:var(--gold-hi)}
#mbt-trail .mbt-ring-txt span{font-size:12px;color:var(--muted);margin-top:2px}
#mbt-trail .mbt-ring-txt em{font-style:normal}
#mbt-trail .mbt-passname{font:italic 700 26px 'Cormorant Garamond',serif;color:var(--cream)}
#mbt-trail .mbt-entries{color:var(--muted);font-size:15px;margin:2px 0 12px}
#mbt-trail .mbt-entries b{color:var(--gold-hi)}
#mbt-trail .mbt-passbtns{display:flex;gap:10px;flex-wrap:wrap}
#mbt-trail .mbt-queen{display:inline-block;margin-left:6px;padding:3px 10px;border-radius:999px;background:var(--foil);background-size:200%;color:var(--wine);font:700 11px 'Cinzel',serif;letter-spacing:.12em}

/* ── journey scene ── */
#mbt-trail .mbt-journey{position:relative;border-radius:26px;overflow:hidden;margin-top:10px;
  box-shadow:0 0 0 1px rgba(216,178,92,.6),0 0 0 7px rgba(30,12,33,.9),0 0 0 8px rgba(143,166,138,.5),0 40px 80px -30px rgba(0,0,0,.9)}
#mbt-trail svg.mbt-scene{display:block;width:100%;height:auto}
#mbt-trail .mbt-jbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;background:linear-gradient(180deg,#2a1330,#1e0c21);border-top:1px solid rgba(216,178,92,.4)}
#mbt-trail .mbt-jdots{display:flex;gap:6px;flex-wrap:wrap}
#mbt-trail .mbt-jdots span{width:22px;height:22px;border-radius:50%;border:1px dashed rgba(216,178,92,.6);display:grid;place-items:center;font:700 8.5px 'Cinzel',serif;color:var(--muted);transition:all .3s}
#mbt-trail .mbt-jdots span.on{border:0;background:radial-gradient(circle at 35% 30%,#f2a9bb,#a8405f 60%,#5e1a2e);color:var(--gold-hi);box-shadow:0 0 12px rgba(210,124,150,.7)}
#mbt-trail .mbt-jmsg{position:absolute;left:50%;top:14px;z-index:4;transform:translate(-50%,-16px);opacity:0;transition:all .5s;pointer-events:none;
  background:rgba(30,12,33,.88);border:1px solid var(--gold);color:var(--gold-hi);padding:8px 18px;border-radius:999px;font:italic 600 18px 'Cormorant Garamond',serif;white-space:nowrap}
#mbt-trail .mbt-jmsg.show{opacity:1;transform:translate(-50%,0)}
#mbt-trail .mbt-scene .legL,#mbt-trail .mbt-scene .legR,#mbt-trail .mbt-scene .armL{transform-box:fill-box;transform-origin:50% 0}
#mbt-trail .mbt-scene.walking .legL{animation:mbtLeg .5s ease-in-out infinite alternate}
#mbt-trail .mbt-scene.walking .legR{animation:mbtLeg .5s ease-in-out infinite alternate-reverse}
#mbt-trail .mbt-scene.walking .armL{animation:mbtArm .5s ease-in-out infinite alternate}
#mbt-trail .mbt-scene.walking .bodyBob{animation:mbtBob .25s ease-in-out infinite alternate}
@keyframes mbtLeg{from{transform:rotate(-22deg)}to{transform:rotate(22deg)}}
@keyframes mbtArm{from{transform:rotate(25deg)}to{transform:rotate(-25deg)}}
@keyframes mbtBob{from{transform:translateY(0)}to{transform:translateY(-2px)}}
#mbt-trail .mbt-scene .stop{cursor:pointer}
#mbt-trail .mbt-scene .stop .ring{opacity:0;transform-box:fill-box;transform-origin:center}
#mbt-trail .mbt-scene .stop.pop .ring{animation:mbtRingA 1s ease-out}
#mbt-trail .mbt-scene .stop .seal{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.2);transition:all .5s cubic-bezier(.3,1.8,.5,1)}
#mbt-trail .mbt-scene .stop.done .seal{opacity:1;transform:scale(1)}
#mbt-trail .mbt-scene .stop .qrpop{opacity:0;transform-box:fill-box;transform-origin:50% 100%}
#mbt-trail .mbt-scene .stop.pop .qrpop{animation:mbtQr 1.6s ease-out forwards}
#mbt-trail .mbt-scene .stop:not(.done) .pinhead path{opacity:.55}
@keyframes mbtRingA{0%{opacity:.9;transform:scale(.5)}100%{opacity:0;transform:scale(2.6)}}
@keyframes mbtQr{0%{opacity:0;transform:translateY(10px) scale(.4)}20%{opacity:1;transform:translateY(-6px) scale(1.1)}70%{opacity:1;transform:translateY(-14px) scale(1)}100%{opacity:0;transform:translateY(-34px) scale(.9)}}
#mbt-trail .mbt-scene .pinhead{transform-box:fill-box;transform-origin:50% 100%;animation:mbtPinBob 2.4s ease-in-out infinite}
@keyframes mbtPinBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
#mbt-trail .mbt-scene .boxlid{transform-box:fill-box;transform-origin:10% 100%;transition:transform .8s cubic-bezier(.3,1.6,.5,1)}
#mbt-trail .mbt-scene.opened .boxlid{transform:translate(-18px,-46px) rotate(-32deg)}
#mbt-trail .mbt-scene .boxglow{opacity:0;transition:opacity .6s}
#mbt-trail .mbt-scene.opened .boxglow{opacity:1}
#mbt-trail .mbt-scene .boxwrap{transform-box:fill-box;transform-origin:50% 100%;animation:mbtWig 3s ease-in-out infinite}
#mbt-trail .mbt-scene.opened .boxwrap{animation:none}
@keyframes mbtWig{0%,80%,100%{transform:rotate(0)}84%{transform:rotate(-4deg)}88%{transform:rotate(4deg)}92%{transform:rotate(-2deg)}}
#mbt-trail .mbt-scene .cloud{animation:mbtDrift linear infinite}
@keyframes mbtDrift{from{transform:translateX(-160px)}to{transform:translateX(1160px)}}
#mbt-trail .mbt-scene .bird{animation:mbtFly 16s linear infinite}
@keyframes mbtFly{from{transform:translate(-60px,0)}to{transform:translate(1060px,-40px)}}
#mbt-trail .mbt-scene .sway{transform-box:fill-box;transform-origin:50% 100%;animation:mbtBreeze 4.6s ease-in-out infinite}
#mbt-trail .mbt-scene .butterfly{animation:mbtFlutter 9s ease-in-out infinite}
#mbt-trail .mbt-scene .butterfly .wing{transform-box:fill-box;transform-origin:100% 50%;animation:mbtFlap .25s ease-in-out infinite alternate}
@keyframes mbtFlap{to{transform:scaleX(.3)}}
@keyframes mbtFlutter{0%,100%{transform:translate(0,0)}25%{transform:translate(120px,-40px)}50%{transform:translate(220px,10px)}75%{transform:translate(100px,40px)}}

/* ── riddle cards ── */
#mbt-trail .mbt-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:28px}
#mbt-trail .mbt-card{perspective:1000px;height:250px;cursor:pointer;outline:none}
#mbt-trail .mbt-card-in{position:relative;width:100%;height:100%;transition:transform .85s cubic-bezier(.3,1.3,.5,1);transform-style:preserve-3d}
#mbt-trail .mbt-card.on .mbt-card-in{transform:rotateY(180deg)}
#mbt-trail .mbt-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:18px;padding:18px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
#mbt-trail .mbt-front{background:radial-gradient(ellipse at 20% 0%,rgba(196,214,182,.55),transparent 60%),radial-gradient(ellipse at 100% 100%,rgba(242,207,216,.6),transparent 60%),var(--ivory);color:var(--ink);border:1px solid rgba(216,178,92,.6)}
#mbt-trail .mbt-front .r{font:italic 600 17.5px/1.35 'Cormorant Garamond',serif}
#mbt-trail .mbt-front small{margin-top:10px;font:700 10px 'Cinzel',serif;letter-spacing:.2em;color:var(--ink-2)}
#mbt-trail .mbt-wax{width:44px;height:44px;flex:0 0 auto;border-radius:50% 46% 52% 48%;display:grid;place-items:center;margin-bottom:10px;
  background:radial-gradient(circle at 35% 30%,#f2a9bb,#a8405f 55%,#5e1a2e);box-shadow:inset 0 0 0 4px rgba(0,0,0,.14),0 4px 10px rgba(60,20,10,.4);color:var(--gold-hi);font:700 13px 'Cinzel',serif}
#mbt-trail .mbt-card.found .mbt-front{box-shadow:0 0 0 3px var(--gold),0 0 26px rgba(216,178,92,.45)}
#mbt-trail .mbt-card.found .mbt-front::after{content:"✓ FOUND";position:absolute;top:10px;right:12px;font:700 9.5px 'Cinzel',serif;letter-spacing:.14em;color:#fff;background:var(--sage-deep);padding:3px 8px;border-radius:99px}
#mbt-trail .mbt-back{transform:rotateY(180deg);background:linear-gradient(160deg,var(--plum-2),var(--wine-2));border:1px solid var(--gold);box-shadow:inset 0 0 0 6px var(--wine-2),inset 0 0 0 7px rgba(216,178,92,.4)}
#mbt-trail .mbt-back .em{font-size:34px;line-height:1}
#mbt-trail .mbt-back b{display:block;font:italic 700 22px/1.15 'Cormorant Garamond',serif;color:var(--gold-hi);margin:6px 0 2px}
#mbt-trail .mbt-back span{font-size:13.5px;color:var(--muted)}
#mbt-trail .mbt-back a{margin-top:10px;font:700 10.5px 'Cinzel',serif;letter-spacing:.14em;color:var(--gold-hi);text-decoration:none;border-bottom:1px solid rgba(216,178,92,.5)}
#mbt-trail .mbt-back .sp{margin-top:8px;font-size:12.5px;color:var(--sage-hi)}

/* ── leaderboard ── */
#mbt-trail .mbt-stats{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:6px 0 18px}
#mbt-trail .mbt-stat{min-width:140px;text-align:center;padding:14px 16px;border-radius:18px;border:1px solid rgba(216,178,92,.35);background:rgba(42,19,48,.6)}
#mbt-trail .mbt-stat b{display:block;font:700 34px/1 'Cormorant Garamond',serif;color:var(--gold-hi)}
#mbt-trail .mbt-stat span{font:600 10px 'Cinzel',serif;letter-spacing:.18em;color:var(--muted)}
#mbt-trail .mbt-board{list-style:none;max-width:560px;margin:0 auto;counter-reset:b}
#mbt-trail .mbt-board li{counter-increment:b;display:flex;align-items:center;gap:14px;padding:12px 16px;margin-bottom:8px;border-radius:16px;background:linear-gradient(90deg,rgba(90,43,85,.55),rgba(30,12,33,.4));border:1px solid rgba(216,178,92,.22)}
#mbt-trail .mbt-board li::before{content:counter(b);width:30px;height:30px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;font:700 13px 'Cinzel',serif;background:rgba(216,178,92,.18);color:var(--gold-hi)}
#mbt-trail .mbt-board li:nth-child(1)::before{background:var(--foil);background-size:200%;color:var(--wine)}
#mbt-trail .mbt-board li .n{flex:1;font:italic 600 19px 'Cormorant Garamond',serif}
#mbt-trail .mbt-board li .c{font-weight:600;color:var(--gold-hi)}
#mbt-trail .mbt-board .empty{justify-content:center;color:var(--muted);font-style:italic}
#mbt-trail .mbt-board .empty::before{display:none}

/* ── how / prize / rules ── */
#mbt-trail .mbt-how{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
#mbt-trail .mbt-step{padding:24px 16px 18px;border-radius:20px;text-align:center;background:var(--ivory);color:var(--ink);border:1px solid rgba(216,178,92,.55);position:relative}
#mbt-trail .mbt-step > span{position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--foil);background-size:200%;color:var(--wine);font:700 12px 'Cinzel',serif;box-shadow:0 0 0 3px var(--wine)}
#mbt-trail .mbt-step b{display:block;font:italic 700 20px 'Cormorant Garamond',serif;color:var(--plum);margin:6px 0 4px}
#mbt-trail .mbt-step p{font-size:14px;color:var(--ink-2)}
#mbt-trail .mbt-prize{display:flex;align-items:center;gap:24px;max-width:700px;margin:34px auto 0;padding:22px 26px;border-radius:24px;border:1px solid rgba(216,178,92,.5);background:linear-gradient(135deg,rgba(78,107,76,.35),rgba(42,19,48,.7))}
#mbt-trail .mbt-prize p{font:italic 600 20px 'Cormorant Garamond',serif}
#mbt-trail .mbt-gift{position:relative;width:96px;height:96px;flex:0 0 auto;cursor:pointer}
#mbt-trail .mbt-gift .b{position:absolute;bottom:0;left:12px;width:72px;height:56px;border-radius:5px;background:linear-gradient(135deg,#6a3264,#42203f);box-shadow:inset 0 0 0 1px rgba(216,178,92,.6),0 12px 20px -8px rgba(0,0,0,.6);animation:mbtWig 3s ease-in-out infinite}
#mbt-trail .mbt-gift .b::before,#mbt-trail .mbt-gift .l::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:14px;margin-left:-7px;background:var(--foil);background-size:200%}
#mbt-trail .mbt-gift .l{position:absolute;bottom:52px;left:6px;width:84px;height:20px;border-radius:5px;z-index:2;background:linear-gradient(135deg,#7a3a72,#4e244a);box-shadow:inset 0 0 0 1px rgba(216,178,92,.6);transition:transform .8s cubic-bezier(.3,1.6,.5,1);transform-origin:10% 100%}
#mbt-trail .mbt-gift.open .l{transform:translate(-14px,-34px) rotate(-30deg)}
#mbt-trail .mbt-rules{max-width:700px;margin:22px auto 0;border-top:1px solid rgba(216,178,92,.3);border-bottom:1px solid rgba(216,178,92,.3);padding:14px 4px}
#mbt-trail .mbt-rules summary{cursor:pointer;font:italic 600 21px 'Cormorant Garamond',serif;list-style:none;display:flex;justify-content:space-between}
#mbt-trail .mbt-rules summary::-webkit-details-marker{display:none}
#mbt-trail .mbt-rules summary::after{content:"✦";color:var(--gold);font-style:normal;transition:transform .3s}
#mbt-trail .mbt-rules[open] summary::after{transform:rotate(135deg)}
#mbt-trail .mbt-rules div{margin-top:10px;color:var(--muted);font-size:15px}

/* ── modal ── */
#mbt-trail .mbt-modal{position:fixed;inset:0;z-index:99990;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(14,5,16,.72);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
#mbt-trail .mbt-modal[hidden]{display:none}
#mbt-trail .mbt-modal-card{position:relative;width:100%;max-width:440px;max-height:92vh;overflow:auto;border-radius:26px;padding:30px 24px 24px;text-align:center;
  background:radial-gradient(ellipse at 20% 0%,rgba(196,214,182,.5),transparent 55%),radial-gradient(ellipse at 100% 100%,rgba(242,207,216,.6),transparent 55%),var(--ivory);color:var(--ink);
  box-shadow:0 0 0 1px var(--gold),0 0 0 6px rgba(251,245,236,.12),0 40px 80px rgba(0,0,0,.6);animation:mbtUp .45s cubic-bezier(.3,1.4,.5,1)}
@keyframes mbtUp{from{transform:translateY(30px) scale(.95);opacity:0}to{transform:none;opacity:1}}
#mbt-trail .mbt-x{position:absolute;top:10px;right:14px;border:0;background:none;font-size:30px;line-height:1;color:var(--ink-2);cursor:pointer}
#mbt-trail .mbt-modal h3{font:700 30px/1.05 'Cormorant Garamond',serif;color:var(--plum);margin:8px 0 4px}
#mbt-trail .mbt-modal .k{font:700 11px 'Cinzel',serif;letter-spacing:.22em;color:var(--rose-deep)}
#mbt-trail .mbt-modal .biz{font:italic 600 21px 'Cormorant Garamond',serif;color:var(--ink)}
#mbt-trail .mbt-modal p{color:var(--ink-2);font-size:15px;margin:8px 0}
#mbt-trail .mbt-modal .mbt-wax{width:72px;height:72px;font-size:28px;margin:0 auto 6px}
#mbt-trail .mbt-modal input{width:100%;margin:14px 0 6px;padding:14px 16px;border-radius:14px;border:1.5px solid #dccbb9;background:#fff;color:var(--ink);font:600 20px 'Lora',serif;text-align:center;letter-spacing:.06em;outline:none}
#mbt-trail .mbt-modal input:focus{border-color:var(--rose-deep);box-shadow:0 0 0 4px rgba(168,64,95,.15)}
#mbt-trail .mbt-modal .mbt-btn{width:100%;margin-top:8px}
#mbt-trail .mbt-modal .mbt-btn-line{color:var(--plum)!important;border-color:var(--gold)}
#mbt-trail .mbt-modal .err{color:var(--rose-deep);font-weight:600;font-style:italic;min-height:1.4em}
#mbt-trail .mbt-modal .win{font:700 46px/1 'Cormorant Garamond',serif;color:var(--rose-deep)}
#mbt-trail .mbt-modal .mini{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;margin:12px 0 4px}
#mbt-trail .mbt-modal .mini span{width:22px;height:22px;border-radius:50%;border:1px dashed #c8b49c;font:700 8px/20px 'Cinzel',serif;color:#a08a9c}
#mbt-trail .mbt-modal .mini span.on{border:0;line-height:22px;background:radial-gradient(circle at 35% 30%,#f2a9bb,#a8405f 60%,#5e1a2e);color:var(--gold-hi)}

/* confetti + petals (appended to <body>) */
.mbt-piece{position:fixed;z-index:999999;pointer-events:none;width:9px;height:13px;border-radius:60% 0 60% 0;will-change:transform}

/* ── responsive ── */
@media (max-width:820px){
  #mbt-trail .mbt-how{grid-template-columns:1fr 1fr;row-gap:28px}
}
@media (max-width:560px){
  #mbt-trail .mbt-sec{padding:44px 14px 0}
  #mbt-trail .mbt-wrap{padding:0 14px}
  #mbt-trail .mbt-passcard{flex-direction:column;text-align:center;gap:14px;padding:20px 16px}
  #mbt-trail .mbt-passbtns{justify-content:center}
  #mbt-trail .mbt-passbtns .mbt-btn{flex:1}
  #mbt-trail .mbt-how{grid-template-columns:1fr}
  #mbt-trail .mbt-cards{grid-template-columns:1fr 1fr;gap:10px}
  #mbt-trail .mbt-card{height:230px}
  #mbt-trail .mbt-face{padding:14px 10px}
  #mbt-trail .mbt-front .r{font-size:15px}
  #mbt-trail .mbt-prize{flex-direction:column;text-align:center}
  #mbt-trail .mbt-prize .mbt-eyebrow{text-align:center!important}
  #mbt-trail .mbt-jmsg{font-size:13.5px;white-space:normal;max-width:90%;text-align:center;top:8px;padding:6px 12px}
  #mbt-trail .mbt-jdots span{width:19px;height:19px;font-size:7.5px}
  #mbt-trail .mbt-jbar .mbt-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  #mbt-trail *,#mbt-trail *::before,#mbt-trail *::after{animation:none!important;transition:none!important}
}
#mbt-trail{--mbt-css-ok:1}