nav.svelte-1hsonbm{position:fixed;bottom:0;left:0;display:flex;flex-direction:column;gap:1rem;height:20vh;overflow:hidden;width:100%;box-sizing:border-box;padding:1rem;margin:0;background-color:#9e7bee}@media (min-width: 700px){nav.svelte-1hsonbm{top:0;height:100vh;width:50vw;padding:2rem}}h2.svelte-1hsonbm{margin:0}ul.svelte-1hsonbm{display:flex;flex-direction:row;gap:.5rem;width:100vw;overflow:auto;padding:0;margin:0}@media (min-width: 700px){ul.svelte-1hsonbm{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));grid-gap:1rem 1rem;height:100vh;width:46vw;box-sizing:border-box;padding:.5rem}}.float-once.svelte-1hsonbm li:where(.svelte-1hsonbm){list-style-type:none;animation:svelte-1hsonbm-fadeInUp .8s cubic-bezier(.34,1.56,.64,1) both}@keyframes svelte-1hsonbm-fadeInUp{0%{opacity:0;transform:translateY(10rem) scale(.5)}to{opacity:1;transform:none}}li.svelte-1hsonbm:hover{scale:1.1}.user-btn.svelte-1hsonbm{display:flex;justify-content:center;align-items:start;overflow:hidden;width:4rem;height:4rem;background-color:#211c75;border:solid black 3px;box-shadow:inset 0 -25px #351fb7;border-radius:1rem}@media (min-width: 700px){.user-btn.svelte-1hsonbm{width:8rem;height:8rem;border:solid black 6px;box-shadow:inset 0 -40px #351fb7}}img.svelte-1hsonbm{position:relative;width:5.625rem}@media (min-width: 700px){img.svelte-1hsonbm{width:11rem}}ul.svelte-1hsonbm li:where(.svelte-1hsonbm):nth-child(2n) .user-btn:where(.svelte-1hsonbm){margin-top:1rem}@media (min-width: 700px){ul.svelte-1hsonbm li:where(.svelte-1hsonbm):nth-child(2n) .user-btn:where(.svelte-1hsonbm){margin-top:0}}.layout-page.svelte-1ct4z3a{display:grid;grid-template-areas:"main" "nav";grid-template-rows:1fr auto;min-height:100dvh;gap:12px}.character-page.svelte-1ct4z3a{grid-area:main;overflow:auto;padding:16px}.sidebar.svelte-1ct4z3a{grid-area:nav;padding:12px 16px;border-top:3px solid #000;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}@media (min-width: 700px){.layout-page.svelte-1ct4z3a{grid-template-columns:minmax(280px,420px) 1fr;grid-template-rows:100dvh;grid-template-areas:"nav main";gap:0}.sidebar.svelte-1ct4z3a{border-top:none;border-right:3px solid #000;overflow:auto}.character-page.svelte-1ct4z3a{overflow:auto}}@media (min-width: 1000px){.sidebar.svelte-1ct4z3a{border-top:none;min-width:550px;border-right:3px solid #000;overflow:auto}}.sidebar,.character-page{min-width:0}