:root{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#263e3e;background:#f4f7f8;font-synthesis:none;font-size:16px}*{box-sizing:border-box;letter-spacing:0}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button,a,input{outline-offset:4px}:focus-visible{outline:3px solid #b66a32}svg{flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.catalog{min-height:100dvh}.catalog-header{background:#fff;border-bottom:1px solid #dde6e5}.catalog-header-inner{max-width:1168px;margin:auto;min-height:80px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.catalog-brand{display:inline-flex;align-items:center;gap:12px;font-size:21px;font-weight:800}.brand-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#e5f0e9;color:#356e56}.catalog-header nav a{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:600;color:#3b705b;border-bottom:2px solid #3b705b}.catalog-main{max-width:1168px;margin:auto;padding:42px 24px 64px}.catalog-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:38px}.collection-label{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;color:#727d7d}.collection-label span{width:8px;height:8px;background:#d26d65;border-radius:2px}.catalog-heading h1{margin:0;font-size:32px;line-height:1.35;font-weight:800}.catalog-search{display:flex;align-items:center;gap:10px;width:286px;min-height:46px;border:1px solid #ced9d8;border-radius:6px;padding:0 12px;background:#fff;color:#637975}.catalog-search:focus-within{border-color:#528570;box-shadow:0 0 0 3px #e3eee8}.catalog-search input{width:100%;min-width:0;border:0;background:transparent;outline:none;padding:11px 0;font-size:14px}.catalog-search input::-webkit-search-cancel-button{display:none}.catalog-search button{display:grid;place-items:center;flex:none;width:30px;height:36px;padding:0;border:0;background:transparent}.catalog-list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid #dce4e3;margin-bottom:22px}.game-theme+.game-theme{margin-top:40px}.catalog-list-heading h2{display:flex;align-items:center;gap:10px;font-size:22px;line-height:1.4;margin:0}.catalog-list-heading h2 svg{color:#a45248}.catalog-list-heading>span{flex:none;font-size:13px;color:#73817f;font-variant-numeric:tabular-nums}.game-list{list-style:none;padding:0;margin:0;display:grid;gap:24px}.game-card{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);border:1px solid #dbe4e1;border-radius:8px;background:#fff;overflow:hidden}.game-cover{position:relative;display:flex;align-items:center;background:#e2eddf;overflow:hidden;min-width:0}.game-cover img{display:block;width:100%;height:100%;min-height:300px;object-fit:contain}.cover-play{position:absolute;bottom:20px;right:20px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#fff;background:#365e4fe8;border:1px solid #ffffff8c;transition:background .15s}.game-cover:hover .cover-play{background:#254d3d}.game-details{padding:28px 30px;min-width:0}.game-details h3{margin:0;font-size:28px;line-height:1.35;font-weight:800}.game-synopsis{font-size:14px;line-height:1.8;margin:14px 0 16px;color:#65746f}.game-meta{list-style:none;display:flex;flex-wrap:wrap;gap:20px;padding:0;margin:0}.game-meta li{display:flex;align-items:center;gap:7px;font-size:13px;color:#526a61}.game-tags{list-style:none;display:flex;flex-wrap:wrap;gap:0;padding:0;margin:13px 0 20px;font-size:12px;color:#7f766c}.game-tags li+li:before{content:"/";margin:0 10px;color:#bcc2bb}.game-progress{min-height:42px;margin-bottom:15px;font-size:12px;color:#5e736c}.new-case{display:flex;align-items:center;gap:7px;color:#927349;padding-top:7px}.progress-copy{display:flex;justify-content:space-between;gap:12px;line-height:1.5}.progress-copy>span:first-child{display:flex;gap:6px;align-items:center}.progress-copy>span:last-child{flex:none;font-variant-numeric:tabular-nums}.game-progress progress{display:block;width:100%;height:5px;margin-top:9px;border:none;border-radius:3px;overflow:hidden;background:#e7eeea;accent-color:#648c72}.game-progress progress::-webkit-progress-bar{background:#e7eeea}.game-progress progress::-webkit-progress-value{background:#648c72}.game-progress progress::-moz-progress-bar{background:#648c72}.game-launch{min-height:48px;padding:12px 17px;display:flex;align-items:center;gap:10px;border-radius:5px;background:#376d56;color:#fff;font-size:15px;font-weight:700;transition:background .15s}.game-launch:hover{background:#285b44}.game-launch>svg:last-child{margin-left:auto}.catalog-empty{padding:60px 20px;text-align:center;color:#74827d}.catalog-empty h2{font-size:18px;color:#52665c;margin:18px 0}.catalog-empty button{display:inline-flex;align-items:center;gap:7px;border:1px solid #cad8ce;background:#fff;padding:12px 18px;border-radius:5px}@media(max-width:719px){.catalog-header-inner{min-height:70px;padding:12px 18px}.catalog-brand{font-size:18px;gap:8px}.brand-symbol{width:36px;height:36px}.catalog-header nav a{font-size:12px;gap:5px}.catalog-main{padding:28px 18px 40px}.catalog-heading{align-items:stretch;flex-direction:column;gap:20px;margin-bottom:25px}.catalog-heading h1{font-size:27px}.catalog-search{width:100%}.game-card{grid-template-columns:minmax(0,1fr)}.game-cover{aspect-ratio:8 / 5}.game-cover img{min-height:0;object-fit:contain}.game-details{padding:22px}.game-details h3{font-size:25px}.game-synopsis{margin:12px 0 15px}.game-tags{margin-bottom:16px}.cover-play{width:42px;height:42px;bottom:12px;right:12px}}@media(prefers-reduced-motion:reduce){.cover-play,.game-launch{transition:none}}