#screen-game>.task-ball.task-tracker{position:absolute;z-index:24;left:auto;right:var(--combat-notice-right,24px);top:var(--task-tracker-y,max(calc(var(--combat-notice-top,70px) + 238px),var(--task-drop-bottom,0px)));width:var(--combat-notice-width,232px);height:86px;min-height:0;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:10px 12px;border:0;border-radius:0;margin:0;background:none;box-shadow:none;filter:drop-shadow(0 5px 8px #0006);isolation:isolate;cursor:pointer;text-align:left;transform:none;color:#dce8f0;font-family:'Multiverse Nunito Sans',sans-serif}
#screen-game>.task-tracker.hidden{display:none}#screen-game>.task-tracker:hover{filter:brightness(1.08) drop-shadow(0 5px 8px #0006)}#screen-game>.task-tracker:focus-visible{outline:2px solid #edd58c;outline-offset:4px}
.task-tracker .tt-frame{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.task-tracker .tt-face{width:56px;height:56px;flex:none;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid #a3b9ca99;border-radius:5px;background:radial-gradient(ellipse at 50% 35%,#8ca9bc42,#0b1928 80%);box-shadow:inset 0 1px 0 #ebf2f626,2px 3px 0 #07111d55}
.task-tracker .tt-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.task-tracker .tt-heading{display:flex;gap:5px;align-items:center;font-size:9px;line-height:1.2;letter-spacing:.5px;font-weight:900;color:#e0ce92;text-transform:uppercase;white-space:nowrap}
.task-tracker .tt-heading>i{height:5px;width:5px;border-radius:50%;background:#a6d7b5;box-shadow:0 0 4px #9acba044;flex:none}
.task-tracker .tt-name{font-size:12px;font-weight:800;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e4eef5}
.task-tracker .tt-count{font-size:12px;font-weight:800;line-height:1.3;color:#b7ccdc;font-variant-numeric:tabular-nums;white-space:nowrap}
.task-tracker .tt-progress{display:block;width:100%;height:4px;border:1px solid #a6bdd547;border-radius:3px;overflow:hidden;background:#081724;margin-top:2px}
.task-tracker .tt-progress>i{display:block;height:100%;background:linear-gradient(90deg,#a68a44,#f2db8e);border-radius:3px}
.task-tracker.done .tt-status,.task-tracker.done .tt-count{color:#b3ddba}.task-tracker.done .tt-progress>i{background:linear-gradient(90deg,#6ca17b,#bae8c4)}
@media(max-width:760px){#screen-game>.task-ball.task-tracker{right:var(--combat-notice-right,14px);top:var(--task-tracker-y,max(calc(var(--combat-notice-top,260px) + 80px),var(--task-drop-bottom,0px)));width:min(142px,calc(40vw - 14px));height:72px;padding:7px 7px;gap:6px}.task-tracker .tt-face{width:40px;height:40px}.task-tracker .tt-face>.sprite-box{transform:scale(.75)}.task-tracker .tt-heading{font-size:7px;letter-spacing:0}.task-tracker .tt-name{font-size:10px}.task-tracker .tt-count{font-size:10px}.task-tracker .tt-unit{display:none}}
@media(max-height:600px) and (min-width:761px){#screen-game>.task-ball.task-tracker{top:max(190px,var(--task-drop-bottom,0px));right:18px}}

@media(max-width:760px){#screen-game>.task-tracker.tt-compact{height:44px;padding:5px 7px}.task-tracker.tt-compact .tt-name{display:none}.task-tracker.tt-compact .tt-face{width:32px;height:32px}.task-tracker.tt-compact .tt-face>.sprite-box{transform:scale(.59)}.task-tracker.tt-compact .tt-copy{gap:1px}.task-tracker.tt-compact .tt-progress{margin-top:1px;height:3px}}