:root{--paper:#f7f6f0;--ink:#253d32;--muted:#7d8579;--line:#dfE3d7;--orange:#ed7847}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.shell{width:calc(100% - 104px);max-width:1320px;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:26px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:18px;letter-spacing:1px;font-weight:650}.brand img{border-radius:9px}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:400;color:var(--muted);margin-top:5px}nav{display:flex;gap:32px;font-size:12px}nav a:hover{color:var(--orange)}.hero{display:grid;grid-template-columns:1fr 1.13fr;gap:7%;align-items:center;padding-top:94px;padding-bottom:102px}.eyebrow{font-size:11px;letter-spacing:2px;color:#77816d;margin-bottom:25px}.dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin:0 9px 1px 0}h1{font-size:clamp(40px,4.6vw,67px);line-height:1.27;letter-spacing:-2px;font-weight:650}h1>span{color:#768b63}.hero-desc{font-size:13px;line-height:2;color:#7a8376;margin-top:25px}.button{display:inline-flex;align-items:center;gap:32px;padding:15px 22px;background:var(--ink);color:var(--paper);font-size:12px;border-radius:5px;margin-top:30px}.button:hover{background:#466149}.hero-note{font-size:9px;letter-spacing:1px;color:#a0a594;margin-top:22px}.hero-feature{display:block;background:#eceee2;border:1px solid #dfe3d3;border-radius:10px;overflow:hidden;transform:rotate(1.5deg);box-shadow:12px 17px 0 #e8e9dd}.feature-top{display:flex;justify-content:space-between;padding:16px 20px;color:#728065;font-size:10px}.hero-feature>img{width:100%;height:auto}.feature-bottom{display:flex;justify-content:space-between;align-items:center;padding:23px 24px 25px;background:#f1f1e7}.feature-bottom span{font-size:16px;font-weight:550}.feature-bottom small{display:block;font-size:11px;color:#8d947e;margin-top:7px}.feature-bottom .round-arrow{height:37px;width:37px;border:1px solid #cdd4be;border-radius:50%;display:grid;place-items:center}.games{padding:45px 0 78px;border-top:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:31px}.section-head .eyebrow{margin-bottom:12px}.section-head h2{font-size:25px;font-weight:550;letter-spacing:-.6px}.section-head>p{color:#939a8b;font-size:11px}.count{display:inline-block;font-size:11px;color:#a3aa98;vertical-align:top;margin:4px 0 0 10px;letter-spacing:0}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.game-card{display:block}.card-image{position:relative;overflow:hidden;border-radius:7px;background:#e6e9dc;aspect-ratio:16/10}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.game-card:hover img{transform:scale(1.025)}.card-number{position:absolute;bottom:10px;left:12px;color:#fff;font:10px ui-monospace,monospace;background:#24392f70;padding:5px 7px;border:1px solid #ffffff40;border-radius:3px}.card-meta{display:flex;justify-content:space-between;margin:20px 0 12px;font-size:10px;color:#969d8d}.card-meta>span+span{font-size:20px;color:var(--ink);line-height:10px}.game-card h3{font-size:21px;font-weight:550;margin-bottom:12px}.game-card p{color:#8c9484;font-size:12px;line-height:1.9}.detail-link{display:inline-flex;gap:25px;font-size:11px;margin-top:22px;border-bottom:1px solid #c7cfbc;padding-bottom:7px}.about{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;background:#293e33;color:#f0f1e3;padding:60px 70px;border-radius:8px;margin-bottom:65px}.about-label img{border-radius:15px;margin-bottom:23px;image-rendering:pixelated}.about-label p{color:#a9b49c;font-size:11px;letter-spacing:2px}.about-copy{max-width:580px}.about-copy h2{font-size:34px;line-height:1.4;font-weight:500;margin-bottom:26px;letter-spacing:-.5px}.about-copy p{color:#acb69e;line-height:2.1;font-size:12px;margin-bottom:13px}.about-copy a{display:inline-flex;gap:30px;margin-top:20px;font-size:11px;color:#d2dbc6;border-bottom:1px solid #66795b;padding-bottom:9px}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding:28px 0 35px;font-size:11px;color:#919a86}.footer-brand{color:#586b50;font-size:13px;font-weight:550}footer small{font-size:10px;color:#a0a793}.game-detail{padding-top:40px}.back{color:#8b9580;font-size:12px}.detail-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center;margin:70px 0 85px}.detail-hero h1{font-size:46px}.detail-hero h2{font-size:19px;line-height:1.6;margin:24px 0 16px;font-weight:500}.detail-hero p:not(.eyebrow){color:#818b76;font-size:13px;line-height:2}.detail-cover{border-radius:8px;width:100%}.detail-hero figcaption{font-size:10px;text-align:right;color:#a0a791;margin-top:9px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.gallery figure{min-width:0;background:#eeefe4;border:1px solid #e3e6d6;border-radius:7px;overflow:hidden}.gallery figure>a{display:block;padding:20px}.gallery img{width:auto;height:470px;max-height:65vh;max-width:100%;object-fit:contain;margin:auto}.gallery figcaption{padding:5px 24px 25px}.gallery strong{font-size:13px;font-weight:500;line-height:1.8}.gallery p{font-size:11px;color:#8c957f;line-height:1.9;margin-top:8px}.next{display:flex;justify-content:space-between;align-items:center;margin:65px 0;padding:25px 0;border-top:1px solid var(--line)}.next span{font-size:11px;color:#9aa28f}.next a{font-size:22px}.hero-feature:hover{transform:rotate(.5deg)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card-image img{transition:none}.hero-feature{transform:none!important}}@media(max-width:1000px){.shell{width:calc(100% - 60px)}.hero{gap:35px;padding:70px 0}.hero-feature{box-shadow:7px 10px 0 #e8e9dd}h1{font-size:42px}.game-grid{gap:18px}.about{padding:45px;gap:30px}.section-head h2{font-size:22px}.detail-hero{gap:35px}.gallery{gap:16px}.gallery figure>a{padding:10px}.gallery img{height:360px}.gallery figcaption{padding:5px 15px 20px}}@media(max-width:680px){.shell{width:calc(100% - 40px)}.topbar{padding:18px 0}.brand{font-size:16px;gap:8px}.brand img{height:35px;width:35px}.brand small{font-size:8px;letter-spacing:1px}nav{gap:16px;font-size:10px}.hero{grid-template-columns:1fr;padding:53px 0 58px;gap:40px}h1{font-size:44px;letter-spacing:-1.5px}.eyebrow{font-size:10px;margin-bottom:20px}.hero-desc{font-size:12px;margin-top:20px}.hero-note{margin-top:16px}.button{margin-top:24px;padding:13px 19px}.hero-feature{transform:none;margin:0 7px 0 0}.feature-top{padding:12px 16px}.feature-bottom{padding:19px}.feature-bottom span{font-size:15px}.games{padding:35px 0 45px}.section-head{align-items:start;flex-direction:column;gap:12px;margin-bottom:23px}.section-head h2{font-size:22px}.game-grid{grid-template-columns:1fr;gap:35px}.card-image{aspect-ratio:16/9}.card-meta{margin:16px 0 9px}.game-card h3{font-size:22px;margin-bottom:8px}.detail-link{margin-top:15px}.about{grid-template-columns:1fr;padding:30px;gap:25px;margin-bottom:40px}.about-label{display:flex;align-items:center;gap:17px}.about-label img{width:60px;height:60px;border-radius:10px;margin:0}.about-copy h2{font-size:29px}.about-copy p{font-size:12px}footer{flex-wrap:wrap;gap:13px;font-size:10px}footer small{width:100%;font-size:9px;margin-top:8px}.game-detail{padding-top:25px}.detail-hero{grid-template-columns:1fr;margin:40px 0 50px;gap:30px}.detail-hero h1{font-size:40px}.detail-hero h2{font-size:18px}.gallery{grid-template-columns:1fr}.gallery figure>a{padding:20px}.gallery img{height:auto;max-height:580px}.gallery figcaption{padding:0 24px 24px}.next{margin:40px 0}.next a{font-size:19px}}
