.overlay[data-astro-cid-5ecsgz6c]{z-index:-1;opacity:.7;background:#07080d;position:absolute;inset:15vh 0 0;transform:translateY(-5vh);&.dark{opacity:.9}& .layer{width:calc(100vw + 20px);max-width:100vw;height:30vh;image-rendering:pixelated;background-position:0 100%;background-repeat:repeat-x;background-size:contain;position:absolute;left:0;right:0;&.layerTop{top:-29vh}&.layerBottom{bottom:-29vh;transform:rotate(180deg)}}@media (width<=850px){top:80px;& .layer{width:100vw;height:200px;background-size:850px!important;&.layerTop{top:-150px}&.layerBottom{bottom:-150px}}}}.pageWrapper[data-astro-cid-5ecsgz6c]{color:#fff;align-items:center;width:100%;display:block;position:relative;&.full{margin-bottom:30vh}&.withOverlay{padding-top:6em;padding-bottom:3em}&.limited{max-width:600px}}.container[data-astro-cid-ap6mcnip].one-column{width:100%;margin:auto;padding-left:.5em;padding-right:.5em}@media (width>=640px){.container[data-astro-cid-ap6mcnip].one-column{max-width:640px;padding-left:12px;padding-right:12px}}@media (width>=768px){.container[data-astro-cid-ap6mcnip].one-column{max-width:768px;padding-left:24px;padding-right:24px}}@media (width>=1024px){.container[data-astro-cid-ap6mcnip].one-column{max-width:1024px;padding-left:48px;padding-right:48px}}@media (width>=1170px){.container[data-astro-cid-ap6mcnip].one-column{max-width:1170px}}.container[data-astro-cid-ap6mcnip].two-columns{max-width:600px;margin:auto;padding-left:1em;padding-right:1em;position:relative}@media (width>=850px){.container[data-astro-cid-ap6mcnip].two-columns{flex-direction:row;justify-content:center;max-width:800px;margin:auto;display:flex;& .contentContainer{width:500px;min-width:500px;padding:0 2em 0 1em}& .right{width:300px;min-width:300px}}}@media (width>=1300px){.container[data-astro-cid-ap6mcnip].two-columns{flex-wrap:nowrap;max-width:950px;padding-left:300px;& .contentContainer{width:650px;min-width:650px}& .right{width:300px;min-width:300px}}}.container[data-astro-cid-ap6mcnip].left-aside{max-width:600px;margin:auto;padding-left:1em;padding-right:1em;position:relative;& .right{display:none}}@media (width>=850px){.container[data-astro-cid-ap6mcnip].left-aside{flex-direction:row;justify-content:center;max-width:800px;margin:auto;display:flex;& .contentContainer{width:500px;min-width:500px;padding:0 2em 0 1em}& .left{width:300px;min-width:300px}}}@media (width>=1300px){.container[data-astro-cid-ap6mcnip].left-aside{flex-wrap:nowrap;max-width:950px;padding-right:350px;& .contentContainer{width:650px;min-width:650px}& .left{width:300px;min-width:300px}}}.container[data-astro-cid-ap6mcnip].three-columns{max-width:600px;margin:auto;padding-left:1em;padding-right:1em;position:relative}@media (width>=900px){.container[data-astro-cid-ap6mcnip].three-columns{flex-direction:row;justify-content:center;max-width:900px;margin:auto;display:flex;& .contentContainer{width:500px;min-width:500px;padding:0 2em 0 1em}& .left,& .right{width:200px;min-width:200px}}}@media (width>=1200px){.container[data-astro-cid-ap6mcnip].three-columns{flex-wrap:nowrap;& .contentContainer{width:650px;min-width:650px}& .left,& .right{width:300px;min-width:300px}}}.container[data-astro-cid-ap6mcnip].small{max-width:650px;margin:auto;padding-left:.5em;padding-right:.5em}@media (width>=640px){.container[data-astro-cid-ap6mcnip].small{padding-left:12px;padding-right:12px}}@media (width>=768px){.container[data-astro-cid-ap6mcnip].small{padding-left:24px;padding-right:24px}}@media (width>=1024px){.container[data-astro-cid-ap6mcnip].small{padding-left:48px;padding-right:48px}}.container[data-astro-cid-ap6mcnip].full{margin:auto;padding-left:0;padding-right:0}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-body);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=850px){.container{max-width:850px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1300px){.container{max-width:1300px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.m-auto{margin:auto}.mb-4{margin-bottom:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.list-item{display:list-item}.hidden{display:none}.h-auto{height:auto}.w-40{width:10rem}.w-64{width:16rem}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.justify-between{justify-content:space-between}.rounded{border-radius:.25rem}.border{border-width:1px}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (width>=640px){.sm\:float-right{float:right}.sm\:ml-2{margin-left:.5rem}.sm\:h-64{height:16rem}.sm\:w-64{width:16rem}}@media (width>=850px){.md\:float-right{float:right}.md\:ml-2{margin-left:.5rem}.md\:w-32{width:8rem}}@media (width>=1300px){.xl\:float-right{float:right}.xl\:float-left{float:left}.xl\:ml-2{margin-left:.5rem}.xl\:mr-4{margin-right:1rem}.xl\:w-64{width:16rem}}.content{& h1,& h2,& h3,& h4,& p,& img,& ul,& ol{margin-bottom:1em}& ul,& ol{margin-left:1em}& h1{margin-bottom:0;font-size:2.6rem}& h2{color:var(--color-header);text-align:center;justify-content:center;align-items:center;gap:12px;margin:1.5em 0;font-size:2.6rem;line-height:40px;display:flex;&:before{content:"=== "}&:after{content:" ==="}}& h3{color:var(--color-header);margin:1.5em 0 1em;font-size:2.1rem;&:before{content:"> "}}& h4{color:var(--color-header);margin:1.5em 0 1em;font-size:1.8rem;&:before{content:">> "}}& ul{list-style-type:"*";list-style-position:outside;&>li{padding-left:.5em;&::marker{font-family:var(--font-code)}}}& em{color:pink;text-transform:none;font-style:italic}& strong{color:#ff004d}& code{color:#00e232}& ol{list-style-type:decimal;list-style-position:inside}&>*{margin-bottom:1em}& pre,& code{font-style:italic;font-family:var(--font-body);margin:2em auto}& a,& .link{color:#ffe727;text-decoration:none}& .without-margin{margin-top:-24px;margin-left:-24px;margin-right:-24px}& blockquote{border-left:8px solid #fff;padding-left:1em}&.break{white-space:break-spaces}& .skew-left{transform-origin:100% 0;transform:skewY(-1deg)}& .skew-right{transform-origin:0 0;transform:skewY(1deg)}& .no-skew{&.no-skew-padding{padding:0 32px}.block.with-padding &{margin:3em -32px 2em}.block.skew &{transform-origin:100% 0;margin:3em 0 2em;transform:skewY(2deg)}& .no-skew{padding:0;.block.with-padding &{margin:0}.block.skew &{transform:none}}}&.small{max-width:600px;margin-left:auto;margin-right:auto}&.no-margin,& :last-child{margin-bottom:0}& pre.astro-code{border:4px solid #fff;border-bottom-width:1em;background-color:#0006!important;padding:1em 4px!important;overflow-x:scroll!important;& *{font-family:var(--font-code)!important}&[data-language=ts]{margin:1em -1em!important;@media (width>=600px){margin:1em calc(300px - 50vw - 1rem)!important}@media (width>=850px){margin:1em -320px 1em 0!important}}}& p:has(pre.astro-code){padding:100px}& p:has(.center){text-align:center}& .center{margin:auto}& pre.center{text-align:center}&.remark-first-paragraph{&>p:first-child{border-left:8px solid #fff;padding-left:1em}}}.section-header{text-align:center;margin-bottom:1em;font-size:3rem;@media (width>=640px){font-size:3em}}button.button{background-color:#fefefe;&:hover,&:active{background-color:#fff}}.webgl-model{background-color:#000;position:relative;&.mobile{margin-left:-24px;margin-right:-24px}& select{font-family:var(--font-code);color:#fff;cursor:pointer;appearance:none;z-index:1;background-color:#000;border:8px solid #fff;outline:none;padding:2px 8px;font-size:18px;position:absolute;bottom:0;right:0}& select:focus{outline:none}& select:after{content:"▼";pointer-events:none;position:absolute;right:10px}& canvas{border:8px solid #fff}}video{background-color:#fff;border:8px solid #fff;width:100%}.pixelated{image-rendering:pixelated}.pixel-icon{vertical-align:middle;margin-top:-.15em;display:inline-block}.h-100{height:100%}.tooltip{position:relative;&:before{content:"";opacity:0;height:0;padding:0;transition:opacity .4s step-end,height .4s step-end;position:fixed}&:after{content:"";opacity:0;transition:all .4s step-end}&:hover{&:before{content:attr(data-tooltip);z-index:2147483647;color:#fff;text-align:center;opacity:1;background:#000;border:1px solid #fff;justify-content:center;align-items:center;width:250px;height:300px;padding:10px;display:flex;position:fixed;top:-310px;left:calc(50% - 130px);overflow:hidden}&:after{content:"▼";opacity:1;position:absolute;top:-22px;left:50%}}}.bordered{&.sm{clip-path:polygon(0 calc(100% - 24px),6px calc(100% - 24px),6px calc(100% - 18px),12px calc(100% - 18px),12px calc(100% - 12px),18px calc(100% - 12px),18px calc(100% - 6px),24px calc(100% - 6px),24px 100%,calc(100% - 24px) 100%,calc(100% - 24px) calc(100% - 6px),calc(100% - 18px) calc(100% - 6px),calc(100% - 18px) calc(100% - 12px),calc(100% - 12px) calc(100% - 12px),calc(100% - 12px) calc(100% - 18px),calc(100% - 6px) calc(100% - 18px),calc(100% - 6px) calc(100% - 24px),100% calc(100% - 24px),100% 24px,calc(100% - 6px) 24px,calc(100% - 6px) 18px,calc(100% - 12px) 18px,calc(100% - 12px) 12px,calc(100% - 18px) 12px,calc(100% - 18px) 6px,calc(100% - 24px) 6px,calc(100% - 24px) 0,24px 0,24px 6px,18px 6px,18px 12px,12px 12px,12px 18px,6px 18px,6px 24px,0 24px)}&.md{clip-path:polygon(0 calc(100% - 36px),9px calc(100% - 36px),9px calc(100% - 27px),18px calc(100% - 27px),18px calc(100% - 18px),27px calc(100% - 18px),27px calc(100% - 9px),36px calc(100% - 9px),36px 100%,calc(100% - 36px) 100%,calc(100% - 36px) calc(100% - 9px),calc(100% - 27px) calc(100% - 9px),calc(100% - 27px) calc(100% - 18px),calc(100% - 18px) calc(100% - 18px),calc(100% - 18px) calc(100% - 27px),calc(100% - 9px) calc(100% - 27px),calc(100% - 9px) calc(100% - 36px),100% calc(100% - 36px),100% 36px,calc(100% - 9px) 36px,calc(100% - 9px) 27px,calc(100% - 18px) 27px,calc(100% - 18px) 18px,calc(100% - 27px) 18px,calc(100% - 27px) 9px,calc(100% - 36px) 9px,calc(100% - 36px) 0,36px 0,36px 9px,27px 9px,27px 18px,18px 18px,18px 27px,9px 27px,9px 36px,0 36px)}&.lg{clip-path:polygon(0 calc(100% - 48px),12px calc(100% - 48px),12px calc(100% - 36px),24px calc(100% - 36px),24px calc(100% - 24px),36px calc(100% - 24px),36px calc(100% - 12px),48px calc(100% - 12px),48px 100%,calc(100% - 48px) 100%,calc(100% - 48px) calc(100% - 12px),calc(100% - 36px) calc(100% - 12px),calc(100% - 36px) calc(100% - 24px),calc(100% - 24px) calc(100% - 24px),calc(100% - 24px) calc(100% - 36px),calc(100% - 12px) calc(100% - 36px),calc(100% - 12px) calc(100% - 48px),100% calc(100% - 48px),100% 48px,calc(100% - 12px) 48px,calc(100% - 12px) 36px,calc(100% - 24px) 36px,calc(100% - 24px) 24px,calc(100% - 36px) 24px,calc(100% - 36px) 12px,calc(100% - 48px) 12px,calc(100% - 48px) 0,48px 0,48px 12px,36px 12px,36px 24px,24px 24px,24px 36px,12px 36px,12px 48px,0 48px)}&.responsive{clip-path:polygon(0 calc(100% - 24px),6px calc(100% - 24px),6px calc(100% - 18px),12px calc(100% - 18px),12px calc(100% - 12px),18px calc(100% - 12px),18px calc(100% - 6px),24px calc(100% - 6px),24px 100%,calc(100% - 24px) 100%,calc(100% - 24px) calc(100% - 6px),calc(100% - 18px) calc(100% - 6px),calc(100% - 18px) calc(100% - 12px),calc(100% - 12px) calc(100% - 12px),calc(100% - 12px) calc(100% - 18px),calc(100% - 6px) calc(100% - 18px),calc(100% - 6px) calc(100% - 24px),100% calc(100% - 24px),100% 24px,calc(100% - 6px) 24px,calc(100% - 6px) 18px,calc(100% - 12px) 18px,calc(100% - 12px) 12px,calc(100% - 18px) 12px,calc(100% - 18px) 6px,calc(100% - 24px) 6px,calc(100% - 24px) 0,24px 0,24px 6px,18px 6px,18px 12px,12px 12px,12px 18px,6px 18px,6px 24px,0 24px);@media (width>=768px){clip-path:polygon(0 calc(100% - 36px),9px calc(100% - 36px),9px calc(100% - 27px),18px calc(100% - 27px),18px calc(100% - 18px),27px calc(100% - 18px),27px calc(100% - 9px),36px calc(100% - 9px),36px 100%,calc(100% - 36px) 100%,calc(100% - 36px) calc(100% - 9px),calc(100% - 27px) calc(100% - 9px),calc(100% - 27px) calc(100% - 18px),calc(100% - 18px) calc(100% - 18px),calc(100% - 18px) calc(100% - 27px),calc(100% - 9px) calc(100% - 27px),calc(100% - 9px) calc(100% - 36px),100% calc(100% - 36px),100% 36px,calc(100% - 9px) 36px,calc(100% - 9px) 27px,calc(100% - 18px) 27px,calc(100% - 18px) 18px,calc(100% - 27px) 18px,calc(100% - 27px) 9px,calc(100% - 36px) 9px,calc(100% - 36px) 0,36px 0,36px 9px,27px 9px,27px 18px,18px 18px,18px 27px,9px 27px,9px 36px,0 36px)}@media (width>=1200px){clip-path:polygon(0 calc(100% - 48px),12px calc(100% - 48px),12px calc(100% - 36px),24px calc(100% - 36px),24px calc(100% - 24px),36px calc(100% - 24px),36px calc(100% - 12px),48px calc(100% - 12px),48px 100%,calc(100% - 48px) 100%,calc(100% - 48px) calc(100% - 12px),calc(100% - 36px) calc(100% - 12px),calc(100% - 36px) calc(100% - 24px),calc(100% - 24px) calc(100% - 24px),calc(100% - 24px) calc(100% - 36px),calc(100% - 12px) calc(100% - 36px),calc(100% - 12px) calc(100% - 48px),100% calc(100% - 48px),100% 48px,calc(100% - 12px) 48px,calc(100% - 12px) 36px,calc(100% - 24px) 36px,calc(100% - 24px) 24px,calc(100% - 36px) 24px,calc(100% - 36px) 12px,calc(100% - 48px) 12px,calc(100% - 48px) 0,48px 0,48px 12px,36px 12px,36px 24px,24px 24px,24px 36px,12px 36px,12px 48px,0 48px)}}}.circled{&.sm{clip-path:polygon(0 calc(100% - 84px),6px calc(100% - 84px),6px calc(100% - 66px),12px calc(100% - 66px),12px calc(100% - 54px),18px calc(100% - 54px),18px calc(100% - 42px),24px calc(100% - 42px),24px calc(100% - 36px),30px calc(100% - 36px),30px calc(100% - 30px),36px calc(100% - 30px),36px calc(100% - 24px),42px calc(100% - 24px),42px calc(100% - 18px),54px calc(100% - 18px),54px calc(100% - 12px),66px calc(100% - 12px),66px calc(100% - 6px),84px calc(100% - 6px),84px 100%,calc(100% - 84px) 100%,calc(100% - 84px) calc(100% - 6px),calc(100% - 66px) calc(100% - 6px),calc(100% - 66px) calc(100% - 12px),calc(100% - 54px) calc(100% - 12px),calc(100% - 54px) calc(100% - 18px),calc(100% - 42px) calc(100% - 18px),calc(100% - 42px) calc(100% - 24px),calc(100% - 36px) calc(100% - 24px),calc(100% - 36px) calc(100% - 30px),calc(100% - 30px) calc(100% - 30px),calc(100% - 30px) calc(100% - 36px),calc(100% - 24px) calc(100% - 36px),calc(100% - 24px) calc(100% - 42px),calc(100% - 18px) calc(100% - 42px),calc(100% - 18px) calc(100% - 54px),calc(100% - 12px) calc(100% - 54px),calc(100% - 12px) calc(100% - 66px),calc(100% - 6px) calc(100% - 66px),calc(100% - 6px) calc(100% - 84px),100% calc(100% - 84px),100% 84px,calc(100% - 6px) 84px,calc(100% - 6px) 66px,calc(100% - 12px) 66px,calc(100% - 12px) 54px,calc(100% - 18px) 54px,calc(100% - 18px) 42px,calc(100% - 24px) 42px,calc(100% - 24px) 36px,calc(100% - 30px) 36px,calc(100% - 30px) 30px,calc(100% - 36px) 30px,calc(100% - 36px) 24px,calc(100% - 42px) 24px,calc(100% - 42px) 18px,calc(100% - 54px) 18px,calc(100% - 54px) 12px,calc(100% - 66px) 12px,calc(100% - 66px) 6px,calc(100% - 84px) 6px,calc(100% - 84px) 0,84px 0,84px 6px,66px 6px,66px 12px,54px 12px,54px 18px,42px 18px,42px 24px,36px 24px,36px 30px,30px 30px,30px 36px,24px 36px,24px 42px,18px 42px,18px 54px,12px 54px,12px 66px,6px 66px,6px 84px,0 84px)}&.md{clip-path:polygon(0 calc(100% - 126px),9px calc(100% - 126px),9px calc(100% - 99px),18px calc(100% - 99px),18px calc(100% - 81px),27px calc(100% - 81px),27px calc(100% - 63px),36px calc(100% - 63px),36px calc(100% - 54px),45px calc(100% - 54px),45px calc(100% - 45px),54px calc(100% - 45px),54px calc(100% - 36px),63px calc(100% - 36px),63px calc(100% - 27px),81px calc(100% - 27px),81px calc(100% - 18px),99px calc(100% - 18px),99px calc(100% - 9px),126px calc(100% - 9px),126px 100%,calc(100% - 126px) 100%,calc(100% - 126px) calc(100% - 9px),calc(100% - 99px) calc(100% - 9px),calc(100% - 99px) calc(100% - 18px),calc(100% - 81px) calc(100% - 18px),calc(100% - 81px) calc(100% - 27px),calc(100% - 63px) calc(100% - 27px),calc(100% - 63px) calc(100% - 36px),calc(100% - 54px) calc(100% - 36px),calc(100% - 54px) calc(100% - 45px),calc(100% - 45px) calc(100% - 45px),calc(100% - 45px) calc(100% - 54px),calc(100% - 36px) calc(100% - 54px),calc(100% - 36px) calc(100% - 63px),calc(100% - 27px) calc(100% - 63px),calc(100% - 27px) calc(100% - 81px),calc(100% - 18px) calc(100% - 81px),calc(100% - 18px) calc(100% - 99px),calc(100% - 9px) calc(100% - 99px),calc(100% - 9px) calc(100% - 126px),100% calc(100% - 126px),100% 126px,calc(100% - 9px) 126px,calc(100% - 9px) 99px,calc(100% - 18px) 99px,calc(100% - 18px) 81px,calc(100% - 27px) 81px,calc(100% - 27px) 63px,calc(100% - 36px) 63px,calc(100% - 36px) 54px,calc(100% - 45px) 54px,calc(100% - 45px) 45px,calc(100% - 54px) 45px,calc(100% - 54px) 36px,calc(100% - 63px) 36px,calc(100% - 63px) 27px,calc(100% - 81px) 27px,calc(100% - 81px) 18px,calc(100% - 99px) 18px,calc(100% - 99px) 9px,calc(100% - 126px) 9px,calc(100% - 126px) 0,126px 0,126px 9px,99px 9px,99px 18px,81px 18px,81px 27px,63px 27px,63px 36px,54px 36px,54px 45px,45px 45px,45px 54px,36px 54px,36px 63px,27px 63px,27px 81px,18px 81px,18px 99px,9px 99px,9px 126px,0 126px)}&.lg{clip-path:polygon(0 calc(100% - 168px),12px calc(100% - 168px),12px calc(100% - 132px),24px calc(100% - 132px),24px calc(100% - 108px),36px calc(100% - 108px),36px calc(100% - 84px),48px calc(100% - 84px),48px calc(100% - 72px),60px calc(100% - 72px),60px calc(100% - 60px),72px calc(100% - 60px),72px calc(100% - 48px),84px calc(100% - 48px),84px calc(100% - 36px),108px calc(100% - 36px),108px calc(100% - 24px),132px calc(100% - 24px),132px calc(100% - 12px),168px calc(100% - 12px),168px 100%,calc(100% - 168px) 100%,calc(100% - 168px) calc(100% - 12px),calc(100% - 132px) calc(100% - 12px),calc(100% - 132px) calc(100% - 24px),calc(100% - 108px) calc(100% - 24px),calc(100% - 108px) calc(100% - 36px),calc(100% - 84px) calc(100% - 36px),calc(100% - 84px) calc(100% - 48px),calc(100% - 72px) calc(100% - 48px),calc(100% - 72px) calc(100% - 60px),calc(100% - 60px) calc(100% - 60px),calc(100% - 60px) calc(100% - 72px),calc(100% - 48px) calc(100% - 72px),calc(100% - 48px) calc(100% - 84px),calc(100% - 36px) calc(100% - 84px),calc(100% - 36px) calc(100% - 108px),calc(100% - 24px) calc(100% - 108px),calc(100% - 24px) calc(100% - 132px),calc(100% - 12px) calc(100% - 132px),calc(100% - 12px) calc(100% - 168px),100% calc(100% - 168px),100% 168px,calc(100% - 12px) 168px,calc(100% - 12px) 132px,calc(100% - 24px) 132px,calc(100% - 24px) 108px,calc(100% - 36px) 108px,calc(100% - 36px) 84px,calc(100% - 48px) 84px,calc(100% - 48px) 72px,calc(100% - 60px) 72px,calc(100% - 60px) 60px,calc(100% - 72px) 60px,calc(100% - 72px) 48px,calc(100% - 84px) 48px,calc(100% - 84px) 36px,calc(100% - 108px) 36px,calc(100% - 108px) 24px,calc(100% - 132px) 24px,calc(100% - 132px) 12px,calc(100% - 168px) 12px,calc(100% - 168px) 0,168px 0,168px 12px,132px 12px,132px 24px,108px 24px,108px 36px,84px 36px,84px 48px,72px 48px,72px 60px,60px 60px,60px 72px,48px 72px,48px 84px,36px 84px,36px 108px,24px 108px,24px 132px,12px 132px,12px 168px,0 168px)}&.mask{mask-image:url(/image/circle.png);mask-position:50%;mask-size:contain;mask-repeat:no-repeat}&.responsive{clip-path:polygon(0 calc(100% - 84px),6px calc(100% - 84px),6px calc(100% - 66px),12px calc(100% - 66px),12px calc(100% - 54px),18px calc(100% - 54px),18px calc(100% - 42px),24px calc(100% - 42px),24px calc(100% - 36px),30px calc(100% - 36px),30px calc(100% - 30px),36px calc(100% - 30px),36px calc(100% - 24px),42px calc(100% - 24px),42px calc(100% - 18px),54px calc(100% - 18px),54px calc(100% - 12px),66px calc(100% - 12px),66px calc(100% - 6px),84px calc(100% - 6px),84px 100%,calc(100% - 84px) 100%,calc(100% - 84px) calc(100% - 6px),calc(100% - 66px) calc(100% - 6px),calc(100% - 66px) calc(100% - 12px),calc(100% - 54px) calc(100% - 12px),calc(100% - 54px) calc(100% - 18px),calc(100% - 42px) calc(100% - 18px),calc(100% - 42px) calc(100% - 24px),calc(100% - 36px) calc(100% - 24px),calc(100% - 36px) calc(100% - 30px),calc(100% - 30px) calc(100% - 30px),calc(100% - 30px) calc(100% - 36px),calc(100% - 24px) calc(100% - 36px),calc(100% - 24px) calc(100% - 42px),calc(100% - 18px) calc(100% - 42px),calc(100% - 18px) calc(100% - 54px),calc(100% - 12px) calc(100% - 54px),calc(100% - 12px) calc(100% - 66px),calc(100% - 6px) calc(100% - 66px),calc(100% - 6px) calc(100% - 84px),100% calc(100% - 84px),100% 84px,calc(100% - 6px) 84px,calc(100% - 6px) 66px,calc(100% - 12px) 66px,calc(100% - 12px) 54px,calc(100% - 18px) 54px,calc(100% - 18px) 42px,calc(100% - 24px) 42px,calc(100% - 24px) 36px,calc(100% - 30px) 36px,calc(100% - 30px) 30px,calc(100% - 36px) 30px,calc(100% - 36px) 24px,calc(100% - 42px) 24px,calc(100% - 42px) 18px,calc(100% - 54px) 18px,calc(100% - 54px) 12px,calc(100% - 66px) 12px,calc(100% - 66px) 6px,calc(100% - 84px) 6px,calc(100% - 84px) 0,84px 0,84px 6px,66px 6px,66px 12px,54px 12px,54px 18px,42px 18px,42px 24px,36px 24px,36px 30px,30px 30px,30px 36px,24px 36px,24px 42px,18px 42px,18px 54px,12px 54px,12px 66px,6px 66px,6px 84px,0 84px);@media (width>=768px){clip-path:polygon(0 calc(100% - 126px),9px calc(100% - 126px),9px calc(100% - 99px),18px calc(100% - 99px),18px calc(100% - 81px),27px calc(100% - 81px),27px calc(100% - 63px),36px calc(100% - 63px),36px calc(100% - 54px),45px calc(100% - 54px),45px calc(100% - 45px),54px calc(100% - 45px),54px calc(100% - 36px),63px calc(100% - 36px),63px calc(100% - 27px),81px calc(100% - 27px),81px calc(100% - 18px),99px calc(100% - 18px),99px calc(100% - 9px),126px calc(100% - 9px),126px 100%,calc(100% - 126px) 100%,calc(100% - 126px) calc(100% - 9px),calc(100% - 99px) calc(100% - 9px),calc(100% - 99px) calc(100% - 18px),calc(100% - 81px) calc(100% - 18px),calc(100% - 81px) calc(100% - 27px),calc(100% - 63px) calc(100% - 27px),calc(100% - 63px) calc(100% - 36px),calc(100% - 54px) calc(100% - 36px),calc(100% - 54px) calc(100% - 45px),calc(100% - 45px) calc(100% - 45px),calc(100% - 45px) calc(100% - 54px),calc(100% - 36px) calc(100% - 54px),calc(100% - 36px) calc(100% - 63px),calc(100% - 27px) calc(100% - 63px),calc(100% - 27px) calc(100% - 81px),calc(100% - 18px) calc(100% - 81px),calc(100% - 18px) calc(100% - 99px),calc(100% - 9px) calc(100% - 99px),calc(100% - 9px) calc(100% - 126px),100% calc(100% - 126px),100% 126px,calc(100% - 9px) 126px,calc(100% - 9px) 99px,calc(100% - 18px) 99px,calc(100% - 18px) 81px,calc(100% - 27px) 81px,calc(100% - 27px) 63px,calc(100% - 36px) 63px,calc(100% - 36px) 54px,calc(100% - 45px) 54px,calc(100% - 45px) 45px,calc(100% - 54px) 45px,calc(100% - 54px) 36px,calc(100% - 63px) 36px,calc(100% - 63px) 27px,calc(100% - 81px) 27px,calc(100% - 81px) 18px,calc(100% - 99px) 18px,calc(100% - 99px) 9px,calc(100% - 126px) 9px,calc(100% - 126px) 0,126px 0,126px 9px,99px 9px,99px 18px,81px 18px,81px 27px,63px 27px,63px 36px,54px 36px,54px 45px,45px 45px,45px 54px,36px 54px,36px 63px,27px 63px,27px 81px,18px 81px,18px 99px,9px 99px,9px 126px,0 126px)}@media (width>=1200px){clip-path:polygon(0 calc(100% - 168px),12px calc(100% - 168px),12px calc(100% - 132px),24px calc(100% - 132px),24px calc(100% - 108px),36px calc(100% - 108px),36px calc(100% - 84px),48px calc(100% - 84px),48px calc(100% - 72px),60px calc(100% - 72px),60px calc(100% - 60px),72px calc(100% - 60px),72px calc(100% - 48px),84px calc(100% - 48px),84px calc(100% - 36px),108px calc(100% - 36px),108px calc(100% - 24px),132px calc(100% - 24px),132px calc(100% - 12px),168px calc(100% - 12px),168px 100%,calc(100% - 168px) 100%,calc(100% - 168px) calc(100% - 12px),calc(100% - 132px) calc(100% - 12px),calc(100% - 132px) calc(100% - 24px),calc(100% - 108px) calc(100% - 24px),calc(100% - 108px) calc(100% - 36px),calc(100% - 84px) calc(100% - 36px),calc(100% - 84px) calc(100% - 48px),calc(100% - 72px) calc(100% - 48px),calc(100% - 72px) calc(100% - 60px),calc(100% - 60px) calc(100% - 60px),calc(100% - 60px) calc(100% - 72px),calc(100% - 48px) calc(100% - 72px),calc(100% - 48px) calc(100% - 84px),calc(100% - 36px) calc(100% - 84px),calc(100% - 36px) calc(100% - 108px),calc(100% - 24px) calc(100% - 108px),calc(100% - 24px) calc(100% - 132px),calc(100% - 12px) calc(100% - 132px),calc(100% - 12px) calc(100% - 168px),100% calc(100% - 168px),100% 168px,calc(100% - 12px) 168px,calc(100% - 12px) 132px,calc(100% - 24px) 132px,calc(100% - 24px) 108px,calc(100% - 36px) 108px,calc(100% - 36px) 84px,calc(100% - 48px) 84px,calc(100% - 48px) 72px,calc(100% - 60px) 72px,calc(100% - 60px) 60px,calc(100% - 72px) 60px,calc(100% - 72px) 48px,calc(100% - 84px) 48px,calc(100% - 84px) 36px,calc(100% - 108px) 36px,calc(100% - 108px) 24px,calc(100% - 132px) 24px,calc(100% - 132px) 12px,calc(100% - 168px) 12px,calc(100% - 168px) 0,168px 0,168px 12px,132px 12px,132px 24px,108px 24px,108px 36px,84px 36px,84px 48px,72px 48px,72px 60px,60px 60px,60px 72px,48px 72px,48px 84px,36px 84px,36px 108px,24px 108px,24px 132px,12px 132px,12px 168px,0 168px)}}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.layer[data-astro-cid-x3xqx3po]{background-repeat:repeat-x;background-size:contain;position:absolute;left:0;right:0;image-rendering:pixelated!important}.layerTop[data-astro-cid-x3xqx3po]{background-position:top}.layerBottom[data-astro-cid-x3xqx3po]{background-position:bottom}.backgroundContainer[data-astro-cid-x3xqx3po]{z-index:-1;user-select:none;height:100vh;transition:opacity .4s ease-in;position:fixed;top:0;left:0;right:0}.background[data-astro-cid-x3xqx3po]{height:70vh;max-height:60vw;bottom:10vh}.moon[data-astro-cid-x3xqx3po]{background-position:100% 0;background-repeat:no-repeat;height:20vh;top:5vw;right:5vw}.cloudsFar[data-astro-cid-x3xqx3po]{background-size:contain;width:200vw;height:20vh;animation:500s steps(500,end) infinite moveRight;top:0;left:-100vw}.cloudsNear[data-astro-cid-x3xqx3po]{background-size:contain;width:200vw;height:20vh;animation:10s steps(10,end) infinite moveRight;bottom:20vh;left:-100vw}.mountainFar[data-astro-cid-x3xqx3po]{background-position:100% 100%;background-size:contain;height:60vh;bottom:14vh;left:0;right:0}.mountainFarCover[data-astro-cid-x3xqx3po]{background-repeat:repeat;height:15vh;bottom:0;left:0;right:0}.mountainsNear[data-astro-cid-x3xqx3po]{background-position:100% 100%;background-size:contain;height:40vh;bottom:0;left:0;right:0}.treesFar[data-astro-cid-x3xqx3po]{background-position:100% 100%;background-size:contain;width:calc(100vw + 20px);max-width:100vw;height:30vh;bottom:0;left:0}.treesNear[data-astro-cid-x3xqx3po]{background-position:100% 100%;background-size:contain;width:calc(100vw + 20px);max-width:100vw;height:30vh;animation:4s step-end infinite pivot;bottom:0;left:0}.crt-scanlines[data-astro-cid-x3xqx3po]{z-index:100000;pointer-events:none;background:linear-gradient(#10101000 50%,#6450501a 50%) 0 0/100% 10px,linear-gradient(90deg,#ff00000f,#0000ff0f,#0000ff0f) 0 0/4px 100%;position:fixed;inset:0}@media (width<=640px){.backgroundContainer[data-astro-cid-x3xqx3po]{height:90vh}.background[data-astro-cid-x3xqx3po]{bottom:0}.mountainFar[data-astro-cid-x3xqx3po]{bottom:10vh}.mountainFarCover[data-astro-cid-x3xqx3po]{height:11vh}.cloudsNear[data-astro-cid-x3xqx3po]{height:10vh;bottom:12vh}}@keyframes moveRight{0%{transform:translate(0,0)}to{transform:translate(100vw)}}@keyframes pivot{0%{transform:translate(-5px,-1px)}50%{transform:translate(1px)}to{transform:translate(-5px,-1px)}}.socialLinks[data-astro-cid-y2ykw6m6]{align-items:center;justify-content:var(--align);gap:1em;display:flex;& img{width:50px;height:50px}& .icon{color:#fff;filter:grayscale(50%);font-size:50px;display:inline-block}& a{justify-content:center;align-items:center;width:50px;height:50px;display:flex;& .icon.text{margin-top:10px;line-height:45px}&:hover{cursor:pointer;& .icon{filter:grayscale(0%)saturate(500%);transform:translateY(-5px)}}}&.absolute{z-index:100;gap:.5em;position:absolute;top:1em;right:1em;& a:hover .icon{transform:translateY(10px)}}&.grey{& a .icon{filter:grayscale()}& a:hover .icon{filter:grayscale(0%)saturate(500%)}}@media (width<=640px){flex-direction:row;justify-content:space-evenly;align-items:center;gap:0;width:100%;display:flex;left:0;& a{& .icon{width:40px;height:40px;font-size:40px;&.text{margin-top:5px;line-height:40px}}}}@media only print{display:none}}.footer[data-astro-cid-qs723wb2]{color:#fff;align-items:center;width:100%;margin-top:50vh;display:block;position:relative;overflow:hidden;& .footerOverlay{z-index:-1;opacity:.9;background:#07080d;position:absolute;inset:300px 0 0}& .footerOverlayFigure{width:100vw;max-width:100vw;height:400px;image-rendering:pixelated;background-position:0 100%;background-repeat:repeat-x;background-size:contain;position:absolute;top:-300px;left:0;right:0}@media (width<=1600px){& .footerOverlay{top:250px}& .footerOverlayFigure.figureTop{background-size:contain;width:100vw;height:30vh;top:-29vh}}@media (width<=850px){& .footerOverlay{top:150px}& .footerOverlayFigure.figureTop{background-size:contain;width:100vw;height:200px;top:-190px;background-size:850px!important}}}.footerContainer[data-astro-cid-qs723wb2]{flex-direction:column;gap:2em;min-height:125vh;margin-top:4em;padding:15vh 0;display:flex}.avatar[data-astro-cid-qs723wb2]{justify-content:center;align-items:center;display:flex;& .speechBubble{border-bottom:4px solid #fff;border-right:8px solid #fff;max-width:200px;margin:0 24px;padding:1em;display:inline-block;position:relative}& .speechBubble:after{content:"►";font-size:3rem;line-height:10px;position:absolute;top:2em;right:-.5em}}.avatar[data-astro-cid-qs723wb2] img[data-astro-cid-qs723wb2]{width:290px;height:290px}.image[data-astro-cid-qs723wb2]{filter:grayscale()}.linksContainer[data-astro-cid-qs723wb2]{flex-wrap:wrap;justify-content:center;gap:1em;margin:0 -2em;display:flex;& .links{flex-basis:180px;margin:0 2em}& .links h2{text-transform:uppercase;margin-bottom:.5em;line-height:1em;&:hover{color:#ffe727}}& .links nav{flex-direction:column;display:flex}& .links nav a{padding-left:1.5em;position:relative;& h3{font-size:.9em;line-height:1.25em}&.active,&:hover{color:#ffe727}}& .links nav a:before{content:"├─ ";position:absolute;left:0}& .links nav a:last-child:before{content:"└─ "}}@media (width<=640px){.avatar[data-astro-cid-qs723wb2]{flex-direction:column-reverse;& .speechBubble{border:none;border-top:8px solid #fff;border-left:4px solid #fff;margin:24px 0}& .speechBubble:after{content:"▲";top:-1rem;left:.5em;right:auto}}.linksContainer[data-astro-cid-qs723wb2]{margin:0;& .links{flex:1}}}@media (width<=850px){.footerContainer[data-astro-cid-qs723wb2]{margin-top:0}}@font-face{font-weight:400;font-style:normal;font-family:CompassGoldTitle;src:url(/fonts/CompassGold.woff)format("woff");font-display:block}@font-face{font-weight:400;font-style:normal;font-family:CompassGold;size-adjust:130%;src:url(/fonts/CompassGold.woff)format("woff");font-display:block}@font-face{font-weight:400;font-style:normal;font-family:DOS;src:url(/fonts/DOS.woff)format("woff");font-display:block}@font-face{font-family:og-emoji;src:url(/fonts/og-dcm-emoji.ttf);size-adjust:90%;font-display:block}:root{--accent:136, 58, 234;--accent-light:224, 204, 250;--accent-dark:49, 10, 101;--accent-gradient:linear-gradient(45deg, rgb(var(--accent)), rgb(var(--accent-light)) 30%, white 60%);--font-heading-no-scale:"CompassGoldTitle", "DOS", og-emoji, monospace;--font-heading:"CompassGold", "DOS", og-emoji, monospace;--font-body:"CompassGold", "DOS", og-emoji, monospace;--font-code:"DOS", og-emoji, monospace;--color-header:#fff0f9}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}body{font-family:var(--font-body)}body.transition{& footer{opacity:0}}body{font-size:20px}@media only print{.web-only{display:none}}.page-wrapper{color:#fff;align-items:center;width:100%;padding:4rem 0;display:block;position:relative;&.full{min-height:100vh}&.color{background:#08080eaa}&.limited{max-width:600px}}hr{border-width:2px;margin:1em 0}.skew,.skew-left{transform-origin:100% 0;transform:skewY(-2deg)}.skew-right{transform-origin:0 0;transform:skewY(2deg)}body{overflow:overlay;font-size:24px;font-family:var(--font-body);overflow-wrap:break-word;hyphens:none;background-color:#08080e;overflow-x:hidden}.hypens{hyphens:auto}::-webkit-scrollbar{border-radius:0;width:5px;height:5px}::-webkit-scrollbar-thumb{background:#fff;border-radius:0}::-webkit-scrollbar-track{background:#08080e;border-radius:0}.font-header{font-family:var(--font-heading)}.page{min-height:calc(100vh - 500px)}.page-enter-active{transition:all .3s ease-in-out .3s}.page-leave-active{transition:all .3s ease-in-out}.page-enter,.page-leave-to{opacity:0;transform:translate(10px)}h1,h2,h3,h4,h5{font-family:var(--font-heading);line-height:1em}.link{position:relative;outline:none!important;&:hover:before,&.active:before{display:block}}img{pointer-events:none;user-select:none!important}nav.px-mobile,p.px-mobile,div.px-mobile{@media (width<=640px){padding-left:.5rem;padding-right:.5rem;& p.px-mobile,& div.px-mobile{padding-left:0;padding-right:0}}}.pswp__bg{background-color:#fff}.green{color:#00e232}.red{color:#ff004d}.yellow{color:#ffe727}.wrapper{min-height:100vh;position:relative}.list-item{margin-right:10px;display:inline-block}.list-enter-active,.list-leave-active{transition:all 1s}.list-enter,.list-leave-to{opacity:0;transform:translateY(30px)}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition-property:height,opacity,transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.55,0,.1,1);overflow:hidden}.slide-left-enter,.slide-right-leave-active{opacity:0;transform:translate(2em)}.slide-left-leave-active,.slide-right-enter{opacity:0;transform:translate(-2em)}.more-container{text-align:center;margin-top:1em}@media (width>=640px){.header{font-size:7vw}}@media (width>=1500px){.header{font-size:7em}}@keyframes header-color{0%{color:#fff}to{color:#ff004d}}.heading{text-align:center;margin:.5em 0;font-size:3rem;display:block}a:hover,a:focus,a:active{filter:brightness(1.1)saturate(1.5)}.timeAgo{font-size:.9em}.timeAgo:before{content:"✨ ";font-size:.9em}.languageCode:before{content:"<> ";color:#a88bcb;font-size:.9em}.yearsLearning:before{content:"📖 ";vertical-align:-5px}.linkWebsite:before{content:"➿ ";vertical-align:-5px}