*{box-sizing:border-box}body{margin:0;background:#f3eee2;color:#233c3d;font:16px/1.5 system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;background:#fff8ec;border:1px solid #c6bdab;border-radius:8px;padding:.65rem 1rem;color:#233c3d}button:hover{background:#e4f1e9}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #efac4e;outline-offset:3px}a{color:#28625d}.skip{position:absolute;left:10px;top:-80px;z-index:10}.skip:focus{top:10px}.world{position:relative;height:88vh;min-height:560px;background:#244a4b;overflow:hidden}#viewport{position:absolute;inset:0;overflow:hidden;cursor:grab;touch-action:none}#viewport:active{cursor:grabbing}#landscape{position:absolute;width:100%;height:100%;transform-origin:center;will-change:transform}#landscape img{width:100%;height:100%;object-fit:fill;pointer-events:none}header{position:absolute;top:20px;left:24px;right:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;pointer-events:none}header>*{pointer-events:auto}header div{background:#173b3ce8;color:#fff8eb;padding:12px 22px;border-radius:12px;text-align:center}h1{font:500 clamp(22px,3vw,38px)/1.15 Georgia,serif;margin:0}header p{margin:5px 0 0;font-size:13px;letter-spacing:.07em}.place{position:absolute;transform:translate(-50%,-50%);background:#fffae9ef;box-shadow:0 3px 18px #18352d55;border:1px solid #fff;padding:5px 10px;font-size:13px;white-space:nowrap;max-width:180px}.place strong{display:block}.place small{color:#57716c}.place.quiet{opacity:.62}.place.dot{font-size:0;width:18px;height:18px;border-radius:50%;padding:0;background:#edbb68}.place.dot>*{display:none}.view-controls{position:absolute;bottom:165px;right:24px;display:flex;gap:5px;align-items:center}.view-controls label{background:#fff8edee;padding:8px;border-radius:8px;font-size:12px}.timebar{position:absolute;bottom:18px;left:24px;right:24px;background:#143f40f0;color:#fff8eb;border:1px solid #e7ead14a;border-radius:14px;padding:14px 22px;box-shadow:0 8px 25px #14303044}.timebar>div:first-child{display:flex;gap:18px;align-items:center}.timebar strong{font:26px Georgia,serif}.timebar #count{font-size:13px;flex:1}.timebar button{font-size:12px;padding:4px 12px}.timebar label{display:flex;gap:16px;align-items:center;font-size:12px}.timebar input{width:100%;accent-color:#efb85b}.ticks{display:flex;justify-content:space-between;font-size:11px;opacity:.7}#archive{max-width:1350px;margin:auto;padding:50px 28px}.archive-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.archive-head h2{font:36px Georgia,serif;margin:0}.archive-head p{color:#64706a}.archive-head input,.archive-head select{padding:10px;border-radius:8px;border:1px solid #c5c7bb;background:#fffaf0;max-width:100%}#timeline{margin-top:25px}.year-group{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:24px 0;border-top:1px solid #d4d2c5}.year-group h3{font:26px Georgia,serif;margin:0;color:#9c7042}.fragments{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:12px}.fragment{text-align:left;background:#fffbf1;border-left:3px solid #74a89d;padding:16px;white-space:normal}.fragment[data-type=journey]{border-left-color:#dca356}.fragment[data-type=move],.fragment[data-type=residence]{border-left-color:#9d89b4}.fragment strong{display:block;font-weight:550}.fragment small{display:block;color:#778078;margin:5px 0}.fragment p{font-size:13px;margin:6px 0;overflow-wrap:anywhere}dialog{border:0;border-radius:16px;padding:34px;max-width:650px;width:calc(100% - 30px);max-height:86vh;background:#fff9ed;color:#233c3d;box-shadow:0 20px 80px #102c3380}dialog::backdrop{background:#15323699;backdrop-filter:blur(4px)}dialog h2{font:32px Georgia,serif;margin:10px 30px 12px 0}.close{position:absolute;right:12px;top:12px;font-size:22px;padding:2px 10px}.metadata{font-size:13px;color:#68756e}.raw{white-space:pre-wrap}.note-label,form label{display:block;margin:14px 0}textarea,input,select{border:1px solid #c6c9bb;border-radius:6px;background:#fffdf5;color:#233c3d}form input,form select,form textarea,.note-label textarea{display:block;width:100%;padding:9px;margin:5px 0}.import{display:block;margin:20px 0}.import input{display:block}#place-list{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}footer{padding:22px;text-align:center;font-size:12px;color:#68756e}footer button{font-size:12px}.empty{padding:30px;background:#fff8ed;border-radius:10px}@media(max-width:650px){.world{height:80vh;min-height:560px}header{left:12px;right:12px;top:12px}header div{padding:10px}header p{font-size:10px}header button{font-size:12px;padding:8px}h1{font-size:21px}.timebar{left:10px;right:10px;padding:12px}.timebar strong{font-size:20px}.view-controls{right:10px}.archive-head{display:block}.archive-head>div:last-child{display:flex;gap:6px}.archive-head input{width:60%}.year-group{grid-template-columns:55px 1fr;gap:10px}.year-group h3{font-size:19px}#archive{padding:30px 15px}.place{font-size:10px;padding:3px 6px}.place small{display:none}.fragments{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behaviour:auto!important}}
.worlds{position:absolute;top:112px;left:24px;display:flex;gap:6px;max-width:calc(100% - 48px);overflow:auto;padding:5px;background:#163b3bbf;border-radius:10px}.worlds button{white-space:nowrap;font-size:12px;padding:8px 12px;background:#fff6e5d9}.worlds button[aria-pressed=true]{background:#e9b96d;color:#223c3a}@media(max-width:650px){.worlds{top:94px;left:10px;max-width:calc(100% - 20px)}.worlds button{font-size:11px}}
.view-controls{top:170px;bottom:auto;right:12px;display:grid;grid-template-columns:repeat(3,1fr);max-width:180px}.view-controls label{grid-column:1/-1;text-align:center}.place small{font-variant-numeric:tabular-nums}@media(max-width:650px){.view-controls{top:145px;right:8px;max-width:125px}.view-controls button{font-size:11px;padding:6px}.view-controls label{font-size:10px}}
.world{height:max(88vh,66.667vw)}#landscape{width:max(100%,900px);height:auto;aspect-ratio:3/2}#landscape img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}@media(max-width:650px){.world{height:80vh;min-height:675px}.view-controls{top:160px;grid-template-columns:repeat(3,1fr);max-width:145px}.timebar #count{font-size:10px}}
/* Controls have their own rows; artwork never sits under them. */
.world{display:flex;flex-direction:column;height:auto;min-height:0;background:#183c3d;overflow:hidden}
.world header{position:static;order:0;display:flex;align-items:center;padding:14px 24px;gap:12px}
.world header div{background:none;padding:0}.world header h1{font-size:30px}.world header p{margin:2px 0 0}
.worlds{position:static;order:1;max-width:none;margin:0;padding:10px 24px;flex-wrap:wrap;overflow:visible;background:#244b4a;border-radius:0}
.view-controls{position:static;order:2;display:flex;max-width:none;padding:8px 24px;gap:8px;background:#244b4a;border-top:1px solid #ffffff20}
.view-controls button{padding:5px 12px;font-size:13px}.view-controls label{padding:5px 10px;font-size:12px}
#viewport{position:relative;order:3;height:66.667vw;min-height:600px;width:100%;flex:none;overflow:hidden}
#landscape{width:max(100%,900px);height:auto;aspect-ratio:3/2}
.timebar{position:static;order:4;border-radius:0;padding:15px 24px;border:0;box-shadow:none;margin:0}
.place{max-width:170px;white-space:normal;text-align:center;line-height:1.25;font-size:13px;padding:7px 10px}.place small{font-size:11px;margin-top:3px;display:block}.place.dot{width:18px;height:18px;padding:0}
.early-intro{font-size:14px;color:#66756d;margin:0 0 20px}.early-group{background:#ede7d6;border-radius:12px;padding:22px;margin:0 0 24px}.early-group h3{margin:0 0 12px;font:28px Georgia,serif}.early-group .fragments{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
@media(max-width:650px){.world header{padding:12px;align-items:center}.world header h1{font-size:19px}.world header p{font-size:10px}.world header button{font-size:11px;padding:7px}.worlds{padding:8px 12px;gap:5px}.worlds button{padding:7px;font-size:11px}.view-controls{padding:8px 12px;max-width:none;flex-wrap:wrap}.view-controls label{font-size:11px}#viewport{height:600px;min-height:600px}.timebar{padding:12px}.timebar>div:first-child{gap:8px;flex-wrap:wrap}.timebar #count{font-size:11px}.place{font-size:12px}.place small{display:block}.early-group{padding:14px}.early-group .fragments{grid-template-columns:1fr}}
.entry-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.date-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}form input[type=checkbox]{display:inline;width:auto}.removed-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #d5cdbd}.year-group{grid-template-columns:155px 1fr}.year-group h3{overflow-wrap:anywhere;font-size:23px}#notice:empty{display:none}#notice{padding:12px;background:#e4efe5;border-radius:8px}#export+button{margin-left:8px}@media(max-width:650px){.year-group{grid-template-columns:1fr}.year-group h3{font-size:22px}.date-fields{grid-template-columns:1fr}.removed-row{align-items:flex-start}}
.raw{overflow-wrap:anywhere}
.structured-fields{margin:20px 0;border-top:1px solid #d7d0c0;padding-top:15px}.structured-fields summary{cursor:pointer;font-weight:600}.structured-fields p{font-size:13px;color:#62726a}dt{font-weight:600;margin-top:10px}dd{margin-left:0;white-space:pre-wrap;overflow-wrap:anywhere}
.residence-world #viewport{height:75vh;min-height:600px;overflow:auto}.residence-world #landscape{aspect-ratio:auto;background:#467c69 url("assets/residences.png") top center/100% auto repeat-y}.residence-world #landscape>img{visibility:hidden}.residence-world .place{min-width:130px}.add-home{background:#e8b866;border:2px dashed #6b623e}#map-summary{font-size:13px;color:#fff8e9;margin-left:auto}@media(max-width:650px){#map-summary{width:100%;margin:4px 0}.residence-world #viewport{height:650px}}

.map-pointers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.map-pointers line{stroke:#fff4ca;stroke-width:3;filter:drop-shadow(0 1px 2px #173c3d)}.map-pointers circle{fill:#e8b866;stroke:#173c3d;stroke-width:2}#places{position:absolute;inset:0}.view-controls{flex-wrap:wrap}

.place{background:rgba(255,250,233,.72);border-color:rgba(255,255,255,.75);box-shadow:0 2px 10px #18352d33}.place strong{color:#183638;text-shadow:0 1px 3px #fff8e9}.place small{color:#294f4c;text-shadow:0 1px 2px #fff8e9}.place:hover,.place:focus-visible{background:rgba(255,250,233,.94)}

.progress-notice{order:1;background:#f4ead3;color:#233c3d;padding:12px 24px;border-bottom:1px solid #c8b991}.progress-notice strong{font-size:16px}.progress-notice p{margin:3px 0 0;max-width:1100px;font-size:14px;line-height:1.5}@media(max-width:650px){.progress-notice{padding:12px}.progress-notice p{font-size:13px}}