* {  margin: 0;  padding: 0;  box-sizing: border-box;}:root {  --bg: #0a0c10;  --bg-soft: #12161d;  --panel: rgba(20, 24, 31, 0.92);  --panel-2: rgba(14, 18, 24, 0.86);  --line: rgba(206, 165, 89, 0.22);  --gold: #d9ab54;  --gold-bright: #f5d89b;  --silver: #d6d3cf;  --silver-soft: #bfc4cc;  --text: #f1f3f6;  --muted: #a2abb8;  --shadow: 0 24px 60px rgba(0, 0, 0, 0.45);  --brand-emblem-size: 104px;  --brand-emblem-mobile-size: 74px;}body {  min-height: 100vh;  font-size: 100%;  font-family: "Trebuchet MS", Verdana, sans-serif;  color: var(--text);  background:    radial-gradient(circle at 20% 15%, rgba(217, 171, 84, 0.18), transparent 24%),    radial-gradient(circle at 78% 22%, rgba(214, 211, 207, 0.08), transparent 18%),    radial-gradient(circle at 52% 80%, rgba(217, 171, 84, 0.1), transparent 22%),    linear-gradient(180deg, #0d1015 0%, #090b0f 100%);  text-align: center;}a {  color: var(--silver);  text-decoration: none;}a:hover {  color: var(--gold-bright);}img {  display: inline-block;  max-width: 100%;}table th {  white-space: nowrap;}#header {  max-width: 1260px;  margin: 0 auto;  padding: 36px 24px 8px;  text-align: left;}.header-topbar {  display: flex;  align-items: flex-start;  justify-content: space-between;  gap: 20px;  flex-wrap: wrap;}body.portal-public #header {  max-width: 1500px;}body.portal-public .header-topbar {  display: grid;  grid-template-columns: 260px minmax(0, 1fr) 260px;  column-gap: 28px;  align-items: start;}body.portal-public .brand-lockup {  grid-column: 1;  min-width: 0;}body.portal-public .language-switch {  grid-column: 2;  justify-self: end;}body.portal-menu-in-hero .language-switch {  transform: translateY(62px);}.brand-lockup {  position: relative;  display: flex;  align-items: center;  gap: 22px;}.brand-emblem {  position: relative;  display: grid;  justify-items: center;  width: var(--brand-emblem-size);  flex: 0 0 var(--brand-emblem-size);}.brand-policy-symbols {  position: absolute;  top: calc(100% + 28px);  left: calc(var(--brand-emblem-size) / 2);  z-index: 4;  display: grid;  justify-items: center;  gap: 24px;  width: var(--brand-emblem-size);  transform: translateX(-50%);  pointer-events: none;}.brand-policy-symbol {  display: block;  width: var(--brand-emblem-size);  height: var(--brand-emblem-size);  object-fit: contain;  opacity: 0.92;  filter:    drop-shadow(0 12px 24px rgba(0, 0, 0, 0.48))    drop-shadow(0 0 12px rgba(217, 171, 84, 0.16));}body.portal-authenticated .brand-policy-symbols {  position: static;  display: flex;  align-items: center;  width: auto;  margin-left: 6px;  gap: 28px;  transform: none;}.language-switch {  display: inline-flex;  align-items: center;  flex-wrap: wrap;  gap: 10px;  padding: 12px 16px;  border: 1px solid var(--line);  border-radius: 999px;  background: rgba(12, 15, 21, 0.72);  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22);}.language-switch span {  font-size: 11px;  letter-spacing: 0.18em;  text-transform: uppercase;  color: var(--muted);}.language-switch a {  font-size: 12px;  font-weight: bold;  letter-spacing: 0.14em;  text-transform: uppercase;  color: var(--silver);}.language-switch a:hover,.language-switch a.active {  color: var(--gold-bright);}.brand-logo {  width: var(--brand-emblem-size);  height: var(--brand-emblem-size);  object-fit: contain;  display: block;  flex: 0 0 var(--brand-emblem-size);  filter: drop-shadow(0 14px 28px rgba(0, 0, 0, 0.42));}.brand-copy h1 {  font-family: Georgia, "Times New Roman", serif;  font-size: 48px;  line-height: 1;  letter-spacing: 0.04em;  color: var(--silver);}.brand-name {  display: block;  width: clamp(220px, 32vw, 380px);  max-width: 76vw;  height: auto;  max-height: 62px;  object-fit: contain;  filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.32));}.eyebrow,.section-kicker {  display: inline-block;  font-size: 12px;  letter-spacing: 0.22em;  text-transform: uppercase;  color: var(--gold);  margin-bottom: 10px;}#slogan,.tagline {  margin-top: 8px;  max-width: 700px;  font-size: 16px;  line-height: 1.6;  color: var(--muted);}.textlogo {  color: var(--gold);}.white {  color: #fff;}.nowrap {  white-space: nowrap;}#page {  max-width: 1500px;  margin: 0 auto;  padding: 20px 24px 60px;}#left-nav {  text-align: left;}#left-nav:empty {  display: none;}#content {  max-width: 940px;  margin: 0 auto;  text-align: left;}#right-nav {  float: right;  width: 270px;  margin-left: 32px;  padding-top: 6px;  text-align: left;}#right-nav + #content {  max-width: none;  margin-right: 300px;}.page-home {  display: flex;  align-items: flex-start;  gap: 28px;}.page-home #left-nav {  width: 260px;  flex: 0 0 260px;}.page-home #right-nav {  float: none;  width: 260px;  flex: 0 0 260px;  margin-left: 0;  order: 3;}.page-home #content {  flex: 1 1 auto;  max-width: none;  margin: 0;  order: 2;}.page-home #right-nav + #content {  margin-right: 0;}.hero-panel,.box {  background: linear-gradient(180deg, var(--panel), var(--panel-2));  border: 1px solid var(--line);  border-radius: 26px;  box-shadow: var(--shadow);  backdrop-filter: blur(10px);}.hero-panel {  padding: 28px 32px;  margin-bottom: 22px;  overflow: hidden;  position: relative;}.hero-panel::after {  content: "";  position: absolute;  inset: auto -60px -80px auto;  width: 220px;  height: 220px;  border-radius: 50%;  background: radial-gradient(circle, rgba(217, 171, 84, 0.38), transparent 62%);  pointer-events: none;}.hero-center {  text-align: center;}.hero-copy h2 {  font-family: Georgia, "Times New Roman", serif;  font-size: 24px;  line-height: 1.15;  color: var(--text);}.hero-text {  margin-top: 12px;  max-width: 620px;  font-size: 14px;  line-height: 1.6;  color: var(--muted);}.hero-center .hero-text {  margin-left: auto;  margin-right: auto;}.hero-actions {  display: flex;  flex-wrap: wrap;  gap: 14px;  margin-top: 18px;}body.portal-menu-in-hero .page-home #right-nav > .nav-headline:first-child,body.portal-menu-in-hero .page-home #right-nav > #main-menu,body.portal-menu-in-hero .page-home #right-nav > #main-menu + br,body.portal-menu-in-hero .page-home #right-nav > #main-menu + br + .right-nav-divider,body.portal-menu-in-hero .page-home #right-nav > #main-menu + br + .right-nav-divider + br,body.portal-menu-in-hero .page-home #right-nav > #main-menu + br + .right-nav-divider + br + .right-nav-divider,body.portal-auth-menu-in-hero .page-home #right-nav > .nav-headline:first-child,body.portal-auth-menu-in-hero .page-home #right-nav > #main-menu,body.portal-auth-menu-in-hero .page-home #right-nav > #main-menu + br,body.portal-auth-menu-in-hero .page-home #right-nav > #main-menu + br + .right-nav-divider {  display: none;}body.portal-menu-in-hero .home-hero,body.portal-auth-menu-in-hero .home-hero {  padding: 24px 28px;}body.portal-menu-in-hero .home-hero .hero-copy,body.portal-auth-menu-in-hero .home-hero .hero-copy {  position: relative;  z-index: 1;  display: flex;  justify-content: center;}.portal-menu-actions {  width: 100%;  justify-content: center;  margin-top: 0;}.portal-auth-menu-actions {  align-items: center;}.portal-menu-actions .cta-link {  min-width: 170px;}.cta-link {  display: inline-flex;  align-items: center;  justify-content: center;  min-width: 156px;  padding: 12px 18px;  border-radius: 999px;  background: linear-gradient(135deg, var(--gold), #b77d23);  color: #140f08;  font-weight: bold;  letter-spacing: 0.04em;  text-transform: uppercase;  box-shadow: 0 16px 32px rgba(183, 125, 35, 0.28);}.cta-link:hover {  color: #140f08;  transform: translateY(-1px);}.muted-link {  background: transparent;  border: 1px solid rgba(214, 211, 207, 0.25);  color: var(--silver);  box-shadow: none;}.muted-link:hover {  color: var(--gold-bright);}.box {  padding: 24px 26px;  color: var(--muted);}.useful-links-panel {  padding: 30px 32px;}.useful-links-page h2 {  font-family: Georgia, "Times New Roman", serif;  font-size: 28px;  line-height: 1.18;  color: var(--text);}.useful-links-page .hero-text {  max-width: 760px;}.useful-links-sections {  display: grid;  grid-template-columns: repeat(2, minmax(0, 1fr));  gap: 18px;  margin-top: 26px;}.useful-links-section {  padding: 18px;  border: 1px solid rgba(206, 165, 89, 0.14);  border-radius: 18px;  background: rgba(8, 12, 18, 0.58);}.useful-links-section h3 {  margin-bottom: 14px;  color: var(--gold-bright);  font-family: Georgia, "Times New Roman", serif;  font-size: 20px;}.useful-links-list {  display: grid;  gap: 12px;}.useful-link-card {  padding: 14px 14px 13px;  border: 1px solid rgba(255, 255, 255, 0.06);  border-radius: 14px;  background: rgba(5, 8, 13, 0.62);}.useful-link-title {  display: inline-flex;  align-items: center;  min-height: 24px;  color: var(--text);  font-weight: bold;  letter-spacing: 0.04em;}.useful-link-title:hover {  color: var(--gold-bright);}.useful-link-card p {  margin-top: 8px;  color: var(--muted);  font-size: 13px;  line-height: 1.5;}.useful-link-card span {  display: block;  margin-top: 9px;  color: rgba(245, 216, 155, 0.75);  font-size: 12px;  overflow-wrap: anywhere;}.content-card {  padding: 24px 26px;}.box-top,.box-bottom {  display: none;}.box h1,.box h2,.box h3,.box h4,.box h5 {  font-family: Georgia, "Times New Roman", serif;  font-size: 21px;  line-height: 1.15;  color: var(--text);  text-align: left;  margin-bottom: 10px;}.box p,.box li {  font-size: 15px;  line-height: 1.7;}.box a {  color: var(--gold-bright);  text-decoration: underline;}.box a:hover {  color: #fff;}.box-body p {  padding: 0;  margin-top: 12px;}.bodytext {  color: var(--muted);  font-size: 15px;  line-height: 1.7;}.stats-grid {  display: grid;  grid-template-columns: repeat(4, minmax(0, 1fr));  gap: 16px;  margin-top: 18px;}.stat-card {  padding: 14px 16px;  border-radius: 20px;  border: 1px solid rgba(206, 165, 89, 0.18);  background: rgba(12, 16, 22, 0.72);  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);}.stat-label {  display: block;  font-size: 12px;  letter-spacing: 0.14em;  text-transform: uppercase;  color: var(--muted);  margin-bottom: 8px;}.stat-value {  display: block;  font-family: Georgia, "Times New Roman", serif;  font-size: 22px;  line-height: 1;  color: var(--gold-bright);}.grid-notices-panel {  margin: 18px 0 28px;  padding: 20px;  border: 1px solid rgba(206, 165, 89, 0.22);  border-radius: 8px;  background: linear-gradient(180deg, rgba(18, 23, 31, 0.84), rgba(9, 12, 17, 0.72));  box-shadow: var(--shadow);  min-height: 550px;}body.portal-authenticated .grid-notices-panel {  display: none;}.grid-notices-header {  display: flex;  align-items: baseline;  justify-content: space-between;  gap: 18px;  margin-bottom: 14px;}.grid-notices-header .section-kicker {  margin-bottom: 0;}.grid-notices-header h2 {  color: var(--silver);  font-family: Georgia, "Times New Roman", serif;  font-size: 20px;  line-height: 1.2;  text-align: right;}.grid-notices-list {  display: grid;  align-content: start;  gap: 10px;  min-height: 480px;  max-height: 550px;  overflow: auto;  padding-right: 6px;}.grid-notice-item {  border: 1px solid rgba(214, 211, 207, 0.08);  border-left: 3px solid rgba(217, 171, 84, 0.78);  border-radius: 8px;  background: rgba(8, 12, 18, 0.62);  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;}.grid-notice-item:hover {  background: rgba(14, 19, 27, 0.86);  border-color: rgba(217, 171, 84, 0.34);  transform: translateY(-1px);}.grid-notice-link {  display: block;  padding: 11px 12px;  color: inherit;  text-decoration: none;}.grid-notice-link:hover {  color: inherit;}.grid-notice-meta {  display: flex;  align-items: center;  gap: 10px;  flex-wrap: wrap;  margin-bottom: 6px;}.grid-notice-category {  color: var(--gold-bright);  font-size: 11px;  font-weight: bold;  letter-spacing: 0.12em;  text-transform: uppercase;}.grid-notice-date {  color: var(--muted);  font-size: 12px;}.grid-notice-message,.grid-notices-empty {  color: var(--silver-soft);  font-size: 14px;  line-height: 1.55;}.grid-notices-empty {  align-self: center;  justify-self: center;  max-width: 420px;  text-align: center;}.dashboard-grid {  display: grid;  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);  gap: 18px;}.dashboard-grid-guest {  margin-top: 4px;}.dashboard-card {  min-height: 100%;}.profile-card-header {  display: flex;  align-items: flex-start;  gap: 20px;  margin-bottom: 18px;}.profile-card-copy h2,.quick-card h2,.first-life-card h2 {  margin-bottom: 8px;}.profile-card-copy {  min-width: 0;}.profile-role,.user-card-title {  color: var(--gold-bright);  font-size: 14px;  letter-spacing: 0.08em;  text-transform: uppercase;}.profile-description,.profile-footnote {  color: var(--muted);  font-size: 14px;  line-height: 1.65;}.first-life-card {  display: grid;  align-content: start;  gap: 14px;}.first-life-image-wrap {  width: min(100%, 260px);  min-height: 160px;  display: inline-flex;  align-items: center;  justify-content: center;  overflow: hidden;  border-radius: 10px;  border: 1px solid rgba(217, 171, 84, 0.38);  background:    radial-gradient(circle at 30% 20%, rgba(255, 230, 178, 0.2), transparent 42%),    rgba(8, 12, 18, 0.72);  box-shadow:    inset 0 0 0 1px rgba(255, 243, 219, 0.12),    0 18px 34px rgba(0, 0, 0, 0.28);}.first-life-image {  display: block;  width: auto;  height: auto;  max-width: 100%;  max-height: 260px;  object-fit: contain;}.first-life-text {  color: var(--muted);  font-size: 14px;  line-height: 1.65;  white-space: pre-line;}.avatar-feed-card {  margin-top: 18px;}.avatar-feed-card h2 {  margin-bottom: 12px;}.avatar-feed-list {  display: grid;  gap: 12px;}.avatar-feed-entry {  padding: 14px;  border: 1px solid rgba(206, 165, 89, 0.14);  border-radius: 10px;  background: rgba(8, 12, 18, 0.62);}.avatar-feed-entry-hidden {  border-style: dashed;  border-color: rgba(98, 183, 255, 0.42);  background: rgba(8, 12, 18, 0.42);}.feed-entry-head {  display: flex;  align-items: center;  justify-content: space-between;  gap: 12px;  margin-bottom: 10px;}.feed-entry-type {  color: var(--gold-bright);  font-size: 11px;  font-weight: 800;  letter-spacing: 0.12em;  text-transform: uppercase;}.feed-entry-system {  color: #62e68d;}.feed-entry-life-event {  color: #62e68d;}.feed-entry-profile-update {  color: #62b7ff;}.feed-entry-head time {  color: var(--muted);  font-size: 12px;  white-space: nowrap;}.feed-entry-image {  display: block;  width: auto;  height: auto;  max-width: min(100%, 320px);  max-height: 280px;  margin-bottom: 12px;  border-radius: 8px;  border: 1px solid rgba(217, 171, 84, 0.28);  background: rgba(5, 8, 12, 0.48);  object-fit: contain;}.feed-entry-image,.first-life-image {  cursor: zoom-in;}.feed-entry-owner-tools {  display: flex;  align-items: center;  justify-content: space-between;  flex-wrap: wrap;  gap: 10px;  margin-top: 12px;  padding: 10px;  border: 1px solid rgba(98, 183, 255, 0.16);  border-radius: 8px;  background: rgba(98, 183, 255, 0.045);}.feed-entry-visibility-state {  color: var(--muted);  font-size: 11px;  font-weight: 800;  letter-spacing: 0.08em;  text-transform: uppercase;}.feed-entry-visibility-state strong {  color: #62b7ff;}.feed-entry-visibility-form {  display: flex;  align-items: center;  flex-wrap: wrap;  gap: 8px;  margin: 0;}.feed-owner-button {  min-height: 30px;  padding: 0 12px;  border: 1px solid rgba(217, 171, 84, 0.30);  border-radius: 999px;  background: rgba(8, 12, 18, 0.72);  color: var(--silver);  font-size: 10px;  font-weight: 800;  letter-spacing: 0.08em;  text-transform: uppercase;  cursor: pointer;}.feed-owner-delete {  border-color: rgba(255, 95, 109, 0.38);  color: #ff8d97;}body.image-lightbox-open {  overflow: hidden;}.profile-image-lightbox {  position: fixed;  inset: 0;  z-index: 99999;  display: flex;  align-items: center;  justify-content: center;  padding: 28px;  background: rgba(0, 0, 0, 0.86);  cursor: zoom-out;}.profile-image-lightbox[hidden] {  display: none;}.profile-image-lightbox img {  display: block;  width: auto;  height: auto;  max-width: 96vw;  max-height: 90vh;  object-fit: contain;  border-radius: 10px;  border: 1px solid rgba(217, 171, 84, 0.42);  background: rgba(5, 8, 12, 0.82);  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.72);  cursor: default;}.profile-image-lightbox-close {  position: fixed;  top: 18px;  right: 18px;  width: 42px;  height: 42px;  border: 1px solid rgba(217, 171, 84, 0.42);  border-radius: 50%;  background: rgba(8, 12, 18, 0.92);  color: var(--text);  font-weight: 800;  cursor: pointer;}.feed-social-bar {  display: flex;  flex-wrap: wrap;  gap: 10px;  margin-top: 12px;}.feed-action-form {  margin: 0;}.feed-action-button,.feed-comment-form button {  display: inline-flex;  align-items: center;  justify-content: center;  gap: 8px;  min-height: 34px;  padding: 0 14px;  border: 1px solid rgba(217, 171, 84, 0.32);  border-radius: 999px;  background: rgba(8, 12, 18, 0.72);  color: var(--silver);  font-size: 11px;  font-weight: 800;  letter-spacing: 0.08em;  text-transform: uppercase;  cursor: pointer;}.feed-action-button strong {  color: var(--gold-bright);  font-size: 12px;}.feed-action-button.is-active {  border-color: rgba(98, 230, 141, 0.55);  color: #62e68d;}.feed-action-dislike.is-active {  border-color: rgba(255, 95, 109, 0.58);  color: #ff5f6d;}body.feed-comments-open {  overflow: hidden;}.feed-comments-modal {  position: fixed;  inset: 0;  z-index: 99998;  display: flex;  align-items: center;  justify-content: center;  padding: 28px;  background: rgba(0, 0, 0, 0.72);}.feed-comments-modal[hidden] {  display: none;}.feed-comments-dialog {  width: min(620px, 94vw);  max-height: min(78vh, 680px);  display: flex;  flex-direction: column;  border: 1px solid rgba(217, 171, 84, 0.34);  border-radius: 10px;  background: linear-gradient(180deg, rgba(16, 21, 29, 0.98), rgba(8, 12, 18, 0.98));  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.72);}.feed-comments-header {  display: flex;  align-items: center;  justify-content: space-between;  gap: 16px;  padding: 16px 18px;  border-bottom: 1px solid rgba(206, 165, 89, 0.14);}.feed-comments-header h3 {  margin: 0;  color: var(--silver);  font-size: 18px;  letter-spacing: 0;}.feed-comments-close {  width: 34px;  height: 34px;  border: 1px solid rgba(217, 171, 84, 0.38);  border-radius: 50%;  background: rgba(8, 12, 18, 0.84);  color: var(--text);  font-weight: 800;  cursor: pointer;}.feed-comments-list {  display: grid;  gap: 10px;  overflow: auto;  padding: 14px 18px;}.feed-comments-empty {  padding: 18px;}.feed-comment {  padding: 11px;  border: 1px solid rgba(255, 255, 255, 0.08);  border-radius: 8px;  background: rgba(5, 8, 12, 0.52);}.feed-comment-head {  display: flex;  justify-content: space-between;  gap: 12px;  margin-bottom: 6px;}.feed-comment-head strong {  color: var(--gold-bright);  font-size: 12px;}.feed-comment-head time {  color: var(--muted);  font-size: 11px;  white-space: nowrap;}.feed-comment p {  color: var(--silver);  white-space: pre-line;}.feed-comment-form {  display: grid;  gap: 10px;  margin: 0;  padding: 14px 18px 18px;  border-top: 1px solid rgba(206, 165, 89, 0.14);}.feed-comment-form label {  display: grid;  gap: 8px;  color: var(--muted);  font-size: 11px;  font-weight: 800;  letter-spacing: 0.1em;  text-transform: uppercase;}.feed-comment-form textarea {  min-height: 82px;  resize: vertical;  border: 1px solid rgba(217, 171, 84, 0.24);  border-radius: 8px;  background: rgba(5, 8, 12, 0.82);  color: var(--text);  font: inherit;  font-size: 14px;  line-height: 1.45;  padding: 10px 12px;}.feed-comment-form button {  justify-self: end;  background: linear-gradient(135deg, #e0ac3f, #bd7d17);  color: #0b0f14;}.avatar-feed-entry p,.feed-empty {  margin: 0;  color: var(--muted);  font-size: 14px;  line-height: 1.65;  white-space: pre-line;}.profile-meta-list {  display: grid;  gap: 12px;  margin-top: 20px;}.profile-meta-row {  display: grid;  gap: 4px;  padding-top: 12px;  border-top: 1px solid rgba(206, 165, 89, 0.12);}.meta-label {  color: var(--muted);  font-size: 11px;  letter-spacing: 0.14em;  text-transform: uppercase;}.meta-value,.meta-link {  color: var(--silver);  font-size: 14px;  word-break: break-word;}.status-online {  color: #62e68d;  font-weight: 800;}.status-offline {  color: #ff5f6d;  font-weight: 800;}.profile-avatar-block {  display: grid;  gap: 10px;  justify-items: center;  min-width: 92px;}.profile-avatar {  width: 84px;  height: 84px;  border-radius: 999px;  display: flex;  align-items: center;  justify-content: center;  background:    radial-gradient(circle at 30% 25%, rgba(255, 233, 183, 0.24), transparent 36%),    linear-gradient(180deg, rgba(22, 28, 37, 0.98), rgba(10, 13, 18, 0.98));  border: 3px solid rgba(217, 171, 84, 0.92);  box-shadow:    inset 0 0 0 1px rgba(255, 243, 219, 0.16),    0 20px 38px rgba(0, 0, 0, 0.32);  color: var(--text);  font-family: Georgia, "Times New Roman", serif;  font-size: 34px;  font-weight: bold;}.profile-card .profile-avatar-block {  min-width: 176px;}.profile-card .profile-avatar {  width: 168px;  height: 168px;  border-width: 4px;  font-size: 68px;}.profile-avatar-image {  display: block;  object-fit: cover;  padding: 0;}.avatar-asset-id {  max-width: 100%;  color: var(--muted);  font-size: 10px;  line-height: 1.4;  text-align: center;  word-break: break-all;}.info-pills {  display: grid;  grid-template-columns: repeat(3, minmax(0, 1fr));  gap: 12px;  margin-top: 14px;}.info-pill {  padding: 14px 12px;  border-radius: 18px;  border: 1px solid rgba(206, 165, 89, 0.14);  background: rgba(8, 12, 18, 0.74);}.info-pill span {  display: block;  color: var(--muted);  font-size: 11px;  letter-spacing: 0.12em;  text-transform: uppercase;}.info-pill strong {  display: block;  margin-top: 7px;  color: var(--silver);  font-size: 14px;  line-height: 1.45;}.quick-actions-grid {  display: grid;  grid-template-columns: repeat(2, minmax(0, 1fr));  gap: 14px;  margin-top: 14px;}.action-tile {  display: block;  min-height: 74px;  padding: 14px 14px;  border-radius: 18px;  border: 1px solid rgba(206, 165, 89, 0.14);  background: rgba(8, 12, 18, 0.74);  text-decoration: none;}.action-title {  display: block;  color: var(--gold-bright);  font-size: 12px;  font-weight: bold;  letter-spacing: 0.1em;  text-transform: uppercase;}.action-copy {  display: block;  margin-top: 6px;  color: var(--muted);  font-size: 12px;  line-height: 1.45;}.dashboard-side-card,.account-sidebar-card {  padding: 22px 20px;  border-radius: 24px;  border: 1px solid var(--line);  background: linear-gradient(180deg, var(--panel), var(--panel-2));  box-shadow: var(--shadow);  backdrop-filter: blur(10px);}.panel-kicker {  display: inline-block;  margin-bottom: 8px;  color: var(--gold);  font-size: 11px;  letter-spacing: 0.18em;  text-transform: uppercase;}.dashboard-side-card h3 {  font-family: Georgia, "Times New Roman", serif;  font-size: 20px;  color: var(--text);}.account-sidebar-card {  text-align: center;}.account-sidebar-card .profile-avatar-block {  justify-items: center;  margin: 0 auto 14px;}.user-card-name {  padding-bottom: 0;}.user-card-meta {  margin-top: 8px;  color: var(--muted);  font-size: 14px;  line-height: 1.6;}.user-card-actions {  list-style: none;  margin-top: 18px;}.user-card-actions a {  display: inline-flex;  align-items: center;  justify-content: center;  width: 100%;  min-height: 46px;  border-radius: 999px;  background: linear-gradient(135deg, var(--gold), #b77d23);  color: #17120b;  font-size: 13px;  font-weight: bold;  letter-spacing: 0.08em;  text-transform: uppercase;}.nav-headline {  font-family: Georgia, "Times New Roman", serif;  font-size: 18px;  color: var(--text);  padding-bottom: 12px;}#main-menu ul,#gridusers-menu ul,#addons-menu ul,#posts ul {  list-style: none;  padding-bottom: 10px;}#main-menu li a,#gridusers-menu li a,#addons-menu li a,#posts li a {  display: block;  padding: 9px 0;  color: var(--silver-soft);  font-size: 14px;  line-height: 1.45;  border-bottom: 1px solid rgba(255, 255, 255, 0.04);}#main-menu li a:hover,#gridusers-menu li a:hover,#addons-menu li a:hover,#posts li a:hover {  color: var(--gold-bright);  border-bottom-color: rgba(217, 171, 84, 0.28);}.right-nav-divider,.line {  width: 100%;  height: 1px;  margin: 22px 0;  background: linear-gradient(90deg, rgba(206, 165, 89, 0.28), rgba(255, 255, 255, 0.04));}#subscribe form {  margin-bottom: 14px;}.create-account-login-link {  display: flex;  align-items: center;  justify-content: center;  margin: -2px 0 14px;  text-decoration: none;}#subscribe label {  display: block;  margin: 0 0 8px;  color: var(--muted);  font-size: 12px;  letter-spacing: 0.12em;  text-transform: uppercase;}.inputstyle {  width: 100%;  height: 46px;  margin-bottom: 14px;  padding: 0 14px;  background: rgba(8, 11, 16, 0.96);  border: 1px solid rgba(214, 211, 207, 0.12);  border-radius: 14px;  color: var(--text);  font-size: 15px;}.inputstyle::placeholder {  color: rgba(191, 196, 204, 0.62);}.inputstyle:focus {  outline: none;  border-color: rgba(217, 171, 84, 0.55);  box-shadow: 0 0 0 3px rgba(217, 171, 84, 0.12);}select.inputstyle,select,textarea {  width: 100%;  min-height: 46px;  padding: 0 14px;  background: rgba(8, 11, 16, 0.96);  border: 1px solid rgba(214, 211, 207, 0.12);  border-radius: 14px;  color: var(--text);  font-size: 15px;}textarea {  min-height: 140px;  padding: 14px;}.toolbar-row {  display: flex;  flex-wrap: wrap;  align-items: center;  gap: 12px;  margin: 14px 0;}.toolbar-row .button {  width: auto;  min-width: 170px;  padding: 0 18px;}.toolbar-row .inputstyle,.toolbar-row select {  flex: 1 1 220px;}.form-stack {  margin-top: 16px;}.account-create {  width: min(100%, 620px);  margin: 0 auto;  padding: 8px 0 0;}.account-create-header {  margin: 0 0 24px;  text-align: center;}.account-create-header .section-kicker {  margin-bottom: 8px;}.account-create-header h2 {  margin: 0;  color: var(--text);  font-family: Georgia, "Times New Roman", serif;  font-size: clamp(24px, 3vw, 30px);  line-height: 1.15;  text-align: center;}.account-create-form {  display: grid;  width: min(100%, 520px);  margin: 0 auto;  gap: 20px;}.account-form-grid {  display: grid;  gap: 16px;}.form-field {  display: grid;  gap: 8px;}.form-field > span,.avatar-fieldset legend {  color: var(--muted);  font-size: 12px;  font-weight: 700;  letter-spacing: 0.12em;  line-height: 1.2;  text-transform: uppercase;}.form-field em {  color: var(--gold-bright);  font-style: normal;}.account-create .inputstyle {  width: 100%;  height: 44px;  margin: 0;  border-radius: 8px;}.avatar-fieldset {  margin: 2px 0 0;  padding: 16px;  border: 1px solid rgba(206, 165, 89, 0.18);  border-radius: 8px;  background: rgba(8, 11, 16, 0.34);}.avatar-options {  display: grid;  grid-template-columns: repeat(3, minmax(0, 1fr));  gap: 10px;  margin-top: 12px;}.avatar-option {  display: flex;  align-items: center;  min-height: 44px;  gap: 10px;  padding: 0 12px;  border: 1px solid rgba(214, 211, 207, 0.13);  border-radius: 8px;  background: rgba(7, 10, 14, 0.7);  color: var(--text);  cursor: pointer;}.avatar-option:hover {  border-color: rgba(217, 171, 84, 0.4);  background: rgba(217, 171, 84, 0.08);}.avatar-option input {  flex: 0 0 auto;  width: 16px;  height: 16px;  margin: 0;  accent-color: var(--gold);}.avatar-option input:checked + span {  color: var(--gold-bright);}.avatar-option span {  overflow-wrap: anywhere;  font-size: 14px;  line-height: 1.25;}.turnstile-block {  display: flex;  justify-content: flex-start;  min-height: 78px;  margin-top: 4px;  padding-top: 20px;  border-top: 1px solid rgba(214, 211, 207, 0.1);}.account-submit {  width: 100%;  margin-top: 2px;  border-radius: 8px;}.account-settings {  display: grid;  gap: 18px;}.account-settings-header {  max-width: 720px;}.account-settings-header h2 {  margin-top: 4px;}.account-settings-grid {  display: grid;  grid-template-columns: repeat(2, minmax(0, 1fr));  gap: 16px;}.account-settings-card {  display: grid;  align-content: start;  gap: 14px;  min-width: 0;  padding: 18px;  border: 1px solid rgba(206, 165, 89, 0.16);  border-radius: 8px;  background: rgba(8, 12, 18, 0.52);}.account-feed-privacy-card {  grid-column: 1 / -1;}.account-settings-card h3 {  margin: 0;  color: var(--silver);  font-size: 18px;  letter-spacing: 0;}.account-settings-card label {  display: grid;  gap: 7px;  color: var(--muted);  font-size: 12px;  font-weight: 800;  letter-spacing: 0.08em;  text-transform: uppercase;}.account-settings-card .inputstyle {  width: 100%;}.feed-privacy-option {  display: flex !important;  grid-template-columns: none;  align-items: flex-start;  gap: 12px !important;  padding: 13px;  border: 1px solid rgba(214, 211, 207, 0.12);  border-radius: 8px;  background: rgba(5, 8, 12, 0.46);  letter-spacing: 0 !important;  text-transform: none !important;  cursor: pointer;}.feed-privacy-option:hover {  border-color: rgba(217, 171, 84, 0.38);  background: rgba(217, 171, 84, 0.07);}.feed-privacy-option input {  flex: 0 0 auto;  width: 16px;  height: 16px;  margin-top: 3px;  accent-color: var(--gold);}.feed-privacy-option span {  display: grid;  gap: 4px;}.feed-privacy-option strong {  color: var(--silver);  font-size: 14px;  letter-spacing: 0.04em;  text-transform: uppercase;}.feed-privacy-option small {  color: var(--muted);  font-size: 12px;  line-height: 1.45;}#settings {  display: flex;  flex-wrap: wrap;  gap: 14px;}.checkbox {  margin-right: 6px;}.button {  width: 100%;  height: 46px;  border: 0;  border-radius: 999px;  background: linear-gradient(135deg, var(--gold), #b77d23);  color: #17120b;  font-weight: bold;  font-size: 14px;  letter-spacing: 0.08em;  text-transform: uppercase;  cursor: pointer;}.secondary-button {  background: transparent;  border: 1px solid rgba(214, 211, 207, 0.2);  color: var(--silver);}.secondary-button:hover {  color: var(--gold-bright);}table.entries {  width: 100%;  margin-top: 14px;  border-collapse: collapse;  border: 1px solid rgba(214, 211, 207, 0.12);  background: rgba(8, 11, 16, 0.72);}.entries th,.entries td {  border: 1px solid rgba(214, 211, 207, 0.08);  padding: 10px 12px;}.entries th {  color: var(--text);  background: rgba(217, 171, 84, 0.08);}#footer {  max-width: 1260px;  margin: 0 auto;  padding: 6px 24px 44px;  color: var(--muted);}#footer-pad {  padding: 0 0 8px;}.footer-title {  font-family: Georgia, "Times New Roman", serif;  font-size: 20px;  color: var(--text);  margin-bottom: 12px;}.footer-meta {  margin-top: 10px;}#footer p {  margin-top: 6px;}.logo,#right-footer {  display: none;}.clearboth {  clear: both;}.friends-panel,.groups-panel,.groups-section {  margin-top: 12px;}.friends-panel .panel-kicker {  display: none;}.friends-panel h3,.groups-panel h3 {  margin: 0;  text-align: center;}.friends-list,.dashboard-groups-list {  display: grid;  gap: 8px;  list-style: none;  margin-top: 10px;  max-height: 980px;  overflow: auto;  padding-right: 4px;}.friend-entry {  align-items: center;  background: rgba(255, 255, 255, 0.015);  border: 1px solid rgba(206, 165, 89, 0.10);  border-radius: 8px;  display: flex;  gap: 10px;  min-height: 34px;  opacity: 0.54;  padding: 9px 10px;  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, opacity 160ms ease;}.friend-entry::before {  background: rgba(185, 190, 198, 0.42);  border-radius: 999px;  content: "";  flex: 0 0 8px;  height: 8px;  width: 8px;}.friend-offline {  filter: grayscale(0.2);}.friend-online {  background: linear-gradient(90deg, rgba(232, 184, 76, 0.13), rgba(44, 241, 169, 0.06));  border-color: rgba(232, 184, 76, 0.38);  box-shadow: inset 3px 0 0 rgba(44, 241, 169, 0.72), 0 0 22px rgba(232, 184, 76, 0.11);  opacity: 1;}.friend-online::before {  background: #43f5a5;  box-shadow: 0 0 10px rgba(67, 245, 165, 0.78);}.friend-entry:last-child {  border-bottom: 1px solid rgba(206, 165, 89, 0.12);}.friend-name {  color: rgba(233, 230, 220, 0.74);  font-weight: bold;  font-size: 13px;  line-height: 1.25;  overflow-wrap: anywhere;}.friend-online .friend-name {  color: var(--silver);  text-shadow: 0 0 12px rgba(232, 184, 76, 0.20);}.group-entry {  align-items: center;  background: rgba(255, 255, 255, 0.015);  border: 1px solid rgba(206, 165, 89, 0.10);  border-radius: 8px;  display: flex;  gap: 10px;  min-height: 40px;  padding: 9px 10px;}.group-icon {  display: inline-block;  flex: 0 0 16px;  height: 16px;  width: 16px;}.group-owned {  background: linear-gradient(90deg, rgba(232, 184, 76, 0.13), rgba(255, 255, 255, 0.02));  border-color: rgba(232, 184, 76, 0.38);}.group-owned .group-icon {  background: var(--gold-bright);  clip-path: polygon(50% 0%, 61% 34%, 96% 34%, 68% 55%, 79% 90%, 50% 69%, 21% 90%, 32% 55%, 4% 34%, 39% 34%);  filter: drop-shadow(0 0 8px rgba(232, 184, 76, 0.5));}.group-member .group-icon {  border: 2px solid rgba(185, 190, 198, 0.58);  border-radius: 999px;}.group-copy {  display: grid;  gap: 2px;  min-width: 0;}.group-name {  color: rgba(233, 230, 220, 0.78);  font-size: 13px;  font-weight: bold;  line-height: 1.25;  overflow-wrap: anywhere;}.group-kind {  color: var(--muted);  font-size: 11px;  line-height: 1.2;}.friend-meta,.friend-status {  display: none;}.pager-status {  font-size: 12px;  color: var(--muted);}.pager {  display: flex;  align-items: center;  gap: 10px;  flex-wrap: wrap;  margin-top: 12px;}.pager-link {  color: var(--gold-bright);  font-size: 13px;  letter-spacing: 0.08em;  text-transform: uppercase;}.groups-membership-table {  width: 100%;  margin-top: 14px;  border-collapse: collapse;}.groups-membership-table th,.groups-membership-table td {  padding: 10px 12px;  border-bottom: 1px solid rgba(206, 165, 89, 0.12);  text-align: left;}.groups-section + .groups-section {  margin-top: 24px;}.box-body > .section-kicker:first-child {  margin-bottom: 6px;}.box-body > h2:first-of-type {  margin-bottom: 12px;}@media (max-width: 980px) {  .header-topbar {    flex-direction: column;    align-items: flex-start;  }  body.portal-public .header-topbar {    display: flex;  }  body.portal-public .language-switch {    justify-self: auto;  }  body.portal-menu-in-hero .language-switch {    transform: none;  }  #right-nav {    float: none;    width: auto;    margin: 0 0 24px;    padding-top: 0;  }  #left-nav {    width: auto;    margin: 0 0 24px;  }  #right-nav + #content {    margin-right: 0;  }  .page-home {    display: flex;    flex-direction: column;    gap: 24px;  }  .page-home #content {    order: 1;    width: 100%;  }  .page-home #right-nav {    order: 2;    width: 100%;    padding: 22px;    border: 1px solid rgba(206, 165, 89, 0.16);    border-radius: 24px;    background: rgba(12, 16, 22, 0.58);  }  .brand-lockup {    align-items: flex-start;  }  .brand-copy h1 {    font-size: 40px;  }  .hero-copy h2 {    font-size: 32px;  }  .stats-grid {    grid-template-columns: repeat(2, minmax(0, 1fr));  }  .dashboard-grid,  .quick-actions-grid,  .info-pills,  .account-settings-grid {    grid-template-columns: 1fr;  }  .profile-card-header {    flex-direction: column;    align-items: center;    text-align: center;  }  .useful-links-sections {    grid-template-columns: 1fr;  }}@media (max-width: 640px) {  body {    background:      linear-gradient(160deg, rgba(217, 171, 84, 0.1) 0%, rgba(217, 171, 84, 0) 34%),      linear-gradient(180deg, #101218 0%, #090b0f 100%);  }  #header,  #page,  #footer {    padding-left: 16px;    padding-right: 16px;  }  #header {    padding-top: 20px;    padding-bottom: 4px;  }  #page {    padding-top: 14px;    padding-bottom: 36px;  }  .header-topbar {    gap: 16px;  }  .brand-lockup {    flex-direction: row;    align-items: center;    gap: 12px;    width: 100%;  }  .brand-logo {    width: var(--brand-emblem-mobile-size);    height: var(--brand-emblem-mobile-size);    flex-basis: var(--brand-emblem-mobile-size);  }  .brand-emblem {    width: var(--brand-emblem-mobile-size);    flex-basis: var(--brand-emblem-mobile-size);  }  .brand-policy-symbols {    position: absolute;    top: calc(100% + 14px);    left: calc(var(--brand-emblem-mobile-size) / 2);    display: grid;    width: var(--brand-emblem-mobile-size);    gap: 10px;    transform: translateX(-50%);  }  .brand-policy-symbol {    width: var(--brand-emblem-mobile-size);    height: var(--brand-emblem-mobile-size);  }  body.portal-authenticated .brand-policy-symbols {    position: static;    display: flex;    width: auto;    margin-top: 8px;    margin-left: 0;    gap: 8px;    transform: none;  }  body.portal-authenticated .brand-policy-symbol {    width: 42px;    height: 42px;  }  .brand-name {    width: min(68vw, 270px);    max-width: none;    max-height: 44px;  }  .language-switch {    width: 100%;    justify-content: center;    gap: 8px;    padding: 10px 12px;  }  .hero-panel,  .box {    padding: 22px 20px;    border-radius: 18px;  }  .hero-panel {    margin-bottom: 16px;  }  .hero-panel::after {    display: none;  }  .brand-copy h1 {    font-size: 34px;  }  .hero-copy h2 {    font-size: 28px;  }  .stats-grid {    grid-template-columns: repeat(2, minmax(0, 1fr));    gap: 12px;  }  .account-create-form {    width: 100%;  }  .avatar-options {    grid-template-columns: 1fr;  }  .turnstile-block {    overflow-x: auto;  }  .stat-card {    border-radius: 16px;    padding: 14px;  }  .stat-label {    font-size: 10px;    letter-spacing: 0.1em;  }  .page-home #right-nav {    padding: 18px;    border-radius: 18px;  }  .nav-headline {    font-size: 17px;  }  .right-nav-divider {    margin: 16px 0;  }  .hero-actions {    gap: 10px;  }  .cta-link {    min-width: 0;    flex: 1 1 150px;  }}