/* Native Prospector artifact archive and guide presentation. */

.pph-artifact-wiki {
	--paw-gold:var(--pph-gold,#ffd400);
	--paw-panel:#071019;
	--paw-panel-2:#0a1620;
	--paw-line:rgba(134,166,198,.2);
	--paw-muted:#91a3b2;
	--pph-ui-accent:var(--paw-gold);
	--pph-ui-line:var(--paw-line);
	--pph-ui-muted:var(--paw-muted);
	--paw-control-height:40px;
	container-type:inline-size;
}

.pph-artifact-wiki .pph-artifact-wiki-center { container:paw-center / inline-size; }

.pph-artifact-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(104px,1fr)); align-items:start; gap:22px 14px; padding:18px 0 25px; }
.pph-artifact-card[hidden] { display:none; }
.pph-artifact-card { min-width:0; text-align:center; }
.pph-artifact-card a { display:grid; grid-template-rows:126px 29px 10px; color:inherit; text-decoration:none; }
.pph-artifact-card__visual { position:relative; display:grid; width:104px; height:126px; margin:0 auto; place-items:center; }
.pph-artifact-card__image { display:block; width:100%; height:100%; object-fit:contain; transition:transform .18s ease,filter .18s ease; }
.pph-artifact-card__visual > .dashicons { width:44px; height:44px; color:var(--paw-muted); font-size:44px; }
.pph-artifact-card__hero { position:absolute; bottom:2px; left:-3px; display:block; width:31px; height:39px; overflow:hidden; border:1px solid rgba(255,215,0,.72); border-radius:5px; background:#111; box-shadow:0 3px 8px rgba(0,0,0,.72); }
.pph-artifact-card__hero img { width:100%; height:100%; object-fit:cover; }
.pph-artifact-card__rating { position:absolute; right:-4px; bottom:5px; padding:3px 5px; border:1px solid rgba(255,215,0,.7); border-radius:999px; background:#071019; color:var(--paw-gold); font-size:7px; font-weight:900; }
.pph-artifact-card__title { display:-webkit-box; align-self:center; margin:3px 1px 0; overflow:hidden; color:#f4f7fa; font-size:9px; font-weight:900; line-height:1.15; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.pph-artifact-card__meta { align-self:end; overflow:hidden; color:#788b9a; font-size:6px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; white-space:nowrap; }
.pph-artifact-card.is-exclusive .pph-artifact-card__meta { color:#d7b83e; }
.pph-artifact-card a:hover .pph-artifact-card__image,.pph-artifact-card a:focus-visible .pph-artifact-card__image { filter:drop-shadow(0 7px 9px rgba(0,0,0,.6)); transform:translateY(-3px) scale(1.035); }
.pph-artifact-card a:hover .pph-artifact-card__title,.pph-artifact-card a:focus-visible .pph-artifact-card__title { color:var(--paw-gold); }

.pph-artifact-mobile-filter { display:none; }
.pph-artifact-mobile-filter--shortcode { display:block; margin:0 0 8px; }

/* Single artifact. */
.pph-artifact-guide { display:grid; gap:10px; }
.pph-artifact-surface { overflow:hidden; border:1px solid var(--paw-line); border-radius:8px; background:linear-gradient(145deg,rgba(255,255,255,.018),transparent 34%),rgba(7,15,23,.96); box-shadow:0 16px 38px rgba(0,0,0,.24); }
.pph-artifact-hero { position:relative; display:grid; grid-template-columns:minmax(180px,34%) minmax(0,1fr); min-height:310px; align-items:center; gap:28px; padding:26px clamp(22px,4cqw,38px); isolation:isolate; }
.pph-artifact-hero::before { content:""; position:absolute; inset:0; z-index:-2; background-image:linear-gradient(90deg,rgba(7,15,23,.74),rgba(7,15,23,.97) 57%),var(--pph-artifact-rarity-bg); background-position:center; background-size:cover; opacity:.42; }
.pph-artifact-hero::after { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(circle at 22% 48%,rgba(255,215,0,.1),transparent 34%); }
.pph-artifact-hero__visual { display:grid; min-width:0; place-items:center; }
.pph-artifact-hero__visual img { display:block; width:min(250px,100%); max-height:270px; object-fit:contain; filter:drop-shadow(0 16px 18px rgba(0,0,0,.58)); }
.pph-artifact-hero__visual .dashicons { width:90px; height:90px; color:var(--paw-muted); font-size:90px; }
.pph-artifact-hero__copy h1 { margin:0; color:#fff; font-family:Iceberg,Orbitron,Teko,Rajdhani,sans-serif; font-size:clamp(31px,6cqw,48px); font-weight:900; line-height:1; }
.pph-artifact-meta { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:10px; color:var(--paw-muted); font-size:9px; font-weight:800; text-transform:uppercase; }
.pph-artifact-meta span { display:inline-flex; align-items:center; gap:5px; }
.pph-artifact-meta img { width:20px; height:20px; object-fit:contain; }
.pph-artifact-meta i { color:rgba(255,215,0,.5); font-style:normal; }
.pph-artifact-stars { display:flex; gap:3px; margin-top:14px; color:#4e5d68; font-size:18px; }
.pph-artifact-stars .is-on { color:var(--paw-gold); text-shadow:0 0 8px rgba(255,215,0,.28); }

.pph-artifact-section { padding:clamp(16px,2.8cqw,23px); scroll-margin-top:88px; }
.pph-artifact-section > h2 { display:flex; align-items:center; gap:10px; margin:0 0 15px; color:var(--paw-gold); font-family:Iceberg,Orbitron,Teko,Rajdhani,sans-serif; font-size:21px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
.pph-artifact-section > h2::after { content:""; flex:1 1 auto; height:1px; background:linear-gradient(90deg,rgba(255,215,0,.38),transparent); }
.pph-artifact-copy { color:#dce5eb; font-size:13px; font-weight:600; line-height:1.65; }
.pph-artifact-copy p { margin:0 0 10px; }
.pph-artifact-copy p:last-child { margin-bottom:0; }
.pph-artifact-section-intro { margin:-6px 0 15px; color:var(--paw-muted); font-size:10px; line-height:1.5; }
.pph-artifact-level-list { display:grid; gap:8px; }
.pph-artifact-level { display:grid; grid-template-columns:84px minmax(0,1fr); align-items:stretch; overflow:hidden; border:1px solid rgba(134,166,198,.17); border-radius:7px; background:rgba(255,255,255,.018); }
.pph-artifact-level > strong { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; padding:11px 8px; border-right:1px solid rgba(255,215,0,.18); background:rgba(255,215,0,.035); color:#f2f5f7; font-size:9px; letter-spacing:.04em; text-transform:uppercase; }
.pph-artifact-level > strong span { color:var(--paw-gold); font-size:16px; line-height:1; }
.pph-artifact-level > div { display:flex; align-items:center; min-width:0; padding:11px 13px; color:#dce5eb; font-size:11px; line-height:1.55; }
.pph-artifact-level p { margin:0; }
.pph-artifact-variable { padding:1px 3px; border-radius:3px; background:rgba(30,155,214,.15); color:#69d3ff; font-weight:900; }

.pph-artifact-recommended__meta { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin:-5px 0 16px; }
.pph-artifact-recommended__meta p { margin:0; color:var(--paw-muted); font-size:10px; line-height:1.5; }
.pph-artifact-recommended__meta > strong { flex:0 0 auto; color:var(--paw-gold); font-size:10px; letter-spacing:.04em; }
.pph-artifact-recommended-grid { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; gap:24px 26px; padding:4px 14px 7px; }
.pph-artifact-recommended-grid.is-exclusive-hero { justify-content:center; }
.pph-artifact-recommended-card { flex:0 0 108px; width:108px; min-width:0; }
.pph-artifact-recommended-actions { display:flex; align-items:center; justify-content:center; gap:9px; margin:17px auto 0; }
.pph-artifact-recommended-actions button { display:flex; min-width:138px; min-height:38px; margin:0; padding:8px 15px; align-items:center; justify-content:center; border:1px solid rgba(255,215,0,.42); border-radius:5px; background:linear-gradient(180deg,rgba(255,215,0,.12),rgba(255,215,0,.04)); color:#f4df73; font-size:9px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; cursor:pointer; }
.pph-artifact-recommended-actions button:last-child { min-width:100px; border-color:rgba(134,166,198,.3); background:rgba(134,166,198,.06); color:#c5d2dc; }
.pph-artifact-recommended-actions button:hover,.pph-artifact-recommended-actions button:focus-visible { border-color:rgba(255,231,103,.82); color:#fff4a5; }
.pph-artifact-recommended-actions.is-loading button { opacity:.48; cursor:wait; }

.pph-artifact-toc { padding:0; border-color:rgba(255,215,0,.2); }
.pph-artifact-toc-links { display:grid; padding:6px; }
.pph-artifact-toc-links > div { padding:7px 10px 5px; color:var(--paw-gold); font-size:9px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.pph-artifact-toc-links a { position:relative; display:flex; min-height:34px; align-items:center; padding:7px 26px 7px 10px; border-radius:5px; color:#bac8d4; font-size:10px; font-weight:800; text-decoration:none; }
.pph-artifact-toc-links a::after { content:"↓"; position:absolute; right:9px; color:rgba(255,215,0,.62); }
.pph-artifact-toc-links a:hover,.pph-artifact-toc-links a:focus-visible { background:rgba(255,215,0,.08); color:#fff; }
.pph-artifact-toc--mobile { display:none; }
.pph-artifact-toc a[hidden] { display:none; }

@media (min-width:1101px) {
	.pph-artifact-wiki .pph-sticky-stack { top:82px; }
}

@media (max-width:1100px) {
	.pph-artifact-mobile-filter { display:block; margin:0 0 8px; }
	.pph-artifact-filter--desktop { display:none; }
	.pph-artifact-filter--mobile { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:9px; border:1px solid var(--paw-line); border-radius:7px; background:rgba(7,15,23,.96); }
	.pph-artifact-filter--mobile .pph-artifact-filter-fields { grid-column:1/-1; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
	.pph-artifact-filter--mobile .pph-artifact-filter-foot { grid-row:1; grid-column:2; padding:0; border:0; }
	.pph-artifact-filter--mobile .pph-artifact-filter-foot > span { display:none; }
	.pph-artifact-toc:not(.pph-artifact-toc--mobile) { display:none; }
	.pph-artifact-toc--mobile { display:block; margin:0 0 8px; overflow:hidden; }
	.pph-artifact-toc--mobile .pph-card-kicker { display:none; }
	.pph-artifact-toc--mobile .pph-artifact-toc-links { display:flex; gap:5px; padding:6px; overflow-x:auto; scrollbar-width:none; }
	.pph-artifact-toc--mobile .pph-artifact-toc-links > div,.pph-artifact-toc--mobile .pph-artifact-toc-links a { flex:0 0 auto; }
	.pph-artifact-toc--mobile .pph-artifact-toc-links a { padding:7px 10px; border:1px solid transparent; }
	.pph-artifact-toc--mobile .pph-artifact-toc-links a::after { display:none; }
}

@container paw-center (max-width:620px) {
	.pph-artifact-grid { grid-template-columns:repeat(auto-fill,minmax(92px,1fr)); gap:20px 10px; }
	.pph-artifact-card a { grid-template-rows:112px 28px 10px; }
	.pph-artifact-card__visual { width:92px; height:112px; }
}

@media (max-width:760px) {
	body.pph-artifact-wiki-active .site-main,body.pph-artifact-wiki-active .entry-content { padding-right:0!important; padding-left:0!important; }
	.pph-artifact-wiki.pph-home.pph-blocksy-container-width { width:100vw!important; max-width:none!important; margin-right:calc(50% - 50vw)!important; margin-left:calc(50% - 50vw)!important; }
	.pph-artifact-mobile-filter,.pph-artifact-heading,.pph-artifact-grid,.pph-artifact-empty,.pph-artifact-toc--mobile,.pph-artifact-surface { margin-right:0; margin-left:0; border-right:0; border-left:0; border-radius:0; box-shadow:none; }
	.pph-artifact-mobile-filter { margin-bottom:0; }
	.pph-artifact-filter--mobile { gap:7px; padding:8px 9px 9px; border-top:0; border-radius:0; }
	.pph-artifact-filter--mobile .pph-artifact-filter-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.pph-artifact-filter--mobile .pph-artifact-filter-fields label:first-child { grid-column:1/-1; }
	.pph-artifact-filter--mobile .pph-artifact-filter-foot button { min-width:58px; }
	.pph-artifact-heading { padding:13px 12px 12px; }
	.pph-artifact-grid { gap:18px 8px; padding:16px 9px 22px; }
	.pph-artifact-card__title { font-size:8px; }
	.pph-artifact-hero { grid-template-columns:1fr; min-height:0; gap:12px; padding:20px 14px 23px; text-align:center; }
	.pph-artifact-hero::before { background-image:linear-gradient(rgba(7,15,23,.74),rgba(7,15,23,.97) 62%),var(--pph-artifact-rarity-bg); }
	.pph-artifact-hero__visual img { width:min(210px,56vw); max-height:230px; }
	.pph-artifact-meta,.pph-artifact-stars { justify-content:center; }
	.pph-artifact-section { padding:16px 13px; }
	.pph-artifact-guide { gap:0; }
	.pph-artifact-toc--mobile { margin-bottom:0; border-top:0; border-bottom:1px solid var(--paw-line); }
	.pph-artifact-level { grid-template-columns:68px minmax(0,1fr); }
	.pph-artifact-level > div { padding:10px; font-size:10px; }
	.pph-artifact-recommended-grid { gap:20px 18px; padding:4px 12px 7px; }
	.pph-artifact-recommended-card { flex-basis:88px; width:88px; }
	.pph-artifact-recommended__meta { align-items:center; }
}

@media (max-width:380px) {
	.pph-artifact-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px 5px; padding-right:7px; padding-left:7px; }
	.pph-artifact-card a { grid-template-rows:104px 28px 10px; }
	.pph-artifact-card__visual { width:84px; height:104px; }
	.pph-artifact-card__rating { right:-2px; }
	.pph-artifact-recommended-grid { gap:20px 16px; padding-right:9px; padding-left:9px; }
	.pph-artifact-recommended-card { flex-basis:82px; width:82px; }
	.pph-artifact-recommended-actions { gap:7px; }
	.pph-artifact-recommended-actions button { min-width:0; flex:1 1 50%; }
}

@media (prefers-reduced-motion:reduce) {
	.pph-artifact-wiki *,.pph-artifact-wiki *::before,.pph-artifact-wiki *::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; }
}