:root{--ink:#1b1410;--cream:#fff3dc;--p1:#ffcf1c;--p2:#e8622a;--p3:#b02a18;--p4:#7b5aa6;--p5:#4fa046;--gold:#f5c518;--indigo:#2b2c5e;--pop:cubic-bezier(.34,1.56,.64,1);--ease:cubic-bezier(.32,.72,0,1);--line:5px;--drop:9px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#ffe04a}@media (hover:hover) and (pointer:fine){html{scroll-snap-type:y proximity}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}}body{background:var(--p1);color:var(--ink);margin:0;font-family:Grandstander,ui-rounded,system-ui,sans-serif;font-size:clamp(1.1rem,1rem + .5vw,1.4rem);font-weight:600;line-height:1.5;overflow-x:hidden}a,button,label,input,summary{touch-action:manipulation;-webkit-tap-highlight-color:#1b141024}img{max-width:100%;height:auto;display:block}h1,h2,h3{letter-spacing:.01em;text-wrap:balance;margin:0;font-family:Luckiest Guy,ui-rounded,system-ui,cursive;font-weight:400;line-height:.92}p{text-wrap:pretty;margin:0 0 1em}:focus-visible{outline:4px solid var(--ink);outline-offset:4px;border-radius:8px}.skip{z-index:200;background:var(--ink);color:var(--cream);border-radius:0 0 16px;padding:1rem 1.4rem;font-family:Luckiest Guy,cursive;position:absolute;top:0;left:-9999px}.skip:focus{left:0}.sticker{border:var(--line) solid var(--ink);box-shadow:var(--drop) var(--drop) 0 var(--ink);background:var(--cream);border-radius:30px;overflow:hidden}.bar{z-index:90;padding:calc(.7rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) .7rem calc(1rem + env(safe-area-inset-left));background:var(--cream);border-bottom:var(--line) solid var(--ink);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;top:0;left:0;right:0}.brand{color:var(--ink);letter-spacing:.02em;align-items:center;gap:.5rem;font-family:Luckiest Guy,cursive;font-size:1.3rem;text-decoration:none;display:flex}.brand img{transform-origin:50% 90%;width:2rem;height:2rem;transition:transform .32s cubic-bezier(.34,1.25,.64,1)}.brand:hover img,.brand:focus-visible img{transform:translateY(-2px)rotate(-7deg)}.big{letter-spacing:.02em;color:var(--ink);background:var(--gold);border:var(--line) solid var(--ink);cursor:pointer;box-shadow:6px 6px 0 var(--ink);transition:transform .18s var(--ease),box-shadow .18s var(--ease),background-color .18s var(--ease);border-radius:999px;align-items:center;gap:.65rem;padding:.7rem 1.5rem;font-family:Luckiest Guy,cursive;font-size:clamp(1.05rem,1rem + .5vw,1.5rem);text-decoration:none;display:inline-flex}.big:hover{box-shadow:8px 8px 0 var(--ink);background:#ffe271;transform:translate(-2px,-2px)}.big:active{box-shadow:2px 2px 0 var(--ink);transform:translate(4px,4px)}.big.sm{box-shadow:4px 4px 0 var(--ink);padding:.5rem 1.05rem;font-size:1rem}.big.wide{justify-content:center;width:100%;padding:1rem 1.4rem;font-size:clamp(1.2rem,1.05rem + .7vw,1.7rem)}.big.ghost{background:var(--cream)}.big svg{stroke:currentColor;stroke-width:2.6px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:1.1em;height:1.1em}.panel{scroll-snap-align:start;place-items:center;min-height:100dvh;padding:clamp(5rem,12vh,7rem) clamp(1.1rem,4vw,3rem) clamp(2.5rem,7vh,4rem);display:grid;position:relative;overflow:hidden}.p1{background:linear-gradient(158deg,#ffe04a 0%,#ffcf1c 46%,#f9b81f 100%)}.p2{background:var(--p2)}.p3{background:var(--p3)}.p4{background:var(--p4)}.p5{background:var(--p5)}.p6{background:var(--cream);scroll-snap-align:none;min-height:auto}.on-dark{color:var(--cream)}.inner{align-items:center;gap:clamp(1.5rem,4vw,3.5rem);width:min(1120px,100%);display:grid}@media (min-width:1000px){.story .inner{grid-template-columns:1fr 1fr}.story.flip .art{order:2}}.line{text-transform:uppercase;font-size:clamp(2.1rem,6vw,5rem)}.line .w{opacity:0;transition:transform .6s var(--pop),opacity .35s linear;display:inline-block;transform:translateY(.5em)rotate(-6deg)}.in .line .w{opacity:1;transform:none}.line .hot{color:var(--gold)}.p1 .line .hot,.p6 .line .hot{color:var(--p2)}.sub{opacity:0;max-width:24ch;transition:opacity .5s ease .35s,transform .5s var(--ease) .35s;font-size:clamp(1.2rem,1.05rem + .8vw,1.8rem);font-weight:700;line-height:1.35;transform:translateY(18px)}.in .sub{opacity:1;transform:none}.art{position:relative}.art .cut{border:var(--line) solid var(--ink);box-shadow:var(--drop) var(--drop) 0 var(--ink);background:var(--cream);transform:rotate(var(--tilt,-2deg)) scale(.86) translateY(30px);opacity:0;transition:transform .85s var(--pop),opacity .4s linear;border-radius:34px;overflow:hidden}.in .art .cut{transform:rotate(var(--tilt,-2deg)) scale(1) translateY(0);opacity:1}.art .cut img{aspect-ratio:4/3;object-fit:cover;width:100%}.art.tall .cut img{aspect-ratio:1}.slap{z-index:2;text-transform:uppercase;color:var(--ink);background:var(--gold);border:var(--line) solid var(--ink);box-shadow:5px 5px 0 var(--ink);transition:transform .6s var(--pop) .5s;border-radius:999px;padding:.5rem 1.1rem;font-family:Luckiest Guy,cursive;font-size:clamp(.95rem,2.4vw,1.35rem);position:absolute;transform:scale(0)rotate(-24deg)}.in .slap{transform:scale(1) rotate(var(--slap-rot,-7deg))}.hero-inner{text-align:center;justify-items:center;gap:clamp(1.4rem,4vw,2.6rem);display:grid}@media (min-width:1000px){.hero-inner{text-align:left;grid-template-columns:1.05fr .95fr;justify-items:start}}h1{text-transform:uppercase;font-size:clamp(2.2rem,6.4vw,5.4rem)}h1 .hot{color:var(--p2)}.facts{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.facts li{text-transform:uppercase;background:var(--cream);border:3px solid var(--ink);border-radius:999px;padding:.3rem .85rem;font-family:Luckiest Guy,cursive;font-size:.95rem}.cover-wrap{width:min(420px,100%);position:relative}.cover-wrap .cut{--tilt:2.5deg}.rail{z-index:80;pointer-events:none;justify-content:center;width:26px;display:flex;position:fixed;top:22%;bottom:14%;right:.55rem}.rail:before{content:"";background:repeating-linear-gradient(180deg,var(--ink) 0 10px,transparent 10px 22px);opacity:.35;border-radius:3px;width:5px;height:100%}.rail .runner{will-change:transform;width:30px;height:30px;margin-left:-15px;position:absolute;top:0;left:50%;transform:translateY(0)rotate(90deg)}.rail .runner img{width:100%;height:100%}@media (max-width:820px){.rail{display:none}}.buy-inner{gap:1.3rem;width:min(880px,100%);display:grid}.buy h2{text-transform:uppercase;text-align:center;font-size:clamp(2.2rem,8vw,4rem)}.buy .say{text-align:center;max-width:34ch;margin-inline:auto;font-weight:700}.card{background:#fff;padding:clamp(1.2rem,4vw,2rem)}fieldset{border:0;margin:0;padding:0}legend{text-transform:uppercase;margin-bottom:.8rem;padding:0;font-family:Luckiest Guy,cursive;font-size:1.15rem}.fmts{gap:.7rem;margin-bottom:1.6rem;display:grid}.fmt{position:relative}.fmt input{opacity:0;width:0;height:0;position:absolute}.fmt span.face{cursor:pointer;border:4px solid var(--ink);background:var(--cream);text-transform:uppercase;transition:transform .16s var(--ease),box-shadow .16s var(--ease),background-color .16s var(--ease);border-radius:20px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;font-family:Luckiest Guy,cursive;font-size:1.15rem;display:flex}.fmt span.face .price{color:var(--p2)}.fmt input:checked+.face{background:var(--gold);box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.fmt input:focus-visible+.face{outline:4px solid var(--indigo);outline-offset:3px}.fmt .note{text-transform:none;opacity:.72;margin-top:.15rem;font-family:Grandstander,sans-serif;font-size:.85rem;font-weight:600;display:block}.qty{border:4px solid var(--ink);background:var(--cream);border-radius:999px;align-items:center;gap:.4rem;padding:.25rem;display:inline-flex}.qty button{cursor:pointer;background:var(--gold);width:2.9rem;height:2.9rem;color:var(--ink);transition:transform .16s var(--ease);border:0;border-radius:50%;font-family:Luckiest Guy,cursive;font-size:1.5rem;line-height:1}.qty button:hover{transform:scale(1.08)}.qty button:active{transform:scale(.9)}.qty button:disabled{opacity:.35;cursor:not-allowed;transform:none}.qty output{text-align:center;min-width:2.6rem;font-family:Luckiest Guy,cursive;font-size:1.5rem}.field{margin-bottom:.9rem}.row{gap:.9rem;display:grid}@media (min-width:620px){.row.two{grid-template-columns:1fr 1fr}.row.three{grid-template-columns:1.5fr 1fr 1fr}}label.lb{text-transform:uppercase;margin-bottom:.3rem;font-family:Luckiest Guy,cursive;font-size:.95rem;display:block}.inp{border:4px solid var(--ink);background:var(--cream);width:100%;color:var(--ink);transition:background-color .18s var(--ease),box-shadow .18s var(--ease);border-radius:16px;padding:.85rem 1rem;font-family:Grandstander,sans-serif;font-size:1.05rem;font-weight:600}.inp::placeholder{color:#1b141066;font-weight:600}.inp:focus{box-shadow:5px 5px 0 var(--ink);background:#fff;outline:none}.inp[aria-invalid=true]{background:#ffe3e0;border-color:#b02a18}.err{color:#8e2213;min-height:1.15rem;margin-top:.25rem;font-size:.85rem;font-weight:700;display:block}.tot{background:var(--cream);border:4px solid var(--ink);border-radius:22px;gap:.45rem;margin:1.4rem 0;padding:1.1rem 1.25rem;display:grid}.tot .r{font-variant-numeric:tabular-nums;justify-content:space-between;gap:1rem;font-weight:700;display:flex}.tot .r.big-r{text-transform:uppercase;border-top:4px solid var(--ink);margin-top:.3rem;padding-top:.6rem;font-family:Luckiest Guy,cursive;font-size:1.6rem}.tot .r.big-r span:last-child{color:var(--p2)}.safe{border:4px solid var(--ink);background:#e9f5ea;border-radius:20px;align-items:flex-start;gap:.7rem;margin-bottom:1.2rem;padding:.9rem 1.1rem;font-size:.95rem;font-weight:600;display:flex}.safe svg{stroke:#1f6b3c;stroke-width:2.2px;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.5rem;height:1.5rem;margin-top:.1rem}.who{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.1rem;margin-top:1.4rem;display:flex}@media (min-width:620px){.who{text-align:left;flex-wrap:nowrap;justify-content:flex-start}}.who img{object-fit:cover;object-position:50% 20%;border:var(--line) solid var(--ink);border-radius:50%;flex:none;width:88px;height:88px}.who b{text-transform:uppercase;font-family:Luckiest Guy,cursive;font-size:1.35rem;display:block}.who span{max-width:46ch;font-size:.95rem;font-weight:600;display:block}.done{text-align:center;padding:clamp(1.6rem,5vw,3rem);display:none}.done.show{animation:pop-in .7s var(--pop);display:block}.done img{width:110px;animation:hop 1.6s var(--ease) infinite;margin:0 auto 1rem}.done h3{text-transform:uppercase;margin-bottom:.6rem;font-size:clamp(1.8rem,7vw,3rem)}.done .ref{background:var(--gold);border:4px solid var(--ink);border-radius:999px;margin-top:.8rem;padding:.45rem 1.2rem;font-family:Luckiest Guy,cursive;font-size:1.2rem;display:inline-block}footer{background:var(--ink);color:var(--cream);text-align:center;padding:2.2rem 1.2rem calc(2.2rem + env(safe-area-inset-bottom));font-size:.9rem;font-weight:600}footer b{text-transform:uppercase;letter-spacing:.02em;margin-bottom:.3rem;font-family:Luckiest Guy,cursive;font-size:1.4rem;display:block}@keyframes hop{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-12px)rotate(3deg)}}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.line .w,.sub,.art .cut,.slap{opacity:1;transform:none}.rail{display:none}}.foot-links{flex-wrap:wrap;justify-content:center;gap:1.4rem;margin-top:1rem;display:flex}.foot-links a{color:var(--cream);opacity:.72;border-bottom:1px solid;padding-bottom:1px;font-size:.85rem;font-weight:600;text-decoration:none;transition:opacity .2s}.foot-links a:hover{opacity:1}
