.shared-progression-panel{position:relative;overflow:hidden}
.shared-progression-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.shared-progression-state{border:1px solid color-mix(in srgb,var(--accent,#38bdf8) 48%,transparent);border-radius:999px;padding:7px 11px;font-size:.72rem;letter-spacing:.12em}
.shared-progression-state[data-state="online"]{color:#86efac;border-color:#22c55e80}
.shared-progression-state[data-state="offline"]{color:#fca5a5;border-color:#ef444480}
.shared-profile-head{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px;border:1px solid #ffffff18;border-radius:16px;background:#07111bd9}
.shared-profile-head h3{margin:.2rem 0;font-size:1.45rem}
.shared-profile-head span,.shared-active-rank span{color:var(--muted,#94a3b8)}
.shared-active-rank{min-width:190px;text-align:right;display:grid;gap:3px}
.shared-wallet{min-width:180px;text-align:center;display:grid;gap:3px;padding:10px 16px;border-left:1px solid #ffffff18;border-right:1px solid #ffffff18}
.shared-wallet small,.shared-vault-head span,.shared-alert-tools span{color:var(--muted,#94a3b8)}
.shared-wallet strong{color:var(--accent,#38bdf8);font-size:1.1rem}
.shared-active-rank small{letter-spacing:.12em;text-transform:uppercase;color:var(--accent,#38bdf8)}
.shared-active-rank strong{font-size:1.15rem}
.shared-missions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.shared-missions article{display:grid;gap:5px;padding:13px;border:1px solid #ffffff16;border-radius:13px;background:#0b1722c9}
.shared-missions article>span{font-size:.68rem;letter-spacing:.12em;color:var(--accent,#38bdf8)}
.shared-missions article>small{color:var(--muted,#94a3b8)}
.shared-missions article.is-complete{border-color:#22c55e66;background:#052e1b66}
.shared-missions article.is-complete>span{color:#86efac}
.shared-board-complete,.shared-sync-note{margin:10px 0 0;color:#86efac;font-size:.86rem}
.shared-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.shared-theme-grid article{display:grid;gap:4px;padding:12px;border:1px solid #ffffff12;border-radius:12px;background:#050b12b8}
.shared-theme-grid article.is-active{border-color:color-mix(in srgb,var(--accent,#38bdf8) 70%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--accent,#38bdf8) 14%,transparent)}
.shared-theme-grid p{margin:0;color:var(--accent,#38bdf8);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}
.shared-theme-grid span,.shared-theme-grid small{color:var(--muted,#94a3b8);font-size:.78rem}
.shared-offline{padding:18px;border:1px solid #f59e0b55;border-radius:14px;background:#29160455}
.shared-offline p{color:var(--muted,#94a3b8)}
.shared-offline button{padding:9px 13px}
.shared-leaderboard{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.shared-leaderboard li{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid #ffffff14;border-radius:10px}
.shared-leaderboard li.is-current{border-color:color-mix(in srgb,var(--accent,#38bdf8) 65%,transparent)}
.shared-leaderboard i{font-style:normal;color:var(--accent,#38bdf8)}
.shared-leaderboard small{color:var(--muted,#94a3b8)}
.shared-empty{color:var(--muted,#94a3b8)}
.shared-stats-panel{margin-bottom:18px}
.shared-vault-message{padding:10px 13px;border:1px solid #38bdf855;border-radius:10px;background:#082f4966;color:#bae6fd}
.shared-vault-head{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.shared-vault-head>div{display:grid;gap:4px;padding:14px;border:1px solid #ffffff16;border-radius:12px;background:#07111bd9}
.shared-vault-head strong{font-size:1.15rem;color:var(--accent,#38bdf8)}
.shared-starter{padding:16px;margin-bottom:16px;border:1px solid #f59e0b66;border-radius:14px;background:#2b170766}
.shared-starter h3,.shared-starter p{margin-top:0}
.shared-reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.shared-reward-card,.shared-starter article{display:flex;flex-direction:column;gap:10px;justify-content:space-between;padding:15px;border:1px solid #ffffff16;border-radius:13px;background:#050b12c7}
.shared-reward-card.is-owned{border-color:#22c55e66;background:#052e1b44}
.shared-reward-card h3{margin:.2rem 0}.shared-reward-card p{color:var(--muted,#94a3b8);font-size:.86rem}
.shared-reward-card small{color:var(--accent,#38bdf8);letter-spacing:.1em}.shared-reward-card button,.shared-starter button,.shared-alert-tools button,.shared-alarm-form button,.shared-alarm-item button{padding:9px 11px;border-radius:9px}
.shared-reward-card button:disabled{opacity:.55;cursor:not-allowed}
.shared-alert-tools{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.shared-alarm-form{display:grid;grid-template-columns:2fr 1fr 1.35fr 1.4fr 1.4fr;gap:12px;padding:15px;border:1px solid #ffffff16;border-radius:13px;background:#07111bd9}
.shared-alarm-form>label{display:grid;gap:6px;font-size:.8rem;color:var(--muted,#94a3b8)}
.shared-alarm-form input,.shared-alarm-form select{width:100%;padding:10px;border:1px solid #ffffff26;border-radius:8px;background:#02070d;color:inherit}
.shared-alarm-form fieldset{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:11px;border:0;padding:0;margin:0}.shared-alarm-form legend{margin-bottom:7px;color:var(--muted,#94a3b8)}.shared-alarm-form fieldset label{display:flex;gap:4px;align-items:center}
.shared-alarm-form>button{justify-self:start}
.shared-alarm-list{display:grid;gap:9px;margin-top:14px}
.shared-alarm-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;align-items:center;padding:12px;border:1px solid #ffffff16;border-radius:11px}
.shared-alarm-item>div{display:grid;gap:4px}.shared-alarm-item span,.shared-alarm-item small{color:var(--muted,#94a3b8)}.shared-alarm-item.is-disabled{opacity:.62}
.shared-alarm-toast{position:fixed;right:22px;bottom:22px;z-index:10000;display:grid;gap:8px;min-width:280px;padding:18px;border:1px solid var(--accent,#38bdf8);border-radius:14px;background:#02070df2;box-shadow:0 12px 60px #000b;color:#fff}.shared-alarm-toast strong{font-size:1.1rem}.shared-alarm-toast span{color:#cbd5e1}
@media(max-width:880px){.shared-missions,.shared-theme-grid{grid-template-columns:1fr 1fr}.shared-profile-head{align-items:flex-start}.shared-active-rank{text-align:left;min-width:0}.shared-leaderboard li{grid-template-columns:24px 1fr auto}.shared-leaderboard small{grid-column:2/-1}}
@media(max-width:880px){.shared-reward-grid{grid-template-columns:1fr 1fr}.shared-alarm-form{grid-template-columns:1fr 1fr}.shared-alarm-item{grid-template-columns:1fr auto}.shared-alarm-item>div{grid-column:1/-1}.shared-wallet{text-align:left;border:0;padding:0}}
@media(max-width:560px){.shared-progression-head,.shared-profile-head{display:grid}.shared-missions,.shared-theme-grid,.shared-reward-grid,.shared-vault-head,.shared-alarm-form{grid-template-columns:1fr}.shared-leaderboard li{grid-template-columns:24px 1fr}.shared-leaderboard span,.shared-leaderboard small{grid-column:2}.shared-alert-tools{align-items:flex-start;display:grid}.shared-alarm-toast{left:12px;right:12px;bottom:12px;min-width:0}}
