.bom-blast{--bbl-red: #D61828;--bbl-red-deep: #8E0E19;--bbl-ink: #000;--bbl-paper: #fff;--bbl-asphalt: #1E1E1E;--bbl-display: "Anton", "Impact", "Haettenschweiler", "Arial Narrow Bold", sans-serif;--bbl-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(100vw - 24px,440px);height:min(100vh - 48px,680px);height:min(100dvh - 48px,680px);max-width:none;max-height:none;padding:0;border:0;border-radius:18px;overflow:hidden;overscroll-behavior:contain;background:var(--bbl-ink);color:var(--bbl-paper);box-shadow:0 0 0 1px #ffffff1f,0 30px 90px #00000080}.bom-blast *,.bom-blast *:before,.bom-blast *:after,.bom-blast-tab *{box-sizing:border-box}.bom-blast::backdrop{background:#000000a8}.bom-blast.is-claiming:not(:modal){z-index:2147483000;box-shadow:0 0 0 100vmax #000000a8}.bom-blast:focus{outline:none}html.bom-blast-lock{overflow:hidden}html.bom-ps-hold iframe[src*="postscript.io"],html.bom-ps-hold #ps__widget{visibility:hidden!important;opacity:0!important;pointer-events:none!important}html.bom-ps-hold #ps__widget_container{pointer-events:none!important}html.bom-ps-hold.ps-scroll-lock:not(.bom-blast-lock),html.bom-ps-hold.ps-scroll-lock:not(.bom-blast-lock) body{overflow:visible!important}.bbl-inner{position:relative;height:100%;display:grid;grid-template-areas:"head" "stage" "actions";grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;padding:14px 16px 0}.bbl-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.8 -.7'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.bbl-head{grid-area:head;position:relative;z-index:2;padding:0 44px 10px 0}.bbl-stage{grid-area:stage}.bbl-actions{grid-area:actions}.bbl-close{position:absolute;top:10px;right:10px;z-index:7;width:38px;height:38px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#ffffff1a;color:#fff;cursor:pointer}.bbl-close svg{width:15px;height:15px}.bbl-close:hover{background:#ffffff2e}.bbl-logo{display:block;width:auto;height:38px;margin:0 0 12px}.bbl-title{margin:0;font-family:var(--bbl-display);font-weight:400;text-transform:uppercase;font-size:clamp(40px,13.2vw,56px);line-height:.9;letter-spacing:.005em;text-wrap:balance}.bbl-title__won{font-size:.8em}.bbl-sub{margin:8px 0 0;font:500 15px/1.4 var(--bbl-sans);color:#ffffffbd;text-wrap:balance}.bom-blast [data-bbl-when=won],.bom-blast[data-bbl-state=won] [data-bbl-when=pre]{display:none}.bom-blast[data-bbl-state=won] [data-bbl-when=won]{display:revert}.bom-blast[data-bbl-state=won] .bbl-btn[data-bbl-when=won]{display:flex}.bbl-stage{--bbl-ground: 14px;position:relative;min-height:0;margin:0 -16px;overflow:hidden;container-type:size}.bbl-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.bom-blast[data-bbl-state=aiming] .bbl-canvas{cursor:grabbing}.bom-blast:not([data-bbl-state=ready]):not([data-bbl-state=aiming]) .bbl-canvas{cursor:default}.bbl-canvas:focus{outline:none}.bbl-canvas:focus-visible{outline:3px solid #fff;outline-offset:-3px}.bbl-toast{position:absolute;left:50%;top:14px;z-index:3;max-width:calc(100% - 32px);padding:9px 16px;border-radius:999px;background:#fff;color:#000;font:700 14px/1.2 var(--bbl-sans);text-align:center;white-space:nowrap;translate:-50% -8px;opacity:0;pointer-events:none;transition:opacity .2s ease,translate .25s ease}.bbl-toast.is-on{opacity:1;translate:-50% 0}.bbl-boom{position:absolute;left:var(--bx, 62%);top:var(--by, 50%);z-index:3;width:min(56cqw,280px);aspect-ratio:140 / 120;translate:-50% -50%;display:grid;place-items:center;visibility:hidden;opacity:0;pointer-events:none}.bbl-boom__burst{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.bbl-boom__edge{fill:#fff;transform:scale(1.1)}.bbl-boom__fill{fill:var(--bbl-red)}.bbl-boom__word{position:relative;font-family:var(--bbl-display);font-size:min(15cqw,74px);line-height:1;letter-spacing:.02em;text-transform:uppercase;color:#fff;-webkit-text-stroke:min(1cqw,5px) #000;paint-order:stroke fill;rotate:-8deg;text-shadow:min(.9cqw,4px) min(.9cqw,4px) 0 #000}.bom-blast.is-boom .bbl-boom{visibility:visible;opacity:1;animation:bbl-boom 1.5s cubic-bezier(.2,.9,.25,1) both}@keyframes bbl-boom{0%{scale:.2;rotate:-24deg;opacity:0}10%{scale:1.18;rotate:4deg;opacity:1}18%{scale:.94;rotate:-2deg}26%{scale:1;rotate:0deg}70%{scale:1;opacity:1}to{scale:1.25;opacity:0}}.bbl-inner.is-shaking{animation:bbl-shake .45s cubic-bezier(.36,.07,.19,.97) both}@keyframes bbl-shake{10%,90%{transform:translate3d(-2px,1px,0)}20%,80%{transform:translate3d(4px,-2px,0)}30%,50%,70%{transform:translate3d(-6px,2px,0) rotate(-.4deg)}40%,60%{transform:translate3d(6px,-1px,0) rotate(.4deg)}}.bbl-tag{position:absolute;left:50%;top:9%;z-index:2;width:min(76cqw,360px);margin-left:calc(min(76cqw,360px)/-2);visibility:hidden;pointer-events:none;transform:rotate(-6deg);transform-origin:8% 50%;filter:drop-shadow(5px 5px 0 var(--bbl-red))}.bbl-tag__string{position:absolute;left:8%;bottom:50%;width:2px;height:100cqh;margin-left:-1px;background:#fff}.bbl-tag__card{position:relative;display:flex;align-items:center;justify-content:center;padding:min(4.4cqw,22px) min(5cqw,24px) min(4cqw,20px) min(14cqw,62px);background:#fff;color:#000;clip-path:polygon(0 24%,6% 0,100% 0,100% 100%,6% 100%,0 76%)}.bbl-tag__hole{position:absolute;left:8%;top:50%;width:min(3.6cqw,17px);height:min(3.6cqw,17px);translate:-50% -50%;border-radius:50%;background:#000;box-shadow:0 0 0 min(.9cqw,4px) #cfcfcf}.bbl-tag__prize{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.bbl-pz1,.bbl-pz2{display:block;font-family:var(--bbl-display);font-weight:400;text-transform:uppercase}.bbl-pz1{font-size:min(15cqw,66px);line-height:.92;letter-spacing:.005em;color:var(--bbl-red)}.bbl-pz2{margin-top:min(1.4cqw,7px);font-size:min(6.2cqw,27px);line-height:1;letter-spacing:.07em;color:#000}.bom-blast[data-bbl-state=won] .bbl-tag{visibility:visible;animation:bbl-tag-drop 1.05s cubic-bezier(.3,.7,.3,1) both}@keyframes bbl-tag-drop{0%{transform:translateY(-150%) rotate(-22deg)}45%{transform:translateY(0) rotate(9deg)}65%{transform:rotate(-11deg)}82%{transform:rotate(-3deg)}to{transform:rotate(-6deg)}}.bbl-actions{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2px;margin:0 -16px;padding:4px 16px 8px;background:var(--bbl-asphalt)}.bbl-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:0 22px;margin:0 0 8px;border:0;border-radius:12px;background:var(--bbl-red);color:#fff;cursor:pointer;text-decoration:none;font-family:var(--bbl-display);font-weight:400;font-size:24px;line-height:1;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 5px 0 var(--bbl-red-deep);transition:transform .1s ease,box-shadow .1s ease;-webkit-tap-highlight-color:transparent}.bbl-btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--bbl-red-deep)}.bbl-btn:focus-visible,.bbl-link:focus-visible,.bbl-close:focus-visible{outline:3px solid #fff;outline-offset:3px}.bbl-btn__busy,.bom-blast[data-bbl-state=flying] .bbl-btn__idle,.bom-blast[data-bbl-state=boom] .bbl-btn__idle{display:none}.bom-blast[data-bbl-state=flying] .bbl-btn__busy,.bom-blast[data-bbl-state=boom] .bbl-btn__busy{display:inline}.bom-blast[data-bbl-state=flying] .bbl-btn[data-bbl-launch],.bom-blast[data-bbl-state=boom] .bbl-btn[data-bbl-launch]{pointer-events:none;opacity:.7;transform:translateY(4px);box-shadow:0 1px 0 var(--bbl-red-deep)}.bom-blast.is-claiming .bbl-btn[data-bbl-claim] .bbl-btn__idle{display:none}.bom-blast.is-claiming .bbl-btn[data-bbl-claim] .bbl-btn__busy{display:inline}.bom-blast.is-claiming .bbl-btn[data-bbl-claim]{pointer-events:none;animation:bbl-claim-glow .9s ease-in-out infinite!important}.bbl-hint{margin:0;font:500 13.5px/1.35 var(--bbl-sans);color:#ffffffa3;text-align:center}.bbl-setup{margin:4px 0 0;padding:8px 12px;border-radius:8px;background:#fff;color:#000;font:600 13px/1.35 var(--bbl-sans);text-align:center}.bbl-link{min-height:40px;padding:8px 12px;border:0;background:none;color:#ffffff9e;cursor:pointer;font:500 14px/1.2 var(--bbl-sans);text-decoration:underline;text-underline-offset:3px}.bbl-link:hover{color:#fff}.bbl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bom-blast[data-bbl-state=won] .bbl-title [data-bbl-when=won]{display:inline-block;animation:bbl-pop .5s cubic-bezier(.2,.9,.3,1.4) .15s both}.bom-blast[data-bbl-state=won] .bbl-btn[data-bbl-claim]{animation:bbl-claim-in .5s cubic-bezier(.2,.9,.3,1.3) .55s both,bbl-claim-glow 1.6s ease-in-out 1.3s infinite}.bom-blast[data-bbl-state=won] .bbl-hint[data-bbl-when=won]{animation:bbl-fadeup .45s ease-out .8s both}@keyframes bbl-pop{0%{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}@keyframes bbl-claim-in{0%{transform:scale(.86);opacity:0}to{transform:none;opacity:1}}@keyframes bbl-fadeup{0%{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}@keyframes bbl-claim-glow{0%,to{box-shadow:0 5px 0 var(--bbl-red-deep),0 0 #d6182899}50%{box-shadow:0 5px 0 var(--bbl-red-deep),0 0 0 12px #d6182800}}.bom-blast.is-returning .bbl-tag,.bom-blast.is-returning .bbl-title [data-bbl-when=won],.bom-blast.is-returning .bbl-hint[data-bbl-when=won]{animation:none!important}.bom-blast.is-returning .bbl-btn[data-bbl-claim]{animation:bbl-claim-glow 1.6s ease-in-out .4s infinite!important}@media(max-width:899px)and (max-height:700px){.bbl-logo{height:28px;margin-bottom:8px}}@media(max-width:899px)and (max-height:620px){.bbl-sub{display:none}.bbl-title{font-size:clamp(34px,11vw,46px)}}@media(min-width:900px),(min-width:560px)and (max-height:520px){.bom-blast{width:min(100vw - 48px,980px);height:min(100vh - 40px,640px);border-radius:22px}.bbl-inner{grid-template-columns:minmax(260px,360px) minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;grid-template-areas:". stage" "head stage" "actions stage" ". stage";column-gap:40px;padding:0 0 0 44px}.bbl-head{padding:0}.bbl-stage{--bbl-ground: 56px;margin:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%);mask-image:linear-gradient(90deg,transparent,#000 9%)}.bbl-actions{align-items:flex-start;margin:0;padding:26px 0 0;background:none;gap:6px}.bbl-btn{width:auto;min-width:260px}.bbl-hint{text-align:left;padding-left:2px}.bbl-link{padding-left:2px}}@media(min-width:900px){.bbl-logo{height:46px;margin-bottom:22px}.bbl-title{font-size:clamp(60px,6vw,78px)}.bbl-sub{margin-top:14px;font-size:17px;max-width:28ch}}@media(min-width:560px)and (max-width:899px)and (max-height:520px){.bom-blast{height:calc(100vh - 24px);height:calc(100dvh - 24px)}.bbl-inner{column-gap:24px;padding-left:24px}.bbl-logo{height:26px;margin-bottom:8px}.bbl-title{font-size:36px}.bbl-sub{font-size:14px}.bbl-actions{padding-top:12px}.bbl-stage{--bbl-ground: 28px}}@media(prefers-reduced-motion:reduce){.bom-blast *,.bom-blast *:before,.bom-blast *:after{animation:none!important;transition:none!important}.bom-blast[data-bbl-state=won] .bbl-boom{display:none}}.bom-blast-tab{position:fixed;right:0;top:56%;z-index:30;transform:translateY(-50%);transition:transform .25s ease}.bom-blast-tab[hidden]{display:none}.bom-blast-tab.is-tucked{transform:translate(calc(100% - 10px),-50%)}.bom-blast-tab__open{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px 0 8px;border:0;border-radius:12px 0 0 12px;cursor:pointer;background:#000;color:#fff;font:700 13px/1 Inter,system-ui,sans-serif;box-shadow:-4px 6px 18px #0000004d,inset 0 0 0 1px #ffffff24}.bom-blast-tab__bomb{width:28px;height:28px;flex:none;border-radius:8px;background:#d61828;padding:2px}.bom-blast-tab__label--won,.bom-blast-tab[data-bbl-won=true] .bom-blast-tab__label--pre{display:none}.bom-blast-tab[data-bbl-won=true] .bom-blast-tab__label--won{display:inline}.bom-blast-tab__x{position:absolute;left:-10px;top:-10px;width:22px;height:22px;display:grid;place-items:center;padding:0;border:2px solid #fff;border-radius:50%;background:#000;color:#fff;cursor:pointer}.bom-blast-tab__x svg{width:8px;height:8px}.bom-blast-tab__open:focus-visible,.bom-blast-tab__x:focus-visible{outline:3px solid #fff;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/26/assets/bom-blast.css.map */