*,:before,:after{box-sizing:border-box}:root{--supports-p3:false;--supports-rec2020:false;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (color-gamut:p3){:root{--supports-p3:true}}@media (color-gamut:rec2020){:root{--supports-rec2020:true}}html{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;font-smooth:always}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;color:currentColor}img,picture{vertical-align:middle;shape-margin:.75rem;background-repeat:no-repeat;background-size:cover;max-width:100%;height:auto;font-style:italic}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}*{margin:0;padding:0;font-family:Pixelify Sans,sans-serif}:root{--pastel-light-brown:#ad8671;--pastel-blue:#5090f1;--pastel-brown:#b1770d;--default-bg:var(--pastel-light-brown);--modal-overlay-bg:#2f211899;--modal-bg:#6f4630;--modal-border:#d1a06f;--modal-text:#f6ddba;--modal-exit-text:#ffb08a;--surface:#fff7ed;--modal-panel-bg:#5f3a27;--modal-key-bg:#4a2d1e;--modal-key-border:#f6ddba}.light-theme{--default-bg:var(--pastel-light-brown)}.dark-theme{--default-bg:var(--pastel-blue)}#experience{width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}#experience-canvas{width:100%;height:100%}.hidden{display:none!important}.modal-bg-overlay{z-index:10;background-color:var(--modal-overlay-bg);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.modal{z-index:20;background-color:var(--modal-bg);border:.25rem solid var(--modal-border);width:calc(100% - 2rem);max-width:35rem;max-height:calc(100vh - 2rem);color:var(--modal-text);transition:background .4s ease-in .1s;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.modal-wrapper{padding:.75rem}.modal-header{border-bottom:.125rem solid var(--modal-border);flex-direction:row;justify-content:space-between;width:100%;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.modal-exit-button{border:.125rem solid var(--modal-border);color:var(--modal-exit-text);cursor:pointer;background:0 0;padding:0 .875rem;font-weight:600}.modal-exit-button:hover{background:var(--surface);border:.125rem solid var(--surface);color:var(--default-bg);cursor:pointer;padding:0 .875rem}.modal-title{font-size:2rem}.modal-content-wrapper{flex-direction:column;gap:1.125rem;display:flex}.modal-project-description,.modal-controls-intro{font-size:1.125rem}.modal-controls{gap:.875rem;display:grid}.modal-control-item{border:.125rem solid var(--modal-border);background:var(--modal-panel-bg);grid-template-columns:minmax(7.5rem,9.75rem) 1fr;align-items:center;gap:.875rem;padding:.75rem;display:grid}.modal-keycaps{flex-wrap:wrap;gap:.5rem;display:flex}.modal-keycap{border:.125rem solid var(--modal-key-border);background:var(--modal-key-bg);min-width:3rem;color:var(--surface);text-align:center;padding:.5rem .625rem;font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:700}.modal-control-description{font-size:1rem}.modal-project-visit-button{background:var(--surface);border:.125rem solid var(--surface);color:var(--default-bg);cursor:pointer;text-align:center;padding:.5rem 0;font-size:1.125rem;font-weight:600;text-decoration:none}.modal-project-visit-button:hover{background:var(--default-bg);border:.125rem solid var(--surface);color:var(--surface);cursor:pointer}@media (width<=40rem){.modal{width:calc(100% - 1.25rem);max-height:calc(100vh - 1.25rem)}.modal-title{font-size:1.5rem}.modal-control-item{grid-template-columns:1fr}.modal-exit-button{padding:.25rem .75rem}}