.community-hub{display:grid;grid-template-columns:248px minmax(0,1fr);gap:26px;align-items:start;margin:28px 0 22px}.community-hub-content{min-width:0}.community-nav{position:sticky;top:18px;z-index:20;display:flex;flex-direction:column;gap:7px;padding:12px;background:linear-gradient(180deg,#10192b,#0a111e);border:1px solid #293650;border-radius:20px;box-shadow:0 18px 55px #0004}.community-nav:before{content:'Explore';padding:7px 11px 8px;color:#8293b2;font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.community-nav .btn{position:relative;width:100%;min-height:52px;justify-content:flex-start;padding:12px 13px;border-color:transparent;background:transparent;color:#b8c5dc;text-align:left;transition:background .16s,border-color .16s,color .16s,transform .16s}.community-nav .btn:hover{border-color:#354866;background:#172239;color:#fff;transform:none}.community-nav button[aria-selected=true]{background:linear-gradient(115deg,#625cff,#9167f5);color:white;border-color:transparent;box-shadow:0 10px 28px #6855e54d}.community-nav button[aria-selected=true]:before{content:'';position:absolute;left:-13px;top:10px;bottom:10px;width:4px;border-radius:4px;background:#b9adff;box-shadow:0 0 16px #927cff}.community-nav-icon{width:23px;height:23px;flex:0 0 23px}.community-nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-page{min-height:300px;margin-bottom:30px}.community-page[hidden],.community-nav [hidden]{display:none!important}.community-heading{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:24px}.community-heading h2{margin:0 0 8px}.community-heading p{margin:0;color:#a1b2cf}.community-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;align-items:start}.community-card{background:#10192a;border:1px solid #2b3a56;border-radius:18px;padding:22px;min-width:0}.community-card h3{margin:0 0 12px;overflow-wrap:anywhere}.community-card p{color:#adbbd3;line-height:1.55;overflow-wrap:anywhere}.community-card .button-row{margin-top:16px}.community-card progress{width:100%;height:14px;accent-color:#8272ff}.community-card form,.community-form{display:grid;gap:12px}.community-card label,.community-form label{display:grid;gap:7px;color:#bac7de}.community-card input,.community-card textarea,.community-card select,.community-form input,.community-form select,.community-form textarea{width:100%;min-width:0;background:#0c1423;border:1px solid #344563;border-radius:10px;padding:11px 13px;color:#eef3ff;font:inherit;box-sizing:border-box}.community-card textarea,.community-form textarea{resize:vertical;min-height:80px}.community-card .check,.community-form .check{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #29354c}.community-card input[type=checkbox],.community-form input[type=checkbox]{appearance:none;width:40px;height:23px;flex:none;background:#36405a;border:0;border-radius:20px;position:relative;padding:0;cursor:pointer}.community-card input[type=checkbox]:before,.community-form input[type=checkbox]:before{content:'';position:absolute;left:3px;top:3px;width:17px;height:17px;background:white;border-radius:50%;transition:transform .15s}.community-card input[type=checkbox]:checked,.community-form input[type=checkbox]:checked{background:#7569ff}.community-card input[type=checkbox]:checked:before,.community-form input[type=checkbox]:checked:before{transform:translateX(17px)}.community-card .earned{color:#87e1bd}.community-label{font-size:.85rem;letter-spacing:.03em;color:#c0aeff;display:block;margin-bottom:9px}.community-message{padding:12px 16px;border:1px solid #445075;border-radius:12px;margin:0 0 20px;background:#171d32}.community-message:empty{display:none}.community-message[data-error=true]{border-color:#a14963;color:#ffb8c9}.bingo-card{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0}.bingo-card span{display:grid;place-items:center;min-height:44px;background:#202b44;border:1px solid #425071;border-radius:10px;font-weight:800}.bingo-card .called{background:#4c3f94;border-color:#9a85ff;color:#fff}.bingo-drawn{font-size:.85rem;color:#aab8d1;line-height:1.7}.community-empty{padding:30px;border:1px dashed #374865;border-radius:16px;color:#a7b6cf}.community-table{width:100%;border-collapse:collapse;text-align:left}.community-table th,.community-table td{padding:13px 10px;border-bottom:1px solid #2a3650}.community-table th{color:#aebbd3;font-size:.9rem}.community-table-wrap{overflow:auto}.quick-favourites{margin:0 0 22px}.quick-favourites .button-row{display:flex;gap:8px;flex-wrap:wrap}.quick-favourites h3{margin-bottom:10px}.favourite[aria-pressed=true]{border-color:#9c86ff;color:#d5c5ff}.community-section-title{margin:28px 0 16px}.community-admin-shell{max-width:1200px;margin:auto;padding:24px}.community-admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.community-admin-nav button[aria-selected=true]{background:#6d60dd}.community-admin-page[hidden]{display:none!important}.community-admin-form{display:grid;gap:14px}.community-option-list{max-height:230px;overflow:auto}.community-option-list .check{padding:8px}.community-muted{color:#a3b3ce}.community-card [data-countdown]{font-variant-numeric:tabular-nums}.community-card :focus-visible,.community-nav :focus-visible{outline:3px solid #c2acff;outline-offset:3px}@media(max-width:1050px){.community-hub{grid-template-columns:205px minmax(0,1fr);gap:18px}}@media(max-width:760px){.community-hub{grid-template-columns:68px minmax(0,1fr);gap:12px}.community-nav{padding:8px;border-radius:17px}.community-nav:before,.community-nav-label{display:none}.community-nav .btn{min-height:50px;padding:11px;justify-content:center}.community-nav button[aria-selected=true]:before{left:-9px}.community-nav-icon{width:24px;height:24px}}@media(max-width:600px){.community-grid{grid-template-columns:1fr}.community-heading{flex-direction:column}.community-card{padding:18px}.community-admin-shell{padding:14px}}
.achievement-periods{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 12px}
.achievement-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin:20px 0 12px}
.achievement-filters label{display:grid;gap:7px;color:var(--muted,#a7b8d9);font-size:.9rem;min-width:0}
.achievement-filters input,.achievement-filters select{width:100%;min-width:0;box-sizing:border-box;background:#0c1423;color:#eef3ff;border:1px solid #344563;border-radius:10px;padding:11px 13px}
.achievement-filters :focus-visible{outline:3px solid #c2acff;outline-offset:3px}
#achievement-cards{align-items:stretch}
#achievement-definition-list{display:grid;gap:12px}
.achievement-card{display:flex;flex-direction:column}
.achievement-card>p:first-of-type{flex-grow:1}
.achievement-more{display:block;margin:22px auto}
.achievement-more[hidden]{display:none}
@media(max-width:650px){.achievement-filters{grid-template-columns:1fr 1fr}.achievement-filters label:first-child{grid-column:1/-1}.achievement-periods .btn{flex:1}}

/* Phone navigation scrolls above the content instead of squeezing its width. */
@media(max-width:760px){
 .community-hub{grid-template-columns:minmax(0,1fr);gap:18px}
 .community-nav{position:static;flex-direction:row;flex-wrap:nowrap;max-width:100%;min-width:0;overflow-x:auto;padding:8px;border-radius:14px;scrollbar-width:thin}
 .community-nav .btn{width:auto;flex:0 0 auto;min-height:48px;padding:10px 12px;gap:8px;justify-content:center;white-space:nowrap}
 .community-nav .community-nav-label{display:inline;overflow:visible;white-space:nowrap}
 .community-nav button[aria-selected=true]:before{display:none}
 .community-nav-icon{width:20px;height:20px;flex-basis:20px}
 .community-hub .community-nav [data-hub-tab="disrupts"]{padding:10px 12px}
 .community-hub .community-nav [data-hub-tab="disrupts"] .effect-nav-status{position:static;transform:none;margin:0;padding:4px 5px;font-size:.6rem}
 .community-page{min-width:0}
 .community-hub button,.community-hub a{touch-action:manipulation}
 .community-hub button{min-height:44px}
 .community-hub input,.community-hub select,.community-hub textarea{font-size:16px}
}