@charset "UTF-8";
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&family=Exo+2:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap");
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article, aside, footer, header, nav, section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption, figure, main {
  /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b, strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b, strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code, kbd, samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio, video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button, input, optgroup, select, textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button, input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button, select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button, html [type="button"], [type="reset"], [type="submit"] {
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details, menu {
  /* 1 */
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
:root {
  --primary-color--light: #8b5cf6;
  --primary-color-shade-1--light: #6d28d9;
  --secondary-color--light: #00d9f5;
  --secondary-color-shade-1--light: #0891b2;
  --invert-color--light: #080b16;
  --shade-1--light: #ffffff;
  --shade-2--light: #e2e8f0;
  --shade-3--light: #94a3b8;
  --shade-4--light: #64748b;
  --shade-5--light: #2d3a5c;
  --shade-6--light: #1e2847;
  --shade-7--light: #111831;
  --shade-8--light: #0d1127;
  --shade-9--light: #080b16;
  --shade-10--light: #040609;
  --font-color--light: var(--shade-1--light);
  --invert-font-color--light: var(--shade-10--light);
  --alt-font-color-1--light: var(--shade-2--light);
  --alt-font-color-2--light: var(--shade-3--light);
  --alt-font-color-3--light: var(--shade-4--light);
  --text-highlight-color--light: var(--secondary-color--light);
  --link-default-color--light: #00d9f5;
  --link-hover-color--light: var(--primary-color--light);
  --button-default-color--light: var(--primary-color--light);
  --button-hover-color--light: var(--primary-color-shade-1--light);
  --background-default--light: var(--shade-9--light);
  --content-background--light: var(--shade-7--light);
  --header-background--light: var(--shade-8--light);
  --header-background-shade-1--light: var(--shade-9--light);
  --user-bar-background--light: var(--shade-8--light);
  --user-bar-background-shade-1--light: var(--shade-9--light);
  --major-title-background--light: var(--primary-color--light);
  --background-1--light: var(--shade-7--light);
  --background-2--light: var(--shade-6--light);
  --background-3--light: var(--shade-8--light);
  --background-4--light: var(--shade-5--light);
  --major-title-border--light: var(--secondary-color--light);
  --border-color-1--light: var(--shade-6--light);
  --border-color-2--light: var(--shade-5--light);
  --border-color-3--light: var(--shade-7--light);
  --border-color-4--light: var(--shade-4--light);
  --status-new-icon-color--light: #00d9f5;
  --status-highlight-background-color--light: #1e1b4b;
  --status-highlight-border-color--light: #8b5cf6;
  --status-deleted-background-color--light: #180a0a;
  --status-deleted-border-color--light: #f43f5e;
  --status-deleted-font-color--light: var(--status-deleted-border-color--light);
  --status-pending-background-color--light: #0a150e;
  --status-pending-border-color--light: #3cffa0;
  --status-pending-font-color--light: var(--status-pending-border-color--light);
  --status-unread-color--light: #00d9f5;
  --success-color--light: #3cffa0;
  --success-color-shade-1--light: #22c55e;
  --moderate-color--light: #f59e0b;
  --moderate-color-shade-1--light: #d97706;
  --danger-color--light: #f43f5e;
  --danger-color-shade-1--light: #e11d48;
  --primary-color--dark: #a78bfa;
  --primary-color-shade-1--dark: #8b5cf6;
  --secondary-color--dark: #22d3ee;
  --secondary-color-shade-1--dark: #06b6d4;
  --invert-color--dark: #040609;
  --shade-1--dark: #ffffff;
  --shade-2--dark: #e2e8f0;
  --shade-3--dark: #94a3b8;
  --shade-4--dark: #64748b;
  --shade-5--dark: #1e2347;
  --shade-6--dark: #141c38;
  --shade-7--dark: #0a0e22;
  --shade-8--dark: #070a18;
  --shade-9--dark: #040609;
  --shade-10--dark: #020304;
  --font-color--dark: var(--shade-1--dark);
  --invert-font-color--dark: var(--shade-10--dark);
  --alt-font-color-1--dark: var(--shade-2--dark);
  --alt-font-color-2--dark: var(--shade-3--dark);
  --alt-font-color-3--dark: var(--shade-4--dark);
  --text-highlight-color--dark: var(--secondary-color--dark);
  --link-default-color--dark: #22d3ee;
  --link-hover-color--dark: var(--primary-color--dark);
  --button-default-color--dark: var(--primary-color--dark);
  --button-hover-color--dark: var(--primary-color-shade-1--dark);
  --background-default--dark: var(--shade-9--dark);
  --content-background--dark: var(--shade-7--dark);
  --header-background--dark: var(--shade-8--dark);
  --header-background-shade-1--dark: var(--shade-9--dark);
  --user-bar-background--dark: var(--shade-8--dark);
  --user-bar-background-shade-1--dark: var(--shade-9--dark);
  --major-title-background--dark: var(--primary-color--dark);
  --background-1--dark: var(--shade-7--dark);
  --background-2--dark: var(--shade-6--dark);
  --background-3--dark: var(--shade-8--dark);
  --background-4--dark: var(--shade-5--dark);
  --major-title-border--dark: var(--secondary-color--dark);
  --border-color-1--dark: var(--shade-6--dark);
  --border-color-2--dark: var(--shade-5--dark);
  --border-color-3--dark: var(--shade-7--dark);
  --border-color-4--dark: var(--shade-4--dark);
  --status-new-icon-color--dark: #22d3ee;
  --status-highlight-background-color--dark: #1e1b4b;
  --status-highlight-border-color--dark: #8b5cf6;
  --status-deleted-background-color--dark: #130606;
  --status-deleted-border-color--dark: #f43f5e;
  --status-deleted-font-color--dark: var(--status-deleted-border-color--dark);
  --status-pending-background-color--dark: #060d08;
  --status-pending-border-color--dark: #3cffa0;
  --status-pending-font-color--dark: var(--status-pending-border-color--dark);
  --status-unread-color--dark: #22d3ee;
  --success-color--dark: #3cffa0;
  --success-color-shade-1--dark: #22c55e;
  --moderate-color--dark: #f59e0b;
  --moderate-color-shade-1--dark: #d97706;
  --danger-color--dark: #f43f5e;
  --danger-color-shade-1--dark: #e11d48;
}
html, html.scheme-light {
  --primary-color: var(--primary-color--light);
  --primary-color-shade-1: var(--primary-color-shade-1--light);
  --secondary-color: var(--secondary-color--light);
  --secondary-color-shade-1: var(--secondary-color-shade-1--light);
  --invert-color: var(--invert-color--light);
  --shade-1: var(--shade-1--light);
  --shade-2: var(--shade-2--light);
  --shade-3: var(--shade-3--light);
  --shade-4: var(--shade-4--light);
  --shade-5: var(--shade-5--light);
  --shade-6: var(--shade-6--light);
  --shade-7: var(--shade-7--light);
  --shade-8: var(--shade-8--light);
  --shade-9: var(--shade-9--light);
  --shade-10: var(--shade-10--light);
  --font-color: var(--font-color--light);
  --invert-font-color: var(--invert-font-color--light);
  --alt-font-color-1: var(--alt-font-color-1--light);
  --alt-font-color-2: var(--alt-font-color-2--light);
  --alt-font-color-3: var(--alt-font-color-3--light);
  --text-highlight-color: var(--text-highlight-color--light);
  --link-default-color: var(--link-default-color--light);
  --link-hover-color: var(--link-hover-color--light);
  --button-default-color: var(--button-default-color--light);
  --button-hover-color: var(--button-hover-color--light);
  --background-default: var(--background-default--light);
  --content-background: var(--content-background--light);
  --header-background: var(--header-background--light);
  --header-background-shade-1: var(--header-background-shade-1--light);
  --user-bar-background: var(--user-bar-background--light);
  --user-bar-background-shade-1: var(--user-bar-background-shade-1--light);
  --major-title-background: var(--major-title-background--light);
  --background-1: var(--background-1--light);
  --background-2: var(--background-2--light);
  --background-3: var(--background-3--light);
  --background-4: var(--background-4--light);
  --major-title-border: var(--major-title-border--light);
  --border-color-1: var(--border-color-1--light);
  --border-color-2: var(--border-color-2--light);
  --border-color-3: var(--border-color-3--light);
  --border-color-4: var(--border-color-4--light);
  --status-new-icon-color: var(--status-new-icon-color--light);
  --status-highlight-background-color: var(--status-highlight-background-color--light);
  --status-highlight-border-color: var(--status-highlight-border-color--light);
  --status-deleted-background-color: var(--status-deleted-background-color--light);
  --status-deleted-border-color: var(--status-deleted-border-color--light);
  --status-deleted-font-color: var(--status-deleted-font-color--light);
  --status-pending-background-color: var(--status-pending-background-color--light);
  --status-pending-border-color: var(--status-pending-border-color--light);
  --status-pending-font-color: var(--status-pending-font-color--light);
  --status-unread-color: var(--status-unread-color--light);
  --success-color: var(--success-color--light);
  --success-color-shade-1: var(--success-color-shade-1--light);
  --moderate-color: var(--moderate-color--light);
  --moderate-color-shade-1: var(--moderate-color-shade-1--light);
  --danger-color: var(--danger-color--light);
  --danger-color-shade-1: var(--danger-color-shade-1--light);
}
@media (prefers-color-scheme: light) {
  html.scheme-system {
    --primary-color: var(--primary-color--light);
    --primary-color-shade-1: var(--primary-color-shade-1--light);
    --secondary-color: var(--secondary-color--light);
    --secondary-color-shade-1: var(--secondary-color-shade-1--light);
    --invert-color: var(--invert-color--light);
    --shade-1: var(--shade-1--light);
    --shade-2: var(--shade-2--light);
    --shade-3: var(--shade-3--light);
    --shade-4: var(--shade-4--light);
    --shade-5: var(--shade-5--light);
    --shade-6: var(--shade-6--light);
    --shade-7: var(--shade-7--light);
    --shade-8: var(--shade-8--light);
    --shade-9: var(--shade-9--light);
    --shade-10: var(--shade-10--light);
    --font-color: var(--font-color--light);
    --invert-font-color: var(--invert-font-color--light);
    --alt-font-color-1: var(--alt-font-color-1--light);
    --alt-font-color-2: var(--alt-font-color-2--light);
    --alt-font-color-3: var(--alt-font-color-3--light);
    --text-highlight-color: var(--text-highlight-color--light);
    --link-default-color: var(--link-default-color--light);
    --link-hover-color: var(--link-hover-color--light);
    --button-default-color: var(--button-default-color--light);
    --button-hover-color: var(--button-hover-color--light);
    --background-default: var(--background-default--light);
    --content-background: var(--content-background--light);
    --header-background: var(--header-background--light);
    --header-background-shade-1: var(--header-background-shade-1--light);
    --user-bar-background: var(--user-bar-background--light);
    --user-bar-background-shade-1: var(--user-bar-background-shade-1--light);
    --major-title-background: var(--major-title-background--light);
    --background-1: var(--background-1--light);
    --background-2: var(--background-2--light);
    --background-3: var(--background-3--light);
    --background-4: var(--background-4--light);
    --major-title-border: var(--major-title-border--light);
    --border-color-1: var(--border-color-1--light);
    --border-color-2: var(--border-color-2--light);
    --border-color-3: var(--border-color-3--light);
    --border-color-4: var(--border-color-4--light);
    --status-new-icon-color: var(--status-new-icon-color--light);
    --status-highlight-background-color: var(--status-highlight-background-color--light);
    --status-highlight-border-color: var(--status-highlight-border-color--light);
    --status-deleted-background-color: var(--status-deleted-background-color--light);
    --status-deleted-border-color: var(--status-deleted-border-color--light);
    --status-deleted-font-color: var(--status-deleted-font-color--light);
    --status-pending-background-color: var(--status-pending-background-color--light);
    --status-pending-border-color: var(--status-pending-border-color--light);
    --status-pending-font-color: var(--status-pending-font-color--light);
    --status-unread-color: var(--status-unread-color--light);
    --success-color: var(--success-color--light);
    --success-color-shade-1: var(--success-color-shade-1--light);
    --moderate-color: var(--moderate-color--light);
    --moderate-color-shade-1: var(--moderate-color-shade-1--light);
    --danger-color: var(--danger-color--light);
    --danger-color-shade-1: var(--danger-color-shade-1--light);
  }
}
@media (prefers-color-scheme: dark) {
  html.scheme-system {
    --primary-color: var(--primary-color--dark);
    --primary-color-shade-1: var(--primary-color-shade-1--dark);
    --secondary-color: var(--secondary-color--dark);
    --secondary-color-shade-1: var(--secondary-color-shade-1--dark);
    --invert-color: var(--invert-color--dark);
    --shade-1: var(--shade-1--dark);
    --shade-2: var(--shade-2--dark);
    --shade-3: var(--shade-3--dark);
    --shade-4: var(--shade-4--dark);
    --shade-5: var(--shade-5--dark);
    --shade-6: var(--shade-6--dark);
    --shade-7: var(--shade-7--dark);
    --shade-8: var(--shade-8--dark);
    --shade-9: var(--shade-9--dark);
    --shade-10: var(--shade-10--dark);
    --font-color: var(--font-color--dark);
    --invert-font-color: var(--invert-font-color--dark);
    --alt-font-color-1: var(--alt-font-color-1--dark);
    --alt-font-color-2: var(--alt-font-color-2--dark);
    --alt-font-color-3: var(--alt-font-color-3--dark);
    --text-highlight-color: var(--text-highlight-color--dark);
    --link-default-color: var(--link-default-color--dark);
    --link-hover-color: var(--link-hover-color--dark);
    --button-default-color: var(--button-default-color--dark);
    --button-hover-color: var(--button-hover-color--dark);
    --background-default: var(--background-default--dark);
    --content-background: var(--content-background--dark);
    --header-background: var(--header-background--dark);
    --header-background-shade-1: var(--header-background-shade-1--dark);
    --user-bar-background: var(--user-bar-background--dark);
    --user-bar-background-shade-1: var(--user-bar-background-shade-1--dark);
    --major-title-background: var(--major-title-background--dark);
    --background-1: var(--background-1--dark);
    --background-2: var(--background-2--dark);
    --background-3: var(--background-3--dark);
    --background-4: var(--background-4--dark);
    --major-title-border: var(--major-title-border--dark);
    --border-color-1: var(--border-color-1--dark);
    --border-color-2: var(--border-color-2--dark);
    --border-color-3: var(--border-color-3--dark);
    --border-color-4: var(--border-color-4--dark);
    --status-new-icon-color: var(--status-new-icon-color--dark);
    --status-highlight-background-color: var(--status-highlight-background-color--dark);
    --status-highlight-border-color: var(--status-highlight-border-color--dark);
    --status-deleted-background-color: var(--status-deleted-background-color--dark);
    --status-deleted-border-color: var(--status-deleted-border-color--dark);
    --status-deleted-font-color: var(--status-deleted-font-color--dark);
    --status-pending-background-color: var(--status-pending-background-color--dark);
    --status-pending-border-color: var(--status-pending-border-color--dark);
    --status-pending-font-color: var(--status-pending-font-color--dark);
    --status-unread-color: var(--status-unread-color--dark);
    --success-color: var(--success-color--dark);
    --success-color-shade-1: var(--success-color-shade-1--dark);
    --moderate-color: var(--moderate-color--dark);
    --moderate-color-shade-1: var(--moderate-color-shade-1--dark);
    --danger-color: var(--danger-color--dark);
    --danger-color-shade-1: var(--danger-color-shade-1--dark);
  }
}
html.scheme-dark {
  --primary-color: var(--primary-color--dark);
  --primary-color-shade-1: var(--primary-color-shade-1--dark);
  --secondary-color: var(--secondary-color--dark);
  --secondary-color-shade-1: var(--secondary-color-shade-1--dark);
  --invert-color: var(--invert-color--dark);
  --shade-1: var(--shade-1--dark);
  --shade-2: var(--shade-2--dark);
  --shade-3: var(--shade-3--dark);
  --shade-4: var(--shade-4--dark);
  --shade-5: var(--shade-5--dark);
  --shade-6: var(--shade-6--dark);
  --shade-7: var(--shade-7--dark);
  --shade-8: var(--shade-8--dark);
  --shade-9: var(--shade-9--dark);
  --shade-10: var(--shade-10--dark);
  --font-color: var(--font-color--dark);
  --invert-font-color: var(--invert-font-color--dark);
  --alt-font-color-1: var(--alt-font-color-1--dark);
  --alt-font-color-2: var(--alt-font-color-2--dark);
  --alt-font-color-3: var(--alt-font-color-3--dark);
  --text-highlight-color: var(--text-highlight-color--dark);
  --link-default-color: var(--link-default-color--dark);
  --link-hover-color: var(--link-hover-color--dark);
  --button-default-color: var(--button-default-color--dark);
  --button-hover-color: var(--button-hover-color--dark);
  --background-default: var(--background-default--dark);
  --content-background: var(--content-background--dark);
  --header-background: var(--header-background--dark);
  --header-background-shade-1: var(--header-background-shade-1--dark);
  --user-bar-background: var(--user-bar-background--dark);
  --user-bar-background-shade-1: var(--user-bar-background-shade-1--dark);
  --major-title-background: var(--major-title-background--dark);
  --background-1: var(--background-1--dark);
  --background-2: var(--background-2--dark);
  --background-3: var(--background-3--dark);
  --background-4: var(--background-4--dark);
  --major-title-border: var(--major-title-border--dark);
  --border-color-1: var(--border-color-1--dark);
  --border-color-2: var(--border-color-2--dark);
  --border-color-3: var(--border-color-3--dark);
  --border-color-4: var(--border-color-4--dark);
  --status-new-icon-color: var(--status-new-icon-color--dark);
  --status-highlight-background-color: var(--status-highlight-background-color--dark);
  --status-highlight-border-color: var(--status-highlight-border-color--dark);
  --status-deleted-background-color: var(--status-deleted-background-color--dark);
  --status-deleted-border-color: var(--status-deleted-border-color--dark);
  --status-deleted-font-color: var(--status-deleted-font-color--dark);
  --status-pending-background-color: var(--status-pending-background-color--dark);
  --status-pending-border-color: var(--status-pending-border-color--dark);
  --status-pending-font-color: var(--status-pending-font-color--dark);
  --status-unread-color: var(--status-unread-color--dark);
  --success-color: var(--success-color--dark);
  --success-color-shade-1: var(--success-color-shade-1--dark);
  --moderate-color: var(--moderate-color--dark);
  --moderate-color-shade-1: var(--moderate-color-shade-1--dark);
  --danger-color: var(--danger-color--dark);
  --danger-color-shade-1: var(--danger-color-shade-1--dark);
}
:root {
  --border-radius:       6px;
  --border-radius-small: 3px;
  --border-width-base:   1px;
  --border-width-thick:  2px;
  --border-width-page-header: 0px;
  --transition-speed: .2s;
  --spacing-1: 2px;
  --spacing-2: 4px;
  --spacing-3: 8px;
  --spacing-4: 12px;
  --spacing-5: 16px;
  --spacing-6: 24px;
  --spacing-7: 32px;
  --spacing-8: 48px;
  --header-height: 70px;
  --glow-purple: 0 0 12px rgba(139,92,246,0.6), 0 0 30px rgba(139,92,246,0.3);
  --glow-cyan:   0 0 12px rgba(0,217,245,0.6),  0 0 30px rgba(0,217,245,0.3);
  --glow-green:  0 0 12px rgba(60,255,160,0.5),  0 0 25px rgba(60,255,160,0.2);
  --border-neon-purple: 1px solid rgba(139,92,246,0.5);
  --border-neon-cyan:   1px solid rgba(0,217,245,0.4);
  --border-neon-green:  1px solid rgba(60,255,160,0.4);
}
:root {
  --font-stack: "Rajdhani", "Exo 2", "Segoe UI", system-ui, sans-serif;
  --heading-font-stack: "Orbitron", "Exo 2", "Rajdhani", sans-serif;
  --logo-font-stack: "Orbitron", sans-serif;
  --font-size-base: 16px;
  --line-height-small: 1.3;
  --line-height-base: 1.6;
  --line-height-large: 1.75;
  --font-size-smallest: 0.68rem;
  --font-size-smaller:  0.78rem;
  --font-size-small:    0.875rem;
  --font-size-regular:  1.0rem;
  --font-size-large:    1.2rem;
  --font-size-larger:   1.5rem;
  --font-size-largest:  2.5rem;
  --font-weight-light:    300;
  --font-weight-normal:   400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;
  --font-weight-bold:     700;
  --font-weight-black:    900;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}
.commas > *:after {
  content: ",";
}
.commas > *:last-child:after {
  content: "";
}
.jcrop-line, .jcrop-vline, .jcrop-hline {
  background: #ffffff url("../images/Jcrop.gif");
  font-size: 0;
  position: absolute;
}
.jcrop-holder {
  direction: ltr;
  text-align: left;
}
.jcrop-holder img {
  max-width: none;
}
.jcrop-vline {
  height: 100%;
  width: 1px !important;
}
.jcrop-vline.right {
  right: 0;
}
.jcrop-hline {
  height: 1px !important;
  width: 100%;
}
.jcrop-hline.bottom {
  bottom: 0;
}
.jcrop-tracker {
  height: 100%;
  width: 100%;
}
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
}
.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}
.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}
.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}
.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}
.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}
.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}
.jcrop-dragbar.ord-n {
  height: 7px;
  width: 100%;
  margin-top: -4px;
}
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
  bottom: 0;
  margin-bottom: -4px;
}
.jcrop-dragbar.ord-e {
  height: 100%;
  width: 7px;
  margin-right: -4px;
  right: 0;
}
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
  margin-left: -4px;
}
.jcrop-light .jcrop-vline, .jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.jcrop-light .jcrop-handle {
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px;
}
.jcrop-dark .jcrop-vline, .jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.jcrop-dark .jcrop-handle {
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px;
}
.solid-line .jcrop-vline, .solid-line .jcrop-hline {
  background: #ffffff;
}
img.jcrop-preview {
  max-width: none;
}
.jcrop {
  max-width: 100%;
  height: 300px;
  max-height: 300px;
  overflow: auto;
  text-align: center;
  vertical-align: middle;
}
/* hide/show password */
::-ms-reveal, ::-ms-clear {
  display: none !important;
}
.hideShowPassword-toggle {
  background: transparent;
  border: 0;
  border-radius: 2px;
  color: var(--alt-font-color-2);
  cursor: pointer;
  font-size: 0.75em;
  font-weight: var(--font-weight-bold);
  margin-right: 2px;
  padding: 3px 8px;
  text-transform: uppercase;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.hideShowPassword-toggle:hover, .hideShowPassword-toggle:focus {
  background-color: var(--background-3);
  color: var(--alt-font-color-1);
  outline: transparent;
}
#spinner {
  background: var(--header-background);
  color: var(--invert-font-color);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  padding: 3px 15px;
  border-radius: 0 0 4px 0;
  font-size: 12px;
  display: none;
}
#spinner i {
  font-size: 16px;
  padding: 0 2px;
}
/*
 * Stepper v3.0.7 - 2014-05-07
 * A jQuery plugin for cross browser number inputs. Part of the Formstone Library.
 * http://formstone.it/stepper/
 *
 * Copyright 2014 Ben Plum; MIT Licensed
 */
.stepper {
  border-radius: 3px;
  margin: 0 0 10px 0;
  overflow: hidden;
  position: relative;
  width: 130px;
  border: 1px solid var(--border-color-1);
}
.stepper .stepper-input {
  background: var(--background-default);
  border: 0;
  font-size: 0.9em;
  margin: 0;
  overflow: hidden;
  padding: 4px 10px;
  text-align: center;
  width: 100%;
  width: 60px;
  margin: 0 35px;
  box-sizing: border-box;
  border-radius: 4px;
  z-index: 49;
  -moz-appearance: textfield;
}
.stepper .stepper-input:focus {
  outline: 0;
}
.stepper .stepper-input::-webkit-inner-spin-button, .stepper .stepper-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.stepper .stepper-arrow {
  cursor: pointer;
  display: block;
  height: 100%;
  padding: 0px 0;
  position: absolute;
  width: 35px;
  text-align: center;
  z-index: 50;
  color: var(--background-default);
}
.stepper .stepper-arrow:before {
  font-size: 14px;
  margin: 0 10px 0 10px;
  font-family: "FontAwesome";
  color: var(--alt-font-color-1);
}
.stepper .stepper-arrow:hover {
  color: var(--alt-font-color-1);
}
.stepper .stepper-arrow:active {
  background: var(--button-hover-color);
}
.stepper .stepper-arrow:active:before {
  color: var(--invert-font-color);
}
.stepper .stepper-arrow.up {
  float: right;
  top: 0;
  right: 0;
  border-left: 1px solid var(--border-color-1);
}
.stepper .stepper-arrow.up:before {
  content: "";
}
.stepper .stepper-arrow.down {
  float: left;
  top: 0;
  left: 0;
  border-right: 1px solid var(--border-color-1);
}
.stepper .stepper-arrow.down:before {
  content: "";
}
.stepper.disabled .stepper-input {
  background: var(--background-default);
  border-color: var(--border-color-1);
  color: var(--alt-font-color-3);
}
.stepper.disabled .stepper-arrow {
  background: var(--background-default);
  border-color: var(--border-color-1);
  cursor: default;
}
/* PowerTip Plugin */
#powerTip {
  cursor: default;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  color: #fff;
  display: none;
  padding: 3px 9px;
  position: absolute;
  white-space: nowrap;
  z-index: 2147483647;
  font-size: 0.8em;
}
#powerTip:before {
  content: "";
  position: absolute;
}
#powerTip.n:before, #powerTip.s:before {
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  left: 50%;
  margin-left: -5px;
}
#powerTip.e:before, #powerTip.w:before {
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  margin-top: -5px;
  top: 50%;
}
#powerTip.n:before {
  border-top: 5px solid #333;
  border-top: 5px solid rgba(0, 0, 0, 0.8);
  bottom: -5px;
}
#powerTip.e:before {
  border-right: 5px solid #333;
  border-right: 5px solid rgba(0, 0, 0, 0.8);
  left: -5px;
}
#powerTip.s:before {
  border-bottom: 5px solid #333;
  border-bottom: 5px solid rgba(0, 0, 0, 0.8);
  top: -5px;
}
#powerTip.w:before {
  border-left: 5px solid #333;
  border-left: 5px solid rgba(0, 0, 0, 0.8);
  right: -5px;
}
#powerTip.ne:before, #powerTip.se:before {
  border-right: 5px solid transparent;
  border-left: 0;
  left: 10px;
}
#powerTip.nw:before, #powerTip.sw:before {
  border-left: 5px solid transparent;
  border-right: 0;
  right: 10px;
}
#powerTip.ne:before, #powerTip.nw:before {
  border-top: 5px solid #333;
  border-top: 5px solid rgba(0, 0, 0, 0.8);
  bottom: -5px;
}
#powerTip.se:before, #powerTip.sw:before {
  border-bottom: 5px solid #333;
  border-bottom: 5px solid rgba(0, 0, 0, 0.8);
  top: -5px;
}
#powerTip.nw-alt:before, #powerTip.ne-alt:before, #powerTip.sw-alt:before, #powerTip.se-alt:before {
  border-top: 5px solid #333;
  border-top: 5px solid rgba(0, 0, 0, 0.8);
  bottom: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 10px;
}
#powerTip.ne-alt:before {
  left: auto;
  right: 10px;
}
#powerTip.sw-alt:before, #powerTip.se-alt:before {
  border-top: none;
  border-bottom: 5px solid #333;
  border-bottom: 5px solid rgba(0, 0, 0, 0.8);
  bottom: auto;
  top: -5px;
}
#powerTip.se-alt:before {
  left: auto;
  right: 10px;
}
/*
 * Dropit v1.1.0
 * http://dev7studios.com/dropit
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
/* These styles assume you are using ul and li */
.dropit {
  list-style: none;
  padding: 0;
  margin: 0;
}
.dropit .dropit-trigger {
  position: relative;
}
.dropit .dropit-submenu {
  position: absolute;
  top: 100%;
  left: 0;
  /* dropdown left or right */
  z-index: 1000;
  display: none;
  min-width: 150px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.dropit .dropit-open .dropit-submenu {
  display: block;
}
.jGrowl {
  z-index: 9999;
  color: var(--font-color);
  font-size: var(--font-size-small);
  font-family: var(--font-stack);
  position: fixed;
}
.jGrowl.top-left {
  left: 0px;
  top: 0px;
}
.jGrowl.top-right {
  right: 0px;
  top: 0px;
}
.jGrowl.bottom-left {
  left: 0px;
  bottom: 0px;
}
.jGrowl.bottom-right {
  right: 0px;
  bottom: 0px;
}
.jGrowl.center {
  top: 0px;
  width: 50%;
  left: 25%;
}
.jGrowl.center .jGrowl-notification, .jGrowl.center .jGrowl-closer {
  margin-left: auto;
  margin-right: auto;
}
.jGrowl-notification, .jGrowl-notification.alert {
  background: var(--background-1);
  zoom: 1;
  width: 250px;
  padding: var(--spacing-4);
  margin: var(--spacing-4);
  text-align: left;
  display: none;
  border-radius: var(--border-radius);
  min-height: 40px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
}
.jGrowl-notification .ui-state-highlight, .jGrowl-notification .ui-widget-content .ui-state-highlight, .jGrowl-notification .ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}
.jGrowl-notification .jGrowl-header {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-small);
}
.jGrowl-notification .jGrowl-close {
  background-color: transparent;
  color: inherit;
  border: none;
  z-index: 99;
  float: right;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-regular);
  cursor: pointer;
}
.jGrowl-closer {
  background-color: #000;
  zoom: 1;
  width: 250px;
  padding: var(--spacing-4);
  margin: var(--spacing-4);
  text-align: left;
  display: none;
  border-radius: var(--border-radius);
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  font-size: 0.9em;
  font-weight: var(--font-weight-bold);
  text-align: center;
}
.jGrowl-closer .ui-state-highlight, .jGrowl-closer .ui-widget-content .ui-state-highlight, .jGrowl-closer .ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}
.jGrowl .jGrowl-notification.jgrowl_success {
  background: var(--success-color);
  border: var(--border-width-base) solid var(--success-color-shade-1);
  color: var(--invert-font-color);
}
.jGrowl .jGrowl-notification.jgrowl_error {
  background: var(--danger-color);
  border: var(--border-width-base) solid var(--danger-color-shade-1);
  color: var(--invert-font-color);
}
/** Hide jGrowl when printing **/
@media print {
  .jGrowl {
    display: none;
  }
}
.header {
  background: var(--header-background);
  min-height: var(--header-height);
}
.header__title {
  height: 100%;
  margin: 0;
}
.header__title .logo {
  display: flex;
  align-items: center;
  height: var(--header-height);
  margin-right: 50px;
}
.wrapper--header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.main-menu {
  flex-grow: 1;
}
@media only screen and (max-width: 767px) {
  .main-menu {
    display: none;
  }
}
.main-menu__links {
  display: flex;
  justify-content: flex-end;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media only screen and (max-width: 767px) {
  .main-menu__links {
    flex-wrap: wrap;
    margin: 0 -6%;
    background: var(--header-background);
    border-bottom: var(--border-width-base) solid var(--border-color-4);
  }
}
.main-menu__item {
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .main-menu__item {
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    border-top: var(--border-width-base) solid var(--border-color-4);
  }
}
.main-menu__item--active {
  background: transparent;
}
.main-menu__item--active .main-menu__link {
  background: rgba(29, 111, 181, 0.12);
  color: var(--primary-color);
}
.main-menu__item--active .main-menu__icon {
  color: var(--primary-color);
}
.main-menu__link {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: var(--spacing-3) var(--spacing-7);
  margin: 0;
  font-size: var(--font-size-regular);
  font-weight: var(--font-weight-light);
  transition: background var(--transition-speed) ease;
}
@media only screen and (min-width: 768px) {
  .main-menu__link {
    justify-content: center;
    height: var(--header-height);
    padding: 0 var(--spacing-5);
  }
}
.main-menu__link:link, .main-menu__link:visited {
  color: var(--invert-font-color);
  text-decoration: none;
}
.main-menu__link:hover {
  background: var(--header-background-shade-1);
}
.main-menu__icon {
  margin-right: var(--spacing-3);
  color: var(--alt-font-color-2);
}
.menu-checkbox {
  display: none;
}
.menu-button {
  display: none;
  padding: 0 var(--spacing-4);
  font-size: var(--font-size-larger);
  color: var(--invert-font-color);
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .menu-button {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  #show-mobile-menu:checked ~ .main-menu {
    display: block;
  }
}
.footer__selectors {
  margin-top: var(--spacing-6);
}
.footer__debug {
  margin-top: var(--spacing-6);
  font-size: var(--font-size-smaller);
  line-height: var(--line-height-small);
  color: var(--alt-font-color-1);
}
.footer__navigation {
  padding: var(--spacing-4) 0;
  margin: var(--spacing-4) 0;
  clear: both;
  background: var(--background-3);
  box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.03), inset 0 -3px 3px rgba(0, 0, 0, 0.03);
}
.footer__copyright {
  text-align: center;
}
.powered-by {
  font-size: var(--font-size-smaller);
  color: var(--alt-font-color-2);
}
.powered-by__link:link, .powered-by__link:visited {
  color: var(--alt-font-color-1);
}
.footer-menu {
  font-size: var(--font-size-small);
}
.footer-menu__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media only screen and (min-width: 1200px) {
  .footer-menu__links {
    justify-content: space-between;
  }
}
.footer-menu__item {
  padding: var(--spacing-2) var(--spacing-4);
}
.footer-menu__link:link, .footer-menu__link:visited {
  color: var(--alt-font-color-1);
}
.footer-menu__link:hover {
  color: var(--link-hover-color);
  text-decoration: none;
}
.footer-menu__icon {
  margin-right: var(--spacing-2);
}
html, button, input, select, textarea {
  color: var(--font-color);
  word-wrap: break-word;
}
::selection {
  color: var(--invert-font-color);
  background: var(--secondary-color);
  text-shadow: none;
}
body {
  margin: 0;
  font: var(--font-size-base)/var(--line-height-base) var(--font-stack);
  background: var(--content-background);
}
h1, h2, h3, h4, h5, h6 {
  font-weight: var(--font-weight-bold);
}
input, select, textarea, button {
  font: var(--font-size-base) var(--font-stack);
}
a:link, a:visited {
  color: var(--link-default-color);
  text-decoration: none;
}
a:hover, a:active {
  color: var(--link-hover-color);
  text-decoration: underline;
}
a:focus, button:focus {
  outline: 0;
}
hr {
  display: block;
  height: var(--border-width-base);
  padding: 0;
  margin: 1em 0;
  border: 0;
  border-top: var(--border-width-base) solid var(--border-color-2);
}
img {
  vertical-align: middle;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
textarea {
  resize: vertical;
}
.wrapper {
  width: 94%;
  margin: 0 3%;
}
.wrapper--main:after {
  display: table;
  clear: both;
  content: "";
}
@media only screen and (min-width: 1200px) {
  .wrapper {
    max-width: 1250px;
    margin: 0 auto;
  }
}
.main {
  padding: var(--spacing-6) 0 var(--spacing-4) 0;
}
.main .page-columns {
  display: grid;
  gap: var(--spacing-3) var(--spacing-7);
}
.main .page-columns--menu {
  grid-template-areas: "menu" "content";
}
@media only screen and (min-width: 768px) {
  .main .page-columns--menu {
    grid-template-columns: minmax(200px, 1fr) 4fr;
    grid-template-areas: "menu content";
  }
}
.main .page-columns--sidebar {
  grid-template-areas: "content" "sidebar";
}
@media only screen and (min-width: 768px) {
  .main .page-columns--sidebar {
    grid-template-columns: 2fr 1fr;
    grid-template-areas: "content sidebar";
  }
}
.main .page-content {
  grid-area: content;
}
@media only screen and (min-width: 768px) {
  .main .page-content--centered {
    width: 60%;
    margin: auto auto;
  }
}
.main .page-sidebar {
  grid-area: sidebar;
}
.main .page-content--menu .page-header {
  margin-bottom: var(--spacing-5);
}
.main .page-header {
  padding-bottom: 0;
  margin-bottom: var(--spacing-6);
  border-bottom: var(--border-width-page-header) solid var(--primary-color);
}
.main .page-header .page-description {
  margin: 0 0 var(--spacing-4) 0;
  font-size: var(--font-size-small);
  color: var(--alt-font-color-1);
}
.quick-search {
  display: none;
  align-self: center;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .quick-search {
    display: block;
    width: 35%;
  }
}
@media only screen and (max-width: 767px) {
  .quick-search {
    box-sizing: border-box;
    position: absolute;
    top: 100%;
    padding: var(--spacing-4);
    background: var(--user-bar-background-shade-1);
    border-bottom: var(--border-width-thick) solid var(--border-color-1);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
    clip-path: inset(0px -10px -10px -10px);
  }
}
.quick-search__container {
  box-sizing: border-box;
  width: auto;
  padding: var(--spacing-1) 0 var(--spacing-1) var(--spacing-3);
  margin: var(--border-width-base);
  cursor: text;
  background: var(--background-default);
  border-radius: var(--border-radius);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.06);
}
.quick-search__label {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  cursor: text;
}
.quick-search .quick-search__field {
  box-sizing: border-box;
  flex-grow: 1;
  min-width: 0;
  padding: var(--spacing-2);
  margin: 0;
  font-size: var(--font-size-regular);
  background-color: var(--background-default);
  border: 0;
  outline: 0;
}
.quick-search__controls {
  box-sizing: border-box;
  flex-shrink: 0;
  padding-right: var(--spacing-3);
  text-align: right;
}
.quick-search__submit, .quick-search__advanced {
  display: inline-block;
  padding: var(--spacing-1) 0;
  margin: 0 0 0 6px;
  font-size: var(--font-size-regular);
  color: var(--alt-font-color-2);
  cursor: pointer;
  background: none;
  border: 0;
}
.quick-search__submit:link, .quick-search__submit:visited, .quick-search__advanced:link, .quick-search__advanced:visited {
  color: var(--alt-font-color-2);
}
.quick-search__submit:hover, .quick-search__advanced:hover {
  color: var(--alt-font-color-1);
}
.mobile-search-checkbox {
  display: none;
}
.mobile-search-button {
  display: none;
  box-sizing: border-box;
  padding: 0 var(--spacing-4);
  font-size: var(--font-size-large);
  color: var(--alt-font-color-1);
}
@media only screen and (max-width: 767px) {
  .mobile-search-button {
    display: flex;
    align-items: center;
  }
}
.mobile-search-button:hover {
  background: var(--user-bar-background-shade-1);
  text-decoration: none;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  #show-mobile-search:checked ~ .quick-search {
    display: block;
    z-index: 100;
  }
}
#show-mobile-search:checked ~ .mobile-search-button {
  background: var(--user-bar-background-shade-1);
}
.user-bar {
  background: var(--user-bar-background);
  box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.03), inset 0 -3px 3px rgba(0, 0, 0, 0.03);
}
.user-bar__wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.user-bar__links {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
}
.user-bar__item {
  display: flex;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  .user-bar__item--new-posts, .user-bar__item--todays-posts {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .user-bar__item--messenger .user-bar__text {
    display: none;
  }
}
.user-bar__link {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-4) var(--spacing-3);
}
.user-bar__link, .user-bar__link:link, .user-bar__link:visited {
  color: var(--alt-font-color-1);
}
.user-bar__link:hover {
  background: var(--user-bar-background-shade-1);
  text-decoration: none;
  cursor: pointer;
}
.user-bar__icon {
  margin: 0 var(--spacing-2);
  font-size: var(--font-size-large);
}
.user-bar__text {
  padding: 0 var(--spacing-1);
}
.user-bar__caret {
  display: inline-block;
  font-size: var(--font-size-small);
}
.user-bar__caret--up {
  display: none;
}
.user-bar__unread-count {
  padding: var(--spacing-1) var(--spacing-2);
  margin: 0 var(--spacing-2);
  font-size: var(--font-size-smallest);
  font-weight: var(--font-weight-normal);
  color: var(--invert-font-color);
  background: var(--status-unread-color);
  border-radius: calc(var(--border-radius) / 2);
}
.user-bar__checkbox {
  display: none;
}
.user-bar__dropdown {
  position: absolute;
  top: 100%;
  display: none;
  gap: var(--spacing-5);
  justify-content: space-between;
  min-width: 250px;
  padding: var(--spacing-3) var(--spacing-4) var(--spacing-3) var(--spacing-4);
  font-size: var(--font-size-small);
  background: var(--user-bar-background-shade-1);
  border-bottom: var(--border-width-thick) solid var(--border-color-1);
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
  clip-path: inset(0px -10px -10px -10px);
}
.user-bar__avatar {
  padding-top: var(--spacing-2);
}
.wrapper--user-bar {
  padding: 0;
}
#show-user-dropdown:checked ~ .user-bar__item--active-user {
  background: var(--user-bar-background-shade-1);
}
#show-user-dropdown:checked ~ .user-bar__item--active-user .user-bar__dropdown {
  display: flex;
  z-index: 100;
}
#show-user-dropdown:checked ~ .user-bar__item--active-user .user-bar__caret--up {
  display: inline;
}
#show-user-dropdown:checked ~ .user-bar__item--active-user .user-bar__caret--down {
  display: none;
}
.account-links {
  padding: 0;
  margin: 0;
  overflow: hidden;
  list-style: none;
}
.account-links__item {
  display: block;
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 1200px) {
  .account-links__item--new-posts, .account-links__item--todays-posts {
    display: none;
  }
}
.account-links__link {
  display: block;
  padding: var(--spacing-2);
  margin: 0;
  text-align: left;
  background: transparent;
}
.account-links__link:link, .account-links__link:visited {
  color: var(--alt-font-color-1);
}
.account-links__link:hover {
  color: var(--link-hover-color);
  text-decoration: none;
}
.account-links__icon {
  margin-right: var(--spacing-2);
}
/**
 * MyBB/forum logo
 */
.logo {
  display: block;
  text-decoration: none;
}
.logo__icon > svg {
  display: inline-block;
  width: calc(0.625 * var(--header-height));
  height: calc(0.5 * var(--header-height));
  vertical-align: middle;
}
.logo__icon > svg * {
  transition: fill var(--transition-speed) ease;
}
.logo__text {
  font-family: var(--logo-font-stack);
  font-size: calc(0.45 * var(--header-height));
  font-style: italic;
  font-weight: var(--font-weight-semibold);
  color: var(--invert-font-color);
  text-indent: var(--spacing-3);
}
.logo:hover {
  text-decoration: none;
}
.logo--light .logo__icon > svg * {
  fill: var(--invert-font-color);
}
.logo--light:hover .logo__icon > svg * {
  fill: var(--alt-font-color-3);
}
.logo--primary .logo__icon > svg * {
  fill: var(--primary-color);
}
.logo--primary:hover .logo__icon > svg * {
  fill: var(--secondary-color);
}
.alert {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--spacing-4);
  margin-bottom: var(--spacing-6);
  font-size: var(--font-size-small);
  background: var(--background-default);
  border: var(--border-width-base) solid var(--border-color-1);
  border-radius: var(--border-radius);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
}
.alert__message {
  flex-grow: 1;
  padding: 0;
  margin: 0;
}
.alert__icon {
  margin-top: var(--spacing-1);
  margin-right: var(--spacing-4);
  font-size: var(--font-size-large);
  color: var(--alt-font-color-1);
}
.alert__dismiss {
  font-size: var(--font-size-regular);
}
.alert__dismiss__link:link, .alert__dismiss__link:visited {
  color: var(--danger-color);
}
.alert__dismiss__link:hover {
  color: var(--alt-font-color-1);
}
.alert__title {
  margin: 0;
  font-size: var(--font-size-regular);
}
.alert__description {
  margin: 0;
}
.alert__list {
  margin: var(--spacing-4) 0;
}
.alert--danger {
  border-top: var(--border-width-page-header) solid var(--danger-color);
}
.alert--danger :link, .alert--danger :visited, .alert--danger .alert__icon {
  color: var(--danger-color);
}
.alert--pending {
  border-top: var(--border-width-page-header) solid var(--status-pending-border-color);
  color: var(--status-pending-font-color);
}
.alert--pending :link, .alert--pending :visited, .alert--pending .alert__icon {
  color: var(--status-pending-font-color);
}
.alert--success {
  border-top: var(--border-width-page-header) solid var(--success-color);
}
.alert--success :link, .alert--success :visited, .alert--success .alert__icon {
  color: var(--success-color);
}
.no-results {
  text-align: center;
  font-size: var(--font-size-large);
  color: var(--alt-font-color-1);
}
.no-results, .no-results.container--no-results, .no-results.row--no-results {
  box-sizing: border-box;
  width: 100%;
  padding: var(--spacing-7) var(--spacing-6);
}
.no-results--aligned-block {
  text-align: left;
}
.no-results--compact {
  padding: var(--spacing-4) 0;
  font-size: var(--font-size-regular);
}
.avatar-profile-link {
  display: inline-block;
}
.avatar {
  border-radius: var(--border-radius);
}
.avatar--smallest {
  width: 40px;
  height: 40px;
}
.avatar--smallest .avatar__image {
  width: 40px;
  height: 40px;
}
.avatar--smallest .avatar__icon {
  font-size: 20px;
}
.avatar--smallest .avatar__initial {
  font-size: 21.0526315789px;
}
.avatar--small {
  width: 50px;
  height: 50px;
}
.avatar--small .avatar__image {
  width: 50px;
  height: 50px;
}
.avatar--small .avatar__icon {
  font-size: 25px;
}
.avatar--small .avatar__initial {
  font-size: 26.3157894737px;
}
.avatar--medium {
  width: 80px;
  height: 80px;
}
.avatar--medium .avatar__image {
  width: 80px;
  height: 80px;
}
.avatar--medium .avatar__icon {
  font-size: 40px;
}
.avatar--medium .avatar__initial {
  font-size: 42.1052631579px;
}
.avatar--large {
  width: 100px;
  height: 100px;
}
.avatar--large .avatar__image {
  width: 100px;
  height: 100px;
}
.avatar--large .avatar__icon {
  font-size: 50px;
}
.avatar--large .avatar__initial {
  font-size: 52.6315789474px;
}
.avatar--largest {
  width: 160px;
  height: 160px;
}
.avatar--largest .avatar__image {
  width: 160px;
  height: 160px;
}
.avatar--largest .avatar__icon {
  font-size: 80px;
}
.avatar--largest .avatar__initial {
  font-size: 84.2105263158px;
}
.avatar--default {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--background-3);
}
.avatar--default[data-avatar-color] {
  background: var(--default-avatar-color, var(--background-3));
}
@supports (background: attr(data-avatar-color type(<color>), #000)) {
  .avatar--default[data-avatar-color] {
    background: attr(data-avatar-color type(<color>), var(--default-avatar-color, var(--background-3)));
  }
}
.avatar__initial {
  display: inline-flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: var(--invert-font-color);
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}
.avatar__initial::before {
  content: attr(data-avatar-initial);
}
.avatar__icon {
  color: var(--alt-font-color-3);
}
.avatar__image {
  border-radius: var(--border-radius);
  height: 100%;
  width: 100%;
}
.board-info__section {
  display: grid;
  gap: var(--spacing-3) var(--spacing-5);
  align-items: center;
  grid-template-columns: min-content 1fr;
  grid-template-areas: "icon title" ". content";
}
.board-info__title.title {
  grid-area: title;
  margin: 0;
  font-size: var(--font-size-large);
}
.board-info__icon {
  grid-area: icon;
  text-align: center;
  font-size: var(--font-size-regular);
  color: var(--alt-font-color-2);
}
.board-info__content {
  grid-area: content;
  font-size: var(--font-size-small);
}
.board-info__body {
  margin: 0;
  color: var(--alt-font-color-1);
}
.board-info__body--users {
  margin-top: var(--spacing-3);
}
.board-info__body--groups {
  margin-top: var(--spacing-3);
  padding: var(--spacing-3) var(--spacing-4);
  font-size: var(--font-size-smaller);
  background: var(--background-1);
  border-radius: var(--border-radius);
}
.board-stats {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--spacing-3) var(--spacing-6);
  margin: 0;
  padding: var(--spacing-2) 0;
}
@media only screen and (min-width: 480px) {
  .board-stats {
    flex-direction: row;
  }
}
.board-stats__field {
  display: inline-block;
  margin-right: var(--spacing-2);
  color: var(--alt-font-color-2);
}
.board-stats__field:after {
  content: ":";
}
.board-stats__value {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.breadcrumb {
  display: block;
  padding: 0;
  margin-bottom: var(--spacing-3);
  font-size: var(--font-size-smaller);
  color: var(--alt-font-color-3);
}
.breadcrumb__link:link, .breadcrumb__link:visited {
  color: var(--alt-font-color-1);
  text-decoration: none;
}
.breadcrumb__link:hover .breadcrumb__text {
  color: var(--link-hover-color);
}
.breadcrumb__separator {
  margin: 0 var(--spacing-3);
}
.breadcrumb__caret {
  display: inline-block;
  padding: 0 var(--spacing-1) 0 var(--spacing-2);
  font-size: var(--font-size-regular);
  color: var(--link-default-color);
}
.breadcrumb__caret:hover {
  cursor: pointer;
  color: var(--link-hover-color);
}
.breadcrumb__active {
  font-weight: var(--font-weight-semibold);
  color: var(--font-color);
}
.breadcrumb--header .breadcrumb__active {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}
.breadcrumb__multipage {
  position: relative;
  display: inline-block;
}
.breadcrumb__multipage-link {
  list-style: none;
}
.breadcrumb__pagination {
  position: absolute;
  top: var(--spacing-4);
  display: inline-block;
  white-space: nowrap;
}
.button, .post__body button[type="submit"], .post__body button[type="cancel"] {
  --button-theme-color-background: var(--button-default-color);
  --button-theme-color-text: var(--invert-font-color);
  --button-theme-color-border: var(--button-theme-color-background);
  --button-theme-color-hover: var(--button-hover-color);
  --button-theme-color-text-hover: var(--invert-font-color);
  --button-theme-color-border-hover: var(--button-theme-color-hover);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-3) var(--spacing-4);
  margin: var(--spacing-2);
  font-size: var(--font-size-regular);
  line-height: normal;
  border: var(--border-width-base) solid;
  border-radius: var(--border-radius);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
}
.button, .post__body button[type="submit"], .post__body button[type="cancel"], .button:link, .post__body button[type="submit"]:link, .post__body button[type="cancel"]:link, .button:visited, .post__body button[type="submit"]:visited, .post__body button[type="cancel"]:visited {
  color: var(--button-theme-color-text);
  background: var(--button-theme-color-background);
  border-color: var(--button-theme-color-border);
}
.button:hover, .post__body button[type="submit"]:hover, .post__body button[type="cancel"]:hover {
  cursor: pointer;
  text-decoration: none;
  outline: none;
  color: var(--button-theme-color-text-hover);
  background: var(--button-theme-color-hover);
  border-color: var(--button-theme-color-border-hover);
}
.button--no-click:hover {
  cursor: default;
  color: var(--button-theme-color-text);
  background: var(--button-theme-color-background);
  border-color: var(--button-theme-color-border);
}
.button__icon {
  margin-right: var(--spacing-3);
}
.button__icon.button__icon--after {
  margin-right: 0;
  margin-left: var(--spacing-3);
}
.button--secondary, .post__body button[type="cancel"] {
  --button-theme-color-background: var(--background-default);
  --button-theme-color-text: var(--link-default-color);
  --button-theme-color-border: var(--border-color-1);
  --button-theme-color-hover: var(--background-default);
  --button-theme-color-text-hover: var(--link-hover-color);
  --button-theme-color-border-hover: var(--border-color-1);
}
.button--invert {
  --button-theme-color-background: var(--background-default);
  --button-theme-color-text: var(--link-default-color);
  --button-theme-color-border: var(--background-default);
  --button-theme-color-hover: var(--background-default);
  --button-theme-color-text-hover: var(--link-hover-color);
  --button-theme-color-border-hover: var(--background-default);
}
.button--basic {
  --button-theme-color-background: transparent;
  --button-theme-color-text: var(--alt-font-color-1);
  --button-theme-color-border: transparent;
  --button-theme-color-hover: transparent;
  --button-theme-color-text-hover: var(--link-hover-color);
  padding: var(--spacing-3);
  margin: 0 var(--spacing-2);
  box-shadow: none;
}
.button--danger, .post__body button[type="cancel"] {
  --button-theme-color-background: var(--background-default);
  --button-theme-color-text: var(--danger-color);
  --button-theme-color-border: var(--border-color-1);
  --button-theme-color-hover: var(--danger-color);
}
.button--danger.button--secondary, .post__body button.button--secondary[type="cancel"], .post__body button[type="cancel"], .post__body button.button--danger[type="cancel"] {
  --button-theme-color-background: var(--background-default);
  --button-theme-color-text: var(--link-default-color);
  --button-theme-color-border: var(--border-color-1);
  --button-theme-color-hover: var(--danger-color);
  --button-theme-color-text-hover: var(--invert-font-color);
  --button-theme-color-border-hover: var(--danger-color);
}
.button--danger.button--basic, .post__body button.button--basic[type="cancel"] {
  --button-theme-color-background: transparent;
  --button-theme-color-text: var(--alt-font-color-1);
  --button-theme-color-border: transparent;
  --button-theme-color-hover: transparent;
  --button-theme-color-text-hover: var(--danger-color);
  --button-theme-color-border-hover: transparent;
}
.button--success {
  --button-theme-color-background: var(--background-default);
  --button-theme-color-text: var(--success-color);
  --button-theme-color-border: var(--border-color-1);
  --button-theme-color-hover: var(--success-color);
}
.button--success.button--secondary, .post__body button.button--success[type="cancel"] {
  --button-theme-color-background: var(--background-default);
  --button-theme-color-text: var(--link-default-color);
  --button-theme-color-border: var(--border-color-1);
  --button-theme-color-hover: var(--success-color);
  --button-theme-color-text-hover: var(--invert-font-color);
  --button-theme-color-border-hover: var(--success-color);
}
.button--success.button--basic {
  --button-theme-color-background: transparent;
  --button-theme-color-text: var(--alt-font-color-1);
  --button-theme-color-border: transparent;
  --button-theme-color-hover: transparent;
  --button-theme-color-text-hover: var(--success-color);
  --button-theme-color-border-hover: transparent;
}
.button--inline, .post__body button[type="submit"], .post__body button[type="cancel"] {
  padding: var(--spacing-2) var(--spacing-3);
  margin: 0 0 0 var(--spacing-2);
  font-size: var(--font-size-regular);
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .button--full-width {
    box-sizing: border-box;
    width: 100%;
    padding: var(--spacing-3) var(--spacing-4);
    margin: var(--spacing-2) 0;
  }
  .button--half-width {
    box-sizing: border-box;
    float: left;
    width: 49%;
    padding: var(--spacing-3) var(--spacing-4);
  }
  .button--half-width:nth-child(odd) {
    margin-left: 0;
    margin-right: 1%;
  }
  .button--half-width:nth-child(even) {
    margin-left: 1%;
    margin-right: 0;
  }
}
.button--small {
  padding: var(--spacing-2) var(--spacing-3);
  margin: 0 var(--spacing-2) 0 0;
  font-size: var(--font-size-small);
  vertical-align: top;
}
.button--medium {
  padding: var(--spacing-3) var(--spacing-4);
  font-size: var(--font-size-regular);
}
.button--big {
  padding: var(--spacing-3) var(--spacing-5);
  font-size: var(--font-size-large);
}
.button--big .button__icon {
  margin-right: var(--spacing-4);
}
.column-headings {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-3) var(--spacing-4);
  font-size: var(--font-size-small);
}
@media only screen and (min-width: 768px) {
  .column-headings {
    padding: var(--spacing-3) var(--spacing-5);
  }
}
.column-headings--major {
  margin: calc(-1 * var(--border-width-base)) calc(-1 * var(--border-width-base)) 0 calc(-1 * var(--border-width-base));
  color: var(--invert-font-color);
  background: var(--major-title-background);
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.column-headings--minor {
  color: var(--alt-font-color-1);
  background: var(--background-2);
  border-bottom: var(--border-width-base) solid var(--border-color-1);
  border-radius: 0;
}
.column-headings--first, .column-headings--minor:first-child {
  border-radius: calc(var(--border-radius) - var(--border-width-base)) calc(var(--border-radius) - var(--border-width-base)) 0 0;
}
.column-headings--simple-columns {
  display: grid;
  gap: var(--spacing-3) var(--spacing-5);
  grid-template-areas: "primary secondary";
}
.sort-results__link {
  display: inline-block;
  padding: var(--spacing-1) var(--spacing-3);
  border-radius: var(--border-radius);
}
.sort-results__link:link, .sort-results__link:visited {
  color: var(--invert-font-color);
}
.sort-results__link:hover {
  background: var(--primary-color-shade-1);
  color: var(--invert-font-color);
  text-decoration: none;
}
.sort-results__order {
  margin-left: var(--spacing-1);
}
.sort-results__order a:link, .sort-results__order a:visited {
  color: var(--invert-font-color);
}
.sort-results__order a:hover, .sort-results__order a:active {
  color: var(--invert-font-color);
}
.select-all {
  margin-left: auto;
}
@media only screen and (min-width: 480px) {
  .message-list .column-headings__column--primary :first-child .sort-messages__link {
    margin-left: calc(-1 * var(--spacing-3));
  }
}
@media only screen and (min-width: 480px) {
  .message-list .column-headings__column--primary {
    width: 67%;
  }
}
@media only screen and (min-width: 480px) {
  .message-list .column-headings__column--date {
    width: 28%;
    text-align: right;
  }
}
.message-list .column-headings__column--checkbox {
  width: 5%;
  text-align: right;
}
@media only screen and (max-width: 479px) {
  .message-list .column-headings__column--checkbox {
    position: absolute;
    top: var(--spacing-4);
    right: var(--spacing-4);
  }
}
.field {
  font-size: var(--font-size-small);
}
.field__name {
  padding: 0;
  margin: 0 0 var(--spacing-2) 0;
  font-size: var(--font-size-regular);
}
.field__description, .option-field__description {
  margin: 0 0 var(--spacing-3) 0;
  font-size: var(--font-size-smaller);
  color: var(--alt-font-color-1);
}
.field__description--below {
  margin-top: var(--spacing-3);
  margin-bottom: 0;
}
.field__value {
  margin: 0;
}
.field__block {
  margin-top: var(--spacing-3);
}
.field label {
  cursor: pointer;
}
.multi-field {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-3);
}
.option-field {
  padding: 0 0 0 var(--spacing-7);
  margin-top: var(--spacing-2);
  margin-bottom: var(--spacing-5);
}
.option-field:last-child, .option-field--single {
  margin-bottom: 0;
}
.option-field__input, .option-field input[type="radio"], .option-field input[type="checkbox"] {
  float: left;
  margin: var(--spacing-2) 0 0 calc(-1 * var(--spacing-7));
}
.option-field__name {
  margin: 0;
  font-size: var(--font-size-regular);
}
.option-field__name--inline {
  display: inline-block;
}
.option-field__name--light {
  font-weight: var(--font-weight-normal);
}
.option-field__description--inline {
  display: inline-block;
  margin-left: var(--spacing-2);
}
.option-field label {
  cursor: pointer;
}
.option-field--compact {
  padding: 0 0 0 var(--spacing-7);
  margin: var(--spacing-3) 0;
  font-size: var(--font-size-small);
}
.option-field--compact .option-field__input, .option-field--compact input[type="checkbox"], .option-field--compact input[type="radio"] {
  float: left;
  margin: var(--spacing-2) 0 0 calc(-1 * var(--spacing-7));
}
.option-field--compact:last-child {
  margin-bottom: 0;
}
.textbox, .thread-list .thread__subject .subject_editable input {
  box-sizing: border-box;
  width: 100%;
  padding: var(--spacing-2) var(--spacing-3);
  font-size: var(--font-size-regular);
  background: var(--background-default);
  border: var(--border-width-base) solid var(--border-color-2);
  border-radius: var(--border-radius);
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.textbox--short {
  width: 60px;
  font: var(--font-size-smaller) var(--font-stack);
}
.textbox--small {
  width: 60px;
}
.textbox--medium {
  width: 100px;
}
.textbox--large {
  width: 250px;
}
.textbox--subject {
  font-size: var(--font-size-larger);
}
.textbox--inline {
  margin-left: var(--spacing-3);
  margin-right: var(--spacing-3);
}
select {
  background: var(--background-default);
}
select[multiple="multiple"] {
  width: 100%;
  height: 200px;
  border: var(--border-width-base) solid var(--border-color-2);
  border-radius: var(--border-radius);
}
select[multiple="multiple"]:focus {
  outline: none;
}
.select-field {
  position: relative;
  display: inline-block;
  width: auto;
  max-width: 100%;
  padding: 0;
  margin: side-value(0 var(--spacing-3) 0 0);
  overflow: hidden;
  background-color: var(--background-default);
  border: var(--border-width-base) solid var(--border-color-2);
  border-radius: var(--border-radius);
}
.select-field select {
  position: relative;
  z-index: 100;
  max-width: 100%;
  padding: var(--spacing-2) var(--spacing-7) var(--spacing-2) var(--spacing-3);
  background-color: transparent;
  background-image: none;
  border: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.select-field select:focus {
  outline: none;
}
.select-field__icon {
  position: absolute;
  top: var(--spacing-3);
  right: var(--spacing-3);
  z-index: 1;
  color: var(--alt-font-color-2);
  font-size: var(--font-size-small);
}
.select-field--subject {
  padding: var(--spacing-2) 0;
  margin-bottom: var(--spacing-4);
}
.select-field--subject .select-field__icon {
  top: var(--spacing-4);
}
@media only screen and (min-width: 480px) {
  .select-field--subject {
    margin-bottom: 0;
  }
}
.select-field--short {
  padding: 0;
}
.select-field--short .select-field__icon {
  top: var(--spacing-2);
}
.select-field--short select {
  font-size: var(--font-size-smaller);
}
.select-field--inline {
  margin-left: var(--spacing-2);
}
input.error {
  border-color: var(--danger-color);
}
input.valid {
  border-color: var(--success-color);
}
label.error {
  color: var(--danger-color);
  font-size: var(--font-size-smaller);
  padding: var(--spacing-2) 0 0 0;
  display: block;
}
textarea {
  background-color: var(--background-default);
  border: var(--border-width-base) solid var(--border-color-2);
  padding: var(--spacing-2);
  width: 100%;
  font-size: var(--font-size-base);
  outline: 0;
  border-radius: var(--border-radius);
  box-sizing: border-box;
}
.file-wrapper {
  background: var(--background-1);
  padding: var(--spacing-4);
  border-radius: var(--border-radius);
  margin-bottom: var(--spacing-2);
}
.confirm-field {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: var(--spacing-4);
}
@media only screen and (min-width: 768px) {
  .confirm-field {
    flex-direction: row;
  }
}
.confirm-field__field {
  flex-basis: 100%;
}
@media only screen and (min-width: 768px) {
  .confirm-field__field {
    flex-basis: calc(50% - calc(var(--spacing-4) / 2));
  }
}
.segmented-control {
  border: var(--border-width-base) solid var(--border-color-2);
  font-size: var(--font-size-small);
  color: var(--font-color);
  display: inline-block;
  border-radius: var(--border-radius);
  vertical-align: top;
}
.segmented-control__option {
  display: inline-block;
  float: left;
}
.segmented-control__button {
  display: block;
  padding: calc(var(--spacing-3) - var(--border-width-base)) var(--spacing-3);
  margin: 0;
  border-left: var(--border-width-base) solid var(--border-color-2);
  border-right: var(--border-width-base) solid transparent;
  position: relative;
  z-index: 10;
  cursor: pointer;
}
.segmented-control__icon {
  color: var(--alt-font-color-2);
  margin-right: var(--spacing-2);
}
.segmented-control__input {
  position: absolute;
  visibility: hidden;
}
.segmented-control__input:checked + .segmented-control__button {
  background: var(--button-default-color);
  color: var(--invert-font-color);
  margin: calc(-1 * var(--border-width-base));
  padding: calc(var(--spacing-3) - var(--border-width-base)) calc(var(--spacing-3) + var(--border-width-base));
  border: var(--border-width-base) solid var(--button-default-color);
  z-index: 15;
}
.segmented-control__input:checked + .segmented-control__button--success {
  background: var(--success-color);
  border-color: var(--success-color);
}
.segmented-control__input:checked + .segmented-control__button--danger {
  background: var(--danger-color);
  border-color: var(--danger-color);
}
.segmented-control__input:checked + .segmented-control__button .segmented-control__icon {
  color: var(--invert-font-color);
}
.segmented-control :first-child .segmented-control__button {
  border-left: var(--border-width-base) solid transparent;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.segmented-control :last-child .segmented-control__button {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.segmented-control--buttons {
  border: none;
  margin-bottom: calc(-1 * var(--spacing-2));
}
.segmented-control--buttons .segmented-control__button {
  background: var(--background-1);
}
.segmented-control--buttons .segmented-control__button, .segmented-control--buttons .segmented-control__input:checked + .segmented-control__button, .segmented-control--buttons :first-child .segmented-control__button, .segmented-control--buttons :last-child .segmented-control__button {
  border: none;
  border-radius: var(--border-radius);
  padding: var(--spacing-3);
  margin: 0 var(--spacing-2) var(--spacing-2) 0;
}
.segmented-control--alt .segmented-control__input:checked + .segmented-control__button {
  background-color: var(--background-4);
  border-color: var(--background-4);
  color: var(--font-color);
}
.date-field {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--spacing-3);
  padding: var(--spacing-4);
  background: var(--background-1);
  border-radius: var(--border-radius);
}
.date-field__name {
  display: block;
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-small);
  color: var(--alt-font-color-1);
  margin: 0 0 var(--spacing-2) 0;
  padding: 0;
}
.inline-text-field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
@media only screen and (min-width: 768px) {
  .inline-text-field {
    flex-direction: row;
  }
}
.inline-text-field__field {
  flex-grow: 1;
  width: auto;
}
.inline-text-field__button {
  flex-shrink: 0;
  margin: 0;
}
.user-select-field {
  width: 100%;
}
.hidden-field__hidden {
  display: none;
}
.hidden-field__input:checked ~ .hidden-field__hidden {
  display: block;
}
.form--modal {
  margin-bottom: 0;
  border: none;
}
.form--delete {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--spacing-5) var(--spacing-4);
  margin-bottom: var(--spacing-7);
}
@media only screen and (min-width: 480px) {
  .form--delete {
    align-items: center;
    flex-direction: row;
    gap: var(--spacing-4);
  }
}
.form--delete .option-field {
  flex-grow: 1;
}
.form--delete .form__submit {
  flex-shrink: 0;
  align-self: center;
}
.form--compact {
  line-height: 0;
}
.list--stats {
  display: table-cell;
  padding: 0;
  margin: 0;
  font-size: var(--font-size-small);
  line-height: var(--line-height-large);
  list-style: none;
  overflow-wrap: anywhere;
}
.list--stats .list__field {
  margin-right: var(--spacing-2);
  color: var(--alt-font-color-2);
}
.list--stats .list__field:after {
  content: ":";
}
.list--divided {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}
.list--divided .list__item {
  padding: var(--spacing-2);
  border-bottom: var(--border-width-base) solid var(--border-color-3);
}
.list--divided .list__item:last-child {
  border-bottom: none;
}
.list--rows .list__item {
  padding: var(--spacing-3) var(--spacing-4);
}
/** Modal Start **/
.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 20px;
  overflow: auto;
  text-align: center;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.75);
}
.blocker:before {
  display: inline-block;
  height: 100%;
  margin-right: -0.05em;
  vertical-align: middle;
  content: "";
}
.blocker.behind {
  background-color: transparent;
}
.modal {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  display: inline-block;
  width: 95%;
  max-width: 400px;
  text-align: left;
  vertical-align: middle;
  background: var(--background-default);
  border-radius: calc(var(--border-radius) + 1px);
  box-shadow: 0 0 4px #000;
}
.modal__content {
  max-height: 400px;
  overflow-y: auto;
}
.modal__content .block__content :last-child {
  margin-bottom: 0;
}
.modal .close-modal {
  position: absolute;
  top: -10px;
  right: -10px;
  box-sizing: border-box;
  display: block;
  width: 26px;
  height: 26px;
  font-size: 16px;
  line-height: var(--line-height-small);
  color: var(--invert-font-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  background: var(--header-background);
  border: 2px solid var(--invert-font-color);
  border-radius: 15px;
  box-shadow: 0 1px 4px #000;
}
.modal .close-modal:hover {
  background: var(--danger-color);
}
.modal .close-modal__text {
  display: none;
}
.modal-spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  display: none;
  width: 64px;
  height: 64px;
  margin-top: -32px;
  margin-right: -32px;
  background: url(images/spinner_big.gif) no-repeat center center;
  border-radius: 8px;
}
/** Modal End **/
.block {
  box-sizing: border-box;
  margin-bottom: var(--spacing-6);
  background: var(--background-default);
  border: var(--border-width-base) solid var(--border-color-1);
  border-radius: var(--border-radius);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
}
.block.collapse--collapsed .title--major {
  margin: calc(-1 * var(--border-width-base));
  border-radius: var(--border-radius);
}
.block__content {
  padding: var(--spacing-3) 0;
}
.block__body {
  padding: var(--spacing-4);
  border-bottom: var(--border-width-base) solid var(--border-color-1);
}
.block__footer {
  padding: var(--spacing-3) var(--spacing-5);
  text-align: center;
  background: var(--background-2);
  border-radius: 0 0 calc(var(--border-radius) - var(--border-width-base)) calc(var(--border-radius) - var(--border-width-base));
}
.block__footer:first-child {
  border-radius: calc(var(--border-radius) - var(--border-width-base));
}
.block--container {
  padding: var(--spacing-3) var(--spacing-5);
}
.block--container .sort-results {
  border-width: 0;
  border-top-width: var(--border-width-thick);
}
.block--sidebar {
  padding: var(--spacing-3) var(--spacing-4);
  border: var(--border-width-base) solid var(--border-color-1);
  border-radius: var(--border-radius);
}
.block--sidebar.block--form {
  padding: var(--spacing-4) 0 0 0;
}
.block--sidebar.block--form .title--sidebar {
  margin: 0 var(--spacing-5);
}
.block--sidebar.block--form .section--form {
  padding: var(--spacing-5);
}
.block--modal {
  margin-bottom: 0;
}
.block--modal .block__content {
  padding: var(--spacing-3) var(--spacing-4);
}
.block--modal .block__content--text {
  padding: var(--spacing-5) var(--spacing-4);
}
.block > :last-child {
  border-bottom: none;
}
.block-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-3);
}
.block-actions--extra-space {
  padding-top: var(--spacing-4);
  padding-bottom: var(--spacing-4);
}
@media only screen and (max-width: 767px) {
  .block-actions--groups {
    flex-direction: column;
  }
}
.block-actions--collapsible {
  flex-direction: column;
  gap: 0;
}
.block-actions__details {
  padding: var(--spacing-3) 0 var(--spacing-2) 0;
}
.block-actions__title {
  display: inline-block;
  padding: 0;
  margin: 0 var(--spacing-2) 0 0;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-normal);
  color: var(--alt-font-color-1);
}
.block-actions__button {
  margin-left: 0;
  margin-right: var(--spacing-2);
}
.block-actions__group {
  line-height: 1;
}
.block-actions__group--separator {
  padding-bottom: var(--spacing-3);
  margin-bottom: var(--spacing-1);
  border-bottom: var(--border-width-base) solid var(--border-color-2);
}
@media only screen and (min-width: 768px) {
  .block-actions__group--separator {
    padding: 0 var(--spacing-4) 0 var(--spacing-2);
    margin-bottom: 0;
    border-right: var(--border-width-base) solid var(--border-color-2);
    border-bottom: none;
  }
}
.block-actions__group--separator:last-child {
  border-right: none;
  border-bottom: none;
}
.section {
  padding: var(--spacing-4) var(--spacing-3);
  border-bottom: var(--border-width-base) solid var(--border-color-1);
}
@media only screen and (min-width: 768px) {
  .section {
    padding: var(--spacing-6) var(--spacing-4);
  }
}
.section--modal {
  padding: var(--spacing-4) var(--spacing-3);
}
.section--has-title {
  display: grid;
  grid-template-areas: "title" "content";
}
@media only screen and (min-width: 768px) {
  .section--has-title {
    gap: var(--spacing-6);
    grid-template-columns: 1fr 3.5fr;
    grid-template-areas: "title content";
  }
}
.section:last-child {
  border-bottom: 0;
}
.section__container {
  grid-area: content;
}
@media only screen and (min-width: 768px) {
  .section__container {
    padding: 0 var(--spacing-5) 0 var(--spacing-6);
    border-left: var(--border-width-base) solid var(--border-color-3);
  }
}
.section--inline {
  padding: var(--spacing-2) 0 var(--spacing-2) var(--spacing-5);
  margin-top: var(--spacing-4);
  border-bottom: 0;
  border-left: var(--border-width-thick) solid var(--border-color-1);
}
.container, #multiquote_unloaded, .quick-reply__options, .editor_control_bar {
  padding: var(--spacing-4) var(--spacing-5);
  margin-bottom: var(--spacing-6);
  background: var(--background-2);
  border: var(--border-width-base) solid var(--border-color-1);
  border-radius: var(--border-radius);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
}
.container--small {
  padding: var(--spacing-3) var(--spacing-4);
  font-size: var(--font-size-small);
}
.container--adjacent {
  margin-bottom: 0;
}
.container--modal {
  padding: var(--spacing-3) var(--spacing-6);
  margin: calc(-1 * var(--spacing-3)) calc(-1 * var(--spacing-5)) 0 calc(-1 * var(--spacing-5));
  border-bottom: var(--border-width-base) solid var(--border-color-1);
  border-radius: 0;
}
.container--simple-columns {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 480px) {
  .container--simple-columns {
    flex-direction: row;
    align-items: center;
  }
}
.container--jump-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (min-width: 768px) {
  .container--jump-form {
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-4);
    padding: var(--spacing-4) var(--spacing-5);
  }
}
.page-controls {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--spacing-4);
  margin-top: var(--spacing-2);
  margin-bottom: var(--spacing-6);
}
.page-controls--compact {
  margin-top: calc(-1 * var(--spacing-3));
  margin-bottom: var(--spacing-5);
}
.page-controls--compact .pagination {
  margin: 0;
}
.page-controls--border-top {
  border-top: var(--border-width-base) solid var(--border-color-1);
}
@media only screen and (min-width: 768px) {
  .page-controls {
    flex-direction: row;
    align-items: center;
  }
  .page-controls .page-buttons {
    order: 2;
    margin-left: auto;
    margin-right: calc(-1 * var(--spacing-2));
  }
}
.main .page-content--menu .page-controls--compact {
  margin-top: calc(-1 * var(--spacing-3));
}
@media only screen and (min-width: 1200px) {
  .block-columns {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: var(--spacing-4);
  }
  .block-columns__item {
    flex-basis: calc(50% - var(--spacing-4));
  }
}
.page-tabs {
  padding: var(--spacing-3) var(--spacing-3) 0 var(--spacing-3);
  margin: 0 0 var(--spacing-5) 0;
  list-style: none;
  background: var(--major-title-background);
  border-radius: var(--border-radius);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
}
.page-tabs__item {
  display: inline-block;
  margin: 0 var(--spacing-3) var(--spacing-3) 0;
}
.page-tabs__item--active .page-tabs__link {
  font-weight: var(--font-weight-bold);
  color: var(--invert-font-color);
  text-decoration: none;
  background: var(--header-background);
}
.page-tabs__item--active .page-tabs__link:hover {
  background: var(--header-background);
}
.page-tabs__link {
  display: inline-block;
  padding: var(--spacing-2) var(--spacing-3);
  color: var(--invert-font-color);
  border-radius: var(--border-radius);
}
.page-tabs__link:link, .page-tabs__link:visited {
  color: var(--invert-font-color);
}
.page-tabs__link:hover {
  color: var(--invert-font-color);
  text-decoration: none;
  background: var(--primary-color-shade-1);
}
.page-tabs__icon {
  margin-right: var(--spacing-2);
}
.page-tabs--user-alphabet {
  padding: var(--spacing-3) var(--spacing-4) 0 var(--spacing-4);
}
.page-tabs--user-alphabet .page-tabs__item {
  margin: 0 var(--spacing-1) var(--spacing-3) 0;
}
.page-tabs--user-alphabet .page-tabs__link {
  padding: var(--spacing-2) var(--spacing-4);
}
.pagination {
  padding: 0;
  margin: var(--spacing-5) 0;
  font-size: var(--font-size-small);
  text-align: center;
  list-style: none;
}
.pagination__pages {
  margin-right: var(--spacing-3);
  color: var(--alt-font-color-1);
}
.pagination__page {
  display: inline-block;
  padding: var(--spacing-1) var(--spacing-3);
  margin-right: var(--spacing-2);
  background: var(--background-1);
  border-radius: var(--border-radius);
}
.pagination__page:hover {
  color: var(--invert-font-color);
  text-decoration: none;
  background: var(--link-hover-color);
}
.pagination__page--active {
  background: var(--button-default-color);
}
.pagination__page--active, .pagination__page--active:link, .pagination__page--active:visited {
  color: var(--invert-font-color);
}
.pagination__page--active:hover {
  background: var(--button-default-color);
}
.pagination__icon {
  font-size: var(--font-size-smaller);
}
.pagination--breadcrumb {
  padding: var(--spacing-3) var(--spacing-4);
  background: var(--background-default);
  border: var(--border-width-base) solid var(--border-color-1);
  border-radius: var(--border-radius);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
}
@media only screen and (min-width: 768px) {
  .pagination {
    margin: var(--spacing-3) 0 var(--spacing-5) 0;
    text-align: left;
  }
}
.row {
  position: relative;
  padding: var(--spacing-4);
  line-height: var(--line-height-small);
  border-bottom: var(--border-width-base) solid var(--border-color-1);
}
@media only screen and (min-width: 768px) {
  .row {
    padding: var(--spacing-4) var(--spacing-5);
  }
}
.row--form {
  padding: var(--spacing-5) var(--spacing-4);
}
.row--form:first-child {
  padding-top: 0;
}
.row--form:last-child {
  padding-bottom: var(--spacing-3);
  border-bottom: 0;
}
.row--compact {
  padding-top: var(--spacing-2);
  padding-bottom: var(--spacing-2);
}
.row--compact:last-child {
  padding-bottom: 0;
}
.row--information {
  font-size: var(--font-size-small);
  color: var(--alt-font-color-1);
}
.row--no-border {
  border: none;
}
.row--simple-columns {
  display: grid;
  gap: var(--spacing-3) var(--spacing-5);
  grid-template-areas: "primary" "secondary";
}
@media only screen and (min-width: 480px) {
  .row--simple-columns {
    grid-template-columns: 1fr auto;
    grid-template-areas: "primary secondary";
    justify-content: space-between;
    align-items: center;
  }
}
.row--simple-columns:has(.row__checkbox) {
  grid-template-columns: 1fr min-content;
  grid-template-areas: "primary check" "secondary secondary";
}
@media only screen and (min-width: 480px) {
  .row--simple-columns:has(.row__checkbox) {
    grid-template-columns: 1fr auto min-content;
    grid-template-areas: "primary secondary check";
  }
}
.row--selected, .row:has(.checkbox--select-row:checked) {
  background-color: var(--status-highlight-background-color);
  border-color: var(--status-highlight-border-color);
}
.row__primary {
  grid-area: primary;
}
.row__secondary {
  grid-area: secondary;
}
@media only screen and (max-width: 479px) {
  .row__secondary {
    padding: var(--spacing-3) var(--spacing-4);
    background: var(--background-1);
    border-radius: var(--border-radius);
  }
}
.row__controls {
  grid-area: secondary;
}
.row__checkbox {
  grid-area: check;
  align-self: self-start;
}
@media only screen and (min-width: 480px) {
  .row__checkbox {
    align-self: center;
  }
}
.row__description {
  margin: 0;
  font-size: var(--font-size-small);
}
.section-menu {
  grid-area: menu;
}
.section-menu__title {
  padding: var(--spacing-3) 0;
  margin: var(--spacing-4) 0 var(--spacing-5) 0;
  font-family: var(--heading-font-stack);
  font-size: var(--font-size-larger);
  font-weight: var(--font-weight-normal);
  border-bottom: var(--border-width-page-header) solid var(--border-color-1);
}
.section-menu__toggle {
  cursor: text;
}
@media only screen and (max-width: 767px) {
  .section-menu__toggle {
    display: flex;
    gap: var(--spacing-3);
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
  }
}
.section-menu__menu-icon {
  font-size: var(--font-size-large);
  color: var(--alt-font-color-2);
}
@media only screen and (min-width: 768px) {
  .section-menu__menu-icon {
    display: none;
  }
}
.section-menu__title-text {
  flex-grow: 1;
}
.section-menu__collapse, .section-menu__expand {
  display: none;
  font-size: var(--font-size-large);
  color: var(--alt-font-color-3);
}
@media only screen and (max-width: 767px) {
  .section-menu__expand {
    display: block;
  }
}
.section-menu__checkbox {
  display: none;
}
@media only screen and (max-width: 767px) {
  .section-menu__checkbox:checked ~ .section-menu__links {
    display: block;
  }
  .section-menu__checkbox:checked ~ .section-menu__title {
    margin-bottom: var(--spacing-3);
  }
  .section-menu__checkbox:checked ~ .section-menu__title .section-menu__collapse {
    display: block;
  }
  .section-menu__checkbox:checked ~ .section-menu__title .section-menu__expand {
    display: none;
  }
}
.section-menu__links {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0 0 var(--spacing-5) 0;
  list-style: none;
}
@media only screen and (max-width: 767px) {
  .section-menu__links {
    display: none;
  }
}
.section-menu__item {
  margin-bottom: var(--spacing-2);
}
.section-menu__item--active .section-menu__link {
  color: var(--invert-font-color);
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
}
.section-menu__item--sub-item {
  margin-left: var(--spacing-5);
}
.section-menu__item--sub-item {
  margin-left: var(--spacing-5);
}
.section-menu__link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: var(--spacing-2) var(--spacing-3);
  border-radius: var(--border-radius);
}
.section-menu__link:link, .section-menu__link:visited {
  text-decoration: none;
}
.section-menu__link:hover {
  color: var(--invert-font-color);
  background-color: var(--button-hover-color);
}
.section-menu__icon {
  margin-right: var(--spacing-3);
  font-size: var(--font-size-regular);
}
.spinner__icon {
  display: block;
  margin: var(--spacing-4) auto var(--spacing-6) auto;
  font-size: var(--font-size-larger);
  color: var(--alt-font-color-1);
}
.spinner__icon .fa-spin {
  display: block;
}
.table {
  width: 100%;
}
.table.table--bordered {
  border-radius: var(--border-radius);
  border-collapse: separate;
}
.table.table--bordered td {
  border-bottom: var(--border-width-base) solid var(--border-color-1);
}
.table td, .table th {
  padding: var(--spacing-3);
}
.table thead {
  color: var(--invert-font-color);
  background: var(--primary-color);
}
.title {
  padding: 0;
  margin: 0;
  font-family: var(--heading-font-stack);
  font-size: var(--font-size-larger);
  font-weight: var(--font-weight-semibold);
}
.title--page {
  margin-bottom: var(--spacing-4);
  font-size: var(--font-size-largest);
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-small);
}
.title--basic, .title--sidebar, .title--minor {
  border-bottom: var(--border-width-base) solid var(--border-color-1);
  font-size: var(--font-size-larger);
}
.title--sidebar, .title--minor {
  padding: var(--spacing-2) var(--spacing-2) var(--spacing-3) var(--spacing-2);
  font-size: var(--font-size-large);
}
.title--major, .title--modal {
  padding: var(--spacing-3) var(--spacing-4);
  margin: calc(-1 * var(--border-width-base)) calc(-1 * var(--border-width-base)) 0 calc(-1 * var(--border-width-base));
  font-size: var(--font-size-large);
  color: var(--invert-font-color);
  background: var(--major-title-background);
  border: 0;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.title--major a:link, .title--major a:visited, .title--major a:hover, .title--modal a:link, .title--modal a:visited, .title--modal a:hover {
  color: var(--invert-font-color);
}
.title--modal {
  padding: var(--spacing-4);
  font-size: var(--font-size-larger);
  border-bottom: var(--border-width-thick) solid var(--major-title-border);
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.title--success {
  background-color: var(--success-color);
  border-color: var(--success-color-shade-1);
}
.title--danger {
  background-color: var(--danger-color);
  border-color: var(--danger-color-border);
}
.title--nested {
  font-family: var(--font-stack);
  font-size: var(--font-size-regular);
  font-weight: var(--font-weight-normal);
}
.title--nested .title__name {
  padding: 0;
  margin: 0;
  font-family: var(--heading-font-stack);
  font-size: var(--font-size-large);
  font-weight: var(--font-weight-semibold);
}
.title--nested .title__description {
  padding: 0;
  margin: 0;
  font-size: var(--font-size-smaller);
}
.title--section {
  grid-area: title;
  padding: var(--spacing-3) var(--spacing-4);
  margin: 0 0 var(--spacing-4) 0;
  font-family: var(--heading-font-stack);
  font-size: var(--font-size-large);
  background: var(--background-3);
  border-radius: var(--border-radius);
}
@media only screen and (min-width: 768px) {
  .title--section {
    padding: 0 0 0 var(--spacing-3);
    margin: 0;
    text-align: right;
    background: none;
    border: 0;
  }
}
.title--separation {
  margin-bottom: var(--spacing-5);
}
.title--row {
  margin: 0;
  font-size: var(--font-size-large);
  font-weight: var(--font-weight-bold);
}
.title--container {
  padding-bottom: var(--spacing-2);
  margin-top: 0;
  margin-bottom: var(--spacing-4);
  font-size: var(--font-size-large);
  border-bottom: var(--border-width-base) solid var(--border-color-1);
}
.title--legend {
  font-size: var(--font-size-regular);
  font-weight: var(--font-weight-normal);
  color: var(--alt-font-color-1);
}
.title--legend:after {
  content: ":";
}
@media only screen and (max-width: 767px) {
  .title--legend {
    margin-bottom: var(--spacing-2);
    font-size: var(--font-size-smaller);
    text-transform: uppercase;
  }
}
.icon--primary {
  color: var(--primary-color);
}
.icon--secondary {
  color: var(--secondary-color);
}
.icon--subdued {
  color: var(--alt-font-color-3);
}
.icon--link:hover {
  color: var(--secondary-color);
}
.icon--small {
  margin: var(--spacing-1);
  font-size: var(--font-size-smaller);
}
.collapse {
  position: relative;
}
.collapse .collapse__toggle {
  position: absolute;
  top: var(--spacing-4);
  right: var(--spacing-4);
}
.collapse .collapse__icon {
  padding: var(--spacing-2);
  font-size: var(--font-size-smallest);
  cursor: pointer;
  opacity: 0.8;
}
.collapse .collapse__icon:hover, .collapse .collapse__icon:active {
  opacity: 1;
}
.collapse--collapsed .collapse__icon--collapse {
  display: none;
}
.collapse--collapsed .collapse__content {
  display: none;
}
.collapse--not-collapsed .collapse__icon--expand {
  display: none;
}
.post-control {
  display: inline-block;
  padding: var(--spacing-1) var(--spacing-3);
  font-size: var(--font-size-smaller);
  color: var(--alt-font-color-2);
  background-color: transparent;
  border: none;
}
.post-control__icon {
  margin-right: var(--spacing-2);
}
.post-control:link, .post-control:visited {
  color: var(--alt-font-color-2);
}
.post-control:hover {
  color: var(--link-hover-color);
  text-decoration: none;
  cursor: pointer;
}
.post-control.postbit_multiquote_on {
  color: var(--link-hover-color);
  background: var(--background-default);
  border-radius: var(--border-radius);
}
.post-controls {
  flex-grow: 1;
}
.post-controls--secondary {
  text-align: right;
}
.post-options {
  position: relative;
}
.post-options__control .post-control__icon {
  margin-right: 0;
}
.post-options__checkbox {
  display: none;
}
.post-options__list {
  display: none;
}
.post-options .post-options__checkbox:checked ~ .post-options__list {
  position: absolute;
  top: var(--spacing-7);
  right: 0;
  z-index: 10;
  display: block;
  background: var(--background-1);
  border: var(--border-width-base) solid var(--border-color-1);
  border-radius: var(--border-radius);
}
.post-options .post-options__checkbox:checked ~ .post-options__list .post-control {
  display: block;
  padding-right: var(--spacing-6);
  text-align: left;
  border-bottom: var(--border-width-base) solid var(--border-color-1);
}
.post-options .post-options__checkbox:checked ~ .post-options__list .post-control:last-child {
  border-bottom: none;
}
.latest-threads__item.list__item {
  padding: var(--spacing-3) var(--spacing-2);
}
.latest-threads__title {
  margin: 0;
  font-size: var(--font-size-regular);
}
.latest-threads__forum, .latest-threads__last-post, .latest-threads__stats {
  margin: 0;
  font-size: var(--font-size-smaller);
  line-height: var(--line-height-large);
  color: var(--alt-font-color-2);
}
.latest-threads__forum a:link, .latest-threads__forum a:visited, .latest-threads__last-post a:link, .latest-threads__last-post a:visited, .latest-threads__stats a:link, .latest-threads__stats a:visited {
  color: var(--alt-font-color-1);
}
.latest-threads__author:after {
  content: ",";
}
.tag {
  display: inline-block;
  padding: var(--spacing-1) var(--spacing-3);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-normal);
  color: var(--alt-font-color-1);
  text-transform: uppercase;
  background: var(--background-3);
  border-radius: var(--border-radius);
}
.tag--float {
  float: right;
  margin-left: var(--spacing-2);
}
.tag--good {
  color: var(--invert-font-color);
  background-color: var(--success-color);
}
.tag--medium {
  color: var(--invert-font-color);
  background-color: var(--moderate-color);
}
.tag--bad {
  color: var(--invert-font-color);
  background-color: var(--danger-color);
}
.tag--thread-status {
  margin-left: var(--spacing-2);
  font-size: var(--font-size-smallest);
}
.tag--post-status {
  margin-bottom: var(--spacing-3);
}
.tag--deleted, .tag--private {
  color: var(--status-deleted-font-color);
  background-color: var(--status-deleted-background-color);
}
.tag--awaiting-approval {
  color: var(--status-pending-font-color);
  background-color: var(--status-pending-background-color);
}
.thread-list .thread__subject {
  display: inline-block;
  margin: 0;
  font-size: var(--font-size-regular);
  font-weight: var(--font-weight-normal);
}
.thread-list .thread__subject .subject_editable input {
  box-sizing: content-box;
  width: 100%;
}
.thread-list .thread:has(input[name="value"]) .thread__subject {
  display: block;
}
.thread-list .thread:has(input[name="value"]) .thread__prefix, .thread-list .thread:has(input[name="value"]) .thread__status, .thread-list .thread:has(input[name="value"]) .thread__icons {
  display: none;
}
.thread-list .thread--unread .thread__subject {
  font-weight: var(--font-weight-bold);
}
.thread-list .thread__prefix {
  margin-right: var(--spacing-2);
}
.thread-list .thread__prefix .tag {
  font-size: var(--font-size-smallest);
}
.thread-list .thread__deny-receipt {
  margin-left: var(--spacing-3);
  font-size: var(--font-size-smaller);
  font-weight: var(--font-weight-normal);
  color: var(--alt-font-color-2);
}
.thread-list .thread__deny-receipt a:link, .thread-list .thread__deny-receipt a:visited {
  color: var(--alt-font-color-1);
}
.thread-list .thread__author, .thread-list .thread__forum, .thread-list .thread__folder, .thread-list .thread__notification {
  font-size: var(--font-size-smaller);
  color: var(--alt-font-color-2);
  vertical-align: top;
}
.thread-list .thread__author a:link, .thread-list .thread__author a:visited, .thread-list .thread__author .thread__notification-method, .thread-list .thread__forum a:link, .thread-list .thread__forum a:visited, .thread-list .thread__forum .thread__notification-method, .thread-list .thread__folder a:link, .thread-list .thread__folder a:visited, .thread-list .thread__folder .thread__notification-method, .thread-list .thread__notification a:link, .thread-list .thread__notification a:visited, .thread-list .thread__notification .thread__notification-method {
  color: var(--alt-font-color-1);
}
@media only screen and (max-width: 1199px) {
  .thread-list .thread__overflow {
    display: inline-block;
    max-width: var(--text-overflow-max-width);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top;
  }
}
.thread-list .thread__notification-legend {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}
.thread-list .thread__message {
  margin-top: var(--spacing-3);
  padding: var(--spacing-3);
  background: var(--background-1);
  border-radius: var(--border-radius);
  font-size: var(--font-size-smaller);
}
.thread-list .thread__icons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--spacing-2);
  font-size: var(--font-size-smaller);
  color: var(--alt-font-color-3);
}
.thread-list .thread__icon--sticky {
  color: var(--danger-color);
}
.thread-list .thread__icon--closed, .thread-list .thread__icon--moved, .thread-list .thread__icon--poll {
  color: var(--alt-font-color-1);
}
.thread-list .thread__pages {
  margin-top: var(--spacing-1);
  font-size: var(--font-size-smallest);
  text-align: right;
}
.thread-list .thread__page-legend {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}
.thread-list .thread__page-link {
  display: inline-block;
  padding: var(--spacing-1) var(--spacing-3);
  margin: 0 var(--spacing-1);
  background: var(--background-2);
  border-radius: var(--border-radius-small);
  text-decoration: none;
}
.thread-list .thread__page-link:hover, .thread-list .thread__page-link:active {
  background: var(--button-hover-color);
  color: var(--invert-font-color);
}
.thread-list .thread__count {
  font-size: var(--font-size-smaller);
}
.thread-list .thread__count--replies {
  color: var(--alt-font-color-2);
}
@media only screen and (min-width: 1200px) {
  .thread-list .thread__count--replies {
    font-size: var(--font-size-small);
  }
}
.thread-list .thread__count--views {
  color: var(--alt-font-color-3);
}
.thread-list .thread__legend {
  text-transform: lowercase;
}
.thread-list .thread a.thread__reply-count {
  color: var(--alt-font-color-1);
}
.thread-list .thread__unapproved-replies {
  padding: var(--spacing-1) var(--spacing-2);
  margin-left: var(--spacing-2);
  font-size: var(--font-size-smallest);
  font-weight: var(--font-weight-normal);
  color: var(--status-pending-font-color);
  text-decoration: none;
  background: var(--status-pending-background-color);
  border-radius: var(--border-radius-small);
}
.thread-list .thread--message .thread__icons {
  font-size: var(--font-size-regular);
  color: var(--alt-font-color-2);
}
.thread-list .thread--message .thread__icon--new-message {
  color: var(--primary-color);
}
.thread-list .thread__date {
  font-size: var(--font-size-smaller);
  color: var(--alt-font-color-1);
}
@media only screen and (min-width: 1200px) {
  .thread-list .thread__date {
    font-size: var(--font-size-small);
  }
}
.user-group--super-moderators {
  font-weight: var(--font-weight-bold);
  color: #2ecc71;
}
.user-group--administrators {
  font-weight: var(--font-weight-bold);
  color: #ff7500;
}
.user-group--moderators {
  font-weight: var(--font-weight-bold);
  color: #3498db;
}
.user-group--banned {
  text-decoration: line-through;
}
.popup_menu {
  border: var(--border-width-base) solid var(--border-color-1);
  border-radius: var(--border-radius);
  background: var(--background-1);
  padding: var(--spacing-3);
}
@keyframes glow-purple {
  0%, 100% {
    box-shadow: 0 0 8px rgba(139, 92, 246, 0.5), 0 0 20px rgba(139, 92, 246, 0.2);
  }
  50% {
    box-shadow: 0 0 20px rgba(139, 92, 246, 0.9), 0 0 50px rgba(139, 92, 246, 0.5);
  }
}
@keyframes glow-cyan {
  0%, 100% {
    box-shadow: 0 0 8px rgba(0, 217, 245, 0.4), 0 0 20px rgba(0, 217, 245, 0.2);
  }
  50% {
    box-shadow: 0 0 20px rgba(0, 217, 245, 0.9), 0 0 50px rgba(0, 217, 245, 0.5);
  }
}
@keyframes glow-green {
  0%, 100% {
    box-shadow: 0 0 6px rgba(60, 255, 160, 0.4), 0 0 16px rgba(60, 255, 160, 0.2);
  }
  50% {
    box-shadow: 0 0 16px rgba(60, 255, 160, 0.8), 0 0 40px rgba(60, 255, 160, 0.4);
  }
}
@keyframes text-glow-purple {
  0%, 100% {
    text-shadow: 0 0 8px rgba(139, 92, 246, 0.7), 0 0 20px rgba(139, 92, 246, 0.4);
  }
  50% {
    text-shadow: 0 0 16px #8b5cf6, 0 0 40px rgba(139, 92, 246, 0.7);
  }
}
@keyframes text-glow-cyan {
  0%, 100% {
    text-shadow: 0 0 8px rgba(0, 217, 245, 0.7), 0 0 20px rgba(0, 217, 245, 0.4);
  }
  50% {
    text-shadow: 0 0 16px #00d9f5, 0 0 40px rgba(0, 217, 245, 0.7);
  }
}
@keyframes glitch-main {
  0%, 90%, 100% {
    transform: translate(0, 0);
  }
  91% {
    transform: translate(-2px, 1px);
  }
  93% {
    transform: translate(3px, -1px);
  }
  95% {
    transform: translate(-1px, 2px);
  }
  97% {
    transform: translate(2px, -2px);
  }
  99% {
    transform: translate(-3px, 1px);
  }
}
@keyframes glitch-r {
  0%, 90%, 100% {
    clip-path: inset(0 0 100% 0);
    transform: translate(0);
  }
  91% {
    clip-path: inset(5% 0 60% 0);
    transform: translate(-3px, 0);
    color: #f43f5e;
  }
  93% {
    clip-path: inset(25% 0 40% 0);
    transform: translate(3px, 0);
  }
  95% {
    clip-path: inset(50% 0 25% 0);
    transform: translate(-2px, 0);
  }
  97% {
    clip-path: inset(70% 0 10% 0);
    transform: translate(2px, 0);
  }
  99% {
    clip-path: inset(85% 0 0% 0);
    transform: translate(0);
  }
}
@keyframes glitch-b {
  0%, 90%, 100% {
    clip-path: inset(0 0 100% 0);
    transform: translate(0);
  }
  91% {
    clip-path: inset(10% 0 55% 0);
    transform: translate(3px, 0);
    color: #00d9f5;
  }
  93% {
    clip-path: inset(30% 0 35% 0);
    transform: translate(-3px, 0);
  }
  95% {
    clip-path: inset(55% 0 20% 0);
    transform: translate(2px, 0);
  }
  97% {
    clip-path: inset(75% 0 5% 0);
    transform: translate(-2px, 0);
  }
  99% {
    clip-path: inset(90% 0 0% 0);
    transform: translate(0);
  }
}
@keyframes float {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
  }
  33% {
    transform: translateY(-10px) rotate(1deg);
  }
  66% {
    transform: translateY(-5px) rotate(-1deg);
  }
}
@keyframes float-slow {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}
@keyframes scan {
  0% {
    background-position: 0 -100%;
  }
  100% {
    background-position: 0 200%;
  }
}
@keyframes shimmer {
  0% {
    background-position: -300% center;
  }
  100% {
    background-position: 300% center;
  }
}
@keyframes fade-up {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes border-flow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes orbit {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes orbit-reverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes counter-pop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes particle {
  0% {
    opacity: 0.8;
    transform: translateY(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateY(-60px) scale(0.3);
  }
}
@keyframes blink-cursor {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes hex-rotate {
  from {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.08);
  }
  to {
    transform: rotate(360deg) scale(1);
  }
}
@keyframes ripple {
  0% {
    transform: scale(0);
    opacity: 0.6;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}
.animate-glow-purple {
  animation: glow-purple 2.5s ease-in-out infinite;
}
.animate-glow-cyan {
  animation: glow-cyan 2.5s ease-in-out infinite;
}
.animate-glow-green {
  animation: glow-green 2.5s ease-in-out infinite;
}
.animate-float {
  animation: float 4s ease-in-out infinite;
}
.animate-float-slow {
  animation: float-slow 6s ease-in-out infinite;
}
.animate-fade-up {
  animation: fade-up 0.6s ease forwards;
}
.animate-shimmer {
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.15) 50%, transparent 100%);
  background-size: 300% auto;
  animation: shimmer 2.5s linear infinite;
}
:root {
  --g-purple:     #8b5cf6;
  --g-purple-d:   #6d28d9;
  --g-cyan:       #00d9f5;
  --g-cyan-d:     #0891b2;
  --g-green:      #3cffa0;
  --g-red:        #f43f5e;
  --g-gold:       #f59e0b;
  --g-bg:         #080b16;
  --g-card:       #111831;
  --g-card-2:     #0d1127;
  --g-border:     rgba(139,92,246,0.25);
  --g-border-c:   rgba(0,217,245,0.3);
  --g-text:       #e2e8f0;
  --g-text-m:     #94a3b8;
  --g-text-d:     #64748b;
  --glow-p: 0 0 10px rgba(139,92,246,0.6), 0 0 30px rgba(139,92,246,0.25);
  --glow-c: 0 0 10px rgba(0,217,245,0.6),  0 0 30px rgba(0,217,245,0.25);
  --glow-g: 0 0 8px  rgba(60,255,160,0.5), 0 0 20px rgba(60,255,160,0.2);
}
*, *::before, *::after {
  box-sizing: border-box;
}
html {
  font-family: var(--font-stack);
  font-size: var(--font-size-base);
  -webkit-font-smoothing: antialiased;
}
body {
  background-color: var(--g-bg);
  background-image: linear-gradient(rgba(139, 92, 246, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(139, 92, 246, 0.04) 1px, transparent 1px), radial-gradient(ellipse at 20% 50%, rgba(139, 92, 246, 0.08) 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, rgba(0, 217, 245, 0.06) 0%, transparent 50%);
  background-size: 40px 40px, 40px 40px, 100% 100%, 100% 100%;
  background-attachment: fixed;
  color: var(--g-text);
  font-family: var(--font-stack);
  line-height: 1.6;
  position: relative;
}
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 0, 0, 0.04) 2px, rgba(0, 0, 0, 0.04) 4px);
  pointer-events: none;
  z-index: 0;
}
a {
  color: var(--g-cyan);
  text-decoration: none;
  transition: color 0.18s, text-shadow 0.18s;
}
a:hover {
  color: var(--g-purple);
  text-shadow: 0 0 8px rgba(139, 92, 246, 0.6);
  text-decoration: none;
}
img {
  max-width: 100%;
}
.header {
  background: linear-gradient(180deg, rgba(8, 11, 22, 0.97) 0%, rgba(13, 17, 39, 0.95) 100%);
  border-bottom: 1px solid rgba(139, 92, 246, 0.4);
  box-shadow: 0 4px 30px rgba(139, 92, 246, 0.15), 0 1px 0 rgba(0, 217, 245, 0.1);
  position: relative;
  backdrop-filter: blur(10px);
  z-index: 100;
}
.header::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--g-purple), var(--g-cyan), var(--g-green), var(--g-cyan), var(--g-purple));
  background-size: 300% auto;
  animation: border-flow 4s linear infinite;
}
.wrapper--header {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: var(--header-height);
}
.logo {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  position: relative;
}
.logo__name, .logo__name a {
  color: #ffffff !important;
  font-family: var(--heading-font-stack) !important;
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-shadow: 0 0 20px rgba(139, 92, 246, 0.7), 0 0 40px rgba(0, 217, 245, 0.3);
  text-decoration: none;
  position: relative;
  animation: text-glow-purple 3s ease-in-out infinite;
}
.logo__name::before, .logo__name::after, .logo__name a::before, .logo__name a::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
}
.logo__name::before, .logo__name a::before {
  animation: glitch-r 5s steps(1) infinite;
}
.logo__name::after, .logo__name a::after {
  animation: glitch-b 5s steps(1) infinite 0.2s;
}
.logo__name:hover, .logo__name a:hover {
  color: var(--g-cyan) !important;
  text-shadow: var(--glow-c);
  text-decoration: none;
}
.logo__description {
  color: var(--g-text-m);
  font-size: 0.7rem;
  font-family: var(--heading-font-stack);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-top: 2px;
}
.galactic-logo {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  position: relative;
}
.galactic-logo:hover {
  text-decoration: none;
}
.galactic-logo__emblem {
  position: relative;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  filter: drop-shadow(0 0 6px rgba(139, 92, 246, 0.7)) drop-shadow(0 0 14px rgba(0, 217, 245, 0.3));
  animation: float 4s ease-in-out infinite;
  transition: filter 0.3s;
}
.galactic-logo:hover .galactic-logo__emblem {
  filter: drop-shadow(0 0 10px #8b5cf6) drop-shadow(0 0 20px rgba(0, 217, 245, 0.6));
}
.galactic-logo__emblem-glow {
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(139, 92, 246, 0.15) 0%, transparent 70%);
  animation: glow-purple 2.5s ease-in-out infinite;
  pointer-events: none;
}
.galactic-logo__wordmark {
  display: flex;
  flex-direction: column;
  line-height: 1;
  gap: 0;
}
.galactic-logo__prefix {
  font-family: var(--heading-font-stack);
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.45em;
  text-transform: uppercase;
  color: var(--g-cyan);
  text-shadow: 0 0 8px rgba(0, 217, 245, 0.6);
  margin-bottom: 1px;
  opacity: 0.9;
}
.galactic-logo__main {
  font-family: var(--heading-font-stack);
  font-size: 1.65rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
  position: relative;
  color: #a78bfa;
  text-shadow: 0 0 12px rgba(139, 92, 246, 0.7), 0 0 30px rgba(0, 217, 245, 0.3);
}
@supports (-webkit-background-clip: text) or (background-clip: text) {
  .galactic-logo__main {
    background: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 40%, #00d9f5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    background-size: 200% auto;
    text-shadow: none;
    filter: drop-shadow(0 0 8px rgba(139, 92, 246, 0.5));
    animation: shimmer 4s linear infinite;
  }
}
.galactic-logo:hover .galactic-logo__main {
  text-shadow: 0 0 18px rgba(139, 92, 246, 0.9), 0 0 40px rgba(0, 217, 245, 0.4);
}
@supports (-webkit-background-clip: text) or (background-clip: text) {
  .galactic-logo:hover .galactic-logo__main {
    text-shadow: none;
    filter: drop-shadow(0 0 14px rgba(139, 92, 246, 0.9));
  }
}
@media (max-width: 768px) {
  .main-menu {
    display: none;
  }
}
.main-menu__links {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 0;
}
.main-menu__link {
  display: flex;
  align-items: center;
  gap: 6px;
  height: var(--header-height);
  padding: 0 16px;
  color: var(--g-text-m) !important;
  font-family: var(--heading-font-stack);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.2s;
  position: relative;
}
.main-menu__link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  right: 50%;
  height: 2px;
  background: var(--g-cyan);
  transition: left 0.2s, right 0.2s;
  box-shadow: var(--glow-c);
}
.main-menu__link:hover {
  color: #ffffff !important;
  text-shadow: 0 0 8px rgba(0, 217, 245, 0.5);
  text-decoration: none;
}
.main-menu__link:hover::after {
  left: 16px;
  right: 16px;
}
.main-menu__link:link, .main-menu__link:visited {
  text-decoration: none;
}
.main-menu__item--active .main-menu__link {
  color: var(--g-cyan) !important;
  text-shadow: var(--glow-c);
}
.main-menu__item--active .main-menu__link::after {
  left: 16px;
  right: 16px;
}
.main-menu__icon {
  font-size: 0.7rem;
  opacity: 0.7;
}
.menu-button {
  display: none;
  color: var(--g-cyan);
  cursor: pointer;
  padding: 8px 12px;
  font-size: 1.2rem;
}
@media (max-width: 768px) {
  .menu-button {
    display: block;
  }
}
.user-bar {
  background: rgba(8, 11, 22, 0.9);
  border-bottom: 1px solid rgba(139, 92, 246, 0.15);
  font-size: 0.8rem;
}
.wrapper--user-bar {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-height: 32px;
  gap: 4px;
}
.user-bar a, .user-bar__link {
  color: var(--g-text-m);
  transition: all 0.15s;
}
.user-bar a:hover, .user-bar__link:hover {
  color: var(--g-cyan);
  text-shadow: 0 0 6px rgba(0, 217, 245, 0.5);
  text-decoration: none;
}
.user-bar__text {
  color: var(--g-text-d);
}
.quick-search {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 6px;
}
.quick-search input[type="text"], .quick-search input[type="search"] {
  background: rgba(139, 92, 246, 0.08);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 4px;
  color: var(--g-text);
  font-family: var(--font-stack);
  font-size: 0.8rem;
  padding: 4px 12px;
  width: 160px;
  transition: all 0.2s;
}
.quick-search input[type="text"]::placeholder, .quick-search input[type="search"]::placeholder {
  color: var(--g-text-d);
}
.quick-search input[type="text"]:focus, .quick-search input[type="search"]:focus {
  border-color: var(--g-cyan);
  box-shadow: 0 0 8px rgba(0, 217, 245, 0.3);
  outline: none;
  width: 200px;
  background: rgba(0, 217, 245, 0.06);
}
.wrapper--main, .wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}
.wrapper--main {
  padding-top: 10px;
  padding-bottom: 40px;
}
.galactic-hero {
  position: relative;
  min-height: 420px;
  display: flex;
  align-items: center;
  overflow: hidden;
  margin: 0 -20px 24px;
  padding: 60px 20px;
  background: url("../../images/hero-bg.png") center/cover no-repeat, linear-gradient(135deg, #080b16 0%, #1a0d3a 50%, #080b16 100%);
}
.galactic-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(8, 11, 22, 0.95) 0%, rgba(8, 11, 22, 0.75) 50%, rgba(8, 11, 22, 0.3) 100%);
}
.galactic-hero::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10%;
  width: 300px;
  height: 300px;
  border: 1px solid rgba(0, 217, 245, 0.1);
  border-radius: 50%;
  transform: translateY(-50%);
  animation: orbit 20s linear infinite;
}
.galactic-hero::after::before {
  content: "";
  position: absolute;
  inset: 20px;
  border: 1px solid rgba(139, 92, 246, 0.15);
  border-radius: 50%;
  animation: orbit-reverse 15s linear infinite;
}
.galactic-hero__inner {
  position: relative;
  z-index: 2;
  max-width: 660px;
  animation: fade-up 0.8s ease forwards;
}
.galactic-hero__eyebrow {
  font-family: var(--heading-font-stack);
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--g-cyan);
  text-shadow: var(--glow-c);
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.galactic-hero__eyebrow::before {
  content: "";
  display: block;
  width: 32px;
  height: 2px;
  background: var(--g-cyan);
  box-shadow: var(--glow-c);
}
.galactic-hero__title {
  font-family: var(--heading-font-stack);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0 0 16px;
  text-shadow: 0 0 30px rgba(139, 92, 246, 0.4);
}
.galactic-hero__title .galactic-hero__title-accent {
  color: var(--g-purple);
  text-shadow: var(--glow-p);
  animation: text-glow-purple 2.5s ease-in-out infinite;
}
.galactic-hero__subtitle {
  font-size: 1rem;
  color: var(--g-text-m);
  margin: 0 0 28px;
  line-height: 1.65;
  max-width: 480px;
}
.galactic-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
.galactic-hero__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--heading-font-stack);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 12px 28px;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.2s;
}
.galactic-hero__cta--primary {
  background: linear-gradient(135deg, var(--g-purple) 0%, var(--g-cyan) 100%);
  color: #ffffff !important;
  border: none;
  box-shadow: 0 4px 20px rgba(139, 92, 246, 0.5);
  position: relative;
  overflow: hidden;
}
.galactic-hero__cta--primary::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, var(--g-cyan), var(--g-purple));
  opacity: 0;
  transition: opacity 0.3s;
}
.galactic-hero__cta--primary:hover {
  box-shadow: var(--glow-p), 0 8px 30px rgba(139, 92, 246, 0.5);
  transform: translateY(-2px);
  color: #ffffff !important;
  text-decoration: none;
}
.galactic-hero__cta--primary:hover::before {
  opacity: 1;
}
.galactic-hero__cta--primary span {
  position: relative;
  z-index: 1;
}
.galactic-hero__cta--secondary {
  background: transparent;
  color: var(--g-cyan) !important;
  border: 1px solid rgba(0, 217, 245, 0.5);
  box-shadow: inset 0 0 10px rgba(0, 217, 245, 0.05);
}
.galactic-hero__cta--secondary:hover {
  background: rgba(0, 217, 245, 0.1);
  border-color: var(--g-cyan);
  box-shadow: var(--glow-c);
  transform: translateY(-2px);
  color: var(--g-cyan) !important;
  text-decoration: none;
}
.galactic-stats-bar {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: rgba(13, 17, 39, 0.95);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(139, 92, 246, 0.1);
}
@media (max-width: 480px) {
  .galactic-stats-bar {
    grid-template-columns: 1fr;
  }
}
.galactic-stats-bar__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 20px;
  border-right: 1px solid rgba(139, 92, 246, 0.15);
  transition: background 0.2s;
}
.galactic-stats-bar__item:last-child {
  border-right: none;
}
.galactic-stats-bar__item:hover {
  background: rgba(139, 92, 246, 0.06);
}
.galactic-stats-bar__value {
  font-family: var(--heading-font-stack);
  font-size: 2rem;
  font-weight: 900;
  color: var(--g-cyan);
  text-shadow: var(--glow-c);
  line-height: 1;
  letter-spacing: -0.02em;
  animation: counter-pop 0.5s ease;
}
.galactic-stats-bar__label {
  font-family: var(--heading-font-stack);
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--g-text-d);
  margin-top: 4px;
}
.brave-index {
  display: block;
}
.brave-index__main {
  min-width: 0;
}
.brave-cat-block {
  margin-bottom: 16px;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, 0.25);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 217, 245, 0.05);
  transition: border-color 0.3s, box-shadow 0.3s;
}
.brave-cat-block:hover {
  border-color: rgba(139, 92, 246, 0.5);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5), 0 0 20px rgba(139, 92, 246, 0.1);
}
.brave-cat-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(90deg, rgba(13, 17, 39, 0.98) 0%, rgba(29, 22, 70, 0.95) 100%);
  padding: 12px 18px;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
  cursor: pointer;
  user-select: none;
  overflow: hidden;
}
.brave-cat-header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, var(--g-purple), var(--g-cyan));
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.8);
}
.brave-cat-header::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  right: -100%;
  bottom: 0;
  background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.06), transparent);
  transition: left 0.5s;
}
.brave-cat-header:hover::after {
  left: 100%;
}
.brave-cat-title-wrap {
  flex: 1;
  min-width: 0;
  padding-left: 12px;
}
.brave-cat-title {
  margin: 0;
  font-family: var(--heading-font-stack);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #ffffff;
}
.brave-cat-title a {
  color: #ffffff !important;
  text-decoration: none;
  text-shadow: 0 0 8px rgba(139, 92, 246, 0.3);
}
.brave-cat-title a:hover {
  color: var(--g-cyan) !important;
  text-shadow: var(--glow-c);
  text-decoration: none;
}
.brave-cat-desc {
  margin: 2px 0 0;
  font-size: 0.72rem;
  color: var(--g-text-d);
  font-style: italic;
}
.brave-cat-collapse {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  background: rgba(139, 92, 246, 0.12);
  border: 1px solid rgba(139, 92, 246, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--g-purple);
  font-size: 0.8rem;
  flex-shrink: 0;
  margin-left: 12px;
  transition: all 0.2s;
}
.brave-cat-collapse:hover {
  background: rgba(139, 92, 246, 0.25);
  box-shadow: var(--glow-p);
}
.brave-cat-forums {
  background: var(--g-card);
}
.brave-forum-row {
  display: grid;
  grid-template-columns: 54px 1fr 12px 120px 190px;
  align-items: center;
  gap: 0 12px;
  padding: 12px 18px;
  background: var(--g-card);
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
  position: relative;
  transition: background 0.2s, transform 0.2s;
  overflow: hidden;
}
.brave-forum-row:last-child {
  border-bottom: none;
}
.brave-forum-row:nth-child(even) {
  background: rgba(13, 17, 39, 0.7);
}
.brave-forum-row::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: linear-gradient(180deg, var(--g-purple), var(--g-cyan));
  transition: width 0.25s;
}
.brave-forum-row:hover {
  background: rgba(139, 92, 246, 0.08);
}
.brave-forum-row:hover::before {
  width: 3px;
}
@media (max-width: 720px) {
  .brave-forum-row {
    grid-template-columns: 48px 1fr 12px auto;
  }
  .brave-forum-row .brave-forum-lastpost-col {
    display: none;
  }
}
@media (max-width: 480px) {
  .brave-forum-row {
    grid-template-columns: 48px 1fr;
  }
  .brave-forum-row .brave-forum-dot-col, .brave-forum-row .brave-forum-stats-col, .brave-forum-row .brave-forum-lastpost-col {
    display: none;
  }
}
.brave-forum-icon-col {
  display: flex;
  align-items: center;
  justify-content: center;
}
.brave-forum-icon {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  border-radius: 6px;
  flex-shrink: 0;
  position: relative;
  transition: all 0.25s;
  background: linear-gradient(135deg, rgba(109, 40, 217, 0.4), rgba(139, 92, 246, 0.2));
  border: 1px solid rgba(139, 92, 246, 0.4);
  color: var(--g-purple);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.brave-forum-icon--on {
  background: linear-gradient(135deg, rgba(0, 217, 245, 0.2), rgba(139, 92, 246, 0.2));
  border-color: rgba(0, 217, 245, 0.5);
  color: var(--g-cyan);
  animation: glow-cyan 3s ease-in-out infinite;
}
.brave-forum-icon--locked {
  background: rgba(30, 40, 71, 0.5);
  border-color: rgba(100, 116, 139, 0.3);
  color: var(--g-text-d);
}
.brave-forum-icon--redirect {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(245, 158, 11, 0.1));
  border-color: rgba(245, 158, 11, 0.4);
  color: var(--g-gold);
}
.brave-forum-row:hover .brave-forum-icon {
  box-shadow: var(--glow-p);
  transform: scale(1.05);
}
.brave-forum-body-col {
  min-width: 0;
}
.brave-forum-name {
  margin: 0 0 4px;
}
.brave-forum-name a {
  font-family: var(--heading-font-stack);
  font-size: 0.88rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: #ffffff;
  text-decoration: none;
  transition: all 0.18s;
}
.brave-forum-name a:hover {
  color: var(--g-cyan);
  text-shadow: 0 0 10px rgba(0, 217, 245, 0.5);
  text-decoration: none;
}
.brave-forum-desc {
  margin: 0 0 4px;
  font-size: 0.76rem;
  color: var(--g-text-d);
  line-height: 1.4;
}
.forum__moderators {
  margin: 2px 0 4px;
  font-size: 0.72rem;
  color: var(--g-text-d);
}
.forum__moderators a {
  color: var(--g-purple);
}
.forum__moderators a:hover {
  color: var(--g-cyan);
  text-decoration: none;
}
.brave-forum-dot-col {
  display: flex;
  align-items: center;
  justify-content: center;
}
.brave-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--g-cyan);
  box-shadow: 0 0 6px rgba(0, 217, 245, 0.8);
  animation: glow-cyan 2s ease-in-out infinite;
}
.brave-status-dot--off {
  background: rgba(100, 116, 139, 0.4);
  box-shadow: none;
  animation: none;
}
.brave-forum-stats-col {
  text-align: right;
}
.brave-forum-stat-line {
  font-family: var(--heading-font-stack);
  font-size: 0.72rem;
  color: var(--g-text-d);
  line-height: 1.7;
}
.brave-stat-num {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--g-cyan);
  text-shadow: 0 0 8px rgba(0, 217, 245, 0.4);
  display: block;
  letter-spacing: -0.01em;
}
.brave-stat-label {
  font-size: 0.62rem;
  color: var(--g-text-d);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.brave-lastpost-never {
  font-size: 0.72rem;
  color: var(--g-text-d);
  font-style: italic;
}
.latest-post {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.latest-post__avatar img {
  width: 28px;
  height: 28px;
  border-radius: 4px;
  object-fit: cover;
  border: 1px solid rgba(139, 92, 246, 0.3);
  flex-shrink: 0;
}
.latest-post__details {
  min-width: 0;
}
.latest-post__subject {
  margin: 0 0 2px;
  font-size: 0.76rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.latest-post__subject a {
  color: var(--g-text);
  font-weight: 500;
}
.latest-post__subject a:hover {
  color: var(--g-cyan);
  text-decoration: none;
}
.latest-post__date, .latest-post__author {
  font-size: 0.68rem;
  color: var(--g-text-d);
  line-height: 1.4;
}
.latest-post__date a, .latest-post__author a {
  color: var(--g-purple);
}
.latest-post__date a:hover, .latest-post__author a:hover {
  color: var(--g-cyan);
  text-decoration: none;
}
.brave-badge {
  display: inline-block;
  font-family: var(--heading-font-stack);
  font-size: 0.58rem;
  font-weight: 700;
  padding: 1px 6px;
  border-radius: 3px;
  vertical-align: middle;
  margin-left: 6px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.brave-badge--locked {
  background: rgba(100, 116, 139, 0.2);
  color: var(--g-text-d);
  border: 1px solid rgba(100, 116, 139, 0.3);
}
.brave-badge--redirect {
  background: rgba(245, 158, 11, 0.15);
  color: var(--g-gold);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.forum__subforums {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 0;
  margin: 5px 0 0;
  list-style: none;
}
.forum__subforum {
  display: inline-flex;
  align-items: center;
  background: rgba(139, 92, 246, 0.08);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 3px;
  padding: 1px 8px;
  font-size: 0.68rem;
  color: var(--g-text-m);
  transition: all 0.15s;
}
.forum__subforum a {
  color: inherit;
}
.forum__subforum a:hover {
  color: var(--g-cyan);
  text-decoration: none;
}
.forum__subforum:hover {
  background: rgba(139, 92, 246, 0.15);
  border-color: rgba(139, 92, 246, 0.4);
}
.forum__subforum__status {
  margin-right: 3px;
  font-size: 0.55rem;
  color: var(--g-text-d);
}
.forum__subforum__status.subforum_minion {
  color: var(--g-cyan);
}
.index-actions {
  display: flex;
  gap: 8px;
  margin: 10px 0;
}
.board-info {
  background: var(--g-card);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 6px;
  overflow: hidden;
  margin-top: 6px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.board-info__section {
  display: grid;
  grid-template-columns: 22px 1fr;
  grid-template-rows: auto auto;
  column-gap: 10px;
  align-items: start;
  padding: 10px 16px;
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
}
.board-info__section:last-child {
  border-bottom: none;
}
.board-info__section:nth-child(even) {
  background: rgba(8, 11, 22, 0.4);
}
.board-info__icon {
  grid-row: 1/3;
  grid-column: 1;
  display: flex;
  align-items: flex-start;
  padding-top: 2px;
  color: var(--g-purple);
  font-size: 0.8rem;
}
.board-info__title {
  grid-column: 2;
  grid-row: 1;
  margin: 0 0 4px;
  font-family: var(--heading-font-stack);
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--g-cyan);
  text-shadow: 0 0 8px rgba(0, 217, 245, 0.3);
}
.board-info__title a {
  color: inherit;
  text-decoration: none;
}
.board-info__title a:hover {
  color: var(--g-purple);
}
.board-info__content {
  grid-column: 2;
  grid-row: 2;
}
.board-info__body {
  margin: 0 0 3px;
  font-size: 0.8rem;
  color: var(--g-text-m);
  line-height: 1.5;
}
.board-info__body a {
  color: var(--g-cyan);
  font-weight: 600;
}
.board-info__body a:hover {
  color: var(--g-purple);
  text-decoration: none;
}
.board-stats-card {
  border-top: 1px solid rgba(139, 92, 246, 0.15);
  overflow: hidden;
}
.board-stats-card__header {
  display: flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(90deg, rgba(13, 17, 39, 0.98) 0%, rgba(29, 22, 70, 0.8) 100%);
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
  padding: 9px 16px;
  position: relative;
}
.board-stats-card__header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, var(--g-purple), var(--g-cyan));
}
.board-stats-card__icon {
  color: var(--g-purple);
  font-size: 0.8rem;
  margin-left: 6px;
}
.board-stats-card__title {
  font-family: var(--heading-font-stack);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--g-cyan);
  text-shadow: 0 0 8px rgba(0, 217, 245, 0.3);
  text-decoration: none;
}
.board-stats-card__title:hover {
  color: var(--g-purple);
  text-decoration: none;
}
.board-stats-table {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.board-stats-table__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  border-bottom: 1px solid rgba(139, 92, 246, 0.08);
  transition: background 0.15s;
}
.board-stats-table__row:last-child {
  border-bottom: none;
}
.board-stats-table__row:nth-child(even) {
  background: rgba(8, 11, 22, 0.3);
}
.board-stats-table__row:hover {
  background: rgba(139, 92, 246, 0.07);
}
.board-stats-table__row--newest {
  border-top: 1px solid rgba(0, 217, 245, 0.1);
  background: rgba(0, 217, 245, 0.04);
}
.board-stats-table__label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--heading-font-stack);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: var(--g-text-m);
  flex: 1;
  min-width: 0;
}
.board-stats-table__row-icon {
  color: var(--g-purple);
  font-size: 0.7rem;
  width: 14px;
  text-align: center;
  flex-shrink: 0;
}
.board-stats-table__value {
  font-family: var(--heading-font-stack);
  font-size: 1.5rem;
  font-weight: 900;
  color: var(--g-cyan);
  text-shadow: var(--glow-c);
  letter-spacing: -0.02em;
  line-height: 1;
  flex-shrink: 0;
  min-width: 40px;
  text-align: right;
  animation: text-glow-cyan 3s ease-in-out infinite;
}
.board-stats-table__value--name {
  font-size: 0.88rem;
  letter-spacing: 0;
  animation: none;
}
.board-stats-table__value--name a {
  color: var(--g-cyan);
  font-weight: 700;
  text-decoration: none;
}
.board-stats-table__value--name a:hover {
  color: var(--g-purple);
}
.board-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  margin: 0;
  padding: 0;
}
.board-stats__item {
  display: flex;
  flex-direction: column;
}
.board-stats__label {
  font-size: 0.65rem;
  color: var(--g-text-d);
  font-family: var(--heading-font-stack);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.board-stats__value {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--g-cyan);
  font-family: var(--heading-font-stack);
}
.board-stats__value a {
  color: inherit;
}
.galactic-board-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid rgba(139, 92, 246, 0.1);
}
.galactic-board-stats:has(.galactic-board-stat--newest) {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 480px) {
  .galactic-board-stats {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 320px) {
  .galactic-board-stats {
    grid-template-columns: 1fr !important;
  }
}
.galactic-board-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px 14px 18px;
  border-right: 1px solid rgba(139, 92, 246, 0.1);
  position: relative;
  transition: background 0.25s;
  overflow: hidden;
}
.galactic-board-stat:last-child {
  border-right: none;
}
@media (max-width: 480px) {
  .galactic-board-stat:nth-child(2) {
    border-right: none;
  }
}
.galactic-board-stat::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, transparent, rgba(139, 92, 246, 0.04), transparent);
  opacity: 0;
  transition: opacity 0.3s;
}
.galactic-board-stat:hover {
  background: rgba(139, 92, 246, 0.06);
}
.galactic-board-stat:hover::before {
  opacity: 1;
}
.galactic-board-stat::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 25%;
  right: 25%;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--g-purple), transparent);
  opacity: 0;
  transition: opacity 0.3s;
}
.galactic-board-stat:hover::after {
  opacity: 1;
}
.galactic-board-stat--newest {
  border-top: 1px solid rgba(0, 217, 245, 0.1);
  background: rgba(0, 217, 245, 0.02);
}
.galactic-board-stat__icon {
  font-size: 1.3rem;
  color: var(--g-purple);
  text-shadow: 0 0 10px rgba(139, 92, 246, 0.6);
  margin-bottom: 10px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.25);
  animation: glow-purple 3s ease-in-out infinite;
}
.galactic-board-stat__icon--gold {
  color: var(--g-gold);
  text-shadow: 0 0 10px rgba(245, 158, 11, 0.6);
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.25);
  animation: none;
}
.galactic-board-stat__value {
  font-family: var(--heading-font-stack);
  font-size: 2.4rem;
  font-weight: 900;
  color: var(--g-cyan);
  line-height: 1;
  letter-spacing: -0.02em;
  text-shadow: 0 0 16px rgba(0, 217, 245, 0.6), 0 0 40px rgba(0, 217, 245, 0.25);
  animation: text-glow-cyan 2.5s ease-in-out infinite;
  margin-bottom: 4px;
}
.galactic-board-stat__value--name {
  font-size: 0.95rem;
  letter-spacing: 0.02em;
  animation: none;
  line-height: 1.3;
  text-shadow: none;
}
.galactic-board-stat__value--name a {
  color: var(--g-cyan);
  font-weight: 700;
  text-decoration: none;
}
.galactic-board-stat__value--name a:hover {
  color: var(--g-purple);
  text-decoration: none;
}
.galactic-board-stat__label {
  font-family: var(--heading-font-stack);
  font-size: 0.6rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.22em;
  color: var(--g-text-d);
  margin-top: 2px;
}
.brave-index__sidebar {
  display: flex;
  flex-direction: column;
  gap: 14px;
  position: sticky;
  top: 12px;
}
.brave-widget {
  background: var(--g-card);
  border: 1px solid rgba(139, 92, 246, 0.22);
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 217, 245, 0.03);
  transition: border-color 0.3s, box-shadow 0.3s;
}
.brave-widget:hover {
  border-color: rgba(139, 92, 246, 0.45);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4), 0 0 15px rgba(139, 92, 246, 0.08);
}
.brave-widget__head {
  display: flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(90deg, #0d1127 0%, rgba(29, 22, 70, 0.8) 100%);
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
  padding: 10px 14px;
  position: relative;
}
.brave-widget__head::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, var(--g-purple), var(--g-cyan));
  box-shadow: 0 0 8px rgba(139, 92, 246, 0.5);
}
.brave-widget__title {
  font-family: var(--heading-font-stack);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--g-cyan);
  text-shadow: 0 0 8px rgba(0, 217, 245, 0.3);
  padding-left: 6px;
}
.brave-widget__body {
  padding: 0;
}
.brave-widget__footer {
  border-top: 1px solid rgba(139, 92, 246, 0.1);
  padding: 8px 14px;
  text-align: right;
  background: rgba(8, 11, 22, 0.4);
}
.brave-widget__more {
  font-family: var(--heading-font-stack);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--g-purple);
  text-decoration: none;
  transition: all 0.15s;
}
.brave-widget__more:hover {
  color: var(--g-cyan);
  text-shadow: var(--glow-c);
  text-decoration: none;
}
.brave-widget-entry {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  border-bottom: 1px solid rgba(139, 92, 246, 0.08);
  transition: background 0.15s;
  cursor: pointer;
}
.brave-widget-entry:last-child {
  border-bottom: none;
}
.brave-widget-entry:nth-child(even) {
  background: rgba(8, 11, 22, 0.3);
}
.brave-widget-entry:hover {
  background: rgba(139, 92, 246, 0.08);
}
.brave-widget-entry__icon {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 4px;
  background: linear-gradient(135deg, rgba(109, 40, 217, 0.3), rgba(0, 217, 245, 0.2));
  border: 1px solid rgba(139, 92, 246, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: var(--g-purple);
}
.brave-widget-entry__body {
  min-width: 0;
  flex: 1;
}
a.brave-widget-entry__title {
  display: block;
  font-size: 0.8rem;
  font-weight: 600;
  margin: 0 0 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--g-text);
  text-decoration: none;
  transition: color 0.15s;
}
a.brave-widget-entry__title:hover {
  color: var(--g-cyan);
  text-shadow: 0 0 6px rgba(0, 217, 245, 0.4);
  text-decoration: none;
}
.brave-widget-entry__meta {
  font-size: 0.68rem;
  color: var(--g-text-d);
  margin: 0;
}
.brave-widget-empty {
  padding: 12px 14px;
  font-size: 0.78rem;
  color: var(--g-text-d);
  font-style: italic;
}
.brave-quicklink {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  font-family: var(--heading-font-stack);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--g-text-m);
  border-bottom: 1px solid rgba(139, 92, 246, 0.08);
  text-decoration: none;
  transition: all 0.18s;
  position: relative;
}
.brave-quicklink:last-child {
  border-bottom: none;
}
.brave-quicklink:nth-child(even) {
  background: rgba(8, 11, 22, 0.3);
}
.brave-quicklink::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: var(--g-purple);
  transition: width 0.2s;
}
.brave-quicklink:hover {
  color: var(--g-cyan);
  background: rgba(139, 92, 246, 0.08);
  text-decoration: none;
  padding-left: 18px;
}
.brave-quicklink:hover::before {
  width: 3px;
}
.brave-quicklink svg, .brave-quicklink i {
  color: var(--g-purple);
  width: 14px;
  text-align: center;
}
.galactic-match {
  padding: 10px 14px;
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
}
.galactic-match:last-child {
  border-bottom: none;
}
.galactic-match:nth-child(even) {
  background: rgba(8, 11, 22, 0.25);
}
.galactic-match__teams {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 5px;
}
.galactic-match__team {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--heading-font-stack);
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--g-text);
  letter-spacing: 0.04em;
}
.galactic-match__team-logo {
  width: 24px;
  height: 24px;
  border-radius: 3px;
  object-fit: cover;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.galactic-match__vs {
  font-family: var(--heading-font-stack);
  font-size: 0.65rem;
  font-weight: 900;
  color: var(--g-purple);
  letter-spacing: 0.1em;
  text-shadow: var(--glow-p);
  flex-shrink: 0;
}
.galactic-match__info {
  font-size: 0.65rem;
  color: var(--g-text-d);
  display: flex;
  align-items: center;
  gap: 8px;
}
.galactic-match__time {
  font-family: var(--heading-font-stack);
  font-size: 0.65rem;
  font-weight: 600;
  color: var(--g-green);
  text-shadow: var(--glow-g);
}
.galactic-lb-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 14px;
  border-bottom: 1px solid rgba(139, 92, 246, 0.08);
  transition: background 0.2s;
}
.galactic-lb-row:last-child {
  border-bottom: none;
}
.galactic-lb-row:nth-child(even) {
  background: rgba(8, 11, 22, 0.25);
}
.galactic-lb-row:hover {
  background: rgba(139, 92, 246, 0.09);
}
.galactic-lb-rank {
  font-family: var(--heading-font-stack);
  font-size: 0.68rem;
  font-weight: 900;
  width: 22px;
  text-align: center;
  flex-shrink: 0;
  letter-spacing: 0.02em;
}
.galactic-lb-rank--gold {
  color: #f59e0b;
  text-shadow: 0 0 10px rgba(245, 158, 11, 0.7);
}
.galactic-lb-rank--silver {
  color: #b0bec5;
  text-shadow: 0 0 6px rgba(176, 190, 197, 0.4);
}
.galactic-lb-rank--bronze {
  color: #cd7f32;
  text-shadow: 0 0 6px rgba(205, 127, 50, 0.4);
}
.galactic-lb-rank--other {
  color: var(--g-text-d);
}
.galactic-lb-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.galactic-lb-name {
  font-family: var(--heading-font-stack);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--g-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.galactic-lb-name a {
  color: inherit;
  text-decoration: none;
}
.galactic-lb-name a:hover {
  color: var(--g-cyan);
}
.galactic-lb-name span {
  display: inline;
}
.galactic-lb-title {
  font-size: 0.6rem;
  font-family: var(--heading-font-stack);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.galactic-lb-title--marshal {
  color: #f59e0b;
  text-shadow: 0 0 6px rgba(245, 158, 11, 0.5);
}
.galactic-lb-title--commander {
  color: var(--g-purple);
  text-shadow: 0 0 5px rgba(139, 92, 246, 0.5);
}
.galactic-lb-title--knight {
  color: var(--g-cyan);
}
.galactic-lb-title--scout {
  color: var(--g-green);
}
.galactic-lb-title--cadet {
  color: var(--g-text-d);
}
.galactic-lb-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid rgba(139, 92, 246, 0.4);
  flex-shrink: 0;
}
.galactic-lb-score {
  font-family: var(--heading-font-stack);
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--g-cyan);
  text-shadow: 0 0 6px rgba(0, 217, 245, 0.4);
  flex-shrink: 0;
  letter-spacing: 0.02em;
}
.galactic-lb-subtitle {
  font-size: 0.6rem;
  color: var(--g-text-d);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-left: auto;
}
.galactic-lb-rank-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  min-width: 32px;
}
.galactic-lb-tied-badge {
  font-size: 0.48rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  color: var(--g-gold);
  background: rgba(245, 158, 11, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 2px;
  padding: 1px 4px;
  text-transform: uppercase;
  line-height: 1.2;
}
.galactic-lb-score-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-shrink: 0;
  gap: 1px;
}
.galactic-lb-score-unit {
  font-size: 0.58rem;
  color: var(--g-text-d);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.galactic-lb-score--unknown {
  color: rgba(0, 217, 245, 0.35);
  text-shadow: none;
  font-size: 1rem;
  letter-spacing: 0;
  cursor: help;
}
.galactic-lb-row--you {
  background: rgba(139, 92, 246, 0.08) !important;
  border-left: 2px solid var(--g-purple);
}
.galactic-lb-row--you:hover {
  background: rgba(139, 92, 246, 0.13) !important;
}
.galactic-lb-you-badge {
  display: inline-block;
  font-size: 0.52rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--g-green);
  background: rgba(60, 255, 160, 0.12);
  border: 1px solid rgba(60, 255, 160, 0.35);
  border-radius: 3px;
  padding: 1px 5px;
  margin-left: 5px;
  vertical-align: middle;
  line-height: 1.6;
  text-shadow: 0 0 5px rgba(60, 255, 160, 0.5);
}
.galactic-lb-fullranks-note {
  padding: 10px 14px 6px;
  border-top: 1px solid rgba(139, 92, 246, 0.1);
}
.galactic-lb-fullranks-link {
  font-size: 0.72rem;
  color: var(--g-text-d);
  text-decoration: none;
  display: block;
  text-align: center;
  transition: color 0.2s;
}
.galactic-lb-fullranks-link:hover {
  color: var(--g-cyan);
}
.galactic-myrank {
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.galactic-myrank__header {
  display: flex;
  align-items: center;
  gap: 10px;
}
.galactic-myrank__avatar {
  flex-shrink: 0;
  opacity: 0.9;
}
.galactic-myrank__identity {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.galactic-myrank__name {
  font-size: 0.88rem;
  font-weight: 700;
}
.galactic-myrank__name a {
  color: var(--g-text-h);
  text-decoration: none;
}
.galactic-myrank__name a:hover {
  color: var(--g-cyan);
}
.galactic-myrank__score-block {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-shrink: 0;
}
.galactic-myrank__score {
  font-family: var(--heading-font-stack);
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--g-cyan);
  text-shadow: 0 0 10px rgba(0, 217, 245, 0.5);
  line-height: 1;
}
.galactic-myrank__score-label {
  font-size: 0.62rem;
  color: var(--g-text-d);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-top: 1px;
}
.galactic-myrank__progress-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.galactic-myrank__progress-bar {
  height: 5px;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 3px;
  overflow: hidden;
}
.galactic-myrank__progress-fill {
  height: 100%;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--g-purple), var(--g-cyan));
  box-shadow: 0 0 6px rgba(0, 217, 245, 0.4);
  transition: width 0.6s ease;
  min-width: 4px;
}
.galactic-myrank__progress-meta {
  display: flex;
  justify-content: space-between;
  font-size: 0.65rem;
  color: var(--g-text-d);
}
.galactic-myrank__maxrank {
  font-size: 0.72rem;
  color: var(--g-gold);
  text-align: center;
  padding: 4px 0;
}
.galactic-lb-also-online {
  padding: 8px 14px;
  border-top: 1px solid rgba(139, 92, 246, 0.1);
  font-size: 0.7rem;
  color: var(--g-text-d);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}
.galactic-lb-also-online__label {
  color: var(--g-text-m);
  font-weight: 600;
  margin-right: 2px;
}
.galactic-lb-also-online__name {
  color: var(--g-text-h);
  text-decoration: none;
}
.galactic-lb-also-online__name:hover {
  color: var(--g-cyan);
}
.galactic-slots-body {
  padding: 6px 0;
}
.galactic-slot {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border-left: 3px solid transparent;
  transition: background 0.15s;
  position: relative;
}
.galactic-slot:hover {
  background: rgba(255, 255, 255, 0.03);
}
.galactic-slot__rank {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  width: 28px;
  flex-shrink: 0;
}
.galactic-slot__num {
  font-family: var(--heading-font-stack);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 1;
}
.galactic-slot__medal {
  font-size: 0.85rem;
  line-height: 1;
}
.galactic-slot__identity {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 6px;
  overflow: hidden;
}
.galactic-slot__name {
  font-size: 0.82rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.galactic-slot__name a {
  color: var(--g-text-h);
  text-decoration: none;
}
.galactic-slot__name a:hover {
  color: var(--g-cyan);
}
.galactic-slot__name--ghost {
  color: var(--g-text-d);
  font-style: italic;
  font-weight: 400;
  font-size: 0.76rem;
}
.galactic-slot__count {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-shrink: 0;
}
.galactic-slot__count-num {
  font-family: var(--heading-font-stack);
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1;
}
.galactic-slot__count-unit {
  font-size: 0.58rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--g-text-d);
}
.galactic-slot__count--ghost {
  opacity: 0.3;
}
.galactic-slot--gold {
  border-left-color: #f59e0b;
  background: rgba(245, 158, 11, 0.06);
}
.galactic-slot--gold .galactic-slot__num {
  color: #f59e0b;
  text-shadow: 0 0 8px rgba(245, 158, 11, 0.6);
}
.galactic-slot--gold .galactic-slot__count-num {
  color: #f59e0b;
  text-shadow: 0 0 8px rgba(245, 158, 11, 0.4);
}
.galactic-slot--silver {
  border-left-color: #94a3b8;
  background: rgba(148, 163, 184, 0.05);
}
.galactic-slot--silver .galactic-slot__num {
  color: #c0c8d4;
  text-shadow: 0 0 6px rgba(148, 163, 184, 0.4);
}
.galactic-slot--silver .galactic-slot__count-num {
  color: #c0c8d4;
}
.galactic-slot--bronze {
  border-left-color: #cd7f32;
  background: rgba(205, 127, 50, 0.05);
}
.galactic-slot--bronze .galactic-slot__num {
  color: #cd8f52;
  text-shadow: 0 0 6px rgba(205, 127, 50, 0.4);
}
.galactic-slot--bronze .galactic-slot__count-num {
  color: #cd8f52;
}
.galactic-slot--4th {
  border-left-color: rgba(139, 92, 246, 0.5);
}
.galactic-slot--4th .galactic-slot__num {
  color: var(--g-purple);
}
.galactic-slot--4th .galactic-slot__count-num {
  color: var(--g-purple);
}
.galactic-slot--5th {
  border-left-color: rgba(0, 217, 245, 0.4);
}
.galactic-slot--5th .galactic-slot__num {
  color: var(--g-cyan);
}
.galactic-slot--5th .galactic-slot__count-num {
  color: var(--g-cyan);
}
.galactic-slot--ghost {
  border-left-color: rgba(255, 255, 255, 0.06);
  opacity: 0.6;
}
.galactic-slot--ghost .galactic-slot__num--ghost {
  color: var(--g-text-d);
  opacity: 0.4;
}
.galactic-slot--ghost .galactic-slot__medal--ghost {
  opacity: 0.25;
}
.galactic-slot--you {
  box-shadow: inset 0 0 0 1px rgba(139, 92, 246, 0.2);
  background: rgba(139, 92, 246, 0.07) !important;
}
.galactic-slot--locked {
  cursor: default;
}
.galactic-slot--locked:hover {
  background: inherit;
}
.galactic-slot__name--hidden {
  opacity: 0.5;
}
.galactic-slot__redact {
  color: transparent;
  background: currentColor;
  border-radius: 2px;
  user-select: none;
  font-size: 0.7rem;
  letter-spacing: -0.05em;
  opacity: 0.35;
}
.galactic-slot--gold .galactic-slot__redact {
  background: rgba(245, 158, 11, 0.4);
}
.galactic-slot--silver .galactic-slot__redact {
  background: rgba(148, 163, 184, 0.4);
}
.galactic-slot--bronze .galactic-slot__redact {
  background: rgba(205, 127, 50, 0.4);
}
.galactic-slot--4th .galactic-slot__redact {
  background: rgba(139, 92, 246, 0.4);
}
.galactic-slot--5th .galactic-slot__redact {
  background: rgba(0, 217, 245, 0.4);
}
.galactic-slot__count-num--hidden {
  color: var(--g-text-d);
  opacity: 0.5;
  font-size: 0.85rem;
}
.galactic-slot-mystrip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 14px 6px;
  margin-top: 4px;
  border-top: 1px solid rgba(139, 92, 246, 0.15);
  background: rgba(139, 92, 246, 0.05);
}
.galactic-slot-mystrip__left {
  display: flex;
  align-items: center;
  gap: 5px;
  overflow: hidden;
  flex: 1;
}
.galactic-slot-mystrip__name {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--g-text-h);
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.galactic-slot-mystrip__name:hover {
  color: var(--g-cyan);
}
.galactic-slot-mystrip__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-shrink: 0;
}
.galactic-slot-mystrip__right .galactic-slot__count-num {
  color: var(--g-purple);
  font-size: 0.95rem;
}
.galactic-slot-cta {
  padding: 10px 14px 6px;
  border-top: 1px solid rgba(139, 92, 246, 0.1);
}
.galactic-slot-cta__btn {
  display: block;
  text-align: center;
  font-size: 0.72rem;
  color: var(--g-cyan);
  text-decoration: none;
  font-weight: 600;
}
.galactic-slot-cta__btn:hover {
  color: var(--g-purple);
}
.galactic-stats-lb {
  margin-bottom: 24px;
  padding: 0;
}
.galactic-stats-lb__header {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 0 12px;
  border-bottom: 1px solid rgba(139, 92, 246, 0.15);
  margin-bottom: 20px;
}
.galactic-stats-lb__icon {
  font-size: 2rem;
  flex-shrink: 0;
}
.galactic-stats-lb__title {
  font-family: var(--heading-font-stack);
  font-size: 1.2rem;
  font-weight: 900;
  color: var(--g-text-h);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0 0 2px;
}
.galactic-stats-lb__sub {
  font-size: 0.75rem;
  color: var(--g-text-d);
  margin: 0;
}
.galactic-podium {
  display: grid;
  grid-template-columns: 1fr 1.15fr 1fr;
  align-items: flex-end;
  gap: 6px;
  margin-bottom: 16px;
  padding: 0 0 4px;
}
.galactic-podium__slot {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 6px;
}
.galactic-podium__crown {
  font-size: 1.4rem;
  animation: pulse 2.5s ease-in-out infinite;
}
.galactic-podium__avatar {
  flex-shrink: 0;
}
.galactic-podium__name {
  font-size: 0.8rem;
  font-weight: 700;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 4px;
}
.galactic-podium__name a {
  color: var(--g-text-h);
  text-decoration: none;
}
.galactic-podium__name a:hover {
  color: var(--g-cyan);
}
.galactic-podium__name--1 {
  font-size: 0.9rem;
}
.galactic-podium__name--1 a {
  color: #f59e0b;
}
.galactic-podium__block {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  border-radius: 6px 6px 0 0;
  padding: 10px 8px 8px;
  position: relative;
  overflow: hidden;
}
.galactic-podium__block::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.08;
}
.galactic-podium__block--1 {
  height: 90px;
  background: linear-gradient(180deg, rgba(245, 158, 11, 0.3) 0%, rgba(245, 158, 11, 0.08) 100%);
  border: 1px solid rgba(245, 158, 11, 0.35);
  box-shadow: 0 0 20px rgba(245, 158, 11, 0.15), inset 0 1px 0 rgba(245, 158, 11, 0.3);
}
.galactic-podium__block--1 .galactic-podium__rank-num {
  color: #f59e0b;
}
.galactic-podium__block--2 {
  height: 65px;
  background: linear-gradient(180deg, rgba(148, 163, 184, 0.25) 0%, rgba(148, 163, 184, 0.06) 100%);
  border: 1px solid rgba(148, 163, 184, 0.3);
  box-shadow: 0 0 12px rgba(148, 163, 184, 0.1);
}
.galactic-podium__block--2 .galactic-podium__rank-num {
  color: #c0c8d4;
}
.galactic-podium__block--3 {
  height: 48px;
  background: linear-gradient(180deg, rgba(205, 127, 50, 0.22) 0%, rgba(205, 127, 50, 0.05) 100%);
  border: 1px solid rgba(205, 127, 50, 0.28);
  box-shadow: 0 0 10px rgba(205, 127, 50, 0.1);
}
.galactic-podium__block--3 .galactic-podium__rank-num {
  color: #cd8f52;
}
.galactic-podium__rank-num {
  font-family: var(--heading-font-stack);
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1;
  text-shadow: 0 0 12px currentColor;
}
.galactic-podium__medal {
  font-size: 1.1rem;
}
.galactic-podium__count {
  font-family: var(--heading-font-stack);
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--g-text-m);
}
.galactic-podium__count--1 {
  font-size: 0.9rem;
  color: #f59e0b;
}
.galactic-podium__count-unit {
  font-size: 0.65rem;
  font-weight: 400;
  color: var(--g-text-d);
}
.galactic-stats-lb__rows {
  border-top: 1px solid rgba(139, 92, 246, 0.12);
  padding-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.galactic-lb-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 24px 14px;
  gap: 6px;
}
.galactic-lb-empty__icon {
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 4px;
}
.galactic-lb-empty__text {
  font-family: var(--heading-font-stack);
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--g-text-m);
  margin: 0;
}
.galactic-lb-empty__sub {
  font-size: 0.75rem;
  color: var(--g-text-d);
  margin: 0;
  line-height: 1.5;
}
.brave-tagcloud {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 10px 14px;
}
.brave-tag {
  display: inline-block;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.25);
  border-radius: 3px;
  color: var(--g-text-m);
  text-decoration: none;
  font-family: var(--heading-font-stack);
  font-weight: 600;
  letter-spacing: 0.05em;
  transition: all 0.18s;
}
.brave-tag:hover {
  background: rgba(139, 92, 246, 0.25);
  border-color: var(--g-purple);
  color: #ffffff;
  box-shadow: var(--glow-p);
  text-decoration: none;
}
.brave-tag--sm {
  font-size: 0.62rem;
  padding: 2px 7px;
}
.brave-tag--md {
  font-size: 0.68rem;
  padding: 3px 8px;
}
.brave-tag--lg {
  font-size: 0.75rem;
  padding: 3px 9px;
}
.brave-tag--xl {
  font-size: 0.82rem;
  padding: 4px 10px;
  font-weight: 700;
}
.button, .post__body button[type="submit"], .post__body button[type="cancel"], input[type="submit"], input[type="button"] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: linear-gradient(135deg, var(--g-purple) 0%, var(--g-purple-d) 100%);
  border: 1px solid rgba(139, 92, 246, 0.5);
  border-radius: 5px;
  color: #ffffff !important;
  cursor: pointer;
  font-family: var(--heading-font-stack);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 9px 20px;
  text-decoration: none;
  box-shadow: 0 4px 15px rgba(109, 40, 217, 0.35);
  transition: all 0.2s;
  line-height: 1.4;
  position: relative;
  overflow: hidden;
}
.button::before, .post__body button[type="submit"]::before, .post__body button[type="cancel"]::before, input[type="submit"]::before, input[type="button"]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, var(--g-cyan), var(--g-purple));
  opacity: 0;
  transition: opacity 0.25s;
}
.button span, .post__body button[type="submit"] span, .post__body button[type="cancel"] span, .button .button__text, .post__body button[type="submit"] .button__text, .post__body button[type="cancel"] .button__text, input[type="submit"] span, input[type="submit"] .button__text, input[type="button"] span, input[type="button"] .button__text {
  position: relative;
  z-index: 1;
}
.button .button__icon, .post__body button[type="submit"] .button__icon, .post__body button[type="cancel"] .button__icon, input[type="submit"] .button__icon, input[type="button"] .button__icon {
  position: relative;
  z-index: 1;
  font-size: 0.72rem;
}
.button:hover, .post__body button[type="submit"]:hover, .post__body button[type="cancel"]:hover, input[type="submit"]:hover, input[type="button"]:hover {
  box-shadow: var(--glow-p), 0 6px 25px rgba(109, 40, 217, 0.5);
  transform: translateY(-1px);
  color: #ffffff !important;
  text-decoration: none;
}
.button:hover::before, .post__body button[type="submit"]:hover::before, .post__body button[type="cancel"]:hover::before, input[type="submit"]:hover::before, input[type="button"]:hover::before {
  opacity: 1;
}
.button:active, .post__body button[type="submit"]:active, .post__body button[type="cancel"]:active, input[type="submit"]:active, input[type="button"]:active {
  transform: translateY(0);
}
.button--secondary, .post__body button[type="cancel"], input[type="submit"]--secondary, input[type="button"]--secondary {
  background: transparent;
  border-color: rgba(0, 217, 245, 0.4);
  color: var(--g-cyan) !important;
  box-shadow: inset 0 0 12px rgba(0, 217, 245, 0.05);
}
.button--secondary::before, .post__body button[type="cancel"]::before, input[type="submit"]--secondary::before, input[type="button"]--secondary::before {
  display: none;
}
.button--secondary:hover, .post__body button[type="cancel"]:hover, input[type="submit"]--secondary:hover, input[type="button"]--secondary:hover {
  background: rgba(0, 217, 245, 0.1);
  border-color: var(--g-cyan);
  box-shadow: var(--glow-c);
  color: var(--g-cyan) !important;
}
.button--medium, input[type="submit"]--medium, input[type="button"]--medium {
  padding: 10px 22px;
  font-size: 0.78rem;
}
.button--small, input[type="submit"]--small, input[type="button"]--small {
  padding: 5px 12px;
  font-size: 0.68rem;
}
.button--basic, input[type="submit"]--basic, input[type="button"]--basic {
  background: rgba(30, 40, 71, 0.6);
  border-color: rgba(100, 116, 139, 0.3);
  box-shadow: none;
  color: var(--g-text-m) !important;
}
.button--basic::before, input[type="submit"]--basic::before, input[type="button"]--basic::before {
  display: none;
}
.button--basic:hover, input[type="submit"]--basic:hover, input[type="button"]--basic:hover {
  background: #1e2847;
  color: var(--g-text) !important;
  box-shadow: none;
}
.button--inline, .post__body button[type="submit"], .post__body button[type="cancel"], input[type="submit"]--inline, input[type="button"]--inline {
  display: inline-flex;
}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="url"], input[type="number"], textarea, select, .textbox, .thread-list .thread__subject .subject_editable input {
  background: rgba(13, 17, 39, 0.8);
  border: 1px solid rgba(139, 92, 246, 0.25);
  border-radius: 5px;
  color: var(--g-text);
  font-family: var(--font-stack);
  font-size: 0.9rem;
  padding: 8px 12px;
  transition: all 0.2s;
  width: 100%;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="url"]:focus, input[type="number"]:focus, textarea:focus, select:focus, .textbox:focus, .thread-list .thread__subject .subject_editable input:focus {
  border-color: var(--g-purple);
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15), var(--glow-p);
  outline: none;
  background: rgba(8, 11, 22, 0.9);
}
input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="email"]::placeholder, input[type="search"]::placeholder, input[type="url"]::placeholder, input[type="number"]::placeholder, textarea::placeholder, select::placeholder, .textbox::placeholder, .thread-list .thread__subject .subject_editable input::placeholder {
  color: var(--g-text-d);
}
select option {
  background: #0d1127;
  color: var(--g-text);
}
.breadcrumb {
  background: rgba(13, 17, 39, 0.7);
  border: 1px solid rgba(139, 92, 246, 0.15);
  border-radius: 4px;
  font-family: var(--heading-font-stack);
  font-size: 0.68rem;
  letter-spacing: 0.06em;
  padding: 6px 14px;
  margin-bottom: 4px;
}
.breadcrumb a {
  color: var(--g-purple);
}
.breadcrumb a:hover {
  color: var(--g-cyan);
  text-decoration: none;
}
.breadcrumb .breadcrumb__current {
  color: var(--g-text);
  font-weight: 600;
}
.block {
  background: var(--g-card);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 14px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.block__header, .section__header {
  background: linear-gradient(90deg, rgba(13, 17, 39, 0.98) 0%, rgba(29, 22, 70, 0.8) 100%);
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
  padding: 10px 16px;
  font-family: var(--heading-font-stack);
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--g-cyan);
  text-shadow: 0 0 8px rgba(0, 217, 245, 0.3);
  position: relative;
}
.block__header::before, .section__header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, var(--g-purple), var(--g-cyan));
}
.block__header a, .section__header a {
  color: inherit;
  text-decoration: none;
}
.block__header a:hover, .section__header a:hover {
  color: var(--g-purple);
}
.column-headings {
  background: rgba(8, 11, 22, 0.6);
  border-bottom: 1px solid rgba(139, 92, 246, 0.15);
  font-family: var(--heading-font-stack);
  font-size: 0.62rem;
  font-weight: 700;
  color: var(--g-text-d);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 7px 18px;
}
.thread-row, .row--thread {
  background: var(--g-card);
  border-bottom: 1px solid rgba(139, 92, 246, 0.08);
  transition: background 0.15s;
  position: relative;
}
.thread-row:nth-child(even), .row--thread:nth-child(even) {
  background: rgba(13, 17, 39, 0.7);
}
.thread-row:hover, .row--thread:hover {
  background: rgba(139, 92, 246, 0.07);
}
.thread-row--unread, .row--thread--unread {
  border-left: 3px solid var(--g-cyan);
}
.thread-row--sticky, .row--thread--sticky {
  border-left: 3px solid var(--g-purple);
}
.thread-row--highlight, .row--thread--highlight {
  background: rgba(139, 92, 246, 0.1) !important;
}
.thread-row--deleted, .row--thread--deleted {
  opacity: 0.5;
}
.thread-row--awaiting-approval, .row--thread--awaiting-approval {
  border-left: 3px solid var(--g-green);
}
.thread__subject a, .thread-row__subject a {
  font-family: var(--heading-font-stack);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--g-text) !important;
}
.thread__subject a:hover, .thread-row__subject a:hover {
  color: var(--g-cyan) !important;
  text-shadow: 0 0 8px rgba(0, 217, 245, 0.4);
  text-decoration: none;
}
.table {
  border-collapse: collapse;
  width: 100%;
  font-size: 0.87rem;
}
.table thead th {
  background: rgba(13, 17, 39, 0.98);
  color: var(--g-cyan);
  font-family: var(--heading-font-stack);
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 9px 14px;
  text-align: left;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
  text-shadow: 0 0 6px rgba(0, 217, 245, 0.3);
}
.table tbody tr {
  border-bottom: 1px solid rgba(139, 92, 246, 0.08);
  transition: background 0.1s;
}
.table tbody tr:nth-child(even) {
  background: rgba(13, 17, 39, 0.4);
}
.table tbody tr:hover {
  background: rgba(139, 92, 246, 0.07);
}
.table tbody td {
  padding: 9px 14px;
  vertical-align: middle;
  color: var(--g-text);
}
.pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}
.pagination .pagination__page a, .pagination .pagination__page span {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid rgba(139, 92, 246, 0.25);
  border-radius: 4px;
  background: rgba(17, 24, 49, 0.7);
  color: var(--g-text-m);
  font-family: var(--heading-font-stack);
  font-size: 0.75rem;
  text-decoration: none;
  transition: all 0.15s;
}
.pagination .pagination__page a:hover, .pagination .pagination__page span:hover {
  border-color: var(--g-purple);
  color: var(--g-cyan);
  box-shadow: var(--glow-p);
  background: rgba(139, 92, 246, 0.1);
  text-decoration: none;
}
.pagination .pagination__page--current a, .pagination .pagination__page--current span {
  background: var(--g-purple);
  border-color: var(--g-purple);
  color: #ffffff;
  box-shadow: var(--glow-p);
}
.alert {
  border-radius: 5px;
  border: 1px solid;
  border-left: 4px solid;
  padding: 10px 16px;
  font-size: 0.87rem;
  margin-bottom: 12px;
}
.alert--success, .alert--positive {
  background: rgba(60, 255, 160, 0.07);
  border-color: var(--g-green);
  color: var(--g-green);
}
.alert--error, .alert--danger, .alert--negative {
  background: rgba(244, 63, 94, 0.08);
  border-color: var(--g-red);
  color: #fda4af;
}
.alert--warning {
  background: rgba(245, 158, 11, 0.08);
  border-color: var(--g-gold);
  color: var(--g-gold);
}
.alert--info {
  background: rgba(0, 217, 245, 0.07);
  border-color: var(--g-cyan);
  color: var(--g-cyan);
}
.section-menu {
  display: flex;
  flex-wrap: wrap;
  background: var(--g-card);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 14px;
}
.section-menu__link {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  color: var(--g-text-m);
  border-right: 1px solid rgba(139, 92, 246, 0.12);
  font-family: var(--heading-font-stack);
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.15s;
}
.section-menu__link:last-child {
  border-right: none;
}
.section-menu__link:hover, .section-menu__link.active, .section-menu__link--active {
  background: rgba(139, 92, 246, 0.1);
  color: var(--g-cyan);
  text-shadow: 0 0 6px rgba(0, 217, 245, 0.4);
  text-decoration: none;
}
.post {
  background: var(--g-card);
  border: 1px solid rgba(139, 92, 246, 0.18);
  border-radius: 6px;
  margin-bottom: 10px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  transition: border-color 0.2s;
}
.post:hover {
  border-color: rgba(139, 92, 246, 0.35);
}
.post__header {
  background: rgba(8, 11, 22, 0.5);
  border-bottom: 1px solid rgba(139, 92, 246, 0.12);
  font-size: 0.75rem;
  color: var(--g-text-d);
  padding: 7px 14px;
}
.post__author a {
  font-weight: 700;
  color: var(--g-purple);
}
.footer {
  background: rgba(8, 11, 22, 0.97);
  border-top: 1px solid rgba(139, 92, 246, 0.2);
  color: var(--g-text-d);
  font-size: 0.78rem;
  padding: 20px 0;
  margin-top: 20px;
  position: relative;
}
.footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--g-purple), var(--g-cyan), var(--g-green), var(--g-cyan), var(--g-purple));
  background-size: 300% auto;
  animation: border-flow 4s linear infinite;
}
.footer a {
  color: var(--g-text-d);
}
.footer a:hover {
  color: var(--g-cyan);
  text-decoration: none;
}
.wrapper--footer {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}
.footer__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0;
  margin-bottom: 8px;
}
.footer__sep {
  margin: 0 8px;
  opacity: 0.3;
}
.footer__link {
  color: var(--g-text-d);
  text-decoration: none;
}
.footer__link:hover {
  color: var(--g-cyan);
}
.footer__powered-by {
  margin: 0;
  color: var(--g-text-d);
  line-height: 1.6;
}
.footer__theme-name {
  color: var(--g-purple);
  font-weight: 800;
  letter-spacing: 0.05em;
  text-shadow: 0 0 8px rgba(139, 92, 246, 0.5);
}
@supports (-webkit-background-clip: text) or (background-clip: text) {
  .footer__theme-name {
    background: linear-gradient(135deg, #a78bfa, #00d9f5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: none;
  }
}
.footer__theme-author {
  color: var(--g-cyan);
  font-weight: 700;
}
.redirect {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 55vh;
  padding: 60px 24px;
  text-align: center;
  animation: fade-up 0.5s ease forwards;
}
.redirect__icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(60, 255, 160, 0.12) 0%, rgba(139, 92, 246, 0.08) 100%);
  border: 1px solid rgba(60, 255, 160, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  box-shadow: 0 0 24px rgba(60, 255, 160, 0.25), 0 0 60px rgba(60, 255, 160, 0.1);
  animation: glow-purple 2.5s ease-in-out infinite;
}
.redirect__icon svg {
  width: 36px;
  height: 36px;
  stroke: var(--g-green);
  filter: drop-shadow(0 0 6px rgba(60, 255, 160, 0.8));
}
.redirect__title {
  font-family: var(--heading-font-stack);
  font-size: clamp(1.2rem, 3vw, 1.8rem);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 0 20px rgba(139, 92, 246, 0.4);
  margin: 0 0 14px;
}
.redirect__message {
  font-size: 0.95rem;
  color: var(--g-text-m);
  line-height: 1.7;
  max-width: 480px;
  margin: 0 0 32px;
}
.redirect__message p {
  margin: 0 0 4px;
}
.redirect__link {
  display: flex;
  justify-content: center;
}
.redirect__link .button, .redirect__link .post__body button[type="submit"], .post__body .redirect__link button[type="submit"], .redirect__link .post__body button[type="cancel"], .post__body .redirect__link button[type="cancel"] {
  min-width: 200px;
  max-width: 260px;
  justify-content: center;
  text-align: center;
}
.galactic-main-panels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 16px 0;
}
@media (max-width: 860px) {
  .galactic-main-panels {
    grid-template-columns: 1fr;
  }
}
.galactic-main-panel {
  background: var(--g-card);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}
.galactic-main-panel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--g-purple), var(--g-cyan), var(--g-green), var(--g-cyan), var(--g-purple));
  background-size: 300% auto;
  animation: border-flow 4s linear infinite;
}
.galactic-main-panel--promo {
  border-color: rgba(0, 217, 245, 0.2);
}
.galactic-main-panel--promo::before {
  background: linear-gradient(90deg, var(--g-cyan), var(--g-purple), var(--g-cyan));
  background-size: 200% auto;
}
.galactic-main-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 16px 8px;
  border-bottom: 1px solid rgba(139, 92, 246, 0.12);
}
.galactic-main-panel__title {
  font-family: var(--heading-font-stack);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--g-text-m);
}
.galactic-main-panel__footer {
  padding: 8px 16px;
  border-top: 1px solid rgba(139, 92, 246, 0.1);
  margin-top: auto;
  text-align: right;
  font-size: 0.72rem;
}
.galactic-download--inline {
  padding: 12px 16px 10px;
  gap: 10px;
}
.galactic-download--inline .galactic-download__preview {
  padding: 8px 10px;
  background: rgba(0, 217, 245, 0.04);
  border: 1px solid rgba(0, 217, 245, 0.12);
  border-radius: 6px;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.galactic-download--inline .galactic-download__logo-ring {
  width: 38px;
  height: 38px;
}
.galactic-download__btn--compact {
  padding: 6px 14px !important;
  font-size: 0.75rem !important;
  margin-left: auto;
}
.galactic-register-cta--compact {
  padding: 0 16px 14px;
  border: none;
  background: none;
  gap: 10px;
}
.galactic-register-cta--compact::before {
  display: none;
}
.galactic-register-cta__perks--2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px 8px;
}
@media (max-width: 480px) {
  .galactic-register-cta__perks--2col {
    grid-template-columns: 1fr;
  }
}
.galactic-announcement-widget {
  position: relative;
  overflow: hidden;
}
.galactic-announcement-widget::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--g-purple), var(--g-cyan), var(--g-green), var(--g-cyan), var(--g-purple));
  background-size: 300% auto;
  animation: border-flow 4s linear infinite;
}
.galactic-announcement__badge {
  font-family: var(--heading-font-stack);
  font-size: 0.55rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--g-green);
  background: rgba(60, 255, 160, 0.12);
  border: 1px solid rgba(60, 255, 160, 0.35);
  border-radius: 3px;
  padding: 2px 7px;
  text-transform: uppercase;
  text-shadow: 0 0 6px rgba(60, 255, 160, 0.6);
  animation: pulse-soft 2s ease-in-out infinite;
}
@keyframes pulse-soft {
  0%, 100% {
    opacity: 1;
    box-shadow: 0 0 6px rgba(60, 255, 160, 0.3);
  }
  50% {
    opacity: 0.7;
    box-shadow: 0 0 12px rgba(60, 255, 160, 0.6);
  }
}
.galactic-announcement__body {
  padding: 0;
}
.galactic-announcement__item {
  padding: 14px 16px 12px;
  background: rgba(139, 92, 246, 0.04);
  border-left: 2px solid var(--g-purple);
  position: relative;
  overflow: hidden;
}
.galactic-announcement__item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at top right, rgba(0, 217, 245, 0.05) 0%, transparent 70%);
  pointer-events: none;
}
.galactic-announcement__item--pinned {
  border-left-color: var(--g-cyan);
}
.galactic-announcement__pin {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--heading-font-stack);
  font-size: 0.55rem;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--g-cyan);
  margin-bottom: 8px;
}
.galactic-announcement__pin svg {
  fill: var(--g-cyan);
}
.galactic-announcement__title {
  font-family: var(--heading-font-stack);
  font-size: 0.92rem;
  font-weight: 800;
  color: #fff;
  margin: 0 0 8px;
  line-height: 1.3;
  text-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.galactic-announcement__text {
  font-size: 0.8rem;
  color: var(--g-text-m);
  line-height: 1.6;
  margin: 0 0 12px;
}
.galactic-announcement__meta {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-top: 10px;
  border-top: 1px solid rgba(139, 92, 246, 0.12);
}
.galactic-announcement__author, .galactic-announcement__date {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.72rem;
  color: var(--g-text-d);
}
.galactic-announcement__author svg, .galactic-announcement__date svg {
  opacity: 0.6;
  flex-shrink: 0;
}
.galactic-announcement__author {
  color: var(--g-purple);
}
.galactic-announcement__author svg {
  fill: var(--g-purple);
}
.galactic-download {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.galactic-download__preview {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: rgba(0, 217, 245, 0.04);
  border: 1px solid rgba(0, 217, 245, 0.15);
  border-radius: 8px;
}
.galactic-download__logo-ring {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 0 8px rgba(0, 217, 245, 0.5));
  animation: float 4s ease-in-out infinite;
}
.galactic-download__logo-ring svg circle:last-child {
  animation: glow-pulse 2s ease-in-out infinite;
}
.galactic-download__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.galactic-download__name {
  font-family: var(--heading-font-stack);
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: var(--g-cyan);
  text-shadow: 0 0 8px rgba(0, 217, 245, 0.5);
}
.galactic-download__version {
  font-size: 0.7rem;
  color: var(--g-text-d);
  letter-spacing: 0.04em;
}
.galactic-download__btn {
  width: 100%;
  justify-content: center;
  background: linear-gradient(135deg, #00b4d8 0%, #0077b6 100%) !important;
  border-color: rgba(0, 217, 245, 0.5) !important;
  box-shadow: 0 4px 18px rgba(0, 180, 216, 0.35) !important;
  letter-spacing: 0.06em;
  display: flex !important;
  align-items: center;
}
.galactic-download__btn:hover {
  box-shadow: 0 6px 28px rgba(0, 180, 216, 0.55) !important;
  transform: translateY(-1px);
}
.galactic-download__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.galactic-dl-tag {
  font-size: 0.65rem;
  font-family: var(--heading-font-stack);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--g-text-d);
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 3px;
  padding: 2px 8px;
}
.galactic-promo-divider {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 4px 0;
}
.galactic-promo-divider__line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.25), transparent);
}
.galactic-promo-divider__text {
  font-family: var(--heading-font-stack);
  font-size: 0.6rem;
  letter-spacing: 0.25em;
  color: var(--g-text-d);
  font-weight: 700;
}
.galactic-register-cta {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 16px;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.08) 0%, rgba(0, 217, 245, 0.04) 100%);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.galactic-register-cta::before {
  content: "";
  position: absolute;
  top: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(139, 92, 246, 0.2) 0%, transparent 70%);
  pointer-events: none;
}
.galactic-register-cta__header {
  display: flex;
  align-items: center;
  gap: 12px;
}
.galactic-register-cta__icon {
  font-size: 1.5rem;
  filter: drop-shadow(0 0 8px rgba(60, 255, 160, 0.6));
  flex-shrink: 0;
}
.galactic-register-cta__title {
  font-family: var(--heading-font-stack);
  font-size: 0.9rem;
  font-weight: 800;
  color: #fff;
  margin: 0 0 2px;
  letter-spacing: 0.04em;
}
.galactic-register-cta__sub {
  font-size: 0.72rem;
  color: var(--g-text-d);
  margin: 0;
}
.galactic-register-cta__perks {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.galactic-register-cta__perks li {
  font-size: 0.78rem;
  color: var(--g-text-m);
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1.3;
}
.galactic-perk-check {
  color: var(--g-green);
  text-shadow: 0 0 6px rgba(60, 255, 160, 0.7);
  font-size: 0.85rem;
  flex-shrink: 0;
  line-height: 1;
}
.galactic-register-cta__btn {
  width: 100%;
  justify-content: center;
  background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 50%, #8b5cf6 100%) !important;
  background-size: 200% auto !important;
  border-color: rgba(139, 92, 246, 0.6) !important;
  box-shadow: 0 4px 20px rgba(139, 92, 246, 0.45) !important;
  letter-spacing: 0.04em;
  font-weight: 700;
  display: flex !important;
  align-items: center;
  animation: shimmer 3s linear infinite;
}
.galactic-register-cta__btn:hover {
  box-shadow: 0 6px 30px rgba(139, 92, 246, 0.65) !important;
  transform: translateY(-2px);
}
.galactic-register-cta__btn--member {
  display: block;
  width: 100%;
  text-align: center;
  padding: 10px 18px;
  background: rgba(0, 217, 245, 0.1);
  border: 1px solid rgba(0, 217, 245, 0.3);
  border-radius: 6px;
  color: var(--g-cyan);
  font-family: var(--heading-font-stack);
  font-weight: 700;
  font-size: 0.85rem;
  letter-spacing: 0.06em;
  text-decoration: none;
  transition: all 0.25s;
}
.galactic-register-cta__btn--member:hover {
  background: rgba(0, 217, 245, 0.18);
  color: var(--g-cyan);
}
.galactic-register-cta__note {
  text-align: center;
  font-size: 0.68rem;
  color: var(--g-text-d);
  margin: 0;
  opacity: 0.7;
}
.popup-menu, [class*="popup"] ul {
  background: var(--g-card-2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 6px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), var(--glow-p);
  font-size: 0.83rem;
  z-index: 200;
}
.popup-menu li, [class*="popup"] ul li {
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
}
.popup-menu li:last-child, [class*="popup"] ul li:last-child {
  border-bottom: none;
}
.popup-menu li a, [class*="popup"] ul li a {
  display: block;
  padding: 8px 14px;
  color: var(--g-text-m);
  font-family: var(--heading-font-stack);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  transition: all 0.1s;
  text-decoration: none;
}
.popup-menu li a:hover, [class*="popup"] ul li a:hover {
  background: rgba(139, 92, 246, 0.12);
  color: var(--g-cyan);
  text-decoration: none;
}
.modal {
  background: var(--g-card);
  border: 1px solid rgba(139, 92, 246, 0.35);
  border-radius: 8px;
  box-shadow: 0 12px 50px rgba(0, 0, 0, 0.7), var(--glow-p);
}
.page-header {
  background: linear-gradient(90deg, rgba(13, 17, 39, 0.98) 0%, rgba(29, 22, 70, 0.8) 100%);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 6px;
  padding: 16px 20px;
  margin-bottom: 12px;
  position: relative;
  overflow: hidden;
}
.page-header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, var(--g-purple), var(--g-cyan));
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.6);
}
.page-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding-left: 8px;
}
.title--page, .page-header h1 {
  font-family: var(--heading-font-stack);
  font-size: 1.4rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #ffffff;
  text-shadow: 0 0 15px rgba(139, 92, 246, 0.4);
  margin: 0;
}
.page-description {
  color: var(--g-text-m);
  font-size: 0.82rem;
  margin: 4px 0 0;
  max-width: 600px;
}
.page-moderators {
  font-size: 0.78rem;
  color: var(--g-text-d);
  margin: 4px 0 8px;
}
.page-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}
.page-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.no-results, .row--no-results {
  padding: 20px;
  text-align: center;
  color: var(--g-text-d);
  font-family: var(--heading-font-stack);
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.avatar {
  border-radius: 4px;
  object-fit: cover;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.avatar--default {
  background: linear-gradient(135deg, var(--g-purple-d), var(--g-card));
  color: var(--g-purple);
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-family: var(--heading-font-stack);
}
.page-tabs {
  display: flex;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
  margin-bottom: 14px;
  flex-wrap: wrap;
  gap: 0;
}
.page-tab a, .page-tab span {
  display: block;
  padding: 8px 16px;
  font-family: var(--heading-font-stack);
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--g-text-d);
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: all 0.18s;
}
.page-tab a:hover, .page-tab span:hover {
  color: var(--g-cyan);
  border-bottom-color: var(--g-cyan);
}
.page-tab--active a, .page-tab--active span {
  color: var(--g-cyan);
  border-bottom-color: var(--g-cyan);
  text-shadow: 0 0 8px rgba(0, 217, 245, 0.4);
}
@media print {
  .header, .user-bar, .footer, .brave-index__sidebar, .galactic-hero {
    display: none !important;
  }
  body {
    background: #fff !important;
    color: #000 !important;
  }
  .brave-index {
    grid-template-columns: 1fr !important;
  }
  a {
    color: #000 !important;
    text-shadow: none !important;
  }
}
.galactic-section {
  padding: 56px 0;
}
.galactic-section + .galactic-section {
  border-top: 1px solid rgba(139, 92, 246, 0.08);
}
.galactic-section--dark {
  background: rgba(0, 0, 0, 0.25);
  margin: 0 -40px;
  padding: 56px 40px;
}
@media (max-width: 800px) {
  .galactic-section--dark {
    margin: 0 -16px;
    padding: 40px 16px;
  }
}
.galactic-section__head {
  text-align: center;
  margin-bottom: 36px;
}
.galactic-section__eyebrow {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--g-cyan);
  margin-bottom: 8px;
}
.galactic-section__title {
  font-family: var(--heading-font-stack);
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 900;
  color: var(--g-text-h);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.galactic-section__sub {
  font-size: 0.9rem;
  color: var(--g-text-d);
  max-width: 520px;
  margin: 0 auto;
}
.galactic-section__foot {
  text-align: center;
  margin-top: 32px;
}
.galactic-section__link {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--g-cyan);
  text-decoration: none;
  letter-spacing: 0.04em;
}
.galactic-section__link:hover {
  color: var(--g-purple);
}
.galactic-player-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 20px;
  margin-bottom: 8px;
}
.galactic-player-card {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(139, 92, 246, 0.18);
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s;
}
.galactic-player-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(139, 92, 246, 0.15);
}
.galactic-player-card__portrait {
  width: 100%;
  height: 220px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
}
.galactic-player-card__portrait::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(0deg, rgba(8, 6, 24, 0.95) 0%, transparent 100%);
}
.galactic-player-card__portrait--1 {
  background-image: url("../../images/player1.png");
}
.galactic-player-card__portrait--2 {
  background-image: url("../../images/player2.png");
}
.galactic-player-card__portrait--3 {
  background-image: url("../../images/player3.png");
}
.galactic-player-card__body {
  padding: 14px 18px 18px;
}
.galactic-player-card__rank {
  font-size: 0.65rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 6px;
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
}
.galactic-player-card__rank--gold {
  color: #f59e0b;
  background: rgba(245, 158, 11, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.galactic-player-card__rank--silver {
  color: #c0c8d4;
  background: rgba(148, 163, 184, 0.1);
  border: 1px solid rgba(148, 163, 184, 0.25);
}
.galactic-player-card__rank--bronze {
  color: #cd8f52;
  background: rgba(205, 127, 50, 0.1);
  border: 1px solid rgba(205, 127, 50, 0.25);
}
.galactic-player-card__name {
  font-family: var(--heading-font-stack);
  font-size: 1.2rem;
  font-weight: 900;
  color: var(--g-text-h);
  letter-spacing: 0.04em;
  margin: 6px 0 4px;
}
.galactic-player-card__stats {
  display: flex;
  gap: 14px;
  margin: 12px 0 10px;
  padding: 10px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.galactic-player-card__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  flex: 1;
}
.galactic-player-card__stat-val {
  font-family: var(--heading-font-stack);
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--g-cyan);
}
.galactic-player-card__stat-key {
  font-size: 0.6rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--g-text-d);
}
.galactic-player-card__game {
  font-size: 0.72rem;
  color: var(--g-text-d);
  margin-top: 6px;
  font-weight: 600;
}
.galactic-genre-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 18px;
}
.galactic-genre-card {
  border-radius: 10px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.08);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  transition: transform 0.2s, box-shadow 0.2s;
}
.galactic-genre-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0, 217, 245, 0.1);
  border-color: rgba(0, 217, 245, 0.25);
}
.galactic-genre-card__banner {
  width: 100%;
  height: 160px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.galactic-genre-card__banner--battleroyale {
  background-image: url("../../images/cat-battleroyale.png");
}
.galactic-genre-card__banner--fps {
  background-image: url("../../images/cat-fps.png");
}
.galactic-genre-card__banner--strategy {
  background-image: url("../../images/cat-strategy.png");
}
.galactic-genre-card__banner--general {
  background-image: url("../../images/cat-general.png");
}
.galactic-genre-card__body {
  padding: 14px 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
}
.galactic-genre-card__tag {
  font-size: 0.65rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--g-cyan);
}
.galactic-genre-card__title {
  font-family: var(--heading-font-stack);
  font-size: 1rem;
  font-weight: 900;
  color: var(--g-text-h);
  margin: 0;
  letter-spacing: 0.03em;
}
.galactic-genre-card__desc {
  font-size: 0.78rem;
  color: var(--g-text-d);
  line-height: 1.5;
  margin: 0;
  flex: 1;
}
.galactic-genre-card__cta {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--g-cyan);
  margin-top: 4px;
}
.galactic-team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}
.galactic-team-card {
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.08);
  position: relative;
  transition: transform 0.2s, box-shadow 0.2s;
}
.galactic-team-card:hover {
  transform: translateY(-4px);
}
.galactic-team-card--iron {
  border-color: rgba(120, 120, 140, 0.3);
}
.galactic-team-card--iron:hover {
  box-shadow: 0 12px 40px rgba(120, 120, 140, 0.15);
}
.galactic-team-card--neon {
  border-color: rgba(0, 217, 245, 0.25);
}
.galactic-team-card--neon:hover {
  box-shadow: 0 12px 40px rgba(0, 217, 245, 0.15);
}
.galactic-team-card--shadow {
  border-color: rgba(139, 92, 246, 0.25);
}
.galactic-team-card--shadow:hover {
  box-shadow: 0 12px 40px rgba(139, 92, 246, 0.15);
}
.galactic-team-card--featured {
  border-color: #f59e0b !important;
  box-shadow: 0 0 30px rgba(245, 158, 11, 0.12);
}
.galactic-team-card__featured-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 0.6rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  color: #f59e0b;
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
  padding: 3px 10px;
  border-radius: 4px;
  z-index: 2;
  text-transform: uppercase;
}
.galactic-team-card__banner {
  width: 100%;
  height: 180px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.galactic-team-card__banner--iron {
  background-image: url("../../images/team-iron.png");
}
.galactic-team-card__banner--neon {
  background-image: url("../../images/team-neon.png");
}
.galactic-team-card__banner--shadow {
  background-image: url("../../images/team-shadow.png");
}
.galactic-team-card__body {
  padding: 16px 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.galactic-team-card__badge {
  font-size: 1.8rem;
  line-height: 1;
}
.galactic-team-card__name {
  font-family: var(--heading-font-stack);
  font-size: 1.2rem;
  font-weight: 900;
  color: var(--g-text-h);
  letter-spacing: 0.04em;
  margin: 0;
}
.galactic-team-card__motto {
  font-size: 0.78rem;
  font-style: italic;
  color: var(--g-text-d);
  margin: 0;
}
.galactic-team-card__lore {
  font-size: 0.8rem;
  color: var(--g-text-m);
  line-height: 1.55;
  margin: 4px 0 0;
}
.galactic-team-card__stats {
  display: flex;
  gap: 12px;
  font-size: 0.72rem;
  color: var(--g-text-d);
  padding: 8px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.galactic-team-card__stats strong {
  color: var(--g-text-h);
}
.galactic-team-card__join {
  display: inline-block;
  margin-top: 4px;
  font-size: 0.75rem;
  font-weight: 800;
  color: var(--g-cyan);
  text-decoration: none;
  letter-spacing: 0.05em;
}
.galactic-team-card__join:hover {
  color: var(--g-purple);
}
.galactic-team-card__join--featured {
  color: #f59e0b;
}
.galactic-team-card__join--featured:hover {
  color: var(--g-cyan);
}
.galactic-team-card__roster {
  margin-top: 8px;
}
.galactic-team-card__roster-title {
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--g-text-d);
  margin: 0 0 8px;
  font-weight: 700;
}
.galactic-team-card__member {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
  font-size: 0.78rem;
  color: var(--g-text-m);
}
.galactic-team-card__member strong {
  color: var(--g-text-h);
  display: block;
}
.galactic-team-card__member small {
  font-size: 0.65rem;
  color: var(--g-text-d);
}
.galactic-team-card__member + .galactic-team-card__member {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.galactic-team-card__member-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  flex-shrink: 0;
  background-size: cover;
  background-position: center top;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.galactic-hero--page {
  padding: 60px 0 40px;
}
.galactic-hero--page .galactic-hero__inner {
  justify-content: flex-start;
}
.galactic-awards-wrap {
  padding: 0;
}
.galactic-award-podium {
  display: grid;
  grid-template-columns: 1fr 1.1fr 1fr;
  gap: 16px;
  align-items: flex-end;
  margin-bottom: 8px;
}
@media (max-width: 720px) {
  .galactic-award-podium {
    grid-template-columns: 1fr;
  }
}
.galactic-award-card {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
  text-align: center;
  position: relative;
}
.galactic-award-card--gold {
  border-color: rgba(245, 158, 11, 0.4);
  box-shadow: 0 0 40px rgba(245, 158, 11, 0.1);
}
.galactic-award-card--silver {
  border-color: rgba(148, 163, 184, 0.3);
}
.galactic-award-card--bronze {
  border-color: rgba(205, 127, 50, 0.3);
}
.galactic-award-card__crown {
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  z-index: 2;
  filter: drop-shadow(0 0 10px rgba(245, 158, 11, 0.6));
}
.galactic-award-card__portrait {
  width: 100%;
  height: 240px;
  background-size: cover;
  background-position: center top;
}
.galactic-award-card__body {
  padding: 16px 18px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.galactic-award-card__medal {
  font-size: 2rem;
}
.galactic-award-card__name {
  font-family: var(--heading-font-stack);
  font-size: 1.3rem;
  font-weight: 900;
  color: var(--g-text-h);
  letter-spacing: 0.06em;
  margin: 0;
}
.galactic-award-card__title {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--g-text-d);
}
.galactic-award-card__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  margin: 4px 0;
}
.galactic-award-badge {
  font-size: 0.65rem;
  font-weight: 800;
  padding: 3px 8px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.galactic-award-badge--gold {
  color: #f59e0b;
  background: rgba(245, 158, 11, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.galactic-award-badge--silver {
  color: #c0c8d4;
  background: rgba(148, 163, 184, 0.1);
  border: 1px solid rgba(148, 163, 184, 0.25);
}
.galactic-award-badge--bronze {
  color: #cd8f52;
  background: rgba(205, 127, 50, 0.1);
  border: 1px solid rgba(205, 127, 50, 0.25);
}
.galactic-award-card__quote {
  font-size: 0.78rem;
  font-style: italic;
  color: var(--g-text-d);
  margin: 0;
  line-height: 1.5;
}
.galactic-award-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.galactic-award-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.galactic-award-row__icon {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  border: 1px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  flex-shrink: 0;
}
.galactic-award-row__info {
  flex: 1;
}
.galactic-award-row__title {
  font-weight: 800;
  color: var(--g-text-h);
  margin: 0 0 4px;
  font-size: 0.9rem;
}
.galactic-award-row__desc {
  font-size: 0.78rem;
  color: var(--g-text-d);
  margin: 0 0 4px;
}
.galactic-award-row__winner {
  font-size: 0.72rem;
  color: var(--g-text-m);
}
.galactic-award-row__winner strong {
  color: var(--g-cyan);
}
.galactic-award-row__badge {
  font-size: 0.65rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  flex-shrink: 0;
}
.galactic-tutorial-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}
.galactic-tutorial-card {
  border-radius: 10px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: transform 0.2s, box-shadow 0.2s;
}
.galactic-tutorial-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(139, 92, 246, 0.12);
}
.galactic-tutorial-card__thumb {
  width: 100%;
  height: 160px;
  background-size: cover;
  background-position: center;
}
.galactic-tutorial-card__body {
  padding: 14px 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.galactic-tutorial-card__tag {
  font-size: 0.65rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.galactic-tutorial-card__title {
  font-family: var(--heading-font-stack);
  font-size: 0.95rem;
  font-weight: 900;
  color: var(--g-text-h);
  margin: 0;
  letter-spacing: 0.02em;
  line-height: 1.3;
}
.galactic-tutorial-card__desc {
  font-size: 0.78rem;
  color: var(--g-text-d);
  line-height: 1.55;
  margin: 0;
  flex: 1;
}
.galactic-tutorial-card__meta {
  display: flex;
  gap: 6px;
  font-size: 0.65rem;
  color: var(--g-text-d);
  flex-wrap: wrap;
}
.galactic-tutorial-card__link {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--g-cyan);
  text-decoration: none;
  margin-top: 4px;
}
.galactic-tutorial-card__link:hover {
  color: var(--g-purple);
}
.galactic-download-hero {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, 0.3);
  background: rgba(255, 255, 255, 0.02);
  display: grid;
  grid-template-columns: 1fr 1.4fr;
}
@media (max-width: 700px) {
  .galactic-download-hero {
    grid-template-columns: 1fr;
  }
}
.galactic-download-hero__banner {
  min-height: 280px;
  background-size: cover;
  background-position: center;
}
.galactic-download-hero__body {
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.galactic-download-hero__tag {
  font-size: 0.65rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--g-green);
}
.galactic-download-hero__title {
  font-family: var(--heading-font-stack);
  font-size: 1.8rem;
  font-weight: 900;
  color: var(--g-text-h);
  letter-spacing: 0.05em;
  margin: 0;
}
.galactic-download-hero__desc {
  font-size: 0.82rem;
  color: var(--g-text-m);
  line-height: 1.6;
  margin: 0;
}
.galactic-download-hero__desc code {
  color: var(--g-cyan);
  font-size: 0.78rem;
}
.galactic-download-hero__features {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.galactic-download-hero__features span {
  font-size: 0.65rem;
  font-weight: 700;
  color: var(--g-text-d);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 3px 8px;
  border-radius: 4px;
}
.galactic-download-hero__btn {
  display: inline-flex;
  align-items: center;
  padding: 12px 24px;
  background: linear-gradient(135deg, var(--g-purple), var(--g-cyan));
  color: #fff;
  font-weight: 900;
  font-size: 0.85rem;
  border-radius: 8px;
  text-decoration: none;
  letter-spacing: 0.05em;
  margin-top: 4px;
  align-self: flex-start;
}
.galactic-download-hero__btn:hover {
  opacity: 0.85;
}
.galactic-download-hero__meta {
  font-size: 0.68rem;
  color: var(--g-text-d);
}
.galactic-resource-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
}
.galactic-resource-card {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 20px;
}
.galactic-resource-card__icon {
  font-size: 1.8rem;
  margin-bottom: 8px;
}
.galactic-resource-card__title {
  font-weight: 800;
  color: var(--g-text-h);
  font-size: 0.9rem;
  margin: 0 0 6px;
}
.galactic-resource-card__desc {
  font-size: 0.75rem;
  color: var(--g-text-d);
  line-height: 1.5;
  margin: 0 0 12px;
}
.galactic-resource-card__previews {
  display: flex;
  gap: 6px;
}
.galactic-resource-preview {
  width: 60px;
  height: 40px;
  border-radius: 4px;
  background-size: cover;
  background-position: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.galactic-theme-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}
.galactic-theme-card {
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: transform 0.2s;
}
.galactic-theme-card:hover {
  transform: translateY(-4px);
}
.galactic-theme-card--featured {
  border-color: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 30px rgba(139, 92, 246, 0.1);
}
.galactic-theme-card__preview {
  height: 180px;
  background-size: cover;
  background-position: center;
  position: relative;
}
.galactic-theme-card__badge {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 0.6rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  padding: 3px 8px;
  border-radius: 4px;
  text-transform: uppercase;
}
.galactic-theme-card__badge--new {
  color: var(--g-cyan);
  background: rgba(0, 217, 245, 0.15);
  border: 1px solid rgba(0, 217, 245, 0.35);
}
.galactic-theme-card__badge--soon {
  color: var(--g-text-d);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.galactic-theme-card__body {
  padding: 16px 18px 20px;
}
.galactic-theme-card__name {
  font-family: var(--heading-font-stack);
  font-size: 1.1rem;
  font-weight: 900;
  color: var(--g-text-h);
  margin: 0 0 8px;
  letter-spacing: 0.04em;
}
.galactic-theme-card__desc {
  font-size: 0.78rem;
  color: var(--g-text-d);
  line-height: 1.55;
  margin: 0 0 12px;
}
.galactic-theme-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 14px;
}
.galactic-theme-card__tags span {
  font-size: 0.62rem;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 3px;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.2);
  color: var(--g-purple);
}
.galactic-theme-card__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.galactic-theme-card__version {
  font-size: 0.68rem;
  color: var(--g-text-d);
}
.galactic-theme-card__btn {
  font-size: 0.72rem;
  font-weight: 800;
  color: var(--g-cyan);
  text-decoration: none;
}
.galactic-theme-card__btn:hover {
  color: var(--g-purple);
}
.galactic-theme-card__btn--disabled {
  color: var(--g-text-d);
  cursor: default;
}
.galactic-faction-lb {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 8px;
}
.galactic-faction-lb__row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.galactic-faction-lb__row--leader {
  border-color: rgba(245, 158, 11, 0.3);
  background: rgba(245, 158, 11, 0.04);
}
.galactic-faction-lb__rank {
  font-size: 0.78rem;
  font-weight: 900;
  min-width: 60px;
}
.galactic-faction-lb__banner {
  width: 56px;
  height: 36px;
  border-radius: 4px;
  background-size: cover;
  background-position: center;
  flex-shrink: 0;
}
.galactic-faction-lb__info {
  flex: 1;
}
.galactic-faction-lb__info strong {
  display: block;
  color: var(--g-text-h);
  font-size: 0.9rem;
}
.galactic-faction-lb__info span {
  font-size: 0.7rem;
  color: var(--g-text-d);
  font-style: italic;
}
.galactic-faction-lb__score {
  text-align: right;
}
.galactic-faction-lb__score span {
  display: block;
  font-family: var(--heading-font-stack);
  font-size: 1.3rem;
  font-weight: 900;
  color: var(--g-cyan);
  line-height: 1;
}
.galactic-faction-lb__score small {
  font-size: 0.6rem;
  color: var(--g-text-d);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.galactic-faction-lb__status {
  font-size: 0.68rem;
  font-weight: 800;
  min-width: 80px;
  text-align: right;
}
.galactic-rules-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 16px;
}
.galactic-rule-card {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 10px;
  padding: 20px;
}
.galactic-rule-card h4 {
  font-size: 0.9rem;
  font-weight: 800;
  color: var(--g-text-h);
  margin: 8px 0 6px;
}
.galactic-rule-card p {
  font-size: 0.78rem;
  color: var(--g-text-d);
  line-height: 1.55;
  margin: 0;
}
.galactic-rule-card__num {
  font-family: var(--heading-font-stack);
  font-size: 2rem;
  font-weight: 900;
  color: rgba(139, 92, 246, 0.3);
  line-height: 1;
}
.galactic-announce-bar {
  background: linear-gradient(90deg, rgba(139, 92, 246, 0.12) 0%, rgba(0, 217, 245, 0.08) 50%, rgba(139, 92, 246, 0.12) 100%);
  border-bottom: 1px solid rgba(139, 92, 246, 0.25);
  padding: 9px 0;
  font-size: 0.78rem;
  position: relative;
  z-index: 50;
  overflow: hidden;
}
.galactic-announce-bar__inner {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: space-between;
  flex-wrap: wrap;
}
.galactic-announce-bar__left {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
}
.galactic-announce-bar__pulse {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--g-cyan);
  flex-shrink: 0;
  box-shadow: 0 0 0 0 rgba(0, 217, 245, 0.5);
  animation: announce-pulse 2s ease-in-out infinite;
}
.galactic-announce-bar__text {
  color: var(--g-text-m);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
}
.galactic-announce-bar__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.galactic-announce-bar__btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  border-radius: 5px;
  font-size: 0.72rem;
  font-weight: 800;
  text-decoration: none;
  letter-spacing: 0.04em;
  transition: opacity 0.15s;
}
.galactic-announce-bar__btn:hover {
  opacity: 0.8;
}
.galactic-announce-bar__btn--download {
  background: rgba(0, 217, 245, 0.12);
  border: 1px solid rgba(0, 217, 245, 0.35);
  color: var(--g-cyan);
}
.galactic-announce-bar__btn--register {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.3), rgba(0, 217, 245, 0.2));
  border: 1px solid rgba(139, 92, 246, 0.5);
  color: var(--g-text-h);
}
.galactic-announce-bar__close {
  background: none;
  border: none;
  color: var(--g-text-d);
  cursor: pointer;
  font-size: 0.75rem;
  padding: 4px 6px;
  border-radius: 4px;
  line-height: 1;
}
.galactic-announce-bar__close:hover {
  color: var(--g-text-h);
  background: rgba(255, 255, 255, 0.06);
}
@keyframes announce-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 217, 245, 0.5);
  }
  70% {
    box-shadow: 0 0 0 7px rgba(0, 217, 245, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 217, 245, 0);
  }
}
.galactic-radio {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 500;
  display: flex;
  align-items: stretch;
  font-size: 0.78rem;
}
.galactic-radio__tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 14px 8px;
  background: linear-gradient(180deg, rgba(139, 92, 246, 0.9), rgba(0, 217, 245, 0.7));
  border: none;
  border-radius: 8px 0 0 8px;
  cursor: pointer;
  color: #fff;
  font-size: 0.6rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  gap: 8px;
  padding: 16px 9px;
  transition: opacity 0.2s;
  box-shadow: -2px 0 20px rgba(139, 92, 246, 0.3);
}
.galactic-radio__tab:hover {
  opacity: 0.85;
}
.galactic-radio__tab svg {
  transform: rotate(90deg);
  flex-shrink: 0;
}
.galactic-radio__tab span {
  letter-spacing: 0.15em;
}
.galactic-radio__panel {
  width: 0;
  overflow: hidden;
  background: rgba(10, 8, 28, 0.97);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-right: none;
  border-radius: 8px 0 0 8px;
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: width 0.3s ease;
  box-shadow: -4px 0 30px rgba(0, 0, 0, 0.5);
}
.galactic-radio--open .galactic-radio__panel {
  width: 240px;
}
.galactic-radio--open .galactic-radio__tab {
  border-radius: 0;
  background: linear-gradient(180deg, rgba(139, 92, 246, 0.7), rgba(0, 217, 245, 0.5));
}
.galactic-radio__header {
  padding: 14px 16px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.galactic-radio__title {
  font-family: var(--heading-font-stack);
  font-size: 0.85rem;
  font-weight: 900;
  color: var(--g-text-h);
  letter-spacing: 0.08em;
}
.galactic-radio__status {
  font-size: 0.65rem;
  color: var(--g-text-d);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.galactic-radio__station-name {
  padding: 10px 16px;
  font-size: 0.72rem;
  color: var(--g-cyan);
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  min-height: 36px;
}
.galactic-radio__genres {
  padding: 10px 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.galactic-radio__genre {
  padding: 4px 9px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: var(--g-text-d);
  font-size: 0.65rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s;
  white-space: nowrap;
}
.galactic-radio__genre:hover {
  border-color: rgba(139, 92, 246, 0.4);
  color: var(--g-text-h);
  background: rgba(139, 92, 246, 0.1);
}
.galactic-radio__genre.active {
  border-color: var(--g-purple);
  color: var(--g-purple);
  background: rgba(139, 92, 246, 0.15);
}
.galactic-radio__controls {
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.galactic-radio__btn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.05);
  color: var(--g-text-h);
  cursor: pointer;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.15s;
}
.galactic-radio__btn:hover {
  background: rgba(139, 92, 246, 0.2);
  border-color: var(--g-purple);
}
.galactic-radio__btn--play {
  background: rgba(0, 217, 245, 0.12);
  border-color: rgba(0, 217, 245, 0.35);
  color: var(--g-cyan);
}
.galactic-radio__btn--stop {
  font-size: 0.7rem;
}
.galactic-radio__volume-wrap {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--g-text-d);
}
.galactic-radio__volume {
  flex: 1;
  -webkit-appearance: none;
  height: 3px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--g-purple) 0%, rgba(255, 255, 255, 0.1) 0%);
  outline: none;
  cursor: pointer;
}
.galactic-radio__volume::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--g-cyan);
  cursor: pointer;
  box-shadow: 0 0 6px rgba(0, 217, 245, 0.5);
}
.galactic-radio__footer {
  padding: 8px 14px;
  font-size: 0.6rem;
  color: var(--g-text-d);
  text-align: center;
}
.galactic-radio__footer a {
  color: rgba(0, 217, 245, 0.5);
  text-decoration: none;
}
.galactic-radio__footer a:hover {
  color: var(--g-cyan);
}
.galactic-footer {
  border-top: 1px solid rgba(139, 92, 246, 0.15);
  background: linear-gradient(180deg, rgba(5, 4, 18, 0) 0%, rgba(5, 4, 18, 0.95) 100%);
  margin-top: 40px;
}
.galactic-footer__top {
  padding: 48px 0 36px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.galactic-footer__grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 36px;
}
@media (max-width: 900px) {
  .galactic-footer__grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 540px) {
  .galactic-footer__grid {
    grid-template-columns: 1fr;
  }
}
.galactic-footer__brand {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.galactic-footer__logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--g-text-h);
}
.galactic-footer__logo-text {
  font-family: var(--heading-font-stack);
  font-size: 1.15rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.galactic-footer__logo-text strong {
  color: var(--g-cyan);
}
.galactic-footer__tagline {
  font-size: 0.78rem;
  color: var(--g-text-d);
  line-height: 1.6;
  margin: 0;
}
.galactic-footer__rank-tiers {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}
.galactic-footer__tier {
  font-size: 0.62rem;
  font-weight: 800;
  padding: 3px 8px;
  border-radius: 4px;
  border: 1px solid;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.galactic-footer__tier--cadet {
  color: #64748b;
  border-color: rgba(100, 116, 139, 0.3);
  background: rgba(100, 116, 139, 0.08);
}
.galactic-footer__tier--scout {
  color: var(--g-green);
  border-color: rgba(60, 255, 160, 0.3);
  background: rgba(60, 255, 160, 0.06);
}
.galactic-footer__tier--knight {
  color: var(--g-cyan);
  border-color: rgba(0, 217, 245, 0.3);
  background: rgba(0, 217, 245, 0.06);
}
.galactic-footer__tier--commander {
  color: var(--g-purple);
  border-color: rgba(139, 92, 246, 0.35);
  background: rgba(139, 92, 246, 0.08);
}
.galactic-footer__tier--marshal {
  color: #f59e0b;
  border-color: rgba(245, 158, 11, 0.4);
  background: rgba(245, 158, 11, 0.08);
}
.galactic-footer__nav-title {
  font-family: var(--heading-font-stack);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--g-text-h);
  margin: 0 0 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.galactic-footer__nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.galactic-footer__link {
  font-size: 0.78rem;
  color: var(--g-text-d);
  text-decoration: none;
  transition: color 0.15s;
  display: block;
}
.galactic-footer__link:hover {
  color: var(--g-cyan);
}
.galactic-footer__link--cta {
  color: var(--g-purple);
  font-weight: 700;
}
.galactic-footer__link--cta:hover {
  color: var(--g-cyan);
}
.galactic-footer__link--download {
  color: var(--g-cyan);
  font-weight: 700;
}
.galactic-footer__link--download:hover {
  color: var(--g-purple);
}
.galactic-footer__factions {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  padding: 12px 0;
}
.galactic-footer__factions-inner {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.galactic-footer__faction-label {
  font-size: 0.65rem;
  color: var(--g-text-d);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
  margin-right: 4px;
}
.galactic-footer__faction {
  font-size: 0.7rem;
  font-weight: 800;
  text-decoration: none;
  padding: 4px 12px;
  border-radius: 4px;
  border: 1px solid;
  letter-spacing: 0.04em;
  transition: opacity 0.15s;
}
.galactic-footer__faction:hover {
  opacity: 0.75;
}
.galactic-footer__faction--iron {
  color: #94a3b8;
  border-color: rgba(148, 163, 184, 0.25);
  background: rgba(148, 163, 184, 0.06);
}
.galactic-footer__faction--neon {
  color: var(--g-cyan);
  border-color: rgba(0, 217, 245, 0.3);
  background: rgba(0, 217, 245, 0.06);
}
.galactic-footer__faction--shadow {
  color: var(--g-purple);
  border-color: rgba(139, 92, 246, 0.3);
  background: rgba(139, 92, 246, 0.06);
}
.galactic-footer__bottom {
  padding: 16px 0;
}
.galactic-footer__bottom-inner {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.galactic-footer__copy {
  font-size: 0.72rem;
  color: var(--g-text-d);
  margin: 0;
  flex: 1;
}
.galactic-footer__copy strong {
  color: var(--g-purple);
}
.galactic-footer__powered {
  font-size: 0.72rem;
  color: var(--g-text-d);
  margin: 0;
}
.galactic-footer__mybb-link {
  color: rgba(0, 217, 245, 0.7);
  text-decoration: none;
}
.galactic-footer__mybb-link:hover {
  color: var(--g-cyan);
}
.galactic-footer__top-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.65rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  color: var(--g-text-d);
  text-decoration: none;
  padding: 5px 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.03);
}
.galactic-footer__top-btn:hover {
  color: var(--g-cyan);
  border-color: rgba(0, 217, 245, 0.25);
}
.galactic-rank-legend {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 760px;
  margin: 0 auto;
}
.galactic-rank-row {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 14px 18px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.galactic-rank-row__pip {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 6px;
  border: 2px solid;
  box-shadow: 0 0 8px;
}
.galactic-rank-row__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 180px;
  flex-shrink: 0;
}
.galactic-rank-row__title {
  font-size: 0.88rem;
  font-weight: 800;
  display: block;
}
.galactic-rank-row__range {
  font-size: 0.68rem;
  font-weight: 700;
  display: block;
  color: var(--g-text-d);
}
.galactic-rank-row__desc {
  font-size: 0.78rem;
  color: var(--g-text-d);
  line-height: 1.55;
  margin: 0;
  flex: 1;
}
.galactic-rank-row--cadet .galactic-rank-row__pip {
  border-color: #64748b;
  box-shadow: 0 0 8px rgba(100, 116, 139, 0.4);
  background: #64748b;
}
.galactic-rank-row--cadet .galactic-rank-row__title {
  color: #94a3b8;
}
.galactic-rank-row--scout {
  border-color: rgba(60, 255, 160, 0.12);
}
.galactic-rank-row--scout .galactic-rank-row__pip {
  border-color: var(--g-green);
  box-shadow: 0 0 8px rgba(60, 255, 160, 0.4);
  background: var(--g-green);
}
.galactic-rank-row--scout .galactic-rank-row__title {
  color: var(--g-green);
}
.galactic-rank-row--knight {
  border-color: rgba(0, 217, 245, 0.12);
}
.galactic-rank-row--knight .galactic-rank-row__pip {
  border-color: var(--g-cyan);
  box-shadow: 0 0 8px rgba(0, 217, 245, 0.4);
  background: var(--g-cyan);
}
.galactic-rank-row--knight .galactic-rank-row__title {
  color: var(--g-cyan);
}
.galactic-rank-row--commander {
  border-color: rgba(139, 92, 246, 0.18);
}
.galactic-rank-row--commander .galactic-rank-row__pip {
  border-color: var(--g-purple);
  box-shadow: 0 0 8px rgba(139, 92, 246, 0.5);
  background: var(--g-purple);
}
.galactic-rank-row--commander .galactic-rank-row__title {
  color: var(--g-purple);
}
.galactic-rank-row--marshal {
  border-color: rgba(245, 158, 11, 0.2);
  background: rgba(245, 158, 11, 0.04);
}
.galactic-rank-row--marshal .galactic-rank-row__pip {
  border-color: #f59e0b;
  box-shadow: 0 0 8px rgba(245, 158, 11, 0.6);
  background: #f59e0b;
}
.galactic-rank-row--marshal .galactic-rank-row__title {
  color: #f59e0b;
}
.galactic-staff-group {
  margin-bottom: 40px;
}
.galactic-staff-group:last-child {
  margin-bottom: 0;
}
.galactic-staff-group__header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.galactic-staff-group__title {
  font-family: var(--heading-font-stack);
  font-size: 1.1rem;
  font-weight: 900;
  color: var(--g-text-h);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin: 0;
}
.galactic-staff-group__count {
  font-size: 0.65rem;
  font-weight: 700;
  color: var(--g-text-d);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 2px 8px;
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.galactic-staff-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
}
.galactic-staff-card {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 10px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.galactic-staff-card:hover {
  border-color: rgba(139, 92, 246, 0.25);
  box-shadow: 0 6px 24px rgba(139, 92, 246, 0.08);
}
.galactic-staff-card__avatar-wrap {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: fit-content;
}
.galactic-staff-card__avatar-link {
  display: block;
  border-radius: 50%;
}
.galactic-staff-card .galactic-staff-card__avatar {
  border-radius: 50%;
  border: 2px solid rgba(139, 92, 246, 0.3);
  transition: border-color 0.2s;
  display: block;
  width: 52px;
  height: 52px;
  object-fit: cover;
}
.galactic-staff-card .galactic-staff-card__avatar:hover {
  border-color: var(--g-cyan);
}
.galactic-staff-card__status {
  position: absolute;
  bottom: 1px;
  right: 1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid rgba(8, 6, 24, 0.9);
}
.galactic-staff-card__status--online {
  background: var(--g-green);
  box-shadow: 0 0 6px rgba(60, 255, 160, 0.6);
}
.galactic-staff-card__status--offline {
  background: #475569;
}
.galactic-staff-card__status--away {
  background: #f59e0b;
}
.galactic-staff-card__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.galactic-staff-card__name {
  font-family: var(--heading-font-stack);
  font-size: 1rem;
  font-weight: 900;
  margin: 0;
  letter-spacing: 0.03em;
}
.galactic-staff-card__name a {
  color: var(--g-text-h);
  text-decoration: none;
}
.galactic-staff-card__name a:hover {
  color: var(--g-cyan);
}
.galactic-staff-card__meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.galactic-staff-card__meta-label {
  font-size: 0.62rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--g-text-d);
  font-weight: 700;
}
.galactic-staff-card__meta-value {
  font-size: 0.74rem;
  color: var(--g-text-m);
}
.galactic-staff-card__forum-link {
  color: var(--g-cyan);
  text-decoration: none;
}
.galactic-staff-card__forum-link:hover {
  color: var(--g-purple);
}
.galactic-staff-card__visit {
  font-size: 0.68rem;
  color: var(--g-text-d);
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.galactic-staff-card__visit-label {
  font-weight: 600;
}
.galactic-staff-card__visit-val {
  color: var(--g-text-m);
}
.galactic-staff-card__actions {
  display: flex;
  gap: 6px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding-top: 10px;
}
.galactic-staff-card__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--g-text-d);
  text-decoration: none;
  transition: all 0.15s;
}
.galactic-staff-card__action:hover {
  background: rgba(139, 92, 246, 0.15);
  border-color: rgba(139, 92, 246, 0.3);
  color: var(--g-purple);
}
.galactic-staff-card__action--profile {
  margin-left: auto;
}
.forum__subforums {
  padding: 4px 12px 8px;
  margin: 0;
  font-size: 0.78rem;
  color: var(--alt-font-color-2);
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.forum__subforum {
  display: inline-flex;
  align-items: center;
  padding: 2px 7px;
  background: var(--background-2);
  border: 1px solid var(--border-color-1);
  border-radius: 3px;
  font-size: 0.76rem;
  color: var(--alt-font-color-1);
  transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}
.forum__subforum a {
  color: inherit;
  text-decoration: none;
}
.forum__subforum a:hover {
  color: var(--primary-color);
  text-decoration: none;
}
.forum__subforum:hover {
  background: var(--background-3);
  border-color: var(--border-color-2);
}
.forum__subforum__status {
  margin-right: 4px;
  font-size: 0.7rem;
  color: var(--alt-font-color-3);
}
.forum__subforum__status.subforum_minion {
  color: var(--status-new-icon-color);
}
/*  Thread row styles and grid layout

    Thread rows MUST have a modifier in addition to base .thread class
    .thread--default         for the usual thread listing
    .thread--search-posts    for post search results
    .thread--search-threads  for thread search results
    .thread--compact         for thread listing where there is a sidebar or menu
    .thread--message         for message listing in private messenger
*/
.thread {
  display: grid;
  align-items: center;
  --replies-column-width: 100px;
  --avatar-width: 40px;
  --latest-column-width: auto;
  --text-overflow-max-width: 200px;
}
@media only screen and (min-width: 768px) {
  .thread {
    --latest-column-width: 160px;
    --text-overflow-max-width: 180px;
  }
}
@media only screen and (min-width: 1200px) {
  .thread {
    --latest-column-width: 200px;
  }
}
.thread__title {
  grid-area: title;
}
.thread__icons {
  grid-area: icons;
}
.thread__author {
  grid-area: author;
}
.thread__notification {
  grid-area: author;
}
.thread__forum {
  grid-area: forum;
}
.thread__message {
  grid-area: message;
}
.thread__folder {
  grid-area: folder;
}
.thread__pages {
  grid-area: pages;
}
.thread__replies {
  grid-area: replies;
}
.thread__views {
  display: none;
  grid-area: views;
}
@media only screen and (min-width: 1200px) {
  .thread__views {
    display: block;
  }
}
.thread__avatar {
  grid-area: avatar;
}
.thread__date, .thread__latest {
  grid-area: latest;
}
.thread__checkbox {
  grid-area: check;
  text-align: right;
}
.column-headings--thread-list {
  gap: var(--spacing-1) var(--spacing-4);
}
@media only screen and (min-width: 768px) {
  .column-headings--thread-list {
    gap: var(--spacing-1) var(--spacing-5);
  }
}
.column-headings--thread-list .thread__latest {
  text-align: right;
}
.column-headings--thread-list.thread--default, .thread-list .column-headings--thread-list.thread--search-threads, .column-headings--thread-list.thread--search-posts, .column-headings--thread-list.thread--search-threads {
  grid-template-columns: auto auto 1fr min-content;
  grid-template-areas: "title replies latest check";
}
@media only screen and (min-width: 768px) {
  .column-headings--thread-list.thread--default, .thread-list .column-headings--thread-list.thread--search-threads, .column-headings--thread-list.thread--search-posts, .column-headings--thread-list.thread--search-threads {
    grid-template-columns: min-content auto 1fr calc(var(--avatar-width) + var(--spacing-5) + var(--latest-column-width)) min-content;
    grid-template-areas: "title author replies latest check";
    padding-left: var(--spacing-8);
  }
  .column-headings--thread-list.thread--default .thread__latest, .thread-list .column-headings--thread-list.thread--search-threads .thread__latest, .column-headings--thread-list.thread--search-posts .thread__latest, .column-headings--thread-list.thread--search-threads .thread__latest {
    text-align: left;
  }
  .column-headings--thread-list.thread--default .sort-results__link--title, .thread-list .column-headings--thread-list.thread--search-threads .sort-results__link--title, .column-headings--thread-list.thread--default .sort-results__link--latest, .thread-list .column-headings--thread-list.thread--search-threads .sort-results__link--latest, .column-headings--thread-list.thread--search-posts .sort-results__link--title, .column-headings--thread-list.thread--search-posts .sort-results__link--latest, .column-headings--thread-list.thread--search-threads .sort-results__link--title, .column-headings--thread-list.thread--search-threads .sort-results__link--latest {
    margin-left: calc(-1 * var(--spacing-3));
  }
}
@media only screen and (min-width: 1200px) {
  .column-headings--thread-list.thread--default, .thread-list .column-headings--thread-list.thread--search-threads, .column-headings--thread-list.thread--search-posts, .column-headings--thread-list.thread--search-threads {
    grid-template-columns: min-content 1fr var(--replies-column-width) calc(var(--avatar-width) + var(--spacing-5) + var(--latest-column-width)) min-content;
  }
  .column-headings--thread-list.thread--default .sort-results__link--replies, .thread-list .column-headings--thread-list.thread--search-threads .sort-results__link--replies, .column-headings--thread-list.thread--search-posts .sort-results__link--replies, .column-headings--thread-list.thread--search-threads .sort-results__link--replies {
    margin-left: calc(-1 * var(--spacing-3));
  }
}
.column-headings--thread-list.thread--default .thread__author, .thread-list .column-headings--thread-list.thread--search-threads .thread__author, .column-headings--thread-list.thread--default .thread__forum, .thread-list .column-headings--thread-list.thread--search-threads .thread__forum, .column-headings--thread-list.thread--default .sort-results__link--author, .thread-list .column-headings--thread-list.thread--search-threads .sort-results__link--author, .column-headings--thread-list.thread--search-posts .thread__author, .column-headings--thread-list.thread--search-posts .thread__forum, .column-headings--thread-list.thread--search-posts .sort-results__link--author, .column-headings--thread-list.thread--search-threads .thread__author, .column-headings--thread-list.thread--search-threads .thread__forum, .column-headings--thread-list.thread--search-threads .sort-results__link--author {
  display: none;
}
@media only screen and (min-width: 768px) {
  .column-headings--thread-list.thread--default .thread__author, .thread-list .column-headings--thread-list.thread--search-threads .thread__author, .column-headings--thread-list.thread--default .thread__forum, .thread-list .column-headings--thread-list.thread--search-threads .thread__forum, .column-headings--thread-list.thread--default .sort-results__link--author, .thread-list .column-headings--thread-list.thread--search-threads .sort-results__link--author, .column-headings--thread-list.thread--search-posts .thread__author, .column-headings--thread-list.thread--search-posts .thread__forum, .column-headings--thread-list.thread--search-posts .sort-results__link--author, .column-headings--thread-list.thread--search-threads .thread__author, .column-headings--thread-list.thread--search-threads .thread__forum, .column-headings--thread-list.thread--search-threads .sort-results__link--author {
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) {
  .column-headings--thread-list.thread--search-posts {
    grid-template-areas: "title forum replies latest check";
  }
}
.column-headings--thread-list.thread--search-posts .sort-results__link--author {
  margin-right: var(--spacing-5);
}
@media only screen and (min-width: 768px) {
  .column-headings--thread-list.thread--search-threads {
    grid-template-columns: min-content min-content auto 1fr calc(var(--avatar-width) + var(--spacing-5) + var(--latest-column-width)) min-content;
    grid-template-areas: "title author forum replies latest check";
  }
}
@media only screen and (min-width: 1200px) {
  .column-headings--thread-list.thread--search-threads {
    grid-template-columns: min-content min-content 1fr var(--replies-column-width) calc(var(--avatar-width) + var(--spacing-5) + var(--latest-column-width)) min-content;
  }
}
.column-headings--thread-list.thread--compact .thread__latest, .column-headings--thread-list.thread--message .thread__latest {
  text-align: right;
}
@media only screen and (min-width: 1200px) {
  .column-headings--thread-list.thread--compact .thread__latest, .column-headings--thread-list.thread--message .thread__latest {
    text-align: left;
  }
}
.column-headings--thread-list.thread--compact {
  grid-template-columns: auto auto 1fr min-content;
  grid-template-areas: "title replies latest check";
}
.column-headings--thread-list.thread--compact .thread__author {
  display: none;
}
@media only screen and (min-width: 768px) {
  .column-headings--thread-list.thread--compact {
    grid-template-columns: var(--avatar-width) auto auto 1fr min-content;
    grid-template-areas: "avatar title replies latest check";
  }
}
@media only screen and (min-width: 1200px) {
  .column-headings--thread-list.thread--compact {
    grid-template-columns: min-content 1fr var(--replies-column-width) calc(var(--avatar-width) + var(--spacing-5) + var(--latest-column-width)) min-content;
    grid-template-areas: "title author replies latest check";
    padding-left: var(--spacing-8);
  }
  .column-headings--thread-list.thread--compact .thread__author {
    display: inline-block;
  }
}
.column-headings--thread-list.thread--message {
  grid-template-columns: auto auto 1fr min-content;
  grid-template-areas: "title author latest check";
}
@media only screen and (min-width: 768px) {
  .column-headings--thread-list.thread--message {
    grid-template-columns: var(--avatar-width) auto auto 1fr min-content;
    grid-template-areas: "avatar title author latest check";
  }
  .column-headings--thread-list.thread--message .sort-results__link--title {
    margin-left: calc(-1 * var(--spacing-3));
  }
}
@media only screen and (min-width: 1200px) {
  .column-headings--thread-list.thread--message {
    grid-template-columns: var(--avatar-width) auto 1fr var(--latest-column-width) min-content;
    grid-template-areas: "avatar title author latest check";
  }
  .column-headings--thread-list.thread--message .sort-results__link--date {
    margin-left: calc(-1 * var(--spacing-3));
  }
}
.thread-list--announcements, .thread-list--sticky-threads {
  border-bottom: var(--border-width-thick) solid var(--border-color-2);
}
.thread-list--announcements :last-child, .thread-list--sticky-threads :last-child {
  border-bottom: none;
}
.thread-list__select-all {
  display: none;
  padding: var(--spacing-4);
  text-align: center;
  border-bottom: var(--border-width-thick) solid var(--border-color-2);
}
.thread-list .thread {
  position: relative;
  display: grid;
  gap: var(--spacing-1) var(--spacing-4);
}
@media only screen and (min-width: 768px) {
  .thread-list .thread {
    gap: var(--spacing-1) var(--spacing-5);
  }
}
.thread-list .thread--default, .thread-list .thread--search-threads {
  grid-template-columns: var(--avatar-width) auto 1fr min-content;
  grid-template-areas: "avatar title title check" "avatar replies icons icons" "avatar latest latest latest";
}
@media only screen and (min-width: 768px) {
  .thread-list .thread--default, .thread-list .thread--search-threads {
    grid-template-columns: auto 1fr auto var(--avatar-width) var(--latest-column-width) min-content;
    grid-template-areas: "title title icons avatar latest check" "author replies pages avatar latest check";
    padding-left: var(--spacing-8);
  }
}
@media only screen and (min-width: 1200px) {
  .thread-list .thread--default, .thread-list .thread--search-threads {
    grid-template-columns: 1fr auto var(--replies-column-width) var(--avatar-width) var(--latest-column-width) min-content;
    grid-template-areas: "title icons replies avatar latest check" "author pages views avatar latest check";
  }
}
.thread-list .thread--search-posts {
  grid-template-columns: var(--avatar-width) auto 1fr min-content;
  grid-template-areas: "avatar title title check" "avatar forum replies icons" "avatar latest latest latest" "message message message message";
}
@media only screen and (min-width: 768px) {
  .thread-list .thread--search-posts {
    grid-template-columns: auto 1fr auto var(--avatar-width) var(--latest-column-width) min-content;
    grid-template-areas: "title title icons avatar latest check" "forum replies pages avatar latest check" "message message message message message message";
    padding-left: var(--spacing-8);
  }
}
@media only screen and (min-width: 1200px) {
  .thread-list .thread--search-posts {
    grid-template-columns: 1fr auto var(--replies-column-width) var(--avatar-width) var(--latest-column-width) min-content;
    grid-template-areas: "title icons replies avatar latest check" "forum forum views avatar latest check" "message message message message message message";
  }
}
.thread-list .thread--compact {
  grid-template-columns: var(--avatar-width) auto 1fr min-content;
  grid-template-areas: "avatar title title check" "avatar replies icons icons" "avatar latest latest latest" "avatar author author author";
}
@media only screen and (min-width: 768px) {
  .thread-list .thread--compact {
    grid-template-columns: var(--avatar-width) auto 1fr min-content;
    grid-template-areas: "avatar title title check" "avatar replies icons icons" "avatar latest latest latest" "avatar author author author";
  }
}
@media only screen and (min-width: 1200px) {
  .thread-list .thread--compact {
    grid-template-columns: 1fr auto var(--replies-column-width) var(--avatar-width) var(--latest-column-width) min-content;
    grid-template-areas: "title icons replies avatar latest check" "author pages views avatar latest check";
    padding-left: var(--spacing-8);
  }
}
.thread-list .thread--compact .thread__author {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .thread-list .thread--compact .thread__author {
    display: block;
  }
}
.thread-list .thread--compact a.thread__jump {
  margin-left: var(--spacing-2);
  font-size: var(--font-size-smaller);
  color: var(--status-new-icon-color);
}
@media only screen and (min-width: 1200px) {
  .thread-list .thread--compact a.thread__jump {
    position: absolute;
    top: var(--spacing-4);
    left: var(--spacing-4);
    margin-left: 0;
    font-size: var(--font-size-regular);
  }
}
@media only screen and (max-width: 1199px) {
  .thread-list .thread--compact .thread__avatar {
    align-self: self-start;
  }
}
.thread-list .thread--compact .latest-post {
  font-size: var(--font-size-small);
  vertical-align: top;
}
.thread-list .thread--compact .latest-post__text {
  display: inline;
  font-size: var(--font-size-smaller);
  color: var(--alt-font-color-2);
  vertical-align: top;
}
@media only screen and (min-width: 1200px) {
  .thread-list .thread--compact .latest-post__text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
  }
}
.thread-list .thread--compact .latest-post__author {
  display: inline-block;
  max-width: var(--text-overflow-max-width);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
  font-size: var(--font-size-smaller);
}
@media only screen and (max-width: 1199px) {
  .thread-list .thread--compact .latest-post__author a:link, .thread-list .thread--compact .latest-post__author a:visited {
    color: var(--alt-font-color-1);
  }
}
@media only screen and (min-width: 1200px) {
  .thread-list .thread--compact .latest-post__author {
    display: block;
    font-size: var(--font-size-small);
    width: var(--latest-column-width);
  }
}
.thread-list .thread--compact .latest-post__date {
  font-size: var(--font-size-smaller);
  color: var(--alt-font-color-2);
  vertical-align: top;
}
@media only screen and (min-width: 1200px) {
  .thread-list .thread--compact .latest-post__date {
    display: block;
    color: var(--alt-font-color-1);
  }
}
.thread-list .thread--message {
  grid-template-columns: var(--avatar-width) auto 1fr min-content;
  grid-template-areas: "avatar title icons check" "avatar author icons check" "avatar folder icons check" "avatar latest icons check";
}
@media only screen and (min-width: 768px) {
  .thread-list .thread--message {
    grid-template-columns: var(--avatar-width) auto 1fr auto min-content;
    grid-template-areas: "avatar title title icons check" "avatar author latest icons check" "avatar folder folder icons check";
  }
}
@media only screen and (min-width: 1200px) {
  .thread-list .thread--message {
    grid-template-columns: var(--avatar-width) 1fr auto var(--latest-column-width) min-content;
    grid-template-areas: "avatar title icons latest check" "avatar author icons latest check" "avatar folder icons latest check";
  }
}
.thread-list .thread--message .thread__avatar {
  align-self: self-start;
}
.thread-list .thread--default .thread__author, .thread-list .thread--search-threads .thread__author, .thread-list .thread--default .thread__pages, .thread-list .thread--search-threads .thread__pages, .thread-list .thread--search-posts .thread__author, .thread-list .thread--search-posts .thread__pages {
  display: none;
}
@media only screen and (min-width: 768px) {
  .thread-list .thread--default .thread__author, .thread-list .thread--search-threads .thread__author, .thread-list .thread--default .thread__pages, .thread-list .thread--search-threads .thread__pages, .thread-list .thread--search-posts .thread__author, .thread-list .thread--search-posts .thread__pages {
    display: block;
  }
}
.thread-list .thread--default a.thread__jump, .thread-list .thread--search-threads a.thread__jump, .thread-list .thread--search-posts a.thread__jump {
  margin-left: var(--spacing-2);
  font-size: var(--font-size-smaller);
  color: var(--status-new-icon-color);
}
@media only screen and (min-width: 768px) {
  .thread-list .thread--default a.thread__jump, .thread-list .thread--search-threads a.thread__jump, .thread-list .thread--search-posts a.thread__jump {
    position: absolute;
    top: var(--spacing-4);
    left: var(--spacing-4);
    margin-left: 0;
    font-size: var(--font-size-regular);
  }
}
.thread-list .thread--default .latest-post, .thread-list .thread--search-threads .latest-post, .thread-list .thread--search-posts .latest-post {
  font-size: var(--font-size-small);
  vertical-align: top;
}
.thread-list .thread--default .latest-post__text, .thread-list .thread--search-threads .latest-post__text, .thread-list .thread--search-posts .latest-post__text {
  display: inline;
  font-size: var(--font-size-smaller);
  color: var(--alt-font-color-2);
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .thread-list .thread--default .latest-post__text, .thread-list .thread--search-threads .latest-post__text, .thread-list .thread--search-posts .latest-post__text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
  }
}
.thread-list .thread--default .latest-post__author, .thread-list .thread--search-threads .latest-post__author, .thread-list .thread--search-posts .latest-post__author {
  display: inline-block;
  max-width: var(--text-overflow-max-width);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
  font-size: var(--font-size-smaller);
}
@media only screen and (max-width: 767px) {
  .thread-list .thread--default .latest-post__author a:link, .thread-list .thread--search-threads .latest-post__author a:link, .thread-list .thread--default .latest-post__author a:visited, .thread-list .thread--search-threads .latest-post__author a:visited, .thread-list .thread--search-posts .latest-post__author a:link, .thread-list .thread--search-posts .latest-post__author a:visited {
    color: var(--alt-font-color-1);
  }
}
@media only screen and (min-width: 768px) {
  .thread-list .thread--default .latest-post__author, .thread-list .thread--search-threads .latest-post__author, .thread-list .thread--search-posts .latest-post__author {
    display: block;
    font-size: var(--font-size-small);
    width: var(--latest-column-width);
  }
}
.thread-list .thread--default .latest-post__date, .thread-list .thread--search-threads .latest-post__date, .thread-list .thread--search-posts .latest-post__date {
  font-size: var(--font-size-smaller);
  color: var(--alt-font-color-2);
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .thread-list .thread--default .latest-post__date, .thread-list .thread--search-threads .latest-post__date, .thread-list .thread--search-posts .latest-post__date {
    display: block;
    color: var(--alt-font-color-1);
  }
}
@media only screen and (max-width: 767px) {
  .thread-list .thread--default .thread__avatar, .thread-list .thread--search-threads .thread__avatar, .thread-list .thread--search-posts .thread__avatar {
    align-self: self-start;
  }
}
.thread-list .thread--announcement .thread__subject {
  display: block;
}
@media only screen and (min-width: 768px) {
  .thread-list .thread--announcement .thread__subject {
    display: inline-block;
  }
}
.thread-list .thread--announcement .thread__author {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .thread-list .thread--announcement .thread__author {
    margin-left: var(--spacing-3);
  }
}
.thread-list .thread--announcement .thread__date {
  display: inline-block;
  font-size: var(--font-size-smaller);
  color: var(--alt-font-color-2);
  vertical-align: middle;
}
.thread-list .thread--announcement .thread__jump {
  position: absolute;
  top: var(--spacing-4);
  left: var(--spacing-6);
  font-size: var(--font-size-small);
  color: var(--alt-font-color-2);
}
@media only screen and (min-width: 768px) {
  .thread-list .thread--announcement .thread__jump {
    left: var(--spacing-4);
  }
}
.post-list {
  clear: both;
}
.post {
  margin-bottom: var(--spacing-6);
  background-color: var(--background-default);
  border: var(--border-width-base) solid var(--border-color-1);
  border-radius: var(--border-radius);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
}
@media only screen and (min-width: 480px) {
  .post {
    margin-left: 80px;
    min-height: 40px;
  }
}
@media only screen and (min-width: 480px) and (min-width: 480px) {
  .post {
    min-height: 70px;
  }
}
@media only screen and (min-width: 480px) and (min-width: 768px) {
  .post {
    min-height: 100px;
  }
}
@media only screen and (min-width: 768px) {
  .post {
    margin-left: 110px;
  }
}
.post--no-avatar {
  margin-left: 0;
}
.post__meta {
  padding: var(--spacing-4) var(--spacing-5) var(--spacing-1) var(--spacing-5);
}
.post__author {
  margin: 0;
  font-size: var(--font-size-regular);
}
@media only screen and (min-width: 480px) {
  .post__author {
    display: inline-block;
  }
}
.post__date, .post__topic {
  font-size: var(--font-size-smaller);
  color: var(--alt-font-color-1);
}
.post__date:link, .post__date:visited, .post__topic:link, .post__topic:visited {
  color: var(--alt-font-color-1);
}
@media only screen and (min-width: 480px) {
  .post__date, .post__topic {
    margin: 0 0 0 var(--spacing-3);
  }
}
.post__edit-log {
  margin-left: var(--spacing-2);
  font-size: var(--font-size-smaller);
}
.post__edit-log:link, .post__edit-log:visited {
  color: var(--alt-font-color-2);
}
.post__edit-log:hover {
  color: var(--link-hover-color);
}
.post__edit-reason {
  color: var(--alt-font-color-1);
  margin-left: var(--spacing-2);
  font-size: var(--font-size-smaller);
}
.post__ip-address {
  float: right;
  font-size: var(--font-size-smaller);
}
.post__ip-address:link, .post__ip-address:visited {
  color: var(--alt-font-color-2);
}
.post__ip-address:hover {
  color: var(--link-hover-color);
}
.post__messenger-meta {
  padding: 0 0 var(--spacing-2) 0;
  font-size: var(--font-size-small);
  color: var(--alt-font-color-1);
  border-bottom: var(--border-width-base) solid var(--border-color-3);
}
.post__inline-mod {
  float: right;
  margin: -20px 0 0 var(--spacing-3);
}
@media only screen and (min-width: 480px) {
  .post__inline-mod {
    margin-top: var(--spacing-3);
  }
}
.post__badge {
  display: none;
}
@media only screen and (min-width: 768px) {
  .post__badge {
    display: inline;
  }
}
.post .avatar-profile-link {
  float: left;
  margin: 5px 10px 0 0;
  border-radius: var(--border-radius);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
  width: 40px;
  height: 40px;
}
.post .avatar-profile-link .avatar {
  width: 40px;
  height: 40px;
}
.post .avatar-profile-link .avatar__icon {
  font-size: 20px;
}
.post .avatar-profile-link .avatar__initial {
  font-size: 21.0526315789px;
}
@media only screen and (min-width: 480px) {
  .post .avatar-profile-link {
    float: left;
    margin: -13px 0 0 -100px;
    width: 70px;
    height: 70px;
  }
  .post .avatar-profile-link .avatar {
    width: 70px;
    height: 70px;
  }
  .post .avatar-profile-link .avatar__icon {
    font-size: 35px;
  }
  .post .avatar-profile-link .avatar__initial {
    font-size: 36.8421052632px;
  }
}
@media only screen and (min-width: 768px) {
  .post .avatar-profile-link {
    margin-left: -130px;
    width: 100px;
    height: 100px;
  }
  .post .avatar-profile-link .avatar {
    width: 100px;
    height: 100px;
  }
  .post .avatar-profile-link .avatar__icon {
    font-size: 50px;
  }
  .post .avatar-profile-link .avatar__initial {
    font-size: 52.6315789474px;
  }
}
.post__body {
  padding: var(--spacing-3) var(--spacing-5) var(--spacing-5) var(--spacing-5);
}
.post__body img {
  max-width: 100%;
}
.post__body--message {
  color: var(--alt-font-color-1);
}
.post__body textarea {
  box-sizing: border-box;
  width: 100% !important;
}
.post__body .editreason {
  margin-top: var(--spacing-3);
  margin-bottom: var(--spacing-3);
  font-size: var(--font-size-small);
  color: var(--alt-font-color-1);
}
.post__body .editreason label {
  cursor: pointer;
}
.post__body button[type="submit"] {
  margin-left: 0;
}
.post__body button[type="cancel"] {
  margin-left: var(--spacing-4);
}
.post .quote, .post .codeblock, .post blockquote, .post .attachments {
  padding: var(--spacing-4) var(--spacing-5);
  margin: var(--spacing-2) 0;
  font-size: var(--font-size-small);
  background: var(--background-2);
  border-radius: var(--border-radius);
}
.post .quote .quote, .post .quote .codeblock, .post .quote blockquote, .post .codeblock .quote, .post .codeblock .codeblock, .post .codeblock blockquote, .post blockquote .quote, .post blockquote .codeblock, .post blockquote blockquote, .post .attachments .quote, .post .attachments .codeblock, .post .attachments blockquote {
  border: var(--border-width-base) solid var(--border-color-1);
}
.post .quote__cite, .post .quote__title, .post .quote cite, .post .codeblock__cite, .post .codeblock__title, .post .codeblock cite, .post blockquote__cite, .post blockquote__title, .post blockquote cite, .post .attachments__cite, .post .attachments__title, .post .attachments cite {
  display: block;
  margin-top: 0;
  margin-bottom: var(--spacing-2);
  font-style: normal;
  font-weight: var(--font-weight-semibold);
  color: var(--alt-font-color-1);
}
.post .quote__jump, .post .codeblock__jump, .post blockquote__jump, .post .attachments__jump {
  margin-left: var(--spacing-2);
}
.post .quote__date, .post .codeblock__date, .post blockquote__date, .post .attachments__date {
  float: right;
  font-size: var(--font-size-smaller);
  font-weight: var(--font-weight-normal);
}
.post .attachments {
  margin-top: var(--spacing-6);
}
.post .attachments__subtitle {
  margin: 0;
  font-size: var(--font-size-smaller);
  font-weight: var(--font-weight-medium);
}
.post .attachment {
  margin: var(--spacing-3) 0;
}
.post .attachment--image {
  box-sizing: border-box;
  padding: var(--spacing-2);
  background: var(--background-default);
  border: var(--border-width-base) solid var(--border-color-1);
}
.post .attachment__icon {
  margin-right: var(--spacing-3);
}
.post .attachment__data {
  margin-left: var(--spacing-3);
  font-size: var(--font-size-smaller);
  color: var(--alt-font-color-1);
}
.post__signature {
  padding-top: var(--spacing-3);
  margin-top: var(--spacing-5);
  font-size: var(--font-size-smaller);
  border-top: var(--border-width-base) solid var(--border-color-3);
}
.post__foot {
  padding: var(--spacing-2) var(--spacing-4) var(--spacing-3) var(--spacing-4);
  margin: 0;
  list-style: none;
  background: var(--background-1);
  border-top: var(--border-width-base) solid var(--border-color-3);
  border-radius: 0 0 calc(var(--border-radius) - var(--border-width-base)) calc(var(--border-radius) - var(--border-width-base));
}
.post__foot--controls {
  display: flex;
  justify-content: space-between;
}
.post--highlight, .post.trow_selected, .post--soft-deleted, .post--awaiting-approval, .post.unapproved_post {
  margin: calc(var(--border-width-base) - var(--border-width-thick)) calc(var(--border-width-base) - var(--border-width-thick)) calc(var(--spacing-6) - calc(var(--border-width-thick) - var(--border-width-base))) calc(var(--border-width-base) - var(--border-width-thick));
  border-width: var(--border-width-thick);
}
@media only screen and (min-width: 480px) {
  .post--highlight, .post.trow_selected, .post--soft-deleted, .post--awaiting-approval, .post.unapproved_post {
    margin-left: 79px;
  }
}
@media only screen and (min-width: 768px) {
  .post--highlight, .post.trow_selected, .post--soft-deleted, .post--awaiting-approval, .post.unapproved_post {
    margin-left: 109px;
  }
}
.post--highlight, .post.trow_selected {
  border-color: var(--secondary-color);
}
.post--deleted, .post.deleted_post, .post.unapproved_post.deleted_post {
  border-color: var(--status-deleted-border-color);
}
.post--awaiting-approval, .post.unapproved_post {
  border-color: var(--status-pending-border-color);
}
.post--message {
  background: var(--background-1);
}
.post__message-button {
  display: none;
  margin: var(--spacing-2) calc(-1 * var(--spacing-2)) 0 calc(-1 * var(--spacing-2));
}
@media only screen and (min-width: 480px) {
  .post--hidden .avatar-profile-link {
    margin-left: -80px;
    width: 50px;
    height: 50px;
  }
  .post--hidden .avatar-profile-link .avatar {
    width: 50px;
    height: 50px;
  }
  .post--hidden .avatar-profile-link .avatar__icon {
    font-size: 25px;
  }
  .post--hidden .avatar-profile-link .avatar__initial {
    font-size: 26.3157894737px;
  }
}
.post--hidden .post__meta {
  padding-bottom: var(--spacing-1);
}
.post--hidden .post__body, .post--hidden .post__controls {
  display: none;
}
.user-status {
  display: inline-block;
  margin-left: var(--spacing-1);
  font-size: var(--font-size-smallest);
  vertical-align: middle;
}
.user-status--offline {
  color: var(--alt-font-color-3);
}
.user-status--online {
  color: var(--success-color);
}
.user-status--online .user-status__link {
  color: var(--success-color);
}
.user-status--away {
  color: var(--danger-color);
}
.user-status--away .user-status__link {
  color: var(--danger-color);
}
.highlight {
  padding-top: var(--spacing-1);
  padding-bottom: var(--spacing-1);
  background: var(--text-highlight-color);
}
.poll {
  margin-bottom: var(--spacing-6);
}
.poll__tag {
  display: inline-block;
  float: right;
  padding: var(--spacing-2) var(--spacing-3);
  margin-right: calc(-1 * var(--spacing-2));
  font-size: var(--font-size-smallest);
  font-weight: var(--font-weight-normal);
  text-transform: uppercase;
  border: var(--border-width-base) solid var(--invert-color);
  border-radius: var(--border-radius);
}
.poll__options {
  padding: 0;
}
.poll__row {
  padding-top: var(--spacing-3);
  padding-bottom: var(--spacing-3);
}
.poll__row--cast-vote {
  padding: 0;
}
.poll__row--cast-vote .poll__input {
  float: left;
  margin: 6px 0 0 -26px;
}
.poll__row--cast-vote label {
  display: block;
  padding: 10px 12px 12px 40px;
  cursor: pointer;
}
.poll__your-vote {
  margin-left: var(--spacing-2);
  color: var(--primary-color);
}
.poll__option {
  float: left;
  margin-bottom: var(--spacing-3);
}
.poll__votes {
  position: relative;
  box-sizing: border-box;
  height: var(--spacing-6);
  margin: var(--spacing-3) 0;
  clear: both;
  background: var(--background-1);
  border-radius: var(--border-radius);
}
.poll__bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  box-sizing: border-box;
  background: var(--primary-color);
  border-radius: var(--border-radius);
}
.poll__count {
  float: right;
  margin-bottom: var(--spacing-3);
  font-size: var(--font-size-small);
}
.poll__users {
  font-size: var(--font-size-small);
}
.poll__vote {
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .poll__total {
    order: -1;
  }
}
.user-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  gap: var(--spacing-5);
  margin-bottom: var(--spacing-6);
}
.user-list--has-container {
  padding: var(--spacing-4);
  margin-bottom: 0;
  border-bottom: var(--border-width-base) solid var(--border-color-1);
}
.user-list__user {
  position: relative;
  box-sizing: border-box;
  flex-basis: 100%;
  padding: var(--spacing-4) var(--spacing-5);
  background: var(--background-default);
  border: var(--border-width-base) solid var(--border-color-1);
  border-radius: var(--border-radius);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
}
@media only screen and (min-width: 768px) {
  .user-list__user {
    flex-basis: calc(50% - calc(var(--spacing-5) / 2));
  }
}
.user-list__user--selected, .user-list__user:has(.checkbox--select-user:checked) {
  background-color: var(--status-highlight-background-color);
  border-color: var(--status-highlight-border-color);
}
.user-list--single-column .user-list__user {
  width: 100%;
}
.user-list .avatar-profile-link {
  float: left;
  margin: 0 var(--spacing-5) 0 0;
}
.user-list__checkbox {
  position: absolute;
  top: var(--spacing-3);
  right: var(--spacing-5);
}
.user-list__username {
  margin: 0;
  font-size: var(--font-size-large);
}
.user-list__user-info {
  margin-left: var(--spacing-3);
  font-size: var(--font-size-smaller);
  font-weight: var(--font-weight-normal);
  color: var(--alt-font-color-2);
}
.user-list__shortcut {
  float: right;
}
.user-list__user-title {
  margin: 0;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-normal);
}
.user-list__data {
  padding: 0;
  margin: 0;
  font-size: var(--font-size-smaller);
  color: var(--alt-font-color-2);
}
.user-list__data a {
  color: var(--alt-font-color-1);
}
.user-list__buttons {
  margin-top: var(--spacing-2);
}
.user-list .team-badge {
  position: relative;
  float: right;
  margin: -48px 0 0 0;
}
.user-list--compact {
  padding-top: var(--spacing-4);
}
.user-list--compact .user-list__user {
  padding: var(--spacing-3);
  flex-basis: 100%;
}
.user-list--compact .user-list__user .avatar-profile-link {
  margin-right: var(--spacing-4);
}
.user-list--compact .user-list__username {
  font-size: var(--font-size-regular);
}
.list--user {
  font-size: var(--font-size-smaller);
}
.team-badge {
  display: inline;
  padding: var(--spacing-1) var(--spacing-3);
  font-size: var(--font-size-smallest);
  line-height: var(--line-height-large);
  color: var(--alt-font-color-1);
  border: var(--border-width-base) solid var(--border-color-1);
  border-radius: var(--border-radius);
}
.profile__header.page-header {
  display: flex;
  gap: var(--spacing-5);
  padding-bottom: var(--spacing-5);
  margin-bottom: var(--spacing-6);
}
.profile__header.page-header .avatar-profile-link {
  width: 100px;
  height: 100px;
}
.profile__header.page-header .avatar-profile-link .avatar {
  width: 100px;
  height: 100px;
}
.profile__header.page-header .avatar-profile-link .avatar__icon {
  font-size: 50px;
}
.profile__header.page-header .avatar-profile-link .avatar__initial {
  font-size: 52.6315789474px;
}
.profile__username, .profile__usertitle {
  margin: var(--spacing-1) 0;
}
.profile-field {
  font-size: var(--font-size-small);
}
.profile-field__name {
  padding: 0;
  margin: 0;
  font-weight: var(--font-weight-semibold);
}
.profile-field__value {
  padding: 0;
  margin: 0;
}
.change-avatar .avatar-container {
  float: right;
  margin: 0 0 var(--spacing-6) var(--spacing-6);
  width: 100px;
  height: 100px;
}
.change-avatar .avatar-container .avatar {
  width: 100px;
  height: 100px;
}
.change-avatar .avatar-container .avatar__icon {
  font-size: 50px;
}
.change-avatar .avatar-container .avatar__initial {
  font-size: 52.6315789474px;
}
.change-avatar .change-avatar__description {
  padding: 0 0 0 var(--spacing-2);
  margin: 0 0 var(--spacing-3) 0;
  font-size: var(--font-size-small);
  color: var(--alt-font-color-1);
}
.account-dashboard {
  display: flex;
  gap: var(--spacing-5);
  padding: var(--spacing-5);
}
.account-dashboard .avatar-profile-link {
  width: 100px;
  height: 100px;
}
.account-dashboard .avatar-profile-link .avatar {
  width: 100px;
  height: 100px;
}
.account-dashboard .avatar-profile-link .avatar__icon {
  font-size: 50px;
}
.account-dashboard .avatar-profile-link .avatar__initial {
  font-size: 52.6315789474px;
}
.buddy-ignore-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
@media only screen and (min-width: 480px) {
  .buddy-ignore-list {
    display: flex;
    flex-wrap: wrap;
  }
}
.buddy-ignore-list__user {
  box-sizing: border-box;
  padding: var(--spacing-3);
  border-bottom: var(--border-width-base) solid var(--border-color-1);
}
@media only screen and (min-width: 480px) {
  .buddy-ignore-list__user {
    width: 50%;
    border: none;
  }
}
@media only screen and (min-width: 1200px) {
  .buddy-ignore-list__user {
    width: 33%;
  }
}
.buddy-ignore-list__user:last-child {
  border: none;
}
.buddy-ignore-list__delete-link {
  float: right;
}
@media only screen and (min-width: 480px) {
  .buddy-ignore-list__delete-link {
    float: none;
    margin-left: var(--spacing-3);
  }
}
.buddy-ignore-list__delete-link:link, .buddy-ignore-list__delete-link:visited {
  color: var(--alt-font-color-1);
}
.buddy-ignore-list__delete-link:hover {
  color: var(--danger-color);
}
.buddy-request__username {
  margin: 0;
  font-size: var(--font-size-regular);
}
.buddy-request__date {
  font-size: var(--font-size-small);
  color: var(--alt-font-color-2);
}
.attachment {
  grid-template-columns: var(--spacing-5) 1fr min-content;
  grid-template-areas: "icon primary check" "icon secondary secondary";
}
@media only screen and (min-width: 480px) {
  .attachment {
    grid-template-columns: var(--spacing-5) 1fr 1fr min-content;
    grid-template-areas: "icon primary secondary check";
  }
}
.attachment__icon {
  grid-area: icon;
  justify-self: center;
  align-self: self-start;
}
.attachment__file-name {
  margin: 0;
  font-size: var(--font-size-regular);
}
.attachment__size-downloads, .attachment__date {
  font-size: var(--font-size-small);
  color: var(--alt-font-color-2);
}
.attachment__post {
  font-size: var(--font-size-small);
  color: var(--alt-font-color-2);
}
.draft__subject {
  margin: 0;
  font-size: var(--font-size-regular);
}
.draft__location, .draft__date {
  margin: 0;
  font-size: var(--font-size-small);
  color: var(--alt-font-color-2);
}
.draft__location a:link, .draft__location a:visited, .draft__date a:link, .draft__date a:visited {
  color: var(--alt-font-color-1);
}
.user-group__name {
  display: inline-block;
  margin: 0;
  font-size: var(--font-size-regular);
}
.user-group__display-group {
  margin-left: var(--spacing-3);
  font-size: var(--font-size-small);
  color: var(--alt-font-color-2);
}
.user-group__user-title, .user-group__description, .user-group__leaders {
  margin: var(--spacing-2) 0 0 0;
  font-size: var(--font-size-small);
  color: var(--alt-font-color-1);
}
.user-group__message {
  margin: var(--spacing-2) 0 0 0;
  font-size: var(--font-size-small);
  color: var(--alt-font-color-2);
}
.join-request__username {
  margin: 0;
  font-size: var(--font-size-regular);
}
.join-request__reason {
  margin: 0;
  font-size: var(--font-size-small);
  color: var(--alt-font-color-1);
}
.security-log {
  gap: var(--spacing-1) var(--spacing-5);
}
.security-log--column-headings {
  grid-template-columns: auto auto 1fr;
  grid-template-areas: "activity date ip";
}
.security-log--row {
  grid-template-columns: 2fr 1fr;
  grid-template-areas: "activity ip" "date ip";
}
@media only screen and (max-width: 1199px) {
  .security-log--row .security-log__date {
    font-size: var(--font-size-small);
    color: var(--alt-font-color-2);
  }
}
@media only screen and (min-width: 1200px) {
  .security-log {
    grid-template-columns: 4fr 3fr 3fr;
    grid-template-areas: "activity date ip";
  }
}
.security-log__activity {
  grid-area: activity;
}
.security-log__date {
  grid-area: date;
}
@media only screen and (min-width: 1200px) {
  .security-log__date {
    justify-self: center;
  }
}
.security-log__ip {
  grid-area: ip;
  justify-self: self-end;
}
@media only screen and (min-width: 1200px) {
  .security-log__ip {
    justify-self: center;
  }
}
.messenger .page-header {
  margin-bottom: var(--spacing-6);
}
.messenger__search {
  padding-bottom: var(--spacing-5);
}
@media only screen and (max-width: 479px) {
  .messenger__search .textbox--large {
    margin-bottom: var(--spacing-3);
    width: 100%;
  }
}
@media only screen and (min-width: 480px) {
  .messenger__search .textbox--large {
    margin-right: var(--spacing-3);
  }
}
.messenger__search .button, .messenger__search .post__body button[type="submit"], .post__body .messenger__search button[type="submit"], .messenger__search .post__body button[type="cancel"], .post__body .messenger__search button[type="cancel"] {
  margin-left: 0;
}
@media only screen and (min-width: 1200px) {
  .messenger__advanced-search {
    float: right;
  }
}
.messenger__space {
  margin-bottom: var(--spacing-4);
}
.messenger__space .messenger-space {
  display: flex;
  background-color: var(--background-1);
  border-radius: var(--border-radius);
}
.messenger__space .messenger-space__used {
  border-radius: var(--border-radius);
}
.messenger__space .messenger-space__used--low {
  background: var(--success-color);
}
.messenger__space .messenger-space__used--medium {
  background: var(--moderate-color);
}
.messenger__space .messenger-space__used--high {
  background: var(--danger-color);
}
.messenger__space .messenger-space__text {
  display: inline-block;
  padding: var(--spacing-2) var(--spacing-4);
}
.messenger__space .messenger-space__text--over-half {
  color: var(--invert-font-color);
}
.message-list__actions {
  padding: var(--spacing-4);
  text-align: center;
  border-bottom: var(--border-width-base) solid var(--border-color-2);
}
.row .message {
  padding: 0;
}
.compose__primary-section {
  padding-bottom: 0;
}
.compose__primary-section--padding {
  padding-bottom: var(--spacing-6);
}
@media only screen and (min-width: 768px) {
  .compose__subject {
    display: flex;
    align-items: center;
    gap: var(--spacing-4);
  }
}
.compose__subject .select-field {
  flex: 0 0 auto;
}
.compose__subject .textbox--subject {
  flex: 1 1 100%;
}
@media only screen and (min-width: 1200px) {
  .compose__container {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1200px) {
  .compose__message {
    width: 78%;
  }
}
.compose__smilies {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .compose__smilies {
    display: block;
    width: 20%;
  }
}
.compose__option-buttons {
  margin-top: var(--spacing-2);
}
.compose__option-buttons .button, .compose__option-buttons .post__body button[type="submit"], .post__body .compose__option-buttons button[type="submit"], .compose__option-buttons .post__body button[type="cancel"], .post__body .compose__option-buttons button[type="cancel"] {
  margin: 0 var(--spacing-2) 0 0;
}
.compose__hidden-section {
  display: none;
}
.compose__checkbox {
  display: none;
}
.smilie-inserter {
  padding: var(--spacing-3);
  text-align: center;
  background: var(--background-1);
  border-radius: var(--border-radius);
}
.smilie-inserter__title {
  padding-bottom: var(--spacing-3);
  margin: 0 0 var(--spacing-3) 0;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-normal);
  color: var(--alt-font-color-1);
  border-bottom: var(--border-width-base) solid var(--border-color-1);
}
.smilie-inserter__grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.smilie-inserter__smilie {
  box-sizing: border-box;
  width: 25%;
  padding: var(--spacing-2);
}
.smilie-inserter__smilie img {
  cursor: pointer;
}
.smilie-inserter__more {
  margin-top: var(--spacing-3);
  padding-top: var(--spacing-3);
  font-size: var(--font-size-small);
  border-top: var(--border-width-base) solid var(--border-color-1);
}
#multiquote_unloaded {
  margin-top: var(--spacing-3);
  font-size: var(--font-size-small);
}
#show-post-options:checked ~ .compose__hidden-section--options, #show-post-poll:checked ~ .compose__hidden-section--poll, #show-attachments:checked ~ .compose__hidden-section--attachments {
  display: grid;
}
#show-post-options:checked ~ .compose__primary-section .compose__option-button--options, #show-post-poll:checked ~ .compose__primary-section .compose__option-button--poll, #show-attachments:checked ~ .compose__primary-section .compose__option-button--attachments {
  color: var(--link-hover-color);
}
.quick-reply__options {
  display: none;
  margin: var(--spacing-2) var(--spacing-4) var(--spacing-4) var(--spacing-4);
  font-size: var(--font-size-small);
}
.quick-reply__option {
  margin-right: var(--spacing-4);
  cursor: pointer;
}
.quick-reply__checkbox {
  margin-right: var(--spacing-2);
}
.quick-reply textarea {
  padding: 0;
  border: none;
}
#show-quick-reply-options:checked ~ .quick-reply__options {
  display: block;
}
.upload-attachments__drop-zone {
  padding: var(--spacing-8) 0;
  margin: 0;
  color: var(--alt-font-color-1);
  text-align: center;
  cursor: pointer;
  border: var(--border-width-thick) dashed var(--border-color-1);
  border-radius: var(--border-radius);
}
.upload-attachments__pointer-events {
  pointer-events: none;
}
.upload-attachments__upload-bar {
  height: var(--spacing-4);
  width: 0%;
  margin-top: var(--spacing-4);
  margin-bottom: calc(-1 * var(--spacing-4));
  background: var(--primary-color);
}
.uploaded-attachment {
  display: grid;
  gap: var(--spacing-3) var(--spacing-4);
  align-items: center;
  grid-template-columns: var(--spacing-5) auto;
  grid-template-areas: "icon details" "buttons buttons";
  padding: var(--spacing-3) var(--spacing-4);
}
@media only screen and (min-width: 1200px) {
  .uploaded-attachment {
    grid-template-columns: var(--spacing-5) 1fr auto;
    grid-template-areas: "icon details buttons";
  }
}
.uploaded-attachment__details {
  grid-area: details;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}
.uploaded-attachment__icon {
  grid-area: icon;
  align-self: self-start;
}
.uploaded-attachment__file-name {
  display: block;
}
.uploaded-attachment__file-size {
  font-size: var(--font-size-small);
  color: var(--alt-font-color-2);
}
.uploaded-attachment__buttons {
  grid-area: buttons;
}
@media only screen and (max-width: 1199px) {
  .uploaded-attachment__buttons .button, .uploaded-attachment__buttons .post__body button[type="submit"], .post__body .uploaded-attachment__buttons button[type="submit"], .uploaded-attachment__buttons .post__body button[type="cancel"], .post__body .uploaded-attachment__buttons button[type="cancel"] {
    margin-bottom: var(--spacing-3);
  }
}
.inline-moderation {
  padding: var(--spacing-3) var(--spacing-4) var(--spacing-4) var(--spacing-4);
  margin: 0 0 var(--spacing-6) 0;
  background: var(--background-default);
}
@media only screen and (min-width: 768px) {
  .inline-moderation {
    padding: var(--spacing-4) var(--spacing-5);
    justify-content: flex-end;
  }
}
.inline-moderation--sticky {
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  z-index: 100;
  bottom: calc(-1 * var(--spacing-2));
  border-top: var(--border-width-page-header) solid var(--primary-color);
}
@media only screen and (min-width: 480px) {
  .awaiting-moderation, .report, .mod-log, .warning-log {
    grid-template-columns: 1fr 1fr min-content;
  }
}
.awaiting-moderation__title {
  margin: 0;
  font-size: var(--font-size-regular);
}
.awaiting-moderation__count {
  margin: 0;
  color: var(--alt-font-color-1);
}
.awaiting-moderation__latest {
  font-size: var(--font-size-small);
  color: var(--alt-font-color-2);
}
.awaiting-moderation__latest-title {
  color: var(--alt-font-color-1);
}
.awaiting-moderation__latest-title:after {
  content: ":";
}
.ban-duration {
  margin-left: var(--spacing-2);
  font-size: var(--font-size-small);
  color: var(--alt-font-color-1);
}
.ban-duration--imminent {
  font-weight: var(--font-weight-bold);
  color: var(--danger-color);
}
.ban-duration--high {
  color: var(--danger-color);
}
.ban-duration--moderate {
  color: var(--moderate-color);
}
.ban-duration--low {
  color: var(--success-color);
}
.icon--announcement {
  margin-right: var(--spacing-3);
  font-size: var(--font-size-smaller);
  vertical-align: middle;
}
.report__reason {
  font-size: var(--font-size-small);
  color: var(--alt-font-color-1);
}
.report__count {
  font-size: var(--font-size-small);
}
.report__last-reporter {
  font-size: var(--font-size-small);
  color: var(--alt-font-color-2);
}
.report__last-reporter a {
  color: var(--alt-font-color-1);
}
.report__last-report-date {
  display: block;
}
.mod-log__date {
  font-size: var(--font-size-small);
  color: var(--alt-font-color-2);
}
.mod-log .list--mod-log {
  line-height: var(--line-height-small);
}
.warning-log__warning {
  font-size: var(--font-size-small);
}
.warning-log__issued_by {
  font-size: var(--font-size-small);
  color: var(--alt-font-color-1);
}
.warning-log__issued-date, .warning-log__expiry-date, .warning-log__revoked-date, .warning-log__acknowledgement, .warning-log__post {
  font-size: var(--font-size-small);
  color: var(--alt-font-color-2);
}
.warning-log__expiry-date--expired {
  color: var(--moderate-color);
}
.warning-log__acknowledgement--bad {
  color: var(--danger-color);
}
.warning-log__details {
  float: right;
}
.warning-log__details .button, .warning-log__details .post__body button[type="submit"], .post__body .warning-log__details button[type="submit"], .warning-log__details .post__body button[type="cancel"], .post__body .warning-log__details button[type="cancel"] {
  margin: 0;
}
.warning-log__revoked {
  color: var(--moderate-color);
}
.mod-queue__mass-controls {
  padding: var(--spacing-2) 0;
  text-align: center;
}
.mod-queue__header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 1200px) {
  .mod-queue__header {
    flex-direction: row;
  }
}
.mod-queue__controls {
  flex-shrink: 0;
  margin: var(--spacing-3) 0;
}
@media only screen and (min-width: 1200px) {
  .mod-queue__controls {
    margin: 0 0 0 var(--spacing-3);
  }
}
.mod-queue__subject {
  margin: 0;
  font-size: var(--font-size-regular);
  font-weight: var(--font-weight-normal);
  color: var(--alt-font-color-1);
}
.mod-queue__author, .mod-queue__date, .mod-queue__forum, .mod-queue__post {
  font-size: var(--font-size-small);
  color: var(--alt-font-color-2);
}
.mod-queue__author a, .mod-queue__date a, .mod-queue__forum a, .mod-queue__post a {
  color: var(--alt-font-color-1);
}
.mod-queue__author, .mod-queue__date {
  display: inline-block;
}
.mod-queue__author {
  margin-top: var(--spacing-2);
}
.mod-queue__author:after {
  content: ",";
}
.mod-queue__message {
  margin-top: var(--spacing-2);
  font-size: var(--font-size-small);
}
.warning-level {
  position: relative;
  box-sizing: border-box;
  height: var(--spacing-6);
  margin: var(--spacing-3) 0;
  clear: both;
  background: var(--background-1);
  border-radius: var(--border-radius);
}
.warning-level__bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  box-sizing: border-box;
  border-radius: var(--border-radius);
}
.warning-level__bar--current {
  background: var(--primary-color);
}
.warning-level__bar--total {
  background: var(--background-4);
}
.reputation-summary {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .reputation-summary {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767px) {
  .reputation-summary__block--counts {
    padding-top: var(--spacing-5);
    margin-top: var(--spacing-5);
    border-top: var(--border-width-thick) solid var(--border-color-1);
  }
}
.reputation-table {
  font-size: var(--font-size-small);
}
.reputation-table__row .reputation-table__cell {
  border-bottom: var(--border-width-base) solid var(--border-color-1);
}
.reputation-table__row--footer .reputation-table__cell {
  border-bottom: 0;
}
.reputation-table__cell {
  padding: var(--spacing-2) var(--spacing-3);
}
.reputation-table__cell--legend {
  color: var(--alt-font-color-2);
  text-align: right;
}
.reputation-table__cell--count {
  text-align: center;
}
.reputation-rating {
  padding: 0 0 var(--spacing-3) 0;
  margin-bottom: var(--spacing-5);
  line-height: var(--line-height-small);
  border: var(--border-width-base) solid var(--border-color-1);
  border-radius: var(--border-radius);
}
.reputation-rating:last-child {
  margin-bottom: 0;
}
.reputation-rating__meta {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "user user-rep" "date date";
  gap: var(--spacing-2) var(--spacing-3);
  align-items: center;
  padding: var(--spacing-3) var(--spacing-4);
  background: var(--background-1);
  border-bottom: var(--border-width-base) solid var(--border-color-3);
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
@media only screen and (min-width: 768px) {
  .reputation-rating__meta {
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "user user-rep date";
  }
}
.reputation-rating__meta:has(.reputation-rating__link) {
  grid-template-areas: "user user-rep" "link link" "date date";
}
@media only screen and (min-width: 768px) {
  .reputation-rating__meta:has(.reputation-rating__link) {
    grid-template-areas: "user user-rep date" "link link link";
  }
}
.reputation-rating__user {
  grid-area: user;
}
.reputation-rating__user-rep {
  grid-area: user-rep;
  font-size: var(--font-size-smaller);
}
.reputation-rating__date {
  grid-area: date;
  font-size: var(--font-size-smaller);
  color: var(--alt-font-color-1);
}
.reputation-rating__link {
  grid-area: link;
  font-size: var(--font-size-smaller);
  color: var(--alt-font-color-2);
}
.reputation-rating__link a:link, .reputation-rating__link a:visited {
  color: var(--alt-font-color-1);
}
.reputation-rating__link a:hover, .reputation-rating__link a:active {
  color: var(--alt-font-color-1);
}
.reputation-rating__comment {
  padding: var(--spacing-4);
}
.reputation-rating__controls {
  padding: 0 var(--spacing-4);
  text-align: right;
}
.reputation-rating__rating--positive {
  color: var(--success-color);
}
.reputation-rating__rating--negative {
  color: var(--danger-color);
}
.redirect {
  min-width: 300px;
  margin: 100px auto 0 auto;
}
.redirect__title {
  margin: 0;
  font-family: var(--heading-font-stack);
  font-size: var(--font-size-larger);
  font-weight: var(--font-weight-semibold);
}
.redirect__message {
  padding: var(--spacing-6);
  margin: var(--spacing-3) 0;
  background: var(--background-default);
  border-radius: var(--border-radius);
}
.redirect__link {
  font-size: var(--font-size-small);
  text-align: center;
}
.smilie-list {
  --smilie-column-width: 50px;
  --smilie-info-column-width: calc(50% - calc(var(--smilie-column-width) + calc(2 * var(--spacing-4))));
}
.smilie-list__legend, .smilie-list__item {
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
}
.smilie-list__smilie {
  flex: 0 0 var(--smilie-column-width);
  min-width: var(--smilie-column-width);
  text-align: center;
}
.smilie-list__name {
  flex: 1 0 var(--smilie-info-column-width);
}
.smilie-list__replace {
  flex: 1 0 var(--smilie-info-column-width);
}
.smilie-list__replace--no-name {
  flex-basis: auto;
}
.editor_control_bar {
  display: none;
  margin: var(--spacing-2);
  font-size: var(--font-size-small);
}
.editor_control_bar__title {
  margin: 0 0 var(--spacing-2) 0;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-normal);
  color: var(--alt-font-color-1);
}
@media only screen and (min-width: 768px) {
  .editor_control_bar__title {
    margin: 0;
  }
}
.editor_control_bar__icon {
  margin-right: var(--spacing-4);
  font-size: var(--font-size-small);
  color: var(--alt-font-color-3);
}
@media only screen and (max-width: 479px) {
  .editor_control_bar__icon {
    display: none;
  }
}
.editor_control_bar__buttons {
  margin: 0 calc(-1 * var(--spacing-2)) 0 calc(-1 * var(--spacing-2));
}
.editor_control_bar--quick-reply {
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  bottom: calc(-1 * var(--spacing-2));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-4) var(--spacing-5);
  margin: 0 0 var(--spacing-5) 0;
  background: var(--background-default);
  border: var(--border-width-base) solid var(--border-color-3);
  border-top: var(--border-width-page-header) solid var(--primary-color);
}
@media only screen and (min-width: 480px) {
  .editor_control_bar--quick-reply {
    margin-left: 80px;
  }
}
@media only screen and (min-width: 768px) {
  .editor_control_bar--quick-reply {
    flex-direction: row;
    margin-left: 110px;
  }
}
.thread-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--spacing-5);
}
@media only screen and (min-width: 768px) {
  .thread-nav {
    justify-content: flex-end;
    margin-top: 0;
  }
}
.threaded-mode__post {
  padding: var(--spacing-3);
  border-bottom: var(--border-width-base) solid var(--border-color-3);
}
.threaded-mode__post--active .threaded-mode__date {
  font-weight: var(--font-weight-bold);
}
.threaded-mode__author {
  margin-left: var(--spacing-3);
  font-size: var(--font-size-small);
  color: var(--alt-font-color-2);
}
.threaded-mode__author a {
  color: var(--alt-font-color-1);
}
.calendar-nav {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .calendar-nav {
    justify-content: flex-start;
  }
}
.calendar__today, .calendar__day--today {
  background: var(--background-2);
}
.calendar__days-of-week {
  display: flex;
  padding: var(--spacing-3) var(--spacing-4);
  margin-bottom: var(--spacing-4);
  background: var(--background-2);
  border-bottom: var(--border-width-base) solid var(--border-color-1);
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
@media only screen and (max-width: 1199px) {
  .calendar__days-of-week {
    display: none;
  }
}
.calendar__day-of-week-heading {
  flex: 1 1 14%;
  color: var(--alt-font-color-1);
  text-align: center;
}
.calendar__week {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-4) 0;
  border-bottom: var(--border-width-thick) solid var(--border-color-1);
}
.calendar__week:last-child {
  border-bottom: 0;
}
.calendar__week-shortcut {
  border-bottom: var(--border-width-base) solid var(--border-color-1);
}
@media only screen and (min-width: 1200px) {
  .calendar__week-shortcut {
    display: flex;
    align-items: center;
    width: var(--spacing-6);
    padding-right: var(--spacing-4);
    border-bottom: 0;
  }
  .calendar__week-shortcut .button__icon {
    margin: 0;
  }
  .calendar__week-shortcut .button__text {
    display: none;
  }
}
.calendar__day {
  padding: var(--spacing-5) var(--spacing-4);
  border-bottom: var(--border-width-base) solid var(--border-color-1);
}
.calendar__day:last-child {
  border-bottom: 0;
}
.calendar__day--other-month .calendar__day-heading {
  font-size: var(--font-size-large);
  font-weight: var(--font-weight-normal);
}
.calendar__day--other-month .calendar__day-link {
  color: var(--alt-font-color-1);
}
.calendar__day-of-week {
  float: right;
  font-size: var(--font-size-small);
  color: var(--alt-font-color-2);
}
.calendar__day-heading {
  margin: 0 0 var(--spacing-2) 0;
  font-family: var(--heading-font-stack);
  font-size: var(--font-size-larger);
}
.calendar__day-heading .calendar__month {
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-normal);
}
.calendar__event {
  margin: 0 0 var(--spacing-2) 0;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}
.calendar__event-link {
  display: block;
  padding: var(--spacing-1) var(--spacing-3);
  background: var(--background-1);
  border-radius: var(--border-radius);
}
.calendar__event-link:hover {
  color: var(--invert-font-color);
  text-decoration: none;
  background: var(--secondary-color);
}
.calendar__event-link:hover .calendar__event-icon, .calendar__event-link:hover .calendar__event-time-period {
  color: var(--invert-font-color);
}
.calendar__event-time-period {
  font-size: var(--font-size-small);
  color: var(--alt-font-color-1);
}
.calendar__event-icon {
  float: right;
  margin: var(--spacing-1) var(--spacing-1) 0 var(--spacing-3);
  color: var(--alt-font-color-2);
}
@media only screen and (min-width: 1200px) {
  .calendar--month .calendar__week {
    flex-direction: row;
    align-items: stretch;
    padding: var(--spacing-4);
    border-bottom-width: var(--border-width-base);
  }
  .calendar--month .calendar__day {
    box-sizing: border-box;
    flex: 1 1 14%;
    min-height: 120px;
    padding: var(--spacing-3) var(--spacing-4);
    border-bottom: 0;
    border-left: var(--border-width-base) solid var(--border-color-1);
  }
  .calendar--month .calendar__day-of-week {
    display: none;
  }
  .calendar--month .calendar__day-heading .calendar__month {
    display: none;
  }
}
.calendar--week .calendar__week {
  padding: 0;
}
.event--hidden .calendar__event-link {
  background: var(--status-pending-background-color);
  color: var(--status-pending-font-color);
}
.event--hidden .calendar__event-link:hover {
  background: var(--status-pending-border-color);
  color: var(--invert-font-color);
}
.event--hidden .post {
  margin-top: calc(var(--border-width-base) - var(--border-width-thick));
  margin-right: calc(var(--border-width-base) - var(--border-width-thick));
  margin-left: calc(var(--border-width-base) - var(--border-width-thick));
  border-color: var(--status-pending-border-color);
  border-width: var(--border-width-thick);
}
.event--private .calendar__event-link {
  background: var(--status-deleted-background-color);
  color: var(--status-deleted-font-color);
}
.event--private .calendar__event-link:hover {
  background: var(--status-deleted-border-color);
  color: var(--invert-font-color);
}
.mini-calendar__days-of-week {
  display: flex;
  padding: var(--spacing-2) 0;
  border-bottom: var(--border-width-base) solid var(--border-color-1);
}
.mini-calendar__day-of-week-heading {
  flex: 1 1 14%;
  color: var(--alt-font-color-1);
  text-align: center;
}
.mini-calendar__week {
  display: flex;
  padding: 0;
  border-bottom: var(--border-width-base) solid var(--border-color-1);
}
.mini-calendar__week:last-child {
  border-bottom: 0;
}
.mini-calendar__week-shortcut {
  width: 20px;
  padding: var(--spacing-3) var(--spacing-2);
  text-align: center;
}
.mini-calendar__week-shortcut .button, .mini-calendar__week-shortcut .post__body button[type="submit"], .post__body .mini-calendar__week-shortcut button[type="submit"], .mini-calendar__week-shortcut .post__body button[type="cancel"], .post__body .mini-calendar__week-shortcut button[type="cancel"] {
  padding: 0;
  margin: 0;
}
.mini-calendar__week-shortcut .button__icon {
  margin: 0;
}
.mini-calendar__week-shortcut .button__text {
  display: none;
}
.mini-calendar__day {
  flex: 1 1 14%;
  padding: var(--spacing-3) 0;
  text-align: center;
}
.mini-calendar__day--other-month, .mini-calendar__day--other-month .mini-calendar__day-link {
  color: var(--alt-font-color-2);
}
.mini-calendar__day--today {
  background: var(--background-2);
}
.mini-calendar__day-link {
  display: block;
}