:root{--ink: #0d1220;--panel-top: #2a3550;--panel-bot: #1a2236;--panel-2: #141b2b;--glass: rgba(18, 24, 40, .82);--line: rgba(255, 255, 255, .1);--line-2: rgba(255, 255, 255, .18);--text: #eaf0ff;--muted: #93a0c0;--accent: #3f7bff;--accent-2: #57d0ff;--gold: #ffca3a;--green: #7bd66b;--diamond: #8fd0ff;--danger: #ff5d6c;--shadow: 0 16px 44px rgba(0, 0, 0, .55);--inset: inset 0 1px 0 rgba(255, 255, 255, .12)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#14161c;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#renderCanvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.hidden{display:none!important}button{cursor:pointer;font-family:inherit}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 25%,#1e2740,#0b0e16 75%);z-index:10}.panel{width:360px;max-width:92vw;background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));border:1px solid var(--line-2);border-radius:18px;padding:22px 24px;box-shadow:var(--shadow),var(--inset)}.panel h1{margin:0 0 6px;font-size:30px;letter-spacing:1px;background:linear-gradient(180deg,#fff,#9ec5ff);-webkit-background-clip:text;background-clip:text;color:transparent}.panel h2{margin:18px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.panel label{display:block;font-size:13px;color:#aeb8d4;margin-bottom:6px}.panel input{width:100%;padding:10px 12px;margin-top:4px;background:#0a0e18b3;border:1px solid var(--line-2);border-radius:10px;color:var(--text);font-size:14px}.panel input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3f7bff40}.world-list{list-style:none;margin:0;padding:0;max-height:240px;overflow-y:auto}.world-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;margin-bottom:8px;background:#0a0e188c;border:1px solid var(--line);border-radius:12px;font-size:13px}.panel button,.auth-row button,.world-list button{padding:9px 16px;background:linear-gradient(180deg,#4c78ff,#2f5be6);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;box-shadow:var(--inset),0 6px 16px #2f5be659}.panel button:hover{filter:brightness(1.08)}button.ghost{background:transparent;border:1px solid var(--line-2);color:#aeb8d4;box-shadow:none;margin-top:12px;width:100%}button.ghost.small{width:auto;margin-top:0;padding:6px 12px;font-size:12px}button.ghost:hover{background:#ffffff0d;filter:none}.hint{font-size:13px;color:var(--muted);margin:0 0 14px;line-height:1.45}.hint code{background:#ffffff14;padding:1px 5px;border-radius:5px}.auth-status{min-height:1.2em;font-size:13px;color:#ff8f8f;margin:8px 0 0}.auth-row{display:flex;gap:8px;margin-top:14px}.auth-row button{flex:1;margin-top:0}.panel label+label{margin-top:10px}.hud{position:fixed;inset:0;pointer-events:none;z-index:5}.hud>*{pointer-events:none}.hud .hb-room,.hud .hb-map,.hud .hb-chatlog,.hud .hb-say,.hud .hb-dock,.hud .hb-pop,.hud .hb-tray,.hud .item-hub{pointer-events:auto}.hb-ico-btn svg,.hb-dock-btn svg,.hb-say-style svg,.hb-say-send svg,.hb-window-x svg,.hb-avatar svg{width:20px;height:20px;display:block}.hb-room-ico svg{width:20px;height:20px}.hb-chip svg{width:14px;height:14px}.hb-top{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;z-index:6}.hb-room{display:flex;align-items:center;gap:12px;padding:8px 10px 8px 12px;background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));border:1px solid var(--line-2);border-radius:16px;box-shadow:var(--shadow),var(--inset);max-width:min(58vw,560px)}.hb-room-ico{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:12px;color:#cfe0ff;background:linear-gradient(180deg,#3a55a8,#26356a);box-shadow:var(--inset)}.hb-room-meta{min-width:0;display:flex;flex-direction:column;gap:3px}.hb-room-name{font-size:15px;font-weight:700;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb-room-stats{display:flex;align-items:center;gap:6px}.hb-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#d5def6;background:#ffffff14;border:1px solid var(--line);padding:2px 8px;border-radius:999px}.hb-chip svg{color:var(--accent-2)}.hb-chip-ghost{color:var(--muted);background:transparent}.hb-chip-credits{gap:6px;background:#0a0e1873}.hb-chip-credits .hb-cur-ico{width:16px;height:16px;display:block}.hb-chip-credits b{color:var(--gold);font-variant-numeric:tabular-nums}.hb-room-actions{display:flex;align-items:center;gap:6px;padding-left:4px}.hb-ico-btn{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#cdd7f0;background:#ffffff0f;border:1px solid var(--line);transition:background .12s,color .12s,transform .08s}.hb-ico-btn:hover{background:#ffffff24;color:#fff}.hb-ico-btn:active{transform:scale(.94)}.hb-ico-btn.active{background:var(--accent);border-color:#8fb0ff;color:#fff}.hb-map{position:absolute;top:14px;right:14px;width:188px;background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));border:1px solid var(--line-2);border-radius:16px;box-shadow:var(--shadow),var(--inset);padding:10px;z-index:6}.hb-map-frame{border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#0a0e16;box-shadow:inset 0 0 18px #0009}#minimap{display:block;width:100%;height:auto;cursor:pointer}.hb-coords{margin-top:8px;text-align:center;font-size:12px;font-weight:700;letter-spacing:.4px;color:#cdd7f0;font-variant-numeric:tabular-nums}.hb-chatlog{position:absolute;left:50%;bottom:168px;transform:translate(-50%);width:min(520px,calc(100vw - 280px));max-height:min(36vh,340px);display:flex;flex-direction:column;z-index:6}.chat-log{flex:1;min-height:40px;overflow-y:auto;display:flex;flex-direction:column;gap:5px;padding:4px 2px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18px);mask-image:linear-gradient(180deg,transparent 0,#000 18px)}.chat-line{align-self:flex-start;max-width:92%;background:#101626eb;border:1px solid var(--line);padding:7px 12px;border-radius:16px 16px 16px 6px;font-size:13px;line-height:1.4;word-break:break-word;box-shadow:0 4px 14px #00000052;animation:hb-pop-in .18s ease}.chat-line b{color:#86b7ff;font-weight:700}.chat-line.notice{color:#ffd98a;font-style:italic;background:#3c2e10bf;border-color:#ffca3a47}@keyframes hb-pop-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hb-say{position:absolute;left:50%;bottom:108px;transform:translate(-50%);display:flex;align-items:center;gap:6px;width:min(520px,calc(100vw - 280px));padding:6px;background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));border:1px solid var(--line-2);border-radius:999px;box-shadow:var(--shadow),var(--inset);z-index:7}.hb-say input{flex:1;min-width:0;padding:9px 12px;border-radius:999px;background:#0a0e1899;border:1px solid var(--line);color:var(--text);font-size:14px}.hb-say input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3f7bff38}.hb-say-style,.hb-say-send{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:50%;border:1px solid var(--line);background:#ffffff0f;color:#cdd7f0;transition:background .12s,transform .08s}.hb-say-style.active{background:#5a8cff59;border-color:#78aaff99}.hb-chatlog.hidden{display:none!important}.hb-say-send{background:linear-gradient(180deg,#4c78ff,#2f5be6);color:#fff;border-color:#6f92ff;box-shadow:var(--inset)}.hb-say-style:hover,.hb-say-send:hover{filter:brightness(1.1)}.hb-say-send:active,.hb-say-style:active{transform:scale(.93)}.hb-dock{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(180deg,#2b3550,#171d2e);border:1px solid var(--line-2);border-radius:22px;box-shadow:var(--shadow),var(--inset);z-index:8}.hb-dock-sep{width:1px;height:30px;background:var(--line-2);margin:0 2px}.hb-dock-btn{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#cdd7f0;background:#ffffff0d;border:1px solid var(--line);transition:background .12s,color .12s,transform .1s,box-shadow .12s}.hb-dock-btn:hover{background:#ffffff24;color:#fff;transform:translateY(-3px)}.hb-dock-btn:active{transform:translateY(-1px) scale(.96)}.hb-dock-btn.active{background:linear-gradient(180deg,#4c78ff,#2f5be6);color:#fff;border-color:#7f9dff;box-shadow:0 8px 20px #2f5be680,var(--inset)}.hb-dock-btn svg{width:22px;height:22px}.hb-dock-btn[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px);padding:4px 9px;border-radius:8px;white-space:nowrap;background:#0c1120;border:1px solid var(--line-2);color:#e7edff;font-size:11px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .12s,transform .12s}.hb-dock-btn:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.hb-dock-me{width:54px;height:54px;border-radius:16px}.hb-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:linear-gradient(180deg,#ffb35c,#ff7a59);box-shadow:var(--inset),0 0 0 2px #ffffff2e}.hb-avatar svg{width:22px;height:22px}.hb-pop{position:absolute;left:50%;bottom:78px;transform:translate(-50%);width:300px;padding:12px;background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));border:1px solid var(--line-2);border-radius:18px;box-shadow:var(--shadow),var(--inset);z-index:9;animation:hb-rise .16s ease}@keyframes hb-rise{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.hb-pop:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%) rotate(45deg);width:14px;height:14px;background:var(--panel-bot);border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}.hb-pop-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px}.hb-me-head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:10px}.hb-avatar-lg{width:46px;height:46px}.hb-avatar-lg svg{width:28px;height:28px}.hb-me-id{min-width:0}.hb-me-name{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb-me-role{font-size:11px;color:var(--accent-2);text-transform:uppercase;letter-spacing:.06em}.hb-me-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hb-me-grid button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;border-radius:12px;background:#ffffff0d;border:1px solid var(--line);color:#d5def6;font-size:11px;font-weight:600;transition:background .12s,transform .08s}.hb-me-grid button:hover{background:#ffffff21;color:#fff}.hb-me-grid button:active{transform:scale(.96)}.hb-me-grid svg{width:20px;height:20px;color:var(--accent-2)}.hb-pop-foot{display:flex;gap:8px;margin-top:12px}.hb-btn-soft,.hb-btn-danger{flex:1;padding:9px 10px;border-radius:10px;font-size:12px;font-weight:600;border:1px solid var(--line-2);color:#e7edff;background:#ffffff0f}.hb-btn-soft b{color:var(--accent-2)}.hb-btn-soft:hover{background:#ffffff24}.hb-btn-danger{background:linear-gradient(180deg,#ff5d6c,#d23a49);border-color:#ff8a95;color:#fff}.hb-btn-danger:hover{filter:brightness(1.08)}.hb-effects{width:264px}.hb-emote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hb-emote-grid button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:12px;background:#ffffff0d;border:1px solid var(--line);color:#d5def6;font-size:11px;font-weight:600;transition:background .12s,transform .08s}.hb-emote-grid button:hover{background:#ffffff21;color:#fff;transform:translateY(-2px)}.hb-emote-face{font-size:22px;line-height:1}.hb-tray{position:absolute;left:50%;bottom:78px;transform:translate(-50%);width:min(680px,calc(100vw - 40px));padding:12px 14px 14px;background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));border:1px solid var(--line-2);border-radius:18px;box-shadow:var(--shadow),var(--inset);z-index:9;animation:hb-rise .16s ease}.hb-tray:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%) rotate(45deg);width:14px;height:14px;background:var(--panel-bot);border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}.hb-tray-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.hb-tray-title{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.hb-tray-title svg{width:18px;height:18px;color:var(--accent-2)}.hb-tray-tabs{display:flex;gap:4px}.hb-tray-tabs button{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;background:#ffffff0d;border:1px solid var(--line);color:var(--muted)}.hb-tray-tabs button.active{background:var(--accent);border-color:#8fb0ff;color:#fff}.hb-tray-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;max-height:40vh;overflow-y:auto;padding-right:2px}.hb-furni{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;border-radius:12px;background:#0a0e1866;border:1px solid var(--line);color:#d5def6;font-size:11px;font-weight:600;text-align:center;transition:background .12s,border-color .12s,transform .08s}.hb-furni:hover{background:#ffffff1a;transform:translateY(-2px)}.hb-furni.active{border-color:var(--accent);box-shadow:0 0 0 2px #3f7bff66 inset;background:#3f7bff29}.hb-furni-name{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb-furni-thumb{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.18),transparent 60%),var(--c, #3a55a8);box-shadow:var(--inset),inset 0 -6px 10px #00000059}.hb-furni-thumb svg{width:26px;height:26px;color:#ffffffeb}.hb-sheet{position:fixed;inset:0;z-index:25;display:grid;place-items:center;background:#04070e8c;backdrop-filter:blur(2px);pointer-events:auto}.hb-window{width:min(460px,92vw);background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));border:1px solid var(--line-2);border-radius:18px;box-shadow:var(--shadow),var(--inset);overflow:hidden;animation:hb-rise-c .18s ease}@keyframes hb-rise-c{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.hb-window-bar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);background:#00000026}.hb-window-ico{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#cfe0ff;background:linear-gradient(180deg,#3a55a8,#26356a);box-shadow:var(--inset)}.hb-window-ico svg{width:18px;height:18px}.hb-window-title{flex:1;font-size:16px;font-weight:700}.hb-window-x{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#cdd7f0;background:#ffffff0f;border:1px solid var(--line)}.hb-window-x:hover{background:#ff5d6c38;color:#fff}.hb-window-body{padding:14px 16px 16px}.hb-window-sub{margin:0 0 12px;font-size:13px;line-height:1.5;color:#b7c1de}.hb-window-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hb-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:12px;background:#0a0e1866;border:1px solid var(--line);font-size:11px;font-weight:600;color:#cdd7f0;text-align:center}.hb-tile-btn{width:100%;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s ease,background .15s ease,transform .12s ease}.hb-tile-btn:hover{border-color:#78a0ff8c;background:#1e2a488c;transform:translateY(-1px)}.hb-tile-btn.active{border-color:#78c88cb3;background:#285a3c47;box-shadow:inset 0 0 0 1px #78c88c40}.hb-tile-thumb{width:40px;height:40px;border-radius:10px;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.16),transparent 60%),linear-gradient(180deg,#3a4c7e,#26305a);box-shadow:var(--inset),inset 0 -5px 9px #00000059}.hb-avatar-thumb{display:grid;place-items:center;font-size:14px;font-weight:800;letter-spacing:.04em;color:#f2f6ff}.hb-avatar-f{background:radial-gradient(circle at 50% 28%,rgba(255,180,220,.35),transparent 58%),linear-gradient(180deg,#5a3d78,#2f2548)}.hb-avatar-m{background:radial-gradient(circle at 50% 28%,rgba(140,190,255,.35),transparent 58%),linear-gradient(180deg,#2f4a78,#1c2a48)}.hb-tile-meta{font-size:10px;font-weight:500;color:#8e9bb8}.hb-window-grid-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.hb-catalog-card{gap:5px;padding-bottom:10px}.hb-furni-thumb-img{overflow:hidden;background:linear-gradient(180deg,#3a4c7e,#1e2744)!important}.hb-furni-thumb-img img,.hb-tile-thumb img{width:100%;height:100%;object-fit:contain;image-rendering:auto;display:block}.hb-buy-btn{margin-top:2px;width:100%;font-size:11px;font-weight:700}.hb-soon{margin-top:14px;text-align:center;font-size:12px;font-weight:700;color:#ffd98a;background:#ffca3a1a;border:1px dashed rgba(255,202,58,.4);border-radius:10px;padding:8px}.hb-emote-fx{position:fixed;left:50%;bottom:30%;transform:translate(-50%);font-size:64px;pointer-events:none;z-index:40;animation:hb-emote .95s ease forwards;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}@keyframes hb-emote{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.6)}25%{opacity:1;transform:translate(-50%) translateY(0) scale(1.15)}70%{opacity:1;transform:translate(-50%) translateY(-40px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-90px) scale(.9)}}.minimap-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#04070e99;pointer-events:auto}.minimap-modal-panel{background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));border:1px solid var(--line-2);border-radius:18px;padding:14px 16px 12px;box-shadow:var(--shadow),var(--inset);max-width:96vw}.minimap-modal-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px}.minimap-modal-title{flex:1;font-weight:700;font-size:15px}#minimapModalCanvas{display:block;width:min(520px,86vw);height:min(520px,86vw);border-radius:12px;background:#0a0e16;touch-action:none;border:1px solid var(--line)}.minimap-modal-hint{margin:8px 0 0;font-size:12px;color:var(--muted);max-width:520px}#minimapTpBtn.active{background:#b23b4a;border-color:#b23b4a;color:#fff}.minimap-modal.tp-aim,.minimap-modal.tp-aim *,#minimapModalCanvas.tp-aim{cursor:crosshair!important}.item-hub{position:fixed;z-index:35;display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:160px;background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));border:1px solid var(--line-2);border-radius:14px;padding:12px 12px 10px;box-shadow:var(--shadow),var(--inset)}.item-hub-title{font-size:14px;font-weight:700}.item-hub-sub{margin:-2px 0 2px;font-size:11px;color:#9aa8c7}.item-hub .hb-mini-btn{width:100%;text-align:center}.hb-mini-btn{padding:6px 12px;border-radius:9px;font-size:12px;font-weight:600;background:#ffffff14;border:1px solid var(--line);color:#e7edff}.hb-mini-btn:hover{background:#ffffff29}.hb-build-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.hb-build-tabs button{flex:1 1 auto;min-width:56px;padding:5px 8px;border-radius:8px;font-size:11px;font-weight:700;background:#ffffff0f;border:1px solid var(--line);color:#c5d0ea;cursor:pointer}.hb-build-tabs button.active{background:#5a8cff40;border-color:#78aaff8c;color:#fff}.hb-mini-btn.hidden{display:none!important}@media (max-width: 860px){.hb-say{width:min(420px,calc(100vw - 200px));bottom:100px}.hb-chatlog{width:min(420px,calc(100vw - 200px));bottom:156px}.hb-map{top:auto;bottom:100px;width:148px}}@media (max-width: 620px){.hb-room{max-width:calc(100vw - 28px)}.hb-say{width:calc(100vw - 28px);bottom:88px}.hb-chatlog{width:calc(100vw - 28px);bottom:144px;max-height:28vh}.hb-dock-btn{width:42px;height:42px}.hb-dock-me{width:48px;height:48px}.hb-map{display:none}}