*{box-sizing:border-box}body{margin:0;background:#f3efe4;color:#203c40;font:17px/1.55 system-ui,sans-serif}main{max-width:1100px;margin:auto;padding:30px 22px}h1{font:clamp(40px,7vw,76px)/1.04 Georgia,serif;margin:12px 0 20px}h2{font:30px/1.2 Georgia,serif}h3{margin:10px 0}header{border-bottom:2px solid #b78043;padding-bottom:20px}.eyebrow{font-size:12px;letter-spacing:.18em;color:#876033}section,.card{background:#fffdf6;border:1px solid #c7cbbb;border-radius:18px;padding:22px;margin:20px 0}button,select{font:inherit;border:1px solid #6d877f;border-radius:9px;min-height:46px;padding:10px 15px;background:#fffdf7;color:#203c40}button{cursor:pointer}button:hover{background:#e9e5d1}button.primary{background:#204d51;color:white}button:disabled{opacity:.5;cursor:default}button:focus-visible,select:focus-visible{outline:3px solid #c67e32;outline-offset:3px}.controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{margin:0;padding:18px}.art{width:100%;aspect-ratio:1;background-image:url(atlas.webp);background-size:200% 200%;border-radius:12px;background-position:0 0}.opened{background-position:100% 0}.amber{background-position:0 100%}.blue{background-position:100% 100%}.stats{display:flex;gap:14px;flex-wrap:wrap;padding:18px 0}.stat{background:#21474b;color:white;border-radius:12px;padding:12px 18px}.stat b{display:block;font-size:27px}#feedback{border-left:4px solid #b78043;padding:12px 16px;background:#e9e4d4;min-height:52px}.prob{display:flex;align-items:center;gap:8px;font-size:14px}.bar{background:#bed5ca;height:9px;border-radius:4px;display:inline-block}.reveal{font:34px Georgia,serif;color:#95571c}.note,footer{font-size:14px;color:#546963}footer{padding:25px 0}.worlds{display:flex;flex-wrap:wrap;gap:8px}.world{border:1px solid #a5b9b0;padding:5px 10px;border-radius:8px}.badge{display:inline-block;border-radius:50%;width:16px;height:16px;vertical-align:middle;background:#c68a2d;border:1px solid #6f4a12}.badge.blue{background:#3a8ba3;border-color:#184f64}label{display:grid;gap:6px}details{margin:16px 0}summary{cursor:pointer}#result{border:2px solid #b78043}table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:7px;border-bottom:1px solid #d7dacd}@media(max-width:700px){main{padding:22px 12px}.grid{grid-template-columns:1fr}section{padding:17px}.card{display:grid;grid-template-columns:100px 1fr;gap:12px}.card .body{min-width:0}.art{align-self:start}.stat{padding:10px 12px}h1{font-size:46px}.controls>*{max-width:100%}}
/* Vault rows use only the upper atlas band, excluding neighboring portraits. */
.art{aspect-ratio:1.2;background-size:200% auto;background-position:0 0}.art.opened{background-position:100% 0}