.hpe-campaigns,.hpe-pickup{margin:2rem 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif}.hpe-section-title,.hpe-pickup-title{font-size:1.4rem;font-weight:700;color:#222;margin-bottom:1.2rem;padding-left:.5rem;border-left:4px solid #ff6b35;display:flex;align-items:center;gap:.5rem}.hpe-section-title i,.hpe-pickup-title i{color:#ff6b35}.hpe-campaigns-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}@media (min-width:768px){.hpe-campaigns-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.2rem}}@media (min-width:1200px){.hpe-campaigns-container{grid-template-columns:repeat(6,1fr)}}.hpe-campaign-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.hpe-campaign-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.hpe-campaign-card a{text-decoration:none;color:inherit;display:block}.hpe-card-thumb{position:relative;aspect-ratio:1/1;overflow:hidden;background:#f5f5f5}.hpe-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.hpe-campaign-card:hover .hpe-card-thumb img{transform:scale(1.05)}.hpe-card-badge{position:absolute;top:8px;left:8px;padding:4px 10px;border-radius:4px;font-size:.7rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:4px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.hpe-badge-pickup,.hpe-badge-featured{background:linear-gradient(135deg,gold,#ff8c00)}.hpe-badge-sale{background:linear-gradient(135deg,#f44,#c00)}.hpe-badge-campaign{background:linear-gradient(135deg,#ff6b35,#e55a2b)}.hpe-badge-prereg{background:linear-gradient(135deg,#00bcd4,#0097a7)}.hpe-badge-platform{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.hpe-badge-new{background:linear-gradient(135deg,#4caf50,#388e3c)}.hpe-badge-update{background:linear-gradient(135deg,#2196f3,#1976d2)}.hpe-card-discount{position:absolute;top:8px;right:8px;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:700;color:#fff;background:#e53935;box-shadow:0 2px 4px rgba(0,0,0,.2)}.hpe-card-info{padding:12px}.hpe-card-subtitle{display:block;font-size:.7rem;color:#888;margin-bottom:4px;line-height:1.3}.hpe-subtitle-sale{color:#e53935;font-weight:600}.hpe-subtitle-desc{color:#666}.hpe-subtitle-genre{color:#888}.hpe-card-title{font-size:.9rem;font-weight:600;color:#222;margin:0 0 6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hpe-card-period{font-size:.7rem;color:#999;display:flex;align-items:center;gap:4px}.hpe-card-article-link{display:block;text-align:center;padding:8px;background:#f8f8f8;color:#666;font-size:.75rem;text-decoration:none;border-top:1px solid #eee;transition:background .2s ease,color .2s ease}.hpe-card-article-link:hover{background:#ff6b35;color:#fff}.hpe-pickup-container{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.hpe-pickup-container::-webkit-scrollbar{height:6px}.hpe-pickup-container::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.hpe-pickup-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.hpe-pickup-container::-webkit-scrollbar-thumb:hover{background:#aaa}.hpe-pickup-item{flex:0 0 140px;scroll-snap-align:start;background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}@media (min-width:768px){.hpe-pickup-item{flex:0 0 160px}}.hpe-pickup-item:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.12)}.hpe-pickup-item a{text-decoration:none;color:inherit;display:block}.hpe-pickup-thumb{position:relative;aspect-ratio:1/1;overflow:hidden;background:#f5f5f5}.hpe-pickup-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.hpe-pickup-item:hover .hpe-pickup-thumb img{transform:scale(1.08)}.hpe-pickup-badge{position:absolute;top:6px;left:6px;padding:3px 8px;border-radius:4px;font-size:.65rem;font-weight:700;color:#fff;background:linear-gradient(135deg,gold,#ff8c00);display:flex;align-items:center;gap:3px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.hpe-pickup-discount{position:absolute;top:6px;right:6px;padding:3px 6px;border-radius:4px;font-size:.65rem;font-weight:700;color:#fff;background:#e53935;box-shadow:0 2px 4px rgba(0,0,0,.2)}.hpe-pickup-info{padding:10px}.hpe-pickup-genre{display:block;font-size:.65rem;color:#888;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hpe-pickup-name{font-size:.8rem;font-weight:600;color:#222;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hpe-portal-header{text-align:center;padding:2rem 1rem;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);color:#fff;margin-bottom:2rem;border-radius:12px}.hpe-portal-header h1{font-size:2rem;margin:0 0 .5rem}.hpe-portal-header p{font-size:1rem;color:rgba(255,255,255,.8);margin:0}.hpe-filter-tabs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.hpe-filter-tab{padding:8px 16px;border:2px solid #ddd;border-radius:20px;background:#fff;color:#666;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.hpe-filter-tab:hover,.hpe-filter-tab.active{border-color:#ff6b35;background:#ff6b35;color:#fff}.hpe-last-update{text-align:right;font-size:.75rem;color:#999;margin-top:1rem}@media (prefers-color-scheme:dark){.hpe-campaign-card,.hpe-pickup-item{background:#2a2a2a}.hpe-card-title,.hpe-pickup-name{color:#eee}.hpe-card-subtitle,.hpe-pickup-genre{color:#aaa}.hpe-card-article-link{background:#333;color:#aaa;border-top-color:#444}.hpe-card-article-link:hover{background:#ff6b35;color:#fff}.hpe-section-title,.hpe-pickup-title{color:#eee}}@keyframes hpe-fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hpe-campaign-card{animation:hpe-fade-in .4s ease forwards}.hpe-campaign-card:nth-child(2){animation-delay:.05s}.hpe-campaign-card:nth-child(3){animation-delay:.1s}.hpe-campaign-card:nth-child(4){animation-delay:.15s}.hpe-campaign-card:nth-child(5){animation-delay:.2s}.hpe-campaign-card:nth-child(6){animation-delay:.25s}.hpe-filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding:.75rem;background:#f8f9fa;border-radius:10px}.hpe-filter-btn{padding:8px 16px;border:2px solid transparent;border-radius:20px;background:#fff;color:#666;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.hpe-filter-btn:hover{border-color:#ff6b35;color:#ff6b35}.hpe-filter-btn.active{background:#ff6b35;color:#fff;border-color:#ff6b35}@media (max-width:767px){.hpe-filter-bar{gap:.4rem;padding:.5rem}.hpe-filter-btn{padding:6px 12px;font-size:.75rem;flex:1 1 auto;justify-content:center}}.hpe-card-new-badge{position:absolute;bottom:8px;left:8px;padding:3px 8px;border-radius:4px;font-size:.65rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#00c853,#00e676);box-shadow:0 2px 4px rgba(0,0,0,.2);animation:hpe-pulse 2s infinite}@keyframes hpe-pulse{0%,100%{opacity:1}50%{opacity:.7}}.hpe-card-today{border:2px solid #00c853}.hpe-campaigns-today{background:linear-gradient(135deg,#fff5f0 0%,#fff 100%);padding:1.5rem;border-radius:16px;border:1px solid #ffe4d9}.hpe-title-today{justify-content:space-between}.hpe-today-date{font-size:.9rem;font-weight:500;color:#888;background:#fff;padding:4px 12px;border-radius:20px}.hpe-today-list{display:flex;flex-direction:column;gap:.75rem}.hpe-today-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.hpe-today-item:hover{transform:translateX(4px);box-shadow:0 4px 16px rgba(0,0,0,.1)}.hpe-today-item a{display:flex;align-items:center;gap:1rem;padding:.75rem;text-decoration:none;color:inherit}.hpe-today-thumb{flex:0 0 60px;width:60px;height:60px;border-radius:8px;overflow:hidden;background:#f5f5f5}.hpe-today-thumb img{width:100%;height:100%;object-fit:cover}.hpe-today-info{flex:1;min-width:0}.hpe-today-change{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;color:#00c853;margin-bottom:4px}.hpe-today-item[data-change=updated] .hpe-today-change{color:#2196f3}.hpe-today-item[data-change=started] .hpe-today-change{color:#ff6b35}.hpe-today-title{font-size:.95rem;font-weight:600;color:#222;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hpe-today-meta{display:flex;align-items:center;gap:8px}.hpe-today-type{font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;color:#fff}.hpe-today-discount{font-size:.75rem;font-weight:700;color:#e53935}.hpe-game-campaigns{margin:2rem 0;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-radius:16px;border:1px solid #e0e0e0}.hpe-game-campaigns-title{font-size:1.1rem;font-weight:700;color:#222;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.hpe-game-campaigns-title i{color:#ff6b35}.hpe-game-campaigns-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem}.hpe-card-compact{border-radius:10px}.hpe-card-compact .hpe-card-thumb{aspect-ratio:1/1}.hpe-card-compact .hpe-card-info{padding:8px}.hpe-card-compact .hpe-card-title{font-size:.8rem;margin:0;-webkit-line-clamp:1}.hpe-card-compact .hpe-card-subtitle,.hpe-card-compact .hpe-card-period{display:none}.hpe-game-campaigns-more{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#ff6b35;color:#fff;font-size:.9rem;font-weight:600;border-radius:8px;text-decoration:none;transition:background .2s ease}.hpe-game-campaigns-more:hover{background:#e55a2b;color:#fff}@media (max-width:767px){.hpe-campaigns-today{padding:1rem}.hpe-today-item a{padding:.5rem;gap:.75rem}.hpe-today-thumb{flex:0 0 50px;width:50px;height:50px}.hpe-today-title{font-size:.85rem}.hpe-game-campaigns{padding:1rem}.hpe-game-campaigns-list{grid-template-columns:repeat(3,1fr);gap:.5rem}.hpe-card-compact .hpe-card-thumb{aspect-ratio:1/1}}@media (prefers-color-scheme:dark){.hpe-campaigns-today{background:linear-gradient(135deg,#2a2a2a 0%,#1a1a1a 100%);border-color:#444}.hpe-today-item{background:#333}.hpe-today-title{color:#eee}.hpe-today-date{background:#333;color:#aaa}.hpe-game-campaigns{background:linear-gradient(135deg,#2a2a2a 0%,#1a1a1a 100%);border-color:#444}.hpe-game-campaigns-title{color:#eee}.hpe-filter-bar{background:#333}.hpe-filter-btn{background:#444;color:#ccc}.hpe-filter-btn:hover{color:#ff6b35}.hpe-filter-btn.active{background:#ff6b35;color:#fff}}