.tos-world{--tos-ink:#203a45;--tos-mint:#e4f5ee;--tos-accent:#165e64;max-width:1240px;margin:2rem auto;color:var(--tos-ink);font-family:inherit;line-height:1.55}
.tos-world-hero{overflow:hidden;border-radius:22px;background:var(--tos-mint);margin-bottom:2rem}.tos-world-hero>img{display:block;width:100%;height:clamp(180px,28vw,340px);object-fit:cover}.tos-world-hero>div{padding:clamp(1.2rem,3vw,2.4rem)}
.tos-world h2,.tos-world h3,.tos-world h4{color:inherit;margin:.15em 0 .45em}.tos-world h2{font-size:clamp(2rem,5vw,3.3rem)}.tos-world h3{font-size:1.6rem}.tos-world p{margin:.6em 0}.tos-world-eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.tos-world-roles{display:flex;flex-wrap:wrap;gap:.8rem;margin:1rem 0}.tos-world-roles[hidden]{display:none}.tos-world-role{min-width:140px;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1rem;border:2px solid #cadbd5;border-radius:16px;background:#fff;color:var(--tos-ink);font:inherit;font-weight:700;cursor:pointer}.tos-world-role img{height:85px;max-width:120px;object-fit:contain}.tos-world-role[aria-pressed=true]{border-color:var(--tos-accent);background:var(--tos-mint)}.tos-world-role:focus-visible,.tos-world summary:focus-visible{outline:3px solid #a84119;outline-offset:3px}
.tos-world-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1.2rem}.tos-world-card{overflow:hidden;border:1px solid #d6e1dd;border-radius:18px;background:#fff;box-shadow:0 4px 15px #163f3110}.tos-world-card[hidden]{display:none}.tos-world-art{display:block;width:100%;height:180px;object-fit:cover}.tos-world-card-body{padding:1.15rem}.tos-world-card h4{font-size:1.2rem}.tos-world-badge{display:inline-block;padding:.2rem .6rem;border-radius:99px;background:#e6eeee;color:#27484e;font-size:.8rem;font-weight:700}.tos-world details{margin-top:1rem}.tos-world summary{cursor:pointer;color:var(--tos-accent);font-weight:700}
@media (prefers-contrast:more){.tos-world-role,.tos-world-card{border:2px solid currentColor}.tos-world-role[aria-pressed=true]{outline:3px solid currentColor}}
html[data-tos-images] .tos-world img{display:none!important}
html:is([data-tos-contrast="light"],[data-tos-contrast="dark"]) .tos-world-role[aria-pressed=true]{outline:3px solid currentColor;outline-offset:2px}
@media (forced-colors:active){.tos-world-role[aria-pressed=true]{outline:3px solid Highlight;outline-offset:2px}}
@media (max-width:480px){.tos-world-role{flex:1 1 125px;min-width:0}.tos-world-art{height:160px}}