/* Native Secret Achievements directory inside the Prospector community shell. */

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

.pph-secret-achievements .pph-secret-achievements-center { container: psa-center / inline-size; }

.pph-achievement-heading { padding:14px 15px 15px; }

.pph-achievement-list {
	display:grid;
	gap:8px;
	padding:11px 0;
}
.pph-achievement-item[hidden] { display:none; }
.pph-achievement-item { overflow:hidden; border:1px solid rgba(134,166,198,.18); border-radius:7px; background:linear-gradient(135deg,rgba(255,215,0,.025),transparent 38%),#09141e; transition:border-color .16s ease,box-shadow .16s ease; }
.pph-achievement-item:hover,.pph-achievement-item.is-open { border-color:rgba(255,215,0,.34); }
.pph-achievement-item.is-open { box-shadow:0 12px 28px rgba(0,0,0,.22); }

.pph-achievement-summary {
	box-sizing:border-box;
	display:grid;
	grid-template-columns:48px minmax(0,1fr) auto 28px;
	gap:11px;
	width:100%;
	min-height:72px;
	margin:0;
	padding:10px 11px;
	align-items:center;
	border:0;
	border-radius:0;
	outline:0;
	background:transparent;
	color:inherit;
	font:inherit;
	text-align:left;
	cursor:pointer;
}
.pph-achievement-summary.is-static { grid-template-columns:48px minmax(0,1fr) auto; cursor:default; }
.pph-achievement-summary:hover,.pph-achievement-summary:focus-visible { background:rgba(255,255,255,.025); }
.pph-achievement-summary:focus-visible { box-shadow:inset 0 0 0 2px rgba(255,215,0,.38); }
.pph-achievement-badge { display:grid; width:48px; height:48px; place-items:center; }
.pph-achievement-badge img { display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 5px 7px rgba(0,0,0,.45)); }
.pph-achievement-copy { display:block; min-width:0; }
.pph-achievement-copy > strong { display:block; color:#f5f8fa; font-family:Iceberg,Orbitron,Teko,Rajdhani,sans-serif; font-size:16px; font-weight:900; letter-spacing:.025em; line-height:1.12; }
.pph-achievement-description { display:block; margin-top:5px; color:#aab8c3; font-size:9px; font-weight:600; line-height:1.45; white-space:pre-line; }

.pph-achievement-difficulty { display:inline-flex; min-height:23px; align-items:center; justify-content:center; padding:4px 8px; border:1px solid var(--psa-line); border-radius:999px; color:#dce6ed; font-size:7px; font-weight:900; letter-spacing:.1em; line-height:1; text-transform:uppercase; white-space:nowrap; }
.pph-achievement-difficulty--easy { border-color:rgba(73,216,130,.45); background:rgba(73,216,130,.08); color:#91edb7; }
.pph-achievement-difficulty--medium { border-color:rgba(255,215,0,.4); background:rgba(255,215,0,.07); color:#f2dc70; }
.pph-achievement-difficulty--hard { border-color:rgba(255,111,111,.45); background:rgba(255,111,111,.08); color:#ffaaaa; }
.pph-achievement-chevron { position:relative; display:block; width:28px; height:28px; border:1px solid rgba(134,166,198,.18); border-radius:5px; background:#0b1924; }
.pph-achievement-chevron::after { content:""; position:absolute; top:8px; left:9px; width:7px; height:7px; border-right:2px solid #a9b8c4; border-bottom:2px solid #a9b8c4; transform:rotate(45deg); transition:transform .38s ease,top .38s ease; }
.pph-achievement-item.is-open .pph-achievement-chevron::after { top:11px; transform:rotate(225deg); }

.pph-achievement-solution { height:0; overflow:hidden; opacity:0; border-top:1px solid rgba(255,215,0,.14); background:rgba(0,0,0,.19); transition:height .42s cubic-bezier(.2,.75,.25,1),opacity .34s ease; will-change:height,opacity; }
.pph-achievement-solution[hidden] { display:none; }
.pph-achievement-solution > div { padding:13px 17px 15px 70px; color:#dfe7ec; font-size:10px; font-weight:600; line-height:1.58; }
.pph-achievement-solution > div > span { display:block; margin:0 0 7px; color:var(--psa-gold); font-size:8px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.pph-achievement-solution p { margin:0 0 8px; }
.pph-achievement-solution p:last-child { margin-bottom:0; }
.pph-achievement-solution ol { margin:6px 0 8px 18px; padding:0; }
.pph-achievement-solution li + li { margin-top:4px; }

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

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

@media (max-width:1100px) {
	.pph-achievement-mobile-filter { display:block; margin:0 0 8px; }
	.pph-achievement-filter--desktop { display:none; }
	.pph-achievement-filter--mobile { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:9px; border:1px solid var(--psa-line); border-radius:7px; background:rgba(7,15,23,.96); }
	.pph-achievement-filter--mobile .pph-achievement-filter-fields { grid-column:1/-1; }
	.pph-achievement-filter--mobile .pph-achievement-filter-foot { grid-row:1; grid-column:2; padding:0; border:0; }
	.pph-achievement-filter--mobile .pph-achievement-filter-foot > span { display:none; }
}

@media (max-width:760px) {
	body.pph-secret-achievements-active .site-main,body.pph-secret-achievements-active .entry-content { padding-right:0!important; padding-left:0!important; }
	.pph-secret-achievements.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-achievement-mobile-filter,.pph-achievement-heading,.pph-achievement-list,.pph-achievement-empty { margin-right:0; margin-left:0; border-right:0; border-left:0; border-radius:0; box-shadow:none; }
	.pph-achievement-mobile-filter { margin-bottom:0; }
	.pph-achievement-filter--mobile { gap:7px; padding:8px 9px 9px; border-top:0; border-radius:0; }
	.pph-achievement-filter--mobile .pph-achievement-filter-foot button { min-width:58px; }
	.pph-achievement-heading { padding:13px 12px 12px; }
	.pph-achievement-list { gap:7px; padding:8px 7px 12px; }
	.pph-achievement-summary { grid-template-columns:42px minmax(0,1fr) 28px; gap:9px; min-height:68px; padding:9px; }
	.pph-achievement-summary.is-static { grid-template-columns:42px minmax(0,1fr); }
	.pph-achievement-badge { grid-row:1/3; width:42px; height:42px; }
	.pph-achievement-copy { grid-column:2; }
	.pph-achievement-difficulty { grid-row:2; grid-column:2; justify-self:start; margin-top:-3px; }
	.pph-achievement-chevron { grid-row:1/3; grid-column:3; }
	.pph-achievement-copy > strong { font-size:15px; }
	.pph-achievement-description { font-size:8.5px; }
	.pph-achievement-solution > div { padding:12px 13px 14px 60px; }
}

@media (max-width:390px) {
	.pph-achievement-summary { grid-template-columns:38px minmax(0,1fr) 26px; gap:8px; padding:8px 7px; }
	.pph-achievement-summary.is-static { grid-template-columns:38px minmax(0,1fr); }
	.pph-achievement-badge { width:38px; height:38px; }
	.pph-achievement-copy > strong { font-size:14px; }
	.pph-achievement-solution > div { padding-left:53px; }
}

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