:root { --m-bg: #050806; --m-surf: #0C1410; --m-prim: #00FF66; --m-sec: #00FFAA; --m-acc: #FF0055; --m-txt-1: #E0FFF0; --m-txt-2: #8AA698; --f-head: 'Space Grotesk', sans-serif; --f-body: 'Inter', sans-serif; }
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: var(--f-body); background-color: var(--m-bg); color: var(--m-txt-1); line-height: 1.6; font-size: 16px; padding-bottom: 60px; }
h1, h2, h3, h4 { font-family: var(--f-head); font-weight: 700; color: var(--m-txt-1); margin-bottom: 1rem; }
a { color: var(--m-sec); text-decoration: none; transition: color 0.3s ease; }
a:hover { color: var(--m-prim); }
img { max-width: 100%; height: auto; display: block; }
.metabetarena_container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.metabetarena_header { position: sticky; top: 0; z-index: 100; background: rgba(12, 20, 16, 0.9); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(0, 255, 102, 0.2); }
.metabetarena_header-inner { display: flex; align-items: center; justify-content: space-between; height: 70px; padding: 0 20px; max-width: 1200px; margin: 0 auto; }
.metabetarena_logo { font-family: var(--f-head); font-size: 1.5rem; color: var(--m-prim); font-weight: 700; }
.metabetarena_nav { display: flex; gap: 20px; }
.metabetarena_nav a { color: var(--m-txt-1); font-weight: 600; }
.metabetarena_nav a:hover { color: var(--m-prim); }
.metabetarena_header-actions { display: flex; align-items: center; gap: 15px; }
.metabetarena_age-badge { background: var(--m-acc); color: #fff; padding: 4px 8px; border-radius: 4px; font-weight: bold; font-size: 0.8rem; }
.metabetarena_btn { display: inline-flex; align-items: center; justify-content: center; padding: 10px 20px; border-radius: 4px; font-family: var(--f-head); font-weight: 700; cursor: pointer; border: none; transition: all 0.3s ease; min-height: 44px; text-transform: uppercase; }
.metabetarena_btn-primary { background: var(--m-prim); color: #000; }
.metabetarena_btn-primary:hover { background: var(--m-sec); }
.metabetarena_btn-accent { background: var(--m-acc); color: #fff; }
.metabetarena_btn-accent:hover { opacity: 0.9; }
.metabetarena_btn-outline { background: transparent; border: 2px solid var(--m-prim); color: var(--m-prim); }
.metabetarena_btn-outline:hover { background: rgba(0, 255, 102, 0.1); }
.metabetarena_btn-large { padding: 15px 30px; font-size: 1.1rem; }
.metabetarena_w-full { width: 100%; }
.metabetarena_burger { display: none; background: none; border: none; cursor: pointer; flex-direction: column; gap: 5px; width: 30px; }
.metabetarena_burger-line { width: 100%; height: 3px; background: var(--m-prim); transition: 0.3s; }
.metabetarena_hero-dashboard-command { position: relative; padding: 80px 20px; text-align: center; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 60vh; }
.metabetarena_hero-bg-solid { position: absolute; top:0; left:0; right:0; bottom:0; background: linear-gradient(135deg, var(--m-surf) 0%, var(--m-bg) 100%); z-index: -1; }
.metabetarena_hero-bg-solid::after { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at center, rgba(0,255,102,0.1) 0%, transparent 60%); }
.metabetarena_hero-content { max-width: 800px; position: relative; z-index: 1; }
.metabetarena_hero-title { font-size: 4rem; color: var(--m-prim); line-height: 1.1; margin-bottom: 20px; text-shadow: 0 0 20px rgba(0,255,102,0.4); }
.metabetarena_hero-subtitle { font-size: 1.2rem; color: var(--m-txt-2); margin-bottom: 30px; }
.metabetarena_hero-cta-group { display: flex; gap: 20px; justify-content: center; margin-bottom: 40px; flex-wrap: wrap; }
.metabetarena_hero-legal-strip { background: rgba(0,0,0,0.6); border: 1px solid rgba(255,255,255,0.1); padding: 10px 20px; border-radius: 30px; font-size: 0.85rem; color: var(--m-txt-2); display: inline-block; }
.metabetarena_home-section { padding: 60px 0; }
.metabetarena_section-dark { background-color: var(--m-surf); border-top: 1px solid rgba(255,255,255,0.05); border-bottom: 1px solid rgba(255,255,255,0.05); }
.metabetarena_section-title { font-size: 2.5rem; text-align: center; margin-bottom: 15px; color: var(--m-txt-1); }
.metabetarena_section-desc { text-align: center; color: var(--m-txt-2); max-width: 600px; margin: 0 auto 40px; }
.metabetarena_grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.metabetarena_card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.05); border-radius: 8px; padding: 30px; transition: transform 0.3s ease; }
.metabetarena_card:hover { transform: translateY(-5px); border-color: var(--m-sec); }
.metabetarena_card-dark { background: var(--m-bg); }
.metabetarena_card h3 { color: var(--m-sec); }
.metabetarena_split { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.metabetarena_media-panel { background: linear-gradient(45deg, var(--m-bg), var(--m-surf)); padding: 40px; border-radius: 8px; border-left: 4px solid var(--m-prim); }
.metabetarena_list { list-style: none; }
.metabetarena_list li { margin-bottom: 15px; padding-left: 20px; position: relative; }
.metabetarena_list li::before { content: '>'; position: absolute; left: 0; color: var(--m-prim); font-weight: bold; }
.metabetarena_timeline { display: flex; flex-direction: column; gap: 20px; max-width: 600px; margin: 0 auto; }
.metabetarena_timeline-item { display: flex; gap: 20px; background: rgba(0,255,102,0.05); padding: 20px; border-radius: 8px; border-left: 2px solid var(--m-sec); }
.metabetarena_timeline-marker { font-family: var(--f-head); font-size: 1.5rem; color: var(--m-prim); font-weight: bold; }
.metabetarena_faction-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.metabetarena_faction-card { text-align: center; padding: 20px; border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; background: rgba(0,0,0,0.3); }
.metabetarena_faction-card img { width: 100%; height: 180px; object-fit: cover; border-radius: 4px; margin-bottom: 15px; border: 1px solid var(--m-prim); }
.metabetarena_faction-card h3 { color: var(--m-txt-1); }
.metabetarena_economy-box { background: rgba(255,255,255,0.02); padding: 30px; border-radius: 8px; margin-bottom: 30px; border: 1px dashed var(--m-txt-2); }
.metabetarena_economy-box h3 { color: var(--m-sec); }
.metabetarena_center-action { text-align: center; }
.metabetarena_home-live-game-section { background: radial-gradient(circle at top, rgba(0,255,102,0.1) 0%, var(--m-bg) 60%); }
.metabetarena_home-live-wrapper { max-width: 600px; margin: 0 auto 30px; background: #000; border: 2px solid var(--m-prim); border-radius: 8px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,255,102,0.1); }
.metabetarena_home-more-games { text-align: center; }
.metabetarena_footer { background: #020403; padding: 60px 20px 20px; border-top: 1px solid rgba(255,255,255,0.1); }
.metabetarena_footer-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-bottom: 40px; }
.metabetarena_footer-col h4 { color: var(--m-txt-1); margin-bottom: 20px; }
.metabetarena_footer-col p, .metabetarena_footer-col a { color: var(--m-txt-2); display: block; margin-bottom: 10px; font-size: 0.9rem; }
.metabetarena_footer-col a:hover { color: var(--m-prim); }
.metabetarena_partner-logos { display: flex; gap: 15px; margin-top: 20px; }
.metabetarena_partner-light, .metabetarena_partner-dark { display: block; width: 120px; height: 40px; padding: 5px; border-radius: 4px; }
.metabetarena_partner-light { background: #fff; }
.metabetarena_partner-dark { background: #111; border: 1px solid #333; }
.metabetarena_partner-logos img { width: 100%; height: 100%; object-fit: contain; }
.metabetarena_footer-bottom { text-align: center; max-width: 1200px; margin: 0 auto; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 20px; }
.metabetarena_footer-bottom p { color: var(--m-txt-2); font-size: 0.8rem; margin-bottom: 5px; }
.metabetarena_wallet-bottom-bar { position: fixed; bottom: 0; left: 0; right: 0; background: var(--m-surf); border-top: 2px solid var(--m-prim); padding: 10px 20px; z-index: 90; box-shadow: 0 -5px 20px rgba(0,0,0,0.5); }
.metabetarena_wallet-inner { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.metabetarena_wallet-balance { display: flex; align-items: baseline; gap: 10px; }
.metabetarena_wallet-label { font-size: 0.9rem; color: var(--m-txt-2); }
.metabetarena_wallet-amount { font-family: var(--f-head); font-size: 1.5rem; font-weight: 700; color: var(--m-prim); }
.metabetarena_wallet-currency { font-weight: bold; color: var(--m-sec); }
.metabetarena_wallet-notice { font-size: 0.8rem; color: var(--m-txt-2); background: rgba(255,255,255,0.05); padding: 4px 8px; border-radius: 4px; }
.metabetarena_modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); backdrop-filter: blur(5px); z-index: 200; display: none; align-items: center; justify-content: center; padding: 20px; }
.metabetarena_modal-overlay.is-active { display: flex; }
.metabetarena_modal { background: var(--m-surf); border: 1px solid var(--m-prim); padding: 30px; border-radius: 8px; width: 100%; max-width: 400px; position: relative; }
.metabetarena_modal-close { position: absolute; top: 15px; right: 15px; background: none; border: none; color: var(--m-txt-2); font-size: 1.2rem; cursor: pointer; }
.metabetarena_modal-close:hover { color: var(--m-acc); }
.metabetarena_form-group { margin-bottom: 20px; }
.metabetarena_form-group label { display: block; margin-bottom: 5px; color: var(--m-txt-2); font-size: 0.9rem; }
.metabetarena_form-group input, .metabetarena_form-group select, .metabetarena_form-group textarea { width: 100%; padding: 10px; background: rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.2); color: #fff; border-radius: 4px; font-family: var(--f-body); }
.metabetarena_form-group input:focus { outline: none; border-color: var(--m-prim); }
.metabetarena_page-header { padding: 60px 20px; background: linear-gradient(180deg, rgba(0,255,102,0.05) 0%, var(--m-bg) 100%); text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); }
.metabetarena_page-header h1 { font-size: 3rem; color: var(--m-prim); }
.metabetarena_page-header p { max-width: 600px; margin: 0 auto; color: var(--m-txt-2); font-size: 1.1rem; }
.metabetarena_content-section { padding: 40px 0 80px; }
.metabetarena_content-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 40px; }
.metabetarena_legal-doc h2 { font-size: 1.5rem; color: var(--m-sec); margin-top: 30px; border-bottom: 1px dashed rgba(255,255,255,0.1); padding-bottom: 10px; }
.metabetarena_legal-doc p { margin-bottom: 15px; color: var(--m-txt-2); text-align: justify; }
.metabetarena_content-img { margin: 30px 0; border-radius: 8px; border: 1px solid rgba(255,255,255,0.1); }
.metabetarena_faq-accordion { background: var(--m-surf); padding: 20px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.05); }
.metabetarena_faq-item { margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 10px; }
.metabetarena_faq-trigger { width: 100%; text-align: left; background: none; border: none; color: var(--m-txt-1); font-weight: bold; cursor: pointer; font-family: var(--f-body); font-size: 1rem; padding: 10px 0; }
.metabetarena_faq-panel { display: none; padding: 10px 0; color: var(--m-txt-2); font-size: 0.9rem; }
.metabetarena_faq-item.is-active .metabetarena_faq-panel { display: block; }
.metabetarena_faq-item.is-active .metabetarena_faq-trigger { color: var(--m-prim); }
.metabetarena_grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.metabetarena_contact-form-wrapper { background: var(--m-surf); padding: 30px; border-radius: 8px; }
.metabetarena_lobby-header { text-align: center; padding: 40px 0; }
.metabetarena_lobby-header h1 { font-size: 3rem; color: var(--m-prim); }
.metabetarena_lobby-header p { color: var(--m-txt-2); }
.metabetarena_disclaimer-hub-link { margin-top: 15px; }
.metabetarena_disclaimer-hub-link a { background: rgba(255,0,85,0.1); color: var(--m-acc); padding: 8px 15px; border-radius: 4px; display: inline-block; font-size: 0.9rem; font-weight: bold; }
.metabetarena_lobby-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 40px; }
.metabetarena_game-card { background: var(--m-surf); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; overflow: hidden; transition: transform 0.3s; }
.metabetarena_game-card:hover { transform: translateY(-5px); border-color: var(--m-sec); }
.metabetarena_game-card-img { height: 180px; width: 100%; overflow: hidden; }
.metabetarena_game-card-img img { width: 100%; height: 100%; object-fit: cover; }
.metabetarena_game-card-content { padding: 20px; text-align: center; }
.metabetarena_game-card-content h2 { font-size: 1.2rem; margin-bottom: 5px; }
.metabetarena_game-card-content p { color: var(--m-txt-2); font-size: 0.9rem; margin-bottom: 15px; }
.metabetarena_active-game-stage { background: #000; border: 2px solid var(--m-sec); border-radius: 8px; margin-bottom: 40px; overflow: hidden; }
.metabetarena_active-game-header { background: var(--m-surf); padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.1); }
.metabetarena_active-game-header h2 { margin: 0; font-size: 1.2rem; color: var(--m-prim); }
.metabetarena_active-game-content { padding: 20px; }
.metabetarena_game-container { max-width: 800px; margin: 0 auto; }
.metabetarena_slot-machine { border: 4px solid #222; border-radius: 8px; overflow: hidden; background: #111; }
.metabetarena_slot-board-bg { background-size: cover; background-position: center; padding: 20px; min-height: 250px; position: relative; }
.metabetarena_slot-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; height: 100%; }
.metabetarena_slot-col { display: flex; flex-direction: column; gap: 10px; overflow: hidden; position: relative; }
.metabetarena_slot-col.is-spinning .metabetarena_slot-sym { animation: slotSpin 0.2s linear infinite; }
@keyframes slotSpin { 0% { transform: translateY(-100%); } 100% { transform: translateY(100%); } }
.metabetarena_slot-sym { width: 100%; aspect-ratio: 1; object-fit: contain; background: rgba(0,0,0,0.6); border-radius: 4px; padding: 5px; border: 1px solid rgba(0,255,102,0.3); }
.metabetarena_game-controls { background: var(--m-surf); padding: 20px; margin-top: 15px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.05); }
.metabetarena_game-status { text-align: center; color: #fff; font-family: var(--f-head); font-size: 1.1rem; margin-bottom: 15px; min-height: 28px; }
.metabetarena_game-actions { display: flex; gap: 15px; justify-content: center; margin-bottom: 15px; }
.metabetarena_bet-select { padding: 10px 20px; background: #000; color: #fff; border: 1px solid var(--m-txt-2); border-radius: 4px; font-family: var(--f-head); font-weight: bold; font-size: 1rem; }
.metabetarena_bet-select:focus { outline: none; border-color: var(--m-prim); }
.metabetarena_game-history { text-align: center; color: var(--m-txt-2); font-size: 0.85rem; }
.metabetarena_wheel-machine { position: relative; width: 100%; max-width: 300px; margin: 0 auto; aspect-ratio: 1; }
.metabetarena_wheel-pointer { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 30px solid var(--m-acc); z-index: 10; }
.metabetarena_wheel-img { width: 100%; height: 100%; object-fit: contain; transform-origin: center; transition: transform cubic-bezier(0.25, 0.1, 0.25, 1); }
.metabetarena_toast { position: fixed; top: 20px; right: 20px; background: var(--m-prim); color: #000; padding: 15px 25px; border-radius: 4px; font-weight: bold; z-index: 300; transform: translateX(150%); transition: transform 0.3s; }
.metabetarena_toast.is-active { transform: translateX(0); }
@media (max-width: 1024px) {
.metabetarena_grid-3 { grid-template-columns: repeat(2, 1fr); }
.metabetarena_faction-grid { grid-template-columns: repeat(2, 1fr); }
.metabetarena_content-grid { grid-template-columns: 1fr; }
.metabetarena_lobby-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
.metabetarena_header-actions .metabetarena_btn { display: none; }
.metabetarena_burger { display: flex; }
.metabetarena_nav { display: none; position: absolute; top: 70px; left: 0; right: 0; background: var(--m-surf); flex-direction: column; padding: 20px; border-bottom: 1px solid var(--m-prim); }
.metabetarena_nav.is-open { display: flex; }
.metabetarena_grid-3, .metabetarena_faction-grid, .metabetarena_grid-2, .metabetarena_split, .metabetarena_footer-inner, .metabetarena_lobby-grid { grid-template-columns: 1fr; }
.metabetarena_hero-title { font-size: 2.5rem; }
.metabetarena_wallet-inner { flex-direction: column; gap: 5px; text-align: center; }
.metabetarena_slot-sym { padding: 2px; }
.metabetarena_game-actions { flex-direction: column; }
}
@media (max-width: 360px) {
.metabetarena_hero-title { font-size: 2rem; }
.metabetarena_bet-select, .metabetarena_btn { font-size: 0.9rem; padding: 8px 16px; }
.metabetarena_slot-grid { gap: 5px; }
}

/* footer-logo-contrast-guard */
a[href*="begambleaware.org"] img,
a[href*="begambleaware.org"] picture,
a[href*="begambleaware.org"] .partner-logo,
img[src*="gambleaware"],
img[alt*="BeGambleAware" i],
img[alt*="GambleAware" i] {
  background: #111111 !important;
  padding: 0.45rem 0.7rem !important;
  border-radius: 0.7rem !important;
  box-sizing: border-box !important;
}

a[href*="gamcare.org"] img,
a[href*="gamcare.org"] picture,
a[href*="gamcare.org"] .partner-logo,
img[src*="gamcare"],
img[alt*="GamCare" i] {
  background: #ffffff !important;
  padding: 0.45rem 0.7rem !important;
  border-radius: 0.7rem !important;
  box-sizing: border-box !important;
}

a[href*="begambleaware.org"],
a[href*="gamcare.org"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}