html,body{color:#eee;background:#0b0f14;height:100%;margin:0;font-family:system-ui,Noto Sans TC,sans-serif;overflow:hidden}#render{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud,#ui{pointer-events:none;position:fixed;inset:0}.panel{pointer-events:auto;background:#14181ef0;border:2px solid #3a4250;border-radius:6px;min-width:320px;max-width:560px;max-height:80vh;padding:16px 20px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 8px 32px #00000080}.panel h2{margin:0 0 12px;font-size:18px}.panel label{color:#aab;margin:8px 0 4px;font-size:13px;display:block}.panel input,.panel button{font:inherit}.panel input[type=text],.panel input[type=email]{box-sizing:border-box;color:#eee;background:#11151b;border:1px solid #3a4250;border-radius:4px;width:100%;padding:8px}.panel button{color:#fff;cursor:pointer;background:#4b6cb7;border:0;border-radius:4px;margin:8px 8px 0 0;padding:8px 14px}.panel button.secondary{background:#3a4250}.panel button:disabled{opacity:.5;cursor:default}.panel .error{color:#ff8a80;margin-top:8px;font-size:13px}.panel .hint{color:#9aa;margin-top:8px;font-size:12px}.panel table{border-collapse:collapse;width:100%;font-size:13px}.panel td,.panel th{text-align:left;vertical-align:top;border-bottom:1px solid #2a3240;padding:4px 6px}.panel code{word-break:break-all;font-family:ui-monospace,Menlo,monospace;font-size:12px}.crosshair{width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;left:50%}.crosshair:before,.crosshair:after{content:"";background:#ffffffd9;position:absolute}.crosshair:before{width:2px;height:14px;top:0;left:6px}.crosshair:after{width:14px;height:2px;top:6px;left:0}.hud-top-left,.hud-top-right{text-shadow:0 1px 2px #000;font:13px ui-monospace,Menlo,monospace;position:absolute;top:10px}.hud-top-left{left:12px}.hud-top-right{right:12px}.hud-prompt{text-shadow:0 1px 2px #000;font-size:14px;position:absolute;top:58%;left:50%;transform:translate(-50%)}.hotbar{gap:4px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.hotbar .slot{background:#00000073;border:2px solid #777;width:52px;height:52px;font-size:10px;position:relative;overflow:hidden}.hotbar .slot.active{border-color:#fff}.hotbar .slot.filled{background:#4b6cb780}.hotbar .slot .num{color:#ccc;position:absolute;top:2px;left:3px}.hotbar .slot .label{white-space:nowrap;text-overflow:ellipsis;position:absolute;bottom:3px;left:3px;right:3px;overflow:hidden}.hotbar.placing .slot.active{border-color:#ffd54f}.hotbar .slot.unavailable{opacity:.45}.compass{pointer-events:none;text-shadow:0 1px 2px #000;background:#00000059;border-radius:6px;width:min(480px,100vw - 40px);height:44px;font:12px ui-monospace,Menlo,monospace;position:absolute;bottom:76px;left:50%;overflow:hidden;transform:translate(-50%)}.compass-tape{height:18px;position:absolute;top:0}.compass-tape .tick{background:#ffffff8c;width:1px;height:5px;position:absolute;top:0}.compass-tape .tick.major{height:9px}.compass-tape .tick.cardinal{color:#fff;text-indent:-5px;background:#fff;width:2px;height:9px;padding-top:9px;font-weight:700;line-height:9px}.compass-needle{opacity:.8;background:#f2b54a;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.compass-marks{position:absolute;inset:18px 0 0}.compass-mark{color:#e9dcc0;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;transform:translate(-50%)}.compass-mark svg{fill:currentColor;width:14px;height:14px}.compass-mark.estate{color:#f2b54a}.compass-mark.mark{color:#9fd3ff}.compass-mark .label{white-space:nowrap;font-size:10px}.compass-mark.clamped-left{transform:none}.compass-mark.clamped-right{transform:translate(-100%)}.compass-mark .icon-row{align-items:center;gap:1px;font-size:13px;font-weight:700;line-height:14px;display:flex}.hud-banner{opacity:0;white-space:nowrap;background:#00000080;border-radius:4px;padding:6px 14px;font-size:14px;transition:opacity .3s;position:absolute;top:14px;left:50%;transform:translate(-50%)}.hud-banner.show{opacity:1}.panel h3{margin:14px 0 6px;font-size:15px}.panel{max-height:80vh;overflow-y:auto}.panel select,.panel textarea{box-sizing:border-box;color:#eee;width:100%;font:inherit;background:#11151b;border:1px solid #3a4250;border-radius:4px;padding:8px}.settings-slots{grid-template-columns:repeat(9,minmax(0,52px));gap:4px;margin:8px 0;display:grid}.settings-slot-wrap{aspect-ratio:1;position:relative}.panel .settings-slot{background:#00000073;border:2px solid #777;border-radius:0;width:100%;height:100%;margin:0;padding:0;font-size:10px;position:relative;overflow:hidden}.panel .settings-slot.filled{background:#4b6cb780}.panel .settings-slot.picked,.panel .settings-item.picked{outline:2px solid #ffd54f}.panel .settings-slot.unavailable{opacity:.45}.settings-slot .num{color:#ccc;position:absolute;top:2px;left:3px}.settings-slot .label{white-space:nowrap;text-overflow:ellipsis;position:absolute;bottom:3px;left:3px;right:3px;overflow:hidden}.panel .settings-slot-wrap .clear{background:#3a4250;margin:0;padding:0 4px;font-size:11px;line-height:16px;position:absolute;top:0;right:0}.settings-items{flex-wrap:wrap;display:flex}.panel input[type=range]{width:100%}.settings-keys th{color:#ccd;width:30%;font-weight:400}