/* Бейджи, модалка, свитч */
.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:14px}
.ach{background:rgba(255,255,255,.04);border:2px solid rgba(255,255,255,.08);border-radius:18px;padding:14px 10px;text-align:center;transition:all .25s}
.ach .ic{font-size:28px;margin-bottom:6px;filter:grayscale(1) opacity(.4)}
.ach .t{font-size:12.5px;font-weight:600;margin-top:4px;color:#f0c96b}
.ach .d{font-size:10.5px;color:#c79f5a;margin-top:4px}
.ach.lk{opacity:.55}
/* Заработанный бейдж — единственное место с золотом */
.ach:not(.lk){background:linear-gradient(140deg,rgba(230,184,92,.18),rgba(255,210,120,.05));border:2px solid #e6b85c;box-shadow:0 0 22px rgba(230,184,92,.28),inset 0 0 0 1px rgba(255,235,180,.45)}
.ach:not(.lk) .ic{filter:none}
.ach:not(.lk) .t{color:#ffe9b8}
.ach:not(.lk) .d{color:#e6b85c}
.ov{position:fixed;inset:0;background:rgba(15,5,25,.7);display:none;align-items:flex-end;justify-content:center;z-index:50;backdrop-filter:blur(4px)}
.ov.open{display:flex}
.mdl{background:linear-gradient(180deg,#3a1a4d,#2a1140);width:100%;max-width:480px;border-radius:22px 22px 0 0;padding:20px 18px 24px;max-height:85vh;overflow:auto;border:1px solid rgba(255,255,255,.1);box-shadow:0 -8px 30px rgba(0,0,0,.5)}
@media(min-width:600px){.ov{align-items:center}.mdl{border-radius:22px}}
.mdl h3{margin:0 0 4px;font-size:18px;color:#ffe9b8}
.mdl .sub{color:#dcae5c;font-size:13px;margin:0 0 14px}
.fld{margin:10px 0}
.fld label{display:block;font-size:11px;color:#f0c96b;margin-bottom:5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.fld input{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:11px 12px;font:inherit;background:rgba(255,255,255,.07);color:#ffe9b8;min-height:44px;outline:none}
.btns{display:flex;gap:8px;margin-top:14px}
.btns button{flex:1;border:0;padding:12px;border-radius:12px;font-weight:600;cursor:pointer;font-size:14px;min-height:44px}
.b-p{background:linear-gradient(140deg,#7a3fbf,#b85cd6);color:#ffe9b8}
.b-g{background:rgba(255,255,255,.08);color:#eec97e}
.b-d{background:rgba(255,100,140,.18);color:#ff8fb0}
.fld.sw-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(255,255,255,.04);padding:6px 12px;border-radius:14px;min-height:56px}
.sw{position:relative;width:52px;height:30px;background:rgba(255,255,255,.15);border-radius:99px;cursor:pointer;flex:none;transition:background .2s;min-height:30px}
.sw::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;background:#ffe9b8;border-radius:50%;transition:transform .2s;box-shadow:0 2px 4px rgba(0,0,0,.3)}
.sw.on{background:linear-gradient(140deg,#7a3fbf,#b85cd6)}
.sw.on::after{transform:translateX(22px)}