.ach-page{max-width:960px;margin:0 auto;--ach-gap: 12px;--ach-icon: 32px}.ach-head{display:flex;justify-content:space-between;align-items:center;gap:16px 24px;flex-wrap:wrap;padding:16px 20px;margin-bottom:12px}.ach-title{margin:0 0 4px;font-size:var(--page-title-size)}.ach-lead{margin:0;color:var(--text-secondary);max-width:52ch}.ach-wallet{margin:8px 0 0;color:var(--text-secondary);font-size:.875rem}.ach-head__sum{min-width:200px}.ach-head__num{margin:0 0 8px;font-size:var(--fs-2xl);font-weight:600;font-variant-numeric:tabular-nums}.ach-head__hint,.ach-note{margin:0;font-size:.8125rem;color:var(--text-secondary)}.ach-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.ach-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:12px 16px;margin-bottom:16px}.ach-filters__f{display:flex;flex-direction:column;gap:4px;font-size:.8125rem;color:var(--text-secondary);flex:1 1 140px;min-width:0}.ach-filters__reset{font-size:.875rem;padding:8px 4px}.ach-group{margin-bottom:16px}.ach-group__sum{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;cursor:pointer;padding:8px 0;list-style:none}.ach-group__sum::-webkit-details-marker{display:none}.ach-group__sum h2,.ach-group__sum h3{margin:0;font-size:var(--fs-md);font-weight:600;text-transform:none}.ach-group__sum:after{content:"";flex:none;width:8px;height:8px;margin:0 4px 4px 8px;border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);transform:rotate(45deg)}.ach-group[open]>.ach-group__sum:after{margin-bottom:0;margin-top:4px;transform:rotate(-135deg)}.ach-group__sum:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ach-group__cnt{margin-left:auto;font-size:.8125rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.ach-grid{--ach-min: 150px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--ach-min)),1fr));gap:var(--ach-gap, 12px);list-style:none;margin:8px 0 0;padding:0}.ach-grid--sm{--ach-min: 104px;gap:8px}.ach-grid--fit{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--ach-min)),1fr));max-width:calc(var(--n, 99) * 320px)}.ach-tile{--rc: var(--success);position:relative;display:flex;flex-direction:column;min-width:0;border-radius:var(--radius);scroll-margin-top:80px}.ach-r-r{--rc: var(--info)}.ach-r-e{--rc: var(--purple)}.ach-r-l{--rc: var(--gold)}.ach-tile__b{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;flex:1;padding:12px 8px 10px;text-align:center;font:inherit;color:var(--text);cursor:pointer;background:var(--bg-input);border:1px solid var(--border);border-radius:inherit}.ach-tile--earned .ach-tile__b{border-color:var(--rc);background:color-mix(in srgb,var(--rc) 8%,var(--bg-card))}.ach-tile--progress .ach-tile__b{border-color:var(--border-strong)}.ach-tile--secret .ach-tile__b{border-style:dashed}.ach-tile:target .ach-tile__b,.ach-tile__b:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ach-tile__icon{font-size:2.25rem;line-height:1.1}.ach-tile--locked .ach-tile__icon,.ach-tile--progress .ach-tile__icon{filter:grayscale(1) brightness(.8);opacity:.7}.ach-tile__name{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.875rem;font-weight:600;line-height:1.25;overflow-wrap:break-word;hyphens:manual}.ach-tile__cond{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.75rem;line-height:1.4;color:var(--text-secondary);overflow-wrap:break-word;hyphens:manual}.ach-tile__meta{margin-top:auto;font-size:.75rem;line-height:1.3;color:var(--text-secondary)}.ach-tile--earned .ach-tile__meta{color:var(--text)}.ach-new{display:inline-block;padding:0 4px;border-radius:var(--radius-xs);background:var(--accent);color:var(--on-accent);font-size:var(--fs-xs);font-weight:600}.ach-tile--sm .ach-tile__icon{font-size:2rem}.ach-tile--sm .ach-tile__name{font-size:.8125rem}.ach-tip{position:absolute;z-index:20;top:calc(100% - 4px);left:50%;transform:translate(-50%);width:max-content;max-width:min(220px,calc(100vw - 32px));padding:8px 12px;display:none;font-size:var(--fs-xs);line-height:1.4;font-weight:400;text-align:left;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow);pointer-events:none}.ach-tip--l{left:0;transform:none}.ach-tip--r{left:auto;right:0;transform:none}.ach-tile__b:hover .ach-tip,.ach-tile__b:focus-visible .ach-tip,.ach-tile__b[aria-expanded=true] .ach-tip{display:block}.ach-tile:hover,.ach-tile:focus-within{z-index:10}.ach-tile:has(>.ach-prog) .ach-tile__b{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:6px}.ach-tile>.ach-prog{margin:0;padding:0 10px 10px;background:var(--bg-input);border:1px solid var(--border);border-top:0;border-radius:0 0 var(--radius) var(--radius)}.ach-tile--progress>.ach-prog{border-color:var(--border-strong)}@media(prefers-reduced-motion:no-preference){.ach-tile--new .ach-tile__b{animation:ach-pop .5s ease-out 1}}@keyframes ach-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.ach-prog{display:flex;align-items:center;gap:8px;margin-top:8px}.ach-prog__bar{flex:1;height:6px;border-radius:var(--radius-xs);background:var(--bg-elevated);border:1px solid var(--border);overflow:hidden}.ach-prog__bar>span{display:block;height:100%;background:var(--accent)}.ach-prog__txt{font-size:.75rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.ach-block__head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.ach-block__title{margin:0;font-size:1.125rem}.ach-block__count{font-size:.8125rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.ach-sub{margin:16px 0 8px;font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.ach-more{display:inline-block;margin-top:12px;font-size:.875rem}.ach-srv>.section-title{margin:0;font-size:var(--fs-lg);font-weight:600;line-height:1.25;color:var(--text);text-transform:none;letter-spacing:0}.ach-srv .achievements-header{min-height:44px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;width:100%;padding:0;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.ach-toast{position:fixed;right:16px;bottom:calc(16px + var(--tabbar-h, 0px));z-index:1000;display:flex;align-items:center;gap:12px;max-width:min(380px,calc(100vw - 32px));padding:12px 16px;background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);animation:ach-toast-in .25s ease-out}.ach-toast[hidden]{display:none}.ach-toast__ico{color:var(--gold);display:inline-flex}.ach-toast__txt{display:flex;flex-direction:column;min-width:0;font-size:.8125rem}.ach-toast__txt span{overflow-wrap:anywhere;color:var(--text-secondary)}.ach-toast__link{font-size:.8125rem;white-space:nowrap}.ach-toast__close{background:none;border:0;color:var(--text-secondary);font-size:1.25rem;line-height:1;min-width:44px;min-height:44px;cursor:pointer}@keyframes ach-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ach-toast{animation:none}}@media(max-width:640px){.ach-toast{left:16px;right:16px;max-width:none}.ach-head{padding:16px}}@media(max-width:768px){.ach-tabs .cr-chip{min-height:44px}}@media(max-width:420px){.ach-grid--sm{--ach-min: 140px}}.ach-admin-table{width:100%;table-layout:fixed;border-collapse:collapse}.ach-admin-table th,.ach-admin-table td{padding:8px;vertical-align:middle;overflow-wrap:anywhere;text-align:left}.ach-admin-table .c-ico{width:48px}.ach-admin-table .c-cat{width:110px}.ach-admin-table .c-pts{width:90px}.ach-admin-table .c-have{width:80px}.ach-admin-table .c-act{width:150px}.ach-admin-table .is-revoked{text-decoration:line-through}.ach-cond{font-size:.75rem;color:var(--text-secondary)}.ach-tile--sm .ach-tile__b{padding:10px 4px 8px}.ach-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin:0 0 16px;padding:16px 20px;border-color:var(--border-light);background:var(--bg-card)}.ach-cta__title{margin:0 0 4px;font-size:1.125rem}.ach-cta__lead{margin:0;color:var(--text-secondary);max-width:62ch}.ach-cta__btns{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:640px){.ach-cta__btns{width:100%}.ach-cta__btns .cr-btn{flex:1 1 0;justify-content:center;min-height:44px}}.ach-wallet__ico{display:inline-flex;vertical-align:-3px;color:var(--text-muted)}.ach-tile__icon svg{display:block;margin:2px auto;color:var(--text-muted)}.ach-tile--earned .ach-tile__icon svg{color:var(--rc)}.ach-admin-table .c-ico svg{display:block;margin:0 auto;color:var(--text-secondary)}.ach-srv .achievements-toggle-icon{display:inline-flex;color:var(--text-secondary);transition:transform var(--transition)}.cmty{margin:0 0 16px;padding:16px 20px}.cmty__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 16px;margin-bottom:12px}.cmty__title{margin:0 0 4px;font-size:1.125rem}.cmty__lead,.cmty__sub{margin:0;color:var(--text-secondary);font-size:.875rem}.cmty__all{margin:0;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums}.cmty__all.is-done{border-color:var(--success)}.cmty__rw{color:var(--text-secondary);font-size:.8125rem;white-space:nowrap}.cmty__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;list-style:none;margin:0;padding:0}.cmty__card{--cc: var(--text-secondary);display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius)}.cmty__card.is-done{border-color:var(--success)}.cmty__card--telegram,.cmty__card--vk{--cc: var(--info)}.cmty__card--discord{--cc: var(--purple)}.cmty__ico{display:inline-flex;color:var(--cc)}.cmty__name{margin:0;font-size:var(--fs-md)}.cmty__st{display:block;margin-top:4px;font-size:.8125rem;color:var(--text-secondary);overflow-wrap:anywhere}.cmty__st a{text-decoration:underline;text-underline-offset:2px}.cmty__st.is-ok{display:inline-flex;align-items:center;gap:4px;color:var(--success)}.cmty__btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.cmty__f{margin:0}@media(max-width:640px){.cmty{padding:16px}.cmty__btns .cr-btn{min-height:44px}}.ach-tile__rar{font-size:.75rem;line-height:1.3;color:var(--rc)}.ach-tile--locked .ach-tile__rar,.ach-tile--progress .ach-tile__rar{color:var(--text-muted)}
