/**
 * F2 capture theme v2 — tighter match to homepage screenshot.
 * Buttons: dark metal + thin bronze rim (not neon yellow fill).
 * Text: white titles / muted grey / soft bronze gold accents.
 */
:root {
  --amp-bg: #0b0b0b;
  --amp-bg-deep: #050505;
  --amp-panel: #121212;
  --amp-panel2: #161616;
  --amp-panel3: #1c1c1c;
  --amp-gold: #c5a059;
  --amp-gold2: #a8843f;
  --amp-gold-bright: #e2c98a;
  --amp-bronze: #7a5c2e;
  --amp-text: #f0f0f0;
  --amp-muted: #8e8e8e;
  --amp-line: rgba(197, 160, 89, 0.55);
  --amp-line-soft: rgba(197, 160, 89, 0.28);
  --amp-glow: 0 0 10px rgba(197, 160, 89, 0.28);
  --amp-btn-dark: linear-gradient(180deg, #2a2a2a 0%, #141414 42%, #0a0a0a 100%);
  --amp-btn-gold: linear-gradient(180deg, #e8d291 0%, #c5a059 18%, #8f6d32 88%, #c5a059 100%);
  --amp-panel-grad: linear-gradient(180deg, #1a1a1a 0%, #111 55%, #0c0c0c 100%);
  --amp-metal-text: linear-gradient(180deg, #f3e6bc 0%, #c5a059 48%, #8a6a30 100%);
}

html { background: var(--amp-bg-deep); }

body {
  background-color: #000 !important;
  background-image:
    radial-gradient(ellipse 90% 55% at 50% -15%, rgba(197, 160, 89, 0.06), transparent 60%),
    linear-gradient(180deg, #0e0e0e 0%, #090909 50%, #050505 100%) !important;
  color: var(--amp-text) !important;
  background-attachment: fixed;
}

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

/* Thin metallic frame */
.contents_left,
.contents_right .right_event_wrap,
.contents_right .right_customer,
.contents_right .right_domain,
.amp-home-right-links .right_customer,
.amp-home-right-links .right_domain,
.main_board_box,
.pop_login_wrap,
.content_box .write_box,
.list_box,
.container_game .card,
#login .login_box,
#login .modal_content,
#join .join_box,
#join .modal_content {
  background: var(--amp-panel-grad) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    inset 0 0 0 1px rgba(197, 160, 89, 0.22),
    0 0 0 1px rgba(70, 52, 20, 0.65),
    0 6px 18px rgba(0, 0, 0, 0.55) !important;
}

/* —— Header —— */
.header_wrap,
.header_top,
.header_bottom {
  background: #000 !important;
  border-color: rgba(197, 160, 89, 0.2) !important;
}
.header_top { border-bottom: 1px solid rgba(197, 160, 89, 0.22) !important; }
.header_bottom { border-bottom: 1px solid rgba(197, 160, 89, 0.18) !important; }

.gnb li a {
  color: #e8e8e8 !important;
  font-weight: 500;
  text-shadow: none !important;
}
.gnb li a:hover {
  color: var(--amp-gold) !important;
  text-shadow: none !important;
}

/* Logout / login — capture: dark rect + thin rim + gold text */
.login_box .join_btn,
.login_box button.join_btn,
.join_btn {
  background: var(--amp-btn-dark) !important;
  border: 1px solid #b8954d !important;
  color: #d4b56a !important;
  border-radius: 0 !important;
  padding: 7px 16px !important;
  font-weight: 600 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 0 1px rgba(0, 0, 0, 0.7) !important;
  text-shadow: none !important;
  transition: border-color 0.2s, color 0.2s, box-shadow 0.2s, background 0.2s !important;
}
.login_box .join_btn:hover,
.login_box button.join_btn:hover,
.join_btn:hover {
  color: #f0dfb0 !important;
  border-color: #e2c98a !important;
  background: linear-gradient(180deg, #333 0%, #1a1a1a 100%) !important;
  box-shadow: var(--amp-glow), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
.login_box .login_btn {
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  color: #fff !important;
  background: transparent !important;
  border-radius: 0 !important;
}

/* User bar — labels grey, values soft gold */
.my {
  background: #141414 !important;
  border: 1px solid rgba(197, 160, 89, 0.2) !important;
  box-shadow: none !important;
}
.my_box { color: #b0b0b0 !important; }
.my_font01,
.my_link,
.my_money,
a.my_money,
a.my_link {
  color: #d4b56a !important;
  font-weight: 700 !important;
}
.my_line { background: rgba(197, 160, 89, 0.45) !important; width: 1px !important; }

.lnb {
  background: transparent !important;
  border-left: 1px solid rgba(197, 160, 89, 0.25) !important;
}
.lnb a { color: #cfcfcf !important; }
.lnb a:hover { color: var(--amp-gold) !important; }
.lnb.active { background: #1a1a1a !important; }
.lnb.active a { color: var(--amp-gold) !important; }

/* —— Left menu (capture: white title + grey desc + gold icon) —— */
.contents_left {
  background: var(--amp-panel-grad) !important;
  border-right: none !important;
}
.left_menu a {
  border-bottom: 1px solid rgba(197, 160, 89, 0.22) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.02) !important;
  background: transparent !important;
}
.left_icon {
  color: transparent !important;
  background: var(--amp-metal-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1.35em !important;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.9));
}
.left_icon i {
  background: var(--amp-metal-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.left_text1 {
  color: #ffffff !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  text-shadow: none !important;
}
.left_text2 {
  color: #888888 !important;
  font-weight: 400 !important;
}
.left_menu a:hover,
.left_menu.active a {
  background: linear-gradient(90deg, rgba(197, 160, 89, 0.1), transparent 75%) !important;
}
.left_menu a:hover .left_text1,
.left_menu.active a .left_text1 {
  color: #fff !important;
}
.left_menu a:hover .left_text2,
.left_menu.active a .left_text2 {
  color: #a0a0a0 !important;
}

/* —— Right rail —— */
.contents_right { background: transparent !important; }
.right_event_title {
  background: #1a1a1a !important;
  border-bottom: 1px solid var(--amp-gold) !important;
  color: var(--amp-gold) !important;
}
.right_event_btn {
  background: var(--amp-btn-dark) !important;
  color: #e0e0e0 !important;
  border-top: 1px solid var(--amp-line-soft) !important;
}
.right_event_btn:hover {
  color: var(--amp-gold) !important;
}
.rc_text,
.rd_text1 { color: #9a9a9a !important; }
.rc_text span,
.rd_text1 span,
.rd_text2,
.rd_text3 {
  color: var(--amp-gold) !important;
  text-shadow: none !important;
}

/* —— Page titles —— */
.title_box {
  border-bottom: 1px solid rgba(197, 160, 89, 0.35) !important;
  padding-bottom: 10px;
  margin-bottom: 16px;
}
.title_box::after {
  content: "";
  display: block;
  width: 64px;
  height: 1px;
  margin-top: 8px;
  background: linear-gradient(90deg, #e2c98a, #7a5c2e);
}
.title_box .title {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}
.title_box .title span {
  color: var(--amp-gold) !important;
  font-weight: 500 !important;
}
.s_title1 {
  background: #161616 !important;
  color: var(--amp-gold) !important;
  border-top: 1px solid rgba(197, 160, 89, 0.3) !important;
  border-bottom: 1px solid #000 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.info_wrap,
.write_basic,
.write_basic_item,
.list1,
.list2,
.list,
.member_wrap {
  background-color: var(--amp-panel2) !important;
  border-color: rgba(197, 160, 89, 0.18) !important;
  color: var(--amp-text) !important;
}
.info_title,
.info_title2,
.write_title,
.write_title2,
.write_title3,
.list_title1,
.list_title3,
.tab_double > div > div:first-child,
.tab_single > div:first-child {
  background: #1a1a1a !important;
  color: #d4b56a !important;
  border-color: rgba(197, 160, 89, 0.2) !important;
}
.info3 { color: #9a9a9a !important; line-height: 1.55; }
.info1,
.font05,
.font11,
.board_font01,
.main_board_title span {
  color: var(--amp-gold) !important;
}

/* Inputs */
.write_basic .input1,
.write_basic input[type="text"],
.write_basic input[type="password"],
.write_basic input[type="number"],
.write_basic select,
.write_basic textarea,
.input1,
.input2,
.input3,
.pop_login_input,
.pop_login_input2,
.pop_login_select,
.select,
.amp-game-search {
  background: #0c0c0c !important;
  border: 1px solid rgba(197, 160, 89, 0.4) !important;
  color: #f0f0f0 !important;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.5) !important;
  border-radius: 0 !important;
}
.write_basic .input1:focus,
.input1:focus,
.pop_login_input:focus {
  border-color: var(--amp-gold) !important;
  box-shadow: 0 0 0 1px rgba(197, 160, 89, 0.25), inset 0 2px 5px rgba(0, 0, 0, 0.5) !important;
}

/* =========================================================
   BUTTONS — match capture CTAs (dark + thin gold rim + gold text)
   ========================================================= */
.button,
.btn1,
.btn4,
.btn5,
.back_btn2,
.button.back_btn,
.quick_amoint_btn,
.history_btn,
.pop_login_btn1,
.pop_login_btn2,
[class*="btn1_"],
[class*="btn2_"],
[class*="btn3_"] {
  background: var(--amp-btn-dark) !important;
  color: #d4b56a !important;
  border: 1px solid #b8954d !important;
  border-radius: 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 0 0 1px rgba(0, 0, 0, 0.75) !important;
  text-shadow: none !important;
  font-weight: 700 !important;
  transition: border-color 0.2s, color 0.2s, box-shadow 0.2s, background 0.2s !important;
}
.button:hover,
.btn1:hover,
.btn4:hover,
.btn5:hover,
.btn5.active,
.quick_amoint_btn:hover,
.pop_login_btn1:hover,
.pop_login_btn2:hover,
.btn1_1:hover,
.btn1_2:hover,
.btn2_1:hover,
.btn2_2:hover,
.btn3_1:hover,
.btn3_2:hover {
  background: linear-gradient(180deg, #333028 0%, #1a1610 55%, #0e0c09 100%) !important;
  color: #f0dfb0 !important;
  border-color: #e2c98a !important;
  box-shadow: var(--amp-glow), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  filter: none !important;
}

/* Primary submit — slightly brighter rim, still dark (not yellow fill) */
.btn1_1,
.btn3_1,
.pop_login_btn1 {
  background: linear-gradient(180deg, #2f2a20 0%, #16130e 50%, #0a0907 100%) !important;
  color: #e2c98a !important;
  border: 1px solid #d4b56a !important;
  min-height: 44px;
  line-height: 44px;
}
.btn3_1 {
  min-width: 180px;
  height: 48px !important;
  line-height: 48px !important;
  font-size: 16px !important;
}

a .btn1_1,
a .btn1_2,
a .btn2_1,
a .btn2_2,
a .btn3_1,
a .btn3_2,
span.btn1_1,
span.btn1_2,
span.btn3_1,
span.btn3_2 {
  display: inline-block;
  text-align: center;
  padding: 0 16px;
  min-width: 80px;
  min-height: 40px;
  line-height: 40px;
  box-sizing: border-box;
}

.quick_select_btn {
  box-shadow: 0 0 0 1px rgba(197, 160, 89, 0.25) !important;
}
.quick_select_btn .select_icon,
.quick_select_btn .select_text {
  background: #1c1c1c !important;
  color: #cfcfcf !important;
}
.quick_select_btn.active,
.quick_select_btn:hover {
  box-shadow: 0 0 0 1px #c5a059, var(--amp-glow) !important;
}
.quick_select_btn.active .select_icon,
.quick_select_btn:hover .select_icon {
  color: var(--amp-gold) !important;
}

/* Status badges — muted gold, not neon */
.division1 {
  background: rgba(197, 160, 89, 0.12) !important;
  color: #aaa !important;
  border: 1px solid rgba(197, 160, 89, 0.3) !important;
}
.division2,
.division4 {
  background: var(--amp-btn-gold) !important;
  color: #1a1408 !important;
  border: 1px solid #d4b56a !important;
}
.division3 { background: var(--amp-btn-gold) !important; }

/* Lists */
.list_title3 {
  background: #1a1a1a !important;
  color: #d4b56a !important;
  border-bottom: 1px solid rgba(197, 160, 89, 0.3) !important;
}
.list3,
.list_table tr {
  background: #161616 !important;
  border-bottom: 1px solid rgba(197, 160, 89, 0.12) !important;
  color: #c8c8c8 !important;
}
.list_tr3:hover .list3,
.list_table tr:hover,
.list_table tr.active,
.list:hover,
.list.active {
  background: #1e1c18 !important;
  box-shadow: inset 2px 0 #c5a059 !important;
}

/* Tabs */
.tab {
  border: 1px solid rgba(197, 160, 89, 0.35) !important;
  background: #161616 !important;
  color: #9a9a9a !important;
  border-radius: 0 !important;
}
.tab:hover,
.tabon {
  border-color: #c5a059 !important;
  background: #1c1c1c !important;
  color: #d4b56a !important;
}
.mobile_center_tab li {
  background: #161616 !important;
  color: #9a9a9a !important;
}
.mobile_center_tab li.active,
.mobile_center_tab li:hover {
  background: #1c1c1c !important;
  color: #d4b56a !important;
}

.main_event li a,
.main_board_box {
  background: var(--amp-panel-grad) !important;
  color: #9a9a9a !important;
}
.main_event li:hover a {
  background: #1e1c18 !important;
  color: #d4b56a !important;
}
.main_board_title { color: #fff !important; }
.main_board td { color: #e8e8e8 !important; }

.container_game .card:hover {
  box-shadow: var(--amp-glow), 0 8px 24px rgba(0, 0, 0, 0.5) !important;
  transform: translateY(-1px);
}
.amp-game-page-title,
.amp-game-section-title { color: var(--amp-gold) !important; }

/* Modals */
#login .modal_content,
#join .modal_content,
#ref_code_popup .modal_content,
.pop_login_wrap {
  background: var(--amp-panel-grad) !important;
  color: #f0f0f0 !important;
  border: 1px solid rgba(197, 160, 89, 0.4) !important;
}
.pop_login_close,
#login .modal-close,
#join .modal-close {
  background: var(--amp-btn-dark) !important;
  border: 1px solid #b8954d !important;
  color: #d4b56a !important;
}

/* Alerts */
.layer-wrap.default {
  background: #161616 !important;
  border: 1px solid #b8954d !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.85), var(--amp-glow) !important;
}
.layer-wrap.default .is-con h3 { color: #e2c98a !important; }
.layer-wrap.default .is-con .stit { color: #9a9a9a !important; }
.layer-wrap.default .is-btm {
  background: linear-gradient(to bottom, #222 55%, #0e0e0e 100%) !important;
  border-top: 1px solid rgba(197, 160, 89, 0.25) !important;
}
.layer-wrap.default .is-btm .enter-btn {
  background: var(--amp-btn-dark) !important;
  border: 1px solid #d4b56a !important;
  color: #e2c98a !important;
}
.layer-wrap.default .is-btm .cancel-btn {
  background: #222 !important;
  border: 1px solid #555 !important;
  color: #ddd !important;
}

/* Pagination */
.page,
.pageon,
.page_wrap a {
  background: var(--amp-btn-dark) !important;
  border: 1px solid rgba(197, 160, 89, 0.35) !important;
  color: #9a9a9a !important;
  border-radius: 0 !important;
}
.pageon,
.page:hover {
  border-color: #c5a059 !important;
  color: #d4b56a !important;
  box-shadow: var(--amp-glow);
}

.footer_wrap { border-top: 1px solid rgba(197, 160, 89, 0.18); }
.f_copy { color: #666 !important; }

.aside_wrap,
.m_menu_fix,
.aside,
.aside2 {
  background: #0a0a0a !important;
  background-image: linear-gradient(180deg, #141414, #0a0a0a) !important;
}
.mobile_menu1,
.mobile_menu2 { color: #d4b56a !important; }

html, body,
.main_center_center,
.contents_left,
.contents_right {
  scrollbar-color: #a8843f transparent !important;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
.main_center_center::-webkit-scrollbar-thumb,
.contents_left::-webkit-scrollbar-thumb,
.contents_right::-webkit-scrollbar-thumb {
  background-color: #a8843f !important;
}

.main_center_center_box .amp-home-banners-top .visuall_wrap,
.main_center_center_box .amp-home-banners-top .visuall_wrap_pin,
.main_center_center_box .amp-home-banner-wide,
.main_game1 li a,
.main_game2 li a {
  box-shadow: 0 0 0 1px rgba(197, 160, 89, 0.22), 0 8px 22px rgba(0, 0, 0, 0.45);
}
.main_game1 li a:hover,
.main_game2 li a:hover {
  box-shadow: var(--amp-glow), 0 0 0 1px #c5a059;
}

/* Override leftover neon yellow from basic/layout */
.font05,
.font07,
.font10,
.font11,
.my_font01 {
  color: #d4b56a !important;
}
.font01,
.font13 { color: #f0f0f0 !important; }
.font03,
.font08 { color: #8e8e8e !important; }