/* MiKO NFT Profile collection polish — draft only */
@import url("../assets/css/miko-profile-wallet-history-v18.css");
#nft.mp14-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#f8fbff 100%);border:1px solid #e2ecf8;box-shadow:0 14px 36px rgba(26,86,156,.08)}
#nft.mp14-card:before{content:"";position:absolute;inset:0 0 auto auto;width:220px;height:160px;pointer-events:none;background:radial-gradient(circle at 70% 25%,rgba(64,149,255,.14),transparent 62%)}
#nft .mp14-card-head{position:relative;z-index:1}
#nft .mp14-card-head small{color:#2f76d0;letter-spacing:.14em;font-weight:800}
#nft .mp14-card-head h2{color:#152a45}
#nft .mp14-nft-rail{overflow-x:auto;overflow-y:visible;padding:4px 2px 12px;scrollbar-width:thin;scrollbar-color:#bfd8f4 transparent}
#nft .mp14-nft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,280px));grid-auto-flow:row!important;grid-auto-columns:auto!important;justify-content:start;gap:14px;align-items:stretch;width:100%!important;min-width:0!important}
#nft .mp14-nft-grid>article{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #dce8f5;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(25,78,137,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
#nft .mp14-nft-grid>article:hover{transform:translateY(-2px);border-color:#b9d7f8;box-shadow:0 14px 30px rgba(25,78,137,.12)}
#nft .mp14-nft-grid>article.is-active{border-color:#9bc8ff;box-shadow:0 0 0 2px rgba(46,132,235,.08),0 14px 30px rgba(25,78,137,.11)}
#nft .pic{position:relative;aspect-ratio:1/1;overflow:hidden;background:linear-gradient(145deg,#eef6ff,#f9fcff)}
#nft .pic img{display:block;width:100%;height:100%;object-fit:cover}
#nft .pic>span{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:5px;max-width:calc(100% - 20px);padding:6px 9px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(255,255,255,.92);color:#36536f;font-size:11px;font-weight:800;line-height:1;box-shadow:0 5px 15px rgba(32,74,119,.12);backdrop-filter:blur(8px)}
#nft .pic>span svg{width:13px;height:13px;fill:none;stroke:var(--nft-accent,#2d82e5);stroke-width:1.8}
#nft .mp14-nft-copy{display:flex;flex:1;flex-direction:column;padding:13px 13px 10px;min-width:0}
#nft .mp14-nft-copy>b{overflow:hidden;color:#142b47;font-size:14px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
#nft .mp14-nft-copy>small{display:block;margin-top:4px;overflow:hidden;color:#74869b;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}
#nft .mp14-nft-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
#nft .mp14-nft-chips>span{display:inline-flex;align-items:center;gap:4px;min-height:25px;padding:4px 7px;border:1px solid #e0eaf5;border-radius:8px;background:#f7faff;color:#526b84;font-size:9.5px;font-weight:750;line-height:1.1}
#nft .mp14-nft-chips>span.rarity{border-color:color-mix(in srgb,var(--nft-accent,#3186e8) 28%,#e0eaf5);background:color-mix(in srgb,var(--nft-accent,#3186e8) 8%,#fff);color:#315a82}
#nft .mp14-nft-chips>span.power{color:#246cc1}
#nft .mp14-nft-chips>span.status-active{border-color:#ccebdc;background:#f1fbf6;color:#198558}
#nft .mp14-nft-chips>span.status-sold_out,#nft .mp14-nft-chips>span.status-sold-out{border-color:#f4d5da;background:#fff5f6;color:#bd4554}
#nft .mp14-nft-chip-icon{display:inline-grid;place-items:center;width:13px;height:13px;flex:0 0 13px}
#nft .mp14-nft-chip-icon svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#nft .mp14-nft-copy>em{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:10px;color:#5b7289;font-size:10.5px;font-style:normal;font-weight:700}
#nft .mp14-nft-copy>em svg{width:14px;height:14px;fill:none;stroke:#2d82e5;stroke-width:1.8}
#nft article.is-active .mp14-nft-copy>em{color:#16865b}
#nft article.is-active .mp14-nft-copy>em svg{stroke:#16865b}
#nft .mp14-nft-action{appearance:none;display:flex!important;visibility:visible!important;opacity:1!important;align-items:center;justify-content:center;gap:8px;width:calc(100% - 26px)!important;min-height:42px!important;margin:0 13px 13px!important;padding:9px 12px!important;border:1px solid #bcd9f7!important;border-radius:11px!important;background:linear-gradient(135deg,#eef7ff 0%,#e4f1ff 100%)!important;color:#2467b5!important;font:inherit;font-size:12px!important;font-weight:800!important;line-height:1.2!important;text-align:center!important;box-shadow:none!important;cursor:pointer;transform:none!important;position:relative!important;inset:auto!important;z-index:2!important;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
#nft .mp14-nft-action:hover:not(:disabled),#nft .mp14-nft-action:focus-visible:not(:disabled){background:linear-gradient(135deg,#267ee3,#1767c7)!important;border-color:#1767c7!important;color:#fff!important;box-shadow:0 8px 18px rgba(30,111,204,.2)!important;transform:translateY(-1px)!important;outline:none}
#nft article.is-active .mp14-nft-action{background:linear-gradient(135deg,#2d86ea,#1768c9)!important;border-color:#1768c9!important;color:#fff!important;box-shadow:0 8px 18px rgba(30,111,204,.18)!important}
#nft .mp14-nft-action:disabled{cursor:default!important;opacity:1!important;background:linear-gradient(135deg,#2d86ea,#1768c9)!important;color:#fff!important;border-color:#1768c9!important}
#nft .mp14-nft-action-icon{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px}
#nft .mp14-nft-action-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#nft .mp14-nft-action-arrow{margin-left:auto;font-size:20px;font-weight:500;line-height:1;opacity:.75}
#nft .mp14-nft-grid>article.is-nft-hidden{display:none!important}
#nft .mp14-nft-load-wrap{display:flex;justify-content:center;padding:6px 0 2px}
#nft .mp14-nft-load-more{appearance:none!important;-webkit-appearance:none!important;position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-width:164px!important;min-height:44px!important;margin:0!important;padding:9px 12px 9px 18px!important;border:1px solid #176fd0!important;border-radius:999px!important;background:linear-gradient(135deg,#258bf0 0%,#1769cf 100%)!important;color:#fff!important;font:inherit!important;font-size:12px!important;font-weight:900!important;line-height:1!important;letter-spacing:.01em!important;text-shadow:0 1px 1px rgba(0,50,110,.16)!important;box-shadow:0 9px 20px rgba(23,105,207,.22),inset 0 1px 0 rgba(255,255,255,.22)!important;opacity:1!important;visibility:visible!important;cursor:pointer!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important}
#nft .mp14-nft-load-more:hover,#nft .mp14-nft-load-more:focus-visible{transform:translateY(-2px)!important;filter:brightness(1.05)!important;box-shadow:0 12px 24px rgba(23,105,207,.28),inset 0 1px 0 rgba(255,255,255,.25)!important;outline:none!important}
#nft .mp14-nft-load-more span{display:grid!important;place-items:center!important;width:26px!important;height:26px!important;flex:0 0 26px!important;margin-left:2px!important;border-radius:50%!important;background:#fff!important;color:#176fd0!important;font-size:18px!important;font-weight:900!important;line-height:1!important;text-shadow:none!important;box-shadow:0 3px 8px rgba(0,48,100,.16)!important;transform:rotate(0deg)!important;transition:transform .18s ease!important}
#nft .mp14-nft-load-more:hover span,#nft .mp14-nft-load-more:focus-visible span{transform:rotate(90deg)!important}
@media(max-width:1024px){#nft .mp14-nft-grid{grid-template-columns:repeat(2,minmax(220px,280px));justify-content:start}}
@media(max-width:640px){#nft.mp14-card{border-radius:18px}#nft .mp14-nft-grid{grid-template-columns:minmax(0,1fr);gap:12px}#nft .mp14-nft-grid>article{max-width:none;border-radius:16px}#nft .pic{aspect-ratio:16/10}#nft .mp14-nft-copy{padding:12px 12px 9px}#nft .mp14-nft-action{width:calc(100% - 24px)!important;margin:0 12px 12px!important;min-height:44px!important;font-size:13px!important}}
@media(max-width:430px){#nft .mp14-nft-chips{gap:5px}#nft .mp14-nft-chips>span{font-size:9px;padding:4px 6px}#nft .mp14-nft-copy>b{font-size:13.5px}}

/* MiKO Profile NFT mobile clarity — 2026-09 */
@media(max-width:640px){
  body.page-id-24563 .miko-basic-shell{padding-bottom:176px!important}
  body.page-id-24563 #nft.mp14-card{
    padding:14px!important;
    border-radius:18px!important;
    background:linear-gradient(145deg,#ffffff 0%,#f7fbff 100%)!important;
    box-shadow:0 10px 28px rgba(25,78,137,.07)!important
  }
  body.page-id-24563 #nft .mp14-card-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin-bottom:12px!important
  }
  body.page-id-24563 #nft .mp14-card-head small{
    display:block!important;
    margin-bottom:2px!important;
    font-size:9px!important;
    letter-spacing:.14em!important
  }
  body.page-id-24563 #nft .mp14-card-head h2{
    margin:0!important;
    font-size:18px!important;
    line-height:1.25!important;
    letter-spacing:-.02em!important
  }
  body.page-id-24563 #nft .mp14-nft-head-actions{
    flex:0 0 auto!important;
    gap:5px!important
  }
  body.page-id-24563 #nft .mp14-nft-head-actions a,
  body.page-id-24563 #nft .mp14-nft-head-actions button[data-mp14-jump]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:36px!important;
    padding:0 11px!important;
    border:1px solid #d6e6f6!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#2475c9!important;
    font-size:9.5px!important;
    font-weight:900!important;
    text-decoration:none!important;
    box-shadow:0 4px 12px rgba(24,86,150,.05)!important
  }

  body.page-id-24563 #nft .mp14-nft-rail{
    width:100%!important;
    overflow:visible!important;
    padding:1px 0 4px!important
  }
  body.page-id-24563 #nft .mp14-nft-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
    width:100%!important;
    min-width:0!important;
    gap:12px!important;
    justify-content:stretch!important
  }
  body.page-id-24563 #nft .mp14-nft-grid>article{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:17px!important;
    background:#fff!important;
    box-shadow:0 7px 20px rgba(24,75,130,.065)!important
  }
  body.page-id-24563 #nft .pic{
    width:100%!important;
    aspect-ratio:16/9!important;
    margin:0!important;
    border-radius:0!important;
    background:linear-gradient(145deg,#eef6ff,#fbfdff)!important
  }
  body.page-id-24563 #nft .pic img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important
  }
  body.page-id-24563 #nft .pic>span{
    left:10px!important;
    top:10px!important;
    min-height:28px!important;
    padding:5px 9px!important;
    font-size:10px!important
  }
  body.page-id-24563 #nft .mp14-nft-copy{
    padding:12px 13px 9px!important
  }
  body.page-id-24563 #nft .mp14-nft-copy>b{
    font-size:15px!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important
  }
  body.page-id-24563 #nft .mp14-nft-copy>small{
    margin-top:3px!important;
    font-size:10px!important;
    line-height:1.35!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important
  }
  body.page-id-24563 #nft .mp14-nft-chips{
    gap:5px!important;
    margin-top:9px!important
  }
  body.page-id-24563 #nft .mp14-nft-chips>span{
    min-height:24px!important;
    padding:4px 7px!important;
    border-radius:8px!important;
    font-size:9px!important
  }
  body.page-id-24563 #nft .mp14-nft-copy>em{
    padding-top:9px!important;
    font-size:10px!important
  }
  body.page-id-24563 #nft .mp14-nft-action{
    width:calc(100% - 24px)!important;
    min-height:44px!important;
    margin:0 12px 12px!important;
    border-radius:12px!important;
    font-size:12px!important
  }

  body.page-id-24563 .miko-global-profile-dock{
    left:10px!important;
    right:10px!important;
    bottom:66px!important;
    width:auto!important;
    max-width:none!important
  }
  body.page-id-24563 .miko-global-profile-identity{
    grid-template-columns:36px minmax(0,1fr) 25px!important;
    gap:7px!important;
    min-height:58px!important;
    padding:6px 8px!important;
    border-radius:15px!important;
    box-shadow:0 8px 20px rgba(28,68,104,.11)!important
  }
  body.page-id-24563 .miko-global-profile-left{
    width:36px!important;
    height:42px!important
  }
  body.page-id-24563 .miko-global-profile-avatar{
    width:36px!important;
    height:36px!important
  }
  body.page-id-24563 .miko-global-profile-name{
    max-width:none!important;
    font-size:10.5px!important
  }
  body.page-id-24563 .miko-global-profile-meta{
    margin-top:2px!important;
    font-size:8px!important
  }
  body.page-id-24563 .miko-global-profile-arrow{
    width:24px!important;
    height:24px!important
  }
}

@media(max-width:390px){
  body.page-id-24563 .miko-basic-shell{padding-bottom:180px!important}
  body.page-id-24563 #nft.mp14-card{padding:11px!important}
  body.page-id-24563 #nft .mp14-card-head h2{font-size:16.5px!important}
  body.page-id-24563 #nft .mp14-nft-grid{gap:10px!important}
  body.page-id-24563 #nft .pic{aspect-ratio:1.7/1!important}
}

/* MiKO profile hero/menu refinement — keep frame & aura below the avatar photo */
body.page-id-24563 .mp14-avatar-wrap,
body.page-id-24563 .mp14-avatar-wrap>.miko-cosmetic-avatar{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important
}
body.page-id-24563 .mp14-avatar-wrap .miko-nft-aura-layer{
  z-index:0!important;
  pointer-events:none!important
}
body.page-id-24563 .mp14-avatar-wrap .miko-cosmetic-frame{
  position:absolute!important;
  z-index:1!important;
  pointer-events:none!important;
  transform:translateY(3px)!important;
  transform-origin:center!important
}
body.page-id-24563 .mp14-avatar-wrap .miko-cosmetic-avatar-img,
body.page-id-24563 .mp14-avatar-wrap>.miko-cosmetic-avatar>img:first-child{
  position:relative!important;
  z-index:4!important
}
body.page-id-24563 .mp14-avatar-wrap .miko-nft-float-emoji.miko-nft-lightning-mark{
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:-15px!important;
  z-index:5!important;
  transform:translateX(-50%)!important;
  transform-origin:center!important
}
body.page-id-24563 .mp14-avatar-wrap>a{z-index:8!important}

/* Floating member card follows the same layer order */
body.page-id-24563 .miko-global-profile-avatar>img:not(.miko-global-profile-frame){
  position:relative!important;
  z-index:4!important
}
body.page-id-24563 .miko-global-profile-frame{
  z-index:1!important;
  transform:translateY(2px)!important
}
body.page-id-24563 .miko-global-profile-avatar .miko-nft-aura-layer{z-index:0!important}

/* Active NFT identity cards */
body.page-id-24563 .mp14-nft-identity{
  width:100%!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:13px!important
}
body.page-id-24563 .mp14-nft-identity-item{
  min-width:0!important;
  min-height:94px!important;
  padding:12px 35px 12px 14px!important;
  border-radius:16px!important
}
body.page-id-24563 .mp14-nft-identity-item b{
  font-size:12px!important;
  line-height:1.3!important
}
body.page-id-24563 .mp14-nft-identity-item em,
body.page-id-24563 .mp14-nft-identity-item small{
  min-width:0!important;
  font-size:8.5px!important;
  line-height:1.3!important;
  overflow-wrap:anywhere!important
}

/* Profile actions use the full available width */
body.page-id-24563 .mp14-user-info .miko-user-qr-actions,
body.page-id-24563 .mp14-quick-actions,
body.page-id-24563 .mp14-quote>div{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important
}
body.page-id-24563 .mp14-user-info .miko-user-qr-actions .miko-user-qr-btn,
body.page-id-24563 .mp14-quick-actions>a,
body.page-id-24563 .mp14-quick-actions>button,
body.page-id-24563 .mp14-quote a{
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  padding:9px 12px!important;
  border-radius:14px!important;
  justify-content:center!important;
  text-align:center!important;
  box-sizing:border-box!important
}

/* Social links: balanced cards */
body.page-id-24563 .mp14-meta{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  margin-top:10px!important;
  padding-top:0!important
}
body.page-id-24563 .mp14-meta>a,
body.page-id-24563 .mp14-meta>span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:0!important;
  min-height:42px!important;
  margin:0!important;
  padding:8px 9px!important;
  border:1px solid #e0e9f3!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#fff,#f8fbfe)!important;
  color:#627a91!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-sizing:border-box!important
}
body.page-id-24563 .mp14-meta>a:hover{
  border-color:#bdd7f0!important;
  color:#176fc8!important;
  background:#f4f9ff!important
}
body.page-id-24563 .mp14-meta .mp14-website-card{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-height:54px!important;
  padding:7px 12px!important;
  border:1px solid #dbe7f3!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fff 0%,#f8fbfe 100%)!important;
  box-shadow:0 4px 14px rgba(34,76,118,.045)!important;
  text-align:left!important;
  overflow:visible!important
}
body.page-id-24563 .mp14-website-logo{
  display:grid!important;
  place-items:center!important;
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  border:1px solid #e3edf6!important;
  border-radius:12px!important;
  background:#fff!important;
  overflow:hidden!important
}
body.page-id-24563 .mp14-website-logo img{
  display:block!important;
  width:30px!important;
  height:30px!important;
  object-fit:contain!important
}
body.page-id-24563 .mp14-website-logo svg{width:18px!important;height:18px!important}
body.page-id-24563 .mp14-website-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:3px!important;
  min-width:0!important
}
body.page-id-24563 .mp14-website-copy b{
  max-width:100%!important;
  color:#31506f!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.2!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important
}
body.page-id-24563 .mp14-website-copy small{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  color:#5b8a70!important;
  font-size:8px!important;
  font-weight:800!important;
  line-height:1!important
}
body.page-id-24563 .mp14-website-copy small i{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#22c55e!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.12)!important
}
body.page-id-24563 .mp14-social-row{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:stretch!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important
}
body.page-id-24563 .mp14-social-row .mp14-social-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:1 1 0!important;
  gap:8px!important;
  min-width:0!important;
  min-height:44px!important;
  padding:8px 12px!important;
  border:1px solid #dbe7f3!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#fff 0%,#f9fbfd 100%)!important;
  box-shadow:0 2px 8px rgba(34,76,118,.035)!important;
  color:#56718d!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease!important
}
body.page-id-24563 .mp14-social-row .mp14-social-link svg{
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  color:#56718d!important;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round
}
body.page-id-24563 .mp14-social-row .mp14-social-link:hover{
  transform:translateY(-1px)!important;
  border-color:#bdd7f0!important;
  background:#f4f9ff!important;
  color:#176fc8!important;
  box-shadow:0 6px 16px rgba(34,99,166,.08)!important
}
body.page-id-24563 .mp14-social-row .mp14-social-link:hover svg{color:#176fc8!important}

/* Quote + final actions */
body.page-id-24563 .mp14-quote{width:100%!important}
body.page-id-24563 .mp14-quote blockquote{
  width:100%!important;
  min-height:86px!important;
  padding:16px 18px!important;
  border-radius:16px!important;
  box-sizing:border-box!important
}
body.page-id-24563 .mp14-quote>div{margin-top:10px!important}
body.page-id-24563 .mp14-quote a{
  min-height:50px!important;
  font-size:10px!important;
  font-weight:900!important
}

/* Mobile: compact floating card + equal bottom navigation slots */
@media(max-width:767px){
  body.page-id-24563{
    padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))!important
  }
  body.page-id-24563 .miko-global-bottom-nav{
    left:8px!important;
    right:8px!important;
    bottom:calc(5px + env(safe-area-inset-bottom,0px))!important;
    width:auto!important;
    min-height:60px!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:2px!important;
    padding:5px!important;
    border-radius:20px!important
  }
  body.page-id-24563 .miko-global-bottom-nav a,
  body.page-id-24563 .miko-global-bottom-nav button{
    min-width:0!important;
    min-height:48px!important;
    padding:3px 2px!important;
    gap:2px!important;
    border-radius:13px!important;
    overflow:hidden!important
  }
  body.page-id-24563 .miko-global-bottom-nav span{
    width:23px!important;
    height:23px!important;
    flex-basis:23px!important
  }
  body.page-id-24563 .miko-global-bottom-nav svg{
    width:22px!important;
    height:22px!important
  }
  body.page-id-24563 .miko-global-bottom-nav b{
    max-width:100%!important;
    font-size:9px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important
  }
  body.page-id-24563 .miko-global-bottom-nav button:last-child{
    background:#f5f9ff!important
  }

  body.page-id-24563 .miko-global-profile-dock{
    left:10px!important;
    right:10px!important;
    bottom:calc(72px + env(safe-area-inset-bottom,0px))!important;
    width:auto!important;
    max-width:none!important
  }
  body.page-id-24563 .miko-global-profile-identity{
    min-height:58px!important;
    grid-template-columns:38px minmax(0,1fr) 26px!important;
    gap:8px!important;
    padding:7px 9px!important;
    border-radius:15px!important
  }
  body.page-id-24563 .miko-global-profile-left{width:38px!important;height:44px!important}
  body.page-id-24563 .miko-global-profile-avatar{width:38px!important;height:38px!important}
  body.page-id-24563 .miko-global-profile-name{max-width:none!important;font-size:10.5px!important}
  body.page-id-24563 .miko-global-profile-meta{margin-top:2px!important;font-size:8px!important}
}

@media(max-width:600px){
  body.page-id-24563 .mp14-nft-identity{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important
  }
  body.page-id-24563 .mp14-nft-identity-item{
    min-height:88px!important;
    padding:10px 29px 10px 11px!important
  }
  body.page-id-24563 .mp14-meta{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important
  }
  body.page-id-24563 .mp14-social-row{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:1px 1px 4px!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch
  }
  body.page-id-24563 .mp14-social-row::-webkit-scrollbar{display:none}
  body.page-id-24563 .mp14-social-row .mp14-social-link{
    flex:0 0 128px!important;
    min-height:42px!important;
    padding:8px 10px!important;
    font-size:9px!important
  }
  body.page-id-24563 .mp14-social-row .mp14-social-link svg{
    flex-basis:17px!important;
    width:17px!important;
    height:17px!important
  }
}

@media(max-width:430px){
  body.page-id-24563 .mp14-nft-identity-item{
    min-height:84px!important;
    padding:9px 27px 9px 10px!important
  }
  body.page-id-24563 .mp14-nft-identity-item b{font-size:10px!important}
  body.page-id-24563 .mp14-nft-identity-item i,
  body.page-id-24563 .mp14-nft-identity-item em,
  body.page-id-24563 .mp14-nft-identity-item small{font-size:7.5px!important}
  body.page-id-24563 .mp14-user-info .miko-user-qr-actions .miko-user-qr-btn,
  body.page-id-24563 .mp14-quick-actions>a,
  body.page-id-24563 .mp14-quick-actions>button{
    min-height:46px!important;
    padding:8px!important;
    font-size:9px!important
  }
  body.page-id-24563 .mp14-meta>a,
  body.page-id-24563 .mp14-meta>span{
    min-height:40px!important;
    padding:7px 6px!important;
    font-size:8.5px!important
  }
  body.page-id-24563 .mp14-quote a{
    min-height:48px!important;
    font-size:9px!important
  }
}

@media(max-width:390px){
  body.page-id-24563 .mp14-nft-identity{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important
  }
  body.page-id-24563 .mp14-nft-identity-item{
    min-height:82px!important;
    padding:8px 23px 8px 9px!important
  }
  body.page-id-24563 .mp14-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.page-id-24563 .miko-global-bottom-nav{left:5px!important;right:5px!important;padding-inline:3px!important}
  body.page-id-24563 .miko-global-bottom-nav b{font-size:8.5px!important}
  body.page-id-24563 .miko-global-profile-dock{left:7px!important;right:7px!important}
}

@media(max-width:360px){
  body.page-id-24563 .mp14-nft-identity{grid-template-columns:1fr!important}
  body.page-id-24563 .mp14-nft-identity-item{min-height:68px!important}
  body.page-id-24563 .miko-global-bottom-nav b{font-size:8px!important}
}

/* Profile avatar visual balance v21 — aura visible, frame tucked behind photo */
body.page-id-24563 .mp14-avatar-wrap{
  overflow:visible!important;
  filter:drop-shadow(0 12px 26px rgba(18,72,124,.14))!important
}
body.page-id-24563 .mp14-avatar-wrap>.miko-cosmetic-avatar{
  overflow:visible!important;
  isolation:isolate!important
}
body.page-id-24563 .mp14-avatar-wrap .miko-nft-aura-layer{
  inset:-9%!important;
  z-index:0!important;
  aspect-ratio:1/1!important;
  border:1px solid color-mix(in srgb,var(--miko-nft-accent,#31a8ff) 42%,transparent)!important;
  border-radius:50%!important;
  outline:0!important;
  background:radial-gradient(circle at 50% 50%,transparent 61%,color-mix(in srgb,var(--miko-nft-accent,#31a8ff) 9%,transparent) 70%,transparent 78%)!important;
  box-shadow:
    0 0 12px color-mix(in srgb,var(--miko-nft-accent,#31a8ff) 40%,transparent),
    0 0 26px color-mix(in srgb,var(--miko-nft-accent,#31a8ff) 22%,transparent),
    0 0 42px color-mix(in srgb,var(--miko-nft-accent,#31a8ff) 11%,transparent)!important;
  opacity:.9!important;
  filter:none!important;
  overflow:visible!important
}
body.page-id-24563 .mp14-avatar-wrap .miko-nft-aura-layer:before{
  inset:3%!important;
  border-radius:50%!important;
  border:1px solid color-mix(in srgb,var(--miko-nft-accent,#31a8ff) 24%,transparent)!important;
  background:transparent!important;
  box-shadow:0 0 13px color-mix(in srgb,var(--miko-nft-accent,#31a8ff) 17%,transparent)!important;
  filter:none!important
}
body.page-id-24563 .mp14-avatar-wrap .miko-nft-aura-layer:after{
  inset:-2%!important;
  border:0!important;
  border-radius:50%!important;
  background:conic-gradient(
    from 0deg,
    transparent 0 12%,
    color-mix(in srgb,var(--miko-nft-accent,#31a8ff) 52%,transparent) 15%,
    transparent 20% 44%,
    color-mix(in srgb,var(--miko-nft-accent,#31a8ff) 38%,transparent) 48%,
    transparent 53% 76%,
    color-mix(in srgb,var(--miko-nft-accent,#31a8ff) 46%,transparent) 80%,
    transparent 85% 100%
  )!important;
  -webkit-mask:radial-gradient(circle,transparent 0 73%,#000 75% 78%,transparent 80%)!important;
  mask:radial-gradient(circle,transparent 0 73%,#000 75% 78%,transparent 80%)!important;
  opacity:.72!important;
  animation:mikoProfileAuraOrbit 8s linear infinite!important;
  transform-origin:center!important
}
@keyframes mikoProfileAuraOrbit{
  to{transform:rotate(360deg)}
}

/* Keep artwork frame slightly smaller and clearly behind the avatar */
body.page-id-24563 .mp14-avatar-wrap .miko-cosmetic-frame{
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  width:90%!important;
  height:90%!important;
  max-width:90%!important;
  max-height:90%!important;
  aspect-ratio:1/1!important;
  z-index:1!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:50%!important;
  outline:0!important;
  background:transparent!important;
  clip-path:circle(49% at 50% 50%)!important;
  -webkit-clip-path:circle(49% at 50% 50%)!important;
  transform:translate(-50%,-49%)!important;
  filter:drop-shadow(0 4px 8px rgba(19,65,108,.12))!important;
  opacity:.98!important
}
body.page-id-24563 .mp14-avatar-wrap .miko-cosmetic-avatar-img,
body.page-id-24563 .mp14-avatar-wrap>.miko-cosmetic-avatar>img:first-child{
  z-index:4!important;
  box-shadow:
    0 0 0 4px #fff,
    0 0 0 6px rgba(104,194,255,.14),
    0 10px 24px rgba(12,58,102,.18)!important
}

/* Lightning sits centered below the avatar, subtle and intentional */
body.page-id-24563 .mp14-avatar-wrap .miko-nft-float-emoji.miko-nft-lightning-mark{
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:-12px!important;
  width:24px!important;
  height:30px!important;
  z-index:6!important;
  filter:
    drop-shadow(0 0 5px color-mix(in srgb,var(--miko-nft-accent,#31a8ff) 62%,transparent))
    drop-shadow(0 4px 6px rgba(10,45,90,.16))!important;
  animation:mikoProfileLightningV21 3.4s ease-in-out infinite!important
}
@keyframes mikoProfileLightningV21{
  0%,100%{transform:translateX(-50%) translateY(0) rotate(2deg) scale(.94)}
  50%{transform:translateX(-50%) translateY(2px) rotate(5deg) scale(1)}
}

/* Camera control: smaller, cleaner, clear of the frame */
body.page-id-24563 .mp14-avatar-wrap>a{
  right:-1px!important;
  bottom:7px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  border-width:3px!important;
  border-color:#fff!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#258ff4,#106ed8)!important;
  box-shadow:0 7px 16px rgba(16,104,204,.24),0 0 0 1px rgba(85,175,255,.16)!important
}
body.page-id-24563 .mp14-avatar-wrap>a svg{
  width:15px!important;
  height:15px!important
}

/* Floating member avatar gets the same visual hierarchy */
body.page-id-24563 .miko-global-profile-avatar .miko-nft-aura-layer{
  inset:-15%!important;
  z-index:0!important;
  opacity:.82!important
}
body.page-id-24563 .miko-global-profile-frame{
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  width:112%!important;
  height:112%!important;
  z-index:1!important;
  transform:translate(-50%,-48%)!important;
  filter:drop-shadow(0 3px 7px rgba(19,65,108,.12))!important
}
body.page-id-24563 .miko-global-profile-avatar>img:not(.miko-global-profile-frame){
  z-index:4!important
}

@media(max-width:760px){
  body.page-id-24563 .mp14-avatar-wrap .miko-nft-aura-layer{
    inset:-8%!important;
    opacity:.88!important;
    box-shadow:
      0 0 10px color-mix(in srgb,var(--miko-nft-accent,#31a8ff) 38%,transparent),
      0 0 22px color-mix(in srgb,var(--miko-nft-accent,#31a8ff) 20%,transparent),
      0 0 34px color-mix(in srgb,var(--miko-nft-accent,#31a8ff) 10%,transparent)!important
  }
  body.page-id-24563 .mp14-avatar-wrap .miko-cosmetic-frame{
    width:89%!important;
    height:89%!important;
    max-width:89%!important;
    max-height:89%!important;
    border-radius:50%!important;
    clip-path:circle(49% at 50% 50%)!important;
    -webkit-clip-path:circle(49% at 50% 50%)!important;
    transform:translate(-50%,-49%)!important
  }
  body.page-id-24563 .mp14-avatar-wrap>a{
    right:-2px!important;
    bottom:5px!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important
  }
  body.page-id-24563 .mp14-avatar-wrap>a svg{
    width:14px!important;
    height:14px!important
  }
  body.page-id-24563 .mp14-avatar-wrap .miko-nft-float-emoji.miko-nft-lightning-mark{
    bottom:-11px!important;
    width:22px!important;
    height:28px!important
  }
}

@media(max-width:430px){
  body.page-id-24563 .mp14-avatar-wrap .miko-cosmetic-frame{
    width:88%!important;
    height:88%!important;
    max-width:88%!important;
    max-height:88%!important;
    border-radius:50%!important;
    clip-path:circle(49% at 50% 50%)!important;
    -webkit-clip-path:circle(49% at 50% 50%)!important
  }
  body.page-id-24563 .mp14-avatar-wrap .miko-nft-aura-layer{
    inset:-7%!important
  }
}

@media(max-width:390px){
  body.page-id-24563 .mp14-avatar-wrap>a{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    right:-1px!important
  }
  body.page-id-24563 .mp14-avatar-wrap .miko-nft-float-emoji.miko-nft-lightning-mark{
    width:20px!important;
    height:26px!important;
    bottom:-10px!important
  }
}

@media(prefers-reduced-motion:reduce){
  body.page-id-24563 .mp14-avatar-wrap .miko-nft-float-emoji.miko-nft-lightning-mark{
    animation:none!important;
    transform:translateX(-50%)!important
  }
  body.page-id-24563 .mp14-avatar-wrap .miko-nft-aura-layer:after{
    animation:none!important
  }
}

/* MiKO profile NFT + Level badges */
body.page-id-24563 .mp14-profile-status{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  width:100%!important;
  margin-top:8px!important
}
body.page-id-24563 .mp14-profile-status>span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:30px!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  font-style:normal!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  box-shadow:0 5px 14px rgba(32,83,135,.06)!important
}
body.page-id-24563 .mp14-profile-status svg{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important
}
body.page-id-24563 .mp14-profile-status b{
  color:inherit!important;
  font:inherit!important;
  line-height:1!important
}
body.page-id-24563 .mp14-profile-level{
  border:1px solid #cfe4fa!important;
  background:linear-gradient(135deg,#f4f9ff,#eaf4ff)!important;
  color:#246cc0!important
}
body.page-id-24563 .mp14-profile-nft{
  border:1px solid #ddd2ff!important;
  background:linear-gradient(135deg,#f7f2ff,#eee7ff 58%,#f4f7ff)!important;
  color:#744cc9!important;
  box-shadow:0 5px 16px rgba(111,73,196,.08)!important
}
body.page-id-24563 .mp14-profile-nft svg{
  fill:color-mix(in srgb,#7a50d4 12%,transparent)!important;
  stroke:#744cc9!important
}

@media(max-width:430px){
  body.page-id-24563 .mp14-profile-status{
    gap:6px!important;
    margin-top:7px!important
  }
  body.page-id-24563 .mp14-profile-status>span{
    min-height:28px!important;
    padding:4px 9px!important;
    font-size:8.5px!important
  }
  body.page-id-24563 .mp14-profile-status svg{
    width:13px!important;
    height:13px!important;
    flex-basis:13px!important
  }
}

@media(max-width:360px){
  body.page-id-24563 .mp14-profile-status{
    gap:5px!important
  }
  body.page-id-24563 .mp14-profile-status>span{
    min-height:27px!important;
    padding:4px 8px!important;
    font-size:8px!important
  }
}