.crc{--crc-tint:#f3f0fa;--crc-ground:#e7e0f4;--crc-shadow-lg:0 1px 2px #1a16250d, 0 34px 70px -34px #1a16254d;background:var(--color-background);color:var(--color-foreground);padding:0 1rem clamp(5rem,4rem + 4vw,7.5rem)}.crc-box{border:1px solid var(--color-surface-border);background:radial-gradient(ellipse 60% 50% at 50% 0%, #6b4ed414, transparent 70%), var(--color-surface);max-width:50rem;box-shadow:var(--crc-shadow-lg);text-align:center;border-radius:28px;flex-direction:column;align-items:center;margin:0 auto;padding:clamp(1.5rem,1rem + 2vw,2.5rem) clamp(1.25rem,.5rem + 3vw,3.5rem) clamp(2.25rem,1.5rem + 3vw,3.5rem);display:flex;overflow:hidden}.crc-scene{width:min(100%,22rem)}.crc-ground{background:linear-gradient(to bottom, var(--crc-tint) 0 76%, var(--crc-ground) 76% 100%);border-radius:18px;justify-content:center;align-items:flex-end;gap:1rem;height:132px;padding-bottom:12px;display:flex}.crc-jade{width:auto;height:108px}.crc-frames{display:block;position:relative}.crc-sprite{width:auto;height:82px;display:block}.crc-frame-b{opacity:0;position:absolute;inset:0}.crc-coin{margin-bottom:58px;margin-left:-.6rem}.crc-scene.is-on .crc-frame-b{animation:.6s step-end infinite crc-frame}.crc-scene.is-on .crc-coin{animation:1.6s ease-in-out infinite crc-bob}.crc-title{max-width:36rem;font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin-top:1.5rem;font-size:clamp(1.9rem,1.4rem + 2vw,3rem);font-weight:800;line-height:1.1}.crc-accent{color:var(--color-primary)}.crc-disclaimer{max-width:28rem;color:var(--color-muted);text-wrap:pretty;margin-top:.9rem;font-size:14px;line-height:1.55}.crc-cta{margin-top:1.75rem}@keyframes crc-frame{0%{opacity:0}50%{opacity:1}}@keyframes crc-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.crc-scene.is-on *{animation:none!important}}
.crh-hero{--crh-tint:#f3f0fa;--crh-ground:#e7e0f4;--crh-soft:#8a8496;--crh-green-ink:#047857;--crh-shadow:0 1px 2px #1a16250a, 0 18px 40px -26px #1a16253d;background:var(--color-background);color:var(--color-foreground);font-variant-ligatures:no-common-ligatures;padding:clamp(7rem,5rem + 5vw,9.5rem) 0 clamp(3.5rem,2.5rem + 3vw,5.5rem);position:relative;overflow:hidden}.crh-hero:before{content:"";pointer-events:none;background:radial-gradient(55% 40% at 50% 20%,#6b4ed417,#0000 70%),radial-gradient(circle at 1px 1px,#1a162512 1px,#0000 1.5px) 0 0/24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 45%,#0000 95%);mask-image:linear-gradient(#000 45%,#0000 95%)}.crh-inner{z-index:10;text-align:center;flex-direction:column;align-items:center;max-width:72rem;margin:0 auto;padding:0 1rem;display:flex;position:relative}.crh-title-fit{width:100%;max-width:60rem;container-type:inline-size}.crh-title{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.1rem,1.3rem + 3.2vw,3.9rem);font-weight:800;line-height:1.06}.crh-accent{color:var(--color-primary);padding-right:.06em;display:block}@media (min-width:1024px){.crh-title{font-size:clamp(2.25rem, calc(100cqw / (var(--chars) * .55)), 3.9rem)}.crh-line{white-space:nowrap}}.crh-sub{max-width:38rem;color:var(--color-muted);text-wrap:pretty;margin-top:1.1rem;font-size:clamp(1rem,.95rem + .3vw,1.15rem);line-height:1.55}.crh-cta{margin-top:1.75rem}.crh-stage{width:100%;margin-top:clamp(2.75rem,2rem + 3vw,4rem)}.crh-example{background:var(--color-surface-light);color:var(--crh-soft);font-family:var(--font-sans,inherit);letter-spacing:.06em;text-transform:uppercase;vertical-align:middle;border-radius:6px;padding:.1rem .4rem;font-size:10px;font-weight:700;display:inline-flex}.crh-frames{display:block;position:relative}.crh-frame-b{opacity:0;position:absolute;inset:0}.crh-stage.is-on .crh-frame-b{animation:.6s step-end infinite crh-frame}.crh-sprite{-webkit-user-select:none;user-select:none;width:auto;max-width:none;height:96px;display:block}.crh-sprite-tall{-webkit-user-select:none;user-select:none;width:auto;height:124px;display:block}.crh-bd{grid-template-columns:minmax(0,1fr);gap:1rem;max-width:60rem;margin:0 auto;display:grid}@media (min-width:768px){.crh-bd{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}.crh-panel{border:1px solid var(--color-surface-border);background:var(--color-surface);box-shadow:var(--crh-shadow);border-radius:20px;flex-direction:column;align-items:center;padding:.9rem .9rem 1.2rem;display:flex;position:relative}.crh-panel:before{content:"";border-radius:inherit;border:2px solid var(--color-primary);opacity:0;pointer-events:none;position:absolute;inset:-1px}.crh-panel-num{z-index:3;background:var(--color-primary);color:#fff;border-radius:7px;place-items:center;width:1.6rem;height:1.6rem;font-size:12px;font-weight:800;display:grid;position:absolute;top:.8rem;left:.8rem}.crh-panel-scene{background:linear-gradient(to bottom, var(--crh-tint) 0 78%, var(--crh-ground) 78% 100%);border-radius:14px;justify-content:center;align-items:flex-end;width:100%;height:200px;padding-bottom:14px;display:flex;position:relative;overflow:hidden}.crh-scene-studio{image-rendering:pixelated;background:url(/images/creators/studio.webp) 42% 28%/180% no-repeat}.crh-bubble{z-index:2;border:1px solid var(--color-surface-border);background:var(--color-surface);white-space:nowrap;border-radius:12px;align-items:center;gap:.3rem;max-width:92%;padding:.4rem .75rem;font-size:13px;font-weight:700;display:inline-flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 18px -12px #1a162559}.crh-bubble-url{color:var(--color-primary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;font-weight:500}.crh-bubble-money{color:var(--crh-green-ink);font-family:var(--font-display);font-size:1.35rem;font-weight:800}.crh-duo{align-items:flex-end;gap:.4rem;display:flex}.crh-coin{margin-bottom:64px}.crh-panel-title{font-family:var(--font-display);text-align:center;text-wrap:balance;margin-top:.9rem;font-size:1.05rem;font-weight:700}.crh-panel-note{color:var(--crh-soft);align-items:center;gap:.35rem;margin-top:.45rem;font-size:12.5px;display:inline-flex}.crh-stage.is-on .crh-panel:before{animation:7.5s infinite crh-panel-on;animation-delay:calc(var(--i) * 2.5s)}.crh-stage.is-on .crh-coin{animation:1.6s ease-in-out infinite crh-bob}@keyframes crh-frame{0%{opacity:0}50%{opacity:1}}@keyframes crh-panel-on{0%,36%,to{opacity:0}5%,30%{opacity:1}}@keyframes crh-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.crh-stage.is-on *,.crh-stage.is-on :before,.crh-stage.is-on :after{animation:none!important}}
.crr{--crr-tint:#f3f0fa;--crr-shadow:0 1px 2px #1a16250a, 0 18px 40px -26px #1a162538;background:var(--color-background);color:var(--color-foreground);padding:0 1rem clamp(5rem,4rem + 4vw,8rem)}.crr-inner{max-width:72rem;margin:0 auto}.crr-h2{font-family:var(--font-display);letter-spacing:-.03em;text-align:center;text-wrap:balance;margin-bottom:clamp(2rem,1.5rem + 2vw,3rem);font-size:clamp(1.9rem,1.4rem + 2vw,3rem);font-weight:800;line-height:1.1}.crr-accent{color:var(--color-primary)}.crr-rules{gap:.85rem;display:grid}@media (min-width:640px){.crr-rules{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.crr-rules{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}.crr-rule{border:1px solid var(--color-surface-border);background:var(--color-surface);box-shadow:var(--crr-shadow);border-radius:18px;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;align-items:start;gap:.2rem 1rem;padding:1.25rem;display:grid}.crr-icon{background:var(--crr-tint);border-radius:14px;grid-row:span 2;place-items:center;width:56px;height:56px;display:grid}.crr-icon img{object-fit:contain;width:40px;height:40px}.crr-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700}.crr-text{color:var(--color-muted);font-size:14.5px;line-height:1.5}.crr-bonus{border:1px dashed color-mix(in srgb, var(--color-primary) 40%, transparent);background:color-mix(in srgb, var(--color-primary) 5%, transparent);text-align:center;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem .6rem;margin-top:1.25rem;padding:.9rem 1.25rem;font-size:15px;display:flex}.crr-bonus strong{color:var(--color-primary)}
