:root{--dj-letterbox-color: #000000;--dj-scene-fade: 0ms}@font-face{font-family:ScummSolid;src:url(../fonts/lucasarts-scumm-menu-solid.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:ScummDialog;src:url(../fonts/lucasarts-scumm-solid.otf) format("opentype");font-weight:400;font-style:normal}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100vh;height:calc(var(--vh, 1vh) * 100);overflow:hidden;background:var(--dj-letterbox-color);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#app{width:100%;height:100vh;height:calc(var(--vh, 1vh) * 100);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity var(--dj-scene-fade) ease-out}#world{position:relative;height:100%;aspect-ratio:2 / 1;overflow:hidden;flex:none}#backdrop{position:absolute;top:0;left:0;height:100%;width:auto;image-rendering:pixelated;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}:root{--dj-inventory-item-size: 72px;--dj-inventory-icon-size: 64px;--dj-touch-text-scale: 1.13}@media(pointer:coarse){:root{--dj-inventory-item-size: 44px;--dj-inventory-icon-size: 36px}}#app,.dlg-topics{cursor:var(--dj-cursor, auto)}#app.hovering-interactable,.inv-strip-item,.dlg-topic{cursor:var(--dj-cursor-hover, var(--dj-cursor, auto))}.inv-strip{position:fixed;bottom:0;left:0;right:0;padding:8px calc(12px + env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px));background:linear-gradient(to top,#000000b3,#00000073 70%,#0000);display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;z-index:1001;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .25s ease-out,transform .25s ease-out;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;scrollbar-width:none}.inv-strip::-webkit-scrollbar{display:none}.inv-strip.visible{opacity:1;transform:translateY(0)}.inv-strip.inactive{opacity:.35;transition:opacity .15s ease-out}.inv-strip.inactive .inv-strip-item{pointer-events:none}.inv-strip-item{pointer-events:auto;flex:0 0 auto;width:var(--dj-inventory-item-size);height:var(--dj-inventory-item-size);display:flex;align-items:center;justify-content:center;background:#00000080;border:none;border-radius:8px;transition:background .12s ease-out,transform .12s ease-out;touch-action:manipulation}.inv-strip-item canvas{width:var(--dj-inventory-icon-size);height:var(--dj-inventory-icon-size);image-rendering:pixelated;filter:grayscale(100%);transition:filter .12s ease-out;pointer-events:none}.inv-strip-item:hover{background:#000c;transform:translateY(-2px)}.inv-strip-item:hover canvas{filter:grayscale(0%)}.inv-strip-item:focus{outline:none}.inv-strip-item.dragging{background:#000000d9;transform:translateY(-4px)}.inv-strip-item.dragging canvas{filter:grayscale(0%)}.inv-verb-line{position:fixed;left:50%;bottom:calc(104px + env(safe-area-inset-bottom,0px));transform:translate(-50%) translateY(6px);padding:.35em .9em;background:#000000b3;border-radius:4px;color:var(--dj-verb-color);font-family:var(--dj-verb-font),monospace;font-size:clamp(14px,calc(var(--dj-verb-size) * var(--vh) * 100),24px);line-height:var(--dj-verb-line-height);-webkit-text-stroke:var(--dj-verb-outline-width) var(--dj-verb-outline-color);paint-order:stroke fill;letter-spacing:1px;z-index:1002;max-width:min(calc(100vw - 32px),calc(var(--dj-verb-width) * 100vw));white-space:normal;overflow-wrap:anywhere;text-align:center;opacity:0;pointer-events:none;transition:opacity .15s ease-out,transform .15s ease-out;-webkit-user-select:none;user-select:none}.inv-drag-ghost{position:fixed;width:var(--dj-inventory-icon-size);height:var(--dj-inventory-icon-size);pointer-events:none;opacity:.7;z-index:1003;transform:translate(-50%,-50%) rotate(-4deg);transition:opacity .12s ease-out;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.inv-verb-line.visible{opacity:1;transform:translate(-50%) translateY(0)}.dlg-topics{position:fixed;left:0;right:0;bottom:0;padding:12px calc(16px + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));background:#000000d1;display:none;flex-direction:column;gap:2px;z-index:1004;user-select:none;-webkit-user-select:none}.dlg-topics.visible{display:flex}.dlg-topic{display:flex;align-items:baseline;width:100%;text-align:left;background:none;border:none;max-width:calc(var(--dj-topics-width) * 100vw);color:var(--dj-topics-color);font-family:var(--dj-topics-font),monospace;font-size:clamp(14px,calc(var(--dj-topics-size) * var(--vh) * 100),24px);line-height:var(--dj-topics-line-height);-webkit-text-stroke:var(--dj-topics-outline-width) var(--dj-topics-outline-color);paint-order:stroke fill;letter-spacing:1px;padding:3px 6px;touch-action:manipulation}@media(hover:hover){.dlg-topic:hover{color:var(--dj-topics-active-color)}}.dlg-topic:focus{outline:none}.dlg-topic .dlg-num{display:none}@media(pointer:coarse){.inv-strip{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));gap:6px}.inv-strip-item{border-radius:6px}.inv-verb-line{bottom:calc(64px + env(safe-area-inset-bottom,0px));font-size:clamp(14px,min(calc(var(--dj-verb-size) * var(--vh) * 100 * var(--dj-touch-text-scale)),4.5vw),20px)}.dlg-topic{font-size:clamp(14px,min(calc(var(--dj-topics-size) * var(--vh) * 100 * var(--dj-touch-text-scale)),4.5vw),20px)}}@media(pointer:coarse)and (orientation:portrait){.dlg-topic{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(pointer:coarse)and (orientation:landscape){.dlg-topics{padding-bottom:12px}}
