.ach-page{max-width:1000px;margin:0 auto;padding:2rem 1.25rem 4rem}.gate-box{max-width:480px;margin:6rem auto;text-align:center;padding:3rem;background:var(--surf);border:1px solid var(--bord);border-radius:16px}.gate-title{font-family:var(--pixel);font-size:.65rem;color:var(--green);letter-spacing:.1em;margin-bottom:1rem}.gate-sub{font-size:.9rem;color:var(--muted);line-height:1.7;margin-bottom:1.5rem}.gate-btn{font-family:var(--pixel);font-size:.5rem;padding:.65rem 1.5rem;border-radius:8px;border:none;background:var(--green);color:#000;cursor:pointer;letter-spacing:.06em}.ach-hero{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,var(--surf),var(--surf2));border:1px solid var(--bord);border-radius:16px;margin-bottom:1.5rem}.ach-avatar{width:80px;height:80px;border-radius:50%;border:3px solid var(--green);background:linear-gradient(135deg,var(--green),var(--blue));display:flex;align-items:center;justify-content:center;font-family:var(--pixel);font-size:1.2rem;color:#000;flex-shrink:0;overflow:hidden;box-shadow:var(--gg);position:relative}.ach-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:absolute;inset:0}.ach-av-init{position:relative;z-index:1}.ach-hero-info{flex:1}.ach-name{font-size:1.6rem;font-weight:800;margin-bottom:.2rem}.ach-level{font-family:var(--pixel);font-size:.48rem;color:var(--gold);letter-spacing:.08em;margin-bottom:.75rem}.ach-xp-bar-wrap{height:8px;background:var(--surf2);border:1px solid var(--bord);border-radius:4px;overflow:hidden;margin-bottom:.4rem}.ach-xp-bar{height:100%;background:linear-gradient(90deg,var(--green),var(--blue));border-radius:4px;transition:width .8s cubic-bezier(.22,1,.36,1)}.ach-xp-label{font-size:.76rem;color:var(--muted)}.ach-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:2rem}.ach-stat{background:var(--surf);border:1px solid var(--bord);border-radius:10px;padding:.9rem 1rem;text-align:center}.ach-stat-v{font-family:var(--pixel);font-size:1rem;margin-bottom:.3rem}.ach-stat-v.green{color:var(--green);text-shadow:var(--gg)}.ach-stat-v.blue{color:var(--blue)}.ach-stat-v.gold{color:var(--gold)}.ach-stat-v.pink{color:var(--pink)}.ach-stat-v.purple{color:var(--purple)}.ach-stat-l{font-size:.7rem;color:var(--muted);letter-spacing:.06em}.ach-section{margin-bottom:2.5rem}.ach-sec-head{font-family:var(--pixel);font-size:.58rem;color:var(--text);letter-spacing:.1em;margin-bottom:1rem;padding-bottom:.6rem;border-bottom:1px solid var(--bord)}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.ach-badge{background:var(--surf);border:1px solid var(--bord);border-radius:12px;padding:1.1rem;text-align:center;transition:all .2s}.ach-badge.earned{border-color:#ffd7004d;background:#ffd7000a}.ach-badge.locked{opacity:.4;filter:grayscale(1)}.ach-badge-icon{margin-bottom:.5rem;display:flex;justify-content:center}.ach-badge-name{font-family:var(--pixel);font-size:.44rem;color:var(--text);letter-spacing:.06em;margin-bottom:.3rem}.ach-badge-desc{font-size:.74rem;color:var(--muted);line-height:1.5;margin-bottom:.5rem}.ach-badge-xp{font-family:var(--pixel);font-size:.38rem;color:var(--gold)}.ach-loading{font-family:var(--pixel);font-size:.46rem;color:var(--muted);padding:2rem;text-align:center;animation:pulse 1s infinite;letter-spacing:.08em}.bk-list{display:flex;flex-direction:column;gap:.35rem}.bk-row{display:flex;align-items:center;gap:.85rem;background:var(--surf);border:1px solid var(--bord);border-radius:10px;padding:.75rem 1rem;transition:border-color .2s}.bk-row:hover{border-color:#243550}.bk-emoji{font-size:1.4rem;flex-shrink:0}.bk-info{flex:1;overflow:hidden}.bk-name{font-weight:600;font-size:.9rem}.bk-meta{font-size:.74rem;color:var(--muted);margin-top:.1rem}.bk-right{text-align:right;flex-shrink:0}.bk-score{font-family:var(--pixel);font-size:.58rem;color:var(--gold)}.bk-rank{font-size:.74rem;color:var(--green);margin-top:.15rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media (max-width:600px){.ach-hero{padding:1.2rem .75rem 1rem}.ach-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:0 .5rem}.ach-card{padding:.6rem}.ach-icon{font-size:1.4rem}.ach-name{font-size:.32rem}}