.prompt-window{position:relative;width:100%;height:100%;min-height:0;border-radius:8px;background:url(/assets/images/prompt-background.png) center / cover no-repeat #2d2d2d;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;overflow:hidden}.prompt-window__header{flex:0 0 auto;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem 1rem .5rem 1.25rem;box-sizing:border-box;z-index:2}.prompt-window__header-area{flex:1;min-width:0;font-size:.9375rem;color:#e5e7eb}.prompt-window__area-name{color:#25c600;font-weight:600}.prompt-window__header-camera{flex-shrink:0}.prompt-window__camera{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;transition:background .15s,color .15s}.prompt-window__camera svg{display:block;width:22px;height:22px}.prompt-window__camera:hover:not(:disabled){background:#37415180;color:#d1d5db}.prompt-window__camera--has{color:#22c55e}.prompt-window__camera--has:hover:not(:disabled){color:#4ade80}.prompt-window__camera:disabled{cursor:default}.prompt-window__camera-hourglass{width:22px;height:22px;object-fit:contain;animation:prompt-hourglass-spin 1.5s linear infinite}@keyframes prompt-hourglass-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.prompt-window__screenshot-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:stretch;justify-content:stretch;background:#000000d9;padding:0;box-sizing:border-box}.prompt-window__screenshot-overlay-img{width:100%;height:100%;object-fit:contain;display:block}.prompt-window__screenshot-close-x{position:absolute;top:.75rem;right:.75rem;z-index:11;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#374151e6;border:none;border-radius:8px;color:#e0e0e0;cursor:pointer;transition:background .15s,color .15s}.prompt-window__screenshot-close-x:hover{background:#4b5563;color:#fff}.prompt-window__screenshot-close-x svg{display:block;width:24px;height:24px}.prompt-window__output{flex:1;min-height:0;padding:1rem 1.25rem;overflow-y:auto;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;font-size:.9375rem;line-height:1.5;color:#e0e0e0;scrollbar-width:thin;scrollbar-color:#4b4b4b #252525}.prompt-window__output::-webkit-scrollbar{width:12px}.prompt-window__output::-webkit-scrollbar-track{background:#252525}.prompt-window__output::-webkit-scrollbar-thumb{background:#4b4b4b;border-radius:6px;border:3px solid #252525}.prompt-window__output::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.prompt-window__line{word-break:break-word}.prompt-window__line--input{color:#7dd3fc;margin-bottom:.25rem}.prompt-window__line--output{color:#d1d5db;margin-bottom:.5rem}.prompt-window__line--error{color:#f87171}.prompt-window__npcs{flex-shrink:0;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.5rem 1.25rem;background:#252525;border-top:1px solid #404040;font-size:.875rem}.prompt-window__npcs-label{color:#9ca3af;margin-right:.25rem}.prompt-window__npc-chip{padding:.25rem .5rem;background:#374151;border:1px solid #4b5563;border-radius:6px;color:#e0e0e0;font-family:inherit;font-size:.8125rem;cursor:pointer;transition:background .15s,border-color .15s}.prompt-window__npc-chip:hover:not(:disabled){background:#4b5563;border-color:#6b7280}.prompt-window__npc-chip:disabled{cursor:default;opacity:.7}.prompt-window__form{flex-shrink:0;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(#00000080,#00000080),url(/assets/images/stage-background.png) center center / cover no-repeat;background-color:#252525;border:1px solid #252525;border-radius:0 0 8px 8px}.prompt-window__npc-name{color:#ffa200;cursor:pointer}.prompt-window__npc-name:hover{text-decoration:underline}.prompt-window__prompt{color:#f7c900;font-family:ui-monospace,Menlo,monospace;font-size:.9375rem;-webkit-user-select:none;user-select:none}.prompt-window__input{flex:1;background:transparent;border:none;color:#e0e0e0;font-family:inherit;font-size:.9375rem;outline:none}.prompt-window__input::placeholder{color:#6b7280}.app{width:100%;max-width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;padding:1rem;box-sizing:border-box}.app__header{width:100%;text-align:center;padding:1rem 0}.app__header-logo{width:30%;height:auto;display:block;margin:0 auto}.app__stage{width:50vw;height:75vh;min-width:280px;min-height:320px;display:flex;flex-direction:row;align-items:stretch;gap:0;flex-shrink:0;margin:15px;border-radius:8px;background:url(/assets/images/stage-background.png) center bottom / cover no-repeat;background-color:#252525;box-sizing:border-box}.app__prompt{width:70%;min-width:0;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}.app__prompt-inner{flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;padding:15px;box-sizing:border-box}.app__prompt .prompt-window{width:100%;height:100%;min-height:0}.app__prompt .app__loading,.app__prompt .app__error{margin:0;padding:1rem;color:#d1d5db;font-size:.9375rem}.app__prompt .app__error{color:#f87171}.app__character{width:30%;min-width:0;min-height:0;display:flex;flex-direction:column;padding:15px 15px 15px 0;overflow:hidden}.app__character-row{flex-shrink:0;min-height:0}.app__character-row--doll{flex:1 1 0;min-height:0;display:flex;justify-content:flex-start;align-items:flex-start;overflow:hidden}.app__character-row--bars{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;gap:8px;padding:6px 0}.resource-bar{flex:1;min-width:0;display:flex;align-items:center}.resource-bar__track{flex:1;min-width:0;height:20px;background:#252525;border-radius:2px;overflow:hidden;border:1px solid #333}.resource-bar__fill{height:100%;border-radius:1px;transition:width .2s ease}.resource-bar--health .resource-bar__fill{background:linear-gradient(to bottom,#f87171,#dc2626,#b91c1c 70%,#7f1d1d);box-shadow:0 1px #ffffff26 inset,0 1px 2px #0000004d}.resource-bar--mana .resource-bar__fill{background:linear-gradient(to bottom,#60a5fa,#3b82f6,#2563eb 70%,#1e40af);box-shadow:0 1px #fff3 inset,0 1px 2px #0000004d}.app__character-row--inventory{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;overflow:auto;scrollbar-width:thin;scrollbar-color:#4b4b4b #252525}.app__character-row--inventory::-webkit-scrollbar{width:10px;height:10px}.app__character-row--inventory::-webkit-scrollbar-track{background:#252525}.app__character-row--inventory::-webkit-scrollbar-thumb{background:#4b4b4b;border-radius:5px}.app__character-row--inventory::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.inventory-status{flex:0 0 auto;width:100%;min-width:0;min-height:32px;display:flex;flex-direction:row;align-items:center;padding:6px 4px 0;background:#00000080;box-sizing:border-box;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.inventory-status__col{flex:1;min-width:0}.inventory-status__col--right{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;font-size:.9375rem;color:#facc15}.inventory-status__gold-icon{display:inline-flex;flex-shrink:0}.inventory-status__gold-icon svg{display:block;width:16px;height:16px}.character-doll{width:100%;height:98%;max-height:98%;min-height:0;max-width:100%;border-radius:8px;overflow:hidden;border:none;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.character-doll__frame-wrap{width:100%;height:100%;min-height:0;box-sizing:border-box;padding:0}.character-doll__frame{position:relative;width:100%;height:100%;min-height:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;overflow:hidden;background:url(/assets/images/character-frame-2.png) center center / cover no-repeat;background-color:#2d2d2d;box-shadow:inset 0 2px 6px #ffffff1a,inset 0 -2px 6px #00000073,inset 6px 0 8px #0003,inset -6px 0 8px #0003,0 6px 16px #00000080;box-sizing:border-box}.character-doll__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(25 40 80 / var(--time-tint-opacity, 0));pointer-events:none;z-index:0;transition:background .4s ease}.character-doll__frame-body{position:relative;flex:1;min-height:0;display:flex;align-items:flex-end;justify-content:center;z-index:1}.character-doll__frame-body img,.character-doll__frame-body .character-doll__placeholder{max-height:130%;width:auto;max-width:100%;object-fit:contain;object-position:bottom center;border-radius:2px}.character-doll__nameplate{flex:0 0 auto;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000004d;z-index:1}.character-doll__nameplate-line{height:20px;display:flex;align-items:center;justify-content:center;line-height:1;font-size:.875rem;font-weight:600;color:#e5e7eb;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 6px;box-sizing:border-box}.character-doll img{max-height:130%;width:auto;max-width:100%;object-fit:contain;object-position:bottom center}.character-doll__placeholder{display:none;position:absolute;width:calc(100% - 20px);height:calc(100% - 20px);align-items:center;justify-content:center;color:#6b7280;font-size:.75rem}.character-doll__placeholder.visible{display:flex}.inventory-grid{width:100%;min-width:0;box-sizing:border-box;background:#00000080;border-top-left-radius:8px;border-top-right-radius:8px}.inventory-grid__table{display:flex;flex-direction:column;box-sizing:border-box}.inventory-grid__row{display:flex;padding:4px 4px 0}.inventory-grid__slot{position:relative;flex:1;aspect-ratio:1;min-width:0;min-height:0;background:url(/assets/images/inventory/tile6.png) center center / cover no-repeat;display:flex;align-items:center;justify-content:center;padding:2px;box-sizing:border-box}.inventory-grid__slot--has-item{cursor:grab}.inventory-grid__slot--pending{cursor:wait;pointer-events:auto;background:linear-gradient(to bottom,#4a4540,#2a2520)}.inventory-grid__slot--pending.inventory-grid__slot--has-item{cursor:wait}.inventory-grid__hourglass{max-width:calc(100% - 4px);max-height:calc(100% - 4px);width:auto;height:auto;object-fit:contain;margin:2px;display:block;pointer-events:none;animation:inventory-hourglass-rotate 1.5s linear infinite}@keyframes inventory-hourglass-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inventory-grid__slot--dragging{opacity:.5;cursor:grabbing}.inventory-grid__slot--drag-over{background:linear-gradient(to bottom,#4a6a8a,#2a4a6a);outline:2px solid #7ab}.inventory-grid__icon{max-width:calc(100% - 4px);max-height:calc(100% - 4px);width:auto;height:auto;object-fit:contain;margin:2px;display:block;pointer-events:none;-webkit-user-drag:none;user-drag:none}.inventory-grid__stack{position:absolute;right:2px;bottom:2px;z-index:1;font-size:.7rem;font-weight:700;color:#fff;text-shadow:0 0 1px #000,0 1px 2px rgba(0,0,0,.8);pointer-events:none}.inventory-tooltip{min-width:200px;z-index:99999;pointer-events:none}.inventory-tooltip--portal{visibility:visible;opacity:1;animation:inventory-tooltip-fade .15s ease-out}@keyframes inventory-tooltip-fade{0%{opacity:0}to{opacity:1}}.inventory-tooltip__wrapper{display:flex;flex-direction:row;gap:12px;padding:10px 12px;background:#1a1a1a;border:1px solid #404040;border-radius:8px;box-shadow:0 4px 12px #00000080;box-sizing:border-box}.inventory-tooltip__left{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.inventory-tooltip__name{font-size:.875rem;font-weight:600;color:#f3f4f6}.inventory-tooltip__type{font-size:.75rem;color:#9ca3af;text-transform:capitalize}.inventory-tooltip__description{font-size:.75rem;color:#d1d5db;line-height:1.35;margin-top:2px}.inventory-tooltip__stack-size{font-size:.75rem;color:#9ca3af;margin-top:6px;text-align:right}.inventory-tooltip__right{flex-shrink:0;display:flex;align-items:flex-start;justify-content:center}.inventory-tooltip__image{width:56px;height:56px;object-fit:contain;display:block}.inventory-grid__label{font-size:.6rem;line-height:1.1;color:#9ca3af;text-align:center;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;border:none;outline:none}body{font-family:ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:#1a1a1a url(/assets/images/background.png) center center / cover no-repeat;color:#e0e0e0}