:root{--white:white;--black:#272727;--default-pad:10px;--page-max-width:min(80vw, 2000px);--game-max-width:calc(var(--page-max-width) * .75);--game-layout-ratio:.8;--game-board-ratio:1- (var(--game-layout-ratio));--dark-background-color:#141313;--med-background-color:#444;--light-background-color:#a8a8a8;--dark-border-color:#363333;--med-border-color:#a89f91;--light-border-color:#cfb7b7;--smallbox-success-color:#2a623d;--smallbox-failure-color:#900;--smallbox-neutral-color:#975;--focus-background-color:#3f023a;--text-fade-color:#7a7065;--text-active-color:#f1ede0;--text-ink-color:#606060;--paper-base-color:#f2ebd9;--paper-texture-color:#f2f5e8;--paper-texture-apply:"multiply"}body{background:var(--dark-background-color);color:var(--white);margin:0}body:before{content:"";z-index:-1;background-blend-mode:multiply;opacity:.15;background-image:url(/art_resources/woggle.svg);background-repeat:repeat;background-size:5vw 5vw;width:100%;height:100%;position:fixed;top:0;left:0}.centered{flex-direction:column;align-items:center;width:95vw;display:flex}#clue-container{gap:var(--default-pad);flex-direction:column;width:100%;max-height:300px;display:flex;overflow-y:auto}.custom-popup::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080}.custom-popup{color:var(--dark-background-color);border:6px solid var(--med-border-color);text-align:center;background-color:#f2ebd9;border-radius:8px;width:80%;max-width:400px;padding:25px;font-family:inherit;box-shadow:0 10px 25px #00000080}.custom-popup:before{content:"";z-index:-1;filter:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"g\" x=\"0\" y=\"0\" width=\"1\" height=\"1\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.04\" numOctaves=\"3\" result=\"n\"/><feDiffuseLighting in=\"n\" lighting-color=\"%23f2f5e8\" surfaceScale=\"2\"><feDistantLight azimuth=\"60\" elevation=\"50\"/></feDiffuseLighting><feComponentTransfer><feFuncR type=\"linear\" slope=\"0.9\"/><feFuncG type=\"linear\" slope=\"0.85\"/><feFuncB type=\"linear\" slope=\"0.75\"/></feComponentTransfer><feBlend mode=\"multiply\" in=\"SourceGraphic\"/></filter></svg>#g");background-color:#f2ebd9;position:absolute;inset:0}.custom-popup button{color:var(--white);border:1px solid var(--med-border-color);cursor:pointer;background-color:#5b5060;border-radius:4px;padding:8px 20px}.custom-popup button:hover{background-color:#706376}.popup-flavor-text{text-align:center;color:#1e1e24;margin-bottom:15px;font-size:1.05rem;line-height:1.4}.popup-choice-list{text-align:left;color:#1e1e24;max-width:90%;margin:15px auto;padding:0 15px;display:inline-block}.popup-choice-list div{margin-bottom:8px;font-size:.95rem;line-height:1.3}#error-tracker{box-sizing:border-box;width:100%;height:120px;color:var(--white);text-align:center;background-color:#1f0101;border-radius:4px;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;animation:1s ease-out forwards spawnError;display:flex}@keyframes spawnBoxVertical{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spawnError{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}#narrative-log-box{box-sizing:border-box;background:#1e192366;border-radius:6px;flex-basis:100%;width:100%;max-height:250px;margin-top:20px;padding:15px 10px;overflow-y:auto}.narrative-story-line{color:var(--text-fade-color);text-align:left;opacity:0;margin-bottom:14px;font-family:inherit;font-size:1.1rem;line-height:1.6;transition:opacity 1.5s ease-out,transform 1.2s cubic-bezier(.1,.8,.3,1),color 1s;transform:translateY(8px)}.narrative-story-line.revealed{opacity:1;transform:translateY(0)}.narrative-story-line.active-paragraph{color:#f5f1ed;text-shadow:0 0 8px #f5f1ed33}#narrative-log-box,#clue-container{scrollbar-width:thin;scrollbar-color:#5b5060 #1e19234d}#narrative-log-box::-webkit-scrollbar{width:8px;height:8px}#clue-container::-webkit-scrollbar{width:8px;height:8px}#narrative-log-box::-webkit-scrollbar-track{background:#1e19234d;border-radius:4px}#clue-container::-webkit-scrollbar-track{background:#1e19234d;border-radius:4px}#narrative-log-box::-webkit-scrollbar-thumb{border:1px solid var(--med-border-color);background-color:#5b5060;border-radius:4px;transition:background-color .2s}#clue-container::-webkit-scrollbar-thumb{border:1px solid var(--med-border-color);background-color:#5b5060;border-radius:4px;transition:background-color .2s}.error-scroll-container::-webkit-scrollbar{width:8px}.error-scroll-container::-webkit-scrollbar-thumb{background-color:#5a4f5e;border:1px solid #0000;border-radius:4px}#narrative-log-box::-webkit-scrollbar-thumb:hover{background-color:#726377;border-color:#d1c7bd}#clue-container::-webkit-scrollbar-thumb:hover{background-color:#726377;border-color:#d1c7bd}.error-scroll-container::-webkit-scrollbar-thumb:hover{background-color:#726377;border-color:#d1c7bd}.room-header{width:95vw;max-width:var(--page-max-width);text-align:left;color:var(--white);padding:var(--default-pad);margin-bottom:20px;font-size:clamp(24px,3vw,40px)}.room-text{width:80vw;max-width:var(--page-max-width);text-align:left;color:var(--white);padding:var(--default-pad);margin-bottom:20px;font-size:clamp(14px,1.2vw,18px)}.room-nav{width:95vw;max-width:var(--page-max-width);text-align:left;color:var(--white);box-sizing:border-box;padding:5px;font-size:1vw}.sidebar-header-container{width:95vw;max-width:var(--page-max-width);box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:flex-start;margin:0 auto 20px;display:flex}.room-text-sidebar{flex-grow:1;width:auto;margin-bottom:0;padding-right:20px}.room-nav-sidebar{text-align:right;flex-shrink:0;width:auto}.room-scroll-container{white-space:normal;padding-bottom:var(--default-pad);scrollbar-width:thin;border-left:2px solid var(--med-border-color);flex-flow:row;align-items:flex-start;gap:15px;padding-left:20px;display:flex;overflow:auto hidden}.room-scroll-container::-webkit-scrollbar{height:6px}.room-scroll-container::-webkit-scrollbar-thumb{background-color:#5a4f5e;border:1px solid #0000;border-radius:4px}.room-item{color:inherit;flex-direction:column;flex-shrink:0;align-items:center;text-decoration:none;display:flex}.room-item img{object-fit:cover;border-radius:4px;width:5em;height:7em;margin-bottom:5px}.room-item span{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;text-align:center;max-width:5em;margin-top:5px;line-height:1.2;display:block}.room-item-small{color:inherit;white-space:nowrap;flex-direction:column;flex-shrink:0;align-items:center;text-decoration:none;display:flex}.room-item-small:before{border-left:2px solid #fff;padding-left:10px;display:inline-block}.room-item-small img{object-fit:cover;border-radius:2px;width:2.5em;height:3.5em;margin-bottom:2.5px}.content-wrapper{width:95vw;max-width:var(--page-max-width);text-align:left;flex-wrap:wrap;justify-content:space-between;gap:2%;margin-bottom:40px;display:flex}.large-square{width:80vw;max-width:var(--game-max-width);border:3px solid var(--med-border-color);aspect-ratio:var(--aspect-ratio,16 / 9);background-color:#0000;border-radius:8px;margin-right:0}.small-square{background-color:var(--smallbox-success-color);width:100%;color:var(--white);text-align:center;box-sizing:border-box;border-radius:4px;flex:1;justify-content:center;align-items:center;padding:clamp(2px,.5vw,6px) 0;font-size:.85rem;animation:1s ease-out forwards spawnBoxVertical;display:flex}.interactive-canvas{background-color:var(--dark-background-color);border:2px solidn var(--med-background-color);box-sizing:border-box;background-image:var(--bg-url);width:100%;height:100%;filter:drop-shadow(2px 0px 0px var(--med-border-color)) drop-shadow(-2px 0px 0px var(--med-border-color)) drop-shadow(0px 2px 0px var(--med-border-color)) drop-shadow(0px -2px 0px var(--med-border-color));image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;background-position:0 0;background-repeat:no-repeat;background-size:auto 100%;position:relative}#game-sidebar{align-items:center;gap:var(--default-pad);flex-direction:column;width:18%;min-width:80px;display:flex}.game-element-btn{top:var(--btn-top);left:var(--btn-left);width:var(--btn-scale-percent);aspect-ratio:1;background-image:var(--btn-img);pointer-events:none;color:#0000;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;padding:0;position:absolute}.game-element-btn:after{content:"";width:var(--btn-hitbox-percent);height:var(--btn-hitbox-percent);pointer-events:auto;cursor:pointer;background-color:#0000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}button:focus{outline:none}button:focus-visible{outline:0px solid var(--dark-background-color)}.prompt-input-container{margin:20px 0}#prompt-input{background-color:var(--dark-background-color);border:2px solid var(--dark-border-color);color:var(--light-background-color);border-radius:4px;outline:none;width:90%;padding:10px;font-family:inherit;font-size:1rem}#prompt-input:focus{border-color:var(--dark-background-color);box-shadow:0 0 5px #d4af3780}#prompt-submit-btn{background-color:var(--dark-background-color);color:var(--text-active-color);border:2px solid var(--med-border-color);cursor:pointer;border-radius:4px;padding:8px 20px;font-family:inherit;font-weight:700;transition:background .2s}#prompt-submit-btn:hover{background-color:var(--focus-background-color);border-color:var(--light-border-color)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}button{font-family:inherit}