/* Navigation stays outside the scrolling list; rewards keep a stable footprint. */
.objective-access{position:relative;flex-shrink:0}.objective-access i{position:absolute;right:3px;top:3px;width:8px;height:8px;background:#f4cc69;border:1px solid #151d2c;border-radius:50%}
.screen[data-view=menu] .hud-strip{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 44px;align-items:stretch;gap:5px}
.screen[data-view=menu] .hud-collection .album-mark{display:none}.screen[data-view=menu] .hud-cell{padding:5px 6px;gap:5px}.screen[data-view=menu] .hud-metric+.hud-metric{padding-left:5px}.screen[data-view=menu] .hud-strip>.objective-access{align-self:center;margin:0;width:44px;height:44px}
.objective-modal{display:flex;flex-direction:column;gap:10px;max-width:460px;max-height:calc(100dvh - 24px);padding:16px;background:linear-gradient(150deg,#1b263a,#10192a 70%)}
.objective-modal>h3{flex-shrink:0;margin:0;font-size:calc(17px * var(--ui-text-scale,1));line-height:1.25}.objective-modal>.bar{flex-shrink:0;display:flex;justify-content:center;margin:0;padding-top:8px;border-top:1px solid #52617b55}.objective-modal>.bar .btn{min-height:44px;width:100%;font-size:calc(12px * var(--ui-text-scale,1))}
.objective-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;flex-shrink:0;padding:0;margin:0}
.objective-tabs .mini{display:flex;align-items:center;justify-content:center;min-width:0;min-height:40px;padding:7px 5px;border:1px solid #485770;border-radius:8px;background:#101b2e;color:#bac6db;font-size:calc(11px * var(--ui-text-scale,1));line-height:1.25;text-align:center;font-weight:650;white-space:normal}
.objective-tabs .on{outline:0;border-color:#dfbf7e;color:#ffe7b4;background:linear-gradient(140deg,#524736,#242b38);box-shadow:inset 0 1px #fff2}
.achievement-tabs>button:last-child:nth-child(3n+1){grid-column:2}
.objectives{min-height:0;min-width:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:2px 2px 4px;scroll-behavior:auto;overflow-anchor:none}
.objectives>.sub{font-size:calc(11px * var(--ui-text-scale,1));line-height:1.55;color:#a5b4cc;margin:0 0 12px}.objective-period{margin:0 0 16px}.objective-period>h4{margin:4px 0 9px;font-size:calc(12px * var(--ui-text-scale,1));color:#d8e1f1}
.objective-row{min-width:0;border:1px solid #46577377;border-radius:10px;background:#111d30;padding:11px;margin:10px 0 0}.objective-row h4{margin:6px 0 9px;font-size:calc(13px * var(--ui-text-scale,1));line-height:1.35;font-weight:650;color:#edf1f9}.objective-row .pill{font-size:calc(9px * var(--ui-text-scale,1));padding:3px 7px}.objective-row:focus{outline:0}.objective-row:focus-visible{outline:2px solid #edce89;outline-offset:-2px}
.objectives progress{display:block;width:100%;height:7px;accent-color:#d8b66d;border:0;border-radius:8px;background:#303e56;overflow:hidden}.objectives progress::-webkit-progress-bar{background:#303e56}.objectives progress::-webkit-progress-value{background:linear-gradient(90deg,#ac864c,#f3d99e);border-radius:8px}.objectives progress::-moz-progress-bar{background:#dfbd7c;border-radius:8px}
.objectives small{display:block;margin:7px 0 10px;color:#aebdd4;font-size:calc(11px * var(--ui-text-scale,1));font-variant-numeric:tabular-nums}
.objective-segments{display:grid;grid-template-columns:repeat(var(--segments),minmax(0,1fr));gap:3px;height:10px}.objective-segments i{background:#2d3d56;border-radius:2px;border:1px solid #65708755}.objective-segments i.complete{background:linear-gradient(#f1d78e,#ac8243);border-color:#f5d99588}
.objective-modal .objective-reward{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:6px;font-size:calc(10px * var(--ui-text-scale,1));line-height:1.25;text-align:center;white-space:normal;border:1px solid transparent;font-weight:700}
.objective-modal .objective-reward:disabled{opacity:1}.objective-modal .objective-reward.is-claimed{color:#a4c9b6;background:#17302d;border-color:#456a5b}.objective-modal .objective-reward.is-locked{color:#93a2ba;background:#1a283c;border-color:#46546b}.objective-modal .objective-reward.is-ready{color:#201b0f;background:linear-gradient(#f4d695,#d5ac5e);border-color:#f3d89c}
.objective-row>.objective-reward{width:100%;margin-top:7px;font-size:calc(12px * var(--ui-text-scale,1))}
.achievement-row h4{margin:0 0 10px}.achievement-summary{display:flex;align-items:center;gap:10px;min-height:40px}.achievement-meter{flex:1;min-width:0}.achievement-meter small{margin:6px 0 0;font-size:calc(10px * var(--ui-text-scale,1))}.objective-modal .achievement-summary .objective-reward{flex:0 0 88px;width:88px;min-height:36px;padding:5px 6px;font-size:calc(10px * var(--ui-text-scale,1));line-height:1.2}.achievement-row{padding:10px;margin-top:8px}
.objective-rewards{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px;margin:10px 0 14px}.objective-rewards>div{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;gap:5px 8px;align-items:center;min-width:0;padding:8px;border:1px solid #90754277;border-radius:10px;background:linear-gradient(130deg,#32312d,#162238)}
.objective-rewards .pack-cover{grid-row:1/3;width:52px;height:72px;aspect-ratio:11/15;margin:auto}.objective-rewards .pack-art{height:100%;width:100%;max-height:none}.objective-rewards .pack-portrait{max-height:100%}.objective-rewards b{font-size:calc(11px * var(--ui-text-scale,1));line-height:1.2;color:#ecd5a8;text-align:center}.objective-rewards .objective-reward{grid-column:2;width:100%}
@media(max-width:350px){.objective-modal{padding:12px}.objective-tabs .mini{font-size:calc(10px * var(--ui-text-scale,1))}.objective-modal .achievement-summary .objective-reward{flex-basis:78px;width:78px}.achievement-summary{gap:8px}}
@media(max-height:500px){.objective-modal{padding:10px;gap:7px;max-height:calc(100dvh - 16px)}.objective-modal>h3{font-size:calc(15px * var(--ui-text-scale,1))}.objective-tabs .mini{min-height:34px;font-size:calc(10px * var(--ui-text-scale,1));padding:5px}.objective-modal>.bar{padding-top:6px}.objective-modal>.bar .btn{min-height:38px}.objective-row{padding:8px}}

.objective-tabs .mini{position:relative}.objective-tab-dot{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:#f2d084;box-shadow:0 0 5px #edc46d99;pointer-events:none;animation:objectiveDotPulse 1.8s ease-in-out infinite}@keyframes objectiveDotPulse{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.objective-tab-dot{animation:none}}

/* Misma fila compacta de progreso y recompensa en desafíos y logros. */
.objective-row .achievement-summary{align-items:center}.objective-row .achievement-meter small{margin:6px 0 0}