#job-guide-btn{color:#f6d794;position:relative}
#job-guide-btn.guide-reward-ready::after{content:"";position:absolute;top:3px;right:3px;width:8px;height:8px;background:#ffc45c;border-radius:50%;box-shadow:0 0 0 2px #402e15}
#job-guide-hud{position:absolute;z-index:12;display:flex;flex-direction:column;width:215px;max-width:calc(100% - 80px);--guide-limit:230px;max-height:min(var(--guide-limit),40%,var(--guide-room,100%));color:#fff5da;background:#172825f2;border:1px solid #a48c58;border-radius:9px;box-shadow:0 2px 8px #0005;font:13px/1.3 system-ui,sans-serif;overflow:hidden}
#job-guide-hud[hidden],body:not(.in-game) #job-guide-hud,body.chat-open #job-guide-hud{display:none}
#job-guide-hud .guide-head{display:flex;align-items:center;gap:5px;flex:none;min-height:25px;padding-left:9px;background:#283832;color:#f7db9b}
#job-guide-hud h2{margin:0;font:700 13px/1.2 system-ui,sans-serif}
.guide-count{padding:0 4px;border:1px solid #97815d;border-radius:4px;font:600 10px/1.3 system-ui,sans-serif}
#job-guide-hud :is(button,select,summary){touch-action:manipulation;cursor:pointer;font:inherit}
#job-guide-hud .guide-close{margin-left:auto;align-self:stretch;width:30px;min-height:26px;border:0;background:transparent;color:#fff0c7;font-size:19px;line-height:1}
#job-guide-hud :is(button,select,summary):focus-visible{outline:2px solid #ffe09c;outline-offset:-2px}
.guide-body{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:4px 8px 6px;scrollbar-width:thin}
#job-guide-hud .guide-select{width:100%;color:#fff6dc;background:#20322e;border:1px solid #61766b;border-radius:5px;min-height:26px;padding:1px 2px;font-weight:650}
.guide-hint{margin:4px 0 0;color:#d2d9cd;font-size:11px}
#job-guide-hud :is(.guide-link,.guide-goal,.guide-claim){border:0;background:none;color:#ffe2a0;padding:2px 1px;text-align:left;font-weight:650;min-height:25px}
#job-guide-hud .guide-link{text-decoration:underline;text-underline-offset:3px}
.guide-goals{display:flex;flex-wrap:wrap;gap:0 7px;margin-top:2px}
#job-guide-hud .guide-goal:disabled{color:#b3c9b8;cursor:default}
.guide-help summary{color:#d3dbce;font-size:11px!important;padding:4px 0}
.guide-help p{font-size:12px;line-height:1.4;margin:2px 0 1px}
#job-guide-hud .guide-claim{margin-top:5px;width:100%;text-align:center;border:1px solid #b79c66;border-radius:5px;background:#f2cc83;color:#2b251c;min-height:28px}
@media(max-width:800px),(pointer:coarse){
 #job-guide-hud{width:clamp(147px,44vw,177px);font-size:12px;--guide-limit:198px;border-radius:7px}
 #job-guide-hud .guide-close{width:32px;min-height:29px}
 .guide-body{padding:3px 6px 4px}
 #job-guide-hud .guide-select{min-height:28px}
 #job-guide-hud :is(.guide-link,.guide-goal,.guide-claim){min-height:28px}
}