.game-nav.svelte-1ir6ot1{view-transition-name:game-nav;position:relative;background:var(--nav-bg);border-bottom:solid 1px var(--shade6-50);z-index:2}::view-transition-group(game-nav){z-index:8}.nav.svelte-1ir6ot1{display:flex;align-items:center;gap:1rem;width:98%;max-width:var(--web-header-width);margin-inline:auto}.visually-hidden.svelte-1ir6ot1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.game-icon-container.svelte-1ir6ot1{position:relative;z-index:10;&:hover{.games-grid-container:where(.svelte-1ir6ot1){display:block}}}.game-icon.svelte-1ir6ot1{svg{width:1.25rem;height:1.25rem;background:var(--game-color, var(--shade7));border-radius:var(--br-sm)}path{fill:#000}}.games-grid-container.svelte-1ir6ot1{display:none;position:absolute;top:100%;left:0;padding-block-start:.5rem;z-index:10;&:before{content:"";position:absolute;bottom:100%;left:1rem;width:2.25rem;height:1.25rem}}.games-grid.svelte-1ir6ot1{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.5rem;a:where(.svelte-1ir6ot1){display:block;place-content:center;padding:2rem;text-align:center;width:7rem;aspect-ratio:1 / 1.25;&:hover{background:var(--shade6-50)}}}.links.svelte-1ir6ot1{display:flex}.link-container.svelte-1ir6ot1{position:relative;&:hover:has(.has-menu:where(.svelte-1ir6ot1)){.sub-menu:where(.svelte-1ir6ot1){display:grid}}}.game-nav-link.svelte-1ir6ot1{position:relative;display:flex;align-items:center;height:2.5rem;padding-inline:.5rem;color:var(--shade1);font-size:.875rem;font-weight:500;text-decoration:none;transition:color var(--transition);&:hover,&.current{color:var(--shade0)}&.current{background:radial-gradient(50% 2rem at bottom center,color-mix(in hsl,var(--game-color) 12%,transparent),transparent);&:after{content:"";position:absolute;bottom:0;left:50%;width:var(--sp-6);height:3px;background:var(--game-color);border-top-left-radius:var(--br-sm);border-top-right-radius:var(--br-sm);transform:translate(-50%)}}}.sub-menu.svelte-1ir6ot1{display:none;position:absolute;top:90%;padding:.25rem;background:var(--shade7);border-radius:var(--br-lg);z-index:2;border:1px solid var(--shade6);box-shadow:0 3px 3px -35px #0000001f,0 6px 8px -35px #00000045,0 10px 15px -35px #00000054,0 12px 25px -35px #00000063,0 20px 41px -35px #00000073,0 40px 72px -35px #0000008a,0 80px 156px -35px #000000ba;a:where(.svelte-1ir6ot1){padding:.25rem .5rem;color:var(--shade1);white-space:nowrap;border-radius:var(--br);transition:background var(--transition),color var(--transition);&:hover,&.current{background:var(--shade6);color:var(--shade0)}}}