:root{--paper:#f7f2e7;--ink:#343b2f;--muted:#777966;--line:#dcdcc9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Karla,Arial,sans-serif}button,input,select{font:inherit;color:inherit}button,select{cursor:pointer}button{border:0;background:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,#map:focus-visible{outline:3px solid #a76532;outline-offset:3px}header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 4%}.brand{text-decoration:none;color:var(--ink);font:600 32px Fraunces,Georgia,serif}.brand small{font:600 9px Karla,Arial;letter-spacing:2px;border-left:1px solid #c5c9b7;padding-left:18px;margin-left:16px}header button{font-size:12px}main{max-width:1800px;margin:auto;padding:28px 4% 14px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;margin:0 0 12px;color:#7b805f}h1{font:500 clamp(30px,3vw,46px)/1.1 Fraunces,Georgia,serif;letter-spacing:-1.5px;margin:0 0 12px}h1 em{font-style:normal;color:#71825f}.intro p:not(.eyebrow){font-size:13px;color:var(--muted);margin:0}.stats{border-left:1px solid var(--line);padding:6px 20px;font-size:12px;color:var(--muted);line-height:2}.stats b{font:600 24px Fraunces,Georgia;color:#647753;margin-right:8px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;border:1px solid #d1d6c3;border-radius:14px;overflow:hidden;background:#faf7ef;box-shadow:0 8px 30px #43533608}.explorer{min-width:0}.toolbar{height:60px;padding:12px 18px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #e2e3d3;background:#fbf9f1}.toolbar input{flex:1;width:100%;border:0;background:transparent;font-size:12px;min-width:0}.toolbar select{max-width:160px;border:1px solid #d9ddcd;border-radius:6px;padding:7px 9px;background:#f5f4e9;font-size:12px}.toolbar button{font-size:12px}.domains{display:flex;padding:9px 18px;gap:15px;align-items:center;border-bottom:1px solid #e0e3d0;background:#f8f8ec}.domains>span{font-size:8px;letter-spacing:1.2px;color:#848b71;white-space:nowrap}#domains{display:flex;gap:5px;overflow-x:auto}#domains button{font-size:11px;padding:5px 9px;white-space:nowrap;border-radius:20px}#domains button.active{background:#435d45;color:#fff}#map{height:560px;position:relative;overflow:hidden;background:#eaf0dd;touch-action:none;cursor:grab;isolation:isolate}#map:active{cursor:grabbing}#map:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23677648' opacity='.25' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");z-index:3}#landscape,#characters{position:absolute;inset:0;width:100%;height:100%}.god{position:absolute;width:70px;height:90px;padding:0;transform:translate(-50%,-78%);z-index:2;cursor:pointer;border-radius:50%}.god img{width:100%;height:70px;object-fit:contain;filter:drop-shadow(0 2px 0 #fff9) drop-shadow(0 4px 2px #45533225);transition:transform .18s}.god:hover img,.god:focus-visible img{transform:translateY(-6px) scale(1.14)}.god .name{display:block;position:absolute;top:72px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:600;white-space:nowrap;border-radius:5px;background:#fbf7e9e8;padding:1px 5px}.god.selected:before{content:"";position:absolute;width:62px;height:23px;left:4px;bottom:14px;border:2px solid #a77632;border-radius:50%;background:#edcc7760}.god.selected .name{background:#415c43;color:white}.god.marker{width:18px;height:18px;transform:translate(-50%,-50%);background:var(--dot);opacity:.5;border:4px solid #f5f5e6;border-radius:50%;z-index:1}.god.marker:hover,.god.marker:focus-visible{opacity:1;outline:2px solid #425c43}.map-caption{position:absolute;left:22px;top:17px;pointer-events:none}.map-caption .eyebrow{font-size:8px;letter-spacing:1.6px}.map-caption p{font:italic 12px Georgia;color:#839074;margin:3px 0}.compass{position:absolute;bottom:18px;left:20px;font:48px/1 Georgia;color:#778366;text-align:center;pointer-events:none}.compass small{display:block;font:8px Karla;letter-spacing:2px}footer{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:9px 15px;font-size:10px;color:#7c856d;background:#f6f7ea;min-height:48px}.zoom{display:flex;align-items:center;border:1px solid #d5dac6;border-radius:6px;overflow:hidden;flex-shrink:0}.zoom button{padding:4px 10px;background:#fffdf3;font-size:14px}.zoom #home{font-size:10px;border-inline:1px solid #e0e3d4}#panel{border-left:1px solid #d7dcc9;padding:22px;background:#fbf8ef;overflow-y:auto;max-height:715px}.field-header{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:#858970}.portrait{position:relative;height:185px;margin:12px 0 15px;display:grid;place-items:center}.portrait:before{content:"";position:absolute;width:166px;height:166px;border-radius:49% 51% 46% 54%;background:var(--wash,#ece7cc);opacity:.7}.portrait:after{content:"✧";position:absolute;right:28px;top:12px;color:#a39466;font:28px Georgia}.portrait img{height:177px;max-width:215px;object-fit:contain;position:relative;filter:drop-shadow(0 5px 3px #303c3020)}.culture-label{font-size:9px;letter-spacing:1.7px;text-transform:uppercase;color:#84714e;margin:0 0 3px}h2{font:500 34px/1.1 Fraunces,Georgia;margin:0 0 6px}.role{font:italic 13px/1.5 Georgia;color:#82836c;margin:0 0 12px}.pills{display:flex;flex-wrap:wrap;gap:5px}.pills button{padding:3px 8px;font-size:9px;background:#ebeddd;border-radius:20px;color:#657153}.story{font-size:12px;line-height:1.7;color:#646b59}.neighbors-title{border-top:1px solid #e1e0cf;padding-top:16px;font:500 17px Fraunces,Georgia;margin:18px 0 3px}.neighbors-note{font-size:10px;color:#8b8e79;margin:0 0 12px}.neighbors{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.neighbor{background:#f1f0e3;border:1px solid #e6e5d6;border-radius:8px;padding:8px 2px;text-align:center}.neighbor img{width:100%;height:61px;object-fit:contain}.neighbor b{display:block;font-size:10px;line-height:1.2;font-weight:600}.neighbor small{font-size:8px;color:#858b72;text-transform:capitalize}.neighbor:hover{background:#e7ead7}.surprise{width:100%;margin-top:16px;padding:10px;background:#435d45;color:#fffdf1;border-radius:6px;font-size:11px}.bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8b8c78;margin-top:17px}dialog{border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--ink);padding:36px;max-width:520px;width:90%}dialog::backdrop{background:#27372370;backdrop-filter:blur(3px)}dialog p{font-size:14px;line-height:1.7}#about-close{float:right;font-size:25px}#empty{position:absolute;top:45%;left:10%;width:80%;text-align:center;background:#fbf8eced;padding:22px;border-radius:12px;z-index:4}@media(max-width:1000px){main{padding-inline:2%}.workspace{grid-template-columns:minmax(0,1fr) 270px}#panel{padding:17px}.help,.brand small,.stats{display:none}.domains{gap:7px}}@media(max-width:720px){header{height:62px}.brand{font-size:27px}header button{font-size:10px}main{padding-top:22px}.intro{padding:0 10px}.intro p:not(.eyebrow){max-width:290px}.workspace{grid-template-columns:1fr}.toolbar{gap:5px;padding:10px}.toolbar select{max-width:117px;font-size:10px}.toolbar button{font-size:10px}.toolbar input{font-size:11px}.domains{padding:8px 10px}#map{height:500px}#panel{border-left:0;border-top:1px solid var(--line);max-height:none;padding:22px}.portrait{float:right;width:45%;margin-top:0}.portrait img{max-width:100%}.portrait:before{width:140px;height:140px}.story{min-height:70px}.neighbors-title{clear:both}.neighbor img{height:80px}.bottom{padding-inline:8px;flex-direction:column;gap:4px}.map-caption p{font-size:10px}.map-caption .eyebrow{font-size:7px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Collection shares the atlas filters and field notes. */
[hidden]{display:none!important}
.view-switch{display:flex;align-items:center;gap:6px;padding:12px 18px;border-bottom:1px solid var(--line);background:#f5f4e9}
.view-switch button{padding:7px 17px;font-size:12px;border-radius:7px}
.view-switch button[aria-pressed="true"]{background:#435d45;color:#fffdf1;box-shadow:0 2px 4px #34482b18}
.view-switch>span{margin-left:auto;font:italic 12px Georgia;color:#8a8d76}
.workspace.collection-mode{grid-template-columns:minmax(0,1fr)}
#collection{padding:28px;background:radial-gradient(ellipse at 0 0,#e8ebd750,transparent 70%),#faf7ef}
.collection-heading{margin-bottom:24px}
.collection-heading h2{font-size:29px}
.collection-heading>p:last-child{font-size:12px;color:var(--muted);margin:9px 0}
#collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:18px}
.collection-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 12px 13px;border:1px solid #e2e0cf;border-radius:12px;background:#fffdf5;box-shadow:0 3px 8px #45533206;transition:transform .18s,box-shadow .18s;min-width:0}
.collection-card:hover{transform:translateY(-4px);box-shadow:0 9px 20px #45533212;border-color:#acb595}
.card-art{height:174px;width:100%;position:relative;display:grid;place-items:center;margin-bottom:12px}
.card-art:before{content:"";position:absolute;width:135px;height:135px;background:var(--card-wash);opacity:.6;border-radius:47% 53% 45% 55%;transform:rotate(-9deg)}
.card-art img{position:relative;width:100%;height:170px;object-fit:contain;filter:drop-shadow(0 4px 2px #45533218)}
.card-myth{font-size:9px;text-transform:uppercase;letter-spacing:1.6px;color:#8c815e}
.collection-card strong{font:500 21px/1.2 Fraunces,Georgia;overflow-wrap:anywhere;margin:6px 0}
.card-role{font:italic 11px/1.5 Georgia;color:#80846e;margin-bottom:14px}
.card-invitation{font-size:9px;color:#6f805b;letter-spacing:.4px;margin-top:auto}
#collection-empty{padding:45px 20px;text-align:center;border:1px dashed #d5d8c3;border-radius:12px;color:var(--muted)}
#collection-details{padding:0;width:min(480px,calc(100% - 28px));max-width:480px;max-height:88vh;overflow:auto}
#collection-details #panel{border:0;max-height:none;padding:28px}
#details-close{position:sticky;top:8px;float:right;margin:8px 12px -42px 0;width:32px;height:32px;z-index:5;border-radius:50%;background:#f2efe2;font-size:23px}
#collection-details .field-header{padding-right:30px}
.find-atlas{display:block;width:100%;padding:10px;margin-top:16px;border:1px solid #c8cfb8;border-radius:6px;color:#405c43;font-size:11px;background:#eef0e1}
.find-atlas+.surprise{margin-top:8px}
@media(max-width:720px){.view-switch{padding:10px}.view-switch>span{font-size:10px}.view-switch button{padding:7px 12px}#collection{padding:20px 12px}#collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collection-card{padding:12px 8px}.card-art{height:150px}.card-art img{height:146px}.card-art:before{width:115px;height:115px}.collection-card strong{font-size:19px}#collection-details .portrait{float:none;width:auto;margin:12px 0 15px}#collection-details .portrait img{max-width:215px}.collection-heading h2{font-size:25px}}
@media(max-width:390px){.view-switch>span{display:none}}
.header-actions{display:flex;align-items:center;gap:16px}.language-picker{display:flex;gap:2px;padding:3px;border:1px solid #cfd3c2;border-radius:999px;background:#fbf9f1}.language-picker button{font-size:9px;font-weight:700;padding:4px 6px;border-radius:999px;color:#777d68}.language-picker button.active{background:#435d45;color:#fff}.original-note{margin:14px 0;font-size:11px;color:#6e735f;border:1px solid #dde0d0;border-radius:7px;background:#f4f3e7}.original-note summary{cursor:pointer;padding:8px 10px;font-weight:700}.original-note p{padding:0 10px 10px;margin:0;line-height:1.65}.original-note[open] summary{color:#405c43}
[dir="rtl"] body{text-align:right}[dir="rtl"] .header-actions,[dir="rtl"] .intro,[dir="rtl"] .toolbar,[dir="rtl"] .domains,[dir="rtl"] footer,[dir="rtl"] .bottom{flex-direction:row-reverse}[dir="rtl"] .stats{border-left:0;border-right:1px solid var(--line)}[dir="rtl"] .view-switch>span{margin-left:0;margin-right:auto}[dir="rtl"] .map-caption{left:auto;right:22px}[dir="rtl"] .compass{left:auto;right:20px}[dir="rtl"] .field-header{flex-direction:row-reverse}[dir="rtl"] .portrait:after{right:auto;left:28px}
@media(max-width:760px){.header-actions{gap:5px}.language-picker{position:fixed;z-index:20;bottom:10px;left:50%;transform:translateX(-50%);box-shadow:0 3px 15px #2737232c}.language-picker button{padding:6px 8px;background:#fbf9f1}.header-actions>#about-open{font-size:9px}}
.viz-home{--vh-bg:rgba(255,253,247,.9);--vh-fg:#343b2f;--vh-border:rgba(64,92,67,.25);--vh-accent:#b87842;position:fixed;top:18px;left:14px;z-index:100;display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 9px;background:var(--vh-bg);border:1px solid var(--vh-border);border-radius:999px;color:var(--vh-fg);font-size:13px;text-decoration:none;backdrop-filter:blur(8px)}.viz-home:hover{border-color:var(--vh-accent)}.viz-home img{width:17px;height:17px;transition:transform .4s}.viz-home:hover img{transform:rotate(360deg)}.viz-home .vh-arrow{color:var(--vh-accent)}body>header{padding-left:125px}.coffee-cta{text-align:center;margin:24px auto 18px;font-size:13px;color:var(--muted)}.coffee-cta a{color:#405c43;text-decoration:none;margin-inline-start:4px;border-bottom:1px dashed currentColor}.coffee-cta a:hover{border-bottom-style:solid}[dir="rtl"] .viz-home{left:auto;right:14px}[dir="rtl"] body>header{padding-left:4%;padding-right:125px}
.is-embedded .viz-home{display:none}.is-embedded body>header,.is-embedded[dir="rtl"] body>header{padding-left:4%;padding-right:4%}
@media(max-width:760px){.viz-home .vh-label{display:none}body>header{padding-left:66px}[dir="rtl"] body>header{padding-left:4%;padding-right:66px}.coffee-cta{padding:0 14px;margin-bottom:55px}}
