.mbs{margin-top:clamp(48px,5vw,112px)}.mbs-row{flex-wrap:wrap;align-items:center;gap:clamp(24px,3vw,72px);display:flex}.mbs-words{flex:280px;min-width:0;max-width:60ch}.mbs-title{font-family:"Thunder", var(--font-sans);text-transform:uppercase;letter-spacing:-.005em;text-wrap:balance;margin-top:.5em;font-size:clamp(40px,3.6vw + 12px,104px);font-weight:700;line-height:.9}.mbs-how{color:color-mix(in srgb, var(--white) 78%, transparent);text-wrap:pretty;margin-top:clamp(12px,1vw,22px);font-size:clamp(16px,.35vw + 13px,22px);line-height:1.5}.mbs-count{flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:clamp(14px,1vw,22px);font-size:clamp(15px,.3vw + 12px,19px);font-weight:700;line-height:1.4;display:flex}.mbs-peel-all.is-none{visibility:hidden}.mbs-peel-all{min-height:44px;color:var(--lime);text-underline-offset:5px;cursor:pointer;padding:0 2px;font-weight:800;text-decoration:underline;text-decoration-thickness:2px}@media (hover:hover){.mbs-peel-all:hover{color:var(--white)}}.mbs-peel-all:focus-visible{outline:3px solid var(--lime);outline-offset:3px;border-radius:4px}.mbs-pack{--z:12px;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:none;align-items:center;gap:14px;display:flex}.mbs-pack-foil{aspect-ratio:3/4;width:clamp(164px,10vw + 104px,250px);filter:drop-shadow(0 18px 24px color-mix(in srgb, var(--pitch) 70%, transparent));transition:transform .36s cubic-bezier(.3,1.5,.5,1);display:block;position:relative;transform:rotate(-4deg)}@media (hover:hover){.mbs-pack:hover .mbs-pack-foil{transform:rotate(-1deg)translateY(-6px)scale(1.02)}}.mbs-pack.is-open .mbs-pack-foil{transform:rotate(2deg)}.mbs-pack:focus-visible{outline:none}.mbs-pack:focus-visible .mbs-pack-go{outline:3px solid var(--lime);outline-offset:3px}.mbs-pack-body,.mbs-pack-top{background:linear-gradient(125deg, color-mix(in srgb, var(--pink) 70%, var(--white)) 0%, var(--lime) 26%, color-mix(in srgb, var(--white) 76%, var(--lime)) 44%, color-mix(in srgb, var(--pink) 85%, var(--white)) 62%, var(--lime) 82%, color-mix(in srgb, var(--white) 70%, var(--pink)) 100%);background-position:0 0;background-size:220% 220%;transition:background-position .9s;display:block;position:absolute;left:0;right:0}@media (hover:hover){.mbs-pack:hover .mbs-pack-body,.mbs-pack:hover .mbs-pack-top{background-position:100% 100%}}.mbs-pack-body{text-align:center;color:var(--pitch);-webkit-mask:conic-gradient(from -45deg at bottom, transparent, black 1deg 89deg, transparent 90deg) bottom / var(--z) 51% repeat-x, linear-gradient(black, black) top / 100% calc(100% - var(--z) / 2) no-repeat;-webkit-mask:conic-gradient(from -45deg at bottom, transparent, black 1deg 89deg, transparent 90deg) bottom / var(--z) 51% repeat-x, linear-gradient(black, black) top / 100% calc(100% - var(--z) / 2) no-repeat;mask:conic-gradient(from -45deg at bottom, transparent, black 1deg 89deg, transparent 90deg) bottom / var(--z) 51% repeat-x, linear-gradient(black, black) top / 100% calc(100% - var(--z) / 2) no-repeat;flex-direction:column;align-items:center;padding:12% 9% 13%;display:flex;top:17%;bottom:0}.mbs-pack-body:after{content:"";pointer-events:none;background:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--white) 55%, transparent) 30%, transparent 40%, transparent 70%, color-mix(in srgb, var(--white) 30%, transparent) 76%, transparent 82%);position:absolute;inset:0}.mbs-pack-kicker{letter-spacing:.12em;text-transform:uppercase;font-size:clamp(10px,.2vw + 8px,13px);font-weight:800}.mbs-pack-title{font-family:"Atomic Marker", var(--font-sans);color:var(--pink);text-shadow:.05em .05em 0 var(--pitch);margin-top:.2em;font-size:clamp(24px,1.2vw + 14px,40px);line-height:.95;transform:rotate(-5deg)}.mbs-pack-art{object-fit:contain;width:100%;min-height:0;filter:drop-shadow(0 4px 4px color-mix(in srgb, var(--pitch) 30%, transparent));pointer-events:none;flex:1 1 0;margin:4% 0;transform:rotate(-6deg)}.mbs-pack-by{text-wrap:balance;flex:none;font-size:clamp(10px,.2vw + 8px,13px);font-weight:800;line-height:1.15}.mbs-pack-top{transform-origin:90% 100%;height:18%;-webkit-mask:conic-gradient(from 135deg at top, transparent, black 1deg 89deg, transparent 90deg) top / var(--z) 51% repeat-x, linear-gradient(black, black) bottom / 100% calc(100% - var(--z) / 2) no-repeat;-webkit-mask:conic-gradient(from 135deg at top, transparent, black 1deg 89deg, transparent 90deg) top / var(--z) 51% repeat-x, linear-gradient(black, black) bottom / 100% calc(100% - var(--z) / 2) no-repeat;mask:conic-gradient(from 135deg at top, transparent, black 1deg 89deg, transparent 90deg) top / var(--z) 51% repeat-x, linear-gradient(black, black) bottom / 100% calc(100% - var(--z) / 2) no-repeat;top:0}.mbs-pack-top:after{content:"";border-bottom:2px dashed color-mix(in srgb, var(--pitch) 55%, transparent);position:absolute;bottom:3px;left:4%;right:4%}.mbs-pack-tear{font-family:"Atomic Marker", var(--font-sans);color:var(--pitch);font-size:clamp(11px,.3vw + 8px,15px);line-height:1;position:absolute;bottom:8px;right:8%}.mbs-pack.is-open .mbs-pack-top{opacity:0;translate:34% -58%;rotate:22deg}.mbs-pack-top.is-torn{animation:.7s cubic-bezier(.3,1.1,.5,1) both mbs-tear}@keyframes mbs-tear{0%{opacity:1;translate:0;rotate:0deg}35%{opacity:1;translate:8% -30%;rotate:10deg}to{opacity:0;translate:34% -58%;rotate:22deg}}.mbs-peek{transition:translate .52s cubic-bezier(.3,1.5,.5,1) .22s;display:block;position:absolute;top:20%}.mbs-peek img{pointer-events:none;width:100%;height:auto;display:block}.mbs-peek.is-a{width:36%;left:6%;rotate:-12deg}.mbs-peek.is-b{width:40%;transition-delay:.3s;left:34%;rotate:8deg}.mbs-peek.is-c{width:44%;transition-delay:.38s;right:2%;rotate:16deg}.mbs-pack.is-open .mbs-peek.is-a{translate:0 -62%}.mbs-pack.is-open .mbs-peek.is-b{translate:0 -54%}.mbs-pack.is-open .mbs-peek.is-c{translate:0 -40%}.mbs-pack-go{white-space:nowrap;background:var(--lime);min-height:44px;color:var(--pitch);text-align:center;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-size:clamp(14px,.2vw + 12px,17px);font-weight:800;line-height:1.1;transition:background-color .2s;display:inline-flex}@media (hover:hover){.mbs-pack:hover .mbs-pack-go{background:var(--white)}}.mbs-pack.is-open .mbs-pack-go{color:var(--white);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--white) 50%, transparent);background:0 0}.mbs-sheet{background:color-mix(in srgb, var(--white) 93%, var(--lime));color:var(--pitch);box-shadow:0 30px 60px color-mix(in srgb, var(--pitch) 70%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--pitch) 8%, transparent);transform-origin:20% 0;border-radius:clamp(16px,1vw + 8px,28px);margin-top:clamp(28px,3vw,64px);padding:clamp(18px,2vw,44px);animation:.52s cubic-bezier(.3,1.3,.5,1) both mbs-out}@keyframes mbs-out{0%{opacity:0;transform:translateY(-16px)rotate(-1.5deg)scale(.97)}to{opacity:1;transform:none}}.mbs-sheet-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;display:flex}.mbs-sheet-head{font-family:"Atomic Marker", var(--font-sans);font-size:clamp(18px,.7vw + 12px,30px);line-height:1.15}.mbs-sheet-credit{opacity:.7;margin-top:4px;font-size:14px}.mbs-sheet-credit a{text-underline-offset:2px;text-decoration:underline}.mbs-tip{background:var(--pitch);color:var(--lime);font-family:"Atomic Marker", var(--font-sans);box-shadow:0 6px 14px color-mix(in srgb, var(--pitch) 24%, transparent);border-radius:999px;flex:none;align-items:center;gap:8px;padding:8px 12px 8px 16px;font-size:clamp(15px,.3vw + 12px,19px);line-height:1.1;animation:1.3s ease-in-out infinite alternate mbs-tip;display:inline-flex;rotate:-2deg}.mbs-tip svg{flex:none}@keyframes mbs-tip{0%{translate:0}to{translate:0 -5px}}.mbs-tip.is-done{animation:none;rotate:1.5deg}.mbs-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1vw,22px);margin-top:clamp(14px,1.4vw,30px);display:grid}@media (width>=900px){.mbs-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}.mbs-take{aspect-ratio:1;cursor:grab;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:color-mix(in srgb, var(--white) 60%, transparent);width:100%;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--pitch) 10%, transparent);border-radius:18px;place-items:center;padding:12%;transition:box-shadow .2s,background-color .2s;display:grid;position:relative}.mbs-take img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;min-height:0;filter:drop-shadow(0 2px 2px color-mix(in srgb, var(--pitch) 22%, transparent));transition:transform .26s cubic-bezier(.3,1.6,.5,1),filter .26s}.mbs-take:active{cursor:grabbing}@media (hover:hover){.mbs-take:hover{background:var(--white)}.mbs-take:hover img{filter:drop-shadow(0 10px 10px color-mix(in srgb, var(--pitch) 28%, transparent));transform:rotate(-4deg)translateY(-4px)scale(1.06)}}.mbs-take:focus-visible{outline:3px solid var(--pitch);outline-offset:3px}.mbs-take.is-armed{background:var(--white);box-shadow:inset 0 0 0 3px var(--pink), 0 0 0 4px color-mix(in srgb, var(--pink) 30%, transparent)}.mbs-take.is-armed img{filter:drop-shadow(0 12px 12px color-mix(in srgb, var(--pitch) 30%, transparent));transform:rotate(-6deg)translateY(-6px)scale(1.1)}.mbs-take:active img{transform:scale(.94)}.mbs-take img.is-fresh{animation:.42s cubic-bezier(.3,1.5,.5,1) both mbs-fresh}@keyframes mbs-fresh{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.mbs-layer{pointer-events:none;width:100%;position:absolute;top:0;left:0;overflow:clip}.mbs-spot{rotate:var(--r,0deg);pointer-events:none;display:block;position:absolute}.mbs-spot.is-picked,.mbs-spot.is-lifted{z-index:2}.mbs-stuck{pointer-events:auto;touch-action:manipulation;cursor:grab;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:14px;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.mbs-spot.is-picked .mbs-stuck{touch-action:none}.mbs-spot.is-lifted .mbs-stuck{cursor:grabbing}.mbs-stuck:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.mbs-x{width:44px;height:44px;rotate:calc(var(--r,0deg) * -1);pointer-events:auto;cursor:pointer;visibility:hidden;opacity:0;-webkit-tap-highlight-color:transparent;place-items:center;padding:0;transition:opacity .16s,scale .26s cubic-bezier(.3,1.6,.5,1),visibility 0s linear .26s;display:grid;position:absolute;top:-14px;right:-14px;scale:.5}.mbs-x>span{background:var(--pitch);width:28px;height:28px;color:var(--white);box-shadow:0 0 0 2px var(--lime), 0 4px 10px color-mix(in srgb, var(--pitch) 40%, transparent);border-radius:50%;place-items:center;transition:background-color .16s,color .16s;display:grid}.mbs-spot.is-picked:not(.is-lifted):not(.is-going) .mbs-x{visibility:visible;opacity:1;transition-delay:0s;scale:1}@media (hover:hover){.mbs-spot:hover:not(.is-lifted):not(.is-going) .mbs-x{visibility:visible;opacity:1;transition-delay:0s;scale:1}.mbs-x:hover>span{background:var(--lime);color:var(--pitch)}}.mbs-stuck-body{width:100%;height:100%;filter:drop-shadow(0 1px 1px color-mix(in srgb, var(--pitch) 40%, transparent)) drop-shadow(0 4px 6px color-mix(in srgb, var(--pitch) 26%, transparent));transition:translate .22s cubic-bezier(.3,1.5,.5,1),scale .22s cubic-bezier(.3,1.5,.5,1),filter .22s;display:block;position:relative}.mbs-stuck-body img{pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.mbs-stuck-body:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(115deg, transparent 38%, color-mix(in srgb, var(--white) 80%, transparent) 50%, transparent 62%) 140% 0 / 260% 100% no-repeat;-webkit-mask:var(--mask) center / 100% 100% no-repeat;-webkit-mask:var(--mask) center / 100% 100% no-repeat;mask:var(--mask) center / 100% 100% no-repeat;transition:background-position .7s,opacity .2s;position:absolute;inset:0}@media (hover:hover){.mbs-spot:hover .mbs-stuck-body{filter:drop-shadow(0 2px 2px color-mix(in srgb, var(--pitch) 34%, transparent)) drop-shadow(0 10px 12px color-mix(in srgb, var(--pitch) 28%, transparent));translate:0 -2px}.mbs-spot:hover .mbs-stuck-body:after{opacity:1;background-position:-40% 0}}.mbs-spot.is-picked .mbs-stuck-body{filter:drop-shadow(0 0 1.5px var(--lime)) drop-shadow(0 0 1.5px var(--lime)) drop-shadow(0 14px 16px color-mix(in srgb, var(--pitch) 34%, transparent));translate:0 -3px;scale:1.06}.mbs-spot.is-picked .mbs-stuck-body:after{opacity:1;background-position:-40% 0}.mbs-spot.is-lifted .mbs-stuck-body{filter:drop-shadow(0 4px 3px color-mix(in srgb, var(--pitch) 30%, transparent)) drop-shadow(0 18px 20px color-mix(in srgb, var(--pitch) 34%, transparent));translate:0 -4px;scale:1.08}.mbs-spot.is-lifted .mbs-stuck-body:after{opacity:1;background-position:-40% 0}.mbs-stuck-body.is-slap{animation:.42s cubic-bezier(.2,.9,.3,1.2) backwards mbs-slap}@keyframes mbs-slap{0%{filter:drop-shadow(0 16px 18px color-mix(in srgb, var(--pitch) 30%, transparent));scale:1.2}38%{filter:drop-shadow(0 1px 1px color-mix(in srgb, var(--pitch) 45%, transparent));scale:1.07 .9}64%{scale:.97 1.03}}.mbs-stuck-body.is-fly{animation:.56s cubic-bezier(.25,.8,.35,1) backwards mbs-fly}@keyframes mbs-fly{0%{translate:var(--fx) var(--fy);scale:var(--fs,.6);filter:drop-shadow(0 4px 4px color-mix(in srgb, var(--pitch) 30%, transparent));rotate:-14deg}56%{filter:drop-shadow(0 20px 22px color-mix(in srgb, var(--pitch) 32%, transparent));translate:0 -12px;rotate:2deg;scale:1.22}74%{filter:drop-shadow(0 1px 1px color-mix(in srgb, var(--pitch) 45%, transparent));translate:0;rotate:0deg;scale:1.08 .9}88%{scale:.97 1.03}}.mbs-spot.is-going .mbs-stuck-body{animation:mbs-off .32s cubic-bezier(.5, 0, .75, 0) var(--d,0s) both}@keyframes mbs-off{30%{opacity:1;translate:0 -8px;rotate:-5deg;scale:1.1}to{opacity:0;translate:36px -96px;rotate:30deg;scale:.45}}html.mbs-dragging,html.mbs-dragging *{-webkit-user-select:none!important;user-select:none!important;cursor:grabbing!important}.mbs-ghost{pointer-events:none;filter:drop-shadow(0 18px 20px color-mix(in srgb, var(--pitch) 38%, transparent));position:fixed;rotate:-6deg;scale:1.08}.mbs-ghost img{width:100%;height:100%;display:block}.mbs-hint{left:50%;bottom:max(16px, env(safe-area-inset-bottom));background:var(--pitch);width:max-content;max-width:calc(100vw - 32px);color:var(--white);box-shadow:0 0 0 2px var(--lime), 0 20px 40px color-mix(in srgb, var(--pitch) 50%, transparent);border-radius:28px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;padding:10px 10px 10px 20px;font-size:clamp(14px,.2vw + 12px,17px);font-weight:700;line-height:1.35;animation:.32s cubic-bezier(.3,1.4,.5,1) both mbs-hint;display:flex;position:fixed;translate:-50%}.mbs-hint p{flex:200px;min-width:0}.mbs-hint button{background:var(--lime);min-height:44px;color:var(--pitch);cursor:pointer;border-radius:999px;flex:none;padding:0 18px;font-weight:800}.mbs-hint button.is-quiet{color:var(--white);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--white) 45%, transparent);background:0 0}.mbs-hint button:focus-visible{outline:3px solid var(--white);outline-offset:2px}.mbs-hint-acts{flex-wrap:wrap;flex:none;gap:8px;display:flex}@media (hover:hover){.mbs-hint button.is-quiet:hover{box-shadow:inset 0 0 0 2px var(--white)}}@keyframes mbs-hint{0%{opacity:0;translate:-50% 20px}to{opacity:1;translate:-50%}}@media (prefers-reduced-motion:reduce){.mbs-stuck-body.is-slap,.mbs-stuck-body.is-fly,.mbs-spot.is-going .mbs-stuck-body,.mbs-take img.is-fresh,.mbs-tip,.mbs-pack-top.is-torn,.mbs-sheet,.mbs-hint{animation:none!important}.mbs-pack-foil,.mbs-peek,.mbs-stuck-body,.mbs-stuck-body:after,.mbs-take img,.mbs-pack-body,.mbs-pack-top,.mbs-x{transition:none!important}}html[data-motion=off] .mbs-stuck-body.is-slap,html[data-motion=off] .mbs-stuck-body.is-fly,html[data-motion=off] .mbs-spot.is-going .mbs-stuck-body,html[data-motion=off] .mbs-take img.is-fresh,html[data-motion=off] .mbs-tip,html[data-motion=off] .mbs-pack-top.is-torn,html[data-motion=off] .mbs-sheet,html[data-motion=off] .mbs-hint{animation:none!important}html[data-motion=off] .mbs-pack-foil,html[data-motion=off] .mbs-peek,html[data-motion=off] .mbs-stuck-body,html[data-motion=off] .mbs-take img,html[data-motion=off] .mbs-x{transition:none!important}
