/* Source: videos.css */
.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px;margin:30px 0 48px}.screen-card{min-width:0}.screen-card h2,.screen-card h3{font-size:1.12rem;line-height:1.4;margin:12px 0 6px}.screen-card a{text-decoration:none}.screen-thumb{display:block;position:relative;aspect-ratio:16/9;background:#18131e;border:1px solid #50415e;border-radius:10px;overflow:hidden}.screen-thumb video{width:100%;height:100%;object-fit:cover;pointer-events:none}.screen-thumb span{position:absolute;inset:0;display:grid;place-items:center;font-size:48px;color:#fff;text-shadow:0 2px 12px #000;background:linear-gradient(transparent,#0005)}.screen-thumb:hover,.screen-thumb:focus-visible{outline:2px solid #ac8bd0;outline-offset:3px}.screen-meta{font-size:.8rem;color:#aaa}.watch-player{display:block;width:100%;max-height:72vh;aspect-ratio:16/9;background:#050505;border-radius:10px}.video-description{white-space:pre-wrap;max-width:850px;line-height:1.8;margin-bottom:48px}.video-search{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:30px 0}.video-search input{background:#17151c;color:#eee;border:1px solid #51465d;padding:14px;flex:1;min-width:180px}.trash-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0}.screen-card .actions{gap:8px;flex-wrap:wrap}.screen-card .button{padding:9px 12px;font-size:.8rem}details.panel>summary{cursor:pointer;padding:14px 0;font-weight:700}.media-grid figure .button{margin-top:12px}@media(min-width:1600px){.screen-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.screen-grid{grid-template-columns:1fr}.video-search label{width:100%}}
.watch-audio-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:16px 0 24px}.watch-audio-controls [hidden]{display:none}.watch-audio-controls p{font-size:13px;color:var(--muted);margin:0}

.screen-thumb img{width:100%;height:100%;object-fit:cover}



/* Source: public.css */
.public {
  background:#090b0d;
  color:#e3ddcf
}
.public h1,.public h2,.public h3 {
  font-family:Georgia,'Times New Roman',serif
}
.header {
  height:104px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 5%;
  border-bottom:1px solid #ffffff19;
  position:relative;
  z-index:2;
  background:#090b0d
}
.header nav {
  display:flex;
  gap:35px
}
.header nav a {
  text-transform:uppercase;
  font-size:11px;
  letter-spacing:2px;
  padding:12px 0
}
.header nav a:hover,.header nav a[aria-current] {
  color:#bc9bdc
}
.desk-link {
  font-size:11px;
  color:#aaa4af;
  border-left:1px solid #444;
  padding-left:25px
}
.hero {
  min-height:650px;
  height:calc(90vh - 104px);
  max-height:920px;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center
}
.hero-art {
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center
}
.hero-shade {
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#090b0dbb,transparent 85%),linear-gradient(0deg,#090b0d,transparent 35%)
}
.hero-copy {
  position:relative;
  margin:0 6%;
  max-width:660px;
  padding:60px 0 95px
}
.hero-copy h1 {
  font-size:clamp(44px,5.7vw,88px);
  line-height:1.03;
  max-width:750px;
  text-wrap:balance;
  text-shadow:0 2px 30px #000
}
.hero-copy>p:not(.eyebrow) {
  font-size:17px;
  color:#d0cbd1;
  max-width:440px
}
.hero-copy .eyebrow {
  color:#b49ac6;
  margin-bottom:30px
}
.hero-copy .actions {
  margin-top:35px
}
.hero-bottom {
  position:absolute;
  bottom:27px;
  left:6%;
  right:6%;
  display:flex;
  justify-content:space-between;
  font-size:9px;
  letter-spacing:3px;
  color:#aaa2ab
}
.section {
  padding:70px 6%;
  max-width:1600px;
  margin:auto
}
.section .eyebrow {
  color:#a797b6
}
.game-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px
}
.game-teaser {
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:340px;
  border:1px solid #59515b;
  padding:27px;
  overflow:hidden;
  background:radial-gradient(ellipse at 80% 10%,#67272d70,transparent 70%),repeating-linear-gradient(120deg,transparent 0 12px,#ffffff04 12px 13px),#161418
}
.game-teaser:after {
  content:'';
  position:absolute;
  border:1px solid #ffffff15;
  width:300px;
  height:300px;
  border-radius:50%;
  right:-40px;
  top:-80px;
  pointer-events:none
}
.game-teaser:hover {
  border-color:#a98abb
}
.game-teaser.rogue {
  background:radial-gradient(ellipse at 70% 20%,#55327070,transparent 70%),repeating-linear-gradient(90deg,transparent 0 35px,#ffffff04 35px 37px),#14131a
}
.game-teaser h3 {
  font-size:30px;
  margin:8px 0
}
.game-teaser small {
  font-size:8px;
  letter-spacing:3px
}
.game-teaser p {
  font-size:12px;
  margin:0
}
.teaser-symbol {
  font:italic 80px Georgia;
  letter-spacing:-7px;
  color:#bcb1b466;
  line-height:1.3;
  align-self:center
}
.teaser-symbol span {
  color:#c1747966
}
.rogue .teaser-symbol span {
  color:#a587c9
}
.caption {
  margin-top:15px;
  color:#969098
}
.arcade-band {
  border-block:1px solid #39323c;
  padding:65px 9%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  background:radial-gradient(ellipse at 80%,#35214666,transparent 65%),#111014;
  overflow:hidden
}
.arcade-band p {
  max-width:420px
}
.arcade-band h2 {
  font-size:clamp(36px,4vw,60px)
}
.orbit-art {
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  min-height:270px
}
.orbit-art:before,.orbit-art:after {
  content:'';
  position:absolute;
  width:260px;
  height:260px;
  border:1px solid #7e659688;
  border-radius:50%;
  box-shadow:0 0 40px #9966bb16,inset 0 0 40px #9966bb16
}
.orbit-art:after {
  width:360px;
  height:90px;
  transform:rotate(-30deg);
  border-color:#b798c788
}
.orbit-art b {
  font:45px Georgia;
  letter-spacing:10px;
  padding-left:10px
}
.orbit-art small {
  font-size:8px;
  letter-spacing:3px;
  margin-top:12px;
  color:#a58cb5
}
.orbit-art i {
  width:13px;
  height:13px;
  background:#d2b5e7;
  border-radius:50%;
  position:absolute;
  top:45px;
  right:25%;
  box-shadow:0 0 20px #ac8bd0
}
.category-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px
}
.category-card {
  border:1px solid #39333d;
  padding:20px;
  background:#111116
}
.category-card>div {
  height:140px;
  display:grid;
  place-items:center;
  font:100px Georgia;
  color:#9e87af;
  background:radial-gradient(ellipse,#44364d55,transparent 70%);
  margin-bottom:20px
}
.category-card h3 {
  font-size:21px
}
.category-card p {
  font-size:12px;
  margin-bottom:0
}
.category-card:hover {
  border-color:#ac8bd0;
  background:#19151e
}
.category-2>div {
  color:#a482c3
}
.category-3>div {
  color:#a0a5af
}
.category-4>div {
  color:#b6767e
}
.universe-band {
  margin:0 6%;
  border-block:1px solid #504451;
  padding:60px 3%;
  display:grid;
  grid-template-columns:1fr 1.6fr;
  gap:60px;
  background:radial-gradient(ellipse at 5%,#37224055,transparent 60%)
}
.universe-band h2 {
  max-width:550px
}
.universe-band p {
  max-width:600px
}
.universe-mark {
  align-self:center;
  font:clamp(60px,7vw,110px) Georgia;
  letter-spacing:-6px;
  text-align:center;
  color:#d6d0c7
}
.universe-mark span {
  display:block;
  font:8px 'Segoe UI',sans-serif;
  letter-spacing:3px;
  margin-top:15px
}
.closing {
  padding:80px 6%;
  text-align:center
}
.closing h2 {
  font-size:52px
}
.public footer {
  border-top:1px solid #39333d;
  padding:40px 6%;
  display:flex;
  gap:30px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between
}
.public footer p {
  font-size:12px;
  margin:0
}
.public footer>a:not(.brand) {
  font-size:12px
}
.public footer>small {
  width:100%;
  font-size:10px;
  color:#969098;
  letter-spacing:1px
}
.page-heading {
  padding:80px 6% 55px;
  border-bottom:1px solid #343039;
  background:radial-gradient(ellipse at 90% 20%,#31223d99,transparent 60%)
}
.page-heading p {
  max-width:730px
}
.page-heading h1 {
  max-width:1000px
}
.catalog {
  padding-top:35px;
  min-height:400px
}
.filters {
  display:flex;
  gap:15px;
  align-items:center;
  margin-bottom:35px
}
.filters input,.filters select {
  margin:0
}
.filters input {
  flex:2
}
.filters select {
  flex:1
}
.catalog-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px
}
.entry-card {
  border:1px solid #39333d;
  background:#111116;
  overflow:hidden
}
.entry-card:hover {
  border-color:#ac8bd0
}
.entry-card>img {
  height:230px;
  width:100%;
  object-fit:cover
}
.card-placeholder {
  height:180px;
  background:radial-gradient(ellipse,#43304b,transparent);
  display:grid;
  place-items:center;
  font:50px Georgia;
  color:#a398af
}
.card-copy {
  padding:24px
}
.card-copy p {
  font-size:13px
}
.card-copy .eyebrow {
  font-size:9px!important
}
.detail {
  max-width:1100px;
  padding-block:70px
}
.detail>.eyebrow {
  margin-top:35px
}
.detail-image {
  width:100%;
  max-height:560px;
  object-fit:cover;
  margin:30px 0
}
.detail h1 {
  font-size:clamp(40px,6vw,68px)
}
.availability {
  padding:25px;
  background:#18151d;
  border:1px solid #46384c;
  margin:40px 0
}
.availability p {
  margin:8px 0 0
}
.spoiler {
  border:1px solid #5e465e;
  padding:25px
}
.spoiler summary {
  cursor:pointer;
  color:#c7addf
}
.login {
  max-width:650px;
  padding:65px 25px 90px;
  margin:auto
}
.login h1 {
  font-size:48px
}
.login form {
  margin-top:30px
}
.login button {
  width:100%
}
.video-section {
  border-top:1px solid #39333d
}
.video-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px
}
.video-card video {
  width:100%;
  aspect-ratio:16/9;
  background:#050507
}
.video-card h3 {
  margin:15px 0 8px
}
.newsletter {
  border-top:1px solid #39333d;
  padding:55px 6%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  background:#141119
}
.newsletter h2 {
  font-size:34px
}
.newsletter .checkbox {
  font-size:12px;
  color:#bbb0c6
}
.newsletter .inline-form {
  display:flex;
  gap:10px;
  margin-bottom:15px
}
.newsletter input {
  margin:0
}
.newsletter .button {
  white-space:nowrap
}

.screening-empty {
  padding:45px;
  text-align:center;
  background:radial-gradient(ellipse at center,#30203e77,transparent 70%),#111116;
  border:1px solid #39333d
}
.screening-empty>div {
  font-size:75px;
  color:#b19ac4;
  line-height:1.3
}
.screening-empty p {
  font-size:13px
}
.player-page {
  padding:35px 4% 50px
}
.player-page h1 {
  font-size:clamp(26px,3vw,42px);
  margin-bottom:0
}
.player-frame {
  width:100%;
  height:78vh;
  min-height:500px;
  background:#050507;
  border:1px solid #44384c
}
.player-frame iframe {
  width:100%;
  height:100%;
  border:0
}
.player-frame:fullscreen {
  height:100vh;
  min-height:0;
  border:0
}
.player-notes {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  margin-top:15px
}
.player-notes p {
  font-size:12px;
  margin:0
}
.player-notes button {
  white-space:nowrap
}
.build-link {
  margin-bottom:25px
}
.card-placeholder {
  background:linear-gradient(120deg,#090b0d88,#21152988),url('/static/art/archive.webp') center/cover
}
.game-grid:has(>.entry-card) {
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr))
}

@media(min-width:1600px) {
  .hero-copy {
  max-width:800px
}
.hero-copy h1 {
  font-size:95px
}

}

@media(max-width:1000px) {
  .header {
  padding-inline:4%
}
.header nav {
  gap:18px
}
.desk-link {
  display:none
}
.brand>span {
  font-size:23px
}
.hero {
  height:auto;
  min-height:620px
}
.hero-copy {
  max-width:600px
}
.hero-copy h1 {
  font-size:65px
}
.category-grid {
  grid-template-columns:repeat(2,1fr)
}
.catalog-grid {
  grid-template-columns:repeat(2,1fr)
}

}

@media(max-width:650px) {
  .header {
  height:auto;
  min-height:120px;
  flex-wrap:wrap;
  justify-content:center;
  padding:14px 20px;
  gap:15px
}
.header nav {
  width:100%;
  justify-content:space-between;
  gap:12px
}
.header nav a {
  font-size:10px;
  padding:4px 0
}
.brand img {
  width:43px;
  height:43px
}
.brand>span {
  font-size:23px
}
.hero {
  min-height:560px
}
.hero-art {
  object-position:65%
}
.hero-shade {
  background:linear-gradient(90deg,#090b0dbb,#090b0d22),linear-gradient(0deg,#090b0d,transparent)
}
.hero-copy {
  padding:60px 0 95px
}
.hero-copy h1 {
  font-size:46px
}
.hero-copy>p:not(.eyebrow) {
  font-size:15px
}
.hero-copy .eyebrow {
  font-size:8px!important
}
.hero-bottom {
  font-size:7px;
  letter-spacing:1px
}
.section {
  padding:45px 6%
}
.section-heading {
  align-items:flex-start;
  gap:15px
}
.section-heading .text-link {
  font-size:10px;
  white-space:nowrap
}
.game-grid,.catalog-grid,.video-grid {
  grid-template-columns:1fr
}
.game-teaser {
  min-height:290px
}
.arcade-band {
  grid-template-columns:1fr;
  padding:40px 6%;
  gap:20px
}
.orbit-art {
  min-height:230px
}
.orbit-art:before {
  width:210px;
  height:210px
}
.orbit-art:after {
  width:300px
}
.category-grid {
  gap:12px
}
.category-card {
  padding:14px
}
.category-card>div {
  height:95px;
  font-size:70px
}
.category-card h3 {
  font-size:18px
}
.universe-band {
  grid-template-columns:1fr;
  gap:30px;
  padding:40px 0
}
.universe-mark {
  font-size:70px
}
.universe-band h2 {
  font-size:33px
}
.closing {
  padding:50px 6%
}
.closing h2 {
  font-size:40px
}
.public footer {
  gap:22px
}
.page-heading {
  padding:50px 6%
}
.filters {
  flex-wrap:wrap
}
.filters input {
  flex-basis:100%
}
.filters select {
  max-width:65%
}
.newsletter {
  grid-template-columns:1fr;
  gap:20px
}
.newsletter .inline-form {
  flex-wrap:wrap
}
.newsletter .inline-form input {
  flex-basis:100%
}
.login h1 {
  font-size:38px
}

}


.hero-pause{position:absolute;right:24px;top:24px;z-index:5;background:#090b0de6;color:#e3ddcf;border:1px solid #ac8bd0;padding:10px 15px;border-radius:4px;cursor:pointer}.hero-pause[hidden]{display:none}



/* Source: admin.css */
.admin {
  background:#f4f4f7;
  color:#222333
}
.admin p {
  color:#686977
}
.admin h1 {
  font:600 clamp(28px,3vw,40px)/1.15 'Segoe UI',Arial,sans-serif;
  letter-spacing:-1px;
  overflow-wrap:anywhere
}
.admin h2 {
  font:600 19px/1.3 'Segoe UI',Arial,sans-serif;
  letter-spacing:-.3px
}
.sidebar {
  width:235px;
  position:fixed;
  inset:0 auto 0 0;
  background:radial-gradient(ellipse at bottom,#30203b55,transparent 60%),#111115;
  color:#dfdbe4;
  padding:25px 20px;
  display:flex;
  flex-direction:column
}
.sidebar .brand {
  gap:6px
}
.sidebar .brand img {
  width:42px;
  height:42px
}
.sidebar .brand>span {
  font-size:19px;
  letter-spacing:2px
}
.sidebar .brand small {
  font-size:6px;
  letter-spacing:2.5px
}
.sidebar>.eyebrow {
  margin:45px 10px 20px;
  color:#8d7a9e
}
.sidebar nav {
  display:flex;
  flex-direction:column;
  gap:5px
}
.sidebar nav a {
  padding:12px 14px;
  border-radius:5px;
  font-size:14px;
  display:flex;
  gap:14px
}
.sidebar nav a[aria-current] {
  background:#7144a244;
  border-left:3px solid #b48cde;
  color:white
}
.sidebar nav a:hover {
  background:#ffffff0d
}
.sidebar nav span {
  font-size:18px;
  width:22px
}
.sidebar-bottom {
  margin-top:auto;
  padding:40px 14px 0
}
.sidebar-bottom>a {
  font-size:13px
}
.sidebar-bottom form {
  margin:18px 0
}
.sidebar-bottom small {
  font-size:9px;
  letter-spacing:1px;
  color:#95869f
}
.admin-main {
  margin-left:235px
}
.admin-top {
  height:72px;
  background:#fff;
  border-bottom:1px solid #dfdfe7;
  display:flex;
  align-items:center;
  padding:0 35px;
  gap:25px;
  font-size:12px
}
.admin-top>span {
  color:#767381
}
.admin-top .avatar {
  margin-left:auto;
  border-radius:50%;
  background:#ede5f4;
  color:#7043bc;
  padding:8px 15px;
  font-weight:bold
}
.admin-content {
  padding:35px;
  max-width:1700px;
  margin:auto
}
.admin-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:25px;
  margin-bottom:30px
}
.admin-heading h1 {
  margin-bottom:12px
}
.admin-heading p {
  margin-bottom:8px
}
.admin .eyebrow {
  color:#7a668d
}
.admin .button {
  border:1px solid #d1ceda;
  background:white;
  color:#34303d;
  letter-spacing:0;
  border-radius:5px;
  font-size:12px
}
.admin .button.primary {
  background:#7043bc;
  color:white;
  border-color:#7043bc
}
.admin .button:hover {
  background:#ede8f5;
  transform:none
}
.admin .button.primary:hover {
  background:#5d349f
}
.panel {
  background:white;
  border:1px solid #e0dfe8;
  border-radius:7px;
  padding:25px;
  margin-bottom:25px
}
.stat-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px
}
.stat {
  display:flex;
  flex-direction:column
}
.stat span {
  font-size:14px
}
.stat strong {
  font-size:42px;
  font-weight:600;
  margin:12px 0
}
.stat small {
  font-size:11px;
  color:#74717b
}
.record-list>a {
  display:flex;
  align-items:center;
  gap:20px;
  padding:20px 0;
  border-bottom:1px solid #ededf1
}
.record-list>a:last-child {
  border:0
}
.record-list>a:hover strong {
  color:#7043bc
}
.record-list>a>span:first-child {
  flex:1
}
.record-list small {
  display:block;
  color:#827d8a;
  margin-top:6px;
  font-size:12px
}
.record-list strong {
  font-size:14px
}
.record-list .badge {
  text-transform:capitalize
}
.guide {
  background:#eee9f5
}
.guide p {
  font-size:13px
}
.guide a {
  color:#67379c;
  text-decoration:underline
}
.editor-layout {
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr);
  gap:25px;
  align-items:start
}
.admin input,.admin textarea,.admin select {
  background:#fcfcfd;
  color:#272533;
  border-color:#d7d4de
}
.admin input:focus,.admin textarea:focus,.admin select:focus {
  outline:2px solid #a686ce;
  outline-offset:1px
}
.admin textarea {
  line-height:1.65
}
.admin .text-link {
  color:#7043bc
}
.admin .hint {
  font-size:12px;
  color:#77717f
}
.preview-panel iframe {
  border:0;
  width:100%;
  height:670px;
  border-radius:4px;
  background:#111
}
.preview-panel .section-heading {
  margin-bottom:20px;
  gap:8px
}
.preview-panel .badge {
  font-size:9px
}
.editor-image {
  width:100%;
  max-height:220px;
  object-fit:cover;
  margin-bottom:15px;
  border-radius:4px
}
.relationship-list {
  max-height:350px;
  overflow-y:auto
}
.relationship-list .checkbox {
  font-size:12px
}
.upload {
  max-width:900px
}
.upload input[type=file] {
  padding:20px
}
.media-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px
}
.media-grid figure {
  margin:0;
  padding:12px
}
.media-grid img {
  width:100%;
  height:180px;
  object-fit:cover
}
.media-grid figcaption {
  font-size:12px;
  margin-top:10px
}
.admin .empty {
  border-color:#ddd
}
.admin .empty h2 {
  font-size:25px
}
.admin .empty p {
  font-size:14px
}
.admin .table-wrap {
  overflow:auto
}
.admin table {
  width:100%;
  border-collapse:collapse;
  font-size:13px
}
.admin th,.admin td {
  text-align:left;
  padding:13px;
  border-bottom:1px solid #eee;
  white-space:nowrap
}

@media(max-width:1150px) {
  .sidebar {
  width:200px;
  padding:25px 13px
}
.sidebar .brand>span {
  font-size:16px
}
.admin-main {
  margin-left:200px
}
.admin-content {
  padding:25px
}
.admin-heading {
  align-items:flex-start;
  flex-direction:column
}
.editor-layout {
  grid-template-columns:1fr
}
.preview-panel iframe {
  height:600px
}
.media-grid {
  grid-template-columns:repeat(2,1fr)
}

}

@media(max-width:700px) {
  .sidebar {
  position:static;
  width:auto;
  padding:15px;
  display:block
}
.sidebar>.eyebrow,.sidebar-bottom {
  display:none
}
.sidebar .brand {
  justify-content:center;
  margin-bottom:15px
}
.sidebar nav {
  flex-direction:row;
  overflow-x:auto;
  gap:5px
}
.sidebar nav a {
  white-space:nowrap;
  padding:8px;
  font-size:11px
}
.sidebar nav a[aria-current] {
  border:0;
  border-bottom:2px solid #b48cde
}
.sidebar nav span {
  display:none
}
.admin-main {
  margin:0
}
.admin-top {
  height:55px;
  padding:0 18px;
  font-size:10px;
  gap:15px
}
.admin-content {
  padding:22px 15px
}
.admin h1 {
  font-size:29px
}
.stat-grid {
  grid-template-columns:1fr;
  gap:0
}
.stat {
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center
}
.stat strong {
  grid-column:2;
  grid-row:1/3;
  margin:0
}
.panel {
  padding:18px
}
.admin .button {
  padding:11px 15px
}
.editor-layout {
  grid-template-columns:minmax(0,1fr)
}
.media-grid {
  grid-template-columns:1fr
}
.record-list>a {
  gap:10px
}
.record-list strong {
  font-size:12px
}
.record-list small {
  font-size:10px
}

}


.readonly-content{border:0;padding:0;margin:0;min-width:0}.hero-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;margin:20px 0}.hero-picker label{display:flex;flex-direction:column;gap:8px}.hero-picker img{width:100%;aspect-ratio:16/9;object-fit:cover}.hero-picker input{width:auto;align-self:flex-start}details>summary{cursor:pointer;padding:12px 0}



/* Source: commerce-journal.css */
/* Product offers, the Studio Journal, and Art Pack collection pages. */
.public .header nav { gap:24px; }
.public .category-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
.public .category-card h3 { font-size:20px; }
.price-tag { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:18px 0 4px; font-size:14px; }
.price-tag>small { width:100%; color:#b7a9c3; font-size:10px; letter-spacing:1px; text-transform:uppercase; }
.price-tag strong { color:#eee5d8; font-weight:600; }
.price-tag del { color:#99909f; font-size:12px; }
.price-tag>span:not(.sale-label) { color:#b9afc2; font-size:12px; }
.sale-label { color:#dcc2ef; border:1px solid #776085; border-radius:3px; padding:2px 7px; font-size:10px; text-transform:uppercase; letter-spacing:1px; }
.availability h2 { font-size:24px; margin:28px 0 12px; }
.availability .prose { color:#c7c0cc; font-size:14px; }
.availability .delivery-label { margin-top:25px; color:#c3afd2; font-size:12px; }
.post-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.post-card { display:flex; flex-direction:column; border:1px solid #433849; background:#131116; transition:border-color .2s; }
.post-card:hover { border-color:#b497ca; }
.post-card>img { height:220px; width:100%; object-fit:cover; }
.post-visual { height:190px; background:radial-gradient(ellipse at 70% 20%,#603e6555,transparent 65%),repeating-linear-gradient(135deg,transparent 0 25px,#ffffff03 25px 26px),#18121e; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.post-visual span { font:80px Georgia,serif; color:#b59aca; }
.post-visual small { color:#9b8ea6; font-size:8px; letter-spacing:3px; }
.post-copy { padding:26px; }
.post-copy .eyebrow { font-size:9px!important; }
.post-copy h3 { font-size:27px; }
.post-copy p:not(.eyebrow) { font-size:13px; }
.post-copy .text-link { display:inline-block; margin-top:10px; }
.journal-topics { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:30px; }
.topic-chip { border:1px solid #54445f; border-radius:30px; padding:8px 17px; font-size:12px; }
.topic-chip:hover,.topic-chip.selected { background:#38263f; color:#eadcf2; border-color:#b093c0; }
.journal-heading { background:linear-gradient(90deg,#0c0a0ff0,#100c16bb),url('/static/art/city.webp') center/cover; }
.journal-heading h1 { font-size:clamp(40px,5.5vw,78px); }
.journal-heading .actions { margin-top:30px; }
.journal-invitation { grid-column:1/-1; display:flex; justify-content:space-between; gap:30px; align-items:center; border:1px solid #58415b; background:radial-gradient(ellipse at right,#38213e77,transparent 70%); padding:35px; }
.journal-invitation h3 { font-size:32px; }
.journal-invitation p { max-width:650px; margin-bottom:0; }
.journal-invitation>.eyebrow { margin-bottom:15px; }
.journal-invitation>span { font-size:70px; color:#ac8bd0; }
.article-date { font-size:12px; color:#b8a5c8; margin-bottom:35px; }
.art-intro { display:flex; align-items:center; gap:40px; justify-content:space-between; padding:0 0 35px; }
.art-intro p { max-width:640px; }
.art-glyph { font-size:140px; line-height:1; color:#b6a1d1; }
.art-shop-banner { display:flex; align-items:center; gap:30px; border:1px solid #594660; padding:30px; margin-bottom:40px; background:linear-gradient(120deg,#251a2b,#101015); }
.art-shop-banner>span { font-size:80px; color:#b39bc9; }
.art-shop-banner h2 { font-size:32px; margin-bottom:10px; }
.art-shop-banner p { margin-bottom:5px; font-size:13px; }
.art-shop-banner>b { margin-left:auto; font-size:30px; font-weight:400; color:#b39bc9; }
.admin .sidebar { overflow-y:auto; }
.admin .sidebar>.eyebrow { margin-top:28px; margin-bottom:12px; }
.admin .sidebar nav { gap:2px; }
.admin .sidebar nav a { padding-block:8px; }
.admin .sidebar-bottom { padding-top:22px; }
.admin .stat-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; }
.offer-editor { max-width:100%; }
.offer-editor .hint { max-width:950px; }
.offer-editor a { text-decoration:underline; }
.table-subtitle { display:block; font-size:11px; color:#84798c; margin-top:5px; }
.scenario-result dl { display:grid; grid-template-columns:1.4fr 1fr; gap:15px; }
.scenario-result dt { color:#6b6078; font-size:13px; }
.scenario-result dd { margin:0; font-weight:600; font-size:15px; text-align:right; }
.opportunity-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:25px; }
.opportunity-grid h3 { font:600 17px/1.3 'Segoe UI',sans-serif; margin:14px 0; }
.opportunity-grid p { font-size:13px; }
@media(max-width:1100px) {
  .public .header nav { gap:16px; }
  .public .category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .admin .stat-grid,.opportunity-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .post-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:650px) {
  .public .header nav { gap:8px; }
  .public .header nav a { font-size:9px; letter-spacing:1px; }
  .public .category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .post-grid,.field-grid,.opportunity-grid,.admin .stat-grid { grid-template-columns:1fr; }
  .art-glyph { display:none; }
  .art-shop-banner { padding:23px; gap:15px; }
  .art-shop-banner>span { font-size:45px; }
  .art-shop-banner h2 { font-size:26px; }
  .art-shop-banner>b { display:none; }
  .journal-invitation { padding:25px; }
  .journal-invitation>span { font-size:40px; }
  .journal-invitation h3 { font-size:26px; }
}
.journal-reading{max-width:800px;margin:35px auto;font-size:18px;line-height:1.9;overflow-wrap:anywhere}.journal-reading h2{font-size:clamp(27px,3vw,38px);line-height:1.3;margin:45px 0 20px}.journal-reading p,.journal-reading li{color:#c9c3ba}.journal-reading a{color:#dfc188;text-decoration:underline;text-underline-offset:4px}.journal-reading li{margin-bottom:12px}



/* Source: discovery.css */
.home-search{margin:26px 0 12px;max-width:620px}.home-search label{display:block;font-size:12px;letter-spacing:.5px;color:#e8ddeb;margin-bottom:10px}.home-search>div{display:flex;gap:8px;background:#08080bd9;padding:7px;border:1px solid #a58abd;border-radius:5px}.home-search input{min-width:0;flex:1;border:0;background:transparent;color:#fff;padding:12px;font-size:16px;margin:0}.home-search .button{flex-shrink:0}.hero-copy{max-width:760px}.hero-copy h1{font-size:clamp(40px,4.7vw,76px)}.hero-copy .eyebrow{margin-bottom:20px}.hero-copy .actions{margin-top:22px}.nav-search{font-size:12px;white-space:nowrap}.header nav{gap:20px}.header nav a{font-size:10px;letter-spacing:1px}.header{gap:18px}.about-menu{position:relative;margin-left:-15px;align-self:center}.about-menu summary{cursor:pointer;padding:8px}.about-menu>a{position:absolute;right:0;top:100%;background:#211a2a;border:1px solid #6b547d;width:210px;padding:18px!important;font-size:12px!important;z-index:10}.discovery-filters{display:grid;grid-template-columns:2fr 1.3fr 1fr auto auto;gap:14px;align-items:end;margin:25px 0}.discovery-filters label{font-size:12px;color:#b8afbf}.discovery-filters input,.discovery-filters select{margin-top:8px;padding:13px;background:#151219;color:#e9e0ec;border:1px solid #5d4d69;width:100%;min-width:0}.discovery-filters>a{padding:15px 0}.bot-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.feedback-page,.legal{max-width:1000px}.form-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.about-story{max-width:980px}.about-story .prose{line-height:1.9;font-size:18px}.about-heading{background:linear-gradient(90deg,#090b0de8,#090b0d99),url('/static/art/gate.webp') center/cover}.lore-heading{background:linear-gradient(90deg,#090b0df0,#090b0d80),url('/static/art/severin.webp') center/cover}.metric-row{display:flex;justify-content:space-between;gap:15px;overflow-wrap:anywhere}.traffic-bars>div{display:grid;grid-template-columns:100px 1fr 50px;gap:15px;align-items:center;padding:8px 0}.traffic-bars meter{width:100%;height:24px}.entry-card img{aspect-ratio:16/9;object-fit:cover}.customer-auth{max-width:680px}.customer-auth .checkbox{align-items:flex-start;font-size:13px}.customer-auth hr{margin-top:30px}.legal p{line-height:1.8}.admin-content details>summary{cursor:pointer;padding:12px 0}fieldset{border:1px solid #8885;padding:16px}input[type=checkbox],input[type=radio]{width:auto}.hero-picker img{object-fit:cover}.newsletter form>label:has(input[name=human_answer]){font-size:12px}.newsletter input[name=human_answer]{max-width:180px;margin-top:8px}.resource-finder{padding-top:25px;padding-bottom:25px}@media(max-width:1200px){.header{height:auto;min-height:100px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}.header nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:18px}.discovery-filters{grid-template-columns:2fr 1fr 1fr}.discovery-filters .button{width:100%}}@media(max-width:650px){.home-search>div{flex-wrap:wrap}.home-search input{width:100%}.hero{min-height:780px}.discovery-filters,.form-pair{grid-template-columns:1fr}.header nav{gap:12px}.nav-search{margin-left:auto}.hero-copy{padding-top:40px}.traffic-bars>div{grid-template-columns:86px 1fr 30px}}

.hero-art-credit{position:absolute;right:6%;bottom:55px;color:#c7bace;font-size:10px;letter-spacing:1px;background:#090b0d99;padding:6px 10px;pointer-events:none}.entry-card img{display:block;width:100%}

.visitor-dialog{background:#17101f;color:#e3ddcf;border:1px solid #a58abd;border-radius:10px;padding:38px;max-width:500px;width:calc(100% - 32px)}.visitor-dialog::backdrop{background:#0009}.visitor-dialog h2{font-family:Georgia,serif;font-size:32px;line-height:1.2}.prompt-close{position:absolute;right:12px;top:8px;background:none;border:0;color:#eee;font-size:30px;cursor:pointer}.visitor-dialog p{line-height:1.6}

.lore-tabs{display:flex;gap:10px;margin-top:25px}.lore-tabs a{padding:12px 22px;border:1px solid #6a547b;border-radius:4px}.lore-tabs a[aria-current]{background:#433052}.breadcrumbs{font-size:12px;color:#c1accd;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.breadcrumbs a{color:#ddd2e5}
.world-picker{position:relative}.world-picker>summary{cursor:pointer;list-style:none;display:flex;gap:24px;align-items:center}.world-picker>summary::-webkit-details-marker{display:none}.world-choices{position:absolute;top:calc(100% + 8px);left:0;z-index:5;min-width:260px;max-width:calc(100vw - 48px);padding:8px;background:#151316;border:1px solid #75424c;box-shadow:0 12px 30px #0009}.world-choices a{display:flex;justify-content:space-between;gap:24px;padding:14px 16px;font-weight:600}.world-choices a:hover,.world-choices a:focus-visible{background:#38232a}.world-choices p{padding:10px;margin:0}
.public .legal article.panel{background:var(--surface);border:1px solid var(--line);color:var(--bone)}.public .legal article.panel .button{white-space:normal;overflow-wrap:anywhere}.public .legal article.panel h2{font-size:clamp(24px,3vw,36px)}



/* Source: game-studio.css */
.game-selector{display:flex;gap:18px;align-items:end}.game-selector label{flex:1}.build-game-heading{display:flex;gap:25px;align-items:center}.build-game-heading>img{width:180px;max-height:150px;object-fit:contain;background:#111;border-radius:5px}.build-game-heading h2{margin-bottom:12px}.build-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.build-editor-grid .panel{min-width:0}.build-editor-grid textarea{width:100%}.player-frame{position:relative;max-width:100%;margin-left:auto;margin-right:auto;background:#050507}.game-launcher{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:#090b0d}.game-launcher>img{position:absolute;width:100%;height:100%;object-fit:contain;opacity:.6}.game-launcher>div{position:relative;z-index:1;text-align:center;padding:25px;background:#08090bc9;border:1px solid #5d4252;max-width:90%}.game-launcher .button{white-space:normal}.game-launcher[hidden],.exit-expanded[hidden]{display:none!important}.player-frame iframe{border:0;width:100%;height:100%;display:block}.player-frame:fullscreen{width:100vw!important;height:100vh!important;max-width:none;aspect-ratio:auto!important}.player-frame.viewport-game{position:fixed;inset:0;z-index:1000;width:100vw!important;height:100dvh!important;max-width:none;aspect-ratio:auto!important}.exit-expanded{position:absolute;top:12px;right:12px;z-index:2;background:#111!important;color:#fff!important}.player-notes{flex-wrap:wrap}#player-status{font-size:12px;width:100%;margin:0}.admin-content .panel details{margin-top:20px}.admin-content small{overflow-wrap:anywhere}@media(max-width:850px){.build-editor-grid{grid-template-columns:1fr}.build-game-heading>img{width:110px}.game-selector{flex-wrap:wrap}.game-launcher>div{padding:14px}.game-launcher .eyebrow{display:none}.game-launcher p{font-size:12px;margin:5px 0}}
.player-frame{height:auto;min-height:0;aspect-ratio:16/9}.header nav a[href="/support"]{color:#f0b6bd;border-bottom:1px solid #8e3039;padding-bottom:5px}.support-heading{background:linear-gradient(90deg,#090b0def,#090b0d88),url('/static/art/foundry.webp') center/cover}.support-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:55px;align-items:start}.support-card{padding:30px;border:1px solid #75424c;background:#161116}.support-card h2{font-size:32px}.support-card input{width:100%;padding:14px;margin:10px 0;background:#090b0d;border:1px solid #6b4d61;color:#fff}.support-card .button{white-space:normal}@media(max-width:800px){.support-layout{grid-template-columns:1fr;gap:25px}}
.game-cover-card img{object-fit:contain;background:#070709}



/* Source: ratings.css */
.rating-summary{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:.82rem;color:var(--muted);margin:12px 0 0;line-height:1.5}
.rating-stars{display:inline-flex;gap:2px;white-space:nowrap;font-size:1.12rem;letter-spacing:.02em}
.rating-stars .rating-filled{color:#e5bb70}.rating-stars .rating-empty{color:#8f8598}.rating-summary strong{color:var(--bone)}
.ratings-panel{padding:28px;border:1px solid var(--line);background:var(--surface);margin:32px 0;scroll-margin-top:100px}
.ratings-panel h2{margin:0 0 8px}.ratings-panel .eyebrow{margin:0 0 6px}.ratings-panel .rating-summary{font-size:.95rem}.ratings-panel .rating-stars{font-size:1.5rem}
.rating-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:20px;margin:24px 0 12px}.rating-form fieldset{border:0;padding:0;margin:0;min-width:0}.rating-form legend{color:var(--bone);padding:0}
.rating-choices{display:flex;gap:5px;margin-top:8px}.rating-choice{position:relative;display:block;cursor:pointer;margin:0!important}.rating-choice>span:first-of-type{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:2rem;color:#8f8598;border:1px solid var(--line);border-radius:4px}
.rating-choice:has(input:checked)>span:first-of-type,.rating-choice:has(~ .rating-choice input:checked)>span:first-of-type{color:#e5bb70;background:#e5bb7010}
.rating-choice:has(input:focus-visible)>span:first-of-type{outline:2px solid var(--violet);outline-offset:3px}.rating-choice:hover>span:first-of-type{border-color:#e5bb70}
.rating-choice input,.rating-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.rating-notice{padding:12px;border-left:3px solid #e5bb70}.ratings-panel .caption{margin-bottom:0;max-width:800px}
@media(max-width:500px){.ratings-panel{padding:20px 16px}.rating-form{gap:14px}.rating-choice>span:first-of-type{width:40px;height:44px}}


:root {
  --ink:#090b0d;
  --surface:#111316;
  --bone:#e3ddcf;
  --muted:#a5a4a4;
  --line:#343338;
  --violet:#ac8bd0;
  --red:#8e3039;
  --paper:#f5f5f7;
  --purple:#7043bc
}
* {
  box-sizing:border-box
}
body {
  margin:0;
  font:15px/1.65 'Segoe UI',Arial,sans-serif
}
a {
  color:inherit;
  text-decoration:none
}
button,input,textarea,select {
  font:inherit
}
button,a,input,select,textarea {
   -webkit-tap-highlight-color:transparent
}
button {
  cursor:pointer
}
img {
  max-width:100%;
  display:block
}
h1,h2,h3,p {
  margin-top:0
}
h1,h2,h3 {
  line-height:1.1
}
h1 {
  font-size:clamp(38px,5.4vw,80px);
  font-weight:400;
  letter-spacing:-2px
}
h2 {
  font-size:clamp(28px,3vw,43px);
  font-weight:400;
  letter-spacing:-1px
}
h3 {
  font-size:23px;
  font-weight:500
}
p {
  color:var(--muted)
}
:focus-visible {
  outline:3px solid var(--violet);
  outline-offset:4px
}
.eyebrow {
  font-size:10px!important;
  letter-spacing:2.7px;
  line-height:1.7;
  text-transform:uppercase;
  font-weight:600
}
.button {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:18px;
  padding:13px 23px;
  min-height:48px;
  border:1px solid #77716c;
  background:transparent;
  color:inherit;
  font-size:12px;
  font-weight:600;
  letter-spacing:.6px;
  transition:background .2s,transform .2s
}
.button:hover {
  background:#ffffff13;
  transform:translateY(-2px)
}
.button.primary {
  background:#852b35;
  color:#fff;
  border-color:#ac4551
}
.button.primary:hover {
  background:#a23945
}
.actions {
  display:flex;
  gap:12px;
  flex-wrap:wrap
}
.text-link {
  font-size:13px;
  border-bottom:1px solid #70637c;
  padding-bottom:5px
}
.brand {
  display:flex;
  align-items:center;
  gap:12px;
  flex-shrink:0
}
.brand img {
  width:58px;
  height:58px
}
.brand>span {
  font-family:Georgia,serif;
  font-size:26px;
  font-weight:bold;
  letter-spacing:4px;
  line-height:1.1
}
.brand small {
  display:block;
  font-family:'Segoe UI',sans-serif;
  font-size:8px;
  letter-spacing:4px;
  margin-top:8px
}
.skip {
  position:fixed;
  top:-100px;
  left:12px;
  background:#fff;
  color:#111;
  padding:12px;
  z-index:99
}
.skip:focus {
  top:10px
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0)
}
.section-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:30px
}
.section-heading h2 {
  margin-bottom:0
}
.caption,.hint {
  font-size:12px
}
.badge {
  display:inline-block;
  font:11px/1.4 'Segoe UI',sans-serif;
  padding:6px 10px;
  border:1px solid #7775;
  border-radius:30px
}
.badge.draft {
  background:#f0e8fb;
  color:#654293
}
.badge.published {
  background:#e1f4e8;
  color:#27643c
}
label {
  display:block;
  font-size:13px;
  font-weight:600;
  margin-bottom:20px
}
input,textarea,select {
  display:block;
  width:100%;
  border:1px solid #565058;
  background:#141318;
  color:var(--bone);
  padding:12px;
  margin-top:8px;
  border-radius:3px
}
textarea {
  resize:vertical;
  min-height:80px
}
input[type=checkbox] {
  width:18px;
  height:18px;
  margin:0;
  flex-shrink:0
}
label.checkbox {
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-weight:400
}
hr {
  border:0;
  border-top:1px solid #dcdce4;
  margin:28px 0
}
.flash {
  padding:14px 20px;
  background:#e5f2e8;
  color:#255c35;
  margin-bottom:20px;
  border-radius:5px
}
.flash.error {
  background:#f7e1e1;
  color:#822a2a
}
.empty {
  grid-column:1/-1;
  text-align:center;
  padding:65px 20px;
  border:1px dashed var(--line)
}
.empty h2 {
  font-size:30px
}
.empty-orbit {
  display:block;
  font-size:64px;
  color:var(--violet)
}
.prose {
  white-space:pre-wrap;
  line-height:1.9;
  overflow-wrap:anywhere
}
.preview-bar {
  background:#7043bc;
  color:white;
  text-align:center;
  padding:10px;
  font-size:12px
}
.preview-bar a {
  text-decoration:underline
}
.plain {
  background:none;
  border:0;
  color:inherit;
  padding:0
}
.lead {
  font-size:21px
}


/* Creator guides: flexible interior previews. */
.resource-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1.5rem 0}.resource-preview-grid img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;background:#111}.resource-samples{margin:3rem 0}.detail .detail-image{object-fit:contain;max-height:650px}

.collection-navigation{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0}.collection-navigation a{padding:.6rem .85rem;border:1px solid #454047;text-decoration:none}.product-primary-actions{margin:1.2rem 0 2rem}.product-primary-actions .actions{align-items:center}.reader-license{margin:1.25rem 0}.reader-license summary{cursor:pointer;font-weight:700}.creator-guide-card img{object-fit:contain;background:#0b0b0d}.membership-tier{display:flex;flex-direction:column;gap:.7rem}.membership-tier li{margin:.6rem 0}.membership-tier button:disabled,.product-primary-actions button:disabled{opacity:.65;cursor:not-allowed}.membership-link{white-space:nowrap}.product-primary-actions .price-tag{font-size:1.2rem}.product-primary-actions small{max-width:28rem}