/* =====================================================================
   L2 Emerge — v2 polish (overrides only, keeps original look intact)
   ===================================================================== */

/* ---------- Brand (header = ELOGO only, footer = emergelogo) ---------- */
.emerge_brand{
  display:inline-flex;align-items:center;gap:10px;
  text-decoration:none;line-height:1;
}
.emerge_brand_mark{
  width:36px;height:36px;display:block;object-fit:contain;
  filter:none;
  transition:transform .25s ease;
}
.emerge_brand:hover .emerge_brand_mark{
  transform:scale(1.04);
  filter:none;
}
.emerge_brand_footer_img{
  display:block;height:48px;width:auto;object-fit:contain;
  filter:none;
}
.emerge_brand_footer:hover .emerge_brand_footer_img{
  filter:none;
}
.left_footer{display:flex;flex-direction:column;gap:10px;}
.text_12_medium_footer.txt_brown4{font-size:11.5px;letter-spacing:.02em;}

/* Hide legacy markup if it ever re-renders */
.logo_emerge,.logo_footer{display:none !important;}

/* ---------- Header polish ---------- */
.bk_header::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
}

/* Inline SVG icons in header nav */
.hdr_icon{
  width:20px;height:20px;display:block;flex-shrink:0;
  stroke:#CCC3BF;stroke-width:1.8;
  transition:stroke .2s ease;
}
.hdr_icon_sm{
  width:17px;height:17px;display:block;flex-shrink:0;
  stroke:currentColor;stroke-width:2;
}
.top_menu_content{
  border-radius:8px;
  transition:background-color .18s ease, color .18s ease;
}
.top_menu_content:hover{
  background:rgba(250,196,89,.06);
}
.top_menu_content:hover .hdr_icon{
  stroke:#FAC459;
}
.top_menu_content .text_11_white{
  font-weight:500;text-transform:none;letter-spacing:.02em;
}
.btn_account{
  border-radius:8px;
  transition:background-color .18s ease, color .18s ease, border-color .18s ease;
}
.btn_account:hover{
  background:rgba(250,196,89,.06);
}

/* --- New download button (replaces .btn_download in header) --- */
.btn_download_new{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 20px;border-radius:8px;
  background:#C68F2E;
  color:#1A1614;font:700 13px/1 'Onest',sans-serif;
  letter-spacing:.04em;text-decoration:none;white-space:nowrap;
  transition:filter .2s ease, transform .2s ease, box-shadow .2s ease;
  cursor:pointer;
}
.btn_download_new svg{stroke:#1A1614;flex-shrink:0;}
.btn_download_new:hover{
  filter:brightness(1.06);
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(250,196,89,.28);
}

/* --- Header "Download Client" outline button (right side of header) --- */
.btn_header_download{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;border-radius:8px;
  background:transparent;
  border:1px solid #4A3F38;
  color:#E9DFD2;
  font:600 12px/1 'Onest',sans-serif;
  letter-spacing:.02em;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
  transition:background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
.btn_header_download svg{stroke:currentColor;flex-shrink:0;}
.btn_header_download:hover{
  background:rgba(250,196,89,.06);
  border-color:#C68F2E;
  color:#FAC459;
  transform:translateY(-1px);
}

/* Legacy .btn_download kept functional for any other uses */
.btn_download{
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.btn_download:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(250,196,89,.18);
  filter:brightness(1.04);
}

/* --- Account button with email shown when logged in --- */
.btn_account_logged{
  gap:10px;
  padding:7px 14px !important;
  border:1px solid rgba(255,255,255,.06);
}
.btn_account_logged:hover{
  border-color:rgba(250,196,89,.2);
}
.account_header_info{
  display:flex;flex-direction:column;gap:3px;
  text-align:left;
}
.account_header_label{
  font:600 9.5px/1 'Onest',sans-serif;
  color:#6A5F58;
  text-transform:uppercase;letter-spacing:.1em;
}
.account_header_email{
  font:500 12.5px/1 'Onest',sans-serif;
  color:#E5DDD8;
  max-width:160px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* ---------- Coin pip used across pages ---------- */
.coin_pip{
  width:12px;height:12px;border-radius:999px;
  background:radial-gradient(circle at 30% 30%,#FFE7A6 0%,#C68F2E 65%,#7B5818 100%);
  box-shadow:0 0 0 1px rgba(0,0,0,.35) inset;
  display:inline-block;flex-shrink:0;
}

/* ---------- Buttons ---------- */
.btn_solid_gold{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  background:#FAC459;
  color:#1A1614;border:0;border-radius:10px;
  padding:11px 20px;font:400 13px/1 'Onest',sans-serif;letter-spacing:.04em;
  cursor:pointer;text-decoration:none;
  transition:filter .2s ease, transform .2s ease, box-shadow .2s ease;
}
.btn_solid_gold:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 6px 16px rgba(250,196,89,.22);}
.btn_outline_gold{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  background:transparent;color:#FAC459;border:1px solid #FAC459;border-radius:10px;
  padding:10px 20px;font:600 13px/1 'Onest',sans-serif;letter-spacing:.04em;
  cursor:pointer;text-decoration:none;
  transition:background-color .2s ease, color .2s ease;
}
.btn_outline_gold:hover{background:rgba(250,196,89,.10);}

/* =====================================================================
   Buy-coins page
   ===================================================================== */
.balance_card{
  display:flex;align-items:center;gap:24px;flex-wrap:wrap;
  padding:24px 28px;margin-bottom:20px;
  background:linear-gradient(180deg,#2B2522 0%,#23201D 100%);
  border:1px solid #3C342F;border-radius:16px;
  box-shadow:0 6px 22px rgba(0,0,0,.25);
}
.balance_card_left{display:flex;flex-direction:column;gap:6px;min-width:200px;}
.balance_card_label{font:600 11px/1 'Onest',sans-serif;color:#9A877E;text-transform:uppercase;letter-spacing:.12em;}
.balance_card_value{font:800 38px/1 'Onest',sans-serif;color:#FFF;display:flex;align-items:baseline;gap:8px;}
.balance_card_unit{font-size:14px;font-weight:500;color:#9A877E;letter-spacing:.04em;}
.send_to_game_form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;flex:1;justify-content:flex-end;}
.stg_field{display:flex;flex-direction:column;gap:6px;min-width:170px;}
.stg_field label{font:600 10.5px/1 'Onest',sans-serif;color:#9A877E;text-transform:uppercase;letter-spacing:.12em;}
.stg_select{background:#1A1614;border:1px solid #3C342F;border-radius:10px;color:#F1EAE1;padding:10px 12px;font:500 13px/1 'Onest',sans-serif;min-width:180px;cursor:pointer;transition:border-color .2s ease;}
.stg_select:focus{outline:none;border-color:#FAC459;}
.stg_send_btn{background:#C68F2E;color:#1A1614;border:0;border-radius:10px;padding:11px 22px;font:700 13px/1 'Onest',sans-serif;letter-spacing:.04em;cursor:pointer;transition:filter .2s ease;}
.stg_send_btn:hover{filter:brightness(1.08);}

.topup_card{background:#23201D;border:1px solid #3C342F;border-radius:16px;padding:28px;}
.topup_head{margin-bottom:20px;}
.topup_title{font:700 22px/1.2 'Onest',sans-serif;color:#FFF;}
.topup_sub{font:400 13.5px/1.5 'Onest',sans-serif;color:#9A877E;margin-top:4px;}
.topup_warning{background:rgba(250,196,89,.07);border:1px solid rgba(250,196,89,.25);color:#E5C47B;border-radius:10px;padding:12px 14px;font:500 13px/1.5 'Onest',sans-serif;margin-bottom:16px;}
.topup_warning code{background:rgba(0,0,0,.25);padding:2px 6px;border-radius:4px;color:#FAC459;font-size:12px;}
.topup_grid{display:grid;grid-template-columns:1fr 320px;gap:24px;}
.topup_block_label{font:600 11px/1 'Onest',sans-serif;color:#9A877E;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;}

.pay_methods{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.pay_method{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 14px 12px;background:#1A1614;border:1px solid #3C342F;border-radius:12px;cursor:pointer;transition:border-color .2s ease, background .2s ease;text-align:left;font-family:'Onest',sans-serif;color:#F1EAE1;}
.pay_method:hover{border-color:#5C4F49;}
.pay_method.active{border-color:#FAC459;background:rgba(250,196,89,.06);}
.pay_method_dot{width:12px;height:12px;border-radius:999px;border:2px solid #5C4F49;background:#1A1614;transition:all .2s ease;}
.pay_method.active .pay_method_dot{border-color:#FAC459;background:#FAC459;box-shadow:0 0 0 3px rgba(250,196,89,.18);}
.pay_method_label{font:600 14px/1 'Onest',sans-serif;color:#FFF;}
.pay_method_hint{font:400 12px/1.4 'Onest',sans-serif;color:#9A877E;}

.amount_tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;}
.amount_tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 12px;background:#1A1614;border:1px solid #3C342F;border-radius:12px;cursor:pointer;transition:all .2s ease;font-family:'Onest',sans-serif;color:#F1EAE1;position:relative;}
.amount_tile:hover{border-color:#5C4F49;transform:translateY(-1px);}
.amount_tile.selected{border-color:#FAC459;background:rgba(250,196,89,.08);box-shadow:0 6px 18px rgba(250,196,89,.12);}
.amount_tile_usd{font:800 22px/1 'Onest',sans-serif;color:#FFF;}
.amount_tile.selected .amount_tile_usd{color:#FAC459;}
.amount_tile_coins{font:500 12px/1 'Onest',sans-serif;color:#B3A59E;}
.amount_tile_bonus{font:700 10px/1 'Onest',sans-serif;color:#7BD389;text-transform:uppercase;letter-spacing:.08em;margin-top:4px;}

.topup_right{display:flex;flex-direction:column;gap:16px;}
.topup_summary{background:#1A1614;border:1px solid #3C342F;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px;}
.topup_summary_row{display:flex;justify-content:space-between;align-items:center;font:500 13px/1 'Onest',sans-serif;color:#B3A59E;}
.topup_summary_row.total{font:700 18px/1 'Onest',sans-serif;color:#FFF;}
.topup_summary_row.total span:last-child{color:#FAC459;}
.topup_summary_sep{height:1px;background:#3C342F;}
.topup_secure{display:flex;align-items:center;gap:6px;justify-content:center;font:500 11.5px/1 'Onest',sans-serif;color:#9A877E;}
.topup_secure svg{color:#7BD389;}
.topup_bonus_form{display:flex;gap:8px;}
.topup_bonus_form input{flex:1;background:#1A1614;border:1px solid #3C342F;border-radius:10px;color:#F1EAE1;padding:10px 12px;font:500 13px/1 'Onest',sans-serif;}
.topup_bonus_form input:focus{outline:none;border-color:#FAC459;}
.topup_bonus_form button{background:transparent;border:1px solid #5C4F49;color:#CCC3BF;border-radius:10px;padding:10px 14px;cursor:pointer;font:600 12px/1 'Onest',sans-serif;letter-spacing:.04em;transition:all .2s ease;}
.topup_bonus_form button:hover{border-color:#FAC459;color:#FAC459;}

@media only screen and (max-width:1024px){
  .topup_grid{grid-template-columns:1fr;}
  .send_to_game_form{justify-content:flex-start;}
}
@media only screen and (max-width:600px){
  .balance_card{padding:20px;}
  .balance_card_value{font-size:30px;}
  .topup_card{padding:18px;}
  .pay_methods{grid-template-columns:1fr;}
}

/* =====================================================================
   Reborn-style shop (rs_*)
   ===================================================================== */

/* Title */
.rs_title{
  font:800 28px/1.15 'Onest',sans-serif;color:#FFF;margin:0 0 20px;
}

/* Server pill tabs */
.rs_server_tabs{
  display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;
}
.rs_server_pill{
  padding:10px 28px;border-radius:10px;
  background:transparent;border:1px solid #3C342F;
  color:#B3A59E;text-decoration:none;
  font:600 13.5px/1 'Onest',sans-serif;
  transition:all .2s ease;cursor:pointer;text-align:center;
  min-width:110px;
}
.rs_server_pill:hover{border-color:#5C4F49;color:#FFF;}
.rs_server_pill.active{
  background:#C68F2E;border-color:transparent;
  color:#1A1614;font-weight:700;
}

/* Flash messages */
.rs_flash{padding:12px 16px;border-radius:10px;font:500 13px/1.5 'Onest',sans-serif;margin-bottom:8px;}
.rs_flash_ok{background:rgba(72,187,120,.10);border:1px solid rgba(72,187,120,.35);color:#9AE6B4;}
.rs_flash_err{background:rgba(229,62,62,.10);border:1px solid rgba(229,62,62,.35);color:#FEB2B2;}

/* Empty state */
.rs_empty{
  text-align:center;padding:60px 20px;
  background:#23201D;border:1px solid #3C342F;border-radius:14px;
  font:500 14px/1.5 'Onest',sans-serif;color:#9A877E;
}

/* Card grid — 2 columns */
.rs_grid{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;
}

/* Service card */
.rs_card{
  position:relative;
  display:flex;flex-direction:column;gap:0;
  padding:20px 22px 18px;
  background:#23201D;border:1px solid #3C342F;border-radius:14px;
  text-decoration:none;color:inherit;
  transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
  border-left:3px solid transparent;
}
.rs_card:hover{
  border-color:#5C4F49;
  transform:translateY(-1px);
  box-shadow:0 6px 20px rgba(0,0,0,.22);
}
.rs_card_free{
  border-left-color:#48BB78;
}
.rs_card_free:hover{
  border-left-color:#48BB78;
}

/* Top row: icon + body + free badge */
.rs_card_top{
  display:flex;align-items:flex-start;gap:14px;margin-bottom:14px;
}
.rs_card_icon{
  width:46px;height:46px;border-radius:10px;
  background:rgba(250,196,89,.08);color:#FAC459;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.rs_card_free .rs_card_icon{
  background:rgba(72,187,120,.10);color:#48BB78;
}
.rs_card_body{
  text-align: left;
  min-width:0;flex:1;
}
.rs_card_name{
  font:700 15px/1.3 'Onest',sans-serif;color:#FFF;margin-bottom:3px;
}
.rs_card_desc{
  font:400 12.5px/1.5 'Onest',sans-serif;color:#9A877E;
}

/* Free badge — top right */
.rs_card_badge_free{
  position:absolute;top:18px;right:20px;
  font:700 11px/1 'Onest',sans-serif;color:#48BB78;
}

/* Bottom row: price + button */
.rs_card_foot{
  display:flex;align-items:center;justify-content:space-between;
  margin-top:auto;padding-top:0;
}
.rs_card_price{
  display:flex;align-items:center;gap:6px;
}
.rs_card_price_val{
  font:800 16px/1 'Onest',sans-serif;color:#FAC459;
}
.rs_card_price_unit{
  font:500 12px/1 'Onest',sans-serif;color:#9A877E;
}
.rs_card_btn{
  display:inline-flex;align-items:center;gap:5px;
  padding:8px 16px;border-radius:8px;
  background:transparent;border:1px solid #5C4F49;
  color:#CCC3BF;font:600 12px/1 'Onest',sans-serif;
  transition:all .2s ease;cursor:pointer;
}
.rs_card_btn:hover{border-color:#FAC459;color:#FAC459;}
.rs_card_btn_free{
  border-color:#48BB78;color:#48BB78;
}
.rs_card_btn_free:hover{border-color:#68D391;color:#68D391;}

/* Pagination */
.rs_pagination{margin-top:16px;}

@media only screen and (max-width:860px){
  .rs_grid{grid-template-columns:1fr;}
}
@media only screen and (max-width:600px){
  .rs_title{font-size:22px;}
  .rs_server_pill{padding:8px 16px;min-width:80px;font-size:12px;}
}

/* =====================================================================
   Service detail (still used by shop.show)
   ===================================================================== */
.service_detail_wrap{padding:32px 0 60px;display:flex;flex-direction:column;gap:18px;}
.back_link{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;color:#9A877E;text-decoration:none;font:500 12.5px/1 'Onest',sans-serif;text-transform:capitalize;transition:color .2s ease;}
.back_link:hover{color:#FAC459;}
.service_detail_grid{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:flex-start;}
.service_detail_left{background:#23201D;border:1px solid #3C342F;border-radius:14px;padding:28px;}
.service_detail_icon{width:64px;height:64px;border-radius:14px;background:rgba(250,196,89,.10);color:#FAC459;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.service_detail_meta{font:600 11px/1 'Onest',sans-serif;color:#9A877E;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;}
.service_detail_name{font:800 28px/1.15 'Onest',sans-serif;color:#FFF;margin:0 0 12px;}
.service_detail_price{display:flex;align-items:center;gap:8px;font:800 22px/1 'Onest',sans-serif;color:#FAC459;margin-bottom:18px;}
.service_detail_price_unit{font:500 13px/1 'Onest',sans-serif;color:#9A877E;letter-spacing:.04em;margin-left:4px;}
.service_detail_desc{font:400 14px/1.7 'Onest',sans-serif;color:#B3A59E;margin-bottom:20px;}
.service_detail_note{background:#1A1614;border:1px solid #3C342F;border-radius:10px;padding:14px 16px;font:400 12.5px/1.6 'Onest',sans-serif;color:#9A877E;}
.service_detail_note strong{color:#CCC3BF;}

.service_form_card{background:#23201D;border:1px solid #3C342F;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:10px;position:sticky;top:80px;}
.service_form_title{font:700 16px/1 'Onest',sans-serif;color:#FFF;margin-bottom:6px;}
.service_form_label{font:600 11px/1 'Onest',sans-serif;color:#9A877E;text-transform:uppercase;letter-spacing:.12em;margin-top:10px;}
.service_form_select,.service_form_input{background:#1A1614;border:1px solid #3C342F;border-radius:10px;color:#F1EAE1;padding:11px 12px;font:500 13.5px/1 'Onest',sans-serif;width:100%;box-sizing:border-box;}
.service_form_select:focus,.service_form_input:focus{outline:none;border-color:#FAC459;}
.service_form_hint{font:400 11.5px/1.5 'Onest',sans-serif;color:#9A877E;margin-top:2px;}
.service_form_total{display:flex;justify-content:space-between;align-items:center;margin:14px 0 4px;padding-top:14px;border-top:1px solid #2A2522;font:500 13px/1 'Onest',sans-serif;color:#B3A59E;}
.service_form_total strong{color:#FAC459;font-weight:800;font-size:16px;}
.service_form_btn{width:100%;padding:12px 16px !important;font-size:14px !important;}
.service_form_balance{text-align:center;font:400 11.5px/1 'Onest',sans-serif;color:#9A877E;margin-top:6px;}
.service_form_balance strong{color:#FAC459;}

@media only screen and (max-width:1024px){
  .service_detail_grid{grid-template-columns:1fr;}
  .service_form_card{position:static;}
}

/* ===================== Support ticket system ===================== */
.sup_header{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  margin-bottom:24px; text-align: left;
}
.sup_title{
  font:700 22px/1.2 'Onest',sans-serif;color:#F5EDE8;margin:0 0 4px;text-align: left;
}
.sup_subtitle{
  font:400 13px/1.4 'Onest',sans-serif;color:#9A877E;margin:0; margin-top: 1em; text-align: left;
}
.sup_back{
  display:inline-block;font:500 12px/1 'Onest',sans-serif;color:#9A877E;
  text-decoration:none;margin-bottom:8px;transition:color .15s;
}
.sup_back:hover{color:#FAC459;}

/* "New ticket" button */
.sup_btn_new{
  flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;
  background:#FAC459;
  font:400 13px/1 'Onest',sans-serif;color:#1A1614;text-decoration:none;
  transition:filter .15s,transform .15s;
}
.sup_btn_new:hover{filter:brightness(1.08);transform:translateY(-1px);}

/* Status tabs */
.sup_tabs{
  display:flex;gap:4px;margin-bottom:20px;
  border-bottom:1px solid #3C342F;padding-bottom:0;
}
.sup_tab{
  padding:8px 16px;font:500 12px/1 'Onest',sans-serif;color:#9A877E;
  text-decoration:none;border-bottom:2px solid transparent;
  transition:color .15s,border-color .15s;
}
.sup_tab:hover{color:#F5EDE8;}
.sup_tab_active{color:#FAC459;border-bottom-color:#FAC459;}

/* Empty state */
.sup_empty{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:48px 16px;gap:12px;
}
.sup_empty_text{font:400 14px/1 'Onest',sans-serif;color:#564F4A;}

/* Ticket list */
.sup_ticket_list{display:flex;flex-direction:column;gap:2px;}
.sup_ticket_row{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px;background:#1E1B18;border-radius:8px;
  text-decoration:none;transition:background .15s;
}
.sup_ticket_row:hover{background:#262220;}
.sup_ticket_left{display:flex;flex-direction:column;gap:4px;min-width:0;}
.sup_ticket_subject{
  text-align: left;
  font:500 14px/1.3 'Onest',sans-serif;color:#F5EDE8;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.sup_ticket_date{font:400 11px/1 'Onest',sans-serif;color:#6A5F58;}

/* Status badges */
.sup_badge{
  flex-shrink:0;padding:4px 10px;border-radius:999px;
  font:500 11px/1 'Onest',sans-serif;text-transform:capitalize;
}
.sup_badge_open{background:rgba(76,166,255,.12);color:#4CA6FF;}
.sup_badge_in_progress{background:rgba(250,196,89,.12);color:#FAC459;}
.sup_badge_closed{background:rgba(106,95,88,.15);color:#9A877E;}

/* Ticket form */
.sup_form{margin-bottom:32px;}
.sup_field{margin-bottom:16px;}
.sup_label{
  display:block;font:500 12px/1 'Onest',sans-serif;color:#9A877E;
  margin-bottom:6px;
  text-align: left;
}
.sup_input{
  width:100%;padding:10px 12px;border-radius:8px;border:1px solid #3C342F;
  background:#1E1B18;color:#F5EDE8;font:400 13px/1.4 'Onest',sans-serif;
  outline:none;transition:border-color .15s;
}
.sup_input:focus{border-color:#FAC459;}
.sup_textarea{
  width:100%;padding:10px 12px;border-radius:8px;border:1px solid #3C342F;
  background:#1E1B18;color:#F5EDE8;font:400 13px/1.4 'Onest',sans-serif;
  outline:none;resize:vertical;transition:border-color .15s;
}
.sup_textarea:focus{border-color:#FAC459;}
.sup_error{display:block;font:400 11px/1 'Onest',sans-serif;color:#FF6B6B;margin-top:4px;}
.sup_form_actions{display:flex;gap:10px;justify-content:flex-end;}
.sup_btn_cancel{
  padding:10px 20px;border-radius:8px;background:transparent;
  border:1px solid #3C342F;color:#9A877E;font:500 13px/1 'Onest',sans-serif;
  text-decoration:none;transition:border-color .15s,color .15s;
}
.sup_btn_cancel:hover{border-color:#6A5F58;color:#F5EDE8;}
.sup_btn_submit{
  padding:10px 20px;border-radius:8px;border:0;cursor:pointer;
  background:#FAC459;
  font:400 13px/1 'Onest',sans-serif;color:#1A1614;
  transition:filter .15s,transform .15s;
}
.sup_btn_submit:hover{filter:brightness(1.08);transform:translateY(-1px);}

/* FAQ accordion */
.sup_faq_section{margin-top:8px;border-top:1px solid #3C342F;padding-top:24px;}
.sup_faq_heading{font:600 16px/1.2 'Onest',sans-serif;color:#F5EDE8;margin:0 0 16px;}
.sup_faq_item{
  border:1px solid #3C342F;border-radius:8px;margin-bottom:8px;
  overflow:hidden;
}
.sup_faq_item[open]{border-color:#4A413A;}
.sup_faq_q{
  padding:12px 16px;font:500 13px/1.4 'Onest',sans-serif;color:#CCC3BF;
  cursor:pointer;list-style:none;transition:background .15s;
}
.sup_faq_q::-webkit-details-marker{display:none;}
.sup_faq_q::before{
  content:'';display:inline-block;width:6px;height:6px;
  border-right:1.5px solid #9A877E;border-bottom:1.5px solid #9A877E;
  transform:rotate(-45deg);margin-right:10px;transition:transform .2s;
}
.sup_faq_item[open] .sup_faq_q::before{transform:rotate(45deg);}
.sup_faq_q:hover{background:#1E1B18;}
.sup_faq_a{
  padding:14px 16px ;font:400 13px/1.6 'Onest',sans-serif;color:#9A877E;
}

/* Ticket messages (show page) */
.sup_msg{
  padding:16px;border-radius:8px;margin-bottom:8px;
}
.sup_msg_user{background:#1E1B18;border:1px solid #3C342F;}
.sup_msg_staff{background:#1E1B18;border:1px solid rgba(250,196,89,.2);}
.sup_msg_meta{display:flex;gap:8px;align-items:center;margin-bottom:8px;}
.sup_msg_author{font:600 12px/1 'Onest',sans-serif;color:#CCC3BF;}
.sup_msg_staff .sup_msg_author{color:#FAC459;}
.sup_msg_date{font:400 11px/1 'Onest',sans-serif;color:#6A5F58;}
.sup_msg_body{font:400 13px/1.6 'Onest',sans-serif;color:#F5EDE8;text-align: left;}

/* Reply form */
.sup_reply_form{margin-top:16px;display:flex;flex-direction:column;gap:10px;align-items:flex-end;}
.sup_reply_form .sup_textarea{width:100%;}

/* Closed notice */
.sup_closed_notice{
  margin-top:16px;padding:12px 16px;border-radius:8px;
  background:rgba(106,95,88,.1);border:1px solid #3C342F;
  font:400 13px/1 'Onest',sans-serif;color:#6A5F58;text-align:center;
}

/* ===================== Account stack (multiple wraps stacked) ===================== */
.account_stack{display:flex;flex-direction:column;gap:16px;}

/* Make settings_card visually identical to game_accounts_wrap for consistency */
.settings_card{
  background:#26211E !important;
  padding:20px !important;
  margin-bottom:16px !important;
}

/* ===================== ecoin icon ===================== */
.ecoin_icon{
  width:64px;height:64px;display:inline-block;flex-shrink:0;
}
.ecoin_icon_hdr{
  width:36px;height:36px;display:inline-block;flex-shrink:0;
}
.ecoin_icon_sm{
  width:28;height:28px;display:inline-block;vertical-align:middle;flex-shrink:0;
}
.ecoin_icon_xs{
  width:14px;height:14px;display:inline-block;vertical-align:middle;flex-shrink:0;
}
/* Larger coin icon in shop price row */
.rs_card_price .ecoin_icon_xs{
  width:28px;height:28px;
}

/* ===================== Buy Coins (Reborn-style) ===================== */
/* Coin balance card */
.balance_wrap{padding:20px 24px !important;}
.balance_row{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.balance_left{display:flex;flex-direction:row;align-items:center;gap:16px;}
.balance_text{display:flex;flex-direction:column;gap:4px;}
.balance_label{
  font:500 12px/1 'Onest',sans-serif;color:#9A877E;text-align: left;
}
.balance_value_row{
  display:flex;align-items:center;gap:10px;
}
.balance_value{
  font:700 28px/1 'Onest',sans-serif;color:#F5EDE8;
}
.balance_refresh{
  background:transparent;border:0;color:#9A877E;cursor:pointer;padding:4px;
  display:flex;align-items:center;justify-content:center;border-radius:6px;
  transition:color .15s,background .15s,transform .6s ease;
}
.balance_refresh:hover{color:#FAC459;background:rgba(250,196,89,.06);}

/* Outline gold arrow button (Send to game) */
.btn_outline_gold_arrow{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 18px;border-radius:8px;cursor:pointer;
  background:transparent;border:1px solid #FAC459;color:#FAC459;
  font:600 12.5px/1 'Onest',sans-serif;
  transition:background .15s,filter .15s;
}
.btn_outline_gold_arrow:hover{background:rgba(250,196,89,.08);}

/* Top-up row */
.topup_wrap{padding:20px 24px !important;}
.topup_row{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:12px;align-items:end;
}
.topup_select_wrap{display:flex;flex-direction:column;gap:6px;min-width:0;}
.topup_select_label{
  font:500 11px/1 'Onest',sans-serif;color:#9A877E;text-align: left;
}
.topup_select{
  width:100%;padding:11px 36px 11px 14px;border-radius:8px;
  background:#1E1B18;border:1px solid #3C342F;color:#F5EDE8;
  font:500 13px/1 'Onest',sans-serif;outline:none;cursor:pointer;
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239A877E' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;
  transition:border-color .15s;
}
.topup_select:hover,.topup_select:focus{border-color:#4A413A;}

.topup_info_note{
  grid-column:1 / -1;
  color:#9A877E;
  font:500 12px/1.45 'Onest',sans-serif;
  padding-top:2px;
  text-align:left;
}

.btn_solid_gold_coin{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 22px;border-radius:8px;border:0;cursor:pointer;
  background:linear-gradient(180deg,#FAC459 0%,#C68F2E 100%);
  color:#1A1614;font:400 13px/1 'Onest',sans-serif;
  transition:filter .15s,transform .15s;white-space:nowrap;
}
.btn_solid_gold_coin:hover{filter:brightness(1.08);transform:translateY(-1px);}

.paypal_container{margin-top:16px;}

/* ==================================================================
   Checkout modal (PayPal Smart Buttons)
   ================================================================== */
body.no_scroll{overflow:hidden;}
.checkout_modal{
  position:fixed;inset:0;z-index:1200;
  display:flex;align-items:center;justify-content:center;
  padding:24px;
  min-width:0;
}
.checkout_modal[hidden]{display:none;}
.checkout_backdrop{
  position:absolute;inset:0;
  background:rgba(8,6,5,.72);backdrop-filter:blur(6px);
  opacity:0;transition:opacity .18s ease;
}
.checkout_modal.is_open .checkout_backdrop{opacity:1;}
.checkout_dialog{
  position:relative;z-index:1;
  width:min(520px, calc(100vw - 48px));
  max-width:100%;
  background:linear-gradient(180deg,#26221E 0%,#1C1815 100%);
  border:1px solid #3C342F;border-radius:16px;
  box-shadow:0 24px 60px rgba(0,0,0,.55), 0 0 0 1px rgba(250,196,89,.04);
  padding:26px 26px 22px;
  transform:translateY(12px) scale(.985);opacity:0;
  transition:transform .22s cubic-bezier(.2,.9,.3,1.2), opacity .18s ease;
}
.checkout_modal.is_open .checkout_dialog{transform:translateY(0) scale(1);opacity:1;}
.checkout_close{
  position:absolute;top:12px;right:12px;
  width:32px;height:32px;border-radius:8px;cursor:pointer;
  background:transparent;border:1px solid transparent;color:#9A877E;
  display:inline-flex;align-items:center;justify-content:center;
  transition:background .15s,color .15s,border-color .15s;
}
.checkout_close:hover{background:rgba(255,255,255,.04);color:#FAC459;border-color:#3C342F;}
.checkout_head{margin-bottom:18px;padding-right:32px;}
.checkout_eyebrow{
  font:600 10.5px/1 'Onest',sans-serif;color:#9A877E;
  text-transform:uppercase;letter-spacing:.14em;margin-bottom:6px;
}
.checkout_title{font:700 19px/1.25 'Onest',sans-serif;color:#FFF;margin:0;}
.checkout_summary{
  background:#16120F;border:1px solid #2E2823;border-radius:12px;
  padding:14px 16px;margin-bottom:18px;
}
.checkout_summary_row{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  font:500 13px/1.3 'Onest',sans-serif;color:#B3A59E;
}
.checkout_summary_label{color:#9A877E;}
.checkout_summary_value{display:inline-flex;align-items:center;gap:6px;color:#F1EAE1;font-weight:600;}
.checkout_summary_value .ecoin_icon_sm{width:16px;height:16px;}
.checkout_bonus{color:#7BD389;font-weight:500;font-size:12px;}
.checkout_summary_sep{height:1px;background:#2E2823;margin:12px 0;}
.checkout_summary_total{font:700 16px/1 'Onest',sans-serif;color:#FFF;}
.checkout_summary_total span:last-child{color:#FAC459;}
.checkout_methods_label{
  font:600 10.5px/1 'Onest',sans-serif;color:#9A877E;
  text-transform:uppercase;letter-spacing:.14em;margin-bottom:10px;
}
.checkout_paypal{min-height:96px;}
/* Stripe Elements card field inside the checkout modal. */
.checkout_stripe{margin-top:14px;display:flex;flex-direction:column;gap:10px;}
.checkout_stripe[hidden]{display:none !important;}
.stripe_card_element{padding:12px 14px;border:1px solid rgba(212,175,106,.35);border-radius:10px;background:rgba(20,16,10,.55);transition:border-color .18s ease, box-shadow .18s ease;}
.stripe_card_element.StripeElement--focus{border-color:#d4af6a;box-shadow:0 0 0 3px rgba(212,175,106,.18);}
.stripe_card_errors{min-height:18px;color:#ff8a8a;font-size:13px;}
.stripe_express_checkout_element{min-height:44px;}
.stripe_ec_divider{display:flex;align-items:center;gap:10px;color:#7E726B;font-size:12px;}
.stripe_ec_divider::before,.stripe_ec_divider::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.1);}
.stripe_pay_btn{align-self:stretch;justify-content:center;}
.checkout_secure{
  display:flex;align-items:center;justify-content:center;gap:6px;
  margin-top:14px;
  font:500 11.5px/1.4 'Onest',sans-serif;color:#7E726B;text-align:center;
}
.checkout_secure svg{color:#7BD389;flex-shrink:0;}
@media only screen and (max-width:480px){
  .checkout_modal{padding:16px;align-items:center;}
  .checkout_dialog{
    width:100%;
    padding:20px 16px 16px;
    max-height:calc(100dvh - 32px);
    overflow-y:auto;
    border-radius:14px;
  }
}
.topup_warning{
  padding:10px 14px;border-radius:8px;
  background:rgba(255,180,80,.08);border:1px solid rgba(255,180,80,.2);
  color:#E5B86A;font:400 12px/1.5 'Onest',sans-serif;
}
.topup_warning code{
  background:rgba(0,0,0,.3);padding:1px 5px;border-radius:3px;
  font:500 11px/1 'JetBrains Mono','Consolas',monospace;color:#FAC459;
}

/* Bonus code row */
.bonus_wrap{padding:20px 24px !important;}
.bonus_row{
  display:flex;align-items:center;gap:12px;
}
.bonus_input{
  flex:1;padding:11px 14px;border-radius:8px;
  background:#1E1B18;border:1px solid #3C342F;color:#F5EDE8;
  font:400 13px/1.4 'Onest',sans-serif;outline:none;
  transition:border-color .15s;
}
.bonus_input:focus{border-color:#FAC459;}
.bonus_input::placeholder{color:#564F4A;}

.btn_outline_gold_sm{
  padding:11px 18px;border-radius:8px;cursor:pointer;
  background:transparent;border:1px solid #FAC459;color:#FAC459;
  font:600 12.5px/1 'Onest',sans-serif;white-space:nowrap;
  transition:background .15s;
}
.btn_outline_gold_sm:hover{background:rgba(250,196,89,.08);}

@media only screen and (max-width:680px){
  .topup_row{grid-template-columns:1fr;}
  .balance_row{flex-direction:column;align-items:stretch;}
  .balance_row .btn_outline_gold_arrow{justify-content:center;}
  .bonus_row{flex-direction:column;align-items:stretch;}
}

/* =====================================================================
   Media / Streamers Section (home page)
   ===================================================================== */
.media_section_wrap{
  width:100%;
  margin:0px 0 20px;
}

.media_section_header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.media_section_title_group{
  display:flex;
  align-items:baseline;
  gap:14px;
  flex-wrap:wrap;
}
.media_section_sub{
  font:400 13px/1 'Onest',sans-serif;
  color:#6A5F58;
}
.media_see_all{
  display:inline-flex;align-items:center;gap:4px;
  font:500 12.5px/1 'Onest',sans-serif;
  color:#9A877E;text-decoration:none;
  transition:color .2s ease;
  white-space:nowrap;
  flex-shrink:0;
}
.media_see_all:hover{color:#FAC459;}
.media_see_all svg{stroke:#9A877E;transition:stroke .2s ease,transform .2s ease;}
.media_see_all:hover svg{stroke:#FAC459;transform:translateX(2px);}

.media_cards_grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

/* Stream card */
.media_stream_card{
  background:#23201D;
  border:1px solid #2E2724;
  border-radius:14px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
  cursor:pointer;
}
/* Thumbnail area */
.media_card_thumb{
  position:relative;
  height:140px;
  background:#1A1614;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.media_card_thumb_1{
  background:linear-gradient(135deg,#1A1210 0%,#2B1A14 40%,#3D2415 70%,#2B1A14 100%);
}
.media_card_thumb_2{
  background:linear-gradient(135deg,#0F1620 0%,#131F2E 40%,#1A2A3D 70%,#131F2E 100%);
}
.media_card_thumb_3{
  background:linear-gradient(135deg,#0D1A12 0%,#122016 40%,#1A2E1F 70%,#122016 100%);
}

.media_card_overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  background:rgba(0,0,0,.35);
  transition:opacity .2s ease;
}
.media_stream_card:hover .media_card_overlay{opacity:1;}

/* Live badge */
.media_live_badge{
  position:absolute;
  top:10px;left:10px;
  display:inline-flex;align-items:center;gap:5px;
  padding:3px 8px;border-radius:4px;
  background:rgba(220,50,50,.85);
  font:700 10px/1 'Onest',sans-serif;color:#FFF;
  letter-spacing:.08em;backdrop-filter:blur(4px);
  z-index:2;
}
.media_live_yt{background:rgba(255,0,0,.82);}

.media_live_dot{
  width:6px;height:6px;border-radius:50%;
  background:#FF6B6B;
  box-shadow:0 0 6px #FF6B6B;
  animation:media_pulse 1.5s ease-in-out infinite;
  flex-shrink:0;
}
.media_live_dot_yt{background:#FFF;box-shadow:0 0 6px rgba(255,255,255,.7);}
.media_live_dot_sm{
  display:inline-block;
  width:6px;height:6px;border-radius:50%;
  background:#E55;
  box-shadow:0 0 5px #E55;
  margin-right:4px;
  vertical-align:middle;
  flex-shrink:0;
  animation:media_pulse 1.5s ease-in-out infinite;
}
@keyframes media_pulse{
  0%,100%{opacity:1;}
  50%{opacity:.5;}
}

/* Platform badge */
.media_platform_badge{
  position:absolute;
  bottom:10px;right:10px;
  display:inline-flex;align-items:center;gap:5px;
  padding:3px 8px;border-radius:4px;
  font:600 10px/1 'Onest',sans-serif;
  backdrop-filter:blur(4px);
  z-index:2;
}
.media_twitch_badge{
  background:rgba(100,65,165,.88);
  color:#ffffff;
}
.media_yt_badge{
  background:rgba(200,0,0,.88);
  color:#fff;
}

.media_kick_badge {
    color: rgb(0, 0, 0);
    background: rgba(8, 237, 0, 0.88);
}

/* Card info */
.media_card_info{
  padding:12px 14px 14px;
  display:flex;
  flex-direction:column;
  gap:6px;
  flex:1;
}
.media_card_identity{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.media_card_avatar{
  width:28px;
  height:28px;
  border-radius:50%;
  flex:0 0 28px;
  display:block;
  object-fit:cover;
  background:#2A2421;
  border:1px solid rgba(227,185,117,.35);
}
.media_card_streamer{
  font:700 14px/1 'Onest',sans-serif;
  color:#F5EDE8;
}
.media_card_desc{
  text-align: left;
  font:400 12px/1.4 'Onest',sans-serif;
  color:#7A6F68;
}
.media_card_meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:4px;
  flex-wrap:wrap;
  gap:6px;
}
.media_viewer_count{
  display:inline-flex;align-items:center;
  font:500 11.5px/1 'Onest',sans-serif;
  color:#9A877E;
}
.media_server_tag{
  font:600 10.5px/1 'Onest',sans-serif;
  color:#5C4F49;
  background:rgba(255,255,255,.04);
  border:1px solid #2E2724;
  border-radius:4px;
  padding:3px 7px;
}

/* CTA card */
.media_card_cta{
  border-style:dashed;
  border-color:#2E2724;
  background:rgba(30,27,24,.6);
  cursor:default;
}
.media_card_cta:hover{
  transform:none;
  box-shadow:none;
  border-color:#3C342F;
}
.media_cta_inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:28px 20px;
  gap:10px;
  flex:1;
}
.media_cta_icon{
  color:#FAC459;
  opacity:.55;
  margin-bottom:4px;
}
.media_cta_title{
  font:700 14px/1.2 'Onest',sans-serif;
  color:#CCC3BF;
}
.media_cta_text{
  font:400 12px/1.5 'Onest',sans-serif;
  color:#6A5F58;
}
.media_cta_btn{
  display:inline-flex;align-items:center;
  padding:9px 18px;border-radius:8px;
  background:transparent;border:1px solid #4A3F38;
  color:#9A877E;font:600 12px/1 'Onest',sans-serif;
  text-decoration:none;margin-top:4px;
  transition:border-color .2s ease, color .2s ease;
}
.media_cta_btn:hover{border-color:#FAC459;color:#FAC459;}

@media only screen and (max-width:1180px){
  .media_cards_grid{grid-template-columns:repeat(2,1fr);}
}
@media only screen and (max-width:640px){
  .media_cards_grid{grid-template-columns:1fr;}
  .media_card_cta{display:none;}
}

/* =====================================================================
   Footer — enhanced visual
   ===================================================================== */
.footer_top_divider{
  height:1px;
  background:linear-gradient(90deg,transparent 0%,#3C342F 20%,#4A3F38 50%,#3C342F 80%,transparent 100%);
  margin-bottom:0;
}
.footer_content{
  padding:52px 0 60px !important;
}
.footer_tagline{
  font:400 12px/1.5 'Onest',sans-serif;
  color:#4A403A;
  margin:0;
}
.footer_copy{
  color:#3A332E !important;
  font-size:11px !important;
}
.footer_label{
  font:700 10.5px/1 'Onest',sans-serif !important;
  color:#4A403A !important;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.footer_links_row{
  gap:10px !important;
  row-gap:8px !important;
}

.footer_right_inner{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:14px;
}
.footer_social_label{
  font:600 10.5px/1 'Onest',sans-serif;
  color:#4A403A;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.footer_social{
  width:32px !important;
  height:32px !important;
  background:rgba(255,255,255,.03) !important;
  border:1px solid #2E2724;
  border-radius:8px !important;
  transition:background .2s ease, border-color .2s ease, transform .2s ease !important;
}
.footer_social:hover{
  background:rgba(250,196,89,.07) !important;
  border-color:#4A3F38;
  opacity:1 !important;
  transform:translateY(-2px) !important;
}
.footer_social_discord:hover{
  background:rgba(88,101,242,.12) !important;
  border-color:rgba(88,101,242,.35) !important;
}
.footer_download_btn{
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 16px;border-radius:8px;
  background:transparent;border:1px solid #CCC3BF;
  color:#CCC3BF;font:600 12px/1 'Onest',sans-serif;
  text-decoration:none;
  transition:border-color .2s ease, color .2s ease, background .2s ease;
  white-space:nowrap;
}
.footer_download_btn svg{stroke:#CCC3BF;transition:stroke .2s ease;}
.footer_download_btn:hover{
  border-color:#FAC459;
  color:#FAC459;
  background:rgba(250,196,89,.06);
}
.footer_download_btn:hover svg{stroke:#FAC459;}

@media only screen and (max-width:1024px){
  .footer_right_inner{align-items:flex-start;}
}
@media only screen and (max-width:768px){
  .footer_wrap{flex-direction:column;gap:32px;}
  .right_footer{width:100%;}
  .footer_right_inner{flex-direction:row;flex-wrap:wrap;align-items:center;}
  .footer_social_label{display:none;}
}

/* =====================================================================
   Language dropdown — two-column grid when long list
   ===================================================================== */
.language_list_wrap{
  display:grid !important;
  grid-template-columns:1fr 1fr;
  gap:2px;
  min-width:240px !important;
  max-height:370px;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:#3C342F #1A1614;
}
.language_list_wrap::-webkit-scrollbar{width:4px;}
.language_list_wrap::-webkit-scrollbar-track{background:#1A1614;}
.language_list_wrap::-webkit-scrollbar-thumb{background:#3C342F;border-radius:2px;}

.btn_language{
  text-decoration:none;
  gap:7px !important;
}
.btn_language .text_11_white{
  font:500 12px/1 'Onest',sans-serif;
  color:#CCC3BF;
}
.btn_language:hover .text_11_white{color:#FAC459;}

/* Header nav text */
.text_24_server{
  font:700 22px/1.2 'Onest',sans-serif;
  color:#F5EDE8;
}