/* ===== RotRyujin — Medieval / Roman theme (site-wide) ===== */
/* Fonts: Roman headline + clean body */
700;900&family=Inter:wght@400;600;800&display=swap');

:root{
  --bg:#07070b;
  --bg2:#0a0a12;

  --panel: rgba(18,18,27,.86);
  --panel2: rgba(16,16,26,.78);

  --border:#2a2a3a;
  --border2: rgba(255,255,255,.10);

  --text:#ffffff;
  --muted:#d7d7ef;
  --muted2:#a7a7c4;

  --red:#ff0033;
  --red2:#ff4d6d;

  --gold:#d8b76a;
  --gold2:#b8923b;

  --shadow: 0 14px 38px rgba(0,0,0,.55);
  --radius:18px;

  --roman: "Cinzel", ui-serif, Georgia, "Times New Roman", serif;
  --body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

*{ box-sizing:border-box; }

html,body{ height:100%; }

body{
  margin:0;
  font-family: var(--body);
  color:var(--text);
  background:
    radial-gradient(1100px 700px at 18% 12%, rgba(255,0,51,.22), transparent 62%),
    radial-gradient(900px 600px at 78% 28%, rgba(255,77,109,.12), transparent 60%),
    radial-gradient(900px 650px at 55% 90%, rgba(255,0,51,.10), transparent 62%),
    radial-gradient(1200px 900px at 50% 50%, rgba(216,183,106,.06), transparent 70%),
    linear-gradient(180deg, #05050a 0%, #080813 45%, #07070b 100%);
  background-attachment: fixed;
}

/* Links */
a{ color: var(--red2); text-decoration:none; }
a:hover{ text-decoration:underline; }

/* Layout */
.wrap{
  max-width:1000px;
  margin:0 auto;
  padding:28px;
  position: relative;
  z-index: 1;
}

.nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 16px;
  background: linear-gradient(180deg, rgba(30,30,46,.82), rgba(14,14,22,.78));
  border: 1px solid rgba(216,183,106,.22);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  backdrop-filter: blur(10px);
  position: sticky;
  top: 10px;
  z-index: 5000;
  overflow: visible;
  isolation: isolate;
}

.brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:900;
  letter-spacing:.6px;
  text-transform: uppercase;
  font-family: var(--roman);
  min-width:0;
}

.dot{
  width:12px;
  height:12px;
  border-radius:999px;
  background: var(--red);
  box-shadow:
    0 0 18px rgba(255,0,51,.55),
    0 0 40px rgba(255,77,109,.20);
}

.badge{
  font-size:12px;
  color: rgba(216,183,106,.92);
  padding:5px 10px;
  border:1px solid rgba(216,183,106,.28);
  border-radius:999px;
  background: rgba(10,10,16,.55);
}

.grid{
  display:grid;
  gap:16px;
  grid-template-columns: 1.2fr .8fr;
  margin-top:16px;
  position: relative;
  z-index: 1;
}

@media (max-width: 900px){
  .grid{ grid-template-columns: 1fr; }
  .wrap{ padding:18px; }
  .nav{
    position: relative;
    top: 0;
    z-index: 5000;
  }
}

/* Cards */
.card{
  border-radius: var(--radius);
  padding:18px;
  box-shadow: var(--shadow);
  border: 1px solid rgba(216,183,106,.20);
  background:
    radial-gradient(900px 360px at 20% 0%, rgba(216,183,106,.10), transparent 60%),
    radial-gradient(600px 280px at 100% 20%, rgba(255,0,51,.08), transparent 70%),
    linear-gradient(180deg, rgba(24,24,38,.88), rgba(12,12,20,.82));
  backdrop-filter: blur(10px);
  position: relative;
  z-index: 1;
}

/* Headings */
.h1{
  font-family: var(--roman);
  font-weight: 900;
  font-size:40px;
  letter-spacing: .6px;
  margin:0 0 8px;
  text-transform: uppercase;
  text-shadow:
    0 2px 0 rgba(0,0,0,.40),
    0 0 18px rgba(255,0,51,.18);
}

.p{
  color: var(--muted);
  line-height: 1.65;
  margin:0 0 12px;
}

.small{
  color: var(--muted2);
  font-size:13px;
}

.hr{
  height:1px;
  background:
    linear-gradient(90deg,
      transparent,
      rgba(216,183,106,.35),
      rgba(255,0,51,.22),
      rgba(216,183,106,.35),
      transparent
    );
  margin:14px 0;
}

/* ===== Buttons ===== */
.btn, .btn2{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:11px 14px;
  border-radius: 14px;
  font-weight: 900;
  letter-spacing: .4px;
  cursor:pointer;
  user-select:none;
  text-decoration:none;
  transform: translateZ(0);
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.btn{
  color:#fff;
  border: 1px solid rgba(216,183,106,.38);
  background:
    radial-gradient(140px 60px at 25% 0%, rgba(255,255,255,.16), transparent 60%),
    linear-gradient(180deg, rgba(255,77,109,.95), rgba(255,0,51,.92));
  box-shadow:
    0 10px 22px rgba(0,0,0,.45),
    0 0 0 1px rgba(0,0,0,.22) inset,
    0 0 18px rgba(255,0,51,.22);
  position:relative;
}

.btn::after{
  content:"";
  position:absolute;
  inset: 2px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.12);
  pointer-events:none;
}

.btn:hover{
  filter: brightness(1.05);
  box-shadow:
    0 12px 26px rgba(0,0,0,.55),
    0 0 24px rgba(255,0,51,.26);
  text-decoration:none;
}

.btn:active{
  transform: translateY(1px);
  filter: brightness(.98);
}

.btn2{
  color: var(--text);
  border: 1px solid rgba(216,183,106,.22);
  background:
    radial-gradient(140px 60px at 25% 0%, rgba(255,255,255,.08), transparent 60%),
    linear-gradient(180deg, rgba(22,22,36,.92), rgba(10,10,18,.86));
  box-shadow:
    0 10px 22px rgba(0,0,0,.45),
    0 0 0 1px rgba(0,0,0,.25) inset;
}

.btn2:hover{
  border-color: rgba(216,183,106,.38);
  box-shadow:
    0 12px 26px rgba(0,0,0,.55),
    0 0 18px rgba(216,183,106,.10);
  text-decoration:none;
}

.btn2:active{ transform: translateY(1px); }

/* Forms */
input, textarea, select{
  width:100%;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(216,183,106,.20);
  background:
    linear-gradient(180deg, rgba(10,10,18,.92), rgba(8,8,14,.90));
  color:#fff;
  margin:6px 0 12px;
  outline:none;
}

input:focus, textarea:focus, select:focus{
  border-color: rgba(255,77,109,.55);
  box-shadow: 0 0 0 3px rgba(255,0,51,.12);
}

/* Posts / blocks */
.post{
  background:
    radial-gradient(700px 260px at 20% 0%, rgba(216,183,106,.07), transparent 70%),
    linear-gradient(180deg, rgba(16,16,26,.80), rgba(10,10,18,.76));
  border:1px solid rgba(216,183,106,.18);
  border-radius:14px;
  padding:12px;
  margin-top:12px;
  position: relative;
  z-index: 1;
}

.postTitle{
  font-weight:900;
  font-family: var(--roman);
  text-transform: uppercase;
  letter-spacing: .5px;
}

/* ===== Media embeds ===== */
.mediaGrid{
  display:grid;
  grid-template-columns: 1fr;
  gap:12px;
  position: relative;
  z-index: 1;
}

.mediaCard{
  background:
    linear-gradient(180deg, rgba(16,16,26,.76), rgba(10,10,18,.72));
  border:1px solid rgba(216,183,106,.16);
  border-radius:14px;
  padding:12px;
  position: relative;
  z-index: 1;
}

.embed16x9, .embed9x16{
  width:100%;
  border-radius:12px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  box-shadow: 0 10px 22px rgba(0,0,0,.45);
}

.embed16x9{ aspect-ratio: 16 / 9; }
.embed16x9 iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}

.embed9x16{ aspect-ratio: 9 / 16; }
.embed9x16 iframe,
.embed9x16 blockquote{
  width:100% !important;
  height:100% !important;
  margin:0 !important;
}

/* Small screen improvements */
@media (max-width: 520px){
  .h1{ font-size: 32px; }
  .btn{ width:100%; }
  .nav{
    padding:12px;
    align-items:flex-start;
  }
  .brand{
    flex-wrap:wrap;
  }
}

/* Optional: reduce motion if user prefers */
@media (prefers-reduced-motion: reduce){
  *{ scroll-behavior:auto !important; transition:none !important; }
}

/* Utilities */
.grid.oneCol{ grid-template-columns: 1fr !important; }
.centerCard{ max-width: 820px; margin: 0 auto; }
.bulletLine{ margin: 6px 0; }

/* ============================
   Site-wide Dropdown Menu
   ============================ */
.topActions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
  position: relative;
  z-index: 5001;
}

.menuWrap{
  position:relative;
  display:inline-block;
  overflow:visible;
  z-index: 5002;
}

.menuBtn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
  width:auto;
  min-width:unset;
  white-space:nowrap;
  flex:0 0 auto;
  appearance:none;
  -webkit-appearance:none;
  position: relative;
  z-index: 5003;
}

.chev{
  width:10px;
  height:10px;
  border-right:2px solid rgba(216,183,106,.8);
  border-bottom:2px solid rgba(216,183,106,.8);
  transform: rotate(45deg);
  margin-top:-2px;
  pointer-events:none;
}

.menuPanel{
  position:absolute;
  right:0;
  top: calc(100% + 10px);
  width:240px;
  max-width: calc(100vw - 24px);
  padding:10px;
  border-radius:14px;
  border:1px solid rgba(216,183,106,.22);
  background: linear-gradient(180deg, rgba(22,22,36,.98), rgba(10,10,18,.96));
  box-shadow: 0 18px 40px rgba(0,0,0,.55);
  backdrop-filter: blur(10px);
  display:none;
  z-index: 999999;
  pointer-events:auto;
}

.menuPanel a{
  display:block;
  padding:12px 12px;
  border-radius:12px;
  color: var(--text);
  text-decoration:none;
  font-weight:900;
  letter-spacing:.2px;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.menuPanel a:hover,
.menuPanel a:focus,
.menuPanel a:active{
  background: rgba(255,0,51,.10);
  border: 1px solid rgba(255,0,51,.18);
  text-decoration:none;
}

.menuPanel .sep{
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(216,183,106,.28), transparent);
  margin:8px 0;
}

.menuWrap.open .menuPanel{
  display:block;
}

@media (max-width:520px){
  .topActions{
    margin-left:auto;
  }

  .menuBtn{
    width:auto !important;
  }

  .menuPanel{
    width:min(92vw, 360px);
    right:0;
    left:auto;
  }
}

/* =============================================================
   RotRyujin refresh — scoped to the supplied Home / Socials pages.
   The original rules above remain available to all other pages.
   ============================================================= */
.rr-site {
  --rr-bg: #0b080a;
  --rr-surface: #131012;
  --rr-line: rgba(246, 221, 213, .13);
  --rr-red: #f04436;
  --rr-red-bright: #ff594a;
  --rr-cream: #fff4e8;
  --rr-muted: #bfb3b3;
  --rr-gold: #c7a984;
  background: var(--rr-bg);
  color: var(--rr-cream);
  font-family: var(--body);
  font-size: 1rem;
  line-height: 1.6;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
}
.rr-site *, .rr-site *::before, .rr-site *::after { box-sizing: border-box; }
.rr-site [hidden] { display: none !important; }
.rr-site ::selection { background: #93271f; color: white; }
.rr-site a { color: inherit; text-decoration: none; }
.rr-site button { font: inherit; }
.rr-site h1, .rr-site h2, .rr-site h3, .rr-site p { margin: 0; }
.rr-site h1, .rr-site h2, .rr-site h3 { overflow-wrap: anywhere; }
.rr-site img { max-width: 100%; height: auto; display: block; }
.rr-site a:focus-visible, .rr-site button:focus-visible {
  outline: 2px solid #ffc698;
  outline-offset: 5px;
  border-radius: 4px;
}
.rr-site section { scroll-margin-top: 7rem; }
.rr-container { width: min(1200px, calc(100% - 64px)); margin-inline: auto; }
.rr-icon { display: inline-block; width: 22px; height: 22px; flex: 0 0 auto; vertical-align: middle; }
.rr-skip { position: fixed; top: 12px; left: 12px; z-index: 100; padding: 12px 18px; background: #fff4e8; transform: translateY(-200%); }
.rr-site .rr-skip { color: #161013; }
.rr-skip:focus { transform: translateY(0); }

/* One clean, persistent navigation bar. */
.rr-header { position: sticky; top: 0; z-index: 40; border-top: 2px solid #c23229; border-bottom: 1px solid var(--rr-line); background: rgba(11, 8, 10, .95); }
@supports (backdrop-filter: blur(16px)) { .rr-header { background: rgba(11, 8, 10, .89); backdrop-filter: blur(16px); } }
.rr-header-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; min-height: 88px; gap: 16px; }
.rr-brand { display: inline-flex; align-items: center; gap: 8px; font-family: var(--roman); font-size: 1.2rem; font-weight: 900; letter-spacing: -.04em; }
.rr-brand img { width: 52px; height: 52px; object-fit: contain; }
.rr-brand-accent { color: var(--rr-red-bright); }
.rr-desktop-nav { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 26px; }
.rr-desktop-nav a { position: relative; color: var(--rr-muted); font-size: .875rem; font-weight: 600; padding: 28px 0; transition: color .18s; }
.rr-desktop-nav a:hover, .rr-desktop-nav a[aria-current="page"] { color: var(--rr-cream); }
.rr-desktop-nav a[aria-current="page"]::after { content: ''; position: absolute; bottom: 18px; left: 0; width: 22px; height: 2px; background: var(--rr-red); }
.rr-watch { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; padding: 10px 14px; border: 1px solid rgba(240, 68, 54, .4); border-radius: 4px; background: rgba(240, 68, 54, .07); font-size: .875rem; font-weight: 600; transition: background .2s, border-color .2s; }
.rr-watch:hover { background: rgba(240, 68, 54, .17); border-color: var(--rr-red); }
.rr-watch .rr-icon { width: 18px; height: 18px; }
.rr-menu-toggle, .rr-mobile-nav { display: none; }
.rr-menu-toggle { width: 46px; height: 46px; padding: 10px; border: 1px solid var(--rr-line); border-radius: 4px; background: #191214; color: var(--rr-cream); cursor: pointer; align-items: center; justify-content: center; }
.rr-menu-close-icon { display: none; }
.rr-nav-open .rr-menu-open-icon { display: none; }
.rr-nav-open .rr-menu-close-icon { display: inline; }

/* The original dragon becomes the main visual, on an ember-lit field. */
.rr-hero { position: relative; isolation: isolate; overflow: hidden; border-bottom: 1px solid var(--rr-line); background: radial-gradient(ellipse at 86% 42%, rgba(183, 32, 26, .24), transparent 53%), radial-gradient(ellipse at 10% 0%, rgba(125, 30, 25, .1), transparent 55%); }
.rr-hero::before { content: ''; position: absolute; z-index: -1; inset: 0; opacity: .2; background-image: linear-gradient(rgba(231, 112, 91, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(231, 112, 91, .12) 1px, transparent 1px); background-size: 88px 88px; mask-image: linear-gradient(90deg, transparent 35%, #000); }
.rr-hero-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; gap: 18px; min-height: 635px; padding-block: 76px 64px; }
.rr-hero-copy { position: relative; z-index: 2; padding-bottom: 10px; }
.rr-eyebrow { display: flex; align-items: center; gap: 12px; font-size: .875rem; font-weight: 600; line-height: 1.5; letter-spacing: .14em; text-transform: uppercase; color: var(--rr-gold); }
.rr-eyebrow > span { display: inline-block; width: 28px; height: 2px; background: var(--rr-red); }
.rr-site h1 { font-family: var(--roman); font-size: clamp(2.65rem, 4.8vw, 4.2rem); font-weight: 700; line-height: 1.17; letter-spacing: -.038em; margin: 20px 0 22px; }
.rr-site h1 em { color: var(--rr-red-bright); font-style: normal; }
.rr-lead { max-width: 510px; color: var(--rr-muted); font-size: 1.0625rem; line-height: 1.9; }
.rr-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.rr-button { display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; min-height: 52px; padding: 13px 19px; border: 1px solid transparent; border-radius: 4px; font-size: .9375rem; font-weight: 600; line-height: 1.45; transition: transform .2s, background .2s, border-color .2s, box-shadow .2s; }
.rr-site .rr-button-primary { background: #bb2e25; border-color: #ec4a3b; color: white; box-shadow: 0 8px 32px rgba(192, 36, 28, .18), inset 0 1px 0 rgba(255, 255, 255, .12); }
.rr-site .rr-button-primary:hover { background: #cd352b; border-color: #ff7765; box-shadow: 0 8px 34px rgba(225, 48, 32, .3); transform: translateY(-2px); }
.rr-button-secondary { background: rgba(255, 247, 232, .035); border-color: rgba(255, 247, 232, .2); }
.rr-button-secondary:hover { background: rgba(255, 247, 232, .07); border-color: rgba(255, 247, 232, .4); transform: translateY(-2px); }
.rr-name-note { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 36px; padding-top: 22px; border-top: 1px solid var(--rr-line); width: fit-content; }
.rr-name-note > span { display: flex; gap: 9px; flex-wrap: wrap; align-items: baseline; font-size: .875rem; color: var(--rr-muted); }
.rr-name-note strong { color: var(--rr-gold); font-family: var(--roman); font-weight: 700; }
.rr-hero-art { position: relative; aspect-ratio: 1; width: 100%; max-width: 520px; margin: auto; }
.rr-hero-art::before { content: ''; position: absolute; inset: 8%; background: radial-gradient(ellipse, rgba(255, 31, 16, .16), transparent 64%); border-radius: 50%; box-shadow: 0 0 95px rgba(217, 26, 16, .12); }
.rr-site .rr-dragon { position: absolute; inset: -9%; width: 118%; max-width: none; height: 118%; object-fit: contain; filter: drop-shadow(0 18px 25px rgba(0, 0, 0, .7)) drop-shadow(0 0 26px rgba(211, 38, 15, .17)); animation: rr-float 9s ease-in-out infinite; }
.rr-orbit { position: absolute; border-radius: 50%; pointer-events: none; }
.rr-orbit-outer { inset: 3%; border: 1px solid rgba(224, 101, 66, .2); border-left-color: transparent; border-right-color: transparent; transform: rotate(-28deg); }
.rr-orbit-inner { inset: 9%; border: 1px solid rgba(214, 79, 43, .15); }
.rr-art-label { position: absolute; bottom: -7px; width: 100%; text-align: center; font-family: var(--roman); font-size: .875rem; font-weight: 700; letter-spacing: .55em; padding-left: .55em; color: var(--rr-gold); }
.rr-art-tick { position: absolute; width: 36px; height: 1px; background: rgba(213, 158, 107, .6); left: calc(50% - 18px); }
.rr-art-tick-top { top: 0; }
.rr-art-tick-bottom { bottom: 24px; }
@keyframes rr-float { 0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-9px) rotate(1deg); } }

/* Feed typography and containers, without the old nested-card stack. */
.rr-content { padding-block: 64px 16px; }
.rr-section { margin-bottom: 64px; }
.rr-section-heading { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 16px; margin-bottom: 26px; }
.rr-section-heading .rr-eyebrow { margin-bottom: 10px; }
.rr-site h2 { font-family: var(--roman); font-weight: 700; font-size: clamp(1.6rem, 2.7vw, 2.25rem); line-height: 1.3; letter-spacing: -.035em; }
.rr-site h2 > span { color: var(--rr-red-bright); }
.rr-section-note { font-size: .875rem; color: var(--rr-muted); padding-bottom: 4px; }
.rr-text-link { display: inline-flex; align-items: center; gap: 9px; font-size: .875rem; font-weight: 600; line-height: 1.5; min-height: 44px; }
.rr-text-link:hover { color: #ff897a; }
.rr-text-link .rr-icon { width: 18px; height: 18px; transition: transform .2s; }
.rr-text-link:hover .rr-icon { transform: translate(2px, -2px); }
.rr-ann-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.rr-announcement { padding: 28px; border: 1px solid var(--rr-line); background: var(--rr-surface); border-radius: 6px; }
.rr-announcement-featured { grid-column: 1 / -1; padding: 30px 32px; border-left: 3px solid var(--rr-red); background: radial-gradient(ellipse at 0 0, rgba(179, 41, 28, .13), transparent 75%), var(--rr-surface); }
.rr-post-meta { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px 18px; font-size: .8125rem; color: var(--rr-muted); margin-bottom: 16px; }
.rr-post-meta > span { text-transform: uppercase; letter-spacing: .11em; color: var(--rr-gold); }
.rr-site .rr-announcement h3 { font-family: var(--roman); font-size: 1.25rem; line-height: 1.5; margin-bottom: 14px; }
.rr-site .rr-announcement-featured h3 { font-size: 1.5rem; }
.rr-post-body { color: #d7ccca; font-size: 1rem; line-height: 1.85; overflow-wrap: anywhere; }
.rr-site .rr-author { margin-top: 20px; font-size: .875rem; color: var(--rr-muted); }
.rr-author strong { font-weight: 600; color: var(--rr-gold); }
.rr-empty { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; padding: 30px; border: 1px solid var(--rr-line); border-radius: 6px; background: linear-gradient(115deg, rgba(193, 63, 41, .06), transparent 65%), var(--rr-surface); }
.rr-empty > div:nth-child(2) { flex: 1 1 320px; }
.rr-empty h3 { font-size: 1.125rem; font-weight: 600; margin-bottom: 7px; }
.rr-empty p { color: var(--rr-muted); font-size: 1rem; max-width: 610px; }
.rr-empty-icon { display: grid; place-items: center; width: 58px; height: 58px; border: 1px solid rgba(240, 68, 54, .2); border-radius: 50%; color: #e89476; background: rgba(240, 68, 54, .05); flex-shrink: 0; }
.rr-empty-icon .rr-icon { width: 25px; height: 25px; }
.rr-clips-empty { padding-block: 40px; }
.rr-media-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 24px; }
.rr-media-card { min-width: 0; overflow: hidden; border: 1px solid var(--rr-line); border-radius: 6px; background: var(--rr-surface); }
.rr-media-top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 16px 22px; font-size: .8125rem; color: var(--rr-muted); }
.rr-platform-tag { display: inline-flex; align-items: center; gap: 8px; color: var(--rr-cream); font-weight: 600; font-size: .875rem; }
.rr-platform-tag .rr-icon { width: 18px; height: 18px; color: var(--rr-gold); }
.rr-video-frame { position: relative; width: 100%; background: #080608; }
.rr-video-frame iframe { display: block; width: 100%; height: 100%; border: 0; }
.rr-twitch-frame { aspect-ratio: 16 / 9; min-height: 300px; }
.rr-twitch-frame iframe { position: absolute; inset: 0; }
.rr-tiktok-frame { aspect-ratio: 9 / 16; max-width: 360px; margin-inline: auto; }
.rr-tiktok-frame iframe { position: absolute; inset: 0; }
.rr-media-vertical { background: radial-gradient(ellipse at center, #331816, #131012 68%); }
.rr-media-caption { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 8px 18px; padding: 20px 22px; }
.rr-site .rr-media-caption h3 { font-size: 1.125rem; line-height: 1.5; flex: 1 1 210px; }
.rr-media-caption .rr-text-link { min-height: 30px; color: var(--rr-gold); }
.rr-media-fallback { min-height: 200px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 16px; padding: 28px; color: var(--rr-muted); text-align: center; background: #0b080a; }
.rr-media-fallback .rr-icon { color: var(--rr-red-bright); width: 36px; height: 36px; }
.rr-twitch-mobile { display: none; }
.rr-ad { max-width: 728px; margin: -12px auto 32px; }
.rr-ad ins[data-ad-status="unfilled"] { display: none !important; }

/* Socials: platform cards, then a full-width community invitation. */
.rr-socials { background: radial-gradient(ellipse 800px 600px at 80% 10%, rgba(158, 29, 24, .15), transparent 80%), var(--rr-bg); }
.rr-social-intro { display: grid; grid-template-columns: minmax(0, 1fr) 280px; align-items: center; gap: 50px; padding-block: 64px 54px; border-bottom: 1px solid var(--rr-line); margin-bottom: 46px; }
.rr-social-intro h1 { font-size: clamp(2.75rem, 4.7vw, 4rem); }
.rr-social-intro .rr-lead { max-width: 560px; }
.rr-social-art { position: relative; padding: 4px; border-radius: 50%; border: 1px solid rgba(216, 110, 71, .18); }
.rr-social-art::before { content: ''; position: absolute; inset: 12%; background: rgba(194, 26, 13, .12); filter: blur(45px); border-radius: 50%; }
.rr-social-art img { position: relative; filter: drop-shadow(0 10px 35px rgba(226, 29, 7, .14)); }
.rr-heading-compact { margin-bottom: 22px; }
.rr-heading-compact h2 { font-size: 1.5rem; }
.rr-platforms { margin-bottom: 38px; }
.rr-social-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.rr-social-card { position: relative; display: flex; flex-direction: column; overflow: hidden; min-width: 0; padding: 26px; background: radial-gradient(ellipse at 90% 0%, rgba(168, 49, 31, .07), transparent 80%), var(--rr-surface); border: 1px solid var(--rr-line); border-radius: 6px; transition: transform .2s, border-color .2s, background .2s, box-shadow .2s; }
.rr-social-card::before { content: ''; position: absolute; top: 0; left: 26px; right: 26px; height: 2px; background: linear-gradient(90deg, var(--rr-red), transparent); opacity: .5; }
.rr-social-card:hover { transform: translateY(-5px); border-color: rgba(240, 90, 62, .55); box-shadow: 0 14px 42px rgba(0, 0, 0, .3); background-color: #1d1315; }
.rr-social-card-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px; }
.rr-social-card-top > .rr-icon { color: var(--rr-muted); width: 20px; height: 20px; }
.rr-social-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 52px; height: 52px; color: var(--rr-cream); border: 1px solid rgba(229, 191, 165, .15); border-radius: 10px; background: rgba(230, 108, 62, .07); }
.rr-social-icon .rr-icon { width: 27px; height: 27px; }
.rr-social-twitch .rr-social-icon { color: #c8adff; background: rgba(161, 109, 230, .1); }
.rr-social-tiktok .rr-social-icon { color: #f6dad2; }
.rr-social-youtube .rr-social-icon { color: #ff8175; }
.rr-card-kicker { color: var(--rr-gold); font-size: .8125rem; text-transform: uppercase; letter-spacing: .1em; }
.rr-site .rr-social-card h3 { font-family: var(--roman); font-size: 1.8rem; font-weight: 700; margin: 6px 0 12px; }
.rr-social-card-copy { flex: 1; margin-bottom: 24px; }
.rr-social-card-copy > p:last-child { color: var(--rr-muted); font-size: 1rem; line-height: 1.75; }
.rr-social-card-bottom { display: flex; flex-direction: column; gap: 18px; padding-top: 18px; border-top: 1px solid var(--rr-line); font-size: .875rem; overflow-wrap: anywhere; }
.rr-social-card-bottom > span:first-child { color: var(--rr-muted); }
.rr-social-card-bottom > span:last-child { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-weight: 600; }
.rr-social-card-bottom .rr-icon { width: 18px; height: 18px; }
.rr-community-section { margin-block: 34px 48px; }
.rr-discord-banner { display: flex; align-items: center; flex-wrap: wrap; gap: 28px; padding: 34px; border: 1px solid rgba(226, 85, 58, .26); border-radius: 6px; background: radial-gradient(ellipse at 10% 0, rgba(206, 51, 36, .14), transparent 85%), #180f11; }
.rr-discord-symbol { width: 70px; height: 70px; display: grid; place-items: center; color: #e8aa94; border: 1px solid rgba(226, 153, 114, .2); border-radius: 50%; }
.rr-discord-symbol .rr-icon { width: 36px; height: 36px; }
.rr-discord-copy { flex: 1 1 340px; }
.rr-discord-copy .rr-eyebrow { margin-bottom: 8px; }
.rr-discord-copy h2 { font-size: 1.8rem; }
.rr-discord-copy > p:last-child { color: var(--rr-muted); margin-top: 12px; max-width: 550px; }
.rr-more-socials { margin-bottom: 70px; }
.rr-small-social-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.rr-small-social { display: flex; align-items: center; gap: 18px; padding: 22px 26px; border: 1px solid var(--rr-line); border-radius: 6px; background: var(--rr-surface); transition: border-color .2s, background .2s; }
.rr-small-social:hover { border-color: rgba(240, 90, 62, .55); background: #1d1315; }
.rr-small-social > span:nth-child(2) { display: flex; flex-direction: column; flex: 1; min-width: 0; overflow-wrap: anywhere; }
.rr-small-social strong { font-size: 1.0625rem; }
.rr-small-social > span:nth-child(2) > span { color: var(--rr-muted); font-size: .875rem; }
.rr-small-social > .rr-icon { color: var(--rr-muted); }

.rr-footer { border-top: 1px solid var(--rr-line); background: #090709; }
.rr-footer-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 24px; padding-block: 34px; }
.rr-footer-brand { font-family: var(--roman); font-size: 1.125rem; font-weight: 700; }
.rr-footer p { color: var(--rr-muted); font-size: .875rem; margin-top: 4px; }
.rr-footer-links { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; color: var(--rr-muted); font-size: .875rem; }
.rr-footer-links a { display: inline-block; padding-block: 10px; }
.rr-footer-links a:hover { color: var(--rr-cream); }
.rr-copyright { font-size: .8125rem; color: var(--rr-muted); }

@media (max-width: 1100px) {
  .rr-desktop-nav { gap: 18px; }
  .rr-header-inner { gap: 12px; }
  .rr-brand { font-size: 1.05rem; }
  .rr-hero-grid { min-height: 590px; gap: 0; }
  .rr-hero-actions { gap: 10px; }
  .rr-button { padding-inline: 15px; }
  .rr-social-card { padding: 23px; }
}
@media (max-width: 960px) {
  .rr-desktop-nav, .rr-watch { display: none; }
  .rr-header-inner { min-height: 76px; }
  .rr-brand { font-size: 1.125rem; }
  /* With JavaScript disabled the links stay visible and usable. */
  .rr-mobile-nav { display: block; border-top: 1px solid var(--rr-line); padding-block: 12px; background: #100b0e; max-height: 65vh; overflow-y: auto; overscroll-behavior: contain; }
  .rr-nav-ready .rr-menu-toggle { display: inline-flex; }
  .rr-mobile-nav a { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 13px 10px; border-bottom: 1px solid rgba(246, 221, 213, .07); font-size: 1rem; }
  .rr-mobile-nav a:hover, .rr-mobile-nav a[aria-current="page"] { color: #ff9585; background: rgba(233, 64, 36, .07); }
  .rr-mobile-nav a > .rr-icon { width: 18px; height: 18px; }
  .rr-social-grid { gap: 14px; }
  .rr-social-card { padding: 20px; }
  .rr-social-intro { grid-template-columns: minmax(0, 1fr) 220px; gap: 25px; }
}
@media (max-width: 900px) {
  .rr-media-grid { grid-template-columns: minmax(0, 1fr); }
  .rr-media-vertical { width: 100%; }
}
@media (max-width: 760px) {
  .rr-container { width: calc(100% - 40px); }
  .rr-hero-grid { grid-template-columns: minmax(0, 1fr); padding-block: 42px 36px; }
  .rr-hero-copy { padding-bottom: 0; }
  .rr-site h1 { font-size: clamp(2.55rem, 7.8vw, 3.7rem); max-width: 600px; margin-top: 18px; }
  .rr-hero .rr-lead { max-width: 560px; }
  .rr-hero-art { width: min(85%, 390px); margin-top: 20px; }
  .rr-hero::before { mask-image: linear-gradient(180deg, transparent 30%, #000); }
  .rr-hero { background: radial-gradient(ellipse at 65% 82%, rgba(183, 32, 26, .22), transparent 54%); }
  .rr-name-note { margin-top: 28px; gap: 12px 24px; }
  .rr-content { padding-top: 42px; }
  .rr-section { margin-bottom: 44px; }
  .rr-ann-list { grid-template-columns: minmax(0, 1fr); }
  .rr-announcement, .rr-announcement-featured { padding: 24px; }
  .rr-announcement-featured { grid-column: auto; }
  .rr-empty { gap: 18px; padding: 24px; }
  .rr-social-intro { grid-template-columns: minmax(0, 1fr) 150px; padding-block: 40px; margin-bottom: 34px; }
  .rr-social-intro h1 { font-size: clamp(2.4rem, 6.5vw, 3.3rem); }
  .rr-social-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .rr-social-card { padding: 26px; }
  .rr-social-card-top { margin-bottom: 22px; }
  .rr-social-card-bottom { flex-direction: row; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px; }
  .rr-social-card-bottom > span:last-child { gap: 24px; }
  .rr-discord-banner { padding: 28px; gap: 22px; }
  .rr-discord-copy { flex-basis: calc(100% - 98px); }
  .rr-discord-banner > .rr-button { margin-left: 92px; }
  .rr-small-social-grid { grid-template-columns: minmax(0, 1fr); }
  .rr-footer-inner { gap: 16px 24px; }
  .rr-footer-inner > div { flex-basis: 100%; }
}
@media (max-width: 480px) {
  .rr-container { width: calc(100% - 36px); }
  .rr-brand { font-size: 1rem; }
  .rr-brand img { width: 44px; height: 44px; }
  .rr-header-inner { min-height: 70px; }
  .rr-site h1 { font-size: clamp(2.25rem, 9vw, 2.8rem); }
  .rr-eyebrow { letter-spacing: .08em; font-size: .875rem; }
  .rr-hero-actions { align-items: stretch; flex-direction: column; }
  .rr-hero-actions .rr-button { width: 100%; }
  .rr-hero-art { width: 92%; margin-top: 28px; }
  .rr-name-note { flex-direction: column; width: 100%; gap: 8px; }
  .rr-hero-grid { padding-bottom: 28px; }
  .rr-section-heading { gap: 8px; }
  .rr-section-heading .rr-text-link { min-height: 38px; }
  .rr-announcement, .rr-announcement-featured { padding: 22px 20px; }
  .rr-empty { padding: 22px; }
  .rr-empty > div:nth-child(2) { flex-basis: 100%; }
  .rr-twitch-frame { display: none; }
  .rr-twitch-mobile { display: flex; justify-content: center; align-items: center; gap: 14px; min-height: 180px; padding: 24px; background: radial-gradient(ellipse at center, #361514, #100b0e 75%); }
  .rr-twitch-mobile .rr-icon { width: 34px; height: 34px; color: #ff897a; }
  .rr-media-top, .rr-media-caption { padding-inline: 18px; }
  .rr-social-intro { grid-template-columns: minmax(0, 1fr); gap: 18px; position: relative; }
  .rr-social-intro h1 { font-size: 2.45rem; }
  .rr-social-art { display: none; }
  .rr-social-card { padding: 24px; }
  .rr-discord-banner { padding: 24px; }
  .rr-discord-copy { flex-basis: 100%; }
  .rr-discord-banner > .rr-button { margin-left: 0; width: 100%; }
  .rr-discord-symbol { width: 56px; height: 56px; }
  .rr-discord-symbol .rr-icon { width: 30px; height: 30px; }
  .rr-small-social { padding: 20px; gap: 14px; }
  .rr-small-social .rr-social-icon { width: 44px; height: 44px; }
  .rr-ad { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .rr-site *, .rr-site *::before, .rr-site *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .rr-site .rr-button:hover, .rr-social-card:hover, .rr-text-link:hover .rr-icon { transform: none; }
}

/* About and Server 647 — September 2026 continuation. */
.rr-about, .rr-server { background: radial-gradient(ellipse 850px 570px at 85% 5%, rgba(164, 34, 22, .13), transparent 75%), var(--rr-bg); }
.rr-about-intro { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, .8fr); align-items: center; gap: 48px; padding-block: 48px 50px; border-bottom: 1px solid var(--rr-line); }
.rr-about-intro .rr-lead { max-width: 560px; }
.rr-about-emblem { width: min(100%, 365px); aspect-ratio: 1; position: relative; justify-self: center; }
.rr-about-emblem::before { content: ''; position: absolute; inset: 12%; background: radial-gradient(ellipse, rgba(199, 26, 11, .19), transparent 70%); border-radius: 50%; }
.rr-about-emblem-ring { position: absolute; inset: 5%; border-radius: 50%; border: 1px solid rgba(220, 135, 80, .2); border-left-color: transparent; transform: rotate(-25deg); }
.rr-about-emblem img { position: relative; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 14px 26px rgba(0, 0, 0, .5)); }
.rr-about-emblem > span { position: absolute; bottom: -8px; inset-inline: 0; text-align: center; color: var(--rr-gold); font-family: var(--roman); font-size: .875rem; letter-spacing: .4em; padding-left: .4em; }
.rr-about-columns { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 70px; padding-block: 58px; }
.rr-about-story h2, .rr-about-work h2 { margin: 12px 0 22px; font-size: clamp(1.6rem, 2.3vw, 2rem); }
.rr-about-story > p:not(.rr-eyebrow) { color: #d7ccca; line-height: 1.9; margin-top: 18px; font-size: 1rem; }
.rr-about-work { padding-left: 36px; border-left: 1px solid var(--rr-line); }
.rr-about-activity { display: flex; align-items: flex-start; gap: 16px; padding-block: 20px; border-bottom: 1px solid var(--rr-line); }
.rr-about-activity:last-child { border-bottom: 0; padding-bottom: 0; }
.rr-about-activity-icon { display: grid; place-items: center; flex-shrink: 0; width: 42px; height: 42px; background: rgba(240, 68, 54, .07); color: #ecb099; border: 1px solid rgba(219, 137, 102, .18); border-radius: 6px; }
.rr-about-activity h3 { font-size: 1.0625rem; font-weight: 600; line-height: 1.45; margin-bottom: 7px; }
.rr-about-activity p { font-size: 1rem; color: var(--rr-muted); line-height: 1.7; }
.rr-about-name { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 48px; padding: 36px; border: 1px solid rgba(209, 105, 66, .25); border-radius: 6px; background: radial-gradient(ellipse at 0 0, rgba(156, 38, 22, .13), transparent 75%), var(--rr-surface); }
.rr-about-name h2 { font-size: clamp(1.5rem, 2.2vw, 1.8rem); margin-top: 12px; }
.rr-about-name-intro > p:last-child { color: var(--rr-muted); margin-top: 14px; line-height: 1.8; }
.rr-name-definitions { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1fr); margin: 0; }
.rr-name-definitions > div { padding: 8px 24px; border-left: 1px solid var(--rr-line); }
.rr-name-definitions dt { color: var(--rr-red-bright); font-family: var(--roman); font-size: clamp(1.7rem, 3vw, 2.4rem); font-weight: 700; overflow-wrap: anywhere; }
.rr-name-definitions dd { display: flex; flex-direction: column; gap: 3px; margin: 12px 0 0; }
.rr-name-definitions dd strong { font-weight: 600; font-size: 1rem; }
.rr-name-definitions dd span { color: var(--rr-muted); font-size: .875rem; }
.rr-about-contact { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 26px; padding-block: 50px 58px; }
.rr-about-contact h2 { margin-top: 10px; font-size: 1.8rem; }
.rr-about-contact p:last-child { color: var(--rr-muted); margin-top: 10px; }
.rr-about .rr-ad { margin: 0 auto 30px; }

/* Server hub: immediate tools, a section index, and readable full guides. */
.rr-server-intro { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: center; gap: 48px; padding-block: 42px 38px; border-bottom: 1px solid var(--rr-line); margin-bottom: 38px; }
.rr-server-intro h1 { margin-top: 12px; margin-bottom: 14px; }
.rr-server-intro .rr-lead { font-size: 1rem; max-width: 690px; line-height: 1.85; }
.rr-server-intro-links { display: flex; align-items: flex-end; flex-direction: column; gap: 14px; }
.rr-server-intro-links .rr-button { text-align: center; }
.rr-server-quick-links { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; color: var(--rr-gold); }
.rr-server-quick-links .rr-text-link { gap: 8px; }
.rr-server-layout { display: grid; grid-template-columns: 204px minmax(0, 1fr); gap: 40px; align-items: start; padding-bottom: 64px; }
.rr-guide-sidebar { position: sticky; top: 116px; }
.rr-guide-sidebar nav > p { margin-bottom: 16px; }
.rr-guide-sidebar nav > a { display: flex; align-items: baseline; gap: 12px; min-height: 46px; padding: 12px 0; font-size: .875rem; color: var(--rr-muted); border-bottom: 1px solid var(--rr-line); }
.rr-guide-sidebar nav > a span { color: var(--rr-gold); font-size: .8125rem; font-variant-numeric: tabular-nums; }
.rr-guide-sidebar nav > a:hover { color: var(--rr-cream); border-color: rgba(240, 68, 54, .5); }
.rr-sidebar-brand { margin-top: 38px; text-align: center; }
.rr-sidebar-brand img { width: 150px; height: 150px; margin-inline: auto; opacity: .8; }
.rr-sidebar-brand > span { display: inline-block; margin-top: 10px; font-family: var(--roman); color: var(--rr-gold); font-size: .8125rem; letter-spacing: .08em; }
.rr-server-body { min-width: 0; }
.rr-server-overview { margin-bottom: 48px; }
.rr-overview-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.rr-overview-card { min-width: 0; padding: 26px; border: 1px solid var(--rr-line); background: var(--rr-surface); border-radius: 6px; }
.rr-overview-alliances { border-top: 2px solid #ba3c2f; background: radial-gradient(ellipse at 0 0, rgba(159, 42, 25, .1), transparent 80%), var(--rr-surface); }
.rr-overview-card .rr-eyebrow { font-size: .875rem; letter-spacing: .09em; }
.rr-overview-card h3 { font-family: var(--roman); font-size: 1.125rem; line-height: 1.5; margin-top: 12px; margin-bottom: 14px; }
.rr-overview-card > p:not(.rr-eyebrow) { color: var(--rr-muted); font-size: 1rem; line-height: 1.85; }
.rr-overview-card .rr-text-link { color: var(--rr-gold); margin-top: 18px; }
.rr-alliance-list { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 18px 14px; margin: 20px 0; }
.rr-alliance-list > div { min-width: 70px; }
.rr-alliance-list dt { font-family: var(--roman); font-size: 1.3rem; font-weight: 700; color: #f0b298; }
.rr-alliance-list dd { margin: 2px 0 0; font-size: .875rem; color: var(--rr-muted); }
.rr-guides > .rr-section-heading { margin-bottom: 24px; }
.rr-server .rr-guide { margin-top: 28px; border: 1px solid var(--rr-line); border-top: 2px solid #ae3d2d; border-radius: 6px; background: linear-gradient(125deg, rgba(167, 40, 23, .05), transparent 60%), var(--rr-surface); scroll-margin-top: 116px; }
.rr-server .rr-inner { padding: 32px; }
.rr-server .rr-kicker { font-size: .875rem; color: var(--rr-gold); text-transform: uppercase; letter-spacing: .14em; margin-bottom: 14px; }
.rr-server h2.rr-guide-title { font-size: clamp(1.5rem, 2.6vw, 2rem); line-height: 1.4; margin-bottom: 18px; }
.rr-server .rr-desc { color: #d7ccca; font-size: 1rem; line-height: 1.85; max-width: 75ch; }
.rr-server .rr-tldr { margin-top: 26px; padding: 23px 26px; background: rgba(170, 41, 25, .085); border-left: 2px solid #d2573b; border-radius: 0 4px 4px 0; }
.rr-server .rr-tldrHead { font-size: .875rem; font-weight: 600; line-height: 1.5; text-transform: uppercase; letter-spacing: .1em; color: #eeb997; margin: 0 0 12px; }
.rr-server .rr-tldr ul, .rr-server .rr-list { padding-left: 22px; margin: 12px 0 0; color: var(--rr-muted); font-size: 1rem; line-height: 1.85; max-width: 75ch; }
.rr-server .rr-tldr li, .rr-server .rr-list li { margin-top: 8px; padding-left: 3px; }
.rr-server .rr-tldr li::marker, .rr-server .rr-list li::marker { color: #e08060; }
.rr-server .rr-strong { color: #f4e5d7; font-weight: 600; }
.rr-server .rr-sec { margin-top: 28px; }
.rr-server .rr-secTitle { font-family: var(--roman); font-size: 1.0625rem; line-height: 1.5; font-weight: 700; margin-bottom: 12px; color: var(--rr-cream); }
.rr-server .rr-p { color: var(--rr-muted); font-size: 1rem; line-height: 1.9; max-width: 75ch; }
.rr-server .rr-checklist { list-style: none; padding: 0; margin: 0; }
.rr-server .rr-check { display: flex; align-items: flex-start; gap: 12px; padding-block: 11px; border-bottom: 1px solid var(--rr-line); }
.rr-server .rr-check:last-child { border-bottom: 0; }
.rr-server .rr-checkIcon { position: relative; width: 20px; height: 20px; border: 1px solid rgba(210, 112, 76, .4); border-radius: 4px; background: rgba(216, 87, 39, .08); flex-shrink: 0; margin-top: 4px; }
.rr-server .rr-checkIcon::after { content: ''; position: absolute; width: 5px; height: 9px; left: 6px; top: 3px; border: solid #efb58e; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.rr-server .rr-checkText { color: var(--rr-muted); font-size: 1rem; line-height: 1.8; }

@media (max-width: 1100px) {
  .rr-server-layout { grid-template-columns: 172px minmax(0, 1fr); gap: 28px; }
  .rr-overview-card { padding: 22px; }
  .rr-about-columns { gap: 38px; }
  .rr-about-work { padding-left: 28px; }
  .rr-about-name { gap: 28px; padding: 30px; }
  .rr-name-definitions > div { padding-inline: 18px; }
}
@media (max-width: 960px) {
  .rr-server-layout { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .rr-guide-sidebar { position: static; }
  .rr-guide-sidebar nav { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 24px; border-bottom: 1px solid var(--rr-line); padding-bottom: 12px; }
  .rr-guide-sidebar nav > p { margin: 0; }
  .rr-guide-sidebar nav > a { border-bottom: 0; min-height: 44px; padding-block: 10px; }
  .rr-sidebar-brand { display: none; }
  .rr-server-intro { gap: 24px; }
  .rr-server .rr-guide { scroll-margin-top: 100px; }
}
@media (max-width: 760px) {
  .rr-about-intro { gap: 24px; padding-block: 38px 40px; }
  .rr-about-emblem { max-width: 245px; }
  .rr-about-emblem > span { font-size: .8125rem; letter-spacing: .25em; }
  .rr-about-columns { grid-template-columns: minmax(0, 1fr); gap: 34px; padding-block: 38px; }
  .rr-about-work { border-left: 0; padding-left: 0; padding-top: 32px; border-top: 1px solid var(--rr-line); }
  .rr-about-name { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .rr-name-definitions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rr-name-definitions > div { padding-left: 20px; }
  .rr-about-contact { padding-block: 38px 46px; }
  .rr-server-intro { grid-template-columns: minmax(0, 1fr); padding-block: 32px; margin-bottom: 22px; gap: 24px; }
  .rr-server-intro-links { align-items: flex-start; gap: 10px; }
  .rr-server-quick-links { gap: 24px; }
  .rr-server-layout { padding-bottom: 42px; }
  .rr-overview-grid { gap: 16px; }
  .rr-server .rr-inner { padding: 26px; }
  .rr-server .rr-tldr { padding: 20px; }
}
@media (max-width: 600px) {
  .rr-about-intro { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .rr-about-emblem { width: 70%; max-width: 250px; }
  .rr-about-intro .rr-lead { font-size: 1rem; }
  .rr-about-name { padding: 25px; }
  .rr-about-name h2 { font-size: 1.5rem; }
  .rr-overview-grid { grid-template-columns: minmax(0, 1fr); }
  .rr-overview-card { padding: 24px; }
  .rr-guide-sidebar nav { gap: 4px 18px; }
  .rr-guide-sidebar nav > p { flex-basis: 100%; margin-bottom: 4px; }
}
@media (max-width: 480px) {
  .rr-about-name { padding: 23px 20px; }
  .rr-name-definitions > div { padding-left: 14px; padding-right: 8px; }
  .rr-name-definitions dt { font-size: 1.6rem; }
  .rr-about-contact > .rr-button { width: 100%; }
  .rr-server-intro-links > .rr-button { width: 100%; }
  .rr-server .rr-inner { padding: 24px 20px; }
  .rr-server .rr-tldr { padding: 18px; }
  .rr-server .rr-tldr ul, .rr-server .rr-list { padding-left: 18px; }
  .rr-guide-sidebar nav > a { gap: 8px; }
}

/* War Pet guide: scoped additions for the researched build walkthrough. */
.rr-server .rr-pet-meta { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 6px 18px; margin-bottom: 14px; }
.rr-server .rr-pet-meta .rr-kicker { margin: 0; }
.rr-server .rr-pet-meta > span { color: var(--rr-muted); font-size: .8125rem; }
.rr-server .rr-pet-guide .rr-p + .rr-p { margin-top: 14px; }
.rr-server .rr-pet-nav { display: flex; flex-wrap: wrap; gap: 4px 22px; border-block: 1px solid var(--rr-line); margin-top: 28px; padding: 9px 0; }
.rr-server .rr-pet-nav a { display: inline-flex; align-items: center; min-height: 44px; color: var(--rr-gold); font-size: .875rem; text-decoration: underline; text-underline-offset: 5px; text-decoration-color: transparent; }
.rr-server .rr-pet-nav a:hover { color: var(--rr-cream); text-decoration-color: currentColor; }
.rr-server .rr-pet-section { scroll-margin-top: 116px; margin-top: 34px; }
.rr-server .rr-pet-guide h3.rr-pet-step { border-top: 1px solid var(--rr-line); padding-top: 26px; margin-top: 28px; }
.rr-server .rr-pet-guide .rr-pet-source, .rr-server .rr-pet-note a, .rr-server .rr-pet-table a { color: #edbb98; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.rr-server .rr-pet-guide .rr-pet-source:hover, .rr-server .rr-pet-note a:hover, .rr-server .rr-pet-table a:hover { color: var(--rr-cream); }
.rr-server .rr-pet-guide .rr-pet-note { margin-top: 22px; padding: 18px 20px; border-left: 2px solid var(--rr-gold); background: rgba(199, 169, 132, .055); }
.rr-server .rr-pet-note strong { color: var(--rr-cream); }
.rr-server .rr-pet-table-wrap { overflow-x: auto; margin-top: 20px; border: 1px solid var(--rr-line); border-radius: 4px; }
.rr-server .rr-pet-table { width: 100%; min-width: 620px; border-collapse: collapse; text-align: left; font-size: 1rem; line-height: 1.7; }
.rr-server .rr-pet-table caption { padding: 14px 18px; color: var(--rr-muted); text-align: left; font-size: .875rem; border-bottom: 1px solid var(--rr-line); }
.rr-server .rr-pet-table th, .rr-server .rr-pet-table td { padding: 18px; vertical-align: top; border-bottom: 1px solid var(--rr-line); }
.rr-server .rr-pet-table thead { background: rgba(170, 41, 25, .09); color: var(--rr-cream); }
.rr-server .rr-pet-table thead th { font-size: .875rem; font-weight: 600; }
.rr-server .rr-pet-table tbody th { width: 24%; font-weight: 600; }
.rr-server .rr-pet-table td { color: var(--rr-muted); }
.rr-server .rr-pet-table tr:last-child > * { border-bottom: 0; }
.rr-server .rr-pet-builds { margin-block: 22px; border-block: 1px solid var(--rr-line); }
.rr-server .rr-pet-detail + .rr-pet-detail { border-top: 1px solid var(--rr-line); }
.rr-server .rr-pet-detail summary { padding: 19px 4px; color: var(--rr-cream); cursor: pointer; font-size: 1rem; font-weight: 600; line-height: 1.7; }
.rr-server .rr-pet-detail summary::marker { color: var(--rr-red-bright); }
.rr-server .rr-pet-detail[open] summary { color: #edbb98; }
.rr-server .rr-pet-detail > div { padding: 0 4px 22px; }
.rr-server .rr-pet-resources { border-top: 1px solid var(--rr-line); padding-top: 28px; }
.rr-server .rr-pet-resource-list { display: grid; margin-bottom: 22px; }
.rr-server .rr-pet-resource-list a { display: block; padding: 16px 0; border-bottom: 1px solid var(--rr-line); }
.rr-server .rr-pet-resource-list strong { display: block; color: #edbb98; font-size: 1rem; line-height: 1.6; }
.rr-server .rr-pet-resource-list span { display: block; color: var(--rr-muted); font-size: .875rem; line-height: 1.8; margin-top: 6px; }
.rr-server .rr-pet-resource-list a:hover strong { color: var(--rr-cream); text-decoration: underline; text-underline-offset: 4px; }
.rr-server .rr-pet-guide .rr-pet-editor-note { font-size: .875rem; }
.rr-server .rr-pet-table-wrap:focus-visible, .rr-server .rr-pet-detail summary:focus-visible { outline: 2px solid var(--rr-red-bright); outline-offset: 4px; }
@media (max-width: 800px) {
  .rr-server .rr-pet-section { scroll-margin-top: 100px; }
}
@media (max-width: 480px) {
  .rr-server .rr-pet-nav { gap: 2px 18px; }
  .rr-server .rr-pet-guide .rr-pet-note { padding: 16px; }
  .rr-server .rr-pet-table th, .rr-server .rr-pet-table td { padding: 14px; }
}

/* Desktop density: keep the existing tablet and mobile rules intact. */
@media (min-width: 961px) {
  .rr-site .rr-container { width: min(1120px, calc(100% - 64px)); }
  .rr-site .rr-header-inner { min-height: 72px; }
  .rr-site .rr-desktop-nav a { padding-block: 21px; }
  .rr-site .rr-desktop-nav a[aria-current="page"]::after { bottom: 12px; }
  .rr-site .rr-hero-grid { min-height: 0; padding-block: 42px 38px; gap: 20px; }
  .rr-site .rr-hero-art { max-width: 380px; }
  .rr-site h1 { font-size: clamp(2.65rem, 3.8vw, 3.3rem); margin-block: 14px 18px; }
  .rr-site .rr-hero-actions { margin-top: 22px; }
  .rr-site .rr-name-note { margin-top: 24px; padding-top: 18px; }
  .rr-site .rr-content { padding-block: 40px 8px; }
  .rr-site .rr-section { margin-bottom: 40px; }
  .rr-site .rr-section-heading { margin-bottom: 20px; }
  .rr-site .rr-ann-list, .rr-site .rr-media-grid { gap: 16px; }
  .rr-site .rr-announcement, .rr-site .rr-announcement-featured { padding: 24px; }
  .rr-site .rr-clips-empty { padding-block: 28px; }
  .rr-site .rr-about-intro { padding-block: 34px; gap: 32px; }
  .rr-site .rr-about-emblem { max-width: 270px; }
  .rr-site .rr-about-columns { padding-block: 36px; gap: 36px; }
  .rr-site .rr-about-work { padding-left: 28px; }
  .rr-site .rr-about-name { padding: 28px; gap: 30px; }
  .rr-site .rr-about-contact { padding-block: 36px; }
  .rr-site .rr-social-intro { padding-block: 34px; margin-bottom: 30px; gap: 32px; grid-template-columns: minmax(0, 1fr) 200px; }
  .rr-site .rr-social-grid { gap: 16px; }
  .rr-site .rr-social-card { padding: 22px; }
  .rr-site .rr-social-card-top { margin-bottom: 20px; }
  .rr-site .rr-social-card-copy { margin-bottom: 18px; }
  .rr-site .rr-discord-banner { padding: 26px; gap: 22px; }
  .rr-site .rr-more-socials { margin-bottom: 40px; }
  .rr-site .rr-footer-inner { padding-block: 26px; }
}

/* Server 647: a compact reference hub with progressive section navigation. */
.rr-hub { --hub-text: #d7cecd; --hub-panel: #151114; --hub-border: rgba(240, 221, 216, .17); background: radial-gradient(ellipse 800px 380px at 85% 0, rgba(148, 27, 20, .1), transparent 75%), #0c090b; }
.rr-hub .rr-hub-main { padding-bottom: 36px; }
.rr-hub .rr-hub-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 18px; padding-block: 26px 24px; }
.rr-hub .rr-hub-identity { display: flex; align-items: center; min-width: 0; gap: 16px; }
.rr-hub .rr-hub-identity img { width: 76px; height: 76px; object-fit: contain; flex-shrink: 0; }
.rr-hub .rr-hub-heading h1 { font-size: clamp(2rem, 3.6vw, 2.65rem); line-height: 1.2; letter-spacing: -.025em; margin: 4px 0 6px; }
.rr-hub .rr-hub-label { display: block; color: #c9a99b; font-size: .875rem; line-height: 1.5; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.rr-hub .rr-hub-subtitle { color: var(--hub-text); font-size: 1rem; line-height: 1.6; }
.rr-hub .rr-hub-heading .rr-button { min-height: 46px; font-size: .875rem; padding: 11px 16px; box-shadow: none; }
.rr-hub .rr-hub-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--hub-border); border-radius: 5px 5px 0 0; background: #151014; margin-bottom: 22px; }
.rr-hub .rr-hub-tabs[role="tablist"] { position: sticky; top: var(--hub-header-height, 79px); z-index: 20; }
.rr-hub .rr-hub-tabs > a { display: flex; align-items: center; justify-content: center; gap: 10px; min-width: 0; min-height: 54px; padding: 14px 12px 12px; border-bottom: 3px solid transparent; font-size: 1rem; font-weight: 600; line-height: 1.4; text-align: center; color: #c8bdbe; }
.rr-hub .rr-hub-tabs > a + a { border-left: 1px solid var(--hub-border); }
.rr-hub .rr-hub-tabs > a:hover { background: #201619; color: #fff5ed; }
.rr-hub .rr-hub-tabs > a[aria-selected="true"] { background: #291718; color: #fff4e8; border-bottom-color: #f05a49; }
.rr-hub .rr-hub-tabs > a:focus-visible { outline-offset: -5px; }
.rr-hub .rr-hub-panel { scroll-margin-top: var(--hub-anchor-offset, 148px); margin-bottom: 32px; }
.rr-hub .rr-hub-panel:focus { outline: none; }
.rr-hub .rr-hub-panel:focus-visible { outline: 2px solid #ffc698; outline-offset: 6px; }
.rr-hub .rr-hub-panel-title { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px; margin-bottom: 18px; }
.rr-hub .rr-hub-panel-title h2 { font-family: var(--body); font-size: clamp(1.5rem, 2.4vw, 1.9rem); line-height: 1.3; letter-spacing: -.035em; font-weight: 600; }
.rr-hub .rr-hub-panel-title .rr-hub-label { margin-bottom: 5px; }
.rr-hub .rr-hub-panel-title p:not(.rr-hub-label) { margin-top: 7px; color: var(--hub-text); font-size: 1rem; line-height: 1.65; }
.rr-hub .rr-hub-meta { color: #b9aaad; font-size: .875rem; line-height: 1.6; padding-top: 5px; }
.rr-hub h3, .rr-hub h4 { font-family: var(--body); font-weight: 600; letter-spacing: -.012em; line-height: 1.4; margin: 0; }
.rr-hub h3 { font-size: 1.1875rem; }
.rr-hub h4 { font-size: 1.0625rem; }
.rr-hub .rr-hub-overview-grid, .rr-hub .rr-hub-guide-links, .rr-hub .rr-hub-farm-bottom { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
.rr-hub .rr-hub-box { min-width: 0; padding: 22px; border: 1px solid var(--hub-border); background: var(--hub-panel); border-radius: 5px; }
.rr-hub .rr-hub-box-heading { margin-bottom: 15px; }
.rr-hub .rr-hub-box-heading .rr-hub-label { margin-bottom: 5px; }
.rr-hub .rr-hub-table { border-collapse: collapse; width: 100%; table-layout: fixed; font-size: 1rem; line-height: 1.65; text-align: left; }
.rr-hub .rr-hub-table caption { color: #c6b8b6; font-size: .875rem; text-align: left; padding-bottom: 10px; }
.rr-hub .rr-hub-table th, .rr-hub .rr-hub-table td { padding: 12px 10px; border-bottom: 1px solid var(--hub-border); vertical-align: top; overflow-wrap: anywhere; }
.rr-hub .rr-hub-table th { font-weight: 600; color: #eee2db; }
.rr-hub .rr-hub-table td { color: var(--hub-text); }
.rr-hub .rr-hub-table thead th { padding-top: 9px; padding-bottom: 9px; font-size: .875rem; color: #c3b1ab; background: #1c1518; }
.rr-hub .rr-hub-table tbody tr:last-child > * { border-bottom: none; }
.rr-hub .rr-hub-alliance-table th:first-child { width: 30%; }
.rr-hub .rr-hub-alliance-table tbody th { color: #f6b2a0; letter-spacing: .04em; }
.rr-hub .rr-hub-section { margin-top: 26px; scroll-margin-top: var(--hub-anchor-offset, 148px); }
.rr-hub .rr-hub-section-title { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 6px 20px; margin-bottom: 14px; }
.rr-hub .rr-hub-section-title p { color: #c3b7b8; font-size: 1rem; line-height: 1.65; }
.rr-hub .rr-hub-guide-link { display: flex; gap: 18px; align-items: flex-start; padding: 22px; background: #191215; border: 1px solid var(--hub-border); border-left: 3px solid #aa3b31; border-radius: 5px; }
.rr-hub .rr-hub-guide-link:hover { background: #231618; border-color: #b85041; }
.rr-hub .rr-hub-guide-index { color: #be8d7b; font-family: var(--roman); font-weight: 700; font-size: 1.375rem; line-height: 1.3; }
.rr-hub .rr-hub-guide-link h4 { font-size: 1.1875rem; }
.rr-hub .rr-hub-guide-link p { color: var(--hub-text); margin-top: 8px; font-size: 1rem; line-height: 1.65; }
.rr-hub .rr-hub-link-label { display: inline-flex; align-items: center; gap: 9px; color: #f2b9a2; font-size: .875rem; font-weight: 600; margin-top: 14px; }
.rr-hub .rr-hub-link-label .rr-icon { width: 18px; height: 18px; }
.rr-hub .rr-hub-checks { list-style: none; padding: 0; margin: 0; }
.rr-hub .rr-hub-checks li { position: relative; padding: 10px 0 10px 25px; border-bottom: 1px solid var(--hub-border); color: var(--hub-text); font-size: 1rem; line-height: 1.65; }
.rr-hub .rr-hub-checks li:last-child { border-bottom: none; }
.rr-hub .rr-hub-checks li::before { content: ''; position: absolute; top: 16px; left: 3px; width: 6px; height: 10px; border: solid #d9a284; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.rr-hub .rr-hub-recruitment { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px 30px; border-top: 1px solid var(--hub-border); margin-top: 24px; padding-top: 22px; }
.rr-hub .rr-hub-recruitment > div { flex: 1 1 480px; }
.rr-hub .rr-hub-recruitment p { margin-top: 7px; color: var(--hub-text); line-height: 1.7; font-size: 1rem; max-width: 76ch; }
.rr-hub .rr-hub-inline-link { display: inline-flex; align-items: center; gap: 8px; font-size: .875rem; min-height: 44px; font-weight: 600; color: #f2b9a2; }
.rr-hub .rr-hub-takeaway { display: flex; align-items: baseline; gap: 12px 24px; padding: 16px 20px; border: 1px solid rgba(205, 90, 63, .3); border-left: 3px solid #d55741; border-radius: 3px; background: #231516; }
.rr-hub .rr-hub-takeaway > strong { font-size: .875rem; color: #f4b4a0; white-space: nowrap; }
.rr-hub .rr-hub-takeaway p { color: #efe3de; font-size: 1rem; line-height: 1.7; max-width: 84ch; }
.rr-hub .rr-hub-guide-nav { display: flex; flex-wrap: wrap; gap: 2px 22px; padding-block: 7px; border-bottom: 1px solid var(--hub-border); margin-bottom: 16px; }
.rr-hub .rr-hub-guide-nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: .875rem; color: #e8b49f; }
.rr-hub .rr-hub-guide-nav a:hover, .rr-hub .rr-hub-inline-link:hover, .rr-hub .rr-hub-panel-footer a:hover { color: #fff1e5; text-decoration: underline; text-underline-offset: 4px; }
.rr-hub .rr-hub-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 16px; list-style: none; margin: 0; padding: 0; }
.rr-hub .rr-hub-steps > li { min-width: 0; padding: 22px; border: 1px solid var(--hub-border); border-radius: 5px; background: var(--hub-panel); }
.rr-hub .rr-hub-step-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 13px; }
.rr-hub .rr-hub-step-heading > span { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid #70362e; border-radius: 4px; background: #2a1718; color: #f8b5a2; font-size: .875rem; font-weight: 600; font-variant-numeric: tabular-nums; flex-shrink: 0; }
.rr-hub .rr-hub-steps > li > p { font-size: 1rem; line-height: 1.75; color: var(--hub-text); }
.rr-hub .rr-hub-steps strong { color: #fff0e5; font-weight: 600; }
.rr-hub .rr-hub-steps .rr-hub-step-result { margin-top: 13px; color: #e2c9bc; }
.rr-hub .rr-hub-step-detail { border-top: 1px solid var(--hub-border); margin-top: 16px; }
.rr-hub .rr-hub-step-detail summary { font-size: .875rem; padding: 13px 0 2px; line-height: 1.7; color: #edbca6; cursor: pointer; min-height: 44px; }
.rr-hub .rr-hub-step-detail > div { padding-top: 10px; }
.rr-hub .rr-hub-step-detail p, .rr-hub .rr-hub-disclosure-body p { color: var(--hub-text); font-size: 1rem; line-height: 1.75; }
.rr-hub .rr-hub-step-detail p + p, .rr-hub .rr-hub-disclosure-body p + p { margin-top: 12px; }
.rr-hub .rr-hub-step-detail ul { padding-left: 20px; margin: 12px 0 0; }
.rr-hub .rr-hub-step-detail li { margin-top: 8px; font-size: 1rem; line-height: 1.65; }
.rr-hub .rr-hub-step-detail a, .rr-hub .rr-hub-disclosure-body > a { display: inline; color: #edbca6; font-size: .875rem; line-height: 1.8; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.rr-hub .rr-hub-step-detail p:last-of-type { margin-bottom: 9px; }
.rr-hub .rr-hub-disclosure { min-width: 0; border: 1px solid var(--hub-border); background: var(--hub-panel); border-radius: 5px; }
.rr-hub .rr-hub-disclosure summary { padding: 17px 20px; cursor: pointer; font-size: 1rem; font-weight: 600; line-height: 1.6; color: #f3e9e3; }
.rr-hub .rr-hub-disclosure summary > span { display: inline; }
.rr-hub .rr-hub-disclosure summary small { display: block; color: #c3b5b6; font-size: .875rem; line-height: 1.6; font-weight: 400; margin-top: 4px; padding-left: 19px; }
.rr-hub .rr-hub-disclosure summary::marker, .rr-hub .rr-hub-step-detail summary::marker { color: #d9a284; }
.rr-hub .rr-hub-disclosure summary:hover, .rr-hub .rr-hub-step-detail summary:hover { color: #ffccb6; }
.rr-hub .rr-hub-disclosure[open] > summary { border-bottom: 1px solid var(--hub-border); background: rgba(170, 65, 40, .07); }
.rr-hub .rr-hub-disclosure-body { padding: 18px 20px; }
.rr-hub .rr-hub-disclosure-body > p { margin-bottom: 12px; }
.rr-hub .rr-hub-disclosure summary:focus-visible, .rr-hub .rr-hub-step-detail summary:focus-visible { outline: 2px solid #ffc698; outline-offset: -4px; border-radius: 4px; }
.rr-hub .rr-hub-terms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 24px; margin: 0; }
.rr-hub .rr-hub-terms dt { color: #eee0d8; font-weight: 600; font-size: 1rem; }
.rr-hub .rr-hub-terms dd { color: var(--hub-text); font-size: 1rem; line-height: 1.7; margin: 4px 0 0; }
.rr-hub .rr-hub-examples { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; align-items: start; }
.rr-hub .rr-hub-skill-table { margin-bottom: 16px; }
.rr-hub .rr-hub-skill-table th:first-child { width: 46%; }
.rr-hub .rr-hub-skill-table th, .rr-hub .rr-hub-skill-table td { padding-inline: 8px; }
.rr-hub .rr-hub-final-check { border: 1px solid var(--hub-border); background: #131214; border-radius: 5px; padding: 20px 22px; }
.rr-hub .rr-hub-final-check .rr-hub-section-title { margin-bottom: 8px; }
.rr-hub .rr-hub-checks-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 26px; }
.rr-hub .rr-hub-checks-grid li { border-bottom: none; padding-block: 7px; }
.rr-hub .rr-hub-checks-grid li::before { top: 13px; }
.rr-hub .rr-hub-resource-links { display: grid; gap: 0; }
.rr-hub .rr-hub-resource-links > a { display: block; padding: 12px 0; border-bottom: 1px solid var(--hub-border); }
.rr-hub .rr-hub-resource-links > a:first-child { padding-top: 0; }
.rr-hub .rr-hub-resource-links strong { display: block; color: #edbca6; font-size: 1rem; font-weight: 600; line-height: 1.7; }
.rr-hub .rr-hub-resource-links span { display: block; color: var(--hub-text); font-size: .875rem; line-height: 1.7; margin-top: 5px; }
.rr-hub .rr-hub-resource-links a:hover strong { color: #fff1e5; text-decoration: underline; text-underline-offset: 4px; }
.rr-hub .rr-hub-small, .rr-hub .rr-hub-disclosure-body .rr-hub-small { color: #beb1b2; font-size: .875rem; line-height: 1.8; margin-top: 16px; }
.rr-hub .rr-hub-panel-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 4px 20px; margin-top: 24px; padding-top: 10px; border-top: 1px solid var(--hub-border); }
.rr-hub .rr-hub-panel-footer a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: .875rem; color: #edbca6; }
.rr-hub .rr-hub-panel-footer .rr-icon { width: 18px; height: 18px; }
.rr-hub .rr-hub-resource-box { padding: 12px 16px; }
.rr-hub .rr-hub-resource-table th:first-child { width: 18%; }
.rr-hub .rr-hub-resource-table th:nth-child(2) { width: 30%; }
.rr-hub .rr-hub-resource-table td strong { color: #efc5ad; font-weight: 600; }
.rr-hub .rr-hub-farm-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; }
.rr-hub .rr-hub-farm-bottom { margin-top: 24px; }
.rr-hub .rr-hub-routine { margin: 0; padding-left: 24px; }
.rr-hub .rr-hub-routine li { padding: 7px 0 11px 6px; color: #f3e9df; font-size: 1rem; line-height: 1.65; }
.rr-hub .rr-hub-routine li::marker { color: #e1ad91; font-weight: 600; }
.rr-hub .rr-hub-routine strong, .rr-hub .rr-hub-routine span { display: block; }
.rr-hub .rr-hub-routine strong { font-weight: 600; }
.rr-hub .rr-hub-routine span { color: var(--hub-text); margin-top: 3px; }
.rr-hub .rr-hub-priority-row { padding-block: 15px; border-bottom: 1px solid var(--hub-border); }
.rr-hub .rr-hub-priority-row > span { color: #f2b9a2; font-size: .875rem; font-weight: 600; }
.rr-hub .rr-hub-priority-row p { color: var(--hub-text); margin-top: 6px; font-size: 1rem; line-height: 1.75; }
.rr-hub .rr-hub-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0 !important; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 960px) {
  .rr-hub .rr-hub-farm-steps { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .rr-hub .rr-hub-heading { padding-block: 24px 22px; }
  .rr-hub .rr-hub-steps, .rr-hub .rr-hub-overview-grid, .rr-hub .rr-hub-guide-links, .rr-hub .rr-hub-examples, .rr-hub .rr-hub-farm-bottom { grid-template-columns: minmax(0, 1fr); }
  .rr-hub .rr-hub-steps { gap: 16px; }
  .rr-hub .rr-hub-panel-title { gap: 6px; }
  .rr-hub .rr-hub-checks-grid, .rr-hub .rr-hub-terms { grid-template-columns: minmax(0, 1fr); }
  .rr-hub .rr-hub-takeaway { flex-direction: column; gap: 5px; }
  .rr-hub .rr-hub-section-title { display: block; }
  .rr-hub .rr-hub-section-title p { margin-top: 5px; }
}
@media (max-width: 480px) {
  .rr-hub .rr-hub-identity { gap: 12px; }
  .rr-hub .rr-hub-identity img { width: 56px; height: 56px; }
  .rr-hub .rr-hub-heading h1 { font-size: 2rem; }
  .rr-hub .rr-hub-heading .rr-button { width: 100%; min-height: 48px; }
  .rr-hub .rr-hub-tabs > a { font-size: .875rem; padding-inline: 7px; min-height: 55px; }
  .rr-hub .rr-hub-box, .rr-hub .rr-hub-steps > li, .rr-hub .rr-hub-guide-link { padding: 20px 18px; }
  .rr-hub .rr-hub-disclosure summary { padding-inline: 17px; }
  .rr-hub .rr-hub-disclosure-body { padding-inline: 16px; }
  .rr-hub .rr-hub-final-check { padding: 19px 18px; }
  .rr-hub .rr-hub-guide-nav { gap: 2px 17px; }
  .rr-hub .rr-hub-resource-box { padding: 8px; }
  .rr-hub .rr-hub-resource-table th, .rr-hub .rr-hub-resource-table td { padding: 10px 6px; }
  .rr-hub .rr-hub-resource-table th:first-child { width: 22%; }
  .rr-hub .rr-hub-resource-table th:nth-child(2) { width: 32%; }
  .rr-hub .rr-hub-recruitment > div { flex-basis: 100%; }
}
@media print {
  .rr-hub .rr-hub-panel[hidden] { display: block !important; }
  .rr-hub .rr-hub-tabs { position: static !important; }
  .rr-hub .rr-hub-steps, .rr-hub .rr-hub-farm-bottom { display: block; }
  .rr-hub .rr-hub-steps > li { break-inside: avoid; margin-bottom: 12px; }
}

.rr-hub .rr-hub-main [id] { scroll-margin-top: var(--hub-anchor-offset, 148px); }

/* Language selection: one native control shared by desktop and mobile. */
.rr-site .rr-header-inner { position: relative; column-gap: 12px; }
.rr-site .rr-brand { flex-shrink: 0; }
.rr-site .rr-language { flex: 0 0 auto; margin: 0; }
.rr-site .rr-language > summary { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; min-width: 64px; padding: 9px; border: 1px solid var(--rr-line); border-radius: 4px; background: #191214; color: var(--rr-cream); font: 600 .875rem/1.3 Inter, sans-serif; list-style: none; cursor: pointer; }
.rr-site .rr-language > summary::-webkit-details-marker { display: none; }
.rr-site .rr-language > summary .rr-icon { width: 18px; height: 18px; flex-shrink: 0; }
.rr-site .rr-language[open] > summary, .rr-site .rr-language > summary:hover { border-color: #ed6453; background: #2b181d; }
.rr-site .rr-language-panel { position: absolute; top: calc(100% + 4px); right: 0; z-index: 70; width: 300px; max-width: 100%; padding: 18px; border: 1px solid #634048; border-radius: 6px; background: #191115; color: #f7e8df; box-shadow: 0 14px 40px #0009; }
.rr-site .rr-language-panel form { display: grid; gap: 12px; margin: 0; }
.rr-site .rr-language-panel label { font-size: 1rem; font-weight: 600; }
.rr-site .rr-language-panel select { width: 100%; min-width: 0; min-height: 48px; padding: 10px; border: 1px solid #74535b; border-radius: 4px; color: #fff5ed; background: #21191d; color-scheme: dark; font: inherit; font-size: 1rem; }
.rr-site .rr-language-panel .rr-button { width: 100%; min-height: 44px; font-size: 1rem; white-space: normal; }
.rr-site .rr-language-panel p { margin: 0; color: #d7c7cc; font-size: .875rem; line-height: 1.5; }
.rr-site .rr-language > summary:focus-visible, .rr-site .rr-language-panel select:focus-visible { outline: 2px solid #ff9686; outline-offset: 3px; }
.rr-site .rr-translation-note { margin: 12px 0 18px; padding: 10px 14px; border-left: 2px solid #a65450; background: #23181c; color: #d7c7cc; font: 400 .875rem/1.6 Inter, sans-serif; }
.rr-site .rr-button, .rr-site .rr-hub-panel h2, .rr-site .rr-hub-panel h3, .rr-site .rr-hub-panel h4, .rr-site .rr-hub-table td, .rr-site .rr-hub-tabs a { overflow-wrap: anywhere; }
html[lang="ru"] .rr-site { --roman: Inter, sans-serif; }
html[lang="ru"] .rr-hub .rr-hub-heading h1 { font-family: Inter, sans-serif; }
@media (min-width: 961px) {
  .rr-site .rr-desktop-nav { gap: 18px; flex: 1 1 auto; }
  .rr-site .rr-desktop-nav a { padding-block: 20px; text-align: center; }
  .rr-site .rr-watch { flex-shrink: 0; }
}
@media (min-width: 961px) and (max-width: 1200px) {
  .rr-site .rr-watch span, .rr-site .rr-watch .rr-icon:last-child { display: none; }
  .rr-site .rr-watch { min-width: 44px; padding: 10px; justify-content: center; }
  .rr-site .rr-desktop-nav { gap: 14px; }
}
@media (max-width: 960px) {
  .rr-site .rr-header-inner { flex-wrap: nowrap; }
  .rr-site .rr-brand { margin-right: auto; }
  .rr-site .rr-menu-toggle { flex-shrink: 0; }
  .rr-site .rr-hub-tabs > a { hyphens: auto; }
}
@media (max-width: 420px) {
  .rr-site .rr-header-inner { column-gap: 8px; }
  .rr-site .rr-brand { font-size: .9375rem; gap: 4px; }
  .rr-site .rr-brand img { width: 38px; height: 38px; }
}
@media (prefers-reduced-motion: reduce) {
  .rr-site .rr-language * { scroll-behavior: auto; transition: none; }
}


/* RotRyujin — ember design. Scoped to public pages; admin styles are untouched. */
.rr-site{--rr-cream:#f6eee6;--rr-muted:#bfb0ac;--rr-red-bright:#ff603e;--rr-gold:#e7b28c;--rr-line:#ffffff16;background:#0d0b0f;color:var(--rr-cream)}
.rr-site .rr-container{width:min(1120px,calc(100% - 56px))}
.rr-site .rr-header{background:linear-gradient(110deg,#1b0e11f7,#100d11f7 52%,#221012f7);border-bottom-color:#ff765133;box-shadow:0 6px 32px #0004}
.rr-site .rr-brand img{filter:drop-shadow(0 0 9px #ff3a3055)}
.rr-site .rr-desktop-nav{gap:16px}.rr-site .rr-desktop-nav a{font-size:.82rem}.rr-site .rr-header-inner{column-gap:14px}
.rr-site .rr-watch{background:linear-gradient(125deg,#60252b,#29171d);border-color:#a9674c;color:#ffe4d0}
.rr-site .rr-hero{background:radial-gradient(ellipse at 73% 74%,#d6392333,transparent 43%),radial-gradient(ellipse at 95% 20%,#4e183059,transparent 50%),linear-gradient(120deg,#110d11 15%,#1d0e12 59%,#280f14);border-bottom:0}
.rr-site .rr-hero:before{opacity:1;inset:0;background:repeating-linear-gradient(124deg,transparent 0 100px,#f2946612 101px,transparent 102px 200px),radial-gradient(ellipse at 57% 115%,#ff83454d,transparent 40%);background-size:auto;mask-image:linear-gradient(90deg,transparent,#000)}
.rr-site .rr-hero:after{content:'';position:absolute;height:3px;bottom:0;left:0;right:0;background:linear-gradient(90deg,transparent,#a52621,#ffbd78,#f44430,#782025,transparent);box-shadow:0 -2px 20px #fc492949}
.rr-site .rr-hero-grid{min-height:540px;padding-block:55px 65px;grid-template-columns:1.1fr 1fr;gap:24px}
.rr-site h1{font-weight:600;text-shadow:0 4px 22px #0008}.rr-site.rr-home h1{font-size:clamp(2.7rem,5.6vw,4.8rem);line-height:1.08;letter-spacing:-.045em}
.rr-site h1 em{background:linear-gradient(170deg,#ffe4b6 8%,#ff9b60 30%,#f74230 63%,#a71723 95%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 17px #ee3b2920)}
.rr-site .rr-lead{font-size:1rem;line-height:1.8;max-width:440px;color:#cdbab5}
.rr-site .rr-eyebrow{color:#edb795;font-size:.72rem;letter-spacing:.17em}
.rr-site .rr-hero-art{max-width:460px;transform:translate(var(--ember-x,0px),var(--ember-y,0px));transition:transform .35s ease-out}
.rr-site .rr-hero-art:before{inset:12%;border:2px solid #ef98535c;outline:1px solid #ff914521;outline-offset:19px;box-shadow:inset 0 0 50px #f9421e2b,0 0 70px #ee42283b,0 0 0 42px #eb53230a;background:repeating-conic-gradient(from 7deg,#de8a453d 0deg 1deg,transparent 1deg 30deg),radial-gradient(circle,#3b1116 48%,#ef4c1e24 70%);transform:rotate(-18deg)}
.rr-site .rr-hero-art:after{content:'赤い龍神';position:absolute;right:0;top:0;writing-mode:vertical-rl;font-family:'Noto Serif JP',serif;font-size:clamp(34px,4.5vw,58px);letter-spacing:8px;color:#eaa07280;text-shadow:0 0 24px #bd4b2955;z-index:0}
.rr-site .rr-dragon{animation:none;transform:rotate(-9deg);filter:drop-shadow(0 22px 20px #000b) drop-shadow(0 0 25px #f7353052);z-index:1}
.rr-site .rr-orbit-outer{border-color:#f2a06733;inset:7%}.rr-site .rr-orbit-inner{border-color:#f2a06720;inset:2%}
.rr-site .rr-art-label{width:auto;left:50%;bottom:-15px;transform:translateX(-50%);white-space:nowrap;background:#1c1014;border:1px solid #a6664159;padding:7px 15px;color:#d7ad89;letter-spacing:.25em;font-size:.68rem;z-index:2}
.rr-site .rr-art-tick{display:none}.rr-site .rr-name-note{margin-top:24px;padding-top:16px}
.rr-site .rr-button{border-radius:3px;position:relative;overflow:hidden;min-height:46px}
.rr-site .rr-button-primary{background:linear-gradient(135deg,#f85435,#b52028 80%);border-color:#fa9175;box-shadow:0 6px 27px #da3a2833,inset 0 1px #ffd2b970}
.rr-site .rr-button-primary:hover{background:linear-gradient(135deg,#ff6a49,#bd272a);box-shadow:0 8px 36px #ef563c55;transform:translateY(-2px)}
.rr-site .rr-button-primary:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#ffd9b335 50%,transparent 70%);transform:translateX(-110%);transition:transform .6s;pointer-events:none}.rr-site .rr-button-primary:hover:after{transform:translateX(110%)}
.rr-site .rr-button-secondary{background:#1d1518;border-color:#68443f}
.rr-site .rr-content{padding-top:38px}.rr-site .rr-section{margin-bottom:40px}
.rr-site .rr-announcement,.rr-site .rr-media-card,.rr-site .rr-social-card,.rr-site .rr-small-social,.rr-site .rr-hub-box,.rr-site .rr-hub-disclosure,.rr-site .rr-hub-steps>li{border:1px solid #8343334d;border-radius:4px;background:linear-gradient(120deg,#20151a,#151217);box-shadow:inset 0 1px #f4b5840a}
.rr-site .rr-announcement-featured{border-color:#a65b3b75;background:radial-gradient(ellipse at 100% 100%,#c44a2425,transparent 65%),#1d1318;box-shadow:inset 3px 0 #bd6748}
.rr-site .rr-announcement-featured h3{color:#f5dfce}.rr-site .rr-post-body{line-height:1.85}
.rr-site .rr-discord-banner,.rr-site .rr-about-name,.rr-site .rr-about-contact{background:radial-gradient(ellipse at 90% 100%,#b63a242c,transparent 65%),linear-gradient(120deg,#231319,#151217);border:1px solid #a65b3b65;border-radius:4px}
.rr-site .rr-social-card,.rr-site .rr-small-social{transition:transform .2s,border-color .2s,box-shadow .2s}.rr-site .rr-social-card:hover,.rr-site .rr-small-social:hover{transform:translateY(-3px);border-color:#ad6449;box-shadow:0 8px 28px #d7451d20}
.rr-site .rr-social-icon,.rr-site .rr-about-activity-icon{background:linear-gradient(145deg,#6e302f,#28171e);border:1px solid #be6e4d55;color:#fdbb8e;border-radius:4px}
.rr-site .rr-about-intro,.rr-site .rr-social-intro,.rr-site .rr-hub-heading{position:relative;isolation:isolate;background:radial-gradient(ellipse at 85% 60%,#9d322334,transparent 60%);border-bottom:1px solid #bd694647}
.rr-site .rr-about-emblem,.rr-site .rr-social-art{position:relative}.rr-site .rr-about-emblem:after,.rr-site .rr-social-art:after{content:'赤い龍神';writing-mode:vertical-rl;position:absolute;right:0;top:12%;font-family:'Noto Serif JP',serif;font-size:40px;letter-spacing:8px;color:#eaa07270;z-index:-1}
.rr-site .rr-about-emblem img,.rr-site .rr-social-art img{filter:drop-shadow(0 16px 20px #0009) drop-shadow(0 0 25px #ef402938)}
.rr-site .rr-about-emblem-ring{border-color:#dc975970;box-shadow:0 0 45px #d53d272e}
.rr-site .rr-hub-heading{padding:30px 24px;margin-top:20px;border-top:1px solid #a65b3b40;background:radial-gradient(ellipse at 85% 85%,#a5302840,transparent 60%),linear-gradient(125deg,#1a1116,#331319)}
.rr-site .rr-hub-heading:after{content:'赤い龍神';position:absolute;right:23%;top:15%;font-family:'Noto Serif JP',serif;font-size:45px;letter-spacing:10px;color:#e39b7625;z-index:-1;pointer-events:none}
.rr-site .rr-hub-identity img{filter:drop-shadow(0 0 15px #fa54254d)}
.rr-site .rr-hub-tabs{background:#130e13}.rr-site .rr-hub-tabs a[aria-selected=true],.rr-site .rr-hub-tabs a[aria-current=true]{background:linear-gradient(125deg,#a4342c,#602329);border-color:#d68663;color:#fff0e5}
.rr-site .rr-hub-takeaway{background:linear-gradient(90deg,#69272065,#201317);border:1px solid #99553649;border-left:3px solid #e5a068;color:#edcebb}
.rr-site .rr-hub-step-heading>span{color:#ecaa7e;text-shadow:0 0 18px #f66a3540}.rr-site .rr-hub-guide-link{background:linear-gradient(125deg,#211319,#151217);border-color:#a65b3b75}
.rr-site .rr-hub-guide-link:hover{border-color:#f0a37b}.rr-site .rr-hub-resource-links a{background:#22161b;border-color:#85503c66}
.rr-site .rr-footer{border-top:1px solid #f884462e;background:linear-gradient(90deg,#170e12,#0d0b10)}
.rr-site .rr-discover{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-bottom:38px}
.rr-site .rr-discover>a{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:26px;border:1px solid #a65b3b65;border-radius:3px;background:radial-gradient(ellipse at 100% 100%,#c44a2425,transparent 60%),#1b1318}
.rr-site .rr-discover>a:first-child:after{content:'647';position:absolute;right:12px;bottom:0;font-family:var(--roman);font-size:100px;color:#e58c5a15;pointer-events:none}.rr-site .rr-discover p{color:var(--rr-muted);max-width:400px}.rr-site .rr-discover .rr-text-link{color:#ffc69f}
.rr-site .rr-ember-specks{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 58% 25%,#ffd291 1px,transparent 3px),radial-gradient(circle at 83% 64%,#fd9a60 1px,transparent 3px),radial-gradient(circle at 53% 79%,#ffad6e 1px,transparent 3px),radial-gradient(circle at 90% 20%,#ff7b45 1px,transparent 3px),radial-gradient(circle at 70% 7%,#f2b688 1px,transparent 3px)}
@media(min-width:961px) and (max-width:1200px){.rr-site .rr-watch span{display:none}.rr-site .rr-desktop-nav{gap:12px}.rr-site .rr-brand{font-size:1rem}.rr-site .rr-brand img{width:42px;height:42px}}
@media(max-width:960px){.rr-site .rr-hero-grid{min-height:440px;padding-block:40px 50px}.rr-site .rr-hero-art{max-width:360px}.rr-site .rr-mobile-nav{background:#190f15}.rr-site .rr-hub-heading{padding:24px 18px}.rr-site .rr-hub-heading:after{right:5%;font-size:30px}}
@media(max-width:760px){.rr-site .rr-container{width:calc(100% - 36px)}.rr-site .rr-hero-grid{grid-template-columns:1fr;padding-block:34px 45px}.rr-site.rr-home h1{font-size:clamp(2.6rem,9vw,3.4rem)}.rr-site .rr-hero-art{width:min(85%,340px);margin-top:16px}.rr-site .rr-hero-art:after{font-size:36px}.rr-site .rr-discover{grid-template-columns:1fr}.rr-site .rr-content{padding-top:28px}.rr-site .rr-hub-heading{margin-top:12px}.rr-site .rr-hub-heading:after{display:none}.rr-site .rr-about-intro,.rr-site .rr-social-intro{padding-block:32px}.rr-site .rr-about-emblem:after,.rr-site .rr-social-art:after{font-size:30px}.rr-site .rr-discover>a{padding:22px}}
@media(max-width:480px){.rr-site .rr-container{width:calc(100% - 28px)}.rr-site .rr-lead{font-size:.95rem}.rr-site .rr-hub-identity img{width:52px;height:52px}.rr-site .rr-hub-heading{padding:18px 12px}.rr-site .rr-name-note{gap:14px}.rr-site .rr-art-label{font-size:.6rem;letter-spacing:.18em}}
@media(prefers-reduced-motion:reduce){.rr-site .rr-hero-art{transform:none!important}.rr-site *{animation:none!important;transition:none!important}}
@media print{.rr-site .rr-ember-specks,.rr-site .rr-hero-art:after{display:none}.rr-site h1 em{background:none;color:inherit;-webkit-text-fill-color:currentColor}}

@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/cinzel-600.ttf) format('truetype');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/inter-400.ttf) format('truetype');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/inter-600.ttf) format('truetype');
}

@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/japanese-400.ttf) format('truetype');
}


600;700&family=Inter:wght@400;500;600;700;800&display=swap');
#rr-flair{--ink:#f6eee6;--soft:#b6aaa6;--fire:#ff4a32;--line:#ffffff15;background:#0d0b0d;color:var(--ink);font-family:Inter,Arial,sans-serif;border-radius:14px;overflow:hidden;isolation:isolate;font-size:14px;line-height:1.6}
#rr-flair *{box-sizing:border-box}#rr-flair button,#rr-flair a{font:inherit}#rr-flair button{cursor:pointer}#rr-flair a{color:inherit;text-decoration:none}#rr-flair button:focus-visible,#rr-flair a:focus-visible,#rr-flair summary:focus-visible{outline:2px solid #ffc69d;outline-offset:4px}#rr-flair [hidden]{display:none!important}
#rr-flair .rf-nav{display:flex;align-items:center;gap:24px;padding:18px 4%;border-bottom:1px solid var(--line);background:#100d10;position:relative;z-index:3}#rr-flair .rf-brand{display:flex;align-items:center;gap:9px;font-family:Cinzel,serif;font-size:19px;font-weight:700;white-space:nowrap}#rr-flair .rf-brand img{width:43px;height:43px;object-fit:contain}#rr-flair .rf-brand span span{color:var(--fire)}#rr-flair .rf-links{display:flex;gap:22px;margin:auto;align-items:center}#rr-flair .rf-links button{border:0;background:transparent;color:var(--soft);padding:10px 0;font-size:12px}#rr-flair .rf-links button[aria-pressed=true]{color:var(--ink);box-shadow:0 2px var(--fire)}#rr-flair .rf-owner{font-size:11px!important;color:var(--soft)!important}#rr-flair .rf-menu{display:none;background:none;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:9px 13px}
#rr-flair .rf-hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:475px;padding:48px 5% 55px;background:radial-gradient(ellipse at 82% 45%,#781a203d,transparent 58%),linear-gradient(115deg,#110e12,#130e11 60%,#1c0d10);overflow:hidden}#rr-flair .rf-hero:after{content:'';position:absolute;height:1px;bottom:0;left:5%;right:5%;background:linear-gradient(90deg,transparent,#fa553965,transparent)}#rr-flair .rf-copy{position:relative;z-index:2}#rr-flair .rf-eyebrow{display:flex;align-items:center;gap:10px;color:#e9ae87;font-size:10px;text-transform:uppercase;letter-spacing:2.7px;font-weight:600;margin:0 0 19px}#rr-flair .rf-eyebrow:before{content:'';height:1px;width:26px;background:#e17149}#rr-flair h1{font-family:Cinzel,Georgia,serif;font-size:clamp(39px,5.5vw,65px);line-height:1.1;letter-spacing:-2px;font-weight:600;margin:0 0 22px}#rr-flair h1 em{font-style:normal;color:#ff573f;background:linear-gradient(#ffb17c,#fa382d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#rr-flair .rf-lead{max-width:360px;color:var(--soft);font-size:14px;line-height:1.8;margin:0 0 26px}#rr-flair .rf-actions{display:flex;flex-wrap:wrap;gap:10px}#rr-flair .rf-action{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #ffffff23;background:#ffffff04;border-radius:5px;padding:12px 17px;color:var(--ink);font-size:12px;font-weight:600;transition:transform .2s,background .2s}#rr-flair .rf-action:hover{background:#ffffff12;transform:translateY(-2px)}#rr-flair .rf-action.primary{background:linear-gradient(120deg,#dc3428,#b52322);border-color:#ff5a4160;box-shadow:0 5px 25px #d82a221f}#rr-flair .rf-smallnote{display:flex;align-items:center;gap:8px;margin-top:24px;color:#968681;font-size:10px}#rr-flair .rf-smallnote i{color:#cd7562}
#rr-flair .rf-art{position:relative;min-height:340px;display:grid;place-items:center}#rr-flair .rf-art:before{content:'';width:300px;height:300px;border-radius:50%;position:absolute;background:radial-gradient(circle,#eb392323,transparent 67%);box-shadow:0 0 120px #d530231d;border:1px solid #fd73452c;outline:1px solid #fd734510;outline-offset:24px}#rr-flair .rf-art:after{content:'赤い龍神';position:absolute;right:0;top:25px;writing-mode:vertical-rl;font-family:serif;font-size:52px;letter-spacing:12px;color:#ee634917}#rr-flair .rf-dragon{width:125%;max-width:445px;position:relative;z-index:1;filter:drop-shadow(0 15px 25px #0009) drop-shadow(0 0 18px #ed38232b);transform:rotate(-7deg)}#rr-flair .rf-seal{position:absolute;bottom:0;text-transform:uppercase;letter-spacing:4px;color:#bb715d;font-size:9px}#rr-flair .rf-sparks{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 62% 18%,#fb855a 1px,transparent 2px),radial-gradient(circle at 91% 68%,#f69d63 1px,transparent 2px),radial-gradient(circle at 57% 78%,#ee7748 1px,transparent 2px),radial-gradient(circle at 84% 28%,#f956365f 2px,transparent 3px),radial-gradient(circle at 69% 90%,#f956365f 2px,transparent 3px)}
#rr-flair .rf-strip{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:17px 5%;border-bottom:1px solid var(--line);background:#151114;font-size:10px;color:#a99289;letter-spacing:1.7px;text-transform:uppercase}#rr-flair .rf-strip span:first-child{color:#edc7ad}#rr-flair .rf-content{padding:32px 5% 38px}#rr-flair .rf-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}#rr-flair h2{font-family:Cinzel,Georgia,serif;font-size:24px;letter-spacing:-.5px;font-weight:500;margin:0}#rr-flair h2 span{color:var(--fire)}#rr-flair .rf-caption{color:#a3948d;font-size:11px}#rr-flair .rf-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}#rr-flair .rf-feature{padding:27px;border:1px solid #83453745;border-radius:8px;background:radial-gradient(ellipse at 100% 100%,#90332229,transparent 70%),#191315;position:relative}#rr-flair .rf-tag{display:inline-flex;gap:7px;align-items:center;color:#f3916e;font-size:9px;text-transform:uppercase;letter-spacing:1.8px;margin-bottom:14px}#rr-flair h3{font-size:21px;font-weight:500;line-height:1.35;margin:0 0 12px}#rr-flair p{color:var(--soft)}#rr-flair .rf-feature p{font-size:12px;margin:0 0 20px;max-width:360px}#rr-flair .rf-textlink{display:inline-flex;gap:10px;align-items:center;color:#efb69c;background:transparent;border:0;padding:5px 0;font-size:12px;font-weight:500}#rr-flair .rf-side{display:grid;gap:12px}#rr-flair .rf-tile{border:1px solid var(--line);border-radius:8px;padding:19px 20px;background:#151214;display:flex;gap:17px;align-items:center;text-align:left;color:var(--ink);transition:border-color .2s,background .2s;width:100%}#rr-flair .rf-tile:hover{background:#211719;border-color:#8c413a}#rr-flair .rf-tile-icon{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;background:#7b292326;border:1px solid #aa4b332a;color:#ef8a6e;border-radius:8px}#rr-flair .rf-tile h3{font-size:15px;margin:0 0 3px}#rr-flair .rf-tile p{font-size:11px;margin:0}#rr-flair .rf-tile .rf-arrow{margin-left:auto;color:#a97663}#rr-flair .rf-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding:18px 5%;font-size:10px;color:#978780}#rr-flair .rf-footer div{display:flex;gap:20px}#rr-flair .rf-footer strong{font-family:Cinzel,serif;color:#cbb8ac;font-weight:500}
#rr-flair .rf-server-top{padding:35px 5% 29px;background:radial-gradient(ellipse at right,#591b253d,transparent 70%),#140f12;display:flex;align-items:center;justify-content:space-between;gap:20px}#rr-flair .rf-server-top h1{font-size:42px;margin-bottom:10px}#rr-flair .rf-server-top p{margin:0;font-size:13px}#rr-flair .rf-server-top img{width:145px;filter:drop-shadow(0 0 18px #f83d292b)}#rr-flair .rf-guide-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:24px}#rr-flair .rf-guide-tabs button{padding:10px 17px;color:var(--soft);background:#191518;border:1px solid var(--line);border-radius:5px;font-size:12px}#rr-flair .rf-guide-tabs button[aria-pressed=true]{background:#54211f;color:#ffe8dc;border-color:#a74a3b}#rr-flair .rf-advice{border-left:2px solid #ee6b48;background:linear-gradient(90deg,#a63a211c,transparent);padding:17px 20px;margin:18px 0 24px;font-size:13px;color:#e0c8ba}#rr-flair .rf-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}#rr-flair .rf-step{padding:19px;background:#181315;border:1px solid var(--line);border-radius:6px;display:flex;gap:15px}#rr-flair .rf-number{font-family:Cinzel,serif;color:#d47758;font-size:22px}#rr-flair .rf-step h3{font-size:14px;margin:2px 0 7px}#rr-flair .rf-step p{font-size:12px;margin:0}#rr-flair .rf-step details{font-size:12px;color:#dfaa93;margin-top:10px}#rr-flair .rf-step details p{margin-top:9px}#rr-flair .rf-guide-footer{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}
@media(max-width:760px){#rr-flair .rf-nav{gap:12px;flex-wrap:wrap}#rr-flair .rf-links{order:3;width:100%;justify-content:center;gap:20px}#rr-flair .rf-owner{margin-left:auto}#rr-flair .rf-hero{min-height:410px;padding-top:36px}#rr-flair .rf-art{min-height:260px}#rr-flair .rf-art:before{width:210px;height:210px}#rr-flair h1{font-size:43px}#rr-flair .rf-lead{font-size:12px}#rr-flair .rf-strip{font-size:9px;letter-spacing:1px}}
@media(max-width:520px){#rr-flair .rf-menu{display:block}#rr-flair .rf-links{display:none;justify-content:space-between}#rr-flair .rf-links.open{display:flex}#rr-flair .rf-brand{font-size:16px}#rr-flair .rf-brand img{width:34px;height:34px}#rr-flair .rf-hero{grid-template-columns:1fr;padding:33px 6% 23px}#rr-flair .rf-copy{grid-area:1/1}#rr-flair h1{font-size:43px;max-width:320px}#rr-flair .rf-art{min-height:230px;grid-area:2/1;margin-top:10px}#rr-flair .rf-dragon{width:270px}#rr-flair .rf-art:before{width:195px;height:195px}#rr-flair .rf-art:after{right:8%;font-size:38px}#rr-flair .rf-seal{bottom:-2px}#rr-flair .rf-lead{max-width:300px;font-size:13px}#rr-flair .rf-grid,#rr-flair .rf-steps{grid-template-columns:1fr}#rr-flair .rf-strip{justify-content:center}#rr-flair .rf-strip span:last-child{display:none}#rr-flair .rf-caption{display:none}#rr-flair .rf-server-top h1{font-size:32px}#rr-flair .rf-server-top img{width:85px}#rr-flair .rf-server-top{gap:8px}#rr-flair .rf-feature{padding:22px}#rr-flair .rf-content{padding:25px 6%}#rr-flair .rf-eyebrow{font-size:9px;letter-spacing:2px}#rr-flair .rf-smallnote{margin-top:18px}}
@media(prefers-reduced-motion:reduce){#rr-flair *{transition:none!important}}
#rr-flair{background:#09090b;--soft:#bfb0ac;--fire:#ff603e;border-radius:12px}
#rr-flair .rf-nav{background:linear-gradient(110deg,#1b0e11,#100d11 52%,#221012);border-bottom:1px solid #ff765133;box-shadow:0 6px 32px #0006;padding-top:14px;padding-bottom:14px}
#rr-flair .rf-brand{letter-spacing:.3px}#rr-flair .rf-brand img{filter:drop-shadow(0 0 9px #ff3a3055)}
#rr-flair .rf-links{gap:19px}#rr-flair .rf-links a{font-size:12px;color:#c6b4af}
#rr-flair .rf-hero{min-height:530px;padding-top:60px;padding-bottom:62px;background:radial-gradient(ellipse at 73% 74%,#d6392333,transparent 43%),radial-gradient(ellipse at 95% 20%,#4e183059,transparent 50%),linear-gradient(120deg,#110d11 15%,#1d0e12 59%,#280f14);perspective:1000px}
#rr-flair .rf-hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(124deg,transparent 0 100px,#f2946612 101px,transparent 102px 200px),radial-gradient(ellipse at 57% 115%,#ff83454d,transparent 40%);mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
#rr-flair .rf-hero:after{height:3px;left:0;right:0;background:linear-gradient(90deg,transparent,#a52621,#ffbd78,#f44430,#782025,transparent);box-shadow:0 -2px 20px #fc492949}
#rr-flair .rf-copy{padding-bottom:8px}#rr-flair .rf-eyebrow{color:#edb795;font-size:10px;letter-spacing:2.5px}
#rr-flair h1{font-size:clamp(44px,6.4vw,76px);line-height:1.04;letter-spacing:-2.4px;text-shadow:0 4px 22px #0008}
#rr-flair h1 em{background:linear-gradient(170deg,#ffe4b6 8%,#ff9b60 30%,#f74230 63%,#a71723 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 17px #ee3b2920)}
#rr-flair .rf-lead{font-size:14px;max-width:330px;color:#cdbab5}
#rr-flair .rf-art{min-height:390px;transform:translate(var(--rx,0px),var(--ry,0px));transition:transform .35s ease-out}
#rr-flair .rf-art:before{width:320px;height:320px;border:2px solid #ef98535c;outline:1px solid #ff914521;outline-offset:19px;box-shadow:inset 0 0 50px #f9421e2b,0 0 70px #ee42283b,0 0 0 45px #eb53230a;background:repeating-conic-gradient(from 7deg,#de8a453d 0deg 1deg,transparent 1deg 30deg),radial-gradient(circle,#3b1116 48%,#ef4c1e24 70%);transform:rotate(-18deg)}
#rr-flair .rf-art:after{content:'赤い龍神';font-size:58px;color:#eaa07280;right:-4%;top:5px;letter-spacing:10px;text-shadow:0 0 24px #bd4b2955;z-index:0}
#rr-flair .rf-dragon{max-width:510px;width:140%;transform:rotate(-9deg);filter:drop-shadow(0 22px 20px #000b) drop-shadow(0 0 25px #f7353052);z-index:1}
#rr-flair .rf-seal{bottom:-15px;color:#d7ad89;letter-spacing:4px;font-size:10px;background:#1c1014;border:1px solid #a6664159;padding:6px 14px;z-index:2}
#rr-flair .rf-action{border-radius:3px;font-size:12px;min-height:44px;background:#1d1518;border-color:#68443f;position:relative;overflow:hidden}
#rr-flair .rf-action.primary{background:linear-gradient(135deg,#f85435,#b52028 80%);border-color:#fa9175;box-shadow:0 6px 27px #da3a2833,inset 0 1px #ffd2b970}
#rr-flair .rf-action.primary:hover{box-shadow:0 8px 36px #ef563c66;transform:translateY(-3px)}
#rr-flair .rf-action.primary:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#ffd9b335 50%,transparent 70%);transform:translateX(-110%);transition:transform .6s;pointer-events:none}
#rr-flair .rf-action.primary:hover:after{transform:translateX(110%)}
#rr-flair .rf-smallnote{font-size:11px;color:#bd9b8c}
#rr-flair .rf-sparks{opacity:.9;background-image:radial-gradient(ellipse at 58% 25%,#ffd291 1px,transparent 3px),radial-gradient(ellipse at 83% 64%,#fd9a60 1px,transparent 3px),radial-gradient(ellipse at 53% 79%,#ffad6e 1px,transparent 3px),radial-gradient(ellipse at 90% 20%,#ff7b45 1px,transparent 3px),radial-gradient(ellipse at 48% 91%,#ffc68d 1px,transparent 3px),radial-gradient(ellipse at 70% 7%,#f2b688 1px,transparent 3px),radial-gradient(ellipse at 93% 85%,#f9854d 1px,transparent 3px)}
#rr-flair .rf-strip{background:linear-gradient(90deg,#251314,#100e12 48%,#2e1716);border-bottom:1px solid #b158332b;padding-block:19px;color:#cd9c83;font-size:10px}
#rr-flair .rf-content{background:radial-gradient(ellipse at 0 100%,#4a1b221c,transparent 65%);padding-top:36px}
#rr-flair .rf-heading{margin-bottom:22px}#rr-flair h2{font-size:27px}
#rr-flair .rf-feature{border-radius:3px;border-color:#a65b3b75;padding:30px;background:radial-gradient(ellipse at 110% 105%,#c44a242e,transparent 60%),linear-gradient(125deg,#211319,#151217);box-shadow:inset 3px 0 #bd6748,0 10px 25px #0004;overflow:hidden}
#rr-flair .rf-feature:before{content:'647';position:absolute;font-family:Cinzel,serif;font-size:155px;line-height:1;color:#e58c5a12;right:8px;bottom:-4px;pointer-events:none;letter-spacing:-10px}
#rr-flair .rf-feature:after{content:'';position:absolute;width:38px;height:38px;border-top:1px solid #f3b282;border-right:1px solid #f3b282;right:9px;top:9px;pointer-events:none}
#rr-flair .rf-feature h3{font-family:Cinzel,serif;font-size:28px;line-height:1.2;color:#f5dfce}#rr-flair .rf-feature p{position:relative}#rr-flair .rf-textlink{position:relative;color:#ffc69f}
#rr-flair .rf-tile{border-radius:3px;background:linear-gradient(125deg,#1b1419,#161217);border-color:#62403768;box-shadow:inset 0 1px #eab0870a;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}
#rr-flair .rf-tile:after{content:'';position:absolute;height:80px;width:5px;transform:rotate(30deg);background:#fd6b3415;right:25px;box-shadow:12px 0 #fd6b3410,24px 0 #fd6b3409;pointer-events:none}
#rr-flair .rf-tile:hover{transform:translateY(-3px);border-color:#ad6449;box-shadow:0 8px 28px #d7451d15}
#rr-flair .rf-tile-icon{border-radius:3px;background:linear-gradient(145deg,#6e302f,#28171e);border-color:#be6e4d55;color:#fdbb8e}
#rr-flair .rf-server-top{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 80%,#a5302840,transparent 60%),linear-gradient(125deg,#1a1116,#331319);border-bottom:2px solid #b65536;padding-block:42px}
#rr-flair .rf-server-top:after{content:'赤い龍神';position:absolute;right:21%;font-family:serif;font-size:49px;color:#e39b7633;letter-spacing:12px;pointer-events:none}
#rr-flair .rf-server-top img{width:165px;position:relative;z-index:1;filter:drop-shadow(0 10px 18px #0008) drop-shadow(0 0 20px #fa54254d)}
#rr-flair .rf-guide-tabs button{border-radius:3px;min-height:44px}#rr-flair .rf-guide-tabs button[aria-pressed=true]{background:linear-gradient(125deg,#a4342c,#602329);border-color:#d68663;color:#fff0e5;box-shadow:0 3px 18px #b5382922}
#rr-flair .rf-advice{background:linear-gradient(90deg,#69272065,#201317);border:1px solid #99553649;border-left:3px solid #e5a068;color:#edcebb;box-shadow:0 5px 18px #0002}
#rr-flair .rf-step{border-radius:3px;background:linear-gradient(120deg,#20151a,#151217);border-color:#8343334d;box-shadow:inset 0 1px #f4b5840a}
#rr-flair .rf-number{color:#ecaa7e;text-shadow:0 0 18px #f66a3540;font-size:27px}#rr-flair .rf-step h3{color:#f9d8c3}
#rr-flair .rf-footer{border-top:1px solid #f884462e;background:linear-gradient(90deg,#170e12,#0d0b10);color:#ae968b}
@media(max-width:760px){#rr-flair .rf-art:before{width:235px;height:235px}#rr-flair .rf-art{min-height:300px}#rr-flair .rf-art:after{font-size:44px;right:-6%}#rr-flair .rf-hero{min-height:460px}#rr-flair h1{font-size:50px}}
@media(max-width:520px){#rr-flair .rf-hero{padding-top:36px;padding-bottom:30px}#rr-flair h1{font-size:48px}#rr-flair .rf-art{min-height:275px;margin-top:22px}#rr-flair .rf-dragon{width:310px;max-width:115%}#rr-flair .rf-art:before{width:220px;height:220px}#rr-flair .rf-art:after{right:1%;top:0;font-size:36px;letter-spacing:5px}#rr-flair .rf-seal{bottom:-10px;font-size:9px;letter-spacing:3px}#rr-flair .rf-feature h3{font-size:24px}#rr-flair .rf-server-top:after{font-size:30px;right:4%;top:5px;letter-spacing:6px}#rr-flair .rf-server-top img{width:90px}#rr-flair .rf-server-top h1{font-size:34px}#rr-flair .rf-owner{font-size:10px!important}#rr-flair .rf-nav{gap:9px}#rr-flair .rf-content{padding-top:27px}}
@media(prefers-reduced-motion:reduce){#rr-flair .rf-art{transform:none!important}#rr-flair *{transition:none!important}}

/* Full-page integration: preserve the preview proportions, plus live content. */
body#rr-flair{max-width:1200px;margin:0 auto;border-radius:0;overflow-x:clip;overflow-y:visible;min-height:100vh}
html{background:#09090b}
#rr-flair .rr-container{width:90%;max-width:none;margin-inline:auto}
#rr-flair .rr-header{position:relative;background:#100d10;border:0;box-shadow:none;backdrop-filter:none}
#rr-flair .rf-nav{width:100%;min-height:78px}
#rr-flair .rf-nav .rf-links{flex:1;justify-content:center}
#rr-flair .rf-nav .rf-links a{padding:10px 0;font-weight:400;font-size:12px;color:#b6aaa6}
#rr-flair .rf-nav .rf-links a[aria-current=page]{color:#f6eee6;box-shadow:0 2px #ff603e}
#rr-flair .rf-nav .rf-links a:after{display:none}
#rr-flair .rr-language{margin:0}
#rr-flair .rf-hero h1{margin:0 0 22px}
#rr-flair .rf-hero .rf-lead{margin:0 0 26px}
#rr-flair .rf-hero .rf-eyebrow{margin:0 0 19px}
#rr-flair .rf-feature h3{max-width:260px}
#rr-flair .rf-feature p{margin:0 0 20px}
#rr-flair .rf-hero .rr-icon,#rr-flair .rf-content .rr-icon{width:17px;height:17px}
#rr-flair .rf-smallnote .rr-icon{width:13px;height:13px}
#rr-flair .rf-actions .rf-action{font-size:12px}
#rr-flair .rr-live-content{padding-top:8px}
#rr-flair .rr-live-content h2{font-size:24px;font-weight:500}
#rr-flair .rr-live-content h3{font-family:Inter,Arial,sans-serif;font-size:19px}
#rr-flair .rr-section{margin-bottom:30px}
#rr-flair .rr-section-heading{margin-bottom:18px}
#rr-flair .rr-announcement{padding:22px 26px}
#rr-flair .rr-footer-inner{padding-block:18px;gap:18px}
#rr-flair .rr-footer-brand{font-size:14px}
#rr-flair .rr-footer p,#rr-flair .rr-footer-links,#rr-flair .rr-copyright{font-size:11px}
#rr-flair .rr-hub-heading{margin-top:0;padding:35px 0 29px;border-top:0;background:radial-gradient(ellipse at right,#591b253d,transparent 70%),#140f12}
#rr-flair .rr-hub-heading h1{font-size:42px;line-height:1.1;margin:0 0 10px}
#rr-flair .rr-hub-identity img{width:95px;height:95px}
#rr-flair .rr-hub-heading:after{display:none}
#rr-flair .rr-hub-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#rr-flair .rr-hub-steps>li{margin:0;padding:19px;border:1px solid #8343334d;background:linear-gradient(120deg,#20151a,#151217);display:block}
#rr-flair .rr-hub-steps h4{font-size:14px}#rr-flair .rr-hub-steps p{font-size:13px}
#rr-flair .rr-hub-panel-title h2{font-size:27px}
#rr-flair .rr-hub-panel-title p{font-size:13px}
#rr-flair .rr-about-intro h1,#rr-flair .rr-social-intro h1{font-size:clamp(38px,5vw,60px)}
#rr-flair .rr-about-intro,#rr-flair .rr-social-intro{padding-block:40px;min-height:0}
@media(max-width:960px){#rr-flair .rf-nav{gap:12px;flex-wrap:nowrap}#rr-flair .rf-nav .rf-links{display:none}#rr-flair .rf-owner{margin-left:auto}#rr-flair .rr-menu-toggle{display:flex;flex-shrink:0}#rr-flair .rr-mobile-nav{background:#190f15}}
@media(max-width:520px){#rr-flair .rf-nav{gap:8px;padding-inline:4%;flex-wrap:wrap}#rr-flair .rf-brand{font-size:15px}#rr-flair .rf-owner{font-size:10px!important}#rr-flair .rr-language-toggle{padding:8px;min-width:40px}#rr-flair .rr-menu-toggle{width:40px;height:40px}#rr-flair .rr-container{width:88%}#rr-flair .rr-hub-steps{grid-template-columns:1fr}#rr-flair .rr-hub-heading h1{font-size:32px}#rr-flair .rr-hub-identity img{width:55px;height:55px}#rr-flair .rr-hub-panel-title h2{font-size:23px}#rr-flair .rr-announcement{padding:18px}#rr-flair .rr-live-content{padding-top:0}}
#rr-flair .rf-art:after,#rr-flair .rf-server-top:after{font-family:'Noto Serif JP',serif}
#rr-flair .rr-skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0}
#rr-flair .rr-skip:focus{color:#161013;background:#fff4e8}

/* update ver 001: inner pages share the approved homepage design. */
#rr-flair .rr-page-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:24px;padding:40px 30px;margin:0 0 28px;background:radial-gradient(ellipse at 85% 65%,#ad382a30,transparent 65%),linear-gradient(120deg,#180f15,#261217);border-bottom:2px solid #a85c3f;overflow:hidden}
#rr-flair .rr-page-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(125deg,transparent 0 90px,#df8a5310 91px,transparent 92px 180px)}
#rr-flair .rr-page-hero h1{font-size:clamp(32px,4.4vw,54px);line-height:1.15;margin:12px 0 18px;letter-spacing:-1.5px}
#rr-flair .rr-page-hero p{max-width:510px;font-size:14px;line-height:1.8}
#rr-flair .rr-page-hero .rf-eyebrow{font-size:10px;color:#edb795;margin:0}
#rr-flair .rr-page-art{position:relative;display:grid;place-items:center;min-width:0;isolation:isolate}
#rr-flair .rr-page-art:before{content:'';position:absolute;inset:15%;border:1px solid #e89b5560;border-radius:50%;box-shadow:0 0 50px #d9462525,0 0 0 16px #d6672910;z-index:-1}
#rr-flair .rr-page-art img{width:290px;max-width:100%;filter:drop-shadow(0 12px 22px #0007) drop-shadow(0 0 16px #c63b2b35)}
#rr-flair .rr-page-art span{position:absolute;right:0;top:10%;writing-mode:vertical-rl;font-family:'Noto Serif JP',serif;font-size:30px;letter-spacing:5px;color:#eaa07280;z-index:-1}
#rr-flair .rr-page-hero .rf-actions{margin-top:22px}
#rr-flair .rr-about-columns{gap:18px;margin-bottom:28px;grid-template-columns:1.2fr 1fr}
#rr-flair .rr-about-story,#rr-flair .rr-about-work{padding:26px;border:1px solid #a65b3b65;background:radial-gradient(ellipse at 100% 100%,#c44a2420,transparent 70%),#1b1318;border-radius:3px}
#rr-flair .rr-about-story{box-shadow:inset 3px 0 #bd6748}
#rr-flair .rr-about-story h2,#rr-flair .rr-about-work h2{font-size:25px;margin:12px 0 18px}
#rr-flair .rr-about-story p{font-size:14px;line-height:1.9}
#rr-flair .rr-about-name,#rr-flair .rr-about-contact{padding:26px;margin-block:26px}
#rr-flair .rr-social-grid{grid-template-columns:1.2fr 1fr;gap:16px}
#rr-flair .rr-social-twitch{grid-row:span 2;justify-content:center;min-height:360px;box-shadow:inset 3px 0 #bd6748;background:radial-gradient(ellipse at 90% 100%,#c44a2435,transparent 70%),#1b1318}
#rr-flair .rr-social-card{border-radius:3px;padding:23px;min-height:0;border-color:#a65b3b55}
#rr-flair .rr-social-card h3{font-family:Cinzel,serif;font-size:27px;margin:10px 0}
#rr-flair .rr-social-card p{font-size:13px}
#rr-flair .rr-social-card-bottom{font-size:12px;gap:12px;flex-wrap:wrap}
#rr-flair .rr-social-card-top{margin-bottom:10px}
#rr-flair .rr-hub-tabs,#rr-flair .rr-hub-tabs[role=tablist]{position:static!important;top:auto!important;z-index:auto;border:0;display:flex;flex-wrap:wrap;gap:8px;background:transparent;padding:0;margin:0 0 28px}
#rr-flair .rr-hub-tabs>a{flex:0 1 auto;border:1px solid #ffffff20;border-radius:3px;background:#191518;min-height:44px;padding:10px 18px;font-size:13px}
#rr-flair .rr-hub-tabs>a[aria-selected=true]{background:linear-gradient(125deg,#a4342c,#602329);border-color:#d68663}
#rr-flair .rr-hub-main{--hub-anchor-offset:20px}
#rr-flair .rr-hub-panel,#rr-flair .rr-hub-section{scroll-margin-top:20px}
#rr-flair .rr-hub-overview-grid{gap:16px}#rr-flair .rr-hub-box{padding:24px}
#rr-flair .rr-guide-jumps{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px;position:static}
#rr-flair .rr-guide-jumps a{background:#21171d;border:1px solid #79433370;padding:10px 14px;border-radius:3px;font-size:13px}
#rr-flair .rr-guide-section{margin:0 0 32px;scroll-margin-top:20px}
#rr-flair .rr-guide-section>h2{margin:0 0 18px;font-size:27px}
#rr-flair .rr-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#rr-flair .rr-guide-card{padding:23px;border:1px solid #a65b3b55;border-radius:3px;background:linear-gradient(120deg,#21151a,#151217);min-width:0}
#rr-flair .rr-guide-card h3{font-size:18px;margin:0 0 12px;color:#f5d4bd}
#rr-flair .rr-guide-card p,#rr-flair .rr-guide-card li{font-size:14px;line-height:1.8;color:#c6b5af}
#rr-flair .rr-guide-card p+p{margin-top:12px}
#rr-flair .rr-guide-card ul{padding-left:20px;margin:12px 0}
#rr-flair .rr-guide-card code,#rr-flair .rr-commands code{font:600 13px/1.6 monospace;color:#ffd0ad;overflow-wrap:anywhere;white-space:normal}
#rr-flair .rr-commands{width:100%;border-collapse:collapse;background:#191217;border:1px solid #634033}
#rr-flair .rr-commands th,#rr-flair .rr-commands td{text-align:left;padding:14px;border-bottom:1px solid #ffffff12;font-size:13px;vertical-align:top;overflow-wrap:anywhere}
#rr-flair .rr-commands th{color:#e6af89}#rr-flair .rr-commands td{color:#c6b5af}
#rr-flair .rr-commands th:first-child{width:32%}
#rr-flair .rr-guide-note{padding:17px 20px;margin:0 0 24px;background:linear-gradient(90deg,#69272060,#201317);border-left:3px solid #e5a068;color:#edcebb;font-size:14px}
#rr-flair .rr-guide-card summary{font-size:16px;color:#efc5a9;cursor:pointer;min-height:44px;line-height:1.6}
#rr-flair .rr-raid-promo{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-top:20px;padding:23px;border:1px solid #a65b3b65;background:linear-gradient(110deg,#30151a,#171117)}
#rr-flair .rr-raid-promo h3{font-family:Cinzel,serif;font-size:23px;margin-bottom:8px}
#rr-flair .rr-raid-promo p{font-size:13px}
#rr-flair .rr-page-hero.rr-game-hero .rr-page-art img{width:350px}
@media(max-width:960px){#rr-flair .rr-page-hero{padding:28px 22px}#rr-flair .rr-page-art img{width:220px}}
@media(max-width:650px){#rr-flair .rr-page-hero{grid-template-columns:1fr;padding:26px 20px;gap:8px}#rr-flair .rr-page-art{width:200px;margin:auto}#rr-flair .rr-page-art img{width:200px}#rr-flair .rr-page-art span{font-size:24px}#rr-flair .rr-about-columns,#rr-flair .rr-social-grid,#rr-flair .rr-guide-grid{grid-template-columns:1fr}#rr-flair .rr-social-twitch{grid-row:auto;min-height:0}#rr-flair .rr-raid-promo{align-items:flex-start;flex-direction:column}#rr-flair .rr-about-story,#rr-flair .rr-about-work{padding:21px}#rr-flair .rr-hub-tabs>a{flex:1;padding:10px 7px;font-size:12px}#rr-flair .rr-guide-card{padding:20px}#rr-flair .rr-commands th,#rr-flair .rr-commands td{padding:11px 8px}#rr-flair .rr-commands th:first-child{width:38%}}

/* Keep the language picker independent of page-specific layout styles. */
.rr-header .rf-nav,.rr-header .rr-header-inner{position:relative}
.rr-header details.rr-language{position:static;display:block;flex:0 0 auto;width:auto;max-width:100%;height:auto;min-height:0;margin:0;padding:0;border:0;background:transparent}
.rr-header details.rr-language>summary{display:flex;align-items:center;justify-content:center;gap:6px;width:auto;min-width:56px;min-height:44px;height:auto;padding:9px;list-style:none;border:1px solid #ffffff24;border-radius:4px;background:#191214;color:#f6eee6;font:600 14px/1.3 Inter,Arial,sans-serif;cursor:pointer}
.rr-header details.rr-language>summary::-webkit-details-marker{display:none}
.rr-header details.rr-language>summary svg{display:inline-block;width:18px!important;height:18px!important;max-width:18px;flex:0 0 18px;position:static}
.rr-header details.rr-language:not([open])>.rr-language-panel{display:none!important}
.rr-header details.rr-language[open]>.rr-language-panel{display:block!important;position:absolute!important;inset:auto 16px auto auto!important;top:calc(100% + 4px)!important;width:min(300px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 110px);overflow:auto;box-sizing:border-box;z-index:100;padding:18px;margin:0;border:1px solid #634048;border-radius:6px;background:#191115;color:#f7e8df;box-shadow:0 14px 40px #0009;font:400 14px/1.5 Inter,Arial,sans-serif}
.rr-header .rr-language-panel form{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;margin:0;padding:0}
.rr-header .rr-language-panel label{font-size:16px;line-height:1.4}
.rr-header .rr-language-panel select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:auto;min-height:48px;padding:10px;border:1px solid #74535b;border-radius:4px;background:#21191d;color:#fff5ed;color-scheme:dark;font:400 16px/1.4 Inter,Arial,sans-serif}
.rr-header .rr-language-panel .rr-button{box-sizing:border-box;width:100%;min-height:44px;padding:10px 14px;font:600 16px/1.4 Inter,Arial,sans-serif;white-space:normal}
.rr-header .rr-language-panel p{margin:0;font:400 14px/1.5 Inter,Arial,sans-serif;color:#d7c7cc}

/* Update 002: lighter interaction and paint work, same static design. */
#rr-flair{background-attachment:scroll}
#rr-flair .rf-art{transform:none;transition:none}
#rr-flair a,#rr-flair button,#rr-flair summary{touch-action:manipulation}
#rr-flair .rf-action,#rr-flair .rf-tile,#rr-flair .rr-button,#rr-flair .rr-social-card,#rr-flair .rr-small-social{transition:transform .1s ease-out,border-color .1s ease-out,background-color .1s ease-out}
#rr-flair .rf-action:active,#rr-flair .rr-button:active{transform:translateY(1px)}
#rr-flair .rf-action.primary:after,#rr-flair .rr-button-primary:after{display:none}
#rr-flair .rr-load-video{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;border:1px solid #9b4d3b;background:radial-gradient(ellipse at center,#5c252d,#191217 80%);color:#f5d4bd;cursor:pointer;text-align:center}
#rr-flair .rr-load-video:hover{border-color:#ff9b60}
#rr-flair .rr-load-video .rr-icon{width:40px;height:40px}
@media (hover:none){#rr-flair .rf-tile:hover,#rr-flair .rr-social-card:hover,#rr-flair .rr-small-social:hover{transform:none;box-shadow:none}}

/* Update 003: clean dragon theme. Public pages only. */
html{background:#101113}
body#rr-flair{max-width:1200px;background:#101113;color:#f3f0ed;--ink:#f3f0ed;--soft:#bebbc0;--line:#ffffff18;--rr-muted:#bebbc0;--rr-line:#ffffff18;--rr-cream:#f3f0ed}
#rr-flair .rr-header,#rr-flair .rr-footer{background:#101113;border-color:#ffffff16;box-shadow:none}
#rr-flair .rf-nav{min-height:80px;border-bottom:1px solid #ffffff16}
#rr-flair .rf-nav .rf-links a{font-size:13px}
#rr-flair .rf-brand img{filter:none}
#rr-flair .rf-hero{min-height:420px;grid-template-columns:1.3fr 1fr;padding:42px 5%;background:#101113;border-bottom:1px solid #ffffff16}
#rr-flair .rf-hero:before,#rr-flair .rf-hero:after,#rr-flair .rf-sparks,#rr-flair .rf-feature:before,#rr-flair .rf-feature:after,#rr-flair .rf-tile:before,#rr-flair .rr-page-hero:before{display:none}
#rr-flair h1{font-size:clamp(36px,4.6vw,57px);letter-spacing:-1.3px;line-height:1.15}
#rr-flair h1 em{background:none;-webkit-text-fill-color:currentColor;color:#f47868;filter:none}
#rr-flair .rf-hero .rf-eyebrow,#rr-flair .rr-page-hero .rf-eyebrow{color:#d4a396;letter-spacing:1.6px;font-size:11px}
#rr-flair .rf-hero .rf-lead{font-size:16px;line-height:1.8;max-width:420px}
#rr-flair .rf-art{min-height:330px}
#rr-flair .rf-art:before{width:260px;height:260px;background:#21171a;border:1px solid #743a3555;outline:0;box-shadow:none}
#rr-flair .rf-art:after{font-family:'Noto Serif JP',serif;color:#c8907666;font-size:30px;letter-spacing:8px;right:3%;top:35px}
#rr-flair .rf-dragon{width:100%;max-width:340px;transform:none;filter:none}
#rr-flair .rf-seal{bottom:5px;color:#b99e96;letter-spacing:2px}
#rr-flair .rf-smallnote{font-size:11px;margin-top:20px}
#rr-flair .rf-action,#rr-flair .rf-actions .rf-action,#rr-flair .rr-button{font-size:14px;border-radius:6px;min-height:44px;padding:11px 16px;background:#1a1b1f;border-color:#ffffff25;box-shadow:none}
#rr-flair .rf-action.primary,#rr-flair .rr-button-primary{background:#b73832;border-color:#d95347;color:#fff}
#rr-flair .rf-action:hover,#rr-flair .rr-button:hover{transform:none;background:#292326}
#rr-flair .rf-action.primary:hover,#rr-flair .rr-button-primary:hover{background:#c5443c}
#rr-flair .rf-content{padding:30px 5%}
#rr-flair .rf-heading{margin-bottom:20px}
#rr-flair h2,#rr-flair .rr-live-content h2,#rr-flair .rr-guide-section>h2{font-family:Inter,Arial,sans-serif;font-size:25px;font-weight:600;letter-spacing:-.5px}
#rr-flair h3,#rr-flair .rr-social-card h3,#rr-flair .rr-hub-section-title h3{font-family:Inter,Arial,sans-serif;font-weight:600}
#rr-flair .rf-caption{font-size:12px}
#rr-flair .rf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#rr-flair .rf-feature{padding:26px;border-radius:10px;background:#191a1e;border:1px solid #ffffff18;box-shadow:none;display:flex;flex-direction:column}
#rr-flair .rf-feature h3{font-family:Inter,Arial,sans-serif;max-width:none;font-size:22px}
#rr-flair .rf-feature p{font-size:14px;line-height:1.8;max-width:400px;margin-bottom:22px}
#rr-flair .rf-tag{font-size:10px;letter-spacing:1px;color:#df9c8c}
#rr-flair .rf-textlink{font-size:14px;color:#f2b4a4;margin-top:auto;min-height:40px}
#rr-flair .rf-side{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#rr-flair .rf-tile{border-radius:8px;box-shadow:none;background:transparent;border:1px solid #ffffff18;padding:18px}
#rr-flair .rf-tile:hover{background:#191a1e;box-shadow:none;transform:none}
#rr-flair .rf-tile-icon{background:#241b1d;border:0}
#rr-flair .rf-tile p{font-size:13px}
#rr-flair .rr-page-hero{background:transparent;border-bottom:1px solid #ffffff18;padding:30px 0;min-height:300px;grid-template-columns:1.5fr .7fr;margin-bottom:28px}
#rr-flair .rr-page-hero h1{font-size:clamp(34px,4.5vw,52px);letter-spacing:-1px}
#rr-flair .rr-page-hero p{font-size:16px}
#rr-flair .rr-page-art img{width:220px;filter:none}
#rr-flair .rr-page-art:before{box-shadow:none;border:1px solid #743a3555;background:#21171a}
#rr-flair .rr-page-art span{color:#c8907666;font-size:25px}
#rr-flair .rr-page-hero.rr-game-hero .rr-page-art img{width:260px}
#rr-flair .rr-about-story,#rr-flair .rr-about-work,#rr-flair .rr-about-name,#rr-flair .rr-about-contact,#rr-flair .rr-social-card,#rr-flair .rr-small-social,#rr-flair .rr-discord-banner,#rr-flair .rr-hub-box,#rr-flair .rr-hub-steps>li,#rr-flair .rr-guide-card,#rr-flair .rr-announcement,#rr-flair .rr-empty,#rr-flair .rr-media-card{background:#191a1e;box-shadow:none;border:1px solid #ffffff18;border-radius:8px}
#rr-flair .rr-about-story p,#rr-flair .rr-guide-card p,#rr-flair .rr-guide-card li,#rr-flair .rr-hub-steps p,#rr-flair .rr-social-card p{font-size:15px;line-height:1.85;color:#c6c2c5}
#rr-flair .rr-about-story h2,#rr-flair .rr-about-work h2{font-size:24px}
#rr-flair .rr-social-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#rr-flair .rr-social-twitch{grid-row:auto;min-height:0;justify-content:flex-start}
#rr-flair .rr-social-card{padding:22px}
#rr-flair .rr-social-card h3{font-size:24px}
#rr-flair .rr-social-card-bottom{margin-top:auto;padding-top:24px}
#rr-flair .rr-social-card:hover,#rr-flair .rr-small-social:hover{transform:none;box-shadow:none;border-color:#b86a59}
#rr-flair .rr-guide-note,#rr-flair .rr-hub-callout{background:#211b1d;border-left:3px solid #b95447;color:#e2c5bd}
#rr-flair .rr-guide-jumps a,#rr-flair .rr-hub-tabs>a{background:#191a1e;border-color:#ffffff20;border-radius:5px;min-height:44px}
#rr-flair .rr-hub-tabs>a[aria-selected=true]{background:#922f2c;border-color:#d66f5e}
#rr-flair .rr-commands{background:#191a1e;border-color:#ffffff18}
#rr-flair .rr-commands th,#rr-flair .rr-commands td{font-size:14px;line-height:1.7}
#rr-flair .rr-guide-section{margin-bottom:28px}
#rr-flair .rr-guide-card h3{color:#f0dfd9}
#rr-flair .rr-footer-inner{padding-block:24px}
#rr-flair .rr-footer p,#rr-flair .rr-footer-links,#rr-flair .rr-copyright{font-size:12px}
@media(max-width:960px){#rr-flair .rr-social-grid{grid-template-columns:1fr}#rr-flair .rr-social-card{min-height:0}#rr-flair .rf-art{min-height:280px}#rr-flair .rf-dragon{max-width:290px}#rr-flair .rf-art:before{width:220px;height:220px}}
@media(max-width:650px){#rr-flair .rf-hero{grid-template-columns:1fr;padding:30px 5% 22px;gap:12px}#rr-flair .rf-hero h1{font-size:39px}#rr-flair .rf-art{min-height:235px}#rr-flair .rf-dragon{width:230px}#rr-flair .rf-art:before{width:185px;height:185px}#rr-flair .rf-art:after{right:12%;font-size:24px;top:24px}#rr-flair .rf-seal{display:none}#rr-flair .rf-grid,#rr-flair .rf-side{grid-template-columns:1fr}#rr-flair .rf-caption{display:none}#rr-flair .rr-page-hero{grid-template-columns:1fr;gap:12px;min-height:0;padding:24px 0}#rr-flair .rr-page-art{width:140px;margin:0 auto}#rr-flair .rr-page-art img{width:140px}#rr-flair .rr-page-art span{font-size:18px;right:-24px}#rr-flair .rr-page-hero.rr-game-hero .rr-page-art img{width:170px}#rr-flair .rr-page-hero h1{font-size:34px}#rr-flair .rr-guide-card{padding:20px}#rr-flair .rr-commands th,#rr-flair .rr-commands td{font-size:13px}#rr-flair .rf-feature{padding:22px}}

/* Update 004: a richer dragon identity with static, lightweight artwork. */
html{background:#0c090c}
body#rr-flair{background:#100d12;--soft:#ccbec0;--rr-muted:#ccbec0;--rr-line:#ffffff1b}
#rr-flair .rr-header,#rr-flair .rr-footer{background:#140d12}
#rr-flair .rf-nav{border-bottom-color:#e89f6e28}
#rr-flair .rf-hero{background:radial-gradient(ellipse at 78% 52%,#a42c2945,transparent 55%),linear-gradient(120deg,#170f17 10%,#291019 70%,#40131c);min-height:480px;position:relative;isolation:isolate;padding-block:48px;overflow:hidden;border-bottom-color:#b866474d}
#rr-flair .rf-hero:before{display:block;content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(125deg,transparent 0 110px,#e5944f0b 111px,transparent 113px 200px)}
#rr-flair .rf-hero h1{font-size:clamp(39px,5vw,64px);line-height:1.08;max-width:590px}
#rr-flair h1 em{color:#ff9b7e;background:linear-gradient(110deg,#ffc294,#ff6152);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#rr-flair .rf-art{min-height:360px}
#rr-flair .rf-art:before{width:300px;height:300px;border:1px solid #e3a87570;outline:1px solid #ce755128;outline-offset:20px;background:radial-gradient(circle,#ad34222b,#3b16282b);box-shadow:none}
#rr-flair .rf-art:after{font-size:35px;right:0;top:30px;color:#e7af8180}
#rr-flair .rf-dragon{max-width:390px;width:110%;transform:rotate(-5deg);filter:none}
#rr-flair .rf-seal{bottom:0;background:#2b161b;border-color:#d2976366;color:#f6b891;letter-spacing:2.5px}
#rr-flair .rf-eyebrow{color:#efb797}
#rr-flair .rf-action.primary,#rr-flair .rr-button-primary{background:linear-gradient(110deg,#d94331,#9e2335);border-color:#f5876166}
#rr-flair .rf-action.primary:hover,#rr-flair .rr-button-primary:hover{background:#db4738}
#rr-flair .rr-frontdesk{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:1px solid #ffffff1b}
#rr-flair .rr-frontdesk-post{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;min-width:0}
#rr-flair .rr-frontdesk .rf-tag{margin:0;color:#efac87;flex-shrink:0}
#rr-flair .rr-frontdesk-post>a{display:flex;align-items:center;gap:10px;font-size:14px;color:#f3e4dc;overflow-wrap:anywhere}
#rr-flair .rr-frontdesk time{color:#b8a5a4;font-size:12px}
#rr-flair .rr-frontdesk-clips{display:flex;align-items:center;gap:9px;font-size:13px;white-space:nowrap;color:#f2b6a0;min-height:44px}
#rr-flair .rf-content{padding-top:34px;padding-bottom:28px;background:transparent}
#rr-flair .rf-grid{gap:20px}
#rr-flair .rf-feature{min-height:320px;border-radius:12px;border-color:#a6584255;padding:28px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#3a1b22,#26151d)}
#rr-flair .rf-feature.rr-home-game{background:linear-gradient(120deg,#23243b,#211623);border-color:#9382a74d}
#rr-flair .rf-feature .rr-card-art{position:absolute;width:230px;height:230px;object-fit:contain;right:-65px;bottom:-25px;opacity:.48;z-index:-1;pointer-events:none}
#rr-flair .rr-home-game .rr-card-art{width:270px;height:270px;right:-70px;bottom:-20px;opacity:.6}
#rr-flair .rf-feature h3{font-family:Cinzel,Georgia,serif;font-size:28px;max-width:280px;line-height:1.22;margin:15px 0}
#rr-flair .rf-feature p{max-width:70%;color:#e1cdd0;font-size:14px;line-height:1.85}
#rr-flair .rf-feature .rf-textlink{align-self:flex-start;background:#140e15b8;border:1px solid #f8b38533;padding:9px 13px;border-radius:5px;color:#ffd4b6}
#rr-flair .rf-side{gap:20px}
#rr-flair .rf-tile{background:#1b141c;border-color:#9e72532e}
#rr-flair .rf-tile:after{display:none}
#rr-flair .rf-tile:hover{background:#281922;border-color:#c27a57}
#rr-flair .rr-page-hero{padding:32px;border:1px solid #d486542b;border-radius:0 0 14px 14px;background:radial-gradient(ellipse at 85% 50%,#98332b30,transparent 65%),linear-gradient(120deg,#21141f,#29121a);margin-bottom:30px}
#rr-flair .rr-page-art:before{background:#5d282526;border:1px solid #cc875154;outline:1px solid #cc875119;outline-offset:10px}
#rr-flair .rr-page-art img{width:240px}
#rr-flair .rr-about-story,#rr-flair .rr-about-work,#rr-flair .rr-social-card,#rr-flair .rr-hub-box,#rr-flair .rr-guide-card{background:linear-gradient(130deg,#231920,#19151d);border-color:#c1845c28}
#rr-flair .rr-about-story{border-top:2px solid #c9654c}
#rr-flair .rr-social-twitch{border-top:2px solid #ae83de;background:linear-gradient(145deg,#302039,#1c1520)}
#rr-flair .rr-social-card:nth-child(2){border-top:2px solid #64b7b3}
#rr-flair .rr-social-card:nth-child(3){border-top:2px solid #da655c}
#rr-flair .rr-discord-banner{background:linear-gradient(120deg,#302034,#241922);border-color:#b88b7545}
#rr-flair .rr-guide-card h3{color:#f0c9b5}
#rr-flair .rr-announcement-featured{background:linear-gradient(120deg,#301b24,#1d161e);border-left:3px solid #d5714e}
#rr-flair .rr-empty,#rr-flair .rr-media-card{background:#1d161e;border-color:#d59a7526}
#rr-flair .rr-live-content .rr-section-heading h2{font-family:Cinzel,Georgia,serif;font-size:28px}
#rr-flair .rr-media-top{background:#251820}
@media(hover:hover) and (prefers-reduced-motion:no-preference){#rr-flair .rf-feature{transition:border-color .12s ease-out}#rr-flair .rf-feature:hover{border-color:#d9966b}#rr-flair .rr-social-card:hover{border-color:#d9966b}}
@media(max-width:960px){#rr-flair .rf-art:before{width:235px;height:235px}#rr-flair .rf-dragon{max-width:310px}#rr-flair .rf-art{min-height:300px}#rr-flair .rf-feature p{max-width:85%}#rr-flair .rr-page-hero{padding:26px}}
@media(max-width:650px){#rr-flair .rf-hero{padding:30px 5% 24px;min-height:0}#rr-flair .rf-hero h1{font-size:40px}#rr-flair .rf-art{min-height:265px}#rr-flair .rf-art:before{width:205px;height:205px;outline-offset:12px}#rr-flair .rf-dragon{width:260px}#rr-flair .rf-art:after{right:8%;font-size:26px;top:38px}#rr-flair .rr-frontdesk{align-items:flex-start;gap:8px;flex-direction:column;padding-block:16px}#rr-flair .rr-frontdesk-post{gap:8px}#rr-flair .rr-frontdesk-post .rf-tag{width:100%}#rr-flair .rf-feature{min-height:290px;padding:24px}#rr-flair .rf-feature h3{font-size:27px;max-width:240px}#rr-flair .rf-feature p{max-width:78%}#rr-flair .rf-feature .rr-card-art{opacity:.35}#rr-flair .rr-page-hero{padding:25px 20px}#rr-flair .rr-page-art img{width:150px}#rr-flair .rr-page-art span{right:-27px}#rr-flair .rr-live-content .rr-section-heading h2{font-size:25px}}

/* Keep mobile controls at the right after removing the owner header link. */
@media(max-width:960px){
 #rr-flair .rf-nav{flex-wrap:nowrap}
 #rr-flair .rf-nav>.rr-language{margin-left:auto;flex-shrink:0}
 #rr-flair .rf-nav>.rr-menu-toggle{flex-shrink:0}
}