@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600&family=Noto+Serif+SC:wght@500;600;700;900&display=swap";:root{--paper: #fbf8ef;--ink: #201f1b;--muted-ink: #57534d;--accent: #b9362b;--line: #d7d2c8;--focus: rgba(185, 54, 43, .3);--motion-fast: .18s ease;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:var(--ink);background:#ebe8df;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 12% 2%,rgba(255,255,255,.72),transparent 30%),linear-gradient(180deg,#f2efe7,#e7e3da)}button,input{font:inherit}.paper-shell{position:relative;width:min(100%,1720px);min-height:100vh;margin:0 auto;padding:26px 38px 12px;background:var(--paper);box-shadow:0 0 40px #352f231a}.masthead{display:grid;grid-template-columns:minmax(330px,1fr) 450px auto;grid-template-areas:"brand dates update";align-items:center;gap:24px;padding-bottom:18px}.brand-block{grid-area:brand;min-width:0}.brand-line{display:flex;align-items:flex-start;gap:24px}h1{margin:-5px 0 0;font:900 clamp(50px,4vw,66px)/1 "Noto Serif SC",serif;letter-spacing:-.06em;white-space:nowrap}.edition{margin-top:10px;color:#bf382c;font:600 21px/1 "Noto Serif SC",serif;white-space:nowrap}.edition:before{content:"◆";margin-right:9px;font-size:13px}.date-tabs{grid-area:dates;display:grid;grid-template-columns:repeat(3,1fr);height:64px;border:1px solid #cbc6ba;border-radius:10px;overflow:hidden;background:#ffffff5c}.date-tabs button{min-height:52px;border:0;border-right:1px solid #d6d0c5;color:#34322e;background:transparent;cursor:pointer;transition:background var(--motion-fast),box-shadow var(--motion-fast)}.date-tabs button:last-child{border-right:0}.date-tabs button:hover{background:#fffaf0}.date-tabs button.active{color:var(--accent);background:#fffdf7;box-shadow:inset 0 0 0 1px #cf3e32;border-radius:9px}.date-tabs button:focus-visible,.card-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.date-tabs em{display:block;margin-bottom:2px;color:#777168;font-size:11px;font-style:normal;letter-spacing:.08em}.date-tabs button.active em{color:var(--accent)}.date-tabs b{display:block;font:700 22px/1.05 "Noto Serif SC",serif}.adult-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:26px;padding:0;color:#77726a;font-size:12px}.adult-row label{position:relative;min-height:28px;display:flex;align-items:center;gap:7px;cursor:pointer}.adult-row input{position:absolute;opacity:0;pointer-events:none}.switch{position:relative;width:31px;height:17px;border-radius:20px;background:#aba9a4;transition:background .18s ease}.switch:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000040;transition:transform .18s ease}.adult-row input:checked+.switch{background:#bf392e}.adult-row input:checked+.switch:after{transform:translate(14px)}.adult-row input:focus-visible+.switch{outline:3px solid rgba(191,57,46,.25);outline-offset:2px}.update-time{grid-area:update;padding:0;color:#5c5954;white-space:nowrap;text-align:right}.update-time b{display:block;color:var(--accent);font-size:13px;letter-spacing:.08em}.update-time span{display:block;margin-top:5px;font-size:13px}.summary-bar{min-height:62px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:30px;border-top:1px solid #d7d2c8;border-bottom:1px solid #d7d2c8}.summary-counts,.legend{display:flex;align-items:center;gap:34px}.legend{justify-content:center}.summary-counts span,.legend span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.summary-counts b{color:#bd392e;font:700 20px/1 "Noto Serif SC",serif}.legend svg{width:21px;height:21px}.game-board{display:grid;grid-template-columns:repeat(var(--columns, 4),minmax(0,1fr));border-bottom:1px solid #ddd8ce}.game-column{position:relative;padding:14px 14px 0 8px;border-right:1px solid #d9d4ca}.game-column:first-child{padding-left:0}.game-column:last-child{padding-right:0;border-right:0}.card-slot{border-bottom:1px solid var(--line)}.game-card{position:relative;display:grid;grid-template-columns:29px 156px minmax(0,1fr);gap:12px;min-height:126px;width:100%;padding:12px 4px 11px 0;color:inherit;background:transparent;text-align:left;font:inherit;transition:background var(--motion-fast),transform var(--motion-fast)}.card-toggle{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;border:0;background:transparent;cursor:pointer}.game-card:hover{background:#f4efe4;transform:translateY(-1px)}.game-card:focus-within,.game-card.is-selected{background:linear-gradient(90deg,rgba(198,157,47,.1),transparent 72%)}.rank{position:relative;padding-top:4px;color:var(--accent);font:600 28px/1 "Noto Serif SC",serif;text-align:right;font-variant-numeric:tabular-nums}.rank svg{position:absolute;left:-20px;top:1px;width:24px;height:24px;color:#c5a146}.cover-wrap{position:relative;width:156px;height:88px;border-radius:7px;overflow:hidden;background:#292a25;box-shadow:0 1px 4px #1715112b}.cover{display:block;width:100%;height:100%;object-fit:cover}.cover-badge{position:absolute;z-index:2;max-width:calc(100% - 10px);padding:3px 6px;border-radius:4px;overflow:hidden;color:#fff;font-size:9px;font-weight:700;line-height:1;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;box-shadow:0 1px 3px #00000038}.release-badge{top:5px;left:5px}.release-badge.demo{background:#24794a}.release-badge.early{background:#9b641b}.release-badge.full{background:#8a2e28}.player-badge{top:5px;right:5px;background:#161816d1}.genre-badge{bottom:5px;left:5px;background:#201f1bcc}.game-copy{min-width:0}.game-copy h3{margin:0 0 2px;font:700 15.5px/1.2 "Noto Serif SC",serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-copy h3 a{position:relative;z-index:2;color:inherit;text-decoration:none}.game-copy h3 a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.game-copy h3 a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.game-copy p{margin:2px 0;color:#4e4b46;font-size:12.5px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-copy .english{color:#2b2a27;font-family:"Noto Serif SC",serif}.game-copy strong{display:block;margin-top:8px;font:700 15px/1 "Noto Serif SC",serif}.game-description{margin:0 8px 10px 2px;padding:11px 13px 12px;border-left:3px solid #c39d48;background:#f6eedb;color:#514b40;font-size:12px;line-height:1.65;animation:reveal-detail var(--motion-fast)}@keyframes reveal-detail{0%{opacity:0;transform:translateY(-4px)}}.ranking-section,.adult-section{padding:20px 0 2px}.ranking-heading,.adult-heading{display:flex;justify-content:space-between;align-items:end;padding:0 2px 14px;border-bottom:1px solid #d2ccc1}.ranking-heading div,.adult-heading div{display:flex;align-items:baseline;gap:14px}.ranking-heading h2{margin:0;color:#263d31;font:700 22px/1 "Noto Serif SC",serif}.ranking-heading b{font-size:13px;color:#6b665e}.ranking-heading p,.adult-heading p{margin:0;color:#777168;font-size:12px}.adult-heading span{color:#8a2e28;font:700 22px/1 "Noto Serif SC",serif}.adult-heading b{font-size:13px;color:#6b665e}.adult-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.adult-grid .game-card{margin-right:12px;border-right:1px solid #ddd7cc}.adult-empty{padding:34px 4px 24px;color:#777168;font-size:13px}.empty-state{min-height:620px;display:grid;place-items:center;color:#777168;font:600 18px/1.4 "Noto Serif SC",serif}.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}.skip-link{position:absolute;left:20px;top:-60px;z-index:10;padding:10px 14px;color:#fff;background:#163323;border-radius:6px;text-decoration:none}.skip-link:focus{top:12px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(max-width:1380px){.masthead{grid-template-columns:minmax(250px,1fr) 410px auto;gap:20px}.edition{display:none}}@media(max-width:1180px){.paper-shell{padding-inline:24px}.masthead{grid-template-columns:minmax(280px,1fr) 390px;grid-template-areas:"brand dates";gap:20px}.edition,.update-time{display:none}.game-board,.adult-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-column:nth-child(2){border-right:0}.game-column:nth-child(3){border-top:1px solid #d9d4ca}.summary-bar{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 22px;padding-block:14px}.legend{gap:14px;flex-wrap:wrap;justify-content:flex-end}.adult-row{margin-left:auto}}@media(max-width:900px){.masthead{display:flex;flex-wrap:wrap;align-items:stretch;gap:16px}.brand-block{width:100%}.date-tabs{flex:1 1 320px}.summary-bar{flex-direction:column}.legend{justify-content:flex-start}.adult-row{margin-left:0}}@media(max-width:760px){.paper-shell{padding:12px 14px 10px}.masthead{display:grid;grid-template-columns:minmax(116px,.7fr) minmax(220px,1.3fr);grid-template-areas:"brand dates";align-items:center;gap:8px;padding-bottom:8px}h1{margin-top:0;font-size:32px}.brand-block{width:100%;display:block}.date-tabs{flex:none;width:100%;height:54px;border-radius:7px}.date-tabs button.active{border-radius:6px}.date-tabs em{margin-bottom:1px;font-size:8px}.date-tabs b{font-size:14px}.summary-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:0;gap:7px 8px;padding:8px 0}.summary-counts,.legend{align-items:center;flex-wrap:wrap;gap:7px 12px;font-size:11px}.summary-counts{grid-column:1 / -1}.summary-counts span,.legend span{gap:4px}.summary-counts b{font-size:14px}.legend{grid-column:1;justify-content:flex-start}.legend svg{width:14px;height:14px}.adult-row{grid-column:2;align-self:end;margin:0;gap:4px;font-size:10px}.adult-row label{min-height:24px;gap:4px}.adult-row label:before{content:"";position:absolute;top:-8px;right:-4px;bottom:-8px;left:-4px}.switch{width:27px;height:15px}.switch:after{width:11px;height:11px}.adult-row input:checked+.switch:after{transform:translate(12px)}.ranking-heading,.adult-heading{align-items:flex-start}.ranking-heading p,.adult-heading p{display:none}.game-board,.adult-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.adult-grid .game-card{margin-right:0;border-right:0}.game-column{display:contents}.card-slot{min-width:0;padding:0 7px;border-right:1px solid var(--line)}.card-slot.mobile-right{border-right:0}.game-card{grid-template-columns:24px minmax(0,1fr);grid-template-areas:"rank cover" "rank copy";gap:7px;min-height:0;padding:12px 0}.rank{grid-area:rank;padding-top:1px;font-size:23px}.rank svg{left:-12px;top:-4px;width:18px;height:18px}.cover-wrap{grid-area:cover;width:100%;height:auto;aspect-ratio:16 / 9}.cover-badge{padding:2px 4px;font-size:8px}.game-copy{grid-area:copy}.game-copy h3{font-size:14px}.game-copy p{font-size:11.5px}.game-copy strong{margin-top:6px;font-size:13px}.game-description{margin-inline:0}}
