:root{--clr-primary-hue:220;--clr-primary-sat:20%;--clr-primary-lum:5%;--clr-primary-base:var(--clr-primary-hue), var(--clr-primary-sat);--clr-secondary-hue:43;--clr-secondary-sat:43%;--clr-secondary-lum:95%;--clr-secondary-base:var(--clr-secondary-hue), var(--clr-secondary-sat);--clr-tertiary-hue:357;--clr-tertiary-sat:60%;--clr-tertiary-lum:45%;--clr-tertiary-base:var(--clr-tertiary-hue), var(--clr-tertiary-sat);--clr-primary:hsl(var(--clr-primary-base), var(--clr-primary-lum));--clr-secondary:hsl(var(--clr-secondary-base), var(--clr-secondary-lum));--clr-tertiary:hsl(var(--clr-tertiary-base), var(--clr-tertiary-lum));--darken-mul:.9;--darker-mul:.6;--darkest-mul:.4;--clr-darken-primary:hsl(var(--clr-primary-base), calc(var(--clr-primary-lum) * var(--darken-mul)));--clr-semi-transparent-darken-primary:hsla(var(--clr-primary-base), calc(var(--clr-primary-lum) * var(--darken-mul)), 70%);--clr-darker-primary:hsl(var(--clr-primary-base), calc(var(--clr-primary-lum) * var(--darker-mul)));--clr-semi-transparent-darker-primary:hsla(var(--clr-primary-base), calc(var(--clr-primary-lum) * var(--darker-mul)), 70%);--clr-darkest-primary:hsl(var(--clr-primary-base), calc(var(--clr-primary-lum) * var(--darkest-mul)));--clr-invisible-primary:hsla(var(--clr-primary-base), 0%, 0);--clr-invisible-darker-primary:hsla(var(--clr-primary-base), calc(var(--clr-primary-lum) * var(--darker-mul)), 0);--clr-invisible-darkest-primary:hsla(var(--clr-primary-base), calc(var(--clr-primary-lum) * var(--darkest-mul)), 0);--clr-transparent-darkest-primary:hsla(var(--clr-primary-base), calc(var(--clr-primary-lum) * var(--darkest-mul)), 50%);--clr-darken-secondary:hsl(var(--clr-secondary-base), calc(var(--clr-secondary-lum) * var(--darken-mul)));--clr-darker-secondary:hsl(var(--clr-secondary-base), calc(var(--clr-secondary-lum) * var(--darker-mul)));--clr-darkest-secondary:hsl(var(--clr-secondary-base), calc(var(--clr-secondary-lum) * var(--darkest-mul)));--clr-darken-tertiary:hsl(var(--clr-tertiary-base), calc(var(--clr-tertiary-lum) * var(--darken-mul)));--clr-darker-tertiary:hsl(var(--clr-tertiary-base), calc(var(--clr-tertiary-lum) * var(--darker-mul)));--clr-darkest-tertiary:hsl(var(--clr-tertiary-base), calc(var(--clr-tertiary-lum) * var(--darkest-mul)));--slight-mul:1.15;--lighter-mul:1.2;--lightest-mul:1.5;--clr-slight-primary:hsl(var(--clr-primary-base), calc(var(--clr-primary-lum) * var(--slight-mul)));--clr-lighter-primary:hsl(var(--clr-primary-base), calc(var(--clr-primary-lum) * var(--lighter-mul)));--clr-lightest-primary:hsl(var(--clr-primary-base), calc(var(--clr-primary-lum) * var(--lightest-mul)));--clr-slight-secondary:hsl(var(--clr-secondary-base), calc(var(--clr-secondary-lum) * var(--slight-mul)));--clr-lighter-secondary:hsl(var(--clr-secondary-base), calc(var(--clr-secondary-lum) * var(--lighter-mul)));--clr-lightest-secondary:hsl(var(--clr-secondary-base), calc(var(--clr-secondary-lum) * var(--lightest-mul)));--clr-slight-tertiary:hsl(var(--clr-tertiary-base), calc(var(--clr-tertiary-lum) * var(--slight-mul)));--clr-lighter-tertiary:hsl(var(--clr-tertiary-base), calc(var(--clr-tertiary-lum) * var(--lighter-mul)));--clr-lightest-tertiary:hsl(var(--clr-tertiary-base), calc(var(--clr-tertiary-lum) * var(--lightest-mul)));--clr-black:#000;--clr-barely-dark:#00000005;--clr-darken:#00000012;--clr-darker:#0000001f;--clr-darkest:hsla(0, 0%, 0%, calc(1 - var(--darkest-mul)));--clr-invisible:#0000;--clr-lightest:#ffffff05;--clr-slight:#ffffff18;--clr-light:#fff3;--clr-lighter:#fff4;--clr-off-grey:#babababb;--clr-off-white:#ffffffe6;--clr-slack-blue:#4a99cd;--clr-white:#fff;--clr-grey:grey;--clr-blue:var(--clr-slack-blue);--clr-pink:#e9c8f9;--clr-bg:var(--clr-primary);--clr-text:var(--clr-secondary);--clr-cta:var(--clr-tertiary);--clr-cta-hover:var(--clr-darker-tertiary);--clr-cta-activated:var(--clr-darker-tertiary);--clr-link:var(--clr-cta);--clr-link-hover:var(--clr-cta-hover);--clr-code:var(--clr-darker-secondary);--clr-comment:var(--clr-darkest);--clr-mention:var(--clr-secondary);--clr-semi-transparent-background:hsla(var(--clr-primary-base), var(--clr-primary-lum), .8);--clr-transparent-background:hsla(var(--clr-primary-base), var(--clr-primary-lum), 0);--clr-contrast-bg-semi-transparent:hsla(var(--clr-primary-base), calc(var(--clr-primary-lum) * var(--darker-mul)), .8);--clr-contrast-bg:var(--clr-darken-primary);--clr-contrast-fg:var(--clr-lighten-secondary);--clr-sun-core:var(--clr-semi-transparent-darken-primary);--clr-special-green:#7aff99}
@font-face{font-family:cousine_regular;src:url(/font/monospace_cousine/Cousine-Regular.ttf)}@font-face{font-family:cousine_bold;src:url(/font/monospace_cousine/Cousine-Bold.ttf)}@font-face{font-family:cute_font;src:url(/font/barlow_semi_condensed/BarlowSemiCondensed-Regular.ttf)}@font-face{font-family:barlow_semi_condensed_bold;src:url(/font/barlow_semi_condensed/BarlowSemiCondensed-Bold.ttf)}@font-face{font-family:barlow_semi_condensed;src:url(/font/barlow_semi_condensed/BarlowSemiCondensed-Regular.ttf)}@font-face{font-family:barlow_semi_condensed_light;src:url(/font/barlow_semi_condensed/BarlowSemiCondensed-Light.ttf)}@font-face{font-family:stampa;src:url(/font/stampa/stampa.woff2)format("woff2");font-weight:400}:root{--primary-font:barlow_semi_condensed;--light-font:barlow_semi_condensed_light;--monospace-font:cousine_regular;--monospace-bold-font:cousine_bold;--cute-font:cute_font;--primary-bold-font:stampa;--accent-font:barlow_semi_condensed_bold}.primary_font{font-family:var(--primary-font)}.monospace_font{font-family:var(--monospace-font)}.monospace_bold_font{font-family:var(--monospace-bold-font)}.accent_font{font-family:var(--accent-font)}.cute_font{font-family:var(--cute-font)}.bold_font{font-family:var(--primary-bold-font)}.special_copy{color:var(--clr-special-green)}.unclickable_link{color:var(--clr-blue)}.small_text{font-size:1.25rem}.larger_text{font-size:1.5em}
html{margin:0;padding:0}body{background-color:var(--clr-primary);color:var(--clr-secondary);margin:0;padding:0;font-family:barlow_semi_condensed_light;font-size:1.5em;line-height:1.5;overflow-x:hidden}h1{margin-top:0;margin-bottom:.75em;font-family:barlow_semi_condensed_bold;font-size:2.2rem}h2{margin-top:0;margin-bottom:.75rem;font-family:barlow_semi_condensed;font-size:1.75rem}h3{margin-top:0;font-family:barlow_semi_condensed}p{margin-top:0;font-family:barlow_semi_condensed_light;line-height:1.5}a{color:var(--clr-tertiary);text-underline-offset:.25em;margin:0;padding:0;font-family:barlow_semi_condensed;text-decoration:underline;text-decoration-thickness:.02em}a:hover{color:var(--clr-lighter-tertiary);text-decoration-thickness:.06em}ul{margin:0 0 0 .75em;padding:0;list-style:none}ul li:before{--bullet-width:max(.6vmin, 4px);content:"";vertical-align:middle;margin:calc(-.5 * var(--bullet-width));transform:translateX(calc(-2 * var(--bullet-width)));width:var(--bullet-width);background-color:currentColor;border-radius:50%;height:max(.6vmin,4px);display:inline-block}li{margin-bottom:.5em}.large_li li{margin-bottom:1.5em;margin-left:1em;font-size:3rem}input{padding:.25rem .5rem .5rem;font-family:barlow_semi_condensed_light;font-size:2rem}textarea,input[type=text],input[type=button],input[type=submit]{-webkit-appearance:none}
:root{--primary_col_width:1024px;--primary_col_max_width:min(1024px, 100%);--primary-h-padding:min(max(1.5vw, .25rem), .75rem);--grid-3-col-right-w:2.5rem}.primary_column{max-width:var(--primary_col_max_width);width:var(--primary_col_width)}@media screen and (max-width:1120px){.primary_column{max-width:calc(100% - 2 * var(--primary-h-padding))}}.primary_h_padding{padding:var(--primary-h-padding)}.grid_3_col{grid-template-columns:1fr var(--primary_col_max_width) 1fr;padding:var(--primary-h-padding);display:grid}.f-row{flex-direction:row;margin:0;display:flex}.f-flow{flex-flow:wrap;margin:0;display:flex}.f-col{flex-direction:column;margin:0;display:flex}.f-j-center{justify-content:center}.f-j-end,.f-j-flex-end{justify-content:flex-end}.f-j-space-around{justify-content:space-around}.f-j-space-between{justify-content:space-between}.u-width-50p{width:50%}.u-width-40p{width:40%}.u-width-30p{width:30%}.u-width-90p{width:90%}.u-width-100p{width:100%}.u-height-100p,.u-height-80p{height:100%}.u-width-0{width:0}.gap_05em{gap:.5em}.gap_1em{gap:1em}.gap_2rem{gap:1rem}.position-relative{position:relative}.position-absolute{position:absolute}.mobile_fullscreen{width:100svw;height:100svh}
:root{--nav-height:4rem;--nav-left:min(16px, 6vw)}nav{height:var(--nav-height);background-color:var(--clr-contrast-bg);z-index:1000;box-sizing:border-box;flex-direction:column;justify-content:center;width:100%;max-width:100%;margin:0;display:flex;top:0}.nav_shadow{box-shadow:0rem 0rem .75rem .75rem var(--clr-contrast-bg)}.nav_layout{box-sizing:border-box;padding-left:calc(var(--nav-left));padding-right:calc(var(--nav-left) - (100vw - 100%));grid-template-columns:min(128px,10vw) 1fr;align-items:center;display:grid}.dropdown{display:inline-block;position:relative}.dropdown_content{background-color:var(--clr-bg);box-shadow:0rem 0rem .2rem .1rem var(--clr-contrast-bg);z-index:1;border-radius:.2rem;min-width:16rem;display:none;position:absolute}.dropdown:hover .dropdown_content{display:block}.nav_height{height:var(--nav-height)}
:root{--hamburger-height:.15rem;--hamburger-width:2rem}.hamburger_container{min-width:var(--grid-3-col-right-w);flex-direction:column;display:flex}.hamburger_icon_bar{width:var(--hamburger-width);height:var(--hamburger-height);background-color:var(--clr-secondary);margin:.25rem 0}.hamburger_container:hover .hamburger_icon_bar{background-color:var(--clr-lightest-secondary);box-shadow:0 0 .5rem .25rem var(--clr-lighter);transform:translate(0,0)}
.grey_card{--v-padding:2em;--h-padding:3em;background-color:var(--clr-darken);padding:var(--v-padding) var(--h-padding) var(--v-padding) var(--h-padding);font-family:var(--semi-bold-font)}.yellow_card{background-color:var(--clr-yellow);padding:1em}.strategy_card{--v-padding:1.5em;--h-padding:2em;padding:var(--v-padding) var(--h-padding) var(--v-padding) var(--h-padding);box-shadow:1px 1px 4px 0px rgba(var(--clr-shadow-color), .2);border:0 solid;border-left-width:4px;max-width:30em;margin-bottom:1em}.menu_panel{box-sizing:border-box;z-index:1000;background-color:#333;border-radius:.3rem;flex-direction:column;gap:1rem;padding:1rem;display:flex}.menu_panel_y_offset{position:absolute;top:4rem}
:root{--copy_paste_border_radius:1rem;--copy_paste_content_radius:calc(var(--copy_paste_border_radius) * .75)}.copy_paste_input_box{border-radius:var(--copy_paste_border_radius)}.copy_box{border-radius:var(--copy_paste_border_radius);background-color:#fc93;padding:1rem}@keyframes flash_on_copy{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash_on_copy{animation:1s flash_on_copy}
.button{text-align:center;color:var(--clr-secondary);border-radius:3px;padding:.75rem;font-size:1.5rem;box-shadow:0 0 2px 1px #ffffff1a}.button:hover{cursor:pointer;box-shadow:0 0 4px 1px #fff6}.button:active{box-shadow:inset 0 0 4px 2px #fff3}.button[disabled]{background-color:gray}.button[disabled]:hover{box-shadow:none}.select_button{text-align:left;border-radius:.25rem;margin-right:3vw;padding:1vh 1vw;box-shadow:0 0 4px 2px #fff3}.select_button:hover{box-shadow:0 0 6px 2px #ffffff80}.select_button_down{background-color:var(--semi-white)}.state_button{text-align:center;padding:.5rem;font-size:1.15rem}.state_button_off{background-color:none;color:#7a7a9e;outline:1px solid}.state_button_off:hover{cursor:pointer;box-shadow:0 0 1px 1px #fff9}.state_button_off:active{transform:scale(.99)}.state_button_on{color:#060651;background-color:#5a58a1}
.webgpu_scene_panel,.webgpu_scene_panel_handle{right:1rem;top:calc(var(--nav-height) + 1rem);z-index:900;background-color:var(--clr-contrast-bg);box-shadow:0 0 .75rem .2rem var(--clr-contrast-bg);border:1px solid var(--clr-slight);color:var(--clr-text);position:fixed}.webgpu_scene_panel{width:min(20rem,100vw - 2rem);max-height:calc(100vh - var(--nav-height) - 2rem);border-radius:.5rem;flex-direction:column;display:flex;overflow:hidden}.webgpu_scene_panel_handle{appearance:none;border-radius:.5rem;flex-direction:column;align-items:flex-start;gap:.15rem;max-width:min(16rem,100vw - 2rem);padding:.65rem .85rem;font-family:barlow_semi_condensed;font-size:1rem;line-height:1.2;display:flex}.webgpu_scene_panel_handle:hover{border-color:var(--clr-light)}.webgpu_scene_panel_handle_title{letter-spacing:.08em;text-transform:uppercase;color:var(--clr-off-grey);font-size:.75rem}.webgpu_scene_panel_handle_current{color:var(--clr-secondary)}.webgpu_scene_panel_header{border-bottom:1px solid var(--clr-slight);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .85rem .5rem;display:flex}.webgpu_scene_panel_heading{letter-spacing:.08em;text-transform:uppercase;font-family:barlow_semi_condensed;font-size:1rem}.webgpu_scene_panel_close{color:var(--clr-off-grey);background:0 0;border:0;padding:0;font-family:barlow_semi_condensed;font-size:.95rem}.webgpu_scene_panel_close:hover{color:var(--clr-secondary)}.webgpu_scene_panel_list{overscroll-behavior:contain;padding:.5rem .5rem .85rem;overflow-y:auto}.webgpu_scene_group+.webgpu_scene_group{margin-top:.85rem}.webgpu_scene_group_label{letter-spacing:.08em;text-transform:uppercase;color:var(--clr-off-grey);padding:.25rem .5rem .35rem;font-size:.75rem}.webgpu_scene_item{color:var(--clr-secondary);border-radius:.3rem;outline:none;padding:.2rem .5rem;font-family:barlow_semi_condensed;font-size:1rem;line-height:1.35;text-decoration:none;display:block}.webgpu_scene_item:hover{background-color:var(--clr-slight);color:var(--clr-secondary);text-decoration:none}.webgpu_scene_item.active_link{background-color:var(--clr-slight)}
.clickable:hover{cursor:pointer}.prevent_selection{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}.selected_link{color:var(--clr-pink)}.active_link{text-underline-offset:.25em;color:var(--clr-secondary);text-decoration:underline;text-decoration-thickness:.05em}.active_link:hover{color:var(--clr-secondary)!important}.BasicPlane{width:80%;height:80vh;margin:10vh auto}.BasicPlane img{opacity:.5}.curtains-canvas{width:100vw;height:100vh;position:fixed;top:0;left:0}