*{box-sizing:border-box}:root{--felt: #f2e7d2;--felt-deep: #eaddc0;--panel: #fbf4e6;--ink: #4a3521;--ink-soft: #8a7154;--honey: #e3a93c;--honey-deep: #b67a1c;--teal: #3e7d68;--teal-soft: #5e9e8c;--ember: #c65a33;--card: #fcfaf4;--red-suit: #c0392b}html{scroll-behavior:smooth}body{margin:0;font-family:Nunito,-apple-system,Segoe UI,sans-serif;background:linear-gradient(178deg,var(--felt) 0%,var(--felt-deep) 100%);color:var(--ink);font-weight:600}h1,h2,.headline{font-family:Fredoka,Nunito,sans-serif}.topbar{position:fixed;inset:0 0 auto 0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:linear-gradient(180deg,#f2e7d2eb,#f2e7d200)}.brand{font-family:Fredoka,sans-serif;font-weight:600;font-size:1.3rem}.meter{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:21;background:var(--panel);border-radius:999px;padding:7px 16px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;font-weight:700;letter-spacing:.06em;box-shadow:0 3px 12px #4a352124;display:flex;gap:10px;align-items:center;transition:color .5s}.meter .band{color:var(--teal);transition:color .5s}.meter[data-band=TIGHT] .band{color:var(--honey-deep)}.meter[data-band=CLOSING] .band{color:var(--ember)}.hero{min-height:92vh;display:grid;place-items:center;text-align:center;padding:96px 24px 0}.hero h1{font-size:clamp(2.6rem,7vw,4.6rem);font-weight:600;margin:0;line-height:1.04;letter-spacing:.005em}.hero .sub{font-size:clamp(1.02rem,2.4vw,1.25rem);color:var(--ink-soft);font-weight:700;max-width:34rem;margin:18px auto 0;line-height:1.5}.scrollcue{margin-top:40px;color:var(--ink-soft);font-weight:800;font-size:.85rem;letter-spacing:.08em}.scrollcue:after{content:"↓";display:block;animation:bob 1.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(6px)}}.narrative{position:relative;height:480vh}.stage{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;overflow:hidden}.headline-slot{height:6.6rem;position:relative;width:min(92vw,40rem)}.headline{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;font-size:clamp(1.5rem,4vw,2.3rem);font-weight:600;line-height:1.18;opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s}.headline.active{opacity:1;transform:none}.headline em{font-style:normal;color:var(--honey-deep)}.board{--cell: min(9.6vw, 62px);display:grid;grid-template-columns:repeat(7,var(--cell));grid-auto-rows:calc(var(--cell) * 1.14);gap:5px;padding:14px;border-radius:20px;background:linear-gradient(160deg,#efe2c8,#e7d6b4);box-shadow:0 10px 34px #4a352129,inset 0 0 0 1px #4a35210f;position:relative}.cell{border-radius:9px;background:#fcfaf46b;display:grid;place-items:center;position:relative;font-family:Fredoka,sans-serif;font-weight:600;transition:background .5s,opacity .5s}.cell .prem{font-size:calc(var(--cell) * .3);font-weight:600;opacity:.9}.cell.p-x2{background:color-mix(in srgb,var(--honey) 55%,#fff 10%);color:#7a5210}.cell.p-x3{background:color-mix(in srgb,var(--ember) 62%,#fff 8%);color:#fff}.cell.p-c50{background:color-mix(in srgb,var(--teal-soft) 62%,#fff 8%);color:#fff}.cell.dead{background:repeating-linear-gradient(45deg,#d9c8a6 0,#d9c8a6 7px,#cdbb98 7px,#cdbb98 14px)}.cell.dead .prem{opacity:0}.tile{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;background:var(--card);box-shadow:0 2px 6px #4a352138;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(var(--cell) * .36);line-height:1;border:2.5px solid var(--honey-deep);opacity:0;transform:translateY(-44px) scale(.7) rotate(-4deg);transition:opacity .45s,transform .55s cubic-bezier(.2,1.4,.4,1)}.tile.theirs{border-color:var(--teal)}.tile.in{opacity:1;transform:none}.tile .suit{font-size:calc(var(--cell) * .3)}.tile.red{color:var(--red-suit)}.scorepop{position:absolute;left:50%;transform:translate(-50%,8px);bottom:-3.4rem;background:var(--ink);color:#f8edd8;border-radius:999px;font-family:Fredoka,sans-serif;font-weight:600;padding:8px 18px;font-size:1rem;white-space:nowrap;opacity:0;transition:opacity .4s,transform .5s cubic-bezier(.2,1.4,.4,1)}.scorepop.pop{opacity:1;transform:translate(-50%)}.scorepop.theirs{background:var(--teal);color:#f0faf5}.scorepop.stamp{background:var(--ember);color:#fff5ec}.strips{max-width:46rem;margin:0 auto;padding:8vh 24px 4vh;display:grid;gap:18px}.strip{background:var(--panel);border-radius:18px;padding:24px 26px;box-shadow:0 4px 16px #4a352114}.strip h2{margin:0 0 6px;font-size:1.3rem;font-weight:600}.strip p{margin:4px 0;line-height:1.55;color:var(--ink-soft);font-weight:700}.strip .mono{font-family:ui-monospace,Menlo,monospace;font-size:.9em;color:var(--teal);font-weight:700}.challenge-card{border:2.5px solid var(--honey)}.challenge-card .badge{display:inline-block;background:color-mix(in srgb,var(--honey) 30%,#fff 20%);color:var(--honey-deep);font-weight:800;font-size:.78rem;border-radius:999px;padding:4px 12px;margin-bottom:8px;letter-spacing:.05em}.cta{text-align:center;padding:6vh 24px 12vh}.cta h2{font-size:clamp(1.8rem,5vw,2.6rem);font-weight:600;margin:0 0 10px}.cta p{color:var(--ink-soft);font-weight:700}footer{text-align:center;color:var(--ink-soft);padding:0 0 42px;font-size:.85rem;font-weight:700}@media(prefers-reduced-motion:reduce){.tile,.headline{transition:opacity .3s;transform:none}.scrollcue:after{animation:none}html{scroll-behavior:auto}}.brand{display:flex;align-items:center;gap:9px}.brand-mark{height:30px;width:auto}.brand-word{height:20px;width:auto}.wordmark-row{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:26px}.hero-wordmark{height:clamp(46px,8vw,74px);width:auto}.fan{position:relative;width:30px;height:40px;display:inline-block}.fan i{position:absolute;left:4px;border-radius:999px;height:5px;display:block}.fan .f1{width:18px;background:var(--honey-deep);top:5px;transform:rotate(35deg)}.fan .f2{width:15px;background:var(--teal);top:18px}.fan .f3{width:13px;background:var(--ember);top:31px;transform:rotate(-35deg)}.fan.mirror{transform:scaleX(-1)}.suit-field{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.hero{position:relative}.floatsuit{position:absolute;opacity:.13;width:clamp(60px,9vw,120px);animation:drift 9s ease-in-out infinite}.floatsuit.s1{top:12%;left:8%}.floatsuit.s2{top:64%;left:14%;animation-delay:-3s}.floatsuit.s3{top:18%;right:9%;animation-delay:-5s}.floatsuit.s4{top:66%;right:13%;animation-delay:-7s}@keyframes drift{50%{transform:translateY(-16px) rotate(4deg)}}.strip-suit{height:20px;width:auto;vertical-align:-3px;margin-right:9px}@media(prefers-reduced-motion:reduce){.floatsuit{animation:none}}.meter{white-space:nowrap}@media(max-width:700px){.brand-word,.meter-label{display:none}.meter{padding:6px 13px;font-size:.74rem}}