body{margin:0;padding:0}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}:root{--cream:#fbf7ee;--paper:#fffdf8;--ink:#0f2e22;--ink-soft:#4a6458;--mint:#8ee6b5;--mint-deep:#2e9e66;--line:#e6dfce;--robot:#c9b8ff;--pinkbot:#f7a9b8;--bunny:#cfe8a8;--critter:#8fd3e8;--sun:#ffd66b;--display:"Lilita One","Arial Rounded MT Bold","Trebuchet MS",sans-serif;--body:"Nunito",ui-rounded,"SF Pro Rounded",system-ui,sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.55}.wrap{max-width:1120px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto}h1,h2,h3{font-family:var(--display);text-wrap:balance;letter-spacing:.005em;margin:0;font-weight:400;line-height:1.05}p{margin:0}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--mint-deep);outline-offset:3px;border-radius:10px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--mint-deep);font-size:13px;font-weight:900}.top{justify-content:space-between;align-items:center;gap:12px;padding-block:18px;display:flex}.top img{width:auto;height:46px}.chip{background:var(--paper);border:2px solid var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:14px;font-weight:800;display:inline-flex}.chip .dot{background:var(--mint-deep);border-radius:50%;width:8px;height:8px}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding-block:24px 56px;display:grid}.hero>*{min-width:0}.hero h1{color:var(--ink);font-size:clamp(40px,6.4vw,72px)}.hero h1 .pop{color:var(--paper);-webkit-text-stroke:0;background:var(--ink);border-radius:.2em;padding:0 .18em;display:inline-block;transform:rotate(-2deg)}.hero .lede{color:var(--ink-soft);max-width:30em;margin-top:18px;font-size:19px}.signup{background:var(--paper);border:2.5px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:22px;gap:16px;margin-top:26px;padding:20px;display:grid}.signup label.lbl{margin-bottom:6px;font-size:14px;font-weight:800;display:block}.row{flex-wrap:wrap;gap:10px;display:flex}.row>input{flex:220px;min-width:0}input[type=email],select{border:2px solid var(--line);background:var(--cream);border-radius:14px;width:100%;padding:12px 14px;font-weight:700}input[type=email]:focus,select:focus{border-color:var(--ink);outline:none}.picks{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pick{position:relative}.pick input{opacity:0;position:absolute;inset:0}.pick span{border:2px solid var(--line);cursor:pointer;background:var(--cream);border-radius:16px;transition:transform .15s,border-color .15s;display:block;overflow:hidden}.pick span img{aspect-ratio:1;object-fit:cover;object-position:50% 32%;width:100%;display:block}.pick span b{text-align:center;padding:4px 0 6px;font-size:13px;display:block}.pick input:checked+span{border-color:var(--ink);box-shadow:0 4px 0 var(--ink);transform:translateY(-3px)}.pick input:focus-visible+span{outline:3px solid var(--mint-deep);outline-offset:2px}.btn{appearance:none;border:2.5px solid var(--ink);background:var(--mint);color:var(--ink);cursor:pointer;box-shadow:0 4px 0 var(--ink);white-space:nowrap;border-radius:14px;padding:12px 22px;font-size:17px;font-weight:900;transition:transform .1s,box-shadow .1s}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn.ghost{background:var(--paper)}.fine{color:var(--ink-soft);font-size:13px}.msg{border-radius:14px;gap:8px;padding:14px 16px;font-weight:700;display:grid}.msg.ok{border:2px solid var(--mint-deep);background:#e3f7eb}.msg.info{background:#fff3d1;border:2px solid #e3b33c}.msg.err{background:#fde7e7;border:2px solid #d35454}.handle{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.handle code{font-family:var(--body);background:var(--paper);border:2px dashed var(--ink);-webkit-user-select:all;user-select:all;border-radius:10px;padding:4px 10px;font-weight:900}a{color:var(--ink);font-weight:800}.stage{place-items:center;gap:14px;display:grid}.duo{aspect-ratio:9/12.6;background:linear-gradient(160deg,#ede6d8,#d9cfbd);border-radius:38px;width:min(300px,78vw);padding:12px;position:relative;transform:rotate(3deg);box-shadow:0 30px 60px -20px #0f2e2273,inset 0 0 0 2px #cfc4ae}.duo .screen{background:var(--robot);cursor:pointer;border:0;border-radius:28px;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden}.duo .screen img{object-fit:cover;width:100%;height:100%;transition:opacity .35s,transform .35s;position:absolute;inset:0}.duo .screen img.out{opacity:0;transform:scale(.92)}.duo .cam{z-index:2;background:#111;border-radius:50%;width:14px;height:14px;position:absolute;top:22px;right:24px;box-shadow:0 0 0 3px #0000001f}.bubble{background:var(--paper);border:2.5px solid var(--ink);z-index:3;box-shadow:3px 3px 0 var(--ink);border-radius:18px;max-width:180px;padding:8px 14px;font-size:16px;font-weight:900;position:absolute;top:18%;left:-18px;transform:rotate(-6deg)}.bubble:after{content:"";border:8px solid #0000;border-left-color:var(--ink);position:absolute;top:22px;right:-12px}.bounce{animation:.5s cubic-bezier(.3,1.6,.5,1) bounce}@keyframes bounce{0%{transform:scale(1)}40%{transform:scale(1.08)rotate(-2deg)}to{transform:scale(1)}}.stage .hint{color:var(--ink-soft);font-size:14px;font-weight:800}.dots{gap:8px;display:flex}.dots button{border:2px solid var(--ink);cursor:pointer;background:0 0;border-radius:50%;width:12px;height:12px;padding:0}.dots button[aria-current=true]{background:var(--ink)}section{padding-block:56px}.sechead{gap:10px;max-width:640px;margin-bottom:28px;display:grid}.sechead h2{font-size:clamp(32px,4.6vw,48px)}.sechead p{color:var(--ink-soft)}.band{background:var(--paper);border-block:2.5px solid var(--ink)}.crew{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.card{appearance:none;text-align:left;border:2.5px solid var(--ink);background:var(--paper);cursor:pointer;box-shadow:0 5px 0 var(--ink);border-radius:24px;flex-direction:column;padding:0;transition:transform .15s;display:flex;overflow:hidden}.card:hover{transform:translateY(-4px)rotate(-.6deg)}.card .art{aspect-ratio:327/400;position:relative;overflow:hidden}.card .art img{object-fit:cover;object-position:50% 40%;width:100%;height:100%;display:block}.card .say{background:var(--paper);border:2px solid var(--ink);opacity:0;border-radius:14px;padding:8px 12px;font-size:15px;font-weight:900;transition:all .25s;position:absolute;bottom:12px;left:12px;right:12px;transform:translateY(10px)}.card.talking .say{opacity:1;transform:none}.card .info{gap:4px;padding:14px 16px 16px;display:grid}.card h3{font-size:28px}.card .pack{letter-spacing:.1em;text-transform:uppercase;color:var(--mint-deep);font-size:12px;font-weight:900}.card .fact{color:var(--ink-soft);font-size:15px}.card .tap{margin-top:4px;font-size:13px;font-weight:800}.game{grid-template-columns:.8fr 1.2fr;align-items:center;gap:36px;display:grid}.game>*{min-width:0}.scoreboard{flex-wrap:wrap;gap:14px;margin-top:18px;display:flex}.stat{background:var(--cream);border:2px solid var(--ink);border-radius:16px;min-width:96px;padding:10px 16px}.stat b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:32px;line-height:1;display:block}.stat span{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:12px;font-weight:900}.board{background:var(--ink);border-radius:28px;grid-template-columns:repeat(3,1fr);justify-self:center;gap:14px;width:100%;max-width:440px;padding:16px;display:grid}.hole{aspect-ratio:1;cursor:pointer;background:radial-gradient(circle at 50% 45%,#1f5a42 0 55%,#163f2f 56% 100%);border:0;border-radius:50%;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 6px #00000040}.hole:before{content:"";background:conic-gradient(from 20deg,#2b7556 0 16%,#1a4c38 16% 33%,#2b7556 33% 50%,#1a4c38 50% 66%,#2b7556 66% 83%,#1a4c38 83%);opacity:.7;border-radius:50%;transition:transform .3s;position:absolute;inset:18%}.hole img{object-fit:cover;object-position:50% 30%;border-radius:50%;width:88%;height:88%;transition:transform .18s cubic-bezier(.3,1.6,.5,1);position:absolute;inset:6%;transform:scale(0)}.hole.up img{transform:scale(1)}.hole.up:before{transform:rotate(90deg)scale(1.4)}.hole.hit img{filter:brightness(1.15);transform:scale(1.15)}.hole .star{font-family:var(--display);color:var(--sun);opacity:0;pointer-events:none;place-items:center;font-size:28px;display:grid;position:absolute;inset:0}.hole.hit .star{animation:.6s star}@keyframes star{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.controls{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.packs{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.packcard{background:var(--paper);border:2px solid var(--ink);border-radius:20px;align-content:start;gap:6px;padding:16px;display:grid}.packcard .sw{border-radius:999px;height:10px}.packcard h3{font-family:var(--body);font-size:18px;font-weight:900}.packcard p{color:var(--ink-soft);font-size:14px}.packcard .lock{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-size:12px;font-weight:900}.steps{counter-reset:s;grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.step{border-top:2.5px solid var(--ink);gap:6px;padding-top:14px;display:grid}.step .n{font-family:var(--display);color:var(--mint-deep);font-size:44px;line-height:1}.step h3{font-family:var(--body);font-size:20px;font-weight:900}.step p{color:var(--ink-soft);font-size:16px}.owner{background:var(--ink);color:var(--paper);border-radius:18px;gap:10px;margin-top:18px;padding:16px 18px;display:grid}.owner h3{font-family:var(--body);font-size:16px;font-weight:900}.owner .big{font-family:var(--display);color:var(--mint);font-size:40px;line-height:1}.owner ul{gap:4px;max-height:180px;margin:0;padding:0;font-size:14px;list-style:none;display:grid;overflow:auto}.owner .btn{background:var(--mint);justify-self:start;padding:8px 14px;font-size:14px}footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:40px 56px;display:flex}footer img{width:auto;height:56px}.mute{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:5;padding:8px 14px;font-size:14px;position:fixed}@media (width<=900px){.hero,.game{grid-template-columns:1fr}.stage{order:-1}.crew,.packs{grid-template-columns:repeat(2,1fr)}.packs .packcard:last-child{grid-column:1/-1}.steps{grid-template-columns:1fr}}@media (width<=420px){.picks{grid-template-columns:repeat(4,1fr);gap:6px}.pick span b{font-size:11px}.bubble{font-size:14px;left:-6px}.top img{height:38px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}