html,body,#app{background:#111;width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none;overscroll-behavior:none}#app{position:relative}#app canvas{touch-action:none;width:100%;height:100%;display:block}#loading{z-index:10;color:#fff;pointer-events:none;place-items:center;margin:0;font:18px/1.4 system-ui,sans-serif;display:grid;position:fixed;inset:0}#loading[hidden]{display:none}#tools{z-index:20;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}#tools[hidden]{display:none}#board-buttons{z-index:20;gap:8px;display:flex;position:fixed;top:16px;left:16px}#board-buttons[hidden]{display:none}.board-button{color:#ffffffd9;cursor:pointer;background:#141414b3;border:1px solid #ffffff40;border-radius:999px;padding:8px 14px;font:600 13px/1.3 system-ui,sans-serif}.board-button:hover{color:#fff;background:#141414d9}.tool-button{color:#ffffffbf;cursor:pointer;background:#141414b3;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid}.tool-button:hover{color:#fff}.tool-button[aria-pressed=true]{color:#fff;background:#1f6fd1;border-color:#4da3ff}.tool-button[hidden]{display:none}.tool-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.tool-button svg.filled{fill:currentColor;stroke:none}#hotspot-overlay{z-index:5;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#hotspot-overlay [hidden]{display:none}#model-label{z-index:6;color:#fff;white-space:nowrap;pointer-events:none;background:#111111d9;border-left:3px solid #e8892b;border-radius:4px;flex-direction:column;gap:2px;padding:7px 11px;font:600 14px/1.3 system-ui,sans-serif;display:flex;position:fixed;transform:translate(12px,-50%)}#model-label span:empty{display:none}#model-label span{opacity:.8;font-size:12px;font-weight:400}#model-label[hidden]{display:none}#sit-prompt{z-index:6;color:#fff;cursor:pointer;background:#111111d9;border:0;border-radius:999px;align-items:center;gap:10px;padding:12px 22px;font:600 15px/1 system-ui,sans-serif;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}#sit-prompt kbd{border:1px solid #ffffff80;border-radius:4px;padding:3px 7px;font:600 12px/1 system-ui,sans-serif}#sit-prompt[hidden]{display:none}#npc-bubble{z-index:6;color:#1a1a1a;text-align:center;white-space:pre-line;pointer-events:none;background:#fff;border:2px solid #a3201c;border-radius:14px;max-width:280px;padding:10px 14px;font:600 14px/1.45 system-ui,sans-serif;position:fixed;transform:translate(-50%,calc(-100% - 12px))}#npc-bubble:after{content:"";background:#fff;border-bottom:2px solid #a3201c;border-right:2px solid #a3201c;width:14px;height:14px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}#npc-bubble[hidden]{display:none}#kuongi-bubble{z-index:6;color:#f4ecdc;white-space:nowrap;pointer-events:none;background:#b5121b;border-radius:16px;padding:8px 14px;font:700 15px/1.3 system-ui,sans-serif;position:fixed;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 6px 16px #00000047}#kuongi-bubble:after{content:"";border:7px solid #0000;border-top-color:#b5121b;border-bottom-width:0;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}#kuongi-bubble[hidden]{display:none}#monitor-view{z-index:7;opacity:0;cursor:pointer;transition:opacity .35s,transform .35s;position:fixed;transform:scale(.94)}#monitor-view.open{opacity:1;transform:none}#monitor-view img{object-fit:contain;opacity:0;border-radius:6px;width:100%;height:100%;transition:opacity .9s;position:absolute;inset:0;box-shadow:0 18px 60px #00000073}#monitor-view p{color:#fff;white-space:nowrap;background:#111c;border-radius:999px;margin:0;padding:5px 12px;font:600 12px/1.3 system-ui,sans-serif;position:absolute;bottom:-36px;left:50%;transform:translate(-50%)}#monitor-view[hidden]{display:none}#board-zoom{z-index:7;opacity:0;transition:opacity .35s,transform .35s;position:fixed;transform:scale(.94)}#board-zoom.open{opacity:1;transform:none}#board-zoom iframe{background:#fff;border:0;border-radius:8px;width:100%;height:100%;box-shadow:0 18px 60px #00000073}#board-zoom p{color:#fff;white-space:nowrap;background:#111c;border-radius:999px;margin:0;padding:5px 12px;font:600 12px/1.3 system-ui,sans-serif;position:absolute;bottom:-32px;left:50%;transform:translate(-50%)}#board-zoom[hidden]{display:none}#hotspot-box{fill:none;stroke:#ff9f1a;stroke-width:2px;stroke-dasharray:5 4}#hotspot-editor{z-index:20;color:#fff;pointer-events:none;background:#111111d9;border-left:3px solid #ff9f1a;border-radius:4px;max-width:min(420px,100vw - 96px);padding:10px 12px;font:12px/1.5 system-ui,sans-serif;position:fixed;bottom:16px;left:16px}#hotspot-editor[hidden]{display:none}#hotspot-editor p{margin:0}#hotspot-values{color:#ffcf8a;word-break:break-all;font-family:ui-monospace,monospace;margin-top:4px!important}#archive{z-index:50;opacity:0;background:#f4f4f4;transition:opacity .4s;position:fixed;inset:0}#archive.open{opacity:1}#archive[hidden]{display:none}#archive iframe{border:0;width:100%;height:100%;display:block}#archive-back{z-index:1;color:#fff;cursor:pointer;background:#111111d9;border:0;border-radius:999px;padding:8px 14px;font:600 13px/1.3 system-ui,sans-serif;position:absolute;top:16px;right:16px}#archive-back[data-at=bottom]{inset:auto auto 24px 50%;transform:translate(-50%)}#archive-back:hover{background:#111}