.hg-hub{max-width:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;min-height:100vh;display:flex;flex-direction:column;background:#f5f6f8}.hg-hub *,.hg-hub *:before,.hg-hub *:after{box-sizing:border-box}.hg-header{text-align:center;padding:2rem 1.5rem;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);color:#fff;margin:80px 16px 2rem;border-radius:16px;position:relative;overflow:hidden}.hg-header__inner{max-width:800px;margin:0 auto;position:relative;z-index:1}.hg-header__title{font-size:1.8rem;font-weight:700;margin:0 0 .5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fff}.hg-header__title i{color:#667eea}.hg-header__lead{font-size:.95rem;line-height:1.6;margin:0;color:rgba(255,255,255,.75)}.hg-body{max-width:1800px;width:100%;margin:0 auto;padding:24px 40px 40px;display:grid;grid-template-columns:200px 1fr;gap:32px;flex:1}@media (max-width:900px){.hg-body{grid-template-columns:1fr;padding:20px 16px 40px}}.hg-sidebar{position:sticky;top:80px;height:fit-content}@media (max-width:900px){.hg-sidebar{position:static}}.hg-filter{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.hg-filter__group{margin-bottom:16px}.hg-filter__label{display:block;font-size:13px;font-weight:600;color:#555;margin-bottom:8px}.hg-filter__label i{margin-right:6px;color:#667eea}.hg-filter__select{width:100%;padding:10px 12px;font-size:14px;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .2s}.hg-filter__select:focus{outline:none;border-color:#667eea}.hg-filter__btn{width:100%;padding:12px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.hg-filter__btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.hg-stats{display:flex;gap:12px}.hg-stats__item{flex:1;background:#fff;border-radius:10px;padding:16px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.06)}.hg-stats__value{display:block;font-size:28px;font-weight:800;color:#667eea;line-height:1}.hg-stats__label{display:block;font-size:12px;color:#888;margin-top:6px}.hg-main{min-width:0}.hg-filter-tag{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#e8f0fe;border-radius:8px;margin-bottom:16px;font-size:14px}.hg-filter-tag__label{color:#555}.hg-filter-tag__value{font-weight:600;color:#667eea}a.hg-filter-tag__link{text-decoration:none;transition:color .2s,background-color .2s;padding:4px 10px;border-radius:4px;background:rgba(102,126,234,.1)}a.hg-filter-tag__link:hover{color:#4b5cc4;background:rgba(102,126,234,.2);text-decoration:underline}.hg-filter-tag__clear{margin-left:auto;color:#888;text-decoration:none;font-size:13px;transition:color .2s}.hg-filter-tag__clear:hover{color:#e53935}.hg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width:1199px){.hg-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:767px){.hg-grid{grid-template-columns:1fr;gap:16px}}.hg-grid__empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:#888;font-size:15px}.hg-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .2s,box-shadow .2s}.hg-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.hg-card__link{display:block;text-decoration:none;color:inherit}.hg-card__thumb{position:relative;width:100%;padding-top:75%;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.hg-card__thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .3s}.hg-card:hover .hg-card__thumb img{transform:scale(1.05)}.hg-card__thumb-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);font-size:48px}.hg-card__badge{position:absolute;top:10px;left:10px;padding:4px 10px;font-size:11px;font-weight:700;color:#fff;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;z-index:1}.hg-card__badge--hot{background:linear-gradient(135deg,#ff416c,#ff4b2b);animation:pulse-badge 2s infinite}.hg-card__badge--ended{background:linear-gradient(135deg,#666,#444);color:#ccc}@keyframes pulse-badge{0%,100%{opacity:1}50%{opacity:.8}}.hg-card__body{padding:14px;background:#fff}.hg-card__title{font-size:13px;font-weight:700;margin:0 0 8px;line-height:1.5;color:#333;word-break:break-word}.hg-card__meta{margin-bottom:10px}.hg-card__meta-main{display:block;font-size:12px;color:#667eea;font-weight:600;margin-bottom:4px}.hg-card__meta-sub{display:block;font-size:11px;color:#888}.hg-card__tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.hg-card__tag{display:inline-block;padding:2px 8px;font-size:10px;font-weight:600;border-radius:4px;background:#f0f4ff;color:#667eea;line-height:1.4}.hg-card__tag--genre{background:linear-gradient(135deg,#667eea15,#764ba215);color:#5a67d8;border:1px solid #667eea30}.hg-card__info{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;font-size:11px;color:#666}.hg-card__info-item{display:inline-flex;align-items:center;gap:4px}.hg-card__info-item i{font-size:10px;color:#999}.hg-card__info--platform{color:#2e7d32;font-weight:600}.hg-card__info--platform i{color:#2e7d32}.hg-platform-legend{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:8px;font-size:12px}.hg-platform-legend__label{color:#666;font-weight:500}.hg-platform-legend__item{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:500}.hg-card__platforms{display:inline-flex;gap:6px;align-items:center}.hg-platform-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;font-size:11px;transition:all .2s ease;position:relative;cursor:help}.hg-platform-icon:hover{transform:scale(1.1)}.hg-platform-icon:after{content:attr(data-label);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:4px 8px;background:#333;color:#fff;font-size:10px;font-weight:500;white-space:nowrap;border-radius:4px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:10}.hg-platform-icon:before{content:'';position:absolute;bottom:calc(100% + 2px);left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:#333;opacity:0;visibility:hidden;transition:all .2s ease;z-index:10}.hg-platform-icon:hover:after,.hg-platform-icon:hover:before{opacity:1;visibility:visible}.hg-platform--pc{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0;border:1px solid #90caf9}.hg-platform--sp{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;border:1px solid #a5d6a7}.hg-platform--android{background:linear-gradient(135deg,#c8facd,#a5d6a7);color:#1b5e20;border:1px solid #81c784}.hg-platform--dmm{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#7b1fa2;border:1px solid #ce93d8}.hg-platform--windows{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#0078d4;border:1px solid #90caf9}.hg-platform--mac{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);color:#555;border:1px solid #bdbdbd}.hg-platform--ios{background:linear-gradient(135deg,#fafafa,#eee);color:#333;border:1px solid #bdbdbd}.hg-platform--browser{background:linear-gradient(135deg,#f5f5f5,#eee);color:#666;border:1px solid #ccc}.hg-platform-legend__note{width:100%;margin-top:4px;font-size:10px;color:#888;font-style:italic}.hg-card__info--publisher{color:#777}.hg-card__stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:6px 0;border-top:1px dashed #eee}.hg-card__stat{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#888}.hg-card__stat i{font-size:10px;color:#667eea}.hg-card__stat--date{color:#999;font-size:10px}.hg-card__footer{padding-top:10px;border-top:1px solid #f0f0f0}.hg-card__cta{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#667eea;transition:gap .2s,color .2s}.hg-card__cta i{font-size:10px;transition:transform .2s}.hg-card:hover .hg-card__cta{gap:8px;color:#5a67d8}.hg-card:hover .hg-card__cta i{transform:translateX(2px)}@media (max-width:900px){.hg-header{padding:30px 20px}.hg-header__title{font-size:24px}.hg-header__lead{font-size:14px}.hg-filter{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.hg-filter__group{margin-bottom:0}.hg-filter__btn{width:auto;padding:10px 16px}.hg-stats{display:none}}@media (max-width:480px){.hg-filter{grid-template-columns:1fr}.hg-filter__btn{width:100%}}.hg-footer{background:#333;color:#fff;padding:24px 20px;margin-top:auto}.hg-footer__inner{max-width:1800px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.hg-footer__inner p{margin:0;font-size:13px;color:rgba(255,255,255,.7)}.hg-footer__nav{display:flex;gap:20px}.hg-footer__nav a{color:rgba(255,255,255,.7);text-decoration:none;font-size:13px;transition:color .2s}.hg-footer__nav a:hover{color:#fff}@media (max-width:600px){.hg-footer__inner{flex-direction:column;gap:12px;text-align:center}}