@font-face{font-family:"GW Inter";src:url("/assets/fonts/inter-400.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"GW Inter";src:url("/assets/fonts/inter-500.woff") format("woff");font-weight:500;font-display:swap}
@font-face{font-family:"GW Inter";src:url("/assets/fonts/inter-600.woff") format("woff");font-weight:600 900;font-display:swap}
@font-face{font-family:"GW Condensed";src:url("/assets/fonts/roboto-condensed-700.woff") format("woff");font-weight:400 900;font-display:swap}
:root {
  color-scheme:dark;
  --bg:#0a0b0d;
  --surface:#0e1013;
  --raised:#1b1d22;
  --line:#2a2c30;
  --text:#e8e6e1;
  --muted:#a5a7ad;
  --gold:#c8a55a;
  --serif:"GW Condensed","Arial Narrow",sans-serif;
  --body:"GW Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}

* {
  box-sizing:border-box;
}

html {
  scroll-behavior:smooth;
}

body {
  margin:0;
  background:var(--bg);
  color:var(--text);
  font:16px/1.65 var(--body);
}

a {
  color:inherit;
  text-decoration:none;
}

img {
  display:block;
  max-width:100%;
  object-fit:cover;
}

button,input,textarea,select {
  font:inherit;
}

button,summary {
  cursor:pointer;
}

button:disabled {
  opacity:.45;
  cursor:not-allowed;
}

a:hover {
  color:var(--gold);
}

:focus-visible {
  outline:2px solid var(--gold);
  outline-offset:4px;
}

h1,h2,h3,p {
  margin:0 0 1rem;
}

h1,h2 {
  font-family:var(--serif);
  font-weight:400;
  line-height:1.12;
}

h1 {
  font-size:clamp(2.4rem,5.5vw,4.35rem);
  letter-spacing:-.045em;
  overflow-wrap:anywhere;
}

h2 {
  font-size:clamp(1.55rem,3vw,2.25rem);
  letter-spacing:-.025em;
}

h3 {
  font-size:1.08rem;
  line-height:1.4;
  overflow-wrap:anywhere;
}

p {
  color:var(--muted);
}

.wrap,.header-inner {
  width:min(1192px,calc(100% - 80px));
  margin-inline:auto;
}

.header {
  border-bottom:1px solid var(--line);
  background:#101216;
  position:relative;
  z-index:5;
}

.header-inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  min-height:76px;
}

.brand {
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:var(--serif);
  font-weight:bold;
  font-size:24px;
  white-space:nowrap;
}

.brand img {
  object-fit:contain;
}

.gold,.kicker {
  color:var(--gold);
}

.primary {
  display:flex;
  gap:28px;
  font-size:14px;
  color:var(--muted);
}

.account-link {
  display:inline-flex;
  gap:13px;
  align-items:center;
  padding:9px 14px;
  border:1px solid var(--line);
  border-radius:2px;
  font-size:14px;
}

.account-link span,.text-link,.section-head>a,.back,.empty a,.footer a:hover {
  color:var(--gold);
}

.header-end {
  display:flex;
  gap:10px;
  align-items:center;
}

.mobile-menu {
  display:none;
}

.skip {
  position:absolute;
  left:12px;
  top:-80px;
  background:var(--gold);
  color:#000;
  padding:8px;
  z-index:10;
}

.skip:focus {
  top:12px;
}

.hero {
  overflow:hidden;
  border-bottom:1px solid var(--line);
  background:radial-gradient(ellipse at 75% 42%,#363126 0%,#18191a 40%,#101217 76%);
}

.hero-inner {
  min-height:515px;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  position:relative;
}

.hero-copy {
  position:relative;
  z-index:2;
  padding:56px 0 58px;
  animation:arrive .55s ease-out both;
}

.hero h1 {
  font-size:clamp(3.75rem,7.4vw,7rem);
  letter-spacing:-.065em;
  margin:.15em 0 .22em;
}

.hero h1 em {
  color:var(--gold);
  font-weight:400;
}

.kicker {
  font:600 13px/1.5 var(--body);
  letter-spacing:.12em;
  display:flex;
  align-items:center;
  gap:12px;
}

.kicker span {
  width:28px;
  height:1px;
  background:var(--gold);
}

.lead {
  font-size:clamp(1rem,2.1vw,1.2rem);
  max-width:39rem;
  line-height:1.65;
}

.hero .lead {
  max-width:29rem;
}

.actions,.toolbar,.tag-row,.pagination {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}

.actions {
  margin-top:25px;
  gap:22px;
}

.btn,.toolbar button {
  background:var(--surface);
  color:var(--text);
  border:1px solid var(--line);
  border-radius:2px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 16px;
  font-size:14px;
  font-weight:600;
  transition:background .18s,border-color .18s,transform .18s;
  max-width:100%;
}

.btn:hover,.toolbar button:hover {
  border-color:var(--gold);
  background:var(--raised);
  color:var(--text);
}

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

.btn.gold-btn {
  background:var(--gold);
  color:#1c1710;
  border-color:var(--gold);
}

.btn.gold-btn:hover {
  background:#f2d397;
}

.btn.small,.toolbar button {
  padding:6px 10px;
  font-size:13px;
}

.art {
  position:absolute;
  inset:0 -3% 0 48%;
  display:grid;
  place-items:center;
  pointer-events:none;
}

.art img {
  position:absolute;
  height:110%;
  width:100%;
  max-width:100%;
  object-fit:contain;
  object-position:center bottom;
  bottom:-9%;
  mask-image:linear-gradient(#000 70%,transparent 99%);
  filter:brightness(.95);
  animation:arrive .7s ease-out both;
}

.ring {
  position:absolute;
  width:min(78%,440px);
  aspect-ratio:1;
  border:1px solid #e1bc7740;
  border-radius:50%;
  box-shadow:0 0 65px #e1bc770b,inset 0 0 40px #e1bc7708;
  top:9%;
  animation:glow 7s ease-in-out infinite;
}

.ring:after {
  content:"";
  position:absolute;
  inset:15px;
  border:1px solid #e1bc7718;
  border-radius:50%;
}

.home-content {
  padding-top:26px;
  padding-bottom:68px;
}

.server-strip {
  display:flex;
  align-items:center;
  gap:13px;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:2px;
  padding:15px 18px;
  font-size:14px;
}

.server-strip small {
  display:block;
  color:var(--muted);
  font-variant-numeric:tabular-nums;
}

.server-state {
  margin-left:auto;
  color:var(--muted);
  text-align:right;
}

.signal {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#898c95;
  flex:none;
}

.signal.online {
  background:#8dd4aa;
  box-shadow:0 0 15px #8dd4aa60;
}

.home-grid {
  display:grid;
  grid-template-columns:1.65fr 1fr;
  gap:32px;
  margin-top:38px;
}

.section-head,.row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:14px;
}

.section-head {
  margin:0 0 17px;
}

.section-head h1,.section-head h2 {
  margin:0;
}

.section-head>a {
  font-size:14px;
}

.spaced {
  margin-top:28px;
}

.card,.panel,.empty,.toc {
  border:1px solid var(--line);
  background:var(--surface);
  border-radius:2px;
  min-width:0;
}

.card {
  overflow:hidden;
  transition:border-color .2s;
}

.card:hover {
  border-color:#55504a;
}

.card h3 {
  margin:.45rem 0;
}

.card p:last-child,.panel p:last-child {
  margin-bottom:0;
}

.card-copy,.panel,.empty,.toc {
  padding:20px;
}

.card-copy>p:not(.meta) {
  font-size:15px;
}

.home-grid .card+.card,.card+.panel,.panel+.panel,.card+.list-link {
  margin-top:12px;
}

.cover {
  display:block;
  aspect-ratio:2.15;
  overflow:hidden;
  background:var(--raised);
}

.cover img {
  width:100%;
  height:100%;
}

.meta {
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
  margin:0 0 .4rem;
  font-variant-numeric:tabular-nums;
}

.tag {
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:2px 9px;
  background:#29251e;
  color:#edd2a2;
  border:1px solid #665433;
  border-radius:2px;
  font-size:12px;
  white-space:normal;
  overflow-wrap:anywhere;
  vertical-align:middle;
}

.empty {
  color:var(--muted);
  border-style:dashed;
}

.interior {
  padding-top:52px;
  padding-bottom:64px;
  min-height:52vh;
}

.back {
  display:inline-block;
  margin:0 0 20px;
  font-size:14px;
}

.cards {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap:16px;
}

.article-grid,.editor-grid,.two-col {
  display:grid;
  gap:24px;
  align-items:start;
}

.article-grid {
  grid-template-columns:minmax(0,760px) minmax(210px,1fr);
}

.editor-grid {
  grid-template-columns:minmax(0,2fr) minmax(240px,1fr);
}

.two-col {
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin:20px 0 36px;
}

.reading {
  min-width:0;
}

.reading h1 {
  margin-top:8px;
}

.reading .meta {
  margin-top:10px;
}

.article-cover {
  width:100%;
  max-height:420px;
  border-radius:2px;
  margin:24px 0;
}

.prose {
  max-width:75ch;
  overflow-wrap:anywhere;
}

.prose h2,.prose h3 {
  margin-top:1.6em;
}

.prose p,.prose li,.preserve {
  color:#d5d8de;
}

.prose a,.panel a:not(.btn) {
  color:var(--gold);
  text-decoration:underline;
  text-underline-offset:.2em;
}

.prose img {
  max-height:580px;
  border-radius:2px;
  margin:12px 0;
}

.prose iframe {
  width:100%;
  border:0;
  aspect-ratio:16/9;
  border-radius:2px;
}

.prose blockquote {
  margin:1em 0;
  padding:.7em 1em;
  border-left:2px solid var(--gold);
  background:var(--surface);
  color:var(--muted);
}

.toc {
  position:sticky;
  top:18px;
}

.toc a,.footer nav a {
  display:block;
  padding:4px 0;
  color:var(--muted);
  font-size:14px;
}

.toc a:hover {
  color:var(--gold);
}

.patch-block {
  padding:0 0 4px;
  border-top:1px solid var(--line);
}

.tag-row {
  margin-top:24px;
}

.table-scroll {
  overflow:auto;
  max-width:100%;
}

table {
  width:100%;
  border-collapse:collapse;
}

td,th {
  border-bottom:1px solid var(--line);
  padding:10px 13px;
  text-align:left;
  vertical-align:top;
}

th {
  color:var(--gold);
}

pre {
  overflow:auto;
  background:#101215;
  border:1px solid var(--line);
  padding:14px;
  border-radius:2px;
}

code {
  font-family:ui-monospace,monospace;
}

.row {
  padding:12px 0;
  border-bottom:1px solid var(--line);
  overflow-wrap:anywhere;
}

.row:last-child {
  border-bottom:0;
}

.preserve {
  white-space:pre-wrap;
}

.stacked {
  display:grid;
  gap:12px;
}

.stacked>h2,.stacked>h3,.stacked>p {
  margin:0;
}

.stacked .btn {
  justify-self:start;
}

.narrow {
  max-width:540px;
}

.fields,.filters {
  display:flex;
  align-items:end;
  flex-wrap:wrap;
  gap:12px;
  margin:0 0 18px;
}

.fields>label,.filters>label {
  flex:1 1 150px;
}

.filters .btn {
  height:43px;
}

.filters {
  padding:16px;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:2px;
}

.filters label:first-of-type {
  flex-grow:2;
}

.stacked label,.fields label,.filters label {
  display:grid;
  gap:5px;
  font-size:14px;
  color:var(--muted);
}

input:not([type=checkbox]),select,textarea {
  background:#101216;
  color:var(--text);
  border:1px solid var(--line);
  border-radius:2px;
  padding:9px 11px;
  width:100%;
  min-width:0;
}

input[type=checkbox] {
  accent-color:var(--gold);
  width:16px;
  height:16px;
}

label.check {
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}

textarea {
  resize:vertical;
  line-height:1.55;
}

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

fieldset label {
  margin-bottom:12px;
}

.patch-editor {
  padding:12px;
  border:1px solid var(--line);
  border-radius:2px;
  margin-bottom:10px;
}

.tabs {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 27px;
}

.tabs a {
  border:1px solid var(--line);
  border-radius:2px;
  padding:7px 12px;
  color:var(--muted);
  font-size:14px;
}

.tabs a:hover {
  border-color:var(--gold);
  color:var(--gold);
}

.revision {
  padding:10px 0;
  border-bottom:1px solid var(--line);
}

.revision small {
  display:block;
  color:var(--muted);
  margin-bottom:6px;
  overflow-wrap:anywhere;
}

.inline-info {
  background:#302921;
  padding:10px;
  border-radius:2px;
  overflow-wrap:anywhere;
}

.pagination {
  margin-top:18px;
}

.notice {
  position:fixed;
  z-index:15;
  right:18px;
  bottom:18px;
  max-width:min(450px,calc(100vw - 36px));
  padding:12px 17px;
  border:1px solid #665433;
  border-radius:2px;
  background:#26231f;
  color:#fff4dd;
  box-shadow:0 8px 30px #0008;
}

.footer {
  background:#101216;
  border-top:1px solid var(--line);
  padding:32px 0;
}

.footer-grid {
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:25px;
}

.footer p {
  max-width:370px;
  margin-top:9px;
  font-size:13px;
}

.footer .brand {
  font-size:21px;
}

.list-link {
  display:block;
}

.upload {
  max-width:100%;
}

.upload input {
  font-size:13px;
}

.upload .btn {
  margin-top:8px;
}

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

@keyframes glow {
  50% {
    box-shadow:0 0 75px #e1bc771b,inset 0 0 60px #e1bc7711;
  }
}

@media(max-width:900px) {
  .wrap,.header-inner {
    width:calc(100% - 44px);
  }
  .primary {
    gap:16px;
  }
  .hero-inner {
    min-height:470px;
  }
  .home-grid {
    gap:20px;
  }
  .article-grid {
    grid-template-columns:minmax(0,1fr) 210px;
  }
  .editor-grid {
    grid-template-columns:minmax(0,1fr) minmax(210px,.53fr);
  }
}

@media(max-width:690px) {
  .wrap,.header-inner {
    width:calc(100% - 32px);
  }
  .header-inner {
    min-height:64px;
  }
  .primary {
    display:none;
  }
  .mobile-menu {
    display:block;
  }
  .mobile-menu summary {
    list-style:none;
    font-size:21px;
    border:1px solid var(--line);
    border-radius:2px;
    padding:3px 9px;
  }
  .mobile-menu nav {
    position:absolute;
    top:64px;
    right:16px;
    left:16px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:2px;
    padding:9px 15px;
  }
  .mobile-menu nav a {
    display:block;
    padding:10px;
  }
  .hero-inner {
    min-height:435px;
    display:flex;
    align-items:end;
  }
  .hero-copy {
    padding:48px 0 33px;
    width:100%;
  }
  .hero h1 {
    font-size:clamp(3.6rem,12vw,5.3rem);
  }
  .hero .lead {
    max-width:21rem;
  }
  .art {
    inset:0 -26% 0 26%;
    opacity:.38;
  }
  .ring {
    width:78%;
    top:13%;
  }
  .art img {
    height:96%;
    bottom:0;
  }
  .hero:after {
    content:"";
    position:absolute;
    pointer-events:none;
  }
  .actions {
    gap:14px;
  }
  .home-grid,.article-grid,.two-col,.editor-grid {
    grid-template-columns:1fr;
  }
  .toc {
    position:static;
    grid-row:1;
  }
  .interior {
    padding-top:34px;
    padding-bottom:44px;
  }
  .home-content {
    padding-bottom:40px;
  }
  .footer-grid {
    grid-template-columns:1fr 1fr;
  }
  .footer-grid>div {
    grid-column:1/-1;
  }
  .panel,.card-copy,.empty {
    padding:16px;
  }
}

@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}

/* GrailWar UI — palette from gamemode/ui/cl_theme.lua. */
body{font-size:15px;line-height:1.65}
h1,h2{font-weight:700;letter-spacing:.005em}h1{font-size:clamp(2.4rem,5vw,3.8rem)}h2{font-size:1.65rem}
.header{background:var(--bg)}.header-inner{min-height:82px}.brand{font-family:var(--serif);font-size:27px;letter-spacing:.06em}.brand img{width:29px;height:37px}.primary{gap:30px;font-size:13px}.primary a{position:relative;padding:27px 0}.primary a:after{content:"";position:absolute;height:1px;background:var(--gold);bottom:18px;left:0;right:100%;transition:right .25s}.primary a:hover:after,.primary a[aria-current="page"]:after{right:0}.primary a[aria-current="page"]{color:var(--text)}.account-link{border-color:#494238;font-size:12px;padding:10px 18px}
.hero{background:var(--bg);position:relative}.hero-inner{min-height:590px;grid-template-columns:1fr 1fr}.hero-copy{padding:75px 0 106px}.hero .kicker{font-size:10px;letter-spacing:.19em;color:var(--muted);margin-bottom:27px}.hero h1{font-family:var(--serif);font-weight:700;font-size:clamp(5rem,10.7vw,10rem);line-height:.9;letter-spacing:-.025em;margin:0 0 21px;white-space:nowrap}.hero h1 span{color:var(--gold)}.hero-subtitle{font-size:18px;letter-spacing:.025em;color:var(--text);margin-bottom:35px}.hero .actions{gap:27px;margin-top:0}.hero .gold-btn{padding:14px 25px;min-width:175px}.text-link{font-size:13px}.btn{border-radius:0;font-size:13px;font-weight:500}.btn.gold-btn{background:var(--gold);border-color:var(--gold);color:#0a0b0d}.btn.gold-btn:hover{background:#dfbd75}.hero-status{display:flex;align-items:center;gap:10px;width:fit-content;color:var(--muted);font-size:11px;margin-top:25px}.hero-status .signal{width:5px;height:5px;box-shadow:none}.status-arrow{margin-left:10px}.art{inset:0 -8% 0 45%;overflow:hidden}.art .hero-character{width:100%;height:123%;bottom:-25%;object-position:center top;mask-image:linear-gradient(#000 66%,transparent 94%);filter:brightness(.79) saturate(.68);animation:arrive .9s ease-out both}.hero-sigil{position:absolute;inset:7% 0 0 0;display:grid;place-items:center;opacity:.08;transform:rotate(-12deg)}.hero-sigil img{height:90%;width:90%;position:static;object-fit:contain;filter:none;mask-image:none;animation:none}.hero-bottom{position:absolute;bottom:0;left:0;right:0;border-top:1px solid var(--line);padding:18px 0;display:flex;align-items:center;gap:30px;z-index:2;font-size:11px;color:var(--muted)}.hero-bottom>span{margin-right:auto;font-size:9px;letter-spacing:.18em}.hero-bottom a{color:var(--text)}
.home-content{padding-top:0;padding-bottom:70px}.portal-links{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);margin-bottom:48px}.portal-links>a{display:flex;gap:20px;align-items:center;padding:30px 25px 30px 0;position:relative}.portal-links>a+a{padding-left:25px;border-left:1px solid var(--line)}.portal-links>a>span:last-child{margin-left:auto;color:var(--gold)}.portal-links small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.portal-number{align-self:flex-start;color:var(--gold);font-size:10px;padding-top:4px}.portal-links>a:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background:var(--gold);transition:width .3s}.portal-links>a:hover:after{width:100%}.home-grid{gap:65px;margin:0}.home-grid>aside:only-child,.home-grid>section:only-child{grid-column:1/-1;max-width:760px;width:100%}.home-grid .post-card{border:0;border-top:1px solid var(--line);background:none}.home-grid .card-copy{padding:23px 0}.home-grid .event-card{background:var(--surface);border-top:2px solid var(--gold)}.home-grid .event-card .card-copy{padding:22px}.home-grid .post-card h3{font-size:19px;font-weight:500}.card h3 a:hover{color:var(--gold)}.section-head{margin-bottom:24px}.section-head>a{font-size:11px}.meta{font-size:11px}.tag{background:#c8a55a0b;border-color:#c8a55a42;color:var(--gold);font-size:10px;letter-spacing:.035em;padding:3px 8px}.empty{background:none;border:0;border-top:1px solid var(--line);padding:24px 0}.footer{background:var(--bg);padding:34px 0}.footer-grid{grid-template-columns:2.5fr 1fr 1fr}.footer p{font-size:11px;line-height:1.7;max-width:430px}.footer nav a{font-size:12px;padding:5px 0}.footer .brand{font-size:22px}.footer .brand img{height:28px;width:23px}.interior>.kicker{font-size:10px}.interior>h1{margin-bottom:30px}
/* Compact admin navigation and progressive disclosure. */
body[data-view="cms"] .interior,body[data-view="editor"] .interior,body[data-view="event-editor"] .interior{padding-top:34px}.tabs{gap:0;border-bottom:1px solid var(--line);padding-bottom:0;margin-bottom:28px}.tabs a{padding:12px 16px;border:0;border-bottom:2px solid transparent;background:none;font-size:12px;white-space:nowrap;border-radius:0}.tabs a[aria-current="page"]{color:var(--gold);border-bottom-color:var(--gold);background:#c8a55a08}.editor-grid{grid-template-columns:minmax(0,1fr) 280px;gap:32px}.editor-grid>.panel,.editor-grid>aside{position:sticky;top:24px}.editor-grid h2{font-size:23px}.field-help{display:block;font-size:12px;line-height:1.6;font-weight:400;color:var(--muted);margin:7px 0 0;max-width:65ch}.form-section{border:0;border-top:1px solid var(--line);padding:24px 0 0;margin-top:12px}.form-section legend{font-family:var(--serif);font-size:22px;color:var(--text);padding-right:14px}.form-section label{margin:12px 0}.guide{margin:0 0 26px;border:1px solid var(--line);border-left:2px solid var(--gold);padding:18px 22px;background:var(--surface)}.guide summary{font-size:14px;color:var(--text)}.guide ol{padding-left:22px;color:var(--muted);font-size:13px}.guide li+li{margin-top:10px}.guide code{color:var(--text);overflow-wrap:anywhere}.guide p{font-size:13px;margin:10px 0}.guide a{color:var(--gold)}.stacked details{padding:14px 0;border-top:1px solid var(--line)}.stacked details summary{font-size:13px}.stacked details[open]>label{margin-top:16px}label{font-size:13px}input,textarea,select{border-radius:0;font-size:14px}input:focus,textarea:focus,select:focus{border-color:var(--gold)}.fields{gap:18px}fieldset{min-width:0}.row{gap:12px}.row>span{overflow-wrap:anywhere}.panel .row+.row{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}
@media(max-width:900px){.hero-inner{min-height:520px}.hero-copy{padding-top:65px}.hero h1{font-size:12vw}.primary{gap:18px}.portal-links>a{gap:12px;padding-right:16px}.portal-links>a+a{padding-left:16px}.portal-links small{font-size:10px}.home-grid{gap:32px}}
@media(max-width:690px){.header-inner{min-height:68px}.mobile-menu nav{top:68px}.hero-inner{min-height:600px;display:block}.hero-copy{padding:65px 0 95px}.hero .kicker{font-size:8px;letter-spacing:.13em;margin-bottom:24px}.hero h1{font-size:20vw;letter-spacing:-.03em;position:relative;z-index:2}.hero-subtitle{font-size:15px}.hero .actions{flex-direction:column;align-items:flex-start;gap:18px}.hero .gold-btn{padding:13px 21px}.art{inset:100px -40% 0 20%;opacity:.52}.art .hero-character{height:100%;bottom:0;mask-image:linear-gradient(#000 40%,transparent 96%)}.hero-sigil{opacity:.09}.hero-bottom{font-size:10px;gap:18px}.hero-bottom>span{font-size:7px;letter-spacing:.08em}.hero-status{max-width:180px}.portal-links{grid-template-columns:1fr;margin-bottom:30px}.portal-links>a,.portal-links>a+a{border-left:0;border-bottom:1px solid var(--line);padding:20px 0;gap:20px}.portal-links>a:last-child{border-bottom:0}.portal-links small{font-size:11px}.home-grid,.editor-grid{grid-template-columns:1fr}.home-grid{gap:35px}.editor-grid>.panel,.editor-grid>aside{position:static}.tabs{overflow-x:auto;flex-wrap:nowrap;max-width:100%}.tabs a{padding:10px 13px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div{grid-column:1/-1}.hero h1{animation:arrive .55s ease-out both}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}