.catalog-page{min-height:100vh;overflow-x:hidden;background:#08080b;color:#f8f8fa;font-family:Inter,"Noto Sans JP",sans-serif}.catalog-header{height:78px;max-width:1280px;margin:26px auto 0;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202027}.catalog-header .brand{flex:0 0 auto}.catalog-header nav{min-width:0;display:flex;gap:24px}.catalog-header nav a{color:#aaaab3;font-size:13px}.catalog-header nav a:hover{color:#fff}.catalog-shell{max-width:1180px;margin:auto;padding:28px}.catalog-breadcrumb{display:flex;gap:10px;margin-bottom:30px;color:#777782;font-size:13px}.catalog-breadcrumb a{color:#aaaab3}.catalog-hero{padding:34px 0 38px;border-bottom:1px solid #24242b}.catalog-hero h1{max-width:850px;margin:8px 0 14px;overflow-wrap:anywhere;font-size:clamp(30px,5vw,52px);line-height:1.2;letter-spacing:-.04em}.catalog-hero>p{max-width:760px;color:#aaaab4;line-height:1.9}.catalog-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.catalog-stats span{padding:9px 12px;border:1px solid #292932;border-radius:10px;background:#121217;color:#8f8f99;font-size:11px}.catalog-stats b{color:#fff}.catalog-list{margin-top:48px}.catalog-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.catalog-section-heading h2{margin-top:5px;font-size:25px}.catalog-section-heading>span{color:#777782;font-size:11px;text-align:right}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 16px}.catalog-card{min-width:0}.catalog-card-media{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border-radius:15px;background:#15151b}.catalog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.catalog-card-media:hover img{transform:scale(1.035)}.catalog-card-media:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.72))}.catalog-rank{position:absolute;z-index:2;top:10px;left:10px;padding:7px 9px;border-radius:9px;background:rgba(0,0,0,.78);font-size:12px}.catalog-play{position:absolute;z-index:2;right:11px;bottom:11px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.68);font-size:11px}.catalog-noimage{height:100%;display:grid;place-items:center;color:#555;font-size:11px}.catalog-card-copy{padding:12px 3px}.catalog-card-copy h3{height:46px;font-size:13px;line-height:1.65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.catalog-card-copy h3 a:hover{color:#ff7ab1}.catalog-card-copy>p{margin:6px 0;color:#8f8f99;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-card-copy>div{display:flex;flex-wrap:wrap;gap:5px;color:#bbb;font-size:9px}.catalog-detail{display:inline-block;margin-top:10px;color:#ff79b1;font-size:10px;font-weight:700}.catalog-related,.catalog-guide{margin-top:64px;padding:30px;border:1px solid #24242c;border-radius:20px;background:#111116}.catalog-related h2,.catalog-guide h2{margin:6px 0 18px;font-size:23px}.catalog-tags{display:flex;flex-wrap:wrap;gap:9px}.catalog-tags a{padding:10px 13px;border:1px solid #2b2b34;border-radius:11px;background:#17171d;font-size:12px}.catalog-tags a:hover{border-color:rgba(255,61,141,.5);color:#ff8cbc}.catalog-tags small{margin-left:7px;color:#6f6f79}.catalog-guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.catalog-guide p{display:flex;flex-direction:column;gap:6px;margin:0}.catalog-guide strong{font-size:13px}.catalog-guide span{color:#85858f;font-size:11px;line-height:1.7}.catalog-footer{max-width:1180px;margin:50px auto 0;padding:30px 28px 46px;border-top:1px solid #202027;display:flex;justify-content:space-between;color:#666670;font-size:12px}.catalog-footer a{color:#888892}.catalog-error{min-height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.catalog-error>p{margin:40px 0 0;color:#ff315c;font-size:64px;font-weight:800}.catalog-error h1{margin:4px 0 28px;font-size:24px}
.directory-section{margin-top:48px}.directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.directory-grid>a{min-height:76px;padding:15px;display:flex;align-items:center;justify-content:space-between;border:1px solid #272730;border-radius:14px;background:#121217;transition:.2s}.directory-grid>a:hover{border-color:rgba(255,61,141,.55);background:#18181f;transform:translateY(-1px)}.directory-grid span{min-width:0;display:flex;flex-direction:column;gap:6px}.directory-grid b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.directory-grid small{color:#7e7e88;font-size:10px}.directory-grid em{margin-left:10px;color:#3f3f49;font-size:12px;font-style:normal}
.catalog-sale-badge{position:absolute;z-index:2;top:10px;left:10px;padding:7px 9px;border-radius:9px;background:#ff2f78;color:#fff;font-size:11px;box-shadow:0 5px 20px rgba(255,47,120,.35)}.catalog-sale-prices{display:flex;align-items:center;gap:7px;margin:7px 0 5px}.catalog-sale-prices del{color:#72727d;font-size:10px}.catalog-sale-prices strong{color:#ff78ad;font-size:14px}
@media(max-width:900px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.catalog-header{height:64px;margin-top:22px;padding:0 16px;gap:14px}.catalog-header nav{width:50%;max-width:50%;flex:0 1 50%;gap:10px;overflow-x:auto}.catalog-header nav a{font-size:9px;white-space:nowrap}.catalog-shell{padding:18px 14px 70px}.catalog-breadcrumb{margin-bottom:18px}.catalog-hero{padding:24px 0 30px}.catalog-hero h1{font-size:31px}.catalog-hero>p{font-size:13px}.catalog-list,.directory-section{margin-top:36px}.catalog-grid,.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.directory-grid>a{min-height:68px;padding:12px}.directory-grid b{font-size:12px}.catalog-card-copy h3{font-size:11px}.catalog-section-heading h2{font-size:20px}.catalog-section-heading>span{max-width:42%}.catalog-related,.catalog-guide{margin-top:42px;padding:21px}.catalog-guide>div{grid-template-columns:1fr;gap:16px}.catalog-footer{padding:24px 16px 40px;flex-direction:column;gap:10px}}
