:root{color-scheme:dark;--gold:#f0d37c;--ink:#f5f2e9;--muted:#b9cece;--line:#375354}*{box-sizing:border-box}body{margin:0;background:#0b2023;color:var(--ink);font:17px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}main{max-width:1080px;margin:auto;padding:20px}a{color:var(--gold);text-underline-offset:4px}nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}nav a,footer a{display:inline-flex;align-items:center;min-height:48px}header{margin:32px 0 24px}h1{font:700 clamp(30px,5vw,46px)/1.15 Georgia,serif;color:var(--gold);margin:8px 0}h2{font-size:23px;margin:0 0 10px}h3{font-size:19px;margin:0}.eyebrow{letter-spacing:.13em;font-size:12px;color:var(--gold);font-weight:700}p{margin:8px 0 14px}.notice,.colony-comparison,#profile-gate{background:#143337;border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:22px}.notice strong{color:var(--gold)}form{display:grid;grid-template-columns:1fr 1.3fr auto;align-items:end;gap:14px;margin:24px 0}label{display:block;font-weight:650}select,button,.button{width:100%;min-height:50px;border:1px solid #74938f;border-radius:10px;padding:10px 12px;font:inherit;margin-top:6px}select{background:#102a2d;color:var(--ink);max-width:100%}button,.button{background:var(--gold);color:#172325;font-weight:750;cursor:pointer}.button{display:inline-block;width:auto}.check{display:flex;align-items:center;gap:10px}.check input{width:24px;height:24px;accent-color:var(--gold)}.colony-comparison>p,.method{font-size:14px;color:var(--muted)}#hill-label{margin:14px 0;max-width:480px}.legend,.roles{display:flex;gap:8px;flex-wrap:wrap}.legend{margin:20px 0}.role{display:inline-flex;align-items:center;gap:6px;font-size:13px;line-height:1.35;border-radius:6px;background:#10292c;padding:4px 7px}.role:before{content:"";width:11px;height:11px;border-radius:3px;background:var(--role);flex:none}.attack{--role:#e55346}.defence{--role:#4384d3}.support{--role:#3fa460}.unknown{--role:#808892}.lineup{padding:22px;border:1px solid #918252;border-radius:18px;background:#102b2e;margin-bottom:24px}.lineup-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.badge{font-size:13px;color:var(--gold)}.positions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.ant{min-width:0;border:1px solid var(--line);padding:14px;border-radius:12px;background:#0a2225}.position{display:block;color:var(--gold);font-weight:750;margin-bottom:12px}.portrait{display:block;width:100px;height:100px;max-width:100%;padding:4px;border-radius:14px;margin:0 0 12px}.portrait img{display:block;width:100%;height:100%;object-fit:contain;background:#0b2023;border-radius:10px}.ant h3{overflow-wrap:anywhere}.maturity{color:var(--gold);font-weight:750}.roles{margin-top:10px}.owned{border-top:1px solid var(--line);margin-top:12px;padding-top:10px;font-size:14px}details{border-top:1px solid var(--line);margin-top:18px;padding-top:6px}summary{min-height:48px;cursor:pointer;padding:12px 0;color:var(--gold);font-weight:700}details p{font-size:15px}footer{padding:16px 0}.skip{position:absolute;left:-10000px}.skip:focus{left:10px;top:10px;background:#102b2e;padding:12px;z-index:10}:focus-visible{outline:3px solid #fff;outline-offset:4px}[hidden]{display:none!important}
@media(max-width:620px){main{padding:14px}header{margin-top:20px}form{grid-template-columns:1fr}.lineup{padding:16px}.positions{grid-template-columns:1fr;gap:12px}.ant{display:grid;grid-template-columns:80px minmax(0,1fr);column-gap:14px;padding:12px}.position{grid-column:1/-1}.portrait{width:80px;height:80px;grid-row:2/6}.ant h3,.ant .maturity,.ant .roles,.ant .season{grid-column:2}.ant .owned{grid-column:1/-1}.role{font-size:13px}.method{font-size:14px}nav{font-size:16px}}

/* Shared approved static branding. */
.tool-logo{display:block;width:96px;height:96px;margin-bottom:14px}.tool-logo img{display:block;width:100%;height:100%;object-fit:contain}