:root{color-scheme:dark;--header-height:4rem;--patreon-black:#141518;--patreon-fiery-coral:#ff424d;--bar-width:25px;--bar-height:3px;--hamburger-gap:6px;--bar-color:#555;--bar-highlight:cyan;--bar-animation:.2s ease-in-out;--hamburger-height:calc(3 * var(--bar-height) + 2 * var(--hamburger-gap));--header-link-color:#bbb;--section-color:cyan;--scroll-transition-time:.333s;--link-color:cyan;--header-color:#1a1a1a;--scroll-track-color:#1e1e1e;--scroll-thumb-color:#3f3f3f;--scroll-thumb-hover:#7b7b7b;--scroll-thumb-active:#a1a1a1;--event-width:min(100vw - 3em, 256px);--event-height:var(--event-width);--event-border-thickness:3px;--event-border-radius:.5em;--event-icon-top-displacement:-1em;--code-bg:#333;--code-yellow:#dcdcaa;--code-blue:#9cdcfe;--code-green:#b5cea8;--font-sans:-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;--font-mono:Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;--llama-image-width:430px;--llama-image-height:256px;--llama-image-border:2px;--map-animation-width:calc(2 * var(--llama-image-border) + var(--llama-image-width));--typewriter-duration:2s;--typewriter-delay:.9s;--typewriter-transition:left var(--typewriter-duration) steps(22) var(--typewriter-delay);--map-delay-delta:.4s;--map-delay-total:calc(var(--typewriter-delay) + var(--typewriter-duration) + var(--map-delay-delta));--map-link-width:212px;--map-link-height:212px;--map-link-border-thickness:3px;--map-link-border-radius:.5em;--map-link-top-displacement:-1em;--media-icon-height:1.75em;--scroll-anchor-filter-plain:invert(57%) sepia(33%) saturate(0%) hue-rotate(221deg) brightness(104%) contrast(91%);--scroll-anchor-filter-highlight:invert(77%) sepia(62%) saturate(701%) hue-rotate(116deg) brightness(105%) contrast(106%)}html{box-sizing:border-box;overflow-y:scroll}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}*,:before,:after{box-sizing:inherit}html,body{color:#fff;font-family:var(--font-sans);margin:0;padding:0}pre,code{font-family:var(--font-mono)}body{background:linear-gradient(#141415,#21242c) fixed;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;min-height:100dvh;display:grid;overflow:scroll hidden}@media (width>=20em){body{overflow-x:hidden}}a{color:var(--link-color);text-decoration:none}@media (hover:hover){*{&::-webkit-scrollbar{width:.5rem;height:.5rem}&::-webkit-scrollbar-track{background-color:var(--scroll-track-color)}&::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb-color);border-radius:.5rem;&:hover{background-color:var(--scroll-thumb-hover)}&:active{background-color:var(--scroll-thumb-active)}}}}.site-header{height:var(--header-height);place-content:stretch;place-items:center;font-size:1.1em;display:grid;box-shadow:0 0 .5em #0008}.site-header-nav{grid-template-columns:1fr repeat(2,auto);place-items:center;column-gap:1.3em;width:min(100%,1536px);padding-inline:.75em 1em;display:grid;&>a{color:var(--header-link-color);padding:.5em;font-weight:500;display:inline-block;&:is(:focus-visible,active){color:var(--link-color)}&.patreon-header-link{background-color:var(--patreon-fiery-coral);border-radius:.5em;justify-self:center;padding:.6em .8em;& img{height:1em}&:is(:focus-visible,:active){box-shadow:0 0 .75em #fff}}}}.hamburger-label{--x-width:calc(1.41421 * var(--hamburger-height));gap:var(--hamburger-gap);cursor:pointer;flex-direction:column;width:max-content;display:flex;overflow:visible;width:var(--bar-width)!important;& .hamburger-checkbox{width:var(--bar-width);height:var(--bar-height);background-color:var(--bar-color);transform-origin:100%;border-radius:9999px}&:before{content:"";width:var(--bar-width);height:var(--bar-height);background-color:var(--bar-color);transform-origin:100%;z-index:1;border-radius:9999px;position:relative}&:after{content:"";width:var(--bar-width);height:var(--bar-height);background-color:var(--bar-color);transform-origin:100%;border-radius:9999px;position:relative}&:has(.hamburger-checkbox:focus-visible){&:before,&:after,& .hamburger-checkbox{border:2px solid #000;box-shadow:0 0 0 2px #fff}&:has(.hamburger-checkbox:checked){&:before{top:1px;left:-.1px}&:after{top:-1px;left:-.1px}}}&:has(.hamburger-checkbox:is(:focus-visible,:active)){&:before,&:after,& .hamburger-checkbox{background-color:var(--bar-highlight)}}&:has(.hamburger-checkbox:checked){&:before{width:var(--x-width);rotate:-45deg;translate:calc(6px + var(--bar-width) / -2) calc(var(--bar-height) / -2)}&:after{width:var(--x-width);rotate:45deg;translate:calc(6px + var(--bar-width) / -2) calc(var(--bar-height) / 2)}}}@media (hover:hover){.hamburger-label:has(.hamburger-checkbox:hover){&:before,&:after,& .hamburger-checkbox{background-color:var(--bar-highlight)}}}.hamburger-checkbox{appearance:none;pointer-events:none;outline:none;margin:0;padding:0;&:checked{opacity:0;transform:translateX(var(--bar-width));width:0}}@media (prefers-reduced-motion:no-preference){.hamburger-label:before,.hamburger-label:after,.hamburger-checkbox{transition:opacity var(--bar-animation), width var(--bar-animation), transform var(--bar-animation), translate var(--bar-animation), rotate var(--bar-animation)}}.hamburger-menu{visibility:hidden;inset:var(--header-height) 0 0 0;position:fixed;overflow-y:auto;background-color:#181818!important;& nav{grid-template-rows:repeat(4,auto);grid-template-columns:auto;place-content:start stretch;height:100%;display:grid;& a{text-align:center;width:100%;color:var(--header-link-color);border-bottom:1px solid #555;padding-block:1em;font-size:1.75em;font-weight:700;&:is(:focus-visible,:active){color:#0ff}&:first-child{border-top:1px solid #555}}}}.page-main{visibility:visible}body:has(.hamburger-checkbox:checked){& .page-main,& .site-footer,& .scroll-to-top-link{visibility:hidden}& .hamburger-menu{visibility:visible}}a.desktop-link{display:none}html:has(.hamburger-checkbox:checked){overflow-y:hidden}@media (width>=40em){html:has(.hamburger-checkbox:checked){overflow-y:scroll}a.desktop-link{grid-template-columns:1fr repeat(5,auto);display:block}.hamburger-label,.hamburger-menu{display:none}body:has(.hamburger-checkbox:checked) :is(.page-main,.site-footer,.scroll-to-top-link){visibility:visible}}@media (prefers-reduced-motion:no-preference){.hamburger-menu{transition:transform var(--bar-animation), visibility var(--bar-animation);transform:translate(100%)}body:has(.hamburger-checkbox:checked){& .hamburger-menu{transition:transform var(--bar-animation);transform:translate(0)}& .page-main{transition:visibility var(--bar-animation)}}}.compass{justify-self:start;width:3.5em;height:3.5em;display:block;position:relative;overflow:hidden}.compass-body{height:2em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arrow-container{position:absolute;inset:0}.compass-arrow{height:.75em;position:relative;top:1.375em;left:.125em}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){.compass:hover .arrow-container{animation:.5s ease-in-out rotate}}.patreon-header-small{width:1.5em;height:1.5em;position:relative;& img{height:1.5em;position:absolute;top:50%;left:50%;translate:-50% -50%}&:is(:focus-visible,:active){& .patreon-logo-plain{opacity:0}& .patreon-logo-highlight{opacity:1}}}.patreon-logo-plain{opacity:1}.patreon-logo-highlight{opacity:0}@media (hover:hover){.patreon-header-small:hover{& .patreon-logo-plain{opacity:0}& .patreon-logo-highlight{opacity:1}}}@media (prefers-reduced-motion:no-preference){.patreon-header-small img{transition:opacity .2s ease-out}}@media (width>=40em){a.patreon-header-small{display:none}}@media (hover:hover){:is(.site-header-nav,.hamburger-menu) a:hover{color:var(--link-color)}}@media (prefers-reduced-motion:no-preference){:is(.site-header-nav,.hamburger-menu) a{transition:color .2s ease-out}}@media (width>=40em){.site-header-nav{grid-template-columns:1fr repeat(5,auto);column-gap:1em}}@media (hover:hover){.patreon-header-link:hover{box-shadow:0 0 .75em #fff}}@media (prefers-reduced-motion:no-preference){a.patreon-header-link{transition:box-shadow .2s ease-out}}.page-main{align-content:start;place-items:center;display:grid}.site-footer{text-align:center;border-top:1px solid #444;grid-template-columns:1fr;place-content:center;place-items:center;gap:.25em;margin-top:10em;padding:2em 1em;font-size:.9em;font-weight:500;display:grid}.discord-link{&:is(:hover,:focus-visible,:active){text-decoration:underline}}.media-icons{flex-wrap:wrap;justify-content:center;gap:1.5em;margin-bottom:.5em;display:flex}.media-icon{width:max-content;height:var(--media-icon-height);display:block;position:relative;& img{&:first-child{position:relative}&:last-child{position:absolute}max-height:var(--media-icon-height);pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%);&.icon-highlight{opacity:0}}&:is(:focus-visible,:active) .icon-highlight{opacity:1}}@media (hover:hover){.media-icon:hover{& .icon-plain{opacity:0}& .icon-highlight{opacity:1}}}@media (prefers-reduced-motion:no-preference){.media-icon img{transition:opacity .2s ease-out}}.scroll-to-top-link{background-color:#1118;border-radius:9999em;width:2.75em;height:2.75em;display:none;position:fixed;bottom:1.5em;right:1.5em;&.hide{visibility:hidden;opacity:0}&.show{visibility:visible;opacity:1}& img{width:1.5em;position:absolute;top:50%;left:50%;translate:-50% -57%;&:first-child{opacity:1;filter:var(--scroll-anchor-filter-plain)}&:last-child{opacity:0;filter:var(--scroll-anchor-filter-highlight)}}&:is(:focus-visible,:active){background-color:#111;& img{&:first-child{opacity:0}&:last-child{opacity:1}}}}@media (hover:hover){.scroll-to-top-link:hover{background-color:#111;& img{&:first-child{opacity:0}&:last-child{opacity:1}}}}@media (prefers-reduced-motion:no-preference){.scroll-to-top-link{transition:opacity .2s ease-out,background-color .2s ease-out;&.hide{transition:opacity .2s ease-out,background-color .2s ease-out,visibility .2s}& img{transition:opacity .2s ease-out}}}