.community-main{padding-top:100px;min-height:100vh;background:#070707}
.community-hero{padding:80px 6vw 70px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(239,11,11,.22),transparent 40%),#080808;border-bottom:1px solid var(--line)}
.community-hero h1{font:700 clamp(3rem,6vw,6rem)/.95 Oswald,sans-serif;text-transform:uppercase;margin:0 0 18px}.community-hero p{color:var(--muted);margin:auto;max-width:680px}.auth-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}
.community-wrap{width:min(1120px,88vw);margin:55px auto 100px}.community-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:28px}.tab{background:none;border:0;color:#888;padding:15px 18px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.tab.active{color:#fff;border-bottom:3px solid var(--red)}
.tab-panel{display:none}.tab-panel.active{display:block}.panel-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.panel-heading h2{font:700 2.3rem Oswald;margin:0;text-transform:uppercase}.notice{border:1px solid #522;background:#160909;padding:15px 18px;color:#d5baba;margin-bottom:16px;font-size:.88rem}
.post-card,.forum-row,.empty-card{background:#101010;border:1px solid var(--line);padding:22px;margin-bottom:12px}.post-card{display:grid;grid-template-columns:58px 1fr;gap:20px}.vote{text-align:center;border-right:1px solid var(--line);padding-right:18px}.vote button{background:none;border:0;color:var(--red);font-size:1.3rem;cursor:pointer}.post-card h3,.forum-row h3,.empty-card h3{margin:3px 0 6px}.post-card p,.forum-row p,.empty-card p{color:var(--muted);margin:0}.post-meta{font-size:.65rem;font-weight:900;letter-spacing:.15em;color:#ff4a45}.status-pill{display:inline-block;margin-top:12px;font-size:.62rem;font-weight:900;letter-spacing:.12em;border:1px solid #633;padding:5px 8px;color:#ff6b67}.forum-row{display:flex;justify-content:space-between;gap:25px;align-items:center}.forum-row>span{color:#777;font-size:.8rem;white-space:nowrap}
.modal{position:fixed;z-index:2000;inset:0;background:rgba(0,0,0,.82);display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{position:relative;width:min(460px,100%);background:#111;border:1px solid #333;padding:34px}.modal-card h2{font:700 2.3rem Oswald;margin:0 0 18px;text-transform:uppercase}.modal-x{position:absolute;right:15px;top:10px;background:none;border:0;color:#fff;font-size:2rem;cursor:pointer}.modal form{display:grid;gap:15px}.modal label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.modal input{display:block;width:100%;margin-top:7px;padding:13px;background:#080808;border:1px solid #333;color:#fff}.modal small{color:#888;line-height:1.5}
.nav .active{color:var(--red)}
@media(max-width:700px){.community-main{padding-top:88px}.community-tabs{overflow-x:auto}.tab{white-space:nowrap}.panel-heading{align-items:flex-start;flex-direction:column}.post-card{grid-template-columns:45px 1fr}.forum-row{align-items:flex-start}.auth-actions{flex-direction:column}.auth-actions .button{width:100%}}

.account-panel{background:#0d0d0d;border-bottom:1px solid var(--line);padding:22px 6vw}.account-panel-inner{width:min(1120px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.account-panel h2{margin:0;font:700 1.8rem Oswald,sans-serif;text-transform:uppercase}.account-panel p{margin:3px 0 0;color:var(--muted);font-size:.85rem}.account-badge{padding:8px 12px;border:1px solid #622;color:#ff5a55;font-size:.7rem;font-weight:900;letter-spacing:.12em}.form-status{min-height:20px;font-size:.8rem}.form-status.error{color:#ff6b67}.form-status.success{color:#7ee2a8}.modal button:disabled{opacity:.6;cursor:not-allowed}


/* =========================
   V10 - Live Song Requests
   ========================= */

.panel-sub{
  color:var(--muted);
  margin:6px 0 0;
}

.request-info{
  margin-bottom:16px;
}

.song-request-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.live-request-card{
  display:grid;
  grid-template-columns:78px minmax(0,1fr) auto;
  align-items:stretch;
  background:linear-gradient(100deg,#0d0d0d,#121212);
  border:1px solid var(--line);
  overflow:hidden;
}

.request-vote-box{
  border-right:1px solid var(--line);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:18px 10px;
  min-height:145px;
}

.vote-button{
  width:38px;
  height:34px;
  border:1px solid #5c1a1a;
  background:#170707;
  color:#ff332d;
  font-size:1.1rem;
  cursor:pointer;
  transition:.18s ease;
}

.vote-button:hover{
  background:#e10b0b;
  color:#fff;
}

.vote-button:disabled{
  opacity:.45;
  cursor:wait;
}

.request-vote-box strong{
  font-size:1.45rem;
  margin-top:7px;
}

.request-vote-box span{
  color:#777;
  font-size:.6rem;
  text-transform:uppercase;
  letter-spacing:.1em;
}

.request-main{
  padding:21px 25px;
}

.request-topline{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

.request-genre{
  color:#ff4b46;
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.13em;
}

.request-status{
  font-size:.6rem;
  font-weight:900;
  letter-spacing:.1em;
  padding:4px 7px;
  border:1px solid #444;
  color:#aaa;
}

.request-status.approved{
  border-color:#266a43;
  color:#78dca1;
}

.request-status.played{
  border-color:#245d80;
  color:#6bc4f3;
}

.request-status.declined{
  border-color:#6c2525;
  color:#ef7373;
}

.request-main h3{
  margin:7px 0 6px;
  font-size:1.18rem;
}

.request-comment{
  color:#bbb;
  margin:0 0 12px;
  white-space:pre-wrap;
}

.request-byline{
  color:#737373;
  font-size:.75rem;
}

.request-byline strong{
  color:#aaa;
}

.request-byline span{
  margin:0 5px;
}

.request-admin{
  min-width:150px;
  border-left:1px solid var(--line);
  padding:18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:9px;
}

.admin-label{
  color:#ff4b46;
  font-size:.6rem;
  font-weight:900;
  letter-spacing:.14em;
}

.status-select{
  padding:9px 8px;
  background:#090909;
  border:1px solid #333;
  color:#fff;
  font-family:inherit;
}

.delete-request{
  padding:9px 10px;
  background:#230909;
  border:1px solid #672020;
  color:#ff7873;
  font-weight:800;
  cursor:pointer;
}

.delete-request:hover{
  background:#8e1111;
  color:#fff;
}

.request-modal-card textarea{
  display:block;
  width:100%;
  margin-top:7px;
  padding:13px;
  resize:vertical;
  background:#080808;
  border:1px solid #333;
  color:#fff;
  font:inherit;
}

.loading-card,
.empty-request-card,
.error-card{
  padding:30px;
  background:#101010;
  border:1px solid var(--line);
  color:#aaa;
}

.empty-request-card h3{
  color:#fff;
  margin:4px 0 7px;
}

.empty-request-card p{
  margin:0;
}

.error-card{
  color:#ff7772;
  border-color:#5a1d1d;
}

@media(max-width:850px){
  .live-request-card{
    grid-template-columns:65px 1fr;
  }

  .request-admin{
    grid-column:1/-1;
    min-width:0;
    border-left:0;
    border-top:1px solid var(--line);
    flex-direction:row;
    align-items:center;
  }

  .request-admin .status-select{
    flex:1;
  }
}

@media(max-width:560px){
  .panel-heading .button{
    width:100%;
  }

  .live-request-card{
    grid-template-columns:52px 1fr;
  }

  .request-vote-box{
    min-height:120px;
    padding:12px 6px;
  }

  .request-main{
    padding:16px;
  }

  .request-main h3{
    font-size:1rem;
  }

  .request-admin{
    flex-wrap:wrap;
  }

  .admin-label{
    width:100%;
  }
}

.modal-card select{width:100%;margin-top:7px;padding:13px;background:#080808;border:1px solid #333;color:#fff;font:inherit}.forum-list{display:flex;flex-direction:column;gap:10px}.forum-card{display:grid;grid-template-columns:120px 1fr 85px;background:#101010;border:1px solid var(--line);cursor:pointer}.forum-card:hover{border-color:#5d2222}.forum-category{color:#ff4b46;font-size:.65rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;padding:22px}.forum-card-main{padding:18px 5px}.forum-card-main h3{margin:4px 0 5px}.forum-card-main p{margin:0 0 9px;color:#999}.forum-count{border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center}.forum-count strong{font-size:1.3rem}.forum-count span{font-size:.6rem;color:#777;text-transform:uppercase}.forum-flag{font-size:.55rem;font-weight:900;padding:3px 6px;border:1px solid #555;margin-right:5px}.forum-flag.pinned{color:#f1c75b}.forum-flag.locked{color:#ef7773}.forum-back{background:none;border:0;color:#aaa;font-weight:800;cursor:pointer;margin-bottom:15px}.topic-head{background:#101010;border:1px solid var(--line);padding:28px}.topic-head .forum-category{padding:0}.topic-head>p,.reply-card p{white-space:pre-wrap}.forum-admin{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.forum-admin button{background:#151515;border:1px solid #444;color:#ddd;padding:8px 11px;cursor:pointer}.forum-admin .danger{border-color:#672020;color:#ff7772}.reply-card{display:grid;grid-template-columns:150px 1fr;border:1px solid var(--line);background:#0d0d0d;margin-bottom:8px}.reply-author{padding:20px;font-weight:800;border-right:1px solid var(--line)}.reply-card>div:last-child{padding:20px}.reply-form textarea{width:100%;background:#080808;border:1px solid #333;color:#fff;padding:14px;font:inherit;resize:vertical;margin:15px 0 10px}.empty-replies{padding:25px;border:1px solid var(--line);color:#777}
@media(max-width:650px){.forum-card{grid-template-columns:1fr 65px}.forum-category{grid-column:1/-1;padding:13px 16px 0}.forum-card-main{padding:10px 16px 16px}.reply-card{grid-template-columns:1fr}.reply-author{border-right:0;border-bottom:1px solid var(--line)}}


/* =========================
   V11.1 Community hero polish
   ========================= */

.community-hero{
  position:relative;
  overflow:hidden;
  padding:88px 6vw 76px;
  background:
    radial-gradient(circle at 50% 35%,rgba(180,0,0,.23),transparent 38%),
    linear-gradient(180deg,#0d0505 0%,#090909 100%);
}

.community-hero::before{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:48%;
  background:
    linear-gradient(to top,rgba(0,0,0,.1),transparent),
    repeating-linear-gradient(165deg,transparent 0 22px,rgba(255,0,0,.018) 22px 24px);
  pointer-events:none;
}

.community-hero > *{
  position:relative;
  z-index:1;
}

.community-hero h1{
  font-size:clamp(3.3rem,6.2vw,6.8rem);
  letter-spacing:.015em;
}

.community-hero-actions{
  margin-top:30px;
}

.hero-actions-guest,
.hero-actions-user{
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
}

.hero-actions-guest .button,
.hero-actions-user .button{
  min-width:210px;
  min-height:54px;
}

.hero-actions-user .glass{
  border-color:#e41414;
  background:rgba(0,0,0,.48);
}

.hero-actions-user .glass:hover{
  background:rgba(225,11,11,.12);
}

.account-panel{
  padding:28px 6vw;
  background:linear-gradient(90deg,#0c0c0c,#111);
}

.account-panel h2{
  font-size:2rem;
}

.account-panel .kicker{
  margin-bottom:4px;
}

.account-badge{
  border-color:#7a2323;
  color:#ff6762;
  padding:9px 14px;
}

.community-tabs{
  gap:20px;
}

.tab{
  position:relative;
  padding:16px 18px 14px;
}

.tab.active::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:-1px;
  height:3px;
  background:var(--red);
}

.tab.active{
  border-bottom:0;
}

@media(max-width:700px){
  .community-hero{
    padding-top:70px;
    padding-bottom:60px;
  }

  .hero-actions-guest,
  .hero-actions-user{
    flex-direction:column;
  }

  .hero-actions-guest .button,
  .hero-actions-user .button{
    width:100%;
  }
}


/* =========================
   V12.2 - Playlist Lab
   ========================= */
.playlist-panel-heading{margin-bottom:18px}
.playlist-lab-intro{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}
.playlist-lab-intro>div{padding:15px 16px;background:linear-gradient(145deg,#101014,#09090c);border:1px solid #28282e}
.playlist-lab-intro strong{display:block;color:#ef0b0b;font-size:.62rem;letter-spacing:.14em;margin-bottom:5px}
.playlist-lab-intro span{color:#888;font-size:.7rem;line-height:1.5}
.playlist-list{display:flex;flex-direction:column;gap:12px}
.playlist-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 190px;background:linear-gradient(110deg,#111114,#0b0b0e);border:1px solid #29292f;overflow:hidden;transition:.18s}
.playlist-card:hover{border-color:#663031;transform:translateY(-1px)}
.playlist-card-accent{position:absolute;left:0;top:0;bottom:0;width:3px;background:#ef0b0b}
.playlist-card-main{padding:22px 24px 22px 27px}.playlist-card-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.playlist-vibe{color:#ff4a45;font-size:.63rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.playlist-state{font-size:.57rem;font-weight:900;letter-spacing:.1em;padding:4px 7px;border:1px solid #444;color:#aaa}
.playlist-state.open{border-color:#5d2a2a;color:#ff7772}.playlist-state.building{border-color:#7b5a21;color:#edc36b}.playlist-state.finalized{border-color:#276443;color:#7bd7a1}
.playlist-card h3{margin:8px 0 7px;font-size:1.25rem}.playlist-card p{margin:0 0 13px;color:#a7a7ad;font-size:.82rem;line-height:1.65;white-space:pre-wrap}
.playlist-meta{color:#6f6f76;font-size:.69rem}.playlist-meta strong{color:#aaa}.playlist-meta span{margin:0 5px}
.playlist-stats{border-left:1px solid #29292f;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center}
.playlist-stats>div{text-align:center;padding:9px;background:#09090c;border:1px solid #242429}.playlist-stats strong{display:block;font-size:1.15rem}.playlist-stats span{display:block;color:#666;font-size:.55rem;text-transform:uppercase;letter-spacing:.08em}
.playlist-open{grid-column:1/-1;border:1px solid #5f1d20;background:#19080a;color:#ff5a55;padding:9px 10px;font-weight:900;font-size:.65rem;letter-spacing:.07em;cursor:pointer}.playlist-open:hover{background:#ef0b0b;color:#fff}
.playlist-empty{margin:0}
.playlist-back{margin:0 0 16px;background:none;border:0;color:#aaa;font-weight:800;cursor:pointer}.playlist-back:hover{color:#fff}
.playlist-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:26px;padding:28px;background:radial-gradient(circle at 100% 0,rgba(239,11,11,.12),transparent 35%),#101014;border:1px solid #303037}
.playlist-detail-hero h3{font:700 2.5rem/1 Oswald;margin:9px 0 12px;text-transform:uppercase}.playlist-detail-hero p{margin:0 0 16px;color:#aaa;line-height:1.7;white-space:pre-wrap}
.playlist-detail-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch}.playlist-detail-actions .playlist-state{text-align:center;padding:8px}
.playlist-status-control{padding:10px;background:#09090c;border:1px solid #3a3a42;color:#fff;font-family:inherit}
.playlist-delete-button{padding:10px;border:1px solid #672025;background:#21090b;color:#ff7772;font-weight:800;cursor:pointer}.playlist-delete-button:hover{background:#8a1116;color:#fff}
.playlist-track-section{margin-top:18px;border:1px solid #2c2c32;background:#0d0d10}.playlist-track-head{display:flex;justify-content:space-between;gap:30px;padding:23px 25px;border-bottom:1px solid #29292f}
.playlist-track-head h3{margin:3px 0 0;font:700 1.8rem Oswald;text-transform:uppercase}.playlist-track-head p{max-width:430px;margin:0;color:#85858b;font-size:.75rem;line-height:1.6}
.playlist-track-list{padding:12px}.playlist-track-row{display:grid;grid-template-columns:62px minmax(0,1fr) 38px;align-items:stretch;margin-bottom:8px;background:#101014;border:1px solid #29292f}
.playlist-track-row:last-child{margin-bottom:0}.playlist-track-vote{border-right:1px solid #29292f;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 7px}
.playlist-track-vote button{width:34px;height:30px;border:1px solid #5c1a1a;background:#170707;color:#ff332d;cursor:pointer}.playlist-track-vote button:hover{background:#ef0b0b;color:#fff}
.playlist-track-vote strong{margin-top:5px}.playlist-track-vote span{font-size:.5rem;text-transform:uppercase;color:#666}
.playlist-track-main{padding:15px 17px}.playlist-track-main h4{margin:0 0 5px;font-size:.92rem}.playlist-track-main p{margin:0 0 8px;color:#999;font-size:.75rem;line-height:1.55;white-space:pre-wrap}.playlist-track-main small{color:#68686f;font-size:.62rem}.playlist-track-main small strong{color:#999}
.playlist-track-delete{margin:auto;width:28px;height:28px;border:1px solid #532024;background:#1b090a;color:#ff716d;cursor:pointer;font-size:1rem}.playlist-track-delete:hover{background:#8c1115;color:#fff}
.playlist-no-tracks{padding:35px;text-align:center}.playlist-no-tracks strong{display:block;font-size:1rem;margin-bottom:5px}.playlist-no-tracks span{color:#777;font-size:.75rem}
.playlist-modal-card textarea{display:block;width:100%;margin-top:7px;padding:13px;resize:vertical;background:#080808;border:1px solid #333;color:#fff;font:inherit}
.playlist-modal-copy{color:#8e8e94;font-size:.76rem;line-height:1.6;margin:-8px 0 18px}
.playlist-modal-card small{font-weight:600;text-transform:none;letter-spacing:0;margin-left:4px}
@media(max-width:850px){.playlist-lab-intro{grid-template-columns:1fr 1fr}.playlist-card{grid-template-columns:1fr}.playlist-stats{border-left:0;border-top:1px solid #29292f;grid-template-columns:1fr 1fr 1.5fr}.playlist-open{grid-column:auto}.playlist-detail-hero{grid-template-columns:1fr}.playlist-detail-actions{display:grid;grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.playlist-lab-intro{grid-template-columns:1fr}.playlist-stats{grid-template-columns:1fr 1fr}.playlist-open{grid-column:1/-1}.playlist-detail-hero{padding:21px}.playlist-detail-actions{grid-template-columns:1fr}.playlist-track-head{flex-direction:column;padding:20px}.playlist-track-row{grid-template-columns:48px minmax(0,1fr) 34px}.playlist-track-main{padding:13px 11px}}

.playlist-vote-locked{color:#555;font-size:.8rem;margin-bottom:3px}

/* =========================
   V12.3 - Member Profiles
   ========================= */
.member-link{color:#cfcfd4;font-weight:800;text-decoration:none}.member-link:hover{color:#ef0b0b}
.profile-page{padding-top:92px;min-height:100vh;background:radial-gradient(circle at 10% 45%,rgba(120,0,0,.10),transparent 24%),#050505}
.profile-hero{height:300px;display:flex;align-items:center;border-bottom:1px solid rgba(239,11,11,.28);background:linear-gradient(90deg,rgba(2,2,2,.97),rgba(2,2,2,.75)),url("assets/hero-v6.webp") center 43%/cover}
.profile-hero-inner{width:min(1180px,90vw);margin:auto}.profile-hero h1{font:italic 700 clamp(3.7rem,6vw,6rem)/.84 Oswald;margin:8px 0 12px;text-transform:uppercase}.profile-hero h1 em{font-style:italic;color:#ef0b0b}.profile-hero p{color:#aaa;margin:0}
.profile-shell{width:min(1040px,92vw);margin:28px auto 80px}.profile-loading{padding:30px;color:#aaa}
.profile-card{padding:30px}.profile-top{display:grid;grid-template-columns:190px 1fr;gap:32px;align-items:center}
.profile-avatar-wrap{width:180px;height:180px;border-radius:22px;padding:5px;background:linear-gradient(145deg,#ef0b0b,#351010);box-shadow:0 16px 45px rgba(239,11,11,.12)}
.profile-avatar-wrap img{width:100%;height:100%;object-fit:cover;border-radius:18px;background:#09090c}
.profile-role{font-size:.61rem;color:#ef0b0b;font-weight:900;letter-spacing:.15em}.profile-identity h2{font:700 clamp(2.8rem,5vw,4.6rem)/.95 Oswald;margin:5px 0;text-transform:uppercase}
.profile-joined{color:#696970;font-size:.69rem;text-transform:uppercase;letter-spacing:.08em}.profile-bio{max-width:650px;color:#aaa;line-height:1.75;font-size:.86rem}.profile-empty-copy{font-style:italic;color:#666}
.profile-tags{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;padding-top:24px;border-top:1px solid #2b2b31}.profile-tags>div>span{display:block;color:#74747b;font-size:.6rem;font-weight:900;letter-spacing:.12em;margin-bottom:9px}.profile-tags>div>div{display:flex;flex-wrap:wrap;gap:7px}.profile-tags b{padding:6px 9px;border:1px solid #34343a;background:#0b0b0e;color:#ccc;font-size:.63rem}.profile-tags small{color:#606066}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.profile-stats-card,.profile-badges-card{padding:26px}.profile-stats-card h3,.profile-badges-card h3{font:700 1.75rem Oswald;text-transform:uppercase;margin:3px 0 18px}
.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.profile-stats>div{padding:15px 10px;text-align:center;border:1px solid #292930;background:#09090c}.profile-stats strong{display:block;font:700 1.55rem Oswald;color:#fff}.profile-stats span{font-size:.55rem;color:#74747a;text-transform:uppercase;letter-spacing:.06em}
.profile-badges{display:grid;gap:8px}.profile-badge{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;padding:11px;border:1px solid #2b2b31;background:#0a0a0d}.profile-badge>span{color:#ef0b0b}.profile-badge strong{display:block;font-size:.69rem;text-transform:uppercase}.profile-badge small{display:block;color:#727279;font-size:.58rem;margin-top:2px;line-height:1.45}
.profile-edit-card{width:min(660px,100%)!important;max-height:90vh;overflow:auto}.profile-edit-card textarea{display:block;width:100%;margin-top:7px;padding:13px;background:#080808;border:1px solid #333;color:#fff;font:inherit;resize:vertical}
.profile-avatar-field>span{display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:9px}.avatar-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.avatar-option{padding:7px;border:1px solid #34343b;background:#0a0a0d;color:#888;cursor:pointer}.avatar-option:hover,.avatar-option.selected{border-color:#ef0b0b;color:#fff;box-shadow:0 0 0 2px rgba(239,11,11,.08)}.avatar-option img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px}.avatar-option span{display:block;margin-top:5px;font-size:.55rem}
.profile-photo-upload{margin-top:22px;padding-top:20px;border-top:1px solid #2d2d34}.profile-photo-upload input{display:block;width:100%;margin:8px 0;padding:10px;border:1px solid #333;background:#080808;color:#aaa}.profile-photo-upload small{display:block;color:#68686e;font-size:.62rem;margin-bottom:10px}
.profile-secondary-button{padding:9px 12px;border:1px solid #5f2024;background:#17090a;color:#ff7772;font-weight:800;cursor:pointer}.profile-secondary-button:hover{background:#ef0b0b;color:#fff}.profile-text-button{margin-left:8px;padding:9px 5px;border:0;background:none;color:#777;cursor:pointer}.profile-text-button:hover{color:#fff}
@media(max-width:700px){.profile-page{padding-top:78px}.profile-top{grid-template-columns:1fr;text-align:center}.profile-avatar-wrap{margin:auto}.profile-bio{margin-left:auto;margin-right:auto}.profile-tags,.profile-grid{grid-template-columns:1fr}.profile-tags>div>div{justify-content:center}.profile-stats{grid-template-columns:1fr 1fr}.avatar-picker{grid-template-columns:repeat(2,1fr)}}