.game-nav-container.svelte-1ir6ot1{container-name:game-nav-container;container-type:inline-size;z-index:2}.game-nav.svelte-1ir6ot1{view-transition-name:game-nav;position:relative;background:var(--nav-bg);border-bottom:solid 1px var(--shade6-50);@container (inline-size <= 700px){&:after{content:"";position:absolute;top:0;right:0;width:2rem;height:100%;background:linear-gradient(to right,transparent,var(--nav-bg))}}}::view-transition-group(game-nav){z-index:8}.nav.svelte-1ir6ot1{position:relative;display:flex;align-items:center;gap:.75rem;width:98%;max-width:var(--web-header-width);margin-inline:auto;scrollbar-width:none;@container (inline-size <= 1200px){gap:.25rem}@container (inline-size <= 700px){padding-inline-end:2rem;margin-inline:.5rem;overflow-x:auto}}.games-library.svelte-1ir6ot1{display:flex;align-items:center;gap:.5rem;.games-library-icon:where(.svelte-1ir6ot1){width:1.25rem;height:1.25rem;color:var(--shade4)}}.game-icon-container.svelte-1ir6ot1{flex-shrink:0;position:relative;padding-block:.5rem;z-index:10;@container (inline-size <= 700px){display:none}}.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}}.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:.75rem;color:var(--shade1);font-size:.875rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:color var(--transition);@container (inline-size <= 1200px){padding-inline:.5rem}@container (inline-size <= 700px){height:2rem}&: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:1.5rem;height:3px;background:var(--game-color);border-top-left-radius:var(--br-sm);border-top-right-radius:var(--br-sm);transform:translate(-50%)}}&.live-game{padding-inline-start:1.5rem;&:before{content:"";position:absolute;left:.5rem;width:.5rem;height:.5rem;background:var(--green);border-radius:50%;animation:svelte-1ir6ot1-pulse 2s cubic-bezier(.4,0,.6,1) infinite}}&:has(.new:where(.svelte-1ir6ot1)){color:var(--game-color);gap:.25rem;font-weight:625}.new:where(.svelte-1ir6ot1){padding:.125rem .25rem;color:var(--game-color);background:color-mix(in hsl,var(--game-color),transparent 85%);border-radius:var(--br)}}.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:.5rem .75rem;padding-inline-end:2.5rem;color:var(--shade1);white-space:nowrap;border-radius:var(--br);transition:background var(--transition),color var(--transition);&:hover,&.current{background:var(--shade5);color:var(--shade0)}&.highlight{background:color-mix(in hsl,var(--game-color) 15%,transparent);color:var(--game-color);&:hover{background:color-mix(in hsl,var(--game-color) 25%,transparent)}}}}@keyframes svelte-1ir6ot1-pulse{0%,to{opacity:1}50%{opacity:.5}}