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

.pph-gearset-wiki {
	--pgw-gold: var(--pph-gold, #ffd400);
	--pgw-panel: #071019;
	--pgw-panel-2: #0a1620;
	--pgw-line: rgba(134, 166, 198, .2);
	--pgw-muted: #91a3b2;
	--pph-ui-accent: var(--pgw-gold);
	--pph-ui-line: var(--pgw-line);
	--pph-ui-muted: var(--pgw-muted);
	/* Shared template sizing baseline: compact cards and one control height. */
	--pgw-compact-card-size: 72px;
	--pgw-compact-card-track: 84px;
	--pgw-control-height: 40px;
	container-type: inline-size;
}

.pph-gearset-wiki .pph-gearset-wiki-center { container: pgw-center / inline-size; }

.pph-gearset-grid {
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(var(--pgw-compact-card-track),1fr));
	align-items:start;
	gap:18px 10px;
	padding:16px 0 22px;
}

.pph-gearset-card[hidden] { display:none; }
.pph-gearset-card { min-width:0; text-align:center; }
.pph-gearset-card a { display:grid; grid-template-rows:var(--pgw-compact-card-size) auto; align-content:start; align-items:start; color:inherit; text-decoration:none; }
.pph-gearset-card__image { display:grid; width:var(--pgw-compact-card-size); height:var(--pgw-compact-card-size); margin:0 auto; overflow:hidden; place-items:center; }
.pph-gearset-card__image img { display:block; width:100%; height:100%; object-fit:contain; transition:transform .18s ease,filter .18s ease; }
.pph-gearset-card__image > .dashicons { display:grid; width:58%; height:58%; place-items:center; border:1px solid var(--pgw-line); border-radius:18%; color:var(--pgw-muted); font-size:34px; }
.pph-gearset-card__title { position:relative; z-index:2; display:-webkit-box; justify-self:center; width:fit-content; max-width:calc(100% - 4px); min-height:24px; margin:-6px 2px 0; padding:4px 8px; overflow:hidden; border:1px solid rgba(255,215,0,.3); border-radius:999px; background:linear-gradient(180deg,#0d1b26,#071019); box-shadow:0 4px 10px rgba(0,0,0,.3); color:#f4f7fa; font-size:8.5px; font-weight:900; line-height:1.15; overflow-wrap:anywhere; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.pph-gearset-card a:hover .pph-gearset-card__image img,.pph-gearset-card a:focus-visible .pph-gearset-card__image img { filter:drop-shadow(0 6px 8px rgba(0,0,0,.55)); transform:translateY(-3px) scale(1.045); }
.pph-gearset-card a:hover .pph-gearset-card__title,.pph-gearset-card a:focus-visible .pph-gearset-card__title { border-color:rgba(255,215,0,.65); background:linear-gradient(180deg,#132633,#09151e); color:var(--pgw-gold); }

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

/* Single gearset. */
.pph-gearset-guide { display:grid; gap:10px; }
.pph-gearset-surface { overflow:hidden; border:1px solid var(--pgw-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-gearset-hero { display:grid; justify-items:center; padding:22px clamp(16px,3cqw,28px) 25px; text-align:center; }
.pph-gearset-hero__image { display:block; width:min(270px,58%); aspect-ratio:1; margin:0 auto 10px; object-fit:contain; }
.pph-gearset-hero__copy { width:100%; }
.pph-gearset-title-row { display:flex; align-items:center; justify-content:center; gap:9px; flex-wrap:wrap; }
.pph-gearset-title-row h1 { margin:0; color:#fff; font-family:Iceberg,Orbitron,Teko,Rajdhani,sans-serif; font-size:clamp(30px,6cqw,44px); font-weight:900; line-height:1.05; }
.pph-gearset-title-row > span { padding:5px 9px; border:1px solid rgba(255,230,124,.75); border-radius:999px; background:linear-gradient(180deg,#f7dc72,#c99b28); color:#171208; font-size:8px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.pph-gearset-meta { display:flex; align-items:center; justify-content:center; gap:9px; margin-top:8px; color:var(--pgw-muted); font-size:9px; font-weight:800; text-transform:uppercase; }
.pph-gearset-meta i { color:rgba(255,215,0,.5); font-style:normal; }
.pph-gearset-description { max-width:610px; margin:17px auto 0; padding-top:16px; border-top:1px solid rgba(255,215,0,.18); color:#dce5eb; font-size:13px; font-weight:600; line-height:1.62; }
.pph-gearset-description p { margin:0 0 10px; }
.pph-gearset-description p:last-child { margin-bottom:0; }

.pph-gearset-section { padding:clamp(15px,2.6cqw,21px); scroll-margin-top:88px; }
.pph-gearset-section > h2 { display:flex; align-items:center; gap:10px; margin:0 0 15px; color:var(--pgw-gold); font-family:Iceberg,Orbitron,Teko,Rajdhani,sans-serif; font-size:21px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
.pph-gearset-section > h2::after { content:""; flex:1 1 auto; height:1px; background:linear-gradient(90deg,rgba(255,215,0,.38),transparent); }
.pph-gearset-effect-copy { color:#edf2f5; font-size:14px; font-weight:700; line-height:1.55; text-align:center; }
.pph-gearset-effect-copy p { margin:0; }
.pph-gearset-slots { display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; margin-top:16px; }
.pph-gearset-slots img { display:block; width:78px; aspect-ratio:1; object-fit:contain; }
.pph-gearset-farms { display:grid; gap:7px; }
.pph-gearset-farms > div { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; padding:9px 11px; border:1px solid rgba(134,166,198,.16); border-radius:6px; background:rgba(255,255,255,.018); }
.pph-gearset-farms strong { color:#f1f5f7; font-size:11px; }
.pph-gearset-farms span { flex:0 0 auto; padding:5px 8px; border:1px solid rgba(255,215,0,.3); border-radius:999px; color:var(--pgw-gold); font-size:8px; font-weight:900; }
.pph-gearset-farms .is-muted { color:var(--pgw-muted); }
.pph-gearset-stat-group + .pph-gearset-stat-group { margin-top:16px; padding-top:15px; border-top:1px solid rgba(134,166,198,.14); }
.pph-gearset-stat-group h3 { margin:0 0 9px; color:#aebcc7; font-size:9px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.pph-gearset-chips { display:flex; gap:7px; flex-wrap:wrap; }
.pph-gearset-chips span { display:inline-flex; min-height:29px; align-items:center; padding:6px 10px; border:1px solid rgba(134,166,198,.22); border-radius:999px; background:#0c1822; color:#e6edf2; font-size:9px; font-weight:800; }
.pph-gearset-classes { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; }
.pph-gearset-classes > span { display:grid; min-width:92px; min-height:82px; padding:9px; place-items:center; border:1px solid rgba(134,166,198,.16); border-radius:7px; background:rgba(255,255,255,.018); }
.pph-gearset-classes img { display:block; width:46px; height:46px; object-fit:contain; }
.pph-gearset-classes strong { color:#dce5eb; font-size:8px; }
.pph-gearset-recommended__meta { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin:-5px 0 16px; }
.pph-gearset-recommended__intro { margin:0; color:var(--pgw-muted); font-size:10px; line-height:1.5; }
.pph-gearset-recommended__meta > strong { flex:0 0 auto; color:var(--pgw-gold); font-size:10px; letter-spacing:.04em; }
.pph-gearset-recommended-grid { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; gap:24px 26px; padding:4px 14px 7px; }
.pph-gearset-recommended-card { flex:0 0 108px; width:108px; min-width:0; }
.pph-gearset-recommended-card[hidden] { display:none!important; }
.pph-gearset-recommended-actions { display:flex; align-items:center; justify-content:center; gap:9px; margin:17px auto 0; }
.pph-gearset-show-more { 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-gearset-show-all { min-width:100px; border-color:rgba(134,166,198,.3); background:rgba(134,166,198,.06); color:#c5d2dc; }
.pph-gearset-show-more:hover,.pph-gearset-show-more:focus-visible { border-color:rgba(255,231,103,.82); background:rgba(255,215,0,.13); color:#fff4a5; }
.pph-gearset-recommended-actions.is-loading .pph-gearset-show-more:not(.is-loading) { opacity:.42; }
.pph-gearset-show-more.is-loading { gap:8px; opacity:.72; cursor:wait; }
.pph-gearset-show-more.is-loading::before { content:""; width:11px; height:11px; border:2px solid rgba(244,223,115,.35); border-top-color:#f4df73; border-radius:50%; animation:pph-gearset-spin .7s linear infinite; }
@keyframes pph-gearset-spin { to { transform:rotate(360deg); } }
.pph-gearset-upgrade { display:grid; grid-template-columns:64px minmax(0,1fr) auto; align-items:center; gap:12px; padding:10px; border:1px solid rgba(255,215,0,.2); border-radius:7px; background:rgba(255,215,0,.025); text-decoration:none; }
.pph-gearset-upgrade:hover,.pph-gearset-upgrade:focus-visible { border-color:rgba(255,215,0,.58); }
.pph-gearset-upgrade img { display:block; width:64px; height:64px; object-fit:contain; }
.pph-gearset-upgrade small,.pph-gearset-upgrade strong { display:block; }
.pph-gearset-upgrade small { margin-bottom:4px; color:var(--pgw-muted); font-size:8px; font-weight:800; text-transform:uppercase; }
.pph-gearset-upgrade strong { color:#fff; font-size:14px; }
.pph-gearset-upgrade > .dashicons { color:var(--pgw-gold); }

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

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

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

@container pgw-center (max-width:620px) {
	.pph-gearset-archive { --pgw-compact-card-size:68px; --pgw-compact-card-track:78px; }
}

@media (max-width:760px) {
	body.pph-gearset-wiki-active .site-main,body.pph-gearset-wiki-active .entry-content { padding-right:0!important; padding-left:0!important; }
	.pph-gearset-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-gearset-mobile-filter,.pph-gearset-heading,.pph-gearset-grid,.pph-gearset-empty,.pph-gearset-toc--mobile,.pph-gearset-surface { margin-right:0; margin-left:0; border-right:0; border-left:0; border-radius:0; box-shadow:none; }
	.pph-gearset-mobile-filter { margin-bottom:0; }
	.pph-gearset-filter--mobile { gap:7px; padding:8px 9px 9px; border-top:0; border-radius:0; }
	.pph-gearset-filter--mobile .pph-gearset-filter-foot button { min-width:58px; }
	.pph-gearset-heading { padding:13px 14px 12px; }
	.pph-gearset-grid { gap:16px 8px; padding:15px 10px 21px; }
	.pph-gearset-card__title { font-size:8px; }
	.pph-gearset-hero { padding:18px 14px 21px; }
	.pph-gearset-hero__image { width:min(220px,58%); }
	.pph-gearset-section { padding:16px 13px; }
	.pph-gearset-guide { gap:0; }
	.pph-gearset-toc--mobile { margin-bottom:0; border-top:0; border-bottom:1px solid var(--pgw-line); }
	.pph-gearset-recommended-grid { gap:20px 18px; padding:4px 12px 7px; }
	.pph-gearset-recommended-card { flex-basis:88px; width:88px; }
	.pph-gearset-recommended__meta { align-items:center; }
}

@media (max-width:380px) {
	.pph-gearset-archive { --pgw-compact-card-size:62px; --pgw-compact-card-track:72px; }
	.pph-gearset-grid { gap:17px 7px; padding-right:8px; padding-left:8px; }
	.pph-gearset-recommended-grid { gap:20px 16px; padding-right:9px; padding-left:9px; }
	.pph-gearset-recommended-card { flex-basis:82px; width:82px; }
	.pph-gearset-recommended-actions { gap:7px; }
	.pph-gearset-show-more { min-width:0; flex:1 1 50%; }
}

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