: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;padding:16px}.auth-grid{display:flex;gap:24px;align-items:flex-start;justify-content:center;flex-wrap:wrap;max-width:920px;width:100%}.auth-news{width:420px;max-width:92vw;background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));border:1px solid var(--line-2);border-radius:18px;padding:20px 22px;box-shadow:var(--shadow),var(--inset);max-height:80vh;overflow-y:auto}.auth-news h2{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.auth-news h2+h2{margin-top:20px}.auth-news-list{display:flex;flex-direction:column;gap:10px}.auth-news-item{background:#ffffff0a;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.auth-news-item.pinned{border-color:#ffca3a73}.auth-news-item img{width:100%;border-radius:8px;margin-bottom:8px;display:block}.auth-news-item h3{margin:0 0 4px;font-size:14px;color:var(--text)}.auth-news-item p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.4}.auth-news-item time{display:block;margin-top:6px;font-size:11px;color:var(--muted);opacity:.8}.auth-news-empty{color:var(--muted);font-size:13px}.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-btn{cursor:pointer;font-family:inherit}.hb-chip-btn:hover,.hb-chip-btn.active{color:#fff;background:#ffffff24}.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-map-actions{display:flex;gap:4px;margin-top:8px}.hb-map-actions .hb-mini-btn{flex:1 1 0;padding:5px 0;text-align:center;font-size:11px}.hb-map-actions .hb-mini-btn.active{background:var(--accent);border-color:#8fb0ff;color:#fff}.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,.hb-me-grid a{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;text-decoration:none;cursor:pointer}.hb-me-grid button:hover,.hb-me-grid a:hover{background:#ffffff21;color:#fff}.hb-me-grid button:active,.hb-me-grid a: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}.hb-journal{grid-column:1 / -1;max-height:62vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.hb-journal-tabs{margin-bottom:0}.hb-journal-list{display:flex;flex-direction:column;gap:8px}.hb-journal-section{margin:6px 0 0;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.hb-journal-card{position:relative;display:block;width:100%;text-align:left;padding:10px 12px;border-radius:12px;font:inherit;color:var(--text);background:#0a0e1866;border:1px solid var(--line)}button.hb-journal-card{cursor:pointer;transition:border-color .15s ease,background .15s ease}button.hb-journal-card:hover{border-color:#78a0ff8c;background:#1e2a488c}.hb-journal-card.pinned{border-color:#ffca3a73}.hb-journal-card.live{border-color:#78c88ccc;background:#285a3c47;box-shadow:inset 0 0 0 1px #78c88c40}.hb-journal-card img,.hb-journal-article img{width:100%;max-height:160px;object-fit:cover;border-radius:8px;margin-bottom:8px;display:block}.hb-journal-card h3,.hb-journal-article h3{margin:0 0 4px;font-size:14px}.hb-journal-card p{margin:0;font-size:12.5px;color:#b7c1de;line-height:1.4;white-space:pre-wrap}.hb-journal-card time,.hb-journal-article time{display:block;margin-top:6px;font-size:11px;color:var(--muted)}.hb-journal-card .hb-tile-meta{display:block;margin-top:4px}.hb-journal-badge{display:inline-block;margin-bottom:6px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#0d1a10;background:var(--green)}.hb-journal-actions:empty{display:none}.hb-journal-actions{margin-top:8px}.hb-journal-actions .hb-mini-btn{width:100%;text-align:center}.hb-journal-article{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.hb-journal-article .hb-mini-btn{margin-bottom:4px}.hb-journal-text{margin:4px 0 0;font-size:13px;line-height:1.55;color:#cdd7f0;white-space:pre-wrap}.hb-friends{grid-column:1 / -1;max-height:62vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.hb-friend{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#0a0e1866;border:1px solid var(--line)}.hb-friend-face{flex:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#fff}.hb-friend-face.has-thumb{background:#ffffff0f!important;overflow:hidden;border-radius:10px;width:44px;height:54px}.hb-friend-face img{width:100%;height:100%;object-fit:contain;display:block}.hb-friend-info{flex:1 1 120px;min-width:0;display:flex;flex-direction:column;gap:2px}.hb-friend-info b{font-size:13.5px;overflow-wrap:anywhere}.hb-friend-status{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted)}.hb-friend-dot{width:8px;height:8px;border-radius:50%;background:#6b7488;flex:none}.hb-friend-dot.on{background:#4fd37a;box-shadow:0 0 6px #4fd37ab3}.hb-friend-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.hb-friend-ask{font-size:12px;color:#ffd98a}.hb-journal-note{padding:18px 8px;text-align:center;font-size:13px;color:#b7c1de}.hb-journal-note strong{display:block;color:var(--text);margin-bottom:4px}.hb-journal-note p{margin:0}@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}}.hb-wardrobe{display:flex;flex-direction:column;gap:6px;min-width:0}.hb-wr-groups{display:flex;gap:4px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:6px}.hb-wr-group{display:flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid rgba(255,255,255,.14);border-radius:6px 6px 0 0;background:#ffffff0d;color:inherit;font:inherit;font-size:11px;cursor:pointer}.hb-wr-group:hover{background:#ffffff1a}.hb-wr-group.active{background:#2f6fd0;border-color:#2f6fd0;color:#fff}.hb-wr-ico{font-size:14px;line-height:1}.hb-wr-slots{display:flex;flex-wrap:wrap;gap:4px}.hb-wr-slots .hb-mini-btn{width:auto;padding:3px 8px;font-size:11px}.hb-wr-slots .hb-mini-btn.active{background:#2f6fd0;border-color:#2f6fd0;color:#fff}.hb-wr-body{display:grid;grid-template-columns:minmax(0,1fr) 232px;gap:10px;align-items:start}.hb-wr-left{display:flex;flex-direction:column;gap:6px;min-width:0}.hb-wr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:5px;max-height:296px;overflow-y:auto;padding-right:4px}.hb-wr-colors{display:flex;flex-wrap:wrap;gap:5px;padding-top:6px;border-top:1px solid rgba(255,255,255,.1)}.hb-wr-colors.hidden{display:none}.hb-wr-swatch{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:var(--sw, #888);cursor:pointer;padding:0}.hb-wr-swatch:hover{border-color:#fff9}.hb-wr-swatch.active{border-color:#2f6fd0;box-shadow:0 0 0 2px #2f6fd080}.hb-wr-swatch-original{background:repeating-conic-gradient(#666 0% 25%,#999 0% 50%) 50% / 10px 10px}.hb-wr-color-note{font-size:11px;color:#ffffff8c;font-style:italic}.hb-wr-tile{display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 3px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#ffffff0a;color:inherit;font:inherit;cursor:pointer}.hb-wr-tile:hover{background:#ffffff1a}.hb-wr-tile.active{border-color:#2f6fd0;background:#2f6fd047}.hb-wr-thumb{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:5px;background:#00000047;font-size:13px;font-weight:600;overflow:hidden}.hb-wr-thumb-img{width:100%;height:100%;object-fit:contain}.hb-wr-thumb-tint{position:absolute;inset:0;background:var(--tint);mix-blend-mode:multiply;pointer-events:none}.hb-wr-gender{position:absolute;bottom:-3px;right:-3px;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;line-height:1;border:1px solid rgba(0,0,0,.4)}.hb-wr-gender-f{background:#e07bc4;color:#2a0e21}.hb-wr-gender-m{background:#5aa7e6;color:#0b2338}.hb-wr-gender-u{background:#9aa0a6;color:#1a1c1f}.hb-wr-name{font-size:10px;line-height:1.15;text-align:center;max-height:24px;overflow:hidden}.hb-wr-preview{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#00000038}.hb-wr-canvas{width:210px;height:290px;border-radius:6px;background:#171b26;display:block}.hb-wr-spin{display:flex;gap:6px}.hb-wr-spin .hb-mini-btn{width:54px;text-align:center}.hb-wr-save{width:100%;text-align:center}.hb-wr-save:disabled{opacity:.5;cursor:default}.player-card{z-index:36;pointer-events:auto;width:190px;align-items:stretch}.player-card-preview{display:flex;justify-content:center}.player-card-canvas{width:160px;height:200px;border-radius:6px;background:#171b26;display:block}.player-card-actions{display:flex;flex-direction:column;gap:8px}.player-card .hb-mini-btn{width:100%;text-align:center}.player-card .hb-mini-btn.active{background:#2f6fd0;border-color:#2f6fd0;color:#fff}.player-card .hb-mini-btn:disabled{opacity:.45;cursor:default}.player-card-reporting{width:260px;max-height:calc(100vh - 24px);overflow:auto}.player-card-hint{margin:0;font-size:12px;color:#9aa8c7}.player-card-reasons{display:flex;flex-wrap:wrap;gap:6px}.player-card-reasons .hb-mini-btn{width:auto;flex:1 1 auto}.player-card-note{width:100%;box-sizing:border-box;min-height:64px;resize:vertical;border-radius:9px;border:1px solid var(--line);background:#00000040;color:#e7edff;font:inherit;font-size:12px;padding:8px}.hud .hb-nearby{pointer-events:auto}.hb-nearby{position:absolute;top:84px;left:14px;width:260px;max-height:min(50vh,360px);display:flex;flex-direction:column;padding: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);z-index:9}.hb-nearby-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.hb-nearby-head .hb-pop-title{margin-bottom:0}.hb-nearby-list{list-style:none;margin:0;padding:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.hb-nearby-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:7px 10px;border-radius:10px;font:inherit;font-size:13px;font-weight:600;color:#e6ecfb;background:#ffffff0f;border:1px solid var(--line);cursor:pointer;text-align:left}.hb-nearby-item:hover{background:#ffffff24}.hb-nearby-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb-nearby-dist{flex:0 0 auto;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.hb-nearby-empty{margin:0;font-size:12px;color:var(--muted)}.hb-nearby-list:not(:empty)+.hb-nearby-empty{display:none}.hb-profile{grid-column:1 / -1;display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.hb-profile-canvas{width:160px;height:200px;border-radius:6px;background:#171b26;flex:none}.hb-profile-info{flex:1 1 220px;display:flex;flex-direction:column;gap:8px;min-width:0}.hb-profile-name{margin:0;font-size:18px}.hb-profile-since{font-size:12px;color:var(--muted)}.hb-profile-motto{margin:4px 0 0;font-size:14px;line-height:1.5;color:#cdd7f0;overflow-wrap:anywhere}.hb-profile-motto.empty{color:var(--muted);font-style:italic}.hb-profile-edit{display:flex;flex-direction:column;gap:6px}.hb-profile-edit label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.hb-profile-row{display:flex;gap:8px}.hb-profile-input{flex:1 1 auto;min-width:0;padding:6px 10px;border-radius:9px;font-size:13px;background:#ffffff14;border:1px solid var(--line);color:#e7edff}.hb-profile-row .hb-mini-btn:disabled{opacity:.45;cursor:default}.hb-profile-counter{font-size:11px;color:var(--muted);text-align:right}.hb-profile-counter.over{color:#ff7a7a}.hb-profile-note{min-height:16px;font-size:12px;color:#9fd6a8}