narrat 3.3.8 → 3.4.0

package/dist/stores/rendering-store.d.ts

@@ -2,7 +2,12 @@ export interface RenderingState {
     screenWidth: number;
     screenHeight: number;
     layoutMode: 'horizontal' | 'vertical';
+    containerElement: HTMLElement | null;
+    narratAppElement: HTMLElement | null;
+    resizeObserver: ResizeObserver | null;
+    dialogPanelMode: 'auto' | 'off' | 'on';
 }
+export type RenderingSaveData = Pick<RenderingState, 'dialogPanelMode'>;
 export declare const useRenderingStore: import("pinia").StoreDefinition<"rendering", RenderingState, {
     gameScaleRatio(state: RenderingState): number;
     overlayMode(state: RenderingState): boolean;
@@ -15,6 +20,14 @@ export declare const useRenderingStore: import("pinia").StoreDefinition<"renderi
     viewportHeight(state: RenderingState): number;
     viewportWidth(state: RenderingState): number;
     showDialog(state: RenderingState): boolean;
+    container(): HTMLElement;
+    inputsContainer(): HTMLElement;
+    narratApp(): HTMLElement;
 }, {
+    generateSaveData(): RenderingSaveData;
+    loadSaveData(saveData: RenderingSaveData): void;
+    reset(): void;
     updateScreenSize(width: number, height: number): void;
+    setContainer(container: HTMLElement): void;
+    refreshScreenSize(): void;
 }>;

package/dist/style.css

@@ -1 +1 @@
-*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}*{--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgba(59, 130, 246, .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}body{margin:0;font-family:inherit;line-height:inherit}b{font-weight:bolder}button,input,select{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role=button]{cursor:pointer}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}h3,h1,p,h2,hr,h4{margin:0}h3,h1,h2,h4{font-size:inherit;font-weight:inherit}img{border-style:solid}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}img,video{display:block;vertical-align:middle;max-width:100%;height:auto}table{text-indent:0;border-color:inherit;border-collapse:collapse}ul{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgba(229,231,235,var(--tw-bg-opacity))}.dark .dark\:bg-gray-700{--tw-bg-opacity: 1;background-color:rgba(55,65,81,var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgba(31,41,55,var(--tw-bg-opacity))}.border-0{border-width:0px}.block{display:block}.inline{display:inline}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.h-px{height:1px}.list-disc{list-style-type:disc}.mx-8{margin-left:2rem;margin-right:2rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mx-auto{margin-left:auto;margin-right:auto}.tab\.condition\(\),.tab\.id,.tab,.tab\.icon,.tab\.label,.\.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.static{position:static}.absolute{position:absolute}.resize{resize:both}.table-auto{table-layout:auto}.text-left{text-align:left}.text-center{text-align:center}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.indent{text-indent:1.5rem}.visible{visibility:visible}.w-full{width:100%}.gap-4{grid-gap:1rem;gap:1rem}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.transform{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate: 0;--tw-rotate-x: 0;--tw-rotate-y: 0;--tw-rotate-z: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.\<transition,.transition,.transition\.duration,.transition\.delay{-webkit-transition-property:background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,filter,backdrop-filter;-o-transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-box-shadow,transform,-webkit-transform,filter,backdrop-filter;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s}.ease-in-out{-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration{-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s}:root{--font-family: "Helvetica", sans-serif, "Arial", "sans-serif";--bg-color: rgba(19, 23, 32, .9);--text-color: #d9e1f2;--grey-text-color: #a6a6a6;--primary: hsl(255, 30%, 55%);--focus: hsl(210, 90%, 50%);--secondary: #42b983;--border-color: hsla(0, 0%, 100%, .2);--light-1: hsl(210, 30%, 40%);--light-2: hsl(255, 30%, 50%);--light-gradient: linear-gradient(to right, var(--light-1), var(--light-2));--light-background: rgba(255, 255, 255, .3);--button-background: var(--tile-background);--button-text-color: var(--text-color);--modal-gradient-1: rgba(18, 21, 26, .8);--modal-gradient-2: rgba(37, 40, 44, .6);--modal-background: linear-gradient( 90deg, var(--modal-gradient-1) 0%, var(--modal-gradient-2) 100% );--tile-gradient-1: rgba(18, 21, 26, .9);--tile-gradient-2: rgba(37, 40, 44, .7);--tile-background: linear-gradient( 90deg, var(--tile-gradient-1) 0%, var(--tile-gradient-2) 100% );--tile-border-color: rgba(166, 166, 166, .3);--shadow-1: hsla(236, 50%, 50%, .3);--shadow-2: hsla(236, 50%, 50%, .4);--hud-background: rgba(0, 0, 0, .4);--hud-text-color: var(--text-color);--notification-bg: var(--tile-background);--notification-text-color: var(--text-color);--notification-description-color: var(--grey-text-color);--notification-icon-size: 40px;--skills-text-background: rgba(0, 0, 0, .5);--skills-text-color: var(--text-color);--skills-level-background: rgba(0, 0, 0, .5);--skills-level-color: orange;--skills-xp-bar-height: 40px;--skill-check-name-color: orange;--skill-check-difficulty: orange;--skill-check-success: green;--skill-check-failed: red;--skill-check-color: orange;--dialog-choice-color: orange;--dialog-choice-seen-before-color: grey;--dialog-choice-key-color: red;--dialog-choice-hover-color: var(--text-color);--inventory-text-background: rgba(0, 0, 0, .5);--inventory-text-color: var(--text-color);--inventory-amount-background: rgba(0, 0, 0, .5);--inventory-amount-color: orange;--quest-title-color: yellow;--completed-quest-title-color: grey;--objective-in-progress-color: white;--objective-completed-color: grey;--loading-bar-inner-bg: var(--light-background);--loading-bar-outer-bg: var(--bg-color);--dialog-box-bg: var(--bg-color);--dialog-box-border: none;--tabs-background: linear-gradient( 90deg, rgba(0, 0, 0, .2) 0%, rgba(100, 100, 100, 1) 53%, rgba(0, 0, 0, .2) 100% );--tab-active-background: rgba(0, 0, 0, 0);--tab-active-text-color: var(--text-color);--tab-inactive-background: rgba(0, 0, 0, 0);--tab-inactive-text-color: var(--text-color);--tab-border-style: solid;--tab-border-color: white;--tab-selected-glow-color: var(--focus);--tooltip-background: #331d00;--tooltip-border: 1px solid orange;--tooltip-border-radius: 5px;--tooltip-title-font-size: 1.2rem;--tooltip-font-size: 1rem;--tooltip-title-color: red;--tooltip-color: var(--text-color);--highlighted-tooltip-keyword-color: red;--highlighted-tooltip-keyword-font-size: 1.1em;--highlighted-tooltip-keyword-font-weight: bold;--achievement-title-color: var(--text-color);--achievement-tile-background: var(--tile-background);--achievement-tile-border-color: var(--tile-border-color);--achievement-description-color: rgb(170, 170, 170);--separator-bg-color: rgba(250, 250, 250, .8);--separator-height: 1px;--separator-width: 100%;--save-ui-border-style: dashed;--save-ui-border-width: 1px;--save-ui-border-color: rgba(255, 255, 255, .3);--save-ui-selected-background: #bf9a21;--selected-border: 2px solid cyan;--game-bg-color: transparent}body{font-family:var(--font-family);padding:0;margin:0;font-family:Arial,sans-serif;background-color:#000}.red{color:red}.tile{background:var(--tile-background);border-color:var(--tile-border-color);border-radius:15px;border-style:solid;border-width:2px;padding:20px}*{font-family:var(--font-family);-webkit-user-select:none;user-select:none;box-sizing:border-box}.list-item{display:inline-block;margin-right:10px}.list-enter-active,.list-leave-active{transition:all .3s ease}.think-command{color:#0ff}#app{background-size:cover}.list-enter-from,.list-leave-to{opacity:0;transform:translate(300px)}.notification-item{display:inline-block;margin-right:10px}.notification-enter-active,.notification-leave-active{transition:all .3s ease}.notification-enter-from,.notification-leave-to{opacity:0;transform:translateY(-300px)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-in-enter-active{transition:opacity .1s ease}.fade-in-enter-from{opacity:0}.select{background:var(--light-background);padding:10px}.option{background-color:var(--light-2);padding:5px;color:var(--text-color)}.button{background:var(--button-background);color:var(--button-text-color);border-color:var(--tile-border-color);border-radius:10px;border-width:2px;padding:10px;font-weight:800;font-size:1rem;margin:10px;transition:.2s}.button.large{border-radius:20px}.menu-button{border-radius:5px}.button.main-menu-button{border-radius:20px}.button:focus,.button:hover{transform:translateY(-.2rem)}.disabled{-webkit-user-select:none;user-select:none;pointer-events:none}.button.disabled{box-shadow:unset;color:gray;background:var(--border-color)}.input{background:var(--light-background);color:var(--text-color);box-shadow:.4rem .4rem 2.4rem .2rem var(--shadow-1);border-radius:100px;padding:10px;font-weight:800;font-size:1rem;margin:10px;transition:.2s}.input:focus,.input:hover{transform:translateY(-.2rem);box-shadow:0 0 2.4rem .2rem var(--shadow-2)}a{color:pink;text-decoration:underline}th,td{padding:4px;border:1px solid var(--text-color);text-align:center}#game-holder{width:100vw;height:100vh;padding:0;margin:0;top:0;left:0;background-color:#000;display:flex;align-items:center;justify-content:center;min-height:-webkit-fill-available}.title{font-size:1.8rem;font-weight:700;text-align:center}.container{padding:20px}h1,h2,h3,h4{font-weight:700}h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.4rem}hr.solid{border:1px solid var(--text-color);margin-top:20px;margin-bottom:0}.card-1{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:all .3s cubic-bezier(.25,.8,.25,1)}.card-1:hover{box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.card-2{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.card-3{box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}.card-4{box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.card-5{box-shadow:0 19px 38px #000000b3,0 15px 12px #00000080}.dialog-choice{transition:.2s}.dialog-choice:hover,.dialog-choice.selected{transform:scale(1.05);background-color:#faad394d;transform-origin:center}.dialog-choice:not(:hover)>.skill-check-name,.passive-skill-check>.skill-check-name{color:var(--skill-check-name-color)}.dialog-choice:not(:hover)>.skill-check-difficulty,.passive-skill-check>.skill-check-difficulty{color:var(--skill-check-difficulty)}.skill-check-difficulty{font-weight:700}.dialog-choice:not(:hover)>.skill-check-success,.passive-skill-check>.skill-check-success{color:var(--skill-check-success)}.dialog-choice:not(:hover)>.skill-check-failed,.passive-skill-check>.skill-check-failed{color:var(--skill-check-failed)}.dialog-choice:not(:hover)>.skill-check,.passive-skill-check.skill-check{color:var(--skill-check-color)}.narrat-canvas{position:absolute;height:100%;top:0;left:0}#touchTrigger{pointer-events:none}.narrat-transition-fade-enter-active,.narrat-transition-fade-leave-active{transition-property:opacity;transition-timing-function:ease;transition-duration:.3s}.narrat-transition-fade-enter-from,.narrat-transition-fade-leave-to{opacity:0}.narrat-transition-slide-right-enter-active,.narrat-transition-slide-right-leave-active{transition-property:transform;transition-timing-function:ease;transition-duration:.3s}.narrat-transition-slide-right-enter-from{transform:translate(-100%)}.narrat-transition-slide-right-leave-to{transform:translate(100%)}.narrat-transition-slide-left-enter-active,.narrat-transition-slide-left-leave-active{transition-property:transform;transition-timing-function:ease;transition-duration:.3s}.narrat-transition-slide-left-enter-from{transform:translate(100%)}.narrat-transition-slide-left-leave-to{transform:translate(-100%)}.narrat-transition-slide-top-enter-active,.narrat-transition-slide-top-leave-active{transition-property:transform;transition-timing-function:ease;transition-duration:.3s}.narrat-transition-slide-top-enter-from{transform:translateY(100%)}.narrat-transition-slide-top-leave-to{transform:translateY(-100%)}.narrat-transition-slide-bottom-enter-active,.narrat-transition-slide-bottom-leave-active{transition-property:transform;transition-timing-function:ease;transition-duration:.3s}.narrat-transition-slide-bottom-enter-from{transform:translateY(-100%)}.narrat-transition-slide-bottom-leave-to{transform:translateY(100%)}.screens-fade-enter-active,.screens-fade-leave-active{transition:opacity .5s ease}.screens-fade-enter-from,.screens-fade-leave-to{opacity:0}.dialog-transition-enter-active,.dialog-transition-leave-active{transition:transform .25s ease-out}.dialog-transition-enter-from,.dialog-transition-leave-to{transform:translateY(-100%)}.highlighted-tooltip-keyword{color:var(--highlighted-tooltip-keyword-color);font-size:var(--highlighted-tooltip-keyword-font-size);font-weight:var(--highlighted-tooltip-keyword-font-weight);-webkit-user-select:auto;user-select:auto;pointer-events:all}.button.selected{border:var(--selected-border)}.modal-mask{position:absolute;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#0003;transition:opacity .3s ease;display:flex;flex-direction:column;flex-shrink:2 2;align-items:center;justify-content:center}.modal-container{min-width:300px;max-width:90vw;max-height:100%;overflow-y:hidden;margin:10px auto;padding:20px 30px;border-radius:5px;transition:all .3s ease;font-family:Helvetica,Arial,sans-serif;background:var(--modal-background);display:flex;flex-direction:column}.modal-header{position:relative}.modal-header h3{flex-shrink:0;margin-top:0;color:var(--secondary)}.modal-body{overflow-y:auto;flex-shrink:2}.modal-default-button{float:right}.modal-enter,.modal-leave-active{opacity:0}.modal-enter .modal-container,.modal-leave-active .modal-container{-webkit-transform:scale(1.1);transform:scale(1.1)}.close-button{border:1px solid var(--text-color);border-radius:50px;font-size:1.8rem;font-weight:700;position:absolute;right:-20px;top:-10px;width:50px;height:50px}.close-button:hover{background-color:var(--focus)}.debug-menu{z-index:9999}.debug-button{position:fixed;bottom:10px;right:10px;padding:5px}.error-message{margin-top:10px;margin-bottom:10px}.error{color:#ff4500}.warning{color:orange}.error-filename{color:gray;text-decoration:underline}.debug-menu-container{width:100%}.search-result{border:1px solid var(--text-color);padding:10px;font-weight:700;font-size:1.25rem;width:100}.jump-menu-container{width:80%}.debug-info{position:fixed;background-color:#0009;border:1px dotted var(--text-color);top:0;left:0;padding:5px}.variables-viewer{height:100%}.notifications-holder{position:fixed;top:0;right:0;padding:10px;display:flex;flex-direction:column-reverse;align-items:center;pointer-events:none;z-index:2}.notification{margin-top:10px;margin-bottom:10px;border-radius:10px;padding:9px;width:400px;text-align:left}.notification-icon{float:left;width:var(--notification-icon-size);height:var(--notification-icon-size);margin-right:10px}.notification-text{color:var(--notifications-text-color);font-size:1.2rem;font-weight:600}.notification-description{margin-top:10px;color:var(--notifications-description-color);font-size:1rem;font-style:italic}.save-slot{background-color:#00000080;border-width:var(--save-ui-border-width);border-style:var(--save-ui-border-style);border-color:var(--save-ui-border-color);width:100%;transition:background-color .3s}.save-slot:hover,.save-slot.selected{background-color:var(--save-ui-selected-background)}.save-slot:not(:last-child){margin-bottom:20px}.save-name{font-size:1.2rem;font-weight:700;background-color:var(--bg-color);color:var(--text-color);padding:0 5px}.save-slot-number-container{width:100px;text-align:center}.save-slot-number{font-size:1.8rem;font-weight:700}.save-slot-screenshot{width:170px;background-size:contain;background-position:center;height:100%;border-left-width:var(--save-ui-border-width);border-style:var(--save-ui-border-style);border-color:var(--save-ui-border-color);background-repeat:no-repeat}.save-info{border-left-width:var(--save-ui-border-width);border-right-width:var(--save-ui-border-width);border-style:var(--save-ui-border-style);border-color:var(--save-ui-border-color);padding:10px;height:100%}.saves-section{margin-bottom:20px}.saves-section-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}#game-menu{width:100%;height:100%;padding:20px;background-color:#000}#game-title-container{margin-bottom:80px}#game-title-text{text-align:center;font-size:3rem}.menu-button{font-size:1.5rem;margin-bottom:10px}#game-header{position:relative;top:100px}.start-menu-buttons-container{width:400px}.save-modal{width:70%}.saves-container{padding:20px}.dialog-picture{position:absolute;width:80px;height:80px;border:2px solid white;border-radius:10px;background-color:gray;z-index:99;transition:all .5s ease-in-out}.dialog-picture img{width:100%;height:100%}.dialog-title{font-size:1.25rem;font-weight:700}.dialog-text{font-size:1rem}.dialog-box{color:var(--text-color);margin-top:15px;padding:0 10px 0 2em}.dialog-box-followup{margin-top:0}.dialog-choice{color:var(--dialog-choice-color)}.dialog-choice.seen-before{color:var(--dialog-choice-seen-before-color)!important}.key-choice{color:var(--dialog-choice-key-color)}.unimportant-choice{color:#fff}.dialog-choice:hover{color:var(--dialog-choice-hover-color);cursor:pointer}.buttons-container{width:100%;padding:10px;display:flex;justify-content:space-evenly;align-items:stretch;box-sizing:border-box}.interact-button{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-color);font-weight:700;font-size:1.3rem;text-align:center;flex-grow:2;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.interact-button:not(:last-child){margin-right:10px}.choice-index{color:#fff;margin-right:10px}.dialog-container{flex-shrink:2;min-height:100%;width:100%;background-color:(var(--bg-color));box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;overflow-x:hidden}.dialog{overflow-y:auto;overflow-x:hidden;position:relative;-ms-overflow-style:none;scrollbar-width:none;background:var(--dialog-box-bg);border:var(--dialog-box-border);box-shadow:0 19px 38px #000000b3,0 15px 12px #00000080}.dialog::-webkit-scrollbar{display:none}.dialog *{overflow-anchor:none}.anchor{overflow-anchor:auto;height:1px}.auto-skip-buttons{position:absolute;top:10px;right:160px}.tab{background:var(--tab-background);border-style:var(--tab-border-style);border-color:var(--tab-border-color);flex-grow:1;padding:5px 1rem;text-align:center}.tab:not(:last-child){border-right-width:1px}.tab-active{background:var(--tab-active-background);color:var(--tab-active-color);text-shadow:0 0 20px #fff,0 0 30px var(--tab-selected-glow-color),0 0 40px var(--tab-selected-glow-color),0 0 50px var(--tab-selected-glow-color),0 0 60px var(--tab-selected-glow-color),0 0 70px var(--tab-selected-glow-color),0 0 80px var(--tab-selected-glow-color)}.tab-inactive{background:var(--tab-inactive-background);color:var(--tab-inactive-color)}.tab-icon{width:16px;height:16px}.tab-title-container{font-size:1.3rem;font-weight:700}.tabs-controller{display:flex;flex-direction:column;width:100%;height:100%;padding:0px 2rem}.tab-content{position:relative;width:100%}.tabs-controller__tabs{position:relative;width:100%;display:flex;flex-direction:row;justify-content:space-evenly;background:var(--tabs-background)}.menu-content{text-align:center}.menu-toggle-button{margin:0;padding:2px;border-radius:5px}.menu-toggle-button:not(:last-child){margin-right:10px}.menu-modal{width:90%;height:90%}.viewport-object{position:absolute;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.8rem;font-weight:700;background-size:cover;background-repeat:no-repeat}.viewport-object.selected{border:var(--selected-border)}.viewport-object.interactable{cursor:pointer;pointer-events:auto}.viewport-object.disabled{pointer-events:none;-webkit-user-select:none;user-select:none}.viewport-button{position:absolute;display:flex;justify-content:center;align-items:center;background:var(--button-background);color:var(--button-text-color);font-size:1.8rem;font-weight:700}.viewport-button.interactable{cursor:pointer;pointer-events:auto}.viewport-button.disabled{pointer-events:none;-webkit-user-select:none;user-select:none}.viewport-button.greyed{opacity:.3}.viewport-button.hidden{opacity:0;display:none}.viewport-button.selected{border:var(--selected-border)}.viewport-layer{background-size:cover;background-repeat:no-repeat;background-position:center;position:absolute;left:0;top:0}.transition-holder{position:absolute;top:0;left:0;width:100%;height:100%}.viewport{position:relative}.layer-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hud{position:absolute;right:0;top:0;display:flex;flex-direction:row-reverse;z-index:3}.hud-stat{border:1px dotted white;background-color:var(--hud-background);color:var(--hud-text-color);padding:5px}.hud-icon{display:inline-block;height:1em}.hud-text{margin-left:5px}.auto-play-feedback-container{position:absolute;top:0;left:0;display:flex;background-color:#00000080}.auto-play-feedback{font-size:1.2rem}@keyframes auto-feedback{0%{opacity:.5}to{opacity:1}}.auto-play-feedback-auto,.auto-play-feedback-skip{animation:auto-feedback 1.5s ease-in-out alternate-reverse infinite}.game{position:absolute;background-color:var(--game-bg-color);display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:100%;box-sizing:border-box;overflow:hidden}.menu-toggle{position:fixed;bottom:0;right:15%;z-index:2}#loading-bar{position:relative;width:60vw;height:50px;border-radius:50px;background:var(--loading-bar-outer-bg);border:3px solid white}#inner-loading-bar{height:100%;border-radius:50px 0 0 50px;background:var(--loading-bar-inner-bg)}#loading-text{z-index:99999;display:flex;align-items:center;justify-content:space-around;position:absolute;width:100%;height:100%;top:0}@keyframes animate-logo{0%{transform:perspective(10000px) rotateY(0) rotateX(0) scale(.8)}50%{transform:perspective(10000px) rotateY(180deg) rotateX(-10deg) scale(1)}to{transform:perspective(10000px) rotateY(360deg) rotateX(0) scale(.8)}}#engine-splash-header{position:absolute;width:50%;perspective:300px;transition-property:opacity}#engine-splash-header.invisible{opacity:0}#engine-splash-screen{position:absolute;width:100%;height:100%;background-color:#000}#engine-splash-logo{width:300px;height:300px;margin:50px;transform-style:preserve-3d;animation:animate-logo infinite 10s;animation-timing-function:linear}#game-splash-title{font-size:4.3rem;text-align:center;margin-bottom:40px}#game-splash-screen{width:100%;height:100%;position:absolute;background-color:#000}.splash-start-button{padding:10px 20px;font-size:2rem}.floating-tooltip{position:fixed;background:var(--tooltip-background);border:var(--tooltip-border);border-radius:var(--tooltip-border-radius);padding:10px;z-index:100}.floating-tooltip-title{font-size:var(--tooltip-title-font-size);color:var(--tooltip-title-color);font-weight:700;margin-bottom:5px}.floating-tooltip-text{font-size:var(--tooltip-font-size);color:var(--tooltip-color)}#app-container{background-color:var(--bg-color);width:100%;height:100%;position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;color:var(--text-color);box-sizing:border-box;overflow:hidden;transform-origin:center center}#app{z-index:2;width:100%;height:100%;position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;color:var(--text-color);box-sizing:border-box;overflow:hidden;transform-origin:center center}.app-blurred-by-modal{filter:blur(5px)}.volume-label{font-size:1.25rem;font-weight:700;width:180px;text-align:right;margin-right:20px}.volume-controls{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--light-background);border:1px dashed white;padding:20px;margin:20px 0}.volume-control{width:100%;font-size:1.5rem;display:flex;align-items:center;justify-content:space-between;margin:0 20px}.volume-slider{flex-grow:2;background-color:#00f}.yellow{background-color:#ff0}.setting-label{font-size:1.25rem;font-weight:700;text-align:left;margin-right:20px}.setting-slider{flex-grow:2;background-color:#00f}.settings-widget-container{width:100%;font-size:1.5rem;display:flex;align-items:center;justify-content:flex-start}.setting-description{margin-left:2rem}.setting-separator{background-color:var(--separator-bg-color);width:var(--separator-width);height:var(--separator-height);margin-top:.5rem;margin-bottom:.5rem;text-align:center;margin-left:auto;margin-right:auto}.settings-menu-title{margin-top:1rem;margin-bottom:1rem}.settings-menu-container{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:var(--light-background);border:1px dashed white;padding:20px;margin:20px 0}.quit-button{margin:20px;text-align:center}.main-menu-modal{width:60%}.sub-tabs-controller{display:flex;flex-direction:column;width:100%;height:100%;padding:0px 2rem}.sub-tab-content{position:relative;width:100%;margin-top:2rem}.sub-tabs-controller__tabs{position:relative;width:100%;display:flex;flex-direction:row;justify-content:space-evenly;background:var(--tabs-background)}.inventory-section{display:flex;flex-direction:column;margin:1rem 0}.inventory-section-items{display:grid;grid-auto-rows:auto;grid-template-columns:repeat(3,1fr);grid-gap:20px 20px}.item-display{width:200px;height:200px;position:relative;background-repeat:no-repeat;background-size:contain}.item-display.selected{border:var(--selected-border)}.item-title{position:absolute;bottom:0;text-align:center;width:100%;color:var(--inventory-text-color);background:var(--inventory-text-background)}.item-amount{position:absolute;top:0;right:0;font-weight:700;font-size:1.25rem;color:var(--inventory-amount-color);width:40px;height:40px;background-color:var(--inventory-amount-background)}.inventory-modal{width:800px;min-height:50%}.inventory-container{display:grid;grid-auto-rows:auto;grid-template-columns:repeat(3,1fr);grid-gap:20px 20px}.item-description-container{justify-content:space-between;align-items:stretch}.item-left{border:1px dashed white;flex-direction:column;padding:10px;justify-content:center}.item-right{border:1px dashed white;flex-direction:column;flex-grow:2;align-items:baseline;padding:10px}.achievement-display{display:flex;align-items:center;flex-direction:column;border-color:var(--achievement-tile-border-color);position:relative;background:var(--achievement-tile-background)}.achievement-icon{width:200px;height:200px;background-size:contain;background-repeat:no-repeat}.obtained-status{width:100%;text-align:left;color:var(--achievement-description-color);font-style:italic}.achievement-title{text-align:left;width:100%;color:var(--achievement-title-color);margin-bottom:5px}.achievement-description{width:100%;text-align:left;color:var(--achievement-description-color)}.achievements-section{display:flex;flex-direction:column;margin:1rem 0}.achievements-section-achievements{display:grid;grid-auto-rows:auto;grid-template-columns:repeat(3,1fr);grid-gap:20px 20px}.achievements-modal{width:800px;min-height:50%}.achievements-container{display:grid;grid-auto-rows:auto;grid-template-columns:repeat(3,1fr);grid-gap:20px 20px}.achievement-description-container{justify-content:space-between;align-items:stretch}.achievement-left{border:1px dashed white;flex-direction:column;padding:10px;justify-content:center}.achievement-right{border:1px dashed white;flex-direction:column;flex-grow:2;align-items:baseline;padding:10px}.quest-header{display:flex;flex-direction:row;align-items:center}.quest-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.quest-completed{color:var(--completed-quest-title-color)}.quest-in-progress{color:var(--quest-title-color)}.quest-state{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.quest-description{font-size:1.1rem;text-align:justify;font-style:italic;margin-bottom:.5rem}.quest-objectives-container{margin-left:10px}.quest-objective-completed{color:var(--objective-completed-color);text-decoration:line-through}.quest-objective-in-progress{color:var(--objective-in-progress-color)}.quest-objective-description{font-size:1rem;margin-bottom:.5rem}.quest-list-display{cursor:pointer;transition:transform .2s ease-in-out}.quest-list-display:hover{transform:translateY(-2px)}.quest-list-title{padding-left:10px;font-size:1.2rem}.quest-list-completed{color:var(--completed-quest-title-color)}.quest-list-in-progress{color:var(--quest-title-color)}.quests-category{margin-left:.6rem}.quests-modal{width:100%;min-height:50%}.quests-ui{display:flex;align-items:stretch;width:100%;flex-grow:2;height:400px}.quests-ui-horizontal{flex-direction:row}.quests-ui-vertical{flex-direction:column}.quests-list-container{background-color:#96969680;margin-right:20px;flex-shrink:0;border:1px dashed white;padding:20px;height:100%;overflow-y:auto}.quest-details{background-color:#96969680;flex-grow:1;border:1px dashed white;padding:20px;height:100%;overflow-y:auto}.skill-display[data-v-db9d98bf]{width:200px;height:300px;position:relative;background-size:cover}.skill-description-container[data-v-db9d98bf]{justify-content:space-between;align-items:stretch}.skill-left[data-v-db9d98bf]{flex-direction:column;border:1px dashed white;padding:10px;justify-content:center}.skill-right[data-v-db9d98bf]{border:1px dashed white;flex-direction:column;align-items:baseline;flex-grow:2}.skill-grid-element[data-v-8d457bf9]{width:200px;height:300px;position:relative;background-size:cover}.skill-grid-element.selected[data-v-8d457bf9]{border:var(--selected-border)}.skill-title[data-v-8d457bf9]{position:absolute;bottom:0;text-align:center;width:100%;color:var(--skills-text-color);background:var(--skills-text-background)}.skill-xp-container[data-v-8d457bf9]{position:absolute;top:0;left:0;height:var(--skills-xp-bar-height);width:calc(100% - var(--skills-xp-bar-height));background-color:#00000080}.skill-xp-bar[data-v-8d457bf9]{position:absolute;top:0;left:0;width:50%;height:100%;background-color:#0000fa80}.skill-xp-text[data-v-8d457bf9]{z-index:2}.skill-level[data-v-8d457bf9]{position:absolute;top:0;right:0;font-weight:700;font-size:1.5rem;color:var(--skills-level-color);width:var(--skills-xp-bar-height);height:var(--skills-xp-bar-height);background-color:var(--skills-level-background)}.skills-container[data-v-31202bb8]{display:grid;grid-auto-rows:auto;grid-template-columns:repeat(3,1fr);grid-gap:20px 20px}
+*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}*{--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgba(59, 130, 246, .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}body{margin:0;font-family:inherit;line-height:inherit}b{font-weight:bolder}button,input,select{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role=button]{cursor:pointer}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}h3,h1,p,h2,hr,h4{margin:0}h3,h1,h2,h4{font-size:inherit;font-weight:inherit}img{border-style:solid}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}img,video{display:block;vertical-align:middle;max-width:100%;height:auto}table{text-indent:0;border-color:inherit;border-collapse:collapse}ul{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgba(229,231,235,var(--tw-bg-opacity))}.dark .dark\:bg-gray-700{--tw-bg-opacity: 1;background-color:rgba(55,65,81,var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgba(31,41,55,var(--tw-bg-opacity))}.border-0{border-width:0px}.block{display:block}.inline{display:inline}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.h-px{height:1px}.list-disc{list-style-type:disc}.mx-8{margin-left:2rem;margin-right:2rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mx-auto{margin-left:auto;margin-right:auto}.tab\.condition\(\),.tab\.id,.tab,.tab\.icon,.tab\.label,.\.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.static{position:static}.absolute{position:absolute}.resize{resize:both}.table-auto{table-layout:auto}.text-left{text-align:left}.text-center{text-align:center}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.indent{text-indent:1.5rem}.visible{visibility:visible}.w-full{width:100%}.gap-4{grid-gap:1rem;gap:1rem}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.transform{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate: 0;--tw-rotate-x: 0;--tw-rotate-y: 0;--tw-rotate-z: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.\<transition,.transition,.transition\.duration,.transition\.delay{-webkit-transition-property:background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,filter,backdrop-filter;-o-transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-box-shadow,transform,-webkit-transform,filter,backdrop-filter;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s}.ease-in-out{-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration{-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}:root{--font-family: "Helvetica", sans-serif, "Arial", "sans-serif";--bg-color: rgba(19, 23, 32, .9);--text-color: #d9e1f2;--grey-text-color: #a6a6a6;--primary: hsl(255, 30%, 55%);--focus: hsl(210, 90%, 50%);--secondary: #42b983;--border-color: hsla(0, 0%, 100%, .2);--light-1: hsl(210, 30%, 40%);--light-2: hsl(255, 30%, 50%);--light-gradient: linear-gradient(to right, var(--light-1), var(--light-2));--light-background: rgba(255, 255, 255, .3);--button-background: var(--tile-background);--button-text-color: var(--text-color);--modal-gradient-1: rgba(18, 21, 26, .8);--modal-gradient-2: rgba(37, 40, 44, .6);--modal-background: linear-gradient( 90deg, var(--modal-gradient-1) 0%, var(--modal-gradient-2) 100% );--tile-gradient-1: rgba(18, 21, 26, .9);--tile-gradient-2: rgba(37, 40, 44, .7);--tile-background: linear-gradient( 90deg, var(--tile-gradient-1) 0%, var(--tile-gradient-2) 100% );--tile-border-color: rgba(166, 166, 166, .3);--shadow-1: hsla(236, 50%, 50%, .3);--shadow-2: hsla(236, 50%, 50%, .4);--hud-background: rgba(0, 0, 0, .4);--hud-text-color: var(--text-color);--notification-bg: var(--tile-background);--notification-text-color: var(--text-color);--notification-description-color: var(--grey-text-color);--notification-icon-size: 40px;--skills-text-background: rgba(0, 0, 0, .5);--skills-text-color: var(--text-color);--skills-level-background: rgba(0, 0, 0, .5);--skills-level-color: orange;--skills-xp-bar-height: 40px;--skill-check-name-color: orange;--skill-check-difficulty: orange;--skill-check-success: green;--skill-check-failed: red;--skill-check-color: orange;--dialog-choice-color: orange;--dialog-choice-seen-before-color: grey;--dialog-choice-key-color: red;--dialog-choice-hover-color: var(--text-color);--inventory-text-background: rgba(0, 0, 0, .5);--inventory-text-color: var(--text-color);--inventory-amount-background: rgba(0, 0, 0, .5);--inventory-amount-color: orange;--quest-title-color: yellow;--completed-quest-title-color: grey;--objective-in-progress-color: white;--objective-completed-color: grey;--loading-bar-inner-bg: var(--light-background);--loading-bar-outer-bg: var(--bg-color);--dialog-box-bg: var(--bg-color);--dialog-box-border: none;--tabs-background: linear-gradient( 90deg, rgba(0, 0, 0, .2) 0%, rgba(100, 100, 100, 1) 53%, rgba(0, 0, 0, .2) 100% );--tab-active-background: rgba(0, 0, 0, 0);--tab-active-text-color: var(--text-color);--tab-inactive-background: rgba(0, 0, 0, 0);--tab-inactive-text-color: var(--text-color);--tab-border-style: solid;--tab-border-color: white;--tab-selected-glow-color: var(--focus);--tooltip-background: #331d00;--tooltip-border: 1px solid orange;--tooltip-border-radius: 5px;--tooltip-title-font-size: 1.2rem;--tooltip-font-size: 1rem;--tooltip-title-color: red;--tooltip-color: var(--text-color);--highlighted-tooltip-keyword-color: red;--highlighted-tooltip-keyword-font-size: 1.1em;--highlighted-tooltip-keyword-font-weight: bold;--achievement-title-color: var(--text-color);--achievement-tile-background: var(--tile-background);--achievement-tile-border-color: var(--tile-border-color);--achievement-description-color: rgb(170, 170, 170);--separator-bg-color: rgba(250, 250, 250, .8);--separator-height: 1px;--separator-width: 100%;--save-ui-border-style: dashed;--save-ui-border-width: 1px;--save-ui-border-color: rgba(255, 255, 255, .3);--save-ui-selected-background: #bf9a21;--selected-border: 2px solid cyan;--game-bg-color: transparent}body{font-family:var(--font-family);padding:0;margin:0;font-family:Arial,sans-serif;background-color:#000}.red{color:red}.tile{background:var(--tile-background);border-color:var(--tile-border-color);border-radius:15px;border-style:solid;border-width:2px;padding:20px}*{font-family:var(--font-family);-webkit-user-select:none;user-select:none;box-sizing:border-box}.list-item{display:inline-block;margin-right:10px}.list-enter-active,.list-leave-active{transition:all .3s ease}.think-command{color:#0ff}#narrat-app{background-size:cover}.list-enter-from,.list-leave-to{opacity:0;transform:translate(300px)}.notification-item{display:inline-block;margin-right:10px}.notification-enter-active,.notification-leave-active{transition:all .3s ease}.notification-enter-from,.notification-leave-to{opacity:0;transform:translateY(-300px)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-in-enter-active{transition:opacity .1s ease}.fade-in-enter-from{opacity:0}.select{background:var(--light-background);padding:10px}.option{background-color:var(--light-2);padding:5px;color:var(--text-color)}.button{background:var(--button-background);color:var(--button-text-color);border-color:var(--tile-border-color);border-radius:10px;border-width:2px;padding:10px;font-weight:800;font-size:1rem;margin:10px;transition:.2s}.button.large{border-radius:20px}.menu-button{border-radius:5px}.button.main-menu-button{border-radius:20px}.button:focus,.button:hover{transform:translateY(-.2rem)}.disabled{-webkit-user-select:none;user-select:none;pointer-events:none}.button.disabled{box-shadow:unset;color:gray;background:var(--border-color)}.input{background:var(--light-background);color:var(--text-color);box-shadow:.4rem .4rem 2.4rem .2rem var(--shadow-1);border-radius:100px;padding:10px;font-weight:800;font-size:1rem;margin:10px;transition:.2s}.input:focus,.input:hover{transform:translateY(-.2rem);box-shadow:0 0 2.4rem .2rem var(--shadow-2)}a{color:pink;text-decoration:underline}th,td{padding:4px;border:1px solid var(--text-color);text-align:center}#game-holder{width:100vw;height:100vh;padding:0;margin:0;top:0;left:0;background-color:#000;display:flex;align-items:center;justify-content:center;min-height:-webkit-fill-available}.title{font-size:1.8rem;font-weight:700;text-align:center}.container{padding:20px}h1,h2,h3,h4{font-weight:700}h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.4rem}hr.solid{border:1px solid var(--text-color);margin-top:20px;margin-bottom:0}.card-1{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:all .3s cubic-bezier(.25,.8,.25,1)}.card-1:hover{box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.card-2{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.card-3{box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}.card-4{box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.card-5{box-shadow:0 19px 38px #000000b3,0 15px 12px #00000080}.dialog-choice{transition:.2s}.dialog-choice:hover,.dialog-choice.selected{transform:scale(1.05);background-color:#faad394d;transform-origin:center}.dialog-choice:not(:hover)>.skill-check-name,.passive-skill-check>.skill-check-name{color:var(--skill-check-name-color)}.dialog-choice:not(:hover)>.skill-check-difficulty,.passive-skill-check>.skill-check-difficulty{color:var(--skill-check-difficulty)}.skill-check-difficulty{font-weight:700}.dialog-choice:not(:hover)>.skill-check-success,.passive-skill-check>.skill-check-success{color:var(--skill-check-success)}.dialog-choice:not(:hover)>.skill-check-failed,.passive-skill-check>.skill-check-failed{color:var(--skill-check-failed)}.dialog-choice:not(:hover)>.skill-check,.passive-skill-check.skill-check{color:var(--skill-check-color)}.narrat-canvas{position:absolute;height:100%;top:0;left:0}#touchTrigger{pointer-events:none}.narrat-transition-fade-enter-active,.narrat-transition-fade-leave-active{transition-property:opacity;transition-timing-function:ease;transition-duration:.3s}.narrat-transition-fade-enter-from,.narrat-transition-fade-leave-to{opacity:0}.narrat-transition-slide-right-enter-active,.narrat-transition-slide-right-leave-active{transition-property:transform;transition-timing-function:ease;transition-duration:.3s}.narrat-transition-slide-right-enter-from{transform:translate(-100%)}.narrat-transition-slide-right-leave-to{transform:translate(100%)}.narrat-transition-slide-left-enter-active,.narrat-transition-slide-left-leave-active{transition-property:transform;transition-timing-function:ease;transition-duration:.3s}.narrat-transition-slide-left-enter-from{transform:translate(100%)}.narrat-transition-slide-left-leave-to{transform:translate(-100%)}.narrat-transition-slide-top-enter-active,.narrat-transition-slide-top-leave-active{transition-property:transform;transition-timing-function:ease;transition-duration:.3s}.narrat-transition-slide-top-enter-from{transform:translateY(100%)}.narrat-transition-slide-top-leave-to{transform:translateY(-100%)}.narrat-transition-slide-bottom-enter-active,.narrat-transition-slide-bottom-leave-active{transition-property:transform;transition-timing-function:ease;transition-duration:.3s}.narrat-transition-slide-bottom-enter-from{transform:translateY(-100%)}.narrat-transition-slide-bottom-leave-to{transform:translateY(100%)}.screens-fade-enter-active,.screens-fade-leave-active{transition:opacity .5s ease}.screens-fade-enter-from,.screens-fade-leave-to{opacity:0}.dialog-transition-enter-active,.dialog-transition-leave-active{transition:transform .25s ease-out}.dialog-transition-enter-from,.dialog-transition-leave-to{transform:translateY(-100%)}.highlighted-tooltip-keyword{color:var(--highlighted-tooltip-keyword-color);font-size:var(--highlighted-tooltip-keyword-font-size);font-weight:var(--highlighted-tooltip-keyword-font-weight);-webkit-user-select:auto;user-select:auto;pointer-events:all}.button.selected{border:var(--selected-border)}@keyframes narrat-screenshake{0%{transform:translate(0)}25%{transform:translate(5px)}50%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}.modal-mask{position:absolute;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#0003;transition:opacity .3s ease;display:flex;flex-direction:column;flex-shrink:2 2;align-items:center;justify-content:center}.modal-container{min-width:300px;max-width:90vw;max-height:100%;overflow-y:hidden;margin:10px auto;padding:20px 30px;border-radius:5px;transition:all .3s ease;font-family:Helvetica,Arial,sans-serif;background:var(--modal-background);display:flex;flex-direction:column}.modal-header{position:relative}.modal-header h3{flex-shrink:0;margin-top:0;color:var(--secondary)}.modal-body{overflow-y:auto;flex-shrink:2}.modal-default-button{float:right}.modal-enter,.modal-leave-active{opacity:0}.modal-enter .modal-container,.modal-leave-active .modal-container{-webkit-transform:scale(1.1);transform:scale(1.1)}.close-button{border:1px solid var(--text-color);border-radius:50px;font-size:1.8rem;font-weight:700;position:absolute;right:-20px;top:-10px;width:50px;height:50px}.close-button:hover{background-color:var(--focus)}.debug-menu{z-index:9999}.debug-button{position:fixed;bottom:10px;right:10px;padding:5px}.error-message{margin-top:10px;margin-bottom:10px}.error{color:#ff4500}.warning{color:orange}.error-filename{color:gray;text-decoration:underline}.debug-menu-container{width:100%}.search-result{border:1px solid var(--text-color);padding:10px;font-weight:700;font-size:1.25rem;width:100}.jump-menu-container{width:80%}.debug-info{position:fixed;background-color:#0009;border:1px dotted var(--text-color);top:0;left:0;padding:5px}.variables-viewer{height:100%}.notifications-holder{position:fixed;top:0;right:0;padding:10px;display:flex;flex-direction:column-reverse;align-items:center;pointer-events:none;z-index:2}.notification{margin-top:10px;margin-bottom:10px;border-radius:10px;padding:9px;width:400px;text-align:left}.notification-icon{float:left;width:var(--notification-icon-size);height:var(--notification-icon-size);margin-right:10px}.notification-text{color:var(--notifications-text-color);font-size:1.2rem;font-weight:600}.notification-description{margin-top:10px;color:var(--notifications-description-color);font-size:1rem;font-style:italic}.save-slot{background-color:#00000080;border-width:var(--save-ui-border-width);border-style:var(--save-ui-border-style);border-color:var(--save-ui-border-color);width:100%;transition:background-color .3s}.save-slot:hover,.save-slot.selected{background-color:var(--save-ui-selected-background)}.save-slot:not(:last-child){margin-bottom:20px}.save-name{font-size:1.2rem;font-weight:700;background-color:var(--bg-color);color:var(--text-color);padding:0 5px}.save-slot-number-container{width:100px;text-align:center}.save-slot-number{font-size:1.8rem;font-weight:700}.save-slot-screenshot{width:170px;background-size:contain;background-position:center;height:100%;border-left-width:var(--save-ui-border-width);border-style:var(--save-ui-border-style);border-color:var(--save-ui-border-color);background-repeat:no-repeat}.save-info{border-left-width:var(--save-ui-border-width);border-right-width:var(--save-ui-border-width);border-style:var(--save-ui-border-style);border-color:var(--save-ui-border-color);padding:10px;height:100%}.saves-section{margin-bottom:20px}.saves-section-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}#game-menu{width:100%;height:100%;padding:20px;background-color:#000}#game-title-container{margin-bottom:80px}#game-title-text{text-align:center;font-size:3rem}.menu-button{font-size:1.5rem;margin-bottom:10px}#game-header{position:relative;top:100px}.start-menu-buttons-container{width:400px}.save-modal{width:70%}.saves-container{padding:20px}.dialog-picture{position:absolute;width:80px;height:80px;border:2px solid white;border-radius:10px;background-color:gray;z-index:99;transition:all .5s ease-in-out}.dialog-picture img{width:100%;height:100%}.dialog-title{font-size:1.25rem;font-weight:700}.dialog-text{font-size:1rem}.dialog-box{color:var(--text-color);margin-top:15px;padding:0 10px 0 2em}.dialog-box-followup{margin-top:0}.dialog-choice{color:var(--dialog-choice-color)}.dialog-choice.seen-before{color:var(--dialog-choice-seen-before-color)!important}.key-choice{color:var(--dialog-choice-key-color)}.unimportant-choice{color:#fff}.dialog-choice:hover{color:var(--dialog-choice-hover-color);cursor:pointer}.buttons-container{width:100%;padding:10px;display:flex;justify-content:space-evenly;align-items:stretch;box-sizing:border-box}.interact-button{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-color);font-weight:700;font-size:1.3rem;text-align:center;flex-grow:2;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.interact-button:not(:last-child){margin-right:10px}.choice-index{color:#fff;margin-right:10px}.dialog-container{flex-shrink:2;min-height:100%;width:100%;background-color:(var(--bg-color));box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;overflow-x:hidden}.dialog{overflow-y:auto;overflow-x:hidden;position:relative;-ms-overflow-style:none;scrollbar-width:none;background:var(--dialog-box-bg);border:var(--dialog-box-border);box-shadow:0 19px 38px #000000b3,0 15px 12px #00000080}.dialog::-webkit-scrollbar{display:none}.dialog *{overflow-anchor:none}.anchor{overflow-anchor:auto;height:1px}.auto-skip-buttons{position:absolute;top:10px;right:160px}.tab{background:var(--tab-background);border-style:var(--tab-border-style);border-color:var(--tab-border-color);flex-grow:1;padding:5px 1rem;text-align:center}.tab:not(:last-child){border-right-width:1px}.tab-active{background:var(--tab-active-background);color:var(--tab-active-color);text-shadow:0 0 20px #fff,0 0 30px var(--tab-selected-glow-color),0 0 40px var(--tab-selected-glow-color),0 0 50px var(--tab-selected-glow-color),0 0 60px var(--tab-selected-glow-color),0 0 70px var(--tab-selected-glow-color),0 0 80px var(--tab-selected-glow-color)}.tab-inactive{background:var(--tab-inactive-background);color:var(--tab-inactive-color)}.tab-icon{width:16px;height:16px}.tab-title-container{font-size:1.3rem;font-weight:700}.tabs-controller{display:flex;flex-direction:column;width:100%;height:100%;padding:0px 2rem}.tab-content{position:relative;width:100%}.tabs-controller__tabs{position:relative;width:100%;display:flex;flex-direction:row;justify-content:space-evenly;background:var(--tabs-background)}.menu-content{text-align:center}.menu-toggle-button{margin:0;padding:2px;border-radius:5px}.menu-toggle-button:not(:last-child){margin-right:10px}.menu-modal{width:90%;height:90%}.viewport-object{position:absolute;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.8rem;font-weight:700;background-size:cover;background-repeat:no-repeat}.viewport-object.selected{border:var(--selected-border)}.viewport-object.interactable{cursor:pointer;pointer-events:auto}.viewport-object.disabled{pointer-events:none;-webkit-user-select:none;user-select:none}.viewport-button{position:absolute;display:flex;justify-content:center;align-items:center;background:var(--button-background);color:var(--button-text-color);font-size:1.8rem;font-weight:700}.viewport-button.interactable{cursor:pointer;pointer-events:auto}.viewport-button.disabled{pointer-events:none;-webkit-user-select:none;user-select:none}.viewport-button.greyed{opacity:.3}.viewport-button.hidden{opacity:0;display:none}.viewport-button.selected{border:var(--selected-border)}.viewport-layer{background-size:cover;background-repeat:no-repeat;background-position:center;position:absolute;left:0;top:0}.transition-holder{position:absolute;top:0;left:0;width:100%;height:100%}.viewport{position:relative}.layer-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hud{position:absolute;right:0;top:0;display:flex;flex-direction:row-reverse;z-index:3}.hud-stat{border:1px dotted white;background-color:var(--hud-background);color:var(--hud-text-color);padding:5px}.hud-icon{display:inline-block;height:1em}.hud-text{margin-left:5px}.auto-play-feedback-container{position:absolute;top:0;left:0;display:flex;background-color:#00000080}.auto-play-feedback{font-size:1.2rem}@keyframes auto-feedback{0%{opacity:.5}to{opacity:1}}.auto-play-feedback-auto,.auto-play-feedback-skip{animation:auto-feedback 1.5s ease-in-out alternate-reverse infinite}.game{position:absolute;background-color:var(--game-bg-color);display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:100%;box-sizing:border-box;overflow:hidden}.menu-toggle{position:fixed;bottom:0;right:15%;z-index:2}#loading-bar{position:relative;width:60vw;height:50px;border-radius:50px;background:var(--loading-bar-outer-bg);border:3px solid white}#inner-loading-bar{height:100%;border-radius:50px 0 0 50px;background:var(--loading-bar-inner-bg)}#loading-text{z-index:99999;display:flex;align-items:center;justify-content:space-around;position:absolute;width:100%;height:100%;top:0}@keyframes animate-logo{0%{transform:perspective(10000px) rotateY(0) rotateX(0) scale(.8)}50%{transform:perspective(10000px) rotateY(180deg) rotateX(-10deg) scale(1)}to{transform:perspective(10000px) rotateY(360deg) rotateX(0) scale(.8)}}#engine-splash-header{position:absolute;width:50%;perspective:300px;transition-property:opacity}#engine-splash-header.invisible{opacity:0}#engine-splash-screen{position:absolute;width:100%;height:100%;background-color:#000}#engine-splash-logo{width:300px;height:300px;margin:50px;transform-style:preserve-3d;animation:animate-logo infinite 10s;animation-timing-function:linear}#game-splash-title{font-size:4.3rem;text-align:center;margin-bottom:40px}#game-splash-screen{width:100%;height:100%;position:absolute;background-color:#000}.splash-start-button{padding:10px 20px;font-size:2rem}.floating-tooltip{position:fixed;background:var(--tooltip-background);border:var(--tooltip-border);border-radius:var(--tooltip-border-radius);padding:10px;z-index:100}.floating-tooltip-title{font-size:var(--tooltip-title-font-size);color:var(--tooltip-title-color);font-weight:700;margin-bottom:5px}.floating-tooltip-text{font-size:var(--tooltip-font-size);color:var(--tooltip-color)}#narrat-app-container{background-color:var(--bg-color);width:100%;height:100%;position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;color:var(--text-color);box-sizing:border-box;overflow:hidden;transform-origin:center center;transition:all .15s ease}#narrat-app{z-index:2;width:100%;height:100%;position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;color:var(--text-color);box-sizing:border-box;overflow:hidden;transform-origin:center center}.app-blurred-by-modal{filter:blur(5px)}.volume-label{font-size:1.25rem;font-weight:700;width:180px;text-align:right;margin-right:20px}.volume-controls{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--light-background);border:1px dashed white;padding:20px;margin:20px 0}.volume-control{width:100%;font-size:1.5rem;display:flex;align-items:center;justify-content:space-between;margin:0 20px}.volume-slider{flex-grow:2;background-color:#00f}.yellow{background-color:#ff0}.setting-label{font-size:1.25rem;font-weight:700;text-align:left;margin-right:20px}.setting-slider{flex-grow:2;background-color:#00f}.settings-widget-container{width:100%;font-size:1.5rem;display:flex;align-items:center;justify-content:flex-start}.setting-description{margin-left:2rem}.setting-separator{background-color:var(--separator-bg-color);width:var(--separator-width);height:var(--separator-height);margin-top:.5rem;margin-bottom:.5rem;text-align:center;margin-left:auto;margin-right:auto}.settings-menu-title{margin-top:1rem;margin-bottom:1rem}.settings-menu-container{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:var(--light-background);border:1px dashed white;padding:20px;margin:20px 0}.quit-button{margin:20px;text-align:center}.main-menu-modal{width:60%}.sub-tabs-controller{display:flex;flex-direction:column;width:100%;height:100%;padding:0px 2rem}.sub-tab-content{position:relative;width:100%;margin-top:2rem}.sub-tabs-controller__tabs{position:relative;width:100%;display:flex;flex-direction:row;justify-content:space-evenly;background:var(--tabs-background)}.inventory-section{display:flex;flex-direction:column;margin:1rem 0}.inventory-section-items{display:grid;grid-auto-rows:auto;grid-template-columns:repeat(3,1fr);grid-gap:20px 20px}.item-display{width:200px;height:200px;position:relative;background-repeat:no-repeat;background-size:contain}.item-display.selected{border:var(--selected-border)}.item-title{position:absolute;bottom:0;text-align:center;width:100%;color:var(--inventory-text-color);background:var(--inventory-text-background)}.item-amount{position:absolute;top:0;right:0;font-weight:700;font-size:1.25rem;color:var(--inventory-amount-color);width:40px;height:40px;background-color:var(--inventory-amount-background)}.inventory-modal{width:800px;min-height:50%}.inventory-container{display:grid;grid-auto-rows:auto;grid-template-columns:repeat(3,1fr);grid-gap:20px 20px}.item-description-container{justify-content:space-between;align-items:stretch}.item-left{border:1px dashed white;flex-direction:column;padding:10px;justify-content:center}.item-right{border:1px dashed white;flex-direction:column;flex-grow:2;align-items:baseline;padding:10px}.achievement-display{display:flex;align-items:center;flex-direction:column;border-color:var(--achievement-tile-border-color);position:relative;background:var(--achievement-tile-background)}.achievement-icon{width:200px;height:200px;background-size:contain;background-repeat:no-repeat}.obtained-status{width:100%;text-align:left;color:var(--achievement-description-color);font-style:italic}.achievement-title{text-align:left;width:100%;color:var(--achievement-title-color);margin-bottom:5px}.achievement-description{width:100%;text-align:left;color:var(--achievement-description-color)}.achievements-section{display:flex;flex-direction:column;margin:1rem 0}.achievements-section-achievements{display:grid;grid-auto-rows:auto;grid-template-columns:repeat(3,1fr);grid-gap:20px 20px}.achievements-modal{width:800px;min-height:50%}.achievements-container{display:grid;grid-auto-rows:auto;grid-template-columns:repeat(3,1fr);grid-gap:20px 20px}.achievement-description-container{justify-content:space-between;align-items:stretch}.achievement-left{border:1px dashed white;flex-direction:column;padding:10px;justify-content:center}.achievement-right{border:1px dashed white;flex-direction:column;flex-grow:2;align-items:baseline;padding:10px}.quest-header{display:flex;flex-direction:row;align-items:center}.quest-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.quest-completed{color:var(--completed-quest-title-color)}.quest-in-progress{color:var(--quest-title-color)}.quest-state{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.quest-description{font-size:1.1rem;text-align:justify;font-style:italic;margin-bottom:.5rem}.quest-objectives-container{margin-left:10px}.quest-objective-completed{color:var(--objective-completed-color);text-decoration:line-through}.quest-objective-in-progress{color:var(--objective-in-progress-color)}.quest-objective-description{font-size:1rem;margin-bottom:.5rem}.quest-list-display{cursor:pointer;transition:transform .2s ease-in-out}.quest-list-display:hover{transform:translateY(-2px)}.quest-list-title{padding-left:10px;font-size:1.2rem}.quest-list-completed{color:var(--completed-quest-title-color)}.quest-list-in-progress{color:var(--quest-title-color)}.quests-category{margin-left:.6rem}.quests-modal{width:100%;min-height:50%}.quests-ui{display:flex;align-items:stretch;width:100%;flex-grow:2;height:400px}.quests-ui-horizontal{flex-direction:row}.quests-ui-vertical{flex-direction:column}.quests-list-container{background-color:#96969680;margin-right:20px;flex-shrink:0;border:1px dashed white;padding:20px;height:100%;overflow-y:auto}.quest-details{background-color:#96969680;flex-grow:1;border:1px dashed white;padding:20px;height:100%;overflow-y:auto}.skill-display[data-v-db9d98bf]{width:200px;height:300px;position:relative;background-size:cover}.skill-description-container[data-v-db9d98bf]{justify-content:space-between;align-items:stretch}.skill-left[data-v-db9d98bf]{flex-direction:column;border:1px dashed white;padding:10px;justify-content:center}.skill-right[data-v-db9d98bf]{border:1px dashed white;flex-direction:column;align-items:baseline;flex-grow:2}.skill-grid-element[data-v-8d457bf9]{width:200px;height:300px;position:relative;background-size:cover}.skill-grid-element.selected[data-v-8d457bf9]{border:var(--selected-border)}.skill-title[data-v-8d457bf9]{position:absolute;bottom:0;text-align:center;width:100%;color:var(--skills-text-color);background:var(--skills-text-background)}.skill-xp-container[data-v-8d457bf9]{position:absolute;top:0;left:0;height:var(--skills-xp-bar-height);width:calc(100% - var(--skills-xp-bar-height));background-color:#00000080}.skill-xp-bar[data-v-8d457bf9]{position:absolute;top:0;left:0;width:50%;height:100%;background-color:#0000fa80}.skill-xp-text[data-v-8d457bf9]{z-index:2}.skill-level[data-v-8d457bf9]{position:absolute;top:0;right:0;font-weight:700;font-size:1.5rem;color:var(--skills-level-color);width:var(--skills-xp-bar-height);height:var(--skills-xp-bar-height);background-color:var(--skills-level-background)}.skills-container[data-v-31202bb8]{display:grid;grid-auto-rows:auto;grid-template-columns:repeat(3,1fr);grid-gap:20px 20px}

package/dist/types/app-types.d.ts

@@ -1,3 +1,4 @@
+import type { ConfigInput } from '../config/config-input';
 export type NarratScript = {
     code: string;
     fileName: string;
@@ -10,5 +11,9 @@ export interface AppOptions {
     scripts: NarratScript[];
     logging?: boolean;
     debug?: boolean;
+    container?: HTMLElement | string;
+    configs?: {
+        [Key in keyof ConfigInput]: ConfigInput[Key];
+    };
 }
 export type AppOptionsInput = Partial<AppOptions>;

package/dist/types/game-save.d.ts

@@ -12,6 +12,7 @@ import { AchievementsSave } from '../stores/achievements-store';
 import { GameUserSettingsSave } from '../stores/settings-store';
 import { ConfigStoreSave } from '../stores/config-store';
 import { ChoiceTrackingSave } from '../stores/choices-tracking-store';
+import { RenderingSaveData } from '../stores/rendering-store';
 export interface SaveSlot {
     slotType: 'manual' | 'auto';
     id: string;
@@ -35,6 +36,7 @@ export type GameSave = {
     settings: GameUserSettingsSave;
     config: ConfigStoreSave;
     choices: ChoiceTrackingSave;
+    rendering: RenderingSaveData;
 };
 export type GlobalGameSave = {
     achievements: AchievementsSave;

package/dist/utils/animation.d.ts

@@ -0,0 +1,8 @@
+import { AnimationsConfig, CSSAnimationKeyframes, CSSAnimationOptions, NarratAnimation, NarratAnimationInput } from '../config/animations-config';
+export declare const defaultAnimations: AnimationsConfig;
+export declare function getElementOrQuery(elementOrQuery: string | HTMLElement): Element | null;
+export declare function getAnimationKeyframes(animation: string | CSSAnimationKeyframes): CSSAnimationKeyframes;
+export declare function getNarratAnimation(animationInput: string | NarratAnimationInput): NarratAnimation;
+export declare function animationInputToAnimation(animation: NarratAnimationInput): NarratAnimation;
+export declare function animate(elementOrQuery: string | HTMLElement, animationInput: string, extraOptions?: string | CSSAnimationOptions): Promise<unknown>;
+export declare function screenshake(elementOrQuery: string | HTMLElement): Promise<unknown>;

package/dist/utils/data-helpers.d.ts

@@ -35,6 +35,336 @@ export declare function getModifiableDataPinia(): {
         }[];
         logging?: boolean | undefined;
         debug?: boolean | undefined;
+        container?: string | HTMLElement | undefined;
+        configs?: {
+            skillChecks?: string | {
+                options: {
+                    extraDicePerLevel?: number | undefined;
+                    finalRollIsHighest?: boolean | undefined;
+                    finalRollIsLowest?: boolean | undefined;
+                    failOnRollsEqualToThreshold?: boolean | undefined;
+                    diceRange: [number, number];
+                    diceCount: number;
+                    difficultyText: [number, string][];
+                    extraPointsPerLevel: number;
+                    successOnRollsBelowThreshold: boolean;
+                    showDifficultyText: boolean;
+                    showDifficultyNumber: boolean;
+                    showDifficultyWithoutModifiers: boolean;
+                };
+                skillChecks: Record<string, {
+                    winsNeeded?: number | undefined;
+                    hideAfterRoll?: boolean | undefined;
+                    repeatable?: boolean | undefined;
+                    skill: string;
+                    difficulty: number;
+                }>;
+            } | undefined;
+            skills?: string | {
+                skills?: Record<string, {
+                    hidden?: boolean | undefined;
+                    name: string;
+                    description: string;
+                    startingLevel: number;
+                    icon: string;
+                }> | undefined;
+                skillOptions?: {
+                    xpPerLevel: number;
+                    notifyLevelUp: boolean;
+                } | undefined;
+            } | undefined;
+            buttons?: string | {
+                clickableDuringScriptsByDefault?: boolean | undefined;
+                buttons: Record<string, {
+                    text?: string | undefined;
+                    background?: string | undefined;
+                    cssClass?: string | undefined;
+                    anchor?: {
+                        x: number;
+                        y: number;
+                    } | undefined;
+                    action?: string | undefined;
+                    actionType?: string | undefined;
+                    scriptClickable?: boolean | undefined;
+                    tag?: string | undefined;
+                    enabled: boolean;
+                    position: {
+                        width?: number | undefined;
+                        height?: number | undefined;
+                        left: number;
+                        top: number;
+                    };
+                }>;
+            } | undefined;
+            items?: string | {
+                categories?: {
+                    title: string;
+                    id: string;
+                }[] | undefined;
+                items?: Record<string, {
+                    tag?: string | undefined;
+                    onUse?: {
+                        label: string;
+                        action: string;
+                    } | undefined;
+                    category?: string | undefined;
+                    showIfEmpty?: boolean | undefined;
+                    name: string;
+                    description: string;
+                    icon: string;
+                }> | undefined;
+            } | undefined;
+            quests?: string | {
+                categories: {
+                    title: string;
+                    id: string;
+                }[];
+                quests: Record<string, {
+                    category?: string | undefined;
+                    succeededDescription?: string | undefined;
+                    failedDescription?: string | undefined;
+                    endings?: Record<string, {
+                        description: string;
+                        success: boolean;
+                    }> | undefined;
+                    title: string;
+                    description: string;
+                    objectives: Record<string, {
+                        hidden?: boolean | undefined;
+                        succeededDescription?: string | undefined;
+                        failedDescription?: string | undefined;
+                        description: string;
+                    }>;
+                }>;
+            } | undefined;
+            tooltips?: string | {
+                options: {
+                    delay?: number | undefined;
+                    screenEdgesMinimumMargin?: number | undefined;
+                    styling?: {
+                        cssClass?: string | undefined;
+                        textCssClass?: string | undefined;
+                        titleCssClass?: string | undefined;
+                    } | undefined;
+                    width: number;
+                    keywordsPrefix: string;
+                };
+                tooltips: {
+                    styling?: {
+                        cssClass?: string | undefined;
+                        textCssClass?: string | undefined;
+                        titleCssClass?: string | undefined;
+                    } | undefined;
+                    title: string;
+                    description: string;
+                    keywords: string[];
+                }[];
+            } | undefined;
+            baseAssetsPath?: string | undefined;
+            baseDataPath?: string | undefined;
+            images?: Record<string, string> | undefined;
+            settings?: {
+                customSettings?: Record<string, ({
+                    description?: string | undefined;
+                    name: string;
+                } & {
+                    type: "number";
+                    maxValue: number;
+                    minValue: number;
+                    defaultValue: number;
+                    step: number;
+                }) | ({
+                    description?: string | undefined;
+                    name: string;
+                } & {
+                    type: "integer";
+                    maxValue: number;
+                    minValue: number;
+                    defaultValue: number;
+                    step: number;
+                }) | ({
+                    description?: string | undefined;
+                    name: string;
+                } & {
+                    type: "boolean";
+                    defaultValue: boolean;
+                }) | ({
+                    description?: string | undefined;
+                    name: string;
+                } & {
+                    type: "string";
+                    defaultValue: string;
+                })> | undefined;
+            } | undefined;
+            gameFlow?: {
+                labelToJumpOnScriptEnd?: string | undefined;
+            } | undefined;
+            dialogPanel?: {
+                width?: number | undefined;
+                height?: number | undefined;
+                animateText?: boolean | undefined;
+                textSpeed?: number | undefined;
+                timeBetweenLines?: number | undefined;
+                overlayMode?: boolean | undefined;
+                rightOffset?: number | undefined;
+                bottomOffset?: number | undefined;
+                hideDuringTransition?: boolean | undefined;
+                showAfterScriptEnd?: boolean | undefined;
+            } | undefined;
+            splashScreens?: {
+                engineSplashScreen?: {
+                    skip?: boolean | undefined;
+                    fadeDuration?: number | undefined;
+                    timeBeforeFadeout?: number | undefined;
+                    overrideText?: string | undefined;
+                    overrideLogo?: string | undefined;
+                } | undefined;
+                gameSplashScreen?: {
+                    startButtonText?: string | undefined;
+                } | undefined;
+            } | undefined;
+            scripts?: string | string[] | undefined;
+            notifications?: {
+                alsoPrintInDialogue?: boolean | undefined;
+                timeOnScreen: number;
+            } | undefined;
+            achievements?: string | undefined;
+            interactionTags?: Record<string, {
+                onlyInteractOutsideOfScripts?: boolean | undefined;
+            }> | undefined;
+            transitions?: Record<string, {
+                delay?: number | undefined;
+                duration?: number | undefined;
+            }> | undefined;
+            menuButtons?: Record<string, {
+                cssClass?: string | undefined;
+                text: string;
+            }> | undefined;
+            debugging?: {
+                showScriptFinishedMessage?: boolean | undefined;
+            } | undefined;
+            saves?: {
+                runOnReload?: string | undefined;
+                slots: number;
+                mode: string;
+            } | undefined;
+            choices?: string | undefined;
+            animations?: string | undefined;
+            audio: string | {
+                options: {
+                    volume?: number | undefined;
+                    defaultMusic?: string | undefined;
+                    musicFadeInTime?: number | undefined;
+                    musicFadeOutTime?: number | undefined;
+                    musicFadeInDelay?: number | undefined;
+                };
+                files: Record<string, {
+                    path?: string | undefined;
+                    volume?: number | undefined;
+                    rate?: number | undefined;
+                    html5?: boolean | undefined;
+                    fadeInTime?: number | undefined;
+                    fadeInDelay?: number | undefined;
+                    fadeOutTime?: number | undefined;
+                    loop?: boolean | undefined;
+                    src: string;
+                }>;
+                audioTriggers: Record<string, string>;
+            };
+            characters: string | {
+                config: {
+                    playerCharacter?: string | undefined;
+                    gameCharacter?: string | undefined;
+                    imagesPath: string;
+                };
+                characters: Record<string, {
+                    style?: {
+                        portraitCssClass?: string | undefined;
+                        color?: string | undefined;
+                        boxCss?: Record<string, any> | undefined;
+                        nameCss?: Record<string, any> | undefined;
+                        textCss?: Record<string, any> | undefined;
+                    } | undefined;
+                    sprites?: Record<string, string | {
+                        loop?: boolean | undefined;
+                        width?: number | undefined;
+                        height?: number | undefined;
+                        autoplay?: boolean | undefined;
+                        muted?: boolean | undefined;
+                        video: string;
+                    } | {
+                        width?: number | undefined;
+                        height?: number | undefined;
+                        image: string;
+                    }> | undefined;
+                    name: string;
+                }>;
+            };
+            screens: string | {
+                screens?: Record<string, {
+                    video?: {
+                        loop?: boolean | undefined;
+                        muted?: boolean | undefined;
+                    } | undefined;
+                    buttons?: (string | ({
+                        text?: string | undefined;
+                        background?: string | undefined;
+                        cssClass?: string | undefined;
+                        anchor?: {
+                            x: number;
+                            y: number;
+                        } | undefined;
+                        action?: string | undefined;
+                        actionType?: string | undefined;
+                        scriptClickable?: boolean | undefined;
+                        tag?: string | undefined;
+                        enabled: boolean;
+                        position: {
+                            width?: number | undefined;
+                            height?: number | undefined;
+                            left: number;
+                            top: number;
+                        };
+                    } & {
+                        id: string;
+                    }))[] | undefined;
+                    background: string;
+                }> | undefined;
+            };
+            gameTitle: string;
+            saveFileName: string;
+            layout: {
+                minTextWidth?: number | undefined;
+                defaultFontSize?: number | undefined;
+                backgrounds: {
+                    width: number;
+                    height: number;
+                };
+                dialogBottomPadding: string | number;
+                verticalLayoutThreshold: number;
+                portraits: {
+                    offset?: {
+                        landscape?: {
+                            right: number;
+                            bottom: number;
+                        } | undefined;
+                        portrait?: {
+                            right: number;
+                            bottom: number;
+                        } | undefined;
+                    } | undefined;
+                    width: number;
+                    height: number;
+                };
+            };
+            hudStats: Record<string, {
+                maxValue?: number | undefined;
+                minValue?: number | undefined;
+                name: string;
+                icon: string;
+                startingValue: number;
+            }>;
+        } | undefined;
     };
     baseSettings: {
         [x: string]: any;

package/dist/utils/interact-utils.d.ts

@@ -0,0 +1,15 @@
+import { ScreenObjectState } from '../stores/screen-objects-store';
+export interface RenderingState {
+    selected: boolean;
+    clickable: boolean;
+    viewportClickable: boolean;
+    transitioning: boolean;
+    greyed?: boolean;
+    hidden?: boolean;
+    cssClass?: string;
+}
+export declare function getCSSClassForObject(state: RenderingState): Record<string, boolean>;
+export declare function getRenderingStateForScreenObject(state: ScreenObjectState, selected: boolean, transitioning: boolean): RenderingState;
+export declare function getRenderingStateForButton(button: string, selected: boolean, transitioning: boolean): RenderingState;
+export declare function getCSSClassForButton(button: string, selected: boolean, transitioning: boolean): Record<string, boolean>;
+export declare function getCSSClassForScreenObject(state: ScreenObjectState, selected: boolean, transitioning: boolean): Record<string, boolean>;

package/dist/utils/save-helpers.d.ts

@@ -1,5 +1,5 @@
 import { GameSave, GlobalGameSave, SaveFile, SaveSlotMetadata } from '../types/game-save';
-export declare const CURRENT_SAVE_VERSION = "3.3.8";
+export declare const CURRENT_SAVE_VERSION = "3.3.9";
 export declare function saveFileName(): string;
 export declare function getSaveFile(): SaveFile;
 export declare function resetSave(): void;

package/dist/vm/commands/util-commands.d.ts

@@ -1,4 +1,4 @@
-import { CommandPlugin } from './command-plugin';
+import { ArgTypes, CommandPlugin } from './command-plugin';
 export declare const loadDataPlugin: CommandPlugin<{
     url: string;
 }, {}>;
@@ -14,3 +14,15 @@ export declare const jsonEncode: CommandPlugin<{
 export declare const jsonDecode: CommandPlugin<{
     value: string;
 }, {}>;
+export declare const setDialogPanelMode: CommandPlugin<{
+    mode: 'auto' | 'on' | 'off';
+}, {}>;
+export interface AnimationOptions {
+    element: string;
+    animation: string;
+    duration?: number;
+    iterations?: number;
+}
+export declare const animationArgs: ArgTypes;
+export declare const animatePlugin: CommandPlugin<AnimationOptions, {}>;
+export declare const animateWaitPlugin: CommandPlugin<AnimationOptions, {}>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "narrat",
-  "version": "3.3.8",
+  "version": "3.4.0",
   "description": "narrat narrative engine",
   "main": "dist/narrat.umd.js",
   "module": "dist/narrat.es.js",