:root{color-scheme:light;--paper:#f5f2ea;--ink:#24251f;--muted:#686960;--line:#d7d4cb;--pink:#f3b8d3;--green:#c3e8c9}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}.page-shell{width:min(1140px,calc(100% - 88px));margin:0 auto}.skip-link{position:fixed;z-index:10;top:-80px;left:20px;padding:12px 18px;background:var(--ink);color:white}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible{outline:3px solid #ad356e;outline-offset:6px}.masthead{display:flex;align-items:center;justify-content:space-between;padding:26px 0;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:15px;line-height:1.05;letter-spacing:-.04em;font-weight:900}.brand-mark{display:grid;place-items:center;background:var(--ink);color:var(--paper);height:44px;width:44px;border-radius:50%;font-size:39px;line-height:1}.brand-period{color:#c4377b}.header-link{font-size:13px;font-weight:700;text-decoration:none}.header-link span{display:inline-block;font-size:21px;margin-left:16px;transition:transform .2s}.header-link:hover span{transform:translate(2px,2px)}.intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:68px 0 72px}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 25px;font-size:11px;letter-spacing:.09em;font-weight:700}.status-dot{height:7px;width:7px;background:#708268;border-radius:50%}.eyebrow-divider{margin:0 5px;color:#a3a398}h1{font-size:clamp(48px,5.9vw,74px);line-height:1.18;letter-spacing:-.06em;font-weight:900;margin:0}.title-highlight{position:relative;isolation:isolate;white-space:nowrap}.title-highlight:before{content:"";position:absolute;z-index:-1;bottom:3px;left:2px;right:-3px;height:28%;background:var(--pink);transform:rotate(-2deg)}.title-highlight>span{position:absolute;right:-27px;top:-20px;font-size:29px;line-height:1;color:#b53a73;transform:rotate(12deg)}.description{font-size:15px;line-height:1.95;max-width:440px;color:var(--muted);margin:24px 0 0}.hero-sticker{height:190px;width:190px;flex:none;border:1px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;transform:rotate(12deg);margin-right:36px;position:relative}.hero-sticker:before{content:"";position:absolute;inset:7px;border:1px dashed #9c9d90;border-radius:50%}.sticker-top{font-size:17px;letter-spacing:.06em;font-weight:900}.sticker-bottom{font-size:8px;letter-spacing:.09em;font-weight:700}.equalizer{display:flex;align-items:center;gap:6px;height:53px}.equalizer i{display:block;width:9px;border-radius:2px;background:var(--ink);height:23px}.equalizer i:nth-child(2),.equalizer i:nth-child(6){height:36px}.equalizer i:nth-child(3),.equalizer i:nth-child(5){height:49px}.equalizer i:nth-child(4){height:30px;background:#ba3b79}.section-head{border-top:1px solid var(--ink);padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.section-head h2{font-size:17px;letter-spacing:-.02em;margin:0}.section-head h2 span{margin-left:12px;font-size:23px}.section-head>span{font-size:11px;letter-spacing:.08em;color:var(--muted)}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.game-card{display:flex;flex-direction:column;min-width:0;text-decoration:none;border:1px solid var(--ink);border-radius:14px;overflow:hidden;background:#fcfbf6;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-5px);box-shadow:0 8px 0 var(--ink)}.card-art{height:290px;position:relative;overflow:hidden;border-bottom:1px solid var(--ink);isolation:isolate;padding:20px 24px;background:var(--pink)}.game-card--shooter .card-art{background:var(--green)}.art-topline,.art-bottomline{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:.1em}.art-star{font-size:24px;line-height:1}.art-headline{position:relative;z-index:1;font-size:clamp(36px,4.1vw,52px);font-weight:900;line-height:.94;letter-spacing:-.055em;margin-top:24px;pointer-events:none}.art-headline span{display:block}.art-bottomline{position:absolute;left:24px;right:24px;bottom:18px;font-size:8px;letter-spacing:.08em}.illustration{position:absolute;inset:0;z-index:0;pointer-events:none}.band-ball{position:absolute;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:50%;line-height:1;box-shadow:inset -4px -5px 0 #24251f16}.band-ball--1{width:122px;height:122px;right:34px;bottom:49px;background:#f8dc66;font-size:55px;transform:rotate(18deg)}.band-ball--2{width:88px;height:88px;right:7px;bottom:152px;background:#f8f3e4;font-size:62px;transform:rotate(-10deg)}.band-ball--3{width:72px;height:72px;right:153px;bottom:34px;background:#c77bad;font-size:36px;transform:rotate(-17deg)}.band-ball--4{width:46px;height:46px;right:172px;bottom:106px;background:#c3e8c9;font-size:29px;transform:rotate(-17deg)}.band-ball--5{width:30px;height:30px;right:116px;bottom:188px;background:#e95d74;font-size:22px}.orbit{position:absolute;border:1px solid #57876366;border-radius:50%;height:206px;width:206px;right:-21px;bottom:21px}.orbit--two{height:272px;width:272px;right:-53px;bottom:-12px}.orbit--one:before,.orbit--one:after{content:"";position:absolute;background:#57876366;left:50%;top:-18px;width:1px;height:240px}.orbit--one:after{transform:rotate(90deg)}.shooter-star{position:absolute;right:0;bottom:29px;font-size:188px;line-height:1;color:#5364c2;-webkit-text-stroke:1.5px var(--ink);transform:rotate(15deg);text-shadow:5px 6px 0 #24251f18}.spark{position:absolute;color:#252b24;font-size:25px;font-weight:400}.spark--1{right:178px;bottom:74px;transform:rotate(12deg)}.spark--2{right:28px;top:79px;font-size:19px}.spark--3{right:184px;bottom:147px;font-size:14px}.spark--4{right:88px;bottom:207px;font-size:17px}.card-content{padding:25px 24px 23px;display:flex;flex-direction:column;flex:1}.card-titleline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.card-titleline h3{font-size:23px;letter-spacing:-.04em;line-height:1.4;margin:0}.genre{font-size:10px;border:1px solid #cfcec6;border-radius:30px;padding:5px 9px;white-space:nowrap;color:#5b5e52}.card-description{font-size:13px;line-height:1.85;color:var(--muted);margin:12px 0 24px;max-width:390px}.play{display:flex;align-items:center;justify-content:space-between;margin-top:auto;background:var(--ink);color:#fff;padding:12px 16px;border-radius:7px;font-size:13px;font-weight:700;transition:background .2s}.play-arrow{font-size:22px;font-weight:400;line-height:1;transition:transform .2s}.game-card:hover .play-arrow{transform:translate(2px,-2px)}.game-card:hover .play{background:#41483b}.collection-note{font-size:11px;color:var(--muted);text-align:center;margin:23px 0 54px}.collection-note span{font-size:14px;margin-right:4px}footer{border-top:1px solid var(--line);padding:28px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-size:12px;letter-spacing:-.025em;font-weight:800;text-decoration:none}.footer-brand span{display:block;font-size:10px;font-weight:400;letter-spacing:.02em;color:var(--muted);margin-top:7px}footer p{margin:0;text-align:right;font-size:11px;color:var(--muted);line-height:1.6}footer p span{display:block;font-size:8px;letter-spacing:.1em;margin-top:5px}.empty{grid-column:1/-1;min-height:200px;border:1px dashed #a7a89b;border-radius:12px;padding:42px 28px;font-size:14px;color:var(--muted);line-height:1.8;margin:0}.empty strong{display:block;color:var(--ink);font-size:23px}.empty p{margin:8px 0 0}.retry-button{border:0;background:var(--ink);color:white;border-radius:7px;margin-top:22px;padding:12px 18px;cursor:pointer;font-size:13px}.notice{padding:20px;border:1px solid var(--line);font-size:14px}
@media(min-width:1200px){.card-art{height:310px}.band-ball--1{width:136px;height:136px;right:36px}.band-ball--2{right:8px;bottom:166px}.band-ball--3{right:166px}.band-ball--4{right:186px;bottom:109px}.band-ball--5{right:121px;bottom:206px}.shooter-star{font-size:204px;right:17px}.orbit{right:6px}.orbit--two{right:-27px}}
@media(max-width:900px){.page-shell{width:calc(100% - 56px)}.intro{padding:56px 0 58px}.hero-sticker{height:145px;width:145px;gap:14px;margin-right:9px}.sticker-top{font-size:13px}.sticker-bottom{font-size:6px}.equalizer{height:40px;gap:4px;transform:scale(.85)}.game-grid{gap:18px}.card-art{height:260px;padding:18px}.art-headline{font-size:38px}.art-bottomline{left:18px;right:18px}.card-content{padding:21px 18px}.card-titleline h3{font-size:21px}.band-ball--1{height:106px;width:106px;right:11px;bottom:38px}.band-ball--2{height:63px;width:63px;right:-6px;bottom:132px;font-size:45px}.band-ball--3{height:64px;width:64px;right:113px;bottom:26px}.band-ball--4{height:36px;width:36px;right:121px;bottom:89px;font-size:24px}.band-ball--5{right:64px;bottom:156px}.shooter-star{right:-26px;font-size:174px}.orbit{right:-54px}.orbit--two{right:-87px}.spark--1{right:145px}.spark--3{right:145px}.spark--4{right:48px;bottom:186px}}
@media(max-width:620px){.page-shell{width:calc(100% - 36px)}.masthead{padding:21px 0}.brand{font-size:13px;gap:9px}.brand-mark{width:38px;height:38px;font-size:34px}.header-link{font-size:11px}.header-link span{margin-left:7px}.intro{padding:44px 0 43px;gap:0}.eyebrow{font-size:9px;letter-spacing:.05em;gap:7px;margin-bottom:23px}.eyebrow-divider{margin:0 2px}h1{font-size:clamp(43px,9.9vw,60px)}.title-highlight>span{font-size:23px;top:-18px;right:-21px}.description{font-size:13px;line-height:1.9;max-width:310px;margin-top:23px}.hero-sticker{display:none}.section-head{padding:18px 0}.section-head h2{font-size:15px}.section-head>span{font-size:10px}.game-grid{grid-template-columns:1fr;gap:24px}.card-art{height:266px;padding:19px 22px}.art-headline{font-size:46px;margin-top:21px}.art-bottomline{left:22px;right:22px}.card-content{padding:22px}.card-titleline h3{font-size:23px}.card-description{margin-bottom:20px}.band-ball--1{height:117px;width:117px;right:21px;bottom:33px}.band-ball--2{height:78px;width:78px;right:-5px;bottom:134px;font-size:54px}.band-ball--3{right:137px;bottom:25px}.band-ball--4{right:144px;bottom:87px}.band-ball--5{right:83px;bottom:174px}.shooter-star{right:-8px;font-size:183px}.orbit{right:-21px}.orbit--two{right:-54px}.spark--1{right:176px}.spark--3{right:165px}.spark--4{right:81px;bottom:187px}.play{padding:14px 16px}.collection-note{margin:22px 0 39px}footer{padding:24px 0 28px}.footer-brand{font-size:10px}footer p{font-size:10px}.empty{padding:32px 22px}.empty strong{font-size:20px}}
@media(max-width:360px){.art-headline{font-size:39px}.card-titleline h3{font-size:21px}.genre{font-size:9px}.card-content{padding:19px}.card-art{height:252px}.band-ball--1{right:6px}.band-ball--3{right:121px}.band-ball--4{right:128px}.band-ball--5{right:68px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.game-card:hover{transform:none}.game-card:hover .play-arrow,.header-link:hover span{transform:none}}