.tracked-goal{display:flex;align-items:center;flex-wrap:wrap;gap:16px;border:1px solid var(--line);border-radius:3px;background:transparent;padding:18px;margin:22px 0}.tracked-goal>.class-insignia{width:46px;height:54px}.tracked-goal>div{flex:1;min-width:190px}.tracked-goal h2{font:500 18px var(--serif);letter-spacing:-.01em;margin:8px 0}.tracked-goal p:not(.eyebrow){font-size:12px;line-height:1.6;color:var(--muted);margin:0}.tracked-goal .eyebrow{font:10.5px 'IBM Plex Mono',monospace;letter-spacing:.08em;margin:0}.tracked-goal .text-link{font-size:12px;color:var(--accent);min-height:44px;display:flex;align-items:center}.tracked-goal>.text-button{font-size:11px;min-height:44px}.import-goal{width:100%;font-size:12px}.collection-panel{border-top:1px solid var(--line);padding-top:8px;margin-top:32px}.collection-panel>summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;cursor:pointer;font-size:16px;font-weight:500}.collection-panel>summary span{font:11px 'IBM Plex Mono',monospace;color:var(--muted)}.collection-panel h3{font:10.5px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:24px 0 12px}.achievement{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:16px 0}.achievement-mark{font-size:24px;color:var(--muted)}.achievement[data-earned=true] .achievement-mark{color:var(--accent)}.achievement>div{flex:1}.achievement h4{font-size:14px;font-weight:500;margin:0 0 6px}.achievement p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.achievement-progress{font:11px 'IBM Plex Mono',monospace;color:var(--muted);white-space:nowrap}.frame-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.frame-option{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid var(--line);border-radius:3px;background:var(--surface);color:var(--fg);padding:16px 10px;font:12px var(--sans)}.frame-option .class-insignia{width:48px;height:56px}.frame-option small{color:var(--muted);font-size:11px}.frame-option:disabled{cursor:default;opacity:.6}.frame-option[data-equipped=true]{opacity:1;border-color:var(--accent)}.frame-option:hover:not(:disabled){border-color:var(--muted)}[data-frame=first-light]>.class-insignia .insignia-fill,[data-frame=first-light] .profile-insignia .insignia-fill{stroke:var(--amber);stroke-width:2;fill-opacity:.08}[data-frame=crossroads]>.class-insignia .insignia-inner,[data-frame=crossroads] .profile-insignia .insignia-inner{stroke:var(--tier-hybrid);stroke-width:2;stroke-opacity:1}[data-frame=stormforged]>.class-insignia,[data-frame=stormforged] .profile-insignia{color:var(--violet)}[data-frame=pathfinder]>.class-insignia .insignia-ticks,[data-frame=pathfinder] .profile-insignia .insignia-ticks{stroke:var(--blue);stroke-width:3;stroke-opacity:1}[data-frame=second-wind]>.class-insignia,[data-frame=second-wind] .profile-insignia{color:var(--orange)}.collection-panel .collection-note{font-size:11px;line-height:1.6;color:var(--muted);margin:14px 0}
@media(max-width:760px){.frame-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tracked-goal{padding:16px}.tracked-goal>.class-insignia{width:38px;height:46px}.tracked-goal>div{min-width:170px}.tracked-goal .text-link{width:100%}.achievement-progress{font-size:11px}}