:root{--background-primary: #fdfdfd;--background-inbetween: #e0e0e0;--background-secondary: #cfcfcf;--background-lighter: #ffffff;--background-darker: #616161;--menu-background:#ffffff;--menu-icon: #313131;--menu-hover: #e4e4e4;--intro-text: #000000;--text: #000000;--middle-toggle-highlight: #888888;--scrollbar-track: var(--background-secondary);--scrollbar-thumb: var(--background-primary)}.MuiButton-root{font-family:Courier New,Courier,monospace!important;font-weight:700;font-size:1.2rem;color:var(--menu-icon)!important;border:2px solid var(--menu-icon)!important}html,body,#root{margin:0;height:100%;background-color:var(--menu-background);font-family:Courier New,Courier,monospace;color:var(--text)}.app-container{display:flex;height:100%}.menu{width:3.5rem;height:100%;position:absolute}.menu-buttons{position:absolute;bottom:1rem;width:100%;display:flex;flex-direction:column;align-items:center}.menu button{background:none;border:none;color:var(--menu-icon);padding:1px;padding-top:1rem;cursor:pointer;transition:transform .2s,color .2s}.menu button:hover{transform:scale(1.2)}.menu button svg{width:100%;height:auto;display:block}.main-screen{flex:1;width:96%;background-color:var(--background-primary)}.modal-root{position:fixed!important;top:0;left:0;width:100%;height:100%;display:flex!important;align-items:center;justify-content:center}.modal-content{background-color:var(--background-lighter);padding:1rem;border-radius:5px;box-shadow:0 2px 10px #0003;width:80%;height:auto;max-height:80%;overflow:auto}.content-wrapper{padding:0rem 2rem 2rem;color:var(--text);font-family:Courier New,Courier,monospace;display:flex;flex-direction:column;justify-content:center;align-items:center}.content-wrapper h1{text-align:center;margin-bottom:1rem;margin-top:0}.content-wrapper p{font-size:1rem;text-align:center}.content-wrapper b{font-size:1.2rem;text-align:center}.content-wrapper a{color:var(--text)}.modal-close{align-items:left;padding:5px}#warning-modal{width:50%;height:auto}#warning-modal p{width:80%;font-size:1.5rem;padding:0}#credits-modal{width:50%;height:50%}.info-wrapper{width:90%;display:flex;justify-content:space-between;gap:2rem;margin:0 auto}#objective,#how-to{flex:1 1 45%}#objective h2,#how-to h2{text-align:center;margin-top:0}#objective p,#how-to p{text-align:left}#settings-modal{width:60%}.slider-wrapper{display:flex;flex-direction:column;width:80%;margin-bottom:.8rem}.slider-wrapper p{text-align:left}.restart-button-wrapper{display:flex;flex-direction:row;gap:.2rem;margin-top:6rem;align-items:center}.restart-button{background-color:#f2dfdf!important;font-weight:700!important;font-size:1rem!important}.restart-button:hover{background:#e6adad!important;cursor:pointer}.menu-wrapper{box-sizing:border-box;height:100%;width:100%;padding:0vh 0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;opacity:1;transition:opacity 2s ease}img{max-width:60%;-webkit-user-select:none;user-select:none}.menu-wrapper.fade-out{opacity:0}.menu-wrapper h1{font-size:5rem}.butt{color:var(--menu-icon);border-radius:4px;font-size:2rem;letter-spacing:.5px;padding:.2rem 1rem}.butt:hover{text-decoration:solid underline rgb(0,0,0) 1px;cursor:pointer;color:var(--intro-text)}.butt:active{color:gray}#storyPage{height:80vh;width:100vw;padding:20vh 2rem 2rem 2rem;background-color:var(--menu-background);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--intro-text);text-align:center;box-sizing:border-box;opacity:0;transition:opacity 2s ease}#storyPage.visible{opacity:1}#storyPage h1{margin-bottom:2rem;font-size:2rem;font-family:Times New Roman,Times,serif}#storyPage p{font-family:Times New Roman,Times,serif;font-size:1.3rem;max-width:25rem;margin-bottom:1rem}#storyPage .inactive-line{color:var(--menu-background);pointer-events:none;-webkit-user-select:none;user-select:none}.intro-button-container{margin-top:2rem;display:flex;justify-content:center}.intro-button{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--menu-icon);border-radius:4px;border:1px solid var(--menu-icon);font-size:1.1rem;letter-spacing:.5px;padding:.2rem 1rem}.intro-button:hover{color:var(--intro-text);background-color:var(--menu-hover)}.intro-button:active{background-color:#c4c4c4}.machine-page{display:flex;height:100%;width:96.5%;padding-left:3.5%;transition:opacity 2s ease}.machine-page .machine-dialogue-display,.machine-page .machine-control-display,.machine-page .middle-toggle{transition:all .4s ease;overflow:hidden}.machine-page.fade-out{opacity:0}.machine-page.inactive-mode .machine-dialogue-display{width:95%;background-color:var(--background-primary)}.machine-page.inactive-mode .machine-control-display{width:0%;background-color:var(--background-secondary);scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.machine-page.machine-mode .machine-dialogue-display{width:70%;background-color:var(--background-primary)}.machine-page.machine-mode .machine-control-display{width:28%;background-color:var(--background-secondary);scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.machine-page.control-mode .machine-dialogue-display{width:28%;background-color:var(--background-secondary)}.machine-page.control-mode .machine-control-display{width:70%;background-color:var(--background-primary)}.machine-page.control-mode .dialogue-column-wrapper::-webkit-scrollbar,.machine-page.control-mode .dialogue-column-wrapper::-webkit-scrollbar-track,.machine-page.control-mode .machine-control-display::-webkit-scrollbar,.machine-page.control-mode .machine-control-display::-webkit-scrollbar-track{background:var(--scrollbar-track)}.machine-page.control-mode .dialogue-column-wrapper::-webkit-scrollbar-thumb,.machine-page.control-mode .machine-control-display::-webkit-scrollbar-thumb{background:initial}.middle-toggle{container-type:inline-size;container-name:middle;width:2%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.middle-toggle:hover{background-color:var(--middle-toggle-highlight)}.toggle-icon{fill:#313131;width:80%;height:auto;min-width:24px}.middle-toggle:hover .toggle-icon{fill:var(--background-primary)}@container (max-inline-size: 30px){.toggle-icon{display:none}}@keyframes blink-color{0%,to{background-color:var(--background-primary)}50%{background-color:var(--middle-toggle-highlight)}}@keyframes button-blink-color{0%,to{fill:#313131}50%{fill:var(--background-primary)}}.middle-toggle.blinking{animation:blink-color 1.5s ease-in-out infinite;transition:none}.middle-toggle.blinking:hover{animation:none;fill:var(--middle-toggle-highlight);cursor:pointer}.toggle-icon.blinking{animation:button-blink-color 1.5s ease-in-out infinite;transition:none}.machine-dialogue-display{display:flex;align-items:flex-start;height:100%;box-sizing:border-box;padding-bottom:2%}.portrait-wrapper{flex:0 0 auto;max-width:100%}.portrait-wrapper img{display:block;max-width:100%}.dialogue-column-wrapper{flex:1 1 auto;height:100%;scroll-behavior:smooth;scrollbar-gutter:stable;padding:2rem 1rem;box-sizing:border-box}.dialogue-column-wrapper #button-container{display:inline-block;width:100%;margin-top:1rem}.machine-page.control-mode .machine-dialogue-display{display:flex;flex-direction:column;align-items:stretch;height:100%}.machine-page.control-mode .portrait-wrapper{max-width:0%}.machine-page.control-mode .portrait-wrapper img{width:100%;height:auto;display:block}.machine-page.control-mode .dialogue-column-wrapper{flex:1 1 auto;width:100%;overflow-y:auto;padding:1rem;box-sizing:border-box;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.machine-control-display{position:relative;height:100%}.prompt-control{justify-self:center;width:80%;height:12%;margin-top:.5%;box-sizing:border-box}.prompt-control p{margin:5px 0;font-size:14px}.prompt-wrapper{display:flex;width:100%;gap:.5rem;align-items:center}.prompt-wrapper #prompt{flex:1 1 auto;min-width:0;font-size:1.1rem}.prompt-control .promptSubmit{float:right;font-size:1.2rem;margin:1% 0% 1% 1%;padding:.25rem 1rem;color:#000;border-radius:4px;border:1px solid var(--menu-icon);background-color:#fafafa;cursor:pointer}.promptSubmit:hover{color:var(--intro-text);background-color:var(--menu-hover)}.promptSubmit:active{background-color:#c4c4c4}.prompt-control .promptSubmit.disabled{color:#727272;background-color:#f3f3f3;border:1px solid #a0a0a0;pointer-events:none;-webkit-user-select:none;user-select:none;font-style:oblique}.prompt-control #objective{float:right;width:max-content;-webkit-user-select:none;user-select:none;border-radius:3px;padding:.25rem .5rem;margin:1%;font-family:Times New Roman,Times,serif;font-size:1.3rem;background-color:#f0f0f0;color:#919191}.dialogue-button,.continue-button,.machine-button{display:block;margin-left:auto;margin-bottom:1%;font-size:small}.dialogue-button{font-family:var(--button-font);color:var(--menu-icon);max-width:70%;border-radius:4px;border:1px solid var(--menu-icon);font-size:1.1rem;letter-spacing:.5px;padding:.2rem 1rem;cursor:pointer}.dialogue-button:hover{color:var(--intro-text);background-color:var(--menu-hover)}.dialogue-button:active{background-color:#c4c4c4}.continue-button{font-family:var(--button-font);color:var(--menu-icon);border-radius:4px;border:1px solid var(--menu-icon);font-size:1.1rem;letter-spacing:.5px;padding:.2rem 1rem;margin-right:auto;font-style:oblique;cursor:pointer}.continue-button:hover{color:var(--intro-text);background-color:var(--menu-hover)}.continue-button:active{background-color:#c4c4c4}.continue-button:disabled{color:#727272;background-color:#f3f3f3;border:1px solid #a0a0a0;pointer-events:none}.machine-button{margin-right:0;font-style:oblique}.spirit-line,.spirit-line-hover,.spirit-line-highlighted{font-family:var(--button-font);width:60%;font-size:1.2rem;float:left;text-align:left}.self-speaking-line,.self-thinking-line{font-family:var(--button-font);width:60%;font-size:1.2rem;float:right;text-align:right}.self-thinking-line{color:var(--background-darker);font-style:italic}.machine-line{width:90%;text-align:center;display:inline-block;color:#d2691e;font-size:smaller;font-style:oblique;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}:root{--button-font: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}.candidate{display:flex;width:100%;align-items:center;gap:0%}.candidate p{font-family:var(--button-font);color:#1d1d1d}.candidate .left{width:15%;height:50%;margin-right:2%;margin-left:2%;text-align:right;align-content:center;direction:rtl}.candidate .right{width:75%;max-height:50vh;align-content:center}.candidate .row-wrapper{width:32vw;min-width:32vw;padding-bottom:3%;padding-left:3%;padding-right:3%;vertical-align:middle;align-content:center}.candidate .image-wrapper{width:32vw;min-width:25vw}.candidate .image-wrapper .image{width:100%;display:block}.candidate .image-wrapper .image-caption{margin-top:10px;color:gray;font-style:italic;text-align:center}.candidate .top-two{border-radius:10px;padding:1% 2%}.candidate .top-two-locked{background-color:#dfdfdf}.candidate .top-two-clickable{background-color:#fff7d3}.candidate .memora-button{font-size:calc(.6vw + .5rem);text-align:center;padding:1% 5%;margin:1% auto;font-family:Arial,Helvetica,sans-serif}.candidate .memora-button-locked{color:#727272;pointer-events:none}.candidate .memora-button-clickable{border-radius:5px;width:60%;padding-top:1%;padding-bottom:1%;background-color:#c9b153;color:#fff7d1;cursor:pointer;box-shadow:#8f7f40 4px 4px 1px}.candidate .memora-button-clickable:hover{background-color:#dfc870;color:#fffdf3}.candidate .memora-button-clickable:active{background-color:#fff7d1;color:#dfc870;box-shadow:#8f7f40 1px 1px 2px}.candidate .memora-button-clickable-disabled{border-radius:5px;width:60%;background-color:#f1e09a;color:#9b8119;pointer-events:none}.candidate .interpret-line{color:#474747;margin-top:0;margin-bottom:5%;font-size:calc(1vw + .4rem);width:100%;text-align:center;align-self:center}.candidate .interpret-line-gold{color:#8f7f40;margin-top:0;margin-bottom:5%;font-size:calc(1vw + .4rem);width:100%;text-align:center;align-self:center}.candidate .threshold-line{display:flex;margin-top:1%;flex-direction:row;text-align:center;font-size:calc(.4vw + .4rem);color:gray;fill:gray}.candidate .threshold-line:before,.candidate .threshold-line:after{content:"";flex:1 1;border-bottom:1px solid grey;margin:auto}.candidate .mem-entry{margin:2% 0%}.candidate .top-display{margin-left:auto;margin-right:auto;min-height:15vh;width:95%;padding:.5% 0% 1% 1%;border-radius:4px;border:4px double rgb(97,97,97);background-size:80% auto;background-position:66% 50%;background-repeat:no-repeat;background-color:#ffffff80;background-blend-mode:lighten}.candidate .top-main-info{padding:0%}.candidate .top-main-info img{display:block;height:5vh;margin:-1% auto -3%}.candidate .notif{text-align:center;color:#222;font-size:calc(.8vw + .5rem);font-weight:700;margin:1% 0%}.candidate .score-display{border-radius:50px;background-color:#fff;border:1px solid rgb(97,97,97);padding:.5% 2.5% .3% 3%;margin-right:3%;text-align:center;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:calc(.6vw + .5rem);color:#487e2f;display:inline-block;vertical-align:middle}.candidate .prompt-box{border-radius:8px;box-sizing:border-box;text-align:center;padding:0% 5%;width:100%}.candidate .copiable-prompt{margin-top:2%;margin-bottom:1%;cursor:pointer;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-weight:500;text-align:center;color:#000;font-size:calc(.6vw + .7rem);line-height:150%}.candidate .copiable-prompt mark{background-color:#ffffff68}.candidate .copiable-prompt-reveal{margin-top:5%;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-weight:500;text-align:center;font-size:calc(.7vw + .5rem);color:#6b6b6b;line-height:150%}.candidate .interact-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:8px;box-sizing:border-box;border:1px solid #000000;box-shadow:#00000080 4px 4px 4px;color:#000;cursor:pointer;display:inline-block;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:calc(.6vw + .5rem);line-height:normal;outline:none;padding:2% 2% 3%;margin-bottom:1vh;margin-top:1vh;text-align:center;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;width:90%;will-change:transform}.candidate .interact-button:disabled{pointer-events:none}.candidate .interact-button:hover{background-color:#e9e9e9}.candidate .interact-button:active{box-shadow:none;transform:translateY(0)}.candidate .meminfo-button{border:1px solid #616161;border-radius:3px;box-shadow:#d5d9d980 0 2px;box-sizing:border-box;color:#5f5f5f;cursor:pointer;display:inline-block;font-family:Amazon Ember,sans-serif;font-size:calc(.6vw + .5rem);padding:1% 5%;position:relative;text-align:center;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:middle}.candidate .meminfo-button-main{background-color:#d8edff;color:#2c5272}.candidate .meminfo-button-nonmain{background-color:#fff;color:#4e4e4e}.candidate .meminfo-button-used{background-color:#dfdfdf;color:#8b8b8b}.candidate .meminfo-button-retrieved{background-color:#fffae3;color:#756526}.candidate .meminfo-button:active{box-shadow:#00000080 0 0;outline:0}.candidate .interpret-button{font-size:calc(.8vw + .4rem);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#f5f5f5;border-radius:4px;border:1px solid #1a1a1a;box-sizing:border-box;color:#2c2c2c;cursor:pointer;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;box-shadow:#d5d9d9 0 2px 2px;line-height:normal;margin:2%;outline:none;padding:.5%;font-weight:600;justify-self:center;text-align:center;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;width:80%;will-change:transform}.candidate .interpret-button:hover{background-color:#d3d3d3}.candidate .interpret-button:active{box-shadow:#d5d9d9 0 0 2px;transform:translateY(0)}.machine-page.machine-mode .candidate .row-wrapper{display:none}.machine-page.control-mode .candidate .row-wrapper{display:block}.p5Container{position:relative;top:13%}.imggen-top-display{min-width:30vw;width:50%;float:right;text-align:right;margin-top:1%;margin-bottom:0%;border-bottom:.5px solid grey;color:#4b4b4b}.imggen-top-display p{margin:0}.candidateCol{width:100%;height:82%;overflow-y:auto;scroll-behavior:smooth;box-sizing:border-box;padding:.5rem}.end-wrapper{box-sizing:border-box;height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;font-size:1rem;padding:2%;transition:opacity 2s ease}.end-wrapper .inactive-line{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.end-wrapper.visible{opacity:1}.end-wrapper p{font-family:Times New Roman,Times,serif;font-size:1.5rem;max-width:25rem}.title-wrapper{flex:1 1 5%;display:flex;justify-content:center;align-items:center;width:100%}.memorabilia-wrapper{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;height:80%;width:100%;gap:1rem;margin:2vh 0 0;overflow:auto;margin-bottom:1rem}.memory-wrapper{display:flex;flex-direction:column;align-items:center;max-width:30%;height:100%;opacity:0;transition:opacity .5s ease-in}.memory-wrapper.noMem{opacity:0;max-width:0;height:0}.memory-wrapper.visible{opacity:1}.image{min-width:85%;max-width:100%}.text{width:100%;text-align:center}.interpret-line-gold{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#8f7f40;margin-top:1%;margin-bottom:5%;font-size:calc(2.2vh + .15rem);width:100%;text-align:center;align-self:center}.final-text-wrapper{position:absolute;background-color:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;height:64.2%;width:40%;text-align:center;pointer-events:none;opacity:0;transition:opacity 1s ease}.final-text-wrapper.visible{pointer-events:all;opacity:1}.button-wrapper{flex:1 1 5%;display:flex;justify-content:center;align-items:center;width:100%}.end-button-container{margin-top:2rem;display:flex;justify-content:center}.end-button{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--menu-icon);border-radius:4px;border:1px solid var(--menu-icon);font-size:1.1rem;letter-spacing:.5px;padding:.2rem 1rem}.end-button:hover{color:var(--intro-text);background-color:var(--menu-hover)}.end-button:active{background-color:#c4c4c4}