*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f8f9f3;color:#24382f;font-family:system-ui,-apple-system,"Segoe UI","Noto Sans JP",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit}.wrap{max-width:1120px;padding-inline:40px;margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;min-height:100px;border-bottom:1px solid #dbe1d6}.wordmark{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:800;letter-spacing:1.2px}.wordmark>span:last-child{font-weight:450}.mark{display:grid;grid-template-columns:repeat(2,9px);gap:3px;margin-right:5px;transform:rotate(-6deg)}.mark i{height:9px;border-radius:1px;background:#3f8868}.mark i:nth-child(2){background:#b9ce8b}.mark i:nth-child(3){background:#f0ce6b}.mark i:nth-child(4){background:#94b3a1}nav{display:flex;align-items:center;gap:26px}nav a{font-size:12px}a:hover{text-decoration:underline}select{background:#fff;border:1px solid #d7dfd1;border-radius:8px;padding:8px 10px;color:#435747;font-size:11px}.hero{position:relative;padding:92px 0 74px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#778774;font-weight:650}.hero h1{font-size:clamp(32px,4.8vw,58px);line-height:1.45;letter-spacing:.025em;font-weight:650;margin:22px 0}.hero p{font-size:15px;line-height:2;color:#647466;margin:0 0 27px}.text-link{display:inline-block;font-size:12px;font-weight:650;border-bottom:1px solid #7d9870;padding-bottom:8px}.hero-pixels{position:absolute;right:24px;top:128px;width:250px;height:230px;transform:rotate(-9deg)}.hero-pixels i{position:absolute;width:70px;height:70px;border-radius:9px;background:#dce8bc}.hero-pixels i:nth-child(1){left:80px;top:0;background:#f0d476}.hero-pixels i:nth-child(2){left:0;top:80px;background:#a7c697}.hero-pixels i:nth-child(3){left:80px;top:80px;background:#4e9475}.hero-pixels i:nth-child(4){left:160px;top:80px;background:#e6afbc}.hero-pixels i:nth-child(5){left:80px;top:160px}.hero-pixels i:nth-child(6){left:170px;top:-24px;width:30px;height:30px;background:#d7e5df}.hero-pixels i:nth-child(7){left:5px;top:178px;width:25px;height:25px;background:#efe4b5}.section-title{display:flex;align-items:center;justify-content:space-between;padding:0 0 17px;border-bottom:1px solid #d7dfd1;margin-bottom:24px}.section-title h2{font-size:17px;letter-spacing:.1em;margin:0}.section-title>span{font:12px ui-monospace,monospace;color:#86937e}.game-card{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #d8e1d3;border-radius:20px;background:#fff}.game-art{position:relative;overflow:hidden;min-height:395px;background-color:#edf2e6;background-image:linear-gradient(#d7e2cd70 1px,transparent 1px),linear-gradient(90deg,#d7e2cd70 1px,transparent 1px);background-size:28px 28px}.pixel-heart{position:absolute;left:calc(50% - 70px);top:80px;width:28px;height:28px;background:#e796b4;box-shadow:56px 0 #e796b4,-28px 28px #e796b4,0 28px #e796b4,28px 28px #e796b4,56px 28px #e796b4,84px 28px #e796b4,-28px 56px #e796b4,0 56px #e796b4,28px 56px #e796b4,56px 56px #e796b4,84px 56px #e796b4,0 84px #e796b4,28px 84px #e796b4,56px 84px #e796b4,28px 112px #e796b4}.tile{position:absolute;width:28px;height:28px;background:#e6c66d}.t1{left:28px;bottom:56px}.t2{left:56px;bottom:56px;background:#8fb98a}.t3{right:56px;top:28px;background:#afd1bd}.t4{right:28px;top:56px;background:#d9e5bc}.mascot{position:absolute;left:calc(50% + 65px);bottom:89px;width:40px;height:48px;border:2px solid #6c927a;background:#f9fff2;border-radius:15px 15px 9px 9px;box-shadow:0 5px #b7cbb3;text-align:center}.mascot:before{content:"";position:absolute;left:18px;top:-12px;width:12px;height:7px;border-radius:90% 0;background:#a4be75;transform:rotate(-25deg)}.mascot span{display:block;letter-spacing:6px;padding-left:5px;margin-top:9px;color:#587460}.mascot i{position:absolute;width:24px;height:24px;right:-16px;bottom:2px;background:#efd474;border:2px solid #d2b75b;transform:rotate(-8deg)}.art-label{position:absolute;bottom:25px;left:28px;font-size:9px;letter-spacing:2px;color:#829078}.game-copy{padding:34px 36px}.badge{display:inline-block;font-size:10px;color:#447254;border:1px solid #ccdcbc;background:#f3f8eb;padding:5px 9px;border-radius:5px}.game-copy h3{font-size:27px;letter-spacing:1.1px;margin:15px 0 1px}.game-subtitle{font-size:12px;color:#7d8b7a;letter-spacing:.15em}.game-copy p{font-size:12px;line-height:1.95;color:#596b5c;margin:18px 0 0}.game-copy .detail{font-size:11px;color:#7d8879;margin-top:10px}.game-tags{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.game-tags span{font-size:9px;background:#f2f4ee;border-radius:4px;padding:5px 7px;color:#74816e}.play{display:flex;justify-content:space-between;align-items:center;background:#285e48;color:#fff;border-radius:8px;padding:15px 19px;font-size:13px;font-weight:650}.play:hover{background:#204d3b;text-decoration:none}.game-copy .fine{font-size:9px;line-height:1.8;margin-top:11px;color:#8a9386}.about{padding:75px 0 70px;max-width:670px}.about h2{font-size:24px;font-weight:600;margin:17px 0}.about p{font-size:13px;color:#71806d;line-height:2.1}footer.wrap{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-block:24px;border-top:1px solid #dbe1d6;font-size:10px;color:#7c8975}footer nav{gap:20px}footer nav a{font-size:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus-visible,select:focus-visible{outline:3px solid #c1a749;outline-offset:5px}@media(max-width:760px){.wrap{padding-inline:23px}.header{min-height:77px}.wordmark{font-size:13px;gap:5px;letter-spacing:.7px}.header nav{gap:12px}.header nav>a{display:none}.hero{padding:58px 0 45px}.hero h1{font-size:36px}.hero p{font-size:12px;max-width:260px}.hero-pixels{right:-120px;top:70px;opacity:.22;transform:rotate(-9deg) scale(.7);z-index:-1}.hero{isolation:isolate}.game-card{grid-template-columns:1fr;border-radius:15px}.game-art{min-height:270px}.pixel-heart{top:40px}.mascot{bottom:55px}.game-copy{padding:25px}.game-copy h3{font-size:25px}.about{padding:50px 0 35px}.about h2{font-size:22px}footer.wrap{flex-direction:column;align-items:flex-start;padding-block:25px}footer nav{gap:14px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}