#job-hud{position:fixed;top:86px;left:50%;transform:translateX(-50%);width:auto;min-width:270px;max-width:calc(100% - 24px);background:#14333ce8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #e2c574cc;border-radius:12px;padding:6px 14px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 6px 22px rgba(0,0,0,0.5)}.job-arrow-indicator{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:bold;color:#fff2a3;background:#3c2c10ee;border:1px solid #ffd452;padding:2px 8px;border-radius:12px;box-shadow:0 0 8px #f4c24255;letter-spacing:.3px}#job-hud[hidden]{display:none}#job-hud .job-top{display:flex;align-items:baseline;gap:6px;font-size:11px;letter-spacing:.5px;color:#f3dda0;flex-shrink:0}#job-hud strong{font-size:15px;color:#ffd54f}#job-hud p{font-size:11.5px;margin:0;color:#e7edda;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#job-hud .meter{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,0.1);border-radius:0 0 12px 12px;overflow:hidden}#job-hud .meter i{background:#f1cc76;height:100%;display:block}#job-hud small{display:none}#job-hud button{font-size:10.5px;color:#ffab91;background:rgba(255,255,255,0.06);border:1px solid rgba(255,171,145,0.3);border-radius:6px;padding:3px 7px;flex-shrink:0;cursor:pointer}#gear-dialog{width:min(640px,calc(100% - 32px));max-height:90dvh;overflow:auto;background:#18353e;color:#f3efdb;border:1px solid #a9c59777;border-radius:14px;padding:26px;box-shadow:0 20px 100px #071f2d88}#gear-dialog::backdrop{background:#071d28b8;backdrop-filter:blur(3px)}.gear-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.gear-heading h2{font:30px Georgia;margin:8px 0}.gear-heading button{background:#355059;border:1px solid #bccab844;border-radius:5px;color:#fff6dc;padding:9px 12px}#gear-dialog>p{font-size:14px;line-height:1.6;color:#c0d1c8;margin:12px 0 18px}.gear-card{display:grid;grid-template-columns:1fr auto;gap:10px 20px;border-top:1px solid #bfd1b42b;padding:18px 0}.gear-card h3{margin:0;font-size:17px;color:#e0e9b3}.gear-card p{margin:8px 0 0;font-size:14px;line-height:1.5;color:#c0d1c8}.gear-card button{min-width:105px;align-self:center;border:0;border-radius:6px;padding:12px;background:#d3e5a1;color:#223a3c;font-weight:bold;font-size:14px}.gear-card button:disabled{background:#3e5356;color:#aabbb0}#gear-note{min-height:22px;margin:5px 0;color:#e9d398;font-size:14px}.shop-stats-banner{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;background:#11272eee;border:1px solid #7ea38344;border-radius:10px;padding:12px;margin:12px 0 16px;font-size:12.5px;color:#c0d6cf}.shop-stats-banner strong,.shop-stats-banner b{color:#ffe082;font-size:13px}.shop-section-title{font-size:14px;font-weight:bold;letter-spacing:1px;color:#ffd54f;margin:20px 0 8px;padding-bottom:5px;border-bottom:1px solid #ffd54f33}#activity-tip{display:none}@media(max-width:850px){#job-hud{top:84px}}@media(max-width:560px){#job-hud{top:80px;padding:4px 10px;font-size:11px}#gear-dialog{padding:18px}.gear-heading h2{font-size:25px}.gear-card{gap:10px;grid-template-columns:1fr}.gear-card button{width:100%;padding:10px}.gear-card p{font-size:13px}#gear-owned{font-size:10px}.activity-label{width:143px}.activity-label strong{font-size:10px}.activity-label span{font-size:11px}}
#popups{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3}
.float-popup{position:absolute;transform:translate(-50%,-50%);font-family:Impact,Arial Black,sans-serif;font-weight:bold;letter-spacing:1px;text-shadow:0 2px 8px #05161c,0 0 3px #000;pointer-events:none;animation:floatUp 1.1s cubic-bezier(.1,.8,.2,1) forwards;white-space:nowrap;user-select:none}
@keyframes floatUp{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}15%{transform:translate(-50%,-80%) scale(1.25);opacity:1}75%{opacity:1}100%{transform:translate(-50%,-140%) scale(1);opacity:0}}
#combo-hud{position:fixed;top:86px;right:14px;left:auto;transform:none;background:#1f333bee;border:2px solid #ff9f43;border-radius:24px;padding:5px 14px;display:flex;align-items:center;gap:8px;box-shadow:0 0 20px #ff9f4366;z-index:7;animation:pulseCombo .4s ease;pointer-events:none}
#combo-hud[hidden]{display:none}
#combo-count{font:bold 22px Impact,sans-serif;color:#ffbd69;letter-spacing:1px}
#combo-label{font-size:11px;font-weight:bold;color:#fff2d6;letter-spacing:1.5px}
#combo-bar{height:4px;width:50px;background:#ff9f43;border-radius:2px;display:block}
@keyframes pulseCombo{0%{transform:translateX(-50%) scale(.8)}50%{transform:translateX(-50%) scale(1.15)}100%{transform:translateX(-50%) scale(1)}}
#event-banner{position:absolute;top:72px;left:50%;transform:translateX(-50%);background:#b3261ecc;border:2px solid #ffd54f;border-radius:10px;padding:10px 20px;text-align:center;box-shadow:0 0 25px #ff525288;color:#fff;z-index:4;animation:flashBanner 1s infinite alternate}
#event-banner[hidden]{display:none}
#event-banner strong{display:block;font-size:15px;letter-spacing:1.5px;color:#ffea00}
#event-banner span{font-size:12px;color:#ffebee}
@keyframes flashBanner{0%{opacity:.85;transform:translateX(-50%) scale(.98)}100%{opacity:1;transform:translateX(-50%) scale(1.02)}}
#tactical-hud{position:absolute;bottom:78px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:3;pointer-events:auto}
#tactical-hud button{background:#1a3842ee;border:1px solid #7cb342;color:#f1f8e9;padding:8px 14px;border-radius:20px;font-size:12px;font-weight:bold;box-shadow:0 4px 12px #0a1f2566;display:flex;align-items:center;gap:6px;cursor:pointer}
#tactical-hud button:hover{background:#234b59;border-color:#9ccc65}
#tactical-hud button[hidden]{display:none}
#tactical-hud kbd{background:#0e242b;border:1px solid #4a6b74;padding:2px 5px;border-radius:4px;font-size:10px}
#scratch-dialog{width:min(420px,calc(100% - 32px));background:#183640;border:2px solid #ffd54f;border-radius:16px;padding:22px;color:#fff;box-shadow:0 0 40px #ffd54f55;text-align:center}
#scratch-dialog::backdrop{background:#06141ac4;backdrop-filter:blur(3px)}
.scratch-header h2{font:bold 28px Georgia,serif;color:#ffe082;margin:4px 0}
.scratch-header p{font-size:13px;color:#b0bec5;margin:0 0 16px}
#scratch-spots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.scratch-spot{aspect-ratio:1;border:2px dashed #ffe08288;border-radius:12px;background:#264853;color:#ffd54f;font:bold 28px Impact,sans-serif;cursor:pointer;transition:all .15s ease;display:grid;place-items:center}
.scratch-spot:hover:not(:disabled){background:#325c6a;transform:scale(1.05)}
.scratch-spot.scratched{background:#11272f;border-style:solid;border-color:#81c784;color:#a5d6a7}
#scratch-result{min-height:28px;font-size:16px;font-weight:bold;color:#fff59d;margin:10px 0}
.scratch-actions{display:flex;gap:10px;justify-content:center;margin-top:14px}
.scratch-actions button{padding:10px 18px;border-radius:8px;font-weight:bold;font-size:13px;border:0}
#scratch-all{background:#ffd54f;color:#212121}
#scratch-close{background:#37474f;color:#eceff1}