.sidebar[data-v-d08b4ef2]{display:none}@media(min-width:961px){.sidebar[data-v-d08b4ef2]{display:block;grid-area:1/1;max-height:100vh;position:sticky;top:0;z-index:2000}.sidebar__inner[data-v-d08b4ef2]{border-radius:20rem;display:flex;flex-direction:column;gap:8rem;height:100vh;margin-top:12rem}.sidebar__logo[data-v-d08b4ef2]{align-items:center;align-self:flex-start;background-color:transparent;border-radius:12rem;color:inherit;display:flex;flex-shrink:0;height:44rem;justify-content:center;padding:6rem;text-decoration:none;width:44rem}.sidebar__brand[data-v-d08b4ef2]{background:transparent;height:44rem;-o-object-fit:contain;object-fit:contain;width:44rem}.sidebar__logo--expanded[data-v-d08b4ef2]{color:var(--black);display:none}.sidebar__logo--collapsed[data-v-d08b4ef2]{display:flex}}@media(min-width:961px)and (any-hover:hover){.sidebar__inner:hover .sidebar__logo--expanded[data-v-d08b4ef2]{display:flex}.sidebar__inner:hover .sidebar__logo--collapsed[data-v-d08b4ef2]{display:none}.sidebar__inner:hover .sidebar__logo[data-v-d08b4ef2] .svg-icon{color:var(--black)}}@media(min-width:961px){.sidebar__inner:has(:focus-visible) .sidebar__logo--expanded[data-v-d08b4ef2]{display:flex}.sidebar__inner:has(:focus-visible) .sidebar__logo--collapsed[data-v-d08b4ef2]{display:none}.sidebar__inner:has(:focus-visible) .sidebar__logo[data-v-d08b4ef2] .svg-icon{color:var(--black)}}@media(min-width:961px){.sidebar__wrapper[data-v-d08b4ef2]{border-radius:16rem;overflow-y:auto;position:relative;scrollbar-width:none;transition:width var(--transition-normal)}.sidebar__wrapper[data-v-d08b4ef2]::-webkit-scrollbar{display:none}}@media(min-width:961px)and (any-hover:hover){.sidebar__inner:hover .sidebar__wrapper[data-v-d08b4ef2]{width:var(--max-width)}}@media(min-width:961px){.sidebar__inner:has(:focus-visible) .sidebar__wrapper[data-v-d08b4ef2]{width:var(--max-width)}}@media(min-width:961px){.sidebar__scroller[data-v-d08b4ef2]{-webkit-backdrop-filter:blur(20rem);backdrop-filter:blur(20rem);background-color:transparent;border-radius:16rem;box-sizing:border-box;height:100%;margin-bottom:18rem;overflow-y:auto;padding:0 2rem;scroll-snap-type:y mandatory;scrollbar-width:none;transition:background-color var(--transition-normal);width:100%}.sidebar__scroller[data-v-d08b4ef2]::-webkit-scrollbar{display:none}}@media(min-width:961px)and (any-hover:hover){.sidebar__inner:hover .sidebar__scroller[data-v-d08b4ef2]{background-color:#1d1d21cc}}@media(min-width:961px){.sidebar__inner:has(:focus-visible) .sidebar__scroller[data-v-d08b4ef2]{background-color:#1d1d21cc}}@media(min-width:961px){.sidebar__cat-list[data-v-d08b4ef2]{list-style:none;margin:0;padding:0}.sidebar__link[data-v-d08b4ef2]{align-items:center;box-sizing:border-box;color:var(--purple-600);cursor:pointer;display:flex;margin-left:2rem;padding:16rem var(--icon-spacing) 0 var(--common-padding);position:relative;scroll-snap-align:start;text-decoration:none;transition:transform var(--transition-quick);width:var(--max-width);will-change:transform}.sidebar__link[data-v-d08b4ef2]:before{content:"";inset:calc(var(--hover-shift)*-.5);pointer-events:none;position:absolute}}@media(min-width:961px)and (any-hover:hover){.sidebar__link[data-v-d08b4ef2]:hover{color:var(--electric-lime);outline:none}}@media(min-width:961px){.sidebar__link[data-v-d08b4ef2]:focus-within,.sidebar__link[data-v-d08b4ef2]:has(:focus-visible){color:var(--electric-lime);outline:none}}@media(min-width:961px){.sidebar__link-inner[data-v-d08b4ef2]{align-items:center;display:flex;gap:12rem;outline:none}.sidebar__icon[data-v-d08b4ef2]{background-color:currentColor;display:block;flex-shrink:0;height:var(--width-icon);margin:var(--margin-icon);mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;transform:scale(.5);transition:transform var(--transition-quick);width:var(--width-icon);will-change:transform}img.sidebar__icon[data-v-d08b4ef2]{background-color:transparent;-o-object-fit:contain;object-fit:contain}}@media(min-width:961px)and (any-hover:hover){.sidebar__link:hover .sidebar__icon[data-v-d08b4ef2]{transform:scale(.7)}}@media(min-width:961px){.sidebar__link:has(:focus-visible) .sidebar__icon[data-v-d08b4ef2]{transform:scale(.7)}}@media(min-width:961px)and (any-hover:hover){li:has(.sidebar__link:hover)+li .sidebar__icon[data-v-d08b4ef2]{transform:scale(.6)}li:has(+li>.sidebar__link:hover) .sidebar__icon[data-v-d08b4ef2]{transform:scale(.6)}}@media(min-width:961px){li:has(.sidebar__link:has(:focus-visible))+li .sidebar__icon[data-v-d08b4ef2]{transform:scale(.6)}li:has(+li>.sidebar__link:has(:focus-visible)) .sidebar__icon[data-v-d08b4ef2]{transform:scale(.6)}}@media(min-width:961px)and (any-hover:hover){.sidebar__rest .sidebar__link:hover+.sidebar__link .sidebar__icon[data-v-d08b4ef2]{transform:scale(.6)}.sidebar__rest .sidebar__link:has(+.sidebar__link:hover) .sidebar__icon[data-v-d08b4ef2]{transform:scale(.6)}}@media(min-width:961px){.sidebar__rest .sidebar__link:has(:focus-visible)+.sidebar__link .sidebar__icon[data-v-d08b4ef2]{transform:scale(.6)}.sidebar__rest .sidebar__link:has(+.sidebar__link:has(:focus-visible)) .sidebar__icon[data-v-d08b4ef2]{transform:scale(.6)}}@media(min-width:961px){.sidebar__text[data-v-d08b4ef2]{color:var(--purple-600);font-family:var(--font-family);font-size:var(--font-size-label-m);font-weight:var(--font-weight-default);height:1rem;line-height:var(--line-height-label);margin-right:15rem;overflow:hidden;text-align:left;transition:margin-left var(--transition-quick);white-space:nowrap}}@media(min-width:961px)and (any-hover:hover){.sidebar__inner:hover .sidebar__link .sidebar__text[data-v-d08b4ef2]{height:auto;overflow:visible}}@media(min-width:961px){.sidebar__inner:has(:focus-visible) .sidebar__link .sidebar__text[data-v-d08b4ef2]{height:auto;overflow:visible}}@media(min-width:961px)and (any-hover:hover){.sidebar__inner .sidebar__link:hover .sidebar__text[data-v-d08b4ef2]{color:var(--electric-lime);margin-left:6rem}}@media(min-width:961px){.sidebar__inner .sidebar__link:has(:focus-visible) .sidebar__text[data-v-d08b4ef2]{color:var(--electric-lime);margin-left:6rem}}@media(min-width:961px){.sidebar__rest[data-v-d08b4ef2]{height:1rem;overflow:hidden;width:var(--max-width)}}@media(min-width:961px)and (any-hover:hover){.sidebar__inner:hover .sidebar__rest[data-v-d08b4ef2]{height:auto;overflow:visible}}@media(min-width:961px){.sidebar__inner:has(:focus-visible) .sidebar__rest[data-v-d08b4ef2]{height:auto;overflow:visible}}@media(min-width:961px){.sidebar__sep[data-v-d08b4ef2]{background-color:var(--white-08);height:1rem;margin:var(--icon-spacing)}.sidebar__sr-only[data-v-d08b4ef2]{clip:rect(0,0,0,0);border:0;height:1rem;margin:-1rem;overflow:hidden;padding:0;position:absolute;width:1rem}.sidebar__copyright[data-v-d08b4ef2]{padding:0 var(--icon-spacing);padding-bottom:23rem;padding-left:var(--common-padding)}.sidebar__copyright-text[data-v-d08b4ef2]{color:var(--white-40);font-family:var(--font-family);font-size:var(--font-size-paragraph-s);font-weight:var(--font-weight-default);letter-spacing:normal;line-height:var(--line-height-paragraph-s);margin:0}.sidebar__shadow[data-v-d08b4ef2]{height:18rem;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity var(--transition-normal)}.sidebar__shadow.is-visible[data-v-d08b4ef2]{opacity:1}.sidebar__shadow--top[data-v-d08b4ef2]{background:linear-gradient(#000,transparent);top:0}.sidebar__shadow--bottom[data-v-d08b4ef2]{background:linear-gradient(transparent,#000);bottom:0}}@media(min-width:961px)and (any-hover:hover){.sidebar__inner:hover .sidebar__shadow[data-v-d08b4ef2]{opacity:0}}@media(min-width:961px){.sidebar__inner:has(:focus-visible) .sidebar__shadow[data-v-d08b4ef2]{opacity:0}}.random-game-btn[data-v-a689d522]{border-radius:var(--border-radius);box-sizing:border-box;cursor:pointer;white-space:nowrap;--border-radius:1000rem;--focus-accent:var(--electric-lime);display:inline-block;line-height:100%;position:relative;transition:background-color .15s;width:auto;--text:#fff;--main:var(--purple-400);--gradient:var(--purple-400-linear-gradient);color:var(--text);--background-color:var(--main);height:48rem;padding:12rem 20rem}.random-game-btn[data-v-a689d522]:before{background:var(--background-color,transparent);border-radius:var(--border-radius);content:"";inset:0;pointer-events:none;position:absolute;transition:background-image .2s}.random-game-btn[data-v-a689d522]:focus-visible{outline:2rem solid var(--focus-accent);outline-offset:2rem}@media(any-hover:hover){.random-game-btn[data-v-a689d522]:hover:before{background-image:var(--gradient)}}.random-game-btn[data-v-a689d522]:active:before{filter:brightness(.92)}.random-game-btn__inner[data-v-a689d522]{align-items:center;display:flex;gap:8rem;height:100%;justify-content:center;position:relative}.random-game-btn__text[data-v-a689d522]{font-family:var(--font-family);font-size:var(--font-size-label-m);font-weight:var(--font-weight-accent);line-height:var(--line-height-label)}.random-game-btn[data-v-a689d522]{flex:auto;height:56rem}@media(min-width:961px){.random-game-btn[data-v-a689d522]{flex:none;padding:0 48rem}}.site-overlay[data-v-7bf032e4]{-webkit-backdrop-filter:blur(5rem) brightness(.15);backdrop-filter:blur(5rem) brightness(.15);display:none;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1}.main-content[data-v-7bf032e4]{display:flex;flex-direction:column;gap:16rem 12rem;grid-column:1;min-width:0}@media(min-width:961px){.main-content[data-v-7bf032e4]{grid-column:2}}.bottom-actions[data-v-7bf032e4]{display:flex;gap:10rem;justify-content:center;padding:20rem 0}html[data-overlay-blur] .site-overlay{display:block}