:root{--bg:#140f08;--surface:#1e1a18;--text:#fdf8f1;--muted:#cdbfb2;--accent:#d77a10;--accent2:#d77a10;--radius:18px;--max:1160px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,sans-serif}a{color:inherit}img{max-width:100%}.container{width:min(var(--max),calc(100% - 30px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;color:#000;padding:8px;z-index:20}.header{position:sticky;top:0;z-index:9;background:#140f08f5;border-bottom:1px solid #26201d}.row{min-height:72px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:9px;font-weight:900;text-decoration:none}.brand img{width:42px}.nav{display:flex;gap:16px;margin-left:auto}.nav a{text-decoration:none;color:var(--muted)}.actions{display:flex;gap:9px}.btn{display:inline-flex;justify-content:center;padding:11px 18px;border:0;border-radius:999px;background:var(--accent);color:#120d06;font-weight:900;text-decoration:none}.btn.alt{background:transparent;color:#fff;border:1px solid #7a5748}.lang{background:var(--surface);color:#fff;border:1px solid #7a5748;border-radius:9px;padding:8px}.tgr-hero,.section{padding:64px 0}.tgr-hero{background:radial-gradient(circle at 85% 25%,#4a2a22,transparent 38%)}.tgr-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:center}h1{font-size:clamp(2.3rem,6vw,5rem);line-height:1.03;margin:.2em 0}.tgr-lead,.tgr-intro{color:var(--muted);max-width:780px}.tgr-offer,.card{background:var(--surface);border:1px solid #26201d;border-radius:var(--radius);padding:23px}.count{font-size:1.4rem;color:var(--accent2);font-weight:900}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:25px}.grid.three{grid-template-columns:repeat(3,1fr)}.tgr-state{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:24px}.tgr-payments{display:flex;flex-wrap:wrap;gap:10px}.tgr-payment{background:#fff;color:#111;padding:11px 18px;border-radius:9px;font-weight:800}.tgr-post{max-width:880px;padding:45px 0}.tgr-post h1{font-size:clamp(2rem,5vw,3.7rem)}.tgr-post h2{margin-top:32px}.form{display:grid;gap:14px}.form input,.form textarea{width:100%;padding:12px;border-radius:8px;border:1px solid #7a5748;background:#1e1a18;color:#fff}.tgr-notice{border-left:4px solid var(--accent2);background:var(--surface);padding:13px}.footer{padding:40px 0;border-top:1px solid #26201d;color:var(--muted)}.tgr-foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.footer a{display:block;margin:6px 0}.tgr-social{display:flex;gap:12px}.tgr-social a{display:inline}.menu{display:none}@media(max-width:850px){.nav{display:none}.nav.open{display:flex;position:absolute;top:72px;left:0;right:0;padding:20px;background:var(--bg);flex-direction:column}.menu{display:block;margin-left:auto}.actions .alt{display:none}.tgr-hero-grid,.tgr-state,.tgr-foot-grid{grid-template-columns:1fr}.grid,.grid.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.grid,.grid.three{grid-template-columns:1fr}.tgr-hero,.section{padding:45px 0}}.tgr-merit-icon{width:54px;height:54px;display:block;margin-bottom:16px}.tgr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}.tgr-gcard{position:relative;overflow:hidden;border-radius:18px;background:var(--surface);border:1px solid #26201d}.tgr-gcard img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transition:.35s}.tgr-gcard:hover img{transform:scale(1.035)}.tgr-ginfo{padding:15px}.tgr-ginfo h3{margin:0 0 3px}.tgr-ginfo span{color:var(--muted);font-size:.9rem}.tgr-pay-card{display:flex;align-items:center;gap:10px;background:#fff;color:#16110a;padding:10px 16px;border-radius:12px;font-weight:800}.tgr-pay-card img{width:34px;height:34px}.tgr-hero-art{border-radius:24px;border:1px solid #4a2a22;background:#1e1a18;padding:12px;box-shadow:0 24px 80px #0008}.tgr-hero-art img{display:block;width:100%;border-radius:16px}.actions{align-items:center}.header .actions .btn{min-height:44px;padding:0 20px;white-space:nowrap;box-shadow:none;transition:.2s}.header .actions .tgr-signin-btn{background:#1e1a18;color:#fff;border:1px solid #7a5748}.header .actions .play-btn{background:linear-gradient(135deg,#d77a10,#d77a10);color:#ffffff;border:1px solid #d77a10;box-shadow:0 8px 28px #d77a1035}.header .actions .btn:hover{filter:brightness(1.08);transform:translateY(-1px)}@media(max-width:850px){.tgr-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.tgr-grid{grid-template-columns:1fr 1fr}.tgr-ginfo{padding:11px}.tgr-ginfo h3{font-size:.95rem}}.tgr-bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.tgr-bcard{overflow:hidden;background:var(--surface);border:1px solid #26201d;border-radius:22px;box-shadow:0 20px 50px #0004}.tgr-bcard>img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.tgr-bcontent{padding:22px}.tgr-bcontent h3{margin:8px 0;font-size:1.35rem}.tgr-bcontent p{color:var(--muted)}.tgr-btag{display:inline-block;color:#d77a10;font-weight:900;font-size:.9rem}.tgr-bcontent .btn{margin-top:8px}@media(max-width:850px){.tgr-bgrid{grid-template-columns:1fr}.tgr-bcard{display:grid;grid-template-columns:minmax(220px,.8fr) 1fr}.tgr-bcard>img{height:100%;aspect-ratio:auto}}@media(max-width:600px){.tgr-bcard{display:block}.tgr-bcard>img{aspect-ratio:3/2}}.tgr-merit-icon{width:54px;height:54px;display:block;margin-bottom:16px}.tgr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}.tgr-gcard{position:relative;overflow:hidden;border-radius:18px;background:var(--surface);border:1px solid #26201d}.tgr-gcard img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transition:.35s}.tgr-gcard:hover img{transform:scale(1.035)}.tgr-ginfo{padding:15px}.tgr-ginfo h3{margin:0 0 3px}.tgr-ginfo span{color:var(--muted);font-size:.9rem}.tgr-pay-card{display:flex;align-items:center;gap:10px;background:#fff;color:#16110a;padding:10px 16px;border-radius:12px;font-weight:800}.tgr-pay-card img{width:34px;height:34px}.tgr-hero-art{border-radius:24px;border:1px solid #4a2a22;background:#1e1a18;padding:12px;box-shadow:0 24px 80px #0008}.tgr-hero-art img{display:block;width:100%;border-radius:16px}.actions{align-items:center}.header .actions .btn{min-height:44px;padding:0 20px;white-space:nowrap;box-shadow:none;transition:.2s}.header .actions .tgr-signin-btn{background:#1e1a18;color:#fff;border:1px solid #7a5748}.header .actions .play-btn{background:linear-gradient(135deg,#d77a10,#d77a10);color:#ffffff;border:1px solid #d77a10;box-shadow:0 8px 28px #d77a1035}.header .actions .btn:hover{filter:brightness(1.08);transform:translateY(-1px)}@media(max-width:850px){.tgr-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.tgr-grid{grid-template-columns:1fr 1fr}.tgr-ginfo{padding:11px}.tgr-ginfo h3{font-size:.95rem}}.tgr-studio-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;padding:0;margin:26px 0 0;list-style:none}.tgr-studio-card{min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;background:#fff;border-radius:14px;color:#1e1a18;font-size:.82rem;font-weight:800;text-align:center}.tgr-studio-card img{display:block;width:100%;height:54px;object-fit:contain}.tgr-bcard>img{object-fit:contain;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015));padding:12px}@media(max-width:900px){.tgr-studio-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){.tgr-studio-grid{grid-template-columns:repeat(2,1fr)}}
/* final homepage redesign */
.header .row{padding:0 18px}.header .brand{flex:0 0 auto}.header .actions{flex:0 0 auto}.btn{align-items:center;line-height:1.1;text-align:center}.header .actions .btn{height:44px;min-height:44px;padding:0 22px;border-radius:12px}.lang{height:44px}.tgr-stage{padding:64px 0 72px;background:linear-gradient(135deg,#1a1614,#2a2320)}.tgr-stage-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.tgr-stage-copy h1{margin:10px 0 20px}.tgr-stage-copy>p{max-width:650px;color:var(--muted);font-size:1.15rem}.tgr-eyebrow{display:block;color:var(--accent);font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.tgr-stage-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 15px}.primary-btn{background:var(--accent);color:#ffffff;border:1px solid #d77a10}.secondary-btn{background:transparent;color:#fff;border:1px solid #7a5748}.tgr-stage-side{min-height:390px;display:flex;align-items:center;justify-content:center;border:1px solid #4a2a22;border-radius:28px;background:#1e1a18;padding:30px}.tgr-stage-side img{max-height:360px;object-fit:contain}.tgr-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.tgr-head h2{margin:5px 0}.tgr-head>a{color:var(--accent);font-weight:800}.tgr-band{background:#1e1a18}.tgr-reel{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:28px}.tgr-tile{min-width:0}.tgr-tile>a{position:relative;display:block;overflow:hidden;border:1px solid #4a2a22;border-radius:18px;background:#1e1a18;text-decoration:none}.tgr-tile img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#1e1a18;transition:.25s}.tgr-tile-name{display:block;min-height:54px;padding:13px 12px;color:#fff;font-weight:800;font-size:.9rem;line-height:1.2}.tgr-tile-play{position:absolute;top:10px;right:10px;padding:6px 10px;border-radius:999px;background:#d77a10;color:#140f08;font-size:.75rem;font-weight:900;opacity:0;transform:translateY(-5px);transition:.2s}.tgr-tile a:hover .tgr-tile-play{opacity:1;transform:none}.tgr-tile a:hover img{transform:scale(1.025)}.tgr-deals{display:grid;gap:18px;margin-top:28px}.tgr-deal{display:grid;grid-template-columns:310px 1fr;min-height:260px;overflow:hidden;border:1px solid #4a2a22;border-radius:22px;background:#1e1a18}.tgr-deal-art{display:flex;align-items:center;justify-content:center;min-height:260px;background:radial-gradient(circle,#4a2a22 0,#26201d 58%,#1e1a18 100%);padding:18px}.tgr-deal-art img{display:block;width:100%;height:230px;object-fit:contain}.tgr-deal-copy{align-self:center;padding:28px}.tgr-deal-copy>span{color:var(--accent);font-weight:900}.tgr-deal-copy h3{margin:5px 0 8px;font-size:1.6rem}.tgr-deal-copy p{max-width:760px;color:var(--muted)}.tgr-merits{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}.tgr-merit{display:flex;gap:16px;align-items:flex-start;padding:22px;border:1px solid #4a2a22;border-radius:18px;background:#1e1a18}.tgr-merit img{flex:0 0 52px}.tgr-merit h3{margin:2px 0 5px}.tgr-merit p{margin:0;color:var(--muted)}.tgr-logos{display:grid;gap:14px;margin:26px 0 0;padding:0;list-style:none}.tgr-studios{grid-template-columns:repeat(6,1fr)}.tgr-pays{grid-template-columns:repeat(5,1fr)}.tgr-logos li{display:flex;align-items:center;justify-content:center;min-height:94px;padding:18px;border:1px solid #e4dfd8;border-radius:15px;background:#fff}.tgr-logos img{display:block;width:100%;height:54px;object-fit:contain}.tgr-longform{border-top:1px solid #26201d;border-bottom:1px solid #26201d}.tgr-longform-grid{display:grid;grid-template-columns:300px 1fr;gap:70px}.tgr-longform-grid aside{position:sticky;top:100px;align-self:start}.tgr-longform-grid aside h2{font-size:2.25rem;line-height:1.12}.tgr-longform-lead{color:var(--muted)}.tgr-longform-body{max-width:800px}.tgr-longform-body h3{margin:30px 0 8px;font-size:1.35rem}.tgr-longform-body p{color:#cdbfb2}.tgr-longform-body a{color:var(--accent)}.tgr-faqgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px}.tgr-faq details{padding:18px 20px;border:1px solid #4a2a22;border-radius:15px;background:#1e1a18}.tgr-faq summary{cursor:pointer;font-weight:850}.tgr-faq details p{color:var(--muted)}
@media(max-width:1100px){.nav{display:none}.menu{display:inline-flex;margin-left:auto}.tgr-reel{grid-template-columns:repeat(4,1fr)}.tgr-studios{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.header .row{gap:10px}.header .actions .tgr-signin-btn{display:none}.tgr-stage-grid,.tgr-longform-grid{grid-template-columns:1fr}.tgr-stage-side{min-height:280px}.tgr-reel{grid-template-columns:repeat(3,1fr)}.tgr-studios,.tgr-pays{grid-template-columns:repeat(3,1fr)}.tgr-longform-grid aside{position:static}.tgr-deal{grid-template-columns:220px 1fr}.tgr-merits{grid-template-columns:1fr}}
@media(max-width:560px){.header .lang{display:none}.header .actions .btn{padding:0 14px}.tgr-reel{grid-template-columns:repeat(2,1fr);gap:10px}.tgr-tile-name{font-size:.82rem}.tgr-deal{display:block}.tgr-deal-art{min-height:210px}.tgr-deal-art img{height:190px}.tgr-studios,.tgr-pays{grid-template-columns:repeat(2,1fr)}.tgr-faqgrid{grid-template-columns:1fr}.tgr-head{align-items:start;flex-direction:column}.tgr-stage-cta .btn{width:100%}}

.tgr-studios li{background:#1e1a18;border-color:#4a2a22}.tgr-studios img{max-width:160px}.tgr-pays li{background:#fff;border-color:#e4dfd8}

/* independent black-and-gold theme */
:root{--bg:#0d0801;--surface:#16110a;--text:#fbf6ef;--muted:#aea9a2;--accent:#d77a10;--accent2:#d77a10;--radius:18px;--max:1180px}body{background:var(--bg);background-image:radial-gradient(circle at 80% 5%,rgba(255,212,0,.055),transparent 24%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.container{width:min(var(--max),calc(100% - 40px))}.header{background:rgba(8,9,11,.96);border-color:#29241d}.header .row{min-height:84px}.brand img{width:58px;height:58px}.brand{font-size:1.05rem}.nav{gap:24px}.nav a{position:relative;color:#e8e3dc;font-weight:700}.nav a:before{content:"";position:absolute;left:-11px;top:50%;width:5px;height:5px;border:1px solid var(--accent);border-radius:50%;transform:translateY(-50%)}.nav a:hover{color:var(--accent)}.lang{background:#16110a;border-color:#3f3a33;color:#ddd}.header .actions .tgr-signin-btn{background:#16110a;border-color:#4a2a22;color:#fff}.header .actions .play-btn,.primary-btn{background:var(--accent);border-color:var(--accent);color:#090909;box-shadow:none}.header .actions .btn,.tgr-stage-cta .btn,.tgr-deal-copy .btn{border-radius:7px;font-weight:900}.secondary-btn{border-color:#7a5748;color:#fff;border-radius:7px}.tgr-stage{min-height:650px;display:flex;align-items:center;padding:74px 0;background:linear-gradient(125deg,#0e0902 0,#17120b 65%,#0e0902 100%);border-bottom:1px solid #28231c}.tgr-stage-grid{grid-template-columns:1.05fr .95fr}.tgr-stage-copy h1{max-width:690px;font-size:clamp(3rem,6.2vw,6.2rem);letter-spacing:-.055em}.tgr-stage-copy h1:after{content:".";color:var(--accent)}.tgr-stage-copy>p{font-size:1.12rem;line-height:1.8}.tgr-stage-copy small{color:#7a5748}.tgr-eyebrow{color:var(--accent)}.tgr-stage-side{min-height:470px;border:0;background:radial-gradient(circle at center,rgba(255,212,0,.10),transparent 62%);padding:0}.tgr-stage-side img{width:115%;max-width:none;max-height:500px;object-fit:contain}.section{padding:88px 0}.tgr-band{background:#110c05;border-top:1px solid #221d16;border-bottom:1px solid #221d16}.section h2,.tgr-longform h2,.tgr-faq h2{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.045em;line-height:1.05}.tgr-head h2{font-size:clamp(2.2rem,4vw,3.8rem)}.tgr-head>a{color:var(--accent)}.tgr-intro{font-size:1.05rem;line-height:1.75}.tgr-reel{grid-template-columns:repeat(4,1fr);gap:20px}.tgr-tile>a{padding:16px;border-color:#3a352e;border-radius:18px;background:linear-gradient(155deg,#1b160f,#130e07)}.tgr-tile img{aspect-ratio:4/3;object-fit:contain;border-radius:12px;background:#0f0a03}.tgr-tile-name{min-height:64px;padding:18px 2px 4px;color:var(--accent);font-size:1.05rem;text-transform:uppercase}.tgr-tile-play{top:auto;bottom:14px;right:14px;background:var(--accent)}.tgr-deals{grid-template-columns:repeat(3,1fr);gap:22px}.tgr-deal{display:block;min-height:0;border-color:#3a352e;border-radius:18px;background:linear-gradient(155deg,#1d1811,#120d06)}.tgr-deal-art{min-height:250px;background:radial-gradient(circle,#2f2a23,#16110a 70%);border-bottom:1px solid #302b24}.tgr-deal-art img{height:230px}.tgr-deal-copy{padding:26px}.tgr-deal-copy>span{color:var(--accent)}.tgr-deal-copy h3{font-size:1.5rem}.tgr-deal-copy .btn{width:100%;margin-top:10px}.tgr-merits{grid-template-columns:repeat(4,1fr)}.tgr-merit{display:block;text-align:center;min-height:280px;padding:38px 24px;border-color:#3a352e;background:linear-gradient(155deg,#1d1811,#120d06)}.tgr-merit img{width:70px;height:70px;margin:0 auto 28px;filter:saturate(0) sepia(1) saturate(8) hue-rotate(5deg)}.tgr-merit h3{font-size:1.25rem}.tgr-logos li{border-color:#36312a;background:#16110a}.tgr-studios li{background:#1d1811}.tgr-pays li{background:#f7f7f7;border-color:#f7f7f7}.tgr-longform{background:#110c05;border-color:#29241d}.tgr-longform-body p{color:#beb9b2}.tgr-longform-body h3{color:var(--accent)}.tgr-faq details{border-color:#3a352e;background:#16110a}.tgr-voices{background:#0d0801}.tgr-center-head{text-align:center;max-width:800px;margin:0 auto 38px}.tgr-center-head p{color:var(--muted)}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.reviews-grid>article{min-height:240px;padding:28px;border:1px solid #3a352e;border-radius:18px;background:linear-gradient(155deg,#1d1811,#120d06)}.tgr-voice-head{display:flex;align-items:center;gap:14px}.tgr-voice-head .tgr-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--accent);color:#090909;font-weight:950}.tgr-voice-head h3{margin:0}.tgr-voice-head span{color:var(--muted);font-size:.87rem}.tgr-voice-head strong{margin-left:auto;color:var(--accent)}.reviews-grid>article>p{margin-top:25px;color:#beb9b2}.footer{padding:64px 0 28px;background:#0c0700;border-color:#2e2922}.tgr-foot-grid{grid-template-columns:1.6fr 1fr 1fr}.footer strong,.footer b{color:#fff}.footer a:hover{color:var(--accent)}
@media(max-width:1000px){.tgr-reel{grid-template-columns:repeat(3,1fr)}.tgr-deals{grid-template-columns:1fr}.tgr-deal{display:grid;grid-template-columns:280px 1fr}.tgr-merits{grid-template-columns:repeat(2,1fr)}.reviews-grid{grid-template-columns:1fr 1fr}.tgr-stage-side img{width:100%}}
@media(max-width:700px){.tgr-stage{min-height:auto}.tgr-stage-grid{grid-template-columns:1fr}.tgr-stage-side{min-height:300px}.tgr-reel{grid-template-columns:repeat(2,1fr)}.tgr-deal{display:block}.tgr-merits,.reviews-grid{grid-template-columns:1fr}.tgr-studios,.tgr-pays{grid-template-columns:repeat(2,1fr)}.section{padding:64px 0}}

:root {
  --surface-main: #17120b;
  --surface-raised: #1f1a13;
}

html,
body,
main,
.header,
.footer,
.section,
.tgr-games,
.tgr-faq,
.tgr-paystrip,
.tgr-signin {
  background: var(--surface-main) !important;
  background-image: none !important;
}

.tgr-stage,
.tgr-band,
.tgr-voices,
.tgr-longform {
  background: var(--surface-raised) !important;
  background-image: none !important;
}

.tgr-cats li,
.tgr-deal,
.tgr-deal-art,
.tgr-merit,
.reviews-grid > article,
.tgr-faq details,
.tgr-signin-panel,
.tgr-post .form,
.tgr-studios li,
.tgr-pays li,
.footer .tgr-social a,
.tgr-voices-arrow {
  background: var(--surface-raised) !important;
  background-image: none !important;
}

.tgr-band .tgr-deal,
.tgr-band .tgr-deal-art,
.tgr-voices .reviews-grid > article,
.tgr-longform .tgr-geo iframe {
  background: var(--surface-main) !important;
  background-image: none !important;
}

.tgr-stage-side {
  background: transparent !important;
  background-image: none !important;
}

.tgr-cats li:first-child,
.tgr-cats li:hover,
.header .menu:hover,
.header .actions .play-btn,
.tgr-stage-cta .primary-btn,
.tgr-deal-copy .primary-btn,
.tgr-bcontent .btn,
.tgr-games-foot .primary-btn,
.tgr-signin-form .primary-btn,
.form > .btn,
.footer .tgr-social a {
  background: #d77a10 !important;
}

/* Authoritative game grid. Loaded after every other stylesheet. */
.tgr-reel,
.tgr-post .tgr-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  column-gap: 10px !important;
  row-gap: 10px !important;
}

.tgr-cats + .tgr-reel,
.tgr-cats + .tgr-grid {
  margin-top: 36px !important;
}

.tgr-cats {
  gap: 8px !important;
}

.tgr-cats li {
  width: 108px !important;
  min-height: 40px !important;
  padding: 7px 10px !important;
  font-size: .76rem !important;
}

/* The homepage has all seven filters in one row, so keep them compact. */
.tgr-games .tgr-cats {
  gap: 6px !important;
}

.tgr-games .tgr-cats li {
  flex: 0 1 96px !important;
  width: 96px !important;
  min-height: 38px !important;
  padding: 6px 8px !important;
  font-size: .72rem !important;
}

.tgr-reel .tgr-tile,
.tgr-post .tgr-gcard {
  display: block !important;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.tgr-reel .tgr-tile > a,
.tgr-post .tgr-gcard > a {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  clip-path: inset(0 round 10px) !important;
}

.tgr-reel .tgr-tile img.tgr-cover,
.tgr-post .tgr-gcard img.tgr-cover {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 10px !important;
  transform: none !important;
}

.tgr-reel .tgr-tile-name,
.tgr-post .tgr-gcard .tgr-ginfo { display: none !important; }

@media (max-width: 850px) {
  .tgr-reel,
  .tgr-post .tgr-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

@media (max-width: 560px) {
  .tgr-cats li {
    flex: 0 0 102px !important;
    width: 102px !important;
  }
  .tgr-games .tgr-cats li {
    flex: 0 0 94px !important;
    width: 94px !important;
  }
  .tgr-reel,
  .tgr-post .tgr-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 8px !important;
    row-gap: 8px !important;
  }
}

/* Final visual corrections */
body {
  font-family: "Segoe UI Variable Text", "Segoe UI", Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: .005em;
}

h1, h2, h3, .brand, .btn, .nav a, .tgr-tile-name, .tgr-deal-copy > span,
.tgr-eyebrow, summary {
  font-family: "Segoe UI Variable Display", "Segoe UI", Helvetica, Arial, sans-serif;
}

h1, h2 { font-weight: 800; }
.tgr-stage-copy h1 { letter-spacing: -.06em; }
.section h2, .tgr-longform h2, .tgr-faq h2 { font-weight: 780; }
.btn, .nav a { font-weight: 750; letter-spacing: .01em; }

/* Internal slots page: keep the original portrait ratio and remove empty space. */
.tgr-cover {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  flex: none !important;
}

.tgr-post .tgr-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  gap: 18px;
}

.tgr-post .tgr-gcard {
  align-self: start;
  height: auto;
  min-height: 0;
  background: #16110a;
  border-color: #3a352e;
}

.tgr-post .tgr-gcard > a {
  display: block;
  height: auto;
  line-height: 0;
}

.tgr-post .tgr-gcard img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
  background: #100b04;
}

.tgr-reel .tgr-tile img.tgr-cover {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  background: #0f0a03;
}

.tgr-reel .tgr-tile > a {
  height: auto !important;
}

.tgr-post .tgr-gcard .tgr-ginfo {
  padding: 14px 15px 16px;
}

.tgr-post .tgr-gcard .tgr-ginfo h3 {
  margin: 0;
  color: #d77a10;
  font-size: 1rem;
  line-height: 1.25;
}

.tgr-post .tgr-gcard .tgr-ginfo span { display: none; }

/* Real tgr-payment logos require a dark neutral surface for white SVG artwork. */
.tgr-pays li {
  min-height: 112px;
  padding: 18px 16px 14px;
  flex-direction: column;
  gap: 10px;
  background: linear-gradient(145deg, #1f1a13, #151009);
  border: 1px solid #403b34;
}

.tgr-pays img {
  width: min(150px, 90%);
  height: 52px;
  object-fit: contain;
}

.tgr-pays .tgr-pay-name {
  color: #faf5ee;
  font-size: .82rem;
  font-weight: 750;
  line-height: 1.2;
  text-align: center;
}

.footer .tgr-social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.footer .tgr-social a {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin: 0;
  border: 1px solid #d77a10;
  border-radius: 7px;
  background: #d77a10;
  color: #090909;
  transition: transform .2s ease, background .2s ease, color .2s ease;
}

.footer .tgr-social a:hover {
  background: transparent;
  color: #d77a10;
  transform: translateY(-2px);
}

.footer .tgr-social img {
  display: block;
  width: 20px;
  height: 20px;
}

.tgr-longform-single {
  max-width: 940px;
}

.tgr-longform-head {
  max-width: 760px;
  margin-bottom: 42px;
}

.tgr-longform-head h2 {
  margin: 8px 0 14px;
}

.tgr-longform-head p {
  margin: 0;
  color: #aea9a2;
  font-size: 1.08rem;
  line-height: 1.7;
}

.tgr-longform-single .tgr-longform-body {
  max-width: none;
}

.tgr-voices {
  border-top: 1px solid #29241d;
  border-bottom: 1px solid #29241d;
  background: radial-gradient(circle at 50% 0, rgba(255, 212, 0, .07), transparent 42%), #110c05;
}

.tgr-voices .tgr-center-head h2 {
  color: #fff;
}

.nav a::before,
.tgr-stage-copy h1::after,
.section h2::after,
.tgr-longform h2::after,
.tgr-faq h2::after,
.tgr-voices .tgr-center-head h2::after {
  content: none !important;
  display: none !important;
}

/* Compact casino catalogue: fixed artwork ratio, no stretching and no tall empty cards. */
.tgr-reel {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.tgr-reel .tgr-tile > a,
.tgr-post .tgr-gcard > a {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 !important;
  aspect-ratio: 500 / 560;
  border-radius: 12px 12px 0 0;
  background: #100b04;
}

.tgr-reel .tgr-tile img.tgr-cover,
.tgr-post .tgr-gcard img.tgr-cover {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 500 / 560 !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #100b04;
}

.tgr-reel .tgr-tile {
  overflow: hidden;
  border: 1px solid #3a352e;
  border-radius: 13px;
  background: #16110a;
}

.tgr-reel .tgr-tile > a { border: 0; }
.tgr-reel .tgr-tile-name {
  min-height: 48px;
  padding: 12px 11px 10px;
  color: #fff;
  font-size: .82rem;
  line-height: 1.25;
  text-transform: none;
}
.tgr-reel .tgr-tile-play {
  top: 50%;
  right: 50%;
  bottom: auto;
  transform: translate(50%, -40%);
  opacity: 0;
}
.tgr-reel .tgr-tile a:hover .tgr-tile-play {
  transform: translate(50%, -50%);
}

.tgr-post .tgr-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
}
.tgr-post .tgr-gcard .tgr-ginfo { padding: 11px 12px 13px; }
.tgr-post .tgr-gcard .tgr-ginfo h3 {
  color: #fff;
  font-size: .84rem;
  line-height: 1.25;
}

.reviews-grid > article {
  border-color: #47423b;
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}

@media (max-width: 850px) {
  .tgr-reel,
  .tgr-post .tgr-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

@media (max-width: 560px) {
  .tgr-reel,
  .tgr-post .tgr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .tgr-pays li { min-height: 96px; }
}

/* FAQ cards keep their own height when a neighbouring answer opens. */
.tgr-faqgrid {
  align-items: start !important;
  grid-auto-rows: max-content !important;
}
.tgr-faqgrid details {
  align-self: start !important;
  height: fit-content !important;
  min-height: 0 !important;
}

.footer .tgr-foot-grid {
  grid-template-columns: minmax(280px, 1.45fr) .7fr .95fr .72fr !important;
  gap: 34px !important;
}
.tgr-foot-social > b {
  display: block;
  margin-bottom: 16px;
}
.tgr-foot-social .tgr-social {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}
.tgr-foot-social .tgr-social a {
  width: 38px;
  height: 38px;
}
.tgr-foot-social .tgr-social img {
  width: 18px;
  height: 18px;
}
@media (max-width: 900px) {
  .footer .tgr-foot-grid { grid-template-columns: 1.4fr 1fr 1fr !important; }
  .tgr-foot-social { grid-column: 2 / -1; }
}
@media (max-width: 600px) {
  .footer .tgr-foot-grid { grid-template-columns: 1fr !important; }
  .tgr-foot-social { grid-column: auto; }
}

/* One consistent design for primary and secondary action buttons. */
.header .actions .btn,
.tgr-stage-cta .btn,
.tgr-deal-copy .btn,
.tgr-bcontent .btn,
.tgr-games-foot .btn,
.tgr-signin-form .btn,
.form > .btn {
  min-height: 48px !important;
  padding: 0 24px !important;
  border-radius: 7px !important;
  font-size: .95rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-align: center;
}
.tgr-games-foot .btn {
  min-width: 190px !important;
  width: auto !important;
}
.header .actions .play-btn,
.tgr-stage-cta .primary-btn,
.tgr-deal-copy .primary-btn,
.tgr-bcontent .btn,
.tgr-games-foot .primary-btn,
.tgr-signin-form .primary-btn,
.form > .btn {
  border: 1px solid #d77a10 !important;
  background: #d77a10 !important;
  color: #090909 !important;
}
.header .actions .tgr-signin-btn {
  border: 1px solid #4a2a22 !important;
  background: #16110a !important;
  color: #fff !important;
}
.tgr-stage-cta .secondary-btn {
  border: 1px solid #7a5748 !important;
  background: transparent !important;
  background-image: none !important;
  color: #fff !important;
}

/* Responsible gambling badges in the footer. */
.tgr-badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 38px;
  padding-bottom: 26px;
  border-bottom: 1px solid #2e2922;
}
.tgr-badges a {
  display: block;
  margin: 0;
  border-radius: 8px;
  transition: transform .2s ease, opacity .2s ease;
}
.tgr-badges a:hover { transform: translateY(-2px); opacity: .9; }
.tgr-badges a img {
  display: block;
  width: 168px;
  height: 45px;
  object-fit: contain;
  border-radius: 8px;
}
.tgr-age {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #fff;
  font-weight: 850;
}
.tgr-age img {
  width: 48px;
  height: 48px;
  color: #d77a10;
}
@media (max-width: 560px) {
  .tgr-badges { align-items: stretch; gap: 10px; }
  .tgr-badges a img { width: 145px; height: 40px; }
}

/* Compact responsible-gaming marks at the bottom-right of the footer. */
.tgr-foot-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-top: 34px;
  padding-top: 22px;
  border-top: 1px solid #2e2922;
}
.tgr-foot-bottom .tgr-badges {
  display: grid;
  grid-template-columns: auto repeat(3, 98px);
  justify-content: end;
  align-items: center;
  gap: 14px;
  margin: 0 0 0 auto;
  padding: 0;
  border: 0;
}
.tgr-foot-bottom .tgr-badges a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 98px;
  height: 30px;
  border-radius: 0;
}
.tgr-foot-bottom .tgr-badges a img {
  width: 94px;
  height: 28px;
  border-radius: 0;
  opacity: .88;
}
.tgr-foot-bottom .tgr-age {
  gap: 5px;
  font-size: .72rem;
  white-space: nowrap;
}
.tgr-foot-bottom .tgr-age img {
  width: 30px;
  height: 30px;
}
@media (max-width: 700px) {
  .tgr-foot-bottom { align-items: flex-start; flex-direction: column; }
  .tgr-foot-bottom .tgr-badges {
    grid-template-columns: repeat(2, minmax(0, 98px));
    justify-content: flex-start;
    margin-left: 0;
  }
  .tgr-foot-bottom .tgr-badges a img { width: 94px; height: 28px; }
}

.tgr-foot-pays {
  margin-bottom: 38px;
  padding-bottom: 28px;
  border-bottom: 1px solid #2e2922;
}
.tgr-foot-pays .tgr-pays { margin: 0 !important; }

/* Final compact site width and evenly spaced portrait game artwork. */
.container {
  width: min(1100px, calc(100% - 32px)) !important;
}
.tgr-reel,
.tgr-post .tgr-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  column-gap: 10px !important;
  row-gap: 10px !important;
}
.tgr-reel .tgr-tile > a,
.tgr-post .tgr-gcard > a {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 10px !important;
  clip-path: inset(0 round 10px);
}
.tgr-reel .tgr-tile img.tgr-cover,
.tgr-post .tgr-gcard img.tgr-cover {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 10px !important;
  object-fit: cover !important;
  transform: none !important;
}
.tgr-reel .tgr-tile,
.tgr-post .tgr-gcard {
  overflow: hidden !important;
  border-radius: 10px !important;
  clip-path: inset(0 round 10px);
}
.tgr-reel .tgr-tile a:hover img,
.tgr-post .tgr-gcard a:hover img { transform: none !important; }
@media (max-width: 850px) {
  .tgr-reel,
  .tgr-post .tgr-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (max-width: 560px) {
  .container { width: min(100% - 22px, 1100px) !important; }
  .tgr-reel,
  .tgr-post .tgr-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 7px !important;
    row-gap: 9px !important;
  }
}

/* Login page */
.tgr-signin { padding: 88px 0 52px; }
.tgr-signin-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 470px);
  align-items: center;
  gap: 70px;
}
.tgr-signin-copy h1 { margin: 8px 0 20px; }
.tgr-signin-copy > p { max-width: 650px; color: #beb9b2; font-size: 1.08rem; }
.tgr-signin-points { margin: 28px 0 0; padding-left: 22px; color: #d9d4cd; }
.tgr-signin-points li { margin: 10px 0; }
.tgr-signin-points a,
.tgr-signin-panel a,
.tgr-signin-guide a { color: #d77a10; }
.tgr-signin-panel {
  padding: 34px;
  border: 1px solid #413c35;
  border-radius: 18px;
  background: linear-gradient(155deg, #1e1912, #130e07);
  box-shadow: 0 24px 70px rgba(0,0,0,.35);
}
.tgr-signin-panel h2 { margin: 0 0 24px; font-size: 1.65rem; }
.tgr-signin-form { display: grid; gap: 10px; }
.tgr-signin-form label { font-weight: 750; }
.tgr-signin-form input[type="email"],
.tgr-signin-form input[type="password"] {
  width: 100%;
  min-height: 50px;
  margin-bottom: 8px;
  padding: 12px 14px;
  border: 1px solid #4a2a22;
  border-radius: 8px;
  background: #0f0a03;
  color: #fff;
  font: inherit;
}
.tgr-signin-form input:focus { outline: 2px solid #d77a10; outline-offset: 2px; }
.tgr-signin-opts { display: flex; justify-content: space-between; gap: 18px; margin: 2px 0 12px; }
.tgr-signin-opts .tgr-remember { display: flex; align-items: center; gap: 8px; font-weight: 500; }
.tgr-signin-form .btn { width: 100%; min-height: 50px; }
.tgr-signin-reg { margin: 20px 0 12px; text-align: center; }
.tgr-signin-panel small { display: block; color: #8c8780; line-height: 1.55; }
.tgr-signin-guide { padding-top: 28px; }
@media (max-width: 850px) {
  .tgr-signin-grid { grid-template-columns: 1fr; gap: 38px; }
}
@media (max-width: 520px) {
  .tgr-signin { padding-top: 52px; }
  .tgr-signin-panel { padding: 24px 18px; }
  .tgr-signin-opts { align-items: flex-start; flex-direction: column; }
}

/* Compact tgr-payment strip at the bottom of the homepage. */
.tgr-pays {
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin-top: 20px !important;
}
.tgr-paystrip {
  padding: 34px 0 !important;
  border-top: 1px solid #29241d;
  border-bottom: 1px solid #29241d;
  background: #0f0a03;
}
.tgr-paystrip .tgr-pays { margin: 0 !important; }

.tgr-geo {
  margin-top: 52px;
  padding-top: 42px;
  border-top: 1px solid #36312a;
}
.tgr-geo-head { margin-bottom: 22px; }
.tgr-geo-head h2 { margin: 7px 0 8px; }
.tgr-geo-head p { margin: 0; color: #beb9b2; }
.tgr-geo iframe {
  display: block;
  width: 100%;
  height: 420px;
  border: 0;
  border-radius: 16px;
  background: #16110a;
}
@media (max-width: 560px) {
  .tgr-geo { margin-top: 38px; padding-top: 32px; }
  .tgr-geo iframe { height: 320px; border-radius: 12px; }
}
.tgr-pays li {
  min-height: 74px !important;
  padding: 10px 7px 8px !important;
  gap: 5px !important;
  border-radius: 9px !important;
}
.tgr-pays img {
  width: min(92px, 88%) !important;
  height: 32px !important;
}
.tgr-pays .tgr-pay-name {
  font-size: .67rem !important;
  line-height: 1.1 !important;
}
@media (max-width: 1000px) {
  .tgr-pays { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
@media (max-width: 560px) {
  .tgr-pays { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* Final game catalogue: clean square artwork with no card frames or captions. */
.tgr-reel,
.tgr-post .tgr-grid {
  align-items: stretch !important;
  gap: 18px !important;
}
.tgr-reel .tgr-tile,
.tgr-post .tgr-gcard {
  min-width: 0;
  overflow: hidden;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  box-shadow: none !important;
}
.tgr-reel .tgr-tile > a,
.tgr-post .tgr-gcard > a {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  line-height: 0;
}
.tgr-reel .tgr-tile img.tgr-cover,
.tgr-post .tgr-gcard img.tgr-cover {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  transform: none;
}
.tgr-reel .tgr-tile-name,
.tgr-post .tgr-gcard .tgr-ginfo {
  display: none !important;
}
.tgr-reel .tgr-tile-play {
  display: grid;
  place-items: center;
  min-width: 62px;
  min-height: 38px;
  line-height: 1;
  border-radius: 7px;
}
.tgr-reel .tgr-tile a:hover img,
.tgr-post .tgr-gcard a:hover img {
  transform: scale(1.025) !important;
}

.tgr-cats {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 24px 0 6px;
  padding: 0;
  list-style: none;
}
.tgr-cats li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 128px;
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid #413c35;
  border-radius: 7px;
  background: #16110a;
  color: #ded9d2;
  font-size: .82rem;
  font-weight: 750;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
@media (max-width: 700px) {
  .tgr-cats {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 6px;
    scrollbar-width: none;
  }
  .tgr-cats::-webkit-scrollbar { display: none; }
  .tgr-cats li { flex: 0 0 118px; width: 118px; }
}
.tgr-cats li:first-child {
  border-color: #d77a10;
  background: #d77a10;
  color: #090909;
}
.tgr-cats li:hover {
  border-color: #d77a10;
  background: #d77a10;
  color: #090909;
  transform: translateY(-1px);
}
.tgr-cats li:first-child:hover {
  border-color: #ffe45c;
  background: #ffe45c;
}

/* Five-card player review slider. */
.tgr-voices-slider { position: relative; }
.tgr-voices .tgr-center-head {
  max-width: 780px;
  margin: 0 0 38px;
  text-align: left;
}
.tgr-voices .tgr-center-head p { margin-left: 0; margin-right: 0; }
.tgr-voices-slider .reviews-grid {
  display: flex !important;
  grid-template-columns: none !important;
  gap: 16px !important;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  overscroll-behavior-inline: contain;
}
.tgr-voices-slider .reviews-grid::-webkit-scrollbar { display: none; }
.tgr-voices-slider .reviews-grid > article {
  flex: 0 0 calc((100% - 32px) / 3);
  min-width: 0;
  scroll-snap-align: start;
}
.tgr-voices-ctrl {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 24px;
}
.tgr-voices-arrow {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid #d77a10;
  border-radius: 7px;
  background: #16110a;
  color: #d77a10;
  font-size: 1.25rem;
  cursor: pointer;
  transition: background .18s ease, color .18s ease;
}
.tgr-voices-arrow:hover { background: #d77a10; color: #090909; }
.tgr-voices-arrow:disabled { opacity: .35; cursor: default; }
.tgr-voices-dots { display: flex; gap: 7px; }
.review-dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #5b564f;
  cursor: pointer;
}
.review-dot.active { width: 22px; border-radius: 999px; background: #d77a10; }
@media (max-width: 850px) {
  .tgr-voices-slider .reviews-grid > article { flex-basis: calc((100% - 16px) / 2); }
}
@media (max-width: 560px) {
  .tgr-voices-slider .reviews-grid { gap: 0 !important; }
  .tgr-voices-slider .reviews-grid > article { flex: 0 0 100%; }
}

/* Contact form aligned with the header button and panel design. */
.tgr-post .form {
  max-width: 760px;
  margin-top: 30px;
  padding: 28px;
  gap: 16px;
  border: 1px solid #3a352e;
  border-radius: 14px;
  background: linear-gradient(155deg, #1d1811, #120d06);
}
.tgr-post .form label {
  display: grid;
  gap: 7px;
  color: #f8f3ec;
  font-weight: 750;
}
.tgr-post .form input,
.tgr-post .form textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #4a2a22;
  border-radius: 7px;
  background: #0f0a03;
  color: #fff;
  font: inherit;
}
.tgr-post .form input { min-height: 48px; }
.tgr-post .form textarea { min-height: 180px; resize: vertical; }
.tgr-post .form input:focus,
.tgr-post .form textarea:focus {
  outline: 2px solid #d77a10;
  outline-offset: 2px;
  border-color: #d77a10;
}
.tgr-post .form > .btn {
  justify-self: start;
  width: auto !important;
  min-width: 170px;
}
@media (max-width: 560px) {
  .tgr-post .form { padding: 20px 16px; }
  .tgr-post .form > .btn { width: 100% !important; }
}

/* Mobile menu trigger matches the other header controls. */
.header .menu {
  align-items: center;
  justify-content: center;
  min-width: 92px;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 20px !important;
  border: 1px solid #4a2a22 !important;
  border-radius: 7px !important;
  background: #16110a !important;
  color: #fff !important;
  font-size: .95rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
.header .menu:hover {
  border-color: #d77a10 !important;
  background: #d77a10 !important;
  color: #090909 !important;
}
@media (max-width: 560px) {
  .header .menu { min-width: 78px; padding: 0 14px !important; }
}
.tgr-games-foot {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.tgr-games-foot .btn {
  min-width: 190px;
  min-height: 48px;
}

/* Keep the first screen close to the header. */
.tgr-stage {
  position: relative;
  min-height: 0 !important;
  padding: 62px 0 54px !important;
  align-items: flex-start !important;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 22% 42%, rgba(35, 43, 57, .50) 0%, rgba(23, 28, 38, .18) 43%, transparent 68%),
    linear-gradient(90deg, #1f1a13 0%, #1e1912 36%, #1a150e 68%, #110c05 100%) !important;
}

/* Stable five-column game grid for the approved desktop layout. */
.tgr-reel,
.tgr-post .tgr-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  column-gap: 12px !important;
  row-gap: 12px !important;
}
.tgr-reel .tgr-tile,
.tgr-reel .tgr-tile > a,
.tgr-reel .tgr-tile img.tgr-cover,
.tgr-post .tgr-gcard,
.tgr-post .tgr-gcard > a,
.tgr-post .tgr-gcard img.tgr-cover {
  border-radius: 10px !important;
  overflow: hidden !important;
}
.tgr-reel .tgr-tile img.tgr-cover,
.tgr-post .tgr-gcard img.tgr-cover {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: contain !important;
  clip-path: inset(0 round 10px);
}
.tgr-reel .tgr-tile > a,
.tgr-post .tgr-gcard > a {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
}
@media (max-width: 980px) {
  .tgr-reel,
  .tgr-post .tgr-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (max-width: 620px) {
  .tgr-reel,
  .tgr-post .tgr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
.tgr-stage::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  pointer-events: none;
  background:
    radial-gradient(circle at 69% 48%, rgba(67, 151, 205, .07), transparent 26%),
    linear-gradient(112deg, transparent 56%, rgba(255, 255, 255, .018) 68%, transparent 80%);
}
.tgr-stage::after {
  display: none;
}
.tgr-stage-grid {
  position: relative;
  z-index: 1;
}
.tgr-stage-grid { align-items: center !important; }
.tgr-stage-copy h1 { margin-top: 0 !important; }
.tgr-stage-side {
  position: relative;
  min-height: 410px !important;
  overflow: hidden;
  isolation: isolate;
  background: transparent !important;
}
.tgr-stage-side::before {
  display: none;
}
.tgr-stage-side img { max-height: 430px !important; }
.tgr-stage-side .tgr-prov-badge {
  width: min(78%, 390px) !important;
  height: auto !important;
  max-width: 390px !important;
  max-height: 390px !important;
  object-fit: contain !important;
  filter: none;
  position: relative;
  z-index: 1;
}
.tgr-topact {
  margin: 24px 0 34px;
}
.tgr-topact .btn {
  width: fit-content;
  min-width: 190px;
  min-height: 48px !important;
  padding: 0 24px !important;
  border-radius: 7px !important;
  font-size: .94rem !important;
  line-height: 1 !important;
}

/* Centre the primary links without pushing them against the account controls. */
@media (min-width: 851px) {
  .header .row {
    position: relative;
  }
  .header .nav {
    position: absolute;
    left: 50%;
    margin-left: 0 !important;
    transform: translateX(-50%);
  }
  .header .actions {
    margin-left: auto;
  }
}

/* Keep the three bonus cards level on the dedicated bonuses page. */
.tgr-post .tgr-deals {
  align-items: stretch;
}
.tgr-post .tgr-deals .tgr-deal {
  display: flex !important;
  flex-direction: column;
  height: 100%;
}
.tgr-post .tgr-deals .tgr-deal-art {
  flex: 0 0 250px;
  min-height: 250px;
}
.tgr-post .tgr-deals .tgr-deal-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-self: stretch;
}
.tgr-post .tgr-deals .tgr-deal-copy > span {
  min-height: 3.2em;
}
.tgr-post .tgr-deals .tgr-deal-copy h3 {
  min-height: 3.1em;
}
.tgr-post .tgr-deals .tgr-deal-copy p {
  margin-bottom: 22px;
}
.tgr-post .tgr-deals .tgr-deal-copy .btn {
  margin-top: auto;
}
@media (max-width: 850px) {
  .tgr-stage { padding: 50px 0 46px !important; }
  .tgr-stage-side { min-height: 320px !important; }
  .tgr-stage-side .tgr-prov-badge {
    width: min(72%, 280px) !important;
    max-width: 280px !important;
    max-height: 280px !important;
  }
  .tgr-post .tgr-deals .tgr-deal-copy > span,
  .tgr-post .tgr-deals .tgr-deal-copy h3 {
    min-height: 0;
  }
}
@media (max-width: 560px) {
  .tgr-stage { padding-top: 44px !important; }
}

/* Final restrained type scale for the finished template. */
.tgr-stage-copy h1 {
  max-width: 640px;
  font-size: clamp(2.4rem, 4.4vw, 4.1rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em !important;
}
.section h2,
.tgr-longform h2,
.tgr-faq h2,
.tgr-post h1 {
  font-size: clamp(1.85rem, 3.2vw, 2.9rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -.025em !important;
}
.tgr-head h2 { font-size: clamp(1.85rem, 3vw, 2.75rem) !important; }
.tgr-post h2 {
  font-size: clamp(1.45rem, 2.4vw, 2rem) !important;
  line-height: 1.2 !important;
}
.tgr-post h3,
.tgr-longform-body h3 { font-size: clamp(1.15rem, 1.8vw, 1.4rem) !important; }
.tgr-deal-copy h3 { font-size: 1.35rem !important; }
.tgr-merit h3 { font-size: 1.12rem !important; }
.reviews-grid h3 { font-size: 1rem !important; }
@media (max-width: 560px) {
  .tgr-stage-copy h1 { font-size: clamp(2rem, 10.5vw, 2.8rem) !important; }
  .section h2,
  .tgr-longform h2,
  .tgr-faq h2,
  .tgr-post h1 { font-size: clamp(1.7rem, 8vw, 2.25rem) !important; }
}

/* Compact mobile layout for narrow phones. */
@media (max-width: 560px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }
  .container {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
  }
  .header .row {
    min-height: 64px !important;
    gap: 6px !important;
    padding: 0 !important;
  }
  .header .brand {
    min-width: 0;
    gap: 6px;
    font-size: .78rem !important;
    white-space: nowrap;
  }
  .header .brand img {
    flex: 0 1 auto;
    width: auto !important;
    height: 44px !important;
    max-width: 140px !important;
    object-fit: contain;
    object-position: left center;
  }
  .header .menu,
  .header .lang {
    min-width: 42px;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 9px !important;
    font-size: .72rem !important;
  }
  .header .actions { gap: 5px !important; }
  .header .nav.open {
    top: 64px !important;
    background: rgba(8, 9, 11, .99) !important;
    background-image: none !important;
    border-top: 1px solid #29241d;
    border-bottom: 1px solid #29241d;
  }
  .tgr-stage {
    padding: 52px 0 38px !important;
  }
  .tgr-stage-grid,
  .tgr-stage-copy,
  .tgr-stage-side {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  .tgr-stage-copy h1 {
    width: 100%;
    max-width: 100%;
    margin-bottom: 16px !important;
    font-size: clamp(1.7rem, 9vw, 2.15rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  .tgr-stage-copy > p {
    max-width: 100%;
    font-size: .92rem !important;
    line-height: 1.65 !important;
  }
  .tgr-stage-cta {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100%;
    gap: 9px !important;
    margin: 20px 0 13px !important;
  }
  .tgr-stage-cta .btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 0 10px !important;
    font-size: .78rem !important;
    white-space: normal !important;
  }
  .tgr-stage-copy small {
    display: block;
    max-width: 100%;
    font-size: .72rem;
    line-height: 1.55;
  }
  .tgr-stage-side {
    min-height: 230px !important;
    margin-top: 12px;
  }
  .tgr-stage-side .tgr-prov-badge {
    width: min(68%, 190px) !important;
    max-width: 190px !important;
    max-height: 210px !important;
  }
  .tgr-post,
  .tgr-post p,
  .tgr-post h1,
  .tgr-post h2,
  .tgr-post h3 {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}
