/* Profile dashboard v4. Applies the Canva review: clearer hierarchy, fewer competing cards,
   stronger player-viewer presentation, and responsive 3/2/1-column behaviour. */

/* Desktop proportions: player 30%, content 42%, facts 28%. */
@media(min-width:1101px){
  .plv2-profile.pdv3-profile{grid-template-columns:minmax(280px,29%) minmax(0,71%)!important}
  .pdv3-profile .pn-info{grid-template-columns:minmax(0,59%) minmax(250px,41%)!important;gap:16px!important}
}

.pdv3-profile .pdv3-main-column,.pdv3-profile .pdv3-side-column{gap:16px!important}

/* About becomes one deliberate card: Bio + Badges. */
.pdv3-profile .pdv4-about-card{
  order:1;
  overflow:hidden;
  border:1px solid rgba(91,204,241,.09);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(7,31,46,.84),rgba(3,17,26,.95));
  box-shadow:inset 0 1px rgba(255,255,255,.018),0 14px 32px rgba(0,0,0,.10);
}
.pdv3-profile .pdv4-about-card>.plv2-bio,.pdv3-profile .pdv4-about-card>.plv2-badges{
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:14px!important;
}
.pdv3-profile .pdv4-about-card>.plv2-badges{border-top:1px solid rgba(91,204,241,.07)!important}
.pdv3-profile .pdv3-main-column>.lvt-profile-actions{order:2!important}
.pdv3-profile .pdv3-main-column>.pn-external-links{order:3!important}
.pdv3-profile .pdv3-main-column>.pn-claim{order:4!important}
.pdv3-profile .pdv3-main-column>.lvt-profile-settings{order:5!important}
.pdv3-profile .pdv3-main-column>.plv2-observed-note,.pdv3-profile .pdv3-main-column>.pn-note,.pdv3-profile .pdv3-main-column>.lvt-login-note{order:6!important}

/* One compact server-backed social action bar. */
.pdv3-profile .pdv3-main-column>.lvt-profile-actions{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  padding:12px!important;
  border-radius:13px!important;
}
.pdv3-profile .pdv3-main-column>.lvt-profile-actions:before{content:"SOCIAL"!important;margin-bottom:2px!important}
.pdv3-profile .pdv3-main-column>.lvt-profile-actions button{min-height:38px!important;font-size:7px!important}
.pdv3-profile .pdv3-main-column>.lvt-profile-actions button span{font-size:8px!important}

/* Badges read as collectible objects, not plain status pills. */
.pdv3-profile .plv2-badge{
  position:relative;
  min-height:34px!important;
  gap:7px!important;
  border:1px solid rgba(94,209,244,.13)!important;
  background:linear-gradient(145deg,rgba(12,49,67,.62),rgba(3,22,32,.88))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 8px 22px rgba(0,0,0,.10);
}
.pdv3-profile .plv2-badge[data-pdv4-badge-kind="indexed"]{border-color:rgba(61,222,211,.18)!important}
.pdv3-profile .plv2-badge[data-pdv4-badge-kind="known"]{border-color:rgba(241,193,84,.20)!important}

/* Social identity row is quieter and separates country from social services. */
.pdv3-profile .lvt-profile-header-socials{justify-content:flex-start!important;gap:6px!important;overflow:visible!important}
.pdv3-profile .lvt-country-chip{margin-right:7px!important;padding-right:12px!important;border-right:1px solid rgba(102,211,244,.11)!important}
.pdv3-profile .lvt-service-icon-button{opacity:.84;transition:opacity .14s ease,transform .14s ease,border-color .14s ease}
.pdv3-profile .lvt-service-icon-button:hover,.pdv3-profile .lvt-service-icon-button:focus-visible{opacity:1;transform:translateY(-1px)}

/* Player viewer stays prominent while advanced animation controls are secondary. */
.pdv3-profile .pn-avatar{padding:16px!important}
.pdv3-profile .pn-avatar-stage{height:360px!important;min-height:360px!important}
.pdv3-profile .pn-avatar-img,.pdv3-profile .pc-skin-canvas{max-height:344px!important}
.pdv3-profile .pn-avatar-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.pdv3-profile .pn-avatar-tools>[data-pv-rotate]{display:flex!important;align-items:center;justify-content:center;min-height:34px!important;border:1px solid rgba(89,207,243,.10)!important;border-radius:8px!important;background:rgba(5,27,41,.76)!important;color:#a9ccd7!important;font-size:7px!important;font-weight:800!important;cursor:pointer}
.pdv3-profile .pn-avatar-tools>[data-pv-rotate]:hover{border-color:rgba(83,213,255,.28)!important;color:#e8fbff!important;background:rgba(14,67,95,.38)!important}
.pdv3-profile .pdv4-viewer-more{margin-top:9px;border:1px solid rgba(91,204,241,.07);border-radius:10px;background:rgba(2,16,25,.42);overflow:hidden}
.pdv3-profile .pdv4-viewer-more>summary{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:0 11px;cursor:pointer;list-style:none;color:#7ea6b2;font-size:7px;font-weight:850;letter-spacing:.02em}
.pdv3-profile .pdv4-viewer-more>summary::-webkit-details-marker{display:none}
.pdv3-profile .pdv4-viewer-more>summary:after{content:"+";font-size:12px;color:#4fc7e8}
.pdv3-profile .pdv4-viewer-more[open]>summary:after{content:"−"}
.pdv3-profile .pdv4-viewer-more .pv-controls{margin:0!important;padding:9px;border-top:1px solid rgba(91,204,241,.06)}

/* Facts are compact, with source/authority moved into the header as a status chip. */
.pdv3-profile .pdv3-facts-card .prl-profile-facts>div{min-height:38px!important;padding:7px 2px!important;grid-template-columns:92px minmax(0,1fr)!important}
.pdv3-profile .pdv4-authority-row{display:none!important}
.pdv3-profile .pdv4-source-chip{display:inline-flex;align-items:center;gap:5px;min-height:22px;padding:0 7px;border:1px solid rgba(79,199,232,.13);border-radius:999px;background:rgba(9,51,68,.32);color:#76b9c9;font-size:6px;font-weight:850;white-space:nowrap;cursor:help}
.pdv3-profile .pdv4-source-chip:before{content:"";width:5px;height:5px;border-radius:50%;background:#4ccae9;box-shadow:0 0 8px rgba(76,202,233,.38)}

/* Reactions and tags belong below the primary dashboard, not in the middle column. */
.pdv3-profile .pdv3-lower .pdv4-community-zone{margin-top:16px;padding-top:16px;border-top:1px solid rgba(91,204,241,.07)}
.pdv3-profile .pdv3-lower .ps-profile-social{display:block!important;margin:0!important;border-radius:12px!important}

/* Technical/secondary utility rows should remain visually quiet. */
.pdv3-profile .plv2-observed-note,.pdv3-profile .pn-note{font-size:7px!important;line-height:1.55!important}

/* Tablet: player left, profile content right, facts stacked beneath that content. */
@media(min-width:750px) and (max-width:1100px){
  .plv2-profile.pdv3-profile{grid-template-columns:minmax(250px,34%) minmax(0,66%)!important}
  .pdv3-profile .pn-avatar{grid-column:1!important;border-right:1px solid rgba(91,204,241,.08)!important;border-bottom:0!important}
  .pdv3-profile .pn-info{grid-column:2!important;grid-template-columns:1fr!important;gap:14px!important}
  .pdv3-profile .pdv3-main-column,.pdv3-profile .pdv3-side-column{grid-column:1!important;gap:14px!important}
  .pdv3-profile .pn-avatar-stage{height:340px!important;min-height:340px!important}
  .pdv3-profile .pn-avatar-img,.pdv3-profile .pc-skin-canvas{max-height:324px!important}
  .pdv3-profile .pdv3-main-column>.lvt-profile-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Mobile: identity, player, social actions, about, facts, then histories. */
@media(max-width:749px){
  .plv2-profile.pdv3-profile{grid-template-columns:1fr!important}
  .pdv3-profile .pn-avatar,.pdv3-profile .pn-info{grid-column:1!important}
  .pdv3-profile .pn-info{grid-template-columns:1fr!important;gap:12px!important;padding:12px!important}
  .pdv3-profile .pdv3-main-column,.pdv3-profile .pdv3-side-column{grid-column:1!important;gap:12px!important}
  .pdv3-profile .pdv3-main-column>.lvt-profile-actions{order:1!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pdv3-profile .pdv4-about-card{order:2!important}
  .pdv3-profile .pdv3-main-column>.pn-external-links{order:3!important}
  .pdv3-profile .lvt-profile-header-socials{justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;scrollbar-width:none!important}
  .pdv3-profile .lvt-profile-header-socials::-webkit-scrollbar{display:none}
  .pdv3-profile .lvt-service-icon-button,.pdv3-profile .lvt-country-chip{flex:0 0 auto}
  .pdv3-profile .pn-avatar-stage{height:320px!important;min-height:320px!important}
  .pdv3-profile .pn-avatar-img,.pdv3-profile .pc-skin-canvas{max-height:304px!important}
}

@media(max-width:480px){
  .pdv3-profile .pn-avatar-tools{grid-template-columns:1fr 1fr!important}
  .pdv3-profile .pdv3-facts-card .prl-profile-facts>div{grid-template-columns:82px minmax(0,1fr)!important}
}

/* 2026-10-04 profile readability and visual badge pass */
.pdv3-profile .plv2-badge-row{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
.pdv3-profile .plv2-badge{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;padding:0!important;border-radius:11px!important}
.pdv3-profile .plv2-badge i{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;font-size:0!important;color:#76d7e9!important}
.pdv3-profile .plv2-badge i svg{display:block;width:30px;height:30px}
.pdv3-profile .plv2-badge.badge-cape-collector i{color:#d7b86a!important}
.pdv3-profile .plv2-badge.badge-skin-collector i{color:#9bc7ff!important}
.pdv3-profile .plv2-badge.badge-known-profile i{color:#f0c66f!important}
.pdv3-profile .plv2-badge.badge-name-history i{color:#c0a8ff!important}
.pdv3-profile .pn-cache-pill{display:none!important}
.pdv3-profile .pdv4-viewer-more{margin-top:12px!important;border-color:rgba(90,211,241,.16)!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(9,39,53,.8),rgba(3,18,27,.94))!important}
.pdv3-profile .pdv4-viewer-more>summary{min-height:50px!important;padding:0 15px!important;color:#d5f2f7!important;font-size:11px!important;font-weight:900!important;letter-spacing:.015em!important}
.pdv3-profile .pdv4-viewer-more>summary:before{content:"✦";display:grid;place-items:center;width:27px;height:27px;margin-right:9px;border:1px solid rgba(96,221,244,.18);border-radius:8px;background:rgba(71,196,222,.08);color:#72dced;font-size:12px}
.pdv3-profile .pdv4-viewer-more>summary:after{margin-left:auto;font-size:18px!important}
.pdv3-profile .pdv4-viewer-more .pv-controls{padding:12px!important}
.pdv3-profile .pv-animation button,.pdv3-profile .pv-actions button{min-height:34px!important;font-size:9px!important}
.pdv3-profile .pdv3-card-head span,.pdv3-profile .plv2-bio-head>span,.pdv3-profile .plv2-badges-head span{font-size:9px!important}
.pdv3-profile .pdv3-card-head small,.pdv3-profile .plv2-badges-head small{font-size:8px!important}
.pdv3-profile .pdv3-facts-card .prl-profile-facts span{font-size:8px!important}
.pdv3-profile .pdv3-facts-card .prl-profile-facts b,.pdv3-profile .pdv3-facts-card .prl-profile-facts code{font-size:9px!important}
.pdv3-profile .pdv3-name-row b{font-size:10px!important}.pdv3-profile .pdv3-name-row small{font-size:8px!important}
.pdv3-profile .pn-external-label{font-size:9px!important}.pdv3-profile .pn-external-action{font-size:9px!important}

/* 2026-10-04 collectible badges: artwork is the badge, not a boxed text chip. */
.pdv3-profile .plv2-badge-row{gap:12px!important;align-items:center!important}
.pdv3-profile .plv2-badge{
  width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;overflow:visible!important;
}
.pdv3-profile .plv2-badge i{width:52px!important;height:52px!important;color:inherit!important;filter:drop-shadow(0 8px 11px rgba(0,0,0,.3))}
.pdv3-profile .plv2-badge i svg{display:block!important;width:52px!important;height:52px!important}
.pdv3-profile .plv2-badge:hover i{transform:translateY(-2px) scale(1.05);filter:drop-shadow(0 10px 14px rgba(0,0,0,.38))}
.pdv3-profile .plv2-badges-head small{color:#91aeb8!important}

/* Badge artwork only, with no surrounding chip/box. */
.pdv3-profile .plv2-badges{padding:12px 14px!important}
.pdv3-profile .plv2-badges-head{margin-bottom:6px!important}
.pdv3-profile .plv2-badge-row{gap:9px!important}
.pdv3-profile .plv2-badge{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.pdv3-profile .plv2-badge i{display:block!important;width:44px!important;height:44px!important;filter:none!important}
.pdv3-profile .plv2-badge i img{display:block!important;width:44px!important;height:44px!important;object-fit:contain!important;filter:drop-shadow(0 5px 7px rgba(0,0,0,.28))}
.pdv3-profile .plv2-badge:hover i{transform:none!important}

@media(max-width:760px){
  .pdv3-profile .pdv4-about-card{overflow:hidden!important}
  .pdv3-profile .pdv4-about-card>.plv2-bio,
  .pdv3-profile .pdv4-about-card>.plv2-badges{padding:14px!important}
  .pdv3-profile .plv2-badges{display:block!important}
  .pdv3-profile .plv2-badges-head{display:flex!important;align-items:center!important;justify-content:space-between!important}
  .pdv3-profile .plv2-badge-row{margin-top:10px!important}
  .pdv3-profile .pdv3-name-card{overflow:hidden!important}
  .pdv3-profile .pdv3-name-row{grid-template-columns:minmax(0,1fr) auto!important}
}