@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;700&display=swap";
.reel-root{--_bg:var(--reel-bg,#0006);--_rail:var(--reel-rail,#ffffff1a);--_text:var(--reel-text,white);--_text-dim:var(--reel-text-dim,#ffffff73);--_winner:var(--reel-winner,#fbbf24);--_winner-glow:var(--reel-winner-glow,#fbbf2480);--_font:var(--reel-font,inherit);--_mono:var(--reel-mono-font,ui-monospace,monospace);font-family:var(--_font);flex-direction:column;align-items:stretch;gap:.75rem;display:flex}.reel-label{font-size:11px;font-family:var(--_mono);text-transform:uppercase;letter-spacing:.2em;color:var(--_text-dim);align-items:center;gap:.5rem;display:flex}.reel-caption{font-size:11px;font-family:var(--_mono);letter-spacing:.06em;color:var(--_text-dim);text-align:center}.reel-window{height:calc(var(--reel-item-height)*var(--reel-visible));background:var(--_bg);border:1px solid var(--_rail);border-radius:var(--reel-radius,12px);position:relative;overflow:hidden}.reel-selection{inset-inline:.5rem;height:var(--reel-item-height);border:1.5px solid var(--_winner);box-shadow:0 0 24px var(--_winner-glow),inset 0 0 0 1px #ffffff0d;z-index:3;pointer-events:none;border-radius:6px;position:absolute;top:50%;transform:translateY(-50%)}.reel-fade-top,.reel-fade-bottom{height:calc(var(--reel-item-height)*2);pointer-events:none;z-index:2;position:absolute;inset-inline:0}.reel-fade-top{background:linear-gradient(to bottom,var(--_bg),transparent);top:0}.reel-fade-bottom{background:linear-gradient(to top,var(--_bg),transparent);bottom:0}.reel-live{font-size:9px;font-family:var(--_mono);letter-spacing:.15em;color:var(--_text);z-index:4;background:#00000080;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex;position:absolute;top:8px;right:8px}.reel-live-dot{background:#ef4444;border-radius:999px;width:6px;height:6px;animation:1.4s ease-in-out infinite reel-live-pulse;box-shadow:0 0 8px #ef4444}@keyframes reel-live-pulse{0%,to{opacity:1}50%{opacity:.4}}.reel-track{inset-inline:0;top:calc(50% - (var(--reel-item-height)/2));will-change:transform;flex-direction:column;display:flex;position:absolute}.reel-track[data-spinning=true]{animation:reel-spin var(--reel-spin-duration)cubic-bezier(.18,.7,.05,1)forwards;filter:blur()}@keyframes reel-spin{0%{filter:blur(2px);transform:translateY(0)}20%{filter:blur(2.5px)}60%{filter:blur(1.2px)}85%{filter:blur(.4px)}to{transform:translateY(var(--reel-final-y));filter:blur()}}.reel-item{height:var(--reel-item-height);border-bottom:1px dashed var(--_rail);font-family:var(--_mono);letter-spacing:.05em;color:var(--_text);justify-content:center;align-items:center;font-size:18px;font-weight:600;transition:color .25s,transform .25s;display:flex}.reel-item[data-winner=true]{color:var(--_winner);text-shadow:0 0 16px var(--_winner-glow);transform:scale(1.08)}.reel-item-text{display:inline-block}@media (prefers-reduced-motion:reduce){.reel-track{filter:none!important;transform:var(--reel-final-y)!important;animation:none!important}}
.mbr-root{--_bg:var(--box-bg,transparent);--_prize-bg:var(--box-prize-bg,var(--_bg));--_prize-lift:var(--box-prize-lift,-60px);--_glow:var(--box-glow,#f43f5e8c);--_text:var(--box-text,white);--c1:var(--box-confetti-1,#f43f5e);--c2:var(--box-confetti-2,#fbbf24);--c3:var(--box-confetti-3,#a78bfa);--c4:var(--box-confetti-4,#22d3ee);width:280px;height:360px;position:relative}.mbr-stage{width:100%;height:100%;position:relative}.mbr-glow{background:radial-gradient(circle,var(--_glow),transparent 70%);filter:blur(8px);z-index:0;opacity:0;border-radius:999px;width:220px;height:220px;transition:opacity .6s,transform .6s;position:absolute;bottom:70px;left:50%;transform:translate(-50%)scale(.7)}.mbr-root[data-stage=open] .mbr-glow{opacity:.85;transform:translate(-50%)scale(1.1)}.mbr-lottie{z-index:1;width:280px;height:280px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mbr-prize{z-index:3;background:var(--_prize-bg);border:1.5px solid var(--_glow);pointer-events:none;opacity:0;box-shadow:0 0 30px var(--_glow),0 8px 24px #00000059;white-space:nowrap;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:12px 18px;transition:opacity .5s,transform .7s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;bottom:140px;left:50%;transform:translate(-50%,20px)scale(0)}.mbr-root[data-stage=open] .mbr-prize{opacity:1;transform:translate(-50%,var(--_prize-lift))scale(1)}.mbr-prize-display{font-family:var(--box-display-font,inherit);color:var(--_text);letter-spacing:-.02em;font-size:28px;font-weight:700;line-height:1}.mbr-prize-sub{font-family:var(--box-mono-font,ui-monospace,monospace);letter-spacing:.2em;text-transform:uppercase;color:color-mix(in oklch,var(--_text)75%,transparent);font-size:9px}.mbr-prize-label{letter-spacing:.04em;color:color-mix(in oklch,var(--_text)85%,transparent);font-size:11px}.mbr-confetti{pointer-events:none;z-index:4;width:1px;height:1px;position:absolute;bottom:170px;left:50%}.mbr-confetto{background:var(--c-color);opacity:0;width:7px;height:7px;transform:translate(-50%,-50%)rotate(var(--c-angle))translate(0,0)scale(.6);border-radius:1.5px;position:absolute;top:0;left:0}.mbr-root[data-stage=open] .mbr-confetto{animation:1.1s cubic-bezier(.16,.7,.3,1) forwards mbr-confetto-burst;animation-delay:var(--c-delay)}@keyframes mbr-confetto-burst{0%{opacity:0;transform:translate(-50%,-50%)rotate(var(--c-angle))translate(0,0)scale(.6)}20%{opacity:1;transform:translate(-50%,-50%)rotate(var(--c-angle))translate(15px,0)scale(1)}to{opacity:0;transform:translate(-50%,-50%)rotate(var(--c-angle))translate(110px,0)scale(.4)}}@media (prefers-reduced-motion:reduce){.mbr-glow,.mbr-prize{transition:none!important}.mbr-prize{opacity:1;transform:translate(-50%,-60px)scale(1)}.mbr-glow{opacity:.6}.mbr-confetto{animation:none!important}}
.laf-root{--_bg:var(--feed-bg,#ffffff0a);--_row-bg:var(--feed-row-bg,#ffffff0a);--_text:var(--feed-text,white);--_text-dim:var(--feed-text-dim,#ffffff8c);--_accent:var(--feed-accent,#fbbf24);--_border:var(--feed-border,#ffffff1a);--_font:var(--feed-font,inherit);--_mono:var(--feed-mono-font,ui-monospace,monospace);font-family:var(--_font);background:var(--_bg);border:1px solid var(--_border);border-radius:var(--feed-radius,12px);flex-direction:column;gap:10px;padding:12px 14px;display:flex}.laf-header{font-size:10px;font-family:var(--_mono);letter-spacing:.18em;text-transform:uppercase;color:var(--_text-dim);align-items:center;gap:6px;display:inline-flex}.laf-pip{background:#ef4444;border-radius:999px;width:6px;height:6px;animation:1.4s ease-in-out infinite laf-pip;box-shadow:0 0 8px #ef4444}@keyframes laf-pip{0%,to{opacity:1}50%{opacity:.4}}.laf-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex;position:relative;overflow:hidden}.laf-row{background:var(--_row-bg);border:1px solid var(--_border);opacity:calc(1 - (var(--laf-pos)/var(--laf-total))*.6);border-radius:8px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:10px;font-size:12px;animation:.6s cubic-bezier(.18,1,.5,1) backwards laf-slide-in;display:grid}@keyframes laf-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:calc(1 - (var(--laf-pos)/var(--laf-total))*.6);transform:translateY(0)}}.laf-glyph{background:#ffffff0f;border-radius:8px;place-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:grid}.laf-glyph[data-kind=win]{color:var(--_accent);background:color-mix(in oklch,var(--_accent)18%,transparent)}.laf-glyph[data-kind=buy]{color:#22d3ee;background:#22d3ee1f}.laf-glyph[data-kind=level-up]{color:#a78bfa;background:#a78bfa24}.laf-glyph[data-kind=draw],.laf-glyph[data-kind=donate]{color:#f43f5e;background:#f43f5e24}.laf-text{min-width:0}.laf-line{color:var(--_text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.laf-who{font-weight:600}.laf-what{color:var(--_text-dim)}.laf-meta{font-family:var(--_mono);color:var(--_text-dim);letter-spacing:.04em;margin-top:1px;font-size:10px}.laf-amount{font-family:var(--_mono);color:var(--_text);font-size:13px;font-weight:700}.laf-amount[data-kind=win]{color:var(--_accent)}@media (prefers-reduced-motion:reduce){.laf-row{animation:none!important}}
.v1-cascade-root{--bg:#0f0f23;--bg-2:#1a0f3a;--primary:#7c3aed;--primary-2:#a78bfa;--cta:#f43f5e;--cta-2:#fb7185;--text:#e2e8f0;--text-dim:#e2e8f0a6;--glass-bg:#ffffff0f;--glass-bg-strong:#ffffff1a;--glass-border:#ffffff29;--glass-border-strong:#ffffff47;font-family:var(--font-nunito),system-ui,sans-serif;color:var(--text);background:var(--bg);min-height:100vh;position:relative;overflow-x:hidden}.v1-cascade-root .display{font-family:var(--font-fredoka),system-ui,sans-serif;letter-spacing:-.02em;font-weight:600}.v1-cascade-root .glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px)saturate(140%)}.v1-cascade-root .glass-strong{background:var(--glass-bg-strong);border:1px solid var(--glass-border-strong);-webkit-backdrop-filter:blur(20px)saturate(150%)}.v1-cascade-mesh{pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 20% 25%,#7c3aed8c,#0000 60%),radial-gradient(55% 45% at 85% 15%,#f43f5e59,#0000 55%),radial-gradient(60% 60% at 75% 85%,#a78bfa66,#0000 60%),radial-gradient(50% 50% at 10% 90%,#7c3aed4d,#0000 60%);animation:22s ease-in-out infinite alternate cascade-drift;position:absolute;inset:0}.v1-cascade-mesh-soft{pointer-events:none;z-index:0;background:radial-gradient(70% 50% at 50% 0,#7c3aed2e,#0000 70%),radial-gradient(50% 60% at 100% 100%,#f43f5e1f,#0000 70%);position:absolute;inset:0}@keyframes cascade-drift{0%{filter:hue-rotate();transform:translate(0,0)scale(1)}to{filter:hue-rotate(15deg);transform:translate(-3%,2%)scale(1.08)}}@keyframes cascade-pulse{0%,to{box-shadow:0 0 #f43f5e80}50%{box-shadow:0 0 0 14px #f43f5e00}}.v1-cascade-pulse{animation:2.4s ease-out infinite cascade-pulse}@keyframes cascade-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.v1-cascade-rise{animation:.8s ease-out backwards cascade-rise}.v1-cascade-root .cta-button{background:linear-gradient(135deg,var(--cta),var(--cta-2));color:#fff;font-weight:700;font-family:var(--font-fredoka),system-ui,sans-serif;cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:1rem 2rem;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 40px -10px #f43f5e99}.v1-cascade-root .cta-button:hover{transform:translateY(-2px);box-shadow:0 16px 50px -8px #f43f5ecc}.v1-cascade-root .ghost-button{color:var(--text);border:1px solid var(--glass-border-strong);font-family:var(--font-fredoka),system-ui,sans-serif;cursor:pointer;background:0 0;border-radius:999px;padding:1rem 2rem;font-weight:500;transition:background .2s}.v1-cascade-root .ghost-button:hover{background:var(--glass-bg)}@media (prefers-reduced-motion:reduce){.v1-cascade-mesh,.v1-cascade-pulse,.v1-cascade-rise{animation:none}}
html:has(.v20-cinematic-root){scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:has(.v20-cinematic-root){scroll-behavior:auto}}.v20-cinematic-root .v1-cascade-mesh{filter:blur(70px);opacity:.7;mix-blend-mode:screen;will-change:background-position;background:repeating-linear-gradient(105deg,#7c3aed80 0%,#a78bfa59 12%,#f43f5e66 22%,#0000 30% 38%,#7c3aed73 48%,#a78bfa47 58%) 0 45%/220% 100% no-repeat,repeating-linear-gradient(82deg,#f43f5e52 0%,#0000 15% 30%,#f43f5e47 45%,#0000 60%) 100% 55%/180% 100% no-repeat,repeating-linear-gradient(135deg,#fbbf2452 0%,#0000 18% 42%,#fbbf2438 58%,#0000 80%) 30% 40%/250% 120% no-repeat;animation:20s ease-in-out infinite alternate v20-aurora;inset:-8%;transform:none!important}@keyframes v20-aurora{0%{background-position:0 40%,100% 60%,20% 35%}to{background-position:180% 65%,-60% 35%,95% 70%}}@media (prefers-reduced-motion:reduce){.v20-cinematic-root .v1-cascade-mesh{animation:none!important}}.cinematic-showcase-card{-webkit-backdrop-filter:blur(26px)saturate(180%);background:linear-gradient(135deg,#ffffff12,#7c3aed0f);border:1px solid #ffffff1f;box-shadow:inset 0 1px #ffffff14,0 20px 60px -20px #7c3aed52}.cinematic-demo-tile{background:linear-gradient(135deg,#7c3aed29 0%,#a78bfa14 50%,#f43f5e14 100%);border:1px solid #a78bfa38;box-shadow:inset 0 1px #ffffff14,0 8px 24px -12px #7c3aed4d}.cinematic-feature-tab{cursor:pointer;background:0 0;border:1px solid #0000;transition:background-color .18s,border-color .18s,transform .18s}.cinematic-feature-tab:hover{background:#ffffff0d;border-color:#ffffff1a}.cinematic-feature-tab:active{transform:scale(.98)}.cinematic-feature-tab[data-active=true]{background:#f43f5e1a;border-color:#f43f5e66}.cinematic-feature-tab[data-active=true]:hover{background:#f43f5e24;border-color:#f43f5e8c}.cinematic-feature-tab-icon{color:var(--text-dim);background:#ffffff0d;transition:background-color .18s,color .18s}.cinematic-feature-tab:hover .cinematic-feature-tab-icon{color:var(--text);background:#ffffff14}.cinematic-feature-tab[data-active=true] .cinematic-feature-tab-icon{color:var(--cta);background:#f43f5e33}.cinematic-achievement-pulse{animation:2.2s ease-in-out infinite cinematic-ach-pulse}@keyframes cinematic-ach-pulse{0%,to{box-shadow:0 0 12px #f43f5e40}50%{box-shadow:0 0 28px #f43f5e8c}}.cinematic-flame-flicker{transform-origin:bottom;animation:1.4s ease-in-out infinite cinematic-flame}@keyframes cinematic-flame{0%,to{transform:scale(1)rotate(-2deg)}25%{transform:scale(1.06)rotate(1deg)}50%{transform:scale(1.02)rotate(-1deg)}75%{transform:scale(1.08)rotate(2deg)}}@keyframes cinematic-feed-pip{0%,to{opacity:1}50%{opacity:.4}}.cinematic-demo-card{flex-direction:column;height:472px;display:flex}@media (max-width:480px){.cinematic-demo-card{height:440px}}.cinematic-xp-bar{position:relative;overflow:hidden}.cinematic-xp-bar:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff59 50%,#0000 100%);animation:2.4s linear infinite cinematic-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes cinematic-shimmer{to{transform:translate(100%)}}.cinematic-streak-today{animation:1.8s ease-in-out infinite cinematic-heartbeat}@keyframes cinematic-heartbeat{0%,to{box-shadow:0 0 6px var(--cta),0 0 12px #f43f5e66;transform:scale(1)}50%{box-shadow:0 0 14px var(--cta),0 0 28px #f43f5eb3;transform:scale(1.08)}}.cinematic-trigger-pulse{border:1px solid var(--cta);pointer-events:none;border-radius:14px;animation:2.4s ease-out infinite cinematic-trigger-ring;position:absolute;inset:-8px}@keyframes cinematic-trigger-ring{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.4)}}.cinematic-aurora{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cinematic-aurora__layer{filter:blur(70px);mix-blend-mode:screen;opacity:.55;position:absolute;inset:-20%}.cinematic-aurora__layer--1{background:radial-gradient(55% 50% at 30% 30%,#7c3aedd9,#0000 60%);animation:16s ease-in-out infinite alternate cinematic-aurora-drift-1}.cinematic-aurora__layer--2{background:radial-gradient(50% 60% at 70% 60%,#f43f5eb3,#0000 60%);animation:19s ease-in-out infinite alternate cinematic-aurora-drift-2}.cinematic-aurora__layer--3{background:radial-gradient(70% 50% at 50% 80%,#a78bfa8c,#0000 60%);animation:23s ease-in-out infinite alternate cinematic-aurora-drift-3}@keyframes cinematic-aurora-drift-1{0%{transform:translate(0)scale(1)}to{transform:translate(40px,-30px)scale(1.15)}}@keyframes cinematic-aurora-drift-2{0%{transform:translate(0)scale(1)}to{transform:translate(-30px,40px)scale(1.1)}}@keyframes cinematic-aurora-drift-3{0%{transform:translate(0)scale(1.05)}to{transform:translate(50px,30px)scale(1)}}.cinematic-grid-bg{pointer-events:none;background-image:linear-gradient(#a78bfa0d 1px,#0000 1px),linear-gradient(90deg,#a78bfa0d 1px,#0000 1px);background-position:0 0;background-size:48px 48px;animation:30s linear infinite cinematic-grid-drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80%,#000 30%,#0000 85%);mask-image:radial-gradient(70% 80%,#000 30%,#0000 85%)}@keyframes cinematic-grid-drift{to{background-position:48px 48px}}.cinematic-glare{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 30%,#ffffff0f 45%,#ffffff1f 50%,#ffffff0f 55%,#0000 70%) 0 0/250% 250%;animation:9s linear infinite cinematic-glare-sweep;position:absolute;inset:0}@keyframes cinematic-glare-sweep{0%{background-position:-100%}to{background-position:200%}}.cinematic-tier-card{position:relative}.cinematic-tier-card:before{content:"";border-radius:inherit;background:conic-gradient(from var(--angle,0deg),var(--cta),var(--primary-2),transparent 35%,transparent 65%,var(--cta));-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .28s ease-out;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.cinematic-tier-card:hover:before{opacity:1;animation:4s linear infinite cinematic-rotate-angle}@keyframes cinematic-rotate-angle{to{--angle:360deg}}.cinematic-lift{transition:transform .28s ease-out,box-shadow .28s ease-out,border-color .28s ease-out}.cinematic-lift:hover{border-color:#a78bfa80;transform:translateY(-3px);box-shadow:0 14px 40px -10px #7c3aed59}.cinematic-tracing-beam{z-index:25;pointer-events:none;opacity:.65;width:1.5px;display:none;position:fixed;top:96px;bottom:24px;left:22px}@media (min-width:1280px){.cinematic-tracing-beam{display:block}}.cinematic-tracing-beam__rail{background:linear-gradient(#0000 0%,#a78bfa14 15% 85%,#0000 100%);border-radius:2px;position:absolute;inset:0}.cinematic-tracing-beam__fill{background:linear-gradient(#0000 0%,#f43f5e8c 30%,#a78bfa80 70%,#0000 100%);border-radius:4px;width:100%;position:absolute;top:0;left:0;box-shadow:0 0 3px #f43f5e40}