@font-face{font-family:Fredoka;src:url('/Fredoka.ttf')}@font-face{font-family:Fredoka;src:url('/Fredoka-Bold.ttf');font-weight:700}
:root{--ink:#201912;--cream:#f8edcf;--paper:#fff8e7;--orange:#f26f3d;--gold:#f2b84b;--green:#224e3b;--line:rgba(56,40,25,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body,#app{margin:0;max-width:100%;overflow-x:hidden}body{background:var(--cream);color:var(--ink);font-family:Fredoka,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1160px,calc(100% - 40px));margin:auto}main{min-height:100vh;background:radial-gradient(circle at 12% 9%,rgba(242,184,75,.2),transparent 25%),var(--cream)}
.nav{height:92px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.nav-brand{width:220px;display:block;overflow:visible}.nav-brand img{width:220px;height:auto;max-width:100%;display:block}.nav-links{display:flex;gap:30px;align-items:center;font-weight:700}.nav-links>a:not(.tiny-cta):hover{color:var(--orange)}.tiny-cta{background:var(--ink);color:white;padding:12px 20px;border-radius:99px;box-shadow:0 4px 0 #000}
.hero{min-height:690px;display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center;padding:50px 0 90px}.eyebrow{display:inline-block;color:var(--orange);font-size:13px;font-weight:700;letter-spacing:.18em}.hero h1,.quote-copy h2{font-size:clamp(55px,6vw,88px);line-height:.92;letter-spacing:-.055em;margin:22px 0}.hero h1 em,.quote-copy h2 em{display:block;color:var(--orange);font-style:normal}.hero-copy>p{font-size:21px;line-height:1.55;max-width:530px}.hero-actions{display:flex;gap:25px;align-items:center;margin:32px 0}.steam-button{display:inline-flex;gap:13px;align-items:center;background:#194976;color:white;border:3px solid var(--ink);border-radius:14px;padding:12px 20px;box-shadow:0 6px 0 var(--ink);transition:.18s transform,.18s box-shadow}.steam-button:hover{transform:translateY(3px);box-shadow:0 3px 0 var(--ink)}.steam-button img{width:36px}.steam-button span{font-size:22px;font-weight:700;line-height:.9}.steam-button small{font-size:9px;display:block;letter-spacing:.12em;margin-bottom:5px}.text-link{font-weight:700;border-bottom:2px solid}.chips{display:flex;gap:9px;flex-wrap:wrap}.chips span{background:rgba(255,255,255,.55);border:1px solid var(--line);border-radius:99px;padding:8px 12px;font-size:12px;font-weight:700}
.hero-game{position:relative}.glow-orb{position:absolute;width:570px;height:570px;border-radius:50%;background:var(--gold);opacity:.8;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 20px 40px rgba(84,45,13,.18))}.table-card{position:relative;z-index:2;background:#32664f;border:7px solid var(--ink);border-radius:42px;padding:30px;box-shadow:0 18px 0 #152c22,0 38px 60px rgba(42,24,9,.25);transform:rotate(2deg);overflow:hidden}.table-card:before{content:"";position:absolute;inset:0;opacity:.22;background:url('/felt.png');pointer-events:none}.table-head,.score-row,.domino-chain{position:relative;z-index:1}.table-head{display:flex;justify-content:space-between;color:#d9f1df;font-size:13px;letter-spacing:.12em}.domino-chain{height:260px;display:flex;align-items:center;justify-content:center}.domino{background:#fff9e9;border:4px solid var(--ink);border-radius:13px;width:80px;height:154px;padding:0;box-shadow:5px 8px 0 rgba(23,19,15,.6);overflow:hidden;cursor:pointer;transition:.16s transform}.domino:hover{transform:translateY(-10px) rotate(-2deg)!important}.domino i{display:grid;height:50%;place-items:center;font-style:normal;font-size:52px}.domino i+i{border-top:3px solid var(--ink)}.d1{transform:rotate(-14deg) translate(4px,6px)}.d2{transform:rotate(3deg) translateY(-12px)}.d3{transform:rotate(17deg) translate(-5px,6px)}.score-row{display:grid;grid-template-columns:auto auto 1fr;gap:14px;align-items:center;background:rgba(18,48,36,.72);border:2px solid rgba(255,255,255,.18);border-radius:18px;padding:12px 14px;color:white}.score-row span:first-child{display:flex;align-items:center;gap:9px}.score-row small{font-size:9px;letter-spacing:.1em}.score-row strong{font-size:32px;color:#ffd469}.combo{background:#d6f0de;color:#18382b;border-radius:99px;padding:7px 10px;font-size:11px;font-weight:700}.roll-button{justify-self:end;border:0;background:var(--orange);color:white;border-radius:10px;padding:14px 16px;font-weight:700;cursor:pointer;box-shadow:0 4px 0 #96391f}.roll-button:active{transform:translateY(3px);box-shadow:0 1px 0 #96391f}.toy-hint{text-align:center;font-size:12px;font-weight:700;opacity:.65;margin-top:28px}
.feature-section{background:var(--paper);padding:110px 0;text-align:center;border-block:2px solid var(--line)}.eyebrow.dark{color:var(--green)}.feature-section h2{font-size:clamp(40px,5vw,64px);margin:18px 0 55px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-grid article{position:relative;background:#f9e9bd;border:4px solid var(--ink);border-radius:30px;padding:42px 30px 34px;box-shadow:0 8px 0 var(--ink);transition:.2s transform}.feature-grid article:nth-child(2){background:#d9ecd7}.feature-grid article:nth-child(3){background:#fad2b8}.feature-grid article:hover{transform:translateY(-8px) rotate(-1deg)}.feature-num{position:absolute;top:15px;left:20px;font-size:12px;font-weight:700;opacity:.5}.feature-grid h3{font-size:27px;margin:20px 0 10px}.feature-grid p{line-height:1.5;margin:0}.mini-die,.mini-domino,.mini-score{height:86px;display:grid;place-items:center;font-size:65px;font-weight:700}.mini-domino{font-size:41px}.mini-score{color:var(--orange);font-size:53px}
.quote-section{padding:120px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.pattern-card{background:#fffaf0;border:5px solid var(--ink);border-radius:28px;padding:35px;text-align:center;box-shadow:11px 13px 0 var(--orange);transform:rotate(-4deg);position:relative}.stamp{background:var(--orange);color:white;border-radius:99px;padding:7px 13px;font-size:11px;letter-spacing:.12em}.pattern-chain{display:flex;justify-content:center;margin:45px 0 30px}.pattern-chain b{font-size:31px;background:white;border:3px solid var(--ink);padding:15px 7px;margin-left:-3px}.pattern-name{display:block;font-size:14px;letter-spacing:.1em}.pattern-card>strong{font-size:73px;color:var(--green)}.quote-copy h2{font-size:clamp(44px,5vw,72px)}.quote-copy p{font-size:19px;line-height:1.6}.quote-copy ul{display:flex;flex-wrap:wrap;gap:12px;padding:0;list-style:none}.quote-copy li{background:white;border:2px solid var(--ink);border-radius:99px;padding:9px 14px;font-weight:700}
.wishlist{text-align:center;background:var(--green);color:white;padding:80px 20px;position:relative;overflow:hidden}.wishlist:before,.wishlist:after{content:"⚄";position:absolute;font-size:280px;opacity:.05;transform:rotate(-16deg);left:-30px;top:-60px}.wishlist:after{content:"⚂";left:auto;right:-20px;top:50px}.footer-logo{width:min(92vw,620px);filter:none}.wishlist h2{font-size:clamp(42px,5vw,65px);margin:22px 0 10px}.wishlist p{font-size:19px;color:#d6ebdc}.steam-button.big{display:flex;width:max-content;margin:10px auto 0;background:#194976;color:white;box-shadow:0 7px 0 #0f251b;padding:17px 30px}.steam-button.big img{width:46px}.steam-button.big span{font-size:28px}.fineprint{display:block;opacity:.65}footer{background:#14261e;color:#b9ccbf;display:flex;justify-content:space-between;padding:28px max(30px,calc((100vw - 1160px)/2));font-size:11px;letter-spacing:.1em}
@media(max-width:900px){.nav-links>a:not(.tiny-cta){display:none}.hero{grid-template-columns:1fr;text-align:center;padding-top:30px}.hero-copy>p{margin-inline:auto}.hero-actions,.chips{justify-content:center}.hero-game{width:min(540px,100%);margin:auto}.feature-grid{grid-template-columns:1fr}.quote-section{grid-template-columns:1fr;gap:70px}.pattern-card{width:min(420px,90%);margin:auto}.quote-copy{text-align:center}.quote-copy ul{justify-content:center}}@media(max-width:560px){.shell{width:min(100% - 24px,1160px)}.nav{height:75px}.nav-brand img{width:145px}.tiny-cta{padding:9px 14px}.hero{min-height:auto;padding-bottom:65px}.hero h1{font-size:50px}.hero-actions{flex-direction:column}.hero-copy>p{font-size:18px}.glow-orb{width:420px;height:420px}.table-card{padding:18px;border-width:5px;border-radius:28px}.domino-chain{height:210px}.domino{width:62px;height:123px}.domino i{font-size:40px}.score-row{grid-template-columns:1fr auto}.roll-button{grid-column:1/-1;width:100%}.feature-section,.quote-section{padding-block:75px}.quote-section{gap:55px}.pattern-card{padding:26px 18px}.pattern-chain b{font-size:23px}.wishlist{padding-block:70px}footer{gap:15px;flex-direction:column;text-align:center}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Steam-capsule hero */
.brand-hero{background:#087ea4;color:white;position:relative;overflow:hidden}
.capsule-board{height:clamp(280px,32vw,460px);background:#087ea4;display:grid;place-items:center;position:relative}
.capsule-board:after{content:none}
.hero-logo{position:relative;z-index:2;width:min(110vw,1380px);height:auto;max-width:none;display:block;animation:logo-float 4s ease-in-out infinite;transform-origin:center}
.hero-pitch{text-align:center;padding:44px 20px 52px}.hero-pitch .eyebrow{color:#ffd155}.hero-pitch h1{font-size:clamp(36px,5vw,66px);line-height:1;margin:15px auto 10px;letter-spacing:-.035em}.hero-pitch>p{font-size:20px;color:#d9f4ff;margin:0 auto 26px}.primary-actions{display:flex;align-items:center;justify-content:center;gap:18px}.hero-steam{background:#173d69;border:5px solid #061f32;box-shadow:0 10px 0 #061f32;padding:20px 38px;min-width:270px;justify-content:center}.hero-steam img{width:51px}.hero-steam span{font-size:30px}.hero-steam small{font-size:11px}.hero-steam:hover{box-shadow:0 5px 0 #061f32;transform:translateY(5px)}.demo-button{display:inline-flex;align-items:center;justify-content:center;min-width:270px;padding:22px 30px;background:#ffd04a;color:#172016;border:5px solid #061f32;border-radius:14px;box-shadow:0 10px 0 #061f32;font-weight:700;transition:.18s}.demo-button span{font-size:25px;line-height:.95}.demo-button small{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:6px}.demo-button:hover{box-shadow:0 5px 0 #061f32;transform:translateY(5px);background:#ffe078}.watch-button{border:3px solid white;border-radius:14px;padding:18px 25px;font-weight:700;box-shadow:0 6px 0 rgba(6,47,65,.65);transition:.18s}.watch-button:hover{transform:translateY(3px);box-shadow:0 3px 0 rgba(6,47,65,.65);background:white;color:#075e7d}.cta-note{display:block;color:#b8e5f4;margin-top:20px}.hero{padding-top:100px}
.steam-actions{display:grid;grid-template-columns:1fr 96px 1fr;gap:0;width:min(660px,96%);margin-inline:auto;background:#173d69;border:5px solid #061f32;border-radius:18px;box-shadow:0 10px 0 #061f32;overflow:hidden;position:relative;z-index:5}.steam-mark{display:grid;place-items:center;background:#173d69;border-inline:3px solid #061f32;position:relative;z-index:7;cursor:pointer}.steam-mark img{width:58px;background:transparent}.steam-choice{min-height:96px;display:flex;flex-direction:column;justify-content:center;padding:14px 20px;color:white;font-weight:700;transition:.18s;position:relative;z-index:7;cursor:pointer;pointer-events:auto}.steam-choice small{font-size:9px;letter-spacing:.13em;opacity:.75}.steam-choice strong{font-size:22px;line-height:1.05}.steam-choice:hover,.steam-mark:hover{background:#2b659d}.demo-choice{background:#173d69;color:white}.demo-choice:hover{background:#2b659d}.cta-note{margin-top:24px}
.steam-actions:has(.steam-mark:hover) .steam-choice,.steam-actions:has(.steam-mark:hover) .steam-mark{background:#2b659d}
@keyframes logo-float{0%,100%{transform:translateY(-24px) rotate(-1deg)}50%{transform:translateY(-36px) rotate(1deg)}}
@media(max-width:700px){.nav-brand{width:180px}.nav-brand img{width:180px}.capsule-board{height:245px}.hero-logo{width:114%;height:auto;max-width:none}.hero-pitch{padding:28px 14px 42px}.primary-actions{flex-direction:column}.watch-button,.hero-steam,.demo-button{width:min(350px,94%);justify-content:center}.hero{padding-top:75px}}
@media(max-width:700px){.steam-actions{grid-template-columns:1fr 72px 1fr;display:grid;width:min(370px,98%)}.steam-mark{grid-row:auto}.steam-mark img{width:46px}.steam-choice{min-height:98px;padding:12px 8px}.steam-choice strong{font-size:18px}.steam-choice small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-logo{animation:none}}