/* Small badges for things that are new or ready to pick up. */
.nav-hint{font-style:normal;display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 6px;border-radius:99px;font-size:9px;font-weight:900;line-height:1;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;pointer-events:none}
.nav-hint.is-new{background:#ff9e57;color:#14200a}
.nav-hint.is-ready{background:#5fd99a;color:#06281a;box-shadow:0 0 0 0 #5fd99a88;animation:hint-pulse 2.4s ease-out infinite}
.nav-hint.is-count{background:#ff5f8a;color:#ffffff}
.nav-hint.is-dot{min-width:0;width:9px;height:9px;padding:0}
.nav-item .nav-hint{margin-left:auto}

/* Icons in the top bar and the mobile bar carry the badge on their corner. */
.top-gems,.icon-btn,.mobile-nav button{position:relative}
.top-gems .nav-hint,.icon-btn .nav-hint{position:absolute;top:-5px;right:-5px}
.icon-btn .nav-hint{min-width:16px;height:16px;padding:0 4px;font-size:9px}
.mobile-nav button .nav-hint{position:absolute;top:0;left:calc(50% + 6px);min-width:15px;height:15px;padding:0 4px;font-size:8px;letter-spacing:0}
.mobile-nav button .nav-hint.is-new{padding:0 4px;font-size:7px}

.small-profile{position:relative}
.small-profile .nav-hint{position:absolute;top:6px;left:38px}
.inbox-list button .nav-hint{margin-left:auto;flex:none}

/* Tags on cards: shop items, games, guestbook entries. */
.hint-tag{font-style:normal;display:inline-block;padding:3px 7px;border-radius:99px;font-size:9px;font-weight:900;letter-spacing:.4px;text-transform:uppercase;line-height:1.2;vertical-align:middle}
.hint-tag.is-new{background:#ff9e57;color:#14200a}
.hint-tag.is-ready{background:#5fd99a;color:#06281a}
.shop-art,.game-tile-art{position:relative}
.shop-art>.hint-tag,.game-tile-art>.hint-tag{position:absolute;top:9px;left:9px;z-index:3;box-shadow:0 2px 10px #00000066}
.shop-item.is-fresh{box-shadow:inset 0 0 0 1px #ff9e5766}
.shop-daily.is-ready{box-shadow:inset 0 0 0 1px #5fd99a66}
.shop-daily h2 .hint-tag{margin-left:6px;font-size:10px}
.guestbook-entry.is-fresh{box-shadow:inset 3px 0 #ff9e57}
.guestbook-entry strong+.hint-tag{margin-left:4px}

/* Studio: new items to equip. */
.opt-tag.is-fresh{background:#ff9e57;color:#14200a}
.studio2-dot.is-fresh{background:#5fd99a}

@keyframes hint-pulse{0%{box-shadow:0 0 0 0 #5fd99a88}70%,100%{box-shadow:0 0 0 7px #5fd99a00}}
@media (prefers-reduced-motion:reduce){.nav-hint.is-ready{animation:none}}