/* Achievements + Flex Cards. Proof-first, theme-aware, mobile-sheet safe. */
.gba-card{position:relative;margin:22px clamp(14px,4vw,54px);border:1px solid rgba(35,26,76,.16);border-radius:28px;overflow:hidden;background:linear-gradient(125deg,rgba(255,255,255,.88),rgba(246,239,255,.76));box-shadow:0 22px 55px rgba(65,41,116,.13)}
.gba-card:before{content:"";position:absolute;inset:-40% 58% -45% -10%;background:radial-gradient(circle,#ff67ae 0,rgba(255,103,174,.08) 57%,transparent 70%);pointer-events:none}
.gba-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:24px;align-items:center;padding:clamp(22px,4vw,44px)}
.gba-kicker{font:800 11px/1.2 var(--font-num);letter-spacing:.14em;text-transform:uppercase;color:#6c48c5}
.gba-title{margin:8px 0 8px;font-size:clamp(28px,4.2vw,54px);line-height:.95;letter-spacing:-.055em;color:var(--ink-hi)}
.gba-copy{max-width:690px;margin:0;color:var(--ink-mid);font-size:14px;line-height:1.55}
.gba-actions{display:flex;align-items:center;gap:12px;margin-top:19px;flex-wrap:wrap}
.gba-open,.gba-action{min-height:44px;border-radius:999px;padding:0 20px;font-weight:800;background:#17141f;color:#fff;box-shadow:0 9px 24px rgba(23,20,31,.16)}
.gba-open:hover,.gba-action:hover{transform:translateY(-1px)}
.gba-count{font:750 12px/1 var(--font-num);color:var(--ink-mid)}
.gba-medals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:end}
.gba-medal{display:grid;place-items:center;min-width:0;aspect-ratio:1;border:1px solid rgba(35,26,76,.15);border-radius:50%;background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 5px rgba(255,255,255,.25);font:900 clamp(8px,1vw,12px)/1 var(--font-num);letter-spacing:-.04em;color:#6c48c5;filter:saturate(.45);opacity:.62}
.gba-medal.is-earned{background:linear-gradient(145deg,#ff5da7,#8069ea);color:#fff;border-color:transparent;filter:none;opacity:1;box-shadow:0 10px 24px rgba(128,105,234,.28)}

.gba-back{position:fixed;z-index:10030;inset:0;display:grid;place-items:center;padding:24px;background:rgba(12,9,21,.68);backdrop-filter:blur(14px)}
.gba-modal{position:relative;width:min(1120px,100%);max-height:min(850px,calc(100vh - 48px));overflow:auto;border:1px solid rgba(255,255,255,.22);border-radius:30px;background:var(--page-bg);box-shadow:0 35px 90px rgba(0,0,0,.34);color:var(--ink-hi)}
.gba-x{position:sticky;z-index:2;float:right;top:16px;margin:16px 16px -54px 0;width:42px;height:42px;border-radius:50%;background:rgba(20,17,28,.9);color:#fff;font-size:27px;line-height:1}
.gba-body{padding:clamp(24px,4vw,48px)}
.gba-intro{padding-right:54px;margin-bottom:24px}
.gba-intro h2{margin:8px 0 8px;font-size:clamp(34px,5vw,68px);line-height:.92;letter-spacing:-.06em}
.gba-lede{max-width:780px;margin:0;color:var(--ink-mid);line-height:1.55}
.gba-truth{display:inline-flex;margin-top:12px;padding:7px 10px;border-radius:999px;background:rgba(31,174,114,.12);color:#117c50;font:800 10px/1 var(--font-num);letter-spacing:.08em;text-transform:uppercase}
.gba-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.gba-badge{position:relative;min-width:0;padding:20px;border:1px solid rgba(35,26,76,.14);border-radius:21px;background:rgba(255,255,255,.56);box-shadow:0 10px 25px rgba(44,28,83,.07)}
.gba-badge.is-earned{background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(243,235,255,.86));border-color:rgba(128,105,234,.35)}
.gba-btop{display:flex;gap:13px;align-items:flex-start}
.gba-icon{display:grid;place-items:center;flex:0 0 54px;height:54px;border-radius:50%;background:#e9e4f7;color:#7864c8;font:900 10px/1 var(--font-num)}
.gba-badge.is-earned .gba-icon{background:linear-gradient(145deg,#ff5da7,#7564e4);color:#fff;box-shadow:0 8px 19px rgba(117,100,228,.25)}
.gba-bcopy{min-width:0;flex:1}.gba-bcopy h3{margin:1px 0 5px;font-size:20px;letter-spacing:-.03em}.gba-state{font:850 10px/1.2 var(--font-num);letter-spacing:.1em;color:#7b64e6;text-transform:uppercase}
.gba-criterion{margin:14px 0 10px;min-height:43px;color:var(--ink-mid);font-size:12px;line-height:1.45}
.gba-source{color:var(--ink-lo);font:650 10px/1.35 var(--font-num)}
.gba-meter{height:7px;margin-top:13px;border-radius:99px;background:rgba(25,19,40,.1);overflow:hidden}.gba-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff5da7,#7564e4)}
.gba-bfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;min-height:38px}
.gba-progress{font:800 11px/1.2 var(--font-num);color:var(--ink-mid)}
.gba-flex{min-height:38px;padding:0 15px;border-radius:999px;background:#17141f;color:#fff;font-weight:850;font-size:11px}.gba-flex[disabled]{background:rgba(23,20,31,.1);color:var(--ink-lo);cursor:default}
.gba-evidence{color:#6654bb;text-decoration:underline;text-underline-offset:3px;font-size:11px}
.gba-footnote{margin:20px 0 0;color:var(--ink-lo);font-size:11px;line-height:1.5}
.gba-live{min-height:18px;margin-top:12px;color:#117c50;font-size:12px;font-weight:700}
.gba-preview{margin-top:16px;padding:9px;border:1px solid rgba(128,105,234,.3);border-radius:18px;background:rgba(255,255,255,.08)}
.gba-preview img{display:block;width:min(100%,720px);height:auto;margin:auto;border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.18)}
.gba-preview span{display:block;margin:8px 5px 0;color:var(--ink-lo);font:700 10px/1.3 var(--font-num);text-align:center}
.gba-loading{display:grid;place-items:center;min-height:320px;color:var(--ink-mid)}

[data-theme="dark"] .gba-card,[data-theme="dark"] .gba-badge{background:rgba(20,17,29,.82);border-color:rgba(255,255,255,.13)}
[data-theme="dark"] .gba-modal{background:#111018}
[data-theme="dark"] .gba-badge.is-earned{background:linear-gradient(145deg,rgba(40,31,58,.96),rgba(26,23,43,.96));border-color:rgba(160,133,255,.42)}
[data-theme="dark"] .gba-medal{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.13)}
[data-theme="dark"] .gba-truth{color:#66e1a9}

@media(max-width:760px){.gba-card{margin:16px 0;border-radius:0;border-left:0;border-right:0}.gba-shell{grid-template-columns:1fr;padding:25px 18px}.gba-medals{max-width:390px}.gba-back{align-items:end;padding:0}.gba-modal{width:100%;max-height:94vh;border-radius:24px 24px 0 0;border-bottom:0}.gba-body{padding:25px 15px 32px}.gba-grid{grid-template-columns:1fr}.gba-badge{padding:17px}.gba-criterion{min-height:0}.gba-intro{padding-right:42px}.gba-intro h2{font-size:42px}}
@media(max-width:400px){.gba-medals{gap:5px}.gba-icon{flex-basis:48px;height:48px}.gba-bcopy h3{font-size:18px}.gba-bfoot{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.gba-open,.gba-action{transition:none}.gba-open:hover,.gba-action:hover{transform:none}}