/* Connect 0.6.1 — shared desktop/web presentation. All rewards remain server-owned. */
:root { --bg:#070912; --panel:#0f1321; --line:#ffffff13; --ink:#f1f2fa; --muted:#a4adc2; --accent:#c8c0f1; }
.workspace { background:radial-gradient(ellipse at 85% 0,#29274520,transparent 48%); }
.sidebar { background:#0a0d17; border-color:#ffffff0d; }
.sidebar nav button { border-radius:10px; transition:background .25s,color .25s,border-color .25s; }
.sidebar nav [aria-current] { background:linear-gradient(105deg,#aaa1dc1c,#a7bfdb09); border-color:#cac6f41e; color:#efebff; }
.sidebar nav [aria-current] svg { color:#c9c2ed; }
.brand img,.auth-brand img { mask-image:radial-gradient(ellipse,#000 42%,transparent 73%); }
.topbar { height:65px; border-color:#ffffff0b; }
main { max-width:1350px; }
.panel,.stats article,.device,.breakdown>div { border-color:#ffffff12; box-shadow:inset 0 1px #ffffff03; }
.panel { background:linear-gradient(135deg,#121726,#0c101c); }
.primary { background:linear-gradient(110deg,#e0dcf8,#c8c3e6); border-color:#ffffff35; color:#171827; box-shadow:inset 0 1px #fff6; }
.primary:hover:not(:disabled) { background:#edeafa; box-shadow:0 5px 22px #b8abd518; }
.secondary { background:#b8c4e508; border-color:#b8c4e524; }
.secondary:hover:not(:disabled) { background:#b8c4e512; border-color:#b8c4e54a; }
.sync { color:#afc7c9; }
.page-heading h1 { font-weight:500; }
.community-view { --community-blue:#bdcde6; }
.community-hero { display:grid; grid-template-columns:1.22fr 1fr; align-items:center; gap:12px; min-height:274px; margin:-8px 0 20px; position:relative; isolation:isolate; }
.community-hero::before { content:''; position:absolute; inset:-35px -20px -10px; pointer-events:none; z-index:-1; background:radial-gradient(ellipse at 85% 40%,#61699b12,transparent 58%); }
.community-hero-copy { padding:16px 0; position:relative; z-index:2; }
.community-hero .eyebrow { font-size:10px; letter-spacing:2px; font-weight:600; color:#b7bed3; margin-bottom:22px; }
.community-star { margin-right:7px; color:#c5c3f0; }
.community-hero h1 { font-size:clamp(32px,3.4vw,47px); letter-spacing:-1.9px; font-weight:500; line-height:1.13; margin:0 0 17px; }
.community-hero h1 em { color:#c7c5e9; background:linear-gradient(100deg,#c1cdea,#c7b2e5); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.community-hero-copy>p { color:#a6b0c5; font-size:14px; line-height:1.85; margin:0 0 22px; }
.community-jump { display:inline-flex; align-items:center; gap:22px; font-size:12px; color:#e0e3f4; font-weight:550; padding:5px 0; }
.community-jump>span { display:grid; place-items:center; width:24px; height:24px; border:1px solid #b5bcdd30; border-radius:50%; transition:transform .25s,background .25s; }
.community-jump:hover>span { transform:translateY(3px); background:#d6d0f217; }
.community-universe { position:relative; width:min(100%,340px); aspect-ratio:1; margin:auto; display:grid; place-items:center; pointer-events:none; }
.community-halo { position:absolute; inset:3%; border-radius:50%; background:radial-gradient(ellipse,#b9b0ec19,transparent 66%); }
.community-logo { position:absolute; inset:16%; display:grid; place-items:center; animation:community-float 8s ease-in-out infinite; }
.community-logo img { width:100%; height:100%; object-fit:contain; mask-image:radial-gradient(ellipse,#000 26%,#000d 41%,transparent 69%); }
.community-orbit { position:absolute; border:1px solid #b4bfdf20; border-radius:50%; }
.orbit-outer { inset:3%; border-top-color:#b4bfdf07; border-bottom-color:#b4bfdf3c; animation:community-orbit 38s linear infinite; }
.orbit-inner { inset:13%; border-color:#c3b7e517; border-left-color:#c3b7e54a; animation:community-orbit 28s linear infinite reverse; }
.community-orbit>i { position:absolute; top:50%; left:-3px; width:5px; height:5px; border-radius:50%; background:#d2ccee; box-shadow:0 0 12px #ccc2ff65; }
.orbit-inner>i { width:4px; height:4px; background:#b3c9dc; }
.community-spark { position:absolute; width:3px; height:3px; border-radius:50%; background:#becde3; opacity:.5; }
.spark-one { left:24%; top:18%; }.spark-two { left:86%; top:58%; width:2px; height:2px; }.spark-three { left:13%; top:79%; width:2px; height:2px; }
.universe-caption { position:absolute; top:97%; font-size:8px; letter-spacing:2.2px; color:#7d89a5; white-space:nowrap; }
.community-summary { display:grid; grid-template-columns:1fr 1.15fr; gap:32px; align-items:center; margin:25px 0 32px; padding:21px 25px; border:1px solid #bcc3e11a; border-radius:16px; background:linear-gradient(105deg,#bcc0ed0c,#a7c5e403); box-shadow:inset 0 1px #ffffff04; }
.summary-label { color:#aab4ca; font-size:12px; }
.community-summary strong { font-size:32px; line-height:1.3; font-weight:500; letter-spacing:-1px; margin:5px 0 0; }
.community-summary strong small { font-size:12px; color:#919bb3; letter-spacing:0; font-weight:400; margin-left:4px; }
.community-progress { border-left:1px solid #b9bfda14; padding-left:32px; }
.community-progress>div { display:flex; justify-content:space-between; gap:12px; font-size:11px; color:#c6cee1; margin-bottom:8px; }
.community-progress>div>span:last-child { color:#8f9bb6; }
.community-progress progress { display:block; height:4px; margin:12px 0; }
.community-progress progress::-webkit-progress-bar { background:#b8bed519; }
.community-progress progress::-webkit-progress-value { background:linear-gradient(90deg,#9fb9df,#cfc0f1); }
.community-progress progress::-moz-progress-bar { background:#c3b8e8; }
.community-progress p { color:#8995ad; font-size:10px; margin:0; line-height:1.6; }
.mission-section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:15px; margin:0 0 17px; }
.mission-section-heading h2 { font-size:17px; font-weight:550; margin:0; letter-spacing:-.3px; }
.mission-section-heading>span { font-size:10px; color:#8995ad; }
.mission-grid { gap:15px; scroll-margin-top:22px; border-radius:16px; }
.mission-card { position:relative; isolation:isolate; padding:23px; border-radius:18px; border-color:#b7c2df19; background:linear-gradient(145deg,#151927b0,#0c111c); box-shadow:inset 0 1px #fff03; transition:transform .25s,border-color .25s,box-shadow .25s; }
.mission-card.is-available { background:radial-gradient(ellipse at 0 0,#74739f1a,transparent 70%),linear-gradient(135deg,#171b2c,#101422); border-color:#bfb6ec3a; }
.mission-card:hover { border-color:#c8c5e84d; transform:translateY(-3px); box-shadow:0 14px 26px #00000024,inset 0 1px #fff07; }
.mission-top { align-items:center; margin-bottom:23px; }
.mission-icon { display:grid; place-items:center; width:42px; height:42px; border:1px solid #b5bedc22; border-radius:13px; background:linear-gradient(140deg,#bec9ed10,#b1bce604); color:#bfc8e3; }
.mission-card.is-available .mission-icon { color:#dfd8fc; border-color:#c9c1ed30; background:#b3a8d619; }
.mission-points { display:flex; align-items:baseline; gap:5px; background:none; border:0; padding:0; font-size:22px; line-height:1; font-weight:500; color:#d4d9ee; letter-spacing:-.6px; }
.mission-points small { color:#8f9ab2; font-size:10px; font-weight:400; letter-spacing:0; }
.mission-label { display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:9px; }
.mission-number { font-size:10px; letter-spacing:1.6px; color:#96a2bd; }
.mission-badge { display:inline-flex; align-items:center; gap:5px; font-size:10px; color:#a0acc3; }
.mission-badge::before { content:''; width:4px; height:4px; border-radius:50%; background:currentColor; opacity:.7; }
.is-available .mission-badge { color:#c3b8ed; }.is-complete .mission-badge { color:#b0d2c6; }
.mission-card h2 { font-size:20px; margin:0 0 9px; letter-spacing:-.5px; font-weight:550; }
.mission-card>.muted { font-size:13px; line-height:1.8; color:#abb6cc; }
.mission-state { color:#95a2bb; font-size:12px; line-height:1.7; min-height:0; margin:12px 0 20px; }
.mission-actions { gap:12px; padding-top:17px; border-top:1px solid #aebddd10; }
.mission-actions button { border-radius:11px; min-height:42px; font-size:12px; padding:10px 14px; gap:15px; }
.mission-actions button:disabled { opacity:1; color:#95a0b7; border-color:#b8c4e519; background:#b8c4e504; }
.mission-actions a { color:#acb7cf; font-size:11px; }
.mission-actions a span { display:inline-block; transition:transform .2s; }.mission-actions a:hover span { transform:translate(2px,-2px); }
.mission-card.is-complete { border-color:#94bfb32e; background:linear-gradient(140deg,#142121,#0d151e); }.is-complete .mission-points { background:none; color:#b8d9cc; }
.community-connections { margin-top:33px; padding:25px 0 0; border-top:1px solid #b5c1db17; }
.community-connections .panel-heading { margin-bottom:15px; }.community-connections .eyebrow { font-size:9px; letter-spacing:1.6px; color:#8996b0; margin:0 0 7px; }
.community-connections h2 { font-size:17px; font-weight:500; margin:0; }.connection-privacy { color:#8f9eb5; font-size:10px; }
#social-connections { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.social-connection { display:flex; flex-wrap:wrap; gap:12px; padding:17px; border:1px solid #aebddd15; border-radius:13px; background:#b2bfdb04; }
.social-connection:last-child { border-bottom:1px solid #aebddd15; }.social-connection-icon { display:flex; color:#9eabc3; }.social-connection-icon svg { width:20px; height:20px; }
.social-connection>div { flex:1; }.social-connection strong { font-size:12px; font-weight:500; }.social-connection .muted { font-size:10px; color:#8c9ab4; margin:3px 0 0; }
.social-connection-status { font-size:9px; color:#8894ac; }.community-connections>.fine { font-size:10px!important; color:#8995ae; margin:13px 0 0; }
.community-explainer { margin:21px 0 0; }.community-explainer details { padding:17px 0 0; }.community-explainer summary { display:flex; justify-content:space-between; list-style:none; font-size:12px; color:#b1bcd3; }
.community-explainer summary::-webkit-details-marker { display:none; }.community-explainer summary>span { transition:transform .25s; }.community-explainer details[open] summary>span { transform:rotate(45deg); }
.community-explainer details p { font-size:11px; line-height:1.8; color:#939fb6; }
#learn-dialog { background:linear-gradient(150deg,#181c2e,#0d1220); border-color:#bcb6e13d; }
.mission-choice { border-color:#b3bed91b; }.mission-choice:has(input:checked) { border-color:#bcb6e173; background:#b1a7dc12; }
.community-shortcut { background:linear-gradient(115deg,#a7a1d110,#abc6e405); border-color:#b9c0df1c; }
.community-shortcut h2 { font-size:19px; font-weight:500; }
/* A brief entrance, slow decorative orbits, and no perpetual JS animation loop. */
.community-view:not([hidden]) .community-hero-copy { animation:community-enter .65s ease-out both; }
.community-view:not([hidden]) .mission-card { animation:community-enter .5s ease-out backwards; animation-delay:calc(var(--mission-order,0) * 65ms); }
@keyframes community-enter { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
@keyframes community-float { 50% { transform:translateY(-6px); } }
@keyframes community-orbit { to { transform:rotate(360deg); } }
@media(max-width:1100px) {
 .community-hero { min-height:250px; grid-template-columns:1.15fr 1fr; }
 .community-universe { max-width:275px; }.community-hero h1 { font-size:37px; }
 .mission-card { padding:20px; }.community-summary { gap:20px; padding:19px 22px; }.community-progress { padding-left:20px; }
 .social-connection-status { display:none; }
}
@media(max-width:760px) {
 .sidebar { flex-wrap:wrap; }.sidebar .brand { flex-shrink:0; }.sidebar nav { flex:1; min-width:0; overflow-x:auto; }
 .community-hero { grid-template-columns:1.2fr 1fr; min-height:235px; margin-top:-5px; }
 .community-hero h1 { font-size:34px; letter-spacing:-1.5px; }.community-hero .eyebrow { font-size:8px; letter-spacing:1.5px; }
 .community-hero-copy>p { font-size:13px; }.community-universe { max-width:230px; }.universe-caption { font-size:6px; letter-spacing:1px; }
 .mission-section-heading>span { max-width:170px; text-align:right; line-height:1.6; }
 .community-summary { margin-top:15px; }.community-summary strong { font-size:28px; }
 .mission-card:hover { transform:none; }
}
@media(max-width:540px) {
 .community-hero { min-height:235px; grid-template-columns:1fr; overflow:hidden; margin-right:-12px; }
 .community-hero-copy { padding-top:15px; }.community-hero h1 { font-size:35px; }
 .community-hero .eyebrow { margin-bottom:17px; }.community-hero-copy>p { font-size:12px; max-width:225px; }
 .community-universe { position:absolute; width:200px; right:-65px; top:42px; opacity:.65; z-index:-1; }.universe-caption { display:none; }
 .community-summary { grid-template-columns:1fr; gap:16px; padding:19px; margin:10px 0 25px; }
 .community-score { display:flex; align-items:baseline; justify-content:space-between; gap:15px; }.community-summary strong { margin:0; font-size:27px; }
 .community-progress { border-left:0; border-top:1px solid #b9bfda14; padding:14px 0 0; }.community-progress p { font-size:9px; }
 .mission-section-heading h2 { font-size:16px; }.mission-section-heading>span { font-size:9px; max-width:150px; }
 .mission-grid { gap:12px; }.mission-top { margin-bottom:18px; }.mission-card { padding:21px; }
 #social-connections { grid-template-columns:1fr; gap:10px; }.social-connection-status { display:block; }
 .community-connections .panel-heading { align-items:start; }.connection-privacy { font-size:9px; }.community-connections h2 { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) { .community-view *,.community-view *::before,.community-view *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
.reduce-motion .community-view *,.reduce-motion .community-view *::before,.reduce-motion .community-view *::after { animation:none!important; transition:none!important; }
.window-hidden .community-view * { animation-play-state:paused!important; }

#x-claim-dialog{width:min(590px,calc(100vw - 32px));max-height:90vh;overflow:auto} .x-claim-steps{padding-left:24px;line-height:1.65} .x-claim-steps li{margin:18px 0;padding-left:4px}.x-claim-steps li>span{display:block;font-size:13px;color:var(--muted,#a5abc1)}.claim-code-row{display:flex;gap:8px;margin-top:10px}.claim-code-row input{min-width:0;flex:1;font-size:13px;letter-spacing:1px}#x-claim-form>input{width:100%;margin:8px 0 14px}#x-claim-form .mission-choice{margin:14px 0}#x-claim-status{line-height:1.6}

#x-claim-code,#x-claim-handle{border:1px solid rgba(192,196,226,.2);border-radius:12px;background:#0b0c17;color:#eeeef7;min-height:44px;padding:11px 13px;font:inherit;font-size:14px;box-sizing:border-box}#x-claim-code{font-size:12px}#x-claim-handle::placeholder{color:#7f879e}#x-claim-handle:focus,#x-claim-code:focus{outline:2px solid #bcb4ed;outline-offset:2px}#x-claim-confirm{accent-color:#bdb6e8}.x-claim-steps li{margin:12px 0}