/* Global theme layer. Page CSS defines structure; this file defines dark/light skins. */

body.theme-dark {
  --gold: #f5c542;
  --fc-container-border-width: 0px;
  --fc-theme-text-size: 16px;
  --fc-theme-small-text-size: 15px;
  --fc-theme-title-text-size: 17px;
  --fc-theme-button-text-size: 16px;
  --fc-menu-font-size: var(--fc-theme-button-text-size);
  --fc-page-bg-image: url("/img/wwww.jpg");
  --fc-page-bg-color: #000;
  --fc-text-color: #fff;
  --fc-menu-text-color: #fff3cf;
  --fc-main-bg: rgba(0, 0, 0, .74);
  --fc-main-shadow: 0 0 15px #fca311;
  --fc-card-bg: rgba(255, 255, 255, .06);
  --fc-panel-bg: rgba(0, 0, 0, .35);
  --fc-card-shadow: 0 0 8px rgba(0, 0, 0, .25);
  --fc-title-color: #ffe6b0;
  --fc-muted-color: #bbb;
  --fc-accent-color: #f5c542;
  --fc-positive-color: #6fe08b;
  --fc-row-hover-bg: rgba(255, 255, 255, .06);
  --fc-avatar-bg: #111;
  --fc-avatar-border: #e0c96e;
  --fc-avatar-shadow: 0 0 8px rgba(224, 201, 110, .45), 0 0 16px rgba(252, 163, 17, .18);
  --fc-note-bg: rgba(20, 60, 20, .45);
  --fc-note-border: rgba(80, 200, 120, .35);
  --fc-note-color: #d8ffe2;
  --fc-border-soft: rgba(255, 255, 255, .12);
  --fc-border-gold: rgba(255, 196, 92, .95);
  --fc-menu-bg: linear-gradient(180deg, rgba(110, 58, 20, .96) 0%, rgba(74, 36, 15, .97) 48%, rgba(92, 45, 16, .97) 100%);
  --fc-menu-bg-hover: linear-gradient(180deg, rgba(132, 70, 24, .98) 0%, rgba(90, 45, 18, .99) 48%, rgba(112, 56, 20, .99) 100%);
  --fc-menu-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 -1px 0 rgba(60, 25, 8, .35), 0 0 10px rgba(0, 0, 0, .55), 0 0 8px rgba(252, 163, 17, .14);
  --fc-menu-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 -1px 0 rgba(70, 28, 10, .35), 0 0 12px rgba(0, 0, 0, .60), 0 0 14px rgba(255, 170, 50, .22);
  --fc-online-bg: rgba(255, 255, 255, .08);
  --fc-online-border: rgba(255, 255, 255, .15);
  --fc-online-title-color: #fff;
  --fc-online-text-color: #fff;
  --fc-online-accent-color: #f5c542;
  color: var(--fc-text-color);
}

body.theme-light {
  --gold: #7a4214;
  --fc-container-border-width: 1px;
  --fc-theme-text-size: 16px;
  --fc-theme-small-text-size: 15px;
  --fc-theme-title-text-size: 17px;
  --fc-theme-button-text-size: 16px;
  --fc-menu-font-size: var(--fc-theme-button-text-size);
  --fc-page-bg-image: url("/images/theme/parchment_light.svg");
  --fc-page-bg-color: #c9954d;
  --fc-main-bg: linear-gradient(180deg, rgba(255, 246, 219, .88), rgba(235, 198, 128, .82));
  --fc-main-shadow: 0 0 18px rgba(82, 42, 15, .52), inset 0 0 28px rgba(255, 255, 255, .16);
  --fc-card-bg: linear-gradient(180deg, rgba(255, 248, 226, .72), rgba(230, 187, 111, .42));
  --fc-panel-bg: rgba(255, 242, 204, .46);
  --fc-card-shadow: inset 0 0 14px rgba(255, 255, 255, .16), 0 1px 5px rgba(74, 38, 14, .15);
  --fc-title-color: #63330f;
  --fc-muted-color: #6c431f;
  --fc-accent-color: #7a4214;
  --fc-positive-color: #477b28;
  --fc-row-hover-bg: rgba(124, 71, 19, .10);
  --fc-avatar-bg: rgba(80, 44, 16, .18);
  --fc-avatar-border: rgba(153, 91, 30, .72);
  --fc-avatar-shadow: 0 0 8px rgba(116, 63, 18, .20), inset 0 0 12px rgba(255, 255, 255, .12);
  --fc-note-bg: rgba(90, 130, 50, .16);
  --fc-note-border: rgba(90, 130, 50, .28);
  --fc-note-color: #305018;
  --fc-text-color: #2b1a0d;
  --fc-menu-text-color: #fff2d4;
  --fc-border-soft: rgba(97, 53, 20, .22);
  --fc-border-gold: rgba(153, 91, 30, .72);
  --fc-online-bg: linear-gradient(180deg, rgba(255, 241, 202, .72), rgba(190, 122, 48, .24));
  --fc-online-border: rgba(110, 63, 23, .32);
  --fc-online-title-color: #63330f;
  --fc-online-text-color: #2b1a0d;
  --fc-online-accent-color: #7a4214;

  background-image:
    linear-gradient(180deg, rgba(255, 245, 214, .18), rgba(76, 36, 14, .22)),
    url("/images/theme/parchment_light.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  background-color: #c9954d !important;
  color: #2b1a0d !important;
  font-size: var(--fc-theme-text-size) !important;
}

body.theme-light .main-container,
body.theme-light .main,
body.theme-light .container {
  background:
    linear-gradient(180deg, rgba(255, 246, 219, .88), rgba(235, 198, 128, .82)) !important;
  color: #2b1a0d !important;
  border: 1px solid rgba(95, 51, 18, .42) !important;
  box-shadow: var(--fc-main-shadow) !important;
  font-size: var(--fc-theme-text-size) !important;
}

body.theme-light .section,
body.theme-light .card,
body.theme-light .bt-reward,
body.theme-light .bt-notice {
  background:
    linear-gradient(180deg, rgba(255, 248, 226, .72), rgba(230, 187, 111, .42)) !important;
  border-color: rgba(105, 58, 20, .32) !important;
  color: #2b1a0d !important;
  box-shadow: inset 0 0 14px rgba(255, 255, 255, .18), 0 1px 4px rgba(74, 38, 14, .14) !important;
  font-size: var(--fc-theme-text-size) !important;
}

body.theme-light .page-title,
body.theme-light .profile-title,
body.theme-light .section-title,
body.theme-light .card-title,
body.theme-light .title {
  color: #63330f !important;
  font-size: var(--fc-theme-title-text-size) !important;
  text-shadow: 0 1px 0 rgba(255, 247, 215, .70), 0 0 8px rgba(132, 75, 22, .18) !important;
}

body.theme-light .profile-hr {
  background: linear-gradient(90deg, transparent, #935919, transparent) !important;
}

body.theme-light .info-label,
body.theme-light .hint,
body.theme-light .muted,
body.theme-light .travel-line .label {
  color: #6c431f !important;
  opacity: .95 !important;
  font-size: var(--fc-theme-small-text-size) !important;
}

body.theme-light .info-value,
body.theme-light .row,
body.theme-light .val {
  color: #2b1a0d !important;
  font-size: var(--fc-theme-text-size) !important;
}

body.theme-light .profile-link,
body.theme-light .menu-btn:not(:where(.img-btn,.imgBtn,.imgbtn,.buy-btn,.btn-img,.btn-image,.image-btn,.bt-img-btn,.fight-btn,.donate-btn,.send-btn-img,.cancel-btn-img,.find-btn-img,.img-btn-large,.img-btn-small,.img-btn-join)),
body.theme-light .btn:not(:where(.img-btn,.imgBtn,.imgbtn,.buy-btn,.btn-img,.btn-image,.image-btn,.bt-img-btn,.fight-btn,.donate-btn,.send-btn-img,.cancel-btn-img,.find-btn-img,.img-btn-large,.img-btn-small,.img-btn-join)),
body.theme-light .ftr .fbtn {
  color: #fff4d6 !important;
  background:
    linear-gradient(180deg, rgba(236, 143, 50, .98), rgba(154, 72, 22, .98)) !important;
  border-color: rgba(92, 42, 13, .34) !important;
  box-shadow: 0 1px 0 rgba(255, 243, 206, .35), 0 2px 8px rgba(73, 36, 12, .22) !important;
  text-shadow: 0 1px 1px rgba(55, 23, 7, .72) !important;
  font-size: var(--fc-theme-button-text-size) !important;
}

body.theme-light .bottom-link a,
body.theme-light .back,
body.theme-light .back-link,
body.theme-light .nav a,
body.theme-light .legal a {
  color: #6c3610 !important;
}

body.theme-light .ftr,
body.theme-light .ftr-btm,
body.theme-light .brand b {
  color: #2e1a0b !important;
}

body.theme-light .nav a {
  background: rgba(104, 55, 18, .12) !important;
}

body.theme-light .theme-choice {
  background: rgba(255, 245, 215, .68) !important;
  color: #2b1a0d !important;
  border-color: rgba(104, 55, 18, .30) !important;
}

body.theme-light .theme-choice.is-active {
  background: linear-gradient(180deg, #df9336 0%, #984614 100%) !important;
  color: #fff4d6 !important;
}

body.theme-light .slot-embed.header-embed {
  background:
    linear-gradient(180deg, rgba(84, 45, 17, .34), rgba(183, 124, 50, .20)) !important;
  border-bottom: 1px solid rgba(102, 55, 18, .30) !important;
  border-radius: 0 0 14px 14px !important;
}

body.theme-light .logo img {
  filter: drop-shadow(0 0 5px rgba(255, 239, 180, .85)) drop-shadow(0 2px 3px rgba(67, 33, 10, .45)) !important;
}

body.theme-light .header-box {
  background:
    linear-gradient(180deg, rgba(255, 231, 167, .40), rgba(129, 76, 27, .26)) !important;
  border-top: 1px solid rgba(132, 76, 22, .30) !important;
  border-bottom: 1px solid rgba(132, 76, 22, .30) !important;
}

body.theme-light .header-box::before,
body.theme-light .header-box::after,
body.theme-light .ftr-top {
  background: linear-gradient(90deg, rgba(116, 63, 18, 0), rgba(124, 71, 19, .78), rgba(116, 63, 18, 0)) !important;
}

body.theme-light .header-inner,
body.theme-light #game-header,
body.theme-light #game-header span,
body.theme-light .daily-reward-link,
body.theme-light #dragon-msg,
body.theme-light #dragon-time,
body.theme-light #dragon-go,
body.theme-light #mine-msg,
body.theme-light #mine-time,
body.theme-light #mine-go,
body.theme-light #expedition-msg,
body.theme-light #expedition-time,
body.theme-light #expedition-go,
body.theme-light #fallen-breakthrough-msg,
body.theme-light #fallen-breakthrough-time,
body.theme-light #fallen-breakthrough-go {
  color: #6b3510 !important;
  font-size: var(--fc-theme-text-size) !important;
  text-shadow: 0 1px 0 rgba(255, 241, 190, .70) !important;
}

body.theme-light .header-events .ev-link {
  background: rgba(255, 239, 196, .50) !important;
  border-color: rgba(103, 55, 18, .28) !important;
  color: #5d2e0d !important;
  box-shadow: 0 1px 4px rgba(74, 38, 14, .14) !important;
}

body.theme-light .header-events .ev-badge {
  background: rgba(146, 54, 28, .20) !important;
  border-color: rgba(146, 54, 28, .32) !important;
  color: #7b2518 !important;
}

body.theme-light .ftr {
  margin-top: 10px !important;
  padding: 7px 8px 4px !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255, 235, 182, .44), rgba(166, 101, 37, .18)) !important;
  border: 1px solid rgba(105, 58, 20, .22) !important;
  box-shadow: inset 0 0 14px rgba(255, 255, 255, .12) !important;
}

body.theme-light .ftr-btm {
  border-top-color: rgba(104, 55, 18, .22) !important;
}

body.theme-light .legal a {
  color: #6c3610 !important;
}

body.theme-light .ow-box {
  margin: 10px 0 12px !important;
  padding: 10px 11px !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255, 241, 202, .72), rgba(190, 122, 48, .24)) !important;
  border: 1px solid rgba(110, 63, 23, .32) !important;
  box-shadow: inset 0 0 16px rgba(255, 255, 255, .14), 0 1px 5px rgba(76, 38, 12, .16) !important;
  color: #2b1a0d !important;
  font-size: var(--fc-theme-text-size) !important;
}

body.theme-light .ow-title {
  color: #63330f !important;
  font-size: var(--fc-theme-title-text-size) !important;
  text-shadow: 0 1px 0 rgba(255, 247, 215, .70) !important;
}

body.theme-light .ow-row,
body.theme-light .ow-chunk {
  color: #2b1a0d !important;
  font-size: var(--fc-theme-text-size) !important;
}

body.theme-light .ow-name,
body.theme-light #ow-total,
body.theme-light #ow-online,
body.theme-light .ow-box a {
  color: #7a4214 !important;
  text-shadow: 0 1px 0 rgba(255, 241, 190, .55) !important;
}