@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@500;600;700;800;900&family=Nunito:wght@700;800;900;1000&display=swap');
:root{font-family:Nunito,'Noto Sans SC',system-ui,sans-serif;color:#34543f;background:#f6f1e7;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:radial-gradient(ellipse at 0 0,#f5e4e4,transparent 40%),#f6f1e7}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #c68c58;outline-offset:4px}[hidden]{display:none!important}.nav,main,footer{width:min(1120px,calc(100% - 64px));margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;padding:27px 0 26px;border-bottom:1px solid #d9d7c7}.brand{display:flex;gap:9px;align-items:center;font-size:20px;font-weight:1000;letter-spacing:1px;line-height:1}.brand img{width:39px;mix-blend-mode:multiply}.brand small{display:block;font-size:7px;letter-spacing:4px;margin-top:6px}.nav nav{display:flex;gap:28px;align-items:center;font-size:11px;font-weight:800}.nav button{border:1px solid #d8d6c6;background:#faf6ef;width:38px;height:34px;border-radius:20px;font-size:11px}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:52px;padding:55px 0 49px;align-items:center}.eyebrow{font-size:8px;letter-spacing:2.3px;font-weight:900;color:#a18d72}.hero h1{font-size:44px;font-weight:900;line-height:1.5;letter-spacing:-2px;margin:19px 0;color:#35593f}.hero h1 span{color:#cb8d97}.hero-copy>p{font-size:12px;color:#978875;line-height:2.2;margin:0 0 25px}.hero-actions{display:flex;gap:20px;align-items:center}.primary{display:inline-flex;justify-content:space-between;gap:28px;align-items:center;background:#3b624b;color:#fff7e6;border:1px solid #34583f;padding:15px 21px;border-radius:13px;font-size:12px;font-weight:900;box-shadow:0 4px 0 #2e4f39}.primary span{font-size:18px}.soft{font-size:11px;color:#a18e73}.perks{display:flex;gap:11px;font-size:8px;color:#a59a84;margin-top:24px}.perks i{font-style:normal;color:#bdb29a}.hero-art{height:365px;position:relative;border-radius:30px;overflow:hidden;background:#d8e1d0;box-shadow:0 9px 30px #395e3f12;border:1px solid #fff}.art-scenery{position:absolute;inset:0;background:url('../street.jpg') center 60%/cover;filter:blur(1px) saturate(.65)}.art-fade{position:absolute;inset:0;background:linear-gradient(#ddf0d719,#57775b66)}.feature-tag{position:absolute;top:20px;left:20px;background:#fff8e5e8;color:#6f7f5e;padding:6px 11px;border-radius:18px;font-size:8px;font-weight:800;letter-spacing:.5px}.road{position:absolute;bottom:0;left:-30%;width:160%;height:90%;background:#f3e7d366;clip-path:polygon(47% 0,53% 0,100% 100%,0 100%)}.road i{position:absolute;left:43%;top:0;width:2px;height:120%;background:#ffffee80;transform:rotate(10deg);transform-origin:top}.road i+ i{left:57%;transform:rotate(-10deg)}.hero-cup{position:absolute;width:128px;height:203px;object-fit:contain;left:calc(50% - 64px);top:78px;transform:rotate(-8deg);filter:drop-shadow(0 10px 8px #304f3430)}.fruit{position:absolute;font-style:normal}.fruit.avocado{font-size:50px;right:15%;top:110px;transform:rotate(15deg)}.fruit.peach{font-size:37px;left:15%;top:210px;transform:rotate(-16deg)}.fruit.star{font-size:34px;color:#f7d887;left:19%;top:96px;text-shadow:0 2px #fff9}.art-caption{position:absolute;bottom:21px;left:24px;right:24px;color:#fff9e9}.art-caption>span{display:block;font-size:8px;letter-spacing:3px;margin-bottom:6px;color:#fff9}.art-caption strong{font-size:25px;font-weight:900;letter-spacing:1px}.art-caption b{position:absolute;right:0;bottom:0;width:37px;height:37px;display:grid;place-items:center;border:1px solid #fff7;border-radius:50%;font-size:20px}#resume{background:#e7eadb;border:1px solid #d6dcc8;border-radius:13px;padding:13px 18px;display:flex;justify-content:space-between;font-size:11px;margin:0 0 26px;color:#859173}#resume a{font-weight:900;color:#4a684a}#games{padding:26px 0}.section-top{display:flex;justify-content:space-between;align-items:end}.section-top h2{font-size:24px;letter-spacing:-1px;margin:10px 0 0;font-weight:900}.game-count{font-size:10px;color:#ae9c80;padding-bottom:4px}.filters{display:flex;gap:8px;margin:23px 0}.filters button{border:1px solid #dfdacc;background:transparent;padding:8px 16px;border-radius:22px;font-size:10px;color:#a39277}.filters button.active{background:#3e634b;border-color:#3e634b;color:#fff5e3}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.card{background:#fffaf1;border:1px solid #fff;border-radius:22px;overflow:hidden;box-shadow:0 4px 20px #574a2d08;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #574a2d12}.cover{position:relative;height:192px;overflow:hidden;border-bottom:1px solid #efebdd}.cover-label{position:absolute;top:17px;left:18px;font-size:6px;font-weight:900;letter-spacing:1.8px;z-index:2;color:#486d4f99}.new{position:absolute;bottom:13px;left:15px;background:#fffbefc9;color:#9d8967;padding:4px 8px;border-radius:13px;font-size:7px;font-weight:800}.card-copy{padding:18px 19px}.card-title{display:flex;justify-content:space-between;align-items:center}.card-title h3{font-size:17px;margin:0;font-weight:900;letter-spacing:-.3px}.card-title>span{width:25px;height:25px;border:1px solid #dedccd;border-radius:50%;display:grid;place-items:center;font-size:14px;color:#8b9a7b}.card-copy p{font-size:10px;line-height:1.9;color:#a18e76;margin:10px 0 16px;min-height:37px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{font-size:7px;background:#eeeede;border-radius:5px;padding:4px 6px;color:#8c9478}.run-cover{background:linear-gradient(#c8ddc0,#e8e2c9)}.mini-road{position:absolute;bottom:0;left:0;right:0;height:160px;background:#fff5dc66;clip-path:polygon(46% 0,54% 0,100% 100%,0 100%)}.run-cover>img{width:79px;height:132px;object-fit:contain;position:absolute;left:calc(50% - 36px);top:48px;transform:rotate(5deg);filter:drop-shadow(0 5px 5px #4a5d3520)}.cover-fruit{position:absolute;right:22%;top:77px;font-size:27px;transform:rotate(18deg);font-style:normal}.match-cover{background:#f0dbd9}.mini-board{position:absolute;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#d2bca5;border-radius:9px;padding:6px;width:144px;height:144px;left:calc(50% - 72px);top:38px;transform:rotate(-7deg);box-shadow:0 6px 8px #80664919}.mini-board i{font-style:normal;background:#fff4e4;border-radius:5px;display:grid;place-items:center;font-size:19px}.flappy-cover{background:linear-gradient(#c3dfdf,#e1e8cc)}.flappy-cover>img{width:81px;height:127px;object-fit:contain;position:absolute;left:calc(50% - 44px);top:52px;transform:rotate(20deg)}.flappy-cover>i{position:absolute;font-style:normal;font-size:32px;color:#ffdf7e;left:65%;top:96px}.straw{position:absolute;width:36px;background:linear-gradient(90deg,#d17f92,#f6c2cb 40%,#e69aaf);border:2px solid #b8738c;border-radius:0 0 6px 6px;box-shadow:0 3px 0 #f6c0ca}.straw.one{left:17%;top:-20px;height:112px}.straw.two{right:14%;bottom:-10px;height:67px;border-radius:6px 6px 0 0}.merge-cover{background:#e5dfcb}.number-stack{position:absolute;left:calc(50% - 76px);top:44px;width:152px;display:grid;grid-template-columns:1fr 1fr;gap:8px;transform:rotate(6deg)}.number-stack i{font-style:normal;display:grid;place-items:center;height:60px;border-radius:10px;font-size:30px;font-weight:1000;background:#f5dca4;color:#8e7953;box-shadow:0 3px 0 #b4a17d33}.number-stack i:nth-child(2){background:#dfb78b;color:#fff4dd}.number-stack i:nth-child(3){background:#a9be8a;color:#fff5dc}.number-stack i:nth-child(4){background:#5f825b;color:#fff7db}.memory-cover{background:#dce5de}.memory-art{position:absolute;left:calc(50% - 87px);top:50px;width:174px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;transform:rotate(-5deg)}.memory-art i{font-style:normal;background:#fff5e7;height:111px;border:3px solid #f8ecda;border-radius:11px;display:grid;place-items:center;box-shadow:0 3px 0 #8ca28222;font-size:25px}.memory-art i:nth-child(2),.memory-art i:nth-child(3){background:#7d9a76;color:#e9ddb7;font-size:24px}.memory-art i:nth-child(2){transform:translateY(-10px)}.memory-art i:nth-child(4){transform:translateY(8px)}.tea-break{border:1px dashed #cdcdb8;border-radius:22px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#a0a081;min-height:332px}.tea-break>span{font-size:35px;opacity:.7}.tea-break>p{font-size:18px;font-weight:900;color:#6d8363;margin:14px 0 10px}.tea-break small{font-size:10px;line-height:2;color:#aa9d85}.tea-break>div{font-size:7px;letter-spacing:2px;margin-top:22px}.bottom-note{text-align:center;border-top:1px solid #dddbc9;margin-top:43px;padding:43px 0 38px}.bottom-note img{width:37px;mix-blend-mode:multiply;opacity:.55}.bottom-note p{font-size:11px;color:#9f9179;line-height:2.1;margin:13px 0}.bottom-note>span{font-size:6px;color:#b6a990;letter-spacing:2.5px}footer{border-top:1px solid #dedbcb;padding:20px 0 24px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.5px;color:#a89e86}footer a{font-size:9px;letter-spacing:0}@media(max-width:850px){.hero{gap:27px}.hero h1{font-size:34px;letter-spacing:-1px}.hero-art{height:330px}.hero-actions{gap:12px;flex-wrap:wrap}.primary{padding:12px 15px;font-size:11px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tea-break{min-height:330px}}@media(max-width:560px){.nav,main,footer{width:calc(100% - 36px)}.nav{padding:20px 0}.brand{font-size:17px}.brand img{width:33px}.nav nav{gap:15px;font-size:10px}.hero{grid-template-columns:1fr;gap:24px;padding:35px 0 28px}.hero h1{font-size:35px;line-height:1.4;margin:13px 0 15px}.hero-copy>p{font-size:11px;margin-bottom:20px}.hero-art{height:285px;border-radius:23px}.hero-cup{top:51px;width:111px;height:181px;left:calc(50% - 55px)}.fruit.avocado{top:91px;right:20%;font-size:43px}.fruit.peach{top:165px;left:21%;font-size:32px}.fruit.star{top:73px;left:22%}.art-caption{bottom:17px;left:20px}.art-caption strong{font-size:23px}.hero-actions{gap:20px}.primary{font-size:12px;padding:13px 18px}.perks{margin-top:21px}.eyebrow{font-size:7px;letter-spacing:1.7px}.section-top h2{font-size:20px}.game-count{font-size:8px}.filters{gap:7px;margin:19px 0}.filters button{font-size:9px;padding:8px 13px}.game-grid{gap:12px}.cover{height:150px}.cover-label{font-size:5px;letter-spacing:.7px;top:13px;left:11px}.card{border-radius:17px}.card-copy{padding:13px 11px}.card-title h3{font-size:13px}.card-title>span{width:21px;height:21px;font-size:12px}.card-copy p{font-size:8px;line-height:1.9;margin:8px 0 12px;min-height:45px}.tags{gap:4px}.tags span{font-size:6px;padding:3px 4px}.run-cover>img{width:66px;height:106px;top:38px;left:calc(50% - 28px)}.cover-fruit{font-size:23px;top:70px;right:12%}.mini-board{width:113px;height:113px;top:30px;left:calc(50% - 56px);gap:3px;padding:5px}.mini-board i{font-size:15px;border-radius:3px}.flappy-cover>img{width:65px;height:105px;top:35px;left:calc(50% - 32px)}.flappy-cover>i{font-size:24px;top:77px;left:72%}.straw{width:26px}.straw.one{height:83px;left:12%}.straw.two{right:9%;height:48px}.number-stack{width:117px;left:calc(50% - 58px);top:36px;gap:5px}.number-stack i{height:45px;font-size:23px;border-radius:7px}.memory-art{width:135px;left:calc(50% - 67px);top:40px;gap:4px}.memory-art i{height:80px;font-size:20px;border:2px solid #f8ecda;border-radius:8px}.new{font-size:6px;padding:3px 5px;bottom:9px;left:10px}.tea-break{min-height:277px;padding:15px 8px}.tea-break>p{font-size:14px}.tea-break small{font-size:8px}.tea-break>div{font-size:5px;letter-spacing:1px}.bottom-note{margin-top:31px;padding:31px 0}.bottom-note p{font-size:10px}#resume{font-size:10px;padding:12px 13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-mark{position:absolute;width:40px;height:40px;object-fit:contain;left:calc(50% - 22px);top:171px;transform:rotate(-8deg);mix-blend-mode:multiply}@media(max-width:560px){.hero-mark{width:33px;height:33px;left:calc(50% - 18px);top:135px}}