/* A shared page axis, independent of the artwork and side navigation. */
body[data-realm=playinterlude] {
  --pi-width:1180px;
  --pi-gutter:clamp(22px,5vw,80px);
}
body[data-realm=playinterlude] :is(.pi-container,.page-content) {
  width:calc(100% - var(--pi-gutter) * 2);
  max-width:var(--pi-width);
  margin-inline:auto;
}
body[data-realm=playinterlude] footer {
  padding-inline:max(var(--pi-gutter),calc((100% - var(--pi-width)) / 2));
}
@media(min-width:1101px) {
  body[data-realm=playinterlude] .header {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  }
  body[data-realm=playinterlude] .header .brand {justify-self:start}
  body[data-realm=playinterlude] .main-nav {margin:0;justify-self:center}
  body[data-realm=playinterlude] .header-actions {justify-self:end;margin:0}
}

body[data-realm=playinterlude][data-route=home] .pi-hero {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  min-height:0;
  padding:26px 0 0;
}
body[data-realm=playinterlude][data-route=home] .pi-hero-heading {
  width:calc(100% - var(--pi-gutter) * 2);
  max-width:900px;
  margin:0 auto;
  text-align:center;
}
body[data-realm=playinterlude][data-route=home] .pi-hero-logo {
  width:clamp(300px,27vw,400px);
  max-width:100%;
  margin:8px auto 17px;
}
body[data-realm=playinterlude][data-route=home] .pi-hero h1 {
  margin:0 auto;
  max-width:100%;
  font-size:clamp(40px,4.2vw,66px);
  line-height:1.16;
  text-align:center;
}
body[data-realm=playinterlude][data-route=home] .pi-hero-description {
  width:100%;
  max-width:760px;
  margin:22px auto 0;
  text-align:center;
  text-wrap:balance;
  font-size:16px;
  line-height:1.8;
}
.pi-hero-description>span {display:block}
.pi-hero-description>span+span {margin-top:3px}
body[data-realm=playinterlude] .pi-hero-foot {
  position:static;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:20px;
  margin-top:30px;
}
body[data-realm=playinterlude] .pi-hero-foot>span:first-child {justify-self:start}
body[data-realm=playinterlude] .pi-hero-foot>span:last-child {justify-self:end}
body[data-realm=playinterlude] .pi-hero-foot>a {grid-column:2;justify-self:center}

/* Realm identity, two status indicators and downloads form one compact panel. */
body[data-realm=playinterlude] .pi-naia-panel {
  position:relative;
  display:grid;
  grid-template-columns:minmax(180px,1fr) minmax(340px,1.6fr) minmax(210px,1fr);
  align-items:center;
  gap:0;
  margin-top:36px;
  padding:25px 20px;
  border:1px solid #bfa37440;
  background:radial-gradient(ellipse at 0 50%,#6b20313d,transparent 45%),linear-gradient(100deg,#0b1725e0,#102135b8 55%,#0b1725d9);
  box-shadow:0 12px 34px #030b1626,inset 0 1px #e6d6b214;
  text-shadow:none;
  text-align:center;
}
.pi-naia-panel::before {
  content:'';
  position:absolute;
  inset:-1px 12% auto;
  height:1px;
  background:linear-gradient(90deg,transparent,#e4c48a99,transparent);
}
.pi-naia-identity {padding:0 20px}
.pi-naia-label {display:block;color:#d6c19f;font:500 9px/1.5 var(--sans);letter-spacing:2px}
body[data-realm=playinterlude] .pi-naia-identity h2 {
  display:flex;
  justify-content:center;
  align-items:baseline;
  gap:12px;
  margin:7px 0 4px;
  font:400 36px/1.1 var(--serif);
  letter-spacing:1px;
  color:#f4ede2;
}
.pi-naia-identity h2>span {font-size:19px;letter-spacing:0;color:#e8c78f}
.pi-naia-chronicle {font:10px/1.6 var(--sans);letter-spacing:3px;text-transform:uppercase;color:#b8c7d1}
.pi-naia-services {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:center;
  padding:11px 20px;
  border-inline:1px solid #c8b38f29;
}
.pi-naia-service {min-width:0;padding:0 8px}
.pi-naia-service+.pi-naia-service {border-left:1px solid #c8b38f1c}
.pi-naia-state {display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:12px;white-space:nowrap}
.pi-naia-state strong {font:400 12px/1.5 var(--sans);color:#c2ccd6}
.pi-naia-state .pi-status-dot {width:6px;height:6px;flex:none;box-shadow:0 0 0 4px #b2bdca0b}
.pi-naia-state strong[data-state=online] {color:#a6efd4}
.pi-naia-state strong[data-state=offline] {color:#ff7c86}
.pi-naia-state .pi-status-dot[data-state=offline] {background:#f65d6a;box-shadow:0 0 0 4px #f65d6a12,0 0 12px #f65d6a33}
.pi-naia-state strong[data-state=gm_only] {color:#e9c58a}
.pi-naia-state .pi-status-dot[data-state=gm_only] {background:#d8ae68;box-shadow:0 0 0 4px #d8ae6812}
body[data-realm=playinterlude] .definition-row .pi-naia-state {margin:0}
.pi-naia-state .pi-status-dot[data-state=online] {box-shadow:0 0 0 4px #7be0b90d,0 0 12px #7be0b947}
.pi-naia-actions {display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:0;width:100%;max-width:274px;justify-self:center;padding-inline:26px}
.pi-naia-download {
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 16px;
  align-items:center;
  gap:12px;
  width:100%;
  min-height:56px;
  padding:9px 10px;
  background:linear-gradient(110deg,#e5d5b50c,#edf4ff04);
  border:1px solid #d2b98b45;
  color:#f4ece0;
  text-align:left;
  white-space:nowrap;
}
.pi-naia-download-icon {display:grid;place-items:center;width:34px;height:34px;color:#e1c89c;background:linear-gradient(135deg,#7e2d424d,#451e3033);border:1px solid #d0b28226}
.pi-naia-download-copy {display:grid;gap:2px}
.pi-naia-download-copy strong {font:500 14px/1.3 var(--serif);letter-spacing:.3px}
.pi-naia-download-copy small {font:400 10px/1.4 var(--sans);color:#b7c3d0}
.pi-naia-action-arrow {display:block;width:16px;height:16px;flex:none;color:#cdb488;transition:transform .2s ease}
.pi-naia-download:hover {background:linear-gradient(110deg,#ead5ad1c,#edf4ff0a);border-color:#e2c18c99;color:#ffebc9}
.pi-naia-actions a:hover .pi-naia-action-arrow {transform:translateX(2px)}
.pi-naia-details {display:flex;gap:9px;align-items:center;justify-content:center;min-height:33px;color:#b9c6d2;font:400 10px/1.5 var(--sans);padding:7px 8px 3px}
.pi-naia-details .pi-naia-action-arrow {width:13px;height:13px;opacity:.7}
.pi-naia-details:hover {color:#f4dcae}
.pi-naia-actions a:focus-visible {outline:2px solid #e2c18c;outline-offset:3px}
@media(prefers-reduced-motion:reduce) {.pi-naia-action-arrow{transition:none}}

body[data-realm=playinterlude] .pi-festive-invite {margin-top:36px}
body[data-realm=playinterlude] .pi-intro {gap:clamp(32px,6vw,80px)}
body[data-realm=playinterlude] .pi-closing>p {max-width:650px;margin-inline:auto;text-wrap:balance}

@media(max-width:1000px) {
  body[data-realm=playinterlude] .pi-naia-panel {grid-template-columns:1fr 1.6fr;padding:23px;row-gap:22px}
  .pi-naia-services {border-right:0;padding-right:0}
  .pi-naia-actions {grid-column:1/-1;grid-template-columns:minmax(0,220px) auto;justify-content:center;max-width:none;padding:20px 0 0;border-top:1px solid #c8b38f29;gap:25px}
}
@media(max-width:700px) {
  body[data-realm=playinterlude][data-route=home] .pi-hero {padding-top:22px}
  body[data-realm=playinterlude][data-route=home] .pi-hero-logo {width:300px;margin-block:14px 17px}
  body[data-realm=playinterlude][data-route=home] .pi-hero h1 {font-size:clamp(34px,8.4vw,52px);letter-spacing:-.8px}
  body[data-realm=playinterlude][data-route=home] .pi-hero-description {font-size:14px;margin-top:19px;max-width:400px}
  body[data-realm=playinterlude] .pi-hero-foot {margin-top:27px;gap:0}
  body[data-realm=playinterlude] .pi-hero-foot>span {display:none}
  body[data-realm=playinterlude] .pi-naia-panel {grid-template-columns:1fr;padding:22px 18px;margin-top:29px;row-gap:20px}
  .pi-naia-identity {padding:0}
  .pi-naia-services {border:0;border-top:1px solid #c8b38f29;padding:21px 0 0}
  .pi-naia-service {padding:0 4px}
  .pi-naia-label {font-size:9px;letter-spacing:1.5px}
  .pi-naia-state {gap:7px;margin-top:10px}
  .pi-naia-state strong {font-size:11px}
  .pi-naia-actions {grid-template-columns:minmax(0,1fr);gap:0;padding-top:20px}
  .pi-naia-download {max-width:270px;justify-self:center}
  .pi-naia-details {min-height:36px}
  body[data-realm=playinterlude] .pi-festive-invite {display:grid;grid-template-columns:32px minmax(0,1fr);gap:17px;margin-top:30px}
  body[data-realm=playinterlude] .pi-festive-invite>.button {grid-column:1/-1;justify-self:center;margin:0}
  body[data-realm=playinterlude] .pi-intro {text-align:center}
}

/* Live forum announcements */
.pi-journal-entry[hidden]{display:none!important}.pi-journal-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.pi-journal-meta{gap:16px}.pi-journal-meta span:last-child{font:12px var(--sans);white-space:nowrap}.pi-news-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:24px;color:#e6d2ae}.pi-news-controls button{background:#101c2ba6;border:1px solid #dfc59970;color:#f0dfbf;padding:9px 16px;cursor:pointer}.pi-news-controls button:hover{background:#693247}