@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC&display=swap');
 
@font-face {
    font-family: 'XiaolaiSC';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/XiaolaiSC-Regular.woff') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
:root {
 
   --theme-base: "black-highlighter";
   --theme-id: "梦境";
   --theme-name: "许愿梦境";
 
   --logo-image: url(https://backrooms-sandbox-2.wdfiles.com/local--files/mc-crafter-24-7/DreamLogo.png);
   --header-title: "The Backrooms";
   --header-subtitle: "活在梦境中";
 
   --body-font: 'Architects Daughter', 'XiaolaiSC', 'Noto Serif SC', cursive;
   --header-font: 'Architects Daughter', 'XiaolaiSC', 'Noto Serif SC', cursive;
   --title-font: 'Architects Daughter', 'XiaolaiSC', 'Noto Serif SC', cursive;
   --white-monochrome: 239, 211, 241;
   --pale-gray-monochrome: 255, 215, 245;
   --gray-monochrome: 200, 200, 200;
   --dark-gray-monochrome: 99, 91, 99;
   --black-monochrome: 30, 30, 30;
   --bright-accent: 120, 120, 120;
   --medium-accent: 100, 100, 100;
   --dark-accent: 130, 120, 130;
   --pale-accent: 255, 255, 255;
   --swatch-text-light: 255, 255, 255;
   --swatch-menutxt-light-color: 255, 255, 255;
   --rating-module-button-plus-color: 150, 150, 150;
   --rating-module-button-negative-color: 150, 150, 150;
   --rating-module-button-cancel-color: 150, 150, 150;
   --rating-module-button-credit-color: 150, 150, 150;
}
 
#skrollr-body {
    background-image: url("https://backrooms-sandbox-2.wdfiles.com/local--files/mc-crafter-24-7/CloudsTilable.jpg");
    background-size: auto 12rem;
}
 
@media only screen and (max-width: 768px) {
    #skrollr-body {
        background-image: url("https://backrooms-sandbox-2.wdfiles.com/local--files/mc-crafter-24-7/CloudTexture082");
        background-size: inherit
    }
}
 
#header::before {
    opacity: 1;
}
 
#login-status {
   color: rgb(var(--swatch-text-light));
}
 
#account-topbutton {
   border-color: rgb(var(--swatch-text-light));
}
 
.lightblock {
   background-color:rgb(235,235,235);
   color:rgb(var(--black-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.8rem 1.2rem rgba(0,0,0,.25);
}
 
.styled-quote {
   background-color:rgb(235,235,235);
   border-left: 0.5rem solid rgb(130,130,130);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.2rem 0.4rem 1.2rem rgba(0,0,0,.25);
}
 
.darkblock {
   background-color:rgb(59,59,59);
   color:rgb(235,235,235);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.8rem 1.2rem rgba(0,0,0,.25);
   font-family: 'Yeseva One', 'Noto Serif SC', cursive;
   --title-font: 'Yeseva One', 'Noto Serif SC', cursive;
}
 
.dark-styled-quote {
   background-color:rgb(59,59,59);
   color:rgb(235,235,235);
   border-left: 0.5rem solid rgb(70,70,70);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.2rem 0.4rem 1.2rem rgba(0,0,0,.25);
   font-family: 'Yeseva One', 'Noto Serif SC', cursive;
   --title-font: 'Yeseva One', 'Noto Serif SC', cursive;
}
 
blockquote {
     background-color:rgb(255, 255, 255);
     font-family: 'Architects Daughter', 'XiaolaiSC', cursive;
}
 
.wiki-content-table th {
    color: #F5F5F5 !important;
    background-color: #646464 !important;
}
 
.darkblock h1,
.darkblock h2,
.darkblock h3,
.darkblock h4,
.darkblock h5,
.darkblock h6 {
   color: rgb(235, 235, 235);
}
 
.dark-styled-quote h1,
.dark-styled-quote h2,
.dark-styled-quote h3,
.dark-styled-quote h4,
.dark-styled-quote h5,
.dark-styled-quote h6 {
   color: rgb(235, 235, 235);
}
 
.top-box {
   border-color: rgb(59, 54, 59) !important;
}
 
.bottom-box ul li {
   color: rgb(59, 54, 59) !important;
}
 
.bottom-box ul li:before {
   background: rgb(59, 54, 59) !important;
}
 
.top-box .gradient-box {
  background: linear-gradient(90deg, rgba(59, 54, 59, 1) 0%, rgba(59, 54, 59, 0) 36%) !important;
}
 
.header-diamond {
   background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300.9 284.5' style='enable-background:new 0 0 300.9 284.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%233b363b;%7D .st1%7Bfill:%233b363b;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st1' points='73.4,32.6 0,105.4 13.6,105.4 86.4,32.6 '/%3E%3Cpolygon class='st1' points='26.5,105.4 40.1,105.4 112.9,32.6 99.3,32.6 '/%3E%3C/g%3E%3Cpolyline class='st1' points='287.3,105.4 214.5,32.6 227.5,32.6 287.3,91.9 '/%3E%3Cpolygon class='st1' points='274.4,105.4 260.8,105.4 188,32.6 201.6,32.6 '/%3E%3C/svg%3E") !important;
}
 
.top-box.class-unknown .header-diamond { filter: none !important; }
.top-box.class-unknown:before, .top-box.class-unknown .header-diamond .diamond-pattern{ opacity: 0.15 !important; }
 
.top-box .header-diamond .diamond-image {
   filter: brightness(0%) invert(100%);
}
 
.top-box.class-0,
.header-diamond .diamond-color.class-0 {
   background: rgb(251, 182, 203) !important;
}
 
.top-box.class-1,
.header-diamond .diamond-color.class-1 {
   background: rgb(249, 134, 168) !important;
}
 
.top-box.class-2,
.header-diamond .diamond-color.class-2 {
   background: rgb(247, 85, 133) !important;
}
 
.top-box.class-3,
.header-diamond .diamond-color.class-3 {
   background: rgb(245, 36, 98) !important;
}
 
.top-box.class-4,
.header-diamond .diamond-color.class-4 {
   background: rgb(219, 10, 73) !important;
}
 
.top-box.class-5,
.header-diamond .diamond-color.class-5 {
   background: rgb(170, 8, 57) !important;
}
 
.top-box.class-unknown,
.header-diamond .diamond-color.class-unknown {
   background: rgb(59, 54, 59) !important;
}
 
.top-box.class-habitable,
.header-diamond .diamond-color.class-habitable {
   background: rgb(247, 85, 133) !important;
}