* {
  box-sizing:
    border-box;
}

body {
  margin:
    0;

  min-height:
    100vh;

  background:
    #0b0e13;

  color:
    #ffffff;

  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Hiragino Sans",
    "Yu Gothic",
    "Meiryo",
    sans-serif;
}


/* ==================================================
   STUDIO HEADER
================================================== */

.studio-header {
  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  min-height:
    68px;

  padding:
    0 22px;

  background:
    #f1eee6;

  border-bottom:
    1px solid #c9c4b8;
}

.studio-logo {
  display:
    inline-flex;

  align-items:
    center;

  gap:
    8px;

  color:
    #111;

  text-decoration:
    none;

  font-family:
    Arial,
    sans-serif;

  font-size:
    17px;

  font-weight:
    900;
}

.studio-logo-box {
  display:
    inline-flex;

  align-items:
    center;

  min-height:
    42px;

  padding:
    0 10px;

  background:
    #171717;

  color:
    #fff;
}

.studio-series-label {
  margin:
    0;

  color:
    #554c42;

  font-family:
    Arial,
    sans-serif;

  font-size:
    10px;

  font-weight:
    800;

  letter-spacing:
    .22em;
}


/* ==================================================
   PAGE
================================================== */

.page-header {
  padding:
    58px 20px 34px;

  text-align:
    center;
}

.site-name {
  margin:
    0 0 14px;

  color:
    #b79a66;

  font-size:
    14px;

  letter-spacing:
    .20em;
}

.page-header h1 {
  margin:
    0;

  font-family:
    Georgia,
    serif;

  font-size:
    36px;

  font-weight:
    400;
}


/* ==================================================
   LANGUAGE
================================================== */

.language-switch {
  display:
    inline-flex;

  gap:
    4px;

  margin-top:
    24px;

  padding:
    4px;

  background:
    #0d1119;

  border:
    1px solid #343d4d;

  border-radius:
    7px;
}

.language-button {
  min-width:
    90px;

  padding:
    9px 16px;

  border:
    0;

  background:
    transparent;

  color:
    #929aa7;

  cursor:
    pointer;
}

.language-button.active {
  background:
    #b79a66;

  color:
    #fff;
}


/* ==================================================
   MAIN
================================================== */

.page-main {
  width:
    min(
      calc(100% - 48px),
      900px
    );

  margin:
    0 auto 54px;
}

.disclaimer-card {
  padding:
    38px 44px;

  background:
    #121722;

  border:
    1px solid #2b3240;

  border-radius:
    12px;
}

.disclaimer-block {
  margin-bottom:
    32px;

  padding-bottom:
    30px;

  border-bottom:
    1px solid rgba(183,154,102,.18);
}

.disclaimer-block h2 {
  color:
    #d6c19a;

  font-size:
    17px;
}

.disclaimer-block p {
  color:
    #a3abb7;

  font-size:
    13px;

  line-height:
    1.95;
}

.creator-link {
  color:
    #d6c19a;

  font-weight:
    700;

  text-decoration:
    none;
}

.back-area {
  text-align:
    center;
}

.back-area a {
  color:
    #b79a66;

  text-decoration:
    none;
}


/* ==================================================
   FOOTER
================================================== */

.page-footer {
  padding:
    34px 20px;

  border-top:
    1px solid #202631;

  color:
    #858d99;

  font-size:
    12px;

  text-align:
    center;
}


/* ==================================================
   MOBILE
================================================== */

@media screen and (max-width: 600px) {

  .studio-header {
    min-height:
      58px;

    padding:
      0 12px;
  }

  .studio-logo {
    font-size:
      13px;
  }

  .studio-logo-box {
    min-height:
      34px;
  }

  .studio-series-label {
    font-size:
      7px;
  }

  .page-main {
    width:
      calc(100% - 24px);
  }

  .disclaimer-card {
    padding:
      26px 20px;
  }

}