#hud-root{top:calc(8px + var(--safe-top));z-index:16;justify-content:space-between;align-items:flex-start;gap:8px;display:none;left:8px;right:8px}#hud-root.visible{display:flex}#hud-root.hud-table{max-width:min(420px,100% - 16px);right:auto}.hud-card{pointer-events:none;width:min(168px,46vw);color:var(--cream);background:#0a140cc7;border:1px solid #d4a01759;border-radius:10px;padding:6px 8px;font-size:11px;box-shadow:0 2px 10px #00000047}.hud-card__head{align-items:center;gap:6px;margin-bottom:5px;display:flex}.hud-card__avatar{width:26px;height:26px;color:var(--ink);background:radial-gradient(circle at 35% 30%,#f0d78c,#d4a017 55%,#8a6a12);border:1px solid #f3e6c580;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.hud-card__identity{flex:1;min-width:0}.hud-card__name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:11px;font-weight:700;overflow:hidden}.hud-card__level{align-items:center;gap:5px;display:flex}.hud-badge{color:var(--ink);background:#b6f3c8e6;border-radius:999px;align-items:center;padding:0 5px;font-size:9px;font-weight:800;display:inline-flex}.hud-card__xp-num{opacity:.7;font-size:9px}.hud-xp{align-items:center;gap:5px;margin-bottom:5px;display:flex}.hud-xp__track{background:#00000073;border:1px solid #d4a0174d;border-radius:999px;flex:1;height:6px;overflow:hidden}.hud-xp__fill{border-radius:inherit;background:linear-gradient(90deg,#3d6e22,#8bc34a 55%,#c8e87a);width:0%;height:100%;transition:width .25s}.hud-xp__pct{color:#b6f3c8;text-align:right;flex-shrink:0;min-width:22px;font-size:9px;font-weight:700}.hud-stats{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.hud-stat{text-align:center;background:#00000038;border:1px solid #f3e6c51a;border-radius:6px;flex-direction:column;align-items:center;gap:0;padding:3px 1px 2px;display:flex}.hud-stat__icon{color:#d4a017;font-size:9px;line-height:1}.hud-stat__val{font-size:10px;font-weight:800;line-height:1.15}.hud-stat__sep{opacity:.45;margin:0 1px;font-weight:600}.hud-stat__lbl{letter-spacing:.03em;text-transform:uppercase;opacity:.6;font-size:7px}.hud-box{pointer-events:auto;color:var(--cream);background:#0a140cb8;border:1px solid #d4a01759;border-radius:10px;padding:8px 10px;font-size:12px;line-height:1.35}.hud-box--actions{align-items:center;gap:6px;display:flex}.hud-btn{pointer-events:auto;min-width:36px;min-height:36px;color:var(--ink);cursor:pointer;background:#d4a017e6;border:0;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700}.hud-btn--gear{min-width:40px;font-size:16px;line-height:1}.hud-pill{pointer-events:auto;max-width:100%;color:var(--cream);background:#0a140cc7;border:1px solid #d4a01759;border-radius:999px;align-items:center;gap:6px;padding:4px 6px;font-size:12px;line-height:1.2;display:flex}.hud-pill__avatar{width:26px;height:26px;color:var(--ink);background:#d4a017;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex}.hud-pill__text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hud-pill__btn{min-width:32px;min-height:32px;color:var(--ink);cursor:pointer;background:#d4a017e6;border:0;border-radius:999px;flex-shrink:0;font-size:13px;font-weight:800}#map-chat-root{left:calc(10px + env(safe-area-inset-left,0px));bottom:calc(10px + var(--safe-bottom));z-index:17;pointer-events:none;width:min(280px,100vw - 140px);display:none;position:fixed}#map-chat-root.visible{display:block}#map-chat-root.is-collapsed{width:auto;max-width:min(220px,100vw - 140px)}.map-chat{pointer-events:auto;color:var(--cream);background:#0a0a0ead;border:1px solid #f3e6c533;border-radius:10px;padding:5px 7px;font-family:inherit;font-size:11px}.map-chat.is-collapsed{background:#0a0a0ec7;padding:3px 4px}.map-chat__head{justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px;font-size:11px;display:flex}.map-chat.is-collapsed .map-chat__head{margin-bottom:0}.map-chat__toggle{min-width:0;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;margin:0;padding:2px 4px;display:inline-flex}.map-chat__toggle:hover{background:#ffffff0f}.map-chat__scope{color:var(--gold,#d4a017);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.map-chat__unread{color:#1b140c;text-align:center;background:#e07a6a;border-radius:999px;flex-shrink:0;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;line-height:16px}.map-chat__chev{opacity:.75;border-top:5px solid #f3e6c5b3;border-left:4px solid #0000;border-right:4px solid #0000;flex-shrink:0;width:0;height:0}.map-chat.is-collapsed .map-chat__chev{border-top:0;border-bottom:5px solid #f3e6c5b3}.map-chat__hint{opacity:.45;flex-shrink:0;font-size:10px}.map-chat.is-collapsed .map-chat__hint{display:none}.map-chat__body{flex-direction:column;gap:4px;display:flex}.map-chat.is-collapsed .map-chat__body{display:none}.map-chat__log{scrollbar-width:thin;max-height:72px;line-height:1.3;overflow-y:auto}.map-chat__line{word-break:break-word;margin:1px 0;transition:opacity .4s}.map-chat__who{color:#b6f3c8;font-weight:700}.map-chat__form{margin:0}.map-chat__input{box-sizing:border-box;width:100%;color:var(--cream);font:inherit;background:#00000059;border:1px solid #f3e6c547;border-radius:7px;outline:none;padding:5px 7px}.map-chat__input:focus{border-color:#d4a017a6}#voice-status-root{right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(12px + var(--safe-bottom));z-index:18;pointer-events:auto;cursor:pointer;max-width:min(160px,42vw);color:var(--cream);-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;background:#0a0a0ebf;border:1px solid #0000;border-radius:8px;padding:5px 9px;font-family:inherit;font-size:11px;transition:background .12s,border-color .12s,box-shadow .12s,color .12s,top .14s,bottom .14s,right .14s;display:none;position:fixed;overflow:hidden}#voice-status-root.visible{display:block}#voice-status-root:hover{border-color:#f3e6c559}#voice-status-root.is-live{border-color:#b6f3c847}#voice-status-root.is-off{color:#f3e6c58c;background:#0a0a0e8c;border-color:#ffb4a859}#voice-status-root.is-speaking{color:#1b140c;background:#b6f3c8eb;border-color:#d4a017d9;animation:.9s ease-in-out infinite voice-speak-pulse;box-shadow:0 0 0 2px #b6f3c859,0 0 18px #b6f3c88c}@keyframes voice-speak-pulse{0%,to{box-shadow:0 0 0 2px #b6f3c84d,0 0 14px #b6f3c873}50%{box-shadow:0 0 0 3px #d4a0178c,0 0 22px #b6f3c8bf}}body:has(#touch-root.visible):not(:has(#table-ui-root.visible)) #voice-status-root{bottom:calc(68px + var(--safe-bottom))}body:has(#table-ui-root.visible) #voice-status-root{top:auto;right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(64px + var(--safe-bottom))}#confirm-dialog-root{z-index:10020;box-sizing:border-box;color:var(--cream);background:#0000008c;justify-content:center;align-items:center;padding:16px;font-family:inherit;display:none;position:fixed;inset:0}#confirm-dialog-root.visible{display:flex}.confirm-dialog__panel{box-sizing:border-box;background:#1b140c;border:1px solid #f3e6c559;border-radius:14px;width:min(340px,100%);padding:18px 20px 16px;box-shadow:0 12px 40px #00000073}.confirm-dialog__title{color:var(--cream);margin:0 0 10px;font-size:15px;font-weight:700}.confirm-dialog__msg{color:#f3e6c5e0;margin:0 0 16px;font-size:13px;line-height:1.45}.confirm-dialog__actions{gap:8px;display:flex}.confirm-dialog__btn{min-height:40px;color:var(--cream);cursor:pointer;background:#ffffff14;border:1px solid #f3e6c540;border-radius:8px;flex:1;font-size:13px;font-weight:600}.confirm-dialog__btn--primary{color:#1b140c;background:#b6f3c8;border:0;font-weight:700}.confirm-dialog__btn--primary.is-danger{color:#1b140c;background:#e07a6a}#settings-root{z-index:10000;box-sizing:border-box;color:var(--cream);background:#0000008c;justify-content:center;align-items:center;padding:16px;font-family:inherit;display:none;position:fixed;inset:0}#settings-root.visible{display:flex}.sp-panel{box-sizing:border-box;background:#1b140c;border:1px solid #f3e6c559;border-radius:14px;flex-direction:column;gap:0;width:min(320px,100%);max-height:min(88vh,480px);padding:18px 20px 16px;display:flex;box-shadow:0 12px 40px #00000073}.sp-panel--voice{width:min(380px,100%);max-height:min(92vh,560px)}.sp-title{color:var(--cream);margin:0 0 12px;font-size:15px;font-weight:700}.sp-tabs{gap:6px;margin-bottom:14px;display:flex}.sp-tab{min-height:34px;color:var(--cream);cursor:pointer;background:#ffffff0f;border:1px solid #f3e6c533;border-radius:8px;flex:1;font-size:12px;font-weight:600}.sp-tab.is-on{color:var(--ink);background:#d4a017e6;border-color:#0000}.sp-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding-bottom:4px;overflow-y:auto}.sp-row{grid-template-columns:88px 1fr;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;display:grid}.sp-row--modes{grid-template-columns:88px 1fr;align-items:start}.sp-row label,.sp-label{color:var(--cream);opacity:.95}.sp-row input[type=range]{accent-color:#d4a017;width:100%;min-height:28px}.sp-row select{width:100%;min-height:34px;color:var(--cream);background:#00000059;border:1px solid #f3e6c540;border-radius:8px;padding:4px 8px}.sp-mode-group{flex-direction:column;gap:6px;display:flex}.sp-mode{min-height:34px;color:var(--cream);cursor:pointer;background:#ffffff0f;border:1px solid #f3e6c538;border-radius:8px;font-size:12px;font-weight:600}.sp-mode.is-on{color:var(--ink);background:#b6f3c8e6;border-color:#0000}.sp-hint{opacity:.75;margin:0 0 8px;font-size:11px;line-height:1.4}.sp-hint--err{color:#ffb4a8;opacity:1}.sp-hint--touch{display:none}.sp-row--stack{grid-template-columns:1fr;gap:6px}.sp-mic-row{align-items:stretch;gap:6px;display:flex}.sp-mic-row select{flex:1;min-width:0}.sp-mode--icon{flex:0 0 40px;min-width:40px;padding:0;font-size:16px}.sp-mic-test{background:#00000047;border:1px solid #f3e6c51f;border-radius:10px;flex-direction:column;gap:8px;margin:4px 0 12px;padding:10px;display:flex}.sp-mic-test .sp-mode{width:100%}.sp-meter{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.sp-meter__fill{border-radius:inherit;background:linear-gradient(90deg,#6bcf7a,#d4a017);width:0%;height:100%;transition:width 60ms linear}.sp-meter__fill.is-hot{background:linear-gradient(90deg,#d4a017,#ff7a6a)}.sp-close{color:#1b140c;cursor:pointer;background:#b6f3c8;border:0;border-radius:8px;width:100%;min-height:40px;margin-top:12px;font-size:13px;font-weight:700}@media (width<=899px){.hud-card{width:min(150px,42vw);padding:5px 7px}.hud-card__avatar{width:22px;height:22px;font-size:10px}.hud-card__name{font-size:10px}.hud-stat__val{font-size:9px}.hud-stat__lbl{display:none}.hud-box{padding:6px 8px;font-size:11px}.hud-btn{min-height:40px}#hud-root.hud-table .hud-pill{max-width:min(200px,55vw);font-size:10px}#map-chat-root{width:min(200px,100vw - 132px);left:calc(8px + env(safe-area-inset-left,0px));bottom:calc(8px + var(--safe-bottom))}#map-chat-root.is-collapsed{max-width:min(170px,100vw - 132px)}.map-chat{padding:4px 6px;font-size:10px}.map-chat__log{max-height:52px}.map-chat__input{padding:4px 6px;font-size:11px}.map-chat__hint{display:none}#voice-status-root{right:calc(10px + env(safe-area-inset-right,0px));max-width:min(118px,34vw);padding:4px 7px;font-size:10px}body:has(#touch-root.visible):not(:has(#table-ui-root.visible)) #voice-status-root{bottom:calc(56px + var(--safe-bottom))}body:has(#table-ui-root.visible) #voice-status-root{top:calc(8px + var(--safe-top));right:calc(90px + env(safe-area-inset-right,0px));text-align:center;min-width:28px;max-width:36px;min-height:26px;padding:2px 6px;font-size:13px;line-height:1;bottom:auto}#hud-root.hud-table .hud-pill{max-width:min(148px,40vw)}#settings-root{align-items:flex-end;padding:0}.sp-panel,.sp-panel--voice{width:100%;max-width:100%;max-height:min(85vh,560px);padding:16px 16px calc(16px + var(--safe-bottom));border-radius:14px 14px 0 0}.sp-hint--desk{display:none}.sp-hint--touch{display:block}}
