/* /progresion · «Mis premios»: el nivel alcanzado se suma a Mi Granja (js/event-rewards.js), mundo violeta v8 */
.er-box{margin:1rem 0 0;padding:clamp(.9rem,3vw,1.2rem);border:2px solid #ffd58355;border-radius:20px;background:radial-gradient(ellipse at 100% 0,#ffd5831f,transparent 60%),var(--surface,#302047);box-shadow:inset 0 1px 0 #ffffff14,0 5px 0 #1a0d2c55;color:var(--texto,#f3ecfb);text-align:left}
.er-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem .8rem}
.er-head b{font:700 1rem/1.2 'Unbounded',sans-serif}
.er-have{padding:.15rem .6rem;border-radius:99px;background:#8ef0a81f;border:1px solid #8ef0a866;color:#bff7cd;font:700 .7rem/1.5 'JetBrains Mono',monospace}
.er-lead,.er-sub,.er-none,.er-skip,.er-note,.er-msg{margin:.55rem 0 0;font-size:.88rem;line-height:1.45}
.er-lead,.er-none,.er-skip,.er-note{color:var(--apagado,#cec1df)}
.er-note{font-size:.78rem}.er-note a,.er-msg a{color:var(--gold,#ffd583);font-weight:700}
.er-msg:empty{display:none}.er-msg{color:#bff7cd;font-weight:600}
.er-level{display:flex;align-items:center;gap:.5rem;margin-top:.8rem;flex-wrap:wrap}
.er-level span{font-weight:700;font-size:.9rem}
.er-level input{flex:1 1 140px;accent-color:var(--gold,#ffd583);min-width:120px}
.er-level output{min-width:2.4ch;text-align:center;font:700 1.15rem 'Unbounded',sans-serif;color:var(--gold,#ffd583)}
.er-level button{width:2.2rem;height:2.2rem;border-radius:12px;border:2px solid #e6ccff44;background:#ffffff0e;color:var(--texto,#f3ecfb);font:700 1.1rem/1 'Instrument Sans',sans-serif;cursor:pointer}
.er-items{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.er-it{position:relative;display:flex;flex-direction:column;align-items:center;margin:0}
.er-it img{width:44px;height:auto;filter:drop-shadow(0 3px 5px #0006)}
.er-it b{position:absolute;right:-6px;bottom:-4px;padding:0 .3rem;border-radius:99px;background:var(--gold,#ffd583);color:#2d1743;font:700 .66rem/1.5 'JetBrains Mono',monospace}
.er-it.er-del img{opacity:.55;filter:grayscale(.6)}.er-it.er-del b{background:#ffb4a0}
.er-txt{flex-direction:row;padding:.3rem .6rem;border-radius:99px;border:1px solid #e6ccff33;font-size:.8rem}.er-txt b{position:static;margin-right:.25rem}
.er-go{display:inline-flex;align-items:center;justify-content:center;margin-top:.8rem;padding:.7rem 1.1rem;border-radius:13px;border:2px solid #fff0c8;background:var(--gold,#ffd583);color:#2d1743;font:700 .84rem 'Unbounded',sans-serif;cursor:pointer;box-shadow:0 5px 0 var(--gold-d,#c98f2e)}
.er-go:disabled{opacity:.6;cursor:wait}
.er-go-del{background:#ffb4a0;border-color:#ffe0d6;box-shadow:0 5px 0 #b8664f}
.er-check{display:flex;align-items:center;gap:.5rem;margin-top:.7rem;font-weight:700;font-size:.9rem;cursor:pointer}.er-check input{width:1.15rem;height:1.15rem;accent-color:var(--gold,#ffd583)}
.er-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.7rem}.er-row label{display:grid;gap:.25rem;flex:1 1 150px;font-size:.8rem;color:var(--apagado,#cec1df);font-weight:600}
.er-row select{padding:.5rem .6rem;border-radius:12px;border:2px solid #e6ccff44;background:#24163b;color:var(--texto,#f3ecfb);font:600 .88rem 'Instrument Sans',sans-serif}
@media(max-width:480px){.er-go{width:100%}.er-level span{flex-basis:100%}}