/* 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(246, 224, 176, .94), rgba(211, 164, 96, .90));
  --fc-main-shadow: 0 0 18px rgba(82, 42, 15, .46), inset 0 0 26px rgba(255, 248, 218, .16);
  --fc-card-bg: linear-gradient(180deg, rgba(255, 239, 201, .78), rgba(213, 166, 98, .54));
  --fc-panel-bg: rgba(239, 207, 149, .62);
  --fc-card-shadow: inset 0 1px 0 rgba(255, 250, 225, .34), 0 2px 7px rgba(74, 38, 14, .18);
  --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: #6b300b;
  --fc-border-soft: rgba(97, 53, 20, .22);
  --fc-border-gold: rgba(145, 84, 27, .64);
  --fc-menu-bg: linear-gradient(180deg, rgba(255, 247, 218, .98) 0%, rgba(241, 211, 155, .98) 48%, rgba(218, 169, 98, .98) 100%);
  --fc-menu-bg-hover: linear-gradient(180deg, rgba(255, 252, 235, .99) 0%, rgba(248, 224, 176, .99) 48%, rgba(230, 187, 119, .99) 100%);
  --fc-menu-shadow: inset 0 1px 0 rgba(255, 255, 255, .84), inset 0 -1px 0 rgba(118, 66, 20, .18), 0 2px 7px rgba(72, 35, 10, .18);
  --fc-menu-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .92), inset 0 -1px 0 rgba(118, 66, 20, .20), 0 3px 9px rgba(72, 35, 10, .22);
  --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, .10), rgba(76, 36, 14, .26)),
    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: var(--fc-main-bg) !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: var(--fc-card-bg) !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: var(--fc-menu-text-color) !important;
  background: var(--fc-menu-bg) !important;
  border-color: var(--fc-border-gold) !important;
  box-shadow: var(--fc-menu-shadow) !important;
  text-shadow:
    0 1px 0 rgba(255, 253, 239, .98),
    0 0 4px rgba(255, 244, 202, .94) !important;
  font-size: var(--fc-theme-button-text-size) !important;
}

body.theme-light .profile-link:hover,
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)):hover,
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)):hover,
body.theme-light .ftr .fbtn:hover {
  color: #7b3509 !important;
  background: var(--fc-menu-bg-hover) !important;
  box-shadow: var(--fc-menu-shadow-hover) !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, rgba(255, 250, 229, .98), rgba(232, 190, 120, .98)) !important;
  color: #3c1d09 !important;
  border-color: rgba(126, 70, 20, .70) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88), 0 2px 7px rgba(72, 35, 10, .18) !important;
}

body.theme-light .slot-embed.header-embed {
  background:
    linear-gradient(180deg, rgba(255, 244, 210, .90), rgba(225, 183, 112, .76)) !important;
  border-bottom: 1px solid rgba(102, 55, 18, .30) !important;
  border-radius: 0 0 14px 14px !important;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .58), 0 2px 8px rgba(77, 39, 13, .14) !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, 248, 222, .94), rgba(229, 190, 125, .86)) !important;
  border-top: 1px solid rgba(132, 76, 22, .30) !important;
  border-bottom: 1px solid rgba(132, 76, 22, .30) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), 0 2px 8px rgba(77, 39, 13, .14) !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, 246, 214, .94), rgba(225, 181, 111, .86)) !important;
  border: 1px solid rgba(105, 58, 20, .22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), 0 2px 8px rgba(76, 38, 12, .14) !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;
}