/* First-hour checklist: sits under the quest tracker (left column). Steps aside when a window is open or on small/touch screens. */
html body .k-onb{position:fixed;left:12px;top:120px;z-index:var(--z-hud-top,19);width:200px;max-height:34vh;overflow:auto;padding:5px 7px 6px;border:1px solid #6e5a35;border-radius:9px;background:linear-gradient(180deg,#101a15ee,#0a110ef2);color:#e6d9b6;font:12px/1.35 Grenze Gotisch,Georgia,serif;box-shadow:0 6px 18px #000a;pointer-events:auto}
.k-onb[hidden]{display:none!important}
.k-onb-head{display:flex;align-items:center;gap:4px}.k-onb-title{flex:1;color:#f0d890;font-size:13px}
.k-onb-btn{min-width:24px;min-height:24px;background:#1b2a22;color:#e6d9b6;border:1px solid #6e5a35;border-radius:5px;cursor:pointer}
.k-onb-list{list-style:none;margin:4px 0 0;padding:0}.k-onb-list li{display:flex;flex-wrap:wrap;gap:4px;padding:2px 0;color:#b9ae8c}
.k-onb-list .k-onb-next{color:#fff3c8}.k-onb-list .k-onb-done{color:#7fbf8f;text-decoration:line-through;opacity:.8}
.k-onb-tick{width:12px}.k-onb-txt{flex:1;min-width:0}
.k-onb-show{margin:2px 0 0 16px;min-height:24px;padding:0 8px;background:linear-gradient(#e0c27a,#a9822f);color:#1a1206;border:1px solid #f0d890;border-radius:5px;font-weight:700;cursor:pointer}
.k-onb-min .k-onb-list{display:none}
@media(max-width:1100px){body:has(#mmorpgOverlay[data-open="true"],#kWorldMap:not([hidden]),#khelpOverlay[data-open="true"],#npcPortraitCard:not([hidden])) .k-onb{visibility:hidden}}
/* K1-004: phones and touch screens get the checklist as a compact chip (collapsed by default, tap + to expand) instead of losing it.
   Text stays at 12px and the buttons at 44px; the expanded list scrolls inside the chip. */
@media(max-width:700px),(max-height:520px){html body .k-onb{width:auto;max-width:min(230px,62vw);max-height:none;font-size:13px}html body .k-onb .k-onb-list{max-height:min(40dvh,260px);overflow:auto}html body .k-onb .k-onb-btn,html body .k-onb .k-onb-show{min-width:44px;min-height:44px}html body .k-onb .k-onb-title{white-space:nowrap}}
@media(hover:none) and (pointer:coarse){html body .k-onb{width:auto;max-width:min(230px,62vw);max-height:none;font-size:13px}html body .k-onb .k-onb-list{max-height:min(40dvh,260px);overflow:auto}html body .k-onb .k-onb-btn,html body .k-onb .k-onb-show{min-width:44px;min-height:44px}html body .k-onb .k-onb-title{white-space:nowrap}}

html body .k-onb{display:flex;flex-direction:column;box-sizing:border-box}
html body .k-onb[hidden]{display:none!important}
html body .k-onb .k-onb-head{flex:0 0 auto;cursor:grab}
html body .k-onb .k-onb-title{flex:1 1 auto;min-width:0}
html body .k-onb .k-onb-list{flex:1 1 auto;min-height:0;overflow:auto}
html body .k-onb{touch-action:none}
html body .k-onb .k-onb-list{touch-action:pan-y}
html body .k-onb>.k-wf-h[data-edge=n],html body .k-onb>.k-wf-h[data-edge=nw],html body .k-onb>.k-wf-h[data-edge=ne]{display:none}
/* One tutorial card: the quest next-step line (guide.js) is its first row, the checklist follows, one Skip ends it all. */
html body .k-onb .k-coach{flex:0 0 auto;height:auto;max-height:none;overflow:visible;position:static;transform:none;left:auto;right:auto;top:auto;bottom:auto;z-index:auto;width:auto;max-width:none;min-height:0;margin:4px 0 0;padding:4px 6px;box-shadow:none;border-radius:6px;font-size:14.5px}
html body .k-onb .k-coach[hidden]{display:none}
html body .k-onb .k-coach .k-coach-1,html body .k-onb .k-coach .k-coach-2{white-space:normal;display:block}
html body .k-onb .k-onb-skip{align-self:flex-start;margin:6px 0 0;min-height:24px;padding:0;background:none;border:0;color:#9d9680;font:13px Grenze Gotisch,Georgia,serif;text-decoration:underline;cursor:pointer}