[hidden]{display:none !important;}
:root {
--primary: #E63956;
--secondary: #8C1D3A;
--accent: #FFB86B;
--bg: #0D0D12;
--surface: #1A1A24;
--text-pri: #FAF1F3;
--text-sec: #C6B4BA;
--font-head: 'Playfair Display', serif;
--font-body: 'Inter', sans-serif;
}
*, *::before, *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: var(--font-body);
background-color: var(--bg);
color: var(--text-pri);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
padding-bottom: 60px;
}
h1, h2, h3, h4 {
font-family: var(--font-head);
font-weight: 700;
margin-bottom: 1rem;
}
a {
color: var(--text-pri);
text-decoration: none;
transition: color 0.2s ease;
}
a:hover {
color: var(--accent);
}
.swissgoldspins_container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.swissgoldspins_btn, .swissgoldspins_btn_outline {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 24px;
border-radius: 4px;
font-family: var(--font-body);
font-weight: 600;
cursor: pointer;
transition: transform 0.2s, opacity 0.2s;
border: none;
text-align: center;
}
.swissgoldspins_btn {
background-color: var(--primary);
color: #fff;
}
.swissgoldspins_btn:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.swissgoldspins_btn:hover:not(:disabled) {
transform: translateY(-2px);
}
.swissgoldspins_btn_outline {
background-color: transparent;
border: 1px solid var(--accent);
color: var(--accent);
}
.swissgoldspins_btn_outline:hover {
background-color: rgba(255,184,107,0.1);
}
.swissgoldspins_header {
position: sticky;
top: 0;
background-color: rgba(13, 13, 18, 0.95);
backdrop-filter: blur(10px);
border-bottom: 1px solid var(--surface);
z-index: 100;
}
.swissgoldspins_header_inner {
display: flex;
align-items: center;
justify-content: space-between;
height: 70px;
padding: 0 20px;
max-width: 1200px;
margin: 0 auto;
}
.swissgoldspins_brand {
font-family: var(--font-head);
font-size: 1.5rem;
color: var(--accent);
font-weight: 700;
}
.swissgoldspins_nav {
display: flex;
gap: 24px;
}
.swissgoldspins_nav a {
font-weight: 500;
}
.swissgoldspins_nav a.is-active {
color: var(--accent);
}
.swissgoldspins_header_actions {
display: flex;
align-items: center;
gap: 16px;
}
.swissgoldspins_burger {
display: none;
background: none;
border: none;
flex-direction: column;
gap: 5px;
cursor: pointer;
}
.swissgoldspins_burger_line {
width: 24px;
height: 2px;
background-color: var(--text-pri);
}
.swissgoldspins_hero {
position: relative;
min-height: clamp(400px, 60vh, 700px);
display: flex;
align-items: center;
overflow: hidden;
}
.swissgoldspins_hero_bg {
position: absolute;
inset: 0;
background: url("images/hero-vault-door.webp") center/cover no-repeat;
opacity: 0.4;
z-index: 1;
}
.swissgoldspins_hero::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, var(--bg) 0%, transparent 100%);
z-index: 2;
}
.swissgoldspins_hero_content {
position: relative;
z-index: 3;
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
display: flex;
flex-wrap: wrap;
gap: 40px;
justify-content: space-between;
align-items: center;
}
.swissgoldspins_hero_text {
max-width: 600px;
}
.swissgoldspins_hero_text h1 {
font-size: clamp(2.5rem, 5vw, 4rem);
line-height: 1.1;
margin-bottom: 20px;
}
.swissgoldspins_hero_text p {
font-size: 1.2rem;
color: var(--text-sec);
margin-bottom: 30px;
}
.swissgoldspins_hero_proof {
display: flex;
gap: 20px;
}
.swissgoldspins_proof_card {
background: var(--surface);
border: 1px solid var(--secondary);
padding: 16px 24px;
border-radius: 8px;
text-align: center;
}
.swissgoldspins_proof_card strong {
display: block;
font-size: 1.5rem;
color: var(--accent);
font-family: var(--font-head);
}
.swissgoldspins_proof_card span {
font-size: 0.85rem;
color: var(--text-sec);
}
.swissgoldspins_age_strip {
background: var(--secondary);
text-align: center;
padding: 8px 20px;
font-size: 0.9rem;
font-weight: 600;
color: #fff;
}
.swissgoldspins_section {
padding: 80px 0;
}
.swissgoldspins_bg_surface {
background-color: var(--surface);
}
.swissgoldspins_section_title {
text-align: center;
font-size: 2rem;
margin-bottom: 40px;
}
.swissgoldspins_center_text {
text-align: center;
max-width: 800px;
margin: 0 auto;
}
.swissgoldspins_center_cta {
text-align: center;
margin-top: 40px;
}
.swissgoldspins_split {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
}
.swissgoldspins_reverse .swissgoldspins_split_text {
order: 2;
}
.swissgoldspins_split_media img {
width: 100%;
border-radius: 8px;
display: block;
}
.swissgoldspins_grid_3 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 24px;
}
.swissgoldspins_grid_2 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 24px;
}
.swissgoldspins_info_card, .swissgoldspins_text_panel {
background: var(--bg);
border: 1px solid var(--surface);
padding: 32px;
border-radius: 8px;
}
.swissgoldspins_bg_surface .swissgoldspins_info_card, .swissgoldspins_bg_surface .swissgoldspins_text_panel {
background: var(--bg);
border-color: var(--secondary);
}
.swissgoldspins_faq_layout {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 40px;
}
.swissgoldspins_faq_list {
display: flex;
flex-direction: column;
gap: 16px;
}
.swissgoldspins_faq_item {
border: 1px solid var(--surface);
border-radius: 4px;
}
.swissgoldspins_faq_trigger {
width: 100%;
background: var(--surface);
color: var(--text-pri);
border: none;
padding: 16px;
text-align: left;
font-weight: 600;
cursor: pointer;
font-family: var(--font-body);
display: flex;
justify-content: space-between;
}
.swissgoldspins_faq_trigger::after {
content: '+';
}
.swissgoldspins_faq_trigger[aria-expanded="true"]::after {
content: '-';
}
.swissgoldspins_faq_panel {
padding: 16px;
background: var(--bg);
color: var(--text-sec);
}
.swissgoldspins_event_placeholder {
aspect-ratio: 1/1;
background: var(--surface);
border-radius: 50%;
display: grid;
place-items: center;
border: 2px dashed var(--secondary);
}
.swissgoldspins_dial {
width: 60%;
height: 60%;
border-radius: 50%;
border: 4px solid var(--accent);
position: relative;
}
.swissgoldspins_dial::after {
content: '';
position: absolute;
top: 0;
left: 50%;
width: 4px;
height: 50%;
background: var(--primary);
transform-origin: bottom center;
transform: translateX(-50%) rotate(45deg);
}
.swissgoldspins_home_games_zone {
display: grid;
grid-template-columns: 1fr;
max-width: clamp(820px, 72vw, 900px);
margin: 0 auto;
gap: clamp(20px, 3vw, 28px);
}
.swissgoldspins_game_card {
background: var(--surface);
border: 1px solid #2A2A35;
border-radius: 8px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 20px;
max-width: 100%;
min-width: 0;
}
.swissgoldspins_game_header {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid var(--bg);
padding-bottom: 10px;
}
.swissgoldspins_game_header h3 {
margin: 0;
font-size: 1.2rem;
color: var(--accent);
}
.swissgoldspins_badge {
font-size: 0.75rem;
text-transform: uppercase;
background: var(--bg);
padding: 4px 8px;
border-radius: 4px;
letter-spacing: 1px;
color: var(--text-sec);
}
.swissgoldspins_slot_stage {
min-height: clamp(240px, 18vw, 320px);
display: flex;
flex-direction: column;
}
.swissgoldspins_reel_window {
flex: 1;
overflow: hidden;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
background: #000;
padding: 8px;
border-radius: 8px;
position: relative;
}
.swissgoldspins_reel {
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
background: var(--surface);
border-radius: 4px;
}
.swissgoldspins_reel img {
display: block;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swissgoldspins_payline {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
background: rgba(255, 184, 107, 0.6);
transform: translateY(-50%);
z-index: 10;
box-shadow: 0 0 8px var(--accent);
}
.swissgoldspins_wheel_stage {
aspect-ratio: 1 / 1;
max-width: 320px;
width: 100%;
margin: 0 auto;
display: grid;
grid-template-areas: "stage";
place-items: center;
border-radius: 50%;
overflow: hidden;
background: #000;
padding: 10px;
}
.swissgoldspins_wheel_img {
grid-area: stage;
display: block;
max-width: 100%;
max-height: 100%;
object-fit: contain;
border-radius: 50%;
transform-origin: center;
}
.swissgoldspins_wheel_pointer {
grid-area: stage;
place-self: start center;
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 20px solid var(--primary);
transform: translateY(5px);
z-index: 20;
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));
}
.swissgoldspins_game_controls {
display: flex;
flex-direction: column;
gap: 16px;
}
.swissgoldspins_bet_row {
display: flex;
gap: 12px;
align-items: center;
flex-wrap: wrap;
}
.swissgoldspins_bet_select {
padding: 10px;
background: var(--bg);
color: var(--text-pri);
border: 1px solid var(--secondary);
border-radius: 4px;
font-family: var(--font-body);
flex: 1;
min-width: 120px;
}
.swissgoldspins_bet_choices {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.swissgoldspins_bet_btn {
flex: 1;
padding: 8px;
background: var(--bg);
color: var(--text-pri);
border: 1px solid var(--secondary);
border-radius: 4px;
cursor: pointer;
transition: 0.2s;
min-width: 80px;
}
.swissgoldspins_bet_btn.is-selected {
background: var(--secondary);
border-color: var(--primary);
}
.swissgoldspins_game_result {
padding: 12px;
background: var(--bg);
border: 1px solid var(--surface);
border-radius: 4px;
text-align: center;
font-weight: 600;
color: var(--accent);
min-height: 48px;
display: flex;
align-items: center;
justify-content: center;
}
.swissgoldspins_lobby_section {
padding: 60px 0;
}
.swissgoldspins_lobby_grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.swissgoldspins_page_header {
background: var(--surface);
padding: 60px 0;
text-align: center;
border-bottom: 1px solid var(--secondary);
}
.swissgoldspins_wallet_bar {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(to right, #111, var(--surface));
border-top: 2px solid var(--secondary);
padding: 12px 0;
z-index: 90;
box-shadow: 0 -4px 10px rgba(0,0,0,0.5);
}
.swissgoldspins_wallet_inner {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 12px;
}
.swissgoldspins_wallet_label {
color: var(--text-sec);
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 1px;
}
.swissgoldspins_wallet_balance {
font-family: var(--font-head);
font-size: 1.5rem;
color: var(--accent);
font-weight: 700;
}
.swissgoldspins_footer {
background-color: #08080B;
padding: 60px 0 20px;
border-top: 1px solid var(--surface);
}
.swissgoldspins_footer_grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 40px;
margin-bottom: 40px;
}
.swissgoldspins_footer_col h4 {
font-size: 1.1rem;
margin-bottom: 20px;
color: var(--accent);
}
.swissgoldspins_footer_col p, .swissgoldspins_footer_col li {
color: var(--text-sec);
font-size: 0.9rem;
margin-bottom: 10px;
}
.swissgoldspins_footer_col ul {
list-style: none;
}
.swissgoldspins_partner_logos {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.swissgoldspins_partner_chip {
background: #ffffff;
padding: 8px;
border-radius: 4px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.swissgoldspins_partner_chip img {
height: 30px;
width: auto;
display: block;
}
.swissgoldspins_footer_bottom {
border-top: 1px solid var(--surface);
padding-top: 20px;
text-align: center;
}
.swissgoldspins_footer_bottom p {
font-size: 0.8rem;
color: #666;
margin-bottom: 5px;
}
.swissgoldspins_text_btn {
background: none;
border: none;
color: var(--primary);
cursor: pointer;
text-decoration: underline;
font-family: var(--font-body);
padding: 0;
margin-top: 10px;
}
.swissgoldspins_modal {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.8);
z-index: 1000;
place-items: center;
display: none;
}
.swissgoldspins_modal.is-open {
display: grid;
}
.swissgoldspins_modal_content {
background: var(--surface);
padding: 40px;
border-radius: 8px;
border: 1px solid var(--secondary);
max-width: 500px;
width: 90%;
position: relative;
}
.swissgoldspins_modal_close {
position: absolute;
top: 16px;
right: 16px;
background: none;
border: none;
color: var(--text-pri);
font-size: 1.5rem;
cursor: pointer;
}
.swissgoldspins_auth_form {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 24px;
}
.swissgoldspins_auth_form hr {
border: none;
border-top: 1px solid var(--bg);
margin: 8px 0;
}
.swissgoldspins_form {
display: flex;
flex-direction: column;
gap: 20px;
}
.swissgoldspins_form_group {
display: flex;
flex-direction: column;
gap: 8px;
}
.swissgoldspins_input {
padding: 12px;
background: var(--bg);
border: 1px solid var(--secondary);
color: var(--text-pri);
border-radius: 4px;
font-family: var(--font-body);
}
.swissgoldspins_policy_main {
padding: 60px 0;
}
.swissgoldspins_policy_container {
max-width: 800px;
}
.swissgoldspins_policy_content h2 {
margin-top: 40px;
color: var(--accent);
font-size: 1.4rem;
}
.swissgoldspins_policy_content p {
color: var(--text-sec);
margin-bottom: 16px;
}
@media (max-width: 1280px) {
.swissgoldspins_lobby_grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.swissgoldspins_split, .swissgoldspins_faq_layout {
grid-template-columns: 1fr;
}
.swissgoldspins_nav {
display: none;
position: absolute;
top: 70px;
left: 0;
width: 100%;
background: var(--surface);
flex-direction: column;
padding: 20px;
border-bottom: 1px solid var(--secondary);
}
.swissgoldspins_nav.is-open {
display: flex;
}
.swissgoldspins_burger {
display: flex;
}
.swissgoldspins_hero_text h1 {
font-size: 2rem;
}
.swissgoldspins_lobby_grid {
grid-template-columns: 1fr;
}
.swissgoldspins_home_games_zone {
max-width: 100%;
}
}
/* footer-logo-contrast-guard-v3 */
a[href*="gamcare.org"],
a[href*="begambleaware.org"],
a[href*="gambleaware"] {
  background: #ffffff !important;
  color: #111111 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.45rem 0.7rem !important;
  border-radius: 0.7rem !important;
  box-sizing: border-box !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

a[href*="gamcare.org"] img,
a[href*="gamcare.org"] picture,
a[href*="gamcare.org"] .partner-logo,
a[href*="begambleaware.org"] img,
a[href*="begambleaware.org"] picture,
a[href*="begambleaware.org"] .partner-logo,
img[src*="gamcare"],
img[alt*="GamCare" i],
img[src*="gambleaware"],
img[alt*="BeGambleAware" i],
img[alt*="GambleAware" i] {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  box-shadow: none !important;
}

/* social-game-layering-guard-v4 */
[data-home-live-game],
[data-game-card],
[data-slot-game],
[data-slot-stage],
[data-wheel-game],
[data-wheel-stage],
[data-mechanic],
[class*="game_wrapper"],
[class*="game-wrapper"],
[class*="game_board"],
[class*="game-board"],
[class*="slot_board"],
[class*="slot-board"],
[class*="roulette_board"],
[class*="roulette-board"] {
  position: relative !important;
  isolation: isolate !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

[class*="slot"][class*="frame"],
[class*="slot"][class*="bg"],
[class*="slot"][class*="background"],
img[class*="slot_frame"],
img[class*="slot-frame"],
img[class*="frame_img"],
img[class*="frame-img"],
[data-game-mechanic="slot"] [class*="game_visual"] > img:first-child,
[data-game-mechanic="slot"] [class*="game-visual"] > img:first-child,
[data-game-mechanic="slot"] img[class*="game_bg"],
[data-game-mechanic="slot"] img[class*="game-bg"] {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

[class*="roulette"][class*="wheel"] img,
img[class*="roulette"][class*="wheel"],
[data-wheel-img] {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  transform-origin: center !important;
  border-radius: 50% !important;
  clip-path: circle(50% at 50% 50%) !important;
  pointer-events: none !important;
}

[data-wheel-stage],
[data-wheel-game] [class*="wheel_stage"],
[data-wheel-game] [class*="wheel-stage"],
[class*="wheel_board"],
[class*="wheel-board"],
[class*="roulette_board"],
[class*="roulette-board"] {
  aspect-ratio: 1 / 1 !important;
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
}

[data-game-mechanic="slot"] [class*="game_visual"],
[data-game-mechanic="slot"] [class*="game-visual"] {
  min-height: clamp(260px, 42vw, 560px) !important;
  aspect-ratio: 4 / 3 !important;
  position: relative !important;
  overflow: hidden !important;
}

[data-slot-stage],
[data-slot-game] [class*="slot_stage"],
[data-slot-game] [class*="slot-stage"],
[data-game-mechanic="slot"] [class*="slot_board"],
[data-game-mechanic="slot"] [class*="slot-board"] {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  align-items: center !important;
}

[data-slot-reel-window],
[data-slot-game] [class*="slot_reel_window"],
[data-slot-game] [class*="slot-reel-window"],
[data-slot-game] [class*="reel_window"],
[data-slot-game] [class*="reel-window"] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: clamp(170px, 22vw, 320px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: clamp(0.55rem, 1.5vw, 1.2rem) !important;
  overflow: hidden !important;
  position: relative !important;
}

[class*="slot_reels"],
[class*="slot-reels"],
[class*="reels"],
[data-home-live-game] [data-reel-index] {
  position: absolute !important;
  left: 10% !important;
  right: 10% !important;
  top: 35% !important;
  bottom: 35% !important;
  width: auto !important;
  height: auto !important;
  transform: none !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: clamp(0.45rem, 1.4vw, 1.1rem) !important;
  z-index: 60 !important;
  pointer-events: none !important;
}

[data-slot-symbol],
[class*="slot_symbol"],
[class*="slot-symbol"],
[class*="reel"] img,
[data-home-live-game] [data-reel-index] img {
  position: relative !important;
  z-index: 70 !important;
  display: block !important;
  width: clamp(72px, 62%, 170px) !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 88% !important;
  object-fit: contain !important;
}

[class*="slot_reel"]:not([class*="window"]),
[class*="slot-reel"]:not([class*="window"]),
[data-slot-reel],
[data-home-live-game] [data-reel-index] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: clamp(72px, 10vw, 150px) !important;
  background: rgba(2, 8, 18, 0.88) !important;
  border: 2px solid rgba(255,255,255,0.78) !important;
  border-radius: 0.85rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.16), 0 0.9rem 1.8rem rgba(0,0,0,0.35) !important;
}

[class*="roulette"][class*="pointer"],
[class*="wheel"][class*="pointer"],
[data-wheel-pointer],
[data-home-live-game] [data-roulette-bet],
[data-home-live-game] [class*="game_ui"],
[data-home-live-game] [class*="game-ui"],
[data-home-live-game] [class*="game_controls"],
[data-home-live-game] [class*="game-controls"],
[data-home-live-game] [class*="bet"],
[data-home-live-game] [class*="result"],
[data-home-live-game] [class*="status"],
[data-home-live-game] button,
[data-home-live-game] select,
[data-home-live-game] input {
  position: relative !important;
  z-index: 90 !important;
}

/* social-game-lobby-centering-guard-v1 */
[data-lobby-layout] {
  justify-content: center !important;
  align-items: start !important;
}

[data-lobby-layout="lobby-three-column-grid"] {
  grid-template-columns: repeat(2, minmax(280px, 420px)) !important;
}

[data-lobby-layout] [data-slot-game] {
  grid-column: 1 / -1 !important;
  width: min(100%, 900px) !important;
  justify-self: center !important;
  margin-inline: auto !important;
}

[data-lobby-layout] [data-wheel-game],
[data-lobby-layout] [data-game-mechanic="roulette"],
[data-lobby-layout] [data-game-mechanic="wheel"] {
  width: min(100%, 420px) !important;
  justify-self: center !important;
}

@media (max-width: 760px) {
  [data-lobby-layout="lobby-three-column-grid"] {
    grid-template-columns: 1fr !important;
  }
  [data-lobby-layout] [data-slot-game],
  [data-lobby-layout] [data-wheel-game],
  [data-lobby-layout] [data-game-mechanic="roulette"],
  [data-lobby-layout] [data-game-mechanic="wheel"] {
    width: 100% !important;
  }
}