/* NWD site menu: hamburger + slide-out drawer (mobile-first) */
.menu-btn{appearance:none;border:1px solid rgba(212,175,106,.45);background:rgba(255,255,255,.04);color:var(--cream);width:44px;height:44px;border-radius:12px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:background .2s,border-color .2s}
.menu-btn:hover,.menu-btn:focus-visible{background:rgba(212,175,106,.14);border-color:var(--gold);outline:none}
.menu-btn span{display:block;width:20px;height:2px;border-radius:2px;background:var(--gold);transition:transform .25s,opacity .2s}
.menu-open .menu-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-open .menu-btn span:nth-child(2){opacity:0}
.menu-open .menu-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-right{display:flex;align-items:center;gap:.6rem}
.nav-play{display:inline-flex;align-items:center;gap:.4rem}
@media(max-width:480px){.nav-play .np-long{display:none}.nav-play{padding:.4rem .85rem}}
.menu-scrim{position:fixed;inset:0;z-index:60;background:rgba(20,3,8,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .25s}
.menu-open .menu-scrim{opacity:1;pointer-events:auto}
.site-menu{position:fixed;top:0;right:0;bottom:0;z-index:61;width:min(88vw,360px);background:linear-gradient(180deg,#2a0610 0%,#1d0409 100%);color:var(--cream);box-shadow:-20px 0 60px rgba(0,0,0,.45);transform:translateX(102%);transition:transform .32s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding:1rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom))}
.menu-open .site-menu{transform:none}
.menu-open{overflow:hidden}
.sm-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.sm-top .brand{color:var(--cream);text-decoration:none;display:flex;align-items:center;gap:.5rem;font-family:var(--serif);font-size:1.05rem}
.sm-close{appearance:none;background:none;border:1px solid rgba(212,175,106,.35);color:var(--gold);width:40px;height:40px;border-radius:10px;font-size:1.4rem;line-height:1;cursor:pointer}
.sm-label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);opacity:.85;margin:1.1rem 0 .5rem}
.sm-games{display:grid;gap:.55rem}
.sm-game{display:flex;align-items:center;gap:.8rem;padding:.8rem .9rem;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(212,175,106,.18);color:var(--cream);text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
a.sm-game:hover,a.sm-game:focus-visible{background:rgba(212,175,106,.14);border-color:var(--gold);transform:translateX(-2px);outline:none}
.sm-game .mi-ic{font-size:1.5rem;width:2.2rem;text-align:center;flex:none}
.sm-game b{display:block;font-family:var(--serif);font-weight:600;font-size:1.02rem}
.sm-game small{display:block;opacity:.7;font-size:.8rem;line-height:1.3}
.sm-game .mi-tag{margin-left:auto;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .5rem;border-radius:99px;white-space:nowrap}
.sm-game .mi-tag.mi-live{background:var(--gold);color:#2a0610;font-weight:700}
.sm-game .mi-tag.mi-soon{border:1px solid rgba(239,228,209,.35);color:var(--cream-2);opacity:.75}
.sm-game.mi-soon{opacity:.6;cursor:default}
.sm-links{list-style:none;margin:0;padding:0}
.sm-links a{display:block;padding:.7rem .2rem;color:var(--cream-2);text-decoration:none;border-bottom:1px solid rgba(239,228,209,.08);font-size:1rem}
.sm-links a:hover,.sm-links a:focus-visible,.sm-links a[aria-current]{color:var(--gold);outline:none}
.sm-foot{margin-top:auto;padding-top:1.2rem}
.sm-foot .btn{width:100%;justify-content:center;text-align:center}
.sm-foot p{font-size:.75rem;opacity:.6;margin:.8rem 0 0;text-align:center}
.foot-play{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.1rem;margin:.6rem 0 .9rem}
.foot-play a{text-decoration:none}
.foot-play .live::after{content:"Live";margin-left:.35rem;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;background:var(--gold);color:#2a0610;padding:.05rem .4rem;border-radius:99px;vertical-align:middle;font-weight:700}
/* Games hub */
.games-hero{padding:3.5rem 0 1.5rem;text-align:center}
.games-grid{display:grid;gap:1.1rem;grid-template-columns:1fr;padding-bottom:4rem}
@media(min-width:720px){.games-grid{grid-template-columns:repeat(2,1fr)}}
.game-card{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;border-radius:var(--r);background:#fff;border:1px solid rgba(91,15,34,.12);box-shadow:0 10px 30px rgba(42,6,16,.08);color:var(--ink);text-decoration:none;transition:transform .2s,box-shadow .2s}
a.game-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(42,6,16,.16)}
.game-card .mi-ic{font-size:2.4rem}
.game-card h2{font-size:1.4rem;margin:0}
.game-card p{margin:0;color:var(--muted)}
.game-card .mi-tag{position:absolute;top:1rem;right:1rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .6rem;border-radius:99px}
.game-card .mi-tag.mi-live{background:var(--wine);color:var(--cream)}
.game-card .mi-tag.mi-soon{border:1px solid rgba(91,15,34,.3);color:var(--muted)}
.game-card.mi-soon{opacity:.75}
.game-card .cta{margin-top:auto;padding-top:.6rem;font-weight:600;color:var(--wine-2)}
/* game icons (games page + drawer) */
.mi-img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}
.game-card .mi-ic.mi-pic{display:block;width:64px;height:64px;border-radius:16px;overflow:hidden;font-size:0;box-shadow:0 6px 16px rgba(42,6,16,.18)}
.sm-game .mi-ic.mi-pic{width:2.2rem;height:2.2rem;border-radius:10px;overflow:hidden;font-size:0;border:1px solid rgba(212,175,106,.35)}