:root { --norushjustplay-primary: #1A3B47; --norushjustplay-secondary: #B87333; --norushjustplay-accent: #5E8D93; --norushjustplay-bg: #0D1A20; --norushjustplay-surface: #14262E; --norushjustplay-text-primary: #EAEFEF; --norushjustplay-text-secondary: #A0B5BB; --norushjustplay-font-heading: 'Playfair Display', sans-serif; --norushjustplay-font-body: 'Inter', sans-serif; --norushjustplay-border-radius: 8px; --norushjustplay-transition: all 0.3s ease; } * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: var(--norushjustplay-font-body); color: var(--norushjustplay-text-primary); background-color: var(--norushjustplay-bg); line-height: 1.6; font-size: 16px; min-height: 100vh; display: flex; flex-direction: column; overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { font-family: var(--norushjustplay-font-heading); font-weight: 600; color: var(--norushjustplay-text-primary); margin-bottom: 1rem; } h1 { font-size: 2.5rem; line-height: 1.2; } h2 { font-size: 2rem; } h3 { font-size: 1.5rem; } p { margin-bottom: 1rem; color: var(--norushjustplay-text-secondary); } a { color: var(--norushjustplay-accent); text-decoration: none; transition: var(--norushjustplay-transition); } a:hover { color: var(--norushjustplay-text-primary); } img { max-width: 100%; height: auto; display: block; } .norushjustplay_container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; } .norushjustplay_section { padding: 4rem 0; } .norushjustplay_sr_only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .norushjustplay_btn { display: inline-block; padding: 0.8rem 1.5rem; font-family: var(--norushjustplay-font-body); font-weight: 600; text-align: center; border-radius: var(--norushjustplay-border-radius); cursor: pointer; border: none; transition: var(--norushjustplay-transition); min-height: 44px; min-width: 120px; } .norushjustplay_btn_primary { background-color: var(--norushjustplay-secondary); color: #fff; } .norushjustplay_btn_primary:hover { background-color: #a0632b; } .norushjustplay_btn_secondary { background-color: var(--norushjustplay-surface); color: var(--norushjustplay-text-primary); border: 1px solid var(--norushjustplay-accent); } .norushjustplay_btn_secondary:hover { background-color: var(--norushjustplay-primary); } .norushjustplay_header { background-color: var(--norushjustplay-primary); position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 10px rgba(0,0,0,0.3); } .norushjustplay_header_inner { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; padding: 1rem 1.5rem; } .norushjustplay_logo a { font-family: var(--norushjustplay-font-heading); font-size: 1.5rem; color: var(--norushjustplay-secondary); font-weight: 600; letter-spacing: 1px; } .norushjustplay_nav { display: flex; align-items: center; } .norushjustplay_menu { display: flex; list-style: none; gap: 2rem; } .norushjustplay_menu a { color: var(--norushjustplay-text-primary); font-weight: 500; } .norushjustplay_menu a:hover, .norushjustplay_menu a.active { color: var(--norushjustplay-secondary); } .norushjustplay_burger { display: none; background: none; border: none; cursor: pointer; flex-direction: column; gap: 5px; padding: 5px; min-height: 44px; min-width: 44px; } .norushjustplay_burger_line { width: 25px; height: 3px; background-color: var(--norushjustplay-text-primary); transition: var(--norushjustplay-transition); } .norushjustplay_hero { position: relative; min-height: 80vh; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; padding: 4rem 1.5rem; } .norushjustplay_hero_bg_image .norushjustplay_hero_background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 0; filter: brightness(0.6); } .norushjustplay_hero_content { position: relative; z-index: 1; max-width: 800px; background: rgba(20, 38, 46, 0.85); padding: 3rem; border-radius: var(--norushjustplay-border-radius); border: 1px solid rgba(94, 141, 147, 0.3); backdrop-filter: blur(5px); } .norushjustplay_hero_title { font-size: 3rem; color: #fff; margin-bottom: 1rem; } .norushjustplay_hero_subtitle { font-size: 1.25rem; color: var(--norushjustplay-text-primary); margin-bottom: 2rem; } .norushjustplay_hero_emphasis { background-color: rgba(184, 115, 51, 0.2); border-left: 4px solid var(--norushjustplay-secondary); padding: 1rem; margin-bottom: 2rem; font-weight: 600; color: #fff; } .norushjustplay_legal_strip { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,0.1); font-size: 0.875rem; color: var(--norushjustplay-text-secondary); text-align: left; } .norushjustplay_age_badge { background-color: var(--norushjustplay-secondary); color: #fff; padding: 0.2rem 0.5rem; border-radius: 4px; font-weight: bold; font-size: 1rem; } .norushjustplay_page_header { background-color: var(--norushjustplay-surface); padding: 4rem 0 2rem; text-align: center; border-bottom: 1px solid var(--norushjustplay-primary); } .norushjustplay_intro_text { max-width: 700px; margin: 0 auto; font-size: 1.1rem; } .norushjustplay_model_split, .norushjustplay_editorial_split { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; } .norushjustplay_values_grid, .norushjustplay_myth_grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; } .norushjustplay_value_item, .norushjustplay_myth_card { background-color: var(--norushjustplay-surface); padding: 2rem; border-radius: var(--norushjustplay-border-radius); border-top: 3px solid var(--norushjustplay-secondary); } .norushjustplay_myth_card h3 { color: var(--norushjustplay-secondary); font-size: 1.25rem; } .norushjustplay_live_game_wrapper { background-color: var(--norushjustplay-surface); border-radius: var(--norushjustplay-border-radius); padding: 2rem; margin-top: 2rem; border: 1px solid var(--norushjustplay-primary); } .norushjustplay_game_module { display: grid; grid-template-columns: 1fr 300px; gap: 2rem; align-items: start; } .norushjustplay_roulette_container { position: relative; width: 100%; max-width: 400px; margin: 0 auto; aspect-ratio: 1/1; } .norushjustplay_roulette_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(--norushjustplay-secondary); z-index: 2; } .norushjustplay_roulette_wheel_img { width: 100%; height: 100%; object-fit: contain; border-radius: 50%; transition: transform 2.5s cubic-bezier(0.25, 0.1, 0.25, 1); } .norushjustplay_game_controls { display: flex; flex-direction: column; gap: 1.5rem; background-color: var(--norushjustplay-bg); padding: 1.5rem; border-radius: var(--norushjustplay-border-radius); } .norushjustplay_bet_selector, .norushjustplay_target_selector { display: flex; flex-direction: column; gap: 0.5rem; } .norushjustplay_bet_input, .norushjustplay_target_input { width: 100%; padding: 0.8rem; background-color: var(--norushjustplay-surface); color: var(--norushjustplay-text-primary); border: 1px solid var(--norushjustplay-accent); border-radius: 4px; font-family: var(--norushjustplay-font-body); } .norushjustplay_game_status { background-color: var(--norushjustplay-bg); padding: 1.5rem; border-radius: var(--norushjustplay-border-radius); margin-top: 1rem; text-align: center; } .norushjustplay_result_panel { font-weight: bold; font-size: 1.1rem; color: var(--norushjustplay-secondary); margin-bottom: 0.5rem; min-height: 1.5em; } .norushjustplay_history_panel { font-size: 0.875rem; color: var(--norushjustplay-text-secondary); margin-bottom: 0.5rem; } .norushjustplay_game_more_cta { text-align: center; margin-top: 2rem; } .norushjustplay_rtp_table_container { overflow-x: auto; } .norushjustplay_rtp_table { width: 100%; border-collapse: collapse; margin-top: 2rem; } .norushjustplay_rtp_table th, .norushjustplay_rtp_table td { padding: 1rem; text-align: left; border-bottom: 1px solid var(--norushjustplay-surface); } .norushjustplay_rtp_table th { background-color: var(--norushjustplay-surface); color: var(--norushjustplay-text-primary); font-family: var(--norushjustplay-font-heading); } .norushjustplay_streak_list { list-style: none; margin: 1.5rem 0; } .norushjustplay_streak_list li { padding-left: 1.5rem; position: relative; margin-bottom: 1rem; } .norushjustplay_streak_list li::before { content: '•'; color: var(--norushjustplay-secondary); position: absolute; left: 0; font-size: 1.5rem; top: -5px; } .norushjustplay_faq_accordion { max-width: 800px; margin: 0 auto; } .norushjustplay_faq_item { border-bottom: 1px solid var(--norushjustplay-surface); margin-bottom: 1rem; } .norushjustplay_faq_trigger { width: 100%; text-align: left; background: none; border: none; color: var(--norushjustplay-text-primary); font-family: var(--norushjustplay-font-heading); font-size: 1.25rem; padding: 1rem 0; cursor: pointer; display: flex; justify-content: space-between; align-items: center; min-height: 44px; } .norushjustplay_faq_trigger::after { content: '+'; color: var(--norushjustplay-secondary); font-size: 1.5rem; } .norushjustplay_faq_trigger[aria-expanded="true"]::after { content: '−'; } .norushjustplay_faq_content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .norushjustplay_faq_trigger[aria-expanded="true"] + .norushjustplay_faq_content { max-height: 300px; padding-bottom: 1rem; } .norushjustplay_stack_layout { display: flex; flex-direction: column; gap: 4rem; } .norushjustplay_game_card { background-color: var(--norushjustplay-surface); border-radius: var(--norushjustplay-border-radius); overflow: hidden; border: 1px solid var(--norushjustplay-primary); } .norushjustplay_game_card_inner { display: grid; grid-template-columns: 350px 1fr; } .norushjustplay_game_info { padding: 2rem; background-color: rgba(26, 59, 71, 0.3); border-right: 1px solid var(--norushjustplay-primary); display: flex; flex-direction: column; justify-content: center; } .norushjustplay_payout_hint { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--norushjustplay-accent); font-size: 0.875rem; color: var(--norushjustplay-secondary); } .norushjustplay_game_interactive { padding: 2rem; display: grid; grid-template-columns: 1fr 250px; gap: 2rem; align-items: center; } .norushjustplay_slot_board { position: relative; aspect-ratio: 1/1; max-width: 400px; margin: 0 auto; overflow: hidden; border-radius: 8px; } .norushjustplay_slot_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; } .norushjustplay_slot_reels { position: absolute; top: 10%; left: 10%; width: 80%; height: 80%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; z-index: 1; } .norushjustplay_reel { background: rgba(0,0,0,0.4); border-radius: 4px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .norushjustplay_symbol_img { width: 80%; height: auto; object-fit: contain; } .norushjustplay_slot_board_transparent .norushjustplay_slot_bg { display: none; } .norushjustplay_slot_board_transparent .norushjustplay_reel { background: rgba(20, 38, 46, 0.6); } .norushjustplay_roulette_container_large { position: relative; width: 100%; max-width: 400px; margin: 0 auto; aspect-ratio: 1/1; } .norushjustplay_roulette_pointer_large { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 40px solid var(--norushjustplay-secondary); z-index: 2; } .norushjustplay_roulette_wheel_img_large { width: 100%; height: 100%; object-fit: contain; border-radius: 50%; transition: transform 2.5s cubic-bezier(0.25, 0.1, 0.25, 1); } .norushjustplay_achievements_widget { background: var(--norushjustplay-surface); padding: 1.5rem; border-radius: var(--norushjustplay-border-radius); margin-top: 2rem; display: inline-block; text-align: left; border: 1px solid var(--norushjustplay-accent); } .norushjustplay_achievement_list { list-style: none; display: flex; gap: 1rem; flex-wrap: wrap; } .norushjustplay_achievement_list li { background: var(--norushjustplay-bg); padding: 0.5rem 1rem; border-radius: 4px; font-size: 0.875rem; border: 1px solid var(--norushjustplay-primary); display: flex; gap: 0.5rem; align-items: center; } .norushjustplay_ach_reward { color: var(--norushjustplay-secondary); font-weight: bold; } .norushjustplay_ach_unlocked { border-color: var(--norushjustplay-secondary) !important; } .norushjustplay_longform h2 { margin-top: 2.5rem; color: var(--norushjustplay-secondary); } .norushjustplay_longform p, .norushjustplay_longform ul, .norushjustplay_longform ol { margin-bottom: 1.5rem; } .norushjustplay_longform ul, .norushjustplay_longform ol { padding-left: 1.5rem; } .norushjustplay_contact_grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; } .norushjustplay_form_group { margin-bottom: 1.5rem; } .norushjustplay_form_group label { display: block; margin-bottom: 0.5rem; font-weight: 500; } .norushjustplay_form_group input, .norushjustplay_form_group select, .norushjustplay_form_group textarea { width: 100%; padding: 0.8rem; background-color: var(--norushjustplay-surface); border: 1px solid var(--norushjustplay-primary); color: var(--norushjustplay-text-primary); border-radius: 4px; font-family: var(--norushjustplay-font-body); } .norushjustplay_info_card { background-color: var(--norushjustplay-surface); padding: 2rem; border-radius: var(--norushjustplay-border-radius); margin-bottom: 2rem; } .norushjustplay_faq_mini { background-color: rgba(26, 59, 71, 0.3); padding: 2rem; border-radius: var(--norushjustplay-border-radius); } .norushjustplay_easter_egg_trigger { display: inline-block; margin-top: 2rem; cursor: pointer; padding: 10px; border-radius: 50%; transition: transform 0.3s ease; } .norushjustplay_easter_egg_trigger:hover { transform: scale(1.1); } .norushjustplay_amber_icon { width: 40px; height: 40px; filter: drop-shadow(0 0 5px var(--norushjustplay-secondary)); } .norushjustplay_wallet_status_bar { position: fixed; bottom: 0; left: 0; width: 100%; background-color: var(--norushjustplay-surface); border-top: 2px solid var(--norushjustplay-secondary); padding: 0.8rem 1.5rem; z-index: 90; text-align: center; box-shadow: 0 -2px 10px rgba(0,0,0,0.5); } .norushjustplay_wallet_inner { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; font-family: var(--norushjustplay-font-heading); font-size: 1.25rem; } .norushjustplay_wallet_balance { color: var(--norushjustplay-secondary); font-weight: bold; } .norushjustplay_footer { background-color: var(--norushjustplay-bg); padding: 4rem 1.5rem 6rem; border-top: 1px solid var(--norushjustplay-primary); } .norushjustplay_footer_inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 3rem; margin-bottom: 3rem; } .norushjustplay_footer h3, .norushjustplay_footer h4 { color: var(--norushjustplay-text-primary); font-size: 1.2rem; margin-bottom: 1.5rem; } .norushjustplay_footer ul { list-style: none; } .norushjustplay_footer ul li { margin-bottom: 0.8rem; } .norushjustplay_partner_logos { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; } .norushjustplay_partner_link { display: inline-block; padding: 0.5rem; border-radius: 4px; min-width: 44px; min-height: 44px; } .norushjustplay_partner_light { background-color: #fff; } .norushjustplay_partner_dark { background-color: #111; } .norushjustplay_partner_link img { height: 40px; width: auto; } .norushjustplay_footer_bottom { max-width: 1200px; margin: 0 auto; text-align: center; border-top: 1px solid var(--norushjustplay-surface); padding-top: 2rem; font-size: 0.875rem; } .norushjustplay_footer_disclaimer { color: var(--norushjustplay-text-secondary); margin-bottom: 1rem; max-width: 800px; margin-left: auto; margin-right: auto; } .norushjustplay_modal_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(13, 26, 32, 0.95); display: flex; justify-content: center; align-items: center; z-index: 1000; opacity: 0; visibility: hidden; transition: opacity 0.3s ease; } .norushjustplay_modal_overlay.norushjustplay_gate_active { opacity: 1; visibility: visible; } .norushjustplay_modal_content { background-color: var(--norushjustplay-surface); padding: 3rem; border-radius: var(--norushjustplay-border-radius); max-width: 600px; width: 90%; text-align: center; border: 1px solid var(--norushjustplay-secondary); } .norushjustplay_age_warning { font-weight: bold; color: var(--norushjustplay-secondary); font-size: 1.2rem; margin-bottom: 1.5rem; } .norushjustplay_gate_links { margin-top: 1.5rem; } .norushjustplay_notification { position: fixed; bottom: 80px; right: 20px; background-color: var(--norushjustplay-accent); color: #fff; padding: 1rem 1.5rem; border-radius: 4px; box-shadow: 0 4px 6px rgba(0,0,0,0.3); transform: translateY(100px); opacity: 0; transition: all 0.3s ease; z-index: 100; font-weight: 500; } .norushjustplay_notification.show { transform: translateY(0); opacity: 1; } @media (max-width: 1024px) { .norushjustplay_game_card_inner { grid-template-columns: 1fr; } .norushjustplay_game_info { border-right: none; border-bottom: 1px solid var(--norushjustplay-primary); } } @media (max-width: 768px) { .norushjustplay_burger { display: flex; } .norushjustplay_menu { position: absolute; top: 100%; left: 0; width: 100%; background-color: var(--norushjustplay-surface); flex-direction: column; gap: 0; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .norushjustplay_menu.norushjustplay_menu_open { max-height: 400px; } .norushjustplay_menu li { border-top: 1px solid var(--norushjustplay-primary); } .norushjustplay_menu a { display: block; padding: 1rem 1.5rem; } .norushjustplay_model_split, .norushjustplay_editorial_split, .norushjustplay_contact_grid { grid-template-columns: 1fr; } .norushjustplay_hero_title { font-size: 2rem; } .norushjustplay_hero_content { padding: 1.5rem; } .norushjustplay_game_module { grid-template-columns: 1fr; } .norushjustplay_game_interactive { grid-template-columns: 1fr; } } @media (max-width: 360px) { .norushjustplay_hero_title { font-size: 1.75rem; } .norushjustplay_btn { width: 100%; margin-bottom: 0.5rem; } }
/* 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;
}