/* A619 — homepage navigation, search and comments repair/redesign.
   Loaded after A617/A618. No media sizing regressions. */

:root{
  --pb619-bg:#070b11;
  --pb619-surface:#0d141d;
  --pb619-surface-soft:#101923;
  --pb619-border:rgba(226,234,245,.09);
  --pb619-border-strong:rgba(226,234,245,.14);
  --pb619-text:#f3f6fa;
  --pb619-muted:#7e899a;
  --pb619-accent:#8cff3f;
  --pb619-blue:#5ac8fa;
}

/* ---------- topbar: one consistent avatar + passive online counter ---------- */
#pb-topbar .pb-tb-online-chip{display:none!important}
#pb-topbar .pb-tb-online-indicator{
  position:relative!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  display:inline-grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:rgba(255,255,255,.68)!important;
  pointer-events:none!important;
}
#pb-topbar .pb-tb-online-indicator-icon{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
}
#pb-topbar .pb-tb-online-indicator-icon svg{
  width:21px!important;
  height:21px!important;
  stroke:currentColor!important;
}
#pb-topbar .pb-tb-online-indicator-badge{
  position:absolute!important;
  top:1px!important;
  right:-1px!important;
  min-width:17px!important;
  height:17px!important;
  padding:0 4px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:2px solid #06080d!important;
  border-radius:999px!important;
  background:#46e35c!important;
  color:#061108!important;
  font:900 8px/1 Inter,system-ui,sans-serif!important;
  box-sizing:border-box!important;
}
#pb-topbar .pb-tb-avatar{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:12px!important;
  overflow:visible!important;
}
#pb-topbar .pb-tb-avatar img{
  width:36px!important;
  height:36px!important;
  border-radius:11px!important;
  border:1px solid rgba(140,255,63,.32)!important;
  box-shadow:none!important;
}
#pb-topbar .pb-tb-online{
  right:-1px!important;
  bottom:-1px!important;
  width:9px!important;
  height:9px!important;
}

/* ---------- feed navigation: flat social tabs instead of giant neon capsule ---------- */
.home-feed-tabs{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  width:min(760px,100%)!important;
  margin:0 0 14px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.home-feed-tab{
  position:relative!important;
  min-height:46px!important;
  padding:0 12px!important;
  border:1px solid var(--pb619-border)!important;
  border-radius:14px!important;
  background:#0b1119!important;
  color:#7f899a!important;
  font-size:13px!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease!important;
}
.home-feed-tab::after{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:-1px!important;
  height:2px!important;
  border-radius:999px!important;
  background:transparent!important;
}
.home-feed-tab.is-active{
  color:#eaffdf!important;
  border-color:rgba(140,255,63,.22)!important;
  background:#101a12!important;
}
.home-feed-tab.is-active::after{background:var(--pb619-accent)!important}
.home-feed-tab-badge{
  min-width:19px!important;
  height:19px!important;
  padding:0 6px!important;
  background:rgba(140,255,63,.10)!important;
  color:var(--pb619-accent)!important;
  border:1px solid rgba(140,255,63,.15)!important;
}

/* ---------- SlimeCraft: always use the whole mobile content width ---------- */
.home-slimecraft-ad-cta::before,.home-slimecraft-ad-cta::after{display:none!important;content:none!important}
@media (max-width:999px){
  .home-feed-sidebar{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    flex:0 0 auto!important;
    align-self:stretch!important;
    margin:0 0 14px!important;
  }
  .home-slimecraft-ad{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin:0!important;
    grid-template-columns:64px minmax(0,1fr) 44px!important;
    gap:12px!important;
    padding:12px 13px!important;
    border-radius:18px!important;
  }
  .home-slimecraft-ad-brand{width:64px!important;height:64px!important;border-radius:15px!important}
  .home-slimecraft-ad-copy{min-width:0!important;padding:0!important}
  .home-slimecraft-ad-cta{
    position:static!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    border-radius:13px!important;
  }
}
@media (max-width:600px){
  .home-feed-shell{overflow:visible!important}
  .home-feed-layout,.home-feed-stream,.home-feed-sidebar{width:100%!important;max-width:none!important}
  .home-slimecraft-ad-title{font-size:17px!important}
  .home-slimecraft-ad-meta{gap:7px!important}
  .home-slimecraft-ad-address{max-width:none!important}
}
@media (max-width:390px){
  .home-slimecraft-ad{grid-template-columns:56px minmax(0,1fr) 40px!important;gap:10px!important;padding:11px!important}
  .home-slimecraft-ad-brand{width:56px!important;height:56px!important}
  .home-slimecraft-ad-cta{width:40px!important;height:40px!important;min-width:40px!important}
}

/* ---------- Search: real full-feed search surface ---------- */
#home-search-sheet{
  display:flex!important;
  flex-direction:column!important;
  width:min(620px,100vw)!important;
  height:min(78dvh,720px)!important;
  max-height:calc(100dvh - 10px)!important;
  padding:0!important;
  border:1px solid var(--pb619-border)!important;
  border-radius:24px 24px 0 0!important;
  background:#090e15!important;
  overflow:hidden!important;
}
.home-search-head{
  min-height:68px!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 40px!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 14px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
.home-search-head-icon{
  width:40px!important;height:40px!important;display:grid!important;place-items:center!important;
  border-radius:13px!important;background:#111a24!important;color:#a2adbc!important
}
.home-search-head-copy{display:flex!important;min-width:0!important;flex-direction:column!important;gap:2px!important}
.home-search-head-copy strong{font-size:17px!important;font-weight:900!important;color:#eef3f8!important}
.home-search-head-copy small{font-size:10px!important;font-weight:700!important;color:#697689!important}
.home-search-body{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:14px!important}
.home-search-field{
  min-height:50px!important;
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr) 32px!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 9px 0 13px!important;
  border:1px solid var(--pb619-border)!important;
  border-radius:15px!important;
  background:#101720!important;
  color:#758294!important;
}
.home-search-field:focus-within{border-color:rgba(140,255,63,.30)!important;background:#111a23!important}
.home-search-field input{
  width:100%!important;
  min-width:0!important;
  height:48px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#eef3f8!important;
  font:750 13px/1.2 Inter,system-ui,sans-serif!important;
}
.home-search-field input::placeholder{color:#5e6a7b!important}
.home-search-clear{
  width:30px!important;height:30px!important;display:grid!important;place-items:center!important;
  padding:0!important;border:0!important;border-radius:9px!important;background:#18212c!important;color:#8390a2!important
}
.home-search-state{padding:10px 2px 8px!important;color:#687588!important;font-size:10px!important;font-weight:750!important}
.home-search-results{display:flex!important;flex-direction:column!important;gap:5px!important}
.home-search-result{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 22px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:66px!important;
  padding:9px 10px!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:transparent!important;
  color:inherit!important;
  text-decoration:none!important;
}
.home-search-result:hover,.home-search-result:active{background:#101720!important;border-color:var(--pb619-border)!important}
.home-search-result-avatar{width:44px!important;height:44px!important;display:grid!important;place-items:center!important;border-radius:13px!important;overflow:hidden!important;background:#141d27!important}
.home-search-result-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.home-search-result-icon{width:15px!important;height:15px!important;border-radius:4px!important;background:#344252!important}
.home-search-result-copy{display:flex!important;min-width:0!important;flex-direction:column!important;gap:3px!important}
.home-search-result-meta{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important}
.home-search-result-meta b{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#dce3ec!important;font-size:10px!important;font-weight:850!important}
.home-search-result-meta em{margin-left:auto!important;color:#697689!important;font-size:8px!important;font-style:normal!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.05em!important}
.home-search-verified{width:15px!important;height:15px!important;display:inline-grid!important;place-items:center!important;border-radius:50%!important;background:#329dec!important;color:white!important;font-size:9px!important;font-weight:950!important}
.home-search-result-copy>strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#f0f3f7!important;font-size:12px!important;font-weight:850!important}
.home-search-result-copy>small{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#6f7c8e!important;font-size:9px!important;font-weight:650!important}
.home-search-result-arrow{color:#596678!important;font-size:21px!important}
.home-search-empty{padding:36px 14px!important;text-align:center!important;display:flex!important;flex-direction:column!important;gap:5px!important}
.home-search-empty strong{font-size:13px!important;color:#dbe2eb!important}
.home-search-empty span{font-size:10px!important;color:#677486!important}

/* ---------- Comments: rebuilt as a contemporary social discussion sheet ---------- */
#home-comments-sheet{
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
  background:#090e15!important;
  border:1px solid var(--pb619-border)!important;
  box-shadow:0 -20px 60px rgba(0,0,0,.44)!important;
}
.home-comments-head{
  flex:0 0 auto!important;
  min-height:70px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 40px!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 14px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
  background:#0a1017!important;
}
.home-comments-head-icon{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;
  border-radius:14px!important;background:#111a24!important;color:#93a0b2!important
}
.home-comments-head-copy{display:flex!important;min-width:0!important;flex-direction:column!important;gap:2px!important}
.home-comments-title-row{display:flex!important;align-items:center!important;gap:7px!important}
#home-comments-sheet .home-sheet-title{font-size:17px!important;font-weight:900!important;letter-spacing:-.02em!important;color:#f0f4f8!important}
#home-comments-sheet .home-comments-count{
  min-width:22px!important;height:22px!important;padding:0 6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:0!important;border-radius:8px!important;background:#17212c!important;color:#9ca8b8!important;font-size:9px!important;font-weight:900!important
}
.home-comments-head-copy small{font-size:9px!important;font-weight:700!important;color:#667386!important}
#home-comments-sheet .home-sheet-close,.home-search-head .home-sheet-close{
  width:38px!important;height:38px!important;border:1px solid var(--pb619-border)!important;border-radius:12px!important;background:#101720!important;color:#8490a1!important
}
.home-comments-list{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  padding:2px 14px 12px!important;
  overflow-y:auto!important;
}
.home-comment-thread{
  position:relative!important;
  padding:14px 0!important;
  border-bottom:1px solid rgba(255,255,255,.05)!important;
}
.home-comment-thread:last-child{border-bottom:0!important}
.home-comment-item{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  align-items:start!important;
  gap:10px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
}
.home-comment-avatar{
  width:40px!important;height:40px!important;border-radius:12px!important;object-fit:cover!important;
  border:1px solid rgba(255,255,255,.07)!important;box-shadow:none!important
}
.home-comment-card,.home-comment-body{
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.home-comment-head{display:flex!important;align-items:center!important;gap:5px!important;min-height:18px!important;margin:0 0 4px!important}
.home-comment-name{font-size:11px!important;font-weight:900!important;color:#eef3f8!important}
.home-comment-time{margin-left:auto!important;color:#5f6b7d!important;font-size:8px!important;font-weight:700!important}
.home-comment-author-badge{
  min-height:18px!important;padding:0 6px!important;border-radius:6px!important;background:rgba(140,255,63,.09)!important;color:#9af563!important;font-size:7px!important;font-weight:900!important
}
.home-comment-mention{margin:0 0 4px!important;color:#657386!important;font-size:9px!important;font-weight:700!important}
.home-comment-mention span{color:#8bb9db!important}
.home-comment-text{color:#e4e9f0!important;font-size:12px!important;line-height:1.5!important;font-weight:520!important}
.home-comment-actions{display:flex!important;align-items:center!important;gap:11px!important;margin-top:7px!important}
.home-comment-actions button{
  min-height:24px!important;
  display:inline-flex!important;align-items:center!important;gap:4px!important;
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
  color:#697689!important;font-size:8px!important;font-weight:850!important
}
.home-comment-actions button:hover{background:transparent!important;color:#a8b2c0!important}
.home-comment-actions .is-liked{color:#91ef58!important}
.home-comment-actions svg{width:12px!important;height:12px!important}
.home-comment-replies{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  margin:12px 0 0 50px!important;
  padding-left:13px!important;
  border-left:1px solid #22303e!important;
}
.home-comment-item.is-reply{margin:0!important}
.home-comment-item.is-reply .home-comment-avatar{width:32px!important;height:32px!important;border-radius:10px!important}
.home-comment-item.is-reply{grid-template-columns:32px minmax(0,1fr)!important;gap:8px!important}
.home-comment-attachment,.home-comment-gif{
  display:block!important;
  width:min(300px,100%)!important;
  margin-top:8px!important;
  overflow:hidden!important;
  border:1px solid var(--pb619-border)!important;
  border-radius:13px!important;
  background:#05080c!important
}
.home-comment-attachment-image,.home-comment-gif img{display:block!important;width:100%!important;height:auto!important;max-height:260px!important;object-fit:contain!important}

.home-comment-form{
  flex:0 0 auto!important;
  padding:9px 12px calc(10px + env(safe-area-inset-bottom,0px))!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
  background:#0a1017!important;
}
.home-comment-composer{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:start!important;
  gap:9px!important;
}
.home-comment-me-avatar{
  width:38px!important;height:38px!important;border-radius:11px!important;object-fit:cover!important;
  border:1px solid rgba(255,255,255,.07)!important;background:#111923!important;color:#7b8798!important
}
.home-comment-me-avatar.is-guest{display:grid!important;place-items:center!important}
.home-comment-composer-main{
  min-width:0!important;
  border:1px solid var(--pb619-border)!important;
  border-radius:16px!important;
  background:#101720!important;
  overflow:hidden!important;
}
.home-comment-composer-main:focus-within{border-color:rgba(140,255,63,.24)!important;background:#111a23!important}
.home-comment-input-wrap textarea{
  display:block!important;
  width:100%!important;
  min-height:48px!important;
  max-height:130px!important;
  padding:12px 12px 7px!important;
  border:0!important;outline:0!important;resize:none!important;
  background:transparent!important;color:#edf2f7!important;
  font-size:12px!important;line-height:1.45!important
}
.home-comment-composer-tools{
  min-height:38px!important;
  display:flex!important;align-items:center!important;gap:3px!important;
  padding:3px 5px 5px 7px!important;
}
.home-comment-composer-spacer{flex:1 1 auto!important}
.home-comment-gif-toggle,.home-comment-attach{
  width:32px!important;height:30px!important;display:grid!important;place-items:center!important;
  padding:0!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#738093!important
}
.home-comment-gif-toggle:hover,.home-comment-attach:hover{background:#17212c!important;color:#a5afbc!important}
.home-comment-gif-wordmark{font-size:8px!important;font-weight:950!important}
.home-comment-attach input{display:none!important}
.home-comment-send{
  width:auto!important;height:32px!important;min-width:92px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  padding:0 11px!important;border:0!important;border-radius:10px!important;background:#17251a!important;color:#9bf066!important;font-size:9px!important;font-weight:900!important
}
.home-comment-send:hover{background:#1b2d1d!important}
.home-comment-send:disabled{opacity:.35!important}
.home-comment-reply-strip{
  min-height:34px!important;margin:0 47px 7px!important;padding:6px 9px!important;border:1px solid rgba(90,200,250,.13)!important;border-radius:10px!important;background:#0e1820!important;color:#83bedb!important;font-size:9px!important
}
.home-comment-photo-preview,.home-comment-gif-preview{margin:0 47px 7px!important}

/* Profile wall comments use the same flat discussion language. */
.container[data-spa-content="profile"] .comments-section{
  margin-top:14px!important;padding-top:12px!important;border-top:1px solid rgba(255,255,255,.055)!important
}
.container[data-spa-content="profile"] .profile-comments-list{gap:0!important}
.container[data-spa-content="profile"] .profile-comment-thread{padding:12px 0!important;border-bottom:1px solid rgba(255,255,255,.05)!important}
.container[data-spa-content="profile"] .profile-comment-item{
  grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;padding:0!important;margin:0!important
}
.container[data-spa-content="profile"] .profile-comment-item.is-reply{margin-left:46px!important}
.container[data-spa-content="profile"] .profile-comment-avatar{width:38px!important;height:38px!important;border-radius:11px!important}
.container[data-spa-content="profile"] .profile-comment-body{
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important
}
.container[data-spa-content="profile"] .profile-comment-name{font-size:11px!important;font-weight:900!important}
.container[data-spa-content="profile"] .profile-comment-time{font-size:8px!important}
.container[data-spa-content="profile"] .profile-comment-text{font-size:12px!important;line-height:1.5!important}
.container[data-spa-content="profile"] .profile-comment-actions{gap:10px!important;margin-top:7px!important}
.container[data-spa-content="profile"] .profile-comment-action{
  min-height:24px!important;padding:0!important;border-radius:0!important;background:transparent!important;font-size:8px!important
}

/* Desktop sheets become right-side panels; mobile remains bottom sheets. */
@media (min-width:1000px){
  #home-search-sheet,#home-comments-sheet{
    top:calc(var(--pb-topbar-h,64px) + 18px)!important;
    right:18px!important;
    bottom:18px!important;
    left:auto!important;
    width:min(430px,calc(100vw - 36px))!important;
    height:auto!important;
    max-height:none!important;
    border-radius:20px!important;
  }
  #home-search-sheet{transform:translateX(calc(100% + 30px))!important}
  #home-search-sheet.is-open{transform:translateX(0)!important}
  #home-search-sheet .home-sheet-handle,#home-comments-sheet .home-sheet-handle{display:none!important}
}
@media (max-width:600px){
  #home-search-sheet,#home-comments-sheet{
    width:100%!important;
    left:0!important;right:0!important;bottom:0!important;
    border-left:0!important;border-right:0!important;border-bottom:0!important;
    border-radius:22px 22px 0 0!important
  }
  #home-comments-sheet{height:min(84dvh,760px)!important}
  #home-search-sheet{height:min(76dvh,690px)!important}
  .home-comment-replies{margin-left:42px!important;padding-left:10px!important}
  .home-comment-send{min-width:42px!important;width:42px!important;padding:0!important}
  .home-comment-send span{display:none!important}
}

/* Preserve A618's repaired media geometry. */
.home-feed-media-item>img[data-pb-media],
.profile-post-media-item>img[data-pb-media]{
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  opacity:1!important;
  visibility:visible!important;
}

/* A622 — promo rotator + store advertising, and remove the temporary topbar online glyph. */
#pb-topbar .pb-tb-online-indicator{display:none!important}

.home-promo-rotator{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
.home-promo-stage{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  min-width:0!important;
}
.home-promo-slide{
  grid-area:1 / 1!important;
  width:100%!important;
  min-width:0!important;
  min-height:96px!important;
  margin:0!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(4px)!important;
  transition:opacity .24s ease,transform .24s ease,visibility .24s ease!important;
}
.home-promo-slide.is-active{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}
.home-promo-dots{
  min-height:20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:8px 0 0!important;
}
.home-promo-dot{
  width:6px!important;
  height:6px!important;
  min-width:6px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#27313e!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:width .18s ease,background .18s ease!important;
}
.home-promo-dot.is-active{width:18px!important;background:var(--pb619-accent)!important}

.home-store-ad{
  position:relative!important;
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr) 44px!important;
  align-items:center!important;
  gap:13px!important;
  padding:13px!important;
  overflow:hidden!important;
  border:1px solid rgba(112,204,255,.22)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 8% 12%,rgba(90,200,250,.11),transparent 34%),
    linear-gradient(135deg,#0b151f 0%,#0b121b 58%,#111420 100%)!important;
  color:#eef5fb!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.home-store-ad::after{
  content:""!important;
  position:absolute!important;
  width:150px!important;height:150px!important;
  right:-72px!important;top:-76px!important;
  border-radius:50%!important;
  background:rgba(140,255,63,.06)!important;
  pointer-events:none!important;
}
.home-store-ad-visual{
  position:relative!important;
  width:76px!important;height:72px!important;
  display:block!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:17px!important;
  background:#101b25!important;
}
.home-store-ad-item{
  position:absolute!important;
  width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:12px!important;
  background:#131e29!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
}
.home-store-ad-item img{display:block!important;width:28px!important;height:28px!important;object-fit:contain!important}
.home-store-ad-item.is-charge{left:8px!important;top:8px!important;z-index:3!important}
.home-store-ad-item.is-paint{right:5px!important;top:17px!important;z-index:2!important}
.home-store-ad-item.is-dynamite{left:22px!important;bottom:5px!important;z-index:4!important}
.home-store-ad-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:5px!important}
.home-store-ad-topline{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
.home-store-ad-kicker{
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  color:#6fd2ff!important;font-size:9px!important;font-weight:950!important;line-height:1!important;letter-spacing:.07em!important;text-transform:uppercase!important
}
.home-store-ad-sale{
  flex:0 0 auto!important;min-height:20px!important;display:inline-flex!important;align-items:center!important;padding:0 7px!important;
  border:1px solid rgba(140,255,63,.20)!important;border-radius:999px!important;background:rgba(140,255,63,.08)!important;
  color:#a3ff69!important;font-size:9px!important;font-weight:950!important
}
.home-store-ad-title{
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  color:#f3f7fb!important;font-size:18px!important;font-weight:950!important;line-height:1.08!important;letter-spacing:-.025em!important
}
.home-store-ad-items{
  display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;
  overflow:hidden!important;color:#8290a2!important;font-size:9px!important;font-weight:750!important;white-space:nowrap!important
}
.home-store-ad-items span{overflow:hidden!important;text-overflow:ellipsis!important}
.home-store-ad-items b{color:#cbd7e5!important;font-weight:900!important}
.home-store-ad-price{display:flex!important;align-items:baseline!important;gap:7px!important;font-size:11px!important}
.home-store-ad-price del{color:#687485!important;font-size:9px!important;font-weight:750!important}
.home-store-ad-price b{color:#a9ff6f!important;font-size:14px!important;font-weight:950!important}
.home-store-ad-cta{
  position:relative!important;z-index:2!important;
  width:44px!important;height:44px!important;display:grid!important;place-items:center!important;
  border-radius:14px!important;background:#18261b!important;color:#9cff65!important
}
.home-store-ad-cta svg{width:19px!important;height:19px!important;stroke:currentColor!important}

@media(max-width:999px){
  .home-promo-rotator,.home-promo-stage{width:100%!important;max-width:none!important}
  .home-promo-slide{min-height:90px!important}
}
@media(max-width:600px){
  .home-promo-dots{padding-top:6px!important;min-height:16px!important}
  .home-store-ad{grid-template-columns:64px minmax(0,1fr) 40px!important;gap:10px!important;padding:11px 12px!important;border-radius:18px!important}
  .home-store-ad-visual{width:64px!important;height:62px!important;border-radius:15px!important}
  .home-store-ad-item{width:33px!important;height:33px!important;border-radius:10px!important}
  .home-store-ad-item img{width:24px!important;height:24px!important}
  .home-store-ad-item.is-charge{left:6px!important;top:6px!important}
  .home-store-ad-item.is-paint{right:4px!important;top:13px!important}
  .home-store-ad-item.is-dynamite{left:18px!important;bottom:4px!important}
  .home-store-ad-title{font-size:16px!important}
  .home-store-ad-items{gap:6px!important;font-size:8px!important}
  .home-store-ad-price b{font-size:13px!important}
  .home-store-ad-cta{width:40px!important;height:40px!important;border-radius:12px!important}
}
@media(max-width:380px){
  .home-store-ad{grid-template-columns:58px minmax(0,1fr) 36px!important;padding:10px!important;gap:9px!important}
  .home-store-ad-visual{width:58px!important;height:58px!important}
  .home-store-ad-title{font-size:15px!important}
  .home-store-ad-items span:nth-child(n+3){display:none!important}
  .home-store-ad-cta{width:36px!important;height:36px!important}
}

/* ==========================================================================\n   A623 — flat swipe promo + profile wall media repair\n   ========================================================================== */

/* Promo is a clean flat card. Remove every decorative corner blob/pseudo layer. */
.home-promo-rotator,
.home-promo-stage,
.home-promo-slide{
  max-width:100%!important;
  box-sizing:border-box!important;
}
.home-promo-rotator{
  position:relative!important;
  overflow:hidden!important;
  touch-action:pan-y!important;
  -webkit-user-select:none!important;
  user-select:none!important;
}
.home-promo-stage{
  position:relative!important;
  overflow:hidden!important;
  min-height:90px!important;
}
.home-promo-slide{
  border-radius:20px!important;
  box-shadow:none!important;
  overflow:hidden!important;
  transform:none!important;
  transition:opacity .20s ease!important;
}
.home-promo-slide::before,
.home-promo-slide::after,
.home-slimecraft-ad::before,
.home-slimecraft-ad::after,
.home-store-ad::before,
.home-store-ad::after,
.home-slimecraft-ad-cta::before,
.home-slimecraft-ad-cta::after,
.home-store-ad-cta::before,
.home-store-ad-cta::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
.home-slimecraft-ad,
.home-store-ad{
  background:#0c1411!important;
  background-image:none!important;
  border:1px solid rgba(126,255,66,.20)!important;
}
.home-store-ad{
  grid-template-columns:70px minmax(0,1fr) 40px!important;
  gap:12px!important;
  padding:12px 13px!important;
}
.home-store-ad-visual{
  width:70px!important;
  height:70px!important;
  border-radius:16px!important;
  background:#101820!important;
  background-image:none!important;
  box-shadow:none!important;
}
.home-store-ad-item{
  box-shadow:none!important;
  background:#151d26!important;
}
.home-store-ad-cta,
.home-slimecraft-ad-cta{
  position:static!important;
  align-self:center!important;
  justify-self:end!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:12px!important;
  border:1px solid rgba(126,255,66,.18)!important;
  background:#132016!important;
  color:#96ff5f!important;
  box-shadow:none!important;
}
.home-slimecraft-ad{
  grid-template-columns:64px minmax(0,1fr) 38px!important;
  gap:12px!important;
  padding:12px 13px!important;
}
.home-slimecraft-ad-copy{padding-right:0!important}
.home-slimecraft-ad-brand{
  width:64px!important;
  height:64px!important;
  border-radius:15px!important;
  box-shadow:none!important;
}
.home-promo-dots{
  min-height:18px!important;
  gap:7px!important;
  padding:7px 0 0!important;
}
.home-promo-dot{
  width:6px!important;
  height:6px!important;
  min-width:6px!important;
  border-radius:999px!important;
  background:#26303b!important;
  transition:width .16s ease,background .16s ease!important;
}
.home-promo-dot.is-active{
  width:20px!important;
  background:var(--pb619-accent)!important;
}
.home-promo-rotator.is-swiping .home-promo-slide.is-active{opacity:.84!important}

/* Never expose raw promo assets while the carousel is being bootstrapped. */
.home-promo-rotator[data-promo-booting="1"]{visibility:hidden!important}
.home-promo-rotator[data-promo-ready="1"]{visibility:visible!important}
.home-promo-rotator img{
  max-width:100%!important;
}
.home-store-ad-item img{
  width:26px!important;
  height:26px!important;
  max-width:26px!important;
  max-height:26px!important;
}
.home-slimecraft-ad-icon{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
}

/* Profile wall: do not let the legacy crop loader keep images transparent. */
.container[data-spa-content="profile"] .profile-post-media,
.container[data-spa-content="profile"] .profile-post-media-track,
.container[data-spa-content="profile"] .profile-post-media-item{
  visibility:visible!important;
  opacity:1!important;
}
.container[data-spa-content="profile"] .profile-post-media-track{
  min-height:0!important;
  height:auto!important;
}
.container[data-spa-content="profile"] .profile-post-media-item{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  contain:none!important;
  overflow:hidden!important;
  background:#070a0f!important;
  background-image:none!important;
  animation:none!important;
}
.container[data-spa-content="profile"] .profile-post-media-item>img[data-pb-media]{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  min-height:1px!important;
  max-width:100%!important;
  max-height:min(72dvh,760px)!important;
  margin:0 auto!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  transform:none!important;
  content-visibility:visible!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
}
.container[data-spa-content="profile"] .profile-post-media-item.pb-media-error{display:none!important}

@media(max-width:600px){
  .home-promo-stage{min-height:88px!important}
  .home-slimecraft-ad,
  .home-store-ad{
    width:100%!important;
    grid-template-columns:58px minmax(0,1fr) 36px!important;
    gap:10px!important;
    padding:11px!important;
    border-radius:18px!important;
  }
  .home-slimecraft-ad-brand,
  .home-store-ad-visual{width:58px!important;height:58px!important;border-radius:14px!important}
  .home-store-ad-item{width:30px!important;height:30px!important;border-radius:9px!important}
  .home-store-ad-item img{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important}
  .home-store-ad-cta,
  .home-slimecraft-ad-cta{width:36px!important;height:36px!important;min-width:36px!important;border-radius:11px!important}
  .home-store-ad-title{font-size:15px!important}
  .home-store-ad-items{font-size:8px!important;gap:5px!important}
}

/* A624 — profile reactions/comments parity + first-paint cleanup. */
.container[data-spa-content="profile"] .profile-like-btn,
.container[data-spa-content="profile"] .profile-like-btn.active,
.container[data-spa-content="profile"] .news-meta-like.profile-like-btn{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
}
.container[data-spa-content="profile"] .profile-like-btn::before,
.container[data-spa-content="profile"] .profile-like-btn::after{
  content:none!important;
  display:none!important;
}
.container[data-spa-content="profile"] .profile-like-btn.active{color:#8cff3f!important}

.container[data-spa-content="profile"] .profile-comment-thread{
  position:relative!important;
  padding:14px 0!important;
}
.container[data-spa-content="profile"] .profile-comment-item{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  align-items:start!important;
  gap:10px!important;
}
.container[data-spa-content="profile"] .profile-comment-item.is-reply{
  margin:0!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  gap:8px!important;
}
.container[data-spa-content="profile"] .profile-comment-item.is-reply .profile-comment-avatar{
  width:32px!important;
  height:32px!important;
  border-radius:10px!important;
}
.container[data-spa-content="profile"] .profile-comment-replies{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  margin:12px 0 0 50px!important;
  padding-left:13px!important;
  border-left:1px solid #22303e!important;
}
.container[data-spa-content="profile"] .profile-comment-mention{
  margin:0 0 4px!important;
  color:#657386!important;
  font-size:9px!important;
  font-weight:700!important;
}
.container[data-spa-content="profile"] .profile-comment-mention span{color:#8bb9db!important}
.container[data-spa-content="profile"] .profile-comment-action{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#697689!important;
}
.container[data-spa-content="profile"] .profile-comment-action.is-liked{color:#91ef58!important}
.container[data-spa-content="profile"] .profile-comment-action::before,
.container[data-spa-content="profile"] .profile-comment-action::after{content:none!important;display:none!important}

/* Stronger FOUC guard for promo rotator: no raw slide/image can paint before boot. */
[data-home-promo-rotator][data-promo-booting="1"] .home-promo-stage{
  visibility:hidden!important;
}
[data-home-promo-rotator][data-promo-booting="1"] .home-promo-dots{
  visibility:hidden!important;
}
[data-home-promo-rotator] .home-store-ad-item,
[data-home-promo-rotator] .home-store-ad-item img,
[data-home-promo-rotator] .home-slimecraft-ad-brand,
[data-home-promo-rotator] .home-slimecraft-ad-icon{
  max-width:64px!important;
  max-height:64px!important;
}

@media(max-width:600px){
  .container[data-spa-content="profile"] .profile-comment-replies{
    margin-left:42px!important;
    padding-left:10px!important;
  }
}

/* A672: featured Pixel World launch campaign inside the existing feed rotator. */
.home-world-ad{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 42px!important;
  align-items:center!important;
  min-height:112px!important;
  gap:12px!important;
  padding:13px 14px 13px 17px!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:1px solid rgba(122,232,123,.34)!important;
  border-radius:20px!important;
  background:#07100d!important;
  color:#edf5ef!important;
  text-decoration:none!important;
}
.home-world-ad-art{
  position:absolute!important;
  z-index:-2!important;
  inset:0!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:67% 50%!important;
  opacity:.9!important;
  transform:scale(1.015)!important;
  transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .35s!important;
  pointer-events:none!important;
}
.home-world-ad:hover .home-world-ad-art{opacity:1!important;transform:scale(1.065)!important}
.home-world-ad-copy{
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  display:grid!important;
  align-content:center!important;
  justify-items:start!important;
  gap:4px!important;
  padding:3px 0!important;
}
.home-world-ad-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  color:#91edab!important;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  line-height:1!important;
  text-transform:uppercase!important;
}
.home-world-ad-kicker>svg{color:#82eac1!important}
.home-world-ad-title{
  color:#f3f7f3!important;
  font-size:23px!important;
  font-weight:950!important;
  letter-spacing:-.065em!important;
  line-height:1.03!important;
}
.home-world-ad-title>em{color:#96f26b!important;font-style:normal!important}
.home-world-ad-subtitle{
  max-width:100%!important;
  overflow:hidden!important;
  color:#c2cec7!important;
  font-size:10px!important;
  font-weight:760!important;
  line-height:1.2!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.home-world-ad-features{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  margin-top:2px!important;
  color:#96afa2!important;
}
.home-world-ad-features>span{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  font-size:8px!important;
  font-weight:760!important;
  white-space:nowrap!important;
}
.home-world-ad-features>span>svg{color:#89e9a6!important}
.home-world-ad-cta{
  position:relative!important;
  z-index:1!important;
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(146,239,123,.35)!important;
  border-radius:14px!important;
  background:rgba(12,29,19,.87)!important;
  color:#a0f375!important;
  box-shadow:0 8px 22px rgba(0,0,0,.24)!important;
  transition:transform .24s ease,background .24s ease,border-color .24s ease!important;
}
.home-world-ad:hover .home-world-ad-cta{transform:translateX(2px)!important;border-color:rgba(151,247,128,.58)!important;background:rgba(58,107,47,.88)!important}
@media(max-width:600px){
  .home-world-ad{min-height:106px!important;grid-template-columns:minmax(0,1fr) 38px!important;gap:8px!important;padding:12px 11px 12px 13px!important;border-radius:18px!important}
  .home-world-ad-art{object-position:72% 50%!important}
  .home-world-ad-title{font-size:21px!important}
  .home-world-ad-subtitle{font-size:9px!important}
  .home-world-ad-features{gap:7px!important}
  .home-world-ad-features>span{font-size:7px!important}
  .home-world-ad-cta{width:38px!important;height:38px!important;border-radius:12px!important}
}
@media(max-width:380px){
  .home-world-ad-kicker{font-size:7px!important}
  .home-world-ad-subtitle{font-size:8px!important}
  .home-world-ad-features>span:last-child{display:none!important}
}
@media(prefers-reduced-motion:reduce){.home-world-ad-art,.home-world-ad-cta{transition:none!important}}
