/* LAYOUT.CSS 
 * Assorted textures for the containers.
 * Not specific to any games or stories. */


/* SAMPLE RP TEXTURE */
.wrapper {
    position: relative;
    /* background-color: rgba(101, 56, 133, 0.43); */
    }
.wrapper > div > p {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw);
    }
.sample-box {
    height: 69px;
    text-shadow: inherit;
    z-index: 2;
    }
.text-box {
    position: relative;
    margin-top: -69px;
    text-shadow: inherit;
    z-index: 3;
    }
.bio-quote {
    font-size: calc(16px + 0.380625vw) !important;
    }


/* SEI GLASS*/
.sei-bg {
    background: url("/Stories/Luna_The_Vampire_Slayer/(Albany_Miami-Tropical-Geo-Grey.png");
    background-size: 270px; 
    background-repeat: repeat; 
    background-color: var(--whitebrick);
    text-shadow: 2px 2px 2px rgba(101, 56, 133, 0.43);
    }
.sei-bg > * > * > * > a {
    text-shadow: 1px 1px 1px rgba(227, 248, 255, 0.75);
    }
.sei-bg > * > i {
    font-family: Gazette Italic;
    font-style: normal;}
.sei-dialogue {
    color: darkred;
    font-family: Gazette Bold;
    font-size: calc(14px + 0.380625vw) !important;
    }
.sei-dialogue > i {
    font-family: Gazette Italic;
    font-style: normal;
    font-weight: bold;
    }
.sei-dialogue > a {
    text-shadow: 1px 1px 1px rgba(227, 248, 255, 0.75);
    }


/* LYZA-RP */
.lyza-bg {
    background: url("/Stories/Luna_The_Vampire_Slayer/(Background-Tiles.com)_1004.png");
    background-repeat: repeat; 
    background-color: #380542;
    text-shadow: 2px 2px 3px rgba(43, 13, 0, 0.53);
    }
.lyza-bg > p {
    color: #e0d4d3;
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.lyza-bg > p > a {
    font-weight: normal;
    color: var(--rosegold);
    text-shadow: 2px 2px 3px rgba(43, 13, 0, 0.53);
    }
.lyza-bg > p > a:visited {
    color: #b36bfa !important;
    }
.lyza-bg > p > a:hover {
    color: var(--burgundy-link) !important;
    }
.lyza-bg > p > i {
    font-family: Gazette Italic;
    font-style: normal;
    }
.lyza-bg > p > em {
    font-family: Gazette Italic;
    font-style: normal;
    text-decoration: underline;
    }
.lyza-bg > * > * {
    color: #e0d4d3;
    }
.lyza-bg > * > p {
    color: #e0d4d3;
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.lyza-bg > * > * > a {
    font-weight: normal;
    color: var(--rosegold);
    text-shadow: 2px 2px 3px rgba(43, 13, 0, 0.53);
    }
.lyza-bg > * > * > a:visited {
    color: #b36bfa !important;
    }
.lyza-bg > * > * > a:hover {
    color: var(--burgundy-link) !important;
    }
.lyza-bg > * > * > i {
    font-family: Gazette Italic;
    font-style: normal;
    }
.lyza-bg > * > * > em {
    font-family: Gazette Italic;
    font-style: normal;
    text-decoration: underline;
    }


/* LEFT-SIDED WHITE GLASS */
.about-rp {
    background: url("/Stories/Luna_The_Vampire_Slayer/(Albany_Miami-Tropical-Geo-Grey.png");
    background-size: 270px; 
    background-repeat: repeat; 
    background-color: var(--whitebrick);
    text-shadow: 2px 2px 2px rgba(101, 56, 133, 0.43);
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 5px;
    margin-bottom: 0;
    border: solid;
    border-width: 4px;
    }
.about-rp > p {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.about-rp > .handwrite {
    text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.67);
    }
.about-rp > p > b {
    font-family: Gazette Bold;
    font-weight: normal;
    }
.about-rp > p > em {
    font-family: Gazette Italic;
    font-style: normal;
    text-decoration: underline;
    }
.about-rp > p > i {
    font-family: Gazette Italic;
    font-style: normal;
    }
.about-rp > p > i > a {
    text-shadow: 1px 1px 1px rgba(227, 248, 255, 0.75);
    }
.about-rp > ul > li > a {
    text-shadow: 1px 1px 1px rgba(227, 248, 255, 0.75);
    }
.about-rp > ul > li > i {
    font-family: Gazette Italic; 
    font-style: normal;
    }
.about-rp > ul > li > a > i {
    font-family: Gazette Italic; 
    font-style: normal;
    }
.about-dialogue {
    font-family: Gazette Bold;
    font-size: calc(14px + 0.380625vw) !important;
    }
.about-dialogue > em {
    font-family: Gazette Italic !important;
    font-weight: bold;
    text-decoration: underline;
    font-style: normal;
    }
.about-dialogue > i {
    font-family: Gazette Italic !important;
    font-style: normal;
    font-weight: bold;
    }
.about-label {
    margin-top: 70px;
    margin-left: 100px;
    padding-left: 8px;
    bottom: 0;
    font-size: calc(11px + 0.380625vw);
    color: white;
    text-shadow: 2px 2px 1px rgba(26, 11, 136, 0.53) !important;
    background-color: rgba(58, 64, 178, 0.63);
    }
    @media only screen and (max-width: 799px) {
    .about-label {
        margin-left: 20px;
        margin-right: 40px;}
        }
.about-label-red {
    margin-top: 70px;
    margin-left: 100px;
    padding-left: 30px;
    bottom: 0;
    font-size: calc(11px + 0.380625vw);
    color: white;
    text-shadow: 2px 2px 1px rgba(136, 11, 64, 0.43) !important;
    background-color: rgba(186, 40, 102, 0.63);
    }


/* RIGHT-SIDED SHELL FAN*/
.shell-fan-label {
    text-align: right;
    margin-top: 70px;
    margin-right: 100px;
    padding-right: 30px;
    padding-left: 5px;
    bottom: 0;
    font-size: calc(11px + 0.380625vw);
    color: white;
    text-shadow: 2px 2px 1px rgba(26, 11, 136, 0.43) !important;
    background-color: rgba(89, 94, 195, 0.63);
    }
.shell-fan-rp {
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 5px;
    margin-bottom: 0;
    border: solid;
    border-width: 4px;
    background: url("/assets/images/(Albany)_Shell-Fan-Platinum.webp");
    background-size: 160px; 
    background-repeat: repeat; 
    background-color: #f2efcd;
    text-shadow: 2px 2px 2px rgba(255, 243, 233, 0.76);
    }
.shell-fan-rp > p {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.shell-fan-rp > p > b {
    font-family: Gazette Bold;
    font-weight: normal;
    }
.shell-fan-rp > p > em {
    font-family: Gazette Italic;
    font-style: normal;
    text-decoration: underline;
    }
.shell-fan-rp > p > i {
    font-family: Gazette Italic;
    font-style: normal;
    }
.shell-fan-rp > p > i > a {
    text-shadow: 1px 1px 1px rgba(227, 248, 255, 0.75);
    }
.shell-fan-dialogue {
    font-family: Gazette Bold;
    font-size: calc(14px + 0.380625vw) !important;
    color: #01008d;
    }
.shell-fan-dialogue > em {
    font-family: Gazette Italic !important;
    font-weight: bold;
    text-decoration: underline;
    font-style: normal;
    }
.shell-fan-dialogue > i {
    font-family: Gazette Italic !important;
    font-style: normal;
    font-weight: bold;
    }


.texture-newbondstreet {
    background: url("/assets/images/(Little_Greene)_NEW-BOND-STREET-HIDE.png");
    background-size: 160px; 
    background-repeat: repeat; 
    background-color: #281E1A;
    text-shadow: 2px 2px 2px rgba(140, 79, 28, 0.66);
    }
.texture-newbondstreet > center > * {
    color: #e0d4d3;
    }
.texture-newbondstreet > center > * > a {
    color: #4c82fd;
    text-shadow: 2px 2px 2px rgba(19, 92, 46, 0.56);
    }
.texture-newbondstreet > center > * > a:visited {
    color: #9257ff !important;
    }
.texture-newbondstreet > center > * > a:hover {
    color: #d13198 !important;
    }
.texture-newbondstreet > p {
    color: #e0d4d3;
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.texture-newbondstreet > * > b {
    color: #61bcaa;
    }
.texture-newbondstreet > * > em {
    color: #6cc9b7;
    }
.texture-newbondstreet > * > * > b {
    color: #98cfc4;
    }
.texture-newbondstreet > ul {
    color: #e0d4d3;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.texture-newbondstreet > p > a {
    font-weight: normal;
    color: #6569b8;
    text-shadow: 2px 2px 3px rgba(43, 13, 0, 0.53);
    }
.texture-newbondstreet > p > a:visited {
    color: #9257ff !important;
    }
.texture-newbondstreet > p > a:hover {
    color: #d13198 !important;
    }

.texture-newbondstreet2 {
    background: url("/assets/images/(Little_Greene)_NEW-BOND-STREET-HIDE3.png");
    background-size: 160px; 
    background-repeat: repeat; 
    background-color: #281E1A;
    text-shadow: 2px 2px 2px rgba(140, 79, 28, 0.66);
    }
.texture-newbondstreet2 > center > * {
    color: #fdf5e9;
    }
.texture-newbondstreet2 > center > * > a {
    color: #4c82fd;
    text-shadow: 2px 2px 2px rgba(19, 92, 46, 0.56);
    }
.texture-newbondstreet2 > center > * > a:visited {
    color: #9257ff !important;
    }
.texture-newbondstreet2 > center > * > a:hover {
    color: #d13198 !important;
    }
.texture-newbondstreet2 > p {
    color: #fdf5e9;
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.texture-newbondstreet2 > * > b {
    color: #61bcaa;
    }
.texture-newbondstreet2 > * > em {
    color: #61bcaa;
    }
.texture-newbondstreet2 > * > * > b {
    color: #98cfc4;
    }
.texture-newbondstreet2 > * > * > * > b {
    color: #98cfc4;
    }
.texture-newbondstreet2 > * > * > * > * > b {
    color: #98cfc4;
    }
.texture-newbondstreet2 > ul {
    color: #fdf5e9;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.texture-newbondstreet2 > p > a {
    font-weight: normal;
    color: #4c82fd;
    text-shadow: 2px 2px 2px rgba(19, 92, 46, 0.56);
    }
.texture-newbondstreet2 > p > a:visited {
    color: #9257ff !important;
    }
.texture-newbondstreet2 > p > a:hover {
    color: #d13198 !important;
    }
.texture-newbondstreet2 > * > * > * > * > a {
    color: #4c82fd;
    text-shadow: 2px 2px 2px rgba(19, 92, 46, 0.56);
    }
.texture-newbondstreet2 > * > * > * > * > a:visited {
    color: #9257ff !important;
    }
.texture-newbondstreet2 > * > * > * > * > a:hover {
    color: #d13198 !important;
    }
.newbondstreet2-label {
    color: white;
    text-shadow: 2px 2px 1px rgba(5, 72, 0, 0.43) !important;
    background-color: rgba(73, 165, 148, 0.73);
    }




.texture-newbondstreet {
    background: url("/assets/images/(Little_Greene)_NEW-BOND-STREET-HIDE.png");
    background-size: 160px; 
    background-repeat: repeat; 
    background-color: #281E1A;
    text-shadow: 2px 2px 2px rgba(140, 79, 28, 0.66);
    }
.texture-newbondstreet > center > * {
    color: #e0d4d3;
    }
.texture-newbondstreet > center > * > a {
    color: #4c82fd;
    text-shadow: 2px 2px 2px rgba(19, 92, 46, 0.56);
    }
.texture-newbondstreet > center > * > a:visited {
    color: #9257ff !important;
    }
.texture-newbondstreet > center > * > a:hover {
    color: #d13198 !important;
    }
.texture-newbondstreet > p {
    color: #e0d4d3;
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.texture-newbondstreet > * > b {
    color: #61bcaa;
    }
.texture-newbondstreet > * > em {
    color: #6cc9b7;
    }
.texture-newbondstreet > * > * > b {
    color: #98cfc4;
    }
.texture-newbondstreet > ul {
    color: #e0d4d3;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.texture-newbondstreet > p > a {
    font-weight: normal;
    color: #6569b8;
    text-shadow: 2px 2px 3px rgba(43, 13, 0, 0.53);
    }
.texture-newbondstreet > p > a:visited {
    color: #9257ff !important;
    }
.texture-newbondstreet > p > a:hover {
    color: #d13198 !important;
    }



.orb-copenhagen-blue {
    background: url("/assets/images/(Ohpopsi)_Orb-Copenhagen-Blue.png");
    background-size: 220px; 
    background-repeat: repeat; 
    background-color: #e0f2ff;
    text-shadow: 2px 2px 2px rgba(31, 82, 224, 0.56);
    }
.orb-copenhagen-blue > center > * {
    color: black;
    }
.orb-copenhagen-blue > p {
    color: black;
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
a.orb-copenhagen-blue {
    text-shadow: 1px 1px 1px rgba(227, 248, 255, 0.75);
    }
.orb-copenhagen-blue > a {
    text-shadow: 1px 1px 1px rgba(227, 248, 255, 0.75);
    }
.orb-copenhagen-blue > * > a {
    text-shadow: 1px 1px 1px rgba(227, 248, 255, 0.75);
    }
.orb-copenhagen-blue > * > * > a {
    text-shadow: 1px 1px 1px rgba(227, 248, 255, 0.75);
    }
.orb-copenhagen-blue-LABEL {
    color: white;
    text-shadow: 2px 2px 1px rgba(0, 11, 72, 0.43) !important;
    background-color: rgba(77, 118, 211, 0.73);
    }



.lola-charcoal-pink {
    background: url("/assets/images/(Albany)_Lola-Charcoal-and-Pink.png");
    background-size: 220px; 
    background-repeat: repeat; 
    background-color: #99A5BD;
    text-shadow: 2px 2px 2px rgba(31, 82, 224, 0.56);
    }
.lola-charcoal-pink > center > * {
    color: black;
    }
.lola-charcoal-pink > p {
    color: black;
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.lola-charcoal-pink > * > p {
    color: black;
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.lola-charcoal-pink > * > a {
    text-shadow: 1px 1px 1px rgba(227, 248, 255, 0.75);
    }
.lola-charcoal-pink > * > * > a {
    text-shadow: 1px 1px 1px rgba(227, 248, 255, 0.75);
    }
.lola-charcoal-pink-LABEL {
    color: white;
    text-shadow: 2px 2px 1px rgba(0, 11, 72, 0.43) !important;
    background-color: rgba(77, 118, 211, 0.73);
    }
.lola-charcoal-pink2 {
    background: url("/assets/images/(Albany)_Lola-Charcoal-and-Pink_BLUR.png");
    background-size: 220px; 
    background-repeat: repeat; 
    background-color: #99A5BD;
    text-shadow: 2px 2px 2px rgba(31, 82, 224, 0.56);
    }
.lola-charcoal-pink2 > center > * {
    color: black;
    }
.lola-charcoal-pink2 > p {
    color: black;
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.lola-charcoal-pink2 > * > p {
    color: black;
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.lola-charcoal-pink2 > * > a {
    text-shadow: 1px 1px 1px rgba(227, 248, 255, 0.75);
    }
.lola-charcoal-pink2 > * > * > a {
    text-shadow: 1px 1px 1px rgba(227, 248, 255, 0.75);
    }


/* (Galerie) Cranes Burgundy */
.cranes-burgundy {
    background: url("/assets/images/(Galerie)_Cranes-Burgundy.png");
    background-size: 220px; 
    background-repeat: repeat; 
    background-color: #863936;
    text-shadow: 2px 2px 2px rgba(61, 0, 23, 0.71);
    color: #fffaf2;
    border-color: black;
    }
.cranes-burgundy > center > * {
    color: #fffaf2;
    }
.cranes-burgundy > p {
    color: #fffaf2;
    margin-top: 0;
    margin-bottom: 0.5em;
    }
.cranes-burgundy > p > a {
    font-weight: normal;
    color: #4895ff;
    text-shadow: 2px 2px 3px rgba(43, 13, 0, 0.53);
    }
.cranes-burgundy > p > a:hover {
    color: #ed2faa !important;
    }
.cranes-burgundy-LABEL {
    color: white;
    text-shadow: 2px 2px 1px rgba(0, 11, 72, 0.43) !important;
    background-color: rgba(77, 118, 211, 0.73);
    }


/* (Carmine Lake) Solomon's Crown Almond */
.solomons-crown-almond {
    background: url("/assets/images/(Carmine_Lake)_Solomon's-Crown-Almond.png");
    background-size: 180px; 
    background-repeat: repeat; 
    background-color: #EBDBC8;
    text-shadow: 2px 2px 2px rgba(164, 127, 198, 0.7);
    }
.solomons-crown-almond > center > * {
    color: black;
    }
.solomons-crown-almond > p {
    color: black;
    margin-top: 0;
    margin-bottom: 0.5em;
    }
.solomons-crown-almond-LABEL {
    color: white;
    text-shadow: 2px 2px 1px rgba(0, 11, 72, 0.43) !important;
    background-color: rgba(77, 118, 211, 0.73);
    }


/* (Carmine Lake) Solomon's Crown Emerald */
.solomons-crown-emerald {
    background: url("/assets/images/(Carmine_Lake)_Solomon's-Crown-Emerald.webp");
    background-size: 180px; 
    background-repeat: repeat; 
    background-color: #304E4D;
    text-shadow: 2px 2px 2px rgba(0, 35, 10, 0.7);
    color: white;
    border-color: black;
    }
.solomons-crown-emerald > center > * {
    color: white;
    }
.solomons-crown-emerald > p {
    color: white;
    margin-top: 0;
    margin-bottom: 0.5em;
    }
.solomons-crown-emerald-DIM {
    background: url("/assets/images/(Carmine_Lake)_Solomon's-Crown-Emerald.png");
    background-size: 180px; 
    background-repeat: repeat; 
    background-color: #304E4D;
    text-shadow: 2px 2px 2px rgba(0, 35, 10, 0.7);
    color: white;
    border-color: black;
    }
.solomons-crown-emerald-DIM > center > * {
    color: white;
    }
.solomons-crown-emerald-DIM > p {
    color: white;
    margin-top: 0;
    margin-bottom: 0.5em;
    }


/* (Albany) Vintage Floral Soft Teal */
.vintage-floral-soft-teal {
    background: url("/assets/images/(Albany)_Vintage-Floral-Soft-Teal.png");
    background-repeat: repeat; 
    background-size: 280px;
    background-color: #93B9A7;
    text-shadow: 2px 2px 2px rgba(255, 231, 238, 0.66);
    color: black;
    }
.vintage-floral-soft-teal > p {
    color: black;
    margin-top: 0;
    margin-bottom: 0.5em;
    }
.vintage-floral-soft-teal  > * > * > a {
    color: #1c4aa2;
    }
.vintage-floral-soft-teal > * > * > a:hover {
    color: var(--burgundy-link) !important;
    }
.vintage-floral-soft-teal > * > * > a:visited {
    color: #5400a7;
    }
.vintage-floral-soft-teal-BLUR {
    background: url("/assets/images/(Albany)_Vintage-Floral-Soft-Teal-BLUR.png");
    background-repeat: repeat; 
    background-size: 280px;
    background-color: #93B9A7;
    text-shadow: 2px 2px 2px rgba(255, 231, 238, 0.66);
    color: black;
    }
.vintage-floral-soft-teal-BLUR > p {
    color: black;
    margin-top: 0;
    margin-bottom: 0.5em;
    }
.vintage-floral-soft-teal-BLUR  > * > a {
    color: #1c4aa2;
    }
.vintage-floral-soft-teal-BLUR > * > a:visited {
    color: #5400a7;
    }
.vintage-floral-soft-teal-BLUR > * > a:hover {
    color: var(--burgundy-link) !important;
    }
.vintage-floral-soft-teal-BLUR  > * > * > a {
    color: #1c4aa2;
    }
.vintage-floral-soft-teal-BLUR > * > * > a:visited {
    color: #5400a7;
    }
.vintage-floral-soft-teal-BLUR > * > * > a:hover {
    color: var(--burgundy-link) !important;
    }


/* (Albany) Traditional Brick */
.albany-trad-brick {
    background-color: #f5f1ef;
    background: url("/assets/images/(Albany)_Traditional-Brick-Red-BRIGHT.jpg"); 
    background-repeat: repeat;
    background-size: 600px;
    text-shadow: 2px 2px 2px rgba(134, 105, 122, 0.63);
    }
.albany-trad-brick-white {
    background-color: var(--whitebrick);
    background: url("/assets/images/(Albany)_Traditional-Brick-White.webp"); 
    background-repeat: repeat;
    background-size: 600px;
    text-shadow: 2px 2px 2px rgba(134, 105, 122, 0.63);
    }



/* Lustre Weave Platinum */
.lustre-weave-platinum {
    background: url("/assets/images/(Albany)_Lustre-Weave-Platinum.webp");
    background-repeat: repeat; 
    background-color: #E1DAC6;
    text-shadow: 2px 2px 2px rgba(101, 56, 133, 0.43);
    color: black;
    }
.lustre-weave-platinum > p > i {
    font-family: Gazette Italic;
    font-style: normal;
    }


/* Lustre Weave White */
.lustre-weave-white {
    background: url("/assets/images/(Albany)_Lustre-Weave-Opal-White.webp");
    background-repeat: repeat; 
    background-color: #ecebe5;
    text-shadow: 2px 2px 2px rgba(101, 56, 133, 0.43);
    color: black;
    }
.lustre-weave-white > p > i {
    font-family: Gazette Italic;
    font-style: normal;
    }


/* Liveliunti Midnight Blue */
.liveliunti-midnight-blue {
    background: url("/assets/images/(Galerie)_Liveliunti-Midnight-Blue.webp");
    background-size: 220px; 
    background-repeat: repeat; 
    background-color: #214171;
    text-shadow: 2px 2px 2px rgba(0, 11, 100, 0.66);
    color: white;
    }


/* (Many Textures) Dark Lucy Leaves */
.dark-lucy-leaves {
    background: url("/assets/images/(Many_Textures)_Dark-Lucy-Leaves-DIM.jpg");
    background-size: 220px; 
    background-repeat: repeat; 
    background-color: #1F222A;
    text-shadow: 2px 2px 2px rgba(0, 35, 10, 0.7);
    color: rgba(241, 249, 255, 0.85);
    border-color: black;
    }
.dark-dialogue {
    color: #dddddd;
    text-shadow: 2px 2px 2px rgba(155, 121, 173, 0.66);
    font-family: Gazette Bold;
    font-size: calc(14px + 0.380625vw) !important;
    }


/* (Taketa) Hydrangea BG */
.hydrangea-bg {
    background: url("/assets/images/(Taketa)_Hydrangea_Rainy_Music.jpg");
    background-size: cover; 
    background-color: #9abaf7;
    color: black;
    text-shadow: 2px 2px 2px rgba(52, 77, 219, 0.66);
    }
.hydrangea-dialogue {
    color: #330e95;
    text-shadow: 2px 2px 2px rgba(148, 242, 255, 0.66);
    font-family: Gazette Bold;
    font-size: calc(14px + 0.380625vw) !important;
    }


/* ISEUL */
.iseul-bg {
    background: url("/assets/images/Jeong-Hwa-banner.jpg");
    background-size: cover; 
    background-color: #A7DDD3;
    color: black;
    text-shadow: 2px 2px 2px rgba(148, 242, 255, 0.66);
    }
.iseul-dialogue {
    color: #00400f;
    text-shadow: 2px 2px 2px rgba(148, 242, 255, 0.66);
    font-family: Gazette Bold;
    font-size: calc(14px + 0.380625vw) !important;
    }


/* LEST */
.lest-dialogue {
    color: #682d92;
    text-shadow: 2px 2px 3px rgba(255, 250, 224, 0.76);
    font-family: Gazette Bold;
    font-size: calc(14px + 0.380625vw) !important;
    }
.lest-bg {
    background: url('/assets/images/(Carmine_Lake)_Hex-Weave-Supersize-Copper.jpg');
    background-size: 284px;
    background-color: #B1C5C2;
    color: black;
    text-shadow: 2px 2px 2px rgba(56, 57, 59, 0.65);
    }
.lest-bg > p {
    color: black;
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.lest-bg > * > * > a {
    text-shadow: 1px 1px 1px rgba(227, 248, 255, 0.75);
    }


/* HELLE */
.helle-dialogue {
    color: #2c0071;
    text-shadow: 2px 2px 3px rgba(255, 171, 213, 0.66);
    font-family: Gazette Bold;
    font-size: calc(14px + 0.380625vw) !important;
    }
.helle-bg {
    background: url('/assets/images/(Mind_the_Gap)_The_Bar_Tapestry.jpg');
    background-size: 220px;
    background-color: #e1b5fc;
    color: black;
    text-shadow: 2px 2px 3px rgba(255, 234, 210, 0.76);
    }
.helle-bg > p {
    color: black;
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.helle-bg > * > * > a {
    text-shadow: 1px 1px 1px rgba(227, 248, 255, 0.75);
    }



/* DARK LEST */
.dark-lest-dialogue {
    color: #ffd57e;
    text-shadow: 2px 2px 3px rgba(255, 100, 219, 0.66);
    font-family: Gazette Bold;
    font-size: calc(14px + 0.380625vw) !important;
    }


/* ZEPHYR */
.pup-bg {
    background: url('/assets/images/(Mind_the_Gap)_Nouage-Blue.webp');
    background-size: cover;
    background-color: #93e1ff;
    color: black;
    text-shadow: 2px 2px 3px rgba(78, 130, 250, 0.56);
    }
.pup-dialogue {
    color: #bf4a00;
    text-shadow: 2px 2px 3px rgba(172, 236, 255, 0.86);
    font-family: Gazette Bold;
    font-size: calc(14px + 0.380625vw) !important;
    }


/* AMEYHTST */
.dj-amai-bg {
    background: url('/assets/images/(Architects_Paper)_Flowerbed-Muted-Blue.jpg');
    background-size: 330px;
    background-color: #CCE1FA;
    text-shadow: 2px 2px 2px rgba(112, 139, 218, 0.75);
    border-color: black !important;
    }
.dj-amai-dialogue {
    color: #c43052;
    text-shadow: 2px 2px 3px rgba(172, 236, 255, 0.86);
    font-family: Gazette Bold;
    font-size: calc(14px + 0.380625vw) !important;
    }
.dj-amai-label {
    color: white;
    background-color: rgba(222, 73, 112, 0.73);
    text-shadow: 2px 2px 1px rgba(159, 0, 115, 0.43);
    }


/* AKIHIKO */
.akichan-label {
    color: white;
    background-color: rgba(47, 20, 69, 0.73);
    text-shadow: 2px 2px 1px rgba(0, 190, 226, 0.63);
    }
.akichan-dialogue {
    color: #1dd1c5;
    text-shadow: 2px 2px 3px rgba(0, 42, 101, 0.66);
    font-family: Gazette Bold;
    font-size: calc(14px + 0.380625vw) !important;
    }
.akichan-dialogue > em {
    color: #ffb63d;
    }
.akichan-bg {
    background: url('/assets/images/(Borastapeter)_Staircase-Akichan-Red.png');
    background-size: 220px;
    background-color: #902832;
    color: #fff5ff;
    text-shadow: 2px 2px 3px rgba(62, 0, 21, 0.86);
    border-color: black !important;
    }
.akichan-bg > p {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.akichan-bg > p > i {
    font-family: Gazette Italic;
    font-style: normal;
    }
.akichan-bg > p > em {
    font-family: Gazette Italic;
    font-style: normal;
    font-weight: bold;
    text-decoration: underline;
    color: #6ad583;
    text-shadow: 2px 2px 3px rgba(59, 0, 45, 0.86);
    }
.akichan-bg > * > a {
    font-family: Romic Medium;
    }
.akichan-bg > * > a:link {
    font-weight: normal;
    color: #6ef3ff;
    text-shadow: 1px 1px 1px rgba(0, 68, 255, 0.85);
    }
.akichan-bg > * > * > a:link {
    font-weight: normal;
    color: #6ef3ff;
    text-shadow: 1px 1px 1px rgba(0, 68, 255, 0.85);
    }
.akichan-bg > * > a:visited {
    color: #6bff8e;
    }
.akichan-bg > * > * > a:visited {
    color: #6ad583;
    }
.akichan-bg > * > a:hover {
    color: #fff248 !important;
    }
.akichan-bg > * > * > a:hover {
    color: #fff248;
    }
.akichan-bg > * > * > * > a:hover {
    color: #fff248 !important;
    }

.akichan-bg-dark {
    background: url('/assets/images/(Borastapeter)_Staircase-Akichan-DARK.jpg');
    background-size: 600px;
    background-color: #1C0709;
    color: #fff5ff;
    text-shadow: 2px 2px 3px rgba(0, 215, 255, 0.86);
    border-color: black !important;
    }
.akichan-bg-dark > p {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.akichan-bg-dark > p > i {
    font-family: Gazette Italic;
    font-style: normal;
    }
.akichan-bg-dark > p > em {
    font-family: Gazette Italic;
    font-style: normal;
    font-weight: bold;
    text-decoration: underline;
    color: #6ad583;
    text-shadow: 2px 2px 3px rgba(59, 0, 45, 0.86);
    }
.akichan-bg-dark > * > a {
    font-family: Romic Medium;
    }
.akichan-bg-dark > * > a:link {
    font-weight: normal;
    color: #5cf8ff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.85);
    }
.akichan-bg-dark > * > * > a:link {
    font-weight: normal;
    color: #00e1ff;
    text-shadow: 1px 1px 1px rgba(0, 68, 198, 0.85);
    }
.akichan-bg-dark > * > a:visited {
    color: #264fff;
    }
.akichan-bg-dark > * > * > a:visited {
    color: #6ad583;
    }
.akichan-bg-dark > * > a:hover {
    color: #ff0000 !important;
    }
.akichan-bg-dark > * > * > a:hover {
    color: #ffec00;
    }
.akichan-bg-dark > * > * > * > a:hover {
    color: #ffec00 !important;
    }