/* Bantrum identity, first design pass — conversational, expressive, no orbital imagery.
   Layered after the legacy CSS to preserve existing layouts and user functionality. */
:root{
  --bg:#0d131c;
  --card:#17212e;
  --card2:#1c2938;
  --stroke:#324255;
  --text:#f3f6fb;
  --muted:#a9b9cb;
  --accent:#6195ff;
  --purple:#4c81ef;
  --green:#78d7c0;
  --bt-ink:#0d131c;
  --bt-panel:#17212e;
  --bt-panel-2:#1d2b3a;
  --bt-border:#304053;
  --bt-blue:#528cff;
  --bt-blue-hover:#74a2ff;
  --bt-coral:#ff856c;
  --bt-cream:#f3f6fb;
}
html{background:var(--bt-ink)!important;color:var(--bt-cream)}
body{
  background:#0d131c!important;
  color:var(--bt-cream);
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:0;
}
body::before,body::after{background-image:none!important}
h1,h2,h3,h4,.brand,button,input,textarea,select{font-family:Inter,"Segoe UI",Arial,sans-serif}
h1,h2,h3,h4{letter-spacing:-.035em}
p,small{line-height:1.6}
a{transition:color .18s ease}
a:hover{color:#b8d0ff}
.topbar{background:#111a25f6!important;border-bottom:1px solid #2a3848!important;box-shadow:0 5px 22px #05090e50!important}
.brand{
  color:#f7f9ff!important;
  font-weight:850!important;
  letter-spacing:-1.35px!important;
  text-transform:lowercase;
}
.bantrum-mark{display:block;flex:none;width:36px;height:36px;object-fit:contain;border-radius:11px}
.brand-stop{color:var(--bt-coral)!important}
.brand-mark,.brand-dot{display:none!important}
.top-search{background:#1b2735!important;border:1px solid #35495d!important;box-shadow:none!important}
.top-search input,.top-search input::placeholder{color:#bdc9da!important}
.top-search:focus-within{border-color:var(--bt-blue-hover)!important;box-shadow:0 0 0 3px #528cff22!important}
.top-actions .icon-button,.header-avatar{color:#dce6f2}
.sidebar{
  background:#111a25!important;
  border-right:1px solid #283745!important;
}
.sidebar-divider{background:#2a3949!important}
.nav-section-label{color:#8ea3b9!important;letter-spacing:1.3px!important}
.main-nav .nav-item,.nav-item{
  color:#c8d3e0!important;
  border-radius:12px!important;
  transition:background .18s ease,border-color .18s ease!important;
}
.main-nav .nav-item:hover,.nav-item:hover{background:#233349!important;color:#fff!important}
.main-nav .nav-item.active,.nav-item.active{
  background:#273d5c!important;
  border:1px solid #4975bb!important;
  color:#f8fbff!important;
  box-shadow:none!important;
}
.sidebar-communities,.rightbar{color:#d2ddea}
.main-content{min-width:0}
.right-welcome,.widget,.post-card,.post-composer,.forum-section,.settings-panel,
.settings-section,.profile-hero,.community-banner,.discovery-welcome,.admin-panel,
.ops-workspace,.beta-feedback-item,.beta-row,.info-page,.event-card{
  background:#17212e!important;
  border-color:#2e3d4f!important;
  box-shadow:none!important;
}
.post-card,.post-composer,.right-welcome,.widget,.profile-hero,.ops-workspace,.modal{
  border-radius:16px!important;
}
.post-card{margin-bottom:14px!important}
.post-card:hover{border-color:#436181!important}
.post-body,.post-card p,.profile-headline,.page-heading p{color:#d4dfeb}
.page-heading h1{color:#f7f9ff;font-weight:830;letter-spacing:-1.1px}
.page-eyebrow,.nav-section-label,.eyebrow{color:var(--bt-coral)!important}
.page-eyebrow{letter-spacing:1.7px!important}
.tab,.feed-tabs .tab,.outline-button,.soft-button,.primary-button,
.top-create,.mobile-compose,.invite-card button,.settings-button-row button{
  border-radius:11px!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
.primary-button,.top-create,.mobile-compose,.invite-card button,.soft-button{
  background:var(--bt-blue)!important;
  border:1px solid #76a5ff!important;
  color:#fff!important;
  font-weight:760!important;
  transition:background .18s ease,transform .18s ease,border-color .18s ease!important;
}
.primary-button:hover,.top-create:hover,.mobile-compose:hover,.invite-card button:hover,.soft-button:hover{
  background:var(--bt-blue-hover)!important;
  border-color:#a3c1ff!important;
  transform:translateY(-1px);
}
.primary-button:active,.top-create:active,.soft-button:active{transform:translateY(0)}
.outline-button,.feed-tabs .tab,.tab{
  background:#1b2939!important;
  color:#d4dfeb!important;
  border:1px solid #3b4d63!important;
}
.outline-button:hover,.feed-tabs .tab:hover,.tab:hover{
  background:#263a50!important;
  border-color:#6d91c1!important;
  color:#fff!important;
}
.feed-tabs .tab.active,.tab.active{
  background:#27416a!important;
  border-color:#6598eb!important;
  color:#f9fbff!important;
  box-shadow:none!important;
}
input:not([type="checkbox"]):not([type="radio"]),textarea,select{
  color:#f3f7ff;
  background:#101b28;
  border-color:#3b5066;
  border-radius:10px;
}
input::placeholder,textarea::placeholder{color:#a5b6c9}
:where(button,a,input,textarea,select):focus-visible{
  outline:3px solid var(--bt-coral)!important;
  outline-offset:3px!important;
}
.modal-overlay{background:#080e16df!important;backdrop-filter:blur(9px)}
.modal{
  background:#1a2533!important;
  border:1px solid #42556c!important;
  box-shadow:0 24px 88px #0009!important;
}
.modal-heading h2{font-weight:830;color:#f7f9ff}
.modal-heading p{color:#b6c6d7}
.close-button{border-radius:9px!important}
.toast{background:#23374e!important;color:#eff5ff!important;border-color:#5071a0!important}
.invite-card{
  background:#203244!important;
  border:1px solid #415970!important;
  box-shadow:none!important;
}
.invite-orbit,.welcome-stars,.cover-orbit{display:none!important}
.right-welcome{background:#1d2b3c!important}
.guideline{background:#1b2938!important;border-color:#3b4d63!important}
.profile-cover.cover-cosmos{
  background-image:linear-gradient(115deg,#254668 0%,#3b6a8d 42%,#334558 73%,#d96f67 150%)!important;
  background-color:#274666!important;
}
.profile-cover.cover-blue{
  background-image:linear-gradient(115deg,#17365c,#3b7cc1,#183150)!important;
}
.profile-cover.cover-gold{
  background-image:linear-gradient(115deg,#644a38,#ae7a61,#322c35)!important;
}
.profile-cover.cover-midnight{
  background-image:linear-gradient(115deg,#111c29,#314d66,#1b2734)!important;
}
.profile-cover:before,.profile-cover:after{animation:none!important}
.profile-hero .profile-inner{background:#17212e}
.badge,.profile-rank-chip,.community-pill{border-radius:999px!important}
.progress-bar,.progress-fill{border-radius:999px!important}
.nav-live-badge,.mobile-live-badge{background:var(--bt-coral)!important;color:#161c26!important}
.event-draft-status,.staff-notice,.beta-reveal{
  border-color:#49647c!important;
  background:#213449!important;
  color:#e7f0fc!important;
}
.beta-category{background:#293c50!important;border-color:#627c9c!important;color:#dbeaff!important}
.site-footer{border-color:#2d3a49!important;color:#9cacc0}
.mobile-bottom{background:#121c29f8!important;border-color:#334255!important}
.mobile-bottom button{color:#c2d0e0!important}
@media (max-width:740px), (max-width:1100px) and (pointer:coarse){
  .brand{font-size:23px!important;letter-spacing:-1.15px!important}
  .bantrum-mark{width:29px;height:29px}
  .sidebar{background:#111a25!important}
  .topbar{background:#111a25f6!important}
  .post-card,.post-composer{border-radius:13px!important}
  .primary-button:hover,.top-create:hover,.soft-button:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* Conversation-forward identity in every functional area */
.invite-identity{display:flex;align-items:center;margin:2px 0 11px}
.invite-identity img{width:40px;height:40px;border-radius:12px}
.right-welcome h3,.invite-card b{letter-spacing:-.035em}
.admin-intro,.staff-panel,.admin-workspace,.staff-stat,.settings-info-card,
.gallery-tile,.album-tile,.discovery-community,.conversation-button,.message-panel,
.event-detail,.forum-category,.forum-management,.post-composer,.search-result{
  border-color:#33485b!important;
  background:#172433!important;
  box-shadow:none!important;
}
.admin-intro{background:#203043!important;border-radius:18px!important}
.admin-intro>span,.admin-stat-symbol{color:var(--bt-coral)!important}
.gallery-tile,.album-tile,.discovery-community,.event-detail,.forum-category{
  border-radius:14px!important;
}
.gallery-filters button,.gallery-photo-actions button{
  background:#203147!important;
  color:#dbe6f2!important;
  border-color:#476079!important;
  border-radius:10px!important;
}
.gallery-filters button.active{background:#31548b!important;border-color:#75a4ed!important}
.profile-hero.accent-gold{--user-highlight:#ff9a83}
.profile-hero.accent-blue{--user-highlight:#86b1ff}
.profile-hero.accent-silver{--user-highlight:#becfdf}
.member-rank,.rank-banner,.profile-badges{box-shadow:none!important}
.settings-export-button{background:#22354b!important;border-color:#6891bd!important;color:#ecf4ff!important}
.settings-export-button:hover{background:#2c4761!important}
.badge-manager-link,.text-link{color:#9bc0ff!important}
.btn-save,.settings-button-row button,.admin-tab,.gallery-album-btn{border-radius:10px!important}
.menu-popover,.account-menu,.create-menu{background:#1c2a3a!important;border-color:#3b536b!important;box-shadow:0 15px 34px #0008!important}
.message-bubble.mine{background:#2b508c!important;border-color:#4776bb!important}
.message-bubble.theirs{background:#233448!important;border-color:#3d536b!important}
.message-composer,.conversation-list,.message-panel{border-color:#304558!important}
.progress-fill,.achievement-progress-fill{background:var(--bt-blue)!important}

/* Remove old orbital art from feed headers and profile-edit previews. */
.main-content[data-route="home"] .page-heading,
.main-content[data-route="popular"] .page-heading,
.main-content[data-route="following"] .page-heading,
.main-content[data-route="bookmarks"] .page-heading{
  background:none!important;
  min-height:auto!important;
  margin:0 0 20px!important;
  padding:12px 0 9px!important;
}
.main-content[data-route="home"] .page-heading:after,
.main-content[data-route="popular"] .page-heading:after,
.main-content[data-route="following"] .page-heading:after{content:none!important;display:none!important}
.editor-banner-preview{
  background:linear-gradient(115deg,#254668,#3b6a8d 55%,#c46e65)!important;
  color:#eef7ff!important;
  border-color:#4d6d88!important;
}
.editor-banner-preview.cover-midnight{background:linear-gradient(115deg,#111c29,#314d66,#1b2734)!important}
.editor-banner-preview.cover-gold{background:linear-gradient(115deg,#644a38,#ae7a61,#322c35)!important}
.editor-banner-preview.cover-blue{background:linear-gradient(115deg,#17365c,#3b7cc1,#183150)!important}
.empty-state:before{background:#31598a!important;box-shadow:none!important;border-radius:12px!important}


/* ==============================================================
   PREMIUM ELITE METALLIC · Cohoes royal blue + gold
   Inspired by the classic gaming-network era, not a game skin.
   The layout and usability remain social-first and accessible.
   ============================================================== */
:root{
  --bg:#071426;
  --card:#101f32;
  --card2:#162b44;
  --stroke:#344e6b;
  --text:#eef4fa;
  --muted:#b6c5d8;
  --accent:#f4c430;
  --purple:#0052ff;
  --elite-blue:#0052ff;
  --elite-blue-light:#3884ff;
  --elite-navy:#081e3a;
  --elite-gold:#f4c430;
  --elite-gold-light:#ffdd72;
  --elite-steel:#bfc9d7;
  --elite-charcoal:#0a1321;
  --bt-ink:#071426;
  --bt-panel:#101f32;
  --bt-panel-2:#14283f;
  --bt-border:#354b64;
  --bt-blue:#0052ff;
  --bt-blue-hover:#277bff;
  --bt-coral:var(--elite-gold);
  --bt-cream:#f1f5fb;
}
html{background:#071426!important}
body{
  background-color:#071426!important;
  background-image:
    repeating-linear-gradient(135deg,transparent 0px,transparent 50px,#5286bc08 51px,#5286bc08 52px),
    linear-gradient(180deg,#071427 0%,#0a1b30 48%,#071222 100%)!important;
  background-attachment:fixed!important;
  color:#eef4fa!important;
}
body::before,body::after{background-image:none!important}
a:hover{color:#ffdf87}
.topbar{
  background:linear-gradient(180deg,#132840f8,#07172af9)!important;
  border-bottom:1px solid #b58d3380!important;
  box-shadow:inset 0 1px #b8cce325,0 7px 24px #020810a8!important;
}
.topbar-inner{position:relative}
.topbar-inner::after{
  content:"";
  position:absolute;
  bottom:0;left:32px;right:32px;
  height:1px;
  background:linear-gradient(90deg,transparent,#f4c430a0 22%,#1470ffba 60%,transparent);
  pointer-events:none;
}
.brand{
  text-transform:none!important;
  gap:10px!important;
  min-width:0;
}
.bantrum-mark{
  width:39px!important;
  height:39px!important;
  border-radius:7px!important;
  filter:drop-shadow(0 2px 6px #0009) drop-shadow(0 0 5px #004fff48);
}
.brand-wordmark{
  display:inline-block;
  font-weight:900;
  font-style:italic;
  font-family:"Arial Black",Inter,"Segoe UI",sans-serif!important;
  font-size:inherit;
  letter-spacing:-1.35px!important;
  text-transform:uppercase;
  line-height:1.1;
  color:#dbe3ef;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 19%,#a7b4c7 46%,#f0f3f9 58%,#71849e 89%,#d8e3f1 100%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 0 #030d20) drop-shadow(0 1px 6px #0052ff55);
}
.top-search{
  background:linear-gradient(#152d48,#101f33)!important;
  border:1px solid #466485!important;
  box-shadow:inset 0 1px 3px #020b1790!important;
}
.top-search:focus-within{
  border-color:#eabe4e!important;
  box-shadow:0 0 0 2px #f4c43029!important;
}
.sidebar{
  background:linear-gradient(160deg,#0a1b31,#081528)!important;
  border-right:1px solid #3c5670!important;
  box-shadow:inset -1px 0 #02081155!important;
}
.sidebar::before{
  content:"";
  display:block;
  height:2px;
  margin:0 8px 14px;
  background:linear-gradient(90deg,transparent,#f4c430 30%,#0052ff 76%,transparent);
}
.nav-section-label,.page-eyebrow,.eyebrow{
  color:#f1c963!important;
  letter-spacing:1.8px!important;
}
.main-nav .nav-item,.nav-item{
  border-radius:7px!important;
  border:1px solid transparent!important;
  color:#d5dfef!important;
}
.main-nav .nav-item:hover,.nav-item:hover{
  background:#123354!important;
  border-color:#4e7295!important;
}
.main-nav .nav-item.active,.nav-item.active{
  background:linear-gradient(108deg,#0052ff,#073486 92%)!important;
  border:1px solid #368dff!important;
  border-left:3px solid #f4c430!important;
  box-shadow:inset 0 1px #a1c8ff55,0 0 13px #004cda38!important;
  color:#fff!important;
}
.main-nav .nav-item.active svg,.nav-item.active svg{color:#f5d469}
.sidebar-divider{background:#3b5269!important}
.rightbar{border-color:#273b54}
.page-heading h1{font-weight:850;color:#f1f5fa!important}
.page-heading{border-bottom:1px solid #3a557044;padding-bottom:12px!important}
.page-eyebrow{font-size:10px}
.post-card,.post-composer,.profile-hero,.community-banner,.forum-section,
.settings-panel,.settings-section,.admin-panel,.discovery-welcome,.right-welcome,
.widget,.invite-card,.message-panel,.conversation-list,.ops-workspace,
.beta-feedback-item,.beta-row,.gallery-tile,.album-tile,.info-page,.event-card,
.discover-card,.discovery-community,.settings-info-card,.event-detail,.forum-category{
  background:linear-gradient(150deg,#15283f 0%,#0e1b2d 100%)!important;
  border:1px solid #344f6d!important;
  box-shadow:inset 0 1px #ffffff0e,0 3px 12px #020a1480!important;
}
.post-card:hover,.gallery-tile:hover,.discovery-community:hover{
  border-color:#4c79ac!important;
}
.post-card,.post-composer,.profile-hero,.right-welcome,.widget,
.settings-panel,.settings-section,.admin-panel,.modal{
  border-radius:11px!important;
}
.post-composer,.post-card{position:relative}
.post-composer::before,.right-welcome::after{
  content:"";
  position:absolute;
  height:2px;
  top:0;left:14px;right:14px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,#d6a745aa 35%,#227bffad 70%,transparent);
}
.right-welcome{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(135deg,#04162ad6,#072143d0),
    repeating-linear-gradient(135deg,transparent 0px,transparent 11px,#4266a017 12px,#4266a017 13px)!important;
  border-color:#8b713f!important;
}
.right-welcome h3{color:#f4f7fe!important}
.right-welcome .eyebrow{font-size:10px!important}
.right-welcome:before{display:none!important}
.invite-card{background:linear-gradient(125deg,#152c4b,#102032)!important;border-color:#a98840!important}
.invite-identity img{filter:drop-shadow(0 0 6px #dba93d40)}
.primary-button,.top-create,.mobile-compose,.invite-card button,.soft-button{
  background:linear-gradient(180deg,#277dff 0%,#0052ff 44%,#09399e 100%)!important;
  color:#fff!important;
  border:1px solid #67a3ff!important;
  border-top-color:#a8cdff!important;
  box-shadow:inset 0 1px #d5e6ff5a,0 3px 10px #0039b262!important;
  border-radius:7px!important;
  text-shadow:0 1px 2px #001d5e99!important;
}
.primary-button:hover,.soft-button:hover,.invite-card button:hover,.mobile-compose:hover{
  background:linear-gradient(180deg,#4791ff,#155df1 48%,#1045a3)!important;
  box-shadow:inset 0 1px #e8f2ff66,0 0 14px #0052ff80!important;
  filter:none!important;
}
.top-create,.invite-card button{
  background:linear-gradient(180deg,#ffdf76 0%,#f4c430 44%,#b77f21 100%)!important;
  color:#0b1c35!important;
  text-shadow:0 1px #fff5b75e!important;
  border:1px solid #ffdf81!important;
  border-bottom-color:#926211!important;
  box-shadow:inset 0 1px #fff9cc99,0 3px 10px #ac7c244c!important;
}
.top-create:hover,.invite-card button:hover{
  background:linear-gradient(180deg,#ffe899,#f9cc44 46%,#c99125)!important;
  color:#0b1c35!important;
  box-shadow:inset 0 1px #fff9cc,0 0 14px #f4c43066!important;
}
.outline-button,.tab,.feed-tabs .tab{
  color:#dfebf8!important;
  background:linear-gradient(180deg,#1a314b,#102137)!important;
  border:1px solid #47617d!important;
  box-shadow:inset 0 1px #ffffff10!important;
  border-radius:7px!important;
}
.outline-button:hover,.tab:hover,.feed-tabs .tab:hover{
  color:#fff!important;
  border-color:#9daec4!important;
  background:linear-gradient(#234364,#183452)!important;
}
.tab.active,.feed-tabs .tab.active{
  background:linear-gradient(180deg,#1d5bc9,#0c3788)!important;
  border:1px solid #599cff!important;
  color:#fff!important;
  box-shadow:inset 0 1px #8ac0ff5e!important;
}
input:not([type="checkbox"]):not([type="radio"]),textarea,select{
  background:#0b192a!important;
  border:1px solid #466383!important;
  color:#eff5ff!important;
  border-radius:7px!important;
}
input::placeholder,textarea::placeholder{color:#b1c0d2!important}
:where(button,a,input,textarea,select):focus-visible{
  outline:3px solid #f4c430!important;
  outline-offset:3px!important;
}
.modal-overlay{background:#020911e5!important;backdrop-filter:blur(7px)}
.modal,.create-menu,.account-menu{
  background:linear-gradient(145deg,#182e49,#101c2f)!important;
  border:1px solid #687e98!important;
  box-shadow:inset 0 1px #e4f2ff1c,0 20px 72px #000b!important;
  border-radius:10px!important;
}
.modal-heading{border-bottom:1px solid #58708f50;padding-bottom:10px!important}
.modal-heading h2{color:#f2f6ff}
.modal-heading p{color:#bfd0e3}
.toast{background:#173253!important;color:#f2f7ff!important;border-color:#9b8548!important}
.nav-live-badge,.mobile-live-badge{
  color:#0a1c35!important;
  background:#f4c430!important;
  box-shadow:0 1px 5px #0009!important;
}
.profile-cover.cover-cosmos{
  background:linear-gradient(115deg,#05235e 0%,#0052ff 38%,#13314d 68%,#b68b34 140%)!important;
}
.profile-cover.cover-blue{background:linear-gradient(110deg,#03225a,#1268df,#071c39)!important}
.profile-cover.cover-gold{background:linear-gradient(110deg,#3f3424,#c3973d,#12253b)!important}
.profile-cover.cover-midnight{background:linear-gradient(110deg,#081321,#263d58,#081321)!important}
.profile-hero.accent-gold{--user-highlight:#f4c430}
.profile-hero.accent-blue{--user-highlight:#6eb1ff}
.profile-hero.accent-silver{--user-highlight:#bfcbdb}
.profile-hero .profile-inner{background:#101f32!important}
.editor-banner-preview{
  background:linear-gradient(120deg,#062969,#0857d3 55%,#a98636)!important;
  border-color:#6a7f95!important;
}
.editor-banner-preview.cover-gold{background:linear-gradient(110deg,#4b3b21,#c49841,#142b43)!important}
.editor-banner-preview.cover-blue{background:linear-gradient(110deg,#03255c,#196bce,#092847)!important}
.editor-banner-preview.cover-midnight{background:linear-gradient(110deg,#111e2b,#33475f,#071322)!important}
.admin-intro,.beta-reveal,.staff-notice{
  background:linear-gradient(115deg,#152a46,#0e1c30)!important;
  border-color:#a68a51!important;
}
.admin-intro>span,.admin-stat-symbol{color:#f4c430!important}
.beta-category,.profile-rank-chip,.member-rank{border-color:#b59d5a!important}
.progress-fill,.achievement-progress-fill{background:linear-gradient(90deg,#0052ff,#f4c430)!important}
.message-bubble.mine{background:#134baf!important;border-color:#337bee!important}
.message-bubble.theirs{background:#192b41!important;border-color:#4b637f!important}
.site-footer{border-top:1px solid #4e638075!important}
.mobile-bottom{background:#0a1c31f7!important;border-top:1px solid #5b7895!important}
.mobile-bottom button{color:#d6e1ee!important}
@media (max-width:740px), (max-width:1100px) and (pointer:coarse){
  body{background-attachment:scroll!important}
  .brand{gap:7px!important}
  .bantrum-mark{width:30px!important;height:30px!important}
  .brand-wordmark{font-size:22px!important;letter-spacing:-1px!important}
  .topbar-inner::after{left:10px;right:10px}
  .sidebar::before{display:none}
  .post-card,.post-composer,.modal{border-radius:10px!important}
  .right-welcome,.top-create{box-shadow:none!important}
}
@media(prefers-reduced-motion:reduce){
  .post-card,.primary-button,.nav-item,.tab{transition:none!important}
}