:root{
  --uwap-bg:#070b12;
  --uwap-shell:#0b1018;
  --uwap-panel:#111827;
  --uwap-panel-alt:#0d131d;
  --uwap-text:#f3f4f6;
  --uwap-muted:#cbd5e1;
  --uwap-accent:#ffd54a;
  --uwap-accent-hover:#ffe380;
  --uwap-border:rgba(255,255,255,0.12);
  --uwap-button-text:#111827;
}

.pgg-hs{margin-top:12px;color:var(--uwap-text);text-align:left!important;}
.pgg-hs a{color:inherit;}
.pgg-hs-notice{padding:12px 14px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:rgba(255,255,255,.04);}

.pgg-hs-sharebox{padding:0 0 16px;margin:0 0 14px;}
.pgg-hs-sharebox-label{display:block;margin:0 0 8px;font-weight:700;color:var(--uwap-text);}
.pgg-hs-sharebox-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.pgg-hs-share-input,.pgg-hs-search input{background:rgba(255,255,255,.06)!important;color:var(--uwap-text)!important;border:1px solid var(--uwap-border)!important;}
.pgg-hs-share-input{flex:1 1 340px;padding:10px 12px;border-radius:10px;min-width:0;text-transform:none!important;}
.pgg-hs-save{background:var(--uwap-accent)!important;color:var(--uwap-button-text)!important;border:1px solid rgba(255,200,1,.35)!important;box-shadow:none!important;font-weight:700!important;}
.pgg-hs-save:hover{background:var(--uwap-accent-hover)!important;color:var(--uwap-button-text)!important;}
.pgg-hs-save:focus{outline:none;box-shadow:0 0 0 2px rgba(255,200,1,.28)!important;}
.pgg-hs-copy-share{text-transform:none!important;}

.pgg-hs-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px;}
.pgg-hs-actions{display:flex;align-items:center;gap:10px;}
.pgg-hs-save{appearance:none;padding:8px 12px;border-radius:10px;cursor:pointer;line-height:1;white-space:nowrap;}
.pgg-hs-save.is-dirty{border-color:rgba(255,200,1,.6);box-shadow:0 0 0 2px rgba(255,200,1,.18), 0 2px 10px rgba(0,0,0,.45);}
.pgg-hs-save.is-saving{opacity:.7;cursor:progress;}

.pgg-hs-search{display:flex;align-items:center;gap:8px;position:relative;}
.pgg-hs-search input{width:min(520px,90vw);max-width:100%;border-radius:10px;padding:10px 36px 10px 12px;}
.pgg-hs-search input::placeholder,.pgg-hs-share-input::placeholder{color:rgba(255,255,255,.5);}
.pgg-hs-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:inherit;cursor:pointer;line-height:1;padding:3px 6px!important;}

.pgg-hs-pill{display:inline-flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.03);font-size:13px;opacity:.95;}

.pgg-hs-faction-nav{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 18px;padding:10px 0;}
.pgg-hs-faction-link{display:inline-flex;gap:8px;align-items:center;text-decoration:none;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.18);}
.pgg-hs-faction-link:hover{background:rgba(255,255,255,.06);}
.pgg-hs-faction-img{width:26px!important;height:26px!important;object-fit:contain;}
.pgg-hs-faction-name{font-size:13px;opacity:.95;}

.pgg-hs-section{margin:18px 0 24px;}
.pgg-hs-section.is-filtered-empty{display:none;}
.pgg-hs-section-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;margin-top:20px;justify-content:flex-start!important;}
.pgg-hs-section-img{width:70px!important;height:70px!important;object-fit:contain;}
.pgg-hs-section-title{margin:0;font-size:35px!important;color:var(--uwap-accent);}
.pgg-hs-empty{padding:10px 12px;border:1px dashed rgba(255,255,255,.12);border-radius:10px;opacity:.8;}

.pgg-hs-grid{display:grid;grid-template-columns:repeat(auto-fill,100px);gap:20px;align-items:start;justify-content:space-evenly;}
.pgg-hs-card{position:relative;overflow:hidden;border-radius:14px;border:1px solid transparent;background-color:rgba(0,0,0,.22);background-size:cover;background-position:center;cursor:pointer;transition:transform .18s ease,opacity .18s ease,filter .18s ease,border-color .18s ease;width:100px;}
.pgg-hs-card,.pgg-hs-card-click{height:130px;}
.pgg-hs-card:hover{transform:scale(1.03);}
.pgg-hs-card.is-busy{pointer-events:none;}
.pgg-hs-card.is-filtered-out{display:none;}
.pgg-hs-card.is-awaken-saving .pgg-hs-awaken-btn{opacity:.85;cursor:progress;}
.pgg-hs[data-is-owner="1"] .pgg-hs-card:not(.is-selected),
.pgg-hs[data-is-owner="0"] .pgg-hs-card:not(.is-selected){opacity:.55;filter:grayscale(1);}
.pgg-hs[data-is-owner="0"] .pgg-hs-hint{display:none!important;}
.pgg-hs[data-is-owner="0"] .pgg-hs-card-click{cursor:default;pointer-events:none;}
.pgg-hs[data-is-owner="0"] .pgg-hs-card,
.pgg-hs[data-is-owner="0"] .pgg-hs-card:hover{transform:none!important;}
.pgg-hs[data-is-owner="0"] .pgg-hs-card-click:focus{box-shadow:none!important;}

.pgg-hs-card-click{display:block;width:100%;height:130px;text-decoration:none;color:inherit;position:relative;background:transparent;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit;outline:none;}
.pgg-hs-card-click:focus{box-shadow:0 0 0 2px rgba(255,200,1,.35);}

.pgg-hs-card.is-selected.pgg-rarity-legendary{border-color:rgba(255,200,1,.85);}
.pgg-hs-card.is-selected.pgg-rarity-epic{border-color:rgba(170,85,255,.85);}
.pgg-hs-card.is-selected.pgg-rarity-rare{border-color:rgba(120,170,255,.85);}
.pgg-hs-card.is-selected.pgg-rarity-unknown{border-color:rgba(255,255,255,.28);}

.pgg-hs-hero-img{position:absolute;inset:0;background-size:cover;background-position:center top;background-repeat:no-repeat;}
.pgg-hs-titlebar{position:absolute;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:center;align-items:center;padding:6px 8px;background:rgba(0,0,0,.42);backdrop-filter:blur(8px);}
.pgg-hs-title{font-weight:600;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}

.pgg-hs-rank-badge{position:absolute;top:3px!important;right:3px!important;z-index:30;background:rgba(0,0,0,.78);color:var(--uwap-accent);padding:1px 5px 0 6px!important;font-size:12px;font-weight:700;border-radius:10px!important;border:1px solid rgba(255,255,255,.14);display:none;align-items:center;justify-content:center;}
.pgg-hs-card.has-awaken .pgg-hs-rank-badge{display:flex;}
.pgg-hs-awaken-controls{position:absolute;bottom:24px;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:10px;}
.pgg-hs-awaken-btn{position:relative;z-index:1;appearance:none;background:transparent;border:0;padding:10px;margin:0;cursor:pointer;line-height:1;touch-action:manipulation;}
.pgg-hs-awaken-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.88);color:#fff;font-size:14px;box-shadow:0 2px 6px rgba(0,0,0,.45);}
.pgg-hs-awaken-btn:hover .pgg-hs-awaken-icon{background:rgba(255,200,1,1);color:#000;border-color:rgba(255,255,255,.35);}

@media (max-width: 768px){
  .pgg-hs-awaken-btn{padding:12px;}
}
