/* SmileDice v7.8 · Achievements modal · inherits SmileDice navy / cyan / gold aesthetic */
#sd-hub-layer .sach{padding:24px 29px 28px;color:#ecf5ff;font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif}
#sd-hub-layer .sach *{box-sizing:border-box}
#sd-hub-layer .sach-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px}
#sd-hub-layer .sach-eyebrow{font-size:10px;font-weight:900;letter-spacing:.15em;color:#42e8ed}
#sd-hub-layer .sach-title h2{font-size:clamp(25px,3vw,32px);line-height:1.1;color:#fff;letter-spacing:-.035em;margin:5px 0 8px}
#sd-hub-layer .sach-title p{font-size:12px;color:#9bb8df;line-height:1.6;margin:0}
#sd-hub-layer .sach-header-actions{display:flex;gap:7px;align-items:center;flex:none}
#sd-hub-layer .sach-back,#sd-hub-layer .sach-refresh{border:1px solid #295caa;background:#11274d;color:#bedbff;border-radius:10px;padding:10px 13px;font-size:12px;font-weight:850;cursor:pointer}
#sd-hub-layer .sach-back{background:linear-gradient(115deg,#133b73,#112954);color:#b5efff;border-color:#2380d7}
#sd-hub-layer .sach-back:hover,#sd-hub-layer .sach-refresh:hover{border-color:#40e8f3;color:#fff}
#sd-hub-layer .sach button:focus-visible{outline:2px solid #46e8e3;outline-offset:3px}
#sd-hub-layer .sach button:disabled{cursor:default;opacity:.65}
#sd-hub-layer .sach-hero{display:grid;grid-template-columns:92px minmax(0,1fr) minmax(265px,1.2fr);gap:17px;align-items:center;background:linear-gradient(110deg,#10294c,#1c1951 67%,#112e58);border:1px solid #446ac7;border-radius:19px;box-shadow:0 0 29px #124ed02a,inset 0 1px #ffffff15;padding:18px;margin-bottom:15px;min-height:160px}
#sd-hub-layer .sach-rank-icon{height:82px;width:82px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,#4f2d89,#112d5e);border:1px solid #9462ec;font-size:46px;color:#ffd25e;text-shadow:0 0 18px #e59a10;box-shadow:inset 0 0 17px #593fee85,0 0 16px #765aff55}
#sd-hub-layer .sach-label{display:block;color:#a9c4e8;letter-spacing:.1em;font-size:10px;font-weight:850}
#sd-hub-layer .sach-rank-body h3{font-size:clamp(19px,2.5vw,26px);margin:5px 0 7px;color:#ffd260;letter-spacing:-.03em}
#sd-hub-layer .sach-rank-body p{font-size:12px;color:#b8d7fc;margin:0;line-height:1.5}
#sd-hub-layer .sach-hero-meter{padding:12px 15px 14px;background:#0a1431c9;border:1px solid #2a447b;border-radius:13px;min-width:0}
#sd-hub-layer .sach-hero-meter>strong{display:block;color:#ecf4ff;font-size:15px;margin:3px 0 9px}
#sd-hub-layer .sach-hero-meter>small{display:block;margin-top:7px;color:#ffcd6f;font-size:10px}
#sd-hub-layer .sach-progress{width:100%;min-width:0}
#sd-hub-layer .sach-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:0 0 7px;font-size:10px;color:#8fb6ec}
#sd-hub-layer .sach-progress-meta strong{font-weight:850;color:#d9e8ff;white-space:nowrap}
#sd-hub-layer .sach-track{height:7px;background:#1b315b;border-radius:20px;border:1px solid #294d89;overflow:hidden}
#sd-hub-layer .sach-bar{height:100%;width:0;border-radius:20px;transition:width .5s ease;background:linear-gradient(90deg,#069bdf,#16ebd6);box-shadow:0 0 8px #33f9dd}
#sd-hub-layer .sach-bar-gold{background:linear-gradient(90deg,#ffae13,#ffe882);box-shadow:0 0 10px #ffd64699}
#sd-hub-layer .sach-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px}
#sd-hub-layer .sach-total{display:flex;align-items:center;gap:11px;min-width:0;padding:13px 10px;border:1px solid #265599;border-radius:12px;background:linear-gradient(140deg,#0d2245,#0b1732)}
#sd-hub-layer .sach-total-icon{font-size:24px;filter:drop-shadow(0 0 5px #167df584)}
#sd-hub-layer .sach-total strong{display:block;font-size:18px;color:#fff;font-weight:900;font-variant-numeric:tabular-nums}
#sd-hub-layer .sach-total small{display:block;font-size:10px;color:#a4bee1;margin-top:3px}
#sd-hub-layer .sach-panel{padding:17px 18px 19px;border:1px solid #254b8f;background:linear-gradient(130deg,#0a1a39,#0a1632 85%);border-radius:17px;margin:0 0 18px}
#sd-hub-layer .sach-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
#sd-hub-layer .sach-section-heading h3{font-size:18px;margin:0;color:#f5f8ff;letter-spacing:-.02em}
#sd-hub-layer .sach-section-supplement{font-size:10px;color:#5be8e3;font-weight:800}
#sd-hub-layer .sach-intro{font-size:11px;line-height:1.6;color:#91b6e1;margin:0 0 15px}
#sd-hub-layer .sach-rewards{display:grid;gap:8px;max-height:420px;overflow-y:auto;padding:2px;scrollbar-width:thin;scrollbar-color:#2766b7 #0d1f3c}
#sd-hub-layer .sach-reward{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(90px,auto) minmax(115px,auto);align-items:center;gap:11px;border:1px solid #274772;border-radius:12px;padding:11px 12px;background:#101f3d}
#sd-hub-layer .sach-reward.is-unlocked{border-color:#a77a23;background:linear-gradient(115deg,#1d2b3c,#1b2443)}
#sd-hub-layer .sach-reward-icon{font-size:24px;width:40px;height:40px;display:grid;place-items:center;color:#ffd56f;background:#182e58;border:1px solid #4264a1;border-radius:12px}
#sd-hub-layer .sach-reward-copy strong{display:block;font-size:12px;color:#f3f5ff}
#sd-hub-layer .sach-reward-copy small{display:block;font-size:10px;color:#96b4d8;margin-top:4px}
#sd-hub-layer .sach-reward-amount{font-size:12px;font-weight:900;color:#ffcf64;text-align:right;white-space:nowrap}
#sd-hub-layer .sach-claim{background:#16294c;border:1px solid #37639d;color:#96add1;font-size:10px;font-weight:850;border-radius:9px;padding:8px 9px;min-height:34px}
#sd-hub-layer .sach-claim.sach-claim-ready{background:linear-gradient(110deg,#23ebd2,#17a1ef);color:#05283c;border-color:#4fe6dd;box-shadow:0 0 10px #25d7c13c;cursor:pointer;opacity:1}
#sd-hub-layer .sach-claim.sach-claim-muted{color:#ffdb8f;border-color:#8b6a37;background:#382b2333}
#sd-hub-layer .sach-filters{display:flex;gap:8px;margin:4px 0 15px}
#sd-hub-layer .sach-filters button{background:#112448;color:#9dbfe7;border:1px solid #34598b;border-radius:9px;font-size:11px;font-weight:850;padding:8px 14px;cursor:pointer}
#sd-hub-layer .sach-filters button.is-active{background:#17427c;border-color:#3eecf5;color:#a7ffff}
#sd-hub-layer .sach-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
#sd-hub-layer .sach-badge{position:relative;display:grid;grid-template-columns:55px 1fr auto;gap:11px;align-items:center;min-height:92px;border:1px solid #405383;border-radius:13px;padding:12px;background:linear-gradient(145deg,#151f42,#101d39);overflow:hidden}
#sd-hub-layer .sach-badge.earned{border-color:#a47f40;background:linear-gradient(120deg,#222342,#172b47);box-shadow:inset 0 0 13px #e7ae2217}
#sd-hub-layer .sach-medal{width:49px;height:49px;display:grid;place-items:center;font-size:27px;border:1px solid #5968a1;border-radius:12px;background:#1c2c54;filter:grayscale(1);opacity:.55}
#sd-hub-layer .sach-badge.earned .sach-medal{filter:none;opacity:1;border-color:#ffcc52;background:linear-gradient(145deg,#4a3733,#272146);box-shadow:0 0 13px #ffbb2b33}
#sd-hub-layer .sach-badge-copy strong{display:block;color:#eef4ff;font-size:13px}
#sd-hub-layer .sach-badge-copy small{display:block;color:#9bb7db;font-size:10px;line-height:1.5;margin-top:3px}
#sd-hub-layer .sach-badge-state{white-space:nowrap;font-size:9px;color:#90a0bc;font-weight:900}
#sd-hub-layer .sach-badge.earned .sach-badge-state{color:#4bebd9}
#sd-hub-layer .sach-badge .sach-progress{grid-column:2/-1}
#sd-hub-layer .sach-badge .sach-progress-meta{margin-top:-3px;margin-bottom:4px}
#sd-hub-layer .sach-history{display:grid;gap:9px}
#sd-hub-layer .sach-history-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #2b4775;border-radius:11px;background:#0d1e3e;padding:12px 14px}
#sd-hub-layer .sach-history-row strong{display:block;font-size:12px;color:#f2f5ff}
#sd-hub-layer .sach-history-row small{display:block;margin-top:3px;color:#9bb7dd;font-size:10px}
#sd-hub-layer .sach-history-status{font-size:10px;color:#ffce73;border:1px solid #8e6e34;padding:6px 10px;border-radius:8px;white-space:nowrap}
#sd-hub-layer .sach-history-status.is-paid{color:#54f2d4;border-color:#32b69b}
#sd-hub-layer .sach-empty{border:1px dashed #355381;border-radius:12px;color:#aac3e5;padding:16px;font-size:12px;line-height:1.6}
#sd-hub-layer .sach-message{margin:6px 0;color:#45dfc8;font-size:11px;min-height:16px}
#sd-hub-layer .sach-message.is-error{color:#ff9eab}
#sd-hub-layer .sach-disclaimer{margin:10px 0 0;border:1px solid #304c73;background:#0b1d38;padding:12px 14px;border-radius:11px;color:#91b7d8;font-size:10px;line-height:1.65}
@media(max-width:760px){
 #sd-hub-layer .sach{padding:16px 14px 20px}
 #sd-hub-layer .sach-header{flex-direction:column;gap:10px}
 #sd-hub-layer .sach-header-actions{width:100%;justify-content:space-between}
 #sd-hub-layer .sach-hero{grid-template-columns:64px 1fr;gap:10px;padding:13px;min-height:0}
 #sd-hub-layer .sach-rank-icon{height:60px;width:60px;font-size:31px;border-radius:13px}
 #sd-hub-layer .sach-hero-meter{grid-column:1/-1}
 #sd-hub-layer .sach-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #sd-hub-layer .sach-total{padding:11px 9px}
 #sd-hub-layer .sach-panel{padding:14px 12px}
 #sd-hub-layer .sach-badges{grid-template-columns:1fr}
 #sd-hub-layer .sach-reward{grid-template-columns:38px minmax(0,1fr) minmax(85px,auto);gap:7px;padding:9px}
 #sd-hub-layer .sach-reward-icon{width:37px;height:37px;font-size:21px}
 #sd-hub-layer .sach-reward .sach-claim{grid-column:2/-1;justify-self:stretch}
 #sd-hub-layer .sach-reward-amount{font-size:11px}
}
@media(max-width:420px){
 #sd-hub-layer .sach-section-heading{flex-wrap:wrap}
 #sd-hub-layer .sach-section-heading h3{font-size:16px}
 #sd-hub-layer .sach-badge{grid-template-columns:48px 1fr auto;gap:8px;padding:9px}
 #sd-hub-layer .sach-medal{width:43px;height:43px;font-size:23px}
 #sd-hub-layer .sach-badge-copy strong{font-size:11px}
 #sd-hub-layer .sach-badge-state{font-size:8px}
}
@media(prefers-reduced-motion:reduce){#sd-hub-layer .sach *{transition:none!important}}