:root{--bg:#2a1d11;--fg:#fff;--accent-dark:#7f6921;--accent-light:#fcbe27;--muted:#ffffffb3;--border:#ffffff17;--font-sans:"Sans", system-ui, -apple-system, sans-serif;--font-body:"Instrument Sans", system-ui, -apple-system, sans-serif;--gap:1rem;--section-padding:calc(var(--gap) * 6);--container-padding:1.5rem;--sp-xs:.5rem;--sp-sm:1rem;--sp-md:2rem;--sp-lg:4rem;--sp-xl:7rem;--max-w:70rem;--nav-h:4rem;--ease:cubic-bezier(.22, 1, .36, 1)}@font-face{font-family:Sans;src:url(/assets/PPRightGrotesk-CompactDark.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.65;overflow-x:hidden}img{max-width:100%;display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(1.375rem)}to{opacity:1;transform:translateY(0)}}@keyframes slowScrollPulse{0%{opacity:.8;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}to{opacity:.8;transform:translateY(0)}}.nav{height:var(--nav-h);padding-inline:var(--container-padding);z-index:100;background-color:#0000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0 0 auto}.nav__logo{align-items:center;height:100%;text-decoration:none;display:inline-flex}.nav__logo-svg{width:auto;height:1.33rem;display:block}.nav__logo-svg path{fill:var(--accent-light);transition:fill .2s var(--ease)}.nav__logo:hover .nav__logo-svg path{fill:var(--fg)}.hero-section{background-color:var(--bg);width:100%;height:100dvh;min-height:38rem;padding:calc(var(--sp-md) + var(--gap)) var(--container-padding) var(--sp-md) var(--container-padding);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.hero__header{z-index:10;justify-content:center;width:100%;display:flex}.hero__title-svg{-webkit-user-select:none;user-select:none;width:100%;max-width:calc(100% - 5vw);height:auto;display:block}.hero__title-svg path{fill:var(--accent-light)}.hero__bottom-container{z-index:40;width:100%;padding-bottom:var(--sp-xs);pointer-events:none;flex-direction:column;margin-top:auto;display:flex}.hero__body{text-align:center;padding-inline:var(--gap);pointer-events:auto;margin-inline:auto}.hero__paragraph{font-family:var(--font-sans);letter-spacing:0;color:var(--accent-light);text-transform:uppercase;text-wrap:balance;font-size:clamp(1.4rem,4vw,2.2rem);line-height:1.2}.hero-3d-stage{z-index:30;pointer-events:auto;cursor:default;width:min(32rem,80vw);height:min(32rem,80vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#hero-3d-canvas,.hero-3d-fallback{object-fit:contain;width:100%;height:100%;display:block}.hero__footer{pointer-events:auto;justify-content:center;align-items:center;width:100%;display:flex}.hero__scroll-instruction{width:3.5rem;height:3.5rem;transition:transform .2s var(--ease);pointer-events:auto;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.scroll-arrow{width:2rem;height:2rem;stroke:var(--accent-light);transition:stroke .2s var(--ease), transform .2s var(--ease);animation:2.4s ease-in-out infinite slowScrollPulse}.hero__scroll-instruction:hover .scroll-arrow{stroke:var(--fg);transform:scale(1.1)}.categories{box-sizing:border-box;background-color:var(--bg);color:var(--fg);font-family:var(--font-sans);text-transform:uppercase;-webkit-user-select:none;user-select:none;width:100%;height:100vh;position:relative;overflow:hidden}.categories *,.categories :before,.categories :after{box-sizing:border-box;margin:0;padding:0}.cl-wheel-layout{width:100%;height:100%;display:flex;position:relative}.cl-wheel-left-anchor{width:48%;height:100%;padding-right:var(--sp-md);z-index:20;justify-content:flex-end;align-items:center;display:flex}.cl-wheel-right-wheel{z-index:20;width:52%;height:100%;position:relative}.cl-wheel-anchor-text{font-family:var(--font-sans);color:var(--accent-light);white-space:nowrap;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1}.cl-wheel-scroll-container{touch-action:none;width:100%;height:100%;position:relative;overflow:hidden}.cl-wheel-scroll-wrapper{width:100%;padding-left:var(--sp-md);flex-direction:column;align-items:flex-start;gap:.75rem;display:flex;position:absolute}.cl-wheel-track-item{align-items:center;width:100%;display:flex}.cl-wheel-track-header{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-light);padding-top:var(--sp-sm);padding-bottom:var(--sp-xs);cursor:pointer;transition:opacity .25s var(--ease);font-size:.75rem;line-height:1;display:block}.cl-wheel-track-link{font-family:var(--font-sans);color:var(--fg);opacity:1;white-space:nowrap;transition:transform .35s var(--ease), color .35s var(--ease);align-items:center;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.2;text-decoration:none;display:inline-flex}.cl-wheel-track-link:hover{color:var(--accent-light);transform:translate(.5rem)}.cl-wheel-track-link:after{content:"→";color:var(--accent-light);opacity:0;transition:opacity .3s var(--ease), transform .3s var(--ease);justify-content:center;align-items:center;margin-left:.5rem;font-family:system-ui,-apple-system,sans-serif;font-size:1.15em;line-height:1;display:inline-flex;transform:translate(-.35rem)}.cl-wheel-track-link:hover:after{opacity:1;transform:translate(0)}.cl-wheel-mask-overlay{pointer-events:none;z-index:10;background:linear-gradient(to bottom, var(--bg) 0%, #120d0400 25%, #120d0400 75%, var(--bg) 100%);position:absolute;inset:0}body.page-create{background:var(--bg);min-height:100dvh;padding-top:calc(var(--nav-h) + 1.5rem);flex-direction:column;padding-bottom:4.5rem;display:flex;position:relative;overflow-y:auto}.creator{width:100%;max-width:var(--max-w);padding-inline:var(--container-padding);flex-direction:column;justify-content:center;align-items:center;margin-block:auto;margin-inline:auto;display:flex}.sentence-form{font-family:var(--font-sans);text-transform:uppercase;color:var(--accent-light);justify-content:space-between;align-items:flex-end;gap:1rem;width:100%;max-width:50rem;margin-inline:auto;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.33;display:flex}.sentence-form__category{color:var(--fg);text-align:center;font-weight:400}.sentence-form__input-wrapper{flex:1;display:block;position:relative}.sentence-form__input-wrapper input{border:none;border-bottom:.08rem solid var(--border);color:var(--fg);font-family:var(--font-sans);font-size:inherit;text-transform:uppercase;text-align:left;width:100%;transition:border-color .25s var(--ease);background:0 0;outline:none;font-weight:400;line-height:1}.sentence-form__input-wrapper input::placeholder{color:#ffffff26;text-transform:uppercase;font-size:1.2rem}.sentence-form__input-wrapper input:focus{border-color:var(--accent-light)}.sentence-form:first-of-type{flex-wrap:wrap;justify-content:center;gap:.4rem}.btn-group{margin-top:var(--sp-lg);flex-wrap:wrap;justify-content:center;align-items:center;width:max-content;margin-inline:auto;display:flex}.btn{background:var(--accent-light);color:var(--bg);line-height:1;font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--accent-light);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);border-radius:5rem;justify-content:center;align-items:center;gap:.6rem;padding:1rem 2rem;font-size:.88rem;text-decoration:none;display:inline-flex}.btn:hover{background:var(--bg);color:var(--accent-light);border-color:var(--accent-light)}.btn:active{transform:scale(.97)}.btn--download{border:1px solid var(--accent-dark);color:var(--accent-light);opacity:.6;background:0 0;padding:.6rem 2rem}.btn--download:hover{border-color:var(--accent-light);color:var(--accent-light);opacity:1;background:0 0}.result{text-align:center;opacity:0;min-height:0;transition:opacity .6s var(--ease), transform .6s var(--ease);flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:none;transform:translateY(1.25rem)}.result.visible{opacity:1;transform:translateY(0)}.coin-wrapper{-webkit-user-select:none;user-select:none;flex-shrink:0;width:min(80vw,30rem);height:min(80vw,30rem);position:relative}.coin-wrapper canvas{touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}#chocolate-canvas{z-index:1;pointer-events:none}#foil-canvas{z-index:2;cursor:grab}#foil-canvas:active{cursor:grabbing}#particle-canvas{z-index:3;pointer-events:none}.result__cert{flex-direction:row;flex-shrink:0;justify-content:space-between;gap:1.5rem;width:100%;max-width:52rem;padding-block:4rem;display:flex}.result__col{text-align:center;flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.result__label{letter-spacing:.15em;text-transform:uppercase;color:var(--accent-light);white-space:nowrap;margin-bottom:.3rem;font-size:.65rem}.result__value{font-family:var(--font-sans);color:var(--fg);word-break:break-word;font-size:clamp(.95rem,2.2vw,1.35rem);line-height:1.2}.result__value:last-child{margin-bottom:0}.result__actions{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:.75rem;width:100%;margin-top:1rem;display:flex}.footer{width:100%;padding:var(--sp-xs) var(--container-padding);padding-bottom:calc(var(--sp-xs) + 6px);z-index:50;text-align:center;pointer-events:none;opacity:0;background:0 0;border:none;transition:opacity .25s;position:absolute;bottom:0;left:0}.footer__content{max-width:var(--max-w);justify-content:center;align-items:center;gap:var(--sp-sm);flex-direction:row;width:100%;margin-inline:auto;display:flex}.footer__content p{font-family:var(--font-body);color:#ffffff40;letter-spacing:.01em;text-transform:none;font-size:.58rem;line-height:1.2}.stickers-container{pointer-events:none;z-index:5;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.sticker{pointer-events:none;opacity:0;background-color:var(--accent-light);transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .4s cubic-bezier(.22,1,.36,1);position:absolute;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sticker--ego{width:12rem;height:3.5rem;top:8%;left:6%;transform:rotate(-12deg)scale(.8);-webkit-mask-image:url(/assets/stickers/ego.svg);mask-image:url(/assets/stickers/ego.svg)}.sticker--star-1{width:4rem;height:4rem;top:20%;left:12%;transform:scale(.8);-webkit-mask-image:url(/assets/stickers/star.svg);mask-image:url(/assets/stickers/star.svg)}.sticker--gold{width:12rem;height:3.5rem;top:22%;right:8%;transform:rotate(14deg)scale(.8);-webkit-mask-image:url(/assets/stickers/gold.svg);mask-image:url(/assets/stickers/gold.svg)}.sticker--star-2{width:4rem;height:4rem;top:44%;right:10%;transform:scale(.8);-webkit-mask-image:url(/assets/stickers/star.svg);mask-image:url(/assets/stickers/star.svg)}.sticker--winners{width:14rem;height:4rem;bottom:32%;left:7%;transform:rotate(-10deg)scale(.8);-webkit-mask-image:url(/assets/stickers/winners.svg);mask-image:url(/assets/stickers/winners.svg)}.sticker--star-3{width:4rem;height:4rem;bottom:8%;left:6%;transform:scale(.8);-webkit-mask-image:url(/assets/stickers/star.svg);mask-image:url(/assets/stickers/star.svg)}.sticker--victory{width:14rem;height:4rem;bottom:12%;right:7%;transform:rotate(10deg)scale(.8);-webkit-mask-image:url(/assets/stickers/victory.svg);mask-image:url(/assets/stickers/victory.svg)}.result .sticker{pointer-events:none;z-index:5;background-color:var(--accent-light);opacity:0;width:12rem;height:4rem;position:absolute;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.result .sticker--volume{right:calc(var(--container-padding) * -1);top:calc(24% - 2rem);-webkit-mask-image:url(/assets/stickers/volume.svg);mask-image:url(/assets/stickers/volume.svg)}.result .sticker--drag{left:calc(var(--container-padding) * -1);top:calc(48% - 2rem);-webkit-mask-image:url(/assets/stickers/drag.svg);mask-image:url(/assets/stickers/drag.svg)}.stickers-container.is-active .sticker,.sticker.is-visible{opacity:1}.stickers-container.is-active .sticker--ego,.sticker--ego.is-visible{transform:rotate(-12deg)scale(1)}.stickers-container.is-active .sticker--star-1,.sticker--star-1.is-visible{transform:scale(1)}.stickers-container.is-active .sticker--gold,.sticker--gold.is-visible{transform:rotate(14deg)scale(1)}.stickers-container.is-active .sticker--star-2,.sticker--star-2.is-visible{transform:scale(1)}.stickers-container.is-active .sticker--winners,.sticker--winners.is-visible{transform:rotate(-10deg)scale(1)}.stickers-container.is-active .sticker--star-3,.sticker--star-3.is-visible{transform:scale(1)}.stickers-container.is-active .sticker--victory,.sticker--victory.is-visible{transform:rotate(10deg)scale(1)}@media (width<=48rem){:root{--sp-lg:2.5rem;--sp-xl:4.5rem;--container-padding:1rem}.stickers-container{display:none!important}.nav{padding-inline:var(--container-padding)}.hero__title-svg{max-width:100%}.categories{height:auto!important;overflow:visible!important}.cl-wheel-layout{flex-direction:column;height:auto!important}.cl-wheel-left-anchor{padding-block:2rem 1rem;justify-content:center;align-items:center;width:100%;height:auto;padding-right:0}.cl-wheel-right-wheel{width:100%;height:auto!important}.cl-wheel-scroll-container{touch-action:auto!important;height:auto!important;overflow:visible!important}.cl-wheel-scroll-wrapper{align-items:center;width:100%;padding-left:0;gap:1.25rem!important;position:relative!important;top:auto!important;transform:none!important}.cl-wheel-mask-overlay{display:none!important}.cl-wheel-track-header{padding-top:1.5rem;padding-bottom:.5rem;opacity:.5!important;transform:none!important}.cl-wheel-track-link{font-family:var(--font-sans);text-align:center;color:var(--fg)!important;opacity:1!important;transform:none!important}.footer{margin-top:3rem;padding-bottom:2rem;opacity:1!important;pointer-events:auto!important;position:relative!important}.track,.cl-wheel-track-item{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.track__list{flex-direction:column;align-items:center;width:100%;list-style:none;display:flex}.track__item{justify-content:center;width:100%;display:flex}.track__label,.cl-wheel-track-header{text-align:center;width:100%}.track__link,.cl-wheel-track-link{text-align:center;white-space:normal;justify-content:center;width:auto;max-width:90vw;padding-inline:1rem}.cl-wheel-track-link:after,.track__link:after{display:none!important}.sentence-form{text-align:center;flex-direction:column;align-items:center;gap:.2rem;margin-bottom:1rem}.sentence-form__input-wrapper{margin-left:0;width:100%;margin-block:.4rem}.sentence-form__input-wrapper input{text-align:center;width:100%;padding-bottom:.2rem}.page-create .footer{width:100%;padding-bottom:var(--sp-xs);margin-top:0;bottom:0;left:0;position:absolute!important}.result .sticker{width:8.5rem!important;height:2.8rem!important}.result .sticker--volume{top:-4.5rem!important;left:auto!important;right:2%!important;transform:rotate(8deg)!important}.result .sticker--drag{top:-3.5rem!important;left:2%!important;right:auto!important;transform:rotate(-8deg)!important}}@media (width>=48.0625rem){.hero__title-svg{max-width:calc(100% - 40vw)}.cl-wheel-scroll-wrapper{padding-left:var(--sp-md);gap:var(--sp-sm)}.cl-wheel-track-header{padding-top:1.25rem;padding-bottom:.375rem;font-size:.9rem}}