:root {
  --color-header: #314253;
  --color-bg: #1a2834;
  --color-btn-primary: #07b9e8;
  --color-btn-secondary: #596a76;
  --color-panel: #1f3142;
  --color-text: #e8eef3;
  --color-muted: #aebfca;
  --color-border: #405568;
  --color-gold: #ffd166;
  --radius: 12px;
  --shadow: 0 10px 28px rgba(0,0,0,.22);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--color-bg); color: var(--color-text); font-family: "Nunito Sans",Arial,sans-serif; line-height: 1.65; }
a { color: var(--color-btn-primary); }
img { max-width: 100%; height: auto; }
.container { width: min(100% - 32px,1280px); }
.site-header { position: sticky; top: 0; z-index: 1000; background: var(--color-header); box-shadow: 0 3px 20px rgba(0,0,0,.3); }
.header-inner { min-height: 74px; display: flex; align-items: center; gap: 16px; position: relative; }
.brand-logo { display: inline-flex; align-items: center; min-width: 120px; }
.brand-logo img { max-height: 44px; object-fit: contain; }
.main-menu { display: flex; align-items: center; gap: 16px; margin-left: auto; margin-right: 0; justify-content: flex-end; }
.menu-links { display: flex; align-items: center; gap: 16px; }
.main-menu a { color: var(--color-text); text-decoration: none; font-size: .88rem; font-weight: 800; transition: color .2s ease; }
.main-menu a:hover { color: var(--color-btn-primary); }
.header-actions { display: flex; align-items: center; gap: 8px; }
.btn-primary,.btn-login,.btn-outline { display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 8px; padding: 10px 16px; color: #fff; font-weight: 900; text-decoration: none; cursor: pointer; transition: transform .2s ease,box-shadow .2s ease,background .2s ease; }
.btn-primary { background: var(--color-btn-primary); box-shadow: 0 5px 14px rgba(7,185,232,.25); }
.btn-login { background: var(--color-btn-secondary); }
.btn-outline { color: var(--color-btn-primary); border: 1px solid var(--color-btn-primary); background: transparent; }
.promo-code { background: var(--color-btn-primary); box-shadow: 0 5px 14px rgba(7,185,232,.25); letter-spacing: .06em; cursor: pointer; user-select: none; -webkit-user-select: none; -ms-user-select: none; }
.btn-primary:hover,.btn-login:hover,.btn-outline:hover { transform: translateY(-2px); color: #fff; box-shadow: 0 7px 18px rgba(0,0,0,.25); }
.menu-toggle { display: none; border: 0; background: transparent; padding: 7px; }
.menu-toggle i { display: block; width: 24px; height: 2px; margin: 5px; background: #fff; transition: transform .2s ease; }
.online-count { color: #cddbe4; font-size: .78rem; white-space: nowrap; }
.online-count span { display: inline-block; width: 8px; height: 8px; margin-right: 5px; border-radius: 50%; background: #4bd58c; box-shadow: 0 0 8px #4bd58c; }
.hero-block { display: flex; align-items: center; min-height: 340px; background: linear-gradient(90deg,rgba(16,34,46,.94),rgba(16,34,46,.56)),url("/gigaspinz-banner.png") center/cover,var(--color-header); }
.hero-copy { max-width: 670px; padding: 48px 0; }
.eyebrow { color: var(--color-btn-primary); font-size: .8rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.hero-copy h1 { margin: 8px 0 16px; font-size: clamp(2rem,4vw,3.8rem); font-weight: 900; line-height: 1.08; }
.hero-copy p { color: #d4e0e7; font-size: 1.1rem; }
.breadcrumbs { padding: 17px 0; color: var(--color-muted); font-size: .85rem; }
.breadcrumbs a { color: var(--color-btn-primary); text-decoration: none; }
.page-content { padding-bottom: 105px; }
.content-box { margin: 0 0 22px; padding: clamp(20px,4vw,38px); border: 1px solid var(--color-border); border-radius: var(--radius); background: var(--color-panel); box-shadow: var(--shadow); }
.content-box h2 { margin: 0 0 18px; font-size: clamp(1.45rem,2.6vw,2.2rem); font-weight: 900; }
.content-box h3 { font-size: 1.15rem; font-weight: 900; }
.toc-list { columns: 2; margin: 0; padding-left: 20px; }
.toc-list a { text-decoration: none; }
.table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.info-table,.comparison-table { width: 100%; min-width: 620px; border-collapse: collapse; }
.info-table td,.comparison-table td,.comparison-table th { padding: 12px 15px; border: 1px solid var(--color-border); text-align: left; }
.info-table td:first-child { width: 42%; color: #b9dff0; font-weight: 800; }
.comparison-table th { background: var(--color-header); }
.feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.feature,.promo-card,.game-card,.review-card { border: 1px solid var(--color-border); border-radius: 10px; background: #263b4c; transition: transform .22s ease,border-color .22s ease; }
.feature { padding: 18px; }
.feature:hover,.promo-card:hover,.game-card:hover,.review-card:hover { transform: translateY(-4px); border-color: var(--color-btn-primary); }
.feature b { display: block; margin-bottom: 5px; color: var(--color-btn-primary); font-size: 1.06rem; }
.pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.pros-cons>div { padding: 20px; border-radius: 10px; background: #263b4c; }
.pros-cons h3 { color: #67d7a1; }
.pros-cons>div+div h3 { color: #ff8c90; }
.jackpot-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }
.jackpot-card { padding: 24px 14px; border: 1px solid #0b87aa; border-radius: 12px; background: linear-gradient(145deg,#223f54,#132a39); text-align: center; }
.jackpot-card strong { display: block; color: var(--color-gold); font-size: 1.7rem; }
.card-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.promo-card { padding: 22px; }
.promo-card h3 { margin: 0 0 8px; }
.tag { display: inline-block; padding: 4px 8px; border-radius: 50px; background: var(--color-gold); color: #072531; font-size: .73rem; font-weight: 900; }
.timer { color: #8ee4fb; font-weight: 900; }
.game-row { display: grid; grid-template-columns: repeat(6,1fr); gap: 16px; }
.game-card { padding: 12px; text-align: center; }
.game-art { display: grid; height: 95px; margin-bottom: 10px; border-radius: 8px; place-items: center; background: linear-gradient(135deg,#07b9e8,#7658ca); font-size: 3rem; font-weight: 900; }
.game-card h3 { font-size: .92rem; }
.game-card p { color: #a9bbc7; font-size: .75rem; }
.review-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.review-card { padding: 20px; }
.review-head { display: flex; align-items: center; gap: 10px; }
.avatar { display: grid; width: 42px; height: 42px; border-radius: 50%; place-items: center; background: var(--color-btn-primary); color: #073247; font-weight: 900; }
.stars { color: var(--color-gold); letter-spacing: 2px; }
.form-control,.form-select { padding: 11px; border-color: #4b6275; background: #182935; color: #fff; }
.form-control:focus,.form-select:focus { border-color: var(--color-btn-primary); background: #182935; color: #fff; box-shadow: 0 0 0 .2rem rgba(7,185,232,.2); }
.form-success { margin-top: 12px; color: #66d8a0; font-weight: 800; }
.accordion-item { border-color: var(--color-border); background: #263b4c; color: var(--color-text); }
.accordion-button { background: #263b4c; color: #fff; font-weight: 800; }
.accordion-button:not(.collapsed) { background: #304b5e; color: #fff; box-shadow: none; }
.accordion-button:focus { box-shadow: 0 0 0 .2rem rgba(7,185,232,.33); }
.notice { padding: 18px; border-left: 4px solid var(--color-btn-primary); border-radius: 8px; background: #103c4c; }
.score-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; }
.score { padding: 17px; border-radius: 10px; background: #263b4c; text-align: center; }
.score b { display: block; color: var(--color-gold); font-size: 1.35rem; }
.rating-big { color: var(--color-gold); font-size: 3.8rem; font-weight: 900; line-height: 1; }
.progress { display: inline-flex; width: 55%; height: 10px; background: #172632; vertical-align: middle; }
.progress-bar { background: var(--color-btn-primary); }
.status-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }
.status { padding: 15px; border: 1px solid var(--color-border); border-radius: 9px; background: #263b4c; text-align: center; }
.app-buttons,.category-row { display: flex; flex-wrap: wrap; gap: 12px; }
.app-button { padding: 12px 18px; border: 1px solid #4e6678; border-radius: 9px; background: #111d26; color: #fff; font-weight: 800; text-decoration: none; }
.app-button small { display: block; color: #9db2c0; font-size: .7rem; }
.category-row span { padding: 8px 13px; border: 1px solid var(--color-border); border-radius: 30px; background: #30485a; }
.content-injected { padding: clamp(16px,2.5vw,26px); border: 1px solid var(--color-border); border-radius: var(--radius); background: rgba(0,0,0,.14); }
.content-injected > *:first-child { margin-top: 0; }
.content-injected > *:last-child { margin-bottom: 0; }
.content-injected h2,.content-injected h3 { margin-top: 26px; }
.content-injected p { margin-bottom: 1rem; }
.content-injected ul,.content-injected ol { padding-left: 1.4rem; }
.content-injected li { margin-bottom: .45rem; }
.content-injected table { width: 100%; margin: 22px 0; border: 1px solid var(--color-border); border-radius: var(--radius); border-collapse: separate; border-spacing: 0; overflow: hidden; background: var(--color-panel); box-shadow: var(--shadow); }
.content-injected caption { padding: 12px 15px; border: 1px solid var(--color-border); border-bottom: 0; border-radius: var(--radius) var(--radius) 0 0; background: var(--color-header); font-weight: 900; text-align: left; caption-side: top; }
.content-injected blockquote { margin: 22px 0; padding: 16px 20px; border: 1px solid var(--color-border); border-left: 4px solid var(--color-btn-primary); border-radius: var(--radius); background: var(--color-panel); }
.content-injected td,.content-injected th { padding: 12px 15px; border-right: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); text-align: left; vertical-align: top; }
.content-injected td:last-child,.content-injected th:last-child { border-right: 0; }
.content-injected tr:last-child td { border-bottom: 0; }
.content-injected th { background: var(--color-header); font-weight: 900; }
.content-injected tr:nth-child(even) td { background: rgba(0,0,0,.14); }
.content-injected tbody tr:hover td { background: rgba(7,185,232,.07); }
.content-injected td:first-child { color: #b9dff0; font-weight: 800; }
.site-footer { padding: 40px 0 92px; background: var(--color-header); }
.footer-top,.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.footer-top { padding-bottom: 24px; border-bottom: 1px solid #536575; }
.footer-links,.footer-bottom div { display: flex; flex-wrap: wrap; gap: 15px; }
.footer-links a,.footer-bottom a { color: var(--color-text); font-size: .88rem; font-weight: 700; text-decoration: none; }
.footer-badges { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; padding: 23px 0; }
.footer-badges span { display: inline-block; margin: 3px; padding: 3px 8px; border: 1px solid #617182; border-radius: 4px; color: #d2dee6; font-size: .78rem; }
.footer-bottom { padding-top: 18px; border-top: 1px solid #536575; font-size: .8rem; }
.footer-bottom p { margin: 0; }
.age { color: #fff; font-size: 1.4rem; }
.bonus-widget { position: fixed; z-index: 990; bottom: 16px; left: 50%; display: flex; align-items: center; gap: 15px; transform: translateX(-50%); padding: 10px 12px 10px 18px; border: 1px solid #5b7385; border-radius: 12px; background: var(--color-header); box-shadow: 0 10px 30px rgba(0,0,0,.5); }
.bonus-widget p { margin: 0; font-weight: 800; white-space: nowrap; }
.widget-close { border: 0; background: transparent; color: #fff; font-size: 1.5rem; }
.scroll-top { position: fixed; right: 22px; bottom: 95px; z-index: 80; display: none; width: 42px; height: 42px; border: 0; border-radius: 50%; background: var(--color-btn-primary); color: #fff; font-weight: 900; }
.scroll-top.is-visible { display: block; }
.fade-in { animation: fadeIn .55s ease both; }
.u001{} 
.u002{} 
.u003{} 
.u004{} 
.u005{} 
.u006{} 
.u007{} 
.u008{} 
.u009{} 
.u010{} 
.u011{} 
.u012{} 
.u013{} 
.u014{} 
.u015{} 
.u016{} 
.u017{} 
.u018{} 
.u019{} 
.u020{} 
.u021{} 
.u022{} 
.u023{} 
.u024{} 
.u025{} 
.u026{} 
.u027{} 
.u028{} 
.u029{} 
.u030{} 
.u031{} 
.u032{} 
.u033{} 
.u034{} 
.u035{} 
.u036{} 
.u037{} 
.u038{} 
.u039{} 
.u040{} 
.u041{} 
.u042{} 
.u043{} 
.u044{} 
.u045{} 
.u046{} 
.u047{} 
.u048{} 
.u049{} 
.u050{} 
.u051{} 
.u052{} 
.u053{} 
.u054{} 
.u055{} 
.u056{} 
.u057{} 
.u058{} 
.u059{} 
.u060{} 
.u061{} 
.u062{} 
.u063{} 
.u064{} 
.u065{} 
.u066{} 
.u067{} 
.u068{} 
.u069{} 
.u070{} 
.u071{} 
.u072{} 
.u073{} 
.u074{} 
.u075{} 
.u076{} 
.u077{} 
.u078{} 
.u079{} 
.u080{} 
.u081{} 
.u082{} 
.u083{} 
.u084{} 
.u085{} 
.u086{} 
.u087{} 
.u088{} 
.u089{} 
.u090{} 
.u091{} 
.u092{} 
.u093{} 
.u094{} 
.u095{} 
.u096{} 
.u097{} 
.u098{} 
.u099{} 
.u100{} 
.u101{} 
.u102{} 
.u103{} 
.u104{} 
.u105{} 
.u106{} 
.u107{} 
.u108{} 
.u109{} 
.u110{} 
.u111{} 
.u112{} 
.u113{} 
.u114{} 
.u115{} 
.u116{} 
.u117{} 
.u118{} 
.u119{} 
.u120{} 
.u121{} 
.u122{} 
.u123{} 
.u124{} 
.u125{} 
.u126{} 
.u127{} 
.u128{} 
.u129{} 
.u130{} 
.u131{} 
.u132{} 
.u133{} 
.u134{} 
.u135{} 
.u136{} 
.u137{} 
.u138{} 
.u139{} 
.u140{} 
.u141{} 
.u142{} 
.u143{} 
.u144{} 
.u145{} 
.u146{} 
.u147{} 
.u148{} 
.u149{} 
.u150{} 
.u151{} 
.u152{} 
.u153{} 
.u154{} 
.u155{} 
.u156{} 
.u157{} 
.u158{} 
.u159{} 
.u160{} 
.u161{} 
.u162{} 
.u163{} 
.u164{} 
.u165{} 
.u166{} 
.u167{} 
.u168{} 
.u169{} 
.u170{} 
.u171{} 
.u172{} 
.u173{} 
.u174{} 
.u175{} 
.u176{} 
.u177{} 
.u178{} 
.u179{} 
.u180{} 
.u181{} 
.u182{} 
.u183{} 
.u184{} 
.u185{} 
.u186{} 
.u187{} 
.u188{} 
.u189{} 
.u190{} 
.u191{} 
.u192{} 
.u193{} 
.u194{} 
.u195{} 
.u196{} 
.u197{} 
.u198{} 
.u199{} 
.u200{} 
.u201{} 
.u202{} 
.u203{} 
.u204{} 
.u205{} 
.u206{} 
.u207{} 
.u208{} 
.u209{} 
.u210{} 
.u211{} 
.u212{} 
.u213{} 
.u214{} 
.u215{} 
.u216{} 
.u217{} 
.u218{} 
.u219{} 
.u220{} 
.u221{} 
.u222{} 
.u223{} 
.u224{} 
.u225{} 
.u226{} 
.u227{} 
.u228{} 
.u229{} 
.u230{} 
.u231{} 
.u232{} 
.u233{} 
.u234{} 
.u235{} 
.u236{} 
.u237{} 
.u238{} 
.u239{} 
.u240{} 
.u241{} 
.u242{} 
.u243{} 
.u244{} 
.u245{} 
.u246{} 
.u247{} 
.u248{} 
.u249{} 
.u250{} 
.u251{} 
.u252{} 
.u253{} 
.u254{} 
.u255{} 
.u256{} 
.u257{} 
.u258{} 
.u259{} 
.u260{} 
.u261{} 
.u262{} 
.u263{} 
.u264{} 
.u265{} 
.u266{} 
.u267{} 
.u268{} 
.u269{} 
.u270{} 
.u271{} 
.u272{} 
.u273{} 
.u274{} 
.u275{} 
.u276{} 
.u277{} 
.u278{} 
.u279{} 
.u280{} 
.u281{} 
.u282{} 
.u283{} 
.u284{} 
.u285{} 
.u286{} 
.u287{} 
.u288{} 
.u289{} 
.u290{} 
.u291{} 
.u292{} 
.u293{} 
.u294{} 
.u295{} 
.u296{} 
.u297{} 
.u298{} 
.u299{} 
.u300{} 
.u301{} 
.u302{} 
.u303{} 
.u304{} 
.u305{} 
.u306{} 
.u307{} 
.u308{} 
.u309{} 
.u310{} 
.u311{} 
.u312{} 
.u313{} 
.u314{} 
.u315{} 
.u316{} 
.u317{} 
.u318{} 
.u319{} 
.u320{} 
.u321{} 
.u322{} 
.u323{} 
.u324{} 
.u325{} 
.u326{} 
.u327{} 
.u328{} 
.u329{} 
.u330{} 
.u331{} 
.u332{} 
.u333{} 
.u334{} 
.u335{} 
.u336{} 
.u337{} 
.u338{} 
.u339{} 
.u340{} 
.u341{} 
.u342{} 
.u343{} 
.u344{} 
.u345{} 
.u346{} 
.u347{} 
.u348{} 
.u349{} 
.u350{} 
.u351{} 
.u352{} 
.u353{} 
.u354{} 
.u355{} 
.u356{} 
.u357{} 
.u358{} 
.u359{} 
.u360{} 
.u361{} 
.u362{} 
.u363{} 
.u364{} 
.u365{} 
.u366{} 
.u367{} 
.u368{} 
.u369{} 
.u370{} 
.u371{} 
.u372{} 
.u373{} 
.u374{} 
.u375{} 
.u376{} 
.u377{} 
.u378{} 
.u379{} 
.u380{} 
.u381{} 
.u382{} 
.u383{} 
.u384{} 
.u385{} 
.u386{} 
.u387{} 
.u388{} 
.u389{} 
.u390{} 
.u391{} 
.u392{} 
.u393{} 
.u394{} 
.u395{} 
.u396{} 
.u397{} 
.u398{} 
.u399{} 
.u400{} 
.u401{} 
.u402{} 
.u403{} 
.u404{} 
.u405{} 
.u406{} 
.u407{} 
.u408{} 
.u409{} 
.u410{} 
.u411{} 
.u412{} 
.u413{} 
.u414{} 
.u415{} 
.u416{} 
.u417{} 
.u418{} 
.u419{} 
.u420{} 
.u421{} 
.u422{} 
.u423{} 
.u424{} 
.u425{} 
.u426{} 
.u427{} 
.u428{} 
.u429{} 
.u430{} 
.u431{} 
.u432{} 
.u433{} 
.u434{} 
.u435{} 
.u436{} 
.u437{} 
.u438{} 
.u439{} 
.u440{} 
.u441{} 
.u442{} 
.u443{} 
.u444{} 
.u445{} 
.u446{} 
.u447{} 
.u448{} 
.u449{} 
.u450{} 
.u451{} 
.u452{} 
.u453{} 
.u454{} 
.u455{} 
.u456{} 
.u457{} 
.u458{} 
.u459{} 
.u460{} 
.u461{} 
.u462{} 
.u463{} 
.u464{} 
.u465{} 
.u466{} 
.u467{} 
.u468{} 
.u469{} 
.u470{} 
.u471{} 
.u472{} 
.u473{} 
.u474{} 
.u475{} 
.u476{} 
.u477{} 
.u478{} 
.u479{} 
.u480{} 
.u481{} 
.u482{} 
.u483{} 
.u484{} 
.u485{} 
.u486{} 
.u487{} 
.u488{} 
.u489{} 
.u490{} 
.u491{} 
.u492{} 
.u493{} 
.u494{} 
.u495{} 
.u496{} 
.u497{} 
.u498{} 
.u499{} 
.u500{} 
.u501{} 
.u502{} 
.u503{} 
.u504{} 
.u505{} 
.u506{} 
.u507{} 
.u508{} 
.u509{} 
.u510{} 
.u511{} 
.u512{} 
.u513{} 
.u514{} 
.u515{} 
.u516{} 
.u517{} 
.u518{} 
.u519{} 
.u520{} 
.u521{} 
.u522{} 
.u523{} 
.u524{} 
.u525{} 
.u526{} 
.u527{} 
.u528{} 
.u529{} 
.u530{} 
.u531{} 
.u532{} 
.u533{} 
.u534{} 
.u535{} 
.u536{} 
.u537{} 
.u538{} 
.u539{} 
.u540{} 
.u541{} 
.u542{} 
.u543{} 
.u544{} 
.u545{} 
.u546{} 
.u547{} 
.u548{} 
.u549{} 
.u550{} 
.u551{} 
.u552{} 
.u553{} 
.u554{} 
.u555{} 
.u556{} 
.u557{} 
.u558{} 
.u559{} 
.u560{} 
.u561{} 
.u562{} 
.u563{} 
.u564{} 
.u565{} 
.u566{} 
.u567{} 
.u568{} 
.u569{} 
.u570{} 
.u571{} 
.u572{} 
.u573{} 
.u574{} 
.u575{} 
.u576{} 
.u577{} 
.u578{} 
.u579{} 
.u580{} 
.u581{} 
.u582{} 
.u583{} 
.u584{} 
.u585{} 
.u586{} 
.u587{} 
.u588{} 
.u589{} 
.u590{} 
.u591{} 
.u592{} 
.u593{} 
.u594{} 
.u595{} 
.u596{} 
.u597{} 
.u598{} 
.u599{} 
.u600{} 
.u601{} 
.u602{} 
.u603{} 
.u604{} 
.u605{} 
.u606{} 
.u607{} 
.u608{} 
.u609{} 
.u610{} 
.u611{} 
.u612{} 
.u613{} 
.u614{} 
.u615{} 
.u616{} 
.u617{} 
.u618{} 
.u619{} 
.u620{} 
.u621{} 
.u622{} 
.u623{} 
.u624{} 
.u625{} 
.u626{} 
.u627{} 
.u628{} 
.u629{} 
.u630{} 
.u631{} 
.u632{} 
.u633{} 
.u634{} 
.u635{} 
.u636{} 
.u637{} 
.u638{} 
.u639{} 
.u640{} 
.u641{} 
.u642{} 
.u643{} 
.u644{} 
.u645{} 
.u646{} 
.u647{} 
.u648{} 
.u649{} 
.u650{}
.u651{}
.u652{}
.u653{}
.u654{}
.u655{}
.u656{}
.u657{}
.u658{}
.u659{}
.u660{}
.u661{}
.u662{}
.u663{}
.u664{}
.u665{}
.u666{}
.u667{}
.u668{}
.u669{}
.u670{}
.u671{}
.u672{}
.u673{}
.u674{}
.u675{}
@keyframes fadeIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (max-width:991px) { .main-menu { gap: 10px; } .main-menu a { font-size: .77rem; } .game-row { grid-template-columns: repeat(3,1fr); } }
@media (max-width:767px) { .header-inner { gap: 9px; } .online-count { display: none; } .menu-toggle { display: block; margin-left: auto; } .main-menu { position: absolute; top: 74px; right: 0; left: 0; display: none; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 4px; padding: 16px 20px; border-top: 1px solid #536575; background: var(--color-header); } .main-menu.is-open { display: flex; } .menu-links { flex-direction: column; align-items: stretch; gap: 0; } .menu-links a { padding: 11px 2px; border-bottom: 1px solid rgba(255,255,255,.08); } .header-actions { flex-direction: column; align-items: stretch; gap: 8px; margin-top: 12px; } .header-actions a { width: 100%; padding: 12px 14px; font-size: .85rem; } .feature-grid { grid-template-columns: 1fr 1fr; } .card-row,.game-row,.review-grid { display: flex; overflow-x: auto; padding-bottom: 9px; scroll-snap-type: x mandatory; } .promo-card,.game-card,.review-card { min-width: 275px; scroll-snap-align: start; } .status-grid { grid-template-columns: 1fr 1fr; } .content-injected table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; } .content-injected td,.content-injected th { padding: 10px 12px; } }
@media (max-width:575px) { .brand-logo { min-width: 90px; } .brand-logo img { max-width: 106px; } .hero-block { min-height: 290px; } .hero-copy { padding: 35px 0; } .toc-list { columns: 1; } .content-box { padding: 20px 16px; } .feature-grid,.pros-cons,.jackpot-grid,.score-grid { grid-template-columns: 1fr; } .footer-top,.footer-bottom { align-items: flex-start; flex-direction: column; } .footer-badges { display: block; } .bonus-widget { bottom: 8px; width: calc(100% - 22px); gap: 8px; } .bonus-widget p { font-size: .72rem; white-space: normal; } }