/* Database & tools pages (armory, leaderboard, legions, items, streams, planner, skills, app, faq), on top of site.css + aion.css. */
.nav-menu-panel{grid-template-columns:repeat(3,250px);}
@media (max-width: 900px){ .nav-menu-panel{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width: 560px){ .nav-menu-panel{grid-template-columns:minmax(0,1fr);} }
.tool-page [hidden]{display:none !important;}
.tool-page{padding-block:24px 48px;display:flex;flex-direction:column;gap:20px;}
.tool-note{font-size:.8rem;color:var(--text-faint);margin:0;}
.ar-search{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);}
.ar-field{display:flex;flex-direction:column;gap:4px;font-size:.78rem;color:var(--text-dim);min-width:140px;}
.ar-field.ar-name{flex:1 1 220px;}
.ar-field select,.ar-field input{font:inherit;font-size:.95rem;color:var(--text);background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--radius-sm);padding:9px 10px;min-height:42px;width:100%;}
.ar-field input:focus-visible,.ar-field select:focus-visible{outline:2px solid var(--accent);outline-offset:1px;}
.ar-check{display:flex;align-items:center;gap:8px;min-height:42px;font-size:.9rem;color:var(--text-dim);}
.ar-status{min-height:1.2em;color:var(--text-dim);font-size:.9rem;}
.ar-status.is-err{color:#ff8f8f;}
.ar-sub{color:var(--text-dim);font-size:.9rem;margin:0;}
.ar-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;}
.ar-row{display:grid;grid-template-columns:minmax(0,1.4fr) 70px minmax(0,1.4fr) 90px;gap:10px;align-items:center;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);text-decoration:none;}
.ar-row:hover{border-color:var(--accent);background:var(--surface-2);}
.ar-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ar-row span{color:var(--text-dim);font-size:.88rem;}
.race.r1{color:#8cc4ff;} .race.r2{color:#c79bff;}
@media (max-width: 600px){ .ar-row{grid-template-columns:minmax(0,1fr) auto;} .ar-row span:nth-child(3),.ar-row .race{grid-column:1 / -1;} }
.ar-favs{display:flex;flex-direction:column;gap:8px;}
.ar-profile,.ar-item{display:flex;flex-direction:column;gap:22px;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);scroll-margin-top:calc(var(--topbar-h) + 12px);}
.ar-head{display:flex;gap:16px;align-items:center;flex-wrap:wrap;}
.ar-head h2{font:400 1.9rem var(--font-display);margin:0;overflow-wrap:anywhere;}
.ar-head p{margin:2px 0;}
.ar-portrait{border-radius:50%;border:2px solid var(--border-2);object-fit:cover;background:var(--bg-2);}
.ar-cp{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px;}
.ar-cp b{font:700 2rem var(--font-mono);color:var(--gold-2);}
.ar-cp small{color:var(--text-faint);font-size:.75rem;}
.ar-actions{display:flex;gap:6px;margin-top:4px;}
@media (max-width: 600px){ .ar-cp{margin-left:0;align-items:flex-start;} }
.ar-gears{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;}
.ar-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;}
.ar-gear{display:flex;gap:10px;align-items:center;padding:8px;border:1px solid var(--border);border-left:3px solid var(--grc,var(--border-2));border-radius:var(--radius-sm);background:var(--bg-2);color:var(--text);text-decoration:none;min-width:0;}
a.ar-gear:hover{border-color:var(--accent);}
.ar-gear img{flex:none;border-radius:4px;background:#000;}
.ar-gear-t{display:flex;flex-direction:column;min-width:0;}
.ar-gear-t a,.ar-gear-t b{color:var(--grc,var(--text));font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;}
.ar-gear-t small{color:var(--text-faint);font-size:.78rem;}
.gr-common{--grc:#b9b6ae;} .gr-rare{--grc:#63c77e;} .gr-legend{--grc:#5aa2ff;} .gr-unique{--grc:#e3b95c;} .gr-epic{--grc:#ff9a4d;} .gr-special{--grc:#4fcdbf;}
p.gr{color:var(--grc);}
.ar-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;}
.ar-stats{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;margin:0;}
.ar-stats dt{color:var(--text-dim);} .ar-stats dd{margin:0;font-family:var(--font-mono);text-align:right;}
.ar-boards{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px;}
.ar-boards li{display:grid;grid-template-columns:28px 90px minmax(0,1fr) 54px;gap:8px;align-items:center;font-size:.88rem;}
.ar-boards .progress{height:8px;}
.ar-boards small{color:var(--text-faint);text-align:right;}
.ar-skills{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;}
.ar-skills li{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;opacity:.6;}
.ar-skills li.is-on{opacity:1;}
.ar-skills small{font-size:.72rem;color:var(--text-dim);line-height:1.2;}
.ar-enchants{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;}
.ar-enchants li{display:flex;gap:6px;align-items:baseline;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--bg-2);}
.ar-table{width:100%;border-collapse:collapse;font-size:.92rem;}
.ar-table th,.ar-table td{padding:9px 10px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;}
.ar-table th{color:var(--text-faint);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;}
.ar-table .num{text-align:right;font-family:var(--font-mono);}
.ar-table tbody tr:hover{background:var(--surface-2);}
.ar-pager{display:flex;gap:12px;align-items:center;justify-content:center;}
.ar-streams{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;}
.ar-stream{position:relative;display:flex;flex-direction:column;gap:4px;color:var(--text);text-decoration:none;}
.ar-stream img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);}
.ar-stream:hover img{border-color:var(--accent);}
.ar-stream small{color:var(--text-dim);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ar-live,.ar-drops{position:absolute;top:8px;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:700;}
.ar-live{left:8px;background:#d62b2b;color:#fff;}
.ar-drops{right:8px;background:#7b4dff;color:#fff;}

/* planner */
.pl-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start;}
@media (max-width: 900px){ .pl-layout{grid-template-columns:minmax(0,1fr);} }
.pl-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;}
.pl-tab{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;font:inherit;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;}
.pl-tab[aria-selected="true"]{color:var(--text);border-color:var(--accent);background:var(--surface-2);}
.pl-tab small{font-family:var(--font-mono);font-size:.75rem;color:var(--text-faint);}
.pl-stage{border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(circle at 50% 50%,#13254a,#070d1a 75%);padding:10px;}
.pl-svg{display:block;width:100%;height:auto;max-height:78vh;}
.pl-l{stroke:#2a3e66;stroke-width:.06;} .pl-l.on{stroke:#8cc4ff;stroke-width:.1;}
.pl-n{cursor:pointer;outline:none;}
.pl-n circle{fill:#151d2e;stroke:#4a5a78;stroke-width:.06;transition:fill .15s;}
.pl-n.g21 circle{stroke:#3b8a53;} .pl-n.g31 circle{stroke:#3d70b8;} .pl-n.g41 circle{stroke:#b8752c;}
.pl-n.can circle{stroke:#d4e8ff;stroke-width:.09;}
.pl-n.on circle{fill:#8cc4ff;stroke:#e9f4ff;}
.pl-n.on.g41 circle{fill:#f0a24a;stroke:#ffd08a;} .pl-n.on.g21 circle{fill:#56c878;} .pl-n.on.g31 circle{fill:#5aa2ff;}
.pl-n.start circle{fill:#e9f4ff;cursor:default;}
.pl-n:focus-visible circle{stroke:#fff;stroke-width:.14;}
.pl-n:not(.on) image{opacity:.55;}
.pl-side{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);position:sticky;top:calc(var(--topbar-h) + 12px);}
@media (max-width: 900px){ .pl-side{position:static;} }
.pl-total{margin:0;font-size:1rem;color:var(--text-dim);} .pl-total b{font:700 1.8rem var(--font-mono);color:var(--gold-2);margin-right:6px;}
.pl-skills{list-style:none;margin:0;padding:0;display:grid;gap:6px;}
.pl-skills li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:.9rem;}
.pl-actions{display:flex;flex-wrap:wrap;gap:6px;}

/* skills database */
.sk-classes{display:flex;flex-wrap:wrap;gap:8px;}
.sk-classes .tl-cls[aria-current="page"]{outline:2px solid var(--accent);}
.sk-filter{max-width:420px;}
.sk-group{display:flex;flex-direction:column;gap:10px;}
.sk-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.sk-card{display:flex;gap:14px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);scroll-margin-top:calc(var(--topbar-h) + 12px);}
.sk-card img{flex:none;border-radius:6px;}
.sk-card h3{margin:0 0 4px;font-size:1.05rem;} .sk-card h3 a{color:var(--text);text-decoration:none;} .sk-card h3 small{color:var(--text-faint);font-weight:400;}
.sk-card p{margin:0 0 6px;color:var(--text-dim);white-space:pre-line;}
.sk-specs{margin:0;padding-left:18px;color:var(--text-dim);font-size:.88rem;} .sk-specs b{color:var(--gold);font-weight:600;}

/* app + faq */
.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px;}
.app-card{padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);}
.app-card code{font-size:.8rem;overflow-wrap:anywhere;}
.faq{display:flex;flex-direction:column;gap:8px;}
.faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:0 16px;}
.faq-item summary{cursor:pointer;padding:14px 0;}
.faq-item summary h2{display:inline;font-size:1.05rem;font-weight:600;margin:0;}
.faq-item p{margin:0 0 14px;color:var(--text-dim);}