.cyro-world{max-width:1240px;margin:0 auto;padding-top:108px;padding-bottom:70px;color:#eee9f5}
.cyro-world a{color:inherit}.cyro-crumbs{display:flex;flex-wrap:wrap;gap:9px;color:#c0b3cd;font-size:.82rem;margin-bottom:30px}.cyro-crumbs a{text-decoration:none}.cyro-crumbs a:hover{text-decoration:underline}
.cyro-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:40px}.cyro-hero h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.05;margin:10px 0 18px;overflow-wrap:anywhere}.cyro-hero p:not(.kicker){max-width:640px;color:#c7bbd1;line-height:1.7}.cyro-hero>.button{flex-shrink:0}
.cyro-intro{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px}.cyro-intro span,.cyro-muted{color:#b9adc5;font-size:.88rem;line-height:1.7}
.cyro-city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cyro-card,.cyro-panel{background:linear-gradient(135deg,rgba(47,31,63,.93),rgba(24,19,35,.96));border:1px solid #4b3b5a;border-radius:18px;padding:25px}.cyro-card{display:flex;flex-direction:column;transition:border-color .18s,transform .18s}.cyro-card:has(a:hover){border-color:#c6a16b;transform:translateY(-2px)}.cyro-eyebrow{color:#c4a574;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 13px}.cyro-card-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.cyro-card-heading h2{font-size:1.5rem;line-height:1.2;margin:0}.cyro-card-heading h2 a{text-decoration:none}.cyro-card-heading>strong{color:#dfc497;font-size:1.7rem;white-space:nowrap}.cyro-card-heading small{font-size:.9rem}
.cyro-world progress{display:block;appearance:none;width:100%;height:6px;border:0;border-radius:6px;background:#4a3b57;overflow:hidden}.cyro-world progress::-webkit-progress-bar{background:#4a3b57}.cyro-world progress::-webkit-progress-value{background:#d9b87e}.cyro-world progress::-moz-progress-bar{background:#d9b87e}
.cyro-metrics{margin:22px 0;display:grid;gap:9px}.cyro-metrics>div{display:flex;justify-content:space-between;gap:12px;font-size:.84rem}.cyro-metrics dt{color:#c0b3cc}.cyro-metrics dd{margin:0;font-weight:700}.cyro-metrics dd span{color:#ad9cbd;font-weight:400}.cyro-card-link{display:flex;justify-content:space-between;border-top:1px solid #4b3b5a;padding-top:16px;text-decoration:none;font-size:.85rem;margin-top:auto}.cyro-card-link span{color:#dfc497}.cyro-complete{color:#b5dfb2;font-size:.82rem;font-weight:700}.cyro-card.is-complete{border-color:#709b6c}
.cyro-city-summary{margin-bottom:35px}.cyro-city-summary .cyro-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.cyro-city-summary .cyro-metrics>div{display:block}.cyro-city-summary .cyro-metrics dd{font-size:1.45rem;margin-top:7px}.cyro-city-summary>p{color:#c4b6d0;font-size:.87rem}
.cyro-filters{display:flex;align-items:flex-end;gap:15px;flex-wrap:wrap;margin-top:22px}.cyro-filters label{display:grid;gap:7px;flex:1;min-width:180px;font-size:.82rem;color:#cfc0db}.cyro-filters input,.cyro-filters select{width:100%;min-height:45px;border:1px solid #65516f;border-radius:9px;background:#211a2c;color:#f1e9f6;padding:10px 13px;font:inherit}.cyro-filters .button{min-height:45px;margin:0}
.cyro-place-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.cyro-place{display:flex;flex-direction:column;gap:15px;border:1px solid #493952;background:#261d31;border-radius:12px;padding:21px;text-decoration:none;min-width:0}.cyro-place:hover{border-color:#d0ac73;background:#30243d}.cyro-place>strong{overflow-wrap:anywhere}.cyro-place>span{color:#bfb0cf;font-size:.82rem}.cyro-place b{float:right;color:#d7b77f}.cyro-pagination{display:flex;justify-content:center;gap:25px;margin:28px 0;font-size:.9rem;flex-wrap:wrap}.cyro-status{display:inline-block;align-self:flex-start;background:#483650;color:#e5cee8!important;border:1px solid #6c5276;border-radius:30px;padding:6px 12px;font-size:.75rem}
.cyro-npc-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.cyro-panel h2{margin:5px 0 18px}.cyro-details{margin:23px 0}.cyro-details>div{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #4a3a55;padding:13px 0;font-size:.88rem}.cyro-details dt{color:#beaecb}.cyro-details dd{margin:0;text-align:right;overflow-wrap:anywhere}.cyro-workflow{margin-top:20px}.cyro-workflow summary{cursor:pointer}.cyro-workflow ol{columns:2;line-height:2;color:#bdaeca}.cyro-workflow .is-current{color:#f1d09f;font-weight:700}.cyro-method{margin-top:45px;padding-top:25px;border-top:1px solid #493953;max-width:900px}.cyro-method h2{font-size:1.1rem}.cyro-method p{font-size:.86rem;line-height:1.8;color:#bcaec9}.cyro-notice{border-left:3px solid #ccab73;padding:12px 17px;background:#332939;color:#e7d6bb;font-size:.85rem;line-height:1.6}.cyro-world a:focus-visible,.cyro-world button:focus-visible,.cyro-world summary:focus-visible{outline:3px solid #e5c28c;outline-offset:5px}
@media(max-width:1000px){.cyro-city-grid,.cyro-place-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cyro-hero{align-items:flex-start;flex-direction:column;gap:12px}.cyro-city-summary .cyro-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.cyro-world{padding-top:98px}.cyro-city-grid,.cyro-place-grid,.cyro-npc-layout{grid-template-columns:1fr}.cyro-card,.cyro-panel{padding:21px}.cyro-city-summary .cyro-metrics{grid-template-columns:repeat(2,1fr)}.cyro-card-heading h2{font-size:1.3rem}.cyro-workflow ol{columns:1}.cyro-filters label{min-width:100%;max-width:100%}.cyro-hero h1{font-size:2.8rem}.cyro-crumbs{font-size:.75rem}.cyro-details>div{gap:12px}.cyro-details dd{max-width:60%}}
@media(prefers-reduced-motion:reduce){.cyro-card{transition:none}}
.cyro-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px}.cyro-tabs a{border:1px solid #685476;border-radius:30px;padding:10px 16px;text-decoration:none;font-size:.8rem}.cyro-tabs a:hover,.cyro-tabs a[aria-current=page]{background:#46314f;border-color:#dbb579}.cyro-npc-places{margin-top:22px}.cyro-npc-places li{margin:9px 0}.cyro-world .cyro-hero h1{overflow-wrap:anywhere}
.cyro-faction-links{display:flex;flex-wrap:wrap;gap:10px}.cyro-faction-links a{padding:9px 13px;border:1px solid #6b5079;border-radius:12px;text-decoration:none;font-size:.84rem;overflow-wrap:anywhere;max-width:100%}.cyro-faction-links a:hover{background:#493451;border-color:#d9b87e}.cyro-group-panel{margin:22px 0}.cyro-group-panel summary{cursor:pointer}.cyro-group-panel .cyro-place-grid{margin-bottom:0}