:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#15171d;--color-surface:#22252e;--color-surface-hover:#2d313c;--color-text:#ece7dd;--color-text-secondary:#9aa1b0;--color-accent:#f2c46d;--phi:1.618;--radius-inner:8px;--padding-menu:calc(var(--radius-inner) / var(--phi));font:400 15px/var(--phi) system-ui, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0}html,body,canvas{width:100%;height:100%}body{background:var(--color-background);color:var(--color-text);overflow:hidden}canvas{touch-action:none;display:block}[data-shallot-bootstrap]{text-align:center;text-wrap:balance;background:var(--color-background);color:var(--color-text-secondary);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.backdrop{position:fixed;inset:0}.menu{min-width:220px;max-height:min(70vh,520px);padding:var(--padding-menu);background:var(--color-surface);border-radius:calc(var(--radius-inner) + var(--padding-menu));display:grid;position:fixed;overflow-y:auto;box-shadow:0 1px 2px #0000004d,0 8px 24px #00000059}.menu.drawer{max-height:70vh;padding:8px 8px max(8px, env(safe-area-inset-bottom));border-radius:16px 16px 0 0;inset:auto 0 0}.drawer~.backdrop{background:#0006}.backdrop:has(~.drawer){background:#0006}.menu header{justify-content:space-between;align-items:center;gap:8px;padding:4px 4px 8px 10px;display:flex}.menu .name{text-wrap:balance;font-weight:600}.menu button{border-radius:var(--radius-inner);min-height:40px;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:baseline;gap:16px;padding:8px 10px;transition:scale .2s ease-out;display:flex}.drawer button{min-height:44px}.menu button:active{scale:.97}.menu button:disabled{color:var(--color-text-secondary);cursor:default}.menu button:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}@media (hover:hover){.menu button:not(:disabled):hover{background:var(--color-surface-hover)}}.menu .icon{min-width:40px;color:var(--color-text-secondary);justify-content:center;align-items:center;padding:0}.menu .opens:after{content:"›";color:var(--color-text-secondary)}.menu .opens[aria-expanded=true]:after{rotate:90deg}.relatives{padding-left:8px;display:grid}.relatives .group:not(:first-child){border-top:1px solid #ffffff14;margin:4px 0}.relatives small{color:var(--color-text-secondary);white-space:nowrap}