:root{--dj-letterbox-color:#000;--dj-scene-fade:0s}@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);background:var(--dj-letterbox-color);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overflow:hidden}#app{width:100%;height:100vh;height:calc(var(--vh,1vh) * 100);transition:opacity var(--dj-scene-fade) ease-out;justify-content:center;align-items:center;display:flex;overflow:hidden}#world{aspect-ratio:2;flex:none;height:100%;position:relative;overflow:hidden}#backdrop{width:auto;height:100%;image-rendering:pixelated;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;position:absolute;top:0;left:0}: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{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));z-index:1001;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;scrollbar-width:none;background:linear-gradient(#0000 0%,#00000073 30%,#000000b3 100%);flex-wrap:nowrap;gap:8px;transition:opacity .25s ease-out,transform .25s ease-out;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto;transform:translateY(8px)}.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;width:var(--dj-inventory-item-size);height:var(--dj-inventory-item-size);touch-action:manipulation;background:#00000080;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;transition:background .12s ease-out,transform .12s ease-out;display:flex}.inv-strip-item canvas{width:var(--dj-inventory-icon-size);height:var(--dj-inventory-icon-size);image-rendering:pixelated;filter:grayscale();pointer-events:none;transition:filter .12s ease-out}.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{left:50%;bottom:calc(104px + env(safe-area-inset-bottom,0px));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;-webkit-user-select:none;user-select:none;background:#000000b3;border-radius:4px;padding:.35em .9em;transition:opacity .15s ease-out,transform .15s ease-out;position:fixed;transform:translate(-50%)translateY(6px)}.inv-drag-ghost{width:var(--dj-inventory-icon-size);height:var(--dj-inventory-icon-size);pointer-events:none;opacity:.7;z-index:1003;image-rendering:pixelated;filter:drop-shadow(0 2px 4px #0009);transition:opacity .12s ease-out;position:fixed;transform:translate(-50%,-50%)rotate(-4deg)}.inv-verb-line.visible{opacity:1;transform:translate(-50%)translateY(0)}.dlg-topics{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));z-index:1004;-webkit-user-select:none;user-select:none;background:#000000d1;flex-direction:column;gap:2px;display:none;position:fixed;bottom:0;left:0;right:0}.dlg-topics.visible{display:flex}.dlg-topic{text-align:left;width:100%;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;touch-action:manipulation;background:0 0;border:none;align-items:baseline;padding:3px 6px;display:flex}@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{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}}@media (pointer:coarse) and (orientation:landscape){.dlg-topics{padding-bottom:12px}}