:root { --bg:#080b12; --panel:#101620; --panel2:#151f2c; --line:#283443; --muted:#8491a1; --text:#e7edf5; --cyan:#60d6d2; --gold:#e4b168; --red:#f07373; --reward-name-blue:#56aaff; }
* { box-sizing:border-box; } ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-track { background: var(--bg); } ::-webkit-scrollbar-thumb { background: #1c2b3d; border-radius: 5px; border: 2px solid var(--bg); } ::-webkit-scrollbar-thumb:hover { background: var(--cyan); }
body { margin:0; min-height:100vh; color:var(--text); background:radial-gradient(circle at 20% 0%, rgba(26,90,110,.26), transparent 28%), linear-gradient(180deg, #020812 0%, #061722 35%, #01060d 100%); background-attachment:fixed; font:14px "DM Sans","Segoe UI",sans-serif; }
body::before { content:""; position:fixed; inset:0; background-image:linear-gradient(rgba(138,170,197,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(138,170,197,.025) 1px, transparent 1px); background-size:38px 38px; mask-image:radial-gradient(circle at center, black 42%, transparent 100%); pointer-events:none; }
button,input,select { font:inherit; }
button { cursor:pointer; }
button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.eyebrow,.relic-era { margin:0;color:#6fe8ec;font:600 12px "Barlow Condensed";letter-spacing:2px;text-transform:uppercase; }
.toolbar { max-width:1440px;margin:auto;padding:22px max(5vw,24px);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-bottom:1px solid rgba(40,52,67,.65); }.filters,.toolbar-actions { display:flex;flex-wrap:wrap;gap:8px; }.toolbar button,.search-box,select { min-height:38px;border:1px solid var(--line);background:var(--panel);color:var(--muted); }.toolbar button { padding:8px 14px; }.toolbar button:hover,.toolbar button.active { border-color:var(--cyan);color:#071013;background:var(--cyan);box-shadow:0 0 15px rgba(96,214,210,.4); }.toolbar .needed-toggle.active { border-color:var(--gold);background:var(--gold); }.text-button { border-color:transparent!important;background:transparent!important;color:var(--muted)!important; }.search-box { min-width:240px;display:flex;align-items:center;gap:8px;padding:0 11px; }.search-box input { width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:12px; }.search-box:focus-within { border-color:var(--cyan); }
.overview { max-width:1440px;margin:auto;padding:26px max(5vw,24px) 32px;display:flex;gap:12px; }.progress-card,.stat-card { border:1px solid var(--line);background:rgba(16,22,32,.9); }.progress-card { flex:2;padding:18px 20px;border-top:2px solid var(--cyan); }.stat-card { min-width:145px;flex:1;padding:18px;display:flex;flex-direction:column;justify-content:space-between; }.stat-heading,.stat-label { color:var(--muted);font-size:12px;letter-spacing:.5px;text-transform:uppercase; }.stat-icon { color:var(--gold);margin-right:7px; }.progress-line { margin-top:14px;display:flex;justify-content:space-between;align-items:center; }.progress-line strong,.stat-card strong { color:var(--text);font:600 30px "Barlow Condensed"; }.progress-line span { color:var(--cyan);font-size:13px; }.progress-track { height:5px;margin-top:10px;background:#202b37;overflow:hidden; }.progress-track span { display:block;height:100%;background:var(--cyan);transition:width .25s; }.progress-card p,.stat-note { margin:10px 0 0;color:var(--muted);font-size:11px; }.stat-card strong { margin:8px 0 0;color:var(--gold); }
main { max-width:1440px;margin:auto;padding:0 max(5vw,24px) 70px; }.section-heading { display:flex;justify-content:space-between;align-items:end;margin-bottom:15px; }.section-heading h2 { margin:2px 0 0;font:600 34px/1 "Barlow Condensed";text-transform:uppercase; }.result-label { color:var(--muted);font-size:12px; }.relic-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px; }.relic-card { position:relative; min-height:390px; padding:16px 16px 14px; border:1px solid var(--line); border-radius:12px; background:linear-gradient(180deg,rgba(18,27,39,.96),rgba(12,17,26,.98)); box-shadow:0 12px 30px rgba(0,0,0,.12); transition:border-color .2s,transform .2s,box-shadow .2s; overflow:hidden; }.relic-card::before { content:""; position:absolute; inset:0 0 auto 0; height:2px; background:linear-gradient(90deg,rgba(96,214,210,.95),rgba(96,214,210,.18)); box-shadow:0 0 18px rgba(96,214,210,.3); } .relic-card:hover { border-color:var(--cyan); transform:translateY(-4px); box-shadow:0 15px 35px rgba(96,214,210,.15); }.relic-card h2 { margin:4px 0 0; color:var(--gold); font:600 27px/1.08 "Barlow Condensed"; text-transform:uppercase; letter-spacing:.03em; }.relic-card h2 em { color:var(--muted); font-size:13px; font-style:normal; letter-spacing:1px; }.relic-era { margin:0 0 2px; color:var(--cyan); font:600 11px "Barlow Condensed"; letter-spacing:2px; text-transform:uppercase; }.completion-badge { padding:5px 8px; border:1px solid var(--line); border-radius:6px; color:var(--muted); font-size:10px; text-transform:uppercase; white-space:nowrap; }.completion-badge.complete { border-color:var(--cyan); color:var(--cyan); background:rgba(96,214,210,.08); }.rewards { display:grid;grid-template-columns:repeat(3,1fr);gap:7px; }.reward { min-height:132px;padding:8px;position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;border:1px solid #2b3948;border-radius:8px;background:linear-gradient(180deg,#152131,#0e1621);color:var(--text);transition:.15s; }.reward:hover,.reward.target { border-color:var(--cyan); }.reward.target { box-shadow:inset 0 0 0 1px rgba(96,214,210,.22); }.reward.common { border-bottom:2px solid #8b9aaa; }.reward.uncommon { border-bottom:2px solid #d5d6d8; }.reward.rare { border-bottom:2px solid var(--gold); }.reward-icon { color:var(--muted);font-size:14px; }.reward.target .reward-icon,.target-label { color:var(--cyan); }.reward-name { font-size:12px;line-height:1.25; }.rarity,.target-label { font-size:10px;letter-spacing:1px;text-transform:uppercase; }.rarity { color:var(--muted); }.reward.rare .rarity { color:var(--gold); }.target-label { min-height:12px; }.reward.owned { opacity:.5; }.cross { display:none;position:absolute;inset:0;align-items:center;justify-content:center;color:var(--red);font-size:80px;line-height:1;pointer-events:none; }.reward.owned .cross { display:flex; }.details-button { border:0;background:transparent;color:var(--cyan);font-size:11px; }.empty-state { grid-column:1/-1;padding:60px 20px;border:1px dashed var(--line);text-align:center;color:var(--muted); }.empty-state > span { color:var(--cyan);font-size:34px; }.empty-state h3 { margin:10px 0 4px;color:var(--text);font:600 28px "Barlow Condensed";text-transform:uppercase; }.empty-state p { margin:0;font-size:13px; }
.side-panel,.modal-frame { background:var(--panel);border:1px solid var(--line);box-shadow:0 20px 80px rgba(0,0,0,.45); }.side-panel { position:fixed;z-index:10;top:0;right:0;width:min(420px,100%);height:100%;padding:24px;overflow:auto;transform:translateX(100%);transition:transform .25s; }.side-panel.open { transform:translateX(0); }.panel-backdrop { position:fixed;inset:0;z-index:9;background:rgba(0,0,0,.55);backdrop-filter:blur(6px); }.side-panel h2,.modal-content h2 { margin:8px 0 20px;font:600 32px "Barlow Condensed";text-transform:uppercase; }.panel-section { padding:18px 0;border-top:1px solid var(--line); }.panel-section label { display:block;margin-bottom:7px;color:var(--muted);font-size:12px;text-transform:uppercase; }.panel-section input,.panel-section select { width:100%;padding:10px;color:var(--text); }.panel-actions { display:grid;gap:8px; }.panel-actions button { padding:10px;border:1px solid var(--line);background:var(--panel2);color:var(--text); }.panel-actions .danger { color:var(--red); }.target-chips { display:flex;flex-wrap:wrap;gap:6px;min-height:34px;margin:8px 0; }.target-chip { padding:6px 8px;background:rgba(96,214,210,.12);border:1px solid var(--cyan);color:var(--cyan);font-size:11px; }.target-chip button { margin-left:6px;border:0;background:transparent;color:inherit; }.target-empty { color:var(--muted);font-size:12px; }.target-options { max-height:180px;overflow:auto;display:grid;gap:4px; }.target-option { padding:8px;text-align:left;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:12px; }.target-option.selected { color:var(--cyan);border-color:var(--cyan); }.relic-modal { width:min(600px,calc(100% - 30px));padding:0;border:0;background:transparent;color:var(--text); }.relic-modal::backdrop { background:rgba(0,0,0,.72);backdrop-filter:blur(4px); }.modal-frame { position:relative;padding:26px; }.modal-close { position:absolute;top:12px;right:12px;border:0;background:transparent;color:var(--muted);font-size:24px; }.modal-meta { color:var(--muted);font-size:12px; }.modal-rewards { list-style:none;padding:0;margin:20px 0;display:grid;gap:6px; }.modal-reward { display:flex;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--line); }.modal-reward small { color:var(--muted);text-align:right; }.modal-reward.owned { opacity:.5; }.modal-future { display:grid;gap:5px;padding:14px;border-left:2px solid var(--gold);background:rgba(228,177,104,.08);color:var(--muted);font-size:12px; }.modal-future strong { color:var(--gold); }
@media (max-width:700px) { .top-header{padding:32px 20px 28px}.header-status{display:none}.toolbar,.overview{padding-left:20px;padding-right:20px}.toolbar-actions{width:100%;display:grid;grid-template-columns:1fr auto auto}.search-box{min-width:0;grid-column:1/-1}.overview{display:grid;grid-template-columns:1fr 1fr;gap:10px}.progress-card{grid-column:1/-1}main{padding-left:20px;padding-right:20px}.section-heading{align-items:flex-start;flex-direction:column;gap:8px}.relic-grid{grid-template-columns:1fr}.rewards{grid-template-columns:repeat(2,1fr)} }
@media (max-width:420px) { .toolbar-actions{grid-template-columns:1fr auto}.stat-card{min-width:0}.stat-card strong{font-size:25px}.modal-frame{padding:20px 14px} }
.reward-image { width:28px; height:28px; object-fit:contain; }
.reward-name-label { max-width:100%; overflow-wrap:anywhere; }
.reward-name.non-exchangeable { flex-direction:column; align-items:center; gap:2px; padding:8px 4px 2px; }
.reward-ducat-status { color:var(--gold); font-size:8px; line-height:1.1; }
.reward-art-wrap,.modal-reward-art-wrap { position:relative; display:grid; place-items:center; overflow:visible; }
.reward-art-wrap { width:38px; height:38px; flex:0 0 38px; }
.reward-art-content { position:relative; width:100%; height:100%; display:grid; place-items:center; overflow:visible; }
.reward-art-wrap .reward-image,.modal-reward-art-wrap .modal-reward-image { position:relative; z-index:1; width:100%; height:100%; object-fit:contain; }
.reward-blueprint-background { position:absolute; inset:-3px; z-index:0; width:calc(100% + 6px); height:calc(100% + 6px); object-fit:contain; opacity:.88; }
.modal-reward-art-wrap { width:38px; height:38px; }
.reward-art-badge { position:absolute; z-index:3; top:6px; right:7px; min-width:19px; padding:2px 3px; border:1px solid var(--gold); background:#111720; color:var(--gold); box-shadow:0 0 3px rgba(228,177,104,.12); font-size:7px; font-weight:700; line-height:1; text-align:center; white-space:nowrap; }
.reward-rarity,.reward-chance,.reward-ducats,.reward-detail-rarity { display:inline-flex; align-items:center; gap:3px; }
.reward-rarity-icon,.reward-chance-icon,.reward-ducat-icon { width:14px; height:14px; object-fit:contain; vertical-align:middle; }
.reward { height:128px; min-height:128px; padding:0; display:block; overflow:hidden; }
.reward-art-wrap { position:absolute; inset:0 0 14px; width:auto; height:auto; display:grid; place-items:center; overflow:hidden; }
.reward-art-wrap .reward-image { width:88px; height:88px; max-width:calc(100% - 12px); max-height:calc(100% - 12px); object-fit:contain; }
.reward-art-wrap .reward-blueprint-background { inset:5px; width:calc(100% - 10px); height:calc(100% - 10px); }
.reward.requiem-reward-preview .requiem-glyph-background { inset:0; z-index:0; }
.requiem-glyph-background-image { position:absolute; top:50%; left:0; width:100%; height:auto; aspect-ratio:2 / 1; transform:translateY(-50%); object-fit:contain; }
.requiem-glyph { position:relative; z-index:1; width:42px; height:42px; max-width:48%; max-height:58%; object-fit:contain; filter:drop-shadow(0 1px 3px rgba(0,0,0,.75)); }
.reward-icon { display:grid; place-items:center; width:100%; height:100%; font-size:26px; }
.reward-icon[hidden] { display:none; }
.reward-name { position:absolute; z-index:2; right:0; bottom:14px; left:0; display:flex; align-items:flex-end; justify-content:center; padding:12px 4px 3px; background:linear-gradient(transparent,rgba(8,11,18,.96) 38%); color:var(--reward-name-blue); font-size:10px; line-height:1.1; overflow-wrap:anywhere; text-shadow:0 1px 3px #000; }
.reward-rarity-icon { width:13px; height:13px; object-fit:contain; }
.target-label { position:absolute; z-index:5; top:4px; left:4px; min-height:0; padding:2px 4px; background:rgba(8,11,18,.82); font-size:9px; letter-spacing:0; }
.target-label:empty { display:none; }
.reward.prime-focus,.reward.prime-focus:hover { z-index:7; border-color:var(--gold); outline:1px solid rgba(228,177,104,.72); outline-offset:-2px; box-shadow:inset 0 0 0 1px rgba(228,177,104,.42),0 0 10px rgba(228,177,104,.2); animation:prime-reward-highlight 1.1s ease-in-out 3; }
@keyframes prime-reward-highlight { 0%,100% { box-shadow:inset 0 0 0 1px rgba(228,177,104,.38),0 0 5px rgba(228,177,104,.12); } 50% { box-shadow:inset 0 0 0 1px rgba(255,218,151,.88),0 0 18px rgba(228,177,104,.58); } }
.owned-indicator { display:none; position:absolute; z-index:6; top:6px; right:6px; width:24px; height:24px; align-items:center; justify-content:center; border:1px solid rgba(111,232,236,.82); border-radius:50%; background:linear-gradient(145deg,rgba(10,35,42,.98),rgba(5,16,25,.98)); color:#9af3df; box-shadow:0 0 0 2px rgba(5,12,19,.78),0 0 14px rgba(96,214,210,.32),inset 0 1px rgba(255,255,255,.12); pointer-events:none; }
.owned-indicator svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 3px rgba(111,232,236,.42)); }
.reward.owned { opacity:1; }
.reward.owned .reward-art-wrap { opacity:.82; }
.reward.owned .reward-name { color:#b5c2cd; }
.reward.owned .owned-indicator { display:flex; }
.relic-card { border-radius:4px; animation:relic-card-enter .3s cubic-bezier(.2,.7,.2,1) both; animation-delay:calc(var(--card-order,0) * 22ms); transition:border-color .2s ease,transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s ease; }
.relic-card:hover,.relic-card:focus-within { border-color:var(--cyan); transform:translateY(-3px); box-shadow:0 15px 35px rgba(96,214,210,.15); }
.relic-card.is-selected { border-color:var(--gold); background:linear-gradient(155deg,rgba(28,36,48,.98),rgba(18,22,31,.99)); box-shadow:0 0 0 1px rgba(228,177,104,.38),0 18px 34px rgba(228,177,104,.18),0 0 18px rgba(96,214,210,.1); }
.relic-card.is-selected::before { background:linear-gradient(90deg,rgba(228,177,104,.95),rgba(96,214,210,.85)); box-shadow:0 0 20px rgba(228,177,104,.28); }
.relic-card.is-selected:hover,.relic-card.is-selected:focus-within { border-color:var(--gold); box-shadow:0 0 0 1px rgba(228,177,104,.42),0 18px 34px rgba(228,177,104,.2),0 0 18px rgba(96,214,210,.1); }
.reward { transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease; }
.reward:not(.preview-only):hover,.reward:not(.preview-only):focus-visible { z-index:2; border-color:var(--cyan); transform:translateY(-2px); box-shadow:0 7px 16px rgba(0,0,0,.28),0 0 12px rgba(96,214,210,.12); }
.reward.preview-only { cursor:default; }
.reward-art-wrap img { transition:transform .24s cubic-bezier(.2,.7,.2,1); }
.reward:not(.preview-only):hover .reward-art-wrap img,.reward:not(.preview-only):focus-visible .reward-art-wrap img { transform:scale(1.06); }
@keyframes relic-card-enter { from { opacity:0; transform:translateY(9px); } to { opacity:1; transform:translateY(0); } }
@media (prefers-reduced-motion:reduce) { .reward.prime-focus { animation:none; }.relic-card { animation:none; transition:none; }.reward,.reward-art-wrap img { transition:none; } }
@media (max-width:700px) { .rewards { grid-template-columns:repeat(3,minmax(0,1fr)); } }
.reward-chance-icon { opacity:.75; }
.reward-ducat-icon { width:15px; height:15px; }
.reward-detail-rarity .reward-rarity-icon,.reward-detail-rarity .reward-chance-icon { width:15px; height:15px; }
.hidden { display:none!important; }
.modal-reward-fallback[hidden] { display:none; }
.app-nav {
	max-width: 1440px;
	margin: 0 auto;
	padding: 12px max(5vw, 24px) 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	border-bottom: 1px solid rgba(110, 232, 236, 0.18);
	background: rgba(3, 12, 18, 0.92);
	backdrop-filter: blur(8px);
}
.nav-btn {
	position: relative;
	min-height: 36px;
	padding: 10px 14px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #a9b9c6;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .13em;
	text-transform: uppercase;
	transition: color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}
.nav-btn::before {
	content: "";
	position: absolute;
	left: 14px;
	right: 14px;
	bottom: 0;
	height: 2px;
	background: linear-gradient(90deg, rgba(110,232,236,0), rgba(110,232,236,.92), rgba(110,232,236,0));
	transform: scaleX(0);
	transition: transform .2s ease;
}
.nav-btn.active {
	color: #ecfaff;
	background: rgba(110, 232, 236, 0.04);
	box-shadow: inset 0 0 0 1px rgba(110, 232, 236, 0.08);
}
.nav-btn.active::before,
.nav-btn:hover::before {
	transform: scaleX(1);
}
.nav-btn:hover:not(.active) {
	color: #dfeff7;
	background: rgba(110, 232, 236, 0.03);
}
.nav-search {
	flex: 0 1 300px;
	min-width: 200px;
	height: 38px;
	margin-left: auto;
	padding: 0 14px;
	border: 1px solid rgba(110, 232, 236, 0.25);
	border-radius: 999px;
	background: linear-gradient(135deg, rgba(8, 22, 31, 0.94), rgba(7, 17, 24, 0.9));
	color: #9fbac0;
	transition: all .18s ease;
}
.nav-search:hover {
	border-color: rgba(110, 232, 236, 0.42);
}
.nav-search:focus-within {
	border-color: rgba(110, 232, 236, 0.7);
	box-shadow: 0 0 0 3px rgba(110, 232, 236, 0.08), 0 0 18px rgba(110, 232, 236, 0.08);
}
.nav-search input {
	min-width: 0;
	color: #dfeef7;
	font-size: 11px;
}
.nav-search input::placeholder { color: #7d98a4; opacity: 1; }
@keyframes fadeInSlideUp { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.view-panel { max-width:1440px; margin:auto; padding:26px max(5vw,24px) 70px; }
.view-panel:not(.hidden) { animation: fadeInSlideUp 0.35s ease-out forwards; }
.dashboard-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.dashboard-panel { padding:20px; border:1px solid var(--line); background:rgba(16,22,32,.82); }
.section-heading.compact { margin-bottom:16px; }
.summary-stack { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.summary-item,.mini-list-card,.target-card { padding:15px; border:1px solid var(--line); background:var(--panel2); }
.summary-item { display:grid; gap:4px; }.summary-item span,.summary-item small { color:var(--muted); font-size:11px; }.summary-item strong { color:var(--gold); font:600 28px "Barlow Condensed"; }
.list-mini-grid,.lists-grid,.target-dashboard { display:grid; gap:12px; }.mini-list-card { display:grid; gap:5px; text-align:left; color:var(--text); }.mini-list-card span,.target-card p { color:var(--muted); font-size:12px; }
.primary-button,.list-footer button,.list-picker button { padding:10px 14px; border:1px solid rgba(110,232,236,.8); background:linear-gradient(180deg, rgba(110,232,236,.22), rgba(110,232,236,.10)); color:#dffbff; box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 0 16px rgba(110,232,236,.12); transition:box-shadow .2s, transform .2s ease; } .primary-button:hover,.list-footer button:hover,.list-picker button:hover { box-shadow:0 0 18px rgba(110,232,236,.28); transform:translateY(-1px); }.secondary-button { padding:9px 12px; border:1px solid var(--line); background:transparent; color:var(--text); }
.lists-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr)); }.list-card { padding:18px; border:1px solid var(--line); background:var(--panel); }.list-card-header,.list-footer,.list-detail-header { display:flex; justify-content:space-between; align-items:start; gap:12px; }.list-card h3,.target-card h3 { margin:0; color:var(--gold); font:600 24px "Barlow Condensed"; text-transform:uppercase; }.list-card p,.list-notes { color:var(--muted); font-size:12px; }.list-meta,.list-detail-stats { display:flex; justify-content:space-between; margin:18px 0 8px; color:var(--muted); font-size:12px; }.list-progress { height:5px; background:#202b37; }.list-progress span { display:block; height:100%; background:var(--cyan); }.list-footer { align-items:center; margin-top:14px; }.list-footer strong { color:var(--cyan); }.list-footer div { display:flex; gap:6px; }.relic-icon-fallback { color:var(--gold); font:600 28px "Barlow Condensed"; }
.relic-card { min-height:390px; border:1px solid rgba(110,232,236,.18); background:linear-gradient(180deg, rgba(16,28,38,.98), rgba(10,16,23,.98)); box-shadow:0 18px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04); }
.relic-card:hover,.relic-card:focus-within { border-color:rgba(110,232,236,.52); transform:translateY(-2px); box-shadow:0 18px 38px rgba(0,0,0,.22), 0 0 18px rgba(110,232,236,.08), inset 0 1px 0 rgba(255,255,255,.05); }
.relic-card h2 { margin:0; line-height:1.05; font-size:26px; }
.completion-badge { align-self:flex-start; margin-top:2px; min-height:27px; display:inline-flex; align-items:center; padding:4px 9px; border-color:rgba(132,145,161,.28); border-radius:6px; background:rgba(132,145,161,.05); font-weight:600; letter-spacing:.04em; }
.completion-badge.complete { border-color:rgba(96,214,210,.45); background:rgba(96,214,210,.07); }
.rewards { gap:8px; margin-top:2px; }
.reward { border-color:rgba(132,145,161,.25); background:linear-gradient(155deg,rgba(25,39,55,.95),rgba(13,20,30,.98)); border-radius:8px; }
.reward-name { padding:16px 6px 4px; background:linear-gradient(transparent,rgba(8,11,18,.97) 44%); font-size:11px; line-height:1.2; }
.details-button,.add-list-button,.remove-list-button { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:8px 12px; border:1px solid rgba(110,232,236,.55); border-radius:8px; background:linear-gradient(180deg, rgba(110,232,236,.12), rgba(10,18,22,.96)); color:#6fe8ec; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease, background .18s ease; }
.details-button:hover,.add-list-button:hover,.remove-list-button:hover,.details-button:focus-visible,.add-list-button:focus-visible,.remove-list-button:focus-visible { border-color:#6fe8ec; background:linear-gradient(180deg, rgba(110,232,236,.16), rgba(12,24,28,.98)); box-shadow:0 0 16px rgba(110,232,236,.12); transform:translateY(-1px); }
.add-list-button { border-color:rgba(228,177,104,.5); background:linear-gradient(180deg, rgba(228,177,104,.12), rgba(17,20,24,.96)); color:var(--gold); }
.add-list-button:hover,.add-list-button:focus-visible { border-color:var(--gold); box-shadow:0 0 16px rgba(228,177,104,.12); }
.remove-list-button { border-color:rgba(240,115,115,.38); background:linear-gradient(180deg, rgba(240,115,115,.08), rgba(20,16,18,.96)); color:var(--red); }
.list-editor,.relic-list-detail,.list-picker { width:min(720px,calc(100% - 24px)); padding:0; border:0; background:transparent; color:var(--text); }.list-editor::backdrop,.relic-list-detail::backdrop,.list-picker::backdrop { background:rgba(0,0,0,.72); backdrop-filter:blur(4px); }.list-editor-frame,.list-detail-frame,.list-picker-frame { position:relative; padding:26px; border:1px solid var(--line); background:var(--panel); box-shadow:0 20px 80px rgba(0,0,0,.45); }.list-editor-frame h2 { margin:0 0 20px; font:600 32px "Barlow Condensed"; text-transform:uppercase; }.list-editor-frame label { display:block; margin:12px 0; color:var(--muted); font-size:12px; text-transform:uppercase; }.list-editor-frame input,.list-editor-frame textarea { display:block; width:100%; margin-top:7px; padding:10px; border:1px solid var(--line); background:var(--panel2); color:var(--text); }.list-editor-frame textarea { min-height:80px; resize:vertical; }.list-choice-wrap { max-height:280px; overflow:auto; display:grid; grid-template-columns:repeat(2,1fr); gap:4px; padding:8px 0; }.list-relic-choice { display:flex!important; gap:7px; align-items:center; padding:8px; margin:0!important; background:var(--panel2); text-transform:none!important; }.dialog-actions { display:flex; justify-content:flex-end; margin-top:15px; }.list-detail-header h2 { margin:5px 0 0; font:600 32px "Barlow Condensed"; text-transform:uppercase; }.compact-grid { margin-top:18px; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); }.list-picker-frame { display:grid; gap:8px; }.list-picker-frame h3 { margin:0 0 6px; color:var(--gold); }.empty-note { color:var(--muted); }.target-dashboard { grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
.list-picker-frame [data-add-prime-to-plan] { display:flex; flex-direction:column; align-items:flex-start; gap:4px; padding:10px 12px; border:1px solid var(--line); background:var(--panel2); color:var(--text); text-align:left; }
.list-picker-frame [data-add-prime-to-plan]:hover,.list-picker-frame [data-add-prime-to-plan]:focus-visible { border-color:var(--cyan); }
.list-picker-frame [data-add-prime-to-plan] span { color:var(--muted); font-size:10px; }
.list-picker-frame [data-create-prime-farm-plan] { margin-top:8px; }
.load-more { margin-top:12px; width:100%; padding:12px 16px; border:1px solid var(--line); background:rgba(96,214,210,.08); color:var(--cyan); font-weight:600; }
.target-card { min-width:0; display:grid; gap:12px; padding:16px 16px 14px; border:1px solid rgba(132,145,161,.26); border-radius:16px; background:linear-gradient(180deg, rgba(18,29,40,.96), rgba(12,18,26,.98)); box-shadow:0 18px 34px rgba(2,6,10,.22), inset 0 1px 0 rgba(255,255,255,.04); transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease; }
.target-card-header { display:flex; align-items:center; justify-content:space-between; gap:10px; min-width:0; }
.target-card-title { min-width:0; display:flex; align-items:center; gap:12px; }
.target-card h3 { min-width:0; font-size:19px; line-height:1.15; overflow-wrap:anywhere; letter-spacing:.2px; }
.target-card p { margin:0; }
.target-card-artwork { position:relative; width:58px; height:58px; flex:0 0 58px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(96,214,210,.22); border-radius:14px; background:radial-gradient(circle at 30% 30%, rgba(96,214,210,.18), rgba(7,13,22,.9) 60%); box-shadow:inset 0 1px 8px rgba(96,214,210,.1); }
.target-card-artwork img,.target-card-art-fallback { width:100%; height:100%; object-fit:contain; padding:6px; }
.target-card-art-fallback { display:grid; place-items:center; color:var(--muted); font-size:20px; }
.target-card-art-fallback[hidden] { display:none; }
.target-card-art-status { position:absolute; right:4px; bottom:4px; width:18px; height:18px; display:grid; place-items:center; border:1px solid rgba(132,145,161,.7); border-radius:50%; background:rgba(8,13,20,.96); color:var(--muted); font-size:9px; line-height:1; box-shadow:0 4px 10px rgba(0,0,0,.25); }
.target-card-art-status.is-complete { border-color:rgba(116,217,149,.7); background:rgba(18,37,26,.95); color:#74d995; }
.target-card-remove { width:32px; height:32px; flex:0 0 32px; display:grid; place-items:center; padding:0; border:1px solid rgba(132,145,161,.28); border-radius:10px; background:rgba(255,255,255,.02); color:var(--muted); font-size:18px; line-height:1; transition:background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease; }
.target-card-remove:hover,.target-card-remove:focus-visible { border-color:rgba(240,115,115,.65); background:rgba(240,115,115,.12); color:var(--red); transform:translateY(-1px); }
.target-card-meta { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.target-card-relic-link { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:34px; padding:7px 12px; border:1px solid rgba(96,214,210,.45); border-radius:999px; background:linear-gradient(180deg, rgba(12,27,31,.9), rgba(8,16,20,.95)); color:var(--cyan); font-size:10px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; transition:border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease; }
.target-card-relic-link:hover,.target-card-relic-link:focus-visible { border-color:var(--cyan); background:linear-gradient(180deg, rgba(16,35,39,.95), rgba(10,18,22,.98)); box-shadow:0 0 18px rgba(96,214,210,.14); transform:translateY(-1px); }
.target-card-relic-link:disabled { opacity:.45; cursor:not-allowed; transform:none; }
.target-card-meta span { display:inline-flex; align-items:center; justify-content:center; min-height:28px; padding:3px 8px; border:1px solid rgba(132,145,161,.28); border-radius:999px; background:rgba(132,145,161,.05); color:var(--muted); font-size:10px; }
.target-card-complete { min-height:38px; display:flex; align-items:center; justify-content:center; gap:8px; padding:9px 12px; border:1px solid rgba(132,145,161,.28); border-radius:12px; background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(96,214,210,.04)); color:var(--muted); font-size:11px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease; }
.target-card-complete:not(.is-complete):hover,.target-card-complete:not(.is-complete):focus-visible { border-color:rgba(116,217,149,.75); background:linear-gradient(180deg, rgba(68,174,103,.18), rgba(68,174,103,.08)); color:#8fe2ac; box-shadow:0 0 18px rgba(103,213,139,.12); transform:translateY(-1px); }
.target-card-complete.is-complete,.target-card.is-complete { border-color:rgba(103,213,139,.5); background:linear-gradient(180deg, rgba(68,174,103,.18), rgba(10,18,14,.9)); color:#74d995; }
.target-card.is-complete h3 { color:#74d995; }
.target-card-complete.is-complete:hover,.target-card-complete.is-complete:focus-visible { border-color:rgba(240,115,115,.85); background:linear-gradient(180deg, rgba(240,115,115,.14), rgba(27,12,12,.92)); color:var(--red); }
.target-button-hover,.target-button-hover-icon { display:none; }
.target-card-complete:hover .target-button-state,.target-card-complete:focus-visible .target-button-state,.target-card-complete:hover .target-button-state-icon,.target-card-complete:focus-visible .target-button-state-icon { display:none; }
.target-card-complete:hover .target-button-hover,.target-card-complete:focus-visible .target-button-hover,.target-card-complete:hover .target-button-hover-icon,.target-card-complete:focus-visible .target-button-hover-icon { display:inline; }
.target-card.just-completed { animation:target-achieved-pop .42s ease-out; }
@keyframes target-achieved-pop { 0% { transform:scale(.97); box-shadow:0 0 0 rgba(103,213,139,0); } 65% { transform:scale(1.012); box-shadow:0 0 22px rgba(103,213,139,.26); } 100% { transform:scale(1); box-shadow:0 0 0 rgba(103,213,139,0); } }
@media (prefers-reduced-motion:reduce) { .target-card,.target-card-complete,.target-card-artwork img { transition:none; } .target-card.just-completed { animation:none; } }
.target-dashboard-summary { display:grid; gap:9px; margin:0 0 16px; padding:0 0 12px; border-bottom:1px solid var(--line); }
.target-plan-source { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; padding:9px 11px; border:1px solid rgba(96,214,210,.25); background:rgba(96,214,210,.045); }
.target-plan-source>span { color:var(--cyan); font-size:9px; font-weight:700; }
.target-plan-source>strong { min-width:0; overflow:hidden; color:var(--text); font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.target-plan-source>button { margin-left:auto; padding:4px 8px; border:1px solid rgba(96,214,210,.35); background:transparent; color:var(--cyan); font-size:10px; }
.target-plan-source>button:hover,.target-plan-source>button:focus-visible { border-color:var(--cyan); background:rgba(96,214,210,.1); }
.target-summary-copy { display:flex; justify-content:space-between; align-items:end; gap:12px; }
.target-summary-copy .eyebrow { margin-bottom:3px; font-size:10px; }
.target-summary-copy strong { color:var(--text); font:600 21px/1 "Barlow Condensed"; }
.target-summary-copy strong span { color:var(--muted); font:500 12px "DM Sans","Segoe UI",sans-serif; }
.target-summary-percent { color:#74d995!important; }
.target-progress-track { height:5px; overflow:hidden; background:#202b37; }
.target-progress-track span { display:block; height:100%; background:linear-gradient(90deg,#45a96b,#83e5a1); transition:width .4s ease; }
.target-summary-note { margin:0; color:var(--muted); font-size:11px; }
.target-dashboard-filters { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px; }
.target-filter-button { min-height:34px; display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border:1px solid var(--line); background:transparent; color:var(--muted); font-size:11px; }
.target-filter-button span { min-width:18px; padding:1px 4px; background:rgba(132,145,161,.12); color:inherit; font-size:9px; text-align:center; }
.target-filter-button.active { border-color:var(--cyan); background:rgba(96,214,210,.1); color:var(--cyan); }
.target-filter-button.active span { background:rgba(96,214,210,.18); }
.target-dashboard { grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)); }
.target-card { position:relative; overflow:hidden; background:linear-gradient(145deg,rgba(21,31,44,.96),rgba(13,19,29,.98)); animation:target-card-enter .32s ease-out both; animation-delay:calc(var(--target-order,0) * 35ms); }
.target-card:hover { transform:translateY(-3px); border-color:rgba(96,214,210,.56); box-shadow:0 12px 24px rgba(0,0,0,.28),0 0 16px rgba(96,214,210,.09); }
.target-card.is-complete:hover { border-color:rgba(103,213,139,.68); box-shadow:0 12px 24px rgba(0,0,0,.28),0 0 16px rgba(103,213,139,.12); }
.target-card-artwork img { transition:transform .25s ease; }
.target-card:hover .target-card-artwork img { transform:scale(1.08); }
.target-card::before { content:""; position:absolute; inset:0 0 auto; height:2px; background:linear-gradient(90deg,rgba(96,214,210,.7),transparent 78%); }
.target-card.is-complete::before { background:linear-gradient(90deg,#74d995,transparent 78%); }
.target-card-meta { display:flex; align-items:center; gap:8px; }
.target-card-relic-link { display:inline-flex; align-items:center; justify-content:center; flex:0 1 auto; min-width:0; min-height:30px; padding:3px 8px; border:1px solid rgba(96,214,210,.36); background:rgba(96,214,210,.05); color:var(--cyan); font-size:9px; font-weight:700; letter-spacing:.2px; border-radius:10px; transition:border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease; }
.target-card-relic-link:hover,.target-card-relic-link:focus-visible { border-color:var(--cyan); background:linear-gradient(180deg, rgba(17,37,40,.96), rgba(10,18,22,.96)); box-shadow:0 0 16px rgba(96,214,210,.12); transform:translateY(-1px); }
.target-card-relic-link:disabled { opacity:.45; cursor:not-allowed; transform:none; }
.target-card-drops { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:30px; padding:3px 8px; border:1px solid rgba(132,145,161,.24); border-radius:10px; background:rgba(132,145,161,.05); color:var(--muted); font-size:9px; font-weight:700; letter-spacing:.2px; line-height:1.2; transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.target-card-drops:hover { border-color:rgba(96,214,210,.5); color:var(--cyan); box-shadow:0 0 10px rgba(96,214,210,.1); transform:translateY(-1px); }
.target-filter-empty { grid-column:1/-1; display:grid; justify-items:center; gap:8px; padding:24px 12px; border:1px dashed var(--line); color:var(--muted); text-align:center; }
.target-filter-empty > span { color:var(--cyan); font-size:22px; }
.target-filter-empty p { margin:0; font-size:12px; }
@keyframes target-card-enter { from { opacity:0; } to { opacity:1; } }
@media (max-width:520px) { .target-dashboard { grid-template-columns:minmax(0,1fr); } }
.relic-card { display:grid; align-content:start; min-width:0; min-height:0; padding:0 10px 12px; border:1px solid rgba(85,157,184,.4); border-radius:5px; background:radial-gradient(ellipse at 50% 0%,rgba(35,79,111,.24),transparent 46%),linear-gradient(180deg,#091522,#07101a 72%); box-shadow:0 6px 18px rgba(0,0,0,.14),0 0 6px rgba(75,148,190,.035); }
.relic-card::before { height:1px; background:linear-gradient(90deg,transparent,rgba(115,175,211,.56),transparent); box-shadow:0 0 7px rgba(74,156,202,.16); }
.relic-card:hover,.relic-card:focus-within { transform:none; border-color:rgba(101,169,208,.56); box-shadow:0 7px 20px rgba(2,6,10,.16),0 0 8px rgba(75,148,190,.055); }
.relic-card.is-selected { border-color:var(--gold); background:linear-gradient(155deg,rgba(28,36,48,.98),rgba(18,22,31,.99)); box-shadow:0 0 0 1px rgba(228,177,104,.25),0 8px 18px rgba(228,177,104,.08); }
.relic-card.is-selected::before { background:linear-gradient(90deg,rgba(228,177,104,.75),rgba(96,214,210,.5)); box-shadow:0 0 10px rgba(228,177,104,.2); }
.relic-hud { min-width:0; }
.relic-hud-emblem { --relic-panel-width:80px; --relic-panel-inset:3px; --relic-panel-gap:12px; position:relative; height:104px; display:grid; place-items:center; overflow:hidden; background:radial-gradient(ellipse at 50% 50%,rgba(63,174,207,.28),rgba(32,111,142,.14) 28px,rgba(9,39,57,.05) 51px,transparent 76px),radial-gradient(circle at 50% 49%,transparent 39px,rgba(72,190,216,.38) 40px,rgba(72,190,216,.38) 41px,transparent 42px),radial-gradient(circle at 50% 49%,transparent 48px,rgba(72,190,216,.22) 49px,rgba(72,190,216,.22) 50px,transparent 51px),radial-gradient(circle at 50% 49%,transparent 57px,rgba(72,190,216,.12) 58px,transparent 59px),linear-gradient(90deg,transparent,rgba(22,82,108,.1) 18%,transparent 50%,rgba(22,82,108,.1) 82%,transparent); }
.relic-hud-emblem::before,.relic-hud-emblem::after { content:""; position:absolute; top:52px; width:calc(50% - 53px); height:1px; border:0; background:linear-gradient(90deg,rgba(72,183,201,.12),rgba(72,183,201,.58)); box-shadow:0 5px 0 rgba(72,183,201,.06); pointer-events:none; }
.relic-hud-emblem::before { left:0; }
.relic-hud-emblem::after { right:calc(var(--relic-panel-width) + var(--relic-panel-inset) + var(--relic-panel-gap)); width:max(0px,calc(50% - 53px - var(--relic-panel-width) - var(--relic-panel-inset) - var(--relic-panel-gap))); transform:scaleX(-1); }
.relic-hud-icon { position:relative; z-index:1; width:104px; height:104px; object-fit:contain; filter:drop-shadow(0 2px 4px rgba(0,0,0,.42)); }
.relic-hud-icon.is-changing { animation:relic-hero-artwork-change .24s ease-out; }
@keyframes relic-hero-artwork-change { 0%,100% { opacity:1; } 45% { opacity:.18; } }
.relic-hud-fallback { position:relative; z-index:1; color:var(--gold); font:600 30px "Barlow Condensed"; }
.relic-hud-status { position:absolute; top:7px; left:2px; z-index:2; }
.relic-hud-status .completion-badge { min-height:0; margin:0; padding:3px 5px; border-color:rgba(228,177,104,.48); border-radius:0; background:rgba(5,16,25,.82); color:#e4b168; font:700 9px "Barlow Condensed"; }
.relic-card-heading { position:relative; padding:6px 3px 8px; border-bottom:1px solid rgba(89,150,174,.28); text-align:center; }
.relic-card-heading h2 { position:relative; margin:0; color:#8bd4e5; font:700 21px/1.1 "Barlow Condensed"; text-transform:uppercase; text-shadow:0 0 8px rgba(87,187,202,.12); overflow-wrap:anywhere; }
.relic-card-heading h2::before,.relic-card-heading h2::after { content:""; position:absolute; top:50%; width:calc(50% - 58px); height:5px; clip-path:polygon(0 38%,calc(100% - 8px) 38%,calc(100% - 8px) 0,calc(100% - 5px) 0,calc(100% - 5px) 38%,100% 38%,100% 62%,calc(100% - 5px) 62%,calc(100% - 5px) 100%,calc(100% - 8px) 100%,calc(100% - 8px) 62%,0 62%); background:linear-gradient(90deg,rgba(56,188,216,.12),rgba(56,188,216,.38)); box-shadow:0 0 3px rgba(56,188,216,.12); pointer-events:none; }
.relic-card-heading h2::before { left:0; }
.relic-card-heading h2::after { right:0; transform:scaleX(-1); }
.relic-card-heading > span { display:block; margin-top:3px; color:#b2c3cc; font-size:9px; }
.relic-card-actions { position:absolute; top:8px; right:3px; z-index:3; display:flex; flex-direction:column; align-items:stretch; gap:5px; width:80px; padding:4px 5px; border:1px solid rgba(96,214,210,.46); border-left-color:rgba(228,177,104,.68); background:rgba(5,14,22,.9); box-shadow:inset 0 0 0 1px rgba(228,177,104,.08),0 4px 12px rgba(0,0,0,.28); clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px); backdrop-filter:blur(3px); }
.relic-card-actions button { width:100%; min-height:22px; display:flex; align-items:center; justify-content:flex-start; gap:4px; padding:2px 4px; border:1px solid; border-radius:0; clip-path:polygon(0 4px,4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px)); font:600 8px/1 "Barlow Condensed"; letter-spacing:.03em; text-transform:uppercase; box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 -3px 5px rgba(0,0,0,.28); transition:border-color .2s ease,background .2s ease,box-shadow .2s ease; animation:relic-action-in .24s ease-out both; }
.relic-card-actions button:nth-child(2) { animation-delay:.06s; }
.relic-action-icon { width:11px; height:11px; flex:0 0 11px; display:block; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; opacity:.92; }
.relic-card-actions .details-button { border-color:rgba(110,215,222,.58); background:linear-gradient(180deg,rgba(21,61,72,.82),rgba(6,19,27,.96)); color:#78dce5; }
.relic-card-actions .add-list-button { border-color:rgba(210,164,95,.58); background:linear-gradient(180deg,rgba(69,49,27,.78),rgba(22,19,16,.96)); color:#e8b85b; }
.relic-card-actions .remove-list-button { border-color:rgba(240,115,115,.48); background:linear-gradient(180deg,rgba(55,28,31,.82),rgba(22,14,17,.96)); color:var(--red); }
.relic-card-actions .details-button:hover,.relic-card-actions .details-button:focus-visible { transform:none; border-color:rgba(110,215,222,.82); background:linear-gradient(180deg,rgba(27,77,87,.88),rgba(7,24,32,.98)); box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 7px rgba(96,214,210,.14); }
.relic-card-actions .add-list-button:hover,.relic-card-actions .add-list-button:focus-visible { transform:none; border-color:rgba(228,177,104,.82); background:linear-gradient(180deg,rgba(91,64,34,.84),rgba(25,21,17,.98)); box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 7px rgba(228,177,104,.14); }
.relic-card-actions .remove-list-button:hover,.relic-card-actions .remove-list-button:focus-visible { transform:none; border-color:var(--red); box-shadow:0 0 7px rgba(240,115,115,.14); }
@keyframes relic-action-in { from { opacity:0; transform:translateX(5px); } to { opacity:1; transform:translateX(0); } }
.rewards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px 5px; margin:0; padding:8px 0 4px; }
.relic-card .reward { height:105px; min-height:0; min-width:0; padding:0; overflow:hidden; border:1px solid rgba(85,145,169,.32); border-radius:0; background:radial-gradient(ellipse at 50% 35%,rgba(56,108,130,.12),transparent 66%),linear-gradient(155deg,rgba(17,40,55,.94),rgba(7,17,28,.98)); }
.relic-card .reward:hover,.relic-card .reward:focus-visible { border-color:rgba(110,205,222,.52); box-shadow:0 0 6px rgba(96,214,210,.07); }
.relic-card .reward-art-wrap { position:absolute; inset:0 0 28px; width:auto; height:auto; display:grid; place-items:center; }
.relic-card .reward-image { width:88px; height:78px; max-width:92%; max-height:94%; object-fit:contain; object-position:center; filter:drop-shadow(0 1px 2px rgba(0,0,0,.34)); }
.relic-card .reward-icon { color:#9db8c8; font-size:24px; }
.relic-card .reward-name { position:absolute; right:0; bottom:0; left:0; height:28px; display:grid; place-items:center; padding:3px 4px; background:linear-gradient(180deg,rgba(5,13,22,.84),rgba(5,13,22,.98)); color:#8bcce4; font:600 9px/1.08 "DM Sans"; text-align:center; overflow-wrap:anywhere; }
.relic-card .reward-name-label { max-width:100%; }
.relic-card .reward-ducat-status { color:var(--gold); }
.relic-chance-bars { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 5px; margin-top:-13px; padding:1px 0 8px; }
.relic-chance-track { position:relative; align-self:center; width:100%; height:2px; margin:7px 0 2px; border:0; background:linear-gradient(180deg,rgba(104,133,147,.28),rgba(7,16,25,.88)); box-shadow:0 0 2px rgba(0,0,0,.26); }
.relic-chance-track.common { grid-column:1 / -1; transform:translateY(-116px); }
@media (max-width:700px) { .relic-chance-track.common { transform:translateY(-243px); } }
.relic-chance-track.uncommon { grid-column:1 / span 2; }
.relic-chance-track.rare { grid-column:3; }
.relic-chance-fill { position:absolute; top:0; left:50%; display:block; width:0; height:100%; transform:translateX(-50%); transition:width .3s ease; }
.relic-chance-track.common .relic-chance-fill { background:#ad754a; }
.relic-chance-track.uncommon .relic-chance-fill { background:#b9c8d1; }
.relic-chance-track.rare .relic-chance-fill { background:#c59a52; }
.relic-chance-marker { position:absolute; top:50%; left:50%; width:14px; height:14px; object-fit:contain; transform:translate(-50%,-50%); filter:drop-shadow(0 1px 2px rgba(0,0,0,.54)); }
.relic-refinement-panel { padding:8px 8px 2px; border-top:1px solid rgba(89,139,168,.24); background:linear-gradient(180deg,rgba(19,42,59,.16),rgba(6,17,28,.3)); text-align:center; }
.relic-refinements { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:center; gap:0; width:100%; margin:0 auto 5px; padding:2px 0; }
.relic-refinement { position:relative; z-index:0; justify-self:center; width:68px; height:58px; margin-inline:-3px; padding:0; border:0; border-radius:0; background:transparent; color:#70cbd5; transition:transform .16s; }
.relic-refinement:focus-visible { outline:2px solid #efc64f; outline-offset:2px; }
.relic-refinement:hover,.relic-refinement.active { transform:translateY(-1px); }
.relic-refinement::before { content:""; position:absolute; inset:5px 10px; border:1px solid rgba(94,150,180,.46); background:linear-gradient(145deg,rgba(13,37,53,.62),rgba(7,19,31,.88)); transform:rotate(45deg); transition:background .16s,border-color .16s,box-shadow .16s; }
.relic-refinement::after { content:""; position:absolute; inset:15px 20px; z-index:1; border:1px solid rgba(91,161,181,.14); border-radius:50%; background:radial-gradient(circle,rgba(52,128,151,.18),rgba(9,26,39,.08) 70%); }
.relic-refinement:hover::before { border-color:rgba(122,212,219,.72); background:linear-gradient(145deg,rgba(19,55,71,.68),rgba(8,25,37,.94)); box-shadow:0 0 7px rgba(87,187,202,.14),inset 0 0 6px rgba(87,187,202,.08); }
.relic-refinement.refined::before { border-color:rgba(94,150,180,.46); background:linear-gradient(145deg,rgba(13,37,53,.62),rgba(7,19,31,.88)); box-shadow:none; }
.relic-refinement.active::before { border-color:#efc64f; background:linear-gradient(145deg,rgba(67,55,27,.62),rgba(15,27,34,.9)); box-shadow:0 0 6px rgba(239,198,79,.14),inset 0 0 4px rgba(239,198,79,.07); }
.relic-refinement-pointer { position:absolute; top:-2px; left:50%; z-index:5; width:10px; height:7px; transform:translateX(-50%); pointer-events:none; }
.relic-refinement-pointer::before { content:""; position:absolute; top:0; left:50%; width:8px; height:6px; background:#f2c75f; clip-path:polygon(50% 0,100% 100%,0 100%); transform:translateX(-50%); }
.relic-refinement-pointer[hidden] { display:none; }
.relic-refinement-symbol { position:absolute; top:50%; left:50%; z-index:2; width:42px; height:42px; display:grid; place-items:center; transform:translate(-50%,-50%); }
.relic-refinement-icon { display:block; width:38px; height:38px; max-width:100%; max-height:100%; object-fit:contain; filter:drop-shadow(0 1px 2px rgba(0,0,0,.48)); }
.relic-refinement-check { position:absolute; bottom:0; left:50%; z-index:6; display:block; padding:0 3px; transform:translateX(-50%); background:#081620; color:#f2c75f; font:700 10px/1 "DM Sans"; text-shadow:0 0 3px rgba(242,199,95,.3); }
.relic-refinement-check[hidden] { display:none; }
.relic-progress { --progress-color:#68cfe0; --progress-glow:rgba(68,197,222,.2); margin-top:13px; }
.relic-progress-rail { position:relative; width:100%; height:2px; margin:0 auto; border-radius:999px; }
.relic-progress-rail::before { content:""; position:absolute; inset:0; border-radius:inherit; background:var(--progress-color); opacity:.34; box-shadow:0 0 4px var(--progress-glow); }
.relic-progress-fill { position:absolute; top:0; left:0; display:block; width:0; height:100%; overflow:hidden; border-radius:inherit; background:linear-gradient(180deg,rgba(255,255,255,.24),transparent),var(--progress-color); box-shadow:0 0 5px var(--progress-glow); transition:width .3s ease; }
.relic-progress-fill::after { content:""; position:absolute; top:-1px; bottom:-1px; left:-25%; width:25%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent); opacity:0; }
.relic-progress-node { position:absolute; top:50%; left:12.5%; width:6px; height:6px; border:1px solid var(--progress-color); border-radius:50%; background:#081620; box-shadow:0 0 4px var(--progress-glow); transform:translate(-50%,-50%); transition:left .3s ease,border-color .3s ease,box-shadow .3s ease; }
.relic-progress.is-intact { --progress-color:#68cfe0; --progress-glow:rgba(68,197,222,.22); }
.relic-progress.is-exceptional { --progress-color:#dda16b; --progress-glow:rgba(221,139,75,.24); }
.relic-progress.is-flawless { --progress-color:#d5e8ef; --progress-glow:rgba(190,225,239,.26); }
.relic-progress.is-radiant { --progress-color:#e9bd65; --progress-glow:rgba(228,177,104,.28); }
.relic-progress.is-radiant .relic-progress-node { display:none; }
.relic-refinement-cost { display:block; margin:7px 0 0; color:var(--progress-color,#b8d2dc); font:600 10px/1.15 "Barlow Condensed"; letter-spacing:.04em; text-align:center; text-shadow:0 0 5px var(--progress-glow,transparent); transition:color .3s ease,text-shadow .3s ease; }
.relic-progress.is-changing .relic-progress-fill::after { animation:relic-progress-sweep .36s ease-out; }
@keyframes relic-progress-sweep { 0% { left:-25%; opacity:0; } 24% { opacity:.7; } 100% { left:100%; opacity:0; } }
@keyframes relic-action-in { from { opacity:0; transform:translateX(5px); } to { opacity:1; transform:translateX(0); } }
@media (prefers-reduced-motion:reduce) { .relic-card,.relic-card-actions button,.relic-refinement,.relic-hud-icon.is-changing,.relic-chance-fill,.relic-progress-fill,.relic-progress-node,.relic-refinement-cost { animation:none; transition:none; } }
@media (max-width:700px) { .relic-hud-emblem { --relic-panel-width:73px; }.relic-card-actions { width:73px; }.relic-card-actions button { gap:3px; padding:2px 4px; font-size:7px; }.rewards { grid-template-columns:repeat(2,minmax(0,1fr)); }.relic-refinement { width:64px; height:56px; margin-inline:-2px; }.relic-refinement::before { inset:5px 9px; }.relic-refinement::after { inset:15px 19px; }.relic-refinement-symbol { width:40px; height:40px; }.relic-refinement-icon { width:35px; height:35px; } }
.relic-card--requiem-eterna { min-height:0; }
.relic-card--requiem-eterna .reward-grid--requiem-eterna { grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.relic-card--requiem-eterna .reward-grid--requiem-eterna .requiem-eterna-reward { border-bottom-width:1px; }
.relic-card--requiem-eterna .requiem-glyph { width:38px; height:38px; max-width:60%; max-height:68%; filter:drop-shadow(0 1px 2px rgba(0,0,0,.68)); }
.relic-card--requiem-eterna .requiem-eterna-fixed-reward { position:relative; width:100%; height:1px; margin:7px 0 0; background:linear-gradient(90deg,transparent 0%,rgba(207,138,82,.92) 5%,#d69a62 50%,rgba(207,138,82,.92) 95%,transparent 100%); box-shadow:0 0 3px rgba(207,138,82,.22); }
.relic-card--requiem-eterna .requiem-eterna-fixed-reward span { position:absolute; top:50%; left:50%; width:5px; height:5px; transform:translate(-50%,-50%) rotate(45deg); border:1px solid #d99b65; background:#442f27; box-shadow:0 0 3px rgba(217,155,101,.38); }
.relic-card--requiem-eterna .requiem-eterna-status { position:relative; display:grid; justify-items:center; gap:2px; width:100%; min-height:58px; box-sizing:border-box; margin:5px 0 1px; padding:7px 10px 6px; border-top:1px solid rgba(96,214,210,.36); border-bottom:1px solid rgba(228,177,104,.28); background:linear-gradient(90deg,transparent,rgba(96,214,210,.035) 22%,rgba(228,177,104,.035) 78%,transparent); text-align:center; }
.relic-card--requiem-eterna .requiem-eternal-state { width:23px; height:23px; fill:none; stroke:#6fd7dc; stroke-width:1.25; filter:drop-shadow(0 0 4px rgba(96,214,210,.16)); }
.relic-card--requiem-eterna .requiem-eternal-state path:nth-child(2) { stroke:#d8b66e; }
.relic-card--requiem-eterna .requiem-eternal-state circle { fill:#d8b66e; stroke:none; }
.relic-card--requiem-eterna .requiem-eterna-status strong { color:#8edce3; font:600 9px/1.1 "Barlow Condensed"; letter-spacing:.16em; }
.relic-card--requiem-eterna .requiem-eterna-status small { color:#c7a969; font:500 8px/1.1 "Barlow Condensed"; letter-spacing:.12em; }
@media (max-width:700px) { .relic-card--requiem-eterna .reward-grid--requiem-eterna { grid-template-columns:repeat(2,minmax(0,1fr)); } }

.farm-planner { display:grid; gap:12px; }
@media (min-width:961px) {
	.top-header { min-height:128px; padding:16px 20px; gap:12px; }
	.brand-picture { width:72px; height:72px; flex-basis:72px; }
	.brand-logo-full { display:none; }
	.brand-logo-compact { display:block; }
	.brand-mobile-name { display:grid; gap:2px; min-width:0; color:#edf4fb; font:600 26px/.96 "Barlow Condensed"; text-transform:uppercase; }
}
.planner-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr); align-items:stretch; gap:16px; }
	.top-header { min-height:96px; padding:12px 16px; }
	.brand-heading { gap:9px; }
	.brand-picture { width:58px; height:58px; flex-basis:58px; }
	.brand-mobile-name { font-size:20px; line-height:1; }
.planner-mission h3 { margin:0; color:var(--text); font:600 30px/1.05 "Barlow Condensed"; overflow-wrap:anywhere; }
.planner-mission p { margin:5px 0 0; color:var(--muted); font-size:12px; }
.planner-mission-mark { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border:1px solid rgba(96,214,210,.35); color:var(--cyan); font-size:18px; }
.planner-targets,.planner-covered-relics { display:grid; gap:7px; }
.planner-subheading { color:var(--muted); font-size:10px; font-weight:700; letter-spacing:.12em; }
.planner-targets > div,.planner-covered-relics > div { display:flex; flex-wrap:wrap; gap:6px; }
.planner-targets > div > span { max-width:100%; overflow:hidden; padding:4px 7px; border:1px solid rgba(228,177,104,.38); background:rgba(228,177,104,.06); color:#d9b777; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.planner-covered-relics { padding-top:12px; border-top:1px solid rgba(132,145,161,.18); }
.planner-mission-table-scroll { max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-color:rgba(132,145,161,.35) transparent; scrollbar-width:thin; }
.planner-mission-table { width:100%; min-width:0; display:grid; }
.planner-mission-table-row { min-width:0; display:grid; grid-template-columns:minmax(78px,.95fr) minmax(0,1.5fr) minmax(42px,.58fr) minmax(62px,.8fr) minmax(44px,.55fr) 28px; align-items:center; border-bottom:1px solid rgba(132,145,161,.13); }
.planner-mission-table-row:last-child { border-bottom:0; }
.planner-mission-table-row > span { min-width:0; overflow:hidden; padding:7px 6px; color:var(--muted); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.planner-mission-table-row.is-header { border-bottom-color:rgba(132,145,161,.25); background:rgba(132,145,161,.035); }
.planner-mission-table-row.is-header > span { color:var(--muted); font-size:8px; font-weight:700; }
.planner-mission-table-row.is-focused { background:rgba(96,214,210,.07); }
.planner-table-relic { max-width:100%; overflow:hidden; padding:2px 0; border:0; background:transparent; color:var(--text); font-size:10px; font-weight:700; text-align:left; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; }
.planner-table-relic:hover,.planner-table-relic:focus-visible,.planner-mission-table-row.is-focused .planner-table-relic { color:var(--cyan); }
.planner-table-targets { overflow-wrap:anywhere; color:#d9b777!important; line-height:1.25; white-space:normal!important; }
.planner-table-status.status-farmable,.planner-table-status.status-resurgence,.planner-table-status.status-event { color:var(--cyan)!important; }
.planner-table-status.status-vaulted { color:var(--muted)!important; }
.planner-table-chance { color:var(--cyan)!important; font-variant-numeric:tabular-nums; }
.planner-mission-ranking { min-width:0; border-top:1px solid rgba(132,145,161,.22); }
.planner-mission-ranking-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 2px; color:var(--muted); }
.planner-mission-ranking-heading > div { display:flex; align-items:center; gap:10px; }
.planner-mission-ranking-heading small,.planner-mission-ranking-heading > span { color:var(--muted); font-size:10px; }
.planner-mission-ranking-heading small { color:var(--cyan); font-weight:700; }
.planner-mission-list { max-height:min(720px,78vh); overflow-y:auto; overscroll-behavior:contain; border-top:1px solid rgba(132,145,161,.18); scrollbar-color:rgba(132,145,161,.38) transparent; scrollbar-width:thin; }
.planner-mission-entry { min-width:0; border-bottom:1px solid rgba(132,145,161,.17); animation:planner-mission-row-in .24s ease-out both; animation-delay:calc(var(--mission-order,0) * 24ms); transition:background .16s ease,border-color .16s ease; }
.planner-mission-entry:hover { background:rgba(96,214,210,.025); }
.planner-mission-entry.is-recommended { border-left:2px solid var(--cyan); background:linear-gradient(90deg,rgba(96,214,210,.08),rgba(96,214,210,.015) 72%,transparent); }
.planner-mission-entry.is-open { background:rgba(96,214,210,.035); }
.planner-mission-toggle { width:100%; display:grid; grid-template-columns:30px minmax(0,1.35fr) minmax(120px,0.8fr) 18px; align-items:center; gap:10px; padding:12px 12px 11px; border:0; background:transparent; color:var(--text); text-align:left; cursor:pointer; }
.planner-mission-toggle:hover,.planner-mission-toggle:focus-visible { background:rgba(96,214,210,.05); }
.planner-mission-toggle:focus-visible { outline:2px solid var(--gold); outline-offset:-2px; }
.planner-mission-recommended { justify-self:start; padding:3px 6px; border:1px solid rgba(96,214,210,.44); background:rgba(96,214,210,.09); color:var(--cyan); font-size:9px; font-weight:700; letter-spacing:.08em; }
.planner-location-icon { width:28px; height:28px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(132,145,161,.24); border-radius:50%; background:rgba(255,255,255,.035); transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease; }
.planner-location-icon img { width:100%; height:100%; object-fit:cover; }
.planner-location-icon-fallback { width:100%; height:100%; place-items:center; color:var(--cyan); font-size:15px; }
.planner-location-icon.is-fallback .planner-location-icon-fallback { display:grid; }
.planner-mission-toggle:hover .planner-location-icon,.planner-mission-toggle:focus-visible .planner-location-icon { border-color:var(--cyan); box-shadow:0 0 10px rgba(96,214,210,.16); transform:scale(1.05); }
.planner-mission-row-copy { min-width:0; display:grid; gap:4px; }
.planner-mission-row-copy strong { overflow:hidden; color:var(--text); font-size:15px; line-height:1.15; text-overflow:ellipsis; white-space:nowrap; }
.planner-mission-row-copy small { overflow:hidden; color:var(--muted); font-size:11px; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
.planner-mission-row-coverage { min-width:0; display:grid; gap:3px; justify-items:end; text-align:right; }
.planner-mission-row-coverage strong { color:var(--text); font-size:12px; }
.planner-mission-row-coverage small { overflow:hidden; color:#d9b777; font-size:11px; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.planner-mission-expand-icon { display:grid; place-items:center; color:var(--cyan); font-size:18px; transition:transform .18s ease; }
.planner-mission-toggle[aria-expanded="true"] .planner-mission-expand-icon { transform:rotate(180deg); }
.planner-mission-relics { padding:0 12px 14px 124px; }
.planner-mission-relics[hidden] { display:none; }
.planner-mission-relics:not([hidden]) { animation:planner-mission-expand .2s ease-out both; }
@keyframes planner-mission-row-in { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
.planner-relic-choice { max-width:100%; display:inline-flex; }
.planner-relic-select { min-width:0; overflow:hidden; padding:5px 7px; border:1px solid rgba(132,145,161,.24); background:rgba(255,255,255,.02); color:var(--text); font-size:10px; text-overflow:ellipsis; white-space:nowrap; transition:border-color .16s ease,background .16s ease,color .16s ease; }
.planner-relic-select:hover,.planner-relic-select:focus-visible,.planner-relic-select.is-focused { border-color:var(--cyan); background:rgba(96,214,210,.1); color:var(--cyan); }
.planner-relic-details { width:25px; flex:0 0 25px; display:grid; place-items:center; padding:3px; border:1px solid rgba(132,145,161,.24); border-left:0; background:rgba(255,255,255,.02); color:var(--cyan); font-size:11px; }
.planner-relic-details:hover,.planner-relic-details:focus-visible { border-color:var(--cyan); background:rgba(96,214,210,.12); }
.planner-relic-overflow { align-self:center; color:var(--muted); font-size:10px; }
.planner-focus-bar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; padding:8px 10px; border-left:2px solid var(--gold); background:rgba(228,177,104,.05); color:var(--muted); font-size:10px; }
.planner-focus-bar strong { color:var(--gold); }
.planner-focus-bar button { padding:4px 7px; border:1px solid rgba(132,145,161,.28); background:transparent; color:var(--cyan); font-size:9px; }
.planner-focus-bar button:hover { border-color:var(--cyan); background:rgba(96,214,210,.08); }
.planner-recommendation.is-focused-relic { border-color:rgba(228,177,104,.55); box-shadow:0 0 18px rgba(228,177,104,.08); animation:planner-focus-in .28s ease-out both; }
@keyframes planner-focus-in { from { opacity:.72; transform:translateX(-6px); } to { opacity:1; transform:translateX(0); } }
.planner-alternatives { min-width:0; display:grid; grid-template-rows:auto minmax(0,1fr); align-content:start; }
.planner-alternatives > h3 { display:flex; justify-content:space-between; margin:2px 0 8px; padding-bottom:8px; border-bottom:1px solid rgba(132,145,161,.2); color:var(--muted); font-size:10px; font-weight:700; }
.planner-alternatives > h3 span { color:var(--cyan); font-variant-numeric:tabular-nums; }
.planner-alternative-list { max-height:min(550px,68vh); overflow-y:auto; overscroll-behavior:contain; padding-right:8px; scrollbar-color:rgba(132,145,161,.4) transparent; scrollbar-width:thin; }
.planner-alternative { min-width:0; display:grid; gap:0; padding:0 2px; border-bottom:1px solid rgba(132,145,161,.16); transition:background .16s ease,border-color .16s ease; }
.planner-alternative:first-child { border-top:0; }
.planner-alternative-toggle { width:100%; display:block; padding:12px 0; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; }
.planner-alternative-toggle:hover,.planner-alternative-toggle:focus-visible { background:rgba(96,214,210,.045); }
.planner-alternative-toggle:focus-visible { outline:2px solid var(--gold); outline-offset:2px; }
.planner-alternative.is-open { border-bottom-color:rgba(96,214,210,.35); background:rgba(96,214,210,.025); }
.planner-alternative-header { min-width:0; display:grid; grid-template-columns:28px minmax(0,1fr) auto 22px; align-items:center; gap:8px; }
.planner-alternative-rank { color:rgba(132,145,161,.6); font:600 15px "Barlow Condensed"; }
.planner-alternative-copy { min-width:0; display:grid; gap:3px; }
.planner-alternative-copy strong { color:var(--text); font-size:12px; }
.planner-alternative-copy span { overflow:hidden; color:var(--muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.planner-coverage-count { color:var(--muted); font-size:9px; white-space:nowrap; }
.planner-expand-icon { display:grid; place-items:center; color:var(--cyan); font-size:17px; transition:transform .18s ease; }
.planner-alternative-toggle[aria-expanded="true"] .planner-expand-icon { transform:rotate(180deg); }
.planner-alternative-relics { display:grid; grid-template-columns:repeat(auto-fit,minmax(175px,1fr)); gap:5px; padding:0 0 12px 36px; }
.planner-alternative-relics[hidden] { display:none; }
.planner-alternative-relics:not([hidden]) { animation:planner-mission-expand .2s ease-out both; }
@keyframes planner-mission-expand { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:translateY(0); } }
.planner-alternative-relic-row { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) 25px; }
.planner-alternative-relic { min-width:0; display:flex; align-items:center; justify-content:space-between; gap:7px; padding:6px 7px; border:1px solid rgba(132,145,161,.2); background:rgba(255,255,255,.02); color:var(--text); text-align:left; transition:border-color .16s ease,background .16s ease,color .16s ease; }
.planner-alternative-relic:hover,.planner-alternative-relic:focus-visible,.planner-alternative-relic.is-focused { border-color:rgba(96,214,210,.58); background:rgba(96,214,210,.08); color:var(--cyan); }
.planner-alternative-relic-row .planner-relic-details { width:25px; }
.planner-alternative-relic > span:first-child { min-width:0; display:grid; gap:2px; }
.planner-alternative-relic strong,.planner-alternative-relic small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.planner-alternative-relic strong { font-size:10px; }
.planner-alternative-relic small { color:var(--muted); font-size:9px; }
.planner-relic-chance { flex:0 0 auto; color:var(--cyan); font-size:9px; }
.planner-source-note { margin:0; color:var(--muted); font-size:10px; }
.planner-empty { min-height:104px; display:flex; align-items:center; gap:14px; padding:18px; border:1px dashed rgba(132,145,161,.3); }
.planner-empty-mark { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border:1px solid rgba(96,214,210,.3); color:var(--cyan); font-size:18px; }
.planner-empty h3 { margin:0; color:var(--text); font:600 17px "Barlow Condensed"; }
.planner-empty p { margin:4px 0 0; color:var(--muted); font-size:11px; }
.planner-empty .secondary-button { flex:0 0 auto; margin-left:auto; }
@media (max-width:700px) {
	.planner-mission-toggle { grid-template-columns:24px minmax(0,1fr) 16px; gap:7px; padding:7px; }
	.planner-location-icon { width:22px; height:22px; grid-column:1; grid-row:1/3; }
	.planner-mission-row-copy { grid-column:2; grid-row:1; }
	.planner-mission-row-coverage { grid-column:2; grid-row:2; justify-items:start; text-align:left; }
	.planner-mission-expand-icon { grid-column:3; grid-row:1/3; }
	.planner-mission-relics { padding:0 4px 12px 36px; }
}
@media (max-width:860px) { .planner-layout { grid-template-columns:minmax(0,1fr); }.planner-alternatives { padding:0 18px; } }
@media (max-width:520px) { .planner-recommendation { padding:15px; }.planner-mission-table-row { grid-template-columns:minmax(68px,.9fr) minmax(0,1.2fr) minmax(38px,.5fr) minmax(58px,.75fr) minmax(38px,.45fr) 24px; }.planner-mission-table-row > span { padding:6px 3px; font-size:8px; }.planner-alternative-relics { grid-template-columns:minmax(0,1fr); padding-left:30px; }.planner-empty { align-items:flex-start; flex-wrap:wrap; }.planner-empty .secondary-button { margin:0; } }
@media (prefers-reduced-motion: reduce) { .view-panel:not(.hidden),.planner-recommendation.is-focused-relic,.planner-alternative-relics:not([hidden]),.planner-mission-relics:not([hidden]),.planner-mission-entry { animation:none; } .planner-relic-select,.planner-relic-details,.planner-alternative-relic,.planner-expand-icon,.planner-mission-expand-icon,.planner-location-icon { transition:none; } }
.availability-item strong { color:var(--cyan); }
.prime-farm-plan-dialog { width:min(560px,calc(100% - 24px)); max-width:none; max-height:90dvh; padding:0; border:0; background:transparent; color:var(--text); }
.prime-farm-plan-dialog::backdrop { background:rgba(0,0,0,.72); backdrop-filter:blur(4px); }
.prime-farm-plan-frame { position:relative; max-height:90dvh; overflow-y:auto; padding:26px; border:1px solid var(--line); background:var(--panel); box-shadow:0 20px 80px rgba(0,0,0,.45); }
.prime-target-dialog { width:min(560px,calc(100% - 24px)); max-width:none; max-height:90dvh; padding:0; border:0; background:transparent; color:var(--text); }
.prime-target-dialog::backdrop { background:rgba(0,0,0,.72); backdrop-filter:blur(4px); }
.prime-target-picker-frame { position:relative; max-height:90dvh; overflow-y:auto; padding:26px; border:1px solid var(--line); background:var(--panel); box-shadow:0 20px 80px rgba(0,0,0,.45); }
.prime-target-picker-frame h2 { margin:0; color:var(--gold); font:600 30px/1.1 "Barlow Condensed"; text-transform:uppercase; }
.prime-target-picker-frame .eyebrow { margin:0 0 5px; color:var(--cyan); font-size:10px; }
.prime-target-picker-subtitle { margin:5px 0 16px; color:var(--muted); font-size:12px; line-height:1.5; }
.prime-target-picker-quick-actions { display:flex; flex-wrap:wrap; gap:8px 16px; margin-bottom:14px; }
.prime-target-picker-quick-actions .text-button { padding:4px 0; color:var(--cyan)!important; }
.prime-target-picker-options { display:grid; gap:0; margin:0; padding:8px 12px; border:1px solid var(--line); }
.prime-target-picker-options legend { padding:0 5px; color:var(--muted); font-size:11px; }
.prime-target-picker-options label { min-width:0; display:grid; grid-template-columns:18px minmax(0,1fr) auto; align-items:center; gap:8px; margin:0; padding:10px 6px; border-bottom:1px solid rgba(132,145,161,.16); cursor:pointer; }
.prime-target-picker-options label:last-child { border-bottom:0; }
.prime-target-picker-options input { width:16px; height:16px; margin:0; accent-color:var(--cyan); }
.prime-target-picker-options label > span { min-width:0; display:grid; gap:3px; }
.prime-target-picker-options strong { color:var(--text); font-size:13px; overflow-wrap:anywhere; }
.prime-target-picker-options small { color:var(--muted); font-size:10px; }
.prime-target-picker-frame .dialog-actions { margin-top:16px; }
.prime-farm-plan-frame .eyebrow { margin:0 0 5px; color:var(--cyan); font-size:10px; }
.prime-roster-heading { align-items:flex-start; margin-bottom:20px; border:0; padding:4px 0 0; }
.prime-roster-heading > div { max-width:780px; }
.prime-roster-heading .eyebrow { color:var(--cyan); letter-spacing:.2em; }
.prime-roster-heading h2 { font-size:clamp(38px,5vw,54px); letter-spacing:.035em; }
.prime-roster-intro { max-width:700px; margin:10px 0 0; color:#a2b0be; font-size:13px; line-height:1.65; }
.prime-roster-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0 0 20px; border:1px solid rgba(96,214,210,.17); background:linear-gradient(115deg,rgba(12,25,37,.9),rgba(7,13,22,.78)); }
.prime-roster-stat { min-width:0; display:flex; align-items:baseline; gap:10px; padding:13px 17px; }
.prime-roster-stat + .prime-roster-stat { border-left:1px solid rgba(132,145,161,.16); }
.prime-roster-stat strong { color:#e9f1f6; font:600 27px/1 "Barlow Condensed",sans-serif; }
.prime-roster-stat span { color:#8e9dab; font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.prime-roster-stat-farmable strong { color:var(--cyan); }
.prime-roster-stat-resurgence strong { color:var(--gold); }
.prime-roster-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:0 0 16px; }
.prime-roster-status-filters { display:flex; max-width:100%; gap:5px; overflow-x:auto; padding:2px 0; scrollbar-width:none; }
.prime-roster-status-filters::-webkit-scrollbar { display:none; }
.prime-roster-filter { min-height:36px; flex:0 0 auto; padding:8px 13px; border:1px solid rgba(132,145,161,.22); border-radius:3px; background:rgba(9,16,25,.74); color:#a6b2bf; font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.prime-roster-filter:hover,.prime-roster-filter.is-active { border-color:rgba(96,214,210,.56); background:rgba(96,214,210,.09); color:var(--cyan); }
.prime-roster-filter[data-prime-roster-filter="prime-resurgence"].is-active { border-color:rgba(228,177,104,.62); background:rgba(228,177,104,.09); color:var(--gold); }
.prime-roster-search { min-width:min(260px,100%); min-height:38px; flex:1 1 240px; display:flex; align-items:center; gap:9px; padding:0 11px; border:1px solid rgba(132,145,161,.25); background:rgba(6,13,21,.82); color:var(--cyan); }
.prime-roster-search:focus-within { border-color:rgba(96,214,210,.62); }
.prime-roster-search > span { font-size:20px; line-height:1; }
.prime-roster-search input { width:100%; min-width:0; height:36px; border:0; outline:0; background:transparent; color:var(--text); font-size:11px; }
.prime-roster-search input::placeholder { color:#788795; }
.prime-roster-sort { display:flex; align-items:center; gap:7px; color:#8493a1; font-size:9px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.prime-roster-sort select { min-height:38px; max-width:100%; padding:0 28px 0 10px; border-color:rgba(132,145,161,.25); border-radius:0; background-color:rgba(6,13,21,.82); color:#c4d0da; font-size:10px; }
.prime-roster-grid { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:14px; }
.prime-roster-card { position:relative; min-width:0; overflow:hidden; display:flex; flex-direction:column; padding:15px; border:1px solid rgba(96,214,210,.25); border-radius:5px; background:radial-gradient(circle at 90% 2%,rgba(96,214,210,.075),transparent 30%),linear-gradient(145deg,rgba(13,23,34,.98),rgba(5,11,19,.98)); }
.prime-roster-card::before { position:absolute; top:0; right:0; width:130px; height:130px; border:1px solid rgba(96,214,210,.07); border-radius:50%; content:""; pointer-events:none; transform:translate(34%,-39%); }
.prime-roster-card.status-prime-resurgence { border-color:rgba(228,177,104,.3); }
.prime-roster-card.status-vaulted { border-color:rgba(132,145,161,.2); }
.prime-roster-frame { position:relative; min-width:0; display:grid; grid-template-columns:128px minmax(0,1fr); align-items:center; gap:15px; }
.prime-roster-frame-art { position:relative; width:128px; height:150px; display:grid; place-items:center; overflow:hidden; padding:8px; border:1px solid rgba(96,214,210,.2); background:radial-gradient(ellipse at center,rgba(72,183,205,.15),rgba(5,13,22,.18) 69%); }
.prime-roster-frame-art::before,.prime-roster-frame-art::after { position:absolute; inset:10px; border:1px solid rgba(96,214,210,.11); border-radius:50%; content:""; pointer-events:none; }
.prime-roster-frame-art::after { inset:22px 3px; transform:rotate(45deg); }
.prime-roster-frame-art img { position:relative; z-index:1; width:100%; height:100%; object-fit:contain; }
.prime-roster-frame-art .home-prime-art-fallback { width:100%; height:100%; background:radial-gradient(ellipse at center,rgba(96,214,210,.12),transparent 70%); }
.prime-roster-art-ring { position:absolute; inset:19px 7px; border:1px solid rgba(96,214,210,.13); border-radius:50%; transform:rotate(-45deg); }
.prime-roster-frame-copy { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.prime-roster-card-kicker { margin:0; color:#8aa2b2; font-size:8px; font-weight:700; letter-spacing:.15em; }
.prime-roster-frame-copy h3 { min-width:0; margin:0; color:var(--text); font:600 clamp(22px,2vw,29px)/1 "Barlow Condensed",sans-serif; letter-spacing:.025em; text-transform:uppercase; }
.prime-roster-frame-copy h3 button { max-width:100%; padding:0; border:0; background:transparent; color:inherit; font:inherit; text-align:left; text-transform:inherit; overflow-wrap:anywhere; }
.prime-roster-frame-meta { display:flex; flex-wrap:wrap; gap:5px 12px; color:#91a0ad; font-size:9px; }
.prime-roster-frame-actions { width:100%; display:flex; flex-wrap:wrap; gap:6px; margin-top:1px; }
.prime-roster-frame-actions .prime-action-button { flex:1 1 90px; min-height:34px; padding:6px 8px; font-size:9px; }
.prime-roster-released { position:relative; margin:14px 0 12px; padding-top:10px; border-top:1px solid rgba(132,145,161,.18); }
.prime-roster-released-heading { display:flex; align-items:center; gap:9px; margin-bottom:9px; color:#95a7b4; font-size:9px; font-weight:700; letter-spacing:.15em; }
.prime-roster-released-heading i { height:1px; flex:1; background:linear-gradient(90deg,rgba(96,214,210,.28),transparent); }
.prime-roster-released-items { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.prime-roster-child { min-width:0; display:grid; grid-template-columns:54px minmax(0,1fr); align-items:center; gap:8px; padding:8px; border:1px solid rgba(96,214,210,.14); background:linear-gradient(140deg,rgba(13,23,34,.8),rgba(5,11,19,.85)); }
.prime-roster-child-art { width:54px; height:57px; display:grid; place-items:center; padding:4px; border:1px solid rgba(132,145,161,.14); background:radial-gradient(ellipse at center,rgba(96,214,210,.09),transparent 75%); }
.prime-roster-child-art img { width:100%; height:100%; object-fit:contain; }
.prime-roster-child-copy { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
.prime-roster-child-copy h4 { margin:0; color:#d8e2e9; font:600 16px/1.05 "Barlow Condensed",sans-serif; text-transform:uppercase; overflow-wrap:anywhere; }
.prime-roster-child-copy p { margin:0; color:#8293a1; font-size:8px; text-transform:uppercase; letter-spacing:.08em; }
.prime-roster-child-status { color:#a1acb9; font-size:7px; font-weight:700; line-height:1.3; letter-spacing:.06em; text-transform:uppercase; }
.prime-roster-child-status.status-currently-farmable { color:var(--cyan); }
.prime-roster-child-status.status-prime-resurgence { color:var(--gold); }
.prime-roster-child-status.status-vaulted { color:#a1acb9; }
.prime-roster-child-actions { grid-column:1/-1; display:flex; gap:5px; }
.prime-roster-child-actions .prime-action-button { min-height:31px; flex:1 1 50%; padding:5px 6px; font-size:8px; }
.prime-roster-create-plan { width:100%; min-height:40px; margin-top:auto; letter-spacing:.13em; }
.prime-roster-plan-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:auto; }
.prime-roster-plan-actions .prime-roster-create-plan { margin-top:0; }
.prime-roster-plan-actions .prime-action-button { width:100%; min-height:40px; padding:7px 8px; font-size:9px; }
.prime-roster-empty { grid-column:1/-1; margin:0; padding:36px 18px; border:1px dashed rgba(132,145,161,.28); color:#91a0ad; font-size:12px; text-align:center; }
@media (max-width:900px) {
	.prime-roster-grid { gap:10px; }
	.prime-roster-card { padding:11px; }
	.prime-roster-frame { grid-template-columns:104px minmax(0,1fr); gap:10px; }
	.prime-roster-frame-art { width:104px; height:130px; }
	.prime-roster-child { grid-template-columns:45px minmax(0,1fr); gap:6px; padding:7px; }
	.prime-roster-child-art { width:45px; height:50px; }
}
@media (max-width:600px) {
	.prime-roster-grid { grid-template-columns:minmax(0,1fr); }
	.prime-roster-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.prime-roster-stat { padding:11px 12px; }
	.prime-roster-stat:nth-child(3) { border-left:0; border-top:1px solid rgba(132,145,161,.16); }
	.prime-roster-stat:nth-child(4) { border-top:1px solid rgba(132,145,161,.16); }
	.prime-roster-toolbar { align-items:stretch; }
	.prime-roster-status-filters { width:100%; }
	.prime-roster-search { flex-basis:100%; }
	.prime-roster-sort { justify-content:space-between; flex:1 1 100%; }
	.prime-roster-sort select { flex:1; }
}
@media (max-width:380px) {
	.prime-roster-frame { grid-template-columns:88px minmax(0,1fr); gap:9px; }
	.prime-roster-frame-art { width:88px; height:116px; }
	.prime-roster-frame-copy h3 { font-size:22px; }
	.prime-roster-frame-actions .prime-action-button { flex-basis:75px; padding-right:5px; padding-left:5px; font-size:8px; }
	.prime-roster-released-items { grid-template-columns:minmax(0,1fr); }
	.prime-roster-child { grid-template-columns:50px minmax(0,1fr); }
	.prime-roster-child-art { width:50px; height:52px; }
}
@media (prefers-reduced-motion:reduce) {
	.prime-roster-filter,.prime-roster-frame-art,.prime-roster-child-art { transition:none; }
}
.prime-farm-plan-frame h2 { margin:0; color:var(--gold); font:600 30px/1.1 "Barlow Condensed"; text-transform:uppercase; }
.prime-farm-plan-subtitle { margin:5px 0 16px; color:var(--muted); font-size:12px; }
.prime-farm-plan-quick-actions { display:flex; flex-wrap:wrap; gap:8px 16px; margin-bottom:14px; }
.prime-farm-plan-quick-actions .text-button { padding:4px 0; color:var(--cyan)!important; }
.prime-farm-plan-options { display:grid; gap:6px; margin:0; padding:12px; border:1px solid var(--line); }
.prime-farm-plan-options legend { padding:0 5px; color:var(--muted); font-size:11px; }
.prime-farm-plan-options label { min-width:0; display:grid; grid-template-columns:18px minmax(0,1fr) auto; align-items:center; gap:8px; margin:0; padding:9px 6px; border-bottom:1px solid rgba(132,145,161,.16); cursor:pointer; }
.prime-farm-plan-options label:last-child { border-bottom:0; }
.prime-farm-plan-options input { width:16px; height:16px; margin:0; accent-color:var(--cyan); }
.prime-farm-plan-options span { min-width:0; color:var(--text); font-size:13px; overflow-wrap:anywhere; }
.prime-farm-plan-options small { color:var(--muted); font-size:10px; }
.prime-farm-plan-summary { display:grid; gap:8px; margin-top:14px; }
.prime-farm-plan-summary > div { display:grid; gap:3px; padding-top:8px; border-top:1px solid var(--line); }
.prime-farm-plan-summary strong { color:var(--cyan); font-size:10px; }
.prime-farm-plan-summary > div:nth-child(2) strong { color:#d39a91; }
.prime-farm-plan-summary span,.prime-farm-plan-summary small { color:var(--muted); font-size:11px; line-height:1.4; overflow-wrap:anywhere; }
.prime-farm-plan-frame .dialog-actions { margin-top:16px; }
.prime-farm-plan-frame [data-prime-plan-create]:disabled { cursor:not-allowed; opacity:.45; }
@media (max-width:700px) { .app-nav { padding:5px 16px 8px; gap:0; overflow:visible; }.nav-btn { min-height:34px; padding:8px 9px; font-size:9px; white-space:nowrap; }.nav-btn::after { right:7px; left:7px; }.nav-search { flex:1 0 100%; width:100%; max-width:none; margin:4px 0 0; }.dashboard-grid { grid-template-columns:1fr; }.view-panel { padding-left:20px; padding-right:20px; }.summary-stack,.list-choice-wrap { grid-template-columns:1fr; }.list-footer { align-items:flex-start; flex-direction:column; }.list-footer div { width:100%; }.list-footer button { flex:1; }.list-editor-frame,.list-detail-frame,.list-picker-frame { padding:20px 14px; } }
.cloud-sync-panel { display:grid; gap:8px; }
.cloud-sync-panel h3 { margin:0; color:var(--gold); font:600 22px "Barlow Condensed"; text-transform:uppercase; }
.sync-status { padding:8px 10px; border:1px solid var(--line); background:rgba(96,214,210,.08); color:var(--cyan); font-size:12px; }
.cloud-actions { display:flex; flex-wrap:wrap; gap:8px; }
.cloud-sync-panel input { width:100%; padding:10px; border:1px solid var(--line); background:var(--panel2); color:var(--text); }
.cloud-sync-panel button { flex:1; min-width:120px; }
.cloud-sync-panel .secondary-button { border:1px solid var(--line); background:transparent; color:var(--text); }
.cloud-sync-panel .stat-note { margin:0; }
@media (max-width:420px) { .cloud-actions { display:grid; grid-template-columns:1fr; } }.modal-controls { display:grid; grid-template-columns:minmax(180px,220px) 1fr; gap:12px; align-items:end; padding:12px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.modal-controls label { display:grid; gap:6px; color:var(--muted); font-size:11px; text-transform:uppercase; }.modal-controls select { width:100%; padding:9px; border:1px solid var(--line); background:var(--panel2); color:var(--text); }.modal-controls>span { color:var(--muted); font-size:11px; line-height:1.4; }.modal-rewards { display:grid; gap:7px; margin:16px 0; padding:0; list-style:none; }.modal-reward { display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:10px; align-items:center; min-height:58px; padding:8px; border:1px solid var(--line); background:var(--panel2); }.modal-reward.target { border-color:var(--cyan); }.modal-reward.owned { opacity:.58; }.modal-reward-image,.modal-reward-fallback { width:38px; height:38px; object-fit:contain; display:grid; place-items:center; color:var(--muted); }.modal-reward-copy { display:grid; gap:2px; min-width:0; }.modal-reward-copy strong { overflow-wrap:anywhere; }.modal-reward-copy small,.modal-reward-state { color:var(--muted); font-size:11px; }.modal-reward-state { color:var(--cyan); text-align:right; }.modal-future { display:grid; gap:7px; margin-top:12px; padding-top:12px; border-top:1px solid var(--line); }.modal-future>strong { color:var(--gold); font:600 18px "Barlow Condensed"; text-transform:uppercase; }.modal-future>span { color:var(--muted); font-size:12px; line-height:1.5; }.modal-locations { display:grid; gap:7px; margin:0; padding:0; list-style:none; }.modal-locations li { display:grid; gap:2px; padding:8px; border:1px solid var(--line); background:rgba(21,31,44,.55); }.modal-locations span,.modal-locations small,.unknown-data { color:var(--muted); font-size:11px; }.unknown-data { padding:8px; }.modal-reward-copy strong,.modal-locations strong { color:var(--text); }
@media (max-width:520px) { .modal-controls { grid-template-columns:1fr; }.modal-reward { grid-template-columns:34px minmax(0,1fr); }.modal-reward-image,.modal-reward-fallback { width:34px; height:34px; }.modal-reward-art-wrap { width:34px; height:34px; }.modal-reward-state { grid-column:2; text-align:left; } }

.home-available-overview { display:grid; grid-template-columns:minmax(155px,auto) minmax(0,1fr) auto; align-items:center; gap:18px; min-height:88px; padding:12px 16px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:linear-gradient(100deg,rgba(16,31,41,.75),rgba(12,18,27,.5)); color:var(--text); text-decoration:none; transition:background .18s ease,border-color .18s ease; }
.home-available-overview:hover,.home-available-overview:focus-visible { border-color:var(--cyan); background:rgba(16,31,41,.9); outline:none; }
.modal-reward[role="button"] { cursor:pointer; transition:border-color .18s ease,background .18s ease,box-shadow .18s ease; }
.modal-reward[role="button"]:hover,.modal-reward[role="button"]:focus-visible { border-color:var(--cyan); outline:none; }
.modal-reward.is-selected { border-color:var(--gold); background:linear-gradient(100deg,rgba(228,177,104,.12),rgba(21,31,44,.98) 55%); box-shadow:inset 0 0 0 1px rgba(228,177,104,.28),0 0 14px rgba(228,177,104,.12); }
.modal-reward.is-selected .modal-reward-state { color:var(--gold); font-weight:700; }
.home-available-overview-count { display:grid; gap:4px; }
.home-available-overview-count strong { color:var(--cyan); font:600 17px/1 "Barlow Condensed"; }
.home-available-overview-count small { color:var(--muted); font-size:10px; }
.home-available-portraits { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; min-width:0; }
.home-available-portrait { display:grid; justify-items:center; gap:3px; min-width:43px; color:var(--muted); font-size:9px; text-align:center; }
.home-available-portrait img,.home-available-portrait-fallback { width:34px; height:34px; object-fit:contain; }
.home-available-portrait-fallback { display:grid; place-items:center; border:1px solid var(--line); color:var(--cyan); font:600 19px/1 "Barlow Condensed"; }
.home-available-portrait-fallback[hidden] { display:none; }
.home-available-cta { display:flex; align-items:center; gap:8px; color:var(--gold); font-size:12px; white-space:nowrap; }
.home-available-cta span { color:var(--cyan); font-size:16px; }
.relic-modal { width:min(760px,calc(100% - 24px)); max-height:92vh; overflow:visible; }
.relic-modal .modal-frame { max-height:92vh; overflow:auto; padding:28px; border-color:rgba(96,214,210,.42); background:radial-gradient(ellipse at 0 0,rgba(96,214,210,.11),transparent 44%),linear-gradient(150deg,#111c27,#0b111b 72%); box-shadow:0 28px 90px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.035); animation:relic-modal-arrive .24s ease-out both; }
.relic-modal .modal-close { top:15px; right:15px; width:34px; height:34px; display:grid; place-items:center; border:1px solid rgba(132,145,161,.28); background:rgba(255,255,255,.025); transition:color .18s,border-color .18s,background .18s; }
.relic-modal .modal-close:hover { border-color:var(--cyan); background:rgba(96,214,210,.09); color:var(--cyan); }
.relic-modal .modal-details-head { display:grid; justify-items:center; gap:8px; min-height:0; padding:4px 42px 20px; border-bottom:1px solid rgba(96,214,210,.2); text-align:center; }
.relic-modal .modal-relic-icon-wrap { position:relative; width:104px; height:104px; flex:0 0 104px; border:0; background:radial-gradient(ellipse at center,rgba(63,174,207,.22),rgba(9,39,57,.04) 45%,transparent 72%),radial-gradient(circle,transparent 39px,rgba(72,190,216,.38) 40px,rgba(72,190,216,.38) 41px,transparent 42px),radial-gradient(circle,transparent 48px,rgba(72,190,216,.22) 49px,rgba(72,190,216,.22) 50px,transparent 51px); }
.relic-modal .modal-relic-icon { position:relative; z-index:1; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 2px 4px rgba(0,0,0,.42)); }
.relic-modal .modal-details-head .eyebrow { color:var(--cyan); font-size:11px; }
.relic-modal .modal-details-head h2 { margin:0; font-size:36px; line-height:1; }
.relic-modal .modal-meta { margin:0; color:#9eacba; font-size:11px; line-height:1.5; }
.relic-modal .modal-controls { margin-top:18px; padding:14px; border:1px solid rgba(132,145,161,.2); background:rgba(4,10,16,.45); }
.relic-modal .modal-controls label { color:var(--cyan); }
.relic-modal .modal-controls select { border-color:rgba(96,214,210,.35); background:#111c27; }
.modal-reward-heading { display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin-top:22px; }
.modal-reward-heading strong { color:var(--text); font:600 22px "Barlow Condensed"; text-transform:uppercase; }
.modal-reward-heading span { color:var(--muted); font:600 9px "DM Sans",sans-serif; letter-spacing:1.2px; }
.relic-modal .modal-rewards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:10px 0 18px; }
.relic-modal .modal-reward { min-width:0; grid-template-columns:42px minmax(0,1fr); min-height:74px; padding:10px; border-color:rgba(132,145,161,.2); background:linear-gradient(125deg,rgba(22,32,44,.9),rgba(11,17,26,.86)); }
.relic-modal .modal-reward:hover,.relic-modal .modal-reward:focus-visible { border-color:rgba(96,214,210,.7); background:linear-gradient(125deg,rgba(20,48,55,.84),rgba(11,17,26,.94)); }
.relic-modal .modal-reward.is-selected { border-color:var(--gold); background:linear-gradient(110deg,rgba(228,177,104,.13),rgba(16,25,36,.95)); }
.relic-modal .modal-reward-image,.relic-modal .modal-reward-fallback,.relic-modal .modal-reward-art-wrap { width:42px; height:42px; }
.relic-modal .modal-reward-copy strong { font-size:12px; line-height:1.3; }
.relic-modal .modal-reward-copy small { font-size:10px; line-height:1.4; }
.relic-modal .modal-reward-state { grid-column:2; text-align:left; font-size:9px; }
.relic-modal .modal-future { gap:8px; margin-top:14px; padding:16px 18px; border:0; border-left:2px solid var(--gold); background:#222428; }
.relic-modal .modal-future>strong { color:var(--gold); font-size:20px; }
.relic-modal .modal-future>span { color:#9aa3b0; }
.relic-modal .modal-locations li { padding:10px; border-color:#303946; background:#1b2028; }
@keyframes relic-modal-arrive { from { opacity:0; transform:translateY(7px) scale(.99); } to { opacity:1; transform:translateY(0) scale(1); } }
@media (max-width:560px) { .relic-modal .modal-frame { padding:22px 16px; }.relic-modal .modal-details-head { gap:8px; padding-right:20px; padding-left:20px; }.relic-modal .modal-relic-icon-wrap { width:88px; height:88px; flex-basis:88px; }.relic-modal .modal-details-head h2 { font-size:30px; }.relic-modal .modal-rewards { grid-template-columns:1fr; }.relic-modal .modal-controls { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { .relic-modal .modal-frame { animation:none; } }
.available-primes-section { margin-bottom:24px; }
.home-available-card { align-content:start; }
.home-available-card > .prime-access-loadout { grid-column:1 / -1; }
.prime-access-loadout { width:100%; min-width:0; padding-top:8px; border-top:1px solid var(--line); }
.prime-access-loadout-title { margin:0 0 6px; color:var(--muted); font-size:9px; font-weight:600; line-height:1.2; text-transform:uppercase; }
.prime-access-items { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; min-width:0; }
.prime-access-item { min-width:0; display:grid; gap:8px; padding:8px 10px; border-radius:8px; border:1px solid rgba(96,214,210,.15); background:linear-gradient(145deg, rgba(16,22,32,0.6), rgba(8,13,20,0.8)); transition:transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; }
.prime-access-item:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0,0,0,.3); }
.prime-access-item-view { min-width:0; display:grid; grid-template-columns:56px minmax(0,1fr); align-items:center; gap:8px; padding:0; border:0; background:transparent; color:var(--text); text-align:left; cursor:pointer; }
.prime-access-item-view:focus-visible { outline:1px solid var(--cyan); outline-offset:2px; }
.prime-access-item-art { position:relative; width:56px; height:56px; display:grid; place-items:center; }
.prime-access-item-art img { width:100%; height:100%; object-fit:contain; }
.prime-access-status-icon { position:absolute; top:-3px; right:-3px; width:15px; height:15px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; background:#0b121b; font-size:9px; font-weight:700; line-height:1; }
.prime-access-item-copy { display:grid; gap:2px; min-width:0; }
.prime-access-item-copy strong { color:var(--text); font-size:10px; line-height:1.15; overflow-wrap:anywhere; }
.prime-access-item-copy small { color:var(--muted); font-size:8px; line-height:1; }
.prime-access-item-status { font-size:8px; font-weight:700; line-height:1.1; padding:0; border-radius:0; display:inline-block; margin-top:2px; }
.prime-access-item-status.status-farmable { background:transparent; color:var(--cyan); }
.prime-access-item-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.prime-access-item-actions .text-button { padding:0; border:0; background:transparent!important; color:var(--cyan)!important; font-size:9px; font-weight:600; text-transform:uppercase; letter-spacing:.5px; }
.prime-access-item-actions .text-button:hover { color:var(--text)!important; }
.prime-access-status-icon.status-farmable,.prime-access-item-status.status-farmable { color:var(--cyan); }
.prime-access-status-icon.status-unavailable,.prime-access-item-status.status-unavailable { color:#c48686; }
.prime-access-status-icon.status-unknown,.prime-access-item-status.status-unknown { color:var(--muted); }
.prime-access-empty { margin:0; color:var(--muted); font-size:10px; }
.prime-access-loadout-featured { border-color:rgba(96,214,210,.28); }
.prime-access-loadout-featured .prime-access-item-view { grid-template-columns:64px minmax(0,1fr); gap:9px; }
.prime-access-loadout-featured .prime-access-item-art { width:64px; height:64px; }
.prime-access-loadout-featured .prime-access-item-copy strong { font-size:12px; }
.prime-access-loadout-featured .prime-access-item-status { font-size:9px; }
.prime-access-create-plan { width:100%; min-height:36px; margin-top:12px; padding:10px; background:linear-gradient(90deg, rgba(228,177,104,0.05), transparent); border:1px solid var(--gold); color:var(--gold); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px; border-radius:6px; transition:all 0.25s ease; cursor:pointer; }
.prime-access-create-plan:hover { background:var(--gold); color:#071013; box-shadow:0 0 15px rgba(228,177,104,0.4); border-color:var(--gold); }
@media (max-width:700px) {
	.home-available-overview { grid-template-columns:minmax(0,1fr) auto; gap:10px 14px; padding:12px; }
	.home-available-overview-count { grid-column:1; }
	.home-available-portraits { grid-column:1 / -1; grid-row:2; gap:8px 10px; }
	.home-available-cta { grid-column:2; grid-row:1; }
	.home-available-portrait { min-width:39px; font-size:8px; }
	.home-available-portrait img,.home-available-portrait-fallback { width:30px; height:30px; }
	.prime-access-items { grid-template-columns:minmax(0,1fr); }
}

.home-view { padding-top:12px; }
.home-section { min-width:0; margin-top:28px; padding-top:18px; border-top:1px solid var(--line); }
.home-featured-section { margin-top:0; padding-top:0; border-top:0; }
.home-section .section-heading { align-items:center; margin-bottom:13px; }
.home-section .section-heading h2 { font-size:30px; }
.home-section .section-heading .text-button { padding:6px 0; color:var(--cyan)!important; white-space:nowrap; }
.available-primes-container { display:grid; gap:18px; min-width:0; }
.available-prime-group { min-width:0; }
.available-prime-group-heading { display:flex; align-items:center; gap:9px; margin:0 0 9px; }
.available-prime-group-heading h3 { margin:0; color:var(--text); font:600 19px/1 "Barlow Condensed"; text-transform:uppercase; }
.available-prime-group-heading span { color:var(--muted); font-size:10px; }
.available-prime-group .home-available-grid { grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr)); }
.available-primes-updated { margin:-8px 0 0; color:var(--muted); font-size:9px; }
.home-available-card.available-prime-card { animation:none; opacity:1; }
.available-prime-card .home-available-copy h3 { font-size:19px; }
.available-prime-preview-summary { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 8px; margin-bottom:11px; color:var(--muted); font-size:10px; text-transform:uppercase; }
.available-prime-preview-summary strong { color:var(--cyan); font:700 20px/1 "Barlow Condensed"; }
.available-prime-preview-summary i { width:3px; height:3px; margin:0 4px; border-radius:50%; background:var(--gold); }
.available-prime-preview-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
.available-prime-preview-card { min-width:0; display:grid; grid-template-columns:38px minmax(0,1fr); align-items:center; gap:7px; padding:7px; border:1px solid var(--line); background:rgba(16,22,32,.68); }
.available-prime-preview-card img { width:38px; height:44px; object-fit:contain; }
.available-prime-preview-card span { min-width:0; display:grid; gap:3px; }
.available-prime-preview-card strong { overflow-wrap:anywhere; color:var(--text); font:600 13px/1.1 "Barlow Condensed"; text-transform:uppercase; }
.available-prime-preview-card small { color:var(--muted); font-size:9px; }
.home-available-view-all { margin-top:10px; padding:7px 0; border:0; background:transparent; color:var(--cyan); font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; cursor:pointer; }
.home-available-view-all:hover { color:var(--text); }
.home-featured-card { position:relative; min-height:320px; display:grid; grid-template-columns:minmax(260px,.82fr) minmax(0,1fr); overflow:hidden; border:1px solid var(--line); background:linear-gradient(110deg,rgba(16,31,41,.96),rgba(12,18,27,.94)); } .home-featured-card::before { content:""; position:absolute; inset:0 0 auto 0; height:2px; background:linear-gradient(90deg,rgba(96,214,210,.95),rgba(96,214,210,.2)); box-shadow:0 0 16px rgba(96,214,210,.25); }
.home-featured-card .home-prime-art { min-height:320px; }
.home-featured-card .home-prime-copy { padding:26px clamp(20px,4vw,48px); }
.home-featured-card .home-prime-copy h3 { font-size:46px; }
.home-featured-facts { display:grid; gap:3px; color:var(--muted); font-size:11px; line-height:1.4; }
.home-available-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.prime-card { position:relative; min-width:0; display:grid; gap:10px; padding:12px; border:1px solid rgba(132,145,161,.2); border-radius:10px; background:linear-gradient(145deg,rgba(16,22,32,.9),rgba(10,16,24,.96)); box-shadow:0 12px 24px rgba(0,0,0,.14); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.prime-card:hover,.prime-card:focus-within { border-color:rgba(96,214,210,.48); box-shadow:0 18px 28px rgba(0,0,0,.2); }
.home-available-card { min-width:0; display:grid; grid-template-columns:58px minmax(0,1fr); align-items:start; gap:10px; }
.home-available-card.prime-card { max-width:100%; }
.home-available-art { width:58px; height:72px; display:grid; place-items:center; overflow:hidden; border-radius:8px; background:radial-gradient(ellipse at 50% 46%,rgba(96,214,210,.12),transparent 68%); }
.home-available-art img { width:100%; height:100%; object-fit:contain; }
.home-available-copy { min-width:0; display:grid; align-content:center; justify-items:start; gap:5px; }
.home-available-copy h3 { margin:0; color:var(--text); font:600 19px/1 "Barlow Condensed"; letter-spacing:.03em; text-transform:uppercase; overflow-wrap:anywhere; }
.home-available-copy small { color:var(--muted); font-size:10px; }
.home-available-badge { display:inline-block; margin-top:2px; padding:3px 6px; border:1px solid rgba(132,145,161,.18); border-radius:4px; background:rgba(255,255,255,.04); color:var(--muted); font-size:9px; font-weight:700; line-height:1.2; letter-spacing:.08em; text-transform:uppercase; }
.home-available-badge.status-farmable { background:rgba(96,214,210,.18); border-color:rgba(96,214,210,.55); color:var(--cyan); }
.home-available-badge.status-resurgence,.home-available-badge.status-event { border-color:rgba(228,177,104,.42); background:rgba(228,177,104,.08); color:var(--gold); }
.home-available-badge.status-prime-resurgence,.prime-access-status-icon.status-prime-resurgence,.prime-access-item-status.status-prime-resurgence { border-color:rgba(228,177,104,.65); color:var(--gold); }
.home-available-badge.status-prime-resurgence { background:rgba(228,177,104,.1); box-shadow:0 0 8px rgba(228,177,104,.14); }
.home-available-badge.status-currently-farmable { background:rgba(96,214,210,.18); border-color:rgba(96,214,210,.55); color:var(--cyan); box-shadow:0 0 8px rgba(96,214,210,.3); }
.prime-access-status-icon.status-currently-farmable,.prime-access-item-status.status-currently-farmable { color:var(--cyan); }
.home-available-badge.status-vaulted { border-color:rgba(132,145,161,.18); background:rgba(255,255,255,.03); color:var(--muted); }
.prime-access-status-icon.status-vaulted,.prime-access-item-status.status-vaulted { color:var(--muted); }
.home-available-badge.status-unavailable { border-color:rgba(132,145,161,.18); background:rgba(255,255,255,.025); color:var(--muted); }
.prime-access-status-icon.status-unavailable,.prime-access-item-status.status-unavailable { color:var(--muted); }
.home-available-actions { display:flex; flex-wrap:wrap; gap:9px; }
.home-available-actions .text-button { padding:6px 12px; background:rgba(96,214,210,0.08)!important; color:var(--cyan)!important; font-size:10px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; border-radius:999px; transition:all 0.2s ease; }
.home-available-actions .text-button:hover { background:var(--cyan)!important; color:#071013!important; box-shadow:0 0 10px rgba(96,214,210,0.4); }
.home-available-actions button:disabled { cursor:not-allowed; opacity:.45; }
.home-monthly-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.home-monthly-card { position:relative; min-width:0; display:grid; grid-template-columns:minmax(120px,.72fr) minmax(0,1fr); min-height:245px; overflow:hidden; border:1px solid var(--line); background:linear-gradient(135deg,rgba(26,26,30,.92),rgba(13,18,27,.96)); } .home-monthly-card::before { content:""; position:absolute; inset:0 0 auto 0; height:2px; background:linear-gradient(90deg,rgba(228,177,104,.95),rgba(228,177,104,.2)); box-shadow:0 0 16px rgba(228,177,104,.22); }
.home-monthly-art { min-width:0; min-height:245px; display:grid; place-items:center; overflow:hidden; background:radial-gradient(ellipse at 50% 45%,rgba(228,177,104,.14),transparent 68%),linear-gradient(150deg,rgba(38,31,25,.52),rgba(8,12,19,.75)); }
.home-monthly-art img { width:100%; height:100%; object-fit:contain; padding:10px; }
.home-monthly-copy { min-width:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:7px; padding:16px; }
.home-monthly-copy .eyebrow { color:var(--gold); font-size:10px; letter-spacing:1.4px; }
.home-monthly-copy h3 { margin:0; color:var(--gold); font:600 25px/1 "Barlow Condensed"; text-transform:uppercase; overflow-wrap:anywhere; }
.home-monthly-dates,.home-monthly-status,.home-monthly-remaining { margin:0; color:var(--muted); font-size:11px; line-height:1.4; }
.home-monthly-dates { color:var(--cyan); }
.home-monthly-remaining,.home-monthly-timing { color:var(--gold); }
.home-monthly-timing { margin:0; font-size:11px; white-space:nowrap; }
.home-monthly-copy .home-prime-actions { gap:5px 12px; margin-top:3px; }
.home-monthly-copy .home-prime-actions .secondary-button { min-height:33px; padding:6px 9px; font-size:11px; }
.home-monthly-copy .home-prime-actions .text-button { font-size:11px; }
.home-featured-card { position:relative; min-height:280px; display:grid; grid-template-columns: 1fr 1.5fr; align-items:stretch; overflow:hidden; border:1px solid var(--line); background:linear-gradient(110deg,rgba(16,31,41,.96),rgba(12,18,27,.94)); box-shadow: 0 20px 40px rgba(0,0,0,0.3); transition: transform 0.3s ease; }
.home-featured-card:hover { transform: translateY(-4px); }
@keyframes floatChar { 0%, 100% { transform: translateY(2px); } 50% { transform: translateY(-6px); } }
.home-prime-art { position: relative; min-width:0; min-height:100%; display:grid; place-items:center; overflow:hidden; background:radial-gradient(ellipse at 50% 46%,rgba(96,214,210,.18),transparent 75%),linear-gradient(135deg,rgba(20,35,46,.9),rgba(8,12,19,.86)); }
.home-prime-art img { position:relative; z-index:2; width:100%; height:100%; max-height:440px; object-fit:contain; padding:14px 24px 36px; -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%); mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%); animation:floatChar 7s infinite ease-in-out; filter:drop-shadow(0 15px 25px rgba(0,0,0,.5)); }
.home-prime-art-fallback { position:absolute; z-index:1; inset:0; display:grid; place-items:center; color:rgba(96,214,210,.15); font:600 120px/1 "Barlow Condensed"; text-shadow:none; }
.home-prime-copy { min-width:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:12px; padding:30px 40px; }
.home-prime-copy h3 { margin:0; color:var(--gold); font:600 36px/1.05 "Barlow Condensed"; text-transform:uppercase; overflow-wrap:anywhere; text-shadow: 0 4px 15px rgba(228, 177, 104, 0.2); }
.home-featured-card .home-prime-art { min-height:280px; }
.home-featured-card .home-prime-copy { padding:26px clamp(20px,4vw,48px); }
.home-featured-card .home-prime-copy h3 { font-size:42px; }
.home-prime-status,.home-prime-meta { margin:0; color:var(--muted); font-size:12px; line-height:1.45; }
.home-prime-meta { color:var(--cyan); font-size:11px; }
.home-featured-facts { display:grid; gap:3px; color:var(--muted); font-size:11px; line-height:1.4; }
.home-prime-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; margin-top:8px; }
.home-featured-card .home-prime-actions,.home-monthly-card .home-prime-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.home-featured-card .home-prime-actions > button,.home-monthly-card .home-prime-actions > button { width:100%; display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; }
.home-prime-actions .secondary-button { min-height:38px; padding:8px 13px; border-color:var(--cyan); color:var(--cyan); }
.home-prime-actions .text-button { padding:8px 0; color:var(--text)!important; }
.home-prime-actions .text-button.is-added { min-height:38px; display:inline-flex; align-items:center; justify-content:center; padding:8px 13px; }
.home-monthly-copy .home-prime-actions .text-button.is-added { min-height:33px; padding:6px 9px; font-size:11px; }
.home-prime-actions button:disabled { cursor:not-allowed; opacity:.45; }
.home-available-actions .text-button.is-added,.home-prime-actions .text-button.is-added,.prime-access-item-actions .prime-access-target.is-added { border:1px solid rgba(103,213,139,.45)!important; background:rgba(68,174,103,.16)!important; color:#74d995!important; opacity:1; }
.home-available-actions .text-button.is-added:hover,.home-available-actions .text-button.is-added:focus-visible,.home-prime-actions .text-button.is-added:hover,.home-prime-actions .text-button.is-added:focus-visible,.prime-access-item-actions .prime-access-target.is-added:hover,.prime-access-item-actions .prime-access-target.is-added:focus-visible { border-color:rgba(103,213,139,.7)!important; background:rgba(68,174,103,.2)!important; color:#8be4a7!important; }
.prime-access-item-actions .prime-access-target.is-added { padding:0!important; border:0!important; background:transparent!important; color:#74d995!important; }
.prime-access-item-actions .prime-access-target.is-added:hover,.prime-access-item-actions .prime-access-target.is-added:focus-visible { border:0!important; background:transparent!important; color:#8be4a7!important; }
.home-prime-art-fallback { width:100%; height:100%; min-height:inherit; display:grid; place-items:center; color:rgba(96,214,210,.72); font:600 76px/1 "Barlow Condensed"; text-shadow:0 0 30px rgba(96,214,210,.18); }
@keyframes staggerFadeIn { from { opacity: 0; transform: translateY(15px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); } }
.home-available-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr)); justify-content:start; gap:12px; }
.warframe-category-tabs { min-width:0; display:flex; gap:0; margin-bottom:20px; overflow-x:auto; border-bottom:1px solid var(--line); scrollbar-width:thin; }
.warframe-category-tab { min-height:42px; padding:10px 16px; border:0; border-bottom:2px solid transparent; background:transparent; color:var(--muted); font-size:13px; font-weight:700; white-space:nowrap; }
.warframe-category-tab { flex:0 0 auto; }
.warframe-category-tab:hover { color:var(--text); }
.warframe-category-tab[aria-selected="true"] { border-bottom-color:var(--cyan); background:rgba(96,214,210,.06); color:var(--cyan); }
.warframe-category-tab:focus-visible { outline:2px solid var(--cyan); outline-offset:-3px; }
#primeWarframesPanel[hidden] { display:none; }
.home-available-card { min-width:0; max-width:440px; display:grid; grid-template-columns:100px minmax(0,1fr); align-content:start; gap:10px; padding:12px; border:1px solid var(--line); background:rgba(16,22,32,.82); opacity:0; animation: staggerFadeIn 0.4s ease-out forwards; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; }
@media (max-width:900px) {
	.available-prime-preview-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:560px) {
	.available-prime-preview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.available-prime-preview-card { grid-template-columns:32px minmax(0,1fr); padding:6px; }
	.available-prime-preview-card img { width:32px; height:38px; }
	.available-prime-preview-card strong { font-size:12px; }
}
@media (max-width:700px) {
	.home-featured-card { grid-template-columns:minmax(0,1fr); align-items:stretch; }
	.home-featured-card .home-prime-art { min-height:240px; max-height:260px; }
	.home-featured-card .home-prime-art img { width:100%; height:250px; max-height:260px; padding:10px 28px 32px; }
	.home-featured-card .home-prime-copy { padding:20px; }
}
.app-nav .nav-search {
	position:relative;
	isolation:isolate;
	display:grid;
	grid-template-columns:34px minmax(0,1fr);
	align-items:center;
	column-gap:10px;
	height:42px;
	padding:4px 12px 4px 5px;
	overflow:hidden;
	border:1px solid rgba(113,151,165,.3);
	border-left:2px solid rgba(228,177,104,.72);
	border-radius:2px;
	background:linear-gradient(105deg,rgba(15,27,37,.98),rgba(8,15,23,.97));
	box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 5px 16px rgba(0,0,0,.12);
	color:#9fbac0;
	transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.app-nav .nav-search::before,
.app-nav .nav-search::after {
	position:absolute;
	z-index:2;
	width:8px;
	height:8px;
	content:"";
	pointer-events:none;
}
.app-nav .nav-search::before {
	top:-1px;
	right:-1px;
	border-top:1px solid rgba(110,232,236,.72);
	border-right:1px solid rgba(110,232,236,.72);
}
.app-nav .nav-search::after {
	right:0;
	bottom:0;
	width:22px;
	height:1px;
	background:linear-gradient(90deg,rgba(228,177,104,.7),transparent);
}
.app-nav .nav-search:hover {
	border-color:rgba(110,232,236,.48);
	border-left-color:#e4b168;
	background:linear-gradient(105deg,rgba(18,34,44,.99),rgba(9,17,25,.98));
}
.app-nav .nav-search:focus-within {
	border-color:rgba(110,232,236,.7);
	border-left-color:#e4b168;
	background:linear-gradient(105deg,rgba(17,34,43,.99),rgba(8,17,25,.99));
	box-shadow:inset 0 0 0 1px rgba(110,232,236,.08),0 0 0 3px rgba(110,232,236,.07),0 8px 22px rgba(0,0,0,.2);
}
.nav-search-icon {
	width:34px;
	height:30px;
	display:grid;
	place-items:center;
	border-right:1px solid rgba(132,145,161,.17);
	background:linear-gradient(180deg,rgba(110,232,236,.055),rgba(110,232,236,.015));
	color:#8bd8d0;
}
.nav-search-icon svg {
	width:15px;
	height:15px;
	fill:none;
	stroke:currentColor;
	stroke-linecap:round;
	stroke-width:1.5;
}
.app-nav .nav-search input {
	width:100%;
	height:30px;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
	color:#e4ebef;
	font-size:11px;
	letter-spacing:.015em;
}
.app-nav .nav-search input::placeholder {
	color:#82939f;
	opacity:1;
}
.app-nav .nav-search input:focus-visible {
	outline:0;
}
@media (max-width:900px) {
	.app-nav .nav-search {
		flex:none;
		width:100%;
		min-width:0;
		max-width:none;
		margin:0;
	}
}

.observatory-hero {
	min-height:0;
	padding:12px max(5vw,24px);
	border-bottom:1px solid rgba(110,232,236,.14);
	background:
		radial-gradient(ellipse at 9% 50%,rgba(228,177,104,.08),transparent 34%),
		linear-gradient(110deg,#080f18 0%,#0b1b26 52%,#071019 100%);
}
.observatory-hero::before {
	opacity:.45;
	background-size:54px 54px;
}
.hero-core {
	width:min(100%,1440px);
	min-height:70px;
	display:flex;
	align-items:center;
	gap:28px;
}
.hero-copy {
	display:flex;
	align-items:center;
	gap:22px;
	padding:0;
}
.hero-brand-logo {
	width:112px;
	max-width:112px;
	height:auto;
	filter:drop-shadow(0 0 16px rgba(110,232,236,.12));
	animation:none;
}
.hero-brand-subtitle {
	max-width:none;
	margin:0;
	padding-left:22px;
	border-left:1px solid rgba(228,177,104,.38);
	color:#9aabb8;
	font-size:10px;
	letter-spacing:.14em;
	line-height:1.5;
	text-transform:uppercase;
	animation:none;
}
.app-nav {
	border-bottom-color:rgba(110,232,236,.14);
	background:rgba(5,11,17,.82);
}
.nav-links {
	display:flex;
	align-items:center;
	gap:8px;
	min-width:0;
}
.nav-btn {
	padding-right:12px;
	padding-left:12px;
	letter-spacing:.1em;
}
.nav-btn.active {
	color:#f2c47e;
	background:linear-gradient(180deg,rgba(228,177,104,.08),transparent);
	box-shadow:inset 0 -1px 0 rgba(228,177,104,.2);
}
.nav-btn::before {
	background:linear-gradient(90deg,transparent,rgba(228,177,104,.9),transparent);
}
.nav-btn:hover:not(.active) {
	color:#e7edf5;
	background:rgba(255,255,255,.025);
}
.nav-search {
	flex:0 0 280px;
	width:280px;
	min-width:200px;
	max-width:30vw;
	margin-left:auto;
	border-radius:999px;
	border-color:rgba(132,145,161,.26);
	background:rgba(12,20,29,.8);
}
.prime-command-view {
	padding-top:32px;
}
.prime-command-masthead {
	align-items:center;
	padding-bottom:20px;
	border-bottom-color:rgba(132,145,161,.22);
}
.prime-command-masthead .eyebrow {
	color:#d2a65e;
	font-size:9px;
	letter-spacing:.2em;
}
.prime-command-masthead h2 {
	font-size:43px;
	letter-spacing:.015em;
}
.prime-command-index {
	padding:9px 11px;
	border:1px solid rgba(132,145,161,.2);
	background:rgba(255,255,255,.018);
}
.prime-command-index i,
.prime-command-status-dot {
	background:#9fe1ca;
	box-shadow:0 0 9px rgba(159,225,202,.35);
}
.prime-command-hero {
	position:relative;
	grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr);
	min-height:488px;
	margin-top:22px;
	overflow:hidden;
	border:1px solid rgba(132,145,161,.23);
	border-left:3px solid #c4934e;
	background:
		linear-gradient(120deg,rgba(17,27,37,.98) 0%,rgba(12,19,27,.98) 56%,rgba(7,12,18,.98) 100%);
	box-shadow:0 28px 70px rgba(0,0,0,.26);
}
.prime-command-hero::before {
	position:absolute;
	z-index:2;
	top:0;
	right:0;
	left:0;
	height:1px;
	background:linear-gradient(90deg,rgba(228,177,104,.62),rgba(110,232,236,.16) 58%,transparent);
	content:"";
	pointer-events:none;
}
.prime-command-copy {
	position:relative;
	z-index:3;
	order:1;
	padding:38px clamp(28px,4.2vw,64px);
}
.prime-command-copy > .eyebrow {
	color:#8bdbd5;
	letter-spacing:.18em;
}
.prime-command-copy h2 {
	max-width:620px;
	margin:16px 0 20px;
	color:#e8edf2;
	font-size:clamp(46px,5.2vw,72px);
	line-height:.92;
	letter-spacing:.005em;
	text-shadow:0 8px 34px rgba(0,0,0,.38);
}
.prime-command-facts {
	gap:0;
	margin-top:8px;
	padding:15px 0;
	border-top:1px solid rgba(132,145,161,.22);
	border-bottom:1px solid rgba(132,145,161,.22);
}
.prime-command-facts > div {
	gap:7px;
}
.prime-command-facts > div + div {
	padding-left:18px;
	border-left:1px solid rgba(132,145,161,.2);
}
.prime-command-facts span,
.prime-command-loadout-heading > span {
	color:#8393a1;
	font-size:8px;
	letter-spacing:.13em;
}
.prime-command-facts strong {
	color:#f1c376;
	font:600 15px/1.2 "Barlow Condensed";
	letter-spacing:.05em;
}
.prime-command-loadout {
	margin-top:20px;
}
.prime-command-loadout-heading {
	margin-bottom:8px;
}
.prime-command-loadout-heading .eyebrow {
	color:#8bdbd5;
	font-size:9px;
	letter-spacing:.16em;
}
.prime-command-gear {
	grid-template-columns:38px minmax(0,1fr) minmax(68px,auto) 14px;
	gap:12px;
	padding:9px 0;
	border-top-color:rgba(132,145,161,.14);
}
.prime-command-gear-art {
	width:36px;
	height:36px;
	border:1px solid rgba(132,145,161,.15);
	background:rgba(255,255,255,.025);
}
.prime-command-gear-copy strong {
	font-size:11px;
}
.prime-command-gear-status {
	letter-spacing:.07em;
}
.prime-command-art-stage {
	order:2;
	min-height:488px;
	border-right:0;
	border-left:1px solid rgba(132,145,161,.16);
	background:
		radial-gradient(ellipse at 58% 44%,rgba(118,168,173,.18),transparent 43%),
		linear-gradient(150deg,rgba(21,35,44,.85),rgba(8,12,18,.7));
}
.prime-command-art-stage::before {
	position:absolute;
	width:min(78%,390px);
	aspect-ratio:1;
	border:1px solid rgba(228,177,104,.2);
	border-radius:50%;
	box-shadow:0 0 0 26px rgba(228,177,104,.025),0 0 0 68px rgba(110,232,236,.018);
	content:"";
}
.prime-command-art-stage::after {
	background:
		linear-gradient(90deg,rgba(8,11,18,.06),transparent 24%),
		linear-gradient(0deg,rgba(8,11,18,.42),transparent 34%);
}
.prime-command-portrait {
	position:relative;
	z-index:1;
	width:100%;
	max-height:500px;
	padding:0 20px 12px;
	object-position:center 36%;
	filter:drop-shadow(0 24px 34px rgba(0,0,0,.56)) saturate(.9);
	mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%);
}
.prime-command-art-caption {
	right:24px;
	bottom:20px;
	left:24px;
	min-height:32px;
	border-top-color:rgba(228,177,104,.34);
	background:rgba(7,12,18,.82);
	font-size:9px;
	letter-spacing:.1em;
}
.prime-command-primary,
.prime-command-plan {
	min-height:42px;
	padding:10px 16px;
	border-color:#c4934e;
	background:#c4934e;
	color:#10151a;
	letter-spacing:.1em;
	transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.prime-command-primary:hover,
.prime-command-primary:focus-visible,
.prime-command-plan:hover,
.prime-command-plan:focus-visible {
	transform:translateY(-2px);
	border-color:#e5bb79;
	background:#e5bb79;
	color:#10151a;
}
.prime-command-target {
	min-height:42px;
	border-color:rgba(132,145,161,.36);
	color:#b9c4cc;
	letter-spacing:.08em;
}
.prime-command-target:hover,
.prime-command-target:focus-visible {
	border-color:#8bdbd5;
	color:#a9ebe3;
}
@media (max-width:900px) {
	.prime-command-hero {
		grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);
	}
	.prime-command-copy {
		padding:30px 24px;
	}
	.prime-command-copy h2 {
		font-size:48px;
	}
	.prime-command-art-stage {
		min-height:488px;
	}
}
@media (max-width:700px) {
	.observatory-hero {
		padding:10px 16px;
	}
	.hero-core {
		min-height:58px;
		grid-template-columns:1fr;
		grid-template-areas:none;
	}
	.hero-copy {
		min-height:0;
		gap:13px;
	}
	.hero-brand-logo {
		width:96px;
		max-width:96px;
		margin:0;
	}
	.hero-brand-subtitle {
		padding-left:13px;
		font-size:8px;
		letter-spacing:.1em;
	}
	.app-nav {
		align-items:stretch;
		flex-direction:column;
		gap:5px;
		padding:6px 12px 9px;
	}
	.nav-links {
		width:100%;
		gap:2px;
		overflow-x:auto;
		overscroll-behavior-x:contain;
		scrollbar-width:none;
	}
	.nav-links::-webkit-scrollbar {
		display:none;
	}
	.nav-btn {
		flex:0 0 auto;
		min-height:36px;
		padding:8px 9px;
		font-size:9px;
		letter-spacing:.05em;
	}
	.nav-search {
		flex:none;
		width:100%;
		min-width:0;
		max-width:none;
		margin:0;
	}
	.prime-command-view {
		padding-top:22px;
	}
	.prime-command-masthead {
		align-items:center;
		flex-direction:row;
		gap:10px;
	}
	.prime-command-masthead h2 {
		font-size:30px;
	}
	.prime-command-hero {
		grid-template-columns:minmax(0,1fr);
		margin-top:16px;
	}
	.prime-command-art-stage {
		order:1;
		min-height:270px;
		max-height:290px;
		border-bottom:1px solid rgba(132,145,161,.16);
		border-left:0;
	}
	.prime-command-portrait {
		height:280px;
		max-height:290px;
		padding:0 28px 22px;
	}
	.prime-command-art-stage::before {
		width:220px;
	}
	.prime-command-art-caption {
		right:12px;
		bottom:9px;
		left:12px;
	}
	.prime-command-copy {
		order:2;
		padding:24px 18px;
	}
	.prime-command-copy h2 {
		margin:12px 0 16px;
		font-size:44px;
	}
	.prime-command-facts > div + div {
		padding-left:11px;
	}
	.prime-command-roster-section {
		margin-top:28px;
	}
	.prime-command-section-heading h3,
	.prime-command-roster-heading {
		font-size:23px;
	}
	.prime-command-roster-group {
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}
@media (max-width:420px) {
	.hero-brand-subtitle {
		max-width:120px;
	}
	.prime-command-masthead {
		align-items:flex-start;
		flex-direction:column;
	}
	.prime-command-masthead h2 {
		font-size:32px;
	}
	.nav-btn {
		padding-right:7px;
		padding-left:7px;
		font-size:8px;
	}
	.prime-command-copy {
		padding-right:14px;
		padding-left:14px;
	}
	.prime-command-facts > div + div {
		padding-left:8px;
	}
	.prime-command-facts span {
		font-size:7px;
	}
	.prime-command-gear {
		grid-template-columns:32px minmax(0,1fr) minmax(60px,auto) 10px;
		gap:7px;
	}
	.prime-command-roster-group {
		gap:7px;
	}
}
body .app-nav .nav-search {
	flex:0 0 280px;
	width:280px;
	min-width:200px;
	max-width:30vw;
	height:38px;
	margin-left:auto;
	padding:0 0 0 14px;
	grid-template-columns:24px minmax(0,1fr);
	column-gap:8px;
	overflow:visible;
	border:0;
	border-left:1px solid rgba(132,145,161,.28);
	border-radius:0;
	background:transparent;
	box-shadow:none;
	transition:border-color .18s ease;
}
body .app-nav .nav-search::before,
body .app-nav .nav-search::after {
	display:none;
}
body .app-nav .nav-search:hover,
body .app-nav .nav-search:focus-within {
	border-color:transparent;
	border-left-color:#d2a65e;
	background:transparent;
	box-shadow:none;
}
body .app-nav .nav-search-icon {
	width:24px;
	height:24px;
	border:0;
	background:transparent;
	color:#a8bdc5;
}
body .app-nav .nav-search input {
	height:32px;
}
@media (max-width:900px) {
	body .app-nav .nav-search {
		flex:none;
		width:100%;
		max-width:none;
		height:38px;
		margin:0;
		padding:6px 4px 0;
		border-top:1px solid rgba(132,145,161,.2);
		border-left:0;
	}
	body .app-nav .nav-search:hover,
	body .app-nav .nav-search:focus-within {
		border-top-color:#d2a65e;
		border-left-color:transparent;
	}
}
@media (max-width:760px) {
	.top-header { min-height:128px; padding:16px 20px; gap:12px; }
	.brand-picture { width:72px; height:72px; flex-basis:72px; }
	.brand-logo-full { display:none; }
	.brand-logo-compact { display:block; }
	.brand-mobile-name { display:grid; gap:2px; min-width:0; color:#edf4fb; font:600 26px/.96 "Barlow Condensed"; text-transform:uppercase; }
	.brand-mobile-name span:last-child { color:var(--cyan); }
}
@media (max-width:420px) {
}
.observatory-hero {
		position: relative;
		min-height: 0;
		padding: 24px clamp(20px, 5vw, 80px) 18px;
		display: grid;
		isolation: isolate;
		overflow: hidden;
		border-bottom: 1px solid rgba(110, 232, 236, 0.18);
		background:
			radial-gradient(circle at 12% 18%, rgba(99, 181, 255, 0.12), transparent 24%),
			radial-gradient(circle at 68% 30%, rgba(110, 232, 236, 0.12), transparent 28%),
			linear-gradient(135deg, #030b12 0%, #071d2d 38%, #02080d 100%);
	}
	.observatory-hero::before {
		content: "";
		position: absolute;
		inset: 0;
		background-image: linear-gradient(rgba(138,170,197,.015) 1px, transparent 1px), linear-gradient(90deg, rgba(138,170,197,.015) 1px, transparent 1px);
		background-size: 38px 38px;
		opacity: .9;
		pointer-events: none;
	}
	.hero-atmosphere { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
	.hero-starfield {
		position:absolute;
		inset:-8%;
		opacity:.24;
		background-image:radial-gradient(1.2px 1.2px at 12% 22%,rgba(215,243,255,.8),transparent 100%),radial-gradient(1.5px 1.5px at 35% 72%,rgba(110,232,236,.76),transparent 100%),radial-gradient(1.8px 1.8px at 65% 18%,rgba(228,177,104,.62),transparent 100%),radial-gradient(1.2px 1.2px at 82% 62%,rgba(215,243,255,.7),transparent 100%);
		background-size:420px 310px;
		animation:observatory-drift 52s ease-in-out infinite alternate;
	}
	.hero-core {
		position:relative;
		z-index:1;
		width:min(100%, 1440px);
		margin:0 auto;
		display:grid;
		grid-template-columns: 148px minmax(0,1fr);
		align-items:center;
		gap: 22px;
	}
	.hero-copy {
		position:relative;
		z-index:2;
		min-width:0;
		padding: 6px 0 4px;
	}
	.hero-copy::after {
		display:none;
	}
	.hero-brand-logo {
		display:block;
		width:min(100%, 128px);
		max-width:128px;
		height:auto;
		object-fit:contain;
		filter:drop-shadow(0 0 20px rgba(110,232,236,.12)) drop-shadow(0 0 18px rgba(228,177,104,.14));
		animation:observatory-brand-presence 8s ease-in-out infinite;
	}
	.hero-brand-subtitle {
		max-width:140px;
		margin:8px 0 0;
		color:#b8c9d6;
		font-size:10px;
		letter-spacing:.04em;
		text-transform:none;
		animation:observatory-copy-enter 600ms ease-out 160ms both;
	}
	.header-prime-access {
		position:relative;
		z-index:1;
		isolation:isolate;
		min-width:0;
		min-height:184px;
		display:grid;
		grid-template-columns:minmax(0,1fr) minmax(180px,.62fr);
		align-items:stretch;
		overflow:hidden;
		border:0;
		border-left:1px solid rgba(110,232,236,.38);
		border-radius:0;
		background:transparent;
		box-shadow:none;
	}
	.header-prime-access::before {
		content:"";
		position:absolute;
		inset:0;
		z-index:1;
		background:linear-gradient(90deg,rgba(110,232,236,.045),transparent 38%,transparent 63%,rgba(2,8,13,.12));
		pointer-events:none;
	}
	.header-prime-access-copy {
		position:relative;
		z-index:2;
		min-width:0;
		display:grid;
		align-content:center;
		justify-items:start;
		gap:8px;
		padding:18px 22px 16px 28px;
	}
	.header-prime-access-kicker {
		margin:0;
		color:#7edfe2;
		font:600 9px/1.2 "Barlow Condensed";
		letter-spacing:.13em;
		text-transform:uppercase;
	}
	.header-prime-access-name {
		min-width:0;
		margin:0;
		color:#f5bf72;
		font:700 38px/1 "Barlow Condensed";
		text-transform:uppercase;
		overflow-wrap:anywhere;
		text-shadow:0 2px 18px rgba(0,0,0,.45);
	}
	.header-prime-access-meta {
		display:flex;
		align-items:flex-start;
		gap:18px;
		margin-top:4px;
		padding-top:10px;
		border-top:1px solid rgba(110,232,236,.18);
	}
	.header-prime-access-stat { min-width:0; display:grid; gap:3px; }
	.header-prime-access-stat > span { color:#7faab6; font:600 8px/1.2 "Barlow Condensed"; letter-spacing:.12em; text-transform:uppercase; }
	.header-prime-access-stat > strong { color:#ebf4fb; font:600 13px/1.1 "Barlow Condensed"; text-transform:uppercase; }
	.header-prime-access-stat > strong.is-available { color:#7fe4dc; }
	.header-prime-access-stat > strong.is-unconfirmed { color:#aebdca; }
	.header-prime-access-cta {
		min-height:30px;
		display:inline-flex;
		align-items:center;
		gap:8px;
		margin-top:10px;
		padding:7px 12px;
		border:1px solid rgba(110,232,236,.38);
		border-radius:999px;
		background:linear-gradient(180deg, rgba(20,50,58,.78), rgba(8,23,31,.92));
		color:#b9f9f4;
		font:600 10px/1 "Barlow Condensed";
		letter-spacing:.12em;
		cursor:pointer;
		transition:border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
	}
	.header-prime-access-cta:hover,.header-prime-access-cta:focus-visible {
		border-color:rgba(110,232,236,.7);
		background:linear-gradient(180deg, rgba(25,62,71,.8), rgba(9,26,32,.96));
		color:#ecffff;
		outline:none;
		transform:translateY(-1px);
		box-shadow:0 0 18px rgba(110,232,236,.1);
	}
	.header-prime-access-cta span { color:#f4bf72; font-size:13px; }
	.header-prime-access-art {
		position:relative;
		z-index:0;
		min-width:0;
		display:grid;
		place-items:center;
		overflow:hidden;
		mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.48) 18%,#000 70%);
	}
	.header-prime-access-art::before {
		content:"";
		position:absolute;
		inset:14% 12% 12% 12%;
		border-radius:50%;
		background:radial-gradient(circle, rgba(110,232,236,.18), transparent 62%);
		filter:blur(16px);
	}
	.header-prime-access-art img {
		width:100%;
		height:100%;
		max-height:232px;
		object-fit:contain;
		object-position:right center;
		opacity:.58;
		filter:saturate(.88) contrast(1.08) drop-shadow(0 12px 24px rgba(0,0,0,.42));
	}
	@keyframes observatory-brand-presence { 0%,100% { transform:translateY(0) scale(1); filter:drop-shadow(0 0 16px rgba(110,232,236,.16)) brightness(1); } 50% { transform:translateY(-3px) scale(1.04); filter:drop-shadow(0 0 24px rgba(110,232,236,.28)) brightness(1.08); } }
	@keyframes observatory-copy-enter { from { opacity:0; transform:translateX(-12px); } to { opacity:1; transform:translateX(0); } }
	@keyframes observatory-drift { from { transform:translate3d(0,-3px,0); } to { transform:translate3d(0,5px,0); } }
	@media (hover:hover) {
		.header-prime-access-cta:hover { box-shadow:0 0 14px rgba(110,232,236,.09); }
	}
	@media (max-width:900px) {
		.observatory-hero { padding-right:24px; padding-left:24px; }
		.hero-core { grid-template-columns:132px minmax(0,1fr); gap:18px; }
		.header-prime-access { min-height:170px; grid-template-columns:minmax(0,1fr) minmax(140px,.48fr); }
		.header-prime-access-art img { max-height:190px; }
	}
	@media (max-width:700px) {
		.observatory-hero { padding:12px 16px 10px; }
		.hero-core { min-height:0; align-content:start; grid-template-columns:1fr; grid-template-areas:"copy" "prime-access"; gap:6px; }
		.hero-copy { grid-area:copy; display:flex; align-items:center; gap:9px; min-height:38px; text-align:left; }
		.hero-brand-logo { width:38px; max-width:38px; margin:0; }
		.hero-brand-subtitle { max-width:none; margin:0; font-size:10px; }
		.hero-copy::after { display:none; }
		.header-prime-access { grid-area:prime-access; min-height:154px; display:block; overflow:hidden; background:transparent; }
		.header-prime-access::before { background:linear-gradient(90deg,rgba(110,232,236,.04),transparent 45%,rgba(3,10,16,.12)); }
		.header-prime-access-art { position:absolute; inset:0 0 0 auto; width:58%; display:grid; mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.55) 35%,#000 88%); }
		.header-prime-access-art img { max-height:170px; opacity:.4; }
		.header-prime-access-copy { grid-template-columns:minmax(0,1fr) auto; gap:5px 10px; min-height:154px; padding:12px 0 12px 18px; }
		.header-prime-access-kicker,.header-prime-access-name { grid-column:1/-1; }
		.header-prime-access-name { font-size:25px; }
		.header-prime-access-meta { grid-column:1; grid-row:3; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; margin:0; padding:0; border:0; }
		.header-prime-access-stat > span { font-size:7px; letter-spacing:.06em; }
		.header-prime-access-stat > strong { font-size:11px; }
		.header-prime-access-cta { grid-column:2; grid-row:3; justify-self:end; align-self:center; margin:0; }
	}
	@media (max-width:360px) {
		.observatory-hero { padding-right:12px; padding-left:12px; }
	}
	@media (prefers-reduced-motion:reduce) {
		.hero-starfield,.hero-tagline,.hero-brand-logo { animation:none; }
	}

	#controlPanel.side-panel { width:min(460px,100%); padding:30px 26px 28px; border:0; border-left:1px solid rgba(96,214,210,.36); background:radial-gradient(ellipse at 100% 0%,rgba(96,214,210,.1),transparent 38%),linear-gradient(155deg,#111a25 0%,#0b1018 54%,#090d14 100%); box-shadow:-24px 0 80px rgba(0,0,0,.55),inset 1px 0 0 rgba(255,255,255,.025); }
#controlPanel .target-options { max-height:240px; gap:5px; padding-right:3px; }
#controlPanel .target-option { min-height:34px; padding:8px 10px; border-color:rgba(132,145,161,.16); background:rgba(255,255,255,.018); color:#b4c0cf; font-size:11px; transition:border-color .16s ease,background .16s ease,color .16s ease; }
#controlPanel .target-option:hover,#controlPanel .target-option.selected { border-color:rgba(96,214,210,.5); background:rgba(96,214,210,.08); color:var(--cyan); }
#controlPanel #clearTargetsBtn { justify-self:start; min-height:30px; margin-top:1px; padding:4px 0; color:var(--muted)!important; font-size:10px; text-decoration:underline; text-decoration-color:rgba(132,145,161,.4); text-underline-offset:3px; }
#controlPanel .panel-actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:8px; padding-top:20px; border-top:1px solid rgba(132,145,161,.2); }
#controlPanel .panel-actions button { min-height:42px; padding:9px 10px; border:1px solid rgba(96,214,210,.3); border-radius:2px; background:rgba(96,214,210,.055); color:#a3e7e2; font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; transition:border-color .18s ease,background .18s ease,box-shadow .18s ease; }
#controlPanel .panel-actions button:hover,#controlPanel .panel-actions button:focus-visible { border-color:var(--cyan); background:rgba(96,214,210,.13); box-shadow:0 0 16px rgba(96,214,210,.09); }
#controlPanel .panel-actions .danger { grid-column:1/-1; border-color:rgba(240,115,115,.26); background:rgba(240,115,115,.035); color:#dc9292; }
#controlPanel .panel-actions .danger:hover,#controlPanel .panel-actions .danger:focus-visible { border-color:rgba(240,115,115,.65); background:rgba(240,115,115,.1); box-shadow:0 0 14px rgba(240,115,115,.08); }
#controlPanel .panel-actions .stat-note { grid-column:1/-1; margin:3px 0 0; padding:10px 0 0; border-top:1px solid rgba(132,145,161,.12); color:#738195; font-size:10px; line-height:1.55; }
#controlPanel .cloud-sync-panel h3 { margin:0; color:var(--text); font:600 21px/1 "Barlow Condensed"; text-transform:uppercase; }
#controlPanel .sync-status { padding:10px 11px; border-left:2px solid var(--cyan); background:rgba(96,214,210,.055); color:#a9bbbF; font-size:11px; line-height:1.45; }
#controlPanel .cloud-sync-panel p { margin:0; color:var(--muted); font-size:10px; line-height:1.5; }
#controlPanel .cloud-sync-panel button { min-height:38px; padding:8px 10px; border:1px solid rgba(96,214,210,.32); background:rgba(96,214,210,.06); color:var(--cyan); font-size:10px; font-weight:700; text-transform:uppercase; }
#controlPanel .cloud-sync-panel button:hover { border-color:var(--cyan); background:rgba(96,214,210,.12); }
#controlPanel [hidden] { display:none!important; }
.list-export-button { min-height:36px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:8px 11px; border:1px solid rgba(228,177,104,.42); background:rgba(228,177,104,.06); color:var(--gold); font-size:10px; font-weight:700; text-transform:uppercase; transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease; }
.list-export-button:hover,.list-export-button:focus-visible { border-color:var(--gold); background:rgba(228,177,104,.13); box-shadow:0 0 14px rgba(228,177,104,.12); transform:translateY(-1px); }
.list-export-dialog { width:min(680px,calc(100% - 24px)); max-width:none; max-height:calc(100dvh - 24px); padding:0; overflow:hidden; border:0; background:transparent; color:var(--text); }
.list-export-dialog::backdrop { background:rgba(0,0,0,.76); backdrop-filter:blur(5px); }
.list-export-frame { position:relative; display:grid; grid-template-rows:auto minmax(0,1fr) auto; max-height:min(92dvh,900px); padding:24px 26px 0; overflow:hidden; border:1px solid rgba(96,214,210,.3); background:linear-gradient(155deg,rgba(18,27,39,.99),rgba(8,16,25,.99)); box-shadow:0 24px 90px rgba(0,0,0,.55),inset 0 1px 0 rgba(96,214,210,.08); }
.list-export-header { min-height:0; }
.list-export-header .eyebrow { margin:0 42px 4px 0; font-size:10px; }
.list-export-header h2 { margin:0 42px 16px 0; overflow-wrap:anywhere; color:var(--text); font:600 29px/1.05 "Barlow Condensed"; text-transform:uppercase; }
.list-export-dialog .modal-close { position:absolute; top:16px; right:16px; width:34px; height:34px; display:grid; place-items:center; border:1px solid rgba(132,145,161,.24); border-radius:5px; background:rgba(255,255,255,.025); color:var(--text); font-size:21px; }
.list-export-content { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:0 8px 20px 0; scrollbar-gutter:stable; }
.list-export-field { display:grid; gap:6px; margin:12px 0; color:var(--muted); font-size:10px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.list-export-field select { width:100%; min-height:40px; padding:8px 11px; border:1px solid rgba(132,145,161,.3); background:var(--panel2); color:var(--text); font-size:12px; letter-spacing:normal; text-transform:none; }
.export-era-order-section,.export-preview-section { margin-top:17px; padding-top:14px; border-top:1px solid rgba(132,145,161,.2); }
.export-era-order-section[hidden] { display:none; }
.export-era-order-heading,.export-preview-heading { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:9px; }
.export-era-order-heading strong,.export-preview-heading strong { color:var(--gold); font:600 18px "Barlow Condensed"; text-transform:uppercase; }
.export-era-order-heading small,.export-preview-heading small { color:var(--muted); font-size:10px; }
.export-era-order { display:grid; gap:5px; margin:0; padding:0; list-style:none; }
.export-era-option { min-height:38px; display:grid; grid-template-columns:20px minmax(55px,1fr) auto auto; align-items:center; gap:8px; padding:4px 7px; border:1px solid rgba(132,145,161,.2); background:rgba(21,31,44,.72); cursor:grab; }
.export-era-option:active { cursor:grabbing; }
.export-era-drag { color:var(--muted); font-size:17px; text-align:center; }
.export-era-option strong { color:var(--text); font:600 15px "Barlow Condensed"; text-transform:uppercase; }
.export-era-option small { color:var(--muted); font-size:9px; }
.export-era-controls { display:flex; gap:4px; }
.export-era-controls button { width:27px; height:27px; border:1px solid rgba(96,214,210,.25); background:rgba(96,214,210,.04); color:var(--cyan); }
.export-era-controls button:disabled { opacity:.3; cursor:default; }
.export-preview-frame { min-height:150px; display:flex; align-items:flex-start; justify-content:center; overflow:hidden; border:1px solid rgba(85,157,184,.28); background:#080b12; }
.export-preview-frame canvas { display:block; width:auto; max-width:100%; max-height:320px; object-fit:contain; }
.list-export-dialog-actions { display:flex; justify-content:flex-end; gap:8px; margin:0; padding:13px 0 18px; border-top:1px solid var(--line); background:transparent; }
.list-export-dialog-actions button { min-height:40px; padding:8px 16px; }
.list-export-dialog-actions [data-export-save]:disabled { opacity:.5; cursor:wait; }
@media (max-width:520px) {
	#controlPanel.side-panel { width:100%; padding:26px 20px 24px; }
	#controlPanel h2 { font-size:38px; }
}
@media (max-width:520px) {
	.list-export-frame { padding:20px 14px 0; }
	.export-era-order-heading,.export-preview-heading { align-items:flex-start; flex-direction:column; gap:3px; }
	.export-preview-frame { min-height:120px; }
	.export-preview-frame canvas { max-height:250px; }
	#controlPanel .panel-section:not([hidden]) { padding:17px 0; }
}
@media (max-width:700px) {
	.list-detail-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
	.list-detail-actions button { min-width:0; padding:8px 7px; font-size:9px; }
}
@media (prefers-reduced-motion:reduce) { .home-prime-art img { animation:none; } }
.prime-command-view { padding-top:18px; }
.prime-command-view[hidden],.prime-command-view .hidden { display:none!important; }
.test-farm-planner-section { margin-top:36px; padding-top:26px; border-top:1px solid var(--line); }
.prime-command-masthead { display:flex; align-items:end; justify-content:space-between; gap:18px; padding:0 0 15px; border-bottom:1px solid var(--line); }
.prime-command-masthead .eyebrow { font-size:10px; }
.prime-command-masthead h2 { margin:4px 0 0; font:600 38px/1 "Barlow Condensed"; text-transform:uppercase; }
.prime-command-index { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:9px; font-weight:700; letter-spacing:.08em; }
.prime-command-index i,.prime-command-status-dot { width:6px; height:6px; border-radius:50%; background:var(--cyan); box-shadow:0 0 10px rgba(96,214,210,.45); }
.prime-command-hero { display:grid; grid-template-columns:minmax(300px,.86fr) minmax(0,1fr); min-height:440px; margin-top:14px; border-top:1px solid rgba(96,214,210,.5); border-bottom:1px solid var(--line); background:linear-gradient(100deg,rgba(17,31,40,.55),rgba(9,14,21,.14) 62%); animation:prime-command-enter .68s cubic-bezier(.2,.7,.2,1) both; }
.prime-command-art-stage { position:relative; min-width:0; min-height:440px; display:grid; place-items:center; overflow:hidden; border-right:1px solid rgba(96,214,210,.12); background:radial-gradient(ellipse at 50% 42%,rgba(96,214,210,.13),transparent 66%),linear-gradient(145deg,rgba(17,34,43,.55),rgba(8,12,18,.34)); }
.prime-command-art-stage::after { position:absolute; inset:0; content:""; pointer-events:none; background:linear-gradient(90deg,transparent 82%,rgba(8,11,18,.34)),linear-gradient(0deg,rgba(8,11,18,.36),transparent 28%); }
.prime-command-portrait { width:100%; height:100%; max-height:440px; padding:12px 28px 34px; object-fit:contain; filter:drop-shadow(0 18px 24px rgba(0,0,0,.42)); mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%); animation:prime-command-float 7s ease-in-out infinite; }
.prime-command-art-caption { position:absolute; z-index:2; right:14px; bottom:12px; left:14px; min-height:36px; display:flex; align-items:center; padding:8px 10px; border-top:1px solid rgba(228,177,104,.34); background:rgba(8,11,18,.76); color:var(--gold); font-size:10px; font-weight:700; letter-spacing:.05em; backdrop-filter:blur(7px); }
.prime-command-art-caption::before { content:"RELEASE DATE"; margin-right:auto; color:var(--muted); font-size:8px; letter-spacing:.09em; }
.prime-command-portrait-fallback { color:rgba(228,177,104,.75); font:600 132px/1 "Barlow Condensed"; }
.prime-command-copy { min-width:0; display:flex; flex-direction:column; justify-content:center; padding:28px clamp(24px,4vw,58px); animation:prime-command-copy-in .52s cubic-bezier(.2,.7,.2,1) .08s both; }
.prime-command-copy > .eyebrow { display:flex; align-items:center; gap:8px; font-size:10px; }
.prime-command-copy h2 { margin:10px 0 7px; color:var(--gold); font:600 54px/.95 "Barlow Condensed"; text-transform:uppercase; overflow-wrap:anywhere; }
.prime-command-summary { max-width:480px; margin:0; color:var(--muted); font-size:12px; line-height:1.5; }
.prime-command-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:12px 0 0; padding:10px 0; border-top:1px solid rgba(132,145,161,.2); border-bottom:1px solid rgba(132,145,161,.2); }
.prime-command-facts > div { min-width:0; display:grid; gap:5px; }
.prime-command-facts span,.prime-command-loadout-heading > span { color:var(--muted); font-size:8px; font-weight:700; letter-spacing:.08em; }
.prime-command-facts strong { color:var(--text); font-size:10px; line-height:1.25; overflow-wrap:anywhere; }
.prime-command-loadout { margin-top:15px; }
.prime-command-loadout-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:5px; }
.prime-command-loadout-heading .eyebrow { font-size:9px; }
.prime-command-gear { width:100%; min-width:0; display:grid; grid-template-columns:42px minmax(0,1fr) minmax(76px,auto) 16px; align-items:center; gap:10px; padding:8px 0; border:0; border-top:1px solid rgba(132,145,161,.16); background:transparent; color:var(--text); text-align:left; cursor:pointer; }
.prime-command-frame { border-top:0; }
.prime-command-gear:hover .prime-command-gear-copy strong,.prime-command-gear:focus-visible .prime-command-gear-copy strong { color:var(--cyan); }
.prime-command-gear-art { width:40px; height:40px; display:grid; place-items:center; overflow:hidden; background:rgba(255,255,255,.025); }
.prime-command-gear-art img { width:100%; height:100%; object-fit:contain; }
.prime-command-gear-copy { min-width:0; display:grid; gap:3px; }
.prime-command-gear-copy strong { font-size:11px; transition:color .16s ease; }
.prime-command-gear-copy small { color:var(--muted); font-size:8px; }
.prime-command-gear-status { min-width:68px; justify-self:end; padding:4px 5px; border:1px solid rgba(132,145,161,.25); color:var(--muted); font-size:8px; font-weight:700; text-align:center; white-space:nowrap; }
.prime-command-gear-status.status-farmable,.prime-command-gear-status.status-resurgence,.prime-command-gear-status.status-event { border-color:rgba(103,213,140,.28); color:#8be4a7; }
.prime-command-gear-status.status-unavailable { border-color:rgba(205,125,125,.3); color:#d99595; }
.prime-command-gear-status.status-unknown { border-color:rgba(228,177,104,.3); color:var(--gold); }
.prime-command-gear-arrow { color:var(--muted); font-size:14px; }
.prime-command-empty { margin:8px 0; color:var(--muted); font-size:11px; }
.prime-command-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.prime-command-primary,.prime-command-plan,.prime-command-target { min-height:38px; display:inline-flex; align-items:center; justify-content:center; gap:18px; padding:8px 13px; border:1px solid rgba(96,214,210,.55); background:rgba(96,214,210,.07); color:var(--cyan); font-size:10px; font-weight:700; text-transform:uppercase; }
.prime-command-primary:hover,.prime-command-primary:focus-visible { background:rgba(96,214,210,.14); border-color:var(--cyan); }
.prime-command-plan { border-color:rgba(228,177,104,.58); background:rgba(228,177,104,.07); color:var(--gold); }
.prime-command-plan:hover,.prime-command-plan:focus-visible { border-color:var(--gold); background:rgba(228,177,104,.14); }
.prime-command-target { border-color:rgba(132,145,161,.28); background:transparent; color:var(--muted); }
.prime-command-target.is-added { border-color:rgba(103,213,139,.45); background:rgba(68,174,103,.12); color:#74d995; }
.prime-command-roster-section { margin-top:28px; }
.prime-command-section-heading { display:flex; align-items:end; justify-content:space-between; gap:14px; margin-bottom:10px; }
.prime-command-section-heading .eyebrow { font-size:9px; }
.prime-command-section-heading h3 { display:flex; align-items:center; gap:12px; margin:4px 0 0; font:600 25px/1 "Barlow Condensed"; text-transform:uppercase; }
.prime-command-roster-count { position:relative; width:42px; height:38px; flex:0 0 42px; display:grid; place-items:center; border:1px solid rgba(96,214,210,.54); background:linear-gradient(145deg,rgba(96,214,210,.15),rgba(10,18,24,.8)); color:var(--cyan); font:700 23px/1 "Barlow Condensed"; text-align:center; text-shadow:0 0 12px rgba(96,214,210,.45); box-shadow:inset 0 0 14px rgba(96,214,210,.09),0 0 12px rgba(96,214,210,.08); }
.prime-command-roster-count::before { position:absolute; inset:3px; border:1px solid rgba(96,214,210,.14); content:""; pointer-events:none; }
.prime-command-roster-count::after { position:absolute; top:0; right:0; width:4px; height:4px; background:var(--gold); box-shadow:0 0 7px rgba(228,177,104,.55); content:""; }
.prime-command-roster-heading { color:var(--text); font:600 25px/1 "Barlow Condensed"; }
.prime-command-roster-link { padding:7px 0; border:0; background:transparent; color:var(--cyan); font-size:10px; font-weight:700; text-transform:uppercase; }
.prime-command-roster { min-width:0; overflow:hidden; padding:1px 0 4px; container-type:inline-size; }
.prime-command-roster-loop { display:flex; width:max-content; animation:prime-command-roster-loop 38s linear infinite; will-change:transform; }
.prime-command-roster:hover .prime-command-roster-loop,.prime-command-roster:focus-within .prime-command-roster-loop { animation-play-state:paused; }
.prime-command-roster-group { display:grid; grid-auto-flow:column; grid-template-rows:minmax(88px,auto); grid-auto-columns:calc((100cqi - 48px)/7); gap:8px; padding-right:8px; }
.prime-command-roster-card { position:relative; min-width:0; display:flex; flex-direction:column; overflow:hidden; border:1px solid rgba(132,145,161,.2); background:rgba(16,22,32,.72); animation:prime-command-roster-in .4s cubic-bezier(.2,.7,.2,1) both; animation-delay:calc(var(--prime-order,0) * 36ms); transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease; }
.prime-command-roster-card::after { position:absolute; top:0; right:0; left:0; height:2px; background:linear-gradient(90deg,transparent,var(--cyan),var(--gold),var(--cyan),transparent); background-size:200% 100%; background-position:100% 0; content:""; opacity:0; pointer-events:none; }
.prime-command-roster-card:hover,.prime-command-roster-card:focus-within { z-index:1; transform:translateY(-2px); border-color:rgba(96,214,210,.7); background:rgba(20,35,44,.94); box-shadow:0 5px 17px rgba(96,214,210,.15),inset 0 0 16px rgba(96,214,210,.06); }
.prime-command-roster-card:hover::after,.prime-command-roster-card:focus-within::after,.prime-command-roster-card.is-selected::after { opacity:1; animation:prime-command-roster-scan 1.8s linear infinite; }
.prime-command-roster-card.is-selected { border-color:rgba(228,177,104,.78); background:linear-gradient(115deg,rgba(228,177,104,.14),rgba(16,22,32,.82)); box-shadow:inset 2px 0 0 var(--gold),0 0 17px rgba(228,177,104,.13); }
.prime-command-roster-card.is-selected:hover { box-shadow:inset 2px 0 0 var(--gold),0 5px 20px rgba(228,177,104,.19),0 0 16px rgba(96,214,210,.1); }
.prime-command-roster-item { position:relative; width:100%; min-width:0; min-height:86px; display:grid; grid-template-columns:46px minmax(0,1fr); align-items:center; gap:10px; padding:10px 29px 10px 11px; border:0; background:transparent; color:var(--text); text-align:left; cursor:pointer; }
.prime-command-roster-item:hover { background:rgba(96,214,210,.045); }
.prime-command-roster-item:focus-visible { outline:2px solid rgba(96,214,210,.75); outline-offset:-3px; }
.prime-command-roster-card.is-selected .prime-command-roster-copy strong { color:var(--gold); }
.prime-command-roster-check { position:absolute; top:8px; right:8px; width:16px; height:16px; display:grid; place-items:center; border:1px solid rgba(228,177,104,.65); border-radius:50%; color:var(--gold); font-size:9px; opacity:0; transform:scale(.7); transition:opacity .2s ease,transform .2s ease; }
.prime-command-roster-item.is-selected .prime-command-roster-check { opacity:1; transform:scale(1); }
.prime-command-roster-art { width:46px; height:56px; display:grid; place-items:center; overflow:hidden; }
.prime-command-roster-art img { width:100%; height:100%; object-fit:contain; }
.prime-command-roster-art > span { color:var(--gold); font:600 25px "Barlow Condensed"; }
.prime-command-roster-copy { min-width:0; display:grid; align-content:center; gap:5px; }
.prime-command-roster-copy strong { color:var(--text); font-size:10px; font-weight:700; line-height:1.2; overflow-wrap:anywhere; }
.prime-command-roster-copy small { display:flex; align-items:baseline; gap:4px; color:var(--muted); font-size:8px; }
.prime-command-roster-copy small b { color:var(--cyan); font-size:10px; }
@media (prefers-reduced-motion:reduce) {
	.prime-command-roster-card:hover,.prime-command-roster-card:focus-within { transform:none; }
	.prime-command-roster-card:hover::after,.prime-command-roster-card:focus-within::after,.prime-command-roster-card.is-selected::after { animation:none; }
}
@keyframes prime-command-enter { from { opacity:0; transform:translateY(18px) scale(.99); filter:blur(2px); } to { opacity:1; transform:translateY(0) scale(1); filter:blur(0); } }
@keyframes prime-command-copy-in { from { opacity:0; transform:translateX(18px); } to { opacity:1; transform:translateX(0); } }
@keyframes prime-command-roster-in { from { opacity:0; transform:translateY(9px); } to { opacity:1; transform:translateY(0); } }
@keyframes prime-command-roster-scan { to { background-position:-100% 0; } }
@keyframes prime-command-roster-loop { to { transform:translateX(-50%); } }
@keyframes prime-command-float { 0%,100% { transform:translateY(3px); } 50% { transform:translateY(-9px); } }
@media (max-width:1200px) { .prime-command-roster-group { grid-auto-columns:calc((100cqi - 32px)/5); } }
@media (max-width:900px) { .prime-command-hero { grid-template-columns:minmax(250px,.8fr) minmax(0,1fr); }.prime-command-copy { padding:22px; }.prime-command-copy h2 { font-size:46px; } }
@media (max-width:700px) {
	.prime-command-view { padding-top:12px; }
	.prime-command-masthead h2 { font-size:32px; }
	.prime-command-index { font-size:8px; }
	.prime-command-hero { grid-template-columns:minmax(0,1fr); }
	.prime-command-art-stage { min-height:260px; max-height:280px; border-right:0; border-bottom:1px solid rgba(96,214,210,.14); }
	.prime-command-portrait { width:100%; height:270px; max-height:280px; padding:8px 34px 30px; }
	.prime-command-copy { padding:22px 16px; }
	.prime-command-copy h2 { font-size:44px; }
	.prime-command-facts { gap:8px; }
	.prime-command-facts strong { font-size:9px; }
	.prime-command-roster-section { margin-top:22px; }
	.prime-command-section-heading h3 { gap:8px; }
	.prime-command-roster-count { width:36px; height:34px; flex-basis:36px; font-size:21px; }
	.prime-command-roster-heading { font-size:20px; }
	.prime-command-roster-group { grid-auto-columns:calc((100cqi - 8px)/2); grid-template-rows:minmax(78px,auto); }
}
@media (prefers-reduced-motion:reduce) { .prime-command-hero,.prime-command-copy,.prime-command-portrait,.prime-command-roster-loop,.prime-command-roster-card,.prime-command-roster-card::after { animation:none; } .prime-command-roster { overflow:visible; }.prime-command-roster-loop { display:block; width:auto; transform:none; }.prime-command-roster-group { grid-auto-flow:row; grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr)); grid-template-rows:none; padding-right:0; }.prime-command-roster-group[aria-hidden="true"] { display:none; }.prime-command-gear-copy strong,.prime-command-roster-card,.prime-command-roster-check { transition:none; } }
.home-available-card:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 10px 25px rgba(96,214,210,.15); border-color: var(--cyan); }
.home-available-card:hover .home-available-art img { transform: scale(1.1); transition: transform 0.3s ease; }
.home-available-card:nth-child(1) { animation-delay: 0.05s; }
.home-available-card:nth-child(2) { animation-delay: 0.1s; }
.home-available-card:nth-child(3) { animation-delay: 0.15s; }
.home-available-card:nth-child(4) { animation-delay: 0.2s; }
.home-available-card:nth-child(5) { animation-delay: 0.25s; }
.home-available-card:nth-child(6) { animation-delay: 0.3s; }
.home-available-card:nth-child(7) { animation-delay: 0.35s; }
.home-available-card:nth-child(8) { animation-delay: 0.4s; }
.home-available-card:nth-child(9) { animation-delay: 0.45s; }
.home-available-card:nth-child(10) { animation-delay: 0.5s; }
.home-available-card:nth-child(n+11) { animation-delay: 0.55s; }
.home-available-art { position:relative; width:100px; height:128px; display:grid; place-items:center; overflow:hidden; padding:0; border:0; background:radial-gradient(ellipse at 50% 46%,rgba(96,214,210,.12),transparent 68%); cursor:pointer; }
.home-prime-art-fallback[hidden] { display:none; }
.home-available-art .home-prime-art-fallback { inset:0; width:100%; height:100%; min-height:0; pointer-events:none; }
.home-available-art:focus-visible { outline:1px solid var(--cyan); outline-offset:2px; }
.home-available-art img { width:100%; height:100%; object-fit:contain; }
.home-available-name { padding:0; border:0; background:transparent; color:inherit; font:inherit; text-align:left; text-transform:inherit; overflow-wrap:anywhere; cursor:pointer; }
.home-available-name:hover,.home-available-name:focus-visible { color:var(--cyan); outline:none; }
.home-available-copy { min-width:0; display:grid; align-content:center; justify-items:start; gap:5px; }
.home-available-copy h3 { margin:0; color:var(--gold); font:600 19px/1 "Barlow Condensed"; text-transform:uppercase; overflow-wrap:anywhere; }
.home-available-copy small { color:var(--muted); font-size:10px; }
.home-available-badge { padding:3px 6px; border:none; border-radius:4px; color:var(--muted); font-size:9px; font-weight:700; line-height:1.2; text-transform:uppercase; background: rgba(255,255,255,0.05); display:inline-block; margin-top:2px; }
.home-available-badge.status-farmable { background:var(--cyan); color:#071013; box-shadow:0 0 8px rgba(96,214,210,.3); }
.home-available-badge.status-resurgence,.home-available-badge.status-event { border-color:rgba(228,177,104,.65); color:var(--gold); }
.home-available-actions { display:flex; flex-wrap:wrap; gap:9px; }
.home-available-actions .text-button { padding:6px 12px; background:rgba(96,214,210,0.1)!important; color:var(--cyan)!important; font-size:10px; font-weight:600; border-radius:15px; text-transform:uppercase; transition:all 0.2s ease; }
.home-available-actions .text-button:hover { background:var(--cyan)!important; color:#071013!important; box-shadow:0 0 10px rgba(96,214,210,0.4); }
.home-available-actions button:disabled { cursor:not-allowed; opacity:.45; }
.home-monthly-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.home-monthly-card { position:relative; min-width:0; display:grid; grid-template-columns:minmax(100px,.75fr) minmax(0,1fr); min-height:220px; overflow:hidden; border:1px solid var(--line); background:linear-gradient(135deg,rgba(26,26,30,.92),rgba(13,18,27,.96)); }
.home-monthly-art { min-width:0; min-height:220px; display:grid; place-items:center; overflow:hidden; background:radial-gradient(ellipse at 50% 45%,rgba(228,177,104,.14),transparent 68%),linear-gradient(150deg,rgba(38,31,25,.52),rgba(8,12,19,.75)); }
.home-monthly-art img { width:100%; height:100%; object-fit:contain; padding:10px; }
.home-monthly-copy { min-width:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:7px; padding:16px; }
.home-monthly-copy .eyebrow { color:var(--gold); font-size:10px; letter-spacing:1.4px; }
.home-monthly-copy h3 { margin:0; color:var(--gold); font:600 25px/1 "Barlow Condensed"; text-transform:uppercase; overflow-wrap:anywhere; }
.home-monthly-dates,.home-monthly-status,.home-monthly-remaining { margin:0; color:var(--muted); font-size:11px; line-height:1.4; }
.home-monthly-dates { color:var(--cyan); }
.home-monthly-remaining,.home-monthly-timing { color:var(--gold); }
.home-monthly-timing { margin:0; font-size:11px; white-space:nowrap; }
.home-monthly-copy .home-prime-actions { gap:5px 12px; margin-top:3px; }
.home-monthly-copy .home-prime-actions .secondary-button { min-height:33px; padding:6px 9px; font-size:11px; }
.home-monthly-copy .home-prime-actions .text-button { font-size:11px; }
.home-list-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.home-list-card { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding:14px; border:1px solid var(--line); background:rgba(16,22,32,.82); }
.home-list-copy { min-width:0; }
.home-list-card .eyebrow { font-size:10px; letter-spacing:1.5px; }
.home-list-card h3 { margin:3px 0 0; color:var(--gold); font:600 21px/1.05 "Barlow Condensed"; text-transform:uppercase; overflow-wrap:anywhere; }
.home-list-targets { display:block; margin-top:6px; color:var(--cyan); font-size:11px; overflow-wrap:anywhere; }
.home-list-meta { margin-top:auto; color:var(--muted); font-size:12px; }
.home-list-meta strong { color:var(--text); }
.home-list-card .secondary-button { min-height:34px; margin-top:2px; padding:6px 11px; border-color:#3c6571; color:var(--cyan); }
.home-list-empty { display:flex; align-items:center; gap:12px; padding:12px 14px; border:1px dashed var(--line); background:rgba(16,22,32,.38); }
.home-list-empty p { margin:0; color:var(--muted); font-size:12px; }
.home-list-empty .secondary-button { min-height:34px; padding:6px 10px; border-color:#3c6571; color:var(--cyan); }
.home-content-note { margin:0; padding:12px 0; color:var(--muted); font-size:12px; }
.home-recommendation-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.home-relic-card { min-width:0; display:grid; align-content:start; gap:9px; padding:13px; border:1px solid var(--line); background:rgba(16,22,32,.82); }
.home-relic-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.home-relic-heading h3 { margin:2px 0 0; color:var(--gold); font:600 19px/1.05 "Barlow Condensed"; text-transform:uppercase; overflow-wrap:anywhere; }
.home-relic-heading .relic-era { font-size:10px; letter-spacing:1.4px; }
.home-status { flex:0 0 auto; padding:4px 6px; border:1px solid var(--line); color:var(--muted); font-size:9px; text-transform:uppercase; }
.home-status.status-farmable { border-color:var(--cyan); color:var(--cyan); }
.home-status.status-resurgence,.home-status.status-event { border-color:var(--gold); color:var(--gold); }
.home-relic-detail { margin:0; color:var(--muted); font-size:11px; line-height:1.45; }
.home-card-actions { display:flex; gap:14px; margin-top:auto; }
.home-card-actions .text-button { padding:2px 0; color:var(--cyan)!important; font-size:11px; }
@media (max-width:900px) {
	.home-available-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.home-monthly-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.home-monthly-card { grid-template-columns:100px minmax(0,1fr); }
	.home-list-grid,.home-recommendation-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
	.home-view { padding-top:8px; }
	.home-section { margin-top:23px; padding-top:15px; }
	.home-featured-section { margin-top:0; padding-top:0; }
	.home-featured-card { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); min-height:250px; }
	.home-featured-card .home-prime-art { min-height:250px; }
	.home-featured-card .home-prime-copy { padding:18px 14px; }
	.home-featured-card .home-prime-copy h3 { font-size:36px; }
	.home-featured-card .home-prime-actions { gap:6px 12px; }
	.home-featured-card .home-prime-actions .secondary-button { padding:8px 10px; font-size:11px; }
	.home-available-grid { grid-template-columns:minmax(0,1fr); }
	.home-monthly-card { grid-template-columns:95px minmax(0,1fr); }
	.home-monthly-art { min-height:210px; }
	.home-monthly-copy { padding:12px; }
	.home-monthly-copy h3 { font-size:22px; }
	.home-featured-card { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); min-height:250px; }
	.home-featured-card .home-prime-art { min-height:250px; }
	.home-featured-card .home-prime-copy { padding:18px 14px; }
	.home-featured-card .home-prime-copy h3 { font-size:36px; }
	.home-featured-card .home-prime-actions { gap:6px 12px; }
	.home-featured-card .home-prime-actions .secondary-button { padding:8px 10px; font-size:11px; }
	.home-available-grid { grid-template-columns:minmax(0,1fr); }
	.home-monthly-card { grid-template-columns:95px minmax(0,1fr); }
	.home-monthly-art { min-height:210px; }
	.home-monthly-copy { padding:12px; }
	.home-monthly-copy h3 { font-size:22px; }
	.home-section .section-heading { align-items:flex-start; flex-direction:row; }
}
@media (max-width:520px) {
	.home-list-grid,.home-recommendation-grid { grid-template-columns:minmax(0,1fr); }
	.home-featured-card .home-prime-actions,.home-monthly-card .home-prime-actions { grid-template-columns:minmax(0,1fr); }
	.home-featured-card { grid-template-columns:104px minmax(0,1fr); min-height:210px; }
	.home-featured-card .home-prime-art { min-height:210px; }
	.home-featured-card .home-prime-copy { gap:6px; padding:12px 9px; }
	.home-featured-card .home-prime-copy h3 { font-size:31px; }
	.home-featured-card .home-prime-actions { gap:5px 9px; }
	.home-featured-card .home-prime-actions .secondary-button { padding:7px 8px; font-size:11px; }
	.home-featured-card .home-prime-actions .text-button { padding:7px 0; font-size:11px; }
	.home-featured-card .home-prime-actions .text-button.is-added { min-height:38px; padding:7px 8px; font-size:11px; }
	.home-available-card { grid-template-columns:78px minmax(0,1fr); gap:8px; padding:9px; }
	.home-available-art { width:78px; height:100px; }
	.home-available-copy h3 { font-size:17px; }
	.home-available-actions { gap:7px; }
	.home-available-actions .text-button { font-size:9px; }
	.home-monthly-grid { grid-template-columns:minmax(0,1fr); }
	.home-monthly-card { grid-template-columns:104px minmax(0,1fr); min-height:190px; }
	.home-monthly-art { min-height:190px; }
	.home-monthly-copy { padding:12px; }
	.home-monthly-copy h3 { font-size:22px; }
	.home-featured-card { grid-template-columns:104px minmax(0,1fr); min-height:210px; }
	.home-featured-card .home-prime-art { min-height:210px; }
	.home-featured-card .home-prime-copy { gap:6px; padding:12px 9px; }
	.home-featured-card .home-prime-copy h3 { font-size:31px; }
	.home-featured-card .home-prime-actions { gap:5px 9px; }
	.home-featured-card .home-prime-actions .secondary-button { padding:7px 8px; font-size:11px; }
	.home-featured-card .home-prime-actions .text-button { padding:7px 0; font-size:11px; }
	.home-featured-card .home-prime-actions .text-button.is-added { min-height:38px; padding:7px 8px; font-size:11px; }
	.home-available-card { grid-template-columns:78px minmax(0,1fr); gap:8px; padding:9px; }
	.home-available-art { width:78px; height:100px; }
	.home-available-copy h3 { font-size:17px; }
	.home-available-actions { gap:7px; }
	.home-available-actions .text-button { font-size:9px; }
	.home-monthly-grid { grid-template-columns:minmax(0,1fr); }
	.home-monthly-card { grid-template-columns:104px minmax(0,1fr); min-height:190px; }
	.home-monthly-art { min-height:190px; }
	.home-list-empty { align-items:flex-start; flex-direction:column; }
	.home-section .section-heading h2 { font-size:27px; }
}
@media (max-width:360px) {
	.home-available-grid { grid-template-columns:minmax(0,1fr); }
}

.list-card-actions { display:flex; flex-wrap:wrap; gap:6px; }
.list-card-actions .primary-button,.list-card-actions .secondary-button { min-height:36px; padding:8px 11px; }
.list-card-actions .primary-button { font-size:12px; font-weight:700; }
.list-card { position:relative; min-width:0; display:grid; grid-template-columns:minmax(0,1fr); grid-template-areas:"main" "progress" "actions"; align-items:stretch; gap:0; padding:20px 22px; border:1px solid rgba(132,145,161,.28); border-radius:8px; background:linear-gradient(110deg,rgba(24,33,44,.98),rgba(15,22,31,.98)); animation:list-card-enter .38s cubic-bezier(.2,.7,.2,1) backwards; animation-delay:calc(var(--list-order,0) * 40ms); transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease,background .2s ease; }
.list-card.is-primary-plan { grid-template-areas:"badge" "main" "progress" "actions"; border-color:rgba(96,214,210,.5); background:linear-gradient(115deg,rgba(20,37,45,.98),rgba(15,22,31,.98) 58%); }
.list-card::before { position:absolute; inset:0 18px auto; height:2px; background:linear-gradient(90deg,rgba(96,214,210,.8),transparent 80%); content:""; opacity:.35; pointer-events:none; transition:opacity .2s ease; }
.list-card.is-primary-plan::before { background:linear-gradient(90deg,var(--cyan),rgba(228,177,104,.8),transparent 88%); opacity:.9; }
.lists-grid { align-items:start; grid-template-columns:repeat(auto-fit,minmax(min(100%,900px),1fr)); }
.list-card:hover,.list-card:focus-within { border-color:rgba(96,214,210,.62); transform:translateY(-3px); box-shadow:0 14px 30px rgba(0,0,0,.24),0 0 18px rgba(96,214,210,.08); background:linear-gradient(155deg,rgba(26,38,50,.98),rgba(13,20,29,.99)); }
.list-card.is-primary-plan:hover,.list-card.is-primary-plan:focus-within { border-color:rgba(96,214,210,.8); box-shadow:0 14px 30px rgba(0,0,0,.24),0 0 22px rgba(96,214,210,.15); }
.list-card:hover::before,.list-card:focus-within::before { opacity:1; }
.list-card-main { grid-area:main; min-width:0; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.85fr); align-items:center; gap:22px; padding:2px 0; }
.list-card-identity { min-width:0; display:grid; align-content:center; gap:10px; }
.list-card-topline { min-width:0; display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.list-card-topline h3 { min-width:0; margin:0; color:var(--text); font:600 34px/1.05 "Barlow Condensed"; text-transform:uppercase; overflow-wrap:anywhere; }
.list-card-main-badge { grid-area:badge; justify-self:end; align-self:start; position:relative; padding:7px 12px; border:1px solid rgba(96,214,210,.58); background:linear-gradient(110deg,rgba(96,214,210,.16),rgba(96,214,210,.07)); color:var(--cyan); font-size:11px; font-weight:700; white-space:nowrap; box-shadow:0 0 12px rgba(96,214,210,.1); animation:main-plan-badge-pulse 2.8s ease-in-out infinite alternate; }
.list-card-percent { flex:0 0 auto; color:var(--gold); font:600 16px/1 "Barlow Condensed"; }
.list-card-note { min-width:0; margin:0; overflow:hidden; color:var(--muted); font-size:11px; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; }
.list-card-stats { display:flex; flex-wrap:wrap; gap:0 5px; margin:0; color:var(--muted); font-size:11px; line-height:1.5; }
.list-card-stats span { color:rgba(132,145,161,.58); }
.list-card-targets { display:flex; min-width:0; flex-wrap:wrap; gap:5px; }
.list-card-target-chip,.list-card-target-more { max-width:145px; overflow:hidden; padding:3px 7px; border:1px solid rgba(228,177,104,.38); background:rgba(228,177,104,.07); color:#d9b777; font-size:10px; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; transition:border-color .18s ease,background .18s ease,transform .18s ease; }
.list-card-target-chip:hover { border-color:rgba(228,177,104,.72); background:rgba(228,177,104,.12); transform:translateY(-1px); }
.list-card-target-more { flex:0 0 auto; max-width:none; color:var(--gold); }
.list-card-next-farm { min-width:0; display:grid; align-content:center; gap:10px; padding:10px 10px 10px 20px; border-left:1px solid rgba(132,145,161,.2); transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease; }
.list-card-next-farm:hover,.list-card-next-farm:focus-within { border-left-color:var(--cyan); background:linear-gradient(90deg,rgba(96,214,210,.07),transparent 88%); box-shadow:0 0 16px rgba(96,214,210,.07); transform:translateY(-1px); }
.list-card-next-header { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.list-card-next-heading { color:var(--cyan); font-size:9px; font-weight:700; }
.list-card-carousel-controls { display:inline-flex; align-items:center; gap:3px; padding:2px; border:1px solid rgba(132,145,161,.22); border-radius:4px; background:rgba(132,145,161,.04); }
.list-card-carousel-count { min-width:38px; color:var(--muted); font-size:9px; font-variant-numeric:tabular-nums; text-align:center; }
.list-card-carousel-arrow { width:23px; height:22px; display:grid; place-items:center; padding:0; border:1px solid transparent; border-radius:3px; background:transparent; color:var(--cyan); cursor:pointer; transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease; }
.list-card-carousel-arrow span { font-size:17px; line-height:1; }
.list-card-carousel-arrow:hover,.list-card-carousel-arrow:focus-visible { border-color:rgba(96,214,210,.4); background:rgba(96,214,210,.12); color:var(--text); }
.list-card-carousel-arrow:first-child:hover { transform:translateX(-1px); }
.list-card-carousel-arrow:last-child:hover { transform:translateX(1px); }
.list-card-carousel-arrow:focus-visible { outline:2px solid var(--gold); outline-offset:2px; }
.list-card-target-slides { min-width:0; min-height:48px; }
.list-card-target-slide { min-width:0; min-height:48px; display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:10px; animation:list-target-slide-in .24s ease-out both; }
.list-card-target-slide[hidden] { display:none; }
.list-card-target-slide.is-status { grid-template-columns:36px minmax(0,1fr); }
.list-card-next-art { width:40px; height:40px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(96,214,210,.22); background:rgba(96,214,210,.04); }
.list-card-next-art { transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease; }
.list-card-next-art img { width:100%; height:100%; padding:3px; object-fit:contain; transition:transform .25s ease; }
.list-card-next-farm:hover .list-card-next-art,.list-card-next-farm:focus-within .list-card-next-art { border-color:rgba(96,214,210,.62); background:rgba(96,214,210,.1); box-shadow:0 0 12px rgba(96,214,210,.13); transform:scale(1.04); }
.list-card-next-farm:hover .list-card-next-art img,.list-card-next-farm:focus-within .list-card-next-art img { transform:scale(1.08); }
.list-card-next-complete { width:32px; height:32px; display:grid; place-items:center; border:1px solid rgba(116,217,149,.42); color:#74d995; font-size:16px; }
.list-card-next-copy { min-width:0; display:grid; gap:3px; }
.list-card-next-copy strong,.list-card-next-copy>span,.list-card-next-copy small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.list-card-next-copy strong { color:var(--text); font-size:12px; }
.list-card-next-copy>span { color:var(--muted); font-size:10px; }
.list-card-next-copy small { color:var(--muted); font-size:9px; }
.list-card-next-button { min-height:32px; padding:6px 9px; border:1px solid rgba(96,214,210,.4); border-radius:4px; background:rgba(96,214,210,.05); color:var(--cyan); font-size:10px; font-weight:600; white-space:nowrap; transition:border-color .18s ease,background .18s ease,transform .18s ease; }
.list-card-next-button:hover,.list-card-next-button:focus-visible { border-color:var(--cyan); background:rgba(96,214,210,.12); transform:translateY(-1px); }
.list-card-next-empty { margin:0; color:var(--muted); font-size:11px; }
@keyframes list-target-slide-in { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
.list-card-progress { grid-area:progress; min-width:0; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:9px 16px; margin:14px 0 0; padding:12px 0 0; border-top:1px solid rgba(132,145,161,.18); }
.list-card-progress-label { display:flex; align-items:center; justify-content:space-between; gap:8px; color:var(--muted); font-size:10px; }
.list-card-progress-value { display:inline-flex; align-items:center; gap:8px; }
.list-card-progress .list-card-percent { font-size:30px; }
.list-card-progress-track { grid-column:1/-1; height:6px; overflow:hidden; border-radius:3px; background:rgba(132,145,161,.16); }
.list-card-progress-track span { display:block; height:100%; background:linear-gradient(90deg,#49bdb9,var(--cyan)); box-shadow:0 0 10px rgba(96,214,210,.35); transition:width .45s cubic-bezier(.2,.7,.2,1); }
.list-card-actions { grid-area:actions; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:8px; margin:0; padding:12px 0 0; border-top:1px solid rgba(132,145,161,.18); }
.list-card-actions button { width:auto; min-height:38px; padding:7px 11px; border-radius:4px; font-size:11px; transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease; }
.list-card-actions button:focus-visible { outline:2px solid var(--gold); outline-offset:2px; }
.list-card-actions .list-card-open { min-width:100px; border:1px solid var(--cyan); background:var(--cyan); color:#071013; font-weight:700; }
.list-card-actions .list-card-open:hover { background:#83e5e2; box-shadow:0 5px 14px rgba(96,214,210,.2); transform:translateY(-1px); }
.list-card-actions .list-card-continue { border:1px solid rgba(96,214,210,.42); background:rgba(96,214,210,.045); color:var(--cyan); }
.list-card-actions .list-card-continue:hover { border-color:var(--cyan); background:rgba(96,214,210,.12); box-shadow:0 0 12px rgba(96,214,210,.1); transform:translateY(-1px); }
.list-card-actions .list-card-edit,.list-card-actions .list-card-delete { border:0; background:transparent; color:var(--muted); }
.list-card-actions .list-card-edit:hover { color:var(--text); }
.list-card-actions .list-card-pin { border:1px solid rgba(228,177,104,.34); background:rgba(228,177,104,.045); color:#d9b777; }
.list-card-actions .list-card-pin:hover { border-color:rgba(228,177,104,.72); background:rgba(228,177,104,.1); color:var(--gold); }
.list-card-actions .list-card-pin.is-pinned { border-color:rgba(96,214,210,.3); background:rgba(96,214,210,.06); color:var(--cyan); cursor:default; opacity:1; }
.list-card-actions .list-card-delete { margin-left:auto; color:rgba(240,115,115,.68); }
*** Update File: /Users/DRAN/Desktop/warframe relicc/src/css/app.css
@@
 .planner-empty .secondary-button { flex:0 0 auto; margin-left:auto; }
 .planner-controls { display:flex; flex-wrap:wrap; align-items:end; justify-content:flex-end; gap:8px; margin-bottom:12px; }
 .planner-controls label { min-width:min(260px,100%); display:grid; gap:4px; color:var(--muted); font-size:9px; font-weight:700; }
 .planner-controls select { width:100%; min-height:36px; padding:7px 30px 7px 9px; border:1px solid rgba(132,145,161,.3); background:var(--panel2); color:var(--text); font-size:11px; }
 .planner-pin-button { min-height:36px; padding:7px 10px; border:1px solid rgba(228,177,104,.4); background:rgba(228,177,104,.06); color:#d9b777; font-size:10px; font-weight:600; }
 .planner-pin-button:hover:not(:disabled) { border-color:rgba(228,177,104,.75); background:rgba(228,177,104,.12); color:var(--gold); }
 .planner-pin-button:disabled { border-color:rgba(96,214,210,.3); background:rgba(96,214,210,.06); color:var(--cyan); cursor:default; }
.list-card-actions .list-card-delete:hover { color:var(--red); }
@keyframes list-card-enter { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@keyframes main-plan-badge-pulse { from { border-color:rgba(96,214,210,.4); box-shadow:0 0 5px rgba(96,214,210,.05); } to { border-color:rgba(96,214,210,.8); box-shadow:0 0 14px rgba(96,214,210,.16); } }
@media (prefers-reduced-motion:reduce) {
	.list-card,.list-card-actions button,.list-card-target-chip,.list-card-progress-track span,.list-card-target-slide,.list-card-next-farm,.list-card-next-art,.list-card-next-art img,.list-card-carousel-arrow,.list-card-main-badge { animation:none; transition:none; }
	.list-card:hover,.list-card:focus-within,.list-card-actions button:hover,.list-card-target-chip:hover { transform:none; }
	.list-card-next-farm:hover,.list-card-next-farm:focus-within,.list-card-next-farm:hover .list-card-next-art,.list-card-next-farm:focus-within .list-card-next-art,.list-card-next-farm:hover .list-card-next-art img,.list-card-next-farm:focus-within .list-card-next-art img { transform:none; }
}
.list-editor { width:min(820px,calc(100% - 32px)); max-width:none; max-height:calc(100dvh - 24px); overflow:hidden; }
.list-editor-frame { display:grid; grid-template-rows:auto minmax(0,1fr) auto; width:100%; max-height:min(90vh,900px); max-height:min(90dvh,900px); padding:24px 28px 0; overflow:hidden; border:1px solid rgba(132,145,161,.32); border-radius:12px; background:linear-gradient(155deg,rgba(18,27,39,.99),rgba(12,18,27,.99)); }
.list-editor-frame h2 { margin:0 42px 16px 0; font-size:30px; }
.list-editor .modal-close { top:17px; right:18px; width:34px; height:34px; display:grid; place-items:center; border:1px solid rgba(132,145,161,.24); border-radius:6px; background:rgba(255,255,255,.025); font-size:21px; }
.list-editor-content { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:0 8px 22px 0; scrollbar-gutter:stable; }
.list-editor .dialog-actions { position:static; justify-content:flex-end; flex:0 0 auto; margin:0; padding:14px 0 18px; border-top:1px solid var(--line); background:transparent; }
.list-editor .dialog-actions .primary-button { min-width:120px; min-height:42px; padding:10px 20px; border-radius:5px; font-weight:700; }
.list-editor-section { margin-top:18px; padding-top:15px; border-top:1px solid var(--line); }
.list-editor-section h3 { margin:0 0 10px; color:var(--gold); font:600 20px "Barlow Condensed"; text-transform:uppercase; }
.list-autocomplete { position:relative; }
.list-editor-frame .list-autocomplete input,.list-editor-frame .list-target-entry input { margin-top:0; }
.list-autocomplete-options { position:absolute; z-index:8; top:calc(100% + 4px); right:0; left:0; max-height:250px; overflow-y:auto; border:1px solid #3c6571; background:#101923; box-shadow:0 12px 28px rgba(0,0,0,.5); }
.list-autocomplete-option { width:100%; display:grid; gap:3px; padding:9px 11px; border:0; border-bottom:1px solid rgba(40,52,67,.75); background:transparent; color:var(--text); text-align:left; }
.list-autocomplete-option:hover,.list-autocomplete-option[aria-selected="true"] { background:rgba(96,214,210,.1); }
.list-autocomplete-option mark { background:rgba(228,177,104,.25); color:var(--gold); }
.list-autocomplete-option small,.list-autocomplete-empty { margin:0; color:var(--muted); font-size:10px; }
.list-autocomplete-empty { padding:10px 11px; }
.list-selected-count { margin:8px 0 5px; color:var(--muted); font-size:11px; }
.list-selected-relics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; max-height:155px; overflow-y:auto; }
.list-selected-relic { min-width:0; display:flex; justify-content:space-between; align-items:center; gap:7px; padding:7px 9px; border:1px solid var(--line); background:var(--panel2); color:var(--text); font-size:11px; }
.list-selected-relic>span { min-width:0; display:grid; gap:2px; overflow-wrap:anywhere; }
.list-selected-relic small { color:var(--cyan); font-size:9px; text-transform:uppercase; }
.list-selected-relic button,.list-target-chip button { flex:0 0 auto; padding:1px 4px; border:0; background:transparent; color:var(--muted); font-size:16px; }
.list-editor-empty { margin:0; color:var(--muted); font-size:11px; }
.list-editor-help { margin:-2px 0 10px; color:var(--muted); font-size:11px; }
.list-target-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; max-height:300px; overflow-y:auto; overscroll-behavior:contain; margin:10px 0 0; padding-right:4px; }
.list-target-options[hidden] { display:none; }
.list-editor-frame .list-target-option { display:flex; align-items:center; gap:8px; min-height:52px; margin:0; padding:6px 8px; border:1px solid var(--line); background:var(--panel2); color:var(--text); font-size:inherit; text-transform:none; cursor:pointer; transition:border-color .18s ease, box-shadow .18s ease; }
.list-target-option:hover { border-color:rgba(228,177,104,.6); }
.list-target-option.is-selected { border-color:var(--gold); background:rgba(228,177,104,.08); box-shadow:inset 0 0 0 1px rgba(228,177,104,.18); }
.list-editor-frame .list-target-option input { display:block; flex:0 0 14px; width:14px; height:14px; margin:0; padding:0; accent-color:var(--gold); }
.list-target-option-art-wrap { display:flex; align-items:center; justify-content:center; flex:0 0 30px; width:30px; height:30px; border:1px solid rgba(214,215,220,.18); background:rgba(20,29,38,.84); }
.list-target-option-art { width:100%; height:100%; object-fit:cover; }
.list-target-option-fallback { display:flex; align-items:center; justify-content:center; color:var(--gold); font-size:14px; }
.list-target-option-copy { display:grid; gap:2px; min-width:0; }
.list-target-option-copy strong { overflow-wrap:anywhere; font-size:11px; } 
.list-target-option-copy small { color:var(--muted); font-size:9px; }
.list-target-toggle { width:100%; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:5px 12px; padding:12px 18px 12px 12px; border:1px solid transparent; background:transparent; color:var(--text); text-align:left; cursor:pointer; transition:border-color .18s ease,background .18s ease; }
.list-target-toggle:disabled { cursor:default; }
.list-target-toggle:not(:disabled):hover { border-color:rgba(228,177,104,.42); background:rgba(228,177,104,.045); }
.list-target-toggle:focus-visible { outline:2px solid var(--gold); outline-offset:2px; }
.list-target-toggle-topline { grid-column:1; display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.list-target-toggle-title { color:var(--gold); font:600 20px "Barlow Condensed"; text-transform:uppercase; }
.list-target-count { color:var(--muted); font-size:11px; }
.list-target-toggle-help { grid-column:1; color:var(--muted); font-size:11px; line-height:1.4; }
.list-target-preview { grid-column:1; display:flex; min-width:0; flex-wrap:wrap; gap:5px; }
.list-target-preview:empty { display:none; }
.list-target-preview-chip,.list-target-preview-more { max-width:min(240px,100%); overflow:hidden; padding:3px 7px; border:1px solid rgba(228,177,104,.5); background:rgba(228,177,104,.08); color:var(--gold); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.list-target-preview-more { flex:0 0 auto; }
.list-target-chevron { grid-column:2; grid-row:1 / span 3; width:30px; height:30px; display:grid; place-items:center; border:1px solid rgba(228,177,104,.55); background:rgba(228,177,104,.08); color:var(--gold); font-size:22px; line-height:1; transition:transform .18s ease; }
.list-target-toggle[aria-expanded="true"] .list-target-chevron { transform:rotate(180deg); }
@media (max-width:700px) { .list-target-options { grid-template-columns:minmax(0,1fr); } }
.list-editor-content::-webkit-scrollbar { width:7px; }
.list-editor-content::-webkit-scrollbar-thumb { border:2px solid transparent; border-radius:8px; background:rgba(132,145,161,.45); background-clip:padding-box; }
.list-editor-content::-webkit-scrollbar-track { background:transparent; }
@media (max-width:520px) {
	.list-editor { width:calc(100% - 20px); max-height:calc(100dvh - 20px); }
	.list-editor-frame { max-height:94vh; max-height:94dvh; padding:20px 16px 0; }
	.list-editor-frame h2 { margin-bottom:12px; font-size:26px; }
	.list-editor .modal-close { top:12px; right:12px; }
	.list-editor-content { padding-right:3px; }
	.list-editor .dialog-actions { padding:12px 0 14px; }
	.list-editor .dialog-actions .primary-button { width:100%; }
}
.app-nav .nav-search {
	flex:0 0 280px;
	width:280px;
	min-width:200px;
	max-width:30vw;
	margin-left:auto;
	border-radius:999px;
}
@media (max-width:900px) {
	.app-nav .nav-search {
		flex:none;
		width:100%;
		min-width:0;
		max-width:none;
		margin:0;
	}
}
.list-target-chips { display:flex; flex-wrap:wrap; gap:6px; margin:7px 0; }
.list-target-chip { display:inline-flex; align-items:center; gap:6px; padding:5px 7px 5px 9px; border:1px solid rgba(228,177,104,.55); background:rgba(228,177,104,.08); color:var(--gold); font-size:11px; }
.list-target-entry { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px; }
.list-target-entry .secondary-button { padding:8px 12px; border-color:#3c6571; color:var(--cyan); }
.list-detail-page { min-width:0; }
.list-detail-topline { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
.list-detail-topline .text-button { padding:5px 0; color:var(--cyan)!important; }
.list-detail-header { align-items:center; gap:16px; }
.list-detail-heading { min-width:0; flex:1; }
.list-detail-header h2 { margin:4px 0 0; color:var(--gold); font:600 36px/1 "Barlow Condensed"; text-transform:uppercase; overflow-wrap:anywhere; }
.list-detail-actions { display:flex; flex-wrap:wrap; gap:7px; }
.list-detail-notes { max-width:850px; margin:7px 0 0; color:var(--muted); font-size:12px; white-space:pre-wrap; }
.list-detail-interests { display:grid; gap:3px; margin-top:12px; }
.list-detail-interests .list-target-chips { margin:2px 0 0; }
.list-detail-stats { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:10px 22px; margin:17px 0 8px; color:var(--muted); font-size:11px; }
.list-detail-stats strong { color:var(--text); }
.list-detail-progress { margin:12px 0 18px; }
.list-detail-controls { display:grid; grid-template-columns:minmax(200px,1fr) minmax(250px,max-content) minmax(140px,190px); gap:10px; align-items:end; margin-bottom:13px; }
.list-detail-controls label { display:grid; gap:5px; color:var(--muted); font-size:10px; text-transform:uppercase; }
.list-detail-controls input,.list-detail-controls select { width:100%; min-height:38px; padding:8px 10px; border:1px solid var(--line); background:var(--panel2); color:var(--text); }
.list-target-filter { display:flex; flex-wrap:wrap; align-items:center; gap:5px; min-height:38px; }
.list-target-filter button { min-height:38px; padding:7px 10px; border:1px solid var(--line); background:var(--panel2); color:var(--muted); font-size:11px; white-space:nowrap; }
.list-target-filter button:hover,.list-target-filter button.active { border-color:var(--cyan); background:rgba(96,214,210,.1); color:var(--cyan); }
.list-item-card { min-width:0; }
.list-detail-page > .relic-grid { grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr)); justify-content:start; align-content:start; }
.list-item-card .reward.list-interest-match { --target-glow-low:inset 0 0 0 1px rgba(228,177,104,.34),0 0 7px rgba(228,177,104,.16),0 0 14px rgba(228,177,104,.1); --target-glow-high:inset 0 0 0 1px rgba(228,177,104,.52),0 0 15px rgba(228,177,104,.3),0 0 24px rgba(228,177,104,.18); --target-edge-low:rgba(228,177,104,.82); --target-edge-high:#ffe2a6; outline:1px solid var(--gold); outline-offset:-2px; box-shadow:var(--target-glow-low); animation:list-target-breathe 2.5s ease-in-out infinite; }
.list-item-card .reward.list-interest-match .target-label { border:1px solid rgba(228,177,104,.9); background:rgba(8,11,18,.96); color:var(--gold); }
.list-item-card .reward.list-interest-match:hover { --target-glow-low:inset 0 0 0 1px rgba(228,177,104,.42),0 0 9px rgba(228,177,104,.22),0 0 18px rgba(228,177,104,.14); --target-glow-high:inset 0 0 0 1px rgba(228,177,104,.62),0 0 18px rgba(228,177,104,.38),0 0 28px rgba(228,177,104,.24); --target-edge-low:#f0c77e; --target-edge-high:#fff0c8; }
.list-detail-interests .list-target-chip { --target-glow-low:0 0 4px rgba(228,177,104,.12); --target-glow-high:0 0 10px rgba(228,177,104,.24); --target-edge-low:rgba(228,177,104,.6); --target-edge-high:#f5d28d; animation:list-target-breathe 2.5s ease-in-out infinite; }
.list-detail-interests .list-target-chip:hover { --target-glow-low:0 0 7px rgba(228,177,104,.2); --target-glow-high:0 0 14px rgba(228,177,104,.32); --target-edge-low:#f0c77e; --target-edge-high:#fff0c8; }
@keyframes list-target-breathe { 0%,100% { box-shadow:var(--target-glow-low); outline-color:var(--target-edge-low); border-color:var(--target-edge-low); } 50% { box-shadow:var(--target-glow-high); outline-color:var(--target-edge-high); border-color:var(--target-edge-high); } }
@media (prefers-reduced-motion:reduce) {
	.list-item-card .reward.list-interest-match,.list-detail-interests .list-target-chip { animation:none; }
	.list-item-card .reward.list-interest-match { outline-color:var(--gold); box-shadow:inset 0 0 0 1px rgba(228,177,104,.38),0 0 10px rgba(228,177,104,.2); }
	.list-item-card .reward.list-interest-match:hover { box-shadow:inset 0 0 0 1px rgba(228,177,104,.48),0 0 14px rgba(228,177,104,.25); }
	.list-detail-interests .list-target-chip { border-color:var(--gold); box-shadow:0 0 5px rgba(228,177,104,.14); }
	.list-detail-interests .list-target-chip:hover { box-shadow:0 0 9px rgba(228,177,104,.16); }
}
.list-item-card .remove-list-button { padding:2px 4px; border:1px solid rgba(228,177,104,.5); background:rgba(228,177,104,.08); color:var(--gold); font:600 8px/1 "Barlow Condensed"; }
.list-detail-empty { grid-column:1/-1; margin:0; padding:18px 0; color:var(--muted); font-size:12px; }
@media (max-width:980px) {
	.list-card { grid-template-columns:minmax(0,1fr); grid-template-areas:"main" "progress" "actions"; gap:0; padding:18px; }
	.list-card-main { padding:2px 0; }
	.list-card-main { grid-template-columns:minmax(0,1.2fr) minmax(260px,.85fr); gap:18px; }
	.list-card-progress { margin-top:14px; }
	.list-card-actions { justify-content:flex-start; margin-top:14px; padding-top:12px; border-top:1px solid rgba(132,145,161,.18); }
}
@media (max-width:700px) {
	.lists-grid { grid-template-columns:minmax(0,1fr); }
	.list-card { padding:16px; }
	.list-card-main { grid-template-columns:minmax(0,1fr); gap:14px; padding:0; }
	.list-card-identity { gap:9px; }
	.list-card-next-farm { padding:12px 0 0; border-top:1px solid rgba(132,145,161,.2); border-left:0; }
	.list-card-target-slide { grid-template-columns:36px minmax(0,1fr) auto; gap:8px; }
	.list-card-target-slide.is-status { grid-template-columns:32px minmax(0,1fr); }
	.list-card-next-art { width:36px; height:36px; }
	.list-card-next-button { padding:6px 7px; font-size:9px; }
	.list-card-next-art { width:36px; height:36px; }
	.list-card-topline h3 { font-size:29px; }
	.list-card-progress { gap:9px 12px; margin-top:14px; }
	.list-card-progress .list-card-percent { font-size:24px; }
	.list-card-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; gap:5px; }
	.list-card-actions { margin-top:14px; padding-top:12px; }
	.list-card-actions button { width:100%; min-width:0; flex:initial; padding:6px 5px; }
	.list-card-actions .list-card-open { grid-column:auto; }
	.list-card-actions .list-card-delete { margin-left:0; }
	.list-detail-header { align-items:flex-start; flex-direction:column; }
	.list-detail-controls { grid-template-columns:minmax(0,1fr); }
	.list-detail-page > .relic-grid { grid-template-columns:minmax(0,1fr); }
	.list-selected-relics { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:700px) {
	.home-featured-card { grid-template-columns:minmax(0,1fr); align-items:stretch; }
	.home-featured-card .home-prime-art { min-height:240px; max-height:260px; }
	.home-featured-card .home-prime-art img { width:100%; height:250px; max-height:260px; padding:10px 28px 32px; }
	.home-featured-card .home-prime-copy { padding:20px; }
}
.observatory-hero {
	min-height:0;
	padding:12px max(5vw,24px);
	border-bottom:1px solid rgba(110,232,236,.14);
	background:
		radial-gradient(ellipse at 9% 50%,rgba(228,177,104,.08),transparent 34%),
		linear-gradient(110deg,#080f18 0%,#0b1b26 52%,#071019 100%);
}
.hero-core {
	width:min(100%,1440px);
	min-height:70px;
	display:flex;
	align-items:center;
	gap:28px;
}
.hero-copy {
	display:flex;
	align-items:center;
	gap:22px;
	padding:0;
}
.hero-brand-logo {
	width:112px;
	max-width:112px;
	height:auto;
	filter:drop-shadow(0 0 16px rgba(110,232,236,.12));
	animation:none;
}
.hero-brand-subtitle {
	max-width:none;
	margin:0;
	padding-left:22px;
	border-left:1px solid rgba(228,177,104,.38);
	color:#9aabb8;
	font-size:10px;
	letter-spacing:.14em;
	line-height:1.5;
	text-transform:uppercase;
	animation:none;
}
.app-nav {
	border-bottom-color:rgba(110,232,236,.14);
	background:rgba(5,11,17,.82);
}
.nav-btn {
	padding-right:12px;
	padding-left:12px;
	letter-spacing:.1em;
}
.nav-btn.active {
	color:#f2c47e;
	background:linear-gradient(180deg,rgba(228,177,104,.08),transparent);
	box-shadow:inset 0 -1px 0 rgba(228,177,104,.2);
}
.nav-btn::before {
	background:linear-gradient(90deg,transparent,rgba(228,177,104,.9),transparent);
}
.nav-search {
	border-radius:3px;
	border-color:rgba(132,145,161,.26);
	background:rgba(12,20,29,.8);
}
.prime-command-view {
	padding-top:32px;
}
.prime-command-masthead {
	align-items:center;
	padding-bottom:20px;
	border-bottom-color:rgba(132,145,161,.22);
}
.prime-command-masthead .eyebrow {
	color:#d2a65e;
	font-size:9px;
	letter-spacing:.2em;
}
.prime-command-masthead h2 {
	font-size:43px;
	letter-spacing:.015em;
}
.prime-command-index {
	padding:9px 11px;
	border:1px solid rgba(132,145,161,.2);
	background:rgba(255,255,255,.018);
}
.prime-command-hero {
	position:relative;
	grid-template-columns:minmax(320px,.94fr) minmax(0,1.06fr);
	min-height:488px;
	margin-top:22px;
	overflow:hidden;
	border:1px solid rgba(132,145,161,.23);
	border-left:3px solid #c4934e;
	background:linear-gradient(120deg,#111b25 0%,#0c131b 56%,#070c12 100%);
	box-shadow:0 28px 70px rgba(0,0,0,.26);
}
.prime-command-hero::before {
	position:absolute;
	z-index:2;
	top:0;
	right:0;
	left:0;
	height:1px;
	background:linear-gradient(90deg,rgba(228,177,104,.62),rgba(110,232,236,.16) 58%,transparent);
	content:"";
	pointer-events:none;
}
.prime-command-copy {
	position:relative;
	z-index:3;
	order:2;
	padding:38px clamp(28px,4.2vw,64px);
}
.prime-command-copy > .eyebrow {
	color:#8bdbd5;
	letter-spacing:.18em;
}
.prime-command-copy h2 {
	max-width:620px;
	margin:16px 0 20px;
	color:#e8edf2;
	font-size:clamp(46px,5.2vw,72px);
	line-height:.92;
	letter-spacing:.005em;
	text-shadow:0 8px 34px rgba(0,0,0,.38);
}
.prime-command-facts {
	gap:0;
	margin-top:8px;
	padding:15px 0;
	border-top:1px solid rgba(132,145,161,.22);
	border-bottom:1px solid rgba(132,145,161,.22);
}
.prime-command-facts > div {
	gap:7px;
}
.prime-command-facts > div + div {
	padding-left:18px;
	border-left:1px solid rgba(132,145,161,.2);
}
.prime-command-facts span,
.prime-command-loadout-heading > span {
	color:#8393a1;
	font-size:8px;
	letter-spacing:.13em;
}
.prime-command-facts strong {
	color:#f1c376;
	font:600 15px/1.2 "Barlow Condensed";
	letter-spacing:.05em;
}
.prime-command-loadout {
	margin-top:20px;
}
.prime-command-loadout-heading {
	margin-bottom:8px;
}
.prime-command-loadout-heading .eyebrow {
	color:#8bdbd5;
	font-size:9px;
	letter-spacing:.16em;
}
.prime-command-gear {
	grid-template-columns:38px minmax(0,1fr) minmax(68px,auto) 14px;
	gap:12px;
	padding:9px 0;
	border-top-color:rgba(132,145,161,.14);
}
.prime-command-gear-art {
	width:36px;
	height:36px;
	border:1px solid rgba(132,145,161,.15);
	background:rgba(255,255,255,.025);
}
.prime-command-art-stage {
	order:1;
	min-height:488px;
	border-right:1px solid rgba(132,145,161,.16);
	border-left:0;
	background:
		radial-gradient(ellipse at 58% 44%,rgba(118,168,173,.18),transparent 43%),
		linear-gradient(150deg,rgba(21,35,44,.85),rgba(8,12,18,.7));
}
.prime-command-art-stage::before {
	position:absolute;
	width:min(78%,390px);
	aspect-ratio:1;
	border:1px solid rgba(228,177,104,.2);
	border-radius:50%;
	box-shadow:0 0 0 26px rgba(228,177,104,.025),0 0 0 68px rgba(110,232,236,.018);
	content:"";
}
.prime-command-art-stage::after {
	background:linear-gradient(90deg,rgba(8,11,18,.06),transparent 24%),linear-gradient(0deg,rgba(8,11,18,.42),transparent 34%);
}
.prime-command-portrait {
	position:relative;
	z-index:1;
	width:100%;
	max-height:500px;
	padding:0 20px 12px;
	object-position:center 36%;
	filter:drop-shadow(0 24px 34px rgba(0,0,0,.56)) saturate(.9);
	mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%);
}
.prime-command-art-caption {
	right:24px;
	bottom:20px;
	left:24px;
	min-height:32px;
	border-top-color:rgba(228,177,104,.34);
	background:rgba(7,12,18,.82);
	font-size:9px;
	letter-spacing:.1em;
}
.prime-command-primary,
.prime-command-plan {
	min-height:42px;
	padding:10px 16px;
	border-color:#c4934e;
	background:#c4934e;
	color:#10151a;
	letter-spacing:.1em;
	transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.prime-command-primary:hover,
.prime-command-primary:focus-visible,
.prime-command-plan:hover,
.prime-command-plan:focus-visible {
	transform:translateY(-2px);
	border-color:#e5bb79;
	background:#e5bb79;
	color:#10151a;
}
.prime-command-target {
	min-height:42px;
	border-color:rgba(132,145,161,.36);
	color:#b9c4cc;
	letter-spacing:.08em;
}
.prime-command-roster-section {
	margin-top:38px;
}
.prime-command-section-heading {
	margin-bottom:16px;
}
.prime-command-section-heading h3 {
	font-size:29px;
}
.prime-command-roster-link {
	color:#e4b168;
	letter-spacing:.08em;
}
.prime-command-roster {
	overflow:visible;
	container-type:normal;
}
.prime-command-roster-loop {
	display:block;
	width:100%;
	animation:none;
}
.prime-command-roster-group {
	grid-auto-flow:row;
	grid-template-columns:repeat(3,minmax(0,1fr));
	grid-template-rows:none;
	gap:10px;
	padding:0;
}
.prime-command-roster-group[aria-hidden="true"] {
	display:none;
}
.prime-command-roster-card {
	min-height:86px;
	border-color:rgba(132,145,161,.17);
	background:linear-gradient(115deg,rgba(17,26,36,.9),rgba(10,15,22,.9));
}
.prime-command-roster-card:hover,
.prime-command-roster-card:focus-within,
.prime-command-roster-card.is-selected {
	border-color:rgba(228,177,104,.48);
	background:linear-gradient(115deg,rgba(43,37,28,.48),rgba(10,16,22,.94));
	box-shadow:none;
}
.prime-command-roster-art {
	width:58px;
	height:70px;
}
@media (max-width:900px) {
	.app-nav {
		align-items:stretch;
		flex-direction:column;
		gap:5px;
	}
	.nav-links {
		width:100%;
		gap:2px;
		overflow-x:auto;
		overscroll-behavior-x:contain;
		scrollbar-width:none;
	}
	.nav-links::-webkit-scrollbar {
		display:none;
	}
	.nav-btn {
		flex:0 0 auto;
	}
	.nav-search {
		flex:none;
		width:100%;
		max-width:none;
		margin:0;
	}
}
@media (max-width:900px) {
	.prime-command-hero {
		grid-template-columns:minmax(280px,.8fr) minmax(0,1fr);
	}
	.prime-command-copy {
		padding:30px 24px;
	}
	.prime-command-copy h2 {
		font-size:48px;
	}
}
@media (max-width:700px) {
	.observatory-hero {
		padding:10px 16px;
	}
	.hero-core {
		min-height:58px;
		grid-template-columns:1fr;
		grid-template-areas:none;
	}
	.hero-copy {
		min-height:0;
		gap:13px;
	}
	.hero-brand-logo {
		width:96px;
		max-width:96px;
		margin:0;
	}
	.hero-brand-subtitle {
		max-width:none;
		margin:0;
		padding-left:13px;
		font-size:8px;
		letter-spacing:.1em;
	}
	.app-nav {
		padding:7px 12px 10px;
		gap:2px;
	}
	.nav-btn {
		min-height:36px;
		padding:8px 9px;
		font-size:9px;
		letter-spacing:.05em;
	}
	.nav-search {
		flex:1 0 100%;
		width:100%;
		max-width:none;
		margin:4px 0 0;
	}
	.prime-command-view {
		padding-top:22px;
	}
	.prime-command-masthead {
		align-items:center;
		flex-direction:row;
		gap:10px;
	}
	.prime-command-masthead h2 {
		font-size:30px;
	}
	.prime-command-hero {
		grid-template-columns:minmax(0,1fr);
		margin-top:16px;
	}
	.prime-command-art-stage {
		order:1;
		min-height:270px;
		max-height:290px;
		border-bottom:1px solid rgba(132,145,161,.16);
		border-left:0;
	}
	.prime-command-portrait {
		height:280px;
		max-height:290px;
		padding:0 28px 22px;
	}
	.prime-command-art-stage::before {
		width:220px;
	}
	.prime-command-art-caption {
		right:12px;
		bottom:9px;
		left:12px;
	}
	.prime-command-copy {
		order:2;
		padding:24px 18px;
	}
	.prime-command-copy h2 {
		margin:12px 0 16px;
		font-size:44px;
	}
	.prime-command-facts > div + div {
		padding-left:11px;
	}
	.prime-command-roster-section {
		margin-top:28px;
	}
	.prime-command-section-heading h3 {
		font-size:23px;
	}
	.prime-command-roster-group {
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}
@media (max-width:420px) {
	.prime-command-masthead {
		align-items:flex-start;
		flex-direction:column;
	}
	.prime-command-masthead h2 {
		font-size:32px;
	}
	.hero-brand-subtitle {
		max-width:120px;
	}
	.nav-btn {
		padding-right:7px;
		padding-left:7px;
		font-size:8px;
	}
	.prime-command-copy {
		padding-right:14px;
		padding-left:14px;
	}
	.prime-command-facts > div + div {
		padding-left:8px;
	}
	.prime-command-facts span {
		font-size:7px;
	}
	.prime-command-gear {
		grid-template-columns:32px minmax(0,1fr) minmax(60px,auto) 10px;
		gap:7px;
	}
	.prime-command-roster-group {
		gap:7px;
	}
}

.prime-command-hero {
	isolation:isolate;
	border-color:rgba(218,177,105,.46);
	background-color:#07111b;
	background-image:
		linear-gradient(90deg,rgba(5,14,24,.78) 0%,rgba(5,14,24,.7) 42%,rgba(5,14,24,.83) 100%),
		url("../../assets/images/prime-access-orokin-hero.png");
	background-size:cover;
	background-position:center;
	box-shadow:0 28px 70px rgba(0,0,0,.36),inset 0 0 0 1px rgba(96,214,210,.1);
}
#testPrimeCommand .prime-command-masthead > div > .eyebrow,
#testPrimeCommand .prime-command-masthead > .prime-command-index {
	display:none;
}
#testPrimeCommand .prime-command-masthead {
	position:relative;
	padding-bottom:16px;
	border-bottom-color:rgba(218,177,105,.24);
}
#testPrimeCommand .prime-command-masthead::after {
	position:absolute;
	bottom:-1px;
	left:0;
	width:min(280px,48%);
	height:1px;
	background:linear-gradient(90deg,rgba(228,177,104,.9),rgba(96,214,210,.45),transparent);
	content:"";
	pointer-events:none;
}
#testPrimeCommand .prime-command-masthead h2 {
	display:flex;
	align-items:center;
	gap:14px;
	margin:0;
	color:#f1f3f5;
	font-size:clamp(36px,4vw,52px);
	line-height:1;
	letter-spacing:.045em;
	text-shadow:0 2px 18px rgba(96,214,210,.13),0 5px 22px rgba(0,0,0,.4);
}
#testPrimeCommand .prime-command-masthead h2::before {
	width:9px;
	height:9px;
	flex:none;
	transform:rotate(45deg);
	border:1px solid #e3b86f;
	box-shadow:0 0 12px rgba(228,177,104,.45),inset 0 0 5px rgba(96,214,210,.25);
	content:"";
}
#testPrimeCommand .prime-command-masthead h2::after {
	width:42px;
	height:1px;
	flex:none;
	background:linear-gradient(90deg,rgba(96,214,210,.7),transparent);
	content:"";
}
.prime-command-art-stage {
	border-color:rgba(218,177,105,.3);
	background:
		radial-gradient(ellipse at 58% 44%,rgba(7,15,22,.16),rgba(7,15,22,.5) 70%),
		linear-gradient(150deg,rgba(8,17,26,.12),rgba(8,12,18,.36));
}
.prime-command-art-stage::before {
	border-color:rgba(228,177,104,.36);
	box-shadow:0 0 22px rgba(228,177,104,.1),0 0 0 22px rgba(228,177,104,.045),0 0 0 56px rgba(96,214,210,.035);
}
.prime-command-copy {
	background:linear-gradient(90deg,rgba(5,12,19,.38),rgba(5,12,19,.7));
}
.prime-command-facts {
	border-color:rgba(218,177,105,.34);
}
.prime-command-facts > div + div {
	border-left-color:rgba(96,214,210,.28);
}
.prime-command-gear {
	border-top-color:rgba(96,214,210,.2);
}
@media (max-width:700px) {
	#testPrimeCommand .prime-command-masthead {
		padding-bottom:12px;
	}
	#testPrimeCommand .prime-command-masthead h2 {
		gap:10px;
		font-size:clamp(30px,7vw,38px);
		letter-spacing:.035em;
	}
	#testPrimeCommand .prime-command-masthead h2::before {
		width:7px;
		height:7px;
	}
	#testPrimeCommand .prime-command-masthead h2::after {
		width:26px;
	}
	.prime-command-hero {
		background-image:
			linear-gradient(180deg,rgba(5,14,24,.28) 0%,rgba(5,14,24,.72) 34%,rgba(5,14,24,.96) 51%),
			url("../../assets/images/prime-access-orokin-hero.png");
		background-size:200% auto;
		background-position:left top;
		background-repeat:no-repeat;
	}
	.prime-command-art-stage {
		border-bottom-color:rgba(218,177,105,.32);
	}
}

.app-nav {
	position:sticky;
	top:0;
	z-index:5;
	width:100%;
	max-width:none;
	min-height:64px;
	margin:0;
	padding:9px max(24px,calc((100vw - 1296px)/2));
	gap:16px;
	border-bottom:1px solid rgba(110,232,236,.18);
	background:rgba(5,11,17,.94);
	box-shadow:0 8px 24px rgba(0,0,0,.18);
	backdrop-filter:blur(16px) saturate(125%);
}
.nav-links {
	flex:1 1 auto;
	gap:5px;
}
.nav-btn {
	min-height:42px;
	padding:10px 15px;
	border-radius:3px;
	font-size:11px;
	letter-spacing:.09em;
	white-space:nowrap;
}
.nav-btn::before {
	right:12px;
	left:12px;
	height:2px;
	background:linear-gradient(90deg,transparent,rgba(228,177,104,.95),transparent);
}
.nav-btn.active {
	color:#f2c47e;
	background:linear-gradient(180deg,rgba(228,177,104,.1),rgba(228,177,104,.015));
	box-shadow:inset 0 0 0 1px rgba(228,177,104,.12),inset 0 -2px 0 rgba(228,177,104,.28);
}
.nav-btn:hover:not(.active) {
	transform:translateY(-1px);
	color:#e7edf5;
	background:rgba(255,255,255,.035);
}
body .app-nav .nav-search {
	flex:0 1 310px;
	width:310px;
	min-width:220px;
	max-width:34vw;
	height:42px;
	margin-left:auto;
	padding:0 0 0 13px;
	grid-template-columns:25px minmax(0,1fr);
	column-gap:9px;
	border:0;
	border-left:1px solid rgba(132,145,161,.28);
	background:transparent;
}
body .app-nav .nav-search-icon {
	width:25px;
	height:25px;
	color:#a8bdc5;
	transition:color .18s ease;
}
body .app-nav .nav-search:focus-within .nav-search-icon {
	color:var(--cyan);
}
body .app-nav .nav-search input {
	height:34px;
	font-size:12px;
}
@media (max-width:900px) {
	.app-nav {
		gap:8px;
	}
	.nav-links {
		flex:1 1 100%;
	}
	body .app-nav .nav-search {
		flex:1 1 100%;
		width:100%;
		min-width:0;
		max-width:none;
		height:40px;
		margin:0;
		padding:0 12px;
		border:1px solid rgba(132,145,161,.22);
		border-left:2px solid rgba(228,177,104,.72);
		background:linear-gradient(105deg,rgba(15,27,37,.92),rgba(8,15,23,.9));
	}
	body .app-nav .nav-search:focus-within {
		border-color:rgba(110,232,236,.62);
		border-left-color:#e4b168;
		background:linear-gradient(105deg,rgba(17,34,43,.98),rgba(8,17,25,.98));
		box-shadow:0 0 0 3px rgba(110,232,236,.07);
	}
}
@media (max-width:600px) {
	.app-nav {
		padding:8px 16px 11px;
		gap:8px;
	}
	.nav-links {
		width:100%;
		min-width:0;
		flex:1 1 100%;
		display:grid;
		grid-template-columns:repeat(3,minmax(0,1fr));
		gap:4px;
	}
	.nav-btn {
		width:100%;
		min-height:38px;
		padding:8px 4px;
		font-size:9px;
		letter-spacing:.06em;
		text-align:center;
	}
	.nav-btn:focus-visible {
		outline-offset:-3px;
	}
	body .app-nav .nav-search {
		flex:1 1 100%;
		grid-template-columns:28px minmax(0,1fr);
		column-gap:9px;
	}
	body .app-nav .nav-search-icon {
		width:28px;
	}
}
@media (prefers-reduced-motion:reduce) {
	.nav-btn,
	.nav-search-icon {
		transition:none;
	}
}

.list-export-dialog { width:min(1080px,calc(100% - 28px)); }
.list-export-frame { padding:24px 26px 0; }
.list-export-header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.list-export-header h2 { margin-bottom:20px; }
.list-export-workspace { min-height:0; display:grid; grid-template-columns:minmax(290px,.76fr) minmax(0,1.24fr); gap:24px; overflow:hidden; }
.list-export-controls { min-height:0; display:grid; align-content:start; gap:17px; overflow-y:auto; padding:0 6px 18px 0; scrollbar-gutter:stable; }
.export-control-group { display:grid; gap:8px; }
.export-control-label { color:var(--muted); font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.export-control-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.export-control-heading output,.export-control-heading > span:last-child { color:var(--cyan); font-size:10px; font-weight:700; }
.export-segmented,.export-flow-options,.export-layout-options { display:grid; gap:6px; }
.export-segmented,.export-flow-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
.export-layout-options button,.export-segmented button,.export-flow-options button { min-height:38px; padding:7px 9px; border:1px solid rgba(132,145,161,.22); background:rgba(255,255,255,.025); color:#aeb9c7; text-align:left; transition:border-color .16s ease,background .16s ease,color .16s ease; }
.export-segmented button,.export-flow-options button { text-align:center; }
.export-layout-options button { display:grid; gap:3px; }
.export-layout-options strong { color:inherit; font-size:11px; }
.export-layout-options small,.export-segmented small { display:block; margin-top:2px; color:var(--muted); font-size:9px; font-weight:400; }
.export-segmented button[aria-pressed=true],.export-flow-options button[aria-pressed=true],.export-layout-options button[aria-pressed=true] { border-color:rgba(96,214,210,.65); background:rgba(96,214,210,.1); color:var(--cyan); box-shadow:inset 0 0 0 1px rgba(96,214,210,.1); }
.export-flow-options button span { margin-right:5px; color:var(--gold); font-size:15px; }
.export-density-slider { width:100%; margin:6px 0 0; accent-color:var(--cyan); cursor:pointer; }
.export-density-input-row { display:grid; grid-template-columns:1fr minmax(72px,100px) 1fr; align-items:center; gap:8px; color:var(--muted); font-size:9px; }
.export-density-input-row span:last-child { text-align:right; }
.export-density-input-row input { width:100%; min-height:35px; border:1px solid rgba(132,145,161,.28); background:rgba(255,255,255,.035); color:var(--text); font-size:13px; text-align:center; }
.export-era-settings { padding-top:14px; border-top:1px solid rgba(132,145,161,.16); }
.export-era-settings[hidden] { display:none; }
.export-era-mode button { min-height:32px; }
.export-era-order-section { margin-top:2px; padding-top:8px; border-top:0; }
.export-era-order-heading strong { font-size:15px; }
.export-era-order-heading small { font-size:9px; }
.export-era-option { min-height:32px; }
.export-preview-section { min-width:0; min-height:0; display:flex; flex-direction:column; margin:0; padding:0 0 12px; border:0; }
.export-preview-heading { align-items:flex-end; margin-bottom:12px; }
.export-preview-heading .eyebrow { margin:0 0 3px; color:var(--cyan); font-size:8px; letter-spacing:.12em; }
.export-preview-heading strong { color:var(--text); font:600 20px/1 "Barlow Condensed"; }

.observatory-hero {
	position:relative;
	isolation:isolate;
	overflow:hidden;
	border-bottom-color:rgba(228,177,104,.38);
	background:#040d16;
}
.observatory-hero::before {
	z-index:0;
	opacity:.28;
}
.observatory-hero::after {
	position:absolute;
	z-index:-1;
	inset:0;
	background:
		linear-gradient(90deg,rgba(4,12,22,.92) 0%,rgba(4,12,22,.78) 28%,rgba(4,12,22,.48) 58%,rgba(4,12,22,.22) 100%),
		url("../../assets/images/orokin_temple_over_the_cosmic_void.png") center right / cover no-repeat;
	content:"";
	pointer-events:none;
}
.observatory-hero .hero-core {
	position:relative;
	z-index:1;
}

@media (max-width:900px) {
	.observatory-hero::after {
		background-position:center right;
	}
}
@media (max-width:560px) {
	.observatory-hero::after {
		background-image:
			linear-gradient(90deg,rgba(4,12,22,.94) 0%,rgba(4,12,22,.82) 55%,rgba(4,12,22,.42) 100%),
			url("../../assets/images/orokin_temple_over_the_cosmic_void.png");
		background-position:center right;
		background-size:cover;
		background-repeat:no-repeat;
	}
}
.export-preview-heading small { max-width:52%; text-align:right; line-height:1.4; }
.export-preview-frame { min-height:0; flex:1; align-items:center; justify-content:center; padding:12px; background:radial-gradient(ellipse at 50% 0%,rgba(96,214,210,.07),transparent 60%),#080b12; }
.export-preview-frame canvas { max-height:52dvh; }
.export-preview-footer { display:flex; justify-content:space-between; gap:10px; padding-top:8px; color:var(--muted); font-size:9px; }
.export-preview-footer span:last-child { color:var(--gold); font-weight:700; letter-spacing:.08em; }
.list-export-dialog-actions { padding-bottom:16px; }
@media (max-width:760px) {
	.list-export-frame { max-height:min(94dvh,1000px); padding:20px 18px 0; }
	.list-export-workspace { grid-template-columns:minmax(0,1fr); gap:12px; overflow-y:auto; }
	.list-export-controls { overflow:visible; padding-right:2px; }
	.export-preview-section { min-height:280px; padding-top:12px; border-top:1px solid rgba(132,145,161,.2); }
	.export-preview-frame { min-height:220px; flex:none; }
	.export-preview-frame canvas { max-height:320px; }
}
@media (max-width:480px) {
	.list-export-dialog { width:calc(100% - 16px); }
	.list-export-frame { max-height:96dvh; padding:16px 12px 0; }
	.list-export-header h2 { font-size:25px; }
	.list-export-workspace { gap:9px; }
	.list-export-controls { gap:13px; }
	.export-layout-options button { min-height:42px; }
	.export-preview-heading { align-items:flex-start; flex-direction:column; gap:5px; }
	.export-preview-heading small { max-width:none; text-align:left; }
	.list-export-dialog-actions { padding:10px 0 12px; }
}
.home-resurgence-summary { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:14px 22px; padding:13px 16px; border:1px solid rgba(228,177,104,.28); background:linear-gradient(105deg,rgba(32,27,22,.62),rgba(14,20,29,.82)); }
.home-resurgence-summary-items { min-width:0; display:flex; flex-wrap:wrap; gap:8px; }
.home-resurgence-mini-card { min-width:205px; display:flex; align-items:center; gap:10px; padding:5px 9px 5px 5px; border:1px solid rgba(132,145,161,.18); background:rgba(8,13,20,.48); color:var(--text); text-align:left; }
.home-resurgence-mini-card:hover,.home-resurgence-mini-card:focus-visible { border-color:rgba(228,177,104,.55); background:rgba(228,177,104,.06); }
.home-resurgence-mini-art { width:42px; height:42px; flex:0 0 42px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(228,177,104,.18); background:radial-gradient(circle,rgba(228,177,104,.12),transparent 75%); color:var(--gold); font:600 22px "Barlow Condensed"; }
.home-resurgence-mini-art img { width:100%; height:100%; object-fit:contain; }
.home-resurgence-mini-card > span:nth-child(2) { min-width:0; display:grid; gap:3px; }
.home-resurgence-mini-card strong { overflow-wrap:anywhere; font-size:11px; }
.home-resurgence-mini-card small { color:var(--muted); font-size:9px; }
.prime-resurgence-badge { justify-self:start; padding:4px 6px; border:1px solid rgba(228,177,104,.4); color:var(--gold); font-size:8px; font-weight:700; letter-spacing:.08em; }
.home-resurgence-mini-card .prime-resurgence-badge { margin-left:auto; white-space:nowrap; }
.home-resurgence-summary-meta { display:grid; justify-items:end; gap:5px; color:var(--gold); font-size:11px; font-weight:600; text-align:right; }
.home-resurgence-summary-meta span:last-child { color:var(--muted); font-size:8px; letter-spacing:.08em; }
.prime-resurgence-page { max-width:1440px; margin:0 auto; padding:22px max(5vw,24px) 70px; }
.prime-resurgence-hero { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,auto); align-items:center; gap:16px 28px; padding:23px clamp(18px,3vw,34px); border:1px solid rgba(228,177,104,.3); background:radial-gradient(ellipse at 4% 0%,rgba(228,177,104,.1),transparent 45%),linear-gradient(115deg,rgba(29,27,26,.88),rgba(10,17,26,.97)); }
.prime-resurgence-hero::before { position:absolute; inset:0 0 auto; height:2px; content:""; background:linear-gradient(90deg,var(--gold),rgba(228,177,104,.15) 80%); }
.prime-resurgence-hero h2 { margin:4px 0 10px; color:var(--text); font:600 clamp(34px,5vw,48px)/.95 "Barlow Condensed"; text-transform:uppercase; }
.prime-resurgence-state { display:inline-flex; align-items:center; gap:7px; padding:5px 8px; border:1px solid rgba(132,145,161,.32); color:var(--muted); font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.prime-resurgence-state.is-active { border-color:rgba(228,177,104,.56); background:rgba(228,177,104,.08); color:var(--gold); }
.prime-resurgence-clock { display:grid; justify-items:end; gap:5px; color:var(--gold); font:600 clamp(17px,2.5vw,24px)/1 "Barlow Condensed"; text-align:right; }
.prime-resurgence-clock small { color:var(--muted); font:500 10px/1.4 "DM Sans",sans-serif; }
.prime-resurgence-dates { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:12px 28px; padding-top:13px; border-top:1px solid rgba(132,145,161,.16); }
.prime-resurgence-dates > span { display:grid; gap:4px; }
.prime-resurgence-dates small { color:var(--muted); font-size:8px; font-weight:700; letter-spacing:.1em; }
.prime-resurgence-dates strong { color:#d4dde6; font-size:10px; }
.prime-resurgence-category { margin-top:25px; }
.prime-resurgence-section-heading { display:flex; align-items:end; justify-content:space-between; gap:12px; margin-bottom:10px; padding-bottom:8px; border-bottom:1px solid var(--line); }
.prime-resurgence-section-heading .eyebrow { font-size:8px; }
.prime-resurgence-section-heading h3 { margin:3px 0 0; color:var(--text); font:600 24px/1 "Barlow Condensed"; text-transform:uppercase; }
.prime-resurgence-section-heading > span { color:var(--gold); font:600 22px/1 "Barlow Condensed"; }
.prime-resurgence-item-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr)); gap:10px; }
.prime-resurgence-item-card { min-width:0; display:grid; grid-template-columns:82px minmax(0,1fr); gap:12px; padding:12px; border:1px solid rgba(132,145,161,.2); background:linear-gradient(120deg,rgba(18,25,35,.96),rgba(10,15,23,.96)); }
.prime-resurgence-item-art { width:82px; min-height:112px; display:grid; place-items:center; overflow:hidden; border:0; background:radial-gradient(ellipse,rgba(228,177,104,.13),transparent 72%); }
.prime-resurgence-item-art img { width:100%; height:100%; max-height:130px; object-fit:contain; }
.prime-resurgence-item-fallback { color:var(--gold); font:600 48px "Barlow Condensed"; }
.prime-resurgence-item-copy { min-width:0; display:grid; align-content:center; justify-items:start; gap:7px; }
.prime-resurgence-item-copy h3 { margin:0; color:var(--text); font:600 20px/1 "Barlow Condensed"; text-transform:uppercase; overflow-wrap:anywhere; }
.prime-resurgence-item-copy h3 button { padding:0; border:0; background:none; color:inherit; font:inherit; text-align:left; text-transform:inherit; }
.prime-resurgence-item-copy p { margin:0; color:var(--muted); font-size:9px; }
.prime-resurgence-item-copy .home-prime-actions { width:100%; gap:5px; margin:0; }
.prime-resurgence-item-copy .home-prime-actions button { min-width:0; min-height:32px; padding:5px 7px; font-size:9px; }
.prime-resurgence-item-copy .home-prime-actions .text-button { white-space:normal; }
.prime-resurgence-relic-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr)); gap:9px; }
.prime-resurgence-relic-card { min-width:0; padding:10px; border:1px solid rgba(132,145,161,.2); background:rgba(16,22,32,.84); }
.prime-resurgence-relic-open { width:100%; display:grid; grid-template-columns:43px minmax(0,1fr) auto; align-items:center; gap:9px; padding:0 0 9px; border:0; border-bottom:1px solid rgba(132,145,161,.16); background:transparent; color:var(--text); text-align:left; }
.prime-resurgence-relic-art { width:40px; height:40px; display:grid; place-items:center; border:1px solid rgba(228,177,104,.26); background:rgba(228,177,104,.055); color:var(--gold); font:600 21px "Barlow Condensed"; }
.prime-resurgence-relic-art img { width:100%; height:100%; object-fit:contain; }
.prime-resurgence-relic-title { min-width:0; display:grid; gap:3px; }
.prime-resurgence-relic-title small { color:var(--cyan); font-size:8px; letter-spacing:.1em; }
.prime-resurgence-relic-title strong { font:600 18px/1 "Barlow Condensed"; text-transform:uppercase; }
.prime-resurgence-relic-badge { padding:4px 5px; border:1px solid rgba(228,177,104,.38); color:var(--gold); font-size:8px; font-weight:700; white-space:nowrap; }
.prime-resurgence-rewards { display:flex; flex-wrap:wrap; gap:5px; padding-top:8px; }
.prime-resurgence-reward { padding:4px 6px; border:1px solid rgba(132,145,161,.18); color:#abb8c5; font-size:8px; line-height:1.25; }
.prime-resurgence-reward.is-owned { border-color:rgba(96,214,210,.32); color:var(--cyan); }
.prime-resurgence-reward.is-target { border-color:rgba(228,177,104,.46); color:var(--gold); }
.prime-resurgence-empty { margin-top:18px; padding:20px; border:1px dashed rgba(132,145,161,.3); background:rgba(16,22,32,.4); }
.prime-resurgence-empty h3 { margin:0 0 5px; color:var(--text); font:600 22px "Barlow Condensed"; text-transform:uppercase; }
.prime-resurgence-empty p { margin:0; color:var(--muted); font-size:11px; line-height:1.5; }
@media (max-width:760px) {
	.home-resurgence-summary { grid-template-columns:minmax(0,1fr); }
	.home-resurgence-summary-meta { justify-items:start; text-align:left; }
	.prime-resurgence-page { padding:16px 18px 48px; }
	.prime-resurgence-hero { grid-template-columns:minmax(0,1fr); }
	.prime-resurgence-clock { justify-items:start; text-align:left; }
}
@media (max-width:480px) {
	.home-resurgence-mini-card { min-width:0; width:100%; }
	.home-resurgence-mini-card .prime-resurgence-badge { margin-left:auto; }
	.prime-resurgence-page { padding:12px 12px 38px; }
	.prime-resurgence-hero { padding:19px 15px; }
	.prime-resurgence-dates { gap:10px 16px; }
	.prime-resurgence-item-card { grid-template-columns:66px minmax(0,1fr); gap:8px; padding:9px; }
	.prime-resurgence-item-art { width:66px; min-height:95px; }
	.prime-resurgence-item-copy h3 { font-size:18px; }
	.prime-resurgence-item-copy .home-prime-actions { grid-template-columns:1fr; }
	.prime-resurgence-relic-open { grid-template-columns:36px minmax(0,1fr); }
	.prime-resurgence-relic-art { width:34px; height:34px; }
	.prime-resurgence-relic-badge { grid-column:2; justify-self:start; }
}

:root {
	--prime-card-radius:8px;
	--prime-card-border:rgba(132,145,161,.24);
	--prime-card-surface:linear-gradient(145deg,rgba(16,22,32,.94),rgba(10,16,24,.98));
	--prime-card-gap:12px;
	--prime-control-height:36px;
}
.prime-section-header {
	display:flex;
	flex-wrap:wrap;
	align-items:flex-end;
	justify-content:space-between;
	gap:8px 16px;
	margin:0 0 18px;
	padding:0 0 12px;
	border-bottom:1px solid var(--line);
}
.prime-section-header .eyebrow {
	margin:0 0 4px;
	color:var(--gold);
	font-size:10px;
	letter-spacing:.14em;
}
.prime-section-header h2 {
	margin:0;
	color:var(--text);
	font:600 clamp(30px,4vw,38px)/1 "Barlow Condensed";
	letter-spacing:.02em;
	text-transform:uppercase;
}
.prime-section-header .prime-section-meta {
	color:var(--muted);
	font-size:10px;
	font-weight:700;
	letter-spacing:.08em;
	text-transform:uppercase;
}
.prime-section-header-subsection {
	align-items:center;
	margin:0 0 10px;
	padding:0 0 8px;
}
.prime-section-header-subsection h3 {
	margin:0;
	color:var(--text);
	font:600 20px/1 "Barlow Condensed";
	text-transform:uppercase;
}
.prime-section-header-subsection .eyebrow { margin-bottom:3px; font-size:9px; }
.prime-section-header-subsection .prime-section-meta { color:var(--cyan); }
.available-primes-section { margin-bottom:30px; }
.available-prime-group + .available-prime-group { margin-top:22px; }
.available-prime-group .home-available-grid {
	grid-template-columns:repeat(3,minmax(0,1fr));
	align-items:stretch;
	gap:var(--prime-card-gap);
}
.prime-roster-grid {
	grid-template-columns:repeat(2,minmax(0,1fr));
	align-items:start;
	gap:var(--prime-card-gap);
}
.prime-catalog-card {
	min-width:0;
	max-width:none;
	padding:14px;
	border:1px solid var(--prime-card-border);
	border-radius:var(--prime-card-radius);
	background:var(--prime-card-surface);
	box-shadow:0 12px 24px rgba(0,0,0,.16);
	transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.prime-catalog-card:hover,.prime-catalog-card:focus-within {
	border-color:rgba(96,214,210,.52);
	transform:translateY(-2px);
	box-shadow:0 16px 28px rgba(0,0,0,.22),0 0 16px rgba(96,214,210,.08);
}
.home-available-card.prime-catalog-card {
	grid-template-columns:88px minmax(0,1fr);
	align-items:center;
	gap:var(--prime-card-gap);
}
.prime-catalog-card .home-available-art,
.prime-resurgence-item-art {
	width:88px;
	height:100px;
	min-height:100px;
	padding:5px;
	border:1px solid rgba(132,145,161,.14);
	border-radius:6px;
	background:radial-gradient(ellipse at center,rgba(96,214,210,.12),transparent 72%),rgba(7,12,19,.42);
}
.prime-resurgence-item-art {
	color:var(--gold);
	background:radial-gradient(ellipse at center,rgba(228,177,104,.14),transparent 72%),rgba(7,12,19,.42);
}
.prime-catalog-card .home-available-art img,
.prime-resurgence-item-art img {
	width:100%;
	height:100%;
	max-height:100%;
	object-fit:contain;
	padding:0;
	animation:none;
	-webkit-mask-image:none;
	mask-image:none;
}
.prime-catalog-card .home-available-copy { gap:7px; }
.prime-catalog-card .home-available-copy h3 { font-size:21px; line-height:1.05; }
.prime-catalog-card .home-available-name { color:inherit; }
.prime-card-badges { display:flex; flex-wrap:wrap; gap:5px; }
.prime-status-badge {
	width:max-content;
	max-width:100%;
	display:inline-flex;
	align-items:center;
	min-height:22px;
	padding:3px 7px;
	border:1px solid rgba(132,145,161,.3);
	border-radius:3px;
	background:rgba(132,145,161,.06);
	color:#b7c1cd;
	font:700 9px/1.2 "DM Sans",sans-serif;
	letter-spacing:.075em;
	text-transform:uppercase;
}
.prime-status-info { border-color:rgba(132,145,161,.28); color:#b7c1cd; }
.prime-status-farmable,.status-farmable,.status-currently-farmable {
	border-color:rgba(96,214,210,.5);
	background:rgba(96,214,210,.08);
	color:var(--cyan);
}
.prime-status-resurgence,.status-resurgence {
	border-color:rgba(228,177,104,.5);
	background:rgba(228,177,104,.09);
	color:var(--gold);
}
.prime-status-badge.status-vaulted {
	border-color:rgba(132,145,161,.25);
	background:rgba(132,145,161,.05);
	color:#a1acb9;
}
.prime-action-button {
	min-width:0;
	min-height:var(--prime-control-height);
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	padding:7px 11px;
	border:1px solid transparent;
	border-radius:4px;
	font:700 10px/1.2 "DM Sans",sans-serif;
	letter-spacing:.055em;
	text-align:center;
	text-transform:uppercase;
	white-space:normal;
	transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.prime-action-button:hover,.prime-action-button:focus-visible { transform:translateY(-1px); }
.prime-action-primary {
	border-color:rgba(228,177,104,.68);
	background:linear-gradient(180deg,rgba(228,177,104,.2),rgba(228,177,104,.08));
	color:#f1c982;
}
.prime-action-primary:hover,.prime-action-primary:focus-visible {
	border-color:var(--gold);
	background:rgba(228,177,104,.16);
	box-shadow:0 0 14px rgba(228,177,104,.12);
}
.prime-action-secondary {
	border-color:rgba(96,214,210,.48);
	background:rgba(96,214,210,.07);
	color:var(--cyan);
}
.prime-action-secondary:hover,.prime-action-secondary:focus-visible {
	border-color:var(--cyan);
	background:rgba(96,214,210,.14);
	box-shadow:0 0 14px rgba(96,214,210,.1);
}
.prime-action-tertiary {
	border-color:rgba(132,145,161,.22);
	background:rgba(132,145,161,.04);
	color:#b6c1ce;
}
.prime-action-tertiary:hover,.prime-action-tertiary:focus-visible {
	border-color:rgba(96,214,210,.42);
	background:rgba(96,214,210,.07);
	color:var(--cyan);
}
.prime-action-button.is-added {
	border-color:rgba(103,213,139,.45);
	background:rgba(68,174,103,.12);
	color:#74d995;
}
.prime-action-button.is-added:hover,.prime-action-button.is-added:focus-visible {
	border-color:rgba(103,213,139,.7);
	background:rgba(68,174,103,.18);
	color:#8be4a7;
}
.prime-action-button:disabled { cursor:not-allowed; opacity:.45; transform:none; }
.home-available-actions { align-items:center; gap:7px; }
.home-available-actions .prime-action-button,
.home-prime-actions .prime-action-button,
.prime-access-item-actions .prime-action-button { margin:0; }
.prime-access-create-plan { margin-top:10px; }
.prime-access-item-actions { gap:6px; }
.prime-access-item-actions .prime-action-button { min-height:32px; padding:6px 8px; font-size:9px; }
.prime-access-item-status {
	width:max-content;
	max-width:100%;
	padding:3px 6px;
	border:1px solid rgba(132,145,161,.28);
	border-radius:3px;
	font-size:8px;
	font-weight:700;
	line-height:1.2;
	letter-spacing:.07em;
	text-transform:uppercase;
}
.prime-access-item-status.status-prime-resurgence {
	border-color:rgba(228,177,104,.5);
	background:rgba(228,177,104,.08);
	color:var(--gold);
}
.prime-access-item-status.status-currently-farmable {
	border-color:rgba(96,214,210,.48);
	background:rgba(96,214,210,.07);
	color:var(--cyan);
}
.prime-access-item-status.status-vaulted,.prime-access-item-status.status-unavailable {
	border-color:rgba(132,145,161,.24);
	background:rgba(132,145,161,.04);
	color:#a1acb9;
}
.prime-resurgence-page { max-width:none; margin:0; padding:0 0 20px; }
.prime-resurgence-hero {
	grid-template-columns:minmax(0,1fr) minmax(200px,auto);
	align-items:end;
	gap:12px 20px;
	padding:0 0 12px;
	border:0;
	border-bottom:1px solid var(--line);
	background:none;
}
.prime-resurgence-hero::before { display:none; }
.prime-resurgence-hero h2 { margin:0; font-size:clamp(30px,4vw,38px); line-height:1; }
.prime-resurgence-state {
	min-height:22px;
	margin-top:8px;
	padding:3px 7px;
	border-radius:3px;
	font-size:9px;
}
.prime-resurgence-state.is-active {
	border-color:rgba(228,177,104,.5);
	background:rgba(228,177,104,.09);
	color:var(--gold);
}
.prime-resurgence-clock {
	align-items:end;
	gap:4px;
	font-size:clamp(18px,2.2vw,23px);
}
.prime-resurgence-clock small { font-size:10px; }
.prime-resurgence-dates {
	gap:10px 24px;
	padding-top:10px;
}
.prime-resurgence-category { margin-top:24px; }
.prime-resurgence-section-heading { border-color:var(--line); }
.prime-resurgence-item-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--prime-card-gap); }
.prime-resurgence-item-card {
	grid-template-columns:88px minmax(0,1fr);
	gap:var(--prime-card-gap);
}
.prime-resurgence-item-copy { gap:8px; }
.prime-resurgence-item-copy h3 { font-size:21px; line-height:1.05; }
.prime-resurgence-item-copy p { font-size:10px; line-height:1.4; }
.prime-resurgence-item-copy .home-prime-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.prime-resurgence-item-copy .home-prime-actions .prime-action-button { min-height:var(--prime-control-height); padding:7px 9px; font-size:9px; }
.prime-resurgence-relic-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:var(--prime-card-gap); }
.prime-resurgence-relic-card {
	border-radius:var(--prime-card-radius);
	border-color:var(--prime-card-border);
	background:var(--prime-card-surface);
}
.prime-resurgence-empty {
	margin-top:18px;
	padding:18px;
	border-color:rgba(132,145,161,.28);
	border-radius:var(--prime-card-radius);
	background:rgba(16,22,32,.58);
}
.prime-resurgence-empty p { font-size:12px; }
.warframe-category-tabs {
	gap:4px;
	margin-bottom:24px;
	overscroll-behavior-x:contain;
	scrollbar-width:none;
}
.warframe-category-tabs::-webkit-scrollbar { display:none; }
.warframe-category-tab {
	min-height:44px;
	flex:1 0 auto;
	padding:10px 18px;
	border-radius:4px 4px 0 0;
	font:700 12px/1.2 "DM Sans",sans-serif;
	letter-spacing:.045em;
	text-align:center;
	transition:color .18s ease,background .18s ease,border-color .18s ease;
}
.warframe-category-tab[aria-selected="true"] {
	border-bottom-color:var(--cyan);
	background:linear-gradient(180deg,rgba(96,214,210,.07),transparent);
	color:var(--cyan);
}
.warframe-category-tab:focus-visible { outline-offset:-4px; }
@media (max-width:900px) {
	.available-prime-group .home-available-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
	.prime-resurgence-hero { grid-template-columns:minmax(0,1fr); align-items:start; }
	.prime-resurgence-clock { justify-items:start; align-items:start; text-align:left; }
}
@media (max-width:600px) {
	.available-prime-group .home-available-grid { grid-template-columns:minmax(0,1fr); }
	.prime-roster-grid,.prime-resurgence-item-grid { grid-template-columns:minmax(0,1fr); }
	.home-available-card.prime-catalog-card,.prime-resurgence-item-card { grid-template-columns:76px minmax(0,1fr); gap:10px; padding:11px; }
	.prime-catalog-card .home-available-art,.prime-resurgence-item-art { width:76px; height:92px; min-height:92px; }
	.prime-catalog-card .home-available-copy h3,.prime-resurgence-item-copy h3 { font-size:19px; }
	.prime-resurgence-item-copy .home-prime-actions { flex-wrap:wrap; }
	.prime-resurgence-item-copy .home-prime-actions .prime-action-button { flex:1 1 auto; }
	.prime-section-header { margin-bottom:15px; }
	.warframe-category-tabs { margin-bottom:20px; }
	.warframe-category-tab { min-height:42px; padding:9px 12px; font-size:11px; }
}
@media (max-width:380px) {
	.warframe-category-tab { padding-right:10px; padding-left:10px; font-size:10px; }
	.prime-resurgence-relic-open { grid-template-columns:36px minmax(0,1fr); }
	.prime-resurgence-relic-badge { grid-column:2; justify-self:start; }
}
@media (prefers-reduced-motion:reduce) {
	.prime-catalog-card,.prime-action-button,.warframe-category-tab { transition:none; }
	.prime-catalog-card:hover,.prime-action-button:hover { transform:none; }
}

.home-resurgence-section {
	position:relative;
	overflow:hidden;
	margin:18px 0 26px;
	padding:clamp(17px,2.4vw,27px);
	border:1px solid rgba(228,177,104,.25);
	border-radius:7px;
	background:radial-gradient(ellipse at 0 0,rgba(228,177,104,.11),transparent 40%),linear-gradient(125deg,rgba(14,24,34,.96),rgba(6,12,20,.96));
	box-shadow:0 16px 40px rgba(0,0,0,.2);
}
.home-resurgence-section::before {
	position:absolute;
	inset:0 0 auto;
	height:2px;
	content:"";
	background:linear-gradient(90deg,var(--gold),rgba(228,177,104,.28) 48%,transparent);
}
.home-resurgence-section .section-heading {
	align-items:center;
	margin-bottom:17px;
}
.home-resurgence-section .section-heading .eyebrow {
	display:flex;
	align-items:center;
	gap:8px;
	color:var(--gold);
	font-size:10px;
	letter-spacing:.16em;
}
.home-resurgence-section .section-heading .eyebrow::before {
	width:7px;
	height:7px;
	border-radius:50%;
	background:var(--gold);
	box-shadow:0 0 11px rgba(228,177,104,.72);
	content:"";
}
.home-resurgence-section .section-heading h2 {
	margin-top:5px;
	font-size:clamp(27px,3vw,35px);
	letter-spacing:.025em;
}
.home-resurgence-section .prime-resurgence-view-all {
	min-height:36px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	padding:8px 12px;
	border:1px solid rgba(228,177,104,.38);
	border-radius:3px;
	background:rgba(228,177,104,.055);
	color:#e9c27f;
	font-size:10px;
	font-weight:700;
	line-height:1;
	letter-spacing:.08em;
	text-transform:uppercase;
	transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.home-resurgence-section .prime-resurgence-view-all span {
	color:var(--gold);
	font-size:14px;
	transition:transform .18s ease;
}
.home-resurgence-section .prime-resurgence-view-all:hover,
.home-resurgence-section .prime-resurgence-view-all:focus-visible {
	transform:translateY(-1px);
	border-color:var(--gold);
	background:rgba(228,177,104,.12);
	color:#f3d294;
}
.home-resurgence-section .prime-resurgence-view-all:hover span,
.home-resurgence-section .prime-resurgence-view-all:focus-visible span {
	transform:translateX(2px);
}
.home-resurgence-summary {
	grid-template-columns:minmax(0,1fr) minmax(165px,220px);
	align-items:stretch;
	gap:12px;
	padding:0;
	border:0;
	background:none;
}
.home-resurgence-summary-items {
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));
	gap:10px;
}
.home-resurgence-section .home-resurgence-mini-card {
	min-width:0;
	display:grid;
	grid-template-columns:64px minmax(0,1fr) 18px;
	gap:11px;
	padding:9px;
	border:1px solid rgba(132,145,161,.2);
	border-radius:4px;
	background:linear-gradient(135deg,rgba(19,30,41,.92),rgba(8,15,23,.86));
	transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.home-resurgence-section .home-resurgence-mini-card:hover,
.home-resurgence-section .home-resurgence-mini-card:focus-visible {
	transform:translateY(-2px);
	border-color:rgba(228,177,104,.56);
	background:linear-gradient(135deg,rgba(40,34,26,.72),rgba(9,17,25,.94));
}
.home-resurgence-section .home-resurgence-mini-art {
	width:64px;
	height:76px;
	flex:initial;
	border-color:rgba(228,177,104,.2);
	border-radius:3px;
	background:radial-gradient(ellipse,rgba(228,177,104,.15),rgba(7,14,22,.35) 72%);
}
.home-resurgence-section .home-resurgence-mini-copy {
	min-width:0;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;
	gap:5px;
}
.home-resurgence-section .home-resurgence-mini-kicker {
	color:var(--gold);
	font-size:8px;
	font-weight:700;
	letter-spacing:.11em;
	text-transform:uppercase;
}
.home-resurgence-section .home-resurgence-mini-copy strong {
	color:#edf2f6;
	font:600 19px/1 "Barlow Condensed",sans-serif;
	letter-spacing:.025em;
	text-transform:uppercase;
}
.home-resurgence-section .home-resurgence-mini-copy small:last-child {
	color:#91a0ad;
	font-size:9px;
}
.home-resurgence-mini-arrow {
	align-self:center;
	color:var(--gold);
	font-size:16px;
	transition:transform .18s ease;
}
.home-resurgence-section .home-resurgence-mini-card:hover .home-resurgence-mini-arrow,
.home-resurgence-section .home-resurgence-mini-card:focus-visible .home-resurgence-mini-arrow {
	transform:translate(2px,-2px);
}
.home-resurgence-summary-meta {
	align-content:center;
	justify-items:start;
	gap:8px;
	padding:12px 14px;
	border:1px solid rgba(228,177,104,.2);
	border-left:2px solid rgba(228,177,104,.62);
	border-radius:3px;
	background:rgba(228,177,104,.045);
	text-align:left;
}
.home-resurgence-summary-meta span:first-child {
	color:#f0c679;
	font:600 19px/1.1 "Barlow Condensed",sans-serif;
	letter-spacing:.025em;
	text-align:left;
}
.home-resurgence-summary-meta span:last-child {
	color:#94a1ae;
	font-size:8px;
	letter-spacing:.1em;
	line-height:1.5;
	text-align:left;
}
@media (max-width:760px) {
	.home-resurgence-summary { grid-template-columns:minmax(0,1fr); }
	.home-resurgence-summary-meta { min-height:60px; }
}
@media (max-width:480px) {
	.home-resurgence-section { margin:14px 0 22px; padding:15px 12px; }
	.home-resurgence-section .section-heading { align-items:flex-start; gap:10px; }
	.home-resurgence-section .prime-resurgence-view-all { min-height:32px; flex:0 0 auto; gap:6px; padding:7px 9px; font-size:8px; }
	.home-resurgence-section .prime-resurgence-view-all span { font-size:12px; }
	.home-resurgence-section .home-resurgence-mini-card { grid-template-columns:56px minmax(0,1fr) 16px; gap:9px; }
	.home-resurgence-section .home-resurgence-mini-art { width:56px; height:68px; }
}

.available-primes-intro {
	max-width:680px;
	margin:-4px 0 15px;
	color:var(--muted);
	font-size:12px;
	line-height:1.55;
}
.available-prime-browser { display:grid; gap:14px; min-width:0; }
.available-prime-selection-grid {
	display:grid;
	grid-template-columns:repeat(5,minmax(0,1fr));
	gap:9px;
	max-height:194px;
	overflow-y:auto;
	min-width:0;
	padding:2px 5px 2px 1px;
	overscroll-behavior:contain;
	scrollbar-color:rgba(96,214,210,.45) rgba(132,145,161,.08);
	scrollbar-width:thin;
}
.available-prime-select-card {
	min-width:0;
	border:1px solid rgba(132,145,161,.2);
	border-radius:7px;
	background:linear-gradient(135deg,rgba(17,27,38,.94),rgba(10,16,25,.94));
	transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.available-prime-select-card:hover { border-color:rgba(96,214,210,.55); }
.available-prime-select-card.is-selected {
	border-color:var(--gold);
	background:linear-gradient(135deg,rgba(228,177,104,.12),rgba(14,23,32,.96));
	box-shadow:inset 0 0 0 1px rgba(228,177,104,.24),0 0 18px rgba(228,177,104,.08);
}
.available-prime-select {
	width:100%;
	min-width:0;
	min-height:90px;
	display:grid;
	grid-template-columns:62px minmax(0,1fr);
	align-items:center;
	gap:10px;
	padding:9px;
	border:0;
	border-radius:inherit;
	background:transparent;
	color:var(--text);
	text-align:left;
	cursor:pointer;
}
.available-prime-select:focus-visible { outline:2px solid var(--cyan); outline-offset:2px; }
.available-prime-select-art {
	width:62px;
	height:70px;
	display:grid;
	place-items:center;
	overflow:hidden;
	border:1px solid rgba(132,145,161,.16);
	border-radius:4px;
	background:radial-gradient(ellipse at center,rgba(96,214,210,.12),transparent 72%),rgba(7,12,19,.44);
}
.available-prime-select-art img { width:100%; height:100%; object-fit:contain; }
.available-prime-select-copy { min-width:0; display:grid; justify-items:start; gap:5px; }
.available-prime-select-copy strong {
	width:100%;
	overflow-wrap:anywhere;
	color:var(--text);
	font:600 18px/1 "Barlow Condensed",sans-serif;
	text-transform:uppercase;
}
.available-prime-type {
	max-width:100%;
	padding:3px 5px;
	border:1px solid rgba(132,145,161,.3);
	border-radius:2px;
	color:#b7c1cd;
	font-size:8px;
	font-weight:700;
	letter-spacing:.045em;
	line-height:1.2;
}
.available-prime-select-copy small { color:var(--muted); font-size:9px; }
.available-prime-detail {
	min-width:0;
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(0,1fr);
	overflow:hidden;
	border:1px solid rgba(132,145,161,.27);
	border-radius:8px;
	background:linear-gradient(120deg,rgba(13,23,32,.97),rgba(8,14,22,.98));
	box-shadow:0 18px 42px rgba(0,0,0,.2);
}
.available-prime-detail-art {
	position:relative;
	min-width:0;
	min-height:430px;
	display:grid;
	place-items:center;
	overflow:hidden;
	border-right:1px solid rgba(132,145,161,.22);
	background:radial-gradient(ellipse at 50% 47%,rgba(228,177,104,.12),transparent 54%),linear-gradient(145deg,rgba(19,33,43,.9),rgba(7,12,19,.94));
}
.available-prime-art-orbit {
	position:absolute;
	width:min(74%,400px);
	aspect-ratio:1;
	border:1px solid rgba(228,177,104,.24);
	border-radius:50%;
	box-shadow:0 0 0 20px rgba(228,177,104,.035),0 0 0 42px rgba(96,214,210,.025),inset 0 0 34px rgba(96,214,210,.035);
}
.available-prime-detail-art img {
	position:relative;
	z-index:1;
	width:100%;
	height:100%;
	max-height:430px;
	padding:24px;
	object-fit:contain;
	filter:drop-shadow(0 16px 24px rgba(0,0,0,.48));
}
.available-prime-art-caption {
	position:absolute;
	right:22px;
	bottom:18px;
	left:22px;
	padding-top:10px;
	border-top:1px solid rgba(228,177,104,.36);
	color:var(--gold);
	font-size:9px;
	font-weight:700;
	letter-spacing:.12em;
	text-align:right;
}
.available-prime-detail-content {
	min-width:0;
	display:flex;
	flex-direction:column;
	align-items:stretch;
	padding:23px clamp(17px,2.5vw,34px) 20px;
}
.available-prime-detail-eyebrow {
	display:flex;
	align-items:center;
	gap:8px;
	margin:0 0 6px;
	color:var(--cyan);
	font-size:9px;
	font-weight:800;
	letter-spacing:.14em;
}
.available-prime-detail-eyebrow span { width:6px; height:6px; border-radius:50%; background:var(--cyan); box-shadow:0 0 10px var(--cyan); }
.available-prime-detail-content h2 {
	margin:0 0 10px;
	color:#f3f5f8;
	font:700 clamp(34px,4vw,48px)/.98 "Barlow Condensed",sans-serif;
	letter-spacing:.01em;
	text-transform:uppercase;
	overflow-wrap:anywhere;
}
.available-prime-detail-badges { display:flex; flex-wrap:wrap; gap:6px; }
.available-prime-detail-summary {
	margin:10px 0 12px;
	color:var(--muted);
	font-size:11px;
	line-height:1.5;
}
.available-prime-stats {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:12px;
	padding:10px 0;
	border-top:1px solid var(--line);
	border-bottom:1px solid var(--line);
}
.available-prime-stat { min-width:0; display:grid; align-content:center; gap:4px; }
.available-prime-stat + .available-prime-stat { padding-left:13px; border-left:1px solid var(--line); }
.available-prime-stat span { color:var(--muted); font-size:8px; font-weight:700; letter-spacing:.1em; }
.available-prime-stat strong { color:var(--gold); font:600 18px/1.1 "Barlow Condensed",sans-serif; overflow-wrap:anywhere; }
.available-prime-lineup { min-width:0; margin-top:13px; }
.available-prime-lineup-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:5px; }
.available-prime-lineup-heading h3 { margin:0; color:var(--cyan); font-size:9px; font-weight:800; letter-spacing:.12em; }
.available-prime-lineup-heading span { color:var(--muted); font-size:8px; font-weight:700; letter-spacing:.07em; }
.available-prime-lineup ul { display:grid; gap:0; margin:0; padding:0; list-style:none; }
.available-prime-lineup-row {
	min-width:0;
	display:grid;
	grid-template-columns:34px minmax(0,1fr) auto;
	align-items:center;
	gap:8px;
	padding:5px 2px;
	border-top:1px solid rgba(132,145,161,.13);
}
.available-prime-lineup-art {
	width:34px;
	height:34px;
	display:grid;
	place-items:center;
	overflow:hidden;
	border:1px solid rgba(132,145,161,.19);
	border-radius:3px;
	background:rgba(5,10,16,.55);
}
.available-prime-lineup-art img { width:100%; height:100%; object-fit:contain; }
.available-prime-lineup-copy { min-width:0; display:grid; gap:2px; }
.available-prime-lineup-copy strong { color:var(--text); font-size:10px; overflow-wrap:anywhere; }
.available-prime-lineup-copy small { color:var(--muted); font-size:8px; overflow-wrap:anywhere; }
.available-prime-lineup-status {
	max-width:132px;
	padding:4px 6px;
	border:1px solid rgba(132,145,161,.24);
	border-radius:2px;
	color:var(--muted);
	font-size:7px;
	font-weight:700;
	letter-spacing:.06em;
	text-align:center;
}
.available-prime-lineup-status.is-available { border-color:rgba(96,214,210,.47); color:var(--cyan); }
.available-prime-release-note { margin:7px 0 0; color:var(--muted); font-size:9px; }
.available-prime-release-note strong { color:var(--gold); }
.available-prime-detail-actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:auto; padding-top:13px; }
.available-prime-detail-actions .prime-action-button { min-height:39px; justify-content:center; padding:8px 12px; font-size:9px; }
.available-prime-plan-button { flex:1 1 180px; }
.available-prime-relic-button { border-color:rgba(96,214,210,.43); color:var(--cyan); }
@media (max-width:1100px) {
	.available-prime-selection-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
	.available-prime-detail { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); }
	.available-prime-detail-art { min-height:390px; }
	.available-prime-detail-art img { max-height:390px; }
}
@media (max-width:820px) {
	.available-prime-selection-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
	.available-prime-detail { grid-template-columns:minmax(0,1fr); }
	.available-prime-detail-art { min-height:300px; border-right:0; border-bottom:1px solid rgba(132,145,161,.22); }
	.available-prime-detail-art img { max-height:320px; }
	.available-prime-art-orbit { width:min(62%,300px); }
}
@media (max-width:560px) {
	.available-prime-selection-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
	.available-prime-select { min-height:78px; grid-template-columns:48px minmax(0,1fr); gap:7px; padding:7px; }
	.available-prime-select-art { width:48px; height:58px; }
	.available-prime-select-copy strong { font-size:15px; }
	.available-prime-select-copy small { font-size:8px; }
	.available-prime-detail-art { min-height:245px; }
	.available-prime-detail-art img { max-height:260px; padding:14px; }
	.available-prime-art-caption { right:13px; bottom:12px; left:13px; }
	.available-prime-detail-content { padding:18px 13px 14px; }
	.available-prime-detail-content h2 { font-size:36px; }
	.available-prime-detail-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
	.available-prime-plan-button { grid-column:1/-1; }
	.available-prime-detail-actions .prime-action-button { min-width:0; padding-right:7px; padding-left:7px; }
}
@media (max-width:360px) {
	.available-prime-selection-grid { grid-template-columns:minmax(0,1fr); }
	.available-prime-select { grid-template-columns:54px minmax(0,1fr); }
	.available-prime-select-art { width:54px; height:62px; }
}
@media (prefers-reduced-motion:reduce) {
	.available-prime-select-card { transition:none; }
}

.prime-command-carousel {
	position:relative;
	min-width:0;
	margin:32px 0 10px;
}
.prime-command-carousel::before,
.prime-command-carousel::after {
	position:absolute;
	z-index:1;
	top:0;
	bottom:0;
	width:26px;
	content:"";
	pointer-events:none;
}
.prime-command-carousel::before {
	left:0;
	background:linear-gradient(90deg,rgba(7,12,19,.95),transparent);
}
.prime-command-carousel::after {
	right:0;
	background:linear-gradient(270deg,rgba(7,12,19,.95),transparent);
}
.prime-command-available-choices {
	display:flex;
	gap:10px;
	min-width:0;
	overflow-x:auto;
	padding:4px 40px 8px;
	scroll-behavior:auto;
	scrollbar-width:none;
	scroll-padding-inline:40px;
	overscroll-behavior-x:contain;
}
.prime-command-available-choices::-webkit-scrollbar { display:none; }
.prime-command-available-choice {
	flex:0 0 calc((100% - 40px)/5);
	min-width:0;
	min-height:0;
	display:flex;
	flex-direction:column;
	gap:8px;
	padding:8px;
	border:1px solid rgba(132,145,161,.22);
	border-radius:5px;
	background:linear-gradient(135deg,rgba(15,26,37,.92),rgba(8,15,24,.92));
	color:var(--text);
	text-align:left;
	cursor:pointer;
	transition:transform .22s cubic-bezier(.2,.7,.2,1),border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.prime-command-available-choice:hover {
	transform:translateY(-1px);
	border-color:rgba(96,214,210,.55);
	background:linear-gradient(135deg,rgba(19,34,47,.98),rgba(8,15,24,.96));
}
.prime-command-available-choice.is-selected {
	border-color:var(--gold);
	background:linear-gradient(135deg,rgba(228,177,104,.11),rgba(12,20,29,.94));
	box-shadow:inset 0 0 0 1px rgba(228,177,104,.32),inset 0 0 20px rgba(228,177,104,.07),0 0 14px rgba(228,177,104,.1);
}
.prime-command-available-choice:focus-visible { outline:2px solid var(--cyan); outline-offset:2px; }
.prime-command-available-art {
	width:100%;
	height:clamp(100px,12vw,142px);
	flex:none;
	display:grid;
	place-items:center;
	overflow:hidden;
	border:1px solid rgba(132,145,161,.13);
	border-radius:3px;
	background:radial-gradient(ellipse,rgba(96,214,210,.1),transparent 72%),rgba(7,12,19,.56);
}
.prime-command-available-art img { width:100%; height:100%; object-fit:contain; }
.prime-command-available-copy {
	width:100%;
	min-width:0;
	min-height:50px;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:4px;
}
.prime-command-available-copy strong {
	width:100%;
	min-height:32px;
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow-wrap:anywhere;
	color:var(--text);
	font:600 16px/1 "Barlow Condensed",sans-serif;
	text-transform:uppercase;
}
.prime-command-available-choice.is-selected .prime-command-available-copy strong { color:var(--gold); }
.prime-command-available-copy small {
	color:var(--muted);
	font-size:9px;
	line-height:1.2;
}
.prime-command-available-status {
	display:flex;
	align-items:center;
	gap:5px;
	margin-top:auto;
	color:var(--cyan);
	font-size:7px;
	font-weight:700;
	letter-spacing:.1em;
}
.prime-command-available-status::before {
	width:5px;
	height:5px;
	border-radius:50%;
	background:var(--cyan);
	box-shadow:0 0 7px rgba(96,214,210,.65);
	content:"";
}
.prime-command-carousel-arrow {
	position:absolute;
	z-index:2;
	top:50%;
	width:30px;
	height:38px;
	display:grid;
	place-items:center;
	padding:0;
	transform:translateY(-50%);
	border:1px solid rgba(96,214,210,.3);
	border-radius:3px;
	background:rgba(7,12,19,.88);
	color:var(--cyan);
	font-size:25px;
	line-height:1;
	cursor:pointer;
	transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.prime-command-carousel-arrow:hover {
	border-color:var(--gold);
	background:rgba(18,27,37,.96);
	color:var(--gold);
}
.prime-command-carousel-arrow:focus-visible { outline:2px solid var(--cyan); outline-offset:2px; }
.prime-command-carousel-arrow[data-prime-carousel-prev] { left:6px; }
.prime-command-carousel-arrow[data-prime-carousel-next] { right:6px; }
@media (max-width:900px) {
	.prime-command-available-choice { flex-basis:calc((100% - 20px)/3); }
	.prime-command-available-art { height:clamp(100px,19vw,142px); }
}
@media (max-width:600px) {
	.prime-command-available-choices { gap:8px; padding-right:34px; padding-left:34px; scroll-padding-inline:34px; }
	.prime-command-available-choice { flex-basis:calc((100% - 8px)/1.5); gap:6px; padding:7px; }
	.prime-command-available-art { height:clamp(112px,38vw,148px); }
	.prime-command-available-copy strong { font-size:15px; }
	.prime-command-carousel-arrow { width:27px; height:34px; }
}
@media (prefers-reduced-motion:reduce) {
	.prime-command-available-choices { scroll-behavior:auto; }
	.prime-command-available-choice { transition:none; transform:none; }
	.prime-command-carousel-arrow { transition:none; }
}