.support-essentials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}.support-essentials>a{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:28px;border:1px solid color-mix(in srgb,var(--hub-accent) 25%,#273442);border-radius:18px;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--hub-accent) 9%,transparent),transparent 65%),#14212a;color:#e8f0f4;text-decoration:none!important;transition:transform .18s,border-color .18s,background .18s}.support-essential-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:color-mix(in srgb,var(--hub-accent) 10%,transparent);color:var(--hub-accent);margin-bottom:25px}.support-essential-icon svg{width:27px;height:27px}.support-essentials small{font-size:11px;color:var(--hub-accent)}.support-essentials h2{font-size:24px;letter-spacing:-.04em;margin:9px 0 12px}.support-essentials p{font-size:14px;line-height:1.9;color:#a6b7c5;margin:0 0 24px;word-break:keep-all}.support-open{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;color:var(--hub-accent);font-size:12px}.support-open svg{width:20px;height:20px}.support-essentials>a:hover{transform:translateY(-4px);border-color:var(--hub-accent);background-color:#20333c}.support-invite{display:grid;grid-template-columns:180px minmax(0,1fr);gap:35px;align-items:center;border:1px solid #42695d;border-radius:22px;background:radial-gradient(ellipse at 10% 60%,#83b88720,transparent 65%),#172923;padding:22px 34px;margin:30px 0 46px}.support-invite .eyebrow{font-size:10px;letter-spacing:.12em;color:#aad7b9}.support-invite h2{font-size:26px;letter-spacing:-.04em;margin:10px 0 12px}.support-invite p{font-size:14px;line-height:1.85;color:#b0c7bb;word-break:keep-all}.support-invite strong{color:#e0e8d5}.support-invite-links{display:flex;gap:12px 22px;flex-wrap:wrap;margin-top:22px}.support-invite-links a{color:#b8e7cd;font-size:12px;text-decoration:none!important}.support-invite-links a:hover{text-decoration:underline!important}.hub-berry{width:180px;height:190px!important;max-width:100%;filter:drop-shadow(0 12px 13px #0003)}
.support-directory{margin:32px 0}.support-directory h2{font-size:21px;letter-spacing:-.035em;margin:0 0 16px}.support-directory>p{font-size:13px;color:var(--muted)}.support-directory>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.support-directory a{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #35434f;border-radius:12px;padding:19px 20px;color:#bdced9;text-decoration:none!important;font-size:13px;background:#131e26}.support-directory a:hover{border-color:#83b8a7;background:#1c2d34}.support-directory a small{display:block;margin-bottom:7px;color:#8396a7;font-size:10px}.support-directory a>b{color:#8ea8bb}.support-legal{margin-top:45px;padding-top:26px;border-top:1px solid #2c3943}.support-legal h2{font-size:17px;color:#9daebc}.support-legal>div{gap:0;border-top:1px solid #2c3943;border-bottom:1px solid #2c3943}.support-legal a{border:0;border-radius:0;background:none;padding:20px 15px}.support-legal a+a{border-left:1px solid #2c3943}.support-legal a:hover{background:#1c2932}
.support-faq{margin:14px 0;border:1px solid #354750;border-radius:12px;background:#142129}.support-faq>summary{list-style:none;padding:17px 20px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#d0e0e8;font-size:14px;font-weight:600;line-height:1.7}.support-faq>summary::-webkit-details-marker{display:none}.support-faq>summary:after{content:'+';color:#9acbba;font-size:20px;font-weight:400}.support-faq[open]>summary:after{content:'−'}.support-faq>summary:hover{background:#20333b;border-radius:11px}.support-faq>div,.support-faq>p{margin:0!important;padding:8px 20px 22px;color:#a7bcc9;font-size:14px;line-height:1.9}.support-faq>div>ul{padding-left:22px}.support-faq figure{max-width:650px}.support-contact-inline{padding:22px 25px;border:1px solid #52877566;background:#2c63551a;border-radius:14px;margin-top:30px}.support-contact-inline h2{font-size:21px}.support-discord-link{display:inline-flex;padding:12px 20px;border:1px solid #949be8;border-radius:10px;background:#7279c529;color:#d3d7ff;text-decoration:none!important;font-size:14px}.support-service .help-chapter{scroll-margin-top:110px}.support-service #services>h2:not(:first-child){margin-top:30px!important}.support-service table{display:table;width:100%}.support-service td{font-size:13px}.support-service .jg-table-scroll{overflow-x:auto}
.town-stories{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0 48px}.town-story{position:relative;isolation:isolate;min-width:0;padding:30px 25px;display:flex;align-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--hub-accent) 35%,#303d3c);border-radius:22px;background:radial-gradient(ellipse at 85% 70%,color-mix(in srgb,var(--hub-accent) 15%,transparent),transparent 65%),var(--story-bg);min-height:295px}.story-home{--hub-accent:#a4dfb8;--story-bg:#192c26}.story-economy{--hub-accent:#efc48f;--story-bg:#302820}.town-story-copy{position:relative;z-index:1;max-width:72%}.town-story .eyebrow{font-size:10px;letter-spacing:.08em;color:var(--hub-accent)}.town-story h2{font-size:clamp(24px,2.2vw,30px);line-height:1.4;letter-spacing:-.04em;margin:15px 0}.town-story p{font-size:13px;color:#c0c5b7;line-height:1.9;margin:0 0 22px;word-break:keep-all}.town-story nav{display:flex;gap:12px 18px;flex-wrap:wrap}.town-story nav a{color:var(--hub-accent);font-size:12px;text-decoration:none!important}.town-story nav a:hover{text-decoration:underline!important}.town-story small{display:block;font-size:10px;color:#97ada1;margin-top:22px;line-height:1.7}.town-story code{font-size:inherit}.town-story button.hub-berry{position:absolute;right:-7px;bottom:28px;width:175px;height:190px!important;z-index:0}.town-directory-heading{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.town-directory-heading h2{font-size:23px;letter-spacing:-.035em;margin:0}.town-directory-heading p{font-size:12px;color:var(--muted)}.town-directory{display:grid;gap:45px;margin:30px 0}.town-directory>section{min-width:0}.town-directory>section>header{background:transparent;display:block;padding:0 0 18px;position:static;border:0;height:auto;margin:0}.town-directory header>span{font-size:10px;letter-spacing:.12em;color:var(--hub-accent)}.town-directory header h2{font-size:24px;letter-spacing:-.03em;margin:8px 0}.town-directory header p{font-size:13px;color:#97aeba;margin:0}.town-directory-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.town-directory-links>a{display:flex;align-items:center;gap:15px;min-width:0;min-height:108px;padding:20px 18px;border-radius:14px;border:1px solid color-mix(in srgb,var(--hub-accent) 18%,#2d3a45);background:linear-gradient(125deg,color-mix(in srgb,var(--hub-accent) 5%,#15202a),#15202a);color:#e1edf1;text-decoration:none!important;transition:transform .18s,border-color .18s,background .18s}.town-directory-links>a:hover{transform:translateY(-3px);border-color:var(--hub-accent);background:#24363d}.town-directory-icon{display:grid;place-items:center;flex-shrink:0;width:45px;height:45px;border-radius:13px;background:color-mix(in srgb,var(--hub-accent) 9%,transparent)}.town-directory-icon img{width:31px;height:31px;object-fit:contain}.town-directory-links>a>span:nth-child(2){min-width:0;display:grid;gap:7px}.town-directory-links strong{font-size:14px;line-height:1.6;word-break:keep-all}.town-directory-links small{font-size:11px;color:#9aadb9;line-height:1.65}.town-directory-links>a>b{margin-left:auto;color:var(--hub-accent);font-size:15px}.footer-policy{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 20px;max-width:100%}.footer-policy a{font-size:11px;color:#8d9ead;text-decoration:none!important}.footer-policy a:hover{color:#d4e6ed;text-decoration:underline!important}body>footer{flex-wrap:wrap;gap:20px}body>footer>span{font-size:12px}
:is(.town-directory,.town-story,.support-essentials,.support-directory,.support-invite) :is(a,button):focus-visible{outline:2px solid var(--hub-accent,#a7d7cb);outline-offset:4px}
@media(max-width:1100px){.town-story button.hub-berry{width:140px;right:-10px;bottom:50px}.town-story-copy{max-width:78%}.town-story p br{display:none}.town-directory-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.support-essentials{grid-template-columns:1fr;gap:12px}.support-essentials>a{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:18px;row-gap:6px;padding:22px}.support-essential-icon{grid-row:1/4;margin:0;width:46px;height:46px}.support-essentials h2{font-size:22px;margin:0}.support-essentials p{grid-column:2;margin:0;font-size:13px}.support-open{grid-column:2;margin-top:12px}.support-essentials small{grid-column:2}.support-invite{grid-template-columns:100px minmax(0,1fr);gap:18px;padding:22px 18px}.support-invite .hub-berry{width:100px;height:130px!important}.support-invite h2{font-size:22px}.support-invite p{font-size:13px}.support-directory>div{grid-template-columns:1fr}.support-legal a+a{border-left:0;border-top:1px solid #2c3943}.town-stories{grid-template-columns:1fr;gap:16px}.town-story{min-height:280px;padding:27px 23px}.town-story-copy{max-width:73%}.town-story button.hub-berry{width:165px;right:-6px;bottom:22px}.town-directory-heading{display:block}.footer-policy{justify-content:flex-start}}
@media(max-width:480px){.town-directory-links{grid-template-columns:1fr}.town-story h2{font-size:25px}.town-story p{max-width:210px;font-size:12px}.town-story-copy{max-width:76%}.town-story button.hub-berry{width:125px;right:-8px;bottom:28px}.town-story nav{flex-direction:column;gap:13px}.town-story small{max-width:205px}.support-invite{grid-template-columns:1fr;text-align:center;gap:6px}.support-invite>div:first-child{display:grid;place-items:center}.support-invite-links{justify-content:center}.support-invite .hub-berry{width:120px;height:130px!important}.support-invite h2{font-size:22px;word-break:keep-all}.support-service .intro{font-size:15px}.support-faq>summary{font-size:13px;padding:14px 16px}.support-faq>div,.support-faq>p{padding:8px 16px 18px}}
@media(prefers-reduced-motion:reduce){.town-directory-links>a,.support-essentials>a{transition:none}.town-directory-links>a:hover,.support-essentials>a:hover{transform:none}}