:root{--paper:#f5f4ed;--ink:#202922;--muted:#6e776e;--mint:#c7f576;--line:#dadfd3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #497b27;outline-offset:5px}.wrap{max-width:1160px;margin:auto;padding:0 36px}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:26px;font-weight:850;letter-spacing:-1px}.brand-icon{font-size:40px;line-height:1}.brand-small{font-size:15px;margin-left:10px;letter-spacing:1px}.header nav{display:flex;gap:32px;font-size:13px;font-weight:600;align-items:center}.count{font-size:10px;border:1px solid var(--line);border-radius:20px;padding:2px 6px;margin-left:4px}.hero{min-height:525px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:50px 0 55px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;display:flex;gap:8px;align-items:center}.eyebrow i{width:7px;height:7px;background:#618b40;border-radius:50%}h1{font-size:76px;line-height:1.2;letter-spacing:-5px;margin:24px 0}.time-word{position:relative;white-space:nowrap}.time-word svg{position:absolute;bottom:-10px;left:0;width:100%;fill:none;stroke:#a6d761;stroke-width:6;z-index:-1}.period{color:#6d9542}p{line-height:1.85}.hero p{color:var(--muted);font-size:15px}.primary{display:flex;align-items:center;justify-content:space-between;max-width:180px;background:var(--ink);color:white;padding:16px 22px;border-radius:10px;font-size:14px;margin-top:28px}.primary span{font-size:23px}.hero-art{position:relative;height:385px}.orbit{position:absolute;inset:25px 4px;border:1px solid #d8deca;border-radius:50%;transform:rotate(-20deg);background:radial-gradient(ellipse,#eaf0d8 10%,transparent 70%)}.ticket{width:242px;height:275px;background:var(--mint);border:2px solid var(--ink);border-radius:16px;position:absolute;top:20px;left:65px;transform:rotate(-12deg);box-shadow:8px 9px 0 #263425}.ticket>span{display:block;font-size:10px;letter-spacing:2px;padding:24px 24px 0}.ticket strong{display:block;font-size:30px;padding:22px 22px 0}.ticket-bottom{margin-top:26px;border-top:2px dashed #718752;display:flex;align-items:center;justify-content:space-around;padding:25px 6px;font-size:10px}.ticket-bottom span{font-size:21px}.controller{position:absolute;width:244px;height:139px;background:#f4eee1;border:2px solid var(--ink);border-radius:44px 44px 55px 55px;left:190px;top:194px;transform:rotate(14deg);box-shadow:6px 7px 0 #263425}.cross{position:absolute;left:36px;top:36px;background:var(--ink);width:20px;height:58px;border-radius:4px}.cross:before{content:"";position:absolute;width:58px;height:20px;left:-19px;top:19px;background:var(--ink);border-radius:4px}.button-a,.button-b{position:absolute;width:26px;height:26px;border:2px solid var(--ink);border-radius:50%;background:#ee8266;right:36px;top:32px;box-shadow:2px 3px 0 var(--ink)}.button-b{right:65px;top:65px;background:#b4cf90}.controller>span{position:absolute;bottom:17px;left:88px;font-size:8px;font-weight:800;letter-spacing:1px}.float-star{position:absolute;right:27px;top:25px;font-size:78px;color:#e79273;transform:rotate(12deg)}.tiny-star{position:absolute;left:20px;top:250px;font-size:50px}.scribble{position:absolute;bottom:0;left:85px;transform:rotate(-5deg);font-size:13px;color:#6b775e}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2{font-size:29px;letter-spacing:-1px;margin:12px 0 0}.random{border:0;background:none;font-size:13px;text-decoration:underline;text-underline-offset:5px;padding:12px 0 12px 16px}.filters{display:flex;gap:8px;margin:25px 0}.filter{border:1px solid var(--line);padding:9px 17px;border-radius:24px;background:transparent;color:var(--muted);font-size:12px}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.filter span{font-size:9px;margin-left:6px;opacity:.7}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.game-card{min-width:0;border:1px solid #d7dcd0;border-radius:19px;overflow:hidden;background:#fcfcf6;transition:transform .2s}.game-card:hover{transform:translateY(-4px)}.game-card[hidden]{display:none}.cover{height:306px;display:block;position:relative;overflow:hidden}.shoot-cover{background:#283b37;background-image:linear-gradient(0deg,#122c2266,transparent),repeating-linear-gradient(0deg,transparent,transparent 36px,#d0e4ca0d 37px),repeating-linear-gradient(90deg,transparent,transparent 36px,#d0e4ca0d 37px);color:#c8eea9}.cover-label{position:absolute;left:23px;top:19px;font-size:11px;letter-spacing:2px;z-index:2}.shoot-art img{position:absolute;width:170px;height:302px;object-fit:cover;top:53px;left:50%;transform:translateX(-50%) rotate(9deg);border:5px solid #16231e;border-radius:18px;box-shadow:15px 12px 0 #0e1b1840}.vertical-label{position:absolute;left:32px;top:94px;writing-mode:vertical-rl;font-size:10px;letter-spacing:3px;opacity:.7}.crosshair{position:absolute;font-size:30px;font-weight:200;color:#93aa7b}.c1{right:54px;top:61px}.c2{left:92px;bottom:28px}.chapter-stamp{position:absolute;right:27px;bottom:78px;border:1px solid #a8c38a;padding:9px 12px;font-size:10px;transform:rotate(-8deg);text-align:center}.chapter-stamp b{display:block;font-size:30px;line-height:1.1}.cover-play{position:absolute;bottom:18px;right:20px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fcfcf2;color:var(--ink);font-size:23px}.cat-cover{background:#e3edcd}.cat-art img{position:absolute;width:310px;height:265px;bottom:-9px;left:50%;transform:translateX(-50%) rotate(-5deg)}.cat-spark{position:absolute;color:#769c58;font-size:43px}.s1{left:30px;top:81px}.s2{right:29px;top:71px;font-size:31px;color:#e69570}.cat-note{position:absolute;left:23px;bottom:32px;font-size:9px;line-height:1.55;letter-spacing:1px;color:#688256;transform:rotate(-8deg)}.card-body{padding:24px}.meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted)}.meta>span:first-child{color:#456435;font-weight:700}.card-body h3{font-size:24px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0 10px}.small-en{font-size:9px;letter-spacing:1px;font-weight:500;color:#7e8879}.card-body p{font-size:13px;color:var(--muted);margin:0 0 20px;min-height:48px}.play-link{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;font-size:13px;font-weight:750}.play-link span{font-size:22px}.about{display:flex;align-items:center;gap:25px;margin:68px 0 0;padding:36px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-star{font-size:64px;color:#7e9d5c}.about h2{font-size:20px;margin:0}.about p{font-size:12px;color:var(--muted);margin:10px 0 0}.about-tag{margin-left:auto;font-size:9px;letter-spacing:2px;transform:rotate(7deg);border:1px solid #9da98f;padding:12px}.about-tag b{font-size:32px;letter-spacing:0}.footer{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:105px;font-size:11px;color:var(--muted)}.footer-brand{font-weight:750;color:var(--ink)}.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}@media(min-width:900px){.controller{animation:bob 5s ease-in-out infinite}}@keyframes bob{50%{transform:translateY(-9px) rotate(11deg)}}@media(max-width:900px){.hero-art{transform:scale(.8);transform-origin:center}.hero{grid-template-columns:1.1fr 1fr}.hero h1{font-size:64px}.controller{left:120px}.ticket{left:15px}.float-star{right:-12px}.scribble{left:30px}.cat-art img{width:265px}.chapter-stamp{right:16px}.small-en{display:none}}@media(max-width:600px){.wrap{padding:0 22px}.header{height:83px}.brand{font-size:22px}.brand-icon{font-size:31px}.brand-small{font-size:12px}.header nav{gap:0}.about-link{display:none}.hero{padding:38px 0 30px;display:block;min-height:0}.hero h1{font-size:65px;letter-spacing:-4px;margin:22px 0}.hero-copy{position:relative;z-index:1}.hero p{font-size:14px}.hero-art{height:265px;max-width:390px;margin:-8px auto 0;transform:scale(.78);transform-origin:top center;margin-bottom:-48px}.ticket{left:85px;top:10px;height:240px}.ticket-bottom{margin-top:19px;padding:14px 6px}.controller{left:195px;top:148px;width:210px;height:125px}.controller .cross{left:29px}.controller>span{left:77px}.float-star{right:-22px;top:-4px;font-size:67px}.tiny-star{left:39px;top:174px}.scribble{display:none}.orbit{inset:5px -15px 0 25px}.section-head h2{font-size:24px}.section-head .eyebrow{font-size:8px;letter-spacing:1px}.random{font-size:11px}.game-grid{grid-template-columns:1fr;gap:22px}.filters{margin:21px 0}.cover{height:285px}.cat-art img{width:300px}.card-body{padding:22px}.about{margin-top:40px;gap:14px;padding:28px 0}.about-star{font-size:39px}.about h2{font-size:16px}.about p{font-size:11px}.about-tag{display:none}.footer{min-height:95px;flex-wrap:wrap;font-size:10px;padding-top:22px;padding-bottom:22px}.footer>span{display:none}}@media(max-width:380px){.hero-art{margin-left:-40px}.brand-small{margin-left:6px}.cover-label{letter-spacing:1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}