/* Achievement collection: shared palette; locked text and badge treatments unchanged. */
body.ci-visitor{--accent:#35cc68;--bg:#04060c;--ink:#fff;--subtle:#c3ccda;background:#04060c;color:#fff}
body.ci-visitor :is(header,.bottom-nav){background:#090d15;border-color:#303d50}
body.ci-visitor .bottom-nav a[aria-current=page]{color:#35cc68}
body.ci-visitor .bottom-nav .scan-nav{background:#35cc68;color:#04160d;border-color:#35cc68;box-shadow:none}
body.ci-visitor main .ach .ach-panel{border:0;border-radius:0;background:transparent;padding:14px 0 0;box-shadow:none}
body.ci-visitor main .ach .ui-tabs{display:flex;gap:8px;align-items:stretch;border:0;background:transparent;margin-bottom:0}
body.ci-visitor main .ach .ui-tab{flex:1;display:flex;align-items:center;justify-content:center;min-height:36px;padding:6px 10px;margin:0;border:1px solid #48566b;border-radius:4px;background:#101622;color:#e6edf5;font-size:14px;line-height:22px;box-sizing:border-box}
body.ci-visitor main .ach .ui-tab[aria-selected=true]{margin:0;border:1px solid #35cc68;border-radius:4px;background:#12351f;color:#63e38d;font-weight:700}
body.ci-visitor main .ach .ach-bar{background:#0b111b}
body.ci-visitor main .ach .ach-bar>i{background:#35cc68}
body.ci-visitor main .ach .ach-row{background:#101622;border:1px solid #48566b;border-radius:6px}
body.ci-visitor main .ach .ach-row.is-open{background:#0e1420}
body.ci-visitor main .ach .secret-achievements{background:#0e1420;border-color:#48566b;border-radius:6px}
body.ci-visitor main .ach .ach-g .ach-row{--check-width:34px;background-color:#101622;background-image:linear-gradient(90deg,#ffffff18 var(--p),transparent var(--p));background-position:var(--check-width) 0;background-size:calc(100% - var(--check-width)) 100%;background-repeat:no-repeat}
body.ci-visitor main .ach .ach-g .ach-row.is-open{background-color:#0e1420}
body.ci-visitor main .ach .ach-g .ach-row::before{background:#101622;border-right:1px solid #303d50}
body.ci-visitor main .ach .ach-g .ach-row.is-open::before{background:#0e1420}
body.ci-visitor main .ach .ach-tools{margin:0 0 16px}
body.ci-visitor main .ach .ach-tools .ui-select{background:transparent}
body.ci-visitor main .ach .ach-tools select[name=compare]{min-height:34px;height:34px;padding:5px 30px 5px 10px;background:#101622;color:#e6edf5;border:1px solid #48566b;border-radius:4px;font-size:13px;line-height:22px;box-sizing:border-box}
body.ci-visitor main .ach :is(a,button,select):focus-visible{outline:2px solid #35cc68;outline-offset:3px}
body.ci-visitor main .ach .ach-tools{padding:0;margin:0 0 10px}
body.ci-visitor main .ach .ach-tools form{margin:0}
body.ci-visitor main .ach .ach-tools+.ach-label{margin-top:10px}
body.ci-visitor main .ach .ach-global-intro{margin:0 0 14px;color:#c3ccda;font-size:14px;line-height:1.5}
body.ci-visitor main .ach .ach-g .ach-pc{margin-left:10px;white-space:nowrap}
body.ci-visitor main .ach .ui-switch input:checked+.tr{background:#35cc68;border-color:#35cc68}
body.ci-visitor main .ach .ach-compare-legend{display:grid;gap:6px;margin:0 0 16px;color:#e6edf5;font-size:13px;line-height:1.4}
body.ci-visitor main .ach .ach-compare-legend>div{display:flex;align-items:center;gap:8px;min-width:0}
body.ci-visitor main .ach .ach-compare-legend small{width:36px;flex:0 0 36px;color:#aeb6c4;font-size:12px}
body.ci-visitor main .ach .ach-compare-legend img{width:22px;height:22px;flex:0 0 22px;image-rendering:pixelated;border-radius:3px}
body.ci-visitor main .ach .ach-compare-legend span{overflow-wrap:anywhere;min-width:0}

body.ci-visitor main .ach .ach-global-heading{text-align:right;margin:0 0 8px;color:#c3ccda;font:600 12px/1.4 system-ui}
@media(min-width:720px){body.ci-visitor main .ach .ach-g .ach-row{--check-width:40px}}