*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f9f6ee;color:#17313d;font-family:"Hiragino Sans","Yu Gothic",sans-serif;line-height:1.75}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #bc5810;outline-offset:5px}.brand{max-width:1160px;margin:auto;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8ded9}.brand a{text-decoration:none;font-size:23px;font-weight:900}.brand a span{color:#aa5b15}.brand>span{font-size:13px;font-weight:bold}main{max-width:1160px;margin:auto;padding:0 26px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;padding:56px 0 40px;align-items:center}.eyebrow{font-size:14px;font-weight:900;letter-spacing:.1em;color:#895023}h1{font-size:clamp(45px,6vw,76px);letter-spacing:-.04em;line-height:1.16;margin:20px 0 25px}.lead{font-size:17px}.hero-link,.play{display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:12px;text-decoration:none;font-weight:900;min-height:52px;padding:12px 20px}.hero-link{background:#17313d;color:#fff;max-width:280px;margin-top:25px}.facts{font-size:12px;letter-spacing:.06em}.duo{position:relative;min-height:370px;background:#f5cd59;border-radius:50% 45% 38% 40%;isolation:isolate}.bugle{position:absolute;width:65%;height:300px;object-fit:contain;right:-8px;bottom:30px}.log{position:absolute;width:45%;height:230px;object-fit:contain;left:-8px;bottom:35px}.bubble{position:absolute;right:20px;top:0;border:2px solid #17313d;background:#fff;border-radius:22px;padding:12px 22px;transform:rotate(5deg);font-weight:900;font-size:24px;z-index:2}.duo p{position:absolute;bottom:0;text-align:center;width:100%;font-size:12px;font-weight:bold}.intro{border-top:2px solid #17313d;border-bottom:1px solid #d3d9d4;padding:23px 0;margin-bottom:28px}.intro strong{font-size:23px}.intro p{margin:8px 0}.intro small{color:#50616a}.games{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;scroll-margin-top:20px}.card{background:white;border:1px solid #d5dcd5;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;padding:15px 18px;align-items:center;font-weight:900}.card-top small{font-weight:normal;font-size:11px;border:1px solid #d5dcd5;border-radius:8px;padding:2px 7px}.preview{display:block;height:220px;overflow:hidden;background:#eee}.preview img{width:100%;height:100%;object-fit:cover;object-position:center 43%;transition:transform .2s}.preview:hover img{transform:scale(1.025)}.card-body{padding:18px;flex:1;display:flex;flex-direction:column}.card h2{font-size:19px;line-height:1.5;margin:0 0 10px}.card p{font-size:14px;margin:0 0 20px;flex:1}.play{background:#17313d;color:white;font-size:14px}.gemini .play{background:#28664a}.claude .play{background:#8c492e}.compare{padding:42px 0}.compare h2{font-size:24px}.compare>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.compare b{color:#895023}details{border-top:1px solid #d5dcd5;padding:20px 0;font-size:13px}summary{font-size:16px;font-weight:bold;cursor:pointer;min-height:44px}footer{padding:30px;text-align:center;background:#17313d;color:white;font-size:12px;margin-top:25px}@media(max-width:760px){.brand{padding:16px 20px}.brand a{font-size:19px}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:30px 0}.hero-copy{z-index:1}h1{font-size:52px}.lead{font-size:15px}.duo{min-height:270px;max-width:420px;width:100%;margin:auto}.bugle{height:240px}.log{height:185px}.bubble{font-size:19px}.games{grid-template-columns:1fr}.preview{height:240px}.card h2{font-size:21px}.compare>div{grid-template-columns:1fr;gap:0}.compare h2{font-size:21px}.intro strong{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.preview img{transition:none}}