body.desktop-client:not(.touch-client) #toast,body.desktop-client.touch-client #toast{
 position:fixed;left:50%;right:auto;bottom:122px;transform:translateX(-50%);width:max-content;max-width:min(300px,65vw);
 margin:0;padding:4px 8px;border:1px solid #9c835459;border-radius:2px;background:#152019cb;box-shadow:0 1px 4px #0005;
 color:#e8d6ae;font:10px/1.4 var(--font);letter-spacing:0;text-shadow:0 1px #000;pointer-events:none;
}
body.desktop-client.touch-client #toast{bottom:calc(62px + env(safe-area-inset-bottom,0px));padding:3px 7px;font-size:10px;max-width:min(260px,60vw)}
body.desktop-client:not(.touch-client) #quest-tracker,body.desktop-client.touch-client #quest-tracker{
 display:flex;flex-direction:column;position:fixed;top:54px;right:max(124px,env(safe-area-inset-right,0px));left:auto;bottom:auto;
 width:176px;max-height:180px;min-height:0;box-sizing:border-box;z-index:10;padding:5px 7px;border:2px solid transparent;
 border-image:url('/assets/ui/native-detail-frame.png') 7 / 2px / 0 stretch;border-radius:0;background:#111b14c9;box-shadow:0 1px 4px #0004;
 color:#dbcda9;font:10px/1.4 var(--font);text-shadow:0 1px #000;
}
body.desktop-client #quest-tracker .accepted-tracker-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;flex:none;width:100%;min-height:18px;margin:0;padding:0 0 3px;border:0;border-bottom:1px solid #a88a4940;background:none;font:600 11px/15px var(--font-title);color:#ebd2a0;text-align:left}
body.desktop-client #quest-tracker .accepted-tracker-heading small{font:10px/1 var(--font);color:#c5b486}
body.desktop-client #quest-tracker .accepted-tracker-list{min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#8d774b #121b1480}
body.desktop-client #quest-tracker .accepted-quest-row{display:block;width:100%;min-height:0;margin:0;padding:4px 0;border:0;border-bottom:1px solid #84714530;border-radius:0;background:none;box-shadow:none;text-align:left;color:#ddcfaa}
body.desktop-client #quest-tracker .accepted-quest-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 11px/15px var(--font-title);color:#eedab0}
body.desktop-client #quest-tracker .accepted-quest-progress{display:block;font:10px/14px var(--font);color:#cdd5ae;overflow-wrap:anywhere}
body.desktop-client #quest-tracker .accepted-quest-location{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font:9px/12px var(--font);color:#b8a47c}
body.desktop-client #quest-tracker .accepted-quest-row[aria-current=true]{box-shadow:inset 2px 0 #b59b5b69;padding-left:5px}
body.desktop-client #quest-tracker .accepted-quest-row:hover{background:#7c6a3924}
body.desktop-client #quest-tracker .accepted-tracker-empty{margin:6px 0;font:10px/14px var(--font);color:#b5b297}
body.desktop-client #quest-tracker .accepted-tracker-guide{flex:none;width:100%;min-height:18px;margin:0;padding:3px 0 0;border:0;background:none;color:#cab781;font:10px/15px var(--font);text-align:right}
body.desktop-client #quest-tracker button:focus-visible{outline:1px solid #d9bb71;outline-offset:-1px}
body.desktop-client.touch-client #quest-tracker{left:max(6px,env(safe-area-inset-left,0px));right:auto;top:var(--accepted-tracker-top,130px);width:clamp(120px,16vw,150px);max-height:var(--accepted-tracker-limit,108px);padding:3px 5px;font-size:10px}
body.desktop-client.touch-client #quest-tracker .accepted-tracker-heading{min-height:15px;padding:0;font-size:10px;line-height:14px}
body.desktop-client.touch-client #quest-tracker .accepted-quest-row{padding-top:2px;padding-bottom:2px}
body.desktop-client.touch-client #quest-tracker .accepted-quest-row strong{font-size:10px;line-height:13px}
body.desktop-client.touch-client #quest-tracker .accepted-quest-progress{font-size:9px;line-height:13px}
body.desktop-client.touch-client #quest-tracker .accepted-quest-ready{display:none}
body.desktop-client.touch-client #quest-tracker .accepted-tracker-guide{min-height:14px;padding:0;font-size:9px;line-height:13px}
body.desktop-client.touch-client #quest-tracker .accepted-quest-location{display:none}
body.desktop-client.touch-client:has(.client-window:not(.combat-party)) #quest-tracker,body.desktop-client.touch-client:has(#panel[open]) #quest-tracker{visibility:hidden}

body.desktop-client #quest-tracker .quest-needs-renewal .accepted-quest-progress{color:#ffd18b}
/* 2026-10-28（使用者：導引不能繼續出現在裡面嗎？）：手機／平板開視窗（任務紀錄、背包等）時任務追蹤框不再藏起來；視窗照樣蓋在上面。 */
body.desktop-client.touch-client:has(.client-window:not(.combat-party)) #quest-tracker,body.desktop-client.touch-client:has(#panel[open]) #quest-tracker{visibility:visible}