(function(){
  function init(){
    if(document.getElementById("rzWidget")) return;
    var css="@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;600;700;800&display=swap');\n\n/* ============================================================\n   RAZMANIA PACK DROP — floating email-capture + pack-opening\n   Tunable from the CONFIG object in the <script>.\n   ============================================================ */\n:root{\n  --bg:#0a0a0a; --panel:#141414; --panel2:#1b1b1b; --line:#2a2a2a;\n  --gold:#F5B301; --blue:#38BDF8; --red:#E11D2A; --ink:#f5f5f5; --mut:#9a9a9a;\n  --acc:var(--gold);\n  --disp:'Anton','Arial Narrow',Impact,sans-serif;\n  --body:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;\n}\n*{box-sizing:border-box}\n.rz-wrap{font-family:var(--body);color:var(--ink)}\n.rz-wrap button{font-family:var(--body);cursor:pointer}\n.rz-wrap :focus-visible{outline:2px solid var(--gold);outline-offset:2px}\n\n/* ---------- FLOATING WIDGET (collapsed) ---------- */\n#rzWidget{position:fixed;right:22px;bottom:22px;z-index:2147483000;width:256px;max-width:calc(100vw - 32px);\n  background:linear-gradient(160deg,#4fc8f5,#38BDF8 52%,#0e9fd4);border:2px solid var(--gold);border-radius:18px;\n  box-shadow:0 20px 55px rgba(0,0,0,.55),0 0 0 4px rgba(245,179,1,.12);overflow:hidden;transition:transform .2s ease, box-shadow .2s;\n  transform:scale(2);transform-origin:bottom right}\n#rzWidget:hover{box-shadow:0 24px 65px rgba(245,179,1,.3)}\n@media(max-width:900px){#rzWidget{transform:scale(1.4);transform-origin:bottom right}}\n@media(max-width:520px){#rzWidget{transform:scale(1);transform-origin:bottom right}}\n.rzw-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 4px}\n.rzw-head b{font-family:var(--disp);font-size:19px;letter-spacing:.5px;line-height:1;color:#08243a}\n.rzw-head b .g{color:#fff} .rzw-head b .bl{color:#08243a}\n.rzw-head .rzw-min{width:24px;height:24px;border-radius:7px;border:1px solid rgba(0,0,0,.3);background:#0b2a3a;color:#fff;font-size:15px;line-height:1}\n.rzw-sub{padding:0 12px 2px;color:#08243a;font-size:10px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase}\n\n/* trading-card style items (reel + used everywhere) */\n.rzw-reel{margin:7px 0 2px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}\n.rzw-track{display:flex;gap:7px;width:max-content;animation:rzMarq 20s linear infinite;padding:0 4px}\n#rzWidget:hover .rzw-track{animation-play-state:paused}\n@keyframes rzMarq{to{transform:translateX(-50%)}}\n/* one card = proper 2.5x3.5 ratio, kept short so the pack is the star */\n.rzw-card{flex:0 0 auto;width:52px;height:73px;border-radius:5px;overflow:hidden;position:relative;\n  background:#0c0c0c;border:1px solid #000;box-shadow:0 3px 7px rgba(0,0,0,.4),inset 0 0 0 2px var(--sc,#888)}\n.rzc-top{position:absolute;top:0;left:0;right:0;font-size:6px;font-weight:800;text-transform:uppercase;letter-spacing:.2px;\n  color:#000;background:var(--sc,#888);text-align:center;padding:1px 2px;line-height:1.1;white-space:nowrap;overflow:hidden}\n.rzc-art{position:absolute;top:11px;left:3px;right:3px;bottom:3px;border-radius:3px;display:flex;flex-direction:column;\n  align-items:center;justify-content:center;text-align:center;background:radial-gradient(120% 100% at 50% 15%,color-mix(in srgb,var(--sc) 45%,#000),#0a0a0a);\n  border:1px solid color-mix(in srgb,var(--sc) 40%,transparent)}\n.rzc-nm{font-family:var(--disp);font-size:9px;line-height:.9;color:#fff}\n.rzc-gr{font-size:6.5px;font-weight:800;color:#000;background:var(--sc);border-radius:3px;padding:0 3px;margin-top:2px}\n.rzc-big{font-family:var(--disp);font-size:19px;line-height:.8;color:var(--sc)}\n.rzc-sub{font-size:6.5px;font-weight:800;text-transform:uppercase;color:#ddd;letter-spacing:.3px}\n.rzc-img{position:absolute;top:11px;left:3px;right:3px;bottom:3px;border-radius:3px;background-size:cover;background-position:center}\n\n/* pack in widget — big & prominent */\n.rzw-packwrap{display:flex;justify-content:center;padding:6px 0 2px}\n.rzw-pack-tag{text-align:center;font-family:var(--disp);font-size:13px;color:#08243a;margin:2px 0 4px}\n.rzw-actions{padding:0 12px 12px}\n.rzw-open{width:100%;border:none;border-radius:11px;padding:11px;font-weight:800;font-size:14px;color:#111;\n  text-transform:uppercase;letter-spacing:.4px;background:linear-gradient(135deg,#ffd451,var(--gold));box-shadow:0 8px 20px rgba(0,0,0,.3)}\n.rzw-ping{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-right:5px;\n  box-shadow:0 0 0 0 rgba(225,29,42,.7);animation:rzPing 1.8s infinite;vertical-align:middle}\n@keyframes rzPing{0%{box-shadow:0 0 0 0 rgba(225,29,42,.55)}70%{box-shadow:0 0 0 8px rgba(225,29,42,0)}100%{box-shadow:0 0 0 0 rgba(225,29,42,0)}}\n\n/* minimized pill */\n#rzWidget.min{width:auto}\n#rzWidget.min .rzw-body{display:none}\n#rzWidget.min .rzw-head{padding:10px 14px}\n\n/* ---------- THE FOIL PACK (sealed, tearable look) ---------- */\n.rz-foil{position:relative;border-radius:8px 8px 10px 10px;overflow:hidden;flex:none;\n  background:\n    repeating-linear-gradient(115deg,rgba(255,255,255,.10) 0 6px,rgba(0,0,0,.10) 6px 12px),\n    linear-gradient(160deg,#ffd76a 0%,#F5B301 22%,#b97e00 30%,#141414 30.6%,#0b0b0b 100%);\n  border:1px solid #000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 12px 26px rgba(0,0,0,.55)}\n/* serrated top seal */\n.rz-foil::before{content:\"\";position:absolute;top:0;left:0;right:0;height:26%;z-index:2;\n  background:linear-gradient(160deg,#ffe08a,#F5B301 60%,#c98a00);\n  -webkit-mask:radial-gradient(4px 5px at 6px 100%,transparent 96%,#000) 0 100%/12px 10px repeat-x;\n  mask:radial-gradient(4px 5px at 6px 100%,transparent 96%,#000) 0 100%/12px 10px repeat-x;\n  box-shadow:0 2px 4px rgba(0,0,0,.35)}\n.rz-foil .rib{position:absolute;top:0;left:0;right:0;height:26%;z-index:3;background:repeating-linear-gradient(90deg,rgba(0,0,0,.18) 0 2px,transparent 2px 7px)}\n.rz-foil .sheen{position:absolute;inset:0;z-index:4;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.35) 47%,transparent 62%);\n  transform:translateX(-30%);animation:rzSheen 3.2s ease-in-out infinite;pointer-events:none}\n@keyframes rzSheen{0%,100%{transform:translateX(-45%)}50%{transform:translateX(45%)}}\n.rz-foil .logo{position:absolute;top:31%;left:9%;right:9%;bottom:24%;z-index:3;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 2px 3px #000)}\n.rz-foil .wm{position:absolute;bottom:11%;left:0;right:0;z-index:3;text-align:center;font-family:var(--disp);font-size:.42em;letter-spacing:1px;color:var(--gold)}\n.rz-foil .sealed{position:absolute;bottom:3%;left:0;right:0;z-index:3;text-align:center;font-size:.24em;font-weight:800;letter-spacing:1.5px;color:#8a8a8a;text-transform:uppercase}\n/* occasional excitement vibration */\n.rz-foil.vibe{animation:rzSheen 3.2s ease-in-out infinite, rzVibe 4s ease-in-out infinite}\n@keyframes rzVibe{\n  0%,7%,100%{transform:translate(0,0) rotate(0)}\n  1%{transform:translate(-2px,1px) rotate(-1.2deg)} 2%{transform:translate(2px,-1px) rotate(1.2deg)}\n  3%{transform:translate(-2px,-1px) rotate(-1deg)} 4%{transform:translate(2px,1px) rotate(1deg)}\n  5%{transform:translate(-1px,1px) rotate(-.6deg)} 6%{transform:translate(1px,0) rotate(.4deg)}\n}\n.rzw-pack .rz-foil.vibe{animation:rzSheen 3.2s ease-in-out infinite, rzVibe 3.4s ease-in-out infinite}\n\n/* ---------- OVERLAY / MODAL ---------- */\n#rzOverlay{position:fixed;inset:0;z-index:2147483600;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.82);backdrop-filter:blur(6px);padding:18px}\n#rzOverlay.open{display:flex}\n#rzModal{width:100%;max-width:460px;max-height:95vh;overflow:hidden auto;position:relative;\n  background:radial-gradient(120% 90% at 50% -10%,#241807 0%,var(--panel) 46%,#0b0b0b 100%);\n  border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.7)}\n#rzModal::-webkit-scrollbar{width:8px}#rzModal::-webkit-scrollbar-thumb{background:#333;border-radius:8px}\n#rzFx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:40}\n.rz-close{position:absolute;top:12px;right:12px;z-index:60;width:40px;height:40px;border-radius:50%;border:2px solid var(--gold);background:#000d;color:#fff;font-size:22px;line-height:1;box-shadow:0 4px 14px rgba(0,0,0,.5)}\n.rz-close:hover{background:var(--gold);color:#111}\n.rz-pad{padding:24px 22px 22px;position:relative;z-index:20}\n.rz-kicker{color:var(--gold);font-weight:800;font-size:11px;letter-spacing:2.4px;text-transform:uppercase;text-align:center}\n.rz-h1{font-family:var(--disp);font-size:36px;line-height:.92;text-align:center;margin:8px 0 4px;letter-spacing:.5px}\n.rz-h1 .b{color:var(--blue)} .rz-h1 .g{color:var(--gold)}\n.rz-sub{text-align:center;color:var(--mut);font-size:13px;max-width:340px;margin:0 auto}\n\n/* GATE step */\n#rzGate .packwrap{display:flex;justify-content:center;margin:16px 0 6px}\n.rz-bigpack{width:150px;height:210px;font-size:34px}\n.rz-form{margin-top:10px}\n.rz-inp{width:100%;background:#0d0d0d;border:1px solid var(--line);border-radius:12px;color:#fff;padding:14px;font-size:15px;outline:none;transition:border-color .15s}\n.rz-inp:focus{border-color:var(--gold)}\n.rz-err{color:#ff6b6b;font-size:12px;min-height:15px;margin:6px 2px 0}\n.rz-cta{width:100%;margin-top:8px;border:none;border-radius:12px;padding:16px;font-size:17px;font-weight:800;letter-spacing:.4px;color:#111;text-transform:uppercase;background:linear-gradient(135deg,#ffd451,var(--gold));box-shadow:0 10px 26px rgba(245,179,1,.3);transition:transform .15s,filter .15s}\n.rz-cta:hover{transform:translateY(-1px);filter:brightness(1.05)}\n.rz-cta:disabled{opacity:.6;transform:none;cursor:default}\n.rz-fine{color:#7c7c7c;font-size:10.5px;text-align:center;margin-top:12px;line-height:1.5}\n.rz-fine a{color:#9a9a9a;text-decoration:underline;cursor:pointer}\n\n/* RIP step: slide-to-open */\n#rzRip{display:none;text-align:center}\n#rzRip.on{display:block}\n.rz-riptitle{font-family:var(--disp);font-size:26px;letter-spacing:.5px;margin-bottom:4px}\n.rz-riphint{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px}\n.rz-riphint b{color:var(--gold)}\n.rz-ripsteps{color:var(--mut);font-size:12px;margin-bottom:14px}\n.rz-ripstage{position:relative;width:250px;height:346px;margin:6px auto 4px;touch-action:none}\n.rz-ripstage .rz-foil{width:100%;height:100%;font-size:50px}\n/* the tearable seal sits on top of the serrated edge */\n.rz-seal{position:absolute;top:0;left:0;right:0;height:27%;z-index:8;cursor:grab;\n  background:linear-gradient(160deg,#ffe08a,#F5B301 60%,#c98a00);border-bottom:2px dashed rgba(0,0,0,.55);\n  box-shadow:0 5px 12px rgba(0,0,0,.45);border-radius:8px 8px 0 0;overflow:hidden}\n.rz-seal .rib{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.18) 0 2px,transparent 2px 7px)}\n.rz-seal.grab{cursor:grabbing}\n.rz-grip{position:absolute;top:calc(13.5% - 22px);left:6px;z-index:10;display:flex;align-items:center;gap:6px;\n  background:#111;border:2px solid var(--gold);border-radius:22px;padding:9px 14px;color:var(--gold);font-weight:800;font-size:14px;\n  box-shadow:0 4px 12px rgba(0,0,0,.6);pointer-events:none;white-space:nowrap}\n.rz-grip .arrows{letter-spacing:-2px;font-size:16px}\n.rz-track{position:absolute;top:27%;left:0;right:0;height:6px;background:#0007;z-index:7}\n.rz-track .fill{height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--blue))}\n/* animated hand hint showing the tear motion */\n.rz-hand{position:absolute;top:calc(13.5% - 12px);left:10px;z-index:11;font-size:26px;pointer-events:none;\n  animation:rzHand 2s ease-in-out infinite;filter:drop-shadow(0 2px 3px #000)}\n@keyframes rzHand{0%{transform:translateX(0) scale(1)}15%{transform:translateX(0) scale(.85)}55%{transform:translateX(180px) scale(.85)}70%{transform:translateX(180px) scale(1)}100%{transform:translateX(0) scale(1)}}\n\n/* REVEAL: pokemon-style card — BIG readable text */\n#rzReveal{display:none;text-align:center}\n#rzReveal.on{display:block}\n.rz-cardstage{perspective:1200px;display:flex;justify-content:center;margin:6px 0 2px;min-height:360px;align-items:center}\n.rz-poke{width:250px;height:350px;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.9,.3,1)}\n.rz-poke .side{position:absolute;inset:0;backface-visibility:hidden;border-radius:15px}\n.rz-poke .back{transform:rotateY(180deg);background:\n    repeating-linear-gradient(115deg,rgba(255,255,255,.08) 0 6px,rgba(0,0,0,.10) 6px 12px),\n    linear-gradient(160deg,#F5B301,#b97e00 30%,#141414 30.6%,#0b0b0b);\n  border:2px solid #000;display:flex;align-items:center;justify-content:center}\n.rz-poke .back .em{width:72%;height:60%;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 3px 4px #000)}\n.rz-poke .front{background:linear-gradient(160deg,#ffe08a,#f5c748 45%,#e8b62f);\n  border:10px solid #f7d24a;border-radius:15px;padding:9px;box-shadow:0 0 50px color-mix(in srgb,var(--acc) 55%,transparent),0 22px 46px rgba(0,0,0,.6)}\n.rz-inner{position:relative;height:100%;border-radius:6px;overflow:hidden;\n   background:linear-gradient(170deg,color-mix(in srgb,var(--acc) 30%,#eee),color-mix(in srgb,var(--acc) 12%,#fff));\n   border:1px solid rgba(0,0,0,.35);display:flex;flex-direction:column;padding:9px}\n.rz-phdr{display:flex;justify-content:space-between;align-items:baseline;gap:8px}\n.rz-phdr .nm{font-family:var(--disp);font-size:27px;color:#141414;line-height:1;letter-spacing:.3px}\n.rz-phdr .hp{font-weight:800;font-size:14px;color:#a11;white-space:nowrap}\n.rz-phdr .hp b{font-family:var(--disp);font-size:22px;color:#c00}\n.rz-part{margin:8px 0;height:120px;border-radius:6px;border:3px solid #d8b53a;overflow:hidden;position:relative;\n   background:radial-gradient(120% 120% at 50% 20%,color-mix(in srgb,var(--acc) 55%,#000),#0c0c0c)}\n.rz-part .big{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}\n.rz-part .big .pct{font-family:var(--disp);font-size:78px;line-height:.78;color:#fff;text-shadow:0 3px 0 #000,0 0 24px var(--acc)}\n.rz-part .big .lbl{font-family:var(--disp);font-size:30px;color:#fff;text-shadow:0 2px 0 #000;line-height:.95}\n.rz-part .cardimg{position:absolute;inset:0;background-size:cover;background-position:center}\n.rz-part .holo{position:absolute;inset:0;mix-blend-mode:color-dodge;opacity:.55;\n   background:linear-gradient(115deg,transparent 20%,rgba(56,189,248,.6) 38%,rgba(245,179,1,.5) 50%,rgba(225,29,42,.5) 62%,transparent 80%);\n   background-size:250% 250%;animation:rzHolo 3s linear infinite}\n@keyframes rzHolo{0%{background-position:0% 50%}100%{background-position:250% 50%}}\n.rz-pmove{background:rgba(255,255,255,.6);border-radius:6px;padding:9px 10px;margin-top:2px}\n.rz-pmove .row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:800;color:#141414;font-size:15px;white-space:nowrap}\n.rz-pmove .row .code{font-family:var(--disp);letter-spacing:1px;color:#7a1f00;font-size:17px}\n.rz-pmove .desc{font-size:12.5px;color:#333;margin-top:5px;line-height:1.4;font-weight:600;white-space:normal}\n.rz-pftr{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#5a4a10;font-weight:800}\n.rz-poke .front .glare{position:absolute;inset:0;border-radius:6px;pointer-events:none;mix-blend-mode:overlay;opacity:.4;\n   background:linear-gradient(125deg,transparent 40%,rgba(255,255,255,.85) 50%,transparent 60%);background-size:300% 300%;animation:rzHolo 3.4s linear infinite}\n\n/* RESULT */\n#rzResultBlk{display:none}\n#rzResultBlk.on{display:block;text-align:center;animation:rzFade .5s ease both}\n@keyframes rzFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}\n.rz-won{font-family:var(--disp);font-size:15px;letter-spacing:2px;color:var(--mut);text-transform:uppercase;margin-top:8px}\n.rz-prize{font-family:var(--disp);font-size:36px;line-height:.95;color:var(--acc)}\n.rz-entered{margin:14px 0 6px;border:1px solid var(--line);border-radius:12px;background:#0e0e0e;padding:11px 14px;text-align:center}\n.rz-entered .h{font-weight:800;color:var(--blue);font-size:12px;letter-spacing:.5px;text-transform:uppercase}\n.rz-entered .l{font-size:11.5px;color:#bbb;margin-top:6px;line-height:1.6}\n.rz-share{display:flex;gap:8px;margin-top:10px}\n.rz-share button{flex:1;border:1px solid var(--line);background:#111;color:#eee;border-radius:10px;padding:11px;font-weight:700;font-size:13px}\n\n/* odds sheet */\n#rzOdds{display:none;text-align:left}#rzOdds.on{display:block}\n#rzOdds table{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:8px}\n#rzOdds td{padding:7px 4px;border-bottom:1px solid var(--line)}\n#rzOdds td.r{text-align:right;color:var(--gold);font-weight:700}\n#rzOdds h5{font-family:var(--disp);font-size:13px;letter-spacing:1px;margin:16px 0 2px;color:#fff}\n.rz-back{margin-top:16px;width:100%;border:1px solid var(--line);background:#111;color:#eee;border-radius:10px;padding:12px;font-weight:700}\n\n@media(max-width:430px){.rz-h1{font-size:30px}.rz-ripstage{width:210px;height:290px}.rz-poke{width:220px;height:308px}}\n";
    var html="<div class=\"rz-wrap\" id=\"rzRoot\">\n\n  <!-- FLOATING WIDGET -->\n  <div id=\"rzWidget\">\n    <div class=\"rzw-head\">\n      <b>FREE <span class=\"g\">PACK</span> <span class=\"bl\">DROP</span></b>\n      <button class=\"rzw-min\" id=\"rzMin\" aria-label=\"Minimize\">&minus;</button>\n    </div>\n    <div class=\"rzw-body\">\n      <div class=\"rzw-sub\"><span class=\"rzw-ping\"></span>Free pack at the door + $500 draw</div>\n      <div class=\"rzw-reel\"><div class=\"rzw-track\" id=\"rzTrack\"></div></div>\n      <div class=\"rzw-packwrap\">\n        <div class=\"rz-foil vibe\" id=\"rzMiniPack\" style=\"width:118px;height:162px;font-size:26px\">\n          <div class=\"rib\"></div><div class=\"sheen\"></div>\n          <div class=\"logo\"></div><div class=\"wm\">PACK DROP</div><div class=\"sealed\">Sealed · 1 Card</div>\n        </div>\n      </div>\n      <div class=\"rzw-actions\">\n        <div class=\"rzw-pack-tag\">Buy any ticket by Aug 20 and your free pack is <b>guaranteed</b> \u2014 Pok\u00e9mon or sports, you pick at the table. One pack per order. Every order is entered to win $500 cash.</div>\n        <button class=\"rzw-open\" id=\"rzWidgetOpen\">Get my ticket + free pack</button>\n      </div>\n    </div>\n  </div>\n\n  <!-- OVERLAY -->\n  <div id=\"rzOverlay\" role=\"dialog\" aria-modal=\"true\">\n    <div id=\"rzModal\">\n      <canvas id=\"rzFx\"></canvas>\n      <button class=\"rz-close\" id=\"rzClose\" aria-label=\"Close\">&times;</button>\n      <div class=\"rz-pad\">\n\n        <!-- GATE -->\n        <div id=\"rzGate\">\n          <div class=\"rz-kicker\">RazMania Midwest Card Festival</div>\n          <div class=\"rz-h1\">RIP A <span class=\"g\">PACK</span></div>\n          <p class=\"rz-sub\">Enter your email, then tear the foil off the pack to reveal your prize.</p>\n          <div class=\"packwrap\">\n            <div class=\"rz-foil rz-bigpack vibe\" id=\"rzGatePack\">\n              <div class=\"rib\"></div><div class=\"sheen\"></div>\n              <div class=\"logo\"></div><div class=\"wm\">PACK DROP</div><div class=\"sealed\">Sealed · 1 Card</div>\n            </div>\n          </div>\n          <form class=\"rz-form\" id=\"rzForm\" autocomplete=\"on\" novalidate>\n            <input class=\"rz-inp\" id=\"rzEmail\" type=\"email\" inputmode=\"email\" placeholder=\"you@email.com\" aria-label=\"Email address\">\n            <div class=\"rz-err\" id=\"rzErr\"></div>\n            <button class=\"rz-cta\" id=\"rzOpen\" type=\"submit\">Rip My Pack</button>\n          </form>\n          <p class=\"rz-fine\">One pack per person. No purchase necessary. Prizes subject to\n            <a id=\"rzOddsLink\">official rules &amp; odds</a>. Graded-card winners drawn after the festival.</p>\n        </div>\n\n        <!-- RIP (slide to open) -->\n        <div id=\"rzRip\">\n          <div class=\"rz-riptitle\">Tear open your pack!</div>\n          <div class=\"rz-riphint\">Grab the <b>gold foil tab</b> and drag it all the way across &raquo;</div>\n          <div class=\"rz-ripsteps\">Press &amp; hold the tab, then swipe right to peel the foil</div>\n          <div class=\"rz-ripstage\" id=\"rzRipStage\">\n            <div class=\"rz-foil\" id=\"rzRipPack\">\n              <div class=\"logo\"></div><div class=\"wm\">PACK DROP</div><div class=\"sealed\">Sealed · 1 Card</div>\n            </div>\n            <div class=\"rz-track\"><div class=\"fill\" id=\"rzFill\"></div></div>\n            <div class=\"rz-seal\" id=\"rzSeal\"><div class=\"rib\"></div></div>\n            <div class=\"rz-grip\" id=\"rzGrip\"><span class=\"arrows\">&raquo;&raquo;</span> PULL</div>\n            <div class=\"rz-hand\" id=\"rzHand\">&#128072;</div>\n          </div>\n        </div>\n\n        <!-- REVEAL -->\n        <div id=\"rzReveal\">\n          <div class=\"rz-cardstage\">\n            <div class=\"rz-poke\" id=\"rzPoke\">\n              <div class=\"side back\"><div class=\"em\" id=\"rzPokeBack\"></div></div>\n              <div class=\"side front\" id=\"rzPokeFront\"></div>\n            </div>\n          </div>\n          <div id=\"rzResultBlk\">\n            <div class=\"rz-won\">You pulled</div>\n            <div class=\"rz-prize\" id=\"rzPrizeName\">30% OFF</div>\n            <div class=\"rz-entered\">\n              <div class=\"h\">You're also entered to win</div>\n              <div class=\"l\" id=\"rzEnteredList\"></div>\n            </div>\n            <button class=\"rz-cta\" id=\"rzGoTickets\" style=\"margin-top:4px\">Get My Tickets</button>\n            <div class=\"rz-share\">\n              <button id=\"rzShare\">Share</button>\n              <button id=\"rzDone\">Done</button>\n            </div>\n          </div>\n        </div>\n\n        <!-- ODDS -->\n        <div id=\"rzOdds\">\n          <div class=\"rz-kicker\">Published odds</div>\n          <div class=\"rz-h1\" style=\"font-size:24px\">WHAT YOU CAN PULL</div>\n          <h5>Instant (every pack wins one)</h5>\n          <table id=\"rzOddsInstant\"></table>\n          <h5>Grand-prize drawing (entered with every pack)</h5>\n          <table id=\"rzOddsGrand\"></table>\n          <button class=\"rz-back\" id=\"rzOddsBack\">Back</button>\n        </div>\n\n      </div>\n    </div>\n  </div>\n</div>\n";
    var s=document.createElement("style");s.textContent=css;document.head.appendChild(s);
    var d=document.createElement("div");d.innerHTML=html;while(d.firstChild){document.body.appendChild(d.firstChild);}
    
(function(){
  "use strict";
  /* ========================= CONFIG ========================= */
  var CONFIG = {
    logo: "https://assets.swoogo.com/uploads/medium/7342399-6a6ca4902cf17.png",
    packImage: "",           // optional: URL of a real foil-pack photo (fills the pack face)
    captureEndpoint: "https://script.google.com/macros/s/AKfycbxutjd_PiYir8bTLnDirTgLwVrsd7P_urQYNqJ_POBKceXBtMjlMvGD8owLY18llUtD/exec",
    ticketsUrl: "https://www.razmaniasports.com/2026?coupon={code}&utm_source=packdrop",
    instant: [
      { key:"d20", name:"20% OFF", weight:40, kind:"discount", pct:20, code:"RAZPACK20" },
      { key:"d30", name:"30% OFF", weight:26, kind:"discount", pct:30, code:"RAZPACK30" },
      { key:"meet",name:"ATHLETE MEET", weight:16, kind:"meet", code:"RAZMEET",
        desc:"A spot at a group meet-and-greet & photo op at the festival. Bring the pass we email you." },
      { key:"d50", name:"50% OFF", weight:14, kind:"discount", pct:50, code:"RAZPACK50" },
      { key:"d100",name:"100% OFF", weight:4, kind:"discount", pct:100, code:"RAZPACK100" }
    ],
    // Graded cards — grand-prize drawing. Add an image URL per card to show a real photo.
    grand: [
      { nm:"Mike Schmidt", yr:"1973 Topps RC", grade:"PSA 5", color:"#d9a441", img:"" },
      { nm:"Justin Herbert", yr:"2020 Select RC", grade:"PSA 8", color:"#38BDF8", img:"" },
      { nm:"Joe Burrow", yr:"2020 Select RC", grade:"PSA 9", color:"#F97316", img:"" },
      { nm:"LeBron James", yr:"2003 Pristine RC", grade:"PSA 9", color:"#c084fc", img:"" },
      { nm:"Charizard", yr:"1999 Base Holo", grade:"Mid", color:"#ef4444", img:"" }
    ],
    grandExtra: []
  };

  var $ = function(id){ return document.getElementById(id); };
  var wait = function(ms){ return new Promise(function(r){ setTimeout(r,ms); }); };
  var opened = false;

  /* logo on packs; optional real pack photo overrides the face */
  (function(){
    var url = "url('"+CONFIG.logo+"')";
    [].forEach.call(document.querySelectorAll('.rz-foil .logo, .rz-poke .em'), function(el){ el.style.backgroundImage = url; });
    if(CONFIG.packImage){
      [].forEach.call(document.querySelectorAll('.rz-foil'), function(el){
        el.style.background = "url('"+CONFIG.packImage+"') center/cover";
        var lg=el.querySelector('.logo'), wm=el.querySelector('.wm'), sl=el.querySelector('.sealed');
        if(lg) lg.style.display='none'; if(wm) wm.style.display='none'; if(sl) sl.style.display='none';
      });
    }
  })();

  /* ===================== FIREWORKS / CONFETTI ===================== */
  var FW = (function(){
    var cvs, ctx, parts=[], raf=null, W=0, H=0, dpr=1;
    function fit(){ if(!cvs) return; var r=cvs.getBoundingClientRect(); if(!r.width) return;
      dpr=Math.min(window.devicePixelRatio||1,2); W=r.width; H=r.height;
      cvs.width=W*dpr; cvs.height=H*dpr; ctx.setTransform(dpr,0,0,dpr,0,0); }
    function loop(){ ctx.clearRect(0,0,W,H);
      for(var i=parts.length-1;i>=0;i--){ var p=parts[i];
        p.vy+=0.028; p.x+=p.vx; p.y+=p.vy; p.vx*=0.992; p.vy*=0.992; p.rot+=p.vr; p.life-=0.009;
        if(p.life<=0){ parts.splice(i,1); continue; }
        ctx.globalAlpha=Math.max(0,Math.min(1,p.life/p.max)); ctx.fillStyle=p.c;
        ctx.save(); ctx.translate(p.x,p.y); ctx.rotate(p.rot);
        if(p.sq){ ctx.fillRect(-p.r,-p.r*.6,p.r*2,p.r*1.2); } else { ctx.beginPath(); ctx.arc(0,0,p.r,0,6.283); ctx.fill(); }
        ctx.restore();
      }
      ctx.globalAlpha=1;
      raf = parts.length ? requestAnimationFrame(loop) : null;
    }
    function burst(x,y,o){ o=o||{}; var n=o.count||60;
      var cols=o.colors||['#F5B301','#38BDF8','#ffffff','#E11D2A','#22c55e','#c084fc','#F97316'];
      for(var i=0;i<n;i++){ var a=Math.random()*6.283, sp=(o.spread||6)*(0.35+Math.random());
        parts.push({x:x,y:y,vx:Math.cos(a)*sp,vy:Math.sin(a)*sp-(o.up||1.2),
          r:2+Math.random()*4, c:cols[(Math.random()*cols.length)|0],
          life:1.4+Math.random()*1.6, max:2.6, rot:Math.random()*6.28, vr:(Math.random()-.5)*.3, sq:Math.random()<.5}); }
      if(!raf) raf=requestAnimationFrame(loop);
    }
    return { init:function(c){ cvs=c; ctx=c.getContext('2d'); fit(); window.addEventListener('resize',fit); },
             fit:fit, burst:burst, rect:function(){ return cvs.getBoundingClientRect(); } };
  })();
  FW.init($("rzFx"));

  /* ===================== DRAW ===================== */
  function draw(){
    var total=CONFIG.instant.reduce(function(s,p){return s+p.weight;},0);
    var r=Math.random()*total, acc=0;
    for(var i=0;i<CONFIG.instant.length;i++){ acc+=CONFIG.instant[i].weight; if(r<acc) return CONFIG.instant[i]; }
    return CONFIG.instant[0];
  }
  function accentFor(p){ return p.kind==="meet" ? "#38BDF8" : "#F5B301"; }

  /* ===================== BUILD UI ===================== */
  (function buildReel(){
    var items=[];
    CONFIG.grand.forEach(function(c){
      var face = c.img
        ? '<div class="rzc-img" style="background-image:url(\''+c.img+'\')"></div>'
        : '<div class="rzc-art"><div class="rzc-nm">'+c.nm+'</div><div class="rzc-gr">'+c.grade+'</div></div>';
      items.push('<div class="rzw-card" style="--sc:'+c.color+'"><div class="rzc-top">'+c.yr+'</div>'+face+'</div>');
    });
    items.push('<div class="rzw-card" style="--sc:#38BDF8"><div class="rzc-top">Prize</div><div class="rzc-art"><div class="rzc-big">MEET</div><div class="rzc-sub">&amp; Photo</div></div></div>');
    ['20','30','50','100'].forEach(function(p){
      items.push('<div class="rzw-card" style="--sc:#F5B301"><div class="rzc-top">Tickets</div><div class="rzc-art"><div class="rzc-big">'+p+'%</div><div class="rzc-sub">Off</div></div></div>');
    });
    var row=items.join("");
    $("rzTrack").innerHTML = row+row;
  })();
  (function buildOdds(){
    var total=CONFIG.instant.reduce(function(s,p){return s+p.weight;},0);
    $("rzOddsInstant").innerHTML = CONFIG.instant.slice().sort(function(a,b){return b.weight-a.weight;}).map(function(p){
      var pct=(p.weight/total*100).toFixed(1);
      var label=p.kind==="meet"?"Athlete meet &amp; photo op":p.pct+"% off tickets";
      return '<tr><td>'+label+'</td><td class="r">'+pct+'%</td></tr>';
    }).join("");
    $("rzOddsGrand").innerHTML = CONFIG.grand.concat(CONFIG.grandExtra).map(function(c){
      return '<tr><td>'+c.nm+' &mdash; '+c.yr+' '+c.grade+'</td><td class="r">1 winner</td></tr>';
    }).join("");
  })();

  /* ===================== NAV ===================== */
  function openModal(){ $("rzOverlay").classList.add("open"); setTimeout(FW.fit,30); showStep("gate"); }
  function closeModal(){ $("rzOverlay").classList.remove("open"); }
  function showStep(step){
    ["rzGate","rzRip","rzReveal","rzOdds"].forEach(function(id){ $(id).style.display="none"; $(id).classList.remove("on"); });
    var map={gate:"rzGate",rip:"rzRip",reveal:"rzReveal",odds:"rzOdds"};
    var el=$(map[step]); el.style.display="block"; el.classList.add("on");
  }
  $("rzWidgetOpen").addEventListener("click", openModal);
  $("rzMiniPack").addEventListener("click", openModal);
  $("rzMin").addEventListener("click", function(e){ e.stopPropagation(); $("rzWidget").classList.toggle("min"); });
  $("rzClose").addEventListener("click", closeModal);
  /* NOTE: clicking the backdrop no longer closes — only the X (or Done) closes. */
  $("rzOddsLink").addEventListener("click", function(){ showStep("odds"); });
  $("rzOddsBack").addEventListener("click", function(){ showStep(opened?"reveal":"gate"); });

  /* ===================== SUBMIT ===================== */
  var currentPrize=null;
  $("rzForm").addEventListener("submit", function(e){
    e.preventDefault();
    var email=$("rzEmail").value.trim().toLowerCase();
    if(!/^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(email)){ $("rzErr").textContent="Enter a valid email to open your pack."; return; }
    $("rzErr").textContent=""; $("rzOpen").disabled=true;
    currentPrize = draw();
    var prizeLabel = currentPrize.kind==="meet" ? "Athlete Meet" : currentPrize.pct+"% OFF";
    var prizeCode = currentPrize.code || "";
    var ref="";
    try{ var q=new URLSearchParams(location.search);
      ref=(q.get('ref')||q.get('utm_content')||q.get('utm_source')||'').toLowerCase().replace(/[^a-z0-9_-]/g,'').slice(0,40);
    }catch(_){}
    var src = ref ? "packdrop:"+ref : "packdrop";
    try{
      if(CONFIG.captureEndpoint){
        fetch(CONFIG.captureEndpoint,{method:"POST",mode:"no-cors",headers:{"Content-Type":"text/plain;charset=utf-8"},
          body:JSON.stringify({email:email,prize:prizeLabel,code:prizeCode,source:src})}).catch(function(){});
      } else { console.log("[packdrop] captured (no endpoint set):", email); }
    }catch(_){}
    armRip();
  });

  /* ===================== SLIDE-TO-RIP ===================== */
  function armRip(){
    showStep("rip");
    setTimeout(FW.fit,30);
    var seal=$("rzSeal"), grip=$("rzGrip"), hand=$("rzHand"), stage=$("rzRipStage"), fill=$("rzFill");
    seal.style.transform=""; seal.style.opacity="1"; fill.style.width="0"; hand.style.display="";
    var dragging=false, done=false, startX=0, maxW=0, lastFx=0;
    function pt(e){ return e.touches&&e.touches[0]?e.touches[0]:e; }
    function down(e){ if(done) return; dragging=true; seal.classList.add("grab"); hand.style.display="none";
      maxW=stage.getBoundingClientRect().width; startX=pt(e).clientX; e.preventDefault(); }
    function move(e){ if(!dragging||done) return;
      var x=pt(e).clientX-startX; if(x<0)x=0; var lim=maxW*0.82; if(x>lim)x=lim;
      var prog=x/lim; seal.style.transform="translateX("+x+"px) rotate("+(prog*7)+"deg)"; seal.style.opacity=(1-prog*0.12);
      fill.style.width=(prog*100)+"%";
      var r=FW.rect(), sb=seal.getBoundingClientRect();
      var fx=pt(e).clientX-r.left, fy=sb.top-r.top+8;
      if(Math.abs(fx-lastFx)>8){ FW.burst(fx,fy,{count:14,spread:4,up:0.6}); lastFx=fx; }
      if(prog>=0.98){ finish(); }
    }
    function up(){ if(done) return; dragging=false; seal.classList.remove("grab");
      if(parseFloat(fill.style.width)<90){ seal.style.transition="transform .3s,opacity .3s"; seal.style.transform=""; seal.style.opacity="1";
        fill.style.width="0"; setTimeout(function(){seal.style.transition="";},320); hand.style.display=""; } }
    function finish(){ done=true; dragging=false;
      seal.style.transition="transform .5s ease-in,opacity .4s"; seal.style.transform="translateX("+(maxW)+"px) translateY(-50px) rotate(28deg)"; seal.style.opacity="0";
      cleanup(); reveal(currentPrize);
    }
    function cleanup(){
      grip.removeEventListener("pointerdown",down); seal.removeEventListener("pointerdown",down);
      window.removeEventListener("pointermove",move); window.removeEventListener("pointerup",up);
      grip.removeEventListener("touchstart",down); seal.removeEventListener("touchstart",down);
      window.removeEventListener("touchmove",move); window.removeEventListener("touchend",up);
    }
    grip.addEventListener("pointerdown",down); seal.addEventListener("pointerdown",down);
    window.addEventListener("pointermove",move,{passive:false}); window.addEventListener("pointerup",up);
    grip.addEventListener("touchstart",down,{passive:false}); seal.addEventListener("touchstart",down,{passive:false});
    window.addEventListener("touchmove",move,{passive:false}); window.addEventListener("touchend",up);
  }

  /* ===================== REVEAL ===================== */
  async function reveal(prize){
    opened=true;
    document.documentElement.style.setProperty("--acc", accentFor(prize));
    $("rzPokeFront").innerHTML = pokeFace(prize);
    var poke=$("rzPoke"), r;
    poke.style.transition="none";
    poke.style.opacity="0";
    poke.style.transform="rotateY(180deg) scale(0.15)";
    $("rzResultBlk").classList.remove("on"); $("rzResultBlk").style.display="none";
    showStep("reveal");
    FW.fit(); r=FW.rect();
    void poke.offsetWidth;
    await wait(40);
    poke.style.transition="transform .85s cubic-bezier(.2,1.5,.4,1), opacity .35s";
    poke.style.opacity="1";
    poke.style.transform="rotateY(180deg) scale(1)";
    await wait(880);
    poke.style.transition="transform .8s cubic-bezier(.2,.9,.3,1)";
    poke.style.transform="rotateY(0deg) scale(1)";
    /* BIG, LONG celebration */
    var cx=r.width/2, cy=r.height*0.42;
    FW.burst(cx,cy,{count:120,spread:9,up:1.6});
    var i=0, shots=14;
    var iv=setInterval(function(){
      i++;
      FW.burst(cx + (Math.random()-0.5)*r.width*0.7, cy + (Math.random()-0.5)*160, {count:70,spread:8,up:1.3});
      if(i>=shots) clearInterval(iv);
    }, 230);
    await wait(820);
    fillResult(prize);
    $("rzResultBlk").style.display="block"; $("rzResultBlk").classList.add("on");
  }

  function pokeFace(p){
    var isMeet=p.kind==="meet";
    var name=isMeet?"Athlete Meet":p.pct+"% Off";
    var hp=isMeet?'PRIZE':'<b>'+p.pct+'</b>% OFF';
    var big=isMeet?'<div class="lbl">MEET &amp;<br>PHOTO OP</div>':'<div class="pct">'+p.pct+'%</div>';
    var moveRow=isMeet
      ? '<div class="row"><span>Meet &amp; Greet</span><span class="code">PASS</span></div><div class="desc">'+p.desc+'</div>'
      : '<div class="row"><span>Discount</span><span class="code">'+p.code+'</span></div><div class="desc">Use code '+p.code+' at checkout for '+p.pct+'% off RazMania festival tickets.</div>';
    var rar=isMeet?'&#9733;&#9733;':'&#9733;';
    return ''+
      '<div class="rz-inner">'+
        '<div class="rz-phdr"><span class="nm">'+name+'</span><span class="hp">'+hp+'</span></div>'+
        '<div class="rz-part"><div class="holo"></div><div class="big">'+big+'</div></div>'+
        '<div class="rz-pmove">'+moveRow+'</div>'+
        '<div class="rz-pftr"><span>'+rar+' RAZMANIA PACK DROP</span><span>Instant Pull</span></div>'+
        '<div class="glare"></div>'+
      '</div>';
  }

  function fillResult(prize){
    var isMeet=prize.kind==="meet";
    $("rzPrizeName").textContent = isMeet?"ATHLETE MEET":prize.pct+"% OFF";
    $("rzPrizeName").style.color = accentFor(prize);
    var list=CONFIG.grand.map(function(c){return c.nm;}).join(" · ");
    $("rzEnteredList").textContent=list;
    $("rzGoTickets").textContent = isMeet?"Grab Tickets Too":"Get My Tickets";
    $("rzGoTickets").onclick=function(){ go(isMeet?"":prize.code); };
  }
  function go(code){ window.open(CONFIG.ticketsUrl.replace("{code}",encodeURIComponent(code||"")),"_blank","noopener"); }

  $("rzDone").addEventListener("click", closeModal);
  $("rzShare").addEventListener("click", function(){
    var txt="I just ripped a RazMania pack — entered to win a graded LeBron rookie & a Charizard. Free packs at razmaniasports.com";
    if(navigator.share){ navigator.share({title:"RazMania Pack Drop",text:txt,url:"https://www.razmaniasports.com"}).catch(function(){}); }
    else if(navigator.clipboard){ navigator.clipboard.writeText(txt).then(function(){ $("rzShare").textContent="Copied!"; }); }
  });

})();

  }
  if(document.body){init();}else{document.addEventListener("DOMContentLoaded",init);}
})();