:root{--ink:#18354a;--navy:#172b3a;--navy-deep:#10232f;--sky:#a7d8f0;--cyan:#5bbfda;--coral:#e6696a;--orange:#f0a34c;--cream:#fff6dc;--green:#79bd87;--slate:#7c9aae;color:var(--cream);background:var(--navy);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-rounded,SF Pro Rounded,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--navy);min-width:320px;overflow-x:clip}body{background:radial-gradient(circle at 10% 2%, #5bbfda30, transparent 28rem), radial-gradient(circle at 92% 38%, #e6696a21, transparent 30rem), var(--navy);min-width:320px;min-height:100vh;margin:0;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}a:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.shakepop-landing{width:min(100%,1220px);margin:0 auto;padding:0 clamp(20px,5vw,64px)}.landing-header{justify-content:space-between;align-items:center;gap:24px;min-height:86px;display:flex}.landing-brand{color:var(--cream);letter-spacing:-.04em;align-items:center;gap:10px;font-size:1.05rem;font-weight:900;text-decoration:none;display:inline-flex}.landing-loaf{background:var(--orange);border-radius:18px 18px 10px 10px;width:42px;height:31px;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 -5px #703a192e}.landing-loaf i{background:#fff6dcb3;border-radius:999px;width:4px;height:13px;position:absolute;top:6px;transform:rotate(25deg)}.landing-loaf i:first-child{left:10px}.landing-loaf i:nth-child(2){left:20px}.landing-loaf i:nth-child(3){left:30px}.landing-header nav{color:var(--cream);align-items:center;gap:clamp(16px,3vw,32px);font-size:.86rem;font-weight:800;display:flex}.landing-header nav a{text-decoration:none}.landing-header nav a:hover,.landing-footer a:hover{text-underline-offset:4px;text-decoration:underline}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);align-items:center;gap:clamp(52px,9vw,118px);min-height:min(770px,100dvh - 86px);padding:clamp(44px,7vw,90px) 0 100px;display:grid}.landing-kicker,.landing-section-heading>p{color:var(--orange);letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:.74rem;font-weight:900}.landing-hero h1{color:var(--cream);text-shadow:0 6px #18354a1a;letter-spacing:-.095em;margin:0;font-size:clamp(4.4rem,10vw,8.4rem);font-weight:950;line-height:.78}.landing-hero h1 span{color:var(--orange)}.landing-lede{max-width:590px;color:var(--cream);letter-spacing:-.035em;margin:34px 0 0;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:720;line-height:1.28}.landing-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:34px;display:flex}.landing-play-button{min-height:54px;color:var(--navy);background:var(--orange);border-radius:16px;justify-content:center;align-items:center;gap:18px;padding:14px 22px;font-weight:950;text-decoration:none;display:inline-flex;box-shadow:0 7px #be7330}.landing-play-button:hover{background:#f5ae5b}.landing-play-button:active{transform:translateY(4px);box-shadow:0 3px #be7330}.landing-guide-link{text-underline-offset:4px;font-size:.9rem;font-weight:850}.landing-game-card{background:radial-gradient(circle at 12% 4%, #5bbfda2e, transparent 35%), var(--navy);border:1px solid #ffffff1f;border-radius:38px;width:min(100%,430px);margin-inline:auto;padding:22px;position:relative;transform:rotate(2deg);box-shadow:0 32px #04121a33,0 38px 76px #04121a85}.landing-score{color:var(--navy);background:#fffffff0;border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:11px 15px;display:grid}.landing-score span{letter-spacing:.12em;text-transform:uppercase;font-size:.65rem;font-weight:900}.landing-score strong{font-size:1.3rem}.landing-score em{color:var(--navy);background:var(--cyan);border-radius:999px;padding:4px 8px;font-size:.75rem;font-style:normal;font-weight:950}.landing-board{aspect-ratio:1;background:var(--navy-deep);border-radius:24px;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:16px;padding:10px;display:grid;position:relative;box-shadow:inset 0 3px 10px #00000047}.landing-board>i{background:#fff1;border-radius:7px}.landing-board>i:not([class=""]){box-shadow:inset 0 4px #ffffff3d,inset 0 -3px #10232f2e,0 3px #0512192e}.landing-board .is-cyan{background:var(--cyan)}.landing-board .is-coral{background:var(--coral)}.landing-board .is-orange{background:var(--orange)}.landing-board .is-green{background:var(--green)}.landing-board .is-slate{background:var(--slate)}.landing-board img{filter:drop-shadow(0 8px 10px #04121a57);width:56px;position:absolute}.landing-board-shake{top:18%;right:13%;transform:rotate(8deg)}.landing-board-popcorn{bottom:12%;right:10%;transform:rotate(-8deg)}.landing-tray{grid-template-columns:repeat(3,1fr);place-items:center;height:72px;display:grid}.landing-tray>span{justify-content:center;align-items:center;gap:3px;min-width:50px;min-height:42px;display:flex}.landing-tray i{background:var(--cream);border-radius:5px;width:18px;height:18px;display:block;box-shadow:inset 0 3px #ffffff57,0 3px #05121938}.landing-tray .tray-corner{grid-template-rows:repeat(2,18px);grid-template-columns:repeat(2,18px);width:40px;display:grid}.tray-corner i:first-child{grid-area:1/1}.tray-corner i:nth-child(2){grid-area:2/1}.tray-corner i:last-child{grid-area:2/2}.tray-two i{background:var(--coral)}.tray-corner i{background:var(--orange)}.tray-four i{background:var(--cyan)}.landing-how{color:var(--cream);background:radial-gradient(circle at 90% 12%,#5bbfda2e,#0000 28%),radial-gradient(circle at 8% 90%,#e6696a24,#0000 30%),#10232fc7;border:1px solid #fff6dc1a;border-radius:48px;margin-inline:calc(-1*clamp(20px,5vw,64px));padding:clamp(80px,10vw,130px) clamp(20px,5vw,64px)}.landing-section-heading{max-width:760px}.landing-section-heading>p{color:var(--orange)}.landing-section-heading h2,.guide-intro h2{letter-spacing:-.065em;margin:0;font-size:clamp(2.5rem,6vw,4.8rem);line-height:.98}.landing-feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:clamp(46px,7vw,80px);display:grid}.landing-feature-grid article{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:28px;min-height:280px;padding:28px}.landing-feature-grid img,.feature-number{object-fit:contain;place-items:center;width:58px;height:58px;margin-bottom:40px;display:grid}.feature-number{color:var(--navy);background:var(--orange);border-radius:18px;font-size:1.6rem;font-weight:950}.landing-feature-grid h3{letter-spacing:-.03em;margin:0;font-size:1.35rem}.landing-feature-grid p{color:#fff6dcad;margin:12px 0 0;line-height:1.55}.home-screen-guide{grid-template-columns:minmax(0,.8fr) minmax(430px,1fr);align-items:start;gap:clamp(50px,9vw,120px);padding:clamp(90px,11vw,150px) 0;display:grid}.guide-intro{position:sticky;top:40px}.guide-intro h2{color:var(--cream)}.guide-intro>p:not(.landing-kicker){color:#fff6dcb3;margin:24px 0 30px;font-size:1.05rem;line-height:1.6}.ios-steps{counter-reset:ios-step;gap:14px;margin:0;padding:0;list-style:none;display:grid}.ios-steps li{background:#ffffff0e;border:1px solid #fff6dc1c;border-radius:26px;grid-template-columns:68px 1fr;align-items:center;gap:20px;min-height:132px;padding:20px 24px;display:grid;box-shadow:0 14px 30px #04121a33}.ios-step-icon{width:58px;height:58px;color:var(--navy);background:var(--cream);border-radius:18px;place-items:center;font-size:1.8rem;font-weight:900;display:grid}.share-icon{background:var(--cyan)}.share-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px;width:26px}.plus-icon{background:var(--coral)}.add-icon{background:var(--orange);font-size:.82rem}.safari-icon{color:var(--cyan);font-size:2.5rem}.ios-steps strong{color:var(--cream);font-size:1.04rem}.ios-steps p{color:#fff6dca8;margin:7px 0 0;font-size:.9rem;line-height:1.45}.landing-footer{color:#fff6dcad;border-top:1px solid #fff6dc1f;justify-content:space-between;align-items:center;gap:28px;min-height:120px;font-size:.78rem;display:flex}.landing-footer>div:first-child{align-items:center;gap:12px;display:flex}.landing-footer .landing-loaf{flex:none;width:33px;height:25px}.landing-footer .landing-loaf i{display:none}.landing-footer p{margin:0}.landing-limpa-link{color:var(--cream);align-items:center;gap:12px;font-weight:850;text-decoration:none;display:inline-flex}.landing-footer-links{white-space:nowrap;align-items:center;gap:22px;display:flex}.landing-footer-links a{font-weight:850}@media (width<=820px){.landing-header nav a:first-child{display:none}.landing-hero{grid-template-columns:1fr;gap:64px;min-height:auto;padding:64px 0 100px}.landing-hero-copy{text-align:center}.landing-lede{margin-inline:auto}.landing-actions{justify-content:center}.landing-game-card{max-width:390px}.landing-feature-grid,.home-screen-guide{grid-template-columns:1fr}.landing-feature-grid article{min-height:0}.home-screen-guide{gap:54px}.guide-intro{position:static}}@media (width<=560px){.shakepop-landing{padding-inline:16px}.landing-header{min-height:72px}.landing-header nav{font-size:.75rem}.landing-hero{gap:50px;padding-top:46px}.landing-hero h1{font-size:clamp(3.5rem,15.25vw,4rem)}.landing-lede{margin-top:28px;font-size:1.22rem}.landing-actions{flex-direction:column}.landing-play-button{width:min(100%,340px)}.landing-game-card{border-radius:28px;padding:15px;transform:none}.landing-board{border-radius:18px;gap:3px;padding:7px}.landing-how{border-radius:32px;margin-inline:-16px;padding-inline:20px}.landing-feature-grid{grid-template-columns:1fr}.home-screen-guide{padding-block:90px}.ios-steps li{border-radius:21px;grid-template-columns:52px 1fr;gap:15px;min-height:0;padding:18px}.ios-step-icon{border-radius:15px;width:48px;height:48px;font-size:1.45rem}.safari-icon{font-size:2.1rem}.landing-footer{flex-direction:column;justify-content:center;align-items:flex-start;min-height:170px}.landing-footer-links{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.landing-play-button{transition:none}}.landing-resources{flex-wrap:wrap;gap:12px 24px;padding:24px 0;font-size:.875rem;display:flex}.landing-resources a{color:inherit;text-underline-offset:3px}