.account-dashboard .skill-list.account-skill-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.account-skills-hint,.account-skills-empty{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.account-skills-hint{padding-bottom:3px}.account-skills-empty{padding:18px 0}
.account-skill-card{min-width:0;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);overflow:hidden}
.account-skill-card[open]{grid-column:1/-1;border-color:var(--gold)}
.account-skill-summary{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px 12px;min-height:132px;padding:16px;cursor:pointer;list-style:none;align-items:start}
.account-skill-summary::-webkit-details-marker{display:none}
.account-skill-summary:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}
.account-skill-summary:hover{background:var(--soft)}
.account-skill-icon{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:4px;background:var(--paper);overflow:hidden}
.account-skill-icon canvas{display:block;width:40px;height:40px;image-rendering:pixelated;object-fit:contain}
.account-skill-heading{min-width:0;grid-column:2;align-self:center}
.account-skill-name{display:block;font:600 13px/1.5 var(--sans);overflow-wrap:anywhere}
.account-skill-kind{display:block;margin-top:2px;font-size:10px;line-height:1.5;color:var(--muted)}
.account-skill-description{grid-column:2/4;margin:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:11px;line-height:1.7;color:var(--muted)}
.account-skill-source{grid-column:2/3;font-size:10px;line-height:1.6;color:var(--gold-deep)}
.account-skill-open{grid-column:3;grid-row:1;font-size:10px;line-height:1.6;color:var(--gold-deep);white-space:nowrap;align-self:center}
.account-skill-open:after{content:' +';font-size:13px}.account-skill-card[open] .account-skill-open:after{content:' −'}
.account-skill-costs{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px 14px;padding-top:9px;border-top:1px solid var(--line)}
.account-skill-cost{font-size:10px;line-height:1.7;color:var(--ink);font-variant-numeric:tabular-nums}
.account-skill-body{padding:0 18px 18px;border-top:1px solid var(--line)}
.account-skill-explanation{display:flex;gap:15px;align-items:center;padding:20px 0}
.account-skill-icon-large{width:84px;height:84px;flex:0 0 84px;background:var(--paper)}
.account-skill-icon-large canvas{width:80px;height:80px}
.account-skill-effect-copy{margin:0;font-size:12px;line-height:1.85;color:var(--ink)}
.account-skill-facts,.account-skill-requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin:0}
.account-skill-facts>div,.account-skill-requirements>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);min-width:0}
.account-skill-facts dt,.account-skill-requirements dt{font-size:11px;line-height:1.6;color:var(--muted)}
.account-skill-facts dd,.account-skill-requirements dd{margin:0;text-align:right;font-size:11px;line-height:1.6;overflow-wrap:anywhere;color:var(--ink);font-variant-numeric:tabular-nums}
.account-skill-subtitle{font:600 12px/1.7 var(--sans);margin:21px 0 4px;color:var(--ink)}
.account-skill-requirements [data-met=false]{border-bottom-style:dashed;border-bottom-color:var(--gold)}
.account-skill-requirements [data-met=false] dd{font-weight:600;color:var(--gold-deep)}
.account-skill-requirement-note{margin:9px 0 0;font-size:11px;line-height:1.7;color:var(--gold-deep)}
.account-skill-demo{margin-top:22px;border:1px solid var(--line);padding:14px;border-radius:4px;background:var(--paper)}
.account-skill-demo-caption{margin:0 0 10px;font-size:11px;font-weight:600;line-height:1.6;color:var(--ink)}
.account-skill-effect{display:block;width:100%;height:auto;max-height:240px;aspect-ratio:2;object-fit:contain;border:1px solid var(--line);border-radius:3px;background:#0c1523;image-rendering:pixelated;margin-bottom:10px}
.account-skill-effect[hidden]{display:none}
.account-skill-demo-button{min-height:42px;padding:9px 15px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:3px;font:500 11px/1.5 var(--sans);cursor:pointer}
.account-skill-demo-button:hover{border-color:var(--gold)}.account-skill-demo-button:disabled{cursor:wait;opacity:.7}
.account-skill-demo-note,.account-skill-demo-status{margin:9px 0 0;font-size:10px;line-height:1.7;color:var(--muted)}.account-skill-demo-status:empty{display:none}
@media(max-width:700px){.account-dashboard .skill-list.account-skill-cards{grid-template-columns:minmax(0,1fr);gap:10px}.account-skill-summary{padding:14px;gap:7px 10px;min-height:124px}.account-skill-body{padding:0 14px 15px}.account-skill-name{font-size:12px}.account-skill-facts,.account-skill-requirements{grid-template-columns:minmax(0,1fr)}.account-skill-explanation{align-items:flex-start;gap:12px}.account-skill-icon-large{width:64px;height:64px;flex-basis:64px}.account-skill-icon-large canvas{width:60px;height:60px}.account-skill-effect-copy{font-size:11px}.account-skill-demo{padding:11px}.account-skill-effect{max-height:180px}}
@media(prefers-reduced-motion:reduce){.account-skill-card,.account-skill-summary{scroll-behavior:auto}}