/* Player profile /player/:tag (V4b). Ported from prototypes/site-v4b/player.html, scoped to .pg-player. */
.pg-player{background:var(--menu-2);color:var(--stone-ink)}
.pg-player .kicker{display:block;margin:0 0 6px;font:800 11.5px/1.2 "Nunito",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--stone-mute)}
.pg-player .kicker-gap{margin-top:14px}
.pg-player .tlink,.pg-player .text-link{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0;border:0;background:none;font-weight:800;font-size:14px;color:var(--blue-dk);text-decoration:none;cursor:pointer}
.pg-player .tlink svg{width:12px;height:12px;flex:0 0 auto}
.pg-player .tlink:hover,.pg-player .text-link:hover{text-decoration:underline;text-underline-offset:3px}
.pg-player .card{position:relative;background:var(--card);border-radius:20px;box-shadow:var(--soft);padding:16px;color:var(--stone-ink);min-width:0}
.pg-player .card h3{margin:0 0 4px;font:800 18px/1.25 "Nunito",sans-serif}
.pg-player .card .seg{background:var(--card-2);border:0;box-shadow:none}
.pg-player .card .seg button{color:var(--stone-ink)}
.pg-player .card .seg button[aria-pressed="true"]{background:#fff;color:var(--stone-ink);box-shadow:var(--soft-sm)}
.pg-player .stars3{display:inline-flex;flex:0 0 auto;gap:1px;vertical-align:middle}
.pg-player .stars3 img{width:18px;height:18px}
.pg-player .stars3 img.off{filter:grayscale(1) opacity(.35)}
.pg-player .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Progress bars (<progress> keeps widths CSP-safe) */
.pg-player progress.pb{display:block;width:100%;height:8px;margin:0;border:0;border-radius:4px;background:#e2ddd2;overflow:hidden;-webkit-appearance:none;appearance:none}
.pg-player progress.pb::-webkit-progress-bar{background:#e2ddd2;border-radius:4px}
.pg-player progress.pb::-webkit-progress-value{background:linear-gradient(90deg,var(--green-2),#7fd23a);border-radius:4px}
.pg-player progress.pb::-moz-progress-bar{background:linear-gradient(90deg,var(--green-2),#7fd23a);border-radius:4px}
.pg-player progress.pb.gold::-webkit-progress-value{background:linear-gradient(90deg,#f0a90c,var(--gold-1))}
.pg-player progress.pb.gold::-moz-progress-bar{background:linear-gradient(90deg,#f0a90c,var(--gold-1))}

/* ---------- Profile hero band ---------- */
.pp-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:12px 0 22px;scroll-margin-top:67px;
  background:
    radial-gradient(1.5px 1.5px at 7% 12%,rgba(255,255,255,.85),transparent 60%),
    radial-gradient(1px 1px at 19% 30%,rgba(255,255,255,.6),transparent 60%),
    radial-gradient(1.5px 1.5px at 33% 8%,rgba(255,255,255,.7),transparent 60%),
    radial-gradient(1px 1px at 48% 22%,rgba(255,255,255,.55),transparent 60%),
    radial-gradient(1.5px 1.5px at 61% 6%,rgba(255,255,255,.75),transparent 60%),
    radial-gradient(1px 1px at 74% 26%,rgba(255,255,255,.6),transparent 60%),
    radial-gradient(1.5px 1.5px at 92% 10%,rgba(255,255,255,.7),transparent 60%),
    radial-gradient(50% 46% at 84% 44%,rgba(242,183,124,.42),transparent 70%),
    radial-gradient(80% 50% at 50% 115%,rgba(213,138,108,.45),transparent 70%),
    linear-gradient(180deg,var(--sky-0) 0%,var(--sky-1) 30%,var(--sky-2) 62%,#5d4c8c 86%,#6f5a98 100%)}
.pp-hero::after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:90px;background:linear-gradient(180deg,rgba(13,24,51,0),rgba(13,24,51,.55))}
.pp-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:#c9d3ee;font-weight:800;font-size:14px;text-decoration:none}
.pp-back svg{width:12px;height:12px;transform:rotate(180deg)}
.pp-back:hover{color:#fff}
.pp-id{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:0 10px;align-items:center}
.pp-head{grid-column:1;grid-row:1;min-width:0}
.pp-th{grid-column:2;grid-row:1;position:relative;display:grid;place-items:center}
.pp-th::before{content:"";position:absolute;left:8%;right:8%;bottom:6%;height:22%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,214,150,.55),transparent);z-index:-1}
.pp-th img{width:104px;height:104px;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(5,8,25,.5))}
.pp-th .lv{position:absolute;top:2px;left:-2px;width:38px;height:38px;background:url("/game/icons/Icon_HV_XP.png") center/contain no-repeat;display:grid;place-items:center;font-size:15px;line-height:1;padding-bottom:1px;color:#fff}
.pp-more{grid-column:1 / -1;grid-row:2;min-width:0}
.pp-hero .eyebrow{margin-top:4px}
.pp-name{margin:10px 0 2px;font-size:calc(clamp(30px,8.4vw,62px)*.92);line-height:1.04;overflow-wrap:anywhere}
.pp-tag{display:inline-flex;align-items:center;gap:8px;font:800 15px/1 "Nunito",sans-serif;letter-spacing:.08em;color:#dfe6fb}
.pp-tag button{display:inline-grid;place-items:center;width:44px;height:44px;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:#dfe6fb;cursor:pointer}
.pp-tag button:hover{background:rgba(255,255,255,.16);color:#fff}
.pp-tag button svg{width:16px;height:16px}
.pp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.pp-chips .chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;padding:4px 14px 4px 6px;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px var(--line-2);font:800 14px/1.15 "Nunito",sans-serif;color:#fff;text-decoration:none;min-width:0}
.pp-chips .chip > span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-chips .chip img{width:32px;height:32px;object-fit:contain;flex:0 0 auto}
.pp-chips .chip small{font-weight:700;color:#b9c5e6}
.pp-chips a.chip:hover{background:rgba(255,255,255,.14)}
.pp-chips .chip svg{width:12px;height:12px;flex:0 0 auto;color:#b9c5e6}
.pp-labels{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:10px;font-size:13px;font-weight:700;color:#c9d3ee}
.pp-labels span{display:inline-flex;align-items:center;gap:6px}
.pp-labels img{width:22px;height:22px;object-fit:contain}
.pp-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.pp-actions .btn{flex:1 1 auto;gap:8px}
.pp-actions .ghost{--c2:rgba(255,255,255,.1);background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px var(--line-2)}
.pp-actions .ghost:hover{background:rgba(255,255,255,.16)}
.pp-actions .btn svg{width:18px;height:18px;flex:0 0 auto}
.pp-actions .btn svg.ext{width:12px;height:12px}
.pp-actions .save-btn svg{color:#2a1a00}
.pp-actions .save-btn[aria-pressed="false"] .on,.pp-actions .save-btn[aria-pressed="true"] .off{display:none}
.pp-live{display:flex;align-items:center;gap:8px;margin:14px 0 0;font-size:13px;font-weight:700;color:#c9d3ee}
.pp-live i{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#7be04a;box-shadow:0 0 0 4px rgba(123,224,74,.18);animation:ppPulse 2.4s ease-in-out infinite}
.pp-live.archived i{background:var(--gold-2);box-shadow:0 0 0 4px rgba(247,181,18,.2);animation:none}
@keyframes ppPulse{50%{box-shadow:0 0 0 7px rgba(123,224,74,.05)}}
.pp-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}
.pst{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:rgba(10,16,40,.38);box-shadow:inset 0 0 0 1px var(--line-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:0}
.pst img{width:32px;height:32px;object-fit:contain;flex:0 0 auto}
.pst > span{min-width:0}
.pst em{display:block;font:800 10.5px/1.2 "Nunito",sans-serif;font-style:normal;letter-spacing:.03em;text-transform:uppercase;color:#aab6d6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pst b{display:block;font:800 21px/1.2 "Nunito",sans-serif;color:#fff;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}
.pst small{display:block;font-size:12px;font-weight:700;color:#c9d3ee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:640px){.pp-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.pp-actions .btn{flex:0 0 auto}}
@media (min-width:1024px){
  .pp-hero{padding:18px 0 34px}
  .pp-id{grid-template-columns:230px minmax(0,1fr);gap:0 30px}
  .pp-th{grid-column:1;grid-row:1 / span 2}
  .pp-th img{width:230px;height:230px}
  .pp-th .lv{width:54px;height:54px;font-size:20px;top:8px;left:8px}
  .pp-head{grid-column:2;grid-row:1;align-self:end}
  .pp-more{grid-column:2;grid-row:2;align-self:start}
  .pp-stats{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:26px}
}

/* ---------- Sticky section pills ---------- */
.pp-tabs{position:sticky;top:67px;z-index:40;background:rgba(13,24,51,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.pp-tabs .wrap{display:flex;align-items:center;gap:10px}
.pp-mini{display:none;align-items:center;gap:8px;flex:0 1 auto;min-width:0;max-width:260px;color:#fff;text-decoration:none;font:800 15px/1 "Nunito",sans-serif;opacity:0;transition:opacity .2s}
.pp-mini span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-mini img{width:34px;height:34px;object-fit:contain;flex:0 0 auto}
.pp-tabs.stuck .pp-mini{opacity:1}
.pp-pills{display:flex;gap:6px;overflow-x:auto;padding:8px var(--gutter);margin:0 calc(-1*var(--gutter));scrollbar-width:none;flex:1 1 auto;min-width:0}
.pp-pills::-webkit-scrollbar{display:none}
.pp-pills a{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 15px 0 10px;border-radius:999px;font:800 14px/1 "Nunito",sans-serif;color:#cfd7ee;text-decoration:none;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--line)}
.pp-pills a img{width:24px;height:24px;object-fit:contain}
.pp-pills a:hover{color:#fff;background:rgba(255,255,255,.1)}
.pp-pills a[aria-current="true"]{background:#fff;color:var(--stone-ink);box-shadow:var(--soft-sm)}
.pp-pills a .ct{font-weight:700;color:#8d9cc4;font-size:12.5px}
.pp-pills a[aria-current="true"] .ct{color:var(--stone-mute)}
@media (min-width:1024px){.pp-mini{display:inline-flex}.pp-pills{margin:0;padding-left:0;padding-right:0;justify-content:flex-end}}

/* ---------- Sections ---------- */
.pp-body{padding-bottom:56px}
.pp-sec{padding:40px 0 4px;scroll-margin-top:128px}
.pp-sec .sec-head{margin-bottom:22px}
.pg-player #overview-cards{padding-top:20px}
@media (min-width:1024px){.pp-sec{padding:64px 0 4px}.pg-player #overview-cards{padding-top:28px}}
.pg-player .credit{margin:14px 2px 0;font-size:12.5px;color:#8d9cc4}
.pg-player .credit a{color:#c9d3ee}

/* Overview cards */
.ov-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media (min-width:768px){.ov-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ov-grid .ov-v{grid-column:1 / -1}}
@media (min-width:1100px){.ov-grid{grid-template-columns:1.15fr 1fr 1fr}.ov-grid .ov-v{grid-column:auto}}
.vrow{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--card-line);min-width:0;text-decoration:none;color:inherit}
.vrow + .vrow{margin-top:8px}
.vrow img{width:52px;height:52px;object-fit:contain;flex:0 0 auto}
.vrow img.badge{width:48px;height:48px}
.vrow img.vrow-league{width:40px;height:40px}
.vrow .vt{min-width:0;flex:1}
.vrow b{display:block;font-weight:800;font-size:15.5px;line-height:1.25;overflow-wrap:anywhere}
.vrow small{display:block;font-size:13px;font-weight:700;color:var(--stone-mute);line-height:1.3}
.vrow .tlink{min-height:32px;font-size:13px}
a.vrow:hover{box-shadow:inset 0 0 0 1.5px var(--blue-2)}
a.vrow > svg{width:14px;height:14px;color:var(--stone-mute);flex:0 0 auto}
.pg-player .dl{margin:0}
.pg-player .dl > div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:6px 0;border-top:1px solid var(--card-line)}
.pg-player .dl > div:first-child{border-top:0}
.pg-player .dl dt{font-size:14.5px;font-weight:700;color:var(--stone-mute);display:flex;align-items:center;gap:8px;min-width:0}
.pg-player .dl dt img{width:24px;height:24px;object-fit:contain;flex:0 0 auto}
.pg-player .dl dd{margin:0;font-weight:800;font-size:15.5px;text-align:right;font-variant-numeric:tabular-nums;flex:0 0 auto}
.pg-player .dl dd small{display:block;font-size:12px;font-weight:700;color:var(--stone-mute)}
.cmp-form{display:flex;flex-direction:column;gap:8px}
.cmp-form label{font-weight:800;font-size:14px;color:var(--stone-mute)}
.cmp-row{display:flex;gap:8px}
.cmp-row .sp-field{min-width:0}
.cmp-row .sp-field input{height:46px;font-size:17px}
.cmp-row .btn{flex:0 0 auto;min-height:50px}
.cmp-msg{min-height:20px;margin:0;font-size:13px;font-weight:800;color:var(--stone-mute)}
.cmp-msg.err{color:var(--red-2)}
.ov-side{display:flex;flex-direction:column;gap:14px;min-width:0}

/* Next moves */
.pg-player #insights .sec-head p{max-width:640px}
.mv-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media (min-width:640px){.mv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1140px){.mv-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pg-player .mv{display:flex;flex-direction:column;gap:10px}
.pg-player .mv p{margin:0;font-size:14.5px;color:var(--stone-mute)}
.pg-player .mv p strong{color:var(--stone-ink)}
.pg-player .mv .tlink{margin-top:auto;align-self:flex-start}
.pg-player .mv-body{display:flex;flex-direction:column;gap:8px;flex:1}
.pg-player .mv-body h3{margin:0}
.mv-ring{display:flex;align-items:center;gap:14px}
.ring{width:92px;height:92px;flex:0 0 auto;position:relative}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring .rt{fill:none;stroke:#e2ddd2;stroke-width:10}
.ring .rv{fill:none;stroke:url(#ringGrad);stroke-width:10;stroke-linecap:round}
.ring b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:800 24px/1 "Nunito",sans-serif}
.ring b small{font-size:13px}
.mv-heroes{display:flex;gap:6px;flex-wrap:wrap}
.mv-heroes span{position:relative;width:38px;height:38px;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#9ab8e6,#5b7cc0)}
.mv-heroes img{width:100%;height:100%;object-fit:cover}
.mv-heroes span.max::after{content:"";position:absolute;right:2px;bottom:2px;width:12px;height:12px;border-radius:50%;background:var(--gold-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3.2L13 4.6' fill='none' stroke='%232a1a00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/9px no-repeat;box-shadow:0 0 0 2px #fff}
.mv-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.mv-item{width:100%;display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 10px 6px 6px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--card-line);text-align:left;color:var(--stone-ink);text-decoration:none}
.mv-item:hover{box-shadow:inset 0 0 0 1.5px var(--blue-2)}
.mv-item .pic{flex:0 0 44px;height:44px;border-radius:11px;overflow:hidden;background:linear-gradient(180deg,#9ab8e6,#5b7cc0);display:grid;place-items:center}
.mv-item .pic.epic{background:linear-gradient(180deg,#c39af0,#7a4cc4)}
.mv-item .pic.pet{background:linear-gradient(180deg,#9fd8b0,#3f9a6b)}
.mv-item .pic img{width:100%;height:100%;object-fit:contain}
.mv-item .pic.cover img{object-fit:cover}
.mv-item .t{flex:1;min-width:0}
.mv-item .t b{display:block;font-weight:800;font-size:14.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mv-item .t small{display:block;font-size:12.5px;font-weight:700;color:var(--stone-mute)}
.mv-item .plus{flex:0 0 auto;font:800 13px/1 "Nunito",sans-serif;padding:6px 8px;border-radius:8px;background:#e3f4d6;color:var(--green-dk)}
.mv-big{font:800 40px/1 "Nunito",sans-serif;color:var(--stone-ink)}
.mv-big small{font-size:16px;color:var(--stone-mute)}
.mv-period{font-size:12.5px;font-weight:700;color:var(--stone-mute)}
.pg-player .mv .note{font-size:12.5px;font-weight:700}
/* features.js fallback markup for the war card */
.pg-player .mv-body .summary-metric{font:800 40px/1 "Nunito",sans-serif}

/* Skeletons */
.pg-player .sk{display:block;border-radius:8px;background:linear-gradient(90deg,#ece8df 0%,#f7f5f0 50%,#ece8df 100%);background-size:200% 100%;animation:skw 1.2s linear infinite}
@keyframes skw{to{background-position:-200% 0}}
.pg-player .sk-big{height:40px;width:60%}
.pg-player .sk-line{height:14px;width:90%}
.pg-player .sk-line.short{width:70%}
.pg-player .sk-row{height:62px;border-radius:14px}
.pg-player .sk-tile{height:56px;border-radius:14px}

/* Army controls */
.army-ctl{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:14px}
.army-ctl .ctl-l{display:block;margin:0 0 6px;font:800 12px/1.2 "Nunito",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--stone-mute)}
.army-ctl .seg{display:flex;width:100%}
.army-ctl .seg button{flex:1 1 0;justify-content:center;padding:0 8px;min-width:0;font-size:14.5px;cursor:pointer}
.army-ctl .seg button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:479px){.army-ctl .bbx{display:none}}
.pg-player .fld{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 12px;border:1.5px solid #cfc8b8;border-radius:12px;background:#fff}
.pg-player .fld:focus-within{border-color:var(--blue-2);box-shadow:0 0 0 3px rgba(42,139,224,.2)}
.pg-player .fld svg{width:18px;height:18px;color:var(--stone-mute);flex:0 0 auto}
.pg-player .fld input{flex:1;min-width:0;height:44px;border:0;outline:0;background:transparent;font:700 16px "Nunito",sans-serif;color:var(--stone-ink)}
.pg-player .fld input::placeholder{color:#9aa0ad}
.pg-player .fld input::-webkit-search-cancel-button{display:none}
.pg-player .fld .clr{display:none;width:32px;height:32px;border:0;border-radius:8px;background:var(--card-2);place-items:center;color:var(--stone-mute);cursor:pointer}
.pg-player .fld .clr svg{width:11px;height:11px}
.pg-player .fld.has-q .clr{display:grid}
.pg-player .sw{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:48px;font-weight:800;font-size:14.5px;color:var(--stone-ink);cursor:pointer;user-select:none;white-space:nowrap}
.pg-player .sw input{position:absolute;opacity:0;width:1px;height:1px}
.pg-player .sw .ui{position:relative;width:44px;height:26px;border-radius:13px;background:#cfc8b8;transition:background .15s;flex:0 0 auto}
.pg-player .sw .ui::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s}
.pg-player .sw input:checked + .ui{background:var(--green-2)}
.pg-player .sw input:checked + .ui::after{transform:translateX(18px)}
.pg-player .sw input:focus-visible + .ui{outline:2px solid var(--blue-2);outline-offset:2px}
.find-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.find-row .fld{flex:1 1 0;min-width:0}
.find-row .sw{flex:0 0 auto}
.army-sum{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13.5px;font-weight:700;color:var(--stone-mute);padding-top:12px;border-top:1px solid var(--card-line)}
.army-sum b{color:var(--stone-ink);font-weight:800}
.army-sum progress.pb{flex:1 1 120px;width:auto;min-width:120px}
@media (min-width:900px){
  .army-ctl{grid-template-columns:minmax(0,1.15fr) minmax(0,.8fr) minmax(0,1.3fr);align-items:end}
  .army-sum{grid-column:1 / -1}
}

/* Army groups */
.ag-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:1024px){.ag-wrap{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.ag.wide{grid-column:1 / -1}}
.pg-player .ag{padding:6px 12px 12px}
.pg-player .ag-hh{margin:0;font:inherit}
.ag-h{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:4px 12px;min-height:60px;padding:6px 0;border:0;background:none;text-align:left;color:var(--stone-ink);cursor:pointer}
.ag-h .gi{grid-row:1 / span 2;width:40px;height:40px;border-radius:11px;overflow:hidden;background:linear-gradient(180deg,#9ab8e6,#5b7cc0)}
.ag-h .gi.epic{background:linear-gradient(180deg,#c39af0,#7a4cc4)}
.ag-h .gi.pet{background:linear-gradient(180deg,#9fd8b0,#3f9a6b)}
.ag-h .gi.sup{background:linear-gradient(180deg,#f7c86b,#d9861a)}
.ag-h .gi img{width:100%;height:100%;object-fit:contain}
.ag-h .gi.cover img{object-fit:cover}
.ag-t{font:800 17px/1.2 "Nunito",sans-serif;align-self:end}
.ag-t small{font-size:13px;color:var(--stone-mute);font-weight:700;margin-left:6px}
.ag-h .gm{grid-column:2;display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:800;color:var(--stone-mute);align-self:start;min-width:0}
.ag-h .gm progress.pb{flex:1 1 auto;max-width:180px;height:6px}
.ag-h .gm span{white-space:nowrap}
.ag-h .chev{grid-column:3;grid-row:1 / span 2;width:32px;height:32px;border-radius:9px;background:var(--card-2);display:grid;place-items:center;transition:transform .2s}
.ag-h .chev svg{width:12px;height:12px;transform:rotate(90deg);color:var(--stone-mute)}
.ag-h[aria-expanded="false"] .chev{transform:rotate(-90deg)}
.ag-note{margin:0 0 8px;font-size:12.5px;font-weight:700;color:var(--stone-mute);display:flex;align-items:center;gap:6px}
.ag-note i{width:9px;height:9px;border-radius:50%;background:var(--blue-2);box-shadow:0 0 0 2px #fff}
.ag.collapsed .ag-note{display:none}
.ug{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px}
@media (min-width:768px){.ug{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:10px}}
.ut-cell{min-width:0}
.ut{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:14px;overflow:hidden;cursor:pointer;color:#fff;
  background:linear-gradient(180deg,#9ab8e6,#5b7cc0);box-shadow:inset 0 -3px 0 rgba(10,20,60,.18);transition:transform .12s ease,box-shadow .12s ease}
.ut:hover{transform:translateY(-2px)}
.ut img{position:absolute;left:7%;top:5%;width:86%;height:80%;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
.ut.cover img{inset:0;width:100%;height:100%;object-fit:cover;filter:none}
.ut.epic{background:linear-gradient(180deg,#c39af0,#7a4cc4)}
.ut.pet{background:linear-gradient(180deg,#9fd8b0,#3f9a6b)}
.ut.bb{background:linear-gradient(180deg,#a8c9d8,#4e7f99)}
.ut .lvb{position:absolute;left:4px;bottom:8px;min-width:22px;height:19px;padding:0 5px;border-radius:7px;background:rgba(13,24,51,.86);color:#fff;font:800 12px/19px "Nunito",sans-serif;text-align:center;font-variant-numeric:tabular-nums}
.ut .need{position:absolute;top:4px;right:4px;padding:0 5px;height:18px;border-radius:6px;background:#fff;color:var(--green-dk);font:800 11px/18px "Nunito",sans-serif;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.ut progress.ubar{position:absolute;left:0;right:0;bottom:0;display:block;width:100%;height:5px;margin:0;border:0;border-radius:0;background:rgba(13,24,51,.45);-webkit-appearance:none;appearance:none}
.ut progress.ubar::-webkit-progress-bar{background:rgba(13,24,51,.45);border-radius:0}
.ut progress.ubar::-webkit-progress-value{background:linear-gradient(90deg,#7fd23a,var(--green-1));border-radius:0}
.ut progress.ubar::-moz-progress-bar{background:linear-gradient(90deg,#7fd23a,var(--green-1));border-radius:0}
.ut progress.ubar[hidden]{display:none}
.ut .unit-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.ut .chk{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:linear-gradient(var(--gold-1),var(--gold-2));display:none;place-items:center;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.ut .chk svg{width:12px;height:12px}
.ut .chk svg path{stroke:#2a1a00}
.ut .eqd{position:absolute;top:6px;left:6px;width:9px;height:9px;border-radius:50%;background:var(--blue-2);box-shadow:0 0 0 2px #fff}
.ut-cell.is-maxed .need{display:none}
.ut-cell.is-maxed .chk{display:grid}
.ut-cell.is-maxed .ut{background:linear-gradient(180deg,#d6d9e2,#a7aebd);box-shadow:inset 0 -3px 0 rgba(10,20,60,.12)}
.ut-cell.is-maxed .ut.epic{background:linear-gradient(180deg,#ddd3ea,#b0a3c4)}
.ut-cell.is-maxed .ut img{opacity:.78;filter:saturate(.55)}
.ut-cell.is-maxed .ut.cover img{filter:saturate(.55)}
.ut-cell.is-maxed .lvb{background:rgba(13,24,51,.6)}
.ut.sup{background:linear-gradient(180deg,#f7c86b,#d9861a)}
.ut.sup .lvb{background:#fff;color:#8a4a00}
.ut.sup.act{box-shadow:0 0 0 2px var(--green-2),inset 0 -3px 0 rgba(0,0,0,.15)}
.ut.sup.act .lvb{background:var(--green-2);color:#fff}
.ut.sup.lock img{filter:grayscale(1);opacity:.6}
.ut[aria-expanded="true"]{box-shadow:0 0 0 3px var(--gold-2),0 6px 16px rgba(8,12,30,.25);transform:translateY(-2px)}
.ut-cell:target .ut{box-shadow:0 0 0 3px var(--gold-2)}

/* Unit detail: inline on desktop, bottom sheet on mobile */
.ud{grid-column:1 / -1;position:relative;margin:4px 0 6px;padding:16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--card-line),var(--soft-sm);animation:udIn .18s ease}
.ud::before{content:"";position:absolute;top:-8px;left:calc(var(--nx,40px) - 8px);width:16px;height:16px;background:#fff;transform:rotate(45deg);box-shadow:-1px -1px 0 var(--card-line)}
@keyframes udIn{from{opacity:0;transform:translateY(-4px)}}
.pg-player .ud .x,.pg-player .sheet .x{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:11px;background:var(--card-2);display:grid;place-items:center;color:var(--stone-ink);cursor:pointer}
.pg-player .ud .x svg,.pg-player .sheet .x svg{width:13px;height:13px}
.udi{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;padding-right:48px}
.ud-art{position:relative;width:76px;height:76px;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#9ab8e6,#5b7cc0)}
.ud-art img{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain}
.ud-art.cover img{inset:0;width:100%;height:100%;object-fit:cover}
.ud-art.epic{background:linear-gradient(180deg,#c39af0,#7a4cc4)}
.ud-art.pet{background:linear-gradient(180deg,#9fd8b0,#3f9a6b)}
.ud-art.bb{background:linear-gradient(180deg,#a8c9d8,#4e7f99)}
.ud-art.sup{background:linear-gradient(180deg,#f7c86b,#d9861a)}
.pg-player .ud-n{margin:0;font:800 20px/1.2 "Nunito",sans-serif;overflow-wrap:anywhere}
.ud-r{margin:2px 0 0;font-size:13px;font-weight:700;color:var(--stone-mute)}
.ud-lv{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-top:6px;font-size:14px;font-weight:700;color:var(--stone-mute)}
.ud-lv b{font-size:18px;color:var(--stone-ink)}
.ud-lv + progress.pb{margin-top:6px}
.ud-st{margin:6px 0 0;font-size:13px;font-weight:800;color:var(--green-dk)}
.ud-st.ok{color:var(--gold-dk)}
.ud-info{margin:12px 0 0;font-size:14.5px;line-height:1.5;color:var(--stone-ink)}
.ud-facts{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none}
.ud-facts li{padding:5px 10px;border-radius:9px;background:var(--card-2);font-size:12.5px;font-weight:800;color:var(--stone-ink)}
.ud-facts li.boost{background:#fff1cc;color:#8a4a00}
.ud-facts li.boost.on{background:#e3f4d6;color:var(--green-dk)}
.ud-rel{margin:12px 0 0}
.ud-rel > span{display:block;margin-bottom:6px;font:800 12px/1.2 "Nunito",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--stone-mute)}
.ud-rel div{display:flex;flex-wrap:wrap;gap:6px}
.rel{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 12px 4px 4px;border-radius:12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--card-line);font:800 13.5px "Nunito",sans-serif;color:var(--stone-ink);text-decoration:none}
.rel:hover{box-shadow:inset 0 0 0 1.5px var(--blue-2)}
.rel span.p{width:36px;height:36px;border-radius:9px;overflow:hidden;background:linear-gradient(180deg,#c39af0,#7a4cc4)}
.rel span.p.h{background:linear-gradient(180deg,#9ab8e6,#5b7cc0)}
.rel span.p img{width:100%;height:100%;object-fit:contain}
.rel span.p.h img{object-fit:cover}
.rel small{color:var(--stone-mute);font-weight:700}
.pg-player .sheet-scrim{position:fixed;inset:0;z-index:94;background:rgba(6,8,20,.55);opacity:0;pointer-events:none;transition:opacity .2s}
.pg-player .sheet-scrim.open{opacity:1;pointer-events:auto}
.pg-player .sheet{position:fixed;left:0;right:0;bottom:0;z-index:95;max-height:84vh;overflow:auto;overscroll-behavior:contain;padding:8px 16px calc(22px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:#fff;color:var(--stone-ink);box-shadow:0 -12px 40px rgba(8,12,30,.35);transform:translateY(105%);transition:transform .26s ease;visibility:hidden}
.pg-player .sheet.open{transform:none;visibility:visible}
.pg-player .sheet .grab{display:block;width:44px;height:5px;border-radius:3px;background:#d9d3c4;margin:2px auto 12px}
.pg-player .sheet .x{top:14px;right:12px}
html.sheet-open,html.sheet-open body{overflow:hidden}

/* Empty states + notices */
.pg-player .empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:22px 16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--card-line)}
.pg-player .empty[hidden]{display:none}
.pg-player .empty .ico{width:56px;height:56px;border-radius:50%;background:var(--card-2);display:grid;place-items:center;margin-bottom:4px}
.pg-player .empty .ico img{width:34px;height:34px;object-fit:contain}
.pg-player .empty b{font-weight:800;font-size:16px}
.pg-player .empty p{margin:0;max-width:440px;font-size:14px;color:var(--stone-mute)}
.pg-player .empty.warn .ico{background:#fff1cc}
.pg-player .army-empty .empty{box-shadow:none;background:transparent}
.pg-player .notice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:#fff6dc;box-shadow:inset 0 0 0 1px #ecd9a4;font-size:14px;font-weight:700;color:var(--parch-ink);margin:0 0 10px}
.pg-player .notice img{width:24px;height:24px;flex:0 0 auto}
.pg-player .more-row{display:flex;justify-content:center;margin-top:14px}
.pg-player .more-row[hidden]{display:none}
.pg-player .is-clipped{display:none}

/* Achievements */
.ach-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.ach-top .fld{flex:1 1 0;min-width:0}
.ach-meter{display:flex;align-items:center;gap:10px;flex:1 1 100%;font-size:13.5px;font-weight:700;color:var(--stone-mute)}
.ach-meter b{color:var(--stone-ink)}
.ach-meter progress.pb{flex:1;max-width:260px}
.ach-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
@media (min-width:768px){.ach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.ach-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ach{padding:12px 14px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--card-line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;min-width:0}
.ach[hidden]{display:none}
.ach h4{margin:0;font:800 15px/1.25 "Nunito",sans-serif;display:flex;align-items:center;gap:8px;min-width:0}
.ach h4 > span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ach .val{font:800 13px/1.2 "Nunito",sans-serif;color:var(--stone-ink);text-align:right;font-variant-numeric:tabular-nums}
.ach p{grid-column:1 / -1;margin:0;font-size:13px;color:var(--stone-mute);line-height:1.35}
.ach progress.pb{grid-column:1 / -1;height:6px;margin-top:4px}
.ach small{grid-column:1 / -1;font-size:12px;font-weight:700;color:#7a7f8c;overflow-wrap:anywhere}
.ach.done{background:linear-gradient(180deg,#fffaf0,#fff)}

/* History */
.h-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-bottom:12px}
.h-status{margin:0;font-size:13px;font-weight:700;color:var(--stone-mute);min-height:18px}
.hs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}
@media (min-width:768px){.hs-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.hs{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--card-line);min-width:0}
.hs img{width:30px;height:30px;object-fit:contain;flex:0 0 auto}
.hs b{display:block;font:800 21px/1.1 "Nunito",sans-serif;font-variant-numeric:tabular-nums}
.hs span span{display:block;font-size:12px;font-weight:800;color:var(--stone-mute);line-height:1.2}
.h-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}
.h-tools .seg{flex:1 1 100%}
.h-tools .seg button{flex:1 1 0;justify-content:center;padding:0 12px;font-size:14px;cursor:pointer}
.h-tools .seg button small{font-weight:700;opacity:.7}
.h-sort{display:inline-flex;align-items:center;gap:8px;flex:1 1 0;min-width:0;font-size:13px;font-weight:800;color:var(--stone-mute)}
.h-sort select{flex:1 1 auto;min-width:0;width:100%;min-height:44px;padding:0 34px 0 12px;border:1.5px solid #cfc8b8;border-radius:12px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%235d6170' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") right 12px center/12px no-repeat;-webkit-appearance:none;appearance:none;font:800 14px "Nunito",sans-serif;color:var(--stone-ink)}
@media (min-width:600px){.h-tools .seg{flex:0 0 auto}.h-sort{flex:0 0 auto}.h-sort select{width:auto}}
.h-sub{margin:22px 0 10px;font:800 17px/1.25 "Nunito",sans-serif}
.hist > .h-sub:first-child,.hist [data-insight-content] > .h-sub:first-child{margin-top:4px}
.hlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.hrow{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"meta stars" "opp res";gap:6px 10px;align-items:center;padding:10px 12px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--card-line)}
.hrow[hidden]{display:none}
.hrow .c-date{grid-area:meta;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px;font-weight:700;color:var(--stone-mute);min-width:0}
.hrow .c-date .tm{display:none}
.hrow .c-type,.hrow .c-side,.hrow .c-att,.hrow .c-def,.hrow .c-dur{display:none}
.hrow .c-stars{grid-area:stars;justify-self:end}
.hrow .c-opp{grid-area:opp;min-width:0}
.hrow .c-res{grid-area:res;justify-self:end;font:800 14px/1.2 "Nunito",sans-serif;text-align:right;font-variant-numeric:tabular-nums}
.hrow .c-res small{display:block;font-size:11.5px;font-weight:700;color:var(--stone-mute)}
.pg-player .tchip{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:7px;font:800 11.5px/22px "Nunito",sans-serif;letter-spacing:.02em;white-space:nowrap}
.pg-player .tchip.att{background:#e3f4d6;color:var(--green-dk)}
.pg-player .tchip.def{background:#e1ebfb;color:var(--blue-dk)}
.pg-player .tchip.cwl{background:#efe3ff;color:#5b3a99}
.pg-player .tchip.war{background:var(--card-2);color:var(--stone-ink)}
.ent{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:44px;text-decoration:none;color:var(--stone-ink);min-width:0}
.ent img{width:34px;height:34px;object-fit:contain;flex:0 0 auto}
.ent > span{min-width:0}
.ent b{display:block;font-weight:800;font-size:14.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext}
.ent small{display:block;font-size:11.5px;font-weight:700;color:var(--stone-mute);letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a.ent:hover b{color:var(--blue-dk);text-decoration:underline}
.ent.me b{color:var(--blue-dk)}
.hhead{display:none}
@media (min-width:960px){
  .hhead,.hrow{display:grid;grid-template-columns:150px 70px 82px minmax(0,1fr) minmax(0,1fr) 72px 92px 76px;grid-template-areas:none;gap:10px;align-items:center}
  .hhead{padding:0 12px 6px}
  .hhead button{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:0;border:0;background:none;font:800 12px/1 "Nunito",sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--stone-mute);text-align:left;cursor:pointer}
  .hhead button:hover{color:var(--stone-ink)}
  .hhead button .ar{opacity:.35;font-size:10px}
  .hhead [aria-sort] button{color:var(--stone-ink)}
  .hhead [aria-sort] button .ar{opacity:1}
  .hrow{grid-template-areas:none;padding:6px 12px}
  .hrow > *{grid-area:auto!important}
  .hrow .c-date{display:block;font-size:13px}
  .hrow .c-date .tm{display:inline}
  .hrow .c-date .tchip,.hrow .c-opp{display:none}
  .hrow .c-type,.hrow .c-side,.hrow .c-att,.hrow .c-def,.hrow .c-dur{display:block;min-width:0}
  .hrow .c-stars{justify-self:start}
  .hrow .c-res{justify-self:start;text-align:left}
  .hrow .c-res small{display:none}
  .hrow .c-dur{font-weight:800;font-size:14px;font-variant-numeric:tabular-nums}
  .h-sort{display:none}
}
.blist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.brow{padding:12px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--card-line);min-width:0}
.b-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;font-weight:700;color:var(--stone-mute)}
.b-meta .b-res{margin-left:auto;font:800 14px/1.2 "Nunito",sans-serif;color:var(--stone-ink);font-variant-numeric:tabular-nums}
.b-loot{margin:6px 0 0;font-size:13px;font-weight:700;color:var(--stone-ink)}
.b-noarmy{margin:8px 0 0;font-size:13px;font-weight:700;color:var(--stone-mute)}
.army-card{margin-top:8px;padding:0 12px 12px;border-radius:12px;background:var(--card)}
.army-card summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:48px;cursor:pointer;font-weight:800;font-size:14.5px}
.army-card summary::-webkit-details-marker{display:none}
.army-card summary .pm{margin-left:auto;width:30px;height:30px;border-radius:9px;background:var(--card-2);display:grid;place-items:center;transition:transform .2s}
.army-card summary .pm svg{width:11px;height:11px}
.army-card[open] summary .pm{transform:rotate(45deg)}
.arm-l{margin:10px 0 6px;font:800 12px/1.2 "Nunito",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--stone-mute)}
.arm-row{display:flex;flex-wrap:wrap;gap:6px}
.arm-hero{display:flex;gap:4px;padding:4px;border-radius:12px;background:#fff}
.achip{position:relative;width:46px;height:46px;border-radius:11px;overflow:hidden;background:linear-gradient(180deg,#9ab8e6,#5b7cc0)}
.achip img{width:100%;height:100%;object-fit:contain}
.achip.h img{object-fit:cover}
.achip.eq{background:linear-gradient(180deg,#c39af0,#7a4cc4)}
.achip.pt{background:linear-gradient(180deg,#9fd8b0,#3f9a6b)}
.achip.sp{background:linear-gradient(180deg,#b9a6f0,#6b55c8)}
.achip b{position:absolute;right:2px;bottom:2px;padding:0 4px;border-radius:6px;background:rgba(13,24,51,.86);color:#fff;font:800 11px/16px "Nunito",sans-serif}
.arm-copy{margin:12px 0 0}
.pg-player .data-notice{margin:0 0 10px}

/* Missing / unavailable profile */
.pp-missing{padding:40px 0 64px;min-height:60vh}
.miss{max-width:640px;margin:0 auto;text-align:center}
.miss .ico{width:84px;height:84px;margin:0 auto 12px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center}
.miss .ico img{width:56px;height:56px}
.miss h1{margin:12px 0 8px;font-size:calc(clamp(30px,7vw,48px)*.9);line-height:1.08;color:#fff}
.miss > p{margin:0 auto 18px;color:#c9d3ee;max-width:480px}
.miss .card{text-align:left}
.miss .card .tlink{margin-top:6px}

/* Toast (app.js toggles .visible) */
.v4b .toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:120;max-width:calc(100vw - 32px);padding:12px 16px;border-radius:14px;background:#0a1229;color:#fff;font-weight:800;font-size:14px;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 12px 32px rgba(0,0,0,.4);transform:translate(-50%,16px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.v4b .toast.visible{opacity:1;transform:translate(-50%,0)}

@media (prefers-reduced-motion:reduce){
  .pg-player *,.pg-player *::before,.pg-player *::after{animation:none!important;transition:none!important}
  .ut:hover,.ut[aria-expanded="true"]{transform:none}
}