/* Berlin gold/black skin. Loaded last so every page shares the same chrome. */
:root {
  --amp-bg: #000000;
  --amp-panel: #0c0c0c;
  --amp-panel2: #111111;
  --amp-panel3: #181410;
  --amp-gold: #e8c56b;
  --amp-gold2: #f6e2a4;
  --amp-text: #f7f1e3;
  --amp-muted: #b7ab96;
  --berlin-gold: #e6c36a;
  --berlin-gold-deep: #a67c2d;
  --berlin-line: linear-gradient(180deg, #fff4c8 0%, #e6c36a 38%, #8d6420 100%);
  --berlin-glow: 0 0 10px rgba(230, 195, 106, 0.45), 0 0 22px rgba(166, 124, 45, 0.28);
}

html,
body {
  background: #000 !important;
  color: var(--amp-text);
}

body {
  background-image:
    radial-gradient(ellipse at 50% -10%, rgba(230, 195, 106, 0.14), transparent 42%),
    radial-gradient(ellipse at 100% 100%, rgba(120, 80, 20, 0.12), transparent 36%) !important;
}

a {
  color: var(--amp-text);
}
a:hover {
  color: var(--amp-gold2);
}

/* Header */
.header_wrap,
.header_top,
.header_bottom {
  background: #000 !important;
  border-bottom: 1px solid rgba(230, 195, 106, 0.35) !important;
}
.gnb li a {
  color: #f0d48a !important;
  font-weight: 700;
  letter-spacing: -0.02em;
  text-shadow: 0 0 8px rgba(230, 195, 106, 0.25);
}
.gnb li a:hover {
  color: #fff6d4 !important;
}

.login_box .join_btn,
.join_btn {
  background: #050505 !important;
  color: #f3d78a !important;
  border: 1px solid #e6c36a !important;
  border-radius: 8px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 244, 200, 0.25), var(--berlin-glow);
  transition: box-shadow 0.2s ease, color 0.2s ease, background 0.2s ease;
}
.login_box .join_btn:hover,
.join_btn:hover {
  color: #fff8df !important;
  background: #161208 !important;
  box-shadow: inset 0 0 0 1px #fff4c8, 0 0 16px rgba(230, 195, 106, 0.7);
}

.my,
.lnb {
  background: #070707 !important;
  border: 1px solid rgba(230, 195, 106, 0.7);
  border-radius: 8px;
  box-shadow: 0 0 8px rgba(230, 195, 106, 0.25);
}
.my_box,
.lnb a {
  color: #f0d48a !important;
}
.my_link,
.my_font01,
.my_money {
  color: #ffe7a3 !important;
}
.lnb.active {
  background: linear-gradient(180deg, #f8e7b0, #c9963a) !important;
}
.lnb.active a {
  color: #1a1204 !important;
}
.mobile_menu1,
.mobile_menu2 {
  color: #f0d48a !important;
}

/* Side columns */
.contents_wrap {
  background: #000;
  border-top: 1px solid rgba(230, 195, 106, 0.28);
}
.contents_left,
.contents_right,
.aside,
.aside2 {
  background: #000 !important;
}
.contents_center,
.main_center_center,
.main_center_center_box {
  background: #000;
}

/* Left menu pills — desktop column and both mobile drawers */
.contents_left .left_menu,
.aside .left_menu,
.aside2 .left_menu {
  height: auto !important;
  margin: 8px 8px 0;
}
.contents_left .left_menu a,
.aside .left_menu a,
.aside2 .left_menu a {
  min-height: 64px;
  height: auto;
  align-items: center;
  padding: 10px 14px !important;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background:
    linear-gradient(#070707, #070707) padding-box,
    var(--berlin-line) border-box !important;
  box-shadow: var(--berlin-glow);
  color: #f7f1e3 !important;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.contents_left .left_menu a:hover,
.aside .left_menu a:hover,
.aside2 .left_menu a:hover,
.contents_left .left_menu.active a,
.aside .left_menu.active a,
.aside2 .left_menu.active a {
  background:
    linear-gradient(#14110c, #14110c) padding-box,
    linear-gradient(180deg, #fff8dc, #f0d48a 40%, #c9963a) border-box !important;
  box-shadow: 0 0 16px rgba(240, 212, 138, 0.75);
  transform: translateY(-1px);
}
.contents_left .left_icon,
.aside .left_icon,
.aside2 .left_icon {
  width: 34px !important;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 50%;
  color: #f6e2a4 !important;
  border: 1px solid #e6c36a;
  background: radial-gradient(circle at 40% 30%, #4a3a18, #0a0a0a 72%);
  box-shadow: 0 0 8px rgba(230, 195, 106, 0.55);
}
.contents_left .left_text,
.aside .left_text,
.aside2 .left_text {
  flex: 1;
  min-width: 0;
}
.contents_left .left_text1,
.aside .left_text1,
.aside2 .left_text1,
.contents_left .left_menu a:hover .left_text1,
.aside .left_menu a:hover .left_text1,
.aside2 .left_menu a:hover .left_text1,
.contents_left .left_menu.active a .left_text1 {
  color: #f6e2a4 !important;
  font-weight: 800;
}
.contents_left .left_text2,
.aside .left_text2,
.aside2 .left_text2 {
  color: #b7ab96 !important;
}
.contents_left .left_menu a::after,
.aside .left_menu a::after,
.aside2 .left_menu a::after {
  content: "›";
  margin-left: 8px;
  color: #f0d48a;
  font-size: 22px;
  line-height: 1;
  font-weight: 400;
}

/* Right rail */
.right_event_title {
  background: #000 !important;
  color: #f0d48a !important;
  border-bottom: 1px solid #e6c36a !important;
  letter-spacing: 0.08em;
}
.right_event_btn {
  background: #000 !important;
  color: #f0d48a !important;
  border-top: 1px solid rgba(230, 195, 106, 0.45);
}
.right_event_btn:hover {
  color: #fff6d4 !important;
}
.contents_right .right_customer,
.contents_right .right_domain,
.aside2 .right_customer,
.aside2 .right_domain {
  background: #070707 !important;
  border: 1px solid transparent;
  border-radius: 14px;
  background:
    linear-gradient(#070707, #070707) padding-box,
    var(--berlin-line) border-box !important;
  box-shadow: var(--berlin-glow);
}

/* Page content shared by lists, forms, boards */
.content_box,
.write_box,
.list_box,
.info_wrap,
.member_wrap,
.popup_style02,
.modal_content,
.pop_login_wrap {
  background: #050505 !important;
  color: var(--amp-text) !important;
  border: 1px solid rgba(230, 195, 106, 0.35) !important;
  border-radius: 12px;
  box-shadow: 0 0 18px rgba(166, 124, 45, 0.18);
}
.title_box {
  border-bottom: 1px solid rgba(230, 195, 106, 0.4) !important;
}
.title_box .title,
.s_title1,
.info_title,
.info_title2,
.list_title1,
.list_title,
.list_title3,
.write_title,
.write_title2,
.write_title3 {
  color: #f0d48a !important;
  background: #0a0a0a !important;
}
.title_box .title span,
.font05,
.info1,
.write_basic_item_contents {
  color: #f6e2a4 !important;
}
.list1,
.list2,
.list3,
.list,
.list_table tr,
.write_basic,
.write_basic_item,
.write_basic_select,
.info2,
.info3,
.category,
.date {
  background: #0c0c0c !important;
  color: #e7dcc4 !important;
  border-color: rgba(230, 195, 106, 0.18) !important;
}
.list.active,
.list_table tr.active,
.list_tr3:hover .list3,
.list:hover {
  background: #161208 !important;
  box-shadow: inset 3px 0 #e6c36a;
}
.list_bottom,
.tab_double > div > div,
.tab_single > div,
.tab_triple > div > div,
.tab_triple > div > div:last-child > div > div {
  background: #0c0c0c !important;
  color: #f0d48a !important;
  border-color: rgba(230, 195, 106, 0.22) !important;
}

/* Inputs */
input[type="text"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="email"],
select,
textarea,
.pop_login_input,
.write_basic input[type="text"],
.write_basic input[type="password"],
.write_basic input[type="number"],
.write_basic select,
.write_basic textarea {
  background: #070707 !important;
  color: #f7f1e3 !important;
  border: 1px solid rgba(230, 195, 106, 0.55) !important;
  border-radius: 8px !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.6);
}
input:focus,
select:focus,
textarea:focus,
.pop_login_input:focus {
  border-color: #f6e2a4 !important;
  box-shadow: 0 0 0 1px rgba(246, 226, 164, 0.35), 0 0 12px rgba(230, 195, 106, 0.35);
  outline: none;
}
input::placeholder,
textarea::placeholder {
  color: #8d8270 !important;
}

/* Buttons */
.btn1_1,
.btn3_1,
.pop_login_btn1,
.enter-btn,
.charge-btn,
.change-btn {
  background: linear-gradient(180deg, #f8e7b0, #d7a441 55%, #a67c2d) !important;
  color: #1a1204 !important;
  border: 1px solid #fff1c4 !important;
  border-radius: 10px !important;
  box-shadow: 0 0 12px rgba(230, 195, 106, 0.55);
  font-weight: 800 !important;
}
.btn1_1:hover,
.btn3_1:hover,
.pop_login_btn1:hover,
.enter-btn:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 18px rgba(246, 226, 164, 0.8);
}
.btn1_2,
.btn2_1,
.btn2_2,
.btn3_2,
.list-btn,
.cancel-btn,
.button.back_btn,
#join-btn,
#join-btn-anony {
  background: #070707 !important;
  color: #f0d48a !important;
  border: 1px solid #e6c36a !important;
  border-radius: 10px !important;
  box-shadow: var(--berlin-glow);
}
.page {
  background: #070707 !important;
  color: #f0d48a !important;
  border: 1px solid rgba(230, 195, 106, 0.45) !important;
  border-radius: 8px !important;
}
.pageon {
  background: linear-gradient(180deg, #f8e7b0, #c9963a) !important;
  color: #1a1204 !important;
  border-color: #fff1c4 !important;
  box-shadow: 0 0 10px rgba(230, 195, 106, 0.55);
}
.quick_select_btn {
  box-shadow: 0 0 0 1px rgba(230, 195, 106, 0.35) !important;
  border-radius: 8px;
}
.quick_select_btn.active {
  box-shadow: 0 0 0 1px #e6c36a, 0 0 10px rgba(230, 195, 106, 0.45) !important;
}
.select_icon,
.select_text,
.quick_amoint_btn {
  background: #111 !important;
  color: #f0d48a !important;
}

/* Popups */
.modal_content,
.pop_login_wrap,
.popup_style02 {
  box-shadow: 0 0 0 1px rgba(255, 244, 200, 0.25), 0 0 28px rgba(166, 124, 45, 0.45) !important;
}
.pop_login_title,
.pop_login_text,
.popup_style02 .title {
  color: #f0d48a !important;
}
.pop_login_close,
.modal-close {
  color: #f0d48a !important;
  background: transparent;
}

/* Scrollbars */
.contents_left::-webkit-scrollbar-thumb,
.contents_right::-webkit-scrollbar-thumb,
.aside_wrap::-webkit-scrollbar-thumb,
.header_top::-webkit-scrollbar-thumb,
.header_bottom::-webkit-scrollbar-thumb {
  background-color: #c9963a !important;
}

@media screen and (max-width: 1024px) {
  .aside .left_menu,
  .aside2 .left_menu {
    margin: 8px 6px 0;
  }
  .aside .left_menu a,
  .aside2 .left_menu a {
    min-height: 58px;
  }
}