:root{--ink: #1a2620;--paper: #fff6e9;--paper-warm: #ffedd6;--green: #0df26c;--green-deep: #0aa84f;--dark: #102217;--orange: #ff8a3d;--yellow: #ffc94d;--coral: #ff5c5c;--purple: #9b7bff;--blue: #4dc9ff;--border: 3px solid var(--ink);--shadow: 6px 6px 0 var(--ink);--shadow-sm: 4px 4px 0 var(--ink);--radius: 20px;--font-head: "ZCOOL KuaiLe", "Noto Sans SC", sans-serif;--font-body: "Noto Sans SC", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background-color:var(--paper);background-image:radial-gradient(rgba(26,38,32,.055) 1.2px,transparent 1.2px);background-size:18px 18px;line-height:1.7;overflow-x:hidden}h1,h2,h3,.nav__logo-text{font-family:var(--font-head);font-weight:400;letter-spacing:.02em}a{color:inherit}::selection{background:var(--yellow)}.btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-body);font-weight:700;text-decoration:none;border:var(--border);border-radius:999px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;position:relative;-webkit-user-select:none;user-select:none}.btn--small{padding:.45em 1.1em;font-size:.9rem}.btn--big{padding:.85em 1.6em;font-size:1.08rem}.btn--primary{background:var(--green);color:var(--ink)}.btn--ghost{background:#fff;color:var(--ink)}.btn--dark-ghost{background:transparent;color:#fff;border-color:#fff;box-shadow:4px 4px #ffffff59}.btn:hover:not(.is-disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.btn--dark-ghost:hover:not(.is-disabled){box-shadow:2px 2px #ffffff59}.btn:active:not(.is-disabled){transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.btn.is-disabled{cursor:not-allowed;filter:grayscale(.55);opacity:.75}.sticker{display:inline-block;font-weight:900;font-size:.85rem;padding:.2em .9em;border:var(--border);border-radius:999px;transform:rotate(-3deg);box-shadow:3px 3px #1a2620e6}.sticker--green{background:var(--green)}.sticker--yellow{background:var(--yellow)}.sticker--orange{background:var(--orange);color:var(--ink)}.sticker--coral{background:var(--coral);color:#fff}.sticker--mini{font-size:.72rem;padding:.15em .7em;margin-left:.4em;box-shadow:2px 2px #1a2620e6}.hl{position:relative;white-space:nowrap;padding:0 .08em}.hl:after{content:"";position:absolute;left:-2%;right:-2%;bottom:.06em;height:.42em;z-index:-1;border-radius:4px;transform:rotate(-1deg)}.hl--yellow:after{background:var(--yellow)}.hl--green:after{background:var(--green)}.hl--green-dark{color:var(--green)}.hl--green-dark:after{background:#0df26c40}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:1.5rem;padding:.7rem clamp(1rem,4vw,2.5rem);background:var(--paper);border-bottom:var(--border)}.nav__logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.nav__logo-icon{display:block;border-radius:9px;transition:transform .3s ease}.nav__logo:hover .nav__logo-icon{transform:rotate(-8deg) scale(1.08)}.nav__logo-text{font-size:1.35rem}.nav__links{display:flex;gap:1.4rem;margin-left:auto}.nav__links a{font-weight:700;text-decoration:none;padding:.1em .3em;border-radius:8px;transition:background .15s ease}.nav__links a:hover{background:var(--yellow)}.hero{position:relative;padding:clamp(3rem,8vw,6rem) clamp(1rem,5vw,3rem) 0;overflow:hidden}.hero__inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4rem);align-items:center;padding-bottom:clamp(4rem,8vw,6rem)}.hero__copy .sticker{margin-bottom:1.2rem}.hero__title{font-size:clamp(2.6rem,7vw,4.6rem);line-height:1.15;margin-bottom:1.1rem}.hero__sub{font-size:clamp(1rem,2vw,1.15rem);font-weight:500;margin-bottom:2rem}.hero__cta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.br-desktop{display:inline}.floaties{position:absolute;inset:0;pointer-events:none}.floaty{position:absolute;left:var(--fx);top:var(--fy);transform:rotate(var(--fr));animation:bob 4.5s ease-in-out infinite;animation-delay:calc(var(--fx) * -.06s);filter:drop-shadow(3px 4px 0 rgba(26,38,32,.35))}.floaty--dice{pointer-events:auto;background:none;border:none;cursor:pointer;padding:0}.floaty--dice:hover{animation-play-state:paused;transform:rotate(var(--fr)) scale(1.12)}.floaty--dice.is-rolling svg{animation:diceSpin .6s ease}.floaty--emoji{font-size:1.6rem}.floaty--token{font-size:1.9rem}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -12px}}@keyframes diceSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(200deg) scale(1.25)}to{transform:rotate(360deg) scale(1)}}.hero__phone{position:relative;justify-self:center}.phone{width:min(280px,74vw);border:4px solid var(--ink);border-radius:36px;background:var(--ink);padding:10px;box-shadow:10px 10px 0 var(--yellow);transform:rotate(2.5deg);transition:transform .3s ease}.hero__phone:hover .phone{transform:rotate(0)}.phone__notch{width:40%;height:18px;margin:2px auto 8px;background:#0b1811;border-radius:999px}.phone__screen{background:var(--dark);border-radius:26px;padding:1rem .9rem 1.2rem;color:#fff;display:flex;flex-direction:column;gap:.7rem}.screen__bar{display:flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;color:var(--green)}.screen__bar-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.screen__players{display:flex;flex-direction:column;gap:.45rem}.screen__player{display:flex;align-items:center;gap:.5rem;background:#1a2620;border-radius:12px;padding:.4rem .6rem;font-size:.8rem}.screen__player.is-winner{outline:2px solid var(--yellow)}.screen__avatar{width:24px;height:24px;border-radius:50%;background:var(--c, var(--green));color:var(--ink);font-size:.72rem;font-weight:900;display:grid;place-items:center}.screen__name{flex:1}.screen__score{font-weight:900;color:var(--yellow)}.screen__crown{font-size:.85rem}.screen__items{display:flex;flex-direction:column;gap:.35rem}.screen__item{display:flex;justify-content:space-between;font-size:.75rem;color:#9cbaa8;border-bottom:1px dashed rgba(255,255,255,.15);padding-bottom:.3rem}.screen__item b{color:var(--green)}.screen__cta{text-align:center;background:var(--green);color:var(--ink);font-weight:900;font-size:.85rem;border-radius:999px;padding:.55rem;animation:pulseGlow 2.4s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 #0df26c8c}50%{box-shadow:0 0 0 8px #0df26c00}}.phone__sticker{position:absolute;top:-16px;right:-10px;transform:rotate(7deg);font-size:.8rem}.divider{height:46px;width:100%}.divider--zigzag{background:linear-gradient(135deg,var(--paper-warm) 25%,transparent 25%) -23px 0 / 46px 46px,linear-gradient(225deg,var(--paper-warm) 25%,transparent 25%) -23px 0 / 46px 46px}.divider--wave{background:radial-gradient(circle at 23px 0,var(--paper-warm) 23px,transparent 23.5px) 0 0 / 46px 46px repeat-x;background-position:bottom}.features{background:var(--paper-warm);padding:0 clamp(1rem,5vw,3rem) 0;position:relative}.section-head{text-align:center;max-width:640px;margin:0 auto 3rem}.section-head .sticker{margin-bottom:1rem}.section-head h2{font-size:clamp(2rem,5vw,3rem);margin-bottom:.6rem}.section-head p{color:#1a2620b3;font-weight:500}.features__grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;padding-bottom:clamp(4rem,8vw,6rem)}.card{position:relative;background:#fff;border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.6rem 1.4rem 1.3rem;transform:rotate(var(--rot, 0deg));transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:rotate(0) translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}.card__icon{width:64px;height:64px;background:var(--bg, var(--green));border:var(--border);border-radius:18px;display:grid;place-items:center;margin-bottom:1rem;transform:rotate(-4deg);transition:transform .25s ease}.card:hover .card__icon{transform:rotate(4deg) scale(1.06)}.card h3{font-size:1.35rem;margin-bottom:.5rem}.card p{font-size:.93rem;color:#1a2620c7;margin-bottom:.9rem}.card__tag{display:inline-block;font-size:.78rem;font-weight:900;border:2px dashed var(--ink);border-radius:999px;padding:.1em .8em;transform:rotate(-1.5deg);background:var(--paper)}.card--soon{background:#fffdf7}.card__soon{position:absolute;top:-14px;right:-8px;transform:rotate(6deg);font-size:.78rem}.download{background:var(--dark);color:#fff;padding:clamp(4rem,9vw,7rem) clamp(1rem,5vw,3rem);text-align:center;position:relative}.download__inner{max-width:640px;margin:0 auto;position:relative}.download h2{font-size:clamp(2rem,5.5vw,3.2rem);line-height:1.25;margin-bottom:1rem}.download p{color:#9cbaa8;margin-bottom:2.2rem;font-weight:500}.download__cta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.download__version{margin-top:1.2rem;margin-bottom:0;font-size:.92rem}.download__note{margin-top:1.4rem;font-size:.88rem}.btn--glow{animation:pulseGlow 2.4s ease-in-out infinite}.floaty--dl-meeple{left:8%;top:-30px;--fx: 8%;--fy: -30px}.floaty--dl-meeple{position:absolute;animation:bob 5s ease-in-out infinite}.footer{background:#0b1811;color:#9cbaa8;padding:2.2rem clamp(1rem,5vw,3rem);border-top:3px solid rgba(255,255,255,.12);font-size:.9rem}.footer__inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.footer__brand{display:flex;align-items:center;gap:.5rem;font-family:var(--font-head);font-size:1.2rem;color:#fff;margin-bottom:.3rem}.footer a{color:var(--green);text-decoration:none}.footer a:hover{text-decoration:underline}.reveal{opacity:0;transform:translateY(34px) scale(.98);transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:none}.card.reveal{transform:translateY(34px) scale(.98) rotate(var(--rot, 0deg))}.card.reveal.is-visible{transform:rotate(var(--rot, 0deg))}.card.reveal.is-visible:hover{transform:rotate(0) translate(3px,3px)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.floaty,.screen__cta,.btn--glow{animation:none}html{scroll-behavior:auto}}@media(max-width:900px){.features__grid{grid-template-columns:repeat(2,1fr)}.floaty--token,.floaty--emoji{display:none}}@media(max-width:640px){.nav{gap:.8rem;padding:.6rem 1rem}.nav__links{gap:.9rem}.nav__logo-text{font-size:1.15rem}.nav__logo-icon{width:30px;height:30px}.hero{padding-top:2.5rem}.hero__inner{grid-template-columns:1fr;text-align:center;gap:2.5rem}.hero__copy .sticker{margin-left:auto;margin-right:auto}.hero__cta{justify-content:center}.br-desktop{display:none}.hero__phone{margin-top:1rem}.features__grid{grid-template-columns:1fr}.floaty--meeple,.floaty--card,.floaty--star{display:none}.floaty--dice{left:78%;top:2%}.floaty--dice svg{width:44px;height:44px}.btn--big,.hero__cta .btn,.download__cta .btn{width:100%;justify-content:center}}@media(max-width:400px){.nav__links{display:none}.nav .btn--small{margin-left:auto}}