/* Home page: hero, jumbotron, cards, games, slider */
.game-icon{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:40px;background:var(--bg-card);box-shadow:var(--shadow);overflow:hidden}
.game-icon img{width:100%;height:100%;object-fit:cover}

.jumbotron-custom{position:relative;background:linear-gradient(135deg,rgba(254,187,17,.55),rgba(36,0,120,.72));border-radius:15px;color:#fff;font-weight:bold;padding:4rem 2rem;margin:2rem auto;max-width:960px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.jumbotron-content{display:flex;align-items:center;gap:3rem;position:relative;z-index:2}
.jumbotron-text{flex:1;min-width:0}
.jumbotron-character-wrapper{flex-shrink:0;width:200px}
.jumbotron-character-img{max-width:160%;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}

.jumbotron-title{font-weight:900;font-size:2.6rem;line-height:1.2;margin-bottom:1rem}
.jumbotron-highlight{color:#fbbf24}
.jumbotron-desc{font-size:1.05rem;margin-bottom:2rem;max-width:520px;color:rgba(255,255,255,.92);font-weight:400;line-height:1.6}

.jumbotron-btn-gradient{background:linear-gradient(135deg,#0869c7,#7b35f4);color:white;padding:.7rem 1.6rem;border-radius:5px;font-weight:600;display:inline-block;transition:background .3s}
.jumbotron-btn-outline{color:white;padding:.7rem 1.6rem;border-radius:5px;border:2px solid white;font-weight:600;display:inline-block;transition:background-color .3s,color .3s}
.jumbotron-btn-outline:hover{background-color:white;color:#0869c7}

.faq-item{border-bottom:1px solid var(--border-color);padding:16px 0}
.faq-question{cursor:pointer;font-weight:600;display:flex;justify-content:space-between;align-items:center}
.faq-answer{display:none;padding-top:12px;color:var(--text-secondary)}
.faq-answer.active{display:block}

.slider-slide{transition:opacity .5s ease-in-out}

/* Katalog & pencarian (upgrade fase 1, 2026-09-29) */
.filter-chip{border:2px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);padding:.4rem .95rem;border-radius:999px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s}
.filter-chip:hover{border-color:#8b5cf6;color:var(--text-primary)}
.filter-chip.aktif{background:#7c3aed;border-color:#7c3aed;color:#fff}
/* Fase 2: pesan cek ID game */
.id-hint{line-height:1.35;transition:color .2s}
.id-hint.ok{color:#16a34a}
.id-hint.buruk{color:#dc2626}
#user-id.buruk{border-color:#dc2626!important}