/* Variant 2: cobalt editorial casino with a persistent navigation rail. */
.mobile-menu{display:none}
@media(max-width:700px){
  .site-header{position:relative;z-index:10}
  .site-header .header-row{gap:12px;flex-wrap:wrap;padding-block:14px}
  .site-header .header-actions{margin-left:auto}
  .mobile-menu{display:block}
  .mobile-menu summary{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);border-radius:10px;cursor:pointer;list-style:none;color:var(--ink)}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .burger-lines,.burger-lines:before,.burger-lines:after{display:block;width:20px;height:2px;background:currentColor;position:relative}
  .burger-lines:before,.burger-lines:after{content:'';position:absolute;left:0;top:-6px}
  .burger-lines:after{top:6px}
  .mobile-menu[open] .burger-lines{background:transparent}
  .mobile-menu[open] .burger-lines:before{top:0;transform:rotate(45deg)}
  .mobile-menu[open] .burger-lines:after{top:0;transform:rotate(-45deg)}
  .mobile-menu-panel{position:absolute;top:100%;left:0;right:0;padding:16px max(16px,calc((100% - 1240px)/2));display:grid;gap:6px;max-height:65vh;overflow-y:auto;background:var(--background);border-bottom:1px solid var(--accent);box-shadow:0 18px 24px #0004}
  .mobile-menu-panel a{display:block;padding:12px 16px;border-radius:8px;background:var(--surface);overflow-wrap:anywhere}
  .mobile-menu-panel a:hover{color:var(--accent)}
  .variant-shell .side-menu{display:none}
}
@media(max-width:420px){.site-header .brand{max-width:calc(100% - 60px)}.site-header .header-actions{order:3;flex-basis:100%;justify-content:stretch}.site-header .header-actions .button{flex:1}.mobile-menu{margin-left:auto}}
.site-header{background:#0b2247;border-bottom-color:#214a7f}.page-nav{display:none}.variant-shell{display:grid;grid-template-columns:224px minmax(0,1fr);gap:28px;align-items:start}.main-column{min-width:0}.side-menu{position:sticky;top:20px;margin-top:32px;padding:22px 16px;border:1px solid #214a7f;border-radius:18px;background:#0b2247;color:#fff}.side-menu-kicker{margin:0;color:#7cc3ff;font-size:11px;font-weight:800;letter-spacing:.15em}.side-menu-title{margin:7px 0 18px;font-size:20px;font-weight:800;line-height:1.2}.side-menu nav{display:grid;gap:5px}.side-menu nav a{display:flex;justify-content:space-between;gap:8px;padding:11px 10px;border-radius:10px;color:#b9d7f8;font-weight:700;font-size:14px}.side-menu nav a:hover{background:#16386b;color:#fff}.side-menu nav b{color:#3fa0f5}.side-menu-cta{display:flex;justify-content:space-between;margin-top:18px;padding:12px;border-radius:10px;background:#3fa0f5;color:#06152f;font-weight:800}.hero{border-radius:16px;border-color:#2e6ead;background:#071733;box-shadow:0 14px 34px #020b1d80}.hero:after{background:linear-gradient(90deg,#071733f5 0%,#071733b8 43%,#07173315 100%)}.hero-copy{width:58%}.hero-bonus{color:#7cc3ff}.games-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.game-card{border-radius:8px;background:#0b2247;border-color:#214a7f}.game-card:hover{border-color:#3fa0f5}.game-picture{aspect-ratio:1.15}.providers-section,.payments-section{padding:32px 0 14px}.providers-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.provider-card{border-radius:8px;background:#16386b;border-color:#214a7f;min-height:74px;color:#fff}.provider-card:hover{background:#214a7f}.payments-section{padding-bottom:56px}.payments-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.payment-card{display:flex;align-items:center;justify-content:center;gap:8px;min-height:62px;border:1px solid #214a7f;border-radius:10px;background:#0b2247;color:#d7e9ff;font-weight:700;text-align:center}.payment-card:hover{border-color:#3fa0f5;color:#fff}.payment-icon{font-size:21px;color:#7cc3ff}.site-footer{background:#0b2247;border-top:4px solid #3fa0f5}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:36px;padding:54px 0 42px}.footer-links{display:grid;align-content:start;gap:10px}.footer-heading{margin:0 0 7px;color:#fff;font-size:16px;font-weight:800}.footer-links a{color:#a9c9eb;font-size:14px}.footer-links a:hover{color:#fff}.footer-links .button{margin-top:10px;width:max-content;color:#fff}.footer-brand .brand-word{color:#fff}
@media(max-width:1000px){.variant-shell{grid-template-columns:190px minmax(0,1fr);gap:18px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.providers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payments-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.variant-shell{display:block}.side-menu{position:relative;top:auto;margin:18px 0 0}.side-menu nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{width:100%}.footer-grid{grid-template-columns:1fr}.payments-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}