/* Shared secondary-page language, preserving the original anatomy explorer. */
:root{--bg:#f6f7f3;--panel:#fff;--ink:#192c28;--dim:#68776e;--line:#dfe6dc;--nectar:#246653;--hot:#a94a44;--ok:#287654;--greed:#997024;--fear:#46769b;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:ui-monospace,monospace}
html,body.roster-page,body.about-page{background:var(--bg);color:var(--ink)}
body.roster-page,body.about-page{max-width:1480px;margin:auto;padding:28px 32px;font-family:var(--sans)}
.roster-top,.about-top{padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:24px}
.brand .mark{background:#1b473c;color:#f1ddb0;border:0}.brand h1{font-size:26px;letter-spacing:-.7px}.brand .sub{font-size:12px;line-height:1.6}
.nav-link,.nav-toggle,.rank-switch,.lane-switch{background:#fff;border-color:var(--line);color:var(--nectar)}
.nav-link:hover,.nav-link[aria-current=page],.rank-switch button.on,.lane-switch button.on{background:#e8efe7;color:#204c3b}
.honesty{background:#edf1e8;border:1px solid #dfe6d9;color:#566b53;border-radius:10px;font-family:var(--sans);line-height:1.8;padding:15px 18px}
.card-grid{gap:18px}.fly-card{padding:20px;background:#fff;box-shadow:0 2px 5px #183e3503;backdrop-filter:none}.fly-card.long{border-color:#bccfba}.fly-card.short{border-color:#b7c8d2}.section-h{margin:28px 0 16px;letter-spacing:1px;font-size:12px}
.fly-stage{background:#eef2e9}.rank-badge{border-color:var(--line)}.rarity{background:#eef2e8}.metrics{font-family:var(--sans);font-size:13px;gap:12px}.chip{font-family:var(--sans)}
.fly-card .expanded-detail,.fly-card .detail-panel{background:#f7f9f3}.replay-btn{border:1px solid #245a49;margin-top:8px;color:#fff;background:#245a49;font-weight:600;line-height:1.5}
.replay-btn:hover:not(:disabled){background:#173f33;color:#fff}.replay-btn:disabled{opacity:1;color:#54645a;background:#edf1e9;border-color:#c1cec0;cursor:not-allowed}
.roster-page .fly-card.muted{opacity:1;border-style:dashed;background:#fafbf8}.roster-page .chip.follow,.roster-page .chip.follower{color:#305f7e;background:#edf5f9}.roster-page .nav-toggle{color:#245a49;background:white;border-color:#a6bba9}
.roster-page{--dim:#506357;--greed:#82551c;--fear:#305f7e;--hot:#933c36;--nectar:#245a49;--ok:#245a49}
.roster-page .card-id,.roster-page .last-fill,.roster-page .metrics span,.roster-page .chip{color:#506357}.roster-page .chip.long{color:#82551c;background:#fff6e5}.roster-page .chip.short{color:#305f7e;background:#edf5f9}.roster-page .chip.contrarian{color:#933c36;background:#fff1ef}.roster-page .chip.lead{color:#345e36;background:#eff4e8}.roster-page .chip.mute{opacity:1;color:#596157;background:#eef0eb}.roster-page .rarity.rare{color:#71428b;background:#f4edfa}.roster-page .rarity.mythic{color:#805317;background:#fff5df}.roster-page .rank-switch button,.roster-page .lane-switch button{color:#395e4c}.roster-page :focus-visible{outline:3px solid #8d6623;outline-offset:3px}
.research-guide{max-width:980px;margin:30px auto}.research-guide .intro{font-size:19px;line-height:1.7;max-width:790px;color:#53675a;margin:20px 0 32px}.research-guide h1{font-size:44px;font-weight:550;letter-spacing:-1.5px}.research-guide h2{font-size:24px;font-weight:550;letter-spacing:-.5px;margin:0 0 15px}.research-guide h3{font-size:18px;font-weight:600}.research-guide section{background:white;border:1px solid var(--line);border-radius:14px;padding:28px;margin:20px 0}.research-guide p,.research-guide li{font-size:15px;line-height:1.8;color:#55665b}.research-guide p+p{margin-top:14px}.research-guide code{background:#edf1e8;color:#275b45;padding:3px 6px;border-radius:4px;font-size:13px;overflow-wrap:anywhere}.research-guide .flow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:20px 0}.research-guide .flow span{padding:10px 15px;border:1px solid var(--line);border-radius:8px;background:#f8faf5;font-size:13px}.research-guide pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6ef;padding:16px;border-radius:10px}.research-guide .kicker{color:var(--nectar);font-size:11px;letter-spacing:2px;font-weight:650}.research-guide footer{font-size:12px;color:var(--dim);line-height:1.8;padding:20px 0}
@media(max-width:600px){body.roster-page,body.about-page{padding:20px 16px}.research-guide{margin:20px auto}.research-guide h1{font-size:32px}.research-guide .intro{font-size:16px}.research-guide section{padding:22px}.research-guide p,.research-guide li{font-size:14px}.card-grid{grid-template-columns:minmax(0,1fr)}.nav-links{background:#f6f7f3}.roster-top{gap:16px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}