.map-panel{min-height:660px;overflow:hidden;isolation:isolate}#atlas{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;background:#b8d0c9}#atlas.dragging{cursor:grabbing}#atlas-art,#tiles,#atlas-pins{position:absolute;inset:0;width:100%;height:100%}#tiles img{position:absolute;left:0;top:0;width:256px;height:256px;max-width:none;filter:saturate(.55) sepia(.12)}#atlas-art{pointer-events:none}#atlas-pins{pointer-events:none}.atlas-pin{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);padding:0;border:0;background:none;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:2}.atlas-pin[hidden]{display:none}.landmark{width:38px;height:38px;border-radius:50%;background:#faf6e8;border:2px solid #7d947d;box-shadow:0 3px 7px #31473730;font:22px Georgia;color:#5e7a63;display:grid;place-items:center}.atlas-pin.selected{z-index:5}.atlas-pin.selected .landmark{background:#b95e3d;color:#fff5df;border-color:#f6edd8}.atlas-pin:hover .landmark{background:#e8c994}.pin-name{position:absolute;top:43px;width:max-content;max-width:150px;background:#faf7eced;box-shadow:0 2px 5px #31473718;border-radius:3px;padding:4px 6px;font:11px Georgia;color:#455442;display:none}.has-label .pin-name,.atlas-pin:hover .pin-name,.atlas-pin:focus-visible .pin-name{display:block}.atlas-pin:focus-visible{outline-offset:10px}#cat-traveller{position:absolute;left:0;top:0;width:40px;height:45px;pointer-events:none;z-index:6;transition:transform .65s ease}#cat-traveller svg{width:100%;height:100%;overflow:visible}.atlas-toolbar{position:absolute;z-index:10;top:48px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:start;pointer-events:none;gap:8px}.atlas-toolbar button,.atlas-controls button{background:#faf7eb;color:#465943;border:1px solid #c6cbb8;font-size:11px;padding:10px 12px;min-height:38px;pointer-events:auto}.map-modes{display:flex;box-shadow:0 3px 10px #35473518}.map-modes button:first-child{border-radius:5px 0 0 5px}.map-modes button:last-child{border-radius:0 5px 5px 0}.map-modes [aria-pressed=true]{background:#354b3b;color:#faf7eb}#expand-map{border-radius:5px}.atlas-controls{position:absolute;right:18px;bottom:115px;z-index:10;display:flex;flex-direction:column;gap:4px;align-items:end}.atlas-controls button{min-width:42px;border-radius:4px;box-shadow:0 2px 4px #35473510}.atlas-controls #zoom-in,.atlas-controls #zoom-out{font-size:23px;padding:1px 10px}.atlas-controls button:disabled{opacity:.5;cursor:default}.atlas-credit{position:absolute;bottom:0;left:0;right:0;padding:7px 10px;font:9px Arial;background:#faf7ebdc;color:#546453;z-index:10;display:flex;justify-content:space-between;gap:8px}.atlas-credit a{text-decoration:underline}.map-top{pointer-events:none;z-index:9}.map-bottom{bottom:35px;z-index:9;pointer-events:none}.map-bottom button{pointer-events:auto}.map-bottom>span{background:#f9f5e4bf;padding:5px;border-radius:3px;font-size:11px}.map-message{position:absolute;top:100px;left:20px;right:20px;font-size:12px;z-index:10;pointer-events:none}#map-notice:not(:empty){display:block;padding:12px;background:#faf4de;border-radius:4px}.discovery{border:1px solid var(--line);border-radius:7px;padding:18px 22px;margin:2px 0 16px;background:#fbf8ef}.search-row{display:flex;gap:20px;align-items:center}.search-row label{font:20px Georgia;white-space:nowrap}.search-row input{font:12px Arial;padding:11px 14px;border:1px solid #d6d9c8;border-radius:4px;background:#fffdf5;color:var(--ink);flex:1;min-width:0}.search-row>span{font:10px monospace;color:#818674;white-space:nowrap}#filters{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}#filters button{border:1px solid #d8dbcb;background:transparent;padding:7px 13px;border-radius:20px;font-size:10px;min-height:32px}#filters [aria-pressed=true]{background:#354b3b;color:#fff8e5;border-color:#354b3b}.place-note{border-top:1px solid var(--line);padding:15px 0 19px;margin-top:2px}.place-note p{font:11px/1.6 Arial;color:#68745f;margin:8px 0}.place-note a{font-size:10px;color:#a55b3e;text-decoration:underline;text-underline-offset:3px}.place-note small{display:block;font-size:9px;line-height:1.6;color:#8b8e7d;margin-top:10px}.story-meta{gap:10px;line-height:1.6}.story-meta span:first-child{max-width:55%}.map-expanded{overflow:hidden}.map-expanded .map-panel{position:fixed;inset:12px;z-index:100;min-height:0;border:1px solid #a7b49b;border-radius:10px;box-shadow:0 0 0 30px #27382b99}.map-expanded .map-top{top:18px}.map-expanded #atlas{height:100%}#atlas:focus-visible{outline:3px solid #b95e3d;outline-offset:-5px}.story-panel{min-width:0}#map{position:absolute;width:0!important;height:0!important;min-height:0!important}.stops{grid-template-columns:repeat(4,minmax(0,1fr))}.stop h3{font-size:22px}.stop{min-height:190px}.section-heading>span{white-space:nowrap}@media(max-width:1000px){.stops{grid-template-columns:repeat(3,minmax(0,1fr))}.search-row{gap:10px}.search-row label{font-size:17px}}@media(max-width:850px){.atlas-toolbar{left:12px;right:12px}.atlas-toolbar button{padding:9px;font-size:10px}}@media(max-width:620px){.map-panel{min-height:470px;aspect-ratio:auto}.atlas-toolbar{top:40px}.atlas-controls{right:12px;bottom:105px}.search-row{flex-wrap:wrap;gap:10px}.search-row label{width:100%;font-size:21px}.search-row input{width:75%;font-size:12px}.discovery{padding:17px 14px}#filters{gap:6px}#filters button{padding:7px 10px;font-size:10px}.stops{grid-template-columns:repeat(2,minmax(0,1fr))}.stop h3{font-size:20px}.stop{padding:16px;min-height:185px}.atlas-credit{font-size:8px}#scale-label{display:none}.place-note{clear:both}.map-expanded .map-panel{inset:5px}.story-content>p{min-height:95px}.map-bottom>span{display:none!important}}@media(prefers-reduced-motion:reduce){#cat-traveller{transition:none}}
.atlas-pin .landmark{width:44px;height:44px}.landmark svg{width:36px;height:36px}.atlas-pin .pin-name{top:48px}#atlas #cat-traveller{transition:none}.map-bottom>span{max-width:55%}.map-panel .map-top{color:#536e5d}
#story-era{font:9px/1.6 monospace;color:#9a795d;margin:9px 0}.narrator-label{font:8px/1.6 Arial;letter-spacing:1.3px;color:#92947e;margin:16px 0 5px}#memory-history{margin-top:16px;border-top:1px dashed #d7dac9;padding-top:13px}#memory-history summary{font:italic 13px/1.6 Georgia;color:#9c6649;cursor:pointer;padding:4px 0}#memory-history p{font:12px/1.9 Arial;color:#6e7867}#history-sources a{display:block;font-size:10px;line-height:1.8;margin:10px 0}.story-content>p{margin-top:6px}.story-meta{font-size:8px}.story-content h2{margin-bottom:12px}
.search-context{font:11px/1.7 Arial;color:#7b8172;margin:12px 0 0}.distance-label{display:block;font:10px monospace;color:#75866e;margin-top:12px}.distance-label+.stop-bottom{margin-top:10px}
.cat-info{position:absolute;left:18px;top:99px;z-index:9;background:#faf7ebeb;padding:9px 12px;border-radius:5px;pointer-events:none;max-width:calc(100% - 36px);box-shadow:0 2px 5px #31473718}.cat-info span{display:block;font:11px/1.6 Georgia;color:#4d624b}.cat-info #cat-countdown{font:8px/1.7 monospace;color:#89917b}#atlas #cat-traveller.is-wandering{transition:transform 1.5s ease-in-out}@media(max-width:620px){.cat-info{top:88px;left:12px;max-width:calc(100% - 24px)}.cat-info span{font-size:10px}}@media(prefers-reduced-motion:reduce){#atlas #cat-traveller.is-wandering{transition:none}}

.brand{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.brand-icon{display:block;width:40px;height:40px;object-fit:contain;flex:none}footer .brand-icon{width:30px;height:30px}@media(max-width:620px){header .brand{font-size:17px;gap:3px}header .brand-icon{width:31px;height:34px}header nav{gap:12px;font-size:10px}}@media(max-width:360px){header .brand{font-size:15px}header nav{gap:9px;font-size:9px}}

/* A quiet feline signature: the front paw rests on the W. */
.brand-wordmark{display:inline-block;line-height:1.15}.brand-initial{display:inline-block;position:relative;margin-left:3px}.wordmark-cat{position:absolute;width:49px;height:40px;left:-24px;bottom:calc(100% - 7px);color:var(--ink);overflow:visible;pointer-events:none}header{padding-top:46px}footer .brand{padding-top:22px}footer .wordmark-cat{width:35px;height:29px;left:-17px;bottom:calc(100% - 5px)}@media(max-width:620px){header{padding-top:37px}header .brand{font-size:19px}header .wordmark-cat{width:39px;height:32px;left:-18px;bottom:calc(100% - 6px)}}@media(max-width:360px){header .brand{font-size:17px}}

.brand .reference-cat{display:inline-block;flex:none;width:58px;height:58px;background:var(--ink);mask:url('cat-silhouette.png') center/contain no-repeat;-webkit-mask:url('cat-silhouette.png') center/contain no-repeat;margin-right:-9px;align-self:flex-end;margin-bottom:-6px}.brand{gap:0;align-items:flex-end}header{padding-top:22px}footer .reference-cat{width:42px;height:42px;margin-right:-7px;margin-bottom:-5px}footer .brand{padding-top:0}@media(max-width:620px){header{padding-top:20px}header .brand{font-size:17px}header .reference-cat{width:44px;height:44px;margin-right:-7px;margin-bottom:-5px}}
.brand .reference-cat{margin-bottom:1px}footer .reference-cat{margin-bottom:0}@media(max-width:620px){header .reference-cat{margin-bottom:0}}

.brand .reference-cat{width:49px;height:49px;margin-right:-3px;margin-bottom:0;mask-image:url('cat-silhouette-tilt.png');-webkit-mask-image:url('cat-silhouette-tilt.png')}footer .reference-cat{width:36px;height:36px;margin-right:-2px}@media(max-width:620px){header .reference-cat{width:38px;height:38px;margin-right:-2px}}

/* Approved brand logo: stretching terracotta cat, 17 October 2026. */
.brand{display:inline-flex;align-items:baseline;gap:0;position:relative;padding-left:1.15em}.brand .final-cat{position:absolute;right:calc(100% - 1.02em);bottom:.09em;width:1.02em;height:1.15em;background:var(--orange);mask:url('cat-top-reference.png') center/contain no-repeat;-webkit-mask:url('cat-top-reference.png') center/contain no-repeat}.brand .brand-wordmark{line-height:1}.brand .orange{color:var(--orange)}
/* Mobile navigation and native control palette. */
:root{accent-color:var(--orange)}button{color:var(--ink);-webkit-appearance:none;appearance:none}#memory-history summary{color:var(--orange)}#next{background:var(--ink);color:var(--paper)}#about{color:var(--ink)}#about:hover{color:var(--orange)}button:focus-visible{outline-color:var(--orange)}@media(max-width:850px){header{flex-wrap:wrap;row-gap:18px}header nav{display:flex;flex-wrap:wrap}header nav #about{display:inline-block;min-height:30px}}@media(max-width:620px){header{align-items:center}header nav{width:100%;justify-content:space-between;gap:12px;font-size:12px}header nav #about{font-size:12px;padding:0}header .brand{font-size:21px}}
/* Explicit text fill prevents iOS native controls from using system blue. */
button{color:var(--ink);-webkit-text-fill-color:currentColor}summary{color:var(--orange);-webkit-text-fill-color:currentColor}nav a,nav button{color:var(--ink);-webkit-text-fill-color:currentColor}.atlas-toolbar button,.atlas-controls button,.map-bottom button{color:var(--ink);-webkit-text-fill-color:currentColor}.map-modes [aria-pressed=true],#filters [aria-pressed=true],#next{color:var(--paper);-webkit-text-fill-color:currentColor}#close-about{color:var(--ink);-webkit-text-fill-color:currentColor}.place-note a,#history-sources a{color:var(--orange);-webkit-text-fill-color:currentColor}


/* SVG arrows stay brand-colored instead of becoming iPhone emoji. */
.ui-arrow{display:inline-block;width:.95em;height:.95em;vertical-align:-.12em;fill:none;stroke:var(--orange);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.handnote .ui-arrow{width:29px;height:29px;vertical-align:middle;margin-left:8px}.ui-arrow-down{transform:rotate(90deg)}

.language-switch{display:flex;gap:2px;border:1px solid var(--line);border-radius:20px;padding:3px}.language-switch button{display:block!important;border:0;border-radius:16px;background:transparent;padding:6px 9px!important;min-height:28px;font:10px Arial!important;color:var(--ink)}.language-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}@media(max-width:620px){header nav{gap:8px;font-size:11px}header nav #about{font-size:11px}.language-switch button{padding:5px 6px!important}html[lang=tr] h1{font-size:clamp(42px,11vw,56px)}html[lang=tr] .search-row label{white-space:normal}html[lang=tr] .story-content h2{overflow-wrap:break-word}}

/* Warm dark palette and an accessible, persistent theme switch. */
#theme-toggle{display:inline-grid!important;place-items:center;width:32px;height:32px;min-width:32px;min-height:32px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);padding:7px!important}#theme-toggle svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}html[data-theme=dark]{color-scheme:dark;--paper:#1b241f;--ink:#ede8da;--muted:#adb7a4;--orange:#e39a73;--line:#465146}html[data-theme=dark] .intro>p,html[data-theme=dark] .handnote,html[data-theme=dark] .section-heading>span,html[data-theme=dark] footer,html[data-theme=dark] .search-context,html[data-theme=dark] .distance-label{color:#b8c0ae}html[data-theme=dark] .story-panel,html[data-theme=dark] .discovery{background:#242e27;border-color:var(--line)}html[data-theme=dark] .search-row input{background:#18211c;color:var(--ink);border-color:#59634f}html[data-theme=dark] .search-row input::placeholder{color:#a8b19f}html[data-theme=dark] .story-content>p,html[data-theme=dark] #memory-history p,html[data-theme=dark] .place-note p,html[data-theme=dark] .stop p,html[data-theme=dark] dialog p{color:#c1c7b7}html[data-theme=dark] .stop{border-color:var(--line)}html[data-theme=dark] .stop:hover,html[data-theme=dark] .stop.selected{background:#303c30}html[data-theme=dark] .stop.selected{border-color:var(--orange)}html[data-theme=dark] .stop-top,html[data-theme=dark] .story-meta,html[data-theme=dark] .place-note small,html[data-theme=dark] .narrator-label,html[data-theme=dark] .closing{color:#aeb8a1}html[data-theme=dark] .cat-thought,html[data-theme=dark] #story-era,html[data-theme=dark] .stop-bottom,html[data-theme=dark] .place-note a,html[data-theme=dark] #history-sources a{color:var(--orange)}html[data-theme=dark] #filters button{border-color:#617056}html[data-theme=dark] #filters [aria-pressed=true],html[data-theme=dark] .language-switch button[aria-pressed=true],html[data-theme=dark] #next{background:#d6dec8;color:#202a22;border-color:#d6dec8}html[data-theme=dark] #next:hover{background:#e8b28d}html[data-theme=dark] .map-panel{background:#344c43}html[data-theme=dark] #atlas-art{filter:brightness(.66) saturate(.65)}html[data-theme=dark] #atlas{background:#29463e}html[data-theme=dark] #tiles img{filter:brightness(.65) saturate(.45)}html[data-theme=dark] .atlas-toolbar button,html[data-theme=dark] .atlas-controls button,html[data-theme=dark] .map-bottom button,html[data-theme=dark] .cat-info,html[data-theme=dark] .atlas-credit,html[data-theme=dark] #map-notice:not(:empty){background:#26362d;color:#e5e8d9;border-color:#6b7a61}html[data-theme=dark] .map-modes [aria-pressed=true]{background:#d6dec8;color:#202a22}html[data-theme=dark] .cat-info span,html[data-theme=dark] .cat-info #cat-countdown,html[data-theme=dark] .atlas-credit a,html[data-theme=dark] .map-top{color:#d6dec8}html[data-theme=dark] dialog::backdrop{background:#070d09bb}html[data-theme=dark] .scene{filter:brightness(.86)}@media(max-width:620px){header nav{column-gap:6px;font-size:10px}header nav #about{font-size:10px}#theme-toggle{width:29px;height:29px;min-width:29px;min-height:29px}.language-switch button{padding:4px 5px!important}}