.pg-banner { text-align: center; margin: 0 auto 12px; width: 100%; }
.pg-banner img { max-width: 100%; height: auto; display: block; margin: 0 auto; }

body.pt-x2 .content-inner { width: auto; max-width: min(1400px, 95vw); }
body.pt-x2 .content-inner h1 { display: none; }
body.pt-x2 .panel-wrap { width: 100%; max-width: 100%; }
body.pt-x2 .panel { width: 100%; max-width: none; display: block; overflow: visible; aspect-ratio: auto; }

body.pt-scratch #app, body.pt-A6A6 #app, body.pt-trickster #app, body.pt-sbahj #app, body.pt-cascade #app, body.pt-collide #app { display: flex; flex-direction: column; align-items: center; width: 100%; }
#app > .pg-top { width: 100%; max-width: 100%; margin: 0; text-align: center; background: #000; order: -1; }
#app > .pg-top img { max-width: 100%; height: auto; display: block; margin: 0 auto; }

body.pt-scratch { background: #000; }
body.pt-scratch #app { width: 950px; max-width: 100%; background: #082a00; }
body.pt-scratch nav { background: #000; width: 100%; }
body.pt-scratch .content-area { background: transparent; border: none; width: auto; }
body.pt-scratch .content-inner { background: #0e4603; color: #fff; }
body.pt-scratch .content-inner h1 { color: #fff; background: none; }

body.pt-scratch .content-inner span { color: #fff; }
body.pt-scratch .story-text { color: #fff; }
body.pt-scratch .content-inner a, body.pt-scratch .content-inner button { color: #2cff4b !important; }
body.pt-scratch .pesterlog, body.pt-scratch .narration { color: #fff; }
body.pt-scratch [id^="plog-"] { background: #082a00; color: #fff; }
body.pt-scratch #static-footer { background: #082a00; padding: 22px 0 14px; border: none; width: 950px; max-width: 100%; align-items: flex-start; margin: 0; }
body.pt-scratch #static-footer::before { content: ""; display: block; width: 240px; height: 130px; margin-left: 0; background: #0e4603 url("/images/v2_mspalogo_scratch.gif") center / 102px auto no-repeat; }
body.pt-scratch #static-footer > div { display: none; }
body.pt-scratch main { margin-bottom: 0; }
body.pt-scratch .cmdl a { color: #2cff4b !important; }

body.pt-A6A6 { background: #042300; }
body.pt-A6A6 nav { background: #042300; }
body.pt-A6A6 .content-area { background: #168500; border: none; }
body.pt-A6A6 .content-inner { background: #073c00; color: #2ed73a; }
body.pt-A6A6 .content-inner h1 { background: none; color: #2ed73a; }
body.pt-A6A6 .story-title, body.pt-A6A6 .story-text { color: #2ed73a; }
body.pt-A6A6 .cmd-link a { color: #2ed73a; }
body.pt-A6A6 .content-inner a, body.pt-A6A6 .content-inner button { color: #2ed73a !important; }
body.pt-A6A6 .content-inner span { color: #2ed73a; }
body.pt-A6A6 [id^="plog-"] { background: #042300; }
body.pt-A6A6 #static-footer { background: #042300; border: none; }
body.pt-A6A6 #static-footer .mascot { display: none; }
body.pt-A6A6 #static-footer > div { background: transparent; }
body.pt-A6A6 #static-footer > div:first-child { background: url("/images/a6a6_bannerframe.png") center / auto 100% no-repeat; min-height: 110px; width: 100%; }
body.pt-A6A6 #static-footer::after { content: url("/images/title_caliborn.png"); display: block; margin: 8px auto 0; max-width: 100%; order: 1; }
body.pt-A6A6 #static-footer a { color: #2ed73a !important; }
body.pt-A6A6 #static-footer > div:nth-child(2) > div:first-child { display: none; }
body.pt-A6A6 #static-footer > div:nth-child(2) { order: 2; align-self: flex-start; padding-left: 40px; margin-top: 6px; }
body.pt-A6A6 #static-footer, body.pt-A6A6 #static-footer span { color: #2ed73a; }

body.pt-trickster { background: #ffd800 url("/images/trickster/Z2.gif"); }
body.pt-trickster nav { background: #000 url("/images/trickster/header_candy.gif") repeat-x center; animation: candyscroll 13s linear infinite; }
body.pt-trickster nav > * { visibility: hidden; }
body.pt-trickster .content-area { background: #0019b8 url("/images/trickster/bluetile.gif"); border: none; }
body.pt-trickster .content-inner { background: #ff73fd; color: #f9fd6b; }
body.pt-trickster .content-inner h1 { background: none; color: #f9fd6b; }
body.pt-trickster .story-text, body.pt-trickster .pesterlog, body.pt-trickster .narration { color: #f9fd6b; }
body.pt-trickster .content-inner a, body.pt-trickster .content-inner button { color: #fb060b !important; }
body.pt-trickster [id^="plog-"] { background: #ff73fd; color: #f9fd6b; }
body.pt-trickster .content-inner div:has(> [id^="plog-"]) { background: #ff73fd; }
body.pt-trickster .content-inner div:has(> [id^="plog-"]) > button { color: buttontext !important; }
body.pt-trickster #static-footer { background: none; border: none; padding: 0; }
body.pt-trickster #static-footer .mascot { display: none; }
body.pt-trickster #static-footer > div { background: transparent; }
body.pt-trickster #static-footer > div:first-child { background: url("/images/trickster/bannerframe2.gif") center / auto 100% no-repeat; }
body.pt-trickster #static-footer a { color: #fb060b !important; }
body.pt-trickster #static-footer::after { content: ""; order: 1; width: 100%; height: 84px; margin-top: 0; background: #0019b8 url("/images/trickster/title.png") center / auto 66px no-repeat; }
body.pt-trickster #static-footer > div:nth-child(2) { order: 2; width: 100%; align-self: stretch; background: #0019b8; margin: 0; padding: 0 0 10px 40px; box-sizing: border-box; }
body.pt-trickster #static-footer > div:nth-child(2) > div:first-child { display: none; }
body.pt-trickster #static-footer, body.pt-trickster #static-footer span { color: #fff; }
body.pt-trickster .cmdl { color: #f9fd6b; }
body.pt-trickster .content-inner span { color: #fff; }
body.pt-trickster #static-footer > div:first-child { margin: 0; }
@keyframes candyscroll { from { background-position-x: 0; } to { background-position-x: -609px; } }
[id^="plog-"] img { display: block; margin: 6px auto; }
body.pt-trickster .cmdl a { display: inline-block; width: 135px; height: 63px; background: url("/images/trickster/sucker.gif") center no-repeat; font-size: 0 !important; color: transparent !important; text-decoration: none; vertical-align: middle; }

body.pt-cascade { background: #000; }

body.pt-cascade .content-area { background: #000; border: none; }
body.pt-cascade .content-area { width: 950px; max-width: 100%; }
body.pt-cascade .content-inner { background: #262626; color: #fff; width: 100%; max-width: 100%; }
body.pt-cascade .panel-wrap { width: 100%; max-width: 100%; }
body.pt-cascade .panel { width: 100%; max-width: none; aspect-ratio: 650 / 450; height: auto; }
body.pt-cascade .panel iframe { width: 100%; height: 100%; }
body.pt-cascade .content-inner h1 { display: none; }
body.pt-cascade .story-text, body.pt-cascade .pesterlog, body.pt-cascade .narration { color: #fff; }
body.pt-cascade .content-inner a, body.pt-cascade .content-inner button { color: #06f !important; }
body.pt-cascade [id^="plog-"] { background: #000; color: #fff; }
body.pt-cascade #static-footer { background: #000; border: none; padding: 0 0 20px; width: 950px; max-width: 100%; margin: 0; }
body.pt-cascade #static-footer > div { display: none; }
body.pt-cascade #static-footer::before { content: ""; width: 100%; height: 119px; background: url("/images/ad_cascade.png") center / 100% auto no-repeat; }
body.pt-cascade #static-footer::after { content: ""; width: 100%; height: 120px; background: url("/images/mspa_blob.svg") 40px center / 110px auto no-repeat, url("/images/mspa_blob.svg") calc(100% - 40px) center / 110px auto no-repeat; }
body.pt-cascade #static-footer a { color: #06f !important; }
body.pt-cascade .content-inner { margin-bottom: 0; padding-bottom: 0; }
body.pt-cascade main { margin-bottom: 0; }
body.pt-cascade .panel, body.pt-cascade .panel-wrap { background: #000; border: none; box-shadow: none; }
body.pt-cascade .panel iframe { border: 0; background: #000; }
body.pt-cascade .cmdl { width: 650px; max-width: 95vw; margin-left: auto; margin-right: auto; color: #000; }
body.pt-cascade .content-inner > div:has(> div > button) { width: 650px !important; max-width: 95vw; margin: 0 auto; }

body.pt-collide { background: #000; }
body.pt-collide .content-area { background: #323232; border: none; }
body.pt-collide .content-inner { background: #262626; color: red; }
body.pt-collide .content-inner h1 { background: #000; color: red; padding: 14px 0; margin-top: 0; }
body.pt-collide .story-text, body.pt-collide .pesterlog, body.pt-collide .narration { color: red; }
body.pt-collide .content-inner a, body.pt-collide .content-inner button { color: red !important; }
body.pt-collide [id^="plog-"] { background: #000; color: red; }
body.pt-collide #static-footer { background: #0f0f0f; }
body.pt-collide #static-footer > div { background: transparent; }
body.pt-collide #static-footer .mascot { display: none; }
body.pt-collide #static-footer a { color: red !important; }

body.pt-sbahj { background: #0707ec; }
body.pt-sbahj .content-area { background: #f400ec; border: none; }
body.pt-sbahj .content-inner { background: #14ff23; color: #000; }
body.pt-sbahj .content-inner, body.pt-sbahj .content-inner a, body.pt-sbahj .story-text, body.pt-sbahj .content-inner h1 { font-family: "Comic Sans MS", "Comic Relief", "Chalkboard SE", cursive; }
body.pt-sbahj .content-inner h1 { background: #14ff23; color: #000; padding: 14px 0; margin-top: 0; }
body.pt-sbahj .story-text, body.pt-sbahj .pesterlog, body.pt-sbahj .narration { color: #000; }
body.pt-sbahj .content-inner a, body.pt-sbahj .content-inner button { color: #00f !important; }
body.pt-sbahj [id^="plog-"] { background: #efefef; color: #000; }
body.pt-sbahj nav { background: #000; }
body.pt-sbahj #static-footer { background: #0707ec; padding: 14px 0 30px; border: none; width: 950px; max-width: 100%; align-items: flex-start; margin: 0; }
body.pt-sbahj #static-footer::before { content: url("/images/mspalogo_sbahj.jpg"); display: block; }
body.pt-sbahj #static-footer > div { display: none; }
body.pt-sbahj .content-inner button, body.pt-sbahj .content-inner span, body.pt-sbahj .cmdl a { font-family: "Comic Sans MS", "Comic Relief", "Chalkboard SE", cursive; }
body.pt-sbahj .rsov .rsbox, body.pt-sbahj .rsov .rsbox * { font-family: "Comic Sans MS", "Comic Relief", "Chalkboard SE", cursive; }
body.pt-sbahj #static-footer > div { background: transparent; }
body.pt-sbahj #static-footer a { color: #00f !important; }

body.pt-scratch .content-inner, body.pt-A6A6 .content-inner, body.pt-trickster .content-inner, body.pt-cascade .content-inner, body.pt-collide .content-inner, body.pt-sbahj .content-inner { margin-top: 16px; margin-bottom: 30px; padding-bottom: 20px; }

body.pt-scratch .rsov .rsbox { background: #0e4603; }
body.pt-scratch .rsov .rsbox, body.pt-scratch .rsov .rsbox * { color: #fff; }
body.pt-A6A6 .rsov .rsbox { background: #073c00; }
body.pt-A6A6 .rsov .rsbox, body.pt-A6A6 .rsov .rsbox * { color: #2ed73a; }
body.pt-trickster .rsov .rsbox { background: #ff73fd; }
body.pt-trickster .rsov .rsbox, body.pt-trickster .rsov .rsbox * { color: #000; }
body.pt-cascade .rsov .rsbox { background: #262626; }
body.pt-cascade .rsov .rsbox, body.pt-cascade .rsov .rsbox * { color: #fff; }
body.pt-collide .rsov .rsbox { background: #262626; }
body.pt-collide .rsov .rsbox, body.pt-collide .rsov .rsbox * { color: #ff4444; }
body.pt-sbahj .rsov .rsbox { background: #14ff23; }
body.pt-sbahj .rsov .rsbox, body.pt-sbahj .rsov .rsbox * { color: #000; }

body.pt-scratch .rsov .rsbox > div:first-child { background: #082a00; }
body.pt-scratch .rsov .rsbox > div:first-child, body.pt-scratch .rsov .rsbox > div:first-child * { color: #fff; }
body.pt-scratch .rsov .rsbox select, body.pt-scratch .rsov .rsbox option, body.pt-scratch .rsov .rsbox input, body.pt-scratch .rsov .rsbox textarea { color: #111 !important; background: #fff; }
body.pt-A6A6 .rsov .rsbox > div:first-child { background: #042300; }
body.pt-A6A6 .rsov .rsbox > div:first-child, body.pt-A6A6 .rsov .rsbox > div:first-child * { color: #2ed73a; }
body.pt-A6A6 .rsov .rsbox select, body.pt-A6A6 .rsov .rsbox option, body.pt-A6A6 .rsov .rsbox input, body.pt-A6A6 .rsov .rsbox textarea { color: #111 !important; background: #fff; }
body.pt-trickster .rsov .rsbox > div:first-child { background: #0019b8; }
body.pt-trickster .rsov .rsbox > div:first-child, body.pt-trickster .rsov .rsbox > div:first-child * { color: #b8fff9; }
body.pt-trickster .rsov .rsbox select, body.pt-trickster .rsov .rsbox option, body.pt-trickster .rsov .rsbox input, body.pt-trickster .rsov .rsbox textarea { color: #111 !important; background: #fff; }
body.pt-cascade .rsov .rsbox > div:first-child { background: #000; }
body.pt-cascade .rsov .rsbox > div:first-child, body.pt-cascade .rsov .rsbox > div:first-child * { color: #fff; }
body.pt-cascade .rsov .rsbox select, body.pt-cascade .rsov .rsbox option, body.pt-cascade .rsov .rsbox input, body.pt-cascade .rsov .rsbox textarea { color: #111 !important; background: #fff; }
body.pt-collide .rsov .rsbox > div:first-child { background: #000; }
body.pt-collide .rsov .rsbox > div:first-child, body.pt-collide .rsov .rsbox > div:first-child * { color: #ff4444; }
body.pt-collide .rsov .rsbox select, body.pt-collide .rsov .rsbox option, body.pt-collide .rsov .rsbox input, body.pt-collide .rsov .rsbox textarea { color: #111 !important; background: #fff; }
body.pt-sbahj .rsov .rsbox > div:first-child { background: #f400ec; }
body.pt-sbahj .rsov .rsbox > div:first-child, body.pt-sbahj .rsov .rsbox > div:first-child * { color: #fff; }
body.pt-sbahj .rsov .rsbox select, body.pt-sbahj .rsov .rsbox option, body.pt-sbahj .rsov .rsbox input, body.pt-sbahj .rsov .rsbox textarea { color: #111 !important; background: #fff; }