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}.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}