@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=swap";:root{color:#172033;background:#f5f1e8;font-family:Manrope,Noto Sans SC,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f5f1e8}a{color:inherit;text-decoration:none}.shell{width:min(1120px,calc(100% - 48px));margin:0 auto}.nav{display:flex;align-items:center;justify-content:space-between;height:86px;border-bottom:1px solid #ddd7cb}.brand{display:flex;align-items:center;gap:11px;color:#172033;font-size:21px;font-weight:800;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:32px;height:32px;color:#172033;background:#e77d61;border-radius:11px 11px 11px 3px;box-shadow:0 3px #d86950;font-size:18px}.nav-links{display:flex;gap:34px;color:#707989;font-size:13px}.nav-links a:hover,.section-heading a:hover{color:#536f16}.nav-actions{display:flex;align-items:center;gap:9px}.language-button{padding:8px 9px;color:#536f16;border:0;background:transparent;font:500 11px DM Mono,monospace;cursor:pointer}.login-button{padding:9px 17px;color:#172033;border:1px solid #c9c2b5;border-radius:999px;background:transparent;font:inherit;font-size:12px;cursor:pointer}.hero{display:grid;grid-template-columns:.92fr 1.08fr;min-height:534px;align-items:center;gap:50px}.eyebrow{margin:0 0 22px;color:#536f16;font:500 10px DM Mono,monospace;letter-spacing:.15em}h1{margin:0;font-size:clamp(50px,7vw,87px);line-height:.98;letter-spacing:-.07em;font-weight:800}h1 em{color:#536f16;font-style:normal}.hero-text{max-width:350px;margin:29px 0 30px;color:#697282;font-size:15px;line-height:1.9}.primary-button{display:inline-flex;align-items:center;gap:20px;padding:14px 19px 14px 22px;color:#f5f1e8;background:#536f16;border-radius:999px;font-size:13px;font-weight:800;transition:transform .2s}.primary-button:hover{transform:translateY(-3px)}.primary-button span{font-size:18px;line-height:12px}.hero-art{position:relative;height:340px;overflow:hidden;border-radius:46% 54% 40% 60%/47% 44% 56% 53%;background:#efb75f}.sun{position:absolute;width:180px;height:180px;top:35px;right:80px;border-radius:50%;background:#f8d994}.island{position:absolute;width:190px;height:150px;bottom:38px;left:24%;border-radius:50% 50% 43% 43%;background:#304f45;transform:rotate(-7deg)}.island:before{position:absolute;width:75px;height:100px;bottom:96px;left:56px;border-radius:100% 0;background:#567c5e;content:"";transform:rotate(23deg)}.island i{position:absolute;width:20px;height:50px;bottom:117px;left:74px;border-radius:80% 0;background:#426851;transform:rotate(22deg)}.island i:nth-child(2){left:111px;bottom:93px;transform:rotate(55deg) scale(.75)}.island i:nth-child(3){left:37px;bottom:90px;transform:rotate(-10deg) scale(.7)}.wave{position:absolute;width:180%;height:130px;left:-40%;border:2px solid rgba(255,246,216,.7);border-radius:50%;transform:rotate(-9deg)}.wave-one{bottom:5px}.wave-two{bottom:-36px;opacity:.5}.discover{padding:55px 0 100px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.section-heading .eyebrow{margin-bottom:13px}.section-heading h2{margin:0;font-size:31px;letter-spacing:-.05em}.section-heading a{color:#707989;font-size:12px}.section-heading a span{margin-left:9px;color:#536f16;font-size:17px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.game-card{min-width:0}.game-cover{position:relative;height:230px;overflow:hidden;border-radius:18px}.game-number{position:absolute;top:18px;left:19px;color:#11182780;font:500 11px DM Mono,monospace}.play-icon{position:absolute;right:20px;bottom:18px;display:grid;place-items:center;width:38px;height:38px;color:#f6f2e9;border:1px solid rgba(255,255,255,.5);border-radius:50%;font-size:11px}.game-shape{position:absolute;width:145px;height:145px;top:47px;left:calc(50% - 72px);border:24px solid rgba(255,255,255,.4);border-radius:50%;transform:rotate(45deg)}.game-card:nth-child(2) .game-shape{border-radius:28% 72% 58% 42%;transform:rotate(22deg)}.game-card:nth-child(3) .game-shape{border-radius:50% 20%;transform:rotate(-25deg)}.game-info{display:flex;align-items:center;justify-content:space-between;padding-top:17px}.game-category{margin:0 0 6px;color:#7b8492;font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em}.game-info h3{margin:0;font-size:19px;letter-spacing:-.04em}.arrow{color:#536f16;font-size:22px}.game-description{margin:8px 0 0;color:#7b8492;font-size:12px}.footer{display:flex;justify-content:space-between;padding:22px 0 28px;border-top:1px solid #ddd7cb;color:#8a918e;font:10px DM Mono,monospace;letter-spacing:.03em}.game-card.is-playable{cursor:pointer}.game-card.is-playable:hover .game-cover{transform:translateY(-5px) rotate(-1deg)}.game-cover{transition:transform .25s ease}.game-card:focus-visible{outline:3px solid #536f16;outline-offset:8px;border-radius:18px}.game-page{min-height:100vh;background:#f5f1e8}.game-nav{height:76px}.back-button{padding:8px 0;color:#536f16;border:0;background:none;font:500 12px DM Mono,monospace;cursor:pointer}.back-button span{margin-left:8px;color:#707989;font-family:Manrope,Noto Sans SC,sans-serif}.game-nav-title{font-weight:800;letter-spacing:-.03em}.game-nav-label{color:#8a918e;font:10px DM Mono,monospace}.game-shell{width:min(760px,calc(100% - 48px));margin:0 auto;padding:72px 0 70px}.game-intro{text-align:center}.game-intro .eyebrow{margin-bottom:15px}.game-intro h1{font-size:clamp(44px,8vw,72px)}.game-intro p:last-child{margin:20px auto 0;color:#707989;font-size:14px}.game-stats{display:flex;justify-content:center;gap:70px;margin:45px 0 22px}.game-stats div{text-align:center}.game-stats span{display:block;color:#8a918e;font:10px DM Mono,monospace;letter-spacing:.1em}.game-stats strong{display:block;margin-top:7px;color:#172033;font-size:25px;letter-spacing:-.04em}.tide-board{position:relative;height:min(56vw,430px);min-height:310px;overflow:hidden;border-radius:34px;background:linear-gradient(150deg,#173f4a,#152a48 56%,#292c55);box-shadow:0 22px 50px #232a4433}.tide-board:after{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(244,208,132,.12),transparent 32%),linear-gradient(transparent 94%,#f5f1e81f);content:"";pointer-events:none}.tide-glow{position:absolute;border-radius:50%;filter:blur(4px)}.tide-glow-one{width:150px;height:150px;top:-55px;right:10%;background:#fad79340}.tide-glow-two{width:260px;height:80px;bottom:-30px;left:20%;background:#45aea93b;filter:blur(22px)}.tide-line{position:absolute;width:140%;height:110px;left:-20%;border-top:1px solid rgba(185,230,216,.32);border-radius:50%;transform:rotate(-8deg)}.tide-line-one{top:38%}.tide-line-two{top:58%;opacity:.6;transform:rotate(6deg)}.moon-target{position:absolute;z-index:2;display:grid;place-items:center;width:66px;height:66px;border:1px solid rgba(255,236,177,.8);border-radius:50%;background:radial-gradient(circle,#fff5c6 0 18%,#f4d68d 20% 45%,#f4d68d1f 46%);box-shadow:0 0 0 10px #f4d68d14,0 0 30px #ffe08fcc;color:#a96c46;cursor:pointer;transform:translate(-50%,-50%);animation:moon-in .35s ease-out}.moon-target span{font-size:22px}.game-overlay{position:absolute;z-index:3;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;background:#1126398c;color:#f7edcf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.overlay-kicker{color:#f3c979;font:10px DM Mono,monospace;letter-spacing:.14em}.game-overlay strong{margin:17px 0 8px;font-size:clamp(34px,7vw,58px);letter-spacing:-.06em}.game-overlay p{margin:0 0 22px;color:#f7edcfbf;font-size:13px}.game-overlay .primary-button{color:#172033;background:#f3c979}.game-tip{margin:18px 0 0;color:#8a918e;text-align:center;font-size:11px}@keyframes moon-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.hop-board{position:relative;height:min(56vw,430px);min-height:310px;overflow:hidden;border-radius:34px;background:linear-gradient(170deg,#6ca4d9,#b8d9e3 58%,#e9d8b7);box-shadow:0 22px 50px #3d709633}.cloud-sun{position:absolute;width:130px;height:130px;top:35px;right:12%;border-radius:50%;background:#ffedaeb3;box-shadow:0 0 55px #ffefb2cc}.cloud-layer{position:absolute;width:150%;height:120px;left:-25%;border-radius:50%;background:#ffffff6b}.cloud-layer-one{bottom:-35px;transform:rotate(-7deg)}.cloud-layer-two{bottom:52px;left:35%;opacity:.35;transform:rotate(8deg)}.hop-target{position:absolute;z-index:2;display:grid;place-items:center;width:88px;height:52px;border:0;border-radius:48% 52% 45% 55%;background:#fff;box-shadow:18px 7px #fff6,0 13px 22px #38698f2e;color:#6092bd;cursor:pointer;transform:translate(-50%,-50%);animation:cloud-in .35s ease-out}.hop-target span{font-size:38px;line-height:1}.chef-board{position:relative;min-height:430px;overflow:hidden;border-radius:34px;background:linear-gradient(140deg,#e7a26f,#f6d39b 52%,#f4bf7d);box-shadow:0 22px 50px #a55e372e}.chef-board:before{position:absolute;right:-40px;bottom:-75px;width:260px;height:260px;border:22px solid rgba(255,255,255,.27);border-radius:50%;content:""}.recipe-card{position:relative;z-index:1;width:min(420px,calc(100% - 42px));margin:34px auto 22px;padding:23px 26px 20px;border-radius:21px;background:#fff7e0e6;box-shadow:0 14px 25px #7a492f1f;text-align:center}.recipe-card .overlay-kicker{color:#b36644}.recipe-card strong{display:block;margin-top:9px;color:#573e35;font-size:28px;letter-spacing:-.06em}.recipe-card p{margin:8px 0 15px;color:#997568;font-size:12px}.recipe-dots{display:flex;justify-content:center;gap:8px}.recipe-dots i{display:block;width:8px;height:8px;border:1px solid #dca47c;border-radius:50%}.recipe-dots i.done{background:#648b54;border-color:#648b54}.recipe-dots i.current{background:#e77d61;border-color:#e77d61;box-shadow:0 0 0 4px #e77d6124}.ingredient-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(560px,calc(100% - 42px));margin:0 auto}.ingredient-button{display:grid;place-items:center;min-height:73px;padding:8px;border:1px solid rgba(117,73,49,.14);border-radius:15px;background:#fffae7de;color:#694b3d;cursor:pointer;font:11px Manrope,Noto Sans SC,sans-serif;transition:transform .2s,background .2s}.ingredient-button:hover{background:#fffaf0;transform:translateY(-3px)}.ingredient-button span{margin-bottom:5px;font-size:27px}.cloud-game .game-intro p:last-child,.chef-game .game-intro p:last-child{max-width:430px}.cloud-game .game-overlay .primary-button,.chef-game .game-overlay .primary-button{color:#573e35;background:#fff0c3}@keyframes cloud-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.65)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:700px){.shell{width:min(100% - 34px,540px)}.nav-links{display:none}.hero{grid-template-columns:1fr;gap:35px;padding:62px 0 45px}.hero-art{height:245px}.sun{width:130px;height:130px;right:34px}.island{transform:scale(.78) rotate(-7deg);transform-origin:bottom left}.game-grid{grid-template-columns:1fr}.game-cover{height:205px}.discover{padding-top:34px}.footer{gap:18px;flex-direction:column}.game-nav-label{display:none}.game-shell{width:min(100% - 34px,540px);padding-top:50px}.game-stats{gap:35px;margin-top:34px}.tide-board,.hop-board{min-height:360px;height:105vw;border-radius:25px}.chef-board{min-height:500px;border-radius:25px}.ingredient-grid{grid-template-columns:repeat(2,1fr)}.recipe-card{margin-top:25px}}