#wrap .hk-hud-toggle { display:none!important; }
.hk-chat-line .hk-chat-time { display:inline-block; margin-left:5px; color:#aaa; font-size:10px; line-height:1.4; font-weight:400; white-space:nowrap; vertical-align:baseline; font-variant-numeric:tabular-nums; }
.hk-chat-hud { display:none!important; }
.hk-chat-hud[hidden] { display:none!important; }
@media(max-width:1023px) {
 .hk-hud-enabled, .hk-hud-enabled body { overflow-anchor:none; }
 #wrap .hk-live-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; }
 #wrap .hk-live-head .right_board_box_title { flex:1 1 150px; min-width:0; width:auto!important; order:0; }
 #wrap .hk-live-head .hk-hud-toggle { order:1; }
 #wrap .hk-live-head .hk-ch-tabs { order:2; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); flex:1 0 100%; width:100%; gap:6px; }
 #wrap .hk-live-head .hk-ch-tab { text-align:center; }
 #wrap .hk-hud-toggle { display:inline-flex!important; flex-shrink:0; align-items:center; justify-content:center; min-height:34px; padding:0 12px; border:1px solid #ffac424d; border-radius:18px; background:#ff9f1c12; color:#ffb547; font-size:12px; font-weight:700; cursor:pointer; }
 #wrap .hk-hud-toggle[aria-pressed=true] { background:#ffa52b; color:#202020; border-color:#ffa52b; }
 .hk-chat-hud { position:fixed; left:12px; right:12px; z-index:990; display:flex!important; flex-direction:column; box-sizing:border-box; max-width:560px; margin:0 auto; border:1px solid #ffac4259; border-radius:18px; background:linear-gradient(145deg,#292724fa,#1c1c1cf7); box-shadow:0 12px 36px #0008,inset 0 1px #ffffff0d; backdrop-filter:blur(16px); overflow:hidden; color:#eee; }
 .hk-hud-head { display:flex; align-items:center; justify-content:space-between; flex:0 0 44px; padding:0 12px 0 14px; box-sizing:border-box; border-bottom:1px solid #ffffff0d; }
 .hk-hud-head > div { display:flex; align-items:center; gap:8px; }
 .hk-hud-head strong { font-size:13px; font-weight:700; }
 .hk-hud-dot { width:6px; height:6px; border-radius:50%; background:#ffab36; box-shadow:0 0 8px #ff9f1c70; }
 .hk-hud-badge { border-radius:4px; padding:2px 5px; background:#ffac421a; color:#ffb34b; font-size:9px; letter-spacing:1px; }
 .hk-hud-controls button { display:flex; align-items:center; justify-content:center; width:34px; height:34px; padding:0; border:0; border-radius:9px; background:#ffffff08; color:#ddd; font-size:22px; cursor:pointer; }
 .hk-hud-controls button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
 .hk-chat-hud.is-folded [data-hud-fold] svg { transform:rotate(180deg); }
 .hk-hud-notice { display:flex; align-items:flex-start; gap:8px; flex:0 0 auto; margin:8px 12px 0; padding:9px 10px; border:1px solid #ffac4226; border-radius:10px; background:#ffac4212; }
 .hk-hud-notice[hidden] { display:none; }
 .hk-hud-notice-label { flex:0 0 auto; padding:2px 5px; border-radius:4px; background:#ffb547; color:#26221d; font-size:10px; font-weight:700; line-height:1.5; }
 .hk-hud-notice-text { min-width:0; max-height:46px; overflow:auto; overflow-wrap:anywhere; color:#ffcf87; font-size:12px; line-height:1.7; }
 .hk-hud-notice-text a { color:#ffcf87; }
 .hk-chat-hud #hk_chat_log .notice { display:none; }
 .hk-hud-body { display:flex; flex:1; min-height:0; padding:0 12px 10px; }
 .hk-chat-hud #hk_pane_chat { display:flex!important; flex-direction:column; width:100%; min-height:0; }
 .hk-chat-hud #hk_chat_log { flex:1; min-height:0; height:auto!important; max-height:none; margin:0; padding:8px 2px; overflow:auto; overscroll-behavior:contain; background:transparent!important; border:0; font-size:12px; line-height:1.65; scrollbar-width:thin; scrollbar-color:#ffab3640 transparent; }
 .hk-chat-hud .hk-chat-line { padding:3px 2px; }
 .hk-chat-hud .hk-chat-line:has(.hk-chat-adm) { padding-right:40px; }
 .hk-chat-hud .hk-chat-msg { color:#dedbd6; }
 .hk-chat-hud #hk_chat_form { display:flex; flex:0 0 auto; float:none; gap:6px; width:100%; margin:4px 0 0; }
 .hk-chat-hud #hk_chat_input { flex:1; min-width:0; width:auto; height:40px; box-sizing:border-box; padding:0 12px; border:1px solid #ffffff1a!important; border-radius:11px!important; background:#ffffff08!important; color:#fff!important; font-size:16px; box-shadow:none!important; }
 .hk-chat-hud #hk_chat_input::placeholder { color:#9e9b97; font-size:12px; }
 .hk-chat-hud #hk_chat_form button { flex:0 0 52px; width:52px; height:40px; padding:0; border:0; border-radius:11px; background:linear-gradient(120deg,#ffbd50,#ff951f)!important; color:#24201a!important; font-size:12px; font-weight:700; }
 .hk-chat-hud .hk-chat-login { display:block; flex:0 0 auto; margin:4px 0 0; padding:10px; border:1px solid #ffac4226; border-radius:10px; background:#ffac4212!important; color:#ffb547!important; text-align:center; font-size:12px; line-height:1.5; }
 .hk-chat-hud .hk-chat-tools { display:none; }
 .hk-chat-hud.is-folded .hk-hud-body { display:none; }
 .hk-chat-hud.is-folded .hk-hud-notice { display:none; }
 .hk-chat-hud.is-folded .hk-hud-head { border-bottom:0; }
 .hk-chat-hud button:focus-visible { outline:2px solid #ffb547; outline-offset:-2px; }
 .hk-hud-active #wrap .footer_box { padding-bottom:calc(340px + env(safe-area-inset-bottom))!important; }
}