/* Generated file: edit style.css, v2.css, feature CSS, or compact-layout.css; then run npm run build:css. */
body {
  margin:0
}
button {
  border-radius:6.3px;
  padding:6.3px 10.5px;
  gap:5.6px
}
button.small {
  padding:3.5px 6.3px;
  font-size:11px
}
h1,h2,h3,h4,p {
  margin:0
}
h1 {
  font-size:21px;
  letter-spacing:-.5px
}
h2 {
  font-size:15.4px
}
h3 {
  font-size:11.2px
}
p {
  line-height:1.53
}
.eyebrow {
  letter-spacing:1.4px;
  font-size:11px
}
.icon {
  width:13.3px;
  height:13.3px
}
.logo {
  gap:7.7px;
  letter-spacing:1.4px
}
.crest {
  width:28px;
  height:30.1px;
  border-radius:7px 7px 11.2px 11.2px
}
.crest .icon {
  height:17.5px;
  width:17.5px
}
.badge {
  border-radius:4.2px;
  padding:2.1px 5.6px;
  font-size:11px;
  gap:3.5px
}
.dot {
  width:4.2px;
  height:4.2px;
  border-radius:50%
}
.row {
  gap:8.4px
}
.between {
  gap:11.2px
}
.topbar {
  height:53.9px;
  padding:0 21px
}
.topbar .logo {
  font-size:11.9px
}
.topbar .logo span small {
  letter-spacing:1.68px;
  font-size:11px
}
.avatar {
  width:23.8px;
  height:23.8px;
  border-radius:50%
}
.user-info {
  font-size:11px;
  line-height:1.4
}
.user-info small {
  font-size:11px
}
.shell {
  grid-template-columns:152.6px minmax(0,1fr);
  min-height:calc(100vh - 53.9px)
}
.sidebar {
  padding:18.2px 11.2px;
  gap:5.6px
}
.nav-label {
  font-size:11px;
  letter-spacing:1.12px;
  margin:11.2px 9.8px 6.3px
}
.nav {
  width:100%;
  padding:8.4px 9.8px;
  gap:8.4px
}
.nav .num {
  margin-left:auto;
  font-size:11px;
  border-radius:3.5px;
  padding:1px 4.2px
}
.side-bottom {
  margin-top:auto;
  padding-top:31.5px
}
.side-tip {
  padding:9.8px;
  border-radius:8.4px;
  font-size:11px;
  line-height:1.53;
  margin:8.4px 0
}
.sidebar footer {
  font-size:11px;
  padding:8.4px
}
.main {
  padding:19.6px 22.4px 28px;
  min-width:0;
  max-width:1800px;
  width:100%;
  margin:auto
}
.breadcrumb {
  font-size:11px;
  margin-bottom:14px;
  gap:7px
}
.guild-banner {
  border-radius:9.8px;
  padding:16.1px 17.5px;
  margin-bottom:16.8px
}
.guild-banner:after {
  right:23.1px;
  top:-25.9px;
  font-size:133px
}
.guild-mark {
  height:42.7px;
  width:39.9px;
  border-radius:9.8px 9.8px 15.4px 15.4px
}
.guild-mark .icon {
  height:23.1px;
  width:23.1px
}
.guild-title {
  font-size:16.1px;
  letter-spacing:1px
}
.guild-desc {
  font-size:11px;
  margin-top:2.8px
}
.stats {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9.8px;
  margin-bottom:18.9px
}
.stat {
  padding:11.9px 12.6px;
  border-radius:8.4px;
  gap:9.8px
}
.stat-icon {
  width:29.4px;
  height:29.4px;
  border-radius:7.7px
}
.stat strong {
  font-size:17.5px
}
.stat small {
  font-size:11px
}
.page-heading {
  margin-bottom:14px
}
.page-heading p {
  font-size:11px;
  margin-top:2.8px
}
.tabs {
  gap:3.5px;
  padding:2.8px;
  border-radius:6.3px
}
.tabs button {
  font-size:11px;
  padding:4.9px 10.5px
}
.toolbar {
  margin-bottom:11.2px;
  gap:8.4px
}
.save-status {
  font-size:11px
}
.board-layout {
  grid-template-columns:161px minmax(0,1fr);
  gap:12.6px
}
.panel {
  border-radius:8.4px
}
.panel-head {
  padding:11.2px
}
.panel-head h3 {
  font-size:11px
}
.panel-body {
  padding:12.6px
}
.search {
  margin:8.4px 0
}
.search .icon {
  left:7.7px;
  top:7.7px;
  width:10.5px;
  height:10.5px
}
.search input {
  padding-left:23.1px
}
input,select,textarea {
  border-radius:5.6px;
  width:100%;
  padding:6.3px 7.7px;
  min-width:0
}
textarea {
  min-height:70px
}
label {
  font-size:11px;
  margin-bottom:4.2px
}
.pool {
  padding:7px;
  max-height:434px
}
.member {
  gap:6.3px;
  padding:6.3px 7px;
  border-radius:4.9px;
  min-width:0;
  width:100%;
  margin-bottom:4.9px
}
.job-icon {
  width:21px;
  height:23.1px;
  border-radius:4.9px;
  font-size:14px
}
.member .name {
  font-size:11px
}
.member .job {
  font-size:11px
}
.member .power {
  font-size:11px;
  margin-left:auto
}
.member .details {
  min-width:0
}
.remove {
  right:2.1px;
  top:1px;
  font-size:11px
}
.raid {
  border-radius:8.4px;
  margin-bottom:11.9px
}
.raid-head {
  padding:9.1px 11.2px
}
.raid-head h3 {
  font-size:11px
}
.raid-head small {
  font-size:11px
}
.raid-label {
  font-size:11px;
  letter-spacing:0.84px;
  margin-bottom:2.1px
}
.party-grid {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  padding:8.4px
}
.party {
  min-width:0
}
.party-title {
  font-size:11px;
  margin:1.4px 0 7px
}
.party-title span {
  font-size:11px
}
.slot {
  min-height:46.2px;
  border-radius:4.9px;
  margin-bottom:4.9px;
  font-size:12.6px
}
.slot .member {
  margin:0;
  height:46.2px;
  padding:4.9px;
  gap:4.2px
}
.slot .job-icon {
  width:18.2px;
  height:21px;
  font-size:11.9px
}
.party-warning {
  font-size:11px;
  gap:2.8px
}
.board-hint {
  margin-top:7px;
  font-size:11px;
  gap:5.6px
}
table {
  width:100%
}
th {
  font-size:11px;
  padding:9.1px 12.6px
}
td {
  padding:9.1px 12.6px;
  font-size:11px
}
td .member {
  padding:0;
  margin:0
}
.job-summary {
  gap:7px;
  margin-bottom:14px
}
.job-pill {
  padding:4.9px 8.4px;
  border-radius:5.6px;
  font-size:11px
}
.two-col {
  grid-template-columns:1.4fr 1fr;
  gap:15.4px
}
.news-card {
  padding:14.7px
}
.news-card h3 {
  margin:6.3px 0;
  font-size:11.2px
}
.news-card p {
  font-size:11px
}
.news-card small {
  font-size:11px
}
.event {
  gap:10.5px;
  padding:12.6px
}
.datebox {
  width:37.1px;
  min-width:37.1px;
  border-radius:7px;
  padding:4.9px 0
}
.datebox b {
  font-size:16.1px
}
.datebox small {
  font-size:11px
}
.event h3 {
  font-size:11px
}
.event p {
  font-size:11px;
  margin-top:2.1px
}
.empty {
  padding:25.2px 14px;
  font-size:11px
}
.member-hero {
  padding:21px;
  border-radius:9.8px;
  margin-bottom:16.8px
}
.member-hero h1 {
  font-size:23.8px;
  margin:6.3px 0
}
.member-hero .position {
  margin-top:14px;
  padding:10.5px 13.3px;
  border-radius:6.3px;
  gap:17.5px
}
.field {
  margin-bottom:11.2px
}
.form-grid {
  grid-template-columns:1fr 1fr;
  gap:9.8px
}
.settings {
  max-width:518px
}
.settings .panel {
  margin-bottom:14px
}
dialog {
  border-radius:11.2px;
  padding:18.9px;
  max-width:371px;
  width:calc(100% - 22.4px)
}
dialog h2 {
  margin-bottom:4.2px
}
dialog .intro {
  font-size:11px;
  margin-bottom:16.1px
}
dialog .actions {
  gap:7px;
  margin-top:16.8px
}
.inline-error {
  font-size:11px;
  margin-top:7px
}
.invite-url {
  border-radius:5.6px;
  padding:8.4px;
  font-size:11px;
  margin:9.8px 0
}
#toast {
  bottom:18.2px;
  left:50%;
  padding:8.4px 15.4px;
  border-radius:7px;
  max-width:90vw
}
.login-page {
  min-height:100vh
}
.landing {
  max-width:1180px;
  margin:auto;
  padding:52.5px 21px 24.5px
}
.landing-grid {
  grid-template-columns:1.15fr 1fr;
  gap:42px
}
.landing h1 {
  font-size:42px;
  line-height:1.2;
  margin:14px 0
}
.landing .lead {
  font-size:11.2px;
  max-width:336px
}
.login-card {
  padding:21px;
  border-radius:12.6px
}
.login-card h2 {
  font-size:16.8px
}
.login-card p {
  font-size:11px;
  margin:7px 0 15.4px
}
.login-card button,.login-card .google-button {
  width:100%;
  padding:8.4px;
  margin-top:8.4px;
  border-radius:6.3px
}
.divider {
  gap:9.1px;
  margin:15.4px 0 7px;
  font-size:11px
}
.divider:before,.divider:after {
  height:1px
}
.feature-row {
  grid-template-columns:repeat(3,1fr);
  gap:12.6px;
  margin-top:42px
}
.feature-row article {
  padding-top:16.8px
}
.feature-row article .icon {
  margin-bottom:10.5px
}
.feature-row h3 {
  font-size:11px;
  margin-bottom:4.9px
}
.feature-row p {
  font-size:11px
}
.landing-footer {
  margin-top:31.5px;
  padding:14px 0;
  font-size:11px
}
.loading {
  padding:70px
}
.account-card {
  padding:11.2px;
  border-radius:7px;
  margin-top:8.4px;
  gap:7px
}
.notice {
  padding:9.1px 11.9px;
  border-radius:6.3px;
  font-size:11px;
  margin-bottom:14px
}
@media(min-width:1500px) {
  .board-layout {
    grid-template-columns:175px minmax(0,1fr)
  }
}
@media(max-width:1180px) {
  .shell {
    grid-template-columns:126px minmax(0,1fr)
  }
  .main {
    padding:16.8px 14px
  }
  .board-layout {
    grid-template-columns:133px minmax(0,1fr)
  }
  .party-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .stats {
    gap:5.6px
  }
  .stat {
    gap:6.3px;
    padding:9.1px
  }
  .stat-icon {
    width:21px;
    height:24.5px
  }
  .sidebar {
    padding:12.6px 7px
  }
  .nav {
    font-size:11px;
    padding:7px
  }
}
@media(max-width:760px) {
  .sidebar {
    top:0;
    padding:5.6px
  }
  .nav {
    width:auto;
    gap:4.2px;
    font-size:11px;
    padding:5.6px 7px
  }
  .nav .icon {
    width:10.5px;
    height:10.5px
  }
  .topbar {
    height:44.8px;
    padding:0 11.2px
  }
  .topbar .logo {
    font-size:11px
  }
  .main {
    padding:14px 9.8px
  }
  .guild-banner {
    padding:12.6px 10.5px
  }
  .guild-title {
    font-size:13.3px
  }
  .guild-desc {
    font-size:11px
  }
  .guild-mark {
    height:33.6px;
    width:31.5px
  }
  .stats {
    grid-template-columns:1fr 1fr;
    gap:6.3px;
    margin-bottom:16.1px
  }
  .stat {
    padding:8.4px 9.8px
  }
  .stat strong {
    font-size:15.4px
  }
  h1 {
    font-size:17.5px
  }
  h2 {
    font-size:14.7px
  }
  .page-heading .row {
    gap:4.2px
  }
  .page-heading button {
    font-size:11px;
    padding:5.6px
  }
  .board-layout {
    grid-template-columns:1fr
  }
  .pool-panel {
    max-height:182px
  }
  .pool {
    max-height:98px;
    grid-template-columns:1fr 1fr;
    gap:4.2px
  }
  .pool .member {
    margin:0
  }
  .pool-panel .panel-head {
    padding:8.4px
  }
  .pool-panel .search {
    margin:5.6px 0
  }
  .party-grid {
    gap:5.6px;
    padding:7px
  }
  .slot .member .name {
    font-size:11px
  }
  .toolbar {
    gap:7px
  }
  .tabs button {
    padding:4.9px 7px;
    font-size:11px
  }
  .board-hint {
    font-size:11px
  }
  .two-col {
    grid-template-columns:1fr
  }
  .landing {
    padding:28px 14px 14px
  }
  .landing-grid {
    grid-template-columns:1fr;
    gap:22.4px
  }
  .landing h1 {
    font-size:30.1px
  }
  .landing .lead {
    font-size:11px
  }
  .feature-row {
    margin-top:24.5px;
    gap:9.8px
  }
  .feature-row p {
    font-size:11px
  }
  .feature-row h3 {
    font-size:11px
  }
  .login-card {
    padding:16.1px
  }
  .member-hero {
    padding:15.4px
  }
  .member-hero h1 {
    font-size:18.9px
  }
  .member-hero .position {
    gap:11.2px
  }
  .form-grid {
    grid-template-columns:1fr 1fr
  }
  .guild-banner .row {
    gap:7.7px
  }
  .topbar .row {
    gap:5.6px
  }
  .topbar button {
    padding:4.9px
  }
  .between {
    gap:7px
  }
  .toolbar select {
    max-width:100%
  }
}
@media print {
  .main {
    padding:0
  }
  .party-grid {
    grid-template-columns:repeat(4,1fr)
  }
}
@media(max-width:480px) {
  .topbar .logo span small {
    font-size:11px;
    letter-spacing:0.77px
  }
  .topbar .logo {
    gap:4.9px;
    font-size:11px
  }
  .topbar .crest {
    width:22.4px;
    height:25.9px
  }
  .topbar .avatar {
    width:19.6px;
    height:19.6px
  }
  .feature-row {
    grid-template-columns:1fr
  }
  .member-hero .eyebrow {
    font-size:11px;
    letter-spacing:1px
  }
}
button {
  font-size:11px
}
.sr-only {
  width:1px;
  height:1px
}
.topbar {
  height:auto;
  min-height:53.2px;
  padding:9.1px 18.2px;
  gap:12.6px
}
.topbar .logo {
  font-size:12.6px
}
.header-controls {
  gap:7px
}
.header-controls select {
  width:auto;
  max-width:126px;
  font-size:11px;
  padding:5.6px 7px
}
.header-controls .icon-button {
  font-size:11px;
  padding:6.3px
}
.user-info {
  font-size:11px
}
.user-info small {
  font-size:11px;
  margin-top:2.1px
}
.workspace-nav {
  padding:5.6px 18.2px;
  gap:3.5px;
  top:0
}
.workspace-nav .nav {
  width:auto;
  padding:7px 9.8px;
  font-size:11px;
  gap:5.6px
}
.workspace-nav small {
  font-size:11px;
  padding:1px 4.2px;
  border-radius:3.5px
}
.main {
  max-width:1600px;
  padding:15.4px 19.6px;
  margin:0 auto
}
.breadcrumb {
  font-size:11px;
  margin-bottom:11.2px
}
.guild-banner {
  padding:11.2px 14px;
  margin-bottom:16.1px
}
.guild-title {
  font-size:16.1px
}
.guild-desc {
  font-size:11px
}
.guild-mark {
  height:33.6px;
  width:30.8px;
  font-size:21px
}
.page-heading {
  margin-bottom:12.6px
}
.page-heading h1 {
  font-size:18.9px
}
.page-heading p {
  font-size:11px
}
.page-heading .row {
  gap:5.6px
}
.badge {
  font-size:11px;
  padding:2.8px 6.3px
}
.board-summary {
  gap:7px;
  margin-bottom:12.6px
}
.board-summary>span {
  font-size:11px;
  padding:5.6px 9.8px;
  border-radius:5.6px
}
.board-summary b {
  font-size:11.9px;
  margin-left:6.3px
}
.board-layout {
  grid-template-columns:149.8px minmax(0,1fr);
  gap:11.2px
}
.board-groups {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,343px),1fr));
  gap:9.8px;
  min-width:0
}
.raid {
  margin:0;
  min-width:0
}
.raid-head {
  padding:7px 8.4px;
  min-height:50.4px;
  gap:4.2px
}
.raid-head h3 {
  font-size:11.9px
}
.raid-label {
  font-size:11px;
  letter-spacing:.5px
}
.group-description {
  font-size:11px;
  line-height:1.35;
  max-width:273px;
  margin-top:2.1px
}
.group-actions {
  gap:2.1px
}
.group-actions button {
  padding:2.8px 4.9px;
  font-size:11.9px;
  line-height:1.2
}
.party-grid {
  grid-template-columns:repeat(min(4,var(--parties)),minmax(0,1fr));
  gap:5.6px;
  padding:7px
}
.party-title {
  font-size:11px;
  margin:1.4px 0 5.6px
}
.party-title span {
  font-size:11px
}
.slot {
  min-height:36.4px;
  height:36.4px;
  margin-bottom:4.2px;
  font-size:11.9px
}
.slot .member {
  height:36.4px;
  padding:3.5px;
  gap:3.5px;
  width:100%;
  border-radius:4.2px
}
.member {
  padding:4.9px 5.6px;
  gap:5.6px
}
.member .name {
  font-size:11px
}
.member .job {
  font-size:11px;
  line-height:1.35
}
.member .power {
  font-size:11px
}
.slot .member .name {
  font-size:11px
}
.slot .member .job {
  font-size:11px
}
.slot .job-icon {
  width:19.6px;
  height:22.4px
}
.job-icon {
  width:23.8px;
  height:25.2px
}
.class-image {
  width:23.1px;
  height:23.1px
}
.slot .class-image {
  width:19.6px;
  height:19.6px
}
.class-fallback {
  font-size:17.5px;
  width:22.4px;
  height:22.4px
}
.remove-member {
  right:0;
  top:0;
  min-width:11.9px;
  min-height:11.9px;
  border-radius:2.8px;
  padding:0;
  font-size:11px
}
.party-warning {
  font-size:11px;
  line-height:1.35;
  margin-top:4.2px
}
.panel-head h3 {
  font-size:11px
}
.pool-panel {
  top:56px
}
.pool-panel .panel-head {
  padding:9.1px
}
.pool {
  max-height:392px;
  padding:6.3px
}
.pool .member {
  min-height:38.5px
}
.pool .member .name {
  font-size:11px
}
.search input,select,input,textarea {
  font-size:11px
}
.tabs button {
  font-size:11px;
  padding:5.6px 9.1px
}
.toolbar {
  margin-bottom:9.8px
}
.toolbar select {
  width:auto;
  font-size:11px
}
.save-status {
  font-size:11px
}
.notice {
  font-size:11px;
  padding:8.4px 9.8px
}
.live-counter {
  font-size:11px
}
.board-hint {
  font-size:11px;
  line-height:1.53;
  margin:9.8px 0
}
label {
  font-size:11px
}
dialog {
  max-width:413px
}
dialog h2 {
  font-size:16.8px
}
dialog .intro {
  font-size:11px;
  margin:7px 0 15.4px
}
.field {
  margin-bottom:11.2px
}
.form-grid {
  gap:9.8px
}
.inline-error {
  font-size:11px
}
.empty {
  font-size:11px
}
.table-wrap td {
  font-size:11px
}
.table-wrap th {
  font-size:11px
}
.table-wrap .member {
  min-width:140px
}
.class-catalog {
  grid-template-columns:repeat(auto-fill,minmax(122.5px,1fr));
  gap:5.6px;
  margin-bottom:15.4px
}
.class-chip {
  gap:5.6px;
  padding:5.6px 7px;
  border-radius:6.3px;
  font-size:11px
}
.class-chip b {
  margin-left:auto
}
.class-chip .class-image {
  width:20.3px;
  height:20.3px
}
.event {
  padding:13.3px;
  gap:11.2px
}
.event-content {
  min-width:0
}
.event h3 {
  font-size:11.9px
}
.event p {
  font-size:11px
}
.event .live-counter {
  margin-top:5.6px
}
.event-actions {
  gap:4.9px
}
.event-actions button {
  font-size:11px;
  min-width:49px
}
.datebox {
  width:40.6px;
  min-width:40.6px
}
.datebox b {
  font-size:17.5px
}
.datebox small {
  font-size:11px
}
.news-card {
  padding:15.4px
}
.news-card h3 {
  font-size:13.3px;
  margin-top:8.4px
}
.news-card p {
  font-size:11px;
  line-height:1.61
}
.news-card small {
  font-size:11px
}
.portal-style-picker {
  gap:9.8px;
  margin-bottom:12.6px;
  padding:8.4px 11.2px;
  border-radius:7px
}
.portal-style-picker strong {
  font-size:11px
}
.portal-style-picker small {
  font-size:11px;
  margin-top:2.1px
}
.war-countdown {
  padding:17.5px 19.6px;
  border-radius:9.8px;
  gap:16.8px;
  margin-bottom:15.4px
}
.war-countdown:before {
  right:30%;
  top:-49px;
  font-size:196px
}
.war-copy h2 {
  font-size:18.2px;
  margin:5.6px 0
}
.war-copy p {
  font-size:11px;
  margin-bottom:8.4px
}
.war-copy .badge {
  margin-right:4.9px
}
.countdown-digits {
  grid-template-columns:repeat(4,minmax(40.6px,59.5px));
  gap:7.7px
}
.countdown-digits>div {
  padding:9.1px 4.9px;
  border-radius:7px
}
.countdown-digits b {
  font-size:25.2px;
  line-height:1.2
}
.countdown-digits span {
  font-size:11px;
  margin-top:4.9px
}
.no-schedule p {
  font-size:11px;
  margin-top:5.6px
}
.member-hero {
  padding:17.5px 19.6px;
  margin-bottom:18.2px
}
.member-hero h1 {
  font-size:21px
}
.member-hero p {
  font-size:11px
}
.member-hero .tabs {
  width:fit-content;
  margin-top:14px
}
.member-hero .position {
  gap:16.8px;
  padding:9.8px 11.9px;
  max-width:455px
}
.member-hero .position small {
  font-size:11px
}
.member-hero .position strong {
  font-size:11.9px
}
.hero-job {
  width:70px;
  height:70px;
  border-radius:14px
}
.hero-job .class-image {
  width:53.2px;
  height:53.2px
}
.member-reminder {
  margin-top:12.6px
}
.member-reminder p {
  font-size:11px;
  margin:8.4px 0
}
.two-col {
  grid-template-columns:minmax(0,1.5fr) minmax(182px,1fr)
}
.panel-body {
  padding:14px
}
.panel-body>.member {
  min-height:42px
}
.eyebrow {
  font-size:11px;
  letter-spacing:0.91px
}
.settings {
  max-width:532px
}
.settings hr {
  margin:17.5px 0
}
.landing .lead {
  font-size:12.6px
}
.login-card p {
  font-size:11px
}
.entry-panel {
  max-width:455px
}
.entry-panel h1 {
  font-size:21px;
  line-height:1.4
}
.entry-back {
  margin-top:16.8px;
  font-size:11px
}
.landing-footer {
  font-size:11px
}
.feature-row h3 {
  font-size:13.3px
}
.feature-row p {
  font-size:11px
}
body[data-density=comfortable] .slot,body[data-density=comfortable] .slot .member {
  height:46.2px;
  min-height:46.2px
}
body[data-density=comfortable] .slot .member .job {
  font-size:11px
}
body[data-density=comfortable] .slot .member .name {
  font-size:11px
}
@media(max-width:1180px) {
  .board-groups {
    grid-template-columns:1fr
  }
  .board-layout {
    grid-template-columns:143.5px minmax(0,1fr)
  }
  .main {
    padding:14px
  }
  .header-controls {
    gap:4.9px
  }
  .workspace-nav {
    padding:4.9px 11.2px
  }
  .workspace-nav .nav {
    padding:6.3px 7.7px;
    font-size:11px
  }
  .war-countdown {
    padding:16.1px
  }
  .countdown-digits {
    grid-template-columns:repeat(4,45.5px);
    gap:5.6px
  }
  .countdown-digits b {
    font-size:21px
  }
  .party-grid {
    grid-template-columns:repeat(min(4,var(--parties)),minmax(0,1fr))
  }
}
@media(max-width:800px) {
  .topbar {
    padding:8.4px 10.5px
  }
  .topbar .logo {
    font-size:11px
  }
  .topbar .logo small {
    font-size:11px;
    letter-spacing:1.05px
  }
  .header-controls {
    max-width:51%
  }
  .header-controls select {
    font-size:11px;
    max-width:101.5px
  }
  .header-controls>button {
    font-size:11px
  }
  .workspace-nav {
    padding:4.9px 7px
  }
  .workspace-nav .nav {
    font-size:11px;
    padding:6.3px 7px
  }
  .main {
    padding:12.6px 9.8px
  }
  .breadcrumb {
    font-size:11px
  }
  .guild-title {
    font-size:14px
  }
  .guild-desc {
    font-size:11px
  }
  .guild-banner {
    padding:9.8px
  }
  .page-heading h1 {
    font-size:17.5px
  }
  .page-heading p {
    font-size:11px
  }
  .page-heading .row button {
    font-size:11px
  }
  .board-layout {
    grid-template-columns:1fr
  }
  .pool-panel {
    max-height:171.5px
  }
  .pool-panel .panel-head {
    padding:7px;
    grid-template-columns:1fr 1fr;
    gap:5.6px
  }
  .pool-panel .search {
    margin:0
  }
  .pool {
    grid-template-columns:1fr 1fr;
    max-height:91px;
    gap:4.9px
  }
  .pool .member {
    margin:0
  }
  .board-groups {
    grid-template-columns:1fr
  }
  .party-grid {
    grid-template-columns:repeat(min(3,var(--parties)),minmax(0,1fr));
    gap:5.6px
  }
  .slot .class-image {
    width:17.5px;
    height:17.5px
  }
  .slot .job-icon {
    width:17.5px
  }
  .slot .member .name {
    font-size:11px
  }
  .group-actions button {
    font-size:12.6px
  }
  .two-col {
    grid-template-columns:1fr
  }
  .war-countdown {
    gap:14px;
    padding:15.4px
  }
  .countdown-digits {
    width:100%;
    grid-template-columns:repeat(4,1fr);
    gap:7px
  }
  .countdown-digits b {
    font-size:22.4px
  }
  .war-copy h2 {
    font-size:17.5px
  }
  .war-copy p {
    font-size:11px
  }
  .member-hero {
    padding:16.1px
  }
  .member-hero h1 {
    font-size:17.5px
  }
  .hero-job {
    width:45.5px;
    height:45.5px;
    border-radius:9.8px
  }
  .hero-job .class-image {
    width:35px;
    height:35px
  }
  .member-hero .position {
    gap:9.8px
  }
  .member-hero .position strong {
    font-size:11.2px
  }
  .portal-style-picker .tabs {
    width:100%
  }
  .portal-style-picker .tabs button {
    font-size:11px
  }
  .event {
    padding:11.2px;
    gap:8.4px
  }
  .event-actions {
    margin-left:49px
  }
  .event .event-content {
    min-width:126px
  }
  .news-card {
    padding:13.3px
  }
  .news-card h3 {
    font-size:12.6px
  }
  .news-card p {
    font-size:11px
  }
  .board-summary {
    gap:4.9px
  }
  .board-summary>span {
    font-size:11px;
    padding:4.9px 7px
  }
  .board-summary b {
    font-size:11.2px
  }
  .tabs button {
    font-size:11px;
    padding:4.9px 7px
  }
  .toolbar {
    gap:8.4px
  }
  .toolbar .row {
    gap:4.9px
  }
  .form-grid {
    grid-template-columns:1fr 1fr
  }
  .landing-grid {
    grid-template-columns:1fr
  }
  .landing {
    padding:24.5px 14px
  }
  .landing h1 {
    font-size:29.4px
  }
  .feature-row {
    grid-template-columns:1fr
  }
  .class-catalog {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .class-chip {
    font-size:11px;
    padding:4.2px;
    gap:4.2px
  }
}
@media(max-width:480px) {
  .topbar .crest {
    height:24.5px;
    width:21px;
    font-size:16.8px
  }
  .topbar .logo {
    font-size:11px;
    gap:4.9px
  }
  .topbar .logo small {
    max-width:112px;
    letter-spacing:.6px;
    line-height:1.35
  }
  .header-controls {
    max-width:48%;
    gap:3.5px
  }
  .header-controls select {
    font-size:11px;
    padding:4.2px
  }
  .header-controls #font-size {
    max-width:57.4px
  }
  .header-controls>button {
    font-size:11px;
    padding:3.5px 5.6px
  }
  .party-grid {
    grid-template-columns:repeat(min(2,var(--parties)),minmax(0,1fr))
  }
  .member-hero h1 {
    font-size:16.1px
  }
  .member-hero p {
    font-size:11px
  }
  .eyebrow {
    font-size:11px
  }
  .guild-mark {
    width:25.2px;
    height:28.7px
  }
  .countdown-digits>div {
    padding:7.7px 3.5px
  }
  .countdown-digits b {
    font-size:20.3px
  }
  .countdown-digits span {
    font-size:11px
  }
  .group-description {
    font-size:11px
  }
  .raid-head h3 {
    font-size:11.2px
  }
  .class-catalog .class-image {
    width:17.5px;
    height:17.5px
  }
  .landing-footer {
    font-size:11px
  }
  .form-grid {
    grid-template-columns:1fr 1fr
  }
}
@media print {
  .main {
    padding:0;
    max-width:none
  }
  .raid {
    margin-bottom:11.2px
  }
  .party-grid {
    grid-template-columns:repeat(min(4,var(--parties)),1fr)
  }
}
button {
  font-size:11px
}
.member .name,.slot .member .name {
  font-size:11px
}
.member .job,.slot .member .job {
  font-size:11px
}
.party-title {
  font-size:11px
}
.raid-label,.party-title span {
  font-size:11px
}
.group-description,.board-hint,.save-status {
  font-size:11px
}
.page-heading p,.guild-desc {
  font-size:11.2px
}
@media(max-width:480px) {
  .slot .member .name {
    font-size:11px
  }
  .slot .member .job {
    font-size:11px
  }
}
body[data-workspace=manager] .main {
  max-width:1320px;
  padding:15.4px 19.6px
}
.header-dashboard {
  font-size:11px
}
.collapse-group {
  padding:3.5px 5.6px;
  font-size:15.4px
}
.group-actions button {
  font-size:11.2px;
  padding:3.5px
}
.board-tools {
  gap:4.2px;
  padding:2.8px 0 9.8px
}
.board-tools button {
  font-size:11px;
  padding:4.9px 7px
}
.onboarding {
  border-radius:8.4px;
  margin:0 0 14px;
  padding:10.5px 12.6px
}
.onboarding summary>span {
  margin-right:8.4px
}
.setup-tasks {
  gap:5.6px;
  margin-top:11.2px
}
.setup-tasks button {
  font-size:11px
}
.plan-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12.6px;
  margin:15.4px 0
}
.plan-card {
  border-radius:9.8px;
  padding:17.5px
}
.plan-card h2 {
  font-size:18.9px;
  margin:7px 0
}
.plan-card p {
  font-size:11px
}
.plan-price {
  font-size:25.2px;
  margin:11.2px 0
}
.plan-price small {
  font-size:11px
}
.plan-card ul {
  padding-left:14px;
  font-size:11px;
  line-height:1.78;
  margin:14px 0
}
.plan-card button {
  width:100%
}
.rental-intro {
  margin-top:24.5px;
  padding:18.9px;
  border-radius:10.5px
}
.rental-intro h2 {
  font-size:19.6px;
  margin:7px 0
}
.rental-intro p {
  font-size:11.2px
}
.rental-intro .actions {
  margin-top:12.6px
}
.subscription-banner {
  border-radius:8.4px;
  padding:16.1px;
  gap:14px;
  margin-top:14px
}
.subscription-banner h2 {
  font-size:18.2px;
  margin:4.9px 0
}
.subscription-banner p {
  font-size:11px;
  line-height:1.61
}
.subscription-summary {
  gap:7px;
  margin:12.6px 0;
  font-size:11px
}
.workspace-grid {
  grid-template-columns:repeat(auto-fit,minmax(196px,1fr));
  gap:12.6px
}
.workspace-card {
  padding:17.5px
}
.workspace-card h2 {
  margin:10.5px 0 4.9px
}
.workspace-card p {
  font-size:11px
}
.workspace-card .google-button {
  margin-top:12.6px
}
.section-title {
  margin:17.5px 0 10.5px
}
.history-row {
  padding:14px;
  gap:9.8px
}
.history-row p {
  font-size:11px;
  margin-top:4.2px
}
.poll-grid {
  grid-template-columns:repeat(auto-fit,minmax(196px,1fr));
  gap:11.2px
}
.poll-card {
  padding:14px
}
.poll-card h3 {
  font-size:12.6px;
  margin-bottom:10.5px
}
.poll-option {
  width:100%;
  gap:10.5px;
  padding:8.4px;
  margin-bottom:6.3px
}
.poll-option b {
  font-size:11px
}
.poll-card>.small {
  margin-top:7px
}
.member-picker {
  grid-template-columns:1fr 1fr;
  gap:5.6px;
  max-height:308px
}
.member-picker button {
  gap:7px;
  padding:7px
}
.member-picker small {
  font-size:11px
}
.template-list>div {
  padding:10.5px 0
}
@media(max-width:800px) {
  body[data-workspace=manager] .main {
    padding:11.2px
  }
  .plan-grid {
    grid-template-columns:1fr
  }
  .header-dashboard {
    font-size:11px
  }
  .group-actions {
    max-width:101.5px
  }
  .board-tools {
    gap:2.1px
  }
  .board-tools button {
    font-size:11px;
    padding:4.2px
  }
  .rental-intro {
    padding:14px
  }
}
@media(max-width:480px) {
  .group-actions {
    max-width:70px
  }
  .member-picker {
    grid-template-columns:1fr
  }
}
.plan-editor {
  gap:7px
}
.admin-tabs {
  gap:3.5px;
  margin:10.5px 0 14px;
  padding-bottom:8.4px
}
.admin-tabs button {
  font-size:11px
}
.admin-filters {
  grid-template-columns:repeat(auto-fit,minmax(126px,1fr));
  gap:9.1px;
  padding:13.3px;
  border-radius:8.4px;
  margin-bottom:14px
}
.admin-filters label {
  gap:4.9px;
  font-size:11px
}
.admin-filters input,.admin-filters select {
  width:100%;
  margin:0
}
.admin-filter-actions {
  gap:6.3px
}
.admin-export {
  padding:5.6px
}
.admin-stats {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10.5px;
  margin-bottom:15.4px
}
.admin-stats article {
  padding:14px;
  min-height:80.5px
}
.admin-stats span {
  font-size:11px;
  line-height:1.36
}
.admin-stats b {
  font-size:21px;
  margin-top:7px
}
.admin-guide {
  padding:17.5px;
  line-height:1.61
}
.admin-guide h2 {
  font-size:15.4px;
  margin-bottom:7px
}
.admin-guide p {
  font-size:11px;
  margin-top:7px
}
.admin-table td {
  max-width:196px;
  line-height:1.44
}
.admin-table td small {
  font-size:11px;
  margin-top:2.8px
}
.admin-table button {
  margin:2.1px;
  max-width:161px
}
.admin-table .code {
  min-width:91px;
  max-width:161px
}
.admin-pagination {
  gap:10.5px;
  padding:12.6px 2.1px;
  font-size:11px
}
.audit-json {
  border-radius:5.6px;
  padding:8.4px;
  max-height:301px;
  margin:7px 0
}
.admin-table .audit-json {
  min-width:119px;
  max-height:140px
}
.admin-detail-grid {
  grid-template-columns:1fr 1fr;
  gap:8.4px;
  margin:12.6px 0
}
.admin-detail-grid p {
  font-size:11px;
  line-height:1.44
}
.admin-detail-grid strong {
  font-size:11px
}
.admin-data-section {
  padding:8.4px 0
}
.admin-plan {
  padding:14px;
  margin-bottom:9.8px
}
.admin-console .notice {
  margin-top:7px
}
dialog:has(.admin-data-section),dialog:has(.admin-detail-grid),dialog:has(.audit-json) {
  max-width:595px
}
@media(max-width:850px) {
  .admin-stats {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .admin-tabs button {
    font-size:11px;
    padding:6.3px
  }
  .admin-filters {
    grid-template-columns:1fr 1fr
  }
  .admin-stats b {
    font-size:18.2px
  }
}
@media(max-width:480px) {
  .admin-filters {
    grid-template-columns:1fr
  }
  .admin-stats article {
    padding:9.8px
  }
  .admin-detail-grid {
    grid-template-columns:1fr
  }
  .admin-guide {
    padding:12.6px
  }
  .admin-tabs {
    margin-top:5.6px
  }
}
.admin-history-note {
  margin-bottom:12.6px;
  font-size:11px;
  line-height:1.53
}
.admin-history-note p {
  margin-top:3.5px
}
.ui-icon {
  width:12.6px;
  height:12.6px;
  min-width:12.6px
}
button:has(>.ui-icon),a:has(>.ui-icon) {
  gap:4.9px
}
.workspace-nav .ui-icon {
  width:12.6px;
  height:12.6px
}
.group-actions .ui-icon {
  width:12.6px;
  height:12.6px
}
.group-actions .raid-tool {
  height:22.4px;
  min-width:22.4px;
  padding:4.2px;
  border-radius:4.9px
}
.collapse-group {
  width:19.6px;
  height:21px;
  padding:2.8px
}
.raid-quick-settings {
  gap:8.4px
}
.party-count-control {
  gap:5.6px
}
.party-count-control>span {
  gap:3.5px;
  font-size:11px
}
.party-count-control select {
  width:auto;
  min-width:72.8px;
  border-radius:5.6px;
  padding:4.2px 7px;
  font-size:11px;
  margin:0
}
.inline-group-name {
  gap:4.9px;
  max-width:336px
}
.inline-group-name>.ui-icon {
  width:9.8px;
  height:9.8px;
  min-width:9.8px
}
.inline-group-name input {
  font-size:13.3px;
  border-radius:4.2px;
  padding:2.1px 4.2px;
  margin:0;
  width:100%;
  min-width:70px;
  line-height:1.35
}
.inline-strategy {
  gap:6.3px;
  margin:0 8.4px 0;
  padding:6.3px 7.7px;
  border-radius:5.6px
}
.inline-strategy>.ui-icon {
  width:10.5px;
  height:10.5px;
  min-width:10.5px;
  margin-top:3.5px
}
.inline-strategy textarea {
  min-height:18.2px;
  height:18.2px;
  max-height:84px;
  padding:1.4px 0;
  margin:0;
  font-size:11px;
  line-height:1.36;
  width:100%
}
.member-strategy {
  padding:1.4px 10.5px 7px
}
.add-raid-bottom {
  gap:7px;
  width:100%;
  min-height:43.4px;
  border-radius:8.4px;
  font-size:11.9px
}
.add-raid-bottom small {
  font-size:11px
}
.publish-state {
  gap:6.3px;
  padding:7px 9.1px;
  margin:0 0 8.4px;
  border-radius:6.3px;
  font-size:11px
}
.publish-state>span {
  font-size:11px;
  margin-left:auto
}
.group-settings-title {
  gap:7px;
  margin:3.5px 0 14px
}
.group-settings-title h3 {
  font-size:15.4px
}
.group-color-picker {
  padding:12.6px;
  border-radius:8.4px;
  margin:14px 0
}
.group-color-picker legend {
  font-size:11.2px;
  padding:0 4.9px
}
.color-presets {
  gap:7px;
  margin-bottom:12.6px
}
.color-presets button {
  height:23.1px;
  width:23.1px;
  border-radius:50%;
  padding:0
}
.custom-color-row {
  gap:10.5px
}
.custom-color-row label {
  gap:5.6px;
  font-size:11px
}
.custom-color-row input[type=color] {
  width:53.2px;
  height:30.1px;
  padding:2.1px;
  margin:0
}
.custom-color-row input[name=color] {
  width:87.5px;
  height:30.1px;
  margin:0
}
.color-preview {
  padding:7px 9.8px;
  border-radius:5.6px;
  font-size:11px
}
.job-selected-preview {
  gap:8.4px;
  border-radius:7px;
  padding:7px 9.1px;
  margin-bottom:7px
}
.job-selected-preview .class-image {
  width:28px;
  height:28px
}
.job-selected-preview strong {
  font-size:11.9px
}
.job-selected-preview>span {
  font-size:11px;
  margin-left:auto
}
.job-search {
  margin-bottom:7px
}
.job-options {
  grid-template-columns:1fr 1fr;
  gap:4.9px;
  max-height:189px;
  padding:2.1px
}
.job-choice {
  gap:5.6px;
  padding:5.6px 6.3px;
  font-size:11px;
  min-height:33.6px;
  border-radius:5.6px
}
.job-choice .class-image {
  width:21px;
  height:21px
}
.job-choice span:not(.class-fallback) {
  min-width:0
}
.job-choice>.ui-icon {
  width:10.5px;
  height:10.5px;
  min-width:10.5px
}
.pool-job-filter {
  width:100%;
  margin-top:5.6px
}
.pool-job-filter summary {
  gap:4.9px;
  border-radius:5.6px;
  padding:6.3px 7px;
  font-size:11px
}
.pool-job-filter summary span {
  min-width:0
}
.pool-job-filter .class-image {
  height:17.5px;
  width:17.5px
}
.all-jobs-emblem {
  width:19.6px;
  height:19.6px
}
.filter-job-options {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4.9px;
  max-height:none;
  margin-top:4.9px;
  padding:6.3px;
  border-radius:8.4px
}
.filter-job-options button {
  width:100%;
  gap:5.6px;
  min-height:33.6px;
  font-size:11px;
  padding:4.9px 5.6px;
  border-radius:7px
}
.filter-job-options button .class-image {
  width:21px;
  height:21px
}
.filter-job-options button span {
  line-height:1.15
}
@media(min-width:901px) {
  .pool-job-filter[open] .filter-job-options {
    top:100%;
    left:0;
    width:min(630px,calc(100vw - 238px));
    grid-template-columns:repeat(5,minmax(87.5px,1fr))
  }
}
@media(max-width:1000px) {
  .raid-quick-settings {
    gap:4.9px
  }
  .raid-identity {
    min-width:98px
  }
  .group-actions {
    max-width:none
  }
  .inline-group-name input {
    font-size:12.6px
  }
  .raid-quick-settings {
    max-width:100%
  }
}
@media(max-width:600px) {
  .raid-quick-settings {
    width:100%;
    padding-left:22.4px
  }
  .raid-head .group-actions {
    max-width:none;
    gap:1px
  }
  .group-actions .raid-tool {
    min-width:19.6px;
    height:21px;
    padding:3.5px
  }
  .party-count-control select {
    min-width:65.8px;
    font-size:11px
  }
  .job-choice {
    font-size:11px;
    padding:4.9px 4.2px
  }
  .job-selected-preview>span {
    width:100%;
    margin-left:0
  }
  .inline-strategy textarea {
    font-size:11px
  }
  .custom-color-row {
    gap:7px
  }
  .add-raid-bottom {
    min-height:38.5px
  }
}
.section-tabs {
  gap:5.6px;
  margin-bottom:15.4px
}
.leave-days {
  grid-template-columns:repeat(14,minmax(51.8px,1fr));
  gap:5.6px;
  padding-bottom:8.4px;
  margin-bottom:11.2px
}
.leave-days button {
  gap:3.5px;
  padding:7px 4.2px
}
.leave-days b {
  font-size:16.1px
}
.leave-days small {
  font-size:11px
}
.leave-person {
  gap:14px;
  padding:11.2px 0
}
.leave-person>div {
  gap:8.4px;
  min-width:147px
}
.leave-person img {
  width:28px;
  height:28px
}
.leave-add {
  gap:9.8px;
  margin-top:14px
}
.leave-add label {
  gap:4.9px;
  min-width:126px
}
.leave-add input,.leave-add select {
  margin:0
}
.bulletin {
  margin-bottom:11.2px
}
.bulletin h2 {
  font-size:15.4px;
  margin:10.5px 0
}
.bulletin p,.multiline {
  line-height:1.53
}
.bulletin footer {
  padding-top:12.6px;
  margin-top:14px
}
.filter-bar {
  gap:8.4px;
  margin-bottom:12.6px
}
.filter-bar label {
  gap:4.9px;
  min-width:98px
}
.filter-bar input,.filter-bar select {
  margin:0
}
.audit-action {
  max-width:245px
}
.audit-json {
  max-width:420px;
  max-height:245px;
  font-size:11px;
  padding:8.4px;
  border-radius:5.6px
}
.staff-grid {
  grid-template-columns:repeat(auto-fit,minmax(168px,1fr));
  gap:11.2px;
  margin-bottom:15.4px
}
.staff-card {
  gap:7px
}
.staff-card form {
  width:100%
}
.staff-avatar {
  width:36.4px;
  height:36.4px;
  border-radius:10.5px
}
.staff-avatar .ui-icon {
  width:19.6px;
  height:19.6px
}
.settings-layout {
  grid-template-columns:140px minmax(0,1fr);
  gap:14px
}
.settings-menu {
  gap:5.6px;
  top:52.5px
}
.settings-content {
  min-width:0
}
.settings-content form {
  max-width:532px
}
.settings-content h2 {
  margin-bottom:14px
}
.settings-content .field {
  gap:5.6px;
  margin-bottom:12.6px
}
.switch-row {
  gap:14px;
  padding:12.6px 0;
  margin-bottom:7px
}
.switch-row input {
  width:15.4px;
  height:15.4px;
  margin:0
}
.status-grid {
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:8.4px;
  margin-bottom:15.4px
}
.status-grid>div {
  padding:10.5px;
  border-radius:7px
}
.settings-image {
  max-width:105px;
  max-height:105px;
  border-radius:8.4px
}
.settings-image.banner {
  max-width:100%;
  width:315px
}
.guild-mark img {
  width:100%;
  height:100%;
  border-radius:7px
}
.portal-banner {
  width:100%;
  max-height:196px;
  border-radius:10.5px;
  margin-bottom:14px
}
.contact-links {
  gap:9.8px;
  margin:10.5px 0
}
.contact-links a {
  gap:4.9px
}
.rental-hero {
  padding:25.2px;
  border-radius:12.6px;
  margin-bottom:16.8px
}
.rental-hero h1 {
  font-size:clamp(18.2px,4vw,28px);
  margin:8.4px 0
}
.rental-hero p {
  font-size:11.9px;
  margin-bottom:14px
}
.plan-limits {
  padding:9.8px 0
}
.plan-limits strong {
  font-size:16.1px;
  margin-left:5.6px
}
.plan-card ul {
  line-height:1.87;
  padding-left:14px
}
.plan-card>button {
  width:100%;
  margin-top:auto
}
.inline-strategy textarea {
  max-height:none;
  min-height:21px;
  line-height:1.53
}
.inline-strategy {
  min-width:0
}
.raid-identity {
  min-width:0
}
.inline-group-name {
  max-width:none
}
.inline-group-name input {
  min-width:0
}
.raid-quick-settings {
  max-width:100%
}
.party-grid .party {
  min-width:0
}
.board-groups {
  grid-template-columns:1fr
}
.raid .member .details {
  min-width:0
}
.settings-content hr {
  margin:19.6px 0
}
#modal:has(.audit-json) {
  width:min(805px,96vw);
  max-width:96vw
}
@media(max-width:760px) {
  .settings-layout {
    grid-template-columns:1fr
  }
  .rental-hero {
    padding:16.1px
  }
  .filter-bar>* {
    max-width:100%
  }
  .leave-days {
    grid-template-columns:repeat(14,53.2px)
  }
  .raid-quick-settings {
    padding-left:0
  }
  .party-count-control>span {
    font-size:11px
  }
}
.poll-result {
  gap:8.4px;
  padding:9.8px;
  border-radius:6.3px;
  margin:8.4px 0
}
.poll-bar {
  inset:0 auto 0 0
}
.poll-choice {
  gap:7px
}
.poll-choice input {
  width:12.6px;
  height:12.6px;
  margin:0
}
.poll-result b {
  font-size:11px
}
.inline-strategy textarea {
  max-height:none
}
.group-description {
  max-width:none
}
body[data-workspace] .party-grid {
  grid-template-columns:repeat(var(--party-columns,4),minmax(0,1fr));
  gap:8.4px
}
.party-grid .slot {
  width:100%
}
.class-chip small {
  font-size:11px
}
.member.leaving:after {
  right:3.5px;
  bottom:2.8px;
  font-size:11px
}
.leave-member-picker {
  width:100%;
  grid-template-columns:1fr 1fr;
  gap:8.4px
}
.leave-choices {
  grid-template-columns:repeat(auto-fit,minmax(126px,1fr));
  gap:5.6px;
  max-height:189px;
  padding:2.8px
}
.leave-choices button {
  gap:6.3px;
  padding:7px;
  border-radius:6.3px
}
.leave-choices button img,.leave-chosen img {
  width:23.8px;
  height:23.8px
}
.leave-choices button small {
  font-size:11px
}
.leave-chosen {
  gap:7px;
  min-height:31.5px;
  padding:7px;
  border-radius:5.6px
}
.leave-chosen span {
  font-size:11px
}
.mode-tools {
  gap:7px;
  margin-bottom:14px
}
.mode-tools label {
  gap:3.5px
}
.mode-tools input {
  margin:0
}
.invite-link-row,.aligned-form {
  gap:8.4px;
  margin:10.5px 0
}
.aligned-form label {
  gap:4.9px
}
.aligned-form input,.invite-link-row input {
  margin:0
}
.invite-link-row input {
  min-width:126px
}
.invite-link-row .button,.open-member-link {
  gap:4.9px;
  padding:7px 9.8px;
  border-radius:5.6px;
  font-size:11px
}
.filter-bar>.field {
  margin-bottom:0
}
.filter-bar button {
  height:31.5px;
  margin:0
}
.weekly-calendar {
  margin:14px 0
}
.week-grid {
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:6.3px
}
.week-day {
  border-radius:8.4px;
  min-width:0
}
.week-day>header {
  padding:8.4px;
  gap:3.5px
}
.week-day>header span {
  font-size:11px
}
.week-day>div {
  padding:5.6px
}
.week-event {
  padding:7px;
  border-radius:5.6px;
  margin-bottom:5.6px
}
.week-event time {
  font-size:11px
}
.week-event strong {
  font-size:11px;
  line-height:1.36;
  margin:3.5px 0
}
.week-event small {
  font-size:11px
}
.week-event .row {
  gap:2.1px;
  margin-top:5.6px
}
.week-event button {
  font-size:11px;
  padding:2.1px 4.2px
}
.week-empty {
  padding:10.5px 2.8px;
  font-size:11px
}
.week-grid .ui-icon {
  width:9.8px
}
.portal-sections {
  gap:16.8px
}
.portal-sections section {
  min-width:0
}
.page-order {
  gap:5.6px;
  margin:10.5px 0
}
.page-order>div {
  padding:7px;
  border-radius:5.6px
}
.page-order .small {
  padding:3.5px 6.3px;
  margin-left:3.5px
}
.poll-option-inputs textarea {
  min-height:59.5px
}
.option-text {
  line-height:1.44
}
.poll-choice {
  min-width:0
}
.poll-choice input {
  margin-top:2.8px
}
.credit-balance {
  font-size:23.8px;
  margin:10.5px 0
}
.panel+.panel {
  margin-top:14px
}
@media(max-width:1100px) {
  .week-grid {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
  body[data-workspace] .party-grid {
    grid-template-columns:repeat(min(2,var(--party-columns,2)),minmax(0,1fr))
  }
}
@media(max-width:640px) {
  .week-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .leave-member-picker {
    grid-template-columns:1fr
  }
  .invite-link-row .button {
    padding:6.3px
  }
  .mode-tools button {
    font-size:11px
  }
  .week-event strong {
    font-size:11px
  }
  .party-count-control>span {
    font-size:11px
  }
}
@media(max-width:360px) {
  .week-grid {
    grid-template-columns:1fr
  }
}
body {
  min-height:100vh
}
.week-day {
  min-height:147px
}
.week-day .week-event .row {
  margin-top:3.5px
}
.poll-option-row {
  gap:7px
}
.poll-option-row .field {
  min-width:0
}
.leave-job-filter summary {
  gap:5.6px
}
.leave-job-filter summary img {
  width:29.4px;
  height:29.4px
}
.event-reminder {
  padding:9.8px;
  gap:5.6px
}
.member-tools {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9.8px
}
.member-tools button {
  gap:7px;
  padding:16.8px
}
.tool-fields {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8.4px
}
.tool-fields label {
  gap:4.2px
}
.tool-result {
  padding:12.6px;
  border-radius:8.4px;
  margin-top:9.8px
}
.refine-stage {
  font-size:42px;
  padding:16.8px
}
.refine-log {
  max-height:84px;
  padding:8.4px
}
@media(max-width:600px) {
  .member-tools,.tool-fields {
    grid-template-columns:1fr
  }
}
#notification-form fieldset {
  border-radius:8.4px;
  padding:11.2px;
  margin:11.2px 0;
  min-width:0
}
#notification-form .notification-languages {
  gap:16.8px
}
#notification-form .notification-languages label {
  gap:5.6px
}
#notification-form input[type=checkbox] {
  width:14px;
  height:14px
}
.notification-event-rules {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px
}
.event-reminder {
  border-radius:7px;
  padding:8.4px
}
.event-reminder summary {
  line-height:1.36
}
.event-reminder label {
  gap:8.4px;
  margin:8.4px 0
}
.event-reminder input[type=number] {
  width:53.2px
}
.event-reminder .switch-row {
  padding:5.6px 0
}
@media(max-width:800px) {
  .notification-event-rules {
    grid-template-columns:1fr
  }
}
.public-party-grid {
  grid-template-columns:repeat(var(--public-party-columns,4),minmax(0,1fr));
  gap:9.8px;
  margin-top:9.8px
}
.public-party-grid .raid {
  min-width:0;
  padding:8.4px
}
.public-party-grid .slot {
  gap:5.6px;
  padding:5.6px;
  margin-top:5.6px;
  min-height:40.6px
}
.public-party-grid .slot img {
  width:21px;
  height:25.2px
}
.public-party-grid .slot span {
  min-width:0
}
.public-party-grid .slot small {
  font-size:11px
}
.public-party-grid h3 {
  font-size:11px
}
.payment-qr {
  padding:14px 0
}
.payment-qr img {
  border-radius:8.4px;
  max-width:100%;
  height:auto
}
.modal .panel-body form {
  gap:8.4px;
  margin-top:12.6px
}
#owner-login {
  gap:9.8px;
  margin:14px 0
}
#owner-login label {
  gap:4.2px
}
#public-query {
  max-width:280px
}
.main>.panel,.main>.weekly-calendar {
  margin-top:14px
}
.workspace-nav .ui-icon {
  width:12.6px;
  height:12.6px;
  margin-right:4.9px
}
@media(max-width:1050px) {
  .public-party-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media(max-width:560px) {
  .public-party-grid {
    grid-template-columns:1fr
  }
}
.audit-readable-root {
  font-size:11px;
  line-height:1.44;
  min-width:0
}
.audit-readable {
  margin:0;
  gap:6.3px
}
.audit-readable>div {
  grid-template-columns:minmax(70px,.35fr) minmax(0,1fr);
  gap:9.8px;
  padding:7px 8.4px;
  border-radius:6.3px
}
.audit-readable dd {
  margin:0;
  min-width:0
}
.audit-change-pair {
  grid-template-columns:1fr 1fr;
  gap:9.8px;
  min-width:0
}
.audit-change-pair>section {
  min-width:0;
  padding:8.4px;
  border-radius:7px
}
.audit-change-pair h4 {
  margin:0 0 7px
}
.audit-readable-list {
  gap:5.6px
}
.audit-readable-item {
  padding:6.3px;
  border-radius:6.3px
}
.audit-readable-item[open]>summary {
  margin-bottom:7px
}
dialog:has(.audit-readable-root) {
  max-width:1000px;
  width:min(700px,96vw)
}
.admin-table td:has(.audit-readable-root) {
  min-width:161px
}
.audit-readable .audit-readable>div {
  grid-template-columns:1fr;
  gap:2.8px
}
@media(max-width:650px) {
  .audit-change-pair {
    grid-template-columns:1fr
  }
  .audit-readable>div {
    grid-template-columns:1fr;
    gap:2.8px
  }
}
.workspace-card {
  gap:8.4px;
  padding:16.8px;
  min-width:0
}
.workspace-card h2,.workspace-card p {
  margin:0
}
.workspace-owner {
  line-height:1.53
}
.workspace-owner .badge {
  font-size:11px
}
.workspace-url {
  font-size:11px
}
.workspace-plan {
  padding:11.2px;
  border-radius:8.4px;
  grid-template-columns:1fr auto;
  gap:6.3px;
  margin:2.8px 0
}
.workspace-plan progress {
  width:100%;
  height:5.6px
}
.workspace-role {
  font-size:11px
}
.workspace-actions {
  gap:5.6px;
  margin-top:auto
}
.workspace-create {
  border-radius:11.2px;
  min-height:210px;
  gap:8.4px
}
.workspace-create>span {
  font-size:31.5px
}
.workspace-create strong {
  font-size:13.3px
}
.guild-link-settings {
  margin-bottom:16.8px
}
.guild-link-settings form {
  gap:7px;
  margin-top:9.8px
}
.guild-link-settings label {
  gap:4.9px
}
.guild-link-settings .invite-link-row {
  margin:0
}
.connections-page {
  gap:14px
}
.connections-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px
}
.connections-grid>section {
  min-width:0
}
.connections-grid form {
  gap:9.1px;
  margin:12.6px 0
}
.connections-grid label {
  gap:4.9px;
  font-size:11px
}
.connections-grid input,.connections-grid select {
  width:100%;
  min-width:0;
  margin:0
}
.connections-grid .connection-switch {
  gap:6.3px
}
.connection-switch input {
  width:12.6px;
  height:12.6px
}
.connection-help {
  padding:9.8px;
  border-radius:7px;
  gap:8.4px
}
.connection-help input {
  font-size:11px
}
.connections-grid small,.connections-grid p {
  line-height:1.53
}
.connections-grid h2 {
  margin:0
}
.connections-page .ui-icon {
  width:12.6px;
  height:12.6px
}
@media(max-width:850px) {
  .connections-grid {
    grid-template-columns:1fr
  }
}
.row-home .landing {
  max-width:1440px;
  margin:auto;
  padding-top:33.6px
}
.row-home-hero {
  grid-template-columns:1.1fr 1fr;
  gap:42px;
  padding:25.2px 0 39.2px
}
.row-home-hero h1 {
  font-size:clamp(25.2px,4.2vw,44.8px);
  line-height:1.25;
  letter-spacing:-1.05px;
  margin:15.4px 0
}
.row-home-hero .lead {
  font-size:12.6px;
  line-height:1.61;
  max-width:434px;
  margin-bottom:19.6px
}
.home-free-note {
  font-size:11px;
  margin-top:12.6px
}
.row-home-board {
  border-radius:18.2px;
  padding:21px
}
.row-home-board h2 {
  font-size:20.3px;
  line-height:1.35;
  margin:16.8px 0
}
.home-command-grid {
  grid-template-columns:1fr 1fr;
  gap:9.1px
}
.home-command-grid article {
  padding:12.6px;
  border-radius:10.5px;
  gap:5.6px
}
.home-command-grid .ui-icon {
  width:16.8px;
  height:16.8px
}
.home-command-grid small {
  font-size:11px
}
.home-steps {
  grid-template-columns:repeat(3,1fr);
  gap:15.4px;
  padding:16.8px 0 38.5px
}
.home-steps article {
  gap:11.2px;
  padding:12.6px
}
.home-steps article>span {
  font-size:21px;
  line-height:1.2
}
.home-steps h3 {
  margin:0 0 5.6px
}
.home-steps p {
  margin:0;
  font-size:11px
}
.home-packages {
  padding:19.6px 0 28px
}
.home-packages>h2 {
  font-size:23.8px;
  margin:9.1px 0
}
.contact-team {
  border-radius:15.4px;
  padding:23.8px;
  gap:18.2px;
  margin-top:21px
}
.contact-team h2 {
  font-size:19.6px;
  margin:7px 0
}
.contact-team p {
  max-width:420px
}
.contact-channels {
  gap:7px;
  min-width:154px
}
.contact-channels>a,.contact-channels>button {
  gap:5.6px;
  padding:9.1px 12.6px
}
.contact-team .ui-icon,.row-home-hero .row .ui-icon {
  width:14px;
  height:14px
}
.support-dialog form,.support-settings {
  gap:9.8px;
  margin-top:12.6px
}
.support-dialog label,.support-settings label {
  gap:4.2px
}
.support-dialog input,.support-dialog textarea {
  margin:0
}
.support-settings fieldset {
  padding:10.5px;
  border-radius:8.4px;
  min-width:0
}
.support-settings label.row {
  gap:6.3px
}
.support-settings input[type=checkbox] {
  width:12.6px;
  height:12.6px
}
.support-inbox {
  gap:10.5px;
  margin-top:12.6px
}
.support-inbox article {
  border-radius:8.4px;
  padding:12.6px
}
.support-inbox h3 {
  margin:0
}
@media(max-width:850px) {
  .row-home-hero {
    grid-template-columns:1fr;
    gap:21px
  }
  .home-steps {
    grid-template-columns:1fr;
    gap:5.6px
  }
  .contact-team {
    padding:16.8px
  }
  .row-home .landing {
    padding-top:15.4px
  }
  .row-home-board {
    padding:16.1px
  }
  .contact-team h2 {
    font-size:16.8px
  }
}
@media(max-width:480px) {
  .home-command-grid {
    grid-template-columns:1fr
  }
  .row-home-hero h1 {
    font-size:26.6px
  }
  .contact-channels {
    min-width:0
  }
}
a.google-button.google-signin {
  gap:8.4px;
  min-height:33.6px;
  padding:8.4px 16.8px;
  border-radius:5.6px;
  font-size:11.2px;
  line-height:1.35
}
.google-signin .google-brand-icon {
  width:16.8px;
  height:16.8px
}
.account-bell {
  width:30.8px;
  height:30.8px;
  border-radius:8.4px
}
.notification-count {
  top:-4.9px;
  right:-4.9px;
  min-width:14px;
  padding:1px 3.5px;
  border-radius:14px;
  font-size:11px
}
.account-inbox {
  width:min(476px,94vw);
  padding:16.8px;
  max-height:85vh;
  border-radius:11.2px
}
.account-inbox header {
  margin-bottom:11.2px
}
.account-notice {
  border-radius:8.4px;
  padding:12.6px;
  margin:8.4px 0
}
.notification-body {
  line-height:1.44
}
.account-notice small {
  margin:8.4px 0
}
#expiry-notification-settings,#owner-announcement-form {
  gap:11.2px
}
#owner-announcement-form textarea {
  width:100%;
  min-height:84px
}
#owner-announcement-form label,#expiry-notification-settings label {
  gap:5.6px
}
#modal:has([data-guild-create]) {
  width:min(728px,94vw);
  max-width:1040px;
  max-height:92vh
}
.guild-create-layout {
  grid-template-columns:minmax(0,1.25fr) minmax(182px,1fr);
  gap:16.8px;
  margin-top:14px
}
.guild-create-main {
  min-width:0;
  gap:14px
}
.guild-create-intro h3 {
  font-size:15.4px;
  margin:5.6px 0
}
.guild-create-main fieldset {
  border-radius:9.8px;
  padding:12.6px;
  min-width:0
}
.guild-create-main legend {
  padding:0 5.6px;
  gap:5.6px
}
.guild-create-main .field {
  gap:5.6px;
  margin-bottom:9.8px
}
.guild-create-main .field:last-child {
  margin-bottom:0
}
.guild-create-main textarea {
  width:100%;
  min-height:63px
}
.guild-create-preview {
  border-radius:11.2px;
  padding:15.4px;
  min-width:0;
  top:0
}
.guild-create-crest {
  width:44.8px;
  height:47.6px;
  border-radius:9.8px 9.8px 16.8px 16.8px;
  margin:14px 0 9.8px
}
.guild-create-crest .icon {
  width:22.4px;
  height:22.4px
}
.guild-create-preview h3 {
  font-size:16.8px;
  margin-bottom:7px
}
.guild-create-preview>p {
  margin:7px 0
}
.guild-create-preview dl {
  margin:15.4px 0
}
.guild-create-preview dt {
  font-size:11px;
  margin-top:12.6px
}
.guild-create-preview dd {
  margin:4.2px 0 0;
  font-size:11px;
  line-height:1.36
}
.guild-create-preview .board-hint {
  font-size:11px;
  line-height:1.44
}
.guild-create-free {
  padding-top:10.5px
}
@media(max-width:720px) {
  .guild-create-layout {
    grid-template-columns:1fr;
    gap:12.6px
  }
  #modal:has([data-guild-create]) {
    width:95vw;
    padding:12.6px
  }
  .guild-create-preview dl {
    margin:9.8px 0
  }
}
.guild-create-upload {
  gap:7px;
  border-radius:8.4px;
  padding:11.2px;
  margin:0 0 14px
}
.guild-create-upload label {
  gap:7px
}
.guild-create-crest img {
  width:100%;
  height:100%;
  border-radius:8.4px
}
.guild-logo-add {
  padding:0
}
.guild-mark img {
  width:100%;
  height:100%;
  border-radius:inherit
}
.public-guild-logo {
  width:50.4px;
  height:50.4px;
  border-radius:9.8px;
  margin-bottom:9.8px
}
.setup-tasks .icon {
  width:12.6px;
  height:12.6px
}
.guild-profile-upload {
  gap:6.3px;
  margin:15.4px 0 14px
}
.guild-profile-picker {
  width:112px;
  height:112px;
  max-width:100%;
  padding:0;
  border-radius:15.4px
}
.guild-profile-picker img {
  width:100%;
  height:100%;
  border-radius:13.3px
}
.guild-profile-empty {
  gap:9.1px;
  font-size:11px
}
.guild-profile-empty>.icon {
  width:26.6px;
  height:26.6px
}
.guild-profile-edit {
  bottom:4.9px;
  right:4.9px;
  width:21px;
  height:21px;
  border-radius:6.3px
}
.guild-profile-edit .icon {
  width:11.9px;
  height:11.9px
}
.guild-profile-upload>small {
  font-size:11px;
  line-height:1.36
}
.guild-create-preview>.badge {
  margin:0 auto
}
@media(max-width:720px) {
  .guild-profile-picker {
    width:119px;
    height:119px
  }
}
.setup-tasks .setup-task {
  gap:5.6px
}
.setup-task small {
  font-size:11px
}
.workspace-grid {
  grid-template-columns:repeat(auto-fill,minmax(182px,1fr));
  gap:11.2px
}
.workspace-card {
  padding:12.6px!important;
  max-width:294px
}
.workspace-card-open {
  inset:0;
  border-radius:inherit
}
.workspace-card h2 {
  font-size:14px;
  margin:7px 0 2.8px
}
.workspace-card p {
  font-size:11px;
  margin:4.2px 0
}
.workspace-card .guild-mark {
  width:29.4px;
  height:29.4px
}
.workspace-plan {
  padding:7px;
  font-size:11px
}
.workspace-plan strong {
  font-size:11px
}
.workspace-actions {
  gap:5.6px
}
.workspace-create {
  min-height:140px!important;
  font-size:11px
}
.settings-content {
  font-size:11px
}
.settings-content h2 {
  font-size:13.3px
}
.settings-content h3 {
  font-size:11.2px
}
.settings-content input,.settings-content select,.settings-content textarea {
  font-size:11px;
  padding:6.3px 7.7px
}
.settings-menu button {
  font-size:11px;
  padding:7px 8.4px
}
.settings-image.banner {
  max-height:98px
}
.settings-image.logo {
  width:56px;
  height:56px
}
.discord-claim {
  padding:8.4px 0
}
.discord-claim small {
  font-size:11px
}
.member-guide {
  max-width:595px;
  margin:14px auto
}
.member-guide li {
  margin:8.4px 0;
  line-height:1.44
}
.guild-contacts {
  margin:8.4px 0
}
.portal-style-picker {
  margin:8.4px 0
}
.portal-style-picker select {
  width:auto
}
.week-event p {
  font-size:11px
}
.schedule-empty {
  padding:11.2px;
  border-radius:7px
}
@media(max-width:650px) {
  .workspace-grid {
    grid-template-columns:1fr
  }
  .workspace-card {
    max-width:none
  }
  .week-grid {
    grid-template-columns:1fr!important
  }
}
.topbar .logo {
  font-size:11.2px
}
.page-heading h1 {
  font-size:16.8px
}
.header-controls select {
  font-size:11px
}
.workspace-nav .nav {
  font-size:11px
}
.main {
  padding-top:14px
}
.settings-content button {
  font-size:11px
}
#member-pin-panel summary {
  padding:5.6px 0
}
#member-pin-panel form {
  gap:7px;
  max-width:406px;
  margin:11.2px 0
}
#member-pin-panel input,#member-pin-panel select,#member-pin-panel textarea {
  width:100%
}
.class-catalog>.class-chip {
  min-width:0;
  min-height:32.2px
}
.all-jobs-chip>.ui-icon {
  width:20.3px;
  height:20.3px
}
.all-jobs-chip>span {
  min-width:0
}
@media(max-width:480px) {
  .class-catalog .all-jobs-chip>.ui-icon {
    width:17.5px;
    height:17.5px
  }
}
.discord-directory,.connections-page,.settings-content {
  min-width:0
}
.discord-directory-filters {
  grid-template-columns:minmax(0,2fr) minmax(112px,1fr);
  gap:11.2px;
  margin:16.8px 0
}
.discord-profile-grid {
  grid-template-columns:repeat(auto-fill,minmax(min(100%,203px),1fr));
  gap:11.2px
}
.discord-profile-card {
  gap:9.8px;
  padding:12.6px;
  border-radius:8.4px;
  min-width:0
}
.discord-profile-card>div {
  min-width:0;
  gap:4.2px
}
.member-avatar {
  border-radius:50%
}
.job-icon .member-avatar {
  width:22.4px;
  height:22.4px
}
.slot .job-icon .member-avatar {
  width:19.6px;
  height:19.6px
}
.member-discord-name {
  font-size:11px
}
.discord-roster-person {
  gap:7px
}
.discord-roster-person small {
  font-size:11px
}
.discord-verify-button {
  margin:11.2px 0 5.6px
}
.settings-content form,.connections-page form,#owner-bot-settings form {
  gap:11.2px;
  margin:14px 0
}
.settings-content form label,.connections-page form label,#owner-bot-settings form label {
  gap:4.9px;
  min-width:0
}
.settings-content form .connection-switch,.connections-page form .connection-switch,#owner-bot-settings form .connection-switch {
  gap:7px
}
.connection-switch input[type=checkbox] {
  width:auto
}
.settings-content h2,.connections-page h2 {
  margin-bottom:9.8px
}
.settings-content h3,.connections-page h3 {
  margin:14px 0 8.4px
}
.settings-menu {
  gap:5.6px
}
.admin-tabs,.workspace-nav {
  gap:5.6px
}
.settings-content input,.settings-content select,.connections-page input,.connections-page select {
  max-width:100%
}
.settings-content .field {
  margin-bottom:0
}
.settings-content hr,.connections-page hr {
  margin:18.2px 0
}
.discord-claim {
  gap:9.8px;
  margin:8.4px 0;
  padding:11.2px;
  border-radius:7px
}
.discord-claim small {
  margin-top:4.2px
}
.connections-grid {
  gap:14px
}
.panel-body>p {
  line-height:1.44
}
.admin-filters,.filter-bar {
  gap:8.4px
}
.discord-directory .row {
  gap:7px
}
.discord-directory .muted {
  margin-top:11.2px
}
@media(max-width:650px) {
  .discord-directory-filters {
    grid-template-columns:1fr
  }
  .discord-profile-grid {
    grid-template-columns:1fr
  }
  .settings-content,.connections-page .panel-body {
    padding:11.2px
  }
}
.member-avatar-placeholder {
  width:22.4px;
  height:22.4px;
  border-radius:50%;
  font-size:11.2px
}
.slot .member-avatar-placeholder {
  width:19.6px;
  height:19.6px;
  font-size:11px
}
.slot .member:has(.member-discord-name) .name {
  font-size:11px;
  line-height:1.3
}
.slot .member:has(.member-discord-name) .job {
  font-size:11px;
  line-height:1.3
}
.slot .member-discord-name {
  line-height:1.3
}
.discord-directory .between {
  gap:9.8px
}
.bot-avatar-upload {
  gap:7px;
  padding:14px;
  border-radius:9.8px
}
.bot-avatar-frame {
  width:98px;
  height:98px;
  border-radius:50%
}
.bot-avatar-frame img {
  width:100%;
  height:100%
}
.bot-avatar-overlay {
  bottom:0;
  left:0;
  right:0;
  height:25.2px
}
.bot-avatar-upload small {
  max-width:238px
}
.connection-status-grid {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,182px),1fr));
  gap:9.8px;
  margin:12.6px 0
}
.connection-status-grid article {
  gap:8.4px;
  border-radius:8.4px;
  padding:12.6px;
  min-width:0
}
.connection-status-grid h3 {
  margin:0
}
.connection-status-grid small {
  line-height:1.36
}
.connection-state {
  gap:4.9px;
  line-height:1.36;
  font-size:11px
}
.connection-state .ui-icon {
  width:12.6px;
  height:12.6px
}
.webhook-guide {
  margin:14px 0;
  border-radius:7px;
  padding:11.2px
}
.webhook-guide li {
  margin:8.4px 0;
  line-height:1.44
}
.webhook-guide ol {
  padding-inline-start:16.8px
}
.webhook-guide p {
  margin:11.2px 0;
  line-height:1.44
}
.member-lifecycle-actions {
  gap:5.6px;
  margin-top:7px
}
.member-lifecycle-actions button {
  gap:4.2px
}
.member-lifecycle-actions .ui-icon {
  width:10.5px;
  height:10.5px
}
.roster-person {
  gap:8.4px;
  min-width:182px
}
.roster-profile-button {
  width:32.2px;
  height:32.2px;
  padding:0;
  border-radius:50%
}
.roster-profile-button .member-avatar-placeholder {
  width:29.4px;
  height:29.4px;
  font-size:14px
}
.roster-profile-button img {
  width:29.4px;
  height:29.4px
}
.roster-person-copy {
  gap:3.5px;
  min-width:0
}
.roster-person-copy strong {
  font-size:11px
}
.roster-person-class {
  gap:4.2px;
  font-size:11px
}
.roster-person-class .class-image {
  width:14px;
  height:14px
}
.roster-person-copy small {
  font-size:11px
}
.roster-gear {
  width:23.8px;
  height:23.8px;
  padding:4.2px;
  border-radius:6.3px
}
.roster-gear .ui-icon {
  width:12.6px;
  height:12.6px
}
.roster-actions-popover {
  inset:0;
  margin:auto;
  width:min(238px,calc(100vw - 22.4px));
  max-height:80vh;
  border-radius:9.8px;
  padding:12.6px
}
.roster-actions-popover:popover-open {
  gap:6.3px
}
.roster-actions-popover>button,.roster-claim button {
  gap:5.6px;
  padding:7.7px 8.4px
}
.roster-actions-popover header {
  margin-bottom:4.9px;
  gap:7px
}
.roster-actions-popover hr {
  width:100%;
  margin:4.2px 0
}
.roster-claim {
  gap:5.6px;
  padding:8.4px;
  border-radius:6.3px
}
.roster-pin-state {
  font-size:11px;
  margin-top:4.9px
}
.member-profile-overview {
  gap:9.8px;
  margin-bottom:14px
}
.member-profile-overview h2 {
  margin:0
}
.member-profile-overview p {
  margin:4.2px 0
}
.roster-discord-state {
  gap:4.2px;
  font-size:11px;
  margin-top:5.6px;
  line-height:1.35
}
.roster-discord-state .ui-icon {
  width:10.5px;
  height:10.5px
}
.workspace-shell {
  grid-template-columns:clamp(189px,18vw,217px) minmax(0,1fr);
  min-height:calc(100vh - 44.8px)
}
.workspace-shell>.main {
  width:100%;
  min-width:0
}
.workspace-content {
  min-width:0
}
.workspace-content>.topbar {
  top:0
}
.workspace-content>.topbar .header-controls {
  margin-left:auto
}
.desktop-workspace-nav {
  top:0;
  height:100vh;
  min-width:0;
  padding:9.8px
}
.desktop-sidebar-toggle {
  top:14px;
  left:calc(clamp(189px,18vw,217px) - 11.9px);
  width:23.8px;
  min-width:23.8px;
  height:23.8px;
  min-height:23.8px;
  padding:0;
  border-radius:50%
}
body.workspace-sidebar-collapsed .desktop-sidebar-toggle {
  left:32.9px
}
.workspace-nav-heading {
  width:100%;
  gap:1.4px;
  margin:0 0 9.8px;
  padding:7.7px 7px 9.1px;
  border-radius:8.4px
}
.guild-profile-avatar {
  width:53.2px;
  height:53.2px;
  margin-bottom:4.2px;
  border-radius:16.8px
}
.guild-profile-avatar img {
  width:100%;
  height:100%
}
.guild-profile-fallback {
  font-size:22.4px
}
.workspace-nav-heading strong {
  font-size:14px;
  letter-spacing:.02em;
  line-height:1.15
}
.desktop-workspace-nav .nav {
  width:100%;
  min-height:30.8px;
  padding:7px 7.7px;
  gap:7.7px;
  font-size:11px
}
.sidebar-account {
  gap:5.6px;
  padding:8.4px 4.9px 2.8px
}
.sidebar-account-avatar {
  width:40.6px;
  height:40.6px;
  border-radius:12.6px
}
.sidebar-account-avatar img {
  width:100%;
  height:100%
}
.sidebar-account-heading {
  min-width:0;
  gap:1px;
  padding-inline:2.1px
}
.sidebar-account-heading small {
  font-size:11px
}
.sidebar-account-name {
  padding:0 2.1px;
  font-size:11px
}
.sidebar-account-controls {
  grid-template-columns:47.6px 26.6px;
  gap:4.9px
}
.sidebar-account-profile {
  width:47.6px;
  min-width:47.6px;
  min-height:47.6px;
  padding:3.5px;
  grid-template-columns:40.6px
}
.sidebar-account-logout {
  width:25.2px;
  min-width:25.2px;
  height:25.2px;
  padding:0;
  border-radius:50%
}
.premium-logout-icon {
  width:25.2px;
  height:25.2px
}
.workspace-nav-icon {
  width:25.2px;
  height:25.2px;
  border-radius:7.7px
}
.workspace-nav-icon .ui-icon {
  width:19.6px;
  height:19.6px
}
body.workspace-sidebar-collapsed .workspace-shell {
  grid-template-columns:44.8px minmax(0,1fr)
}
body.workspace-sidebar-collapsed .desktop-workspace-nav {
  padding-inline:6.3px
}
body.workspace-sidebar-collapsed .sidebar-account {
  grid-template-columns:1fr;
  padding-inline:0
}
body.workspace-sidebar-collapsed .sidebar-account-profile {
  width:35px;
  min-width:35px;
  padding:1.4px;
  grid-template-columns:1fr
}
body.workspace-sidebar-collapsed .sidebar-account-avatar {
  width:32.2px;
  height:32.2px;
  border-radius:9.8px
}
.header-display-controls .appearance-toggle {
  min-width:120.4px;
  min-height:29.4px;
  padding-inline:9.8px;
  font-size:11px
}
body.workspace-sidebar-collapsed .desktop-workspace-nav .nav {
  padding-inline:4.2px
}
@media(max-width:900px) {
  .workspace-shell {
    min-height:0
  }
  .topbar>.workspace-drawer-trigger {
    gap:3.5px
  }
  .workspace-drawer-backdrop {
    inset:0;
    border-radius:0
  }
  .workspace-mobile-drawer {
    inset:0 auto 0 0;
    width:min(86vw,203px);
    padding:7px
  }
  .workspace-drawer-head {
    min-height:30.8px;
    margin-bottom:5.6px;
    gap:5.6px
  }
  .drawer-workspace-nav {
    padding:0;
    gap:2.8px
  }
  .drawer-workspace-nav .nav {
    width:100%;
    min-height:26.6px;
    padding:5.6px 6.3px!important;
    gap:5.6px
  }
}
.account-profile-menu>summary {
  width:26.6px;
  height:26.6px;
  padding:0;
  border-radius:50%
}
.account-profile-menu>summary img,.account-profile-menu>summary span {
  width:100%;
  height:100%
}
.account-profile-popover {
  top:calc(100% + 5.6px);
  right:0;
  width:min(224px,calc(100vw - 16.8px));
  gap:8.4px;
  padding:11.2px;
  border-radius:8.4px
}
.account-profile-popover form {
  gap:7px
}
dialog:has(.member-picker) {
  width:min(476px,calc(100% - 16.8px));
  max-width:476px
}
.picker-filter {
  gap:7px;
  margin-bottom:8.4px
}
.picker-filter>label {
  gap:3.5px
}
.picker-filter>label input {
  width:100%
}
.picker-job-menu>summary {
  min-height:29.4px;
  padding:4.9px 7px;
  gap:5.6px;
  border-radius:5.6px
}
.picker-job-menu>summary .ui-icon:last-child {
  margin-left:auto
}
.picker-job-options {
  grid-template-columns:repeat(auto-fit,minmax(101.5px,1fr));
  gap:4.2px;
  max-height:161px;
  margin-top:4.9px;
  padding:5.6px;
  border-radius:6.3px
}
.picker-filter-heading {
  min-height:16.8px;
  gap:7px
}
.roster-person {
  min-width:0
}
.roster-table-panel table {
  width:100%
}
.roster-table-panel td:first-child {
  width:38%
}
@media(max-width:1100px) {
  .roster-table-panel td {
    padding:8.4px 7px
  }
  .roster-person {
    gap:6.3px
  }
  .roster-person-copy strong {
    font-size:11px
  }
  .roster-person-class {
    font-size:11px
  }
}
@media(max-width:700px) {
  .main {
    padding:9.8px 7px
  }
  .roster-table-panel table,.roster-table-panel tbody {
    min-width:0!important;
    width:100%
  }
  .roster-table-panel tbody {
    gap:8.4px
  }
  .roster-table-panel tbody>tr {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    border-radius:8.4px;
    padding:8.4px
  }
  .roster-table-panel td {
    min-width:0;
    width:auto!important;
    padding:7px 4.2px;
    font-size:11px
  }
  .roster-table-panel td:first-child {
    padding:0 0 7px
  }
  .roster-table-panel td[data-label]:before {
    font-size:11px;
    margin-bottom:4.2px;
    line-height:1.4
  }
  .roster-table-panel .roster-account-cell {
    padding:7px 0 0;
    gap:4.9px 8.4px
  }
  .roster-account-cell .roster-pin-state,.roster-account-cell .roster-discord-state {
    margin:0;
    font-size:11px
  }
  .roster-person {
    width:100%;
    gap:7px;
    min-width:0
  }
  .roster-profile-button {
    width:28px;
    height:28px
  }
  .roster-profile-button img,.roster-profile-button .member-avatar-placeholder {
    width:25.2px;
    height:25.2px
  }
  .roster-person-copy strong {
    font-size:11px
  }
  .roster-gear {
    width:22.4px;
    height:22.4px;
    padding:5.6px;
    margin-left:auto
  }
  .roster-gear .ui-icon {
    width:10.5px;
    height:10.5px
  }
  .roster-actions-popover {
    width:min(238px,calc(100vw - 22.4px))
  }
  .class-catalog {
    gap:4.2px;
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .class-chip {
    min-width:0
  }
}
@media(max-width:700px) {
  .roster-person>.roster-gear {
    width:22.4px;
    min-width:22.4px;
    max-width:22.4px;
    height:22.4px;
    min-height:22.4px;
    max-height:22.4px
  }
}
button,.button {
  font-size:11px;
  padding:5.6px 8.4px
}
h1,.page-heading h1 {
  font-size:16.8px
}
h2 {
  font-size:14px
}
h3 {
  font-size:11.2px
}
.main {
  padding:12.6px 15.4px
}
.topbar {
  min-height:44.8px;
  padding:7px 15.4px
}
.panel-body {
  padding:12.6px
}
.page-heading p {
  font-size:11px
}
.settings-content .field {
  margin-bottom:9.8px
}
.switch-row {
  padding:9.1px 0
}
.workspace-nav .nav {
  font-size:11px;
  padding:5.6px 7.7px
}
.header-controls {
  gap:5.6px
}
.header-controls select {
  max-width:108.5px
}
body[data-workspace=member] .guild-banner {
  padding:16.8px 12.6px;
  gap:8.4px
}
body[data-workspace=member] .guild-banner>div {
  max-width:504px;
  min-width:0
}
body[data-workspace=member] .guild-banner h1 {
  font-size:18.2px;
  margin:7px 0 4.2px
}
body[data-workspace=member] .guild-contacts {
  gap:5.6px
}
.public-guild-logo {
  width:50.4px;
  height:50.4px;
  border-radius:14px;
  margin:0 auto
}
.public-home-section {
  min-width:0;
  margin-bottom:12.6px
}
.member-pin-card {
  max-width:392px;
  margin:14px auto 18.2px
}
.member-pin-card summary {
  font-size:11px
}
.pin-welcome {
  margin:11.2px 0
}
.pin-welcome h2 {
  font-size:15.4px;
  margin:7px 0 4.2px
}
.pin-welcome p {
  font-size:11px
}
.pin-lock {
  width:39.2px;
  height:39.2px;
  margin:auto;
  border-radius:12.6px;
  font-size:17.5px
}
.pin-mode-tabs {
  gap:4.2px;
  margin:12.6px 0
}
.pin-mode-tabs button {
  font-size:11px;
  padding:6.3px 5.6px
}
.member-pin-card form {
  gap:8.4px
}
.member-pin-card label {
  gap:4.2px;
  font-size:11px
}
.member-pin-card input,.member-pin-card select {
  margin:0;
  min-width:0;
  width:100%
}
.pin-code-input {
  letter-spacing:.7em;
  font-size:16.8px!important;
  min-height:37.8px
}
.pin-submit {
  width:100%;
  min-height:30.8px
}
.pin-field-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px
}
.pin-help {
  padding-top:9.8px;
  margin-top:9.8px
}
.pin-help p {
  font-size:11px;
  line-height:1.53
}
.member-pin-card [data-pin-status] {
  margin:7px 0
}
.portal-next-event {
  margin-bottom:14px;
  padding:14px;
  gap:12.6px
}
.portal-next-event h2 {
  font-size:16.1px
}
.countdown-digits {
  gap:5.6px
}
.countdown-digits>div {
  min-width:39.2px;
  padding:7px
}
.countdown-digits b {
  font-size:18.2px
}
.countdown-digits span {
  font-size:11px
}
body[data-workspace=member] .class-chip {
  border-radius:8.4px
}
@media(max-width:1100px) {
  .public-party-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .week-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .settings-content {
    padding:11.2px
  }
}
@media(max-width:700px) {
  body {
    font-size:11px
  }
  .main {
    padding:8.4px
  }
  .topbar {
    padding:7px 8.4px;
    gap:7px
  }
  .topbar .logo {
    font-size:11px
  }
  .topbar .logo small {
    font-size:11px
  }
  .header-controls {
    width:100%;
    gap:4.2px
  }
  .header-controls select,.header-controls button {
    font-size:11px;
    padding:4.9px 5.6px;
    min-height:25.2px
  }
  .header-controls select {
    max-width:94.5px
  }
  .guild-banner {
    margin-bottom:11.2px
  }
  body[data-workspace=member] .guild-banner {
    padding:12.6px 8.4px
  }
  body[data-workspace=member] .guild-banner h1 {
    font-size:16.1px
  }
  .public-guild-logo {
    width:44.8px;
    height:44.8px
  }
  .panel-body {
    padding:9.8px
  }
  .page-heading h1 {
    font-size:15.4px
  }
  .member-pin-card {
    margin:11.2px auto;
    padding:11.2px
  }
  .pin-welcome h2 {
    font-size:14.7px
  }
  .pin-mode-tabs button {
    font-size:11px
  }
  .portal-next-event {
    padding:11.2px
  }
  .countdown-digits>div {
    min-width:32.2px;
    padding:5.6px
  }
  .countdown-digits b {
    font-size:16.1px
  }
  .public-party-grid,.week-grid {
    grid-template-columns:1fr
  }
  .public-home-section .between {
    gap:7px
  }
  .public-home-section .table-wrap {
    max-width:100%
  }
  .public-home-section table {
    min-width:0
  }
  .public-home-section th,.public-home-section td {
    padding:6.3px 4.2px;
    font-size:11px
  }
  .public-home-section .class-chip {
    padding:4.2px;
    gap:3.5px;
    font-size:11px
  }
  .public-home-section .class-image {
    width:17.5px;
    height:17.5px
  }
  .discord-roster-person {
    min-width:0;
    gap:4.2px
  }
  .settings-layout {
    grid-template-columns:1fr
  }
  .settings-menu button {
    font-size:11px
  }
  .invite-link-row input {
    min-width:0
  }
  .filter-bar {
    gap:5.6px
  }
  .filter-bar label {
    min-width:84px
  }
  dialog {
    max-width:calc(100vw - 16.8px)
  }
  .status-grid {
    grid-template-columns:repeat(auto-fit,minmax(min(100%,105px),1fr))
  }
}
@media(max-width:700px) {
  body[data-workspace=member] .header-controls {
    grid-template-columns:39.2px auto minmax(63px,94.5px);
    width:100%
  }
  body[data-workspace=member] .header-controls select {
    width:100%;
    min-width:0;
    max-width:100%;
    font-size:11px
  }
  body[data-workspace=member] .guild-banner {
    padding:9.8px 8.4px
  }
  body[data-workspace=member] .guild-banner h1 {
    font-size:15.4px
  }
  .member-pin-card>details>summary {
    font-size:11px
  }
  .public-guild-logo {
    width:39.2px;
    height:39.2px
  }
}
.portal-vote-option {
  gap:7px;
  padding:7px;
  border-radius:5.6px;
  margin:5.6px 0
}
.portal-vote-option input {
  width:12.6px;
  height:12.6px;
  margin:0
}
@media(max-width:700px) {
  body[data-workspace=member] .header-controls {
    grid-template-columns:36.4px 77px minmax(66.5px,91px)
  }
}
#owner-discord-log-panel {
  margin-bottom:12.6px
}
#owner-discord-log-panel form {
  gap:9.8px
}
#owner-discord-log-panel label {
  font-size:11px
}
#owner-discord-log-panel fieldset {
  border-radius:7px;
  padding:8.4px;
  min-width:0
}
#owner-discord-log-panel legend {
  padding:0 5.6px
}
.owner-log-filters {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,161px),1fr));
  gap:7px
}
.owner-log-check {
  gap:5.6px
}
.owner-log-check input {
  width:11.9px;
  height:11.9px;
  margin:0
}
.owner-log-status {
  gap:8.4px;
  margin:8.4px 0
}
.owner-log-deliveries article {
  gap:5.6px;
  padding:6.3px 0
}
#owner-discord-log-panel details {
  margin:8.4px 0
}
#owner-discord-log-panel input[type=password] {
  width:100%
}
#owner-discord-log-panel .notice {
  margin:8.4px 0;
  padding:8.4px
}
#owner-discord-log-panel .connection-switch {
  gap:8.4px
}
#owner-discord-log-panel .owner-log-check {
  gap:5.6px
}
#owner-discord-log-panel .owner-log-check input {
  width:11.9px;
  height:11.9px;
  margin:0
}
.multi-event-countdown {
  gap:7px;
  margin-bottom:14px
}
.event-countdown-list {
  gap:7px
}
.event-countdown-list .war-countdown {
  margin:0
}
.portal-event-stack .portal-next-event {
  margin-bottom:0
}
.portal-event-stack .portal-next-event h2 {
  margin:2.8px 0
}
.portal-event-stack .event-countdown-list {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,336px),1fr))
}
.event-view-hint {
  margin-top:5.6px;
  font-size:11px
}
.event-detail-cover {
  width:100%;
  max-height:168px;
  border-radius:9.8px;
  margin-bottom:9.8px
}
.event-detail-sheet {
  width:min(504px,calc(100vw - 26.6px));
  max-height:86vh;
  border-radius:14px
}
.event-detail-sheet>header {
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:9.8px;
  padding:14px 16.8px
}
.event-detail-sheet>header h2 {
  font-size:19.6px;
  margin:1.4px 0
}
.event-detail-sheet>header p {
  margin:0
}
.event-detail-sheet>header button {
  font-size:23.8px;
  padding:0 5.6px
}
.event-detail-icon {
  font-size:23.8px
}
.event-detail-sheet>section {
  padding:12.6px 16.8px
}
.event-detail-sheet>section h3 {
  margin-bottom:5.6px
}
.event-detail-sheet .multiline {
  line-height:1.53
}
.event-rewards {
  gap:7px
}
.event-rewards>span {
  gap:5.6px;
  padding:7px 9.1px;
  border-radius:8.4px
}
.event-rewards b {
  width:23.8px;
  height:23.8px;
  border-radius:6.3px;
  font-size:14px
}
.event-detail-go {
  min-width:154px;
  margin:14px auto
}
#public-event-detail {
  padding:0;
  max-width:none
}
@media(max-width:700px) {
  .event-detail-sheet>header {
    padding:11.2px;
    gap:6.3px
  }
  .event-detail-sheet>header h2 {
    font-size:15.4px
  }
  .event-detail-sheet>section {
    padding:10.5px 11.2px
  }
  .event-detail-icon {
    font-size:18.2px
  }
  .event-rewards>span {
    padding:5.6px;
    font-size:11px
  }
  .event-detail-go {
    width:calc(100% - 22.4px)
  }
}
.event-image-editor {
  gap:7px;
  margin:7px 0 12.6px
}
.event-image-editor>label {
  margin:0
}
.event-image-preview {
  width:100%;
  max-height:182px;
  border-radius:9.8px
}
.event-image-preview img {
  width:100%;
  height:100%
}
.event-image-preview>span {
  gap:5.6px;
  font-size:21px;
  padding:11.2px
}
.event-image-preview b {
  font-size:11px
}
.event-image-actions {
  gap:5.6px
}
.event-image-actions .button {
  gap:4.9px;
  margin:0
}
.event-detail-cover-wrap .event-detail-cover {
  margin:0;
  width:100%;
  height:auto;
  max-height:196px;
  border-radius:14px 14px 0 0
}
.event-detail-cover-empty {
  font-size:21px
}
.event-guide-button {
  left:12.6px;
  bottom:11.2px;
  width:36.4px;
  height:36.4px;
  padding:0;
  border-radius:50%;
  font-size:21.7px;
  line-height:1
}
.event-detail-sheet [data-event-main]>section,.event-game-guide>section {
  padding:12.6px 16.8px
}
.event-game-guide {
  min-height:210px
}
.event-game-guide h2 {
  margin:5.6px 0 11.2px;
  font-size:17.5px
}
.event-game-guide .multiline {
  font-size:11px;
  line-height:1.61
}
@media(max-width:700px) {
  .event-guide-button {
    left:8.4px;
    bottom:7px;
    width:30.8px;
    height:30.8px;
    font-size:17.5px
  }
  .event-detail-sheet [data-event-main]>section,.event-game-guide>section {
    padding:10.5px 11.2px
  }
  .event-game-guide h2 {
    font-size:14px
  }
}
.event-editor-help {
  width:29.4px;
  height:29.4px;
  min-width:29.4px;
  padding:0;
  border-radius:50%;
  font-size:16.8px;
  line-height:1
}
.event-image-actions:not(.has-image) .event-editor-help {
  margin-left:0
}
.event-image-actions.has-image .event-editor-help {
  margin-left:1.4px
}
.event-guide-editor {
  padding:9.8px;
  border-radius:8.4px
}
.event-image-actions [data-event-image-clear] {
  top:26.6px;
  right:7px;
  width:23.8px;
  height:23.8px;
  min-width:23.8px;
  padding:0;
  border-radius:50%
}
.event-image-actions [data-event-image-clear]::before {
  inset:0;
  font-size:16.1px;
  line-height:1
}
body[data-workspace=manager] .board-next-event {
  min-height:46.2px;
  padding:10.5px 14px;
  border-radius:8.4px;
  gap:14px;
  font-size:11.2px
}
body[data-workspace=manager] .board-next-event>span:first-child {
  font-size:11.2px;
  line-height:1.36
}
body[data-workspace=manager] .board-next-event .live-counter {
  padding:5.6px 9.1px;
  border-radius:6.3px;
  font-size:11.9px;
  letter-spacing:.075em
}
@media(max-width:700px) {
  body[data-workspace=manager] .board-next-event {
    min-height:50.4px;
    padding:9.1px 9.8px;
    gap:6.3px
  }
  body[data-workspace=manager] .board-next-event .live-counter {
    font-size:11.2px
  }
}
.header-display-controls {
  gap:4.9px
}
.header-display-controls .appearance-menu>summary {
  min-width:37.8px;
  padding-inline:5.6px
}
.header-display-controls .theme-color-preview {
  width:29.4px;
  height:16.8px;
  border-radius:4.9px
}
.header-display-controls .appearance-options {
  right:0
}
.header-display-controls .appearance-toggle {
  gap:4.2px
}
@media(max-width:700px) {
  .header-display-controls {
    grid-template-columns:minmax(60.2px,1fr) auto auto;
    width:100%;
    gap:3.5px
  }
  .header-display-controls select {
    width:100%;
    max-width:none
  }
  .header-display-controls .appearance-menu>summary {
    min-height:25.2px
  }
  .header-display-controls .theme-color-preview {
    width:23.8px;
    height:15.4px
  }
}
.reward-library-picker {
  margin:5.6px 0 8.4px
}
.reward-library-picker>summary {
  width:max-content;
  max-width:100%;
  padding:5.6px 8.4px;
  border-radius:5.6px
}
.reward-library-picker>div {
  grid-template-columns:repeat(auto-fill,minmax(57.4px,1fr));
  gap:5.6px;
  max-height:231px;
  margin-top:6.3px;
  padding:7px;
  border-radius:7px
}
.reward-library-picker button {
  gap:2.8px;
  min-width:0;
  padding:4.2px
}
.reward-library-picker img {
  width:43.4px;
  height:43.4px;
  border-radius:6.3px
}
.reward-library-picker button span {
  width:100%;
  font-size:11px
}
.reward-library-section+.reward-library-section {
  margin-top:11.2px;
  padding-top:9.8px
}
.reward-library-section h4 {
  gap:4.9px;
  margin:0 0 6.3px;
  font-size:11px
}
.reward-library-section h4 small {
  min-width:16.1px;
  height:16.1px;
  padding:0 4.2px;
  border-radius:699.3px;
  font-size:11px
}
.reward-library-section>div {
  grid-template-columns:repeat(auto-fill,minmax(57.4px,1fr));
  gap:5.6px
}
.reward-library-section button {
  border-radius:7.7px
}
.reward-library-section img {
  width:47.6px;
  height:47.6px
}
.event-guide-view {
  padding:2.8px 1.4px 7px
}
.event-guide-view>.between {
  gap:11.2px
}
.event-guide-view h2 {
  margin:2.1px 0 0
}
.event-guide-view>p {
  margin:9.8px 0 12.6px
}
.event-guide-view textarea {
  min-height:224px
}
.event-image-source {
  padding:8.4px;
  border-radius:9.8px
}
.event-source-tabs {
  gap:5.6px;
  margin-bottom:8.4px
}
.event-image-library {
  grid-template-columns:repeat(auto-fill,minmax(73.5px,1fr));
  gap:6.3px;
  max-height:196px
}
.event-library-card {
  padding:3.5px;
  border-radius:7.7px
}
.event-library-card img {
  width:100%;
  border-radius:4.9px
}
.event-library-card span {
  font-size:11px;
  margin-top:2.8px
}
.event-library-card i {
  right:4.9px;
  top:4.9px;
  width:16.1px;
  height:16.1px;
  border-radius:50%
}
.event-library-empty {
  padding:12.6px
}
.reward-image-editor {
  gap:7px;
  margin:11.2px 0
}
.reward-image-editor .button {
  margin:0
}
.reward-image-grid {
  gap:7px;
  padding:9.8px;
  border-radius:10.5px
}
.reward-image-grid>button {
  padding:2.1px;
  border-radius:9.1px
}
.reward-image-grid img {
  width:57.4px;
  height:57.4px;
  border-radius:7px
}
.reward-image-grid button span {
  right:-3.5px;
  top:-4.2px;
  width:16.8px;
  height:16.8px;
  border-radius:50%
}
.reward-image-placeholder {
  min-height:63px;
  width:100%;
  font-size:21px
}
.reward-image-placeholder span {
  font-size:11px
}
.event-reward-images {
  gap:7px;
  margin-bottom:8.4px;
  padding:8.4px;
  border-radius:10.5px
}
.event-reward-images img {
  width:53.2px;
  height:53.2px;
  border-radius:9.1px
}
@media(max-width:600px) {
  .event-guide-view textarea {
    min-height:182px
  }
  .event-image-library {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .reward-image-grid img,.event-reward-images img {
    width:44.8px;
    height:44.8px
  }
}
.reward-image-grid {
  min-height:51.8px;
  padding:7px 8.4px;
  gap:5.6px
}
.reward-image-grid>button {
  width:49px;
  height:49px;
  min-width:49px;
  min-height:49px;
  padding:2.8px;
  border-radius:8.4px
}
.reward-image-grid img {
  width:42px!important;
  height:42px!important;
  max-width:42px;
  max-height:42px;
  border-radius:6.3px
}
.reward-image-grid button span {
  right:-4.9px;
  top:-4.9px;
  width:14.7px;
  height:14.7px;
  font-size:11px
}
.reward-image-placeholder {
  min-height:47.6px
}
.event-reward-images {
  min-height:51.8px;
  padding:7px 8.4px;
  gap:5.6px
}
.event-reward-images img {
  width:47.6px!important;
  height:47.6px!important;
  max-width:47.6px;
  max-height:47.6px;
  border-radius:7.7px
}
@media(max-width:600px) {
  .reward-image-grid>button {
    width:43.4px;
    height:43.4px;
    min-width:43.4px;
    min-height:43.4px;
    flex-basis:43.4px
  }
  .reward-image-grid img {
    width:36.4px!important;
    height:36.4px!important
  }
  .event-reward-images img {
    width:40.6px!important;
    height:40.6px!important;
    flex-basis:40.6px
  }
}
#public-event-detail[open] {
  width:100vw;
  max-width:100vw;
  height:100vh;
  max-height:100vh;
  margin:0;
  padding:16.8px
}
#public-event-detail .event-detail-sheet {
  margin:auto
}
@media(max-width:700px) {
  #public-event-detail[open] {
    padding:8.4px
  }
  .event-detail-sheet {
    max-height:calc(100vh - 16.8px)
  }
}
.reward-item-entry {
  grid-template-columns:minmax(91px,1fr) 49px;
  gap:6.3px;
  max-width:238px;
  padding:5.6px 7px;
  border-radius:9.8px
}
.reward-item-entry>input {
  margin:0;
  min-width:0
}
.reward-item-entry>button {
  width:43.4px!important;
  height:43.4px!important;
  min-width:43.4px!important;
  min-height:43.4px!important
}
.reward-item-entry>button img {
  width:36.4px!important;
  height:36.4px!important
}
.event-reward-pairs {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,168px),1fr));
  gap:7px
}
.event-reward-pairs>article {
  grid-template-columns:minmax(0,1fr) 46.2px;
  gap:8.4px;
  padding:7px 8.4px;
  border-radius:9.8px;
  min-height:49px
}
.event-reward-pairs img,.reward-pair-fallback {
  width:40.6px!important;
  height:40.6px!important;
  max-width:40.6px!important;
  max-height:40.6px!important;
  border-radius:7.7px
}
.reward-pair-fallback {
  font-size:16.8px
}
@media(max-width:600px) {
  .reward-item-entry {
    grid-template-columns:minmax(0,1fr) 40.6px;
    flex-basis:100%;
    max-width:none
  }
  .reward-item-entry>button {
    width:37.8px!important;
    height:37.8px!important;
    min-width:37.8px!important;
    min-height:37.8px!important
  }
  .reward-item-entry>button img {
    width:30.8px!important;
    height:30.8px!important
  }
  .event-reward-pairs {
    grid-template-columns:1fr
  }
  .event-reward-pairs>article {
    grid-template-columns:minmax(0,1fr) 40.6px
  }
  .event-reward-pairs img,.reward-pair-fallback {
    width:36.4px!important;
    height:36.4px!important
  }
}
.reward-item-entry {
  grid-template-columns:43.4px minmax(0,1fr);
  max-width:none
}
.event-reward-pairs {
  grid-template-columns:repeat(3,minmax(0,1fr))
}
.event-reward-pairs>article {
  grid-template-columns:40.6px minmax(0,1fr)
}
@media(max-width:760px) {
  .event-reward-pairs {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media(max-width:520px) {
  .event-reward-pairs {
    grid-template-columns:1fr
  }
  .reward-item-entry {
    grid-template-columns:37.8px minmax(0,1fr);
    flex-basis:100%
  }
}
.event-reward-pairs {
  gap:4.2px
}
.event-reward-pairs>article {
  grid-template-columns:26.6px minmax(0,1fr);
  gap:4.9px;
  min-height:29.4px;
  padding:3.5px 4.9px;
  border-radius:7px
}
.event-reward-pairs strong {
  font-size:11px;
  line-height:1.25
}
.event-reward-pairs img,.reward-pair-fallback {
  width:25.2px!important;
  height:25.2px!important;
  max-width:25.2px!important;
  max-height:25.2px!important;
  border-radius:5.6px
}
.reward-pair-fallback {
  font-size:11.2px
}
.event-detail-sheet .event-reward-section {
  padding-top:8.4px!important;
  padding-bottom:8.4px!important
}
.event-detail-sheet .event-reward-section h3 {
  margin-bottom:4.2px
}
@media(max-width:520px) {
  .event-reward-pairs {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:3.5px
  }
  .event-reward-pairs>article {
    grid-template-columns:22.4px minmax(0,1fr);
    min-height:26.6px;
    padding:2.8px 4.2px;
    gap:3.5px
  }
  .event-reward-pairs img,.reward-pair-fallback {
    width:21px!important;
    height:21px!important;
    max-width:21px!important;
    max-height:21px!important
  }
  .event-reward-pairs strong {
    font-size:11px
  }
}
@media(max-width:340px) {
  .event-reward-pairs {
    grid-template-columns:1fr
  }
}
.event-guide-actions {
  margin-top:9.8px
}
.member-profile-photo>[data-member-profile-preview]::after {
  right:2.8px;
  bottom:2.8px;
  width:16.8px;
  height:16.8px;
  border-radius:50%;
  font-size:11px
}
.appearance-current-only {
  gap:5.6px;
  padding:5.6px 7.7px;
  border-radius:7px
}
.appearance-current-only .theme-color-preview {
  width:33.6px;
  height:19.6px;
  border-radius:5.6px
}
body[data-workspace=member] .portal-next-event .countdown-digits {
  gap:8.4px!important
}
body[data-workspace=member] .portal-next-event .countdown-digits>div {
  min-width:67.2px!important;
  min-height:78.4px;
  padding:8.4px 9.8px!important;
  border-radius:9.8px
}
body[data-workspace=member] .portal-next-event .countdown-digits b {
  font-size:32.2px!important;
  line-height:1
}
body[data-workspace=member] .portal-next-event .countdown-digits span {
  margin-top:7px;
  font-size:11px!important
}
@media(max-width:600px) {
  body[data-workspace=member] .portal-next-event .countdown-digits {
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:4.2px!important;
    width:100%
  }
  body[data-workspace=member] .portal-next-event .countdown-digits>div {
    min-width:0!important;
    min-height:61.6px;
    padding:6.3px 2.8px!important;
    border-radius:7.7px
  }
  body[data-workspace=member] .portal-next-event .countdown-digits b {
    font-size:23.8px!important
  }
  body[data-workspace=member] .portal-next-event .countdown-digits span {
    font-size:11px!important;
    margin-top:4.9px
  }
}
.portal-next-event .event-view-hint {
  margin-top:4.9px
}
.sidebar-account-controls {
  grid-template-columns:minmax(0,1fr) 26.6px;
}
.sidebar-account-profile {
  width:100%;
  min-width:0;
  grid-template-columns:40.6px minmax(0,1fr);
  gap:5.6px;
}
.pool-add-character {
  width:100%;
  min-height:26.6px;
  margin-top:5.6px;
}
@media(min-width:901px) {
  .pool-job-filter[open] .filter-job-options {
    width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .roster-person-copy {
    gap:7px;
  }
  .roster-person-copy strong,
  .roster-person-class,
  .roster-person-copy small {
    min-width:0;
  }
}
@media(max-width:700px) {
  .roster-person-copy {
    gap:1.4px;
  }
}
.theme-art {
  width:18.9px;
  height:18.9px;
}
.appearance-toggle .theme-art + span {
  margin-left:1.4px;
}
.member-language-picker {
  margin:0;
  padding:0;
}
.member-language-picker legend {
  margin-bottom:5.6px;
}
.member-language-picker > div {
  grid-template-columns:repeat(4,1fr);
  gap:5.6px;
}
.member-language-picker span {
  min-height:29.4px;
  border-radius:7.7px;
}
.job-picker-menu > summary::after {
  margin-left:auto;
  font-size:14px;
}
.job-picker-panel {
  gap:7px;
  margin-top:5.6px;
  padding:7px;
  border-radius:8.4px;
}
.roster-table-panel tbody tr {
  height:42px;
}
.roster-table-panel tbody td {
  padding-block:4.2px;
}
.roster-account-cell > .badge {
  width:max-content;
  margin-bottom:3.5px;
}
.roster-account-lower {
  gap:2.8px 7px;
}
.roster-account-lower .roster-pin-state,
.roster-account-lower .roster-discord-state {
  margin:0;
}
body.workspace-sidebar-collapsed .desktop-workspace-nav {
  padding-top:35px;
}
body.workspace-sidebar-collapsed .desktop-sidebar-toggle {
  top:8.4px;
}
body.workspace-sidebar-collapsed .sidebar-account-controls {
  grid-template-columns:1fr;
  gap:4.9px;
}
@media(max-width:700px) {
  .roster-table-panel tbody tr {
    height:auto;
  }
}
.exp-calculator-dialog{width:min(826px,calc(100vw - 25.2px));max-width:none;max-height:94dvh;padding:0;border-radius:14px}
.exp-calculator{padding:18.2px;font-size:11px;line-height:1.4}
.exp-calculator h2,.exp-calculator h3,.exp-calculator p{margin:0}
.exp-calculator h2{font-size:19.6px;line-height:1.4}
.exp-calculator h3{font-size:11.2px;line-height:1.36}
.exp-calculator p{font-size:11px}
.exp-calculator small{font-size:11px}
.exp-heading{gap:14px;padding:5.6px 4.2px 15.4px}
.exp-heading p{margin-top:5.6px}
.exp-eyebrow{font-size:11px;letter-spacing:1.4px;margin-bottom:4.2px}
.exp-top-actions{gap:8.4px;padding:11.2px 0}
.exp-instruction{padding:8.4px 11.2px;border-radius:8.4px;margin-bottom:12.6px;font-size:11px}
.exp-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:12.6px}
.exp-input-column,.exp-result-column,.exp-result-column>[data-exp-results]{gap:9.8px;min-width:0}
.exp-card{border-radius:10.5px;padding:12.6px;min-width:0}
.exp-card>h3{margin-bottom:2.8px}
.exp-card>p{margin-bottom:9.8px}
.exp-character-fields{grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:8.4px}
.exp-paired-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8.4px;margin-top:8.4px}
.exp-calculator .exp-field{gap:4.2px;margin:0 0 8.4px;min-width:0;font-size:11px}
.exp-field>span{min-height:15.4px}
.exp-calculator .exp-field input{min-width:0;width:100%;height:30.8px;margin:0;padding:7px 8.4px;border-radius:6.3px;font-size:11.2px}
.exp-profile-line{gap:7px;font-size:11px;margin:7px 0 4.2px}
.exp-meter{height:12.6px;border-radius:5.6px}
.exp-meter>span{inset:0 auto 0 0}
.exp-meter>b{inset:0;font-size:11px;line-height:12.6px}
.exp-advanced{margin-top:9.8px}
.exp-advanced summary{font-size:11px}
.exp-advanced .exp-field{margin-top:8.4px}
.exp-level-hint{font-size:11px!important}
.exp-monster{border-radius:8.4px;padding:9.1px;margin-top:8.4px}
.exp-monster-heading{gap:7px}
.exp-monster-heading>strong{font-size:11px}
.exp-calculator .badge{font-size:11px}
.exp-paired-fields .exp-field{margin:0}
.exp-monster+p{margin-top:8.4px;margin-bottom:0}
.exp-status{gap:8.4px;padding:11.2px;border-radius:9.8px}
.exp-status>span{font-size:21px}
.exp-status h3{font-size:12.6px;letter-spacing:.5px}
.exp-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.exp-stat-grid>div{border-radius:8.4px;padding:8.4px;min-width:0}
.exp-stat-grid span{font-size:11px}
.exp-stat-grid strong{font-size:clamp(11.2px,1.6vw,16.1px)}
.exp-comparison .exp-profile-line:first-child{margin-top:0}
.exp-after-meter>i{top:0;bottom:0}
.exp-after-meter>em{top:0;bottom:0;width:1.4px}
.exp-plan-row{grid-template-columns:21px minmax(0,1fr) auto;gap:7px;border-radius:8.4px;padding:8.4px;margin:7px 0}
.exp-plan-row>b,.exp-next-step>b{width:19.6px;height:19.6px;line-height:19.6px;border-radius:50%}
.exp-plan-row>div strong{font-size:11px}
.exp-plan-row>span{font-size:11px}
.exp-plan-row>span strong{font-size:19.6px}
.exp-next-step{gap:7px;border-radius:8.4px;padding:8.4px;margin-bottom:8.4px}
.exp-next-step strong{font-size:11px}
.exp-next-step p{font-size:11px}
.exp-quota-table>div{gap:8.4px;padding:3.5px 0;font-size:11px}
.exp-quota-table{margin-bottom:8.4px}
.exp-share-heading{gap:8.4px}
.exp-share-text{padding:9.8px;border-radius:7px;font-size:11px;margin:8.4px 0 0}
.exp-error{padding:14px;border-radius:8.4px}
.exp-help{margin-top:12.6px}
.exp-help ol{padding-left:16.8px;margin:5.6px 0 0;font-size:11px}
.exp-footer{gap:9.8px;padding-top:12.6px;font-size:11px}
@media(max-width:850px){.exp-calculator-dialog{width:calc(100vw - 14px);max-height:96dvh}.exp-calculator{padding:11.2px}.exp-layout{grid-template-columns:1fr}.exp-heading h2{font-size:16.1px}.exp-stat-grid strong{font-size:14px}}
@media(max-width:450px){.exp-calculator{padding:8.4px}.exp-card{padding:8.4px}.exp-character-fields,.exp-paired-fields{grid-template-columns:1fr 1fr;gap:5.6px}.exp-field>span{font-size:11px;min-height:28px}.exp-monster{padding:7px}.exp-plan-row{grid-template-columns:18.2px minmax(0,1fr);gap:5.6px}.exp-stat-grid{gap:4.2px}.exp-stat-grid>div{padding:5.6px}.exp-stat-grid strong{font-size:11.2px}}
.forge-dialog{width:min(966px,calc(100vw - 22.4px));max-width:none;max-height:95dvh;padding:0;border-radius:15.4px}
.forge-arena{padding:18.2px;font-size:11px;line-height:1.36}
.forge-arena h2,.forge-arena h3,.forge-arena h4,.forge-arena p{margin:0}
.forge-arena h2{font-size:21px}
.forge-arena h3{font-size:11.9px}
.forge-arena h4{margin:12.6px 0 7px}
.forge-arena small{font-size:11px}
.forge-arena p{font-size:11px}
.forge-arena button{font-size:11px;line-height:1.35;padding:5.6px 8.4px;border-radius:6.3px;min-width:0}
.forge-arena select{padding:5.6px;border-radius:5.6px;min-width:0;font-size:11px}
.forge-header{gap:14px;padding-bottom:14px}
.forge-kicker{font-size:11px;letter-spacing:1.61px}
.forge-header-actions{gap:5.6px}
.forge-live-strip{gap:14px;min-height:30.8px;padding:8.4px 0;font-size:11px}
.forge-online-dot{width:4.2px;height:4.2px;border-radius:50%;margin-right:4.2px}
.forge-main-grid{grid-template-columns:minmax(168px,.85fr) minmax(217px,1.4fr) minmax(168px,.85fr);gap:12.6px}
.forge-card{border-radius:10.5px;padding:12.6px;min-width:0}
.forge-card-title{gap:7px;margin-bottom:8.4px}
.forge-live-badge{border-radius:3.5px;font-size:11px;letter-spacing:1px;padding:1.4px 3.5px}
.forge-periods,.forge-metrics{gap:3.5px;margin:7px 0}
.forge-periods button{padding:4.9px 3.5px}
.forge-metrics button{font-size:11px;padding:3.5px 5.6px}
.forge-rank-period{font-size:11px!important;padding:4.2px 0}
.forge-rank-list{max-height:343px;min-height:140px}
.forge-rank-person{gap:5.6px;padding:8.4px 0;font-size:11px}
.forge-rank-place{width:17.5px}
.forge-rank-person>div{min-width:0}
.forge-rank-person strong{font-size:11px}
.forge-rank-person small{font-size:11px}
.forge-rank-person img{width:21px;height:26.6px;margin-right:4.2px}
.forge-my-rank{border-radius:5.6px;padding:7px;margin:8.4px 0;font-size:11px}
.forge-note{margin-top:7px!important;font-size:11px!important;line-height:1.44}
.forge-empty{padding:22.4px 7px;gap:5.6px}
.forge-center{min-width:0}
.forge-stage{height:255.5px;border-radius:12.6px}
.forge-stage:before{inset:0}
.forge-orbit{width:164.5px;height:164.5px;border-radius:50%}
.forge-orbit:after{top:-11.2px;left:73.5px;font-size:16.1px}
.forge-level-label{letter-spacing:2.8px;font-size:11px;margin-bottom:5.6px}
.forge-art{height:101.5px;width:101.5px}
.forge-weapon{width:100%;height:100%}
.forge-level-number{font-size:43.4px;line-height:1.1}
.forge-anvil{font-size:21px;line-height:1;margin-top:4.2px}
.forge-result-banner{min-height:21px;margin-top:8.4px;font-size:11px;letter-spacing:.7px}
.forge-stage-stars{inset:0}
.forge-current-info{padding:11.2px 0 7px}
.forge-current-info h3{font-size:14px}
.forge-rate{gap:8.4px;margin:7px 0}
.forge-rate>strong{font-size:25.2px}
.forge-rate>span{font-size:11px}
.forge-mode-badge{font-size:11px;border-radius:14px;padding:2.1px 8.4px;margin-top:7px}
.forge-arena .forge-strike{width:100%;padding:10.5px;font-size:14px;letter-spacing:1px}
.forge-auto-controls{gap:7px;margin-top:7px}
.forge-auto-controls label{gap:5.6px;font-size:11px}
.forge-auto-controls button{min-height:28px}
.forge-achievements{gap:5.6px;margin:12.6px 0}
.forge-achievements span{font-size:11px;border-radius:5.6px;padding:4.2px 8.4px}
.forge-job-picker{margin:8.4px 0}
.forge-job-picker summary{gap:5.6px;border-radius:7px;padding:5.6px;font-size:11px}
.forge-job-picker summary>span:last-child{margin-left:auto}
.forge-job-picker img{height:28px;width:23.8px}
.forge-job-grid{grid-template-columns:1fr 1fr;max-height:231px;gap:4.2px;padding:5.6px;border-radius:5.6px;margin-top:5.6px}
.forge-job-grid button{padding:4.2px;font-size:11px}
.forge-weapon-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:5.6px}
.forge-weapon-choices button{padding:8.4px 5.6px}
.forge-weapon-choices svg{width:43.4px;height:43.4px}
.forge-weapon-choices span{font-size:11px}
.forge-loadout>label{gap:7px;font-size:11px;margin:9.8px 0}
.forge-arena .forge-new{width:100%}
.forge-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5.6px}
.forge-stats-grid>div{padding:7px;border-radius:7px}
.forge-stats-grid strong{font-size:15.4px}
.forge-session-stats>p{gap:7px;margin-top:5.6px}
.forge-history{margin-top:14px}
.forge-log-tools{gap:5.6px}
.forge-table-wrap{max-width:100%}
.forge-arena table{width:100%;font-size:11px}
.forge-arena th{font-size:11px}
.forge-arena td,.forge-arena th{padding:7.7px}
.forge-arena td small{font-size:11px}
.forge-log-outcome{padding:2.1px 4.9px;border-radius:3.5px}
.forge-log-pages{gap:9.8px;margin-top:9.8px;font-size:11px}
.forge-rules{margin-top:12.6px}
.forge-rules summary{font-size:11px}
.forge-rules p{margin:8.4px 0}
.forge-footer{gap:14px;margin-top:14px;font-size:11px}
.forge-error{bottom:8.4px;padding:8.4px 12.6px;border-radius:7px;font-size:11px}
#forge-live-floats{bottom:16.8px;left:16.8px;gap:7px;max-width:min(308px,calc(100vw - 22.4px))}
.forge-float{gap:8.4px;padding:9.1px 11.2px;border-radius:9.1px}
.forge-float>div{min-width:0}
.forge-float strong{font-size:11px}
.forge-float small{font-size:11px}
.forge-float button{padding:2.1px 4.9px;font-size:11px}
.forge-float-icon{font-size:16.8px}
@media(max-width:1100px){.forge-main-grid{grid-template-columns:minmax(154px,.8fr) minmax(196px,1.2fr)}.forge-loadout{grid-template-columns:1fr 1fr;gap:8.4px}.forge-stage{height:238px}}
@media(max-width:680px){.forge-dialog{width:calc(100vw - 11.2px);max-height:97dvh;border-radius:9.8px}.forge-arena{padding:9.8px}.forge-center{width:100%}.forge-controls{width:100%}.forge-rank-panel{width:100%}.forge-rank-list{max-height:210px}.forge-header h2{font-size:17.5px}.forge-header-actions{margin-top:8.4px}.forge-stage{height:224px}.forge-card{padding:9.8px}.forge-session-stats{margin-top:12.6px}.forge-job-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.forge-live-strip{font-size:11px}.forge-current-info p{font-size:11px}.forge-float{padding:7px;gap:5.6px}}
.forge-manual-note{margin:7px 0!important}
.forge-log-tools label{gap:4.9px;font-size:11px}
.forge-log-tools select{padding:3.5px 5.6px;font-size:11px}
.forge-ui-icon{width:11.9px;height:11.9px}
.forge-arena .forge-strike{gap:8.4px}
.forge-strike>.forge-ui-icon{width:17.5px;height:17.5px}
.forge-next-cost{margin:9.8px 0 2.8px}
.forge-next-cost>span{gap:4.9px;font-size:11px;margin-bottom:5.6px}
.forge-resource-pair{grid-template-columns:1fr 1fr;gap:7px}
.forge-resource{gap:7px;min-width:0;padding:7.7px 9.1px;border-radius:8.4px}
.forge-item-image{width:33.6px;height:33.6px;border-radius:0!important}
.forge-resource span{gap:1.4px;min-width:0}
.forge-resource small{font-size:11px}
.forge-resource strong{font-size:15.4px;line-height:1.2}
.forge-last-spent{padding:8.4px;border-radius:9.1px;margin:1.4px 0 9.8px}
.forge-spent-heading{gap:5.6px;margin-bottom:7px}
.forge-spent-heading>strong{gap:4.2px;font-size:11px}
.forge-last-spent .forge-resource{padding:5.6px}
.forge-last-spent .forge-item-image{width:23.8px;height:23.8px}
.forge-last-spent .forge-resource strong{font-size:11.2px}
.forge-total-resource{gap:6.3px;margin-top:6.3px;padding:5.6px 7px;border-radius:6.3px}
.forge-total-resource .forge-item-image{width:23.8px;height:23.8px}
.forge-total-resource>span{gap:1.4px;font-size:11px;min-width:0}
.forge-total-resource strong{font-size:11.2px}
.forge-sound-menu{font-size:11px}
.forge-sound-menu summary{gap:4.9px;padding:5.6px 8.4px;border-radius:6.3px}
.forge-sound-menu>div{right:0;top:calc(100% + 5.6px);width:210px;max-width:80vw;padding:11.2px;border-radius:9.1px}
.forge-sound-menu strong{font-size:11px}
.forge-sound-menu label{gap:5.6px;font-size:11px;margin:9.8px 0}
.forge-sound-menu input[type=range]{width:100%;padding:0}
.forge-sound-previews{grid-template-columns:1fr 1fr;gap:4.9px;margin-bottom:8.4px}
.forge-sound-menu small{line-height:1.44}
.forge-log-summary{gap:5.6px;padding:2.8px 0 9.8px}
.forge-log-summary>span{gap:4.9px;padding:3.5px 7.7px;border-radius:14px;font-size:11px}
.forge-log-summary>small{margin-left:auto}
.forge-log-body>.forge-table-wrap{max-height:343px;border-radius:7px}
.forge-log-body th{top:0}
.forge-log-player,.forge-log-weapon{gap:4.9px}
.forge-log-player img{width:17.5px;height:21px}
.forge-log-player+small{margin-top:2.1px}
.forge-log-weapon svg,.forge-log-weapon .forge-item-image{width:18.9px;height:18.9px}
.forge-log-level{gap:5.6px;font-size:11px}
.forge-log-level b{font-size:11px}
.forge-log-outcome{gap:3.5px}
.forge-log-outcome .forge-ui-icon{width:9.1px;height:9.1px}
.forge-resource-pair.compact{gap:5.6px}
.compact .forge-resource{padding:3.5px 5.6px;border-radius:4.9px;gap:3.5px}
.compact .forge-item-image{width:18.9px;height:18.9px}
.compact .forge-resource small{font-size:11px}
.compact .forge-resource strong{font-size:11px}
.forge-history .forge-card-title{gap:9.8px}
.forge-log-tools label{padding:3.5px 5.6px;border-radius:5.6px}
.forge-periods button,.forge-metrics button{gap:2.8px}
.forge-periods button .forge-ui-icon{width:8.4px;height:8.4px}
.forge-metrics button .forge-ui-icon{width:7.7px;height:7.7px}
@media(max-width:680px){.forge-resource{padding:6.3px;gap:4.9px}.forge-resource .forge-item-image{width:25.9px;height:25.9px}.forge-resource strong{font-size:13.3px}.forge-resource-pair{gap:5.6px}.forge-header-actions{gap:4.2px}.forge-sound-menu>div{right:auto;left:0}.forge-spent-heading{font-size:11px}.forge-last-spent{padding:7px}.forge-last-spent .forge-resource small{font-size:11px}}
.forge-stage:after{inset:-20%}
.forge-stage .forge-orbit{width:calc(154px + var(--forge-energy)*26.6px);height:calc(154px + var(--forge-energy)*26.6px)}
@media(max-width:680px){
 .forge-history{padding:7.7px}.forge-log-body>.forge-table-wrap{max-height:301px}.forge-log-body table,.forge-log-body tbody{width:100%}.forge-log-body tbody{gap:6.3px}.forge-log-body tr{grid-template-columns:minmax(0,1fr) auto;gap:5.6px 8.4px;padding:7.7px;border-radius:8.4px}.forge-log-body td{min-width:0;padding:0!important}.forge-log-body td:nth-child(4){margin-top:19.6px}.forge-log-weapon span{min-width:0}.forge-log-level{font-size:11px}.forge-log-outcome{font-size:11px}.forge-resource-pair.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:3.5px}.forge-resource-pair.compact .forge-resource{min-width:0;padding:4.2px}.forge-resource-pair.compact .forge-item-image{width:16.8px;height:16.8px}.forge-resource-pair.compact .forge-resource strong{font-size:11px}.forge-stage{height:204.4px}.forge-stage .forge-art{width:82.6px;height:82.6px}.forge-stage .forge-level-number{font-size:36.4px}
}
@media(max-width:390px){.forge-log-body tr{grid-template-columns:minmax(0,1fr) 64.4px;padding:6.3px}.forge-resource-pair.compact .forge-item-image{width:14.7px;height:14.7px}.forge-resource-pair.compact .forge-resource{padding:3.5px 2.1px}.forge-history .forge-card-title{gap:5.6px}}
.forge-stage .forge-orbit{left:50%;top:50%;width:min(calc(154px + var(--forge-energy)*26.6px),calc(100% - 33.6px));height:auto}
.forge-stage .forge-orbit:after{left:50%}
.forge-stage .forge-level-label{top:15.4px;left:0;right:0;margin:0}
.forge-stage .forge-result-banner{left:12.6px;right:12.6px;bottom:12.6px;min-height:16.8px;margin:0}
.forge-weapon-choices .forge-weapon-image{width:43.4px;height:43.4px}
.forge-item-choices{gap:4.9px;max-height:199.5px;margin:7px 0}
.forge-item-choices button{gap:5.6px;padding:5.6px;min-width:0}
.forge-item-choices .forge-weapon-image{width:33.6px;height:33.6px}
.forge-item-choices button>span{min-width:0}
.forge-item-choices strong{font-size:11px}
.forge-item-choices small{font-size:11px}
.forge-item-choices .forge-ui-icon{width:10.5px}
.forge-art .forge-weapon-image{width:101.5px;height:101.5px}
.forge-legacy-art{width:100%;height:100%}
.forge-legacy-art .forge-ui-icon{width:30.8px;height:30.8px}
.forge-log-weapon .forge-weapon-image{width:23.8px;height:23.8px}
.forge-log-weapon>span{min-width:91px;max-width:147px}
.forge-rank-person .forge-weapon-image{width:26.6px;height:29.4px;margin-right:4.9px}
.forge-rank-scope{padding-top:8.4px;margin-top:8.4px}
.forge-rank-scope label{font-size:11px}
.forge-rank-scope select{width:100%;margin-top:4.9px;font-size:11px}
.forge-category-summary{grid-template-columns:auto 1fr;gap:2.1px 5.6px;padding:8.4px 0}
.forge-category-summary>img{width:29.4px;height:29.4px}
.forge-category-summary>strong{font-size:11px}
.forge-category-summary>small{font-size:11px}
.forge-type-champions summary{font-size:11px;margin:4.9px 0}
.forge-type-champions-list{gap:4.2px;max-height:238px}
.forge-type-champions-list button{gap:4.9px;padding:4.2px}
.forge-type-champions-list .forge-weapon-image{width:23.8px;height:25.2px}
.forge-type-champions-list button>span{min-width:0}
.forge-type-champions-list strong{font-size:11px}
.forge-type-champions-list small{font-size:11px}
.forge-type-champions-list b{font-size:11px}
.forge-float-icon .forge-weapon-image{width:26.6px;height:26.6px}
.forge-item-type{font-size:11px;line-height:1.36}
.forge-current-info h3{line-height:1.35}
.forge-arsenal-heading{gap:7px}
.forge-arsenal-heading h3{margin:2.1px 0 0;font-size:11.9px}
.forge-arsenal-heading .forge-kicker{font-size:11px;letter-spacing:1.4px}
.forge-inventory-count{padding:3.5px 5.6px;border-radius:14px;font-size:11px}
.forge-selected-weapon{gap:8.4px;min-width:0;border-radius:8.4px;margin:9.8px 0;padding:8.4px 6.3px}
.forge-selected-weapon>.forge-weapon-image{width:44.8px;height:50.4px}
.forge-selected-weapon>div{min-width:0}
.forge-selected-weapon small{font-size:11px;line-height:1.36}
.forge-selected-weapon strong{font-size:11px;line-height:1.35;margin:2.1px 0}
.forge-selected-weapon span{font-size:11px;line-height:1.36}
.forge-loadout-filters{grid-template-columns:1fr 1fr;gap:5.6px}
.forge-loadout-filters label{font-size:11px;min-width:0}
.forge-loadout-filters select{width:100%;margin-top:3.5px;font-size:11px;padding:5.6px}
.forge-armory-search{gap:4.9px;margin:7px 0;padding:0 6.3px;border-radius:6.3px}
.forge-armory-search>input{padding:6.3px 0;min-width:0;font-size:11px;width:100%}
.forge-armory-search .forge-ui-icon{width:10.5px}
.forge-inventory-heading{gap:5.6px;font-size:11px}
.forge-inventory-heading button{font-size:11px;padding:2.8px 4.9px}
.forge-item-choices{max-height:252px;gap:4.2px}
.forge-item-choices button strong{font-size:11px}
.forge-item-choices small{font-size:11px;line-height:1.36;margin-top:1.4px}
.forge-more-items{width:100%;font-size:11px;margin-bottom:7px}
.forge-armory-empty{padding:16.8px 8.4px;font-size:11px}
.forge-armory-empty .forge-ui-icon{width:18.2px;height:18.2px}
.forge-run-setup{margin-top:9.8px;padding-top:9.1px}
.forge-run-setup>label{gap:5.6px;font-size:11px;margin-bottom:7px}
.forge-run-setup select{max-width:94.5px;font-size:11px;padding:5.6px}
.forge-run-setup .forge-new{gap:4.9px;min-height:30.1px;font-size:11px}
.forge-resource-pair{grid-template-columns:1fr 1fr;gap:5.6px}
.forge-resource-pair .starstone strong{font-size:14.7px}
.forge-resource-pair .starstone small{font-size:11px}
.forge-resource em{font-size:11px;margin-top:1.4px}
.forge-cost-caption{font-size:11px;line-height:1.44;margin-top:5.6px}
.forge-starstone-total{border-radius:6.3px;padding:4.9px}
.forge-resource-pair.compact{grid-template-columns:repeat(3,minmax(58.8px,1fr));gap:3.5px}
.compact .forge-resource small{font-size:11px;line-height:1.4}
.compact .forge-resource strong,.compact .starstone strong{font-size:11px}
.forge-rule-starstone>span{gap:4.2px}
.forge-rule-starstone .forge-item-image{height:16.8px;width:16.8px}
.forge-rule-starstone small{font-size:11px}
@media(min-width:681px) and (max-width:1100px){.forge-loadout-filters{gap:7px}.forge-item-choices{max-height:231px}}
@media(max-width:680px){.forge-weapon-choices{grid-template-columns:repeat(auto-fit,minmax(63px,1fr))}.forge-selected-weapon>.forge-weapon-image{width:40.6px;height:44.8px}.forge-item-choices{max-height:217px}.forge-resource-pair .starstone strong{font-size:14px}.forge-resource-pair.compact{grid-template-columns:repeat(3,minmax(56px,1fr))}.forge-resource-pair.compact .starstone strong{font-size:11px}}
.forge-center>.forge-actions{margin-top:11.2px}
.forge-center>.forge-current-info{margin-top:8.4px;padding-top:11.2px}
.forge-weapon-type-select{gap:4.2px;font-size:11px;margin:7px 0}
.forge-weapon-type-select select{width:100%;min-width:0;font-size:11px}
/* Responsive constraints shared by the compact interface. */
html{font-size:11.2px}body{font-size:11.5px;line-height:1.45}
.main{width:100%;min-width:0}.main>*{min-width:0}
input,select,textarea{max-width:100%;box-sizing:border-box}
button,.button{min-height:26px}
button,.button,a,summary,label,td,th{overflow-wrap:anywhere}
.topbar{min-height:45px;gap:10px}.header-controls{gap:6px}
.workspace-nav,.admin-tabs{flex-wrap:wrap;overflow-x:visible;gap:4px}
.admin-tabs button{min-width:0;white-space:normal;font-size:11px;padding:6px 9px}
.settings-layout,.board-layout,.forge-main-grid,.exp-layout{min-width:0}
.guild-banner p:empty,.guild-contacts:empty{display:none}
body[data-workspace=member] .guild-banner{padding:12px;gap:7px;margin-bottom:12px}
body[data-workspace=member] .guild-banner h1{margin:6px 0 3px}
body[data-workspace=member] .guild-banner .guild-contacts{margin:6px 0}
body[data-workspace=member] .guild-banner>div{width:100%}
.member-pin-card{margin:12px auto 16px}
.pin-welcome{margin:9px 0}.pin-welcome p{margin:4px 0}
.member-pin-card form{gap:8px}.pin-mode-tabs{margin:10px 0}
.member-pin-card label{gap:4px}.pin-code-input{min-height:38px;font-size:17px!important}
.pin-help{margin-top:10px;padding-top:9px}
@media(max-width:1100px){
 .topbar{flex-wrap:wrap}.header-controls{flex-wrap:wrap}
 .admin-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
 .admin-tabs button{width:100%;justify-content:center}
 .settings-content form{max-width:100%}
}
@media(max-width:700px){
 body{font-size:11.5px}
 .main{padding:9px}.topbar{padding:7px 9px;gap:6px;min-height:42px}
 .topbar .logo{font-size:12px;letter-spacing:1px}
 .topbar .logo small{font-size:8px;letter-spacing:1px}
 .header-controls button,.header-controls select{min-height:29px;font-size:11px;padding:5px 7px}
 body[data-workspace=member] .header-controls{display:flex;justify-content:center;gap:5px}
 body[data-workspace=member] .header-controls select{width:auto;max-width:125px}
 .workspace-nav{gap:4px;padding:6px 9px;grid-template-columns:repeat(3,minmax(0,1fr))}
 .workspace-nav .nav,.workspace-nav button{min-height:29px!important;padding:6px 4px!important;font-size:11px!important;gap:4px;line-height:1.3}
 .workspace-nav .ui-icon{width:13px;height:13px}
 .admin-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 .admin-tabs button{font-size:11px;line-height:1.35;padding:6px 4px;min-height:30px}
 .page-heading{gap:8px;flex-wrap:wrap}.page-heading h1{font-size:17px}
 .panel-body,.settings-content{padding:10px}
 .guild-banner{padding:10px;margin-bottom:10px}
 body[data-workspace=member] .guild-banner{padding:10px;gap:5px}
 body[data-workspace=member] .guild-banner h1{font-size:17px}
 .public-guild-logo{width:40px;height:40px;border-radius:11px}
 .member-pin-card{margin:10px auto;padding:11px;max-width:100%}
 .pin-lock{width:38px;height:38px;font-size:18px;border-radius:12px}
 .pin-welcome h2{font-size:16px}.pin-welcome p{font-size:11px}
 .pin-mode-tabs button{font-size:11px;min-height:30px}
 .pin-submit{min-height:32px}
 .roster-table-panel tbody{gap:8px}
 .roster-table-panel tbody>tr{padding:8px;border-radius:9px}
 .roster-table-panel td{padding:6px 4px;font-size:11px}
 .roster-person{gap:7px}.roster-profile-button{width:30px;height:30px;min-width:30px}
 .roster-gear{width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;max-width:25px!important;max-height:25px!important}
 .portal-next-event{padding:11px;gap:8px;margin-bottom:12px}
 .countdown-digits{gap:6px}.countdown-digits>div{min-width:36px;padding:6px}
 .countdown-digits b{font-size:18px}
 .class-catalog{gap:5px}.class-chip{padding:5px 7px;font-size:11px;gap:5px}
 .class-image{width:23px;height:23px}
 .week-grid{gap:8px}.week-day header{padding:8px}.week-event{padding:8px;margin-bottom:6px}
 .settings-menu{gap:5px;margin-bottom:10px}
 .settings-menu button{padding:6px 8px;font-size:11px;min-height:30px}
 .filter-bar,.admin-filters{gap:7px}
 .connections-grid,.connection-status-grid,.status-grid{gap:9px}
 .connection-status-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr))}
 .connections-page label{gap:5px}
 .owner-log-filters{gap:7px}
 .forge-dialog,.exp-dialog{max-width:calc(100vw - 14px);padding:0}
 .forge-header,.exp-header{padding:12px}
 dialog{max-width:calc(100vw - 16px)}
}
@media(max-width:360px){
 .admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .header-controls .user-info{flex-basis:100%;text-align:center}
}
/* Keep wrapping content in normal flow; compact dimensions must not restore fixed desktop boxes. */
.topbar,.topbar .header-controls,.raid-head,.raid-identity,.raid-quick-settings,
.toolbar,.board-layout,.board-groups,.party,.member .details,.roster-person,
.settings-content,.connections-grid>*,.connection-status-grid>*,.admin-console{min-width:0}
.topbar{height:auto}
.slot{height:auto;min-height:44px;align-items:stretch}
.slot .member{height:auto;min-height:44px;align-items:center;padding:6px 34px 6px 6px}
.slot .member .details{flex:1;min-width:0}
.slot .member .name,.slot .member .job{white-space:normal;overflow-wrap:anywhere;line-height:1.4}
.slot .member .name{overflow:visible}
.party-title{display:flex;justify-content:space-between;gap:5px}
.remove-member{display:grid;place-items:center;position:absolute;right:4px;top:50%;transform:translateY(-50%);opacity:1;width:26px;height:26px;min-width:26px;min-height:26px;padding:0;border:1px solid #ed8a98;border-radius:7px;background:#b52e43;color:#fff;font-size:21px;font-weight:500;line-height:1;z-index:1;touch-action:manipulation}
.remove-member:hover,.remove-member:focus-visible{background:#dc3f55;outline:2px solid #f19caa;outline-offset:2px}
.board-quick-help{font-size:11px;line-height:1.5;color:var(--muted);margin:8px 0}
[data-member]{touch-action:manipulation}
@media(max-width:700px){
 .topbar{height:auto;display:flex;flex-wrap:wrap;align-items:center;gap:7px}
 .topbar>.logo{flex:0 1 auto;max-width:100%;margin-right:auto}
 .topbar .logo>span:last-child{min-width:0;max-width:none}
 .topbar .logo small{white-space:normal}
 .topbar .header-controls,body[data-workspace=member] .topbar .header-controls{display:flex!important;flex-wrap:wrap;width:100%;max-width:100%;min-width:0;align-items:center;justify-content:flex-start;gap:5px}
 .topbar .header-controls>*{max-width:100%;flex-shrink:1}
 .topbar .header-controls select{width:auto;min-width:0;max-width:135px}
 .topbar .header-controls .user-info{white-space:normal}
 .workspace-nav{position:static;top:auto}
 .toolbar{display:flex;flex-direction:column;align-items:stretch;gap:8px}
 .toolbar>.tabs{display:flex;flex-wrap:wrap;min-width:0;max-width:100%;gap:4px}
 .toolbar>.row{display:flex;flex-wrap:wrap;justify-content:flex-start;min-width:0}
 .board-layout{display:flex;flex-direction:column;gap:10px}
 .board-layout>.pool-panel,.board-layout>.board-groups{width:100%;max-width:100%;min-width:0}
 .pool-panel{position:static;top:auto}
 .pool{max-height:230px;overflow-y:auto}
 .raid-head{display:flex;flex-wrap:wrap;align-items:flex-start;height:auto}
 .raid-identity{flex:1;min-width:0}
 .raid-quick-settings{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;min-width:0;gap:7px}
 .party-count-control{min-width:0;max-width:100%}
 .party-count-control select{width:auto;max-width:100%}
 .group-actions{flex-wrap:wrap;gap:3px}
 .inline-group-name{max-width:100%;min-width:0}
 .inline-group-name input{min-width:0;width:100%;height:auto}
 .inline-strategy{margin:0 8px 7px;min-width:0}
 .inline-strategy textarea{min-width:0;width:100%;height:auto}
 .party-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px}
 .public-party-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .party,.raid{min-width:0;max-width:100%}
 .slot{min-height:48px;margin-bottom:5px}
 .slot .member{min-height:48px;padding-right:31px;gap:5px}
 .slot .job-icon{width:23px;height:26px;flex:none}
 .slot .member-avatar,.slot .member-avatar-placeholder{width:23px;height:23px}
 .slot .member .name{font-size:11px}
 .slot .member .job{font-size:10px}
 .remove-member{width:25px;height:25px;min-width:25px;min-height:25px;right:3px}
 .roster-table-panel td:first-child{width:100%;min-width:0}
 .roster-person{width:100%;min-width:0;gap:7px}
 .roster-person>div{min-width:0;flex:1}
 .roster-person strong,.roster-discord-state,.roster-account-cell .badge{white-space:normal;overflow-wrap:anywhere}
 .class-catalog{display:flex;flex-wrap:wrap;gap:5px}
 .class-catalog>.class-chip{max-width:100%;min-width:0;white-space:normal;flex-wrap:wrap}
 .class-chip>span{min-width:0;overflow-wrap:anywhere}
 .admin-console,.connections-page,.settings-layout,.settings-content{width:100%;max-width:100%;min-width:0}
 .connection-status-grid>article{min-width:0;overflow-wrap:anywhere}
 .connection-state{white-space:normal;max-width:100%;flex-wrap:wrap}
 .connection-status-grid small,.connection-status-grid p{overflow-wrap:anywhere;white-space:normal}
 .connections-grid{grid-template-columns:minmax(0,1fr)}
 .between{flex-wrap:wrap}
 .member-guide{width:100%;max-width:100%;padding:12px}
 .member-guide ol{padding-left:20px;margin:10px 0}
 .member-guide li{overflow-wrap:anywhere}
 .member-pin-card{min-width:0;width:100%;box-sizing:border-box}
 .member-pin-card details,.member-pin-card form{min-width:0;max-width:100%}
 .member-pin-card summary{white-space:normal;overflow-wrap:anywhere}
 .member-pin-card .between{gap:8px;align-items:flex-start}
 .member-pin-card h3{overflow-wrap:anywhere;max-width:100%}
}
@media(max-width:380px){
 .party-grid,.public-party-grid{grid-template-columns:minmax(0,1fr)}
}


/* Explicit appearance controls remain visible in every workspace. */
body{background:var(--bg);color:var(--text)}
.topbar .header-controls .appearance-toggle,.topbar .header-controls .icon-button,.topbar .header-controls [data-action=theme],#public-theme{display:inline-flex!important;visibility:visible!important;align-items:center;justify-content:center;gap:5px;height:auto;min-height:29px;white-space:normal}
#workspace-style{display:block!important;width:auto;max-width:150px;min-width:0}
.header-create-guild{white-space:normal}
.slot .member .remove-member,.slot .member .remove-member:hover,.slot .member .remove-member:focus-visible{background:transparent;border:0;color:var(--muted);box-shadow:none;font-size:22px;opacity:1}
.slot .member .remove-member:hover,.slot .member .remove-member:focus-visible{color:var(--text);outline:1px solid var(--line)}
.slot:not(.filled){display:grid!important;place-items:center;padding:0!important}
.empty-slot-plus{display:grid;place-items:center;line-height:1;margin:0;padding:0;align-self:center;justify-self:center;color:var(--muted);font-size:20px}
body[data-workspace=manager] .pool .member .board-cp{display:block!important;font-size:11px;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.4;margin-top:2px;overflow-wrap:anywhere;white-space:normal}
@media(max-width:700px){#workspace-style{max-width:132px;font-size:11px}.topbar .header-controls .appearance-toggle{padding:5px 7px;font-size:11px}.header-create-guild{font-size:11px}}

/* Guild settings: compact cards, clear sections and gold controls. */
.settings-polished .settings-content{min-width:0;padding:20px;overflow-wrap:anywhere}.settings-polished .settings-menu button{display:flex;align-items:center;gap:8px;text-align:left}.settings-polished .settings-menu button.active{background:color-mix(in srgb,var(--gold) 16%,var(--panel));border-color:var(--gold);color:var(--text)}.settings-polished h2{display:flex;align-items:center;gap:8px;margin:0 0 8px}.settings-polished form{display:grid;gap:16px;margin-top:18px}.settings-polished fieldset{border:1px solid var(--line);border-radius:10px;padding:14px;min-width:0;margin:0}.settings-polished legend{padding:0 6px}.settings-polished .primary{background:linear-gradient(135deg,#e1bc70,#b98630);color:#21180b;border:1px solid #c59a4c;box-shadow:0 2px 5px #0002;font-weight:700}.settings-polished .primary:hover{filter:brightness(1.06)}.settings-save{justify-self:start;display:flex;align-items:center;gap:6px}.settings-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.setting-status-card{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:14px;background:var(--panel)}.setting-status-card.is-on{border-color:color-mix(in srgb,var(--gold) 50%,var(--line))}.status-card-link{display:grid;grid-template-columns:20px minmax(0,1fr);gap:5px 8px;text-align:left;border:0;background:none;padding:0;white-space:normal;min-width:0}.status-card-link small{grid-column:2;color:var(--muted);line-height:1.5}.mini-switch{position:relative;display:inline-flex}.mini-switch input{appearance:none;width:36px;height:22px;border-radius:20px;background:#7e8490;margin:0;cursor:pointer;border:0}.mini-switch input:checked{background:#b98c3f}.mini-switch i{pointer-events:none;position:absolute;width:16px;height:16px;top:3px;left:3px;background:white;border-radius:50%;transition:transform .16s}.mini-switch input:checked+i{transform:translateX(14px)}.settings-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.profile-image-grid{display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px}.profile-image-field{display:grid;align-content:start;gap:8px}.profile-image-picker{display:flex;align-items:center;justify-content:center;position:relative;min-width:0;overflow:hidden;background:var(--bg);border:1px dashed var(--gold);border-radius:12px;cursor:pointer;aspect-ratio:3/1}.profile-image-picker.logo{aspect-ratio:1}.profile-image-picker input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.profile-image-picker img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.profile-image-picker span{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;background:#0008;color:#fff;z-index:1;font-size:11px;max-width:100%;white-space:normal;text-align:center}.theme-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:9px}.theme-choice{position:relative;display:grid;gap:7px;min-width:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;padding:8px;cursor:pointer;font-size:11px}.theme-choice input{position:absolute;opacity:0;width:1px;height:1px}.theme-choice:has(input:checked){outline:2px solid var(--gold);outline-offset:1px}.theme-choice:has(input:focus-visible){outline:3px solid #6b9be1}.theme-choice>.ui-icon{position:absolute;right:10px;bottom:8px;color:var(--gold);display:none}.theme-choice:has(input:checked)>.ui-icon{display:block}.theme-swatch{height:44px;border-radius:5px;background:linear-gradient(120deg,#171b27,var(--swatch));display:block}.theme-swatch[data-swatch=parchment]{background:linear-gradient(120deg,#f1e8d8,#b79874)}.theme-swatch[data-swatch=classic]{background:linear-gradient(120deg,#161921,#ad8544)}.guild-color-palette{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.guild-color-palette>button{background:var(--swatch);border:2px solid transparent;border-radius:50%;width:25px;height:25px;min-height:25px;padding:0}.guild-color-palette>button:hover{border-color:var(--text)}.guild-color-palette>label{display:flex;align-items:center;gap:8px}.guild-color-palette input{width:45px;padding:2px;height:30px}.guild-link-settings{margin-top:22px;border-top:1px solid var(--line);padding-top:16px}.settings-contact-form{max-width:650px}.calendar-visibility-list{display:grid;gap:4px}.event-reminder{padding:14px;border:1px solid var(--line);border-radius:10px;display:grid;gap:12px}.notification-event-rules{display:grid;gap:12px;margin-top:16px}.event-reminder-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.event-reminder-controls>label{display:grid;gap:5px}.event-reminder small{display:block;color:var(--muted);line-height:1.6}.notification-connection{gap:12px;flex-wrap:wrap;margin:14px 0}.paid-feature-lock{padding:16px;border:1px solid var(--gold);border-radius:10px;background:color-mix(in srgb,var(--gold) 8%,var(--panel));margin:14px 0}.paid-feature-lock p{margin:8px 0 12px}.delivery-history{margin-top:20px}.settings-polished [disabled]{opacity:.65}.settings-polished .switch-row{gap:15px;min-width:0}.settings-polished .switch-row>span{min-width:0}.settings-polished .switch-row input{flex:0 0 auto}.settings-polished .invite-link-row{display:flex;flex-wrap:wrap;gap:8px}.settings-polished .invite-link-row>input{flex:1 1 200px;min-width:0}.settings-polished .between{gap:10px;flex-wrap:wrap}
@media(max-width:700px){.settings-polished .settings-content{padding:14px}.settings-polished .settings-menu{display:flex;flex-wrap:wrap;gap:7px}.settings-polished .settings-menu button{flex:1 1 120px;justify-content:center;text-align:center;padding:8px}.settings-status-grid{gap:9px}.setting-status-card{padding:12px}.profile-image-grid{grid-template-columns:90px minmax(0,1fr);gap:12px}.settings-fields-grid{grid-template-columns:1fr}.settings-polished fieldset{padding:11px}.theme-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-choice{padding:6px}.theme-swatch{height:35px}.event-reminder-controls{grid-template-columns:1fr}}
@media(max-width:390px){.settings-status-grid{grid-template-columns:1fr}.settings-polished .settings-menu button{flex-basis:105px}.profile-image-grid{grid-template-columns:75px minmax(0,1fr)}}

.scheduled-messages{border-top:1px solid var(--line);padding-top:20px;margin-top:24px;display:grid;gap:14px}.discord-bot-summary{display:grid;gap:12px}.settings-polished .theme-choice>svg{display:none;position:absolute;right:8px;bottom:8px}.settings-polished .theme-choice:has(input:checked)>svg{display:block;color:var(--gold)}

/* Small settings controls: explicit sizes instead of oversized form defaults. */
.settings-layout.settings-polished{grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:start}.settings-polished .settings-content{padding:14px;max-width:1050px}.settings-polished .settings-menu{gap:3px}.settings-polished .settings-menu button{padding:6px 9px;min-height:29px;font-size:11px;border-radius:6px;width:100%;line-height:1.4}.settings-polished .settings-menu button::before{content:'';width:14px;height:14px;flex:none;background:currentColor;mask:url('/assets/ui/setting-profile.svg') center/contain no-repeat;opacity:.7}.settings-polished h2{font-size:16px;gap:6px;margin-bottom:6px}.settings-polished h3{font-size:12px}.settings-polished p{font-size:11px;line-height:1.55}.settings-polished form{gap:10px;margin-top:12px}.settings-polished label,.settings-polished legend,.settings-polished button,.settings-polished input,.settings-polished select,.settings-polished textarea{font-size:11px;line-height:1.4}.settings-polished input:not([type=checkbox]):not([type=radio]):not([type=color]),.settings-polished select{min-height:29px;padding:5px 8px}.settings-polished textarea{min-height:65px;padding:7px 9px}.settings-polished button,.settings-polished a.button{min-height:28px;padding:5px 9px;border-radius:6px;font-size:11px}.settings-polished fieldset{padding:10px;border-radius:7px}.settings-polished .settings-fields-grid{grid-template-columns:minmax(0,1fr);max-width:460px}.settings-polished .profile-image-grid{grid-template-columns:74px minmax(140px,350px);gap:14px}.settings-polished .profile-image-picker{border-radius:7px;aspect-ratio:3.3/1}.settings-polished .profile-image-picker.logo{aspect-ratio:1}.settings-polished .profile-image-picker span{font-size:10px;padding:4px;gap:3px}.settings-polished .profile-image-picker span svg{width:14px;height:14px}.theme-choice-grid{display:flex;flex-wrap:wrap;gap:6px}.settings-polished .theme-choice{display:flex;align-items:center;gap:5px;padding:4px 7px;border-radius:6px;font-size:11px;min-height:27px}.theme-choice .theme-swatch{width:22px;height:18px;border-radius:3px;flex:none}.theme-choice .ui-icon{display:none!important}.theme-choice .vip-tag{font-size:9px;color:var(--gold)}.theme-choice.plan-locked{opacity:.6}.theme-choice:has(input:checked){outline-width:1px;outline-offset:0;background:color-mix(in srgb,var(--gold) 10%,var(--panel))}.guild-color-palette{gap:6px}.guild-color-palette>button{width:21px;height:21px;min-height:21px;padding:0;border-radius:50%}.guild-color-palette input[type=color]{width:35px;height:26px;min-height:26px}.banner-preview-wrap{display:grid;gap:5px}.banner-live-preview{position:relative;min-height:95px;border-radius:8px;overflow:hidden;margin:0!important;padding:15px!important;border:1px solid #c4ab7740;color:#fff}.banner-live-preview>[data-banner-photo]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.banner-preview-copy{position:relative;display:flex;align-items:center;gap:10px;z-index:1;text-shadow:0 1px 3px #0008}.banner-preview-copy:has(+*){min-width:0}.banner-preview-copy img{width:45px;height:45px;border-radius:8px;object-fit:cover}.banner-preview-copy strong{font-size:17px}.banner-preview-copy p{font-size:11px;max-width:100%;white-space:normal}.banner-preview-wrap>small,.field-hint{font-size:10px;color:var(--muted);line-height:1.5}.settings-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.setting-status-card{padding:9px;border-radius:7px;gap:7px;min-width:0}.status-card-link{grid-template-columns:27px minmax(0,1fr);gap:3px 7px;align-items:center;min-height:0!important}.status-card-link img.setting-status-art{width:25px;height:25px;grid-row:span 2;background:color-mix(in srgb,var(--gold) 8%,var(--panel));border-radius:6px;padding:3px}.status-card-link strong{font-size:11px}.status-card-link small{grid-column:2;font-size:10px;line-height:1.4}.setting-status-card .badge{font-size:9px;padding:2px 5px}.setting-status-card>.between{gap:5px}.mini-switch input{width:30px;height:18px;min-height:18px;padding:0}.mini-switch i{width:12px;height:12px}.mini-switch input:checked+i{transform:translateX(12px)}
.compact-switch{position:relative;display:flex!important;align-items:center;justify-content:space-between;gap:8px;padding:6px 0!important;min-height:28px;margin:0!important;max-width:100%;border:0!important}.compact-switch>span{font-size:11px;line-height:1.4;min-width:0}.compact-switch input[type=checkbox]{appearance:none!important;-webkit-appearance:none;width:30px!important;height:18px!important;min-width:30px!important;min-height:18px!important;max-width:30px!important;border:0!important;border-radius:12px!important;background:#7b8190!important;margin:0!important;padding:0!important;box-shadow:none;cursor:pointer;position:relative!important;inset:auto!important;flex:none}.compact-switch input[type=checkbox]::after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;left:3px;top:3px;background:#fff;transition:transform .15s}.compact-switch input[type=checkbox]:checked{background:#bb924c!important}.compact-switch input[type=checkbox]:checked::after{transform:translateX(12px)}.compact-switch>i{display:none}.compact-switch input:focus-visible{outline:2px solid #88a8dc;outline-offset:3px}.settings-polished #preferences-form>.compact-switch{max-width:540px;border-bottom:1px solid var(--line)!important}.settings-polished #notification-form>fieldset{display:flex;flex-wrap:wrap;gap:7px 16px;align-items:center}.settings-polished #notification-form>fieldset>h3,.settings-polished #notification-form>fieldset>.field,.settings-polished #notification-form>fieldset>fieldset,.settings-polished #notification-form>fieldset>p,.settings-polished #notification-form>fieldset>.notification-week-list{flex-basis:100%;width:100%}.settings-polished #notification-form>fieldset>.compact-switch{flex:0 1 auto;justify-content:flex-start}.settings-polished .notification-languages{display:flex;flex-wrap:wrap;gap:6px;border:0}.notification-languages>label{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid var(--line);border-radius:6px}.notification-languages>label:has(input:checked){border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,var(--panel))}.notification-languages input{appearance:none;width:0;height:0;position:absolute;opacity:0}.notification-languages label:has(input:focus-visible){outline:2px solid #88a8dc}.notification-week-list{display:grid;gap:12px;margin-top:10px}.notification-day{display:grid;gap:0;min-width:0}.notification-day>h3{display:flex;align-items:center;gap:5px;font-size:12px;padding:7px 0;border-bottom:1px solid var(--line);color:var(--gold)}.settings-polished .compact-event-reminder{display:grid;grid-template-columns:minmax(150px,1fr) auto auto auto;align-items:center;gap:4px 12px;padding:7px 0;border:0;border-bottom:1px solid var(--line);border-radius:0}.event-rule-title strong{font-size:11px;display:block}.event-rule-title small{font-size:10px}.compact-event-reminder .compact-switch{padding:0!important;justify-content:flex-start}.reminder-before{display:flex;align-items:center;gap:5px;white-space:nowrap}.settings-polished .reminder-before select{width:53px;min-height:25px;padding:3px 5px}.compact-event-reminder>[data-reminder-preview]{grid-column:1/-1;font-size:10px;margin:0;color:var(--muted)}.settings-polished .paid-feature-lock{padding:10px;margin:10px 0;border-radius:7px}.settings-polished .scheduled-messages{gap:8px;padding-top:14px;margin-top:16px}.settings-polished .page-order>div{padding:6px 8px}.settings-polished .page-order button{padding:3px 6px;min-height:24px}.settings-polished .notice{padding:8px 10px;font-size:11px}.guild-banner:not(.banner-live-preview){background:var(--guild-banner-bg,var(--panel))!important}.custom-calendar-panel{padding:10px 12px;border:1px solid var(--line);border-radius:7px;margin:10px 0 14px;display:grid;gap:8px}.custom-calendar-panel h3{font-size:12px;display:flex;align-items:center;gap:6px}.custom-calendar-list{display:flex;flex-wrap:wrap;gap:6px}.custom-calendar-item{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:11px;padding:6px 8px;justify-content:flex-start;min-width:0;max-width:100%}.custom-calendar-item small{flex-basis:100%;font-size:10px;text-align:left}.week-event .calendar-event-title{padding:0;border:0;background:none;font-size:11px;white-space:normal;text-align:left;justify-content:flex-start;font-weight:600}.discord-verification-settings{padding:12px;border:1px solid var(--line);border-radius:7px;margin-bottom:12px;display:grid;gap:10px}.discord-verification-settings h2{font-size:15px}.discord-verification-settings p{font-size:11px}.discord-role-form{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.discord-role-form label{display:grid;gap:5px;flex:1 1 200px;max-width:450px;font-size:11px}.discord-role-form select{min-width:0;width:100%;font-size:11px}.workspace-nav .nav{font-size:11px;min-height:29px;padding:6px 9px}.workspace-nav{gap:3px}
@media(max-width:1000px){.settings-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-polished .compact-event-reminder{grid-template-columns:minmax(130px,1fr) auto auto}.compact-event-reminder>.compact-switch:last-of-type{grid-column:2/4}.settings-layout.settings-polished{grid-template-columns:130px minmax(0,1fr);gap:10px}}
@media(max-width:700px){.settings-layout.settings-polished{display:block}.settings-polished .settings-menu{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:9px}.settings-polished .settings-menu button{width:auto;flex:0 1 auto;min-height:27px;padding:5px 7px;font-size:11px}.settings-polished .settings-content{padding:10px}.settings-polished .profile-image-grid{grid-template-columns:65px minmax(0,1fr)}.settings-status-grid{gap:6px}.setting-status-card{padding:8px}.settings-polished .compact-event-reminder{grid-template-columns:minmax(0,1fr) auto;gap:5px 8px}.compact-event-reminder .event-rule-title{grid-column:1}.compact-event-reminder>.compact-switch:first-of-type{grid-column:2}.compact-event-reminder>.compact-switch:last-of-type{grid-column:2;grid-row:2}.compact-event-reminder>.reminder-before{grid-column:1;grid-row:2}.banner-live-preview{min-height:85px;padding:10px!important}.banner-preview-copy strong{font-size:15px}.settings-polished .theme-choice{padding:4px 6px;font-size:10px}.theme-choice .theme-swatch{width:18px;height:16px}.settings-polished #notification-form>fieldset{gap:5px 10px}.custom-calendar-item{flex:1 1 180px}.settings-polished .notification-connection{font-size:10px}.settings-polished .compact-switch>span{font-size:11px}}
@media(max-width:370px){.settings-status-grid{grid-template-columns:minmax(0,1fr)}.settings-polished .profile-image-grid{grid-template-columns:60px minmax(0,1fr)}}

.guild-banner:not(.banner-live-preview) .guild-title,.guild-banner:not(.banner-live-preview) h1{color:#fff}.guild-banner:not(.banner-live-preview) .guild-desc,.guild-banner:not(.banner-live-preview)>div>p{color:#ddd9d2}.settings-polished .profile-image-field>button{justify-self:start}.settings-polished .profile-image-picker.logo span{font-size:9px;flex-direction:column;padding:3px;max-width:100%;line-height:1.3}.settings-menu [data-tab=overview]::before{mask-image:url('/assets/ui/setting-notifications.svg')!important}.settings-menu [data-tab=member]::before{mask-image:url('/assets/ui/setting-members.svg')!important}.settings-menu [data-tab=calendar]::before{mask-image:url('/assets/ui/setting-calendar.svg')!important}.settings-menu [data-tab=contacts]::before{mask-image:url('/assets/ui/setting-contacts.svg')!important}.settings-menu [data-tab=integration]::before{mask-image:url('/assets/ui/setting-discord.svg')!important}.settings-menu [data-tab=notifications]::before{mask-image:url('/assets/ui/setting-notifications.svg')!important}

.settings-polished .field>label,.settings-polished label>span,.settings-polished .compact-switch>span{color:var(--text)}.settings-polished .compact-event-reminder .compact-switch{min-height:22px!important}.settings-polished .compact-event-reminder [data-reminder-preview]{font-size:9.5px;line-height:1.35}.settings-polished .compact-event-reminder{gap:3px 10px;padding:6px 0}.settings-polished .compact-event-reminder .reminder-before select{min-height:24px;height:24px}.settings-polished .theme-choice>span:last-of-type{color:var(--text)}

.settings-polished #notification-form{max-width:none;width:100%}.settings-polished #notification-form fieldset{margin:6px 0;padding:9px;border-radius:6px}.settings-polished #notification-form .notification-languages{border:0;padding:3px 0}.settings-polished .notification-day>h3{margin:4px 0 0;padding:5px 0}.settings-polished .compact-event-reminder .event-rule-title small{margin:0}

.guild-banner{position:relative;overflow:hidden}.guild-banner>.guild-banner-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7;z-index:0}.guild-banner>:not(.guild-banner-photo){position:relative;z-index:1}.banner-live-preview>[data-banner-photo]{opacity:.7}.guild-banner .guild-title,.guild-banner h1,.guild-banner .guild-desc{text-shadow:0 1px 3px #0006}

/* Each setting keeps its label and switch together on one row. */
.settings-polished #notification-form>fieldset{display:grid!important;grid-template-columns:minmax(0,1fr);gap:0;padding:9px}.settings-polished #notification-form>fieldset>.compact-switch{display:flex!important;width:100%;justify-content:space-between!important;gap:14px;min-height:34px;padding:7px 2px!important;border-bottom:1px solid var(--line)!important;flex:auto;max-width:none}.settings-polished #notification-form>fieldset>.compact-switch>span{flex:1;white-space:normal;overflow-wrap:anywhere}.settings-polished #notification-form>fieldset>.field,.settings-polished #notification-form>fieldset>fieldset,.settings-polished #notification-form>fieldset>p{margin:7px 0}.auto-update-controls{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.auto-update-controls button{font-size:10px!important;min-height:27px;padding:4px 6px!important;white-space:normal}.auto-update-controls [aria-pressed=true]{border-color:#b9924b;background:#b9924b12}.admission-settings{padding:10px;border:1px solid var(--line);border-radius:7px;margin:12px 0}.admission-settings h3{margin:0 0 5px}.admission-settings form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:500px}.admission-settings form label{display:grid;gap:5px}.admission-settings p{margin:7px 0}.admission-settings .settings-save{grid-column:1/-1}.pin-character-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:210px;overflow:auto;margin:7px 0}.pin-character-choices button{padding:7px;display:flex;justify-content:flex-start;gap:7px;text-align:left;min-width:0;white-space:normal}.pin-character-choices button.selected{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--panel))}.pin-character-choices button>span:last-child{min-width:0;overflow-wrap:anywhere}.pin-character-choices strong{font-size:11px}.pin-character-choices small{font-size:10px;display:block}.pin-character-choices img,.pin-character-avatar{width:30px;height:30px;border-radius:6px;object-fit:cover;display:grid;place-items:center;background:#b9924b15;flex:none}.member-discord-entry{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 16px}.discord-login{display:inline-flex;gap:8px;align-items:center;justify-content:center;background:#5865f2!important;color:white!important;border:1px solid #7180ff!important;border-radius:7px;padding:8px 18px!important;font-weight:600;min-height:36px}.discord-login svg{width:22px;height:22px}.member-pin-card label{min-width:0}.member-pin-card input,.member-pin-card select{max-width:100%;min-width:0}
@media(max-width:600px){.admission-settings form{grid-template-columns:minmax(0,1fr)}.auto-update-controls{gap:3px}.auto-update-controls button{font-size:10px!important;padding:4px 5px!important}.header-controls .auto-update-controls{flex:0 1 auto;max-width:100%}.pin-character-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-polished #notification-form>fieldset>.compact-switch{min-height:35px}}

/* Clear auto-update state, including touch and dark themes. */
body .auto-update-controls [data-auto-update][aria-pressed="true"]{background:#187342;color:#fff;border:1px solid #328c59;box-shadow:none}
body .auto-update-controls [data-auto-update][aria-pressed="false"]{background:#b5313c;color:#fff;border:1px solid #cf5360;box-shadow:none}
body .auto-update-controls [data-auto-update]:hover{filter:brightness(1.08)}
body .auto-update-controls [data-auto-update]:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.weekly-calendar>.mode-tools{margin:0 0 10px;display:flex;flex-wrap:wrap;gap:6px}

.calendar-mode-management{display:grid;gap:6px;margin-bottom:10px}.calendar-mode-management .tabs{display:flex;flex-wrap:wrap;gap:4px}.calendar-mode-management .mode-tools{display:flex;flex-wrap:wrap;align-items:end;gap:6px;margin:0}

/* Compact party picker: one readable row with a fixed CP column. */
.member-picker{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;width:100%;min-width:0}
.member-picker>button{display:grid;grid-template-columns:24px minmax(60px,1fr) minmax(65px,1fr) auto;align-items:center;gap:7px;width:100%;min-width:0;min-height:34px;height:auto;padding:4px 7px;text-align:left;border-radius:6px}
.member-picker>button>img,.member-picker>button>.job-image{width:24px;height:24px;object-fit:contain;margin:0}
.member-picker .picker-member-name,.member-picker .picker-member-job{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.35}
.member-picker .picker-member-job{color:var(--muted);font-weight:400}
.member-picker .picker-member-cp{white-space:nowrap;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}
/* Waiting-list cards: name + CP, then class and level. */
body[data-workspace=manager] .pool .member{height:auto;min-height:42px;padding:5px 7px;gap:6px;align-items:center}
body[data-workspace=manager] .pool .member .job-icon,body[data-workspace=manager] .pool .member .member-avatar,body[data-workspace=manager] .pool .member .member-avatar-placeholder{width:26px;height:26px;flex:none}
body[data-workspace=manager] .pool .member .details{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 6px;min-width:0;flex:1}
body[data-workspace=manager] .pool .member .name{grid-column:1;grid-row:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.35}
body[data-workspace=manager] .pool .member .job{grid-column:1/-1;grid-row:2;min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:10px;line-height:1.35}
body[data-workspace=manager] .pool .member .board-cp{grid-column:2;grid-row:1;white-space:nowrap;margin:0;font-size:10px;font-weight:600;line-height:1.35}
body[data-workspace=manager] .pool .member .member-discord-name{display:none}
@media(max-width:420px){.member-picker>button{grid-template-columns:22px minmax(48px,1fr) minmax(50px,.9fr) auto;gap:4px;padding:4px 5px}.member-picker>button>img{width:22px;height:22px}.member-picker .picker-member-cp{font-size:10px}}

body[data-workspace=manager] .pool .member .job{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Class identity: stronger but adjustable colors, compact two-line characters. */
.member,.class-chip,.job-choice,.job-selected-preview,.filter-job-options button,.leave-choices button,.member-picker button{border-color:color-mix(in srgb,var(--class-color,var(--gold)) 65%,var(--line));background:color-mix(in srgb,var(--class-color,var(--gold)) var(--class-strength,20%),var(--panel))}
body[data-workspace=manager] .member{border:1px solid color-mix(in srgb,var(--class-color,var(--gold)) 70%,var(--line));border-left:3px solid var(--class-color,var(--gold))}
body[data-workspace=manager] .member .details{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 6px;align-items:center;min-width:0;flex:1}
body[data-workspace=manager] .member .name{grid-column:1;grid-row:1;min-width:0;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis;font-size:11px;line-height:1.35}
body[data-workspace=manager] .member .job{grid-column:1/-1;grid-row:2;min-width:0;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;font-size:10px;line-height:1.35;color:var(--text)}
body[data-workspace=manager] .member .board-cp{grid-column:2;grid-row:1;margin:0!important;white-space:nowrap!important;font-size:10px!important;font-weight:600;line-height:1.35}
body[data-workspace=manager] .member .member-discord-name{display:none}
body[data-workspace=manager] .pool .member .job-icon{width:34px;height:34px;flex:none}
body[data-workspace=manager] .member .member-avatar,body[data-workspace=manager] .member .member-avatar-placeholder{width:34px!important;height:34px!important;font-size:15px}
body[data-workspace=manager] .pool .member{min-height:46px;padding:5px;gap:6px}
body.light{--text:#263343;--muted:#536174}
body.light .member .name,body.light .member .job,body.light .member .board-cp,body.light .raid-label,body.light .raid-head input,body.light .inline-strategy textarea{color:#263343!important}
body.light .class-chip span,body.light .picker-member-job,body.light .board-hint,body.light .guild-desc{color:#465366}
.class-color-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}.class-color-toolbar>span{display:flex;align-items:center;gap:5px}.class-color-toolbar img,.class-color-sample img{width:26px;height:26px;object-fit:contain}.class-color-editor{display:grid;gap:12px}.class-color-editor label{display:grid;gap:5px}.class-color-editor input[type=range]{width:100%;padding:0}.class-color-sample{display:flex;gap:8px;align-items:center;padding:8px}
.row-brand-mark{width:38px;height:38px;object-fit:contain;border-radius:10px;flex:none}.logo{gap:9px}.logo>span:last-child{font-weight:700;letter-spacing:.5px}.logo b{font-weight:700}.logo small{font-size:9px;letter-spacing:1px}
.appearance-menu{position:relative;min-width:0}.appearance-menu>summary{display:flex;align-items:center;gap:6px;padding:4px 7px;min-height:28px;border:1px solid var(--line);border-radius:7px;background:var(--panel);cursor:pointer;list-style:none;font-size:11px}.appearance-menu>summary::-webkit-details-marker{display:none}.theme-avatar{display:grid;place-items:center;width:23px;height:23px;flex:none;border-radius:50%;background:linear-gradient(135deg,#1c2c40,var(--theme-tone));color:#fff;font-weight:700;border:2px solid color-mix(in srgb,var(--theme-tone) 65%,white)}.appearance-options{position:absolute;right:0;top:calc(100% + 5px);display:grid;gap:3px;width:220px;max-height:330px;overflow:auto;padding:7px;background:var(--panel);border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 30px #0003;z-index:200}.appearance-options button{display:flex;gap:8px;align-items:center;text-align:left;padding:5px;font-size:11px}.appearance-options small{margin-left:auto;font-size:9px}.theme-swatch{position:relative;display:flex;align-items:center;justify-content:center;gap:6px}.theme-swatch i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:2px solid #fffd;background:#ffffff25;color:white;font-size:14px;font-style:normal}.theme-swatch b{width:30px;height:3px;background:#fffc;box-shadow:0 6px #fff6}
body[data-member-theme=aurora]{--gold:#68c3ae;--line:#365763}body[data-member-theme=sunset]{--gold:#e89c6d;--line:#735654}body[data-member-theme=slate]{--gold:#8c9db3;--line:#4d5b70}body[data-member-theme=violet]{--gold:#9b7bea;--line:#5b4c7b}body[data-member-theme=lagoon]{--gold:#4bb3b0;--line:#3c626b}
body:not(.light)[data-member-theme=aurora]{--bg:#15282d;--panel:#20383e;--panel2:#27434a}body:not(.light)[data-member-theme=sunset]{--bg:#2a2028;--panel:#3a2a33;--panel2:#49323b}body:not(.light)[data-member-theme=slate]{--bg:#1d2530;--panel:#293342;--panel2:#354254}body:not(.light)[data-member-theme=violet]{--bg:#211b32;--panel:#302742;--panel2:#3c3052}body:not(.light)[data-member-theme=lagoon]{--bg:#152b32;--panel:#203a42;--panel2:#284950}
body.light[data-member-theme=aurora]{--bg:#eff8f4;--panel:#fff;--panel2:#e1eee8}body.light[data-member-theme=sunset]{--bg:#fcf3ed;--panel:#fff;--panel2:#f6e5dd}body.light[data-member-theme=slate]{--bg:#edf1f6;--panel:#fff;--panel2:#e3e9f2}body.light[data-member-theme=violet]{--bg:#f4effc;--panel:#fff;--panel2:#eae2f7}body.light[data-member-theme=lagoon]{--bg:#edf8f8;--panel:#fff;--panel2:#dcefee}
.portal-guild-identity h1{font-size:clamp(23px,3vw,34px);font-weight:800;color:white!important;margin:4px 0 8px;text-shadow:0 2px 6px #0005}.guild-name-caption{font-size:10px;letter-spacing:1px;color:#fff9}.portal-server-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid #ffffff55;border-radius:20px;background:#12233666;color:#fff;font-size:12px}.portal-server-badge strong{color:#ffe3a0}.guild-contact-section{margin-top:13px}.guild-contact-section>p{color:#fffd!important;font-size:11px}.guild-contacts .button{display:inline-flex;align-items:center;gap:6px;background:#ffffffed!important;color:#273343!important;border-color:#ffffff88!important;font-size:11px;padding:6px 10px}.contact-brand-icon{width:19px;height:19px;flex:none}.contact-brand-icon.discord{color:#5865f2}.contact-brand-icon.facebook{color:#1877f2}.contact-brand-icon.line{color:#06b85b}.contact-brand-icon.website{color:#247b91}.guild-banner .public-guild-logo{width:64px;height:64px}
.live-connection-state{font-size:10px;color:var(--muted)}.live-connection-state[data-state=connected]{color:#248e58}.live-connection-state[data-state=paused]{color:#bc4c58}.save-status.save-error{color:#c24150}
@media(max-width:480px){.appearance-menu>summary [data-theme-label]{max-width:115px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.appearance-options{width:205px}.row-brand-mark{width:34px;height:34px}.header-controls .auto-update-controls{flex-wrap:wrap}.portal-guild-identity h1{font-size:26px}.guild-contact-section .guild-contacts{justify-content:center}}

body[data-workspace] .member,body[data-workspace] .pin-character-choices button{background:color-mix(in srgb,var(--class-color,var(--gold)) var(--class-strength,20%),var(--panel))!important;border-color:color-mix(in srgb,var(--class-color,var(--gold)) 65%,var(--line))}.pin-character-choices button{border-left:3px solid var(--class-color,var(--gold))}

body[data-workspace] .class-chip{background:color-mix(in srgb,var(--class-color,var(--gold)) var(--class-strength,20%),var(--panel));border-color:color-mix(in srgb,var(--class-color,var(--gold)) 65%,var(--line))}.class-chip[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--class-color,var(--gold))}.public-member-slot{display:flex;align-items:center;gap:6px;min-height:44px;padding:5px;border:1px solid var(--class-color)!important;border-left-width:3px!important;background:color-mix(in srgb,var(--class-color) var(--class-strength,20%),var(--panel))!important}.public-member-slot>img{width:32px;height:32px;object-fit:contain}.public-board-details{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 5px;min-width:0;flex:1}.public-board-details strong{grid-row:1;grid-column:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.public-board-details small{grid-row:2;grid-column:1/-1;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-board-details b{grid-row:1;grid-column:2;font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}

body:not(.light) .member,body:not(.light) .class-chip,body:not(.light) .member-picker>button,body:not(.light) .pin-character-choices>button{color:var(--class-dark-ink,var(--text))}body.light .member,body.light .class-chip,body.light .member-picker>button,body.light .pin-character-choices>button{color:var(--class-light-ink,#263343)}body.light[data-workspace] .member .name,body.light[data-workspace] .member .job,body.light[data-workspace] .member .board-cp{color:var(--class-light-ink,#263343)!important}body:not(.light)[data-workspace] .member .name,body:not(.light)[data-workspace] .member .job,body:not(.light)[data-workspace] .member .board-cp{color:var(--class-dark-ink,var(--text))!important}body.light .class-chip span,body.light .member-picker .picker-member-name,body.light .member-picker .picker-member-job,body.light .member-picker .picker-member-cp{color:var(--class-light-ink,#263343)}body:not(.light) .class-chip span,body:not(.light) .member-picker .picker-member-name,body:not(.light) .member-picker .picker-member-job,body:not(.light) .member-picker .picker-member-cp{color:var(--class-dark-ink,var(--text))}

/* Clear class names and CP hierarchy without adding another row. */
body.light[data-workspace] .member .job,body.light .class-chip>span,body.light .member-picker .picker-member-job{color:var(--class-label-light,#34465d)!important;font-weight:600}
body:not(.light)[data-workspace] .member .job,body:not(.light) .class-chip>span,body:not(.light) .member-picker .picker-member-job{color:var(--class-label-dark,#c7d8ee)!important;font-weight:600}
.member .job{display:flex;align-items:center;gap:4px;min-width:0}.member .job>img,.member .job>.class-image{width:14px!important;height:14px!important;object-fit:contain;flex:none}.member .job>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.light[data-workspace] .member .board-cp,body.light .picker-member-cp,.light .public-board-details b{background:#fff0bb;color:#704600!important;border:1px solid #caa349;border-radius:5px;padding:1px 4px;font-weight:700}
body:not(.light)[data-workspace] .member .board-cp,body:not(.light) .picker-member-cp,body:not(.light) .public-board-details b{background:#46371c;color:#ffe3a0!important;border:1px solid #a78339;border-radius:5px;padding:1px 4px;font-weight:700}
.publish-toggle.is-unpublished{background:#187342;color:#fff;border-color:#2f925b}.publish-toggle.is-published{background:#b5313c;color:#fff;border-color:#d0505b}.publish-toggle{display:inline-flex;align-items:center;gap:5px}
body[data-workspace=manager] .board-next-event{background:#76501e!important;color:#fff0bf!important;border:1px solid #b4893c;font-weight:600;animation:event-gold-breathe 3s ease-in-out infinite}body[data-workspace=manager] .board-next-event *{color:#fff0bf!important}
@keyframes event-gold-breathe{0%,100%{box-shadow:0 0 0 0 #d6ad4b00;filter:brightness(1)}50%{box-shadow:0 0 0 3px #d6ad4b2b;filter:brightness(1.12)}}@media(prefers-reduced-motion:reduce){body[data-workspace=manager] .board-next-event{animation:none}}
.function-guide{margin:8px 0 12px;border:1px solid var(--line);border-radius:7px;background:var(--panel);font-size:11px}.function-guide>summary{display:flex;align-items:center;gap:6px;padding:7px 9px;cursor:pointer;font-weight:600;list-style:none}.function-guide>summary .ui-icon{width:17px;height:17px;color:#bd8a24}.function-guide ol{margin:0;padding:0 12px 10px 28px;line-height:1.8}.function-guide li+li{margin-top:4px}.function-guide[open]{border-color:#b99049}
.member-picker>button:disabled{opacity:1;cursor:not-allowed;border-style:dashed;background:var(--panel2)!important}.member-picker>button:disabled .picker-member-cp{background:#fff0f0;color:#a82b3b!important;border-color:#ce8690}.member.leaving{cursor:not-allowed}.leave-person{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;align-items:center}.leave-person>p{margin:0;font-size:11px;grid-column:1}.leave-person>.badge{grid-column:2;grid-row:1}.leave-person>button{grid-column:2;grid-row:2}.leave-active{background:#dff3e6;color:#22683e;border:1px solid #92bd9f}.leave-cancelled{background:#f6e8e9;color:#96444f;border:1px solid #d4a1a8}.leave-statistics{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.leave-statistics>span{padding:5px 8px;border:1px solid var(--line);border-radius:6px;font-size:11px}.leave-statistics b{margin-left:5px}.person-history-tabs{display:flex;gap:6px;flex-wrap:wrap}.person-history-tabs button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.own-leave-entry{padding:7px 0;border-bottom:1px solid var(--line)}.own-leave-entry .badge{margin-left:8px}.own-leave-entry p{margin:4px 0;font-size:11px}
@media(max-width:700px){.roster-table-panel tbody{gap:6px}.roster-table-panel tbody>tr{padding:7px;gap:0;border-radius:8px}.roster-table-panel td{padding:4px 2px;font-size:11px}.roster-table-panel td:first-child{padding:0 0 5px}.roster-table-panel td[data-label]:before{display:inline;font-size:10px;margin:0 4px 0 0}.roster-table-panel td:nth-child(4):before{content:'CP'}.roster-table-panel .roster-account-cell{padding:5px 0 0;gap:3px 7px}.roster-account-cell .badge,.roster-account-cell .roster-pin-state,.roster-account-cell .roster-discord-state{font-size:10px;padding:1px 3px;line-height:1.4}.roster-person-copy{gap:2px}.roster-person-copy strong{font-size:12px}.roster-person-class{font-size:10px;gap:4px}.roster-profile-button{width:30px!important;height:30px!important;min-width:30px}.roster-profile-button img,.roster-profile-button .member-avatar-placeholder{width:27px;height:27px}.roster-person>.roster-gear{width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;max-width:25px!important;max-height:25px!important;padding:4px}.roster-person>.roster-gear .ui-icon{width:13px;height:13px}.class-catalog{gap:4px}.class-catalog>.class-chip{min-height:29px;padding:4px 6px;font-size:10px}.class-catalog>.class-chip img{width:20px;height:20px}.roster-person-copy small{font-size:10px}}

.public-board-details small{display:flex;align-items:center;gap:4px}.public-board-details small>img{width:14px;height:14px;object-fit:contain}.public-board-details small>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-member-slot>.member-avatar,.public-member-slot>.member-avatar-placeholder{width:32px;height:32px;flex:none}.light .roster-person-class,.light .job-selected-preview strong,.light .job-choice span,.light .filter-job-options button span,.light .public-board-details small{color:var(--class-label-light,#34465d)!important;font-weight:600}body:not(.light) .roster-person-class,body:not(.light) .job-selected-preview strong,body:not(.light) .job-choice span,body:not(.light) .filter-job-options button span,body:not(.light) .public-board-details small{color:var(--class-label-dark,#c7d8ee)!important;font-weight:600}

.leave-person>div,.leave-person>p{min-width:0;overflow-wrap:anywhere}.leave-person>div span{min-width:0}.member-profile-overview>div{min-width:0}.member-profile-overview h2{overflow-wrap:anywhere}

/* Saved connections stay legible in both appearance modes. */
.connection-state.ok{color:#8ee6b2;background:#163e2b;border:1px solid #397c52;border-radius:6px;padding:4px 7px;font-weight:650}
body.light .connection-state.ok{color:#17603c;background:#e5f4eb;border-color:#a3ceb4}
.account-presence{white-space:nowrap}.account-presence.green{color:#8ee6b2;background:#163e2b}
body.light .account-presence.green{color:#17603c;background:#e5f4eb}
.theme-color-preview{display:block;width:42px;height:22px;flex:none;border-radius:6px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-tone) 38%,#111827),var(--theme-tone) 54%,color-mix(in srgb,var(--theme-tone) 55%,white));border:1px solid color-mix(in srgb,var(--theme-tone) 60%,white);box-shadow:inset 0 0 0 1px #0002,0 1px 4px #0002}.appearance-options .theme-color-preview{width:54px;height:28px}
.theme-choice .theme-color-only{width:42px!important;height:24px!important;border:1px solid #ffffff70;border-radius:6px;box-shadow:inset 0 0 0 1px #0002,0 1px 4px #0002;flex:none}
body[data-workspace=member]>.workspace-nav,body[data-workspace=member] .workspace-nav,body[data-workspace=member] .function-guide{display:none!important}body[data-workspace=member] .guild-banner .eyebrow,body[data-workspace=member] .guild-name-caption{display:none!important}body[data-workspace=member] .guild-banner{justify-content:center!important;text-align:center;min-height:250px;padding:24px!important}body[data-workspace=member] .guild-banner>div{display:grid;justify-items:center;align-content:center}.guild-banner>.badge{position:absolute!important;right:18px;bottom:18px;background:color-mix(in srgb,var(--gold) 82%,#181b25)!important;color:#fff!important;border:2px solid #ffffffaa!important;font-size:15px!important;font-weight:800!important;padding:8px 14px!important;box-shadow:0 5px 18px #0004}.member-pin-card{max-width:760px!important;border:1px solid color-mix(in srgb,var(--gold) 55%,var(--line));box-shadow:0 14px 42px #1a233018;padding:20px!important}.member-pin-card>details>summary{font-size:16px!important}.member-pin-card [data-pin-content]>.between h3{font-size:21px}.portal-next-event{border-width:2px!important;box-shadow:0 12px 38px color-mix(in srgb,var(--gold) 18%,transparent);padding:22px 28px!important}.portal-next-event h2{font-size:28px!important}.portal-next-event>div>p{font-size:15px;font-weight:700}.class-catalog>.class-chip{gap:9px!important;margin:2px}.class-catalog>.class-chip img{flex:none}.member-discord-entry{margin-bottom:22px}
@media(max-width:700px){body[data-workspace=member] .guild-banner{min-height:220px;padding:18px 12px!important}.guild-banner>.badge{right:10px;bottom:10px;font-size:13px!important}.member-pin-card{padding:14px!important}.member-pin-card [data-pin-content]>.between{display:grid;grid-template-columns:minmax(0,1fr) auto}.member-pin-card [data-pin-content]>.between h3{font-size:17px}.portal-next-event{padding:18px 14px!important}.portal-next-event h2{font-size:25px!important}.portal-next-event .countdown-digits b{font-size:34px}.class-catalog{gap:8px!important}.class-catalog>.class-chip{padding:7px 9px!important;gap:8px!important;line-height:1.45!important}}
.verified-member-profile{display:grid;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:16px;margin:0 0 18px;padding:18px;border:1px solid var(--class-border,var(--line));border-radius:16px;background:linear-gradient(125deg,var(--class-soft,var(--panel2)),var(--panel));box-shadow:0 10px 28px #17223814}.verified-member-profile>img,.verified-member-avatar{width:84px;height:84px;border-radius:18px;object-fit:cover;display:grid;place-items:center;background:var(--class-accent,var(--gold));color:#fff;font-size:34px;font-weight:800;border:3px solid #fff8}.verified-member-profile small{color:var(--muted);font-weight:700}.verified-member-profile h2{margin:3px 0;font-size:25px}.verified-member-profile p{margin:0;font-size:15px;font-weight:700;color:var(--class-label-light,var(--text))}.member-profile-photo{display:grid!important;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px 12px}.member-profile-photo>input[type=file]{grid-column:2}.member-profile-photo>input[type=hidden]{display:none}.member-profile-photo>span{grid-column:1;grid-row:1/4;width:72px;height:72px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line)}.member-profile-photo img{width:100%;height:100%;object-fit:cover}.member-profile-photo b{font-size:25px}.member-profile-photo>button{grid-column:2;justify-self:start}@media(max-width:700px){.verified-member-profile{grid-template-columns:64px minmax(0,1fr);padding:13px;gap:11px}.verified-member-profile>img,.verified-member-avatar{width:64px;height:64px;border-radius:14px;font-size:27px}.verified-member-profile h2{font-size:20px}.verified-member-profile p{font-size:13px}.verified-member-profile>button{grid-column:1/-1;width:100%}}