.nav-play{position:relative;display:flex}.nav-play>.nav-link{flex:1}.nav-play-caret{margin-left:auto;font-size:.7rem;opacity:.6}.nav-play-bar{display:none;position:absolute;top:-6px;right:100%;margin-right:8px;padding:6px;gap:2px;flex-direction:column;background:var(--white);border-radius:12px;box-shadow:var(--shadow-lg);z-index:210}.nav-play-bar::after{content:"";position:absolute;top:0;bottom:0;left:100%;width:10px}.nav-play.nav-play-open .nav-play-bar,.nav-play:hover .nav-play-bar{display:flex}.nav-play.nav-play-open>.nav-link,.nav-play:hover>.nav-link{color:var(--gray-900);background:var(--gray-100)}.nav-play-game{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;white-space:nowrap;color:var(--gray-600);font-weight:500;font-size:.9375rem;text-decoration:none;transition:all .2s}.nav-play-game:focus-visible,.nav-play-game:hover{color:var(--primary);background:var(--gray-100)}[data-theme=dark] .nav-play-bar{background:#1e293b}[data-theme=dark] .nav-play-game:focus-visible,[data-theme=dark] .nav-play-game:hover,[data-theme=dark] .nav-play.nav-play-open>.nav-link,[data-theme=dark] .nav-play:hover>.nav-link{background:#273449}@media (max-width:820px){.nav-play{flex:0 0 auto;align-items:center}.nav-play-caret{transform:rotate(180deg)}.nav-play:hover .nav-play-bar{display:none}.nav-play-bar,.nav-play.nav-play-open .nav-play-bar{position:static;margin:0 0 0 4px;padding:0;flex-direction:row;background:0 0;box-shadow:none}.nav-play.nav-play-open .nav-play-bar{display:flex}.nav-play-bar::after{display:none}.nav-play-game{font-size:.875rem;background:var(--gray-100);color:var(--primary)}}