:root{--bg:#05070d;--panel:#0b0e16;--panel2:#10131d;--line:#262232;--purple:#9b3df2;--purple2:#56208d;--gold:#e0ab3f;--muted:#9d96aa;--green:#4ade80}*{box-sizing:border-box}.zpp-shell{width:min(1480px,94vw);margin:18px auto 70px;color:#f3eef8;font-family:Inter,Arial,sans-serif}.zpp-crumbs{display:flex;align-items:center;gap:9px;margin:0 0 14px;color:#888294;font-size:12px}.zpp-crumbs a{color:#aaa2b6;text-decoration:none}.zpp-crumbs strong{color:#d96cff}.zpp-crumbs form{margin-left:auto;display:flex;gap:8px}.zpp-crumbs input,.zpp-crumbs button,.zpp-filter,.zpp-inline-filters select{height:42px;background:#080a11;border:1px solid #3a2050;border-radius:7px;color:#fff;padding:0 14px}.zpp-crumbs button{background:linear-gradient(180deg,#8f31e6,#54128d);font-weight:900;text-transform:uppercase}.zpp-profile-hero{display:grid;grid-template-columns:220px 1fr 560px 220px;gap:18px;align-items:stretch;min-height:206px;padding:22px;border:1px solid #2e2538;border-radius:10px;background:linear-gradient(90deg,rgba(7,9,15,.97),rgba(24,13,35,.83)),url('../img/zepisty-hero.png') center 48%/cover;box-shadow:0 18px 42px #000}.zpp-avatar{display:grid;place-items:center;position:relative}.zpp-avatar-inner{width:158px;height:158px;border-radius:50%;display:grid;place-items:center;font:700 68px Georgia;color:#fff;background:radial-gradient(circle at 50% 35%,#622a94,#11131a 65%);border:3px solid #8738da;box-shadow:0 0 0 10px rgba(100,35,150,.12),0 0 32px rgba(157,53,255,.7)}.zpp-avatar i{position:absolute;right:23px;bottom:20px;width:16px;height:16px;border-radius:50%;background:#53535a;border:3px solid #0b0e15}.zpp-avatar i.online{background:#3ee479}.zpp-identity{align-self:center}.zpp-name-row{display:flex;align-items:center;gap:12px}.zpp-name-row h1{margin:0;font:700 40px Georgia;text-transform:uppercase}.zpp-mode{padding:6px 12px;border:1px solid #a254e9;border-radius:7px;background:#6020a4;font-size:12px}.zpp-identity>p{margin:8px 0 13px;color:#c656ff;font-weight:700}.zpp-mini-meta{display:grid;gap:9px;color:#aaa2b4;font-size:13px}.zpp-total{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;text-align:center;border:1px solid #2d2835;border-radius:8px;overflow:hidden;background:rgba(8,10,16,.8)}.zpp-total small{display:block;color:#aaa2b3;font-size:11px;text-transform:uppercase}.zpp-total>strong{display:block;align-self:center;font:700 54px Georgia;color:#a84eff}.zpp-total>div{display:grid;place-items:center;border-left:1px solid #24212b;padding:18px}.zpp-total>div span{display:block;color:#d2a643;font-size:11px}.zpp-hero-boxes{display:grid;grid-template-rows:1fr 1fr;gap:10px}.zpp-hero-boxes div,.zpp-ranking{display:grid;place-items:center;background:rgba(8,10,16,.9);border:1px solid #2d2834;border-radius:8px;text-align:center;padding:14px}.zpp-hero-boxes small{color:#aaa3b2}.zpp-hero-boxes strong{display:block;margin-top:6px;font-size:18px}.zpp-ranking{display:block}.zpp-ranking h3{margin:0 0 8px;color:#d37dff;text-align:left;font-family:Georgia}.zpp-ranking div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #23212a}.zpp-tabs{display:grid;grid-template-columns:repeat(7,1fr);margin:14px 0;border:1px solid #282330;border-radius:7px;overflow:hidden;background:#090b11}.zpp-tabs button{height:48px;border:0;border-right:1px solid #25212b;background:transparent;color:#c8c1cf;font-size:12px;font-weight:900;text-transform:uppercase}.zpp-tabs button.is-active{background:linear-gradient(180deg,#61208d,#2c0e44);box-shadow:inset 0 -2px #b74aff;color:#fff}.zpp-panel{display:none}.zpp-panel.is-active{display:block}.zpp-overview-grid{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:14px}.zpp-card,.zpp-skills-table,.zpp-boss-grid article,.zpp-log-grid article,.zpp-ach-list article,.zpp-ca-tiers>div,.zpp-activity article{background:linear-gradient(180deg,#0d1119,#080a10);border:1px solid #292531;border-radius:8px}.zpp-card{padding:18px;min-height:196px}.zpp-card h2,.zpp-section-head h2{margin:0 0 14px;color:#d17dff;font:700 20px Georgia}.zpp-card dl{margin:0}.zpp-card dl div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #22252d}.zpp-card dt{color:#a9a2b2}.zpp-card dd{margin:0;font-weight:800}.zpp-skill-icons{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.zpp-skill-icons div{min-height:54px;display:grid;place-items:center;background:#141822;border:1px solid #262b35;border-radius:6px;padding:5px}.zpp-skill-icons img{width:25px;height:25px;object-fit:contain;image-rendering:auto}.zpp-skill-icons b{color:#f4c64f;font-size:12px}.zpp-progress{height:7px;background:#22242d;border-radius:99px;overflow:hidden}.zpp-progress i{display:block;height:100%;background:linear-gradient(90deg,#7123d7,#c54eff)}.zpp-ach-summary{display:grid;grid-template-columns:135px 1fr}.zpp-ach-summary h2{grid-column:1/-1}.zpp-ring{--pct:0;width:116px;height:116px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#923cff calc(var(--pct)*1%),#29252f 0);position:relative}.zpp-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#0b0e15}.zpp-ring span{position:relative;text-align:center}.zpp-ring b{font-size:27px}.zpp-ring small{display:block;color:#aaa}.zpp-ca-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.zpp-ca-mini div{padding:12px 5px;border:1px solid #302a38;background:#14131c;text-align:center}.zpp-ca-mini b,.zpp-ca-mini span{display:block}.zpp-ca-mini b{color:#d06cff;font-size:10px}.zpp-section-head{display:flex;justify-content:space-between;align-items:flex-end;margin:24px 0 13px}.zpp-section-head p{margin:0;color:#9992a4}.zpp-filter{min-width:280px}.zpp-inline-filters{display:flex;gap:9px}.zpp-skills-table{overflow:hidden}.zpp-skills-table>div{display:grid;grid-template-columns:1fr 130px 220px;padding:13px 18px;border-bottom:1px solid #22252d;align-items:center}.zpp-skills-table .head{color:#cf75ff;text-transform:uppercase;font-size:11px}.zpp-skills-table img{width:30px;height:30px;object-fit:contain;vertical-align:middle;margin-right:12px}.zpp-skills-table strong{text-align:right;color:#efc75e}.zpp-boss-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.zpp-boss-grid article{min-height:132px;padding:18px;text-align:left;position:relative;overflow:hidden}.zpp-boss-grid article:after{content:"⚔";position:absolute;right:14px;top:8px;font-size:46px;color:rgba(157,65,255,.1)}.zpp-boss-grid article>div{color:#e4a62e}.zpp-boss-grid h3{margin:20px 0 10px;color:#d766ff}.zpp-boss-grid strong{font-size:26px;color:#f2bd39}.zpp-boss-grid small{display:block;color:#8f8995}.zpp-log-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.zpp-log-grid article{padding:16px}.zpp-log-head{display:flex;justify-content:space-between;color:#c86aff;font-size:11px;text-transform:uppercase}.zpp-log-grid h3{margin:10px 0 5px;font-family:Georgia}.zpp-log-grid p{color:#aaa3af}.zpp-log-items{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:12px;max-height:240px;overflow:auto}.zpp-log-items span{position:relative;min-height:58px;display:grid;place-items:center;padding:5px;border:1px solid #35313c;background:#15171d;color:#77717d}.zpp-log-items .got{color:#77e68a;border-color:#3d7347;background:rgba(40,92,48,.16)}.zpp-log-items em{position:absolute;right:3px;top:2px;font-size:9px;font-style:normal;color:#f2ce67}.zpp-log-items small{font-size:8px;line-height:1.05;text-align:center;word-break:break-word}.zpp-ach-list{display:grid;gap:9px}.zpp-ach-list article{display:grid;grid-template-columns:52px 1fr 120px;gap:14px;align-items:center;padding:15px}.zpp-ach-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid #7b31b8;border-radius:7px;background:#251134;color:#d170ff;font-size:21px}.zpp-ach-title{display:flex;justify-content:space-between}.zpp-ach-title h3{margin:0}.zpp-ach-title span{padding:4px 7px;border:1px solid #6d5325;color:#ddaa40;border-radius:4px;font-size:10px}.zpp-ach-title span.done{color:#5dde70;border-color:#2e7638}.zpp-ach-list p{margin:6px 0 9px;color:#aaa}.zpp-ach-meta{text-align:right}.zpp-ca-tiers{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:13px}.zpp-ca-tiers>div{padding:14px;text-align:center}.zpp-ca-tiers h3{margin:0 0 7px;color:#ce70ff;font-size:11px}.zpp-ca-tiers b,.zpp-ca-tiers small{display:block}.zpp-ca-tiers small{margin:6px;color:#999}.zpp-activity{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.zpp-activity article{display:flex;gap:12px;padding:13px}.zpp-activity article>span{font-size:24px}.zpp-activity b,.zpp-activity small{display:block}.zpp-activity small{margin-top:5px;color:#8e8994}.zpp-empty,.zpp-loading{grid-column:1/-1;padding:42px;text-align:center;color:#9992a5}.zpp-find{min-height:660px;display:grid;place-items:center;background:linear-gradient(rgba(3,4,8,.7),rgba(3,4,8,.95)),url('../img/zepisty-hero.png') center/cover}.zpp-find-card{width:min(680px,92vw);padding:45px;background:rgba(8,9,15,.96);border:1px solid #64318c;border-radius:12px;text-align:center;box-shadow:0 0 55px rgba(145,48,220,.28)}.zpp-find form{display:flex;gap:8px}.zpp-find input{flex:1}@media(max-width:1200px){.zpp-profile-hero{grid-template-columns:160px 1fr 1.5fr}.zpp-ranking{grid-column:3}.zpp-overview-grid{grid-template-columns:repeat(2,1fr)}.zpp-boss-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.zpp-shell{width:94vw}.zpp-crumbs{flex-wrap:wrap}.zpp-crumbs form{width:100%;margin-left:0}.zpp-crumbs input{flex:1}.zpp-profile-hero{grid-template-columns:1fr;text-align:center}.zpp-avatar{margin:auto}.zpp-name-row{justify-content:center}.zpp-total{grid-template-columns:1fr}.zpp-total>div{border-left:0;border-top:1px solid #24212b}.zpp-ranking{grid-column:auto}.zpp-tabs{grid-template-columns:repeat(2,1fr)}.zpp-overview-grid,.zpp-boss-grid,.zpp-log-grid,.zpp-activity{grid-template-columns:1fr}.zpp-skill-icons{grid-template-columns:repeat(5,1fr)}.zpp-ca-tiers{grid-template-columns:repeat(2,1fr)}.zpp-skills-table>div{grid-template-columns:1fr 65px 115px;font-size:11px}.zpp-section-head{align-items:stretch;flex-direction:column;gap:10px}.zpp-inline-filters{flex-direction:column}.zpp-filter{min-width:0;width:100%}.zpp-ach-list article{grid-template-columns:44px 1fr}.zpp-ach-meta{grid-column:2;text-align:left}}
/* 2026-07-11 profile polish: compact launcher-style navigation and denser collection log */
.zpp-tabs{
  width:min(1180px,100%);
  margin:18px auto 20px;
  padding:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid rgba(202,119,255,.22);
  border-radius:12px;
  overflow-x:auto;
  background:linear-gradient(180deg,rgba(15,17,26,.96),rgba(7,9,15,.98));
  box-shadow:0 12px 30px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.025);
  scrollbar-width:none;
}
.zpp-tabs::-webkit-scrollbar{display:none}
.zpp-tabs button{
  flex:1 0 auto;
  min-width:128px;
  height:44px;
  padding:0 17px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:#aaa4b4;
  font-size:11px;
  font-weight:850;
  letter-spacing:.055em;
  text-transform:uppercase;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.zpp-tabs button:hover{
  color:#fff;
  border-color:rgba(170,74,238,.32);
  background:rgba(105,34,158,.18);
  transform:translateY(-1px);
}
.zpp-tabs button.is-active{
  color:#fff;
  border-color:#9d48df;
  background:linear-gradient(180deg,#61208c 0%,#36104f 100%);
  box-shadow:0 0 20px rgba(151,54,224,.28),inset 0 1px rgba(255,255,255,.1);
}
.zpp-tabs button.is-active:after{
  content:"";
  display:block;
  width:32px;
  height:2px;
  margin:5px auto -7px;
  border-radius:99px;
  background:#e1a944;
  box-shadow:0 0 9px rgba(225,169,68,.55);
}
.zpp-log-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.zpp-log-grid article{padding:18px;border-color:#302638;box-shadow:0 12px 28px rgba(0,0,0,.22)}
.zpp-log-head{align-items:center}
.zpp-log-head b{min-width:48px;padding:4px 8px;border:1px solid rgba(208,108,255,.28);border-radius:99px;text-align:center;background:rgba(119,34,173,.13);color:#e1a4ff}
.zpp-log-grid h3{font-size:19px;color:#f3eef8}
.zpp-log-items{grid-template-columns:repeat(6,minmax(0,1fr));max-height:330px;padding-right:4px}
.zpp-log-items span{min-height:72px;border-radius:6px;background:linear-gradient(180deg,#151821,#0e1118)}
.zpp-log-items .got{border-color:#3f8450;background:linear-gradient(180deg,rgba(42,104,57,.23),rgba(15,42,22,.2));box-shadow:inset 0 0 18px rgba(74,222,128,.06)}
.zpp-log-items .missing{opacity:.58;filter:saturate(.4)}
.zpp-log-items small{font-size:9px;line-height:1.15}
@media(max-width:980px){.zpp-log-grid{grid-template-columns:1fr}.zpp-tabs{justify-content:flex-start}.zpp-tabs button{min-width:150px;flex:0 0 auto}}
@media(max-width:560px){.zpp-tabs{margin:12px auto 16px;padding:5px}.zpp-tabs button{min-width:130px;height:41px;padding:0 12px;font-size:10px}.zpp-log-items{grid-template-columns:repeat(4,minmax(0,1fr))}}
.zpp-catalogue-note{margin:0 0 12px;padding:11px 14px;border:1px solid rgba(224,171,63,.3);border-radius:7px;background:rgba(224,171,63,.06);color:#cbbd9e;font-size:12px}

/* 2026-07-11 premium profile pass */
.zpp-shell{width:min(1560px,96vw);margin-top:14px}
.zpp-profile-hero{
  grid-template-columns:170px minmax(260px,.85fr) minmax(500px,1.35fr) 230px;
  grid-template-rows:1fr 1fr;
  grid-template-areas:"avatar identity total ranking" "avatar identity boxes ranking";
  min-height:280px;padding:26px 28px;gap:16px 20px;
  border-color:rgba(178,89,232,.28);
  background:linear-gradient(90deg,rgba(5,7,12,.97) 0%,rgba(9,10,17,.88) 42%,rgba(25,11,39,.76) 100%),url('../img/zepisty-hero.png') center 46%/cover;
  box-shadow:0 24px 70px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.035)
}
.zpp-avatar{grid-area:avatar}.zpp-identity{grid-area:identity}.zpp-total{grid-area:total}.zpp-hero-boxes{grid-area:boxes}.zpp-ranking{grid-area:ranking}
.zpp-avatar-inner{width:142px;height:142px;font-size:58px;border-width:2px;box-shadow:0 0 0 9px rgba(123,48,178,.12),0 0 38px rgba(157,53,255,.56)}
.zpp-name-row h1{font-size:36px;letter-spacing:.025em}.zpp-mini-meta{font-size:12px;gap:8px}.zpp-mode{background:linear-gradient(180deg,#7628bd,#46136f);box-shadow:0 0 15px rgba(162,74,233,.28)}
.zpp-total{grid-template-columns:minmax(0,1fr) minmax(190px,.85fr);grid-template-rows:auto 1fr;border-radius:10px}
.zpp-total>small{grid-column:1/-1;padding:13px 18px 0;text-align:left;letter-spacing:.08em}
.zpp-total>strong{font-size:50px;text-align:center;padding:8px 16px 18px;color:#bd62ff;text-shadow:0 0 24px rgba(181,73,255,.32)}
.zpp-total>div{border-left:1px solid #26212c;padding:13px 18px;font-size:18px;font-weight:800}
.zpp-total>div span{font-size:10px;letter-spacing:.08em}
.zpp-hero-boxes{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:12px}.zpp-hero-boxes div{min-height:76px;padding:12px;border-radius:10px}.zpp-hero-boxes strong{font-size:22px;color:#fff}
.zpp-ranking{padding:17px 18px;border-radius:10px;box-shadow:inset 0 1px rgba(255,255,255,.025)}.zpp-ranking h3{font-size:18px}.zpp-ranking div{font-size:12px;padding:14px 0}.zpp-ranking b{font-size:15px;color:#f3c561}
.zpp-overview-grid{grid-template-columns:.95fr 1.28fr .95fr;gap:12px}.zpp-card{min-height:188px;padding:17px;border-color:#2d2836;box-shadow:0 14px 30px rgba(0,0,0,.2)}
.zpp-card h2{font-size:18px}.zpp-card dl div{padding:9px 0}.zpp-skill-icons{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.zpp-skill-icons div{min-height:50px}
.zpp-tabs{margin-top:16px;margin-bottom:16px}
.zpp-log-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zpp-log-grid article{background:linear-gradient(180deg,#0f121b,#080a11)}
.zpp-log-items span{min-height:78px}.zpp-log-items .got{opacity:1}.zpp-log-items .missing{opacity:.44}
.zpp-log-items span:before{font-size:16px}.zpp-log-items em{font-size:10px}
@media(max-width:1250px){.zpp-profile-hero{grid-template-columns:150px 1fr 1.35fr;grid-template-areas:"avatar identity total" "avatar identity boxes" "ranking ranking ranking";grid-template-rows:auto auto auto}.zpp-ranking{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.zpp-ranking h3{grid-column:1/-1}.zpp-ranking div{border:1px solid #26212c;border-radius:8px;padding:12px}.zpp-overview-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.zpp-profile-hero{grid-template-columns:1fr;grid-template-areas:"avatar" "identity" "total" "boxes" "ranking";text-align:center}.zpp-name-row{justify-content:center}.zpp-total{grid-template-columns:1fr 1fr}.zpp-ranking{grid-template-columns:1fr}.zpp-overview-grid{grid-template-columns:1fr}.zpp-hero-boxes{grid-template-columns:1fr 1fr}.zpp-log-grid{grid-template-columns:1fr}}

/* 2026-07-11 final profile layout: compact premium dashboard */
.zpp-shell{width:min(1560px,calc(100vw - 28px));margin:12px auto 56px}
.zpp-crumbs{min-height:46px;margin:0;padding:0 4px;border-bottom:1px solid rgba(224,171,63,.2)}
.zpp-crumbs form{gap:7px}.zpp-crumbs input{width:230px}.zpp-crumbs button{padding:0 22px;border-color:#8e3bd1;box-shadow:0 0 16px rgba(146,53,218,.2)}
.zpp-profile-hero{grid-template-columns:180px 300px minmax(460px,1fr) 230px;grid-template-rows:1fr;grid-template-areas:"avatar identity total ranking";min-height:218px;padding:20px 22px;gap:18px;background:linear-gradient(90deg,rgba(6,9,15,.98),rgba(10,13,22,.91) 55%,rgba(19,10,30,.84)),url('../img/zepisty-hero.png') center 52%/cover;border:1px solid #30283c;border-radius:8px}
.zpp-avatar-inner{width:142px;height:142px;font-size:62px;border-color:#a45ef1;box-shadow:0 0 0 8px rgba(139,60,200,.1),0 0 28px rgba(156,61,232,.42)}
.zpp-identity{padding-left:4px}.zpp-name-row h1{font-size:34px}.zpp-mini-meta{gap:7px}.zpp-total{display:grid;grid-template-columns:1fr 1.12fr 1fr;grid-template-rows:1fr;gap:12px;background:transparent;border:0;overflow:visible}
.zpp-total>small{display:none}.zpp-total>strong,.zpp-total>div,.zpp-hero-boxes>div{min-height:142px;border:1px solid #2d303b;border-radius:8px;background:linear-gradient(180deg,rgba(17,21,31,.96),rgba(9,12,19,.96));box-shadow:inset 0 1px rgba(255,255,255,.025),0 10px 25px rgba(0,0,0,.2)}
.zpp-total>strong{display:flex;align-items:center;justify-content:center;position:relative;padding:34px 14px 12px;font-size:45px}.zpp-total>strong:before{content:"TOTAL LEVEL";position:absolute;top:18px;color:#aaa4b3;font:700 10px Inter,Arial,sans-serif;letter-spacing:.08em}
.zpp-total>div{border-left:1px solid #2d303b;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 14px;font-size:25px;color:#fff}.zpp-total>div span{font-size:11px;color:#e4b64e;margin-bottom:9px}.zpp-total>div:after{content:"77% to next level";display:block;width:82%;margin-top:15px;padding-top:9px;border-top:5px solid #612894;color:#a9a2b0;font-size:10px;font-weight:500}
.zpp-hero-boxes{display:contents}.zpp-hero-boxes>div{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.zpp-hero-boxes>div:first-child{grid-column:3;grid-row:1}.zpp-hero-boxes>div:last-child{grid-column:3;grid-row:1}.zpp-hero-boxes{visibility:hidden}
/* Retain XP mode/combat details as compact overlays inside ranking on narrower templates */
.zpp-ranking{padding:13px 16px;border-color:#30323d;background:linear-gradient(180deg,rgba(14,18,27,.97),rgba(8,11,17,.97))}.zpp-ranking h3{font-size:17px;margin-bottom:5px}.zpp-ranking div{padding:13px 0}.zpp-ranking span{color:#c8c2cf}.zpp-ranking b{color:#fff}
.zpp-tabs{width:100%;max-width:none;margin:10px 0 12px;padding:0;gap:6px;border:0;background:transparent;box-shadow:none}.zpp-tabs button{height:50px;min-width:0;border:1px solid #30343f;border-radius:6px;background:linear-gradient(180deg,#111620,#0a0d14);color:#d3cdd8;font-size:11px;box-shadow:inset 0 1px rgba(255,255,255,.02)}
.zpp-tabs button:before{display:inline-block;margin-right:9px;font-size:18px;vertical-align:-2px}.zpp-tabs button:nth-child(1):before{content:"⌂"}.zpp-tabs button:nth-child(2):before{content:"▥"}.zpp-tabs button:nth-child(3):before{content:"☠"}.zpp-tabs button:nth-child(4):before{content:"📖"}.zpp-tabs button:nth-child(5):before{content:"🏆"}.zpp-tabs button:nth-child(6):before{content:"⚔"}.zpp-tabs button:nth-child(7):before{content:"⌁"}
.zpp-tabs button.is-active{background:linear-gradient(180deg,#6e28a8,#391250);border-color:#a74cec;box-shadow:0 0 18px rgba(148,56,220,.24),inset 0 1px rgba(255,255,255,.09)}.zpp-tabs button.is-active:after{margin-top:7px}
.zpp-overview-grid{grid-template-columns:.9fr 1.35fr 1fr;gap:10px}.zpp-card{min-height:190px;border-radius:7px;background:linear-gradient(180deg,#0e131c,#090c12)}.zpp-card h2{font-size:18px}.zpp-card dl div{padding:10px 0}
.zpp-skill-icons{grid-template-columns:repeat(8,1fr);gap:6px}.zpp-skill-icons div{min-height:54px;border-radius:5px}.zpp-skill-icons img{width:28px;height:28px}
.zpp-log-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.zpp-log-grid article{padding:15px;min-height:170px}.zpp-log-items:empty:after{content:"Item details have not synced yet. Progress totals are live.";grid-column:1/-1;padding:20px 10px;text-align:center;color:#8f8997;font-size:11px;border:1px dashed #34303b;border-radius:6px}.zpp-log-grid p{margin:7px 0 11px}.zpp-log-head b{font-size:11px}.zpp-catalogue-note{border-color:#50345f;background:rgba(119,40,160,.08)}
@media(max-width:1250px){.zpp-profile-hero{grid-template-columns:150px 1fr 1.45fr;grid-template-areas:"avatar identity total" "ranking ranking ranking";grid-template-rows:auto auto}.zpp-total{grid-template-columns:1fr 1fr}.zpp-ranking{grid-template-columns:repeat(3,1fr)}.zpp-log-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.zpp-shell{width:calc(100vw - 16px)}.zpp-profile-hero{grid-template-columns:1fr;grid-template-areas:"avatar" "identity" "total" "ranking"}.zpp-total{grid-template-columns:1fr}.zpp-total>strong,.zpp-total>div{min-height:110px}.zpp-tabs{justify-content:flex-start;overflow-x:auto}.zpp-tabs button{flex:0 0 155px}.zpp-overview-grid,.zpp-log-grid{grid-template-columns:1fr}.zpp-crumbs form{width:100%}.zpp-crumbs input{width:auto;flex:1}}
/* correction: show XP mode and combat level as their own premium cards */
.zpp-profile-hero{grid-template-columns:180px 290px minmax(430px,1.2fr) 210px 220px;grid-template-areas:"avatar identity total boxes ranking"}
.zpp-total{grid-template-columns:1fr 1.15fr;grid-template-rows:1fr}
.zpp-hero-boxes{visibility:visible;display:grid;grid-area:boxes;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:10px}
.zpp-hero-boxes>div:first-child,.zpp-hero-boxes>div:last-child{grid-column:auto;grid-row:auto;min-height:0}
.zpp-hero-boxes small{font-size:10px;letter-spacing:.08em}.zpp-hero-boxes strong{font-size:22px;color:#c86eff}
@media(max-width:1400px){.zpp-profile-hero{grid-template-columns:155px 245px minmax(400px,1fr) 190px;grid-template-areas:"avatar identity total boxes" "ranking ranking ranking ranking";grid-template-rows:auto auto}.zpp-ranking{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.zpp-ranking h3{grid-column:1/-1}.zpp-ranking div{border:1px solid #292d37;border-radius:6px;padding:11px}}
@media(max-width:1000px){.zpp-profile-hero{grid-template-columns:145px 1fr 1.3fr;grid-template-areas:"avatar identity total" "boxes boxes boxes" "ranking ranking ranking"}.zpp-hero-boxes{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.zpp-overview-grid{grid-template-columns:1fr 1fr}.zpp-log-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.zpp-profile-hero{grid-template-columns:1fr;grid-template-areas:"avatar" "identity" "total" "boxes" "ranking"}.zpp-hero-boxes{grid-template-columns:1fr 1fr}.zpp-ranking{grid-template-columns:1fr}.zpp-overview-grid,.zpp-log-grid{grid-template-columns:1fr}}