@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");
/* Account-only saved topic drafts. */
.topic-draft-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid rgba(226,168,87,.18)}
.topic-draft-row>span:first-child{display:grid;min-width:0;overflow-wrap:anywhere}.topic-draft-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}@media(max-width:640px){.topic-draft-row{align-items:flex-start;flex-direction:column}}

/* Variables */
:root {
  color-scheme: dark;

  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-heavy: 800;
  --leading-tight: 1.12;
  --leading-heading: 1.18;
  --leading-body: 1.62;
  --tracking-ui: 0.01em;

  --page-bg: #07080a;
  --bg: var(--page-bg);
  --bg-raised: #0b0c0e;
  --panel: #101113;
  --panel-2: #141517;
  --panel-3: #0d0e10;
  --surface-0: rgba(7, 8, 10, 0.94);
  --surface-1: rgba(15, 16, 18, 0.9);
  --surface-2: rgba(19, 20, 23, 0.9);
  --surface-3: rgba(24, 25, 28, 0.9);
  --surface-soft: rgba(255, 255, 255, 0.052);
  --surface-hover: rgba(255, 244, 220, 0.074);
  --text-primary: #f0eadc;
  --text-secondary: #aaa49a;
  --ink: var(--text-primary);
  --text: var(--text-primary);
  --text-strong: #fff6e5;
  --text-soft: #d8c9b4;
  --muted: var(--text-secondary);
  --text-muted: var(--text-secondary);
  --text-faint: #7f766d;
  --line: rgba(181, 127, 50, 0.18);
  --border-subtle: rgba(255, 244, 220, 0.075);
  --border-bronze: rgba(181, 127, 50, 0.24);
  --border: var(--border-bronze);
  --border-strong: rgba(224, 172, 85, 0.38);
  --red: #c7392f;
  --red-dark: #7f1917;
  --red-soft: rgba(199, 57, 47, 0.18);
  --gold: #d39a3a;
  --gold-soft: rgba(211, 154, 58, 0.14);
  --amber: #f4c46e;
  --bronze: #a7662f;
  --orange: #f06422;
  --green: #2f8f7d;
  --blue: #3f88a8;
  --danger: #e05c43;
  --success: #49b783;
  --warning: #e0aa45;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 56px;

  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;
  --radius: var(--radius-sm);

  --shadow-xs: 0 1px 0 rgba(255, 244, 220, 0.05) inset;
  --shadow-sm: 0 8px 20px rgba(0, 0, 0, 0.24);
  --shadow-md: 0 18px 44px rgba(0, 0, 0, 0.34);
  --shadow-lg: 0 28px 70px rgba(0, 0, 0, 0.48);
  --shadow: var(--shadow-md);
  --glow: 0 0 28px rgba(199, 57, 47, 0.18);
  --glow-gold: 0 0 26px rgba(211, 154, 58, 0.16);
  --metal-line: rgba(244, 196, 110, 0.24);
  --metal-line-soft: rgba(211, 154, 58, 0.13);
  --panel-depth: linear-gradient(180deg, rgba(20, 21, 23, 0.98), rgba(9, 10, 12, 0.98));
  --panel-depth-strong: linear-gradient(180deg, rgba(24, 22, 19, 0.98), rgba(9, 10, 12, 0.99));
  --inner-light: inset 0 1px 0 rgba(255, 244, 220, 0.07), inset 0 -1px 0 rgba(0, 0, 0, 0.22);

  --transition-fast: 150ms ease-out;
  --transition: 220ms ease-out;
  --transition-slow: 300ms ease-out;
  --focus-ring: 0 0 0 3px rgba(244, 196, 110, 0.22);
  --focus-outline: rgba(244, 196, 110, 0.9);

  --z-base: 1;
  --z-sticky: 40;
  --z-popover: 60;
  --z-modal: 90;
  --z-toast: 120;

  --page-max: 1280px;
  --page-gutter: clamp(18px, 2.2vw, 34px);
  --layout-gap: clamp(16px, 1.8vw, 24px);
  --sidebar-width: clamp(280px, 24vw, 330px);
  --ad-width: clamp(235px, 12.75vw, 245px);
  --ad-gap: 16px;
  --sticky-top: 92px;
}

/* Base / Reset */
* {
  box-sizing: border-box;
}

html,
body {
  max-width: 100%;
  overflow-x: clip;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background:
    radial-gradient(circle at 78% -12%, rgba(126, 48, 22, 0.1), transparent 34%),
    radial-gradient(circle at 18% 18%, rgba(62, 28, 19, 0.1), transparent 32%),
    linear-gradient(180deg, #090a0b 0%, #07080a 42%, #040506 100%);
  color: var(--ink);
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0;
  line-height: var(--leading-body);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(rgba(255, 244, 220, 0.016) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 244, 220, 0.011) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.42), transparent 72%);
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(ellipse at 62% 18%, rgba(177, 72, 25, 0.045), transparent 34%),
    radial-gradient(ellipse at 50% 56%, rgba(0, 0, 0, 0.34), transparent 58%);
  pointer-events: none;
}

button,
input,
select,
textarea {
  font: inherit;
  min-width: 0;
}

h1,
h2,
h3,
h4 {
  margin-top: 0;
  color: var(--text-strong);
  font-weight: var(--font-weight-heavy);
  letter-spacing: 0;
  line-height: var(--leading-heading);
}

h1 {
  font-size: clamp(2rem, 4.5vw, 4.25rem);
}

h2 {
  font-size: clamp(1.35rem, 2.1vw, 2rem);
}

h3 {
  font-size: clamp(1rem, 1.4vw, 1.18rem);
}

p {
  line-height: var(--leading-body);
}

button,
select {
  cursor: pointer;
}

button:disabled {
  cursor: wait;
  opacity: 0.62;
  filter: grayscale(0.2);
}

a {
  color: inherit;
  overflow-wrap: break-word;
}

img,
svg,
video {
  max-width: 100%;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--focus-outline);
  outline-offset: 2px;
  box-shadow: var(--focus-ring);
}

::selection {
  background: rgba(211, 154, 58, 0.32);
  color: #fff8e8;
}

::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}

::-webkit-scrollbar-track {
  background: #090a0d;
}

::-webkit-scrollbar-thumb {
  border: 3px solid #090a0d;
  border-radius: var(--radius-pill);
  background: linear-gradient(180deg, rgba(211, 154, 58, 0.58), rgba(127, 25, 23, 0.62));
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(244, 196, 110, 0.72), rgba(199, 57, 47, 0.7));
}

/* Header */
.home-ticker{position:sticky;top:70px;z-index:999;display:flex;align-items:center;width:100%;min-height:36px;overflow:hidden;border-bottom:1px solid rgba(211,154,58,.3);background:linear-gradient(90deg,#0c0d10,#21180e,#0c0d10);color:#f3d79a}
.home-ticker-pending{visibility:hidden}
.home-ticker-track{display:flex;flex:0 0 auto;width:max-content;white-space:nowrap;will-change:transform;animation:home-ticker-scroll 48s linear infinite}
.home-ticker-sequence{display:flex;flex:0 0 auto;align-items:center;gap:28px;padding:0 28px}
.home-ticker-item{color:inherit;font-size:.88rem;font-weight:600;letter-spacing:.01em;text-decoration:none}
a.home-ticker-item:hover,a.home-ticker-item:focus-visible{color:#fff2cf;text-decoration:underline}
.home-ticker-separator{color:#d39a3a;font-size:.58rem;opacity:.78}
.home-ticker:hover .home-ticker-track,.home-ticker:focus-within .home-ticker-track{animation-play-state:paused}
@keyframes home-ticker-scroll{to{transform:translateX(calc(var(--home-ticker-shift, 50%) * -1))}}
@media(max-width:640px){.home-ticker{min-height:32px}.home-ticker-item{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.home-ticker-track{width:100%;max-width:100%;white-space:normal;animation:none}.home-ticker-sequence{width:100%;flex-wrap:wrap;justify-content:center;gap:8px 20px;padding:5px 12px}.home-ticker-sequence[aria-hidden="true"]{display:none}}
.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  border-bottom: 1px solid rgba(211, 154, 58, 0.24);
  background:
    linear-gradient(180deg, rgba(15, 13, 13, 0.94), rgba(7, 8, 11, 0.91)),
    radial-gradient(circle at 12% 0%, rgba(127, 25, 23, 0.16), transparent 36%);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.42), inset 0 -1px 0 rgba(255, 244, 220, 0.035);
  backdrop-filter: blur(14px);
}

.email-verification-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  max-width: 1180px;
  margin: 12px auto 0;
  padding: 12px 14px;
  border: 1px solid rgba(211, 154, 58, 0.32);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(53, 14, 12, 0.92), rgba(17, 18, 24, 0.94));
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  color: #f3ead7;
}

.email-verification-banner div {
  min-width: 0;
}

.email-verification-banner strong,
.email-verification-banner span {
  display: block;
}

.email-verification-banner span {
  margin-top: 2px;
  color: var(--muted);
  font-size: 0.92rem;
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(14px, 1.8vw, 24px);
  width: min(var(--page-max), calc(100% - (var(--page-gutter) * 2)));
  min-height: 70px;
  margin: 0 auto;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  flex: 0 0 auto;
  min-width: 0;
  color: #fff4dc;
  text-decoration: none;
}

.brand-logo {
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(244, 196, 110, 0.82);
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 0 0 3px rgba(127, 25, 23, 0.28), 0 14px 28px rgba(0, 0, 0, 0.28);
}

.brand span:last-child {
  display: grid;
  line-height: 1.05;
}

.brand strong {
  color: #fff1d2;
  font-size: 1.12rem;
  letter-spacing: 0.02em;
}

.brand small {
  margin-top: 3px;
  font-size: 0.74rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: none;
}

.brand small,
.thread-meta,
.thread-card p,
.reply-meta,
.section-heading p,
.ad-box p,
.info-panel p,
.widget-card p,
.account-main span,
.profile-stats span,
.footer-inner p {
  color: var(--muted);
}

.header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  gap: 12px;
  min-width: 0;
}

.topnav,
.tabs {
  display: inline-flex;
  gap: 6px;
}

.topnav {
  align-items: center;
  justify-content: center;
  padding: 4px;
  border: 1px solid rgba(244, 196, 110, 0.095);
  border-radius: var(--radius-lg);
  background: rgba(255, 244, 220, 0.026);
  box-shadow: inset 0 1px 0 rgba(255, 244, 220, 0.045);
}

.nav-button,
.tab-button,
.ghost,
.primary,
.hero-button,
.header-tools button {
  border: 0;
  border-radius: 6px;
}

.nav-button,
.nav-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  background: transparent;
  color: #d8cab7;
  font-size: 0.88rem;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.nav-button.is-active,
.nav-button:hover,
.nav-link.is-active,
.nav-link:hover {
  border-color: rgba(244, 196, 110, 0.18);
  background:
    linear-gradient(180deg, rgba(244, 196, 110, 0.08), rgba(127, 25, 23, 0.2));
  color: #fff1d2;
  box-shadow: inset 0 -2px 0 rgba(211, 154, 58, 0.7), inset 0 1px 0 rgba(255, 244, 220, 0.05);
}

.header-tools {
  position: relative;
  display: flex;
  gap: 6px;
}

.header-tools button {
  position: relative;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  background: rgba(255, 255, 255, 0.07);
  color: #f4d097;
  font-weight: 900;
  box-shadow: inset 0 0 0 1px rgba(211, 154, 58, 0.1);
  transition: background 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.header-tools button:hover {
  background: rgba(211, 154, 58, 0.13);
  transform: translateY(-2px);
  box-shadow: inset 0 0 0 1px rgba(211, 154, 58, 0.22), 0 0 18px rgba(199, 57, 47, 0.16);
}

.icon-bell,
.icon-mail {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
}

.icon-bell::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 2px;
  width: 10px;
  height: 11px;
  border: 2px solid #f4d097;
  border-bottom: 0;
  border-radius: 9px 9px 3px 3px;
}

.icon-bell::after {
  content: "";
  position: absolute;
  left: 6px;
  bottom: 1px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #f4d097;
}

.icon-mail::before {
  content: "";
  position: absolute;
  inset: 2px 1px;
  border: 2px solid #f4d097;
  border-radius: 3px;
}

.icon-mail::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 5px;
  width: 10px;
  height: 7px;
  border-left: 2px solid #f4d097;
  border-bottom: 2px solid #f4d097;
  transform: rotate(-45deg) skew(10deg, 10deg);
}

.tool-dot {
  position: absolute;
  top: -2px;
  right: -2px;
  display: inline-grid;
  place-items: center;
  min-width: 17px;
  height: 17px;
  padding: 0 3px;
  border: 1px solid #0d0f14;
  border-radius: 999px;
  background: var(--red);
  color: #fff;
  font-size: .62rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
}

#notificationToggle .tool-dot {
  top: -4px;
  right: -4px;
  width: 19px;
  min-width: 19px;
  height: 19px;
  padding: 0;
  border: 2px solid #0d0f14;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(199, 57, 47, 0.42);
  font-size: 0.58rem;
  font-weight: 900;
  line-height: 1;
}

#notificationToggle .tool-dot:not([hidden]) {
  display: grid;
}

.user-menu {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}

.user-menu .account-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 8px;
  border: 1px solid rgba(211, 154, 58, 0.2);
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 100% 0%, rgba(199, 57, 47, 0.14), transparent 42%),
    linear-gradient(180deg, rgba(39, 36, 34, 0.92), rgba(17, 18, 22, 0.94));
  color: #fff4dc;
  box-shadow: inset 0 1px 0 rgba(255, 244, 220, 0.06), 0 10px 24px rgba(0, 0, 0, 0.26);
}

.account-summary {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  white-space: nowrap;
}

.account-trigger {
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0;
  text-align: left;
}

.account-trigger.is-premium .account-main strong {
  color: #ffd58c;
}

.account-trigger:hover .account-main strong {
  color: #ffd58c;
}

.account-main {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.account-main strong {
  overflow: hidden;
  max-width: 112px;
  color: #fff4dc;
  font-size: 0.92rem;
  line-height: 1.05;
  text-overflow: ellipsis;
}

.user-menu .guest-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  width: auto;
  min-width: 350px;
  padding: 9px 12px;
  border: 1px solid rgba(211, 154, 58, 0.2);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 8% 0%, rgba(211, 154, 58, 0.1), transparent 36%),
    radial-gradient(circle at 100% 100%, rgba(127, 25, 23, 0.14), transparent 42%),
    linear-gradient(180deg, rgba(31, 28, 27, 0.9), rgba(11, 12, 16, 0.94));
  box-shadow: inset 0 1px 0 rgba(255, 244, 220, 0.055), inset 0 -14px 24px rgba(0, 0, 0, 0.16), 0 10px 24px rgba(0, 0, 0, 0.24);
}

.guest-identity {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.guest-avatar {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(255, 210, 126, 0.5);
  border-radius: var(--radius-sm);
  background:
    linear-gradient(145deg, rgba(89, 58, 28, 0.92), rgba(196, 124, 39, 0.72)),
    #5b3b22;
  color: #fff4dc;
  font-size: 0.72rem;
  font-weight: 950;
  box-shadow: inset 0 1px 0 rgba(255, 244, 220, 0.15), 0 0 14px rgba(211, 154, 58, 0.14);
}

.guest-identity span:last-child {
  display: grid;
  align-items: center;
  gap: 1px;
  min-width: max-content;
}

.global-main { flex: 1 0 auto; min-width: 0; }
.global-shell > .site-footer { flex: 0 0 auto; margin-top: auto; width: 100%; }

.guest-identity strong {
  display: block;
  color: #fff4dc;
  font-size: 0.9rem;
  line-height: 1.25;
  letter-spacing: 0.025em;
  white-space: nowrap;
}

.guest-identity small {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  white-space: nowrap;
}

.guest-actions {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  flex: 0 0 auto;
}

.guest-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 13px;
  border-radius: var(--radius-sm);
  font-size: 0.82rem;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.guest-login {
  border: 1px solid rgba(211, 154, 58, 0.22);
  background: linear-gradient(180deg, rgba(255, 244, 220, 0.065), rgba(255, 244, 220, 0.025));
  color: #f3ead7;
}

.guest-login:hover {
  border-color: rgba(244, 196, 110, 0.54);
  background: rgba(211, 154, 58, 0.1);
  box-shadow: 0 0 16px rgba(211, 154, 58, 0.12);
}

.guest-register {
  border: 1px solid rgba(244, 196, 110, 0.28);
  background:
    linear-gradient(180deg, rgba(255, 244, 220, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(147, 33, 29, 0.96), rgba(82, 17, 16, 0.98));
  color: #fff7e8;
  box-shadow: inset 0 1px 0 rgba(255, 244, 220, 0.13), 0 8px 20px rgba(127, 25, 23, 0.18);
}

.guest-register:hover {
  transform: translateY(-1px);
  border-color: rgba(244, 196, 110, 0.58);
  box-shadow: inset 0 1px 0 rgba(255, 244, 220, 0.16), 0 10px 22px rgba(127, 25, 23, 0.25);
}

.auth-form {
  display: grid;
  gap: 10px;
}

.field-error {
  color: #ff9b8c;
  font-size: 0.72rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.field-hint {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 0.76rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

[aria-invalid="true"] {
  border-color: #ff7766;
}

.form-status {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid rgba(211, 154, 58, 0.18);
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.22);
  color: var(--muted);
  overflow-wrap: anywhere;
}

.form-status[data-type="error"] {
  border-color: rgba(255, 119, 102, 0.38);
  color: #ffb0a4;
}

.form-status[data-type="success"] {
  border-color: rgba(47, 143, 125, 0.42);
  color: #9de5c8;
}

.auth-page {
  display: grid;
  place-items: center;
  min-height: calc(100vh - 170px);
  padding-top: 42px;
  padding-bottom: 42px;
}

.auth-shell {
  position: relative;
  display: grid;
  gap: 14px;
  width: min(460px, 100%);
  overflow: hidden;
  padding: 26px;
  border: 1px solid var(--border-bronze);
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 16% 0%, rgba(211, 154, 58, 0.1), transparent 34%),
    radial-gradient(circle at 95% 18%, rgba(199, 57, 47, 0.12), transparent 38%),
    var(--panel-depth-strong);
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255, 244, 220, 0.07);
  animation: authIn 260ms ease both;
}

.auth-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  border-top: 1px solid rgba(244, 196, 110, 0.22);
  background: linear-gradient(90deg, transparent, rgba(244, 196, 110, 0.06), transparent);
  pointer-events: none;
}

.auth-shell h1 {
  margin: 0;
  color: #fff4dc;
  font-size: clamp(1.7rem, 3vw, 2.35rem);
}

.auth-shell p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.verification-result {
  text-align: center;
}

.verification-result .form-actions {
  justify-content: center;
}

.auth-page-form {
  position: relative;
  margin-top: 4px;
}

.auth-page-form label {
  position: relative;
  color: #f6e8cf;
  font-size: 0.88rem;
}

.password-field input {
  padding-right: 78px;
}

.password-toggle {
  position: absolute;
  right: 7px;
  bottom: 7px;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(211, 154, 58, 0.2);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.055);
  color: #f0d19a;
  font-size: 0.76rem;
  font-weight: 900;
}

.check-row {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.35;
}

.check-row input {
  flex: 0 0 auto;
  width: 18px;
  min-height: 18px;
  margin-top: 1px;
}

.auth-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--muted);
  font-size: 0.88rem;
}

.auth-links a {
  color: #f0d19a;
  font-weight: 900;
  text-decoration: none;
}

.auth-links a:hover {
  color: #fff4dc;
}

.code-fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.code-fieldset legend {
  margin-bottom: 8px;
  color: #f6e8cf;
  font-size: 0.88rem;
  font-weight: 800;
}

.code-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.code-grid input {
  width: 100%;
  min-width: 0;
  min-height: 54px;
  padding: 0;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 950;
}

.reset-actions {
  align-items: center;
  justify-content: space-between;
}

/* Menus */
.tool-popover,
.profile-popover,
.suggestion-panel {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  z-index: 50;
  width: min(360px, calc(100vw - 28px));
  max-width: calc(100vw - 28px);
  max-height: min(520px, calc(100vh - 96px));
  padding: 12px;
  border: 1px solid rgba(211, 154, 58, 0.28);
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 90% 0%, rgba(199, 57, 47, 0.2), transparent 34%),
    linear-gradient(180deg, rgba(31, 24, 22, 0.98), rgba(12, 14, 18, 0.98));
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.55), 0 0 24px rgba(199, 57, 47, 0.16);
  animation: menuIn 180ms ease;
}

.notification-popover {
  inset-inline-start: auto;
  inset-inline-end: 0;
  z-index: 1100;
  width: min(390px, calc(100vw - 28px));
  overflow: hidden;
}

.profile-popover {
  top: calc(100% + 10px);
}

.popover-head,
.profile-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(211, 154, 58, 0.16);
}

.notification-head {
  gap: 10px;
}

.notification-head strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notification-head-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  flex: 0 0 auto;
}

.notification-head-actions .notification-icon-action {
  display: inline-grid;
  place-items: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  min-width: 28px;
  padding: 0;
  border: 1px solid rgba(211, 154, 58, 0.16);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.045);
  color: #d9b16a;
  text-decoration: none;
}

.notification-head-actions .notification-icon-action:hover,
.notification-head-actions .notification-icon-action:focus-visible {
  border-color: rgba(211, 154, 58, 0.42);
  background: rgba(211, 154, 58, 0.12);
  color: #fff4dc;
  transform: none;
}

.notification-head-actions .notification-icon-action:disabled {
  opacity: 0.38;
  cursor: not-allowed;
  transform: none;
}

.notification-head-actions .notification-icon-action.is-active {
  border-color: rgba(211, 154, 58, 0.58);
  background: rgba(211, 154, 58, 0.18);
  color: #ffd58b;
  box-shadow: inset 0 0 0 1px rgba(211, 154, 58, 0.12);
}

.notification-icon-action svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.profile-head {
  justify-content: flex-start;
}

.popover-head strong,
.profile-head strong {
  color: #fff4dc;
}

.popover-head span,
.profile-head span {
  color: var(--gold);
  font-size: 0.8rem;
  font-weight: 900;
}

.profile-head > div:last-child {
  display: grid;
  gap: 3px;
}

.notice-list,
.profile-links {
  display: grid;
  gap: 8px;
  margin-top: 10px;
  min-width: 0;
}

.popover-list {
  max-height: min(340px, calc(100vh - 230px));
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 2px;
}

.notice-list a,
.profile-links a {
  position: relative;
  display: grid;
  gap: 3px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.055);
  color: #f3ead7;
  text-decoration: none;
  transition: border-color 180ms ease, background 180ms ease;
  min-width: 0;
  overflow-wrap: anywhere;
}

.notice-list b,
.notice-list span,
.profile-links a {
  min-width: 0;
}

.notice-list a:hover,
.notice-list a:focus-visible,
.profile-links a:hover {
  border-color: rgba(211, 154, 58, 0.28);
  background: rgba(211, 154, 58, 0.09);
}

.notification-item.is-unread {
  border-color: rgba(244, 196, 110, 0.32);
  background:
    linear-gradient(90deg, rgba(211, 154, 58, 0.12), rgba(255, 255, 255, 0.045)),
    rgba(255, 255, 255, 0.055);
}

.notification-item.is-unread::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 12px;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--gold);
  box-shadow: 0 0 12px rgba(211, 154, 58, 0.45);
}

.notification-item.is-unread b,
.notification-item.is-unread > .notification-summary {
  padding-left: 10px;
}

.notification-popover .notification-item {
  gap: 5px;
  min-height: 62px;
  padding: 9px 34px 9px 10px;
}

.notification-popover .notification-item.is-unread .notification-item-meta,
.notification-popover .notification-item.is-unread b {
  padding-left: 10px;
}

.notification-popover .notification-item b {
  overflow: hidden;
  color: #f3ead7;
  font-size: 0.88rem;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notification-item-chevron {
  position: absolute;
  top: 50%;
  right: 12px;
  color: #c89a4b !important;
  font-size: 1.25rem !important;
  line-height: 1 !important;
  transform: translateY(-50%);
}

.notification-item.is-read {
  opacity: 0.78;
}

.notification-page-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}

.notification-page-row .notification-item {
  min-width: 0;
}

.notification-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 14px;
}

.notification-pagination > span {
  color: var(--muted);
  font-size: 0.82rem;
}

@media (max-width: 560px) {
  .notification-page-row {
    align-items: stretch;
    grid-template-columns: 1fr;
  }

  .notification-page-row > button {
    justify-self: end;
  }
}

.notice-list span {
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.35;
}

.notification-item .notification-item-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  color: var(--muted);
  font-size: 0.7rem;
}

.notification-item .notification-type-label {
  display: inline-flex;
  width: fit-content;
  padding: 2px 6px;
  border: 1px solid rgba(211, 154, 58, 0.22);
  border-radius: 999px;
  background: rgba(211, 154, 58, 0.08);
  color: #e1b86f;
  font-size: 0.64rem;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.notification-item .notification-item-meta time {
  flex: 0 0 auto;
  color: #8f877c;
  white-space: nowrap;
}

.notification-item .notification-summary {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.popover-link {
  display: inline-flex;
  margin-top: 10px;
  color: #f0d19a;
  font-weight: 900;
  text-decoration: none;
}

.notification-all-link {
  display: flex;
  justify-content: center;
  padding-top: 9px;
  border-top: 1px solid rgba(211, 154, 58, 0.14);
}

.mini-action {
  flex: 0 0 auto;
  min-height: 34px;
  max-width: 170px;
  padding: 0 9px;
  font-size: 0.72rem;
  line-height: 1.1;
  white-space: nowrap;
}

.read-all-action {
  min-width: 0;
  min-height: auto;
  max-width: none;
  padding: 2px 0;
  border: 0;
  background: transparent;
  color: #f0d19a;
  font-size: 0.72rem;
  line-height: 1.2;
  text-align: right;
  white-space: nowrap;
}

.read-all-action:hover,
.read-all-action:focus-visible {
  color: #fff4dc;
  text-decoration: underline;
}

.site-toast {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 80;
  max-width: min(420px, calc(100vw - 36px));
  padding: 12px 14px;
  border: 1px solid rgba(77, 187, 123, 0.45);
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(24, 28, 36, 0.98), rgba(10, 12, 16, 0.98));
  color: #f3ead7;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.46);
  overflow-wrap: anywhere;
}

.site-toast[data-type="error"] {
  border-color: rgba(255, 119, 102, 0.5);
  color: #ffb0a4;
}

.profile-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  margin-top: 10px;
}

.profile-stats span {
  display: grid;
  gap: 1px;
  min-width: 0;
  padding: 9px 7px;
  border: 1px solid rgba(211, 154, 58, 0.14);
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.2);
  font-size: 0.76rem;
  text-align: center;
}

.profile-stats strong {
  color: #fff4dc;
  font-size: 0.98rem;
}

.profile-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

.auth-card[hidden],
.account-card[hidden],
.auth-form[hidden],
.tool-popover[hidden],
.profile-popover[hidden],
.suggestion-panel[hidden],
.composer[hidden],
.detail[hidden],
.thread-list[hidden],
.toolbar[hidden] {
  display: none;
}

/* Hero */
.page {
  position: relative;
  width: min(var(--page-max), calc(100% - (var(--page-gutter) * 2)));
  margin: var(--space-4) auto var(--space-8);
  isolation: isolate;
}

.hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.68fr) minmax(280px, 0.32fr);
  min-height: clamp(286px, 25vw, 324px);
  overflow: hidden;
  margin-bottom: 10px;
  border: 1px solid rgba(175, 119, 48, 0.3);
  border-radius: 18px;
  background: #050608;
  box-shadow:
    0 26px 70px rgba(0, 0, 0, 0.5),
    0 0 0 1px rgba(255, 244, 220, 0.035) inset,
    inset 0 1px 0 rgba(255, 244, 220, 0.06);
}

.hero-media,
.hero-media-tone {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.hero-media {
  z-index: 0;
}

.hero-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.hero-media-tone {
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(5, 6, 8, 0.96) 0%, rgba(5, 6, 8, 0.83) 38%, rgba(31, 13, 8, 0.42) 72%, rgba(5, 6, 8, 0.46) 100%),
    radial-gradient(ellipse at 72% 38%, rgba(229, 101, 29, 0.24), transparent 35%);
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.45), transparent 45%, rgba(0, 0, 0, 0.38)),
    radial-gradient(ellipse at 76% 42%, rgba(239, 104, 28, 0.12), transparent 34%),
    repeating-linear-gradient(135deg, rgba(255, 244, 220, 0.022) 0 1px, transparent 1px 18px),
    linear-gradient(180deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.58));
  opacity: 0.92;
  z-index: 2;
  pointer-events: none;
}

.hero::after {
  content: "";
  position: absolute;
  inset: 11px;
  border: 1px solid rgba(244, 196, 110, 0.13);
  border-radius: 12px;
  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, 0.28),
    inset 0 0 54px rgba(0, 0, 0, 0.5);
  pointer-events: none;
  z-index: 4;
}

.hero-copy {
  position: relative;
  z-index: 3;
  display: grid;
  align-content: center;
  gap: 9px;
  max-width: 740px;
  padding: clamp(28px, 4.2vw, 46px);
}

.hero-copy::before {
  content: "";
  position: absolute;
  left: clamp(18px, 3.1vw, 34px);
  top: clamp(28px, 4.6vw, 46px);
  bottom: clamp(28px, 4.6vw, 46px);
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(244, 196, 110, 0.36), transparent);
  opacity: 0.68;
}

.hero-kicker,
.section-kicker,
.widget-kicker {
  color: #e2b15f;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
}

.hero-kicker::after {
  content: "";
  width: 54px;
  height: 1px;
  background: linear-gradient(90deg, rgba(244, 196, 110, 0.58), transparent);
}

.hero h1 {
  margin: 0;
  color: #fff2d4;
  font-size: clamp(2.85rem, 5vw, 4.85rem);
  line-height: 0.95;
  text-shadow: 0 3px 18px rgba(0, 0, 0, 0.82);
}

.hero h2 {
  margin: 0;
  max-width: 650px;
  color: #efc57d;
  font-size: clamp(1.05rem, 1.6vw, 1.34rem);
  font-weight: 800;
  line-height: 1.24;
}

.hero p {
  max-width: 640px;
  margin: 0;
  color: #d9cbb8;
  font-size: clamp(0.94rem, 1.05vw, 1.02rem);
  line-height: 1.58;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  gap: 6px;
  margin-top: var(--space-2);
  padding: 5px;
  border: 1px solid rgba(244, 196, 110, 0.13);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(180deg, rgba(255, 244, 220, 0.045), rgba(6, 7, 10, 0.36));
  box-shadow: inset 0 1px 0 rgba(255, 244, 220, 0.055), 0 12px 28px rgba(0, 0, 0, 0.2);
}

.hero-button,
.primary {
  min-height: 42px;
  padding: 0 16px;
  background: linear-gradient(180deg, #df4b3f, var(--red-dark));
  color: #fff;
  font-weight: 900;
  box-shadow: 0 10px 24px rgba(127, 25, 23, 0.28);
}

.hero .hero-button {
  min-height: 42px;
  min-width: 118px;
  padding: 0 15px;
  border: 1px solid rgba(255, 224, 156, 0.28);
  border-radius: var(--radius-md);
  background:
    linear-gradient(180deg, rgba(255, 232, 170, 0.14), transparent 34%),
    linear-gradient(180deg, rgba(155, 36, 31, 0.98), rgba(88, 18, 17, 0.99));
  color: #fff5e5;
  font-size: 0.86rem;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 247, 221, 0.18), inset 0 -1px 0 rgba(52, 13, 11, 0.42);
}

.hero .hero-primary {
  border-color: rgba(244, 196, 110, 0.34);
  background:
    linear-gradient(180deg, rgba(255, 231, 171, 0.13), transparent 34%),
    linear-gradient(180deg, rgba(158, 35, 30, 0.98), rgba(78, 16, 15, 0.99));
}

.hero .hero-accent {
  border-color: rgba(244, 196, 110, 0.32);
  background:
    linear-gradient(180deg, rgba(255, 232, 170, 0.18), transparent 34%),
    linear-gradient(180deg, rgba(177, 91, 40, 0.96), rgba(108, 43, 25, 0.98));
  color: #fff1d2;
}

.hero-button,
.inline-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 128px;
  text-decoration: none;
}

.ghost,
.ghost-hero {
  background: rgba(255, 255, 255, 0.08);
  color: #fff4dc;
  box-shadow: inset 0 0 0 1px rgba(211, 154, 58, 0.22);
}

.hero .ghost-hero {
  border-color: rgba(244, 196, 110, 0.26);
  background:
    linear-gradient(180deg, rgba(255, 244, 220, 0.055), rgba(8, 10, 14, 0.56));
  color: #eadbc5;
  box-shadow: inset 0 1px 0 rgba(255, 244, 220, 0.07), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.hero-button:hover,
.primary:hover,
.ghost:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
}

.hero .hero-button:hover {
  filter: brightness(1.035) saturate(1.02);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 247, 221, 0.38);
}

.hero .ghost-hero:hover {
  border-color: rgba(244, 196, 110, 0.36);
  background: rgba(255, 244, 220, 0.11);
  color: #fff1d2;
}

.subpage {
  display: grid;
  gap: 16px;
}

.sub-hero {
  display: grid;
  gap: 12px;
  min-height: 270px;
  align-content: end;
  padding: clamp(24px, 5vw, 44px);
  background:
    radial-gradient(circle at 78% 20%, rgba(240, 100, 34, 0.18), transparent 32%),
    linear-gradient(105deg, rgba(7, 8, 11, 0.94), rgba(33, 15, 14, 0.78)),
    url("assets/forum-hero.png");
  background-size: cover;
  background-position: center;
  border: 1px solid rgba(211, 154, 58, 0.28);
  border-radius: 12px;
  box-shadow: var(--shadow), var(--glow);
}

.sub-hero h1 {
  max-width: 820px;
  margin: 0;
  color: #fff4dc;
  font-size: clamp(2.2rem, 5vw, 4.6rem);
  line-height: 0.98;
}

.sub-hero p {
  max-width: 760px;
  margin: 0;
  color: #dccfb8;
  line-height: 1.58;
}

.legal-document-page {
  max-width: 1040px;
}

.legal-document {
  position: relative;
  max-width: 920px;
  margin: 0 auto;
  padding: clamp(24px, 4vw, 48px);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  background:
    radial-gradient(circle at 16% 0%, rgba(211, 154, 58, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(20, 21, 23, 0.98), rgba(9, 10, 12, 0.98));
  box-shadow: var(--shadow-lg), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.legal-back-link {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 22px;
  color: #f4c46e;
  font-size: 0.9rem;
  font-weight: 800;
  text-decoration: none;
}

.legal-back-link:hover,
.legal-back-link:focus-visible {
  color: #ffe0a3;
}

.legal-document-header {
  margin-bottom: clamp(28px, 4vw, 42px);
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(211, 154, 58, 0.2);
}

.legal-document-header h1 {
  margin: 10px 0;
  color: #fff4df;
  font-size: clamp(2rem, 5vw, 3.4rem);
  line-height: 1.05;
  letter-spacing: 0;
}

.legal-document-header p {
  margin: 0;
  color: rgba(234, 219, 197, 0.74);
  font-weight: 700;
}

.legal-document section {
  padding: 4px 0 22px;
}

.legal-document section + section {
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.legal-document h2 {
  margin: 0 0 12px;
  color: #f4c46e;
  font-size: clamp(1.12rem, 2vw, 1.34rem);
  line-height: 1.25;
}

.legal-document p,
.legal-document li {
  color: rgba(238, 228, 211, 0.88);
  font-size: 1rem;
  line-height: 1.78;
}

.legal-document p {
  margin: 0 0 14px;
}

.legal-document ul {
  display: grid;
  gap: 10px;
  margin: 0 0 14px;
  padding-left: 20px;
}

.legal-document strong {
  color: #fff4df;
}

.legal-document code {
  padding: 2px 6px;
  border: 1px solid rgba(211, 154, 58, 0.22);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.06);
  color: #ffd98f;
  font-size: 0.92em;
}

.legal-document a:not(.legal-back-link) {
  color: #f4c46e;
  font-weight: 800;
}

/* Content Blocks */
.layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-gap);
  align-items: start;
  width: 100%;
  min-width: 0;
}

.main-column {
  display: grid;
  gap: var(--space-4);
  width: 100%;
  min-width: 0;
}

.forum-layout-wide .main-column {
  gap: var(--space-2);
}

.stats-strip,
.profile-grid,
.rank-roadmap,
.ad-package-grid,
.player-strip {
  display: grid;
  gap: 12px;
}

.panel,
.thread-list,
.composer,
.detail,
.widget-card,
.info-panel,
.ad-box,
.profile-cover,
.stats-strip article,
.rank-roadmap article,
.ad-package-grid article {
  background: linear-gradient(180deg, rgba(22, 23, 26, 0.98), rgba(10, 11, 13, 0.98));
  border: 1px solid rgba(181, 127, 50, 0.18);
  border-radius: var(--radius-lg);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 244, 220, 0.045);
  min-width: 0;
  max-width: 100%;
}

.widget-card,
.info-panel,
.rank-roadmap article,
.ad-package-grid article {
  display: grid;
  gap: var(--space-3);
  padding: var(--space-4);
}

.block-head {
  display: grid;
  gap: 4px;
}

.block-head strong,
.widget-card h2,
.info-panel h1,
.info-panel h2,
.section-heading h1,
.section-heading h2,
.detail h2 {
  margin: 0;
  color: #fff4dc;
}

.stats-strip {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 var(--space-2);
  width: 100%;
}

.stats-strip article {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  height: 78px;
  min-height: 78px;
  min-width: 0;
  overflow: hidden;
  padding: 10px 14px;
  border-color: rgba(181, 127, 50, 0.25);
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(224, 172, 85, 0.048), transparent 45%),
    linear-gradient(180deg, rgba(20, 21, 24, 0.98), rgba(8, 9, 11, 0.99));
  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 244, 220, 0.06),
    inset 0 -1px 0 rgba(0, 0, 0, 0.3);
  text-align: left;
}

.stats-strip article::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, rgba(224, 172, 85, 0.46), transparent 72%);
  opacity: 0.48;
}

.stats-strip article::after {
  content: none;
}

.stats-strip article:hover {
  border-color: rgba(244, 196, 110, 0.3);
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.24),
    0 0 0 1px rgba(244, 196, 110, 0.045),
    inset 0 1px 0 rgba(255, 244, 220, 0.07);
}

.stat-icon {
  position: relative;
  z-index: 1;
  display: grid;
  flex: 0 0 42px;
  place-items: center;
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  overflow: hidden;
  border: 1px solid rgba(224, 172, 85, 0.32);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(224, 172, 85, 0.16), rgba(72, 36, 18, 0.1)),
    rgba(11, 11, 13, 0.88);
  box-shadow: inset 0 1px 0 rgba(255, 244, 220, 0.075), 0 6px 14px rgba(0, 0, 0, 0.14);
}

.stat-icon svg,
.stat-icon img {
  display: block;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  max-width: 20px;
  max-height: 20px;
  min-width: 20px;
  min-height: 20px;
  object-fit: contain;
}

.stat-icon svg {
  fill: none;
  stroke: #e0ac55;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.stat-copy {
  position: relative;
  z-index: 1;
  display: grid;
  align-content: center;
  gap: 4px;
  min-width: 0;
}

.stats-strip .stat-value {
  min-width: 0;
  overflow: hidden;
  color: #e7b760;
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
  text-overflow: ellipsis;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
  white-space: nowrap;
}

.stats-strip .stat-label {
  min-width: 0;
  overflow: visible;
  color: #aaa49a;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  opacity: 0.86;
  text-overflow: clip;
  white-space: normal;
}

/* Forum Feed */
.toolbar {
  position: relative;
  display: grid;
  grid-template-columns: minmax(320px, 1fr) minmax(170px, 210px) minmax(150px, 190px);
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(181, 127, 50, 0.2);
  border-radius: var(--radius-sm);
  background:
    linear-gradient(180deg, rgba(23, 24, 27, 0.96), rgba(9, 10, 12, 0.96));
  box-shadow: inset 0 1px 0 rgba(255, 244, 220, 0.04), 0 10px 22px rgba(0, 0, 0, 0.16);
}

.toolbar::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(224, 172, 85, 0.28), transparent);
  pointer-events: none;
}

.anchor-target {
  display: block;
  scroll-margin-top: 110px;
}

.search {
  position: relative;
  min-width: 0;
}

.search > span {
  position: absolute;
  left: 13px;
  top: 22px;
  transform: translateY(-50%);
  color: #a99f91;
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.search input {
  padding-left: 50px;
}

.suggestion-panel {
  top: calc(100% + 8px);
  left: 0;
  right: auto;
  width: min(560px, calc(100vw - 28px));
  max-height: 420px;
  overflow: auto;
}

#searchSuggestions:not([hidden]) {
  display: block;
}

.check-row a {
  color: #f0d19a;
  font-weight: 800;
  text-decoration: none;
}

.check-row a:hover,
.check-row a:focus-visible {
  color: #fff4dc;
  text-decoration: underline;
}

.suggestion-group {
  display: grid;
  gap: 7px;
  margin-bottom: var(--space-3);
}

.suggestion-group > strong {
  color: #f4c46e;
  font-size: 0.78rem;
  text-transform: uppercase;
}

.suggestion-item {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 9px;
  width: 100%;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.055);
  color: #f3ead7;
  text-align: left;
}

.suggestion-item span:last-child {
  display: grid;
  gap: 2px;
}

.suggestion-item small,
.suggestion-empty {
  color: var(--muted);
}

.suggestion-item:hover,
.suggestion-item.is-active {
  border-color: rgba(211, 154, 58, 0.34);
  background: rgba(211, 154, 58, 0.1);
}

.filter-summary {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  min-height: 0;
  margin-top: -2px;
}

.filter-summary:empty {
  display: none;
}

.filter-summary span,
.forum-pagination button,
.forum-pagination span {
  min-height: 34px;
  border: 1px solid rgba(211, 154, 58, 0.16);
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.04);
  color: #f3ead7;
  font-weight: 800;
}

.filter-summary span,
.forum-pagination span {
  display: inline-flex;
  align-items: center;
  padding: 0 var(--space-3);
  color: var(--muted);
}

.filter-summary .filter-error {
  border-color: rgba(224, 92, 67, 0.38);
  background: rgba(131, 34, 25, 0.28);
  color: #ffd6c9;
}

.forum-pagination button {
  padding: 0 11px;
  cursor: pointer;
}

.forum-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}

.forum-pagination[hidden] {
  display: none;
}

.forum-pagination button[aria-current="page"] {
  border-color: rgba(244, 196, 110, 0.48);
  background: rgba(211, 154, 58, 0.18);
  color: #f4c46e;
}

.forum-pagination button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.page-gap {
  min-height: auto;
  padding: 0 2px;
  border: 0;
  background: transparent;
  color: var(--muted);
  box-shadow: none;
}

input,
select,
textarea {
  width: 100%;
  border: 1px solid rgba(211, 154, 58, 0.2);
  border-radius: var(--radius-sm);
  background:
    linear-gradient(180deg, rgba(255, 244, 220, 0.035), rgba(255, 244, 220, 0.012)),
    #0d0f14;
  color: var(--ink);
}

input,
select {
  min-height: 42px;
  padding: 0 12px;
}

select {
  color: #eadbc5;
  font-weight: 800;
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(244, 196, 110, 0.48);
  box-shadow: var(--focus-ring), inset 0 1px 0 rgba(255, 244, 220, 0.055);
  outline: 0;
}

textarea {
  resize: vertical;
  padding: 12px;
  line-height: 1.5;
}

input::placeholder,
textarea::placeholder {
  color: #7f766d;
}

.thread-list {
  position: relative;
  display: grid;
  gap: 0;
  margin-top: 0;
  overflow: hidden;
  border-color: rgba(181, 127, 50, 0.22);
  border-radius: var(--radius-sm);
  background:
    linear-gradient(180deg, rgba(20, 21, 23, 0.98), rgba(12, 13, 15, 0.99)),
    #0a0b0d;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 244, 220, 0.035);
}

.thread-list::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  z-index: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(181, 127, 50, 0.38), rgba(224, 172, 85, 0.28), transparent 74%);
  pointer-events: none;
}

.feed-ad-slot {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 8px 15px;
}

.feed-ad {
  position: relative;
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr) auto;
  min-height: 98px;
  gap: 16px;
  align-items: center;
  width: min(58%, 660px);
  padding: 9px 16px;
  border: 1px solid rgba(211, 154, 58, 0.46);
  border-radius: 7px;
  background:
    linear-gradient(90deg, rgba(116, 59, 21, 0.2), rgba(34, 25, 17, 0.12) 48%, rgba(8, 9, 11, 0.24)),
    #0f1012;
  color: var(--ink);
  text-decoration: none;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 212, 135, 0.07);
  transition: background var(--transition), box-shadow var(--transition), border-color var(--transition);
}

.feed-ad::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  border-radius: inherit;
  background: linear-gradient(180deg, transparent, rgba(224, 157, 59, 0.72), transparent);
}

a.feed-ad {
  cursor: pointer;
}

a.feed-ad:hover,
a.feed-ad:focus-visible {
  border-color: rgba(224, 157, 59, 0.35);
  background:
    linear-gradient(90deg, rgba(128, 66, 24, 0.25), rgba(42, 30, 18, 0.16) 50%, rgba(8, 9, 11, 0.26)),
    #121315;
  box-shadow: inset 0 0 0 1px rgba(224, 157, 59, 0.1);
  outline: 0;
}

a.feed-ad:focus-visible {
  box-shadow: var(--focus-ring), inset 0 0 0 1px rgba(224, 157, 59, 0.12);
}

.feed-ad.feed-ad--image-only {
  display: block;
  min-height: 0;
  aspect-ratio: 33 / 5;
  padding: 0;
  overflow: hidden;
}

.feed-ad--image-only::before {
  display: none;
}

.feed-ad__banner {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
  object-position: center;
}

.feed-ad__image {
  display: block;
  width: 80px;
  height: 80px;
  border: 1px solid rgba(224, 157, 59, 0.32);
  border-radius: 9px;
  object-fit: cover;
  background: #0b0c0e;
  box-shadow: inset 0 1px 0 rgba(255, 244, 220, 0.05);
}

.feed-ad__placeholder {
  display: grid;
  place-items: center;
  color: #e2aa50;
  font-size: 0.9rem;
  font-weight: 900;
}

.feed-ad__content {
  display: grid;
  justify-items: start;
  gap: 4px;
  min-width: 0;
}

.feed-ad__title,
.feed-ad__description {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.feed-ad__title {
  color: #f0eadc;
  font-size: 1.02rem;
  line-height: 1.2;
}

.feed-ad__description {
  color: #a9a197;
  font-size: 0.8rem;
  line-height: 1.35;
}

.feed-ad__badge {
  display: inline-flex;
  min-height: 18px;
  align-items: center;
  padding: 0 6px;
  border: 1px solid rgba(224, 157, 59, 0.38);
  border-radius: var(--radius-pill);
  background: rgba(105, 56, 23, 0.2);
  color: #e2aa50;
  font-size: 0.58rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.feed-ad__cta {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 14px;
  border: 1px solid rgba(224, 157, 59, 0.32);
  border-radius: 7px;
  background: linear-gradient(180deg, rgba(84, 48, 22, 0.26), rgba(12, 12, 14, 0.76));
  color: #e4b35f;
  font-size: 0.75rem;
  font-weight: 900;
  white-space: nowrap;
}

.thread-card {
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) clamp(224px, 19vw, 260px);
  gap: 12px;
  padding: 10px 15px;
  border-bottom: 1px solid rgba(181, 127, 50, 0.105);
  background:
    linear-gradient(90deg, rgba(255, 244, 220, 0.01), transparent 38%),
    transparent;
  transition:
    transform var(--transition-fast),
    border-color var(--transition),
    background var(--transition),
    box-shadow var(--transition);
  align-items: center;
}

.thread-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: linear-gradient(180deg, transparent, rgba(224, 172, 85, 0.5), transparent);
  opacity: 0;
  transition: opacity var(--transition);
}

.thread-card:last-child {
  border-bottom: 0;
}

.thread-card:hover,
.thread-card:focus-visible {
  transform: none;
  background:
    linear-gradient(90deg, rgba(92, 46, 20, 0.11), rgba(255, 244, 220, 0.014) 44%, transparent),
    rgba(255, 244, 220, 0.014);
  box-shadow: inset 0 0 0 1px rgba(181, 127, 50, 0.09);
}

.thread-card:hover::before,
.thread-card:focus-visible::before {
  opacity: 1;
}

.thread-card h3 {
  margin: 0;
  color: #f0eadc;
  font-size: 1rem;
  line-height: 1.18;
  min-width: 0;
}

.thread-card h3 a {
  display: -webkit-box;
  white-space: normal;
  color: inherit;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  transition: color var(--transition);
}

.thread-card:hover h3 a {
  color: #e7b760;
}

.thread-card p {
  display: -webkit-box;
  overflow: hidden;
  margin: 0;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.thread-avatar a {
  text-decoration: none;
}

.thread-avatar .avatar {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 204, 112, 0.5);
  border-radius: 8px;
  background:
    linear-gradient(145deg, #f0bd61 0%, #b86a27 58%, #6e3518 100%);
  color: #1b0e08;
  font-size: 0.9rem;
  font-weight: 950;
  box-shadow:
    inset 0 1px 0 rgba(255, 244, 220, 0.2),
    inset 0 -1px 0 rgba(66, 28, 12, 0.42),
    0 8px 18px rgba(0, 0, 0, 0.2);
}

.thread-main {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.thread-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
  color: #9d988f;
  font-size: 0.78rem;
  line-height: 1.28;
}

.thread-meta a {
  color: #dca54c;
  font-weight: 900;
  text-decoration: none;
}

.thread-meta a:hover {
  color: #fff4dc;
}

.thread-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: -1px;
}

.thread-badges .status-badge,
.thread-badges .tag-chip {
  min-height: 17px;
  padding: 0 6px;
  border-color: rgba(181, 127, 50, 0.26);
  border-radius: var(--radius-pill);
  background:
    linear-gradient(180deg, rgba(86, 51, 25, 0.2), rgba(255, 244, 220, 0.02)),
    rgba(12, 12, 14, 0.82);
  color: #dca54c;
  font-size: 0.6rem;
  line-height: 1;
}

.thread-side {
  display: grid;
  align-content: center;
  gap: var(--space-2);
  border-left: 1px solid rgba(181, 127, 50, 0.12);
  min-width: 0;
  padding-left: 12px;
}

.thread-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(181, 127, 50, 0.16);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(18, 19, 22, 0.96), rgba(7, 8, 10, 0.98));
  box-shadow: inset 0 1px 0 rgba(255, 244, 220, 0.035);
}

.thread-metrics span {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 2px;
  min-width: 0;
  min-height: 42px;
  padding: 5px 4px;
  border-right: 1px solid rgba(181, 127, 50, 0.12);
  color: #9d988f;
  font-size: 0.64rem;
  font-weight: 800;
  line-height: 1.05;
  text-align: center;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: manual;
}

.thread-metrics span:last-child {
  border-right: 0;
}

.thread-metrics strong {
  color: #f0eadc;
  font-size: 0.98rem;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.last-replier {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  color: var(--muted);
}

.status-badge,
.rank-chip,
.tag-chip,
.premium-badge {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 0 7px;
  border: 1px solid rgba(181, 127, 50, 0.24);
  border-radius: var(--radius-xs);
  background: rgba(38, 27, 20, 0.58);
  color: #dca54c;
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.rank-chip {
  border-color: color-mix(in srgb, var(--rank-color), #000 18%);
  background: color-mix(in srgb, var(--rank-color), #15171d 72%);
  color: color-mix(in srgb, var(--rank-color), #fff 64%);
}

.tag-chip {
  border-color: rgba(181, 127, 50, 0.28);
  background:
    linear-gradient(180deg, rgba(87, 48, 24, 0.22), rgba(255, 244, 220, 0.026)),
    rgba(14, 14, 16, 0.86);
  color: #e0ac55;
}

.status-premium,
.premium-badge {
  border-color: rgba(244, 196, 110, 0.42);
  background: rgba(211, 154, 58, 0.16);
}

.status-solved {
  color: #9de5c8;
  background: rgba(47, 143, 125, 0.15);
}

.status-pin {
  color: #ffd58c;
}

.composer,
.detail {
  display: grid;
  gap: 16px;
  padding: 16px;
}

form {
  display: grid;
  gap: 14px;
}

label {
  display: grid;
  gap: 7px;
  font-weight: 800;
  min-width: 0;
}

.form-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 230px;
  gap: 12px;
}

.form-grid.triple {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.ghost,
.primary {
  min-height: 40px;
  padding: 0 14px;
  font-weight: 900;
  transition: transform 180ms ease, filter 180ms ease, box-shadow 180ms ease;
}

.danger {
  color: #ffb0a4;
}

.full {
  width: 100%;
}

.detail-head {
  display: grid;
  gap: 8px;
}

.detail-actions {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.post,
.reply {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  padding: 14px 0;
  border-top: 1px solid rgba(211, 154, 58, 0.14);
}

.auth-required,
.state-box {
  display: grid;
  gap: 12px;
  padding: 22px;
  border: 1px solid rgba(211, 154, 58, 0.22);
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 100% 0%, rgba(199, 57, 47, 0.1), transparent 34%),
    linear-gradient(180deg, rgba(20, 21, 23, 0.94), rgba(9, 10, 12, 0.96));
  overflow-wrap: anywhere;
}

.auth-required.inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.skeleton-card {
  display: grid;
  gap: 9px;
  padding: 16px;
  border-bottom: 1px solid rgba(211, 154, 58, 0.12);
}

.skeleton-card span,
.skeleton-card b,
.skeleton-card i,
.skeleton-line {
  display: block;
  height: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.055), rgba(211, 154, 58, 0.12), rgba(255, 255, 255, 0.055));
  background-size: 220% 100%;
  animation: skeleton 1.4s ease-in-out infinite;
}

.skeleton-card b {
  width: 70%;
}

.skeleton-card i {
  width: 44%;
}

.truncate-hover {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.truncate-hover.is-overflowing:hover,
.truncate-hover.is-overflowing:focus {
  text-overflow: clip;
  animation: softMarquee 7s ease-in-out 1;
}

p,
h1,
h2,
h3,
small,
span,
a,
button {
  overflow-wrap: break-word;
}

button,
.guest-button,
.nav-link,
.tag-chip {
  overflow-wrap: normal;
}

@keyframes authIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes skeleton {
  0% {
    background-position: 120% 0;
  }
  100% {
    background-position: -120% 0;
  }
}

@keyframes softMarquee {
  0%, 12% {
    transform: translateX(0);
  }
  72%, 84% {
    transform: translateX(-32%);
  }
  100% {
    transform: translateX(0);
  }
}

.post a,
.reply a {
  text-decoration: none;
}

.post-body,
.reply-body {
  margin: 6px 0 0;
  line-height: 1.62;
  white-space: pre-wrap;
}

.empty {
  position: relative;
  overflow: hidden;
  display: grid;
  justify-items: center;
  gap: 12px;
  padding: 28px;
  border: 1px dashed rgba(211, 154, 58, 0.24);
  border-radius: var(--radius-sm);
  background:
    radial-gradient(circle at 50% 0%, rgba(211, 154, 58, 0.09), transparent 36%),
    linear-gradient(180deg, rgba(255, 244, 220, 0.035), rgba(8, 9, 12, 0.3));
  color: #b8aa98;
  text-align: center;
}

.empty strong {
  color: var(--text-strong);
  font-size: 0.98rem;
  line-height: 1.35;
}

.empty .inline-action {
  min-height: 38px;
  min-width: 116px;
}

.empty::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 50%;
  width: 68px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(244, 196, 110, 0.48), transparent);
  transform: translateX(-50%);
}

/* Ads */
.ad-rail {
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--ad-width);
  max-width: var(--ad-width);
  min-width: 0;
  pointer-events: none;
}

.ad-rail[hidden] {
  display: none !important;
}

.ad-rail-left {
  right: calc(100% + var(--ad-gap));
}

.ad-rail-right {
  left: calc(100% + var(--ad-gap));
}

.ad-box {
  position: relative;
  display: grid;
  align-content: end;
  justify-items: center;
  gap: 10px;
  min-height: 250px;
  width: 100%;
  min-width: 0;
  padding: 22px 16px;
  text-align: center;
  pointer-events: auto;
  overflow: hidden;
}

.ad-skyscraper {
  position: relative;
  top: auto;
  z-index: 2;
  height: clamp(650px, calc(100vh - 105px), 830px);
  min-height: 650px;
  max-height: 830px;
  padding: 24px 16px;
  border-color: rgba(211, 154, 58, 0.24);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(180deg, rgba(255, 244, 220, 0.04), transparent 20%),
    radial-gradient(circle at 50% 18%, rgba(211, 154, 58, 0.16), transparent 30%),
    radial-gradient(circle at 50% 62%, rgba(127, 25, 23, 0.15), transparent 34%),
    repeating-linear-gradient(135deg, rgba(211, 154, 58, 0.026) 0 9px, transparent 9px 24px),
    linear-gradient(180deg, #1a1512 0%, #100d0d 52%, #08090c 100%);
  box-shadow:
    0 22px 44px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 244, 220, 0.08),
    inset 0 -1px 0 rgba(0, 0, 0, 0.34);
  overflow: hidden;
}

.ad-skyscraper.is-ad-following {
  position: fixed;
  top: var(--ad-follow-top, 88px);
  right: auto;
  bottom: auto;
}

.ad-skyscraper.is-ad-bottom-stop {
  position: absolute;
  top: var(--ad-stop-top, 0);
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
}

.ad-skyscraper::before {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(244, 196, 110, 0.16);
  border-radius: var(--radius-md);
  background:
    linear-gradient(90deg, rgba(244, 196, 110, 0.24), transparent 28%, transparent 72%, rgba(244, 196, 110, 0.18)) 0 0 / 100% 1px no-repeat,
    linear-gradient(90deg, rgba(244, 196, 110, 0.14), transparent 34%, transparent 66%, rgba(244, 196, 110, 0.2)) 0 100% / 100% 1px no-repeat;
  pointer-events: none;
}

.ad-skyscraper::after {
  content: "";
  position: absolute;
  inset: 18px 18px auto;
  height: 38%;
  border-radius: var(--radius-sm);
  background:
    radial-gradient(circle at 50% 28%, rgba(244, 196, 110, 0.12), transparent 30%),
    linear-gradient(180deg, rgba(255, 244, 220, 0.035), rgba(127, 25, 23, 0.035)),
    linear-gradient(135deg, transparent 0 47%, rgba(244, 196, 110, 0.05) 47% 49%, transparent 49% 100%);
  box-shadow:
    inset 0 0 0 1px rgba(244, 196, 110, 0.08),
    inset 0 -18px 34px rgba(0, 0, 0, 0.18);
  opacity: 0.9;
  pointer-events: none;
}

.ad-creative {
  position: absolute;
  z-index: 1;
  top: 18px;
  right: 18px;
  left: 18px;
  width: calc(100% - 36px);
  height: 42%;
  border: 1px solid rgba(244, 196, 110, 0.18);
  border-radius: var(--radius-sm);
  object-fit: cover;
  background: #09090a;
  box-shadow: inset 0 -20px 34px rgba(0, 0, 0, 0.24);
}

.ad-skyscraper.has-ad-image::after {
  opacity: 0.2;
}

.ad-banner-link,
.ad-banner-static {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
}

.ad-banner-link[hidden],
.ad-banner-static[hidden] {
  display: none;
}

.ad-banner-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.ad-skyscraper.is-banner-only {
  padding: 0;
}

.ad-skyscraper.is-banner-only::before,
.ad-skyscraper.is-banner-only::after,
.ad-skyscraper.is-banner-only > :not(.ad-banner-link):not(.ad-banner-static) {
  display: none;
}

.ad-skyscraper.is-banner-only .ad-banner-link:focus-visible {
  outline: 2px solid var(--focus-outline);
  outline-offset: -4px;
}

.ad-box span {
  position: relative;
  z-index: 1;
  max-width: 100%;
  padding: 5px 9px;
  border: 1px solid rgba(244, 196, 110, 0.18);
  border-radius: var(--radius-pill);
  background:
    linear-gradient(180deg, rgba(211, 154, 58, 0.12), rgba(127, 25, 23, 0.06));
  color: var(--amber);
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.13em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.ad-box strong {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  max-width: 100%;
  overflow: hidden;
  color: var(--text-strong);
  font-size: 1.12rem;
  font-weight: 850;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ad-box p {
  position: relative;
  z-index: 1;
  max-width: 16ch;
  margin: 0;
  color: rgba(216, 201, 180, 0.82);
  font-size: 0.84rem;
  line-height: 1.5;
}

.ad-box .inline-action {
  position: relative;
  z-index: 1;
  justify-content: center;
  min-height: 36px;
  margin-top: 2px;
  padding: 8px 12px;
  border-color: rgba(244, 196, 110, 0.24);
  border-radius: var(--radius-sm);
  background:
    linear-gradient(180deg, rgba(30, 24, 20, 0.92), rgba(15, 13, 13, 0.96));
  color: #f2d49b;
  box-shadow:
    0 10px 20px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 244, 220, 0.08);
}

.ad-box .inline-action:hover {
  border-color: rgba(244, 196, 110, 0.38);
  background:
    linear-gradient(180deg, rgba(57, 39, 27, 0.94), rgba(18, 15, 14, 0.98));
  color: var(--amber);
  transform: none;
}

.ad-box .inline-action:focus-visible {
  outline: 2px solid var(--focus-outline);
  outline-offset: 3px;
}

.ad-rail-right .ad-skyscraper {
  border-color: rgba(244, 196, 110, 0.27);
  background:
    linear-gradient(180deg, rgba(255, 244, 220, 0.045), transparent 20%),
    radial-gradient(circle at 50% 18%, rgba(244, 196, 110, 0.17), transparent 30%),
    radial-gradient(circle at 50% 62%, rgba(199, 57, 47, 0.13), transparent 34%),
    repeating-linear-gradient(135deg, rgba(244, 196, 110, 0.028) 0 9px, transparent 9px 24px),
    linear-gradient(180deg, #1c1713 0%, #100d0d 52%, #08090c 100%);
}

.ad-rail-right .ad-box .inline-action {
  border-color: rgba(244, 196, 110, 0.3);
  background:
    linear-gradient(180deg, rgba(48, 32, 23, 0.96), rgba(22, 16, 13, 0.98));
  color: #f6d79d;
}

.ad-box p,
.ad-box a,
.ad-box strong {
  min-width: 0;
  overflow-wrap: break-word;
}

.ad-box [hidden] {
  display: none;
}

/* Profile / Guild / Market */
.profile-cover {
  position: relative;
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr) auto;
  align-items: end;
  gap: 18px;
  min-height: 260px;
  padding: 24px;
  background:
    linear-gradient(180deg, rgba(5, 6, 9, 0.2), rgba(5, 6, 9, 0.92)),
    var(--cover);
  background-size: cover;
  background-position: center;
}

.profile-cover.premium-profile {
  border-color: rgba(244, 196, 110, 0.45);
  box-shadow: var(--shadow), 0 0 30px rgba(211, 154, 58, 0.18);
}

.profile-title {
  display: grid;
  gap: 8px;
}

.profile-title h1 {
  margin: 0;
  color: #fff4dc;
  font-size: clamp(2rem, 5vw, 4rem);
}

.profile-cover-refined {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 18px;
  min-height: 0;
  padding: 24px;
  background:
    radial-gradient(circle at 10% 0%, rgba(211, 154, 58, 0.1), transparent 34%),
    radial-gradient(circle at 100% 10%, rgba(199, 57, 47, 0.12), transparent 38%),
    var(--panel-depth-strong);
}

.profile-hero-main {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}

.avatar-profile {
  width: 78px;
  height: 78px;
  border: 2px solid rgba(244, 196, 110, 0.46);
  border-radius: 12px;
  font-size: 1.25rem;
  box-shadow: 0 0 0 4px rgba(127, 25, 23, 0.22), 0 16px 30px rgba(0, 0, 0, 0.28);
}

.profile-identity {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.profile-identity h1 {
  max-width: 100%;
  margin: 0;
  color: #fff4dc;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.02;
}

.profile-badges,
.profile-mini-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.profile-badges > span:not(.rank-chip),
.profile-mini-stats span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(211, 154, 58, 0.15);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 800;
}

.profile-edit-action {
  justify-self: end;
  width: min(210px, 100%);
}

.profile-verification-line {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(211, 154, 58, 0.2);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--muted);
  overflow-wrap: anywhere;
}

.profile-verification-line strong {
  color: #f3ead7;
}

.profile-bio {
  grid-column: 1 / -1;
  max-width: 850px;
  margin: 0;
  color: #d8c9b4;
  line-height: 1.6;
}

.profile-mini-stats {
  grid-column: 1 / -1;
}

.profile-mini-stats span {
  display: grid;
  gap: 1px;
  min-width: 92px;
  min-height: 54px;
  border-radius: 8px;
  text-align: center;
}

.profile-mini-stats strong {
  color: #fff4dc;
  font-size: 1.05rem;
}

.profile-grid-refined {
  grid-template-columns: minmax(240px, 0.8fr) minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
}

.rank-summary-card {
  align-content: start;
}

.rank-progress {
  overflow: hidden;
  height: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
}

.rank-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--red-dark), var(--gold));
}

.avatar,
.mini-avatar {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 7px;
  background: linear-gradient(135deg, var(--gold), var(--orange));
  color: #170b07;
  font-weight: 900;
  box-shadow: inset 0 0 0 1px rgba(255, 244, 220, 0.18);
}

.mini-avatar {
  width: 30px;
  height: 30px;
  font-size: 0.75rem;
}

.avatar-large,
.user-menu .avatar-large {
  width: 34px;
  height: 34px;
}

.avatar-xl {
  width: 88px;
  height: 88px;
  border: 2px solid rgba(244, 196, 110, 0.72);
  font-size: 1.55rem;
}

.avatar-red {
  background: linear-gradient(135deg, #e45a4e, #7f1917);
  color: #fff4dc;
}

.avatar-blue {
  background: linear-gradient(135deg, #74b5d4, #25536a);
  color: #081117;
}

.avatar-violet {
  background: linear-gradient(135deg, #b46cff, #4a2876);
  color: #fff4dc;
}

.avatar-gold {
  background: linear-gradient(135deg, #f2c66e, #8a491b);
  color: #180d07;
}

.profile-grid {
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
}

.stat-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.stat-grid span {
  display: grid;
  gap: 3px;
  padding: 10px;
  border: 1px solid rgba(211, 154, 58, 0.14);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.05);
  color: var(--muted);
}

.stat-grid strong {
  color: #fff4dc;
}


.simple-list {
  display: grid;
  gap: 8px;
}

.simple-list a {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid rgba(211, 154, 58, 0.12);
  color: #eadbc5;
  text-decoration: none;
}

.simple-list span {
  color: var(--muted);
}

.player-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.player-strip a {
  display: grid;
  justify-items: center;
  gap: 7px;
  padding: 14px;
  border: 1px solid rgba(211, 154, 58, 0.14);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.05);
  text-align: center;
  text-decoration: none;
}

.player-strip small {
  color: var(--muted);
}

.item-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(244, 196, 110, 0.35);
  border-radius: var(--radius);
  background: linear-gradient(135deg, rgba(211, 154, 58, 0.92), rgba(127, 25, 23, 0.86));
  color: #170b07;
  font-weight: 950;
}

.rank-roadmap {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.rank-roadmap strong,
.ad-package-grid span {
  color: #f4c46e;
}

.rank-roadmap p,
.ad-package-grid small {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.ad-package-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.role-rules {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 14px;
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
}

/* Footer */
.site-footer {
  position: relative;
  margin-top: var(--space-7);
  border-top: 1px solid rgba(211, 154, 58, 0.18);
  background:
    radial-gradient(circle at 50% 0%, rgba(211, 154, 58, 0.1), transparent 34%),
    radial-gradient(circle at 90% 20%, rgba(127, 25, 23, 0.12), transparent 28%),
    linear-gradient(180deg, rgba(15, 12, 11, 0.98), #050608 74%);
  box-shadow: inset 0 1px 0 rgba(255, 244, 220, 0.04);
}

.site-footer::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(244, 196, 110, 0.42), rgba(127, 25, 23, 0.26), transparent);
  pointer-events: none;
}

.site-footer::after {
  content: "";
  position: absolute;
  inset: 1px 0 auto;
  height: 36px;
  background: linear-gradient(180deg, rgba(244, 196, 110, 0.035), transparent);
  pointer-events: none;
}

.footer-inner {
  display: grid;
  grid-template-columns: minmax(220px, 0.8fr) minmax(0, 2.2fr);
  align-items: start;
  gap: clamp(20px, 3vw, 34px);
  width: min(var(--page-max), calc(100% - (var(--page-gutter) * 2)));
  margin: 0 auto;
  padding: 30px 0 22px;
}

.footer-brand {
  display: grid;
  gap: 9px;
  min-width: 0;
}

.footer-brand strong {
  position: relative;
  width: fit-content;
  max-width: 100%;
  color: var(--text-strong);
  font-size: 1.08rem;
  font-weight: 900;
  letter-spacing: 0.02em;
}

.footer-brand strong::after {
  content: "";
  display: block;
  width: 46px;
  height: 1px;
  margin-top: 8px;
  background: linear-gradient(90deg, rgba(244, 196, 110, 0.72), transparent);
}

.footer-brand p {
  max-width: 31ch;
  margin: 0;
  color: rgba(216, 201, 180, 0.76);
  font-size: 0.9rem;
  line-height: 1.62;
}

.footer-columns {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 24px);
}

.footer-columns section {
  display: grid;
  align-content: start;
  gap: 7px;
  min-width: 0;
}

.footer-columns h3 {
  margin: 0 0 5px;
  color: var(--amber);
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.footer-inner a,
.footer-columns a,
.footer-bottom a {
  width: fit-content;
  max-width: 100%;
  color: rgba(216, 201, 180, 0.78);
  font-size: 0.88rem;
  line-height: 1.55;
  text-decoration: none;
  transition:
    color var(--transition-fast),
    border-color var(--transition-fast),
    transform var(--transition-fast);
}

.footer-inner a:hover,
.footer-columns a:hover,
.footer-bottom a:hover {
  color: var(--amber);
}

.footer-inner a:focus-visible,
.footer-columns a:focus-visible,
.footer-bottom a:focus-visible {
  border-radius: var(--radius-xs);
  outline: 2px solid var(--focus-outline);
  outline-offset: 3px;
}

.footer-bottom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 22px;
  width: min(var(--page-max), calc(100% - (var(--page-gutter) * 2)));
  margin: 0 auto;
  padding: 13px 0 22px;
  border-top: 1px solid rgba(211, 154, 58, 0.12);
  color: rgba(169, 157, 141, 0.78);
  font-size: 0.78rem;
}

.footer-legal,
.footer-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  min-width: 0;
}

.footer-meta {
  justify-content: flex-end;
  text-align: right;
}

.footer-version {
  color: rgba(244, 196, 110, 0.76);
  font-size: 0.78rem;
  font-weight: 700;
  overflow-wrap: break-word;
}

/* Animations */
@keyframes menuIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.thread-list,
.widget-card,
.info-panel,
.stats-strip article {
  animation: menuIn 220ms ease both;
}

/* Design System Foundation */
.auth-card,
.account-card,
.tool-popover,
.profile-popover,
.suggestion-panel,
.thread-list,
.widget-card,
.info-panel,
.portal-card,
.category-card,
.ad-box,
.state-box,
.auth-required,
.profile-cover,
.site-toast {
  border-color: var(--border);
  background-color: var(--surface-1);
  box-shadow: var(--shadow-sm), var(--shadow-xs);
}

.widget-card,
.info-panel,
.portal-card,
.category-card,
.ad-box,
.state-box,
.auth-required,
.thread-list {
  border-radius: var(--radius-lg);
}

.site-header {
  z-index: var(--z-sticky);
}

.profile-popover,
.tool-popover,
.suggestion-panel {
  z-index: var(--z-popover);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(180deg, rgba(20, 21, 23, 0.98), rgba(9, 10, 12, 0.98));
  box-shadow: var(--shadow-lg), var(--glow-gold);
}

.site-toast {
  z-index: var(--z-toast);
}

.nav-button,
.nav-link,
.tab-button,
.guest-button,
.primary,
.ghost,
.hero-button,
.inline-action,
.forum-pagination button,
.header-tools button,
button {
  min-width: 0;
  border-radius: var(--radius-sm);
  letter-spacing: var(--tracking-ui);
  transition:
    transform var(--transition-fast),
    border-color var(--transition),
    background var(--transition),
    color var(--transition),
    box-shadow var(--transition),
    opacity var(--transition-fast),
    filter var(--transition-fast);
}

.primary,
.hero-button {
  min-height: 40px;
  border: 1px solid rgba(244, 196, 110, 0.34);
  background:
    linear-gradient(180deg, rgba(244, 196, 110, 0.96), rgba(188, 112, 42, 0.98));
  color: #17100a;
  box-shadow: 0 10px 22px rgba(211, 154, 58, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.primary:hover,
.hero-button:hover {
  transform: translateY(-1px);
  filter: saturate(1.06) brightness(1.03);
  box-shadow: 0 14px 28px rgba(211, 154, 58, 0.24), var(--focus-ring);
}

.primary:active,
.hero-button:active,
.guest-register:active,
.ghost:active,
.guest-button:active,
.inline-action:active,
.nav-link:active,
.nav-button:active,
.tab-button:active {
  transform: translateY(0);
  filter: brightness(0.96);
}

.ghost,
.ghost-hero,
.inline-action:not(.primary) {
  min-height: 38px;
  border: 1px solid var(--border);
  background:
    linear-gradient(180deg, rgba(255, 244, 220, 0.08), rgba(255, 244, 220, 0.035));
  color: var(--text-soft);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.ghost:hover,
.ghost-hero:hover,
.inline-action:not(.primary):hover {
  border-color: var(--border-strong);
  background: var(--surface-hover);
  color: var(--text-strong);
  box-shadow: var(--glow-gold), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

button:disabled,
.primary:disabled,
.ghost:disabled,
.hero-button:disabled,
.inline-action:disabled,
.is-disabled {
  cursor: not-allowed;
  opacity: 0.52;
  transform: none;
  filter: grayscale(0.28);
  box-shadow: none;
}

button[aria-busy="true"],
.is-loading,
.loading {
  position: relative;
  pointer-events: none;
}

button[aria-busy="true"]::after,
.is-loading::after,
.loading::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: var(--space-2);
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: var(--radius-pill);
  vertical-align: -0.16em;
  animation: spin 760ms linear infinite;
}

input,
select,
textarea {
  border-color: var(--border);
  border-radius: var(--radius-sm);
  background:
    linear-gradient(180deg, rgba(14, 15, 17, 0.98), rgba(8, 9, 11, 0.98));
  color: var(--text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  transition:
    border-color var(--transition),
    background var(--transition),
    box-shadow var(--transition),
    color var(--transition);
}

input:hover,
select:hover,
textarea:hover {
  border-color: rgba(211, 154, 58, 0.28);
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(244, 196, 110, 0.58);
  background: #0f1012;
  box-shadow: var(--focus-ring), inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

input:disabled,
select:disabled,
textarea:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

input:invalid:not(:placeholder-shown),
textarea:invalid:not(:placeholder-shown),
select:invalid {
  border-color: rgba(224, 92, 67, 0.58);
  box-shadow: 0 0 0 3px rgba(224, 92, 67, 0.12);
}

input[type="checkbox"],
input[type="radio"] {
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  accent-color: var(--gold);
}

textarea {
  line-height: var(--leading-body);
}

.widget-card,
.info-panel,
.portal-card,
.category-card,
.thread-card,
.ad-box,
.stats-strip article,
.player-strip a,
.stat-grid span,
.suggestion-item {
  transition:
    transform var(--transition),
    border-color var(--transition),
    background var(--transition),
    box-shadow var(--transition);
}

.widget-card:hover,
.info-panel:hover,
.portal-card:hover,
.category-card:hover,
.player-strip a:hover,
.stat-grid span:hover,
.suggestion-item:hover {
  border-color: var(--border-strong);
  box-shadow: var(--shadow-md), var(--glow-gold);
}

.status-badge,
.rank-chip,
.tag-chip,
.premium-badge,
.profile-badges > span:not(.rank-chip),
.profile-mini-stats span,
.filter-summary span,
.forum-pagination span {
  border-radius: var(--radius-pill);
  letter-spacing: var(--tracking-ui);
}

.skeleton-card span,
.skeleton-card b,
.skeleton-card i,
.skeleton-line,
.skeleton {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.045), rgba(211, 154, 58, 0.16), rgba(255, 255, 255, 0.045));
  background-size: 220% 100%;
  animation: skeleton 1.4s ease-in-out infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* Responsive */
.notification-settings form{display:grid;gap:18px}.setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.setting-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid rgba(211,150,52,.18);border-radius:11px;background:#111114}.setting-toggle span{display:grid;gap:3px}.setting-toggle input{width:20px;height:20px;accent-color:#d79d3f}.volume-setting{display:grid;gap:10px;padding:14px;border:1px solid rgba(211,150,52,.18);border-radius:11px}.volume-setting span{display:flex;justify-content:space-between}.volume-setting input{width:100%;accent-color:#d79d3f}@media(max-width:650px){.setting-grid{grid-template-columns:1fr}}
.notification-mute-toggle{border-color:rgba(211,150,52,.36);background:linear-gradient(135deg,rgba(211,150,52,.11),#111114)}.notification-setting-title{margin:2px 0 -8px;color:#d9a34b;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase}.notification-settings-actions{justify-content:flex-end}.notification-category-grid .setting-toggle{min-height:54px}@media(max-width:650px){.notification-settings-actions{display:grid;grid-template-columns:1fr 1fr}.notification-settings-actions button{width:100%}.notification-settings-actions #testNotificationSound{grid-column:1/-1}}
.notification-sound-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:14px;border:1px solid rgba(211,150,52,.18);border-radius:11px;background:#111114}.notification-sound-picker label{display:grid;gap:7px}.notification-sound-picker select{width:100%;min-height:42px;border:1px solid rgba(211,150,52,.26);border-radius:8px;background:#0c0c0e;color:#f3eadb;padding:9px 10px}.notification-sound-picker button{min-width:100px}@media(max-width:650px){.notification-sound-picker{grid-template-columns:1fr}.notification-sound-picker button{width:100%}}
.message-center{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);min-height:620px;border:1px solid rgba(211,150,52,.25);border-radius:16px;overflow:hidden;background:#0d0d0f}.conversation-sidebar{border-right:1px solid rgba(211,150,52,.18);background:#111114}.message-user-search{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px;border-bottom:1px solid rgba(211,150,52,.15)}.message-user-search input{min-width:0}.message-user-result{display:block;width:calc(100% - 28px);margin:8px 14px;padding:10px;text-align:left;color:#f2d39a;background:#19171a;border:1px solid rgba(211,150,52,.2);border-radius:9px}.conversation-list{display:grid;max-height:560px;overflow:auto}.conversation-row{display:grid;gap:4px;padding:14px;color:#aaa;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.05)}.conversation-row:hover,.conversation-row.is-active{background:rgba(188,112,25,.14)}.conversation-row b{display:flex;justify-content:space-between;color:#f1e7d6}.conversation-row b i{min-width:20px;padding:2px 6px;border-radius:10px;color:#170d05;background:#e1a23d;text-align:center;font-style:normal}.conversation-row small{font-size:.7rem}.conversation-pane{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.conversation-pane>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(211,150,52,.15)}.conversation-pane>header>div{display:flex;gap:8px;align-items:center}.conversation-pane>header>div:first-child{display:grid}.message-stream{display:flex;flex-direction:column;gap:10px;max-height:510px;overflow:auto;padding:20px}.message-bubble{align-self:flex-start;max-width:min(76%,620px);padding:10px 13px;border-radius:13px 13px 13px 4px;background:#222126;color:#eee}.message-bubble.is-own{align-self:flex-end;border-radius:13px 13px 4px 13px;background:linear-gradient(135deg,#6f3519,#9a4a21)}.message-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.message-content{overflow-wrap:anywhere}.message-content>:first-child{margin-top:0}.message-content>:last-child{margin-bottom:0}.message-content blockquote{margin:.35rem 0;padding:.35rem .7rem;border-left:3px solid #d39a38;background:rgba(0,0,0,.2)}.message-content a{color:#ffd477}.message-bubble small{display:block;margin-top:5px;text-align:right;color:#c3b6a3}.read-mark{color:#aaa}.read-mark.is-read{color:#65c8ff}.message-composer{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:14px;border-top:1px solid rgba(211,150,52,.15)}.message-composer.is-dragging{outline:2px dashed #d39a38;outline-offset:-6px;background:rgba(211,154,56,.06)}.message-composer textarea{resize:none;min-width:0}.message-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.message-toolbar button{width:auto;min-width:34px;padding:6px 9px}.message-submit{justify-self:end;min-width:120px}.message-empty{place-self:center}.tool-button{position:relative}.tool-dot:not([hidden]){display:block}
.message-center.has-peer-profile{grid-template-columns:minmax(230px,280px) minmax(0,1fr) minmax(250px,285px)}.message-peer-profile{min-width:0;border-left:1px solid rgba(211,150,52,.18);background:#111114}.message-peer-profile-content{padding:18px}.message-peer-card{display:grid;justify-items:center;gap:13px;text-align:center}.message-profile-avatar{width:92px!important;height:92px!important;min-width:92px;font-size:1.45rem;border:2px solid rgba(226,168,87,.5);box-shadow:0 10px 28px rgba(0,0,0,.35)}.message-peer-identity{display:grid;gap:4px;min-width:0}.message-peer-identity strong{overflow-wrap:anywhere;color:#f4e7d1;font-size:1rem}.message-peer-identity small{color:#9f978b}.message-peer-identity>span{justify-self:center;padding:3px 8px;border:1px solid rgba(226,168,87,.24);border-radius:999px;color:#d9a34b;font-size:.7rem}.message-peer-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;padding-top:12px;border-top:1px solid rgba(226,168,87,.16)}.message-peer-stats span{display:grid;gap:2px;padding:9px 6px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:rgba(0,0,0,.18)}.message-peer-stats small{color:#8f887d;font-size:.68rem}.message-peer-stats strong{color:#e5b360}.message-profile-link{width:100%;justify-content:center}.message-profile-loading,.message-profile-fallback{display:grid;justify-items:center;gap:10px;padding:34px 10px;color:#aaa;text-align:center}.message-profile-fallback strong{color:#e6d8c3}.message-profile-trigger{min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.message-profile-trigger:hover strong,.message-profile-trigger:focus-visible strong{color:#e5b360}.message-profile-trigger:focus-visible{outline:1px solid rgba(226,168,87,.55);outline-offset:5px;border-radius:8px}.conversation-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.message-profile-dialog{width:min(390px,calc(100vw - 28px))}.message-profile-dialog>header{margin-bottom:12px}.message-profile-dialog .message-peer-card{padding:4px 6px 8px}
.message-image-tools{display:grid;gap:8px}.message-image-tools small{color:#a99d8b}.message-image-preview,.message-images{display:flex;gap:8px;flex-wrap:wrap}.message-image-preview figure{position:relative;display:grid;grid-template-columns:56px minmax(0,110px);align-items:center;gap:7px;margin:0;padding:5px 30px 5px 5px;border:1px solid rgba(226,168,87,.25);border-radius:9px;background:#161519}.message-image-preview img{width:56px;height:56px;object-fit:cover;border:1px solid rgba(226,168,87,.35);border-radius:8px}.message-image-preview figcaption{overflow:hidden;color:#cfc4b4;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.message-image-preview button{position:absolute;top:4px;right:4px;width:24px;height:24px;padding:0;border:0;border-radius:50%;color:#fff;background:#8d2d2d}.message-images{margin-top:9px}.message-image{display:block;overflow:hidden;border:1px solid rgba(226,168,87,.3);border-radius:9px}.message-image img{display:block;width:min(180px,38vw);height:130px;object-fit:cover;transition:transform .2s ease}.message-image:hover img{transform:scale(1.03)}
@media(max-width:760px){.message-center{grid-template-columns:1fr}.conversation-sidebar{border-right:0;border-bottom:1px solid rgba(211,150,52,.18)}.conversation-list{max-height:210px}.conversation-pane{min-height:520px}.message-bubble{max-width:88%}.conversation-pane>header{align-items:flex-start}.message-composer{grid-template-columns:minmax(0,1fr)}.message-submit{width:100%;justify-self:stretch}.message-toolbar button{width:auto}.message-image-preview figure{grid-template-columns:48px minmax(0,1fr);flex:1 1 180px}.message-image-preview img{width:48px;height:48px}}
@media(max-width:1120px){.message-center.has-peer-profile{grid-template-columns:minmax(230px,300px) minmax(0,1fr)}.message-peer-profile{display:none}}

.conversation-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 10px}.conversation-sidebar-head>div{display:grid;gap:2px}.conversation-sidebar-head strong{color:#f4e7d1}.conversation-sidebar-head small{color:#8f887d}.conversation-sidebar-head>span{padding:4px 8px;border:1px solid rgba(226,168,87,.26);border-radius:999px;color:#e2a857;font-size:.72rem;font-weight:700}.conversation-filter{display:block;padding:0 14px 10px}.conversation-filter input{width:100%;min-width:0}.conversation-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.conversation-row .avatar{width:40px;height:40px;min-width:40px}.conversation-row-copy{display:grid;min-width:0;gap:4px}.conversation-row-copy b{display:block;overflow:hidden;color:#f1e7d6;text-overflow:ellipsis;white-space:nowrap}.conversation-row-copy>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-row-meta{display:grid;justify-items:end;align-self:stretch;align-content:center;gap:7px}.conversation-row-meta i{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#c83f31;color:#fff;font-size:.68rem;font-style:normal;font-weight:800}.conversation-row.is-unread{background:rgba(211,150,52,.09);box-shadow:inset 3px 0 #d39a3a}.conversation-row.is-unread .conversation-row-copy b{color:#ffd78a}.conversation-filter-empty{padding:18px}.conversation-peer{display:flex!important;align-items:center!important;gap:10px!important}.conversation-peer .avatar{width:42px;height:42px;min-width:42px}.conversation-peer>span{display:grid;gap:2px}.message-stream{scroll-behavior:smooth}.tool-dot[hidden]{display:none!important}

@media(max-width:760px){.message-center.has-peer-profile{grid-template-columns:1fr}.conversation-sidebar-head{padding-top:13px}.conversation-row{padding:11px 14px}.conversation-pane>header{flex-wrap:wrap}.conversation-actions{width:100%;justify-content:flex-end}.message-profile-trigger{max-width:100%}.message-profile-trigger>span{min-width:0}.message-profile-trigger strong,.message-profile-trigger small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-toolbar{gap:5px}.message-toolbar button{min-width:32px;padding:6px 8px}}

@media (max-width: 1799px) {
  :root {
    --page-max: 1240px;
    --sidebar-width: 310px;
  }
}

@media (max-width: 1365px) {
  .ad-rail {
    position: static;
    width: 100%;
    max-width: 100%;
    margin-bottom: var(--space-3);
    pointer-events: auto;
  }

  .ad-rail-left,
  .ad-rail-right {
    right: auto;
    left: auto;
  }

  .ad-skyscraper {
    position: relative;
    top: auto;
    height: auto;
    min-height: 132px;
    max-height: none;
    align-content: center;
    padding: 18px 20px;
  }

  .ad-skyscraper::after {
    inset: 14px 16px auto;
    height: 42px;
  }

  .ad-box p {
    max-width: 34ch;
  }
}

@media (max-width: 1365px) {
  :root {
    --page-max: 1180px;
  }

  .ad-rail-left {
    display: none;
  }
}

@media (max-width: 1120px) {
  :root {
    --page-gutter: 14px;
    --layout-gap: 16px;
  }

  .header-inner {
    width: min(100%, calc(100% - 22px));
  }

  .header-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .topnav {
    order: 2;
    flex: 1 1 100%;
    width: 100%;
  }

  .user-menu .guest-card {
    margin-left: auto;
  }

  .guest-identity small {
    display: none;
  }

  .profile-grid,
  .profile-grid-refined {
    grid-template-columns: 1fr;
  }

  .ad-rail-right {
    display: block;
  }

  .toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .toolbar .search {
    grid-column: 1 / -1;
  }

  .rank-roadmap,
  .ad-package-grid,
    .player-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1099px) {
  .stats-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .footer-inner {
    grid-template-columns: 1fr;
  }

  .footer-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .footer-bottom {
    grid-template-columns: 1fr;
  }

  .footer-meta {
    justify-content: flex-start;
    text-align: left;
  }

  .thread-card {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .feed-ad {
    width: min(78%, 660px);
  }

  .thread-side {
    grid-column: 2;
    border-left: 0;
    padding-left: 0;
  }
}

@media (max-width: 920px) {
  .hero {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .hero-copy {
    padding-right: clamp(24px, 5vw, 44px);
  }

  .hero-actions {
    width: 100%;
  }

}

@media (max-width: 768px) {
  .page {
    margin-top: var(--space-3);
    margin-bottom: var(--space-7);
  }

  .hero {
    border-radius: var(--radius-lg);
  }

  .hero h1 {
    font-size: clamp(2.35rem, 12vw, 3.3rem);
  }

  .thread-card {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 10px;
    padding: 13px;
  }

  .feed-ad {
    grid-template-columns: 64px minmax(0, 1fr) auto;
    min-height: 84px;
    gap: 12px;
    padding: 9px 13px;
  }

  .feed-ad__image {
    width: 64px;
    height: 64px;
  }

  .thread-side {
    grid-column: 1 / -1;
    border-left: 0;
    padding-left: 0;
  }

  .thread-main {
    gap: 6px;
  }

  .thread-card h3 {
    font-size: 0.96rem;
  }

  .thread-meta {
    font-size: 0.76rem;
  }

  .profile-cover {
    grid-template-columns: 1fr;
  }

  .profile-cover-refined {
    grid-template-columns: 1fr;
  }

  .profile-hero-main {
    align-items: flex-start;
  }

  .profile-edit-action {
    justify-self: stretch;
    width: 100%;
  }
}

@media (max-width: 640px) {
  .feed-ad {
    width: 100%;
  }
}

@media (max-width: 720px) {
  :root {
    --page-gutter: 9px;
  }

  .email-verification-banner {
    align-items: stretch;
    flex-direction: column;
    width: calc(100% - 28px);
  }

  .header-inner,
  .header-actions,
  .user-menu {
    align-items: stretch;
    flex-direction: column;
  }

  .topnav,
  .toolbar,
  .form-grid,
  .form-grid.triple,
  .rank-roadmap,
  .ad-package-grid,
  .role-rules,
  .player-strip,
  .footer-inner,
  .footer-columns {
    grid-template-columns: 1fr;
  }

  .stats-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .footer-inner {
    padding: 24px 0 18px;
  }

  .footer-columns {
    gap: 16px;
  }

  .footer-bottom {
    padding-bottom: 18px;
  }

  .topnav {
    display: grid;
    width: 100%;
    gap: 6px;
    padding: 5px;
  }

  .ad-box {
    padding: 16px 14px;
  }

  .ad-skyscraper {
    min-height: 150px;
  }

  .ad-box .inline-action {
    width: 100%;
  }

  .toolbar .search {
    grid-column: auto;
  }

  .toolbar {
    padding: 9px;
  }

  .topnav,
  .header-tools {
    justify-content: stretch;
  }

  .nav-button,
  .nav-link,
  .header-tools button {
    flex: 1;
  }

  .user-menu .account-card,
  .user-menu .guest-card {
    width: 100%;
    min-width: 0;
  }

  .user-menu .guest-card {
    margin-left: 0;
  }

  .guest-identity small {
    display: block;
  }

  .tool-popover,
  .profile-popover,
  .suggestion-panel {
    left: 0;
    right: auto;
    width: 100%;
    max-width: 100%;
    max-height: min(560px, calc(100vh - 24px));
  }

  .notification-popover {
    inset-inline: 0;
    width: 100%;
    max-width: 100%;
  }

  .notification-head {
    gap: 8px;
  }

  .notification-head-actions {
    gap: 2px;
  }

  .notification-head-actions .notification-icon-action {
    flex-basis: 27px;
    width: 27px;
    height: 27px;
    min-width: 27px;
  }

  .popover-list {
    max-height: min(330px, calc(100vh - 250px));
  }

  .hero-copy::before {
    display: none;
  }

  .hero-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .hero .hero-button {
    min-width: 0;
    width: 100%;
  }

  .thread-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ad-rail {
    margin-bottom: var(--space-3);
  }

  .ad-skyscraper {
    min-height: 118px;
  }
}

@media (max-width: 430px) {
  .page,
  .header-inner,
  .footer-inner,
  .footer-bottom {
    width: min(100%, calc(100% - 18px));
  }

  .hero-copy {
    padding: 22px;
  }

  .hero-actions {
    width: 100%;
    grid-template-columns: 1fr;
  }

  .stats-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero-button,
  .inline-action {
    width: 100%;
  }

  .stats-strip article,
  .toolbar,
  .thread-list,
  .ad-box {
    border-radius: var(--radius-md);
  }

  .thread-card {
    grid-template-columns: 1fr;
  }

  .feed-ad {
    grid-template-columns: 56px minmax(0, 1fr);
    min-height: 92px;
    gap: 10px;
    padding: 10px 11px;
  }

  .feed-ad__image {
    width: 56px;
    height: 56px;
  }

  .feed-ad__description {
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .feed-ad__cta {
    grid-column: 2;
    justify-self: start;
    min-height: 34px;
    padding: 0 11px;
  }

  .thread-avatar {
    display: none;
  }

  .user-menu .guest-card {
    align-items: stretch;
    flex-direction: column;
  }

  .guest-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .guest-button {
    padding: 0 9px;
    font-size: 0.78rem;
  }

  .notification-head {
    align-items: center;
    flex-direction: row;
  }

  .read-all-action {
    width: auto;
    max-width: 180px;
    white-space: normal;
  }

  .code-grid {
    gap: 5px;
  }

  .code-grid input {
    min-height: 48px;
    font-size: 1.05rem;
  }

  .thread-side {
    grid-column: 1 / -1;
  }

  .profile-hero-main {
    flex-direction: column;
  }

  .profile-identity h1 {
    font-size: clamp(1.7rem, 12vw, 2.3rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }
}

.thread-metrics {
  gap: 0;
  padding: 0 4px;
  border: 1px solid rgba(210, 151, 55, .16);
  border-radius: 10px;
  background: rgba(7, 7, 8, .38);
}

.thread-metrics span {
  min-width: 68px;
  border: 0;
  border-radius: 0;
  background: transparent;
  position: relative;
}

.thread-metrics span + span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 20%;
  bottom: 20%;
  width: 1px;
  background: rgba(210, 151, 55, .14);
}

.status-badge-solved {
  color: #8ee7ac;
  border-color: rgba(68, 190, 110, .55);
  background: rgba(29, 112, 59, .18);
}

.markdown-body { color: #d8d0c2; line-height: 1.78; overflow-wrap: anywhere; }
.markdown-body > :first-child { margin-top: 0; }
.markdown-body > :last-child { margin-bottom: 0; }
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4 { color: #fff0ce; line-height: 1.25; margin: 1.25em 0 .5em; }
.markdown-body h1 { font-size: 1.65rem; }
.markdown-body h2 { font-size: 1.4rem; }
.markdown-body h3 { font-size: 1.18rem; }
.markdown-body p, .markdown-body ul, .markdown-body ol, .markdown-body blockquote, .markdown-body pre { margin: .75em 0; }
.markdown-body ul, .markdown-body ol { padding-left: 1.5rem; }
.markdown-body strong { color: #f5d28f; }
.markdown-body a { color: #e7ad4b; text-decoration: underline; text-underline-offset: 3px; }
.markdown-body hr { border: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(220,157,61,.65), transparent); margin: 1.5rem 0; }
.markdown-body blockquote { border-left: 3px solid #b77825; padding: .6rem 1rem; background: rgba(177,111,31,.08); color: #c9beae; }
.markdown-body code { font-family: Consolas, monospace; background: #090909; color: #f0bd64; border: 1px solid rgba(210,151,55,.18); border-radius: 5px; padding: .12em .35em; }
.markdown-body pre { padding: 1rem; overflow: auto; border: 1px solid rgba(210,151,55,.2); border-radius: 10px; background: #080809; }
.markdown-body pre code { padding: 0; border: 0; }
.thread-detail-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.thread-like-button.is-active { color: #f3c66e; border-color: rgba(231,173,75,.7); }
.thread-closed-notice { margin-top: 16px; padding: 14px 16px; border: 1px solid rgba(72,190,111,.35); border-radius: 10px; color: #9ee4b4; background: rgba(27,96,50,.13); }
.detail-head>h1{margin:8px 0 4px;color:#fff1d2;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.16;letter-spacing:-.02em}.detail-head>.markdown-body{color:#d4cec4;font-size:.98rem;line-height:1.72}.thread-detail-category,.thread-author-link,.reputation-link{color:inherit;text-decoration:none}.thread-detail-category:hover,.thread-author-link:hover,.reputation-link:hover{text-decoration:underline;text-underline-offset:3px}.thread-edited-at{color:#bca77f}.thread-dialog form{gap:14px}.thread-dialog header>div{display:grid;gap:4px}.thread-dialog input,.thread-dialog select,.thread-dialog textarea{width:100%;border:1px solid rgba(218,153,44,.28);border-radius:10px;background:#09090a;color:#f0e9dd;padding:11px 12px;font:inherit}.thread-dialog textarea{min-height:220px;resize:vertical;line-height:1.55}.thread-current-category{margin:0;padding:10px 12px;border:1px solid rgba(218,153,44,.16);border-radius:9px;color:#aaa;background:rgba(255,255,255,.025)}.thread-current-category strong{color:#efc16c}

.forum-showcase { display: grid; gap: 22px; }
.showcase-block { overflow: hidden; border: 1px solid rgba(211,150,52,.25); border-radius: 15px; background: linear-gradient(145deg, rgba(19,19,21,.97), rgba(8,8,9,.98)); box-shadow: 0 18px 46px rgba(0,0,0,.2); }
.showcase-block > header { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding: 22px 22px 17px; border-bottom: 1px solid rgba(211,150,52,.14); }
.showcase-block > header h2 { margin: 5px 0 3px; color: #fff0d0; font-size: clamp(1.25rem,2vw,1.7rem); }
.showcase-block > header p { margin: 0; color: #968d80; }
.showcase-thread-list .thread-card { border-width: 0 0 1px; border-radius: 0; }
.showcase-thread-list .thread-card:last-child { border-bottom: 0; }
.showcase-block > footer { display: none; padding: 14px 18px; border-top: 1px solid rgba(211,150,52,.12); text-align: right; }
.showcase-more { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; padding: 9px 13px; border: 1px solid rgba(223,160,58,.38); border-radius: 9px; color: #efc373; background: rgba(129,75,16,.12); font-weight: 800; text-decoration: none; transition: .2s ease; }
.showcase-more:hover { color: #fff0c9; border-color: rgba(239,180,78,.72); background: rgba(157,91,19,.22); transform: translateY(-1px); }
.showcase-ad-placeholder { min-height: 118px; display: flex; align-items: center; justify-content: center; gap: 18px; border: 1px dashed rgba(211,150,52,.34); border-radius: 14px; color: #a39989; background: linear-gradient(90deg, rgba(94,53,12,.08), rgba(19,19,20,.75), rgba(94,53,12,.08)); }
.showcase-ad-placeholder a { color: #efbf69; font-weight: 800; }
.forum-directory-page { max-width: 1320px; padding-top: 36px; }
.forum-directory-head { margin-bottom: 20px; padding: 26px; border: 1px solid rgba(211,150,52,.24); border-radius: 15px; background: linear-gradient(135deg, rgba(122,69,13,.14), rgba(9,9,10,.92)); }
.forum-directory-head h1 { margin: 7px 0 5px; color: #fff0ce; }
.forum-directory-head p { margin: 0; color: #a69c8c; }
@media (max-width: 720px) { .showcase-block > header .showcase-more { display: none; } .showcase-block > footer { display: block; } .showcase-ad-placeholder { min-height: 90px; flex-direction: column; gap: 7px; } }

.content-sidebar { position: absolute; top: -16px; bottom: 0; width: 230px; height: auto; max-height: none; z-index: 18; }
.content-sidebar[hidden] { display: none; }
.content-sidebar-left { right: calc(100% + clamp(20px,2vw,34px)); left: auto; }
.content-sidebar-right { left: calc(100% + clamp(20px,2vw,34px)); right: auto; }
.guest-tool-notice{padding:18px;text-align:center}.guest-tool-notice p{color:#a99f90;line-height:1.5}.guest-notification-panel{min-width:290px}
.site-footer{border-top-color:rgba(224,164,65,.32);background:radial-gradient(circle at 50% 0%,rgba(211,154,58,.13),transparent 38%),linear-gradient(180deg,#100d0c,#050506 76%)}.footer-inner{padding-top:36px}.footer-columns h3{color:#efb85c;font-size:.82rem}.footer-inner a,.footer-columns a,.footer-bottom a{color:rgba(236,220,197,.82);font-size:.91rem}.footer-bottom{padding-block:17px 24px;font-size:.82rem}
.section-v3-container { position: relative; overflow: hidden; border: 1px solid rgba(212,151,52,.38); border-radius: 14px; background: radial-gradient(circle at 50% 18%,rgba(203,121,31,.24),transparent 30%), repeating-linear-gradient(135deg,rgba(255,197,95,.025) 0 1px,transparent 1px 12px), linear-gradient(180deg,#21150d 0%,#0b0b0d 48%,#100b08 100%); box-shadow: inset 0 1px rgba(255,220,153,.08),0 18px 50px rgba(0,0,0,.32); }
.content-side-panel { position: relative; top: auto; width: 230px; height: 950px; min-height: 950px; overflow: hidden; padding: 0; border: 0; border-radius: 0; background: #09090b; box-shadow: none; }
.section-v3-cover-link { position: absolute; inset: 0; z-index: 2; }
.section-v3-placeholder-image { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; }
.inner-visual-link,.inner-visual-frame { position: absolute; inset: 0; display: block; }
.inner-visual-link[hidden],.inner-visual-frame[hidden] { display: none; }
.inner-visual-media { width: 100%; height: 100%; object-fit: contain; display: block; background: #09090b; }
.inner-visual-media.is-exact-rail { object-fit: cover; }
/* Dikey reklam: hareket yalnız görsel katmanında; sticky rail ve tıklama alanı sabit kalır. */
.content-side-panel .inner-visual-media { transform-origin: center; animation: rail-banner-breathe 8s ease-in-out infinite; }
.content-side-panel .inner-visual-link::before,
.content-side-panel .inner-visual-frame::before,
.content-side-panel .inner-visual-link::after,
.content-side-panel .inner-visual-frame::after { content: ""; position: absolute; inset: 0; pointer-events: none; }
.content-side-panel .inner-visual-link::before,
.content-side-panel .inner-visual-frame::before { z-index: 1; background: radial-gradient(ellipse 85% 24% at 50% 24%, rgba(232, 166, 64, .075), transparent 72%); }
.content-side-panel .inner-visual-link::after,
.content-side-panel .inner-visual-frame::after {
  z-index: 2;
  background-image: radial-gradient(circle 1px at 16% 78%, #f6cb77 90%, transparent), radial-gradient(circle 1px at 82% 72%, #e8a644 90%, transparent), radial-gradient(circle 1px at 31% 54%, #f4bb64 90%, transparent), radial-gradient(circle 1px at 74% 43%, #edb554 90%, transparent), radial-gradient(circle 1px at 23% 27%, #d18b35 90%, transparent), radial-gradient(circle 1px at 88% 18%, #f4c672 90%, transparent);
  opacity: .12;
  animation: rail-embers-drift 12s ease-in-out infinite;
}
@keyframes rail-banner-breathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.016); } }
@keyframes rail-embers-drift { 0%, 100% { opacity: .08; transform: translateY(0); } 50% { opacity: .19; transform: translateY(-10px); } }
@media (prefers-reduced-motion: reduce) {
  .content-side-panel .inner-visual-media,
  .content-side-panel .inner-visual-link::after,
  .content-side-panel .inner-visual-frame::after { animation: none; transform: none; }
}
.section-v3-size { position: absolute; top: 9px; right: 9px; left: auto; z-index: 3; transform: none; padding: 4px 8px; border: 1px solid rgba(239,190,102,.2); border-radius: 999px; color: rgba(255,232,190,.66); background: rgba(5,5,6,.52); font-size: .64rem; font-weight: 800; line-height: 1; letter-spacing: .04em; white-space: nowrap; pointer-events: none; backdrop-filter: blur(4px); }
@media (max-width: 1840px) { .content-sidebar { display: none !important; } }
@media (min-width: 1841px) {
  .content-sidebar { width: 230px; min-width: 230px; max-width: 230px; }
  .content-side-panel { position: sticky; top: 71px; width: 230px; min-width: 230px; max-width: 230px; height: 950px; min-height: 950px; max-height: 950px; flex: 0 0 230px; }
}
.section-v3-strip { width: min(960px,calc(100% - 72px)); margin: 32px auto; padding: 0 12px; }
.section-v3-strip .inner-wrapper-row { margin: 0; }
.inner-wrapper-row { width: min(960px,calc(100% - 56px)); margin: 30px auto; padding: 0 8px; }
.section-v3-card { min-height: 72px; max-height: 88px; display: grid; grid-template-columns: 68px 1fr auto; gap: 14px; align-items: center; overflow: hidden; padding: 9px 12px; border: 1px solid rgba(211,150,52,.22); border-radius: 12px; color: inherit; text-decoration: none; background: linear-gradient(110deg,rgba(79,45,12,.14),rgba(12,12,13,.98)); box-shadow: 0 12px 30px rgba(0,0,0,.2); }
.section-v3-card { position: relative; }
.section-v3-size-row { top: 6px; left: auto; right: 8px; transform: none; padding: 3px 6px; font-size: .6rem; opacity: .78; }
.section-v3-card-visual { display: block; padding: 0; }
.section-v3-media-wide { display: block; width: 100%; aspect-ratio: 12 / 1; min-height: 68px; max-height: 88px; object-fit: cover; }
.section-v3-placeholder-wide { display: block; width: 100%; height: 100%; min-height: 0; max-height: none; object-fit: cover; }
.section-v3-media { width: 68px; height: 54px; aspect-ratio: 5 / 4; object-fit: cover; border-radius: 8px; }
.section-v3-placeholder { display: grid; place-items: center; color: #efbb60; background: rgba(126,73,16,.28); font-weight: 900; }
.section-v3-placeholder-card { width: min(728px,100%); height: auto; aspect-ratio: 728 / 90; min-height: 0; max-height: none; margin-inline: auto; background: #09090b; }
.section-v3-mark { display: grid; place-items: center; width: 58px; height: 52px; border: 1px solid rgba(227,161,61,.36); border-radius: 9px; color: #f2bf68; background: radial-gradient(circle at 35% 25%,rgba(189,107,24,.5),rgba(35,20,9,.9)); font-family: Georgia,serif; font-size: .76rem; font-weight: 900; letter-spacing: -.02em; box-shadow: inset 0 1px rgba(255,222,160,.1),0 0 22px rgba(191,109,24,.1); }
.section-v3-copy { display: grid; gap: 4px; }
.section-v3-label { color: #d79d3f; font-size: .67rem; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; }
.section-v3-title { color: #fff0d0; }
.section-v3-description { color: #a99f90; }
.section-v3-action { color: #efbd68; font-weight: 800; }
@media (max-width: 650px) { .section-v3-strip,.inner-wrapper-row { width: calc(100% - 28px); margin: 22px auto; padding: 0; } .section-v3-card { grid-template-columns: 58px 1fr; } .section-v3-media { width: 58px; height: 50px; } .section-v3-action { display: none; } }

.content-login-gate { display: grid; grid-template-columns: 54px 1fr; gap: 16px; align-items: start; margin-top: 20px; padding: 22px; border: 1px solid rgba(222,158,55,.34); border-radius: 14px; background: linear-gradient(135deg, rgba(132,77,17,.16), rgba(10,10,11,.88)); box-shadow: inset 0 1px rgba(255,218,150,.08), 0 16px 40px rgba(0,0,0,.22); }
.content-login-gate__icon { display: grid; place-items: center; width: 54px; height: 54px; border: 1px solid rgba(236,174,67,.55); border-radius: 12px; color: #ffd78b; background: radial-gradient(circle at 30% 25%, #9f5c19, #3c210c 70%); font-weight: 900; letter-spacing: .04em; box-shadow: 0 0 24px rgba(215,137,39,.15); }
.content-login-gate strong { display: block; color: #fff0ce; font-size: 1.08rem; margin-bottom: 5px; }
.content-login-gate p { margin: 0; color: #bdb3a4; line-height: 1.6; }
.content-login-gate__actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 16px; }
@media (max-width: 560px) { .content-login-gate { grid-template-columns: 1fr; } }

.topnav {
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
}

.topnav::-webkit-scrollbar {
  display: none;
}

.topnav .nav-link {
  padding-inline: 10px;
  font-size: 0.78rem;
}

@media (min-width: 1201px) {
  .header-actions {
    justify-content: flex-end;
    column-gap: 12px;
  }

  .topnav {
    flex: 0 1 auto;
    margin-right: 0;
  }

  .user-menu {
    flex: 0 0 auto;
    margin-left: 18px;
  }
}

@media (max-width: 1200px) {
  .header-actions {
    column-gap: 14px;
  }

  .user-menu {
    margin-left: 0;
  }
}

@media (max-width: 720px) {
  .topnav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .topnav .nav-link {
    white-space: normal;
  }

  .topnav .nav-link:first-child,
  .topnav .nav-link:nth-child(5),
  .topnav .nav-link:last-child {
    grid-column: 1 / -1;
  }
}

.global-shell .header-inner { display: grid; grid-template-columns: minmax(190px,1fr) minmax(0,auto) minmax(370px,1fr); align-items: center; justify-content: space-between; gap: clamp(20px,2.2vw,42px); width: calc(100% - clamp(28px,3vw,64px)); max-width: none; }
.global-shell .header-inner > .brand { justify-self: start; }
.global-shell .header-inner > .topnav { justify-self: center; justify-content: center; gap: clamp(8px,1vw,16px); min-width: 0; overflow-x: auto; }
.global-shell .header-inner > .user-menu { justify-self: end; display: flex; align-items: center; justify-content: flex-end; min-width: 0; }
.global-shell .page { min-width: 0; }
.global-shell .page > *, .global-shell .main-column, .global-shell .layout { min-width: 0; max-width: 100%; }

@media (min-width: 1781px) {
  .global-shell .content-sidebar { max-width: min(250px,13vw); }
}

@media (max-width: 1480px) {
  .global-shell .header-inner { grid-template-columns: auto 1fr; gap: 12px 20px; padding: 10px 0; }
  .global-shell .header-inner > .brand { grid-column: 1; grid-row: 1; }
  .global-shell .header-inner > .user-menu { grid-column: 2; grid-row: 1; }
  .global-shell .header-inner > .topnav { grid-column: 1 / -1; grid-row: 2; width: 100%; justify-self: stretch; justify-content: flex-start; overflow-x: auto; }
}

@media (max-width: 720px) {
  .global-shell .header-inner { width: calc(100% - 22px); }
  .global-shell .header-inner > .user-menu { justify-self: end; }
  .global-shell .footer-columns { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 600px) {
  .global-shell .user-menu .guest-card { min-width: 0; gap: 10px; padding-inline: 9px; }
  .global-shell .guest-identity { gap: 7px; }
  .global-shell .guest-actions { gap: 5px; }
  .global-shell .guest-button { padding-inline: 8px; }
}

@media (max-width: 480px) {
  .global-shell .footer-columns { grid-template-columns: 1fr; }
}

.content-meta-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 14px; }
.report-trigger { appearance: none; border: 1px solid rgba(205,145,48,.28); border-radius: 9px; background: rgba(18,16,14,.72); color: #bdb4a7; padding: 7px 10px; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; transition: border-color .2s,color .2s,background .2s; }
.report-trigger:hover { border-color: rgba(224,163,56,.7); background: rgba(53,36,18,.75); color: #f1c56c; }
.report-modal-backdrop { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; padding: 20px; background: rgba(3,3,4,.78); backdrop-filter: blur(7px); }
.report-modal { width: min(520px,100%); border: 1px solid rgba(218,153,44,.42); border-radius: 18px; background: linear-gradient(145deg,#151311,#0b0b0c); box-shadow: 0 28px 80px rgba(0,0,0,.62),inset 0 1px rgba(255,205,112,.08); color: #eee7dc; }
.report-modal form { display: grid; gap: 16px; padding: 20px; }
.report-modal header { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.report-modal h2 { margin: 0; color: #f3d18b; font-size: 20px; }
.report-modal header button { display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(218,153,44,.28);border-radius:9px;background:#171513;color:#d8c7aa;font-size:22px;line-height:1;cursor:pointer; }
.report-modal label { display: grid; gap: 7px; color: #c9bfae; font-size: 13px; font-weight: 700; }
.report-modal select,.report-modal textarea { width: 100%; border: 1px solid rgba(218,153,44,.28); border-radius: 10px; background: #09090a; color: #f0e9dd; padding: 11px 12px; font: inherit; resize: vertical; }
.report-modal select:focus,.report-modal textarea:focus { outline: 2px solid rgba(226,157,43,.25); border-color: #c98a2d; }
.report-modal .form-actions { display: flex; justify-content: flex-end; gap: 9px; }

.verified-badge { display: inline-grid; place-items: center; width: 17px; height: 17px; margin-left: 3px; border-radius: 50%; background: linear-gradient(145deg,#37a9ff,#0879d1); color: #fff; box-shadow: 0 0 0 2px rgba(35,150,235,.16),0 3px 10px rgba(0,119,210,.28); font-size: 11px; font-weight: 900; line-height: 1; vertical-align: middle; }
.avatar { overflow: hidden; }
.avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.profile-cover-refined { position: relative; overflow: hidden; min-height: 390px; padding: clamp(28px,4vw,58px); background-size: cover; background-position: center; }
.profile-cover-refined::after { content: ""; position: absolute; inset: auto 0 0; height: 4px; background: var(--profile-accent,#d39435); }
.profile-cover-refined > * { position: relative; z-index: 1; }
.profile-cover-refined.accent-blue { --profile-accent:#249ce5; }
.profile-cover-refined.accent-red { --profile-accent:#c84b3e; }
.profile-cover-refined.accent-violet { --profile-accent:#8d63df; }
.profile-game-info { color: #d7bc88; font-weight: 700; }
.profile-social-link { display: inline-flex; color: #e7b75c; font-size: 13px; font-weight: 800; }
.profile-tabs-shell { margin-top: 18px; border: 1px solid rgba(207,146,44,.28); border-radius: 16px; background: #0e0e10; overflow: hidden; }
.profile-tabs { display: flex; gap: 4px; padding: 9px; overflow-x: auto; border-bottom: 1px solid rgba(207,146,44,.2); }
.profile-tabs button { flex: 1 0 auto; border: 0; border-radius: 9px; background: transparent; color: #a9a29a; padding: 11px 15px; font: inherit; font-weight: 800; cursor: pointer; }
.profile-tabs button:hover,.profile-tabs button.is-active { background: linear-gradient(135deg,rgba(190,119,31,.28),rgba(93,51,16,.2)); color: #f1c46c; }
 .followed-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.followed-content-grid>section{min-width:0}.followed-content-grid h3{margin:0 0 10px;color:#f1c46c}@media(max-width:700px){.followed-content-grid{grid-template-columns:1fr}}
.composer-tag-field{display:block;margin:12px 0}.composer-tag-field input{width:100%;max-width:100%}
.topic-tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.topic-tag-list a{border:1px solid rgba(226,168,87,.35);border-radius:999px;padding:5px 10px;color:#f1c46c;text-decoration:none}.topic-tag-list a:hover,.topic-tag-list a:focus-visible{border-color:#f1c46c;background:rgba(226,168,87,.1)}
.similar-topics{margin:20px 0;min-width:0}.similar-topics h2{font-size:1.2rem}.similar-topics>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.similar-topics a{min-width:0;display:flex;flex-direction:column;gap:4px;border:1px solid rgba(226,168,87,.2);border-radius:10px;padding:12px;color:inherit;text-decoration:none}.similar-topics a b{overflow-wrap:anywhere}.similar-topics a small{color:#c9a66b}@media(max-width:650px){.similar-topics>div{grid-template-columns:1fr}}
.profile-tab-panels { min-height: 220px; padding: clamp(18px,3vw,30px); }
.profile-tab-panel { display: none; }
.profile-tab-panel.is-active { display: block; animation: profile-tab-in .2s ease; }
.achievement-showcase { display: grid; grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); gap: 12px; }
.achievement-card { display: flex; align-items: center; gap: 10px; padding: 15px; border: 1px solid rgba(215,154,53,.26); border-radius: 12px; background: rgba(35,27,17,.55); color: #d9d1c4; font-weight: 800; }
.achievement-card b { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #36240f; color: #efb94f; font-size: 18px; }
@keyframes profile-tab-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@media (max-width:640px) { .profile-cover-refined { min-height: 330px; padding: 24px 18px; } .profile-tabs button { padding-inline: 12px; } }
/* Profile and account settings */
.profile-settings-shell{display:grid;gap:18px}.profile-settings-nav{position:sticky;top:74px;z-index:8;display:flex;gap:8px;overflow-x:auto;padding:10px;border:1px solid rgba(226,168,87,.22);border-radius:14px;background:rgba(12,12,12,.94);backdrop-filter:blur(12px)}.profile-settings-nav a{flex:0 0 auto;padding:9px 13px;border-radius:9px;color:#d8cdbd;font-weight:700;text-decoration:none}.profile-settings-nav a:hover{background:rgba(226,168,87,.12);color:#f0bd69}.profile-settings-form{display:grid;gap:18px}.settings-section{scroll-margin-top:140px}.settings-section-head{margin-bottom:18px}.settings-section-head h2{margin:5px 0 0;color:#f4eadb}.profile-form-grid,.settings-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.profile-form-grid label,.settings-account-grid label,.settings-section>form>label{display:grid;gap:7px;color:#d8cdbd;font-weight:700}.profile-form-grid label.wide{grid-column:1/-1}.profile-form-grid small{color:#887f74;font-weight:500}.profile-form-grid input,.profile-form-grid select,.profile-form-grid textarea,.settings-account-grid input{width:100%;min-width:0}.profile-settings-save{position:sticky;bottom:12px;z-index:7;display:flex;justify-content:flex-end;gap:10px;padding:12px;border:1px solid rgba(226,168,87,.25);border-radius:13px;background:rgba(12,12,12,.94);box-shadow:0 10px 34px rgba(0,0,0,.35)}.session-list{display:grid;gap:10px}.session-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid rgba(226,168,87,.13)}.session-row:last-child{border-bottom:0}.session-row div{display:grid;gap:4px;min-width:0}.session-row span,.session-row small{color:#978f85;overflow-wrap:anywhere}.settings-account-grid>.info-panel{margin:0}
.profile-facts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.profile-facts span{padding:6px 9px;border:1px solid rgba(226,168,87,.18);border-radius:999px;color:#c7b9a5;background:rgba(0,0,0,.22)}.profile-signature{margin:14px 0;padding:12px 15px;border-left:2px solid #e2a857;color:#bcb1a2;background:rgba(0,0,0,.18);white-space:pre-wrap}
.profile-image-field{align-content:start}.profile-image-preview{display:grid;place-items:center;overflow:hidden;border:1px solid rgba(226,168,87,.28);background:linear-gradient(145deg,rgba(226,168,87,.1),rgba(0,0,0,.36));color:#d9b16a}.profile-image-preview img{width:100%;height:100%;object-fit:cover}.profile-image-preview i{font-style:normal;font-weight:800;letter-spacing:.04em}.avatar-preview{width:112px;height:112px;border-radius:50%}.avatar-preview i{font-size:30px}.cover-preview{width:100%;height:180px;border-radius:14px}.profile-image-field input[type="file"]{padding:10px;border:1px dashed rgba(226,168,87,.3);border-radius:10px;background:rgba(0,0,0,.2);color:#c9bdac}.profile-image-field input[type="file"]::file-selector-button{margin-right:12px;padding:8px 12px;border:1px solid rgba(226,168,87,.35);border-radius:8px;background:#20170e;color:#edbd72;font-weight:700;cursor:pointer}
@media(max-width:760px){.profile-settings-nav{top:60px}.profile-form-grid,.settings-account-grid{grid-template-columns:1fr}.profile-form-grid label.wide{grid-column:auto}.profile-settings-save{bottom:8px}.session-row{align-items:flex-start;flex-direction:column}.settings-section{padding:16px}.cover-preview{height:130px}}

.profile-overview {
  overflow: hidden;
  border: 1px solid rgba(226, 168, 87, .24);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(20, 20, 22, .98), rgba(10, 10, 11, .98));
  box-shadow: 0 18px 55px rgba(0, 0, 0, .28);
}


.profile-cover-strip {
  position: relative;
  min-height: clamp(170px, 24vw, 270px);
  background: radial-gradient(circle at 78% 20%, rgba(226, 168, 87, .18), transparent 35%), linear-gradient(125deg, #20160d, #0a0a0b 65%);
  background-position: center;
  background-size: cover;
  border-bottom: 1px solid rgba(226, 168, 87, .22);
}

.profile-cover-strip::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 35%, rgba(7, 7, 8, .72));
  pointer-events: none;
}

.profile-cover-strip > span {
  position: absolute;
  right: clamp(22px, 5vw, 72px);
  bottom: 24px;
  color: rgba(226, 168, 87, .22);
  font-size: clamp(2rem, 6vw, 5.5rem);
  font-weight: 900;
  letter-spacing: .08em;
}

.profile-overview-body { padding: 0 clamp(18px, 3vw, 38px) clamp(22px, 3vw, 38px); }

.profile-primary-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: end;
  gap: 22px;
  min-height: 122px;
}

.profile-avatar-overlap { align-self: start; margin-top: -64px; position: relative; z-index: 2; }
.profile-avatar-overlap .avatar-profile {
  width: 132px;
  height: 132px;
  border: 4px solid #111113;
  outline: 1px solid rgba(226, 168, 87, .7);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .48);
}

.profile-identity-modern { min-width: 0; padding: 20px 0 12px; }
.profile-name-line { display: flex; align-items: baseline; flex-wrap: wrap; gap: 9px 13px; }
.profile-name-line h1 { margin: 3px 0 0; font-size: clamp(1.45rem, 3vw, 2.25rem); line-height: 1.08; }
.profile-name-line small { color: #a9a39a; font-size: .9rem; }
.profile-custom-status { margin: 9px 0 0; color: #ddd4c8; font-size: .94rem; }
.profile-identity-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
.profile-identity-meta span {
  padding: 5px 9px;
  border: 1px solid rgba(226, 168, 87, .2);
  border-radius: 999px;
  background: rgba(226, 168, 87, .06);
  color: #bdb5a9;
  font-size: .75rem;
}
.profile-top-action { align-self: start; padding-top: 20px; }

.profile-email-row {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 16px;
  padding: 12px 14px;
  border-top: 1px solid rgba(226, 168, 87, .13);
  border-bottom: 1px solid rgba(226, 168, 87, .13);
  color: #d8d1c7;
}
.profile-email-row span { display: grid; gap: 2px; margin-right: auto; overflow-wrap: anywhere; }
.profile-email-row small { color: #827b72; font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }
.profile-email-row strong { color: #dca653; font-size: .78rem; }

.profile-summary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 20px; }
.profile-summary-section {
  min-width: 0;
  padding: 17px 18px;
  border: 1px solid rgba(226, 168, 87, .14);
  border-radius: 12px;
  background: rgba(5, 5, 6, .34);
}
.profile-summary-section h2 { margin: 0 0 13px; color: #e2a857; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; }
.profile-personal-section dl { display: grid; gap: 8px; margin: 0; }
.profile-personal-section dl div { display: grid; grid-template-columns: minmax(110px, .7fr) minmax(0, 1.3fr); align-items: center; gap: 12px; min-width: 0; padding: 11px 12px; border: 1px solid rgba(226, 168, 87, .1); border-radius: 9px; background: rgba(255, 255, 255, .022); }
.profile-personal-section dt { color: #807a72; font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; }
.profile-personal-section dd { margin: 0; color: #e6dfd5; overflow-wrap: anywhere; text-align: right; }
.profile-social-section > div { display: grid; gap: 8px; }
.profile-social-section a, .profile-social-section span {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(226, 168, 87, .1);
  border-radius: 9px;
  background: rgba(255, 255, 255, .022);
  color: #aba49a;
  font-size: .74rem;
}
.profile-social-section a:hover { background: rgba(226, 168, 87, .08); color: #f0c477; }
.profile-social-section a > svg, .profile-social-section > div > span > svg { width: 19px; height: 19px; flex: 0 0 19px; fill: none; stroke: #dca653; stroke-width: 1.6; }
.profile-social-section a > svg path, .profile-social-section > div > span > svg path { fill: #dca653; stroke: none; }
.profile-social-section a > svg .fill-dot, .profile-social-section > div > span > svg .fill-dot { fill: #dca653; stroke: none; }
.profile-social-section a > span, .profile-social-section > div > span > span { display: grid; gap: 2px; min-width: 0; padding: 0; border: 0; background: none; }
.profile-social-section b { color: #d9d0c4; font-size: .76rem; }
.profile-social-section small { overflow: hidden; color: #827c73; text-overflow: ellipsis; white-space: nowrap; }
.profile-social-section i { margin-left: auto; color: #9b7540; font-size: 1.1rem; font-style: normal; }
.profile-social-section .is-empty { opacity: .52; }
.profile-personal-section { grid-column: 1; grid-row: 1; }
.profile-social-section { grid-column: 2; grid-row: 1; }
.profile-signature-section { grid-column: 1 / -1; grid-row: 2; }
.profile-signature-section blockquote { margin: 0; padding-left: 14px; border-left: 2px solid rgba(226, 168, 87, .55); color: #bdb5aa; white-space: pre-wrap; }
.profile-stats-section { grid-column: 1 / -1; grid-row: 3; }
.profile-compact-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.profile-compact-stats span { display: grid; gap: 3px; text-align: center; color: #8f887f; font-size: .7rem; }
.profile-compact-stats strong { color: #f0c477; font-size: 1.25rem; }

@media (max-width: 820px) {
  .profile-primary-row { grid-template-columns: auto minmax(0, 1fr); align-items: center; }
  .profile-top-action { grid-column: 1 / -1; padding: 0 0 14px; }
  .profile-summary-grid { grid-template-columns: 1fr; }
  .profile-personal-section, .profile-social-section, .profile-signature-section, .profile-stats-section { grid-column: auto; grid-row: auto; }
}

@media (max-width: 560px) {
  .profile-cover-strip { min-height: 145px; }
  .profile-overview-body { padding-inline: 14px; }
  .profile-primary-row { grid-template-columns: 1fr; gap: 8px; }
  .profile-avatar-overlap { margin-top: -52px; }
  .profile-avatar-overlap .avatar-profile { width: 104px; height: 104px; }
  .profile-identity-modern { padding-top: 4px; }
  .profile-top-action .inline-action { width: 100%; justify-content: center; }
  .profile-email-row { align-items: flex-start; flex-wrap: wrap; }
  .profile-email-row span { width: 100%; }
  .profile-personal-section dl div { grid-template-columns: 1fr; gap: 4px; }
  .profile-personal-section dd { text-align: left; }
  .profile-summary-section { padding: 15px; }
}

.profile-overview{border-color:rgba(226,168,87,.36);border-radius:12px;background:linear-gradient(145deg,#141415,#09090a);box-shadow:0 22px 65px rgba(0,0,0,.35)}
.profile-cover-strip{min-height:clamp(285px,27vw,355px);background-position:center;background-size:cover;border-bottom-color:rgba(226,168,87,.18)}
.profile-cover-strip::after{z-index:0;background:linear-gradient(90deg,rgba(7,8,10,.35),rgba(7,8,10,.12) 58%,rgba(7,8,10,.45)),linear-gradient(180deg,rgba(7,7,8,.08),rgba(7,7,8,.72))}
.profile-cover-brand{right:clamp(22px,5vw,72px);bottom:36px;color:rgba(226,168,87,.15)}
.profile-cover-action{position:absolute;z-index:3;top:28px;right:clamp(24px,3vw,40px)}
.profile-cover-action .inline-action{min-height:44px;padding:0 18px;box-shadow:0 8px 20px rgba(226,168,87,.16)}
.profile-cover-action svg{width:17px;height:17px;margin-right:8px;fill:none;stroke:currentColor;stroke-width:2}
.profile-overview-body{padding:0 clamp(34px,3vw,42px) clamp(24px,3vw,38px)}
.profile-primary-row{position:absolute;z-index:2;left:clamp(38px,5vw,70px);bottom:-30px;display:flex;align-items:end;gap:26px;max-width:calc(100% - 110px);min-height:0}
.profile-avatar-overlap{position:relative;flex:0 0 auto;align-self:auto;margin-top:0}
.profile-avatar-overlap .avatar-profile{width:clamp(170px,16vw,210px);height:clamp(170px,16vw,210px);border:8px solid rgba(25,25,26,.92);outline:1px solid rgba(226,168,87,.46);box-shadow:0 14px 35px rgba(0,0,0,.58)}
.profile-identity-modern{min-width:0;padding:0 0 42px}
.profile-name-line h1{margin:9px 0 0;color:#f2f0eb;font-size:clamp(1.65rem,3.2vw,2.55rem);line-height:1.04}
.profile-custom-status{margin:12px 0 0;color:#d6d1c9;font-size:.98rem}
.profile-identity-meta{gap:12px;margin-top:18px}
.profile-identity-meta span{padding:8px 13px;border-color:rgba(226,168,87,.3);border-radius:8px;background:rgba(7,7,8,.5);color:#d4cec5;font-size:.78rem}
.profile-identity-meta span:first-child{color:#efb653;font-weight:800}
.profile-email-row{gap:16px;min-height:74px;margin-top:0;padding:25px 0 18px clamp(220px,19vw,260px);border-top:0;border-bottom-color:rgba(226,168,87,.13)}
.profile-email-row span{display:flex;align-items:center;gap:10px;margin-right:0}
.profile-email-row span svg{width:18px;height:18px;fill:none;stroke:#b8b2aa;stroke-width:1.7}
.profile-email-row strong{display:flex;align-items:center;gap:6px;padding-left:16px;border-left:1px solid rgba(255,255,255,.1);color:#dca653;font-size:.8rem}
.profile-email-row strong svg{width:16px;height:16px;fill:none;stroke:#52bb63;stroke-width:1.8}
.profile-email-row button{margin-left:auto}
.profile-overview-body>.profile-reputation:first-child{margin-top:74px}
.profile-summary-grid{gap:18px;margin-top:28px}
.profile-summary-section{padding:22px;border-color:rgba(226,168,87,.24);border-radius:11px;background:linear-gradient(135deg,rgba(18,18,19,.9),rgba(9,9,10,.78))}
.profile-summary-section h2{display:flex;align-items:center;gap:11px;margin:0 0 20px;color:#e2a857;font-size:.9rem;letter-spacing:.09em}
.profile-summary-section h2>svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.profile-personal-section dl{gap:0;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:10px}
.profile-personal-section dl div{grid-template-columns:24px minmax(110px,.7fr) minmax(0,1.3fr);gap:12px;min-height:61px;padding:12px 15px;border:0;border-bottom:1px solid rgba(255,255,255,.09);border-radius:0;background:rgba(255,255,255,.018)}
.profile-personal-section dl div:last-child{border-bottom:0}
.profile-personal-section dl div>svg{width:19px;height:19px;fill:none;stroke:#dfa33e;stroke-width:1.7}
.profile-personal-section dt{color:#d5d0c9;font-size:.83rem;letter-spacing:0;text-transform:none}
.profile-personal-section dd{color:#f0ece6;font-size:.84rem;font-weight:700}
.profile-social-section a,.profile-social-section>div>span{gap:13px;min-height:54px;padding:8px 11px;border-color:rgba(255,255,255,.11);background:rgba(255,255,255,.025);font-size:.78rem}
.profile-social-section a:hover{border-color:rgba(226,168,87,.35);background:rgba(226,168,87,.07);transform:translateX(2px)}
.profile-social-section a>svg,.profile-social-section>div>span>svg{box-sizing:border-box;width:38px;height:38px;flex-basis:38px;padding:8px;border-radius:9px;fill:none;stroke:#fff}
.profile-social-section a:nth-child(1)>svg,.profile-social-section>div>span:nth-child(1)>svg{background:#5865f2}.profile-social-section a:nth-child(2)>svg,.profile-social-section>div>span:nth-child(2)>svg{background:linear-gradient(135deg,#7c3aed,#ec4899 55%,#f59e0b)}.profile-social-section a:nth-child(3)>svg,.profile-social-section>div>span:nth-child(3)>svg{background:#e60012}.profile-social-section a:nth-child(4)>svg,.profile-social-section>div>span:nth-child(4)>svg{background:#2388e8}.profile-social-section a:nth-child(5)>svg,.profile-social-section>div>span:nth-child(5)>svg{background:#35373b}
.profile-social-section a>svg path,.profile-social-section>div>span>svg path{fill:#fff;stroke:none}.profile-social-section a>svg rect,.profile-social-section a>svg circle,.profile-social-section>div>span>svg rect,.profile-social-section>div>span>svg circle{stroke:#fff}
.profile-social-section b{color:#f0ece6;font-size:.8rem}.profile-social-section i{margin-left:auto;color:#c5c0b8}.profile-social-section i svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
.profile-signature-section{position:relative;min-height:100px}.profile-signature-section blockquote{margin:0;padding:0;border:0;color:#d4cec5}.profile-signature-section>i{position:absolute;right:25px;top:17px;color:#dda23e;font-size:2.4rem;font-style:normal;font-weight:900}
.profile-stats-section{padding:18px 26px}.profile-compact-stats{gap:0}.profile-compact-stats span{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;justify-content:center;column-gap:22px;min-height:58px;color:#ddd7ce;text-align:left}.profile-compact-stats span+span{border-left:1px solid rgba(255,255,255,.12)}.profile-compact-stats span>svg{grid-row:1/3;width:29px;height:29px;fill:none;stroke:#dfa33e;stroke-width:1.7}.profile-compact-stats strong{color:#e5aa48;font-size:1.75rem;line-height:1}.profile-compact-stats small{color:#d6d0c8;font-size:.73rem}
@media(max-width:820px){.profile-cover-strip{min-height:330px}.profile-primary-row{left:28px;max-width:calc(100% - 56px)}.profile-avatar-overlap .avatar-profile{width:150px;height:150px}.profile-identity-modern{padding-bottom:36px}.profile-email-row{padding-left:180px}}
@media(max-width:560px){.profile-cover-strip{min-height:440px}.profile-overview-body{padding-inline:14px}.profile-primary-row{left:18px;right:18px;bottom:-26px;display:grid;max-width:none;gap:10px}.profile-avatar-overlap .avatar-profile{width:112px;height:112px;border-width:5px}.profile-identity-modern{padding:0 0 30px}.profile-cover-action{top:18px;right:18px}.profile-cover-action .inline-action{min-height:38px;padding-inline:13px}.profile-identity-meta{gap:6px}.profile-identity-meta span{padding:6px 8px;font-size:.7rem}.profile-email-row{padding:42px 0 18px}.profile-email-row span{width:100%}.profile-email-row strong{padding-left:0;border-left:0}.profile-personal-section dl div{grid-template-columns:22px minmax(95px,1fr) minmax(0,1fr);gap:8px;padding-inline:11px}.profile-compact-stats span{grid-template-columns:1fr;justify-items:center;gap:4px;text-align:center}.profile-compact-stats span>svg{display:none}.profile-compact-stats strong{font-size:1.35rem}}

.profile-whatsapp-link{display:flex;align-items:center;gap:9px;margin-left:12px;padding-left:20px;border-left:1px solid rgba(255,255,255,.12);color:#ded8cf;font-size:.82rem;text-decoration:none}
.profile-whatsapp-link:hover{color:#58c875}.profile-whatsapp-link svg{width:21px;height:21px;fill:none;stroke:#c9c4bc;stroke-width:1.5}.profile-whatsapp-link:hover svg{stroke:#58c875}.profile-whatsapp-link i{color:#aaa49c;font-style:normal}
.profile-social-section a:nth-child(5)>svg,.profile-social-section>div>span:nth-child(5)>svg{background:#229ed9}.profile-social-section a:nth-child(6)>svg,.profile-social-section>div>span:nth-child(6)>svg{background:#35373b}
.profile-signature-rules{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:12px;border-top:1px solid rgba(255,255,255,.09)}.profile-signature-rules span{padding:5px 9px;border:1px solid rgba(226,168,87,.16);border-radius:6px;color:#a9a299;font-size:.68rem}.signature-limit-note{color:#c49a55!important;font-weight:600!important}
@media(max-width:760px){.profile-email-row{gap:10px}.profile-whatsapp-link{width:100%;margin-left:0;padding:10px 0 0;border-top:1px solid rgba(255,255,255,.09);border-left:0}}
@media(max-width:560px){.profile-overview-body>.profile-reputation:first-child{margin-top:42px}}

.category-page-head{margin:0 0 18px;padding:22px 24px;border:1px solid rgba(209,149,69,.28);border-radius:14px;background:linear-gradient(135deg,rgba(209,149,69,.08),rgba(10,10,11,.96))}.category-page-head>div{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.category-page-head h1{margin:6px 0;font-size:clamp(1.7rem,3vw,2.6rem)}.category-page-head p{margin:0;color:#aaa}.category-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#8f8b84;font-size:.84rem}.category-breadcrumb a{color:#d9a34b}.thread-detail-meta{margin:-4px 0 18px;color:#8f8b84;font-size:.88rem}.moderator-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(209,149,69,.18)}.danger{color:#ff8178!important;border-color:rgba(255,91,78,.45)!important}
.category-page-head>div>.primary.inline-action{flex:0 0 auto;min-width:148px;min-height:42px;padding:0 22px;white-space:nowrap;font-weight:800}
.category-head-actions{display:grid;flex:0 0 auto;gap:8px;min-width:190px}.category-head-actions .inline-action{width:100%;white-space:nowrap}.support-ticket-list{display:grid;gap:14px}.support-ticket{padding:18px;border:1px solid rgba(209,149,69,.22);border-radius:12px;background:rgba(10,10,11,.7)}.support-ticket>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.support-ticket>header div{display:grid;gap:4px}.support-ticket>header small,.support-reply small{color:var(--muted)}.support-ticket>p,.support-reply p{white-space:pre-wrap}.support-reply{margin-top:12px;padding:12px 14px;border-left:2px solid rgba(209,149,69,.32);background:rgba(255,255,255,.025)}.support-reply.is-admin{border-color:#d9a34b;background:rgba(209,149,69,.07)}
.support-image-preview,.support-image-link img{display:block;max-width:min(100%,520px);max-height:360px;margin-top:10px;border:1px solid rgba(209,149,69,.3);border-radius:10px;object-fit:contain;background:#080808}.support-image-link{display:block;width:max-content;max-width:100%;margin:12px 0}.support-image-link img{margin:0;cursor:zoom-in}
.support-image-grid,.support-image-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,180px));gap:10px;margin-top:10px}.support-image-grid .support-image-link{margin:0}.support-image-grid img,.support-image-preview-grid img{width:100%;height:130px;margin:0;object-fit:cover}.support-history{display:grid;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(209,149,69,.18);font-size:.82rem;color:var(--muted)}.support-history>strong{color:#d9a34b}.support-history>span{display:flex;justify-content:space-between;gap:12px}.support-close{margin-top:14px}
@media(max-width:700px){.category-page-head{padding:18px}.category-page-head>div{align-items:flex-start;flex-direction:column}.category-page-head .primary,.category-head-actions{width:100%;text-align:center}.thread-card{grid-template-columns:auto minmax(0,1fr)}.thread-card .thread-side{grid-column:1/-1}.thread-metrics{justify-content:space-around}.content-meta-actions{gap:6px}}
.search-result-row{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(209,149,69,.12);color:#eee;text-decoration:none}.search-result-row:last-child{border-bottom:0}.search-result-row:hover{background:rgba(209,149,69,.09)}.search-result-row>span:last-child{display:grid;min-width:0}.search-result-row strong,.search-result-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-row small{color:#8f8b84}.search-result-type{min-width:58px;padding:3px 7px;border:1px solid rgba(209,149,69,.32);border-radius:999px;color:#d9a34b;font-size:.68rem;text-align:center;text-transform:uppercase}.search-result-avatar{width:30px!important;height:30px!important;font-size:.7rem!important}.search-result-empty{margin:0;padding:14px;color:#9a958e}.toolbar:has(.search){grid-template-columns:minmax(0,1fr) auto}

.composer-hero{padding-block:28px}.composer-hero .hero-kicker{font-size:.78rem}.composer-hero h1{font-size:clamp(1.75rem,3vw,2.45rem)}.composer-hero p{max-width:720px}.composer #newThreadForm{display:grid;gap:18px}.composer .form-grid{grid-template-columns:minmax(0,1.5fr) minmax(220px,.75fr) minmax(220px,.75fr)}.composer-title-field{min-width:0}.input-with-counter{position:relative;display:block}.input-with-counter input{width:100%;padding-right:72px}.input-with-counter>small{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9b8b73;font-size:.7rem;pointer-events:none}.composer-rules{margin:0}.composer-body-label{margin-bottom:-10px;color:#d8cdbd;font-weight:700}.forum-editor{overflow:hidden;border:1px solid rgba(226,168,87,.28);border-radius:12px;background:#0c0c0e;transition:border-color .18s,box-shadow .18s}.forum-editor:focus-within{border-color:rgba(226,168,87,.62);box-shadow:0 0 0 3px rgba(226,168,87,.08)}.forum-editor textarea{display:block;width:100%;min-height:300px;margin:0;border:0;border-radius:0;resize:vertical;background:#101012}.editor-toolbar{display:flex;align-items:center;gap:5px;overflow-x:auto;padding:8px;border-bottom:1px solid rgba(226,168,87,.17);background:linear-gradient(180deg,#171719,#111113);scrollbar-width:thin}.editor-toolbar button,.editor-toolbar label{flex:0 0 auto;min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:1px solid rgba(226,168,87,.2);border-radius:7px;color:#ddd0bd;background:#19191c;font:inherit;font-size:.76rem;cursor:pointer}.editor-toolbar button:hover,.editor-toolbar label:hover{border-color:rgba(226,168,87,.55);color:#f2b958;background:#211b13}.editor-color input{width:18px;height:18px;padding:0;border:0;background:transparent}.editor-color span{font-size:.7rem}.editor-code select{width:auto;padding:0 20px 0 0;border:0;color:inherit;background:transparent;font:inherit}.forum-editor.is-fullscreen{position:fixed;inset:12px;z-index:10000;display:grid;grid-template-rows:auto 1fr;border-color:#d99b3f;box-shadow:0 20px 80px #000}.forum-editor.is-fullscreen textarea{height:100%;resize:none}.editor-fullscreen-open{overflow:hidden}.rendered-content .text-align-left{text-align:left}.rendered-content .text-align-center{text-align:center}.rendered-content .text-align-right{text-align:right}.rendered-content img{display:block;max-width:100%;height:auto;margin:14px auto;border-radius:10px}.content-spoiler{max-width:100%;margin:12px 0;padding:10px 12px;overflow:hidden;border:1px solid rgba(226,168,87,.2);border-radius:9px;background:rgba(255,255,255,.025)}.content-spoiler summary{color:#e2a857;font-weight:700;cursor:pointer}.content-spoiler>div{min-width:0;margin-top:10px;overflow-wrap:anywhere}.content-spoiler>div:empty::before{content:"Gizli içerik";color:#777}

@media(max-width:900px){.composer .form-grid{grid-template-columns:1fr 1fr}.composer-title-field{grid-column:1/-1}}
@media(max-width:620px){.composer-hero{padding-block:20px}.composer .form-grid{grid-template-columns:1fr}.composer-title-field{grid-column:auto}.editor-toolbar{padding:7px 6px}.editor-toolbar button,.editor-toolbar label{height:32px;padding-inline:8px}.forum-editor textarea{min-height:260px}.forum-editor.is-fullscreen{inset:0;border-radius:0}}
.markdown-body .text-align-left{text-align:left}.markdown-body .text-align-center{text-align:center}.markdown-body .text-align-right{text-align:right}.markdown-body img{display:block;max-width:100%;height:auto;margin:14px auto;border-radius:10px}
.composer-hero #composerCategoryName{color:var(--gold,#e2a857)}.forum-editor{overflow:visible}.forum-editor-surface{width:100%;min-height:300px;padding:14px 16px;overflow-wrap:anywhere;border-radius:0 0 12px 12px;color:#eee;background:#101012;outline:0;line-height:1.65}.forum-editor-surface:empty::before{content:attr(data-placeholder);color:#777;pointer-events:none}.forum-editor-surface a{color:#e2a857;text-decoration:underline}.forum-editor-surface img{display:block;max-width:100%;height:auto;margin:12px auto;border-radius:9px}.forum-editor-surface .editor-image-small,.markdown-body .editor-image-small{width:min(240px,100%)}.forum-editor-surface .editor-image-medium,.markdown-body .editor-image-medium{width:min(480px,100%)}.forum-editor-surface .editor-image-large,.markdown-body .editor-image-large{width:min(800px,100%)}.forum-editor-surface .editor-image-original,.markdown-body .editor-image-original{width:auto;max-width:100%}.forum-editor.is-fullscreen .forum-editor-surface{height:100%;min-height:0;overflow:auto}.editor-toolbar{position:sticky;top:var(--editor-toolbar-offset,72px);z-index:18;border-radius:12px 12px 0 0}.forum-editor.is-fullscreen .editor-toolbar{top:0}.editor-toolbar button:focus-visible,.editor-toolbar label:focus-within{outline:2px solid #e2a857;outline-offset:1px}.editor-toolbar button.is-active,.editor-toolbar button[aria-pressed="true"]{border-color:#e2a857;color:#f4bd61;background:rgba(226,168,87,.14)}.editor-color{display:inline-flex;flex:0 0 auto;gap:3px}.editor-color>button{min-width:67px}.editor-color i{width:12px;height:12px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:var(--active-editor-color)}.editor-toolbar .editor-color-picker{min-width:30px;width:30px;padding:0;gap:0}.editor-color-picker input{position:absolute;width:1px;height:1px;opacity:0}.editor-emoji-picker{position:sticky;right:0;z-index:12;display:grid;grid-template-columns:repeat(6,34px);gap:4px;padding:7px;border:1px solid rgba(226,168,87,.3);border-radius:9px;background:#111;box-shadow:0 12px 28px rgba(0,0,0,.45)}.editor-emoji-picker[hidden]{display:none}.editor-emoji-picker button{min-width:34px;padding:0;font-size:1rem}.editor-image-dialog img{display:block;max-width:100%;max-height:320px;margin:auto;border-radius:10px;object-fit:contain}.editor-image-dialog form,.editor-link-dialog form{display:grid;gap:14px}.editor-image-dialog label,.editor-link-dialog label{display:grid;gap:7px}.markdown-body .text-align-left,.forum-editor-surface .text-align-left{text-align:left}.markdown-body .text-align-center,.forum-editor-surface .text-align-center{text-align:center}.markdown-body .text-align-right,.forum-editor-surface .text-align-right{text-align:right}
.poll-composer{padding:14px 16px;border:1px solid rgba(226,168,87,.2);border-radius:12px;background:rgba(226,168,87,.035)}.poll-enable{display:flex!important;align-items:center;gap:9px;color:#eadac2!important;cursor:pointer}.poll-enable input{width:18px;height:18px;accent-color:#d99b3f}.poll-composer>[hidden]{display:none!important}.poll-composer #threadPollFields{display:grid;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(226,168,87,.14)}.poll-composer #threadPollFields>label{display:grid;gap:7px}.poll-option-fields{display:grid;gap:8px}.poll-option-input{display:grid!important;grid-template-columns:70px minmax(0,1fr) 38px;align-items:center;gap:8px}.poll-option-input>span{color:#9f9587;font-size:.76rem}.poll-option-input input{min-width:0}.poll-option-input button{height:38px;padding:0;font-size:1.15rem}.poll-composer-actions{display:flex;align-items:end;justify-content:space-between;gap:12px}.poll-composer-actions>label{display:grid;gap:5px;min-width:210px;color:#b9ad9c;font-size:.78rem}.thread-poll{display:grid;gap:16px;margin:18px 0;padding:20px;border:1px solid rgba(226,168,87,.28);border-radius:14px;background:linear-gradient(145deg,rgba(28,25,21,.96),rgba(12,12,14,.98));box-shadow:0 12px 34px rgba(0,0,0,.22)}.thread-poll>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.thread-poll h2{margin:4px 0 2px;color:#f4eadb;font-size:clamp(1.08rem,2vw,1.35rem)}.thread-poll header small{color:#928a7e}.poll-options{display:grid;gap:9px}.poll-option{position:relative;display:grid;width:100%;gap:8px;padding:12px 14px;overflow:hidden;border:1px solid rgba(226,168,87,.18);border-radius:10px;color:#dfd5c6;background:#131315;text-align:left;font:inherit;transition:border-color .16s,background .16s,transform .16s}.poll-options button.poll-option{cursor:pointer}.poll-options button.poll-option:hover{border-color:rgba(226,168,87,.55);background:#1c1812;transform:translateY(-1px)}.poll-option.is-selected{border-color:#e2a857;background:rgba(226,168,87,.11);box-shadow:inset 3px 0 #e2a857}.poll-option.is-loading{opacity:.58;pointer-events:none}.poll-option-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.poll-option-head strong{min-width:0;overflow-wrap:anywhere}.poll-option-head>span{flex:0 0 auto;color:#b9a98f;font-size:.76rem}.poll-progress{height:5px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07)}.poll-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9d5d1e,#efb950);transition:width .22s ease}.thread-poll>footer{display:flex;align-items:center;gap:8px;color:#a69b8b;font-size:.82rem}.thread-poll>footer strong{color:#e7b35d;font-size:1rem}.thread-poll>footer .status-badge{margin-left:auto}
@media(max-width:620px){.poll-option-input{grid-template-columns:1fr 36px}.poll-option-input>span{grid-column:1/-1}.poll-composer-actions{align-items:stretch;flex-direction:column}.poll-composer-actions>label{min-width:0}.thread-poll{padding:15px}.thread-poll>header{flex-direction:column}.thread-poll>header button{width:100%}.poll-option{min-height:54px;padding:11px}.poll-option-head{align-items:flex-start;flex-direction:column;gap:4px}.poll-option-head>span{font-size:.72rem}}
@media(max-width:620px){.forum-editor-surface{min-height:260px;padding:12px}.editor-emoji-picker{grid-template-columns:repeat(4,34px)}.editor-image-dialog,.editor-link-dialog{width:min(94vw,520px)}}
.forum-editor textarea[hidden]{display:none}
.reputation-badge{display:inline-flex;align-items:center;max-width:100%;padding:2px 7px;border:1px solid var(--rank-color);border-radius:999px;color:var(--rank-color);background:#09090b;font-size:.68rem;font-weight:900;line-height:1.25;vertical-align:middle;white-space:nowrap}.profile-reputation{display:grid;gap:10px;margin-bottom:18px;padding:14px 16px;border:1px solid rgba(226,168,87,.2);border-radius:12px;background:rgba(255,255,255,.025)}.profile-reputation>div:first-child{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-reputation strong{color:#f5ead7}.profile-reputation small{margin-left:auto;color:#a99d8b}.reputation-progress{height:8px;overflow:hidden;border-radius:999px;background:#252329}.reputation-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d39a3a,var(--rank-color));box-shadow:0 0 12px var(--rank-color)}.rank-system-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:22px 0}.rank-system-card{padding:18px;border:1px solid var(--rank-color);border-radius:13px;background:linear-gradient(180deg,#141416,#0d0d0f)}.rank-system-card strong{display:block;margin-bottom:7px;color:var(--rank-color);font-size:1.05rem}.rank-system-rules{display:grid;gap:10px;margin-top:18px;padding:0}.rank-system-rules li{padding:12px 14px;border-left:3px solid #d39a3a;background:rgba(255,255,255,.03);list-style:none}@media(max-width:820px){.rank-system-grid{grid-template-columns:1fr 1fr}.profile-reputation small{margin-left:0;width:100%}}@media(max-width:520px){.rank-system-grid{grid-template-columns:1fr}}
.category-view main.page>.hero,.category-view main.page>.stats-strip{display:none!important}
.category-description{display:grid;gap:8px;max-width:1050px}.category-description p{margin:0;line-height:1.65}.category-rules{margin-top:16px;border-top:1px solid rgba(209,149,69,.2);padding-top:12px}.category-rules summary{width:max-content;cursor:pointer;color:#d9a34b;font-weight:700;list-style:none}.category-rules summary::-webkit-details-marker{display:none}.category-rules summary::before{content:"+";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border:1px solid rgba(209,149,69,.4);border-radius:50%;font-size:.8rem}.category-rules[open] summary::before{content:"−"}.category-rules ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 24px;margin:12px 0 0;padding:0;list-style:none;color:#aaa;font-size:.86rem}.category-rules li::before{content:"•";margin-right:8px;color:#d9a34b}@media(max-width:700px){.category-rules ul{grid-template-columns:1fr}}
.subcategory-panel{margin-top:18px;padding:16px;border:1px solid rgba(209,149,69,.2);border-radius:14px;background:rgba(10,10,11,.58)}.subcategory-panel-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.subcategory-panel-head h2{margin:0;color:#f5ead7;font-size:1.05rem}.subcategory-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.subcategory-card{display:grid;min-width:0;overflow:hidden;border:1px solid rgba(209,149,69,.25);border-radius:11px;background:linear-gradient(180deg,rgba(24,22,21,.98),rgba(10,10,11,.98));color:#eee;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.subcategory-card:hover{transform:translateY(-2px);border-color:rgba(226,168,87,.58);box-shadow:0 10px 22px rgba(0,0,0,.25)}.subcategory-cover{display:grid;place-items:center;width:100%;aspect-ratio:1/1;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(226,168,87,.18),transparent 46%),linear-gradient(145deg,#1a1714,#09090a)}.subcategory-cover img{width:100%;height:100%;object-fit:cover}.subcategory-cover-fallback{display:grid;place-items:center;width:42%;aspect-ratio:1;border:1px solid rgba(226,168,87,.42);border-radius:50%;color:#e2a857;font-size:clamp(1.1rem,2.3vw,1.7rem);font-weight:900;box-shadow:0 0 20px rgba(226,168,87,.12)}.subcategory-copy{display:grid;gap:4px;min-width:0;padding:10px 11px 11px}.subcategory-copy strong{overflow:hidden;color:#fff2d8;font-size:.9rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.subcategory-copy>span{color:#d9a34b;font-size:.7rem;font-weight:800}.thread-category-link{text-decoration:none}.thread-category-link:hover{text-decoration:underline}@media(max-width:1020px){.subcategory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.subcategory-panel{padding:12px}.subcategory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.subcategory-copy{padding:9px}}@media(max-width:420px){.subcategory-grid{grid-template-columns:1fr}}
.subcategory-cover-fallback{display:grid;width:auto;aspect-ratio:auto;place-items:center;gap:6px;border:0;border-radius:0;box-shadow:none;color:#c99645}.subcategory-cover-fallback>span{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1}.subcategory-cover-fallback>small{color:#8f806d;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
#threadSubcategoryField[hidden] {
  display: none !important;
}
@media (min-width: 900px) {
  .horizontal-slot .horizontal-creative,
  .horizontal-slot .section-v3-placeholder-card { width: 728px; min-width: 728px; max-width: 728px; height: 90px; min-height: 90px; max-height: 90px; aspect-ratio: auto; }
}
.horizontal-slot { width: 100%; min-width: 0; margin: 18px auto; }
.horizontal-slot:empty { min-height: 90px; }
.horizontal-creative { display: block; width: min(728px, 100%); aspect-ratio: 728 / 90; margin-inline: auto; }
.horizontal-creative img { display: block; width: 100%; height: 100%; object-fit: contain; }
@media (max-width: 899px) { .horizontal-slot:empty { min-height: 0; aspect-ratio: 728 / 90; } }
.horizontal-admin-preview { width: min(728px, 100%); max-height: 90px; object-fit: contain; }
.advertising-calendar { margin-block: 24px; min-width: 0; }
.calendar-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-block: 16px; }
.calendar-controls label { display: flex; align-items: center; gap: 8px; }
.calendar-scroll { max-width: 100%; overflow-x: auto; }
.calendar-scroll table { width: 100%; border-collapse: collapse; min-width: 640px; }
.calendar-scroll th, .calendar-scroll td { padding: 12px; text-align: left; border-bottom: 1px solid #ffffff16; }
.calendar-scroll small { display: block; font-weight: normal; margin-top: 5px; }
.availability-empty { color: #87c69a; background: #17291a; }
.availability-partial { color: #e2a857; background: #302817; }
.availability-full { color: #f09d93; background: #321c1a; }
.calendar-scroll .is-past { opacity: .65; }
.admin-form [data-custom][hidden], .admin-form [data-enabled][hidden] { display: none !important; }
.campaign-preview { max-width: 100%; width: 728px; height: 90px; object-fit: contain; }
.campaign-preview.is-rail { width: 115px; height: 475px; }
[data-period] small { display: block; margin-top: 6px; }
.support-create,.support-mine{padding:22px;border:1px solid rgba(209,149,69,.2);border-radius:14px;background:rgba(10,10,11,.64)}.support-mine{margin-top:22px}.support-intro{margin:-6px 0 18px;color:var(--muted)}.support-field-count{position:relative;display:block}.support-field-count input{padding-right:62px}.support-field-count>small{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted)}.support-field-help{display:flex;justify-content:space-between;gap:16px;color:var(--muted)}.support-upload>span{color:var(--muted);font-weight:400}.support-submit{justify-self:start;min-width:220px}.support-ticket{padding:0;overflow:hidden}.support-ticket>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px;cursor:pointer;list-style:none}.support-ticket>summary::-webkit-details-marker{display:none}.support-ticket>summary>div:first-child{display:grid;gap:5px;min-width:0}.support-ticket>summary strong{overflow-wrap:anywhere}.support-ticket>summary small{color:var(--muted)}.support-ticket-dates{display:grid;justify-items:end;gap:4px;flex:0 0 auto}.support-ticket[open]>summary{border-bottom:1px solid rgba(209,149,69,.18);background:rgba(209,149,69,.05)}.support-conversation{display:grid;gap:12px;padding:18px}.support-message{max-width:82%;padding:13px 15px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.035)}.support-message.is-admin{justify-self:end;border-color:rgba(209,149,69,.3);background:rgba(209,149,69,.09)}.support-message header{display:flex;justify-content:space-between;gap:18px;color:#f2e5d1}.support-message time{color:var(--muted);font-size:.72rem}.support-message p{margin:8px 0 0;white-space:pre-wrap}.support-ticket>.support-history,.support-ticket>.support-close{margin-left:18px;margin-right:18px}.support-ticket>.support-close{margin-bottom:18px}.support-image-preview-grid figure{position:relative;margin:0}.support-image-preview-grid figure button{position:absolute;top:6px;right:6px;width:28px;height:28px;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#fff;background:rgba(0,0,0,.78);font-size:1.1rem;cursor:pointer}.status-badge.is-open,.status-badge.is-in_review{color:#f1bc62}.status-badge.is-answered{color:#79d49b}.status-badge.is-closed{color:#a8a8a8}
@media(max-width:700px){.support-create,.support-mine{padding:16px}.support-ticket>summary{align-items:flex-start;flex-direction:column}.support-ticket-dates{width:100%;justify-items:start}.support-message{max-width:94%}.support-field-help{flex-direction:column;gap:4px}.support-submit{width:100%}}

/* Konu oluşturma editörü: bütünleşik palet, görsel boyutlandırma ve gerçek tam ekran. */
.editor-color{position:relative}.editor-color>button{min-width:78px}.editor-color-palette{position:fixed;z-index:2147483001;display:grid;grid-template-columns:repeat(6,28px);gap:6px;width:216px;padding:10px;border:1px solid rgba(226,168,87,.48);border-radius:10px;background:#111114;box-shadow:0 16px 42px rgba(0,0,0,.72)}.editor-color-palette[hidden]{display:none}.editor-toolbar .editor-color-palette button{width:28px;min-width:28px;height:28px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:5px;background:var(--editor-palette-color)}.editor-toolbar .editor-color-palette button:hover,.editor-toolbar .editor-color-palette button:focus-visible{outline:2px solid #e2a857;outline-offset:2px;transform:scale(1.08)}
.forum-editor{position:relative}.forum-editor-surface img.is-editor-selected{outline:2px solid #e2a857;outline-offset:3px}.editor-image-resizer{position:absolute;z-index:25;border:1px dashed #e2a857;pointer-events:none}.editor-image-resizer[hidden]{display:none}.editor-image-resizer i{position:absolute;right:-8px;bottom:-8px;width:17px;height:17px;border:2px solid #111;border-radius:3px;background:#e2a857;box-shadow:0 2px 8px #000;cursor:nwse-resize;pointer-events:auto;touch-action:none}.forum-editor-surface img[width],.markdown-body img[width]{width:auto;max-width:100%;height:auto}
body.editor-fullscreen-open{overflow:hidden!important}.forum-editor.is-fullscreen{position:fixed;inset:0;z-index:2147483000;width:100vw;height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:0;border-radius:0;background:#0b0b0d;box-shadow:none}.forum-editor.is-fullscreen .editor-toolbar{position:relative;top:0;z-index:2;flex-wrap:wrap;overflow-y:auto;max-height:30vh;border-radius:0}.forum-editor.is-fullscreen .forum-editor-surface{width:100%;height:100%;min-height:0;overflow:auto;padding:clamp(16px,3vw,40px);border-radius:0}.forum-editor.is-fullscreen [data-editor-action="fullscreen"]{position:sticky;right:8px;margin-left:auto;min-width:max-content;border-color:#e2a857;color:#ffd994;background:#241b10}
@media(max-width:620px){.editor-color-palette{grid-template-columns:repeat(6,26px);width:204px}.editor-toolbar .editor-color-palette button{width:26px;min-width:26px;height:26px}.forum-editor.is-fullscreen .editor-toolbar{flex-wrap:nowrap;max-height:none;overflow-x:auto}.forum-editor.is-fullscreen .forum-editor-surface{padding:14px}.forum-editor.is-fullscreen [data-editor-action="fullscreen"]{margin-left:6px}}

/* Bildirim dropdown'u reklam katmanlarından bağımsız olarak header üzerinde kalır. */
.site-header { z-index: 1000; }
.tool-popover.notification-popover { z-index: 1100; }
.editorial-badge-public{display:inline-flex;align-items:center;padding:2px 7px;border:1px solid rgba(226,168,87,.58);border-radius:999px;background:rgba(226,168,87,.1);color:#e8b75f;font-size:.66rem;font-weight:800;line-height:1.2;vertical-align:middle;white-space:nowrap}

/* Message center customization 20260921 */
body[data-page="messages"] .page{width:min(1540px,calc(100% - (var(--page-gutter) * 2)))}
body[data-page="messages"] .message-center.has-peer-profile{grid-template-columns:minmax(230px,270px) minmax(560px,1fr) minmax(240px,270px)}
.message-sidebar-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:10px;border-bottom:1px solid rgba(211,150,52,.15)}
.message-sidebar-tabs a{padding:8px 5px;border-radius:7px;color:#a99d8b;text-align:center;text-decoration:none;font-size:.72rem;font-weight:700}
.message-sidebar-tabs a:hover,.message-sidebar-tabs a.is-active{color:#f3d39b;background:rgba(211,150,52,.14)}
.blocked-user-list{display:grid;max-height:620px;overflow:auto}
.blocked-user-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.05)}
.blocked-user-row .avatar{width:40px;height:40px}.blocked-user-row>span{display:grid;min-width:0}.blocked-user-row strong,.blocked-user-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blocked-user-row small{color:#8f887d}.blocked-user-row button{grid-column:1/-1;justify-self:end}
.message-center-directory{grid-template-columns:minmax(250px,320px) minmax(0,1fr)}
.message-blocked-state{margin:0;padding:18px;border-top:1px solid rgba(199,65,55,.3);background:rgba(120,28,28,.15);color:#f0b3aa;text-align:center;font-weight:700}
@media(max-width:1120px){body[data-page="messages"] .message-center.has-peer-profile{grid-template-columns:minmax(230px,300px) minmax(0,1fr)}}
@media(max-width:760px){body[data-page="messages"] .page{width:min(var(--page-max),calc(100% - (var(--page-gutter) * 2)))}body[data-page="messages"] .message-center.has-peer-profile,.message-center-directory{grid-template-columns:1fr}.message-sidebar-tabs a{font-size:.68rem}.message-blocked-state{padding:15px 12px}}