: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;--gold-color:#d4af37;--blue-color:#395e7b;--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}.checklist-item{flex-shrink:0;width:100%}.checklist-item-label{width:100%;color:var(--text-active-color);text-align:left;box-sizing:border-box;cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:baseline;gap:6px;padding:2px 4px;font-family:inherit;font-size:.8rem;line-height:1.3;display:flex}.checklist-item-label:hover{background-color:#ffffff14}.checklist-check{color:var(--smallbox-success-color);flex-shrink:0;font-weight:700}.checklist-item-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.anchored-popup-header{border-bottom:1px solid var(--med-border-color);margin-bottom:6px;padding-bottom:6px;font-weight:700}.anchored-popup{background-color:var(--dark-background-color);color:var(--white);border:1px solid var(--med-border-color);text-align:left;z-index:20;pointer-events:none;border-radius:4px;padding:8px 10px;font-size:.8rem;line-height:1.35;position:fixed;box-shadow:0 6px 16px #0006}.error-badge-list{margin:0;padding-left:16px}.error-badge-list li{margin-bottom:6px}.error-badge-list li:last-child{margin-bottom:0}.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-buttons{flex-direction:column;gap:8px;max-width:90%;margin:15px auto;display:flex}.popup-choice-btn{text-align:left;white-space:normal;line-height:1.3}.popup-choice-cancel{opacity:.75;margin-top:10px;font-size:.85em}#narrative-log-box{box-sizing:border-box;background:#1e192366;border-radius:6px;width:100%;height:250px;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}#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}.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;align-self:flex-start;margin-right:0}.interaction-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}.narrative-column{width:80vw;max-width:var(--game-max-width)}.chat-column{width:18%;min-width:80px;height:250px}.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;min-height:0;display:flex;overflow:hidden}#map-placeholder{box-sizing:border-box;border:2px solid var(--gold-color);background-color:var(--black);width:100%;min-height:0;color:var(--white);text-align:center;border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:4px;display:flex;position:relative}.map-placeholder-note{color:var(--text-fade-color);font-size:.75rem}.map-panel{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;margin:0;padding:0;font-family:inherit;display:flex}.map-tiles{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;display:flex}.map-tile-wrapper{align-items:center;gap:2px;display:flex}.map-tile{aspect-ratio:24.05/20.93;box-sizing:border-box;border:2px solid var(--smallbox-failure-color);background-color:var(--dark-border-color);border-radius:3px;justify-content:center;align-items:center;width:44px;display:flex;position:relative;overflow:hidden}.map-tiles-large .map-tile{width:110px}.map-tile-current{border-color:var(--gold-color)}.map-tile-solved{border-color:var(--smallbox-success-color)}.map-tile-locked{background-color:var(--black)}.map-tile-locked-mark{color:var(--smallbox-failure-color);font-size:1.1rem;font-weight:700}.map-tile-preview{background-position:50%;background-size:cover;position:absolute;inset:0}.map-tile-label{z-index:1;box-sizing:border-box;width:100%;color:var(--white);text-align:center;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#0000 0%,#000000d9 60%);align-self:flex-end;padding:2px 3px;font-size:.6rem;line-height:1.15;position:relative;overflow:hidden}.map-tiles-large .map-tile-label{padding:4px 6px;font-size:.85rem}.map-connector{flex-shrink:0;width:12px;height:auto}.map-tiles-large .map-connector{width:22px}#error-badge{box-sizing:border-box;background-color:var(--smallbox-failure-color);min-width:20px;height:20px;color:var(--white);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 5px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #00000080}#clue-container{box-sizing:border-box;flex-direction:column;flex:none;gap:2px;width:100%;height:24px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.game-item-image{top:var(--btn-top);left:var(--btn-left);width:var(--btn-scale-percent);aspect-ratio:1;background-image:var(--btn-img);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute}.game-item-hitbox{color:#0000;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#0000;border:none;padding:0;position:absolute}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)}#chat-window{box-sizing:border-box;border:2px solid var(--gold-color);background-color:var(--black);width:100%;height:250px;color:var(--white);border-radius:6px;flex-direction:column;display:flex;overflow:hidden}#chat-window .chat-messages{text-align:left;flex-grow:1;padding:8px;font-size:.8rem;line-height:1.4;overflow-y:auto}#chat-window .chat-message{margin-bottom:4px}#chat-window .chat-message-author{color:var(--gold-color);font-weight:700}#chat-window .chat-empty{color:var(--text-fade-color);padding:8px;font-size:.8rem}#chat-window form{border-top:1px solid var(--med-border-color);flex-shrink:0;display:flex}#chat-window input{background-color:var(--dark-background-color);min-width:0;color:var(--text-active-color);box-sizing:border-box;border:none;flex-grow:1;padding:8px 10px;font-family:inherit;font-size:.85rem}#chat-window input:focus{background-color:var(--focus-background-color);outline:none}#chat-window button{background-color:var(--dark-background-color);color:var(--text-active-color);border:none;border-left:1px solid var(--med-border-color);cursor:pointer;flex-shrink:0;padding:8px 14px;font-family:inherit;font-size:.85rem;transition:background-color .2s}#chat-window button:hover{background-color:var(--focus-background-color)}#chat-window .chat-messages{scrollbar-width:thin;scrollbar-color:#5b5060 #1e19234d}#chat-window .chat-messages::-webkit-scrollbar{width:8px}#chat-window .chat-messages::-webkit-scrollbar-track{background:#1e19234d;border-radius:4px}#chat-window .chat-messages::-webkit-scrollbar-thumb{border:1px solid var(--med-border-color);background-color:#5b5060;border-radius:4px}.themed-page{color:var(--text-active-color)}.themed-page h1,.themed-page h2{color:var(--gold-color);font-weight:400}.themed-page label{color:var(--text-fade-color);margin-bottom:4px;font-size:.85rem;display:block}.themed-page input[type=text],.themed-page input[type=email],.themed-page input[type=password],.themed-page input:not([type]){background-color:var(--dark-background-color);border:2px solid var(--med-border-color);color:var(--text-active-color);box-sizing:border-box;border-radius:4px;padding:8px 10px;font-family:inherit;font-size:1rem}.themed-page input[type=text]:focus,.themed-page input[type=email]:focus,.themed-page input[type=password]:focus,.themed-page input:not([type]):focus{border-color:var(--gold-color);outline:none;box-shadow:0 0 5px #d4af3766}.themed-page select{background-color:var(--dark-background-color);border:2px solid var(--med-border-color);color:var(--text-active-color);border-radius:4px;padding:6px 8px;font-family:inherit;font-size:1rem}.themed-page button{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 18px;font-family:inherit;font-size:.95rem;transition:background-color .2s,border-color .2s}.themed-page button:hover:not(:disabled){background-color:var(--focus-background-color);border-color:var(--gold-color)}.themed-page button:disabled{opacity:.5;cursor:not-allowed}.themed-page a{color:var(--gold-color)}.themed-page a:hover{color:var(--light-border-color)}.themed-card{border:1px solid var(--med-border-color);text-align:left;box-sizing:border-box;background-color:#ffffff08;border-radius:6px;width:100%;margin-bottom:15px;padding:15px}.themed-page ul{margin:0;padding:0;list-style:none}.themed-page .field-error{color:#e07a7a}.themed-page .field-success{color:var(--smallbox-success-color)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}button{font-family:inherit}.position-editor-page{--pe-bg:#1b1b1f;--pe-panel:#26262c;--pe-border:#3a3a42;--pe-text:#e8e6e3;--pe-accent:#6b5b95;--pe-muted:#9a97a3;z-index:1000;background:var(--pe-bg);color:var(--pe-text);font-family:system-ui,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.position-editor-page *{box-sizing:border-box}.position-editor-page #pe-sidebar{background:var(--pe-panel);border-right:1px solid var(--pe-border);flex-shrink:0;width:420px;padding:16px;overflow-y:auto}.position-editor-page #pe-stage-wrapper{flex-grow:1;justify-content:center;align-items:center;padding:20px;display:flex;overflow:auto}.position-editor-page h1{margin:0 0 12px;font-size:1.1rem}.position-editor-page h2{color:var(--pe-muted);text-transform:uppercase;letter-spacing:.05em;margin:20px 0 8px;font-size:.95rem}.position-editor-page label{color:var(--pe-muted);margin-top:8px;font-size:.8rem;display:block}.position-editor-page input,.position-editor-page select,.position-editor-page textarea{border:1px solid var(--pe-border);width:100%;color:var(--pe-text);background:#1a1a1e;border-radius:4px;margin-top:2px;padding:6px 8px;font-family:inherit;font-size:.85rem}.position-editor-page button{background:var(--pe-accent);color:#fff;cursor:pointer;border:none;border-radius:4px;margin-top:8px;padding:7px 12px;font-size:.85rem}.position-editor-page button:hover{background:#7d6bab}.position-editor-page button.secondary{background:#3a3a42}.position-editor-page button.secondary:hover{background:#4a4a54}.position-editor-page .pe-item-card{border:1px solid var(--pe-border);background:#1f1f24;border-radius:6px;margin-bottom:10px;padding:10px}.position-editor-page .pe-item-card.selected{border-color:var(--pe-accent)}.position-editor-page .pe-item-card-header{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.position-editor-page .pe-item-card-header strong{font-size:.9rem}.position-editor-page .pe-row{gap:8px;display:flex}.position-editor-page .pe-row>div{flex:1}.position-editor-page #pe-stage{border:2px solid var(--pe-border);image-rendering:crisp-edges;background-color:#000;background-position:0 0;background-repeat:no-repeat;background-size:auto 100%;position:relative}.position-editor-page .pe-item-image{cursor:grab;background-position:50%;background-repeat:no-repeat;background-size:contain;outline:2px solid #4caf50;position:absolute}.position-editor-page .pe-item-image:active{cursor:grabbing}.position-editor-page .pe-item-hitbox{pointer-events:none;background:#ff525233;outline:2px dashed #ff5252;position:absolute}.position-editor-page .pe-item-label{pointer-events:none;white-space:nowrap;background:#000000b3;border-radius:3px;padding:1px 4px;font-size:10px;position:absolute;top:2px;left:2px}.position-editor-page #pe-output{white-space:pre;resize:vertical;height:220px;font-family:ui-monospace,Consolas,monospace;font-size:.75rem}.position-editor-page .pe-hint{color:var(--pe-muted);font-size:.75rem;line-height:1.4}.position-editor-page .pe-toolbar{flex-wrap:wrap;gap:8px;display:flex}.asset-picker{flex-direction:column;gap:6px;display:flex}.asset-picker-row{gap:6px;display:flex}.asset-picker-row select{flex:1}.asset-picker-grid{background:#0000004d;border-radius:4px;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;max-height:220px;padding:6px;display:grid;overflow-y:auto}.asset-picker-thumb{cursor:pointer;background:#1a1a1e;border:2px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:64px;height:64px;padding:4px;display:flex}.asset-picker-thumb img{object-fit:contain;max-width:100%;max-height:100%}.asset-picker-thumb.selected{border-color:#6b5b95}.asset-picker-thumb:hover{border-color:#9a97a3}.asset-picker-empty{opacity:.7;margin:4px 0;font-size:.75rem}.asset-picker-manual{font-size:.8rem}