/* 2026-10-13 (使用者：聊天視窗縮短一點窄一點，上面多一個系統視窗顯示三行撿取了什麼、多少金幣). */
body.desktop-client.touch-client #chat-box.chat-box{width:min(40vw,420px)!important;min-width:260px}
body.desktop-client.touch-client #chat-box.collapsed .chat-header{height:30px;min-height:30px}
.loot-log{display:none}
body.desktop-client.touch-client .loot-log{
 display:block;position:fixed;left:50%;bottom:calc(40px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);
 width:min(40vw,420px);min-width:260px;box-sizing:border-box;z-index:13;pointer-events:none;padding:3px 10px;
 background:linear-gradient(#0b100bcc,#0b100bb3);border:1px solid #9c805866;border-radius:3px;
 font:12px/18px var(--font);color:#f3e2b6;text-shadow:0 1px 1px #000;
}
body.desktop-client.touch-client .loot-log[hidden]{display:none}
/* 2026-10-21（使用者：掉落資訊要變兩行嗎；薩滿之弦被…截掉）：最多兩行，超過才省略。 */
body.desktop-client.touch-client .loot-log p{margin:0;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;word-break:break-all}
body.desktop-client.touch-client .loot-log p:not(:last-child){opacity:.72}
body.desktop-client.touch-client:has(#chat-box:not(.collapsed)) .loot-log{display:none}
/* 2026-10-25（使用者：電腦網頁版為何沒顯示掉落物跟經驗）：電腦（非觸控）原本整個隱藏，聊天系統頁又濾掉拾取／經驗，結果哪裡都看不到。電腦版也顯示，貼在聊天視窗上緣（alignLootLog 定位）。 */
body.desktop-client:not(.touch-client) .loot-log{
 display:block;position:fixed;left:12px;bottom:220px;width:360px;box-sizing:border-box;z-index:13;pointer-events:none;padding:3px 10px;
 background:linear-gradient(#0b100bcc,#0b100bb3);border:1px solid #9c805866;border-radius:3px;
 font:12px/18px var(--font);color:#f3e2b6;text-shadow:0 1px 1px #000;
}
body.desktop-client:not(.touch-client) .loot-log[hidden]{display:none}
body.desktop-client:not(.touch-client) .loot-log p{margin:0;white-space:normal;word-break:break-all}
body.desktop-client:not(.touch-client) .loot-log p:not(:last-child){opacity:.72}
/* 2026-10-27（使用者：網頁版的掉落物經驗資訊顯示跟「這裡無法通行」一樣的位置比較清楚；續：只改電腦網頁版，手機請回原本地方）：只有電腦（非觸控）改到畫面中央、
   跟 #toast 同一個錨點；提示同時出現時由 alignLootLog 排到提示下方（放不下才放上方）。不再貼聊天視窗，聊天開著也照常顯示。直式維持頂部一行。 */
html:not([data-portrait="true"]) body.desktop-client:not(.touch-client) .loot-log{left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:max-content!important;min-width:0!important;max-width:min(560px,80vw)!important;text-align:center;padding:5px 14px;font-size:14px;line-height:21px;border-color:#a58a54;background:#242b20e6}
html:not([data-portrait="true"]) body.desktop-client:not(.touch-client) .loot-log{top:30%;bottom:auto}