/* MU GAME Classic: box da inauguração na página inicial (contagem e o caminho para /inauguracao) */
.igh { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr) 170px; align-items: center; gap: 8px; margin: 0 0 16px; padding: 18px 8px 18px 22px;
  overflow: hidden; border-radius: 12px; border: 1px solid rgba(242, 193, 78, .32); text-decoration: none; color: inherit;
  background: radial-gradient(50% 90% at 88% 70%, rgba(255, 90, 50, .34), transparent 70%), linear-gradient(180deg, #1c1110, #0b0607 85%); box-shadow: 0 18px 40px -26px #000; transition: border-color .2s, box-shadow .2s; }
.igh:hover { border-color: rgba(242, 193, 78, .7); box-shadow: 0 18px 40px -22px rgba(255, 90, 50, .6); }
.igh[hidden] { display: none; }
.igh-t { display: grid; gap: 8px; min-width: 0; }
.igh-pre { margin: 0; font: 700 13px var(--f-display); letter-spacing: .08em; color: #f2c14e; }
.igh h2 { margin: 0; font: 700 26px/1.1 var(--f-display); color: #fff; text-shadow: 0 2px 0 #000, 0 0 14px rgba(255, 90, 50, .45); }
.igh h2 span { display: block; margin-top: 4px; font-size: 17px; color: #ffe08a; }
.igh-conta { display: flex; gap: 6px; }
.igh-conta div { display: grid; justify-items: center; min-width: 58px; padding: 6px 4px 5px; border: 8px solid transparent;
  border-image: url(../mercado/ui/item_back01.png) 34 22 24 22 fill / 14px 10px 11px 10px; background-clip: padding-box; }
.igh-conta b { font: 700 24px/1 var(--f-display); color: #fff; font-variant-numeric: tabular-nums; text-shadow: 0 2px 0 #000; }
.igh-conta small { font: 600 10.5px var(--f-body); color: var(--tx-3); }
.igh-ir { justify-self: start; display: inline-flex; align-items: center; height: 38px; padding: 0 16px; border-radius: 3px; font: 700 13.5px var(--f-body); color: #1d1204;
  background: linear-gradient(180deg, #ffe6ad, #c99640); box-shadow: 0 0 0 1px #000, 0 0 18px -6px rgba(242, 193, 78, .9); }
.igh-img { position: relative; height: 170px; background: url(npc-drakan.png) 50% 70% / auto 92% no-repeat; }
.igh-img::after { content: ""; position: absolute; left: 50%; bottom: 6px; width: 76%; height: 18px; transform: translateX(-50%); border-radius: 50%;
  border: 1px solid rgba(242, 193, 78, .45); box-shadow: 0 0 22px rgba(255, 90, 50, .45); }
@media (max-width: 620px) { .igh { grid-template-columns: 1fr; } .igh-img { display: none; } }