:root {
    color-scheme: dark;
    --ink: #292525;
    --paper: #e9d1a8;
    --gold: #c39c68;
    --line: #796957;
    --muted: #c1b9ae;
}
* { box-sizing: border-box; }
body {
    margin: 0;
    color: #eee7dd;
    background: repeating-linear-gradient(90deg, #272525 0, #272525 2px, #292727 2px, #292727 4px);
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
a:focus-visible, summary:focus-visible { outline: 3px solid #ffd993; outline-offset: 5px; }
img { display: block; max-width: 100%; object-fit: cover; }
.header {
    height: 88px;
    display: flex;
    align-items: center;
    gap: 42px;
    padding: 12px max(28px, calc((100vw - 1560px) / 2));
    background: #302d2e;
    border-bottom: 3px solid #756552;
    position: sticky;
    top: 0;
    z-index: 30;
    box-shadow: 0 5px 20px #0004;
}
.brand { display: inline-block; flex-shrink: 0; }
.brand img { width: 160px; height: 58px; object-fit: contain; }
.desktop-nav { display: flex; gap: 30px; align-items: center; }
.desktop-nav a { font-weight: 700; padding: 12px 0; border-bottom: 2px solid transparent; }
.desktop-nav a[aria-current] { color: var(--paper); border-color: var(--gold); }
.account { margin-left: auto; display: flex; gap: 12px; }
.secondary {
    display: inline-block;
    background: linear-gradient(#d9bd94, #a58b6b);
    color: #302619;
    font: 800 15px/1.2 Georgia, serif;
    text-transform: uppercase;
    padding: 13px 25px;
    border: 1px solid #e0c8a4;
    border-radius: 4px;
    box-shadow: inset 0 2px #f6e0bd, 0 3px #655342;
}
.secondary:hover { filter: brightness(1.1); }
main { max-width: 1560px; margin: auto; padding: 25px 28px 125px; }
.hero {
    position: relative;
    min-height: 450px;
    isolation: isolate;
    border: 5px solid #8f7b68;
    outline: 1px solid #baa48b;
    border-radius: 14px;
    overflow: hidden;
    background: #292624;
}
.hero > img { position: absolute; height: 100%; width: 74%; right: 0; inset-block: 0; object-position: center; z-index: -2; }
.hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,#262322 3%,#262322f2 24%,#26232272 49%,transparent 70%); z-index: -1; }
.hero-copy { padding: 66px 38px; max-width: 57%; text-align: center; }
.paper-label { display: inline-block; background: linear-gradient(#ebd3ac,#bda17b); color: #31291f; border: 1px solid #f6e2c3; border-radius: 3px; padding: 3px 10px; font: 700 12px/1.5 Georgia,serif; text-transform: uppercase; letter-spacing: .3px; }
.hero-title { margin: 17px 0 25px; font: 900 clamp(32px,3.2vw,51px)/1.13 Georgia,serif; text-transform: uppercase; color: #f0e5d6; text-shadow: 0 3px #8e7257,0 6px 8px #000a; }
.hero-title span { display: block; font-size: .68em; margin-top: 12px; }
.cta { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 52px; padding: 12px 28px; color: #30251b; font: 900 18px/1.3 Georgia,serif; text-transform: uppercase; background: linear-gradient(#ffe273 0%,#ffb534 35%,#ff720c 90%); border: 2px solid #f8c478; border-radius: 4px; box-shadow: 0 0 0 3px #725c46,inset 0 2px #fff0b5,0 5px #422b1c; transition: filter .2s, transform .2s; }
.cta:hover { filter: brightness(1.1); transform: translateY(-1px); }
.hero-copy small { display: block; color: #d3c6b6; font-size: 12px; margin-top: 21px; }
.categories { display: flex; overflow-x: auto; gap: 8px; padding: 18px 0 8px; scrollbar-width: thin; }
.categories a { flex: 1 0 145px; padding: 14px 18px; background: linear-gradient(#3c3839,#292727); border: 1px solid #544a41; border-radius: 5px; text-align: center; color: #ddc8ab; font: 700 15px Georgia,serif; white-space: nowrap; }
.categories a span { color: #eebc65; font-size: 23px; padding-right: 10px; vertical-align: middle; }
.categories a:hover { border-color: #cfac77; }
.games-section, .promotions { margin-top: 27px; }
.section-bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 15px; }
.section-bar p { margin: 0; font: 800 22px Georgia,serif; text-transform: uppercase; color: #d3c5b5; }
.section-bar > a { color: #dabc88; font: 700 14px Georgia,serif; text-transform: uppercase; white-space: nowrap; }
.game-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 22px; }
.game { position: relative; border: 3px solid #887866; border-radius: 6px; background: #3e3730; padding: 3px; box-shadow: 0 0 0 1px #c4b39b, 3px 6px 0 #181615; transition: transform .2s; }
.game img { width: 100%; height: auto; aspect-ratio: 227/344; border-radius: 2px; }
.game:hover { transform: translateY(-5px); }
.game-play { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #21150edb; color: #ffe0a0; font: 800 19px Georgia,serif; opacity: 0; transition: opacity .2s; }
.game-play span { margin-top: 15px; padding: 14px; border: 1px solid #c39c68; border-radius: 50%; }
.game:hover .game-play, .game:focus-visible .game-play { opacity: 1; }
.rank { position: absolute; bottom: 4px; left: -9px; background: linear-gradient(120deg,#f1e6a0,#cfbb65); clip-path: polygon(0 25%,100% 0,100% 100%,0 100%); color: #353019; padding: 15px 9px 2px; font: 900 26px Georgia,serif; }
.rewards { margin: 38px 0; min-height: 240px; border: 3px solid #8e7962; border-radius: 7px; position: relative; isolation: isolate; overflow: hidden; background: #292323; }
.rewards > img { position: absolute; right: 0; top: 0; width: 65%; height: 100%; z-index: -2; }
.rewards::after { content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#292323 20%,#292323dc 38%,transparent 70%); }
.rewards > div { padding: 30px 36px; }
.rewards p { font: 700 29px/1.2 Georgia,serif; margin: 15px 0 20px; }
.rewards .cta { font-size: 15px; min-height: 43px; padding: 9px 18px; }
.offer-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 28px; }
.offer { display: block; position: relative; isolation: isolate; overflow: hidden; border: 3px solid #8f7b68; border-radius: 7px; min-height: 290px; }
.offer > img { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -2; }
.offer::after { content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#211c1dea,#211c1d60 60%,transparent); }
.offer > div { padding: 35px 24px; }
.offer p { margin: 18px 0 24px; font: 800 30px/1.2 Georgia,serif; text-shadow: 0 2px #62472e; }
.offer .cta { font-size: 15px; min-height: 42px; padding: 10px 20px; }
.promo-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.promo-card { padding: 3px; border: 1px solid #ceb795; border-radius: 5px; background: #75624e; }
.promo-card img { width:100%; height:auto; aspect-ratio: 2.02; }
.promo-card > div { padding: 16px 13px; }
.promo-card span { font-size: 14px; color: #f5e9d7; }
.promo-card strong { display:block;font:700 20px/1.3 Georgia,serif;margin:5px 0 18px; }
.promo-card small { color: #ffe0a0; font-size: 13px; }
article { max-width: 1080px; margin: 44px auto 0; padding: 40px 50px; border-top: 1px solid #786957; background: #242222; border-radius: 5px; overflow-wrap: anywhere; }
article h1, article h2, article h3, article h4 { font-family: Georgia,serif; color: #e8d4b6; line-height: 1.25; }
article h1 { font-size: clamp(28px,3vw,39px); margin:0 0 22px; }
article h2 { font-size: 26px; margin: 35px 0 14px; }
article h3 { font-size: 21px; margin-top: 28px; }
article h4 { font-size: 18px; }
article p, article li { color: #cbc5bc; line-height: 1.85; }
article li { margin: 10px 0; }
article a { color: #f7c775; text-decoration: underline; text-underline-offset: 4px; }
article table { width:100%; border-collapse:collapse; table-layout:fixed; margin:24px 0; }
article th, article td { padding:14px 16px; text-align:left; border:1px solid #665643; }
article th { background:#41382d;color:#f2d6ad; }
article tr:nth-child(even) { background:#2d2925; }
article details { border: 1px solid #5b4e40; border-radius: 4px; margin-top: 12px; padding: 16px 19px; }
article summary { cursor:pointer;font-weight:700;color:#e5d1b1; }
article details p { margin-bottom:0; }
footer { margin-top: 55px; border-top: 1px solid #605140; padding-top: 30px; }
.footer-top { display:flex;align-items:center;gap:30px; }
.footer-top p { max-width: 360px; font-size:14px; color:var(--muted); }
.age { margin-left:auto; border:2px solid #cab797; border-radius:50%;width:46px;height:46px;display:grid;place-items:center;font-weight:700; }
footer nav { display:flex;flex-wrap:wrap;gap:16px 28px;padding:28px 0;font-size:14px;color:#d1b88f; }
.footer-bottom { border-top:1px solid #493e34;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted); }
.catfish { position:fixed;bottom:14px;left:50%;transform:translate(-50%,150%);max-width:830px;width:calc(100% - 32px);display:flex;align-items:center;gap:24px;padding:14px 22px;background:linear-gradient(110deg,#493b2a,#2a2420);border:2px solid #c49c69;border-radius:8px;z-index:25;box-shadow:0 8px 35px #0008;transition:transform .25s; }
.catfish.visible { transform:translate(-50%,0); }
.catfish img { width:108px;height:40px;object-fit:contain; }
.catfish strong { display:block;font:700 19px Georgia,serif;color:#f1dab4; }
.catfish small { display:block;font-size:12px;color:#c9bca9;margin-top:4px; }
.catfish .cta { margin-left:auto;min-height:43px;font-size:14px;white-space:nowrap;padding:10px 18px; }
.mobile-menu { display:none; }
@media(max-width:1050px) {
    .header { gap:25px; padding-inline:22px; }
    .game-grid { gap:15px; }
    .hero-copy { padding:70px 25px; max-width:60%; }
    .hero { min-height:400px; }
    .promo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .secondary { padding-inline:18px; }
}
@media(max-width:760px) {
    .desktop-nav { display:none; }
    .header { height:110px; padding:5px 14px 13px; display:grid;grid-template-columns:1fr;gap:0; }
    .header .brand { justify-self:center; }
    .header .brand img { width:120px;height:49px; }
    .account { width:100%;margin:0;gap:10px; }
    .account a { width:50%;text-align:center;padding:9px 10px;font-size:14px; }
    .mobile-menu { display:block;position:fixed;top:11px;left:14px;z-index:40; }
    .mobile-menu summary { cursor:pointer;width:36px;height:36px;display:grid;place-items:center;list-style:none;border:1px solid #9f8a6e;border-radius:50%;background:linear-gradient(#5c5251,#292627);color:#e8cfaa;font-size:21px; }
    .mobile-menu summary::-webkit-details-marker { display:none; }
    .mobile-menu nav { position:fixed;left:10px;right:10px;top:116px;padding:15px;background:#302a24;border:1px solid #b6996f;border-radius:6px;box-shadow:0 12px 35px #000b;max-height:calc(100dvh - 135px);overflow:auto; }
    .mobile-menu nav a { display:block;padding:12px 15px;border-bottom:1px solid #5a4a39; }
    .mobile-menu nav a[aria-current] { color:#ffca79; }
    main { padding:16px 14px 125px; }
    .hero { min-height:490px;border-width:3px;border-radius:8px; }
    .hero > img { width:100%;height:100%;object-position:64% center; }
    .hero::after { background:linear-gradient(0deg,#271c16f5 0%,#271c16cf 26%,#271c1630 70%,transparent); }
    .hero-copy { padding:230px 14px 23px;max-width:none; }
    .hero-title { font-size:35px;margin:14px 0 22px; }
    .hero-title span { font-size:24px;margin-top:8px; }
    .hero-copy small { margin-top:16px; }
    .cta { min-height:48px;font-size:17px; }
    .categories { margin-inline:-4px;gap:7px;padding-top:15px; }
    .categories a { flex-basis:115px;padding:12px 10px;font-size:13px; }
    .categories a span { display:block;padding:0 0 4px; }
    .game-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
    .game { padding:2px;border-width:2px; }
    .rank { font-size:21px;padding-top:12px;left:-6px; }
    .games-section { margin-top:22px; }
    .section-bar p { font-size:18px; }
    .section-bar > a { font-size:12px; }
    .rewards { min-height:295px;margin:28px 0; }
    .rewards > img { width:100%;object-position:70% center; }
    .rewards::after { background:linear-gradient(90deg,#292323d9,#29232385); }
    .rewards > div { padding:32px 20px; }
    .rewards p { font-size:28px; }
    .rewards .paper-label { font-size:10px; }
    .offer-grid { grid-template-columns:1fr;gap:20px; }
    .offer > div { padding:32px 18px; }
    .offer { min-height:270px; }
    .promo-grid { gap:13px; }
    .promo-card > div { padding:13px 9px; }
    .promo-card strong { font-size:18px; }
    article { margin-top:28px;padding:28px 18px; }
    article h2 { font-size:24px; }
    article th, article td { padding:11px 9px;font-size:14px; }
    article details { padding:14px 12px; }
    .footer-top { flex-wrap:wrap;gap:12px; }
    .footer-top p { width:65%;order:3; }
    footer nav { display:grid;grid-template-columns:1fr 1fr;gap:15px; }
    .catfish { bottom:9px;padding:12px;gap:10px;width:calc(100% - 18px); }
    .catfish img { display:none; }
    .catfish strong { font-size:14px;line-height:1.3; }
    .catfish small { font-size:10px; }
    .catfish .cta { padding:9px 12px;font-size:12px;min-height:38px; }
}
@media(max-width:360px) {
    .hero-title { font-size:30px; }
    .hero-title span { font-size:22px; }
    .game-grid { gap:9px; }
    .promo-grid { grid-template-columns:1fr; }
    .section-bar p { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { transition:none!important;scroll-behavior:auto!important; } }

/* Edition refinements. */

article table{font-size:14px}article th,article td{padding:12px;overflow-wrap:anywhere}
@media(max-width:600px){article table{font-size:12px}article th,article td{padding:7px}article ul,article ol{padding-left:20px}}

body { background:#152822; } .header { background:#193b30;border-color:#6d9475; } main {max-width:1380px} .hero{border-radius:28px;border:1px solid #b2c498;outline:none}.hero-copy{text-align:left}.game{border:0;padding:0;box-shadow:none;border-radius:14px;overflow:hidden}.game-grid{gap:16px}.categories a{border-radius:30px;background:#234639;color:#e8e9c6}.rewards{border-radius:24px;border-color:#83a581}article{background:#1c3029;border-color:#789b7a}article h1,article h2,article h3{color:#d6e1bc;font-family:Arial,sans-serif}.section-bar p{font-family:Arial,sans-serif}.cta{background:#d5dd8a;border:0;box-shadow:none;border-radius:30px;font-family:Arial,sans-serif}.catfish{background:#204535;border-color:#b8cb9e}.offer{border-radius:24px} @media(min-width:1000px){.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.games-section{padding:24px;background:#1a342b;border-radius:24px}.hero>img{left:0;right:auto}.hero-copy{margin-left:auto}.hero::after{background:linear-gradient(270deg,#182a22 5%,#182a22ed 30%,transparent 85%)}}

/* Screenshots within editorial content. */
article figure { margin: 30px 0; padding: 10px; border: 1px solid var(--line); border-radius: 10px; background: linear-gradient(135deg, #ffffff08, #00000018); box-shadow: 0 12px 28px #0002; overflow: hidden; }
article figure > a, article figure picture { display: block; }
article figure img { width: 100%; height: auto; border-radius: 5px; }
article figure figcaption { padding: 13px 8px 5px; color: var(--muted); font-size: 13px; line-height: 1.65; }
article figure[data-image="registration"] { max-width: 430px; margin-inline: auto; }
@media (max-width:600px) { article figure { padding: 6px; margin-block: 24px; } article figure figcaption { padding: 10px 5px 4px; font-size: 12px; } }

.footer-disclaimer { max-width: 1100px; margin: 0 0 24px; color: var(--muted); font-size: 12px; line-height: 1.8; overflow-wrap: anywhere; }
.footer-bottom { flex-wrap: wrap; overflow-wrap: anywhere; }

@media (max-width:600px) { article table { display:block; overflow-x:auto; table-layout:auto; scrollbar-width:thin; } article table th, article table td { min-width:130px; padding:10px; } article table p { margin:0; } }