:root{color-scheme:light;--ink:#173e36;--paper:#fbf8ef;--line:#ddd9ca;--gold:#b68b43;--muted:#65776c;--inverse-zoom:1}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font:15px/1.5 'Avenir Next',Avenir,'Segoe UI',sans-serif;background:#173e36;overflow:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d99b35;outline-offset:4px}button:disabled{cursor:default}a{color:inherit}[hidden]{display:none!important}.masthead{height:86px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:20px;border-bottom:1px solid #d4d7c8;position:relative;z-index:20}.brand{text-decoration:none;display:flex;align-items:center;gap:13px;font:600 24px Georgia,serif;letter-spacing:.03em;white-space:nowrap}.brand small{display:block;font:600 11px/2.4 'Segoe UI',sans-serif;letter-spacing:.23em}.monogram{display:grid;place-items:center;width:45px;height:53px;font-size:40px;border:1px solid #b8c0b0;border-radius:4px;position:relative}.monogram i{font:14px Georgia;color:var(--gold);position:absolute;right:3px;top:0}.header-center{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.13em;color:#526c5c}.divider{opacity:.3;margin:0 5px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--gold)}nav{display:flex;align-items:center;gap:14px}.header-button{background:none;font-size:13px;font-weight:600;min-height:44px}.header-button:first-letter{font-size:25px}.round{display:grid;place-items:center;background:none;border:1px solid var(--line);border-radius:50%;height:38px;min-width:38px;font-size:19px}
#viewport{position:relative;height:calc(100dvh - 86px);overflow:hidden;outline:none;touch-action:none;background:#546d59;isolation:isolate}#world{position:absolute;width:2400px;height:1350px;transform-origin:0 0;will-change:transform;user-select:none}#city-base{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;object-fit:fill}
/* 23 Eylül: sky above the map (design/harita-4k-v1/gokyuzu). Its lowest 75 units fade over the map's top edge. */
#city-sky{position:absolute;left:0;top:-450px;width:2400px;height:525px;pointer-events:none} #markers{position:absolute;inset:0;pointer-events:none}.world-shade{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -100px 90px -85px #092923,inset 0 50px 55px -50px #183d37;z-index:2}.marker{position:absolute;display:flex;align-items:center;gap:7px;pointer-events:auto;transform:translate(-50%,0) scale(var(--inverse-zoom));transform-origin:center top;background:#fbf8eff2;min-height:32px;padding:5px 10px 5px 6px;border:1px solid #fbf8efa1;box-shadow:0 4px 12px #14342830;border-radius:6px;white-space:nowrap;font-size:11px;font-weight:600;transition:background .2s,color .2s;z-index:4}.marker:before{content:'';position:absolute;bottom:100%;left:50%;height:15px;width:1px;background:#fffc}.marker:hover,.marker.selected{background:var(--ink);color:var(--paper);z-index:6}.marker .pin{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#bc8b44;color:white;font:600 11px 'Segoe UI',sans-serif}.marker.draft{background:#f4f1e4e8;font-weight:500;font-size:11px}.marker.draft .pin{background:#647c6a}.marker.draft.selected{background:#264b41;color:white}.names-hidden .marker .name{display:none}.names-hidden .marker{padding:4px}.map-caption{position:absolute;top:23px;left:30px;pointer-events:none;color:#fffef4;text-shadow:0 1px 6px #102a1f;z-index:3}.map-caption>span{font-size:11px;font-weight:700;letter-spacing:.2em}.map-caption small{display:block;font-size:12px;margin-top:3px;opacity:.85}.welcome{position:absolute;left:30px;bottom:70px;width:286px;background:#fbf8eff2;box-shadow:0 10px 35px #15312726;padding:28px;border:1px solid #ffffff91;border-radius:3px 25px 3px 3px;z-index:7;backdrop-filter:blur(9px)}.welcome-close{position:absolute;top:8px;right:11px;font-size:25px;background:none;opacity:.5;min-width:32px;min-height:32px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:#9b783c}.welcome h1{font:normal 36px/1.08 Georgia,serif;margin:18px 0 15px;letter-spacing:-1px}.welcome h1 em{font-weight:normal}.welcome p{font-size:12px;line-height:1.8;color:var(--muted)}.primary{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:46px;background:var(--ink);color:var(--paper);padding:12px 15px;font-size:12px;font-weight:600;border-radius:3px}.primary span{font-size:21px}.welcome>small{display:block;font-size:11px;margin-top:12px;opacity:.65}.map-controls{position:absolute;right:22px;bottom:73px;display:flex;flex-direction:column;align-items:center;background:var(--paper);padding:4px;border:1px solid #deded2;border-radius:9px;box-shadow:0 5px 22px #163a332e;z-index:9}.map-controls button{background:none;width:44px;height:44px;font-size:23px;border-radius:5px}.map-controls button:hover{background:#e8eddf}.map-controls output{font-size:11px;color:var(--muted);padding:0 3px}.map-controls span{height:1px;background:var(--line);width:26px;margin:5px 0}.map-controls #labels-button{font:16px Georgia,serif}.map-controls #labels-button[aria-pressed=false]{opacity:.4}.bottom-strip{position:absolute;bottom:0;left:0;right:0;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 30px;color:#fff9e9;text-shadow:0 1px 8px #173e36}.legend{font-size:11px;display:flex;align-items:center;gap:6px}.legend-new,.legend-draft{width:6px;height:6px;border-radius:100%;display:inline-block;background:#d9ab57}.legend-draft{background:#d0dacc;margin-left:8px}.signature{font:italic 17px Georgia,serif;color:#ffe4b6;text-shadow:0 1px 3px #6d391f,0 0 14px #bd60276b}.gesture-hint{font-size:12px}.detail-panel,.directory{position:absolute;right:20px;top:20px;bottom:70px;width:365px;background:var(--paper);border:1px solid #eee5d5;box-shadow:0 12px 45px #142e3133;border-radius:9px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;z-index:12;scrollbar-width:thin}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 21px 8px}.panel-top .round{width:34px;height:34px;min-width:34px;font-size:23px}.panel-image{height:180px;display:flex;justify-content:center;padding:4px 22px;background:radial-gradient(ellipse,#e4dcc3,transparent 70%)}.panel-image img{width:100%;height:100%;object-fit:contain}.panel-body{padding:17px 25px 24px}.era{font-size:11px;color:#957845;letter-spacing:.1em;font-weight:700}h2{font:normal 31px/1.12 Georgia,serif;letter-spacing:-.5px;margin:9px 0}.place{color:#547565;font-size:12px;margin-top:5px}.panel-body p{font-size:12px;line-height:1.75;color:#5b7062}.facts{margin:21px 0;border-top:1px solid var(--line)}.fact{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1px solid var(--line);padding:10px 0;font-size:11px}.fact span{color:var(--muted)}.fact strong{font-weight:600;text-align:right}.change-note{border-left:2px solid #bc984e;padding-left:12px;margin:20px 0}.change-note b{font-size:11px}.change-note p{margin:5px 0}.disclosure{font-size:12px;border-top:1px solid var(--line);padding:12px 0;color:#61705e}.disclosure summary{font-weight:600;cursor:pointer;min-height:25px}.disclosure p{font-size:11px}.sources a{display:block;font-size:12px;color:#38614f;line-height:1.8;margin:9px 0;text-underline-offset:3px}.quiz-launch{margin-top:12px}.quiz-box h3{font:normal 22px/1.35 Georgia,serif}.option{display:flex;gap:11px;align-items:center;width:100%;text-align:left;background:white;border:1px solid #d5dacb;border-radius:3px;margin:7px 0;padding:12px 10px;min-height:44px;font-size:11px}.option b{font:16px Georgia,serif;color:#849480}.option.correct{background:#deeee1;border-color:#40805f}.option.wrong{background:#f7e3dc;border-color:#b44936}.feedback{padding:12px;border-left:3px solid #49876a;font-size:12px;background:#e9efe2}.feedback p{margin:5px 0}.feedback.wrong{border-color:#b44936}.retry{padding:10px 0;background:none;text-decoration:underline;font-size:11px}.draft-badge{border:1px solid #d8c8a2;display:inline-block;padding:5px 8px;border-radius:3px;font-size:11px;color:#8d723f;margin:10px 0}.directory{padding-bottom:15px}.directory h2{padding:0 22px}.search{margin:20px 20px 15px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:white;padding:8px 12px;border-radius:4px}.search>span{font-size:23px}.search input{min-width:0;width:100%;border:none;background:transparent;outline:none;font-size:12px;height:28px}.directory-item{display:flex;align-items:center;gap:12px;width:calc(100% - 30px);margin:2px 15px;padding:12px;text-align:left;background:transparent;border-radius:5px;border-bottom:1px solid #e5e3d5}.directory-item:hover{background:#e8eddc}.directory-item>span{font-size:11px;color:#ad8644}.directory-item strong{display:block;font-size:12px;font-weight:600}.directory-item small{font-size:11px;color:var(--muted)}.directory-item em{margin-left:auto;max-width:65px;font-style:normal;font-size:11px;text-align:right;color:#9a804f}.empty{padding:0 22px;font-size:12px}#loading{position:absolute;inset:0;background:#f9f6ed;display:grid;place-content:center;text-align:center;z-index:18}.loading-mark{font:70px Georgia,serif}#loading p{font:italic 21px Georgia,serif}#loading.error{padding:35px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}dialog{padding:38px;width:min(540px,calc(100% - 32px));border:1px solid #d3d1bf;border-radius:12px;background:var(--paper);color:var(--ink);max-height:85dvh;line-height:1.8}dialog::backdrop{background:#122f2bb3;backdrop-filter:blur(5px)}dialog p{font-size:13px;color:var(--muted)}.dialog-close{position:absolute;right:15px;top:15px}.text-link{font-size:12px}.selected-active .map-controls{right:403px}
@media(min-width:1450px){.welcome{width:320px;padding:33px}.welcome h1{font-size:43px}.welcome p{font-size:13px}.marker{font-size:12px}}
@media(max-width:1050px){.header-center{display:none}.masthead{height:74px;padding:0 22px}#viewport{height:calc(100dvh - 74px)}.welcome{width:260px;padding:25px;left:22px}.welcome h1{font-size:33px}.gesture-hint{display:none}.bottom-strip{padding:18px 22px}.map-caption{left:22px}.detail-panel,.directory{width:340px}.selected-active .map-controls{right:377px}}
@media(max-width:650px){.masthead{height:69px;padding:0 15px;gap:10px}.brand{gap:8px;font-size:18px}.brand small{font-size:11px;letter-spacing:.19em}.monogram{font-size:31px;width:35px;height:42px}.monogram i{font-size:10px}.masthead nav{gap:5px}.header-button{font-size:12px}.header-button span{display:none}.header-button{font-size:25px;min-width:40px}.masthead .round{width:35px;min-width:35px;height:35px}#viewport{height:calc(100dvh - 69px)}.map-caption{top:15px;left:15px}.map-caption>span{font-size:11px}.map-caption small{font-size:11px}.welcome{left:15px;bottom:57px;width:222px;padding:22px}.welcome h1{font-size:29px;margin:12px 0}.welcome p{font-size:11px}.welcome>small{font-size:11px}.welcome .eyebrow{font-size:11px}.welcome .primary{min-height:44px;font-size:11px}.bottom-strip{padding:15px;justify-content:center}.legend{display:none}.signature{font-size:14px}.map-controls{right:12px;bottom:57px}.map-controls button{width:44px;height:44px}.marker{min-height:38px}.marker .pin{width:24px;height:24px}.marker.draft .name{display:none}.marker.draft.selected .name{display:inline}.detail-panel,.directory{left:12px;right:12px;top:12px;bottom:45px;width:auto;max-width:440px;margin:auto}.selected-active .map-controls{display:none}.panel-image{height:170px}.panel-body{padding:15px 23px}.panel-body p{font-size:13px}.fact{font-size:12px}.option{font-size:12px}.directory-item{min-height:61px}.directory-item strong{font-size:13px}.directory-item small{font-size:11px}.panel-top .round{width:44px;height:44px}.welcome-close{width:40px;height:40px}.round{min-height:38px}}
.overview .marker.draft:not(:hover):not(:focus-visible):not(.selected) .name{display:none}.overview .marker.draft{padding:4px}.marker.draft:hover .name,.marker.draft:focus-visible .name{display:inline}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* S10 · living city: code-drawn scenes above the map picture, below markers and walkers. */
#city-life{position:absolute;left:0;top:0;width:2400px;height:1350px;pointer-events:none}
/* P6: the summit of Nemrut above the sky strip (statue picture, its night tint, the fire); places are set in city-life.js */
#city-summit{position:absolute;left:0;top:0;width:2400px;height:1350px;pointer-events:none}
.life-statue,.life-statue-tint{position:absolute;display:block}
.life-statue-tint{mix-blend-mode:multiply;opacity:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:background 2s,opacity 2s}
.life-fire{position:absolute}
.life-fire canvas{position:relative;display:block}
.life-fire-glow{position:absolute;left:50%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,176,80,.5),rgba(255,120,40,.2) 55%,rgba(255,110,30,0));mix-blend-mode:screen}
.life-water{position:absolute;display:block}
.life-cloud{position:absolute;left:0;top:0;border-radius:50%;background:radial-gradient(closest-side,rgba(20,30,50,.26),rgba(20,30,50,.12) 55%,rgba(20,30,50,0));mix-blend-mode:multiply;will-change:transform}
.life-flock{position:absolute;left:0;top:0;will-change:transform}
.life-gulls{position:absolute;display:block}
.life-harbour{position:absolute;display:block}

.life-tint{position:absolute;left:0;top:-450px;width:2400px;height:1800px;mix-blend-mode:multiply;opacity:0;transition:background 2s,opacity 2s}
.life-lamp{position:absolute;width:34px;height:26px;margin:-22px 0 0 -17px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,214,130,.85),rgba(255,170,70,.35) 50%,rgba(255,150,50,0));mix-blend-mode:screen;opacity:0}
/* S09 · kediler: Erguvan, Nar, Firuze (city-cats.js). Oyuncu gibi yakınlaşmaya göre ölçeklenir; dokununca kart açılır. */
#city-cats{position:absolute;left:0;top:0;width:2400px;height:1350px;pointer-events:none}
.city-cat{position:absolute;left:0;top:0;width:0;height:0;padding:0;margin:0;background:none;border:0;pointer-events:none;will-change:transform}
.city-cat .cat-body{position:absolute;left:0;top:0;transform:scale(clamp(.65,var(--inverse-zoom),1.5));transform-origin:0 0}
.city-cat .cat-sprite{position:absolute;left:calc(var(--cat-w) / -2);bottom:0;width:var(--cat-w);height:var(--cat-h);background-size:900% 100%;background-repeat:no-repeat;pointer-events:auto;cursor:pointer;filter:drop-shadow(1px 2px 1px #17202245);transform-origin:50% 100%}
.city-cat .cat-sprite::after{content:'';position:absolute;inset:-8px -4px}
.city-cat.face-left .cat-sprite{transform:scaleX(-1)}
.city-cat .cat-name{position:absolute;left:0;bottom:calc(var(--cat-h) + 3px);transform:translateX(-50%);padding:1px 8px;border-radius:99px;background:#182332e0;color:#fff;font:600 11px/1.5 'Segoe UI',sans-serif;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}
.city-cat:hover .cat-name,.city-cat:focus-visible .cat-name,.city-cat[data-state=purr] .cat-name{opacity:1}
/* 25 Eylül: “Biliyor muydun?” over the cats until the day's fact is read (city-cats.js markNews); screen-sized. */
.city-cat .cat-news{position:absolute;left:0;bottom:calc(var(--cat-h) + 4px);transform:translateX(-50%) scale(var(--inverse-zoom,1));transform-origin:50% 100%;padding:2px 9px;border-radius:99px;background:#ffe1a8;color:#162437;font:700 11px/1.5 'Segoe UI',sans-serif;white-space:nowrap;box-shadow:0 2px 8px #0006;display:none;pointer-events:none}
.city-cat .cat-news:after{content:'';position:absolute;left:50%;top:100%;margin-left:-4px;border:4px solid transparent;border-top-color:#ffe1a8}
#city-cats.fact-waiting .city-cat .cat-news{display:block}
#city-cats.fact-waiting .city-cat:is(:hover,:focus-visible,[data-state=purr]) .cat-news{display:none}
.cat-card .cat-fact-place{color:#c9d6e6;font-size:12px}
.city-cat:focus-visible{outline:none}.city-cat:focus-visible .cat-sprite{outline:3px solid #d99b35;outline-offset:2px;border-radius:10px}
.city-cat[data-state=sleep] .cat-sprite{animation:cat-breathe 3.8s ease-in-out infinite}
.city-cat[data-state=sleep] .cat-body::after,.city-cat[data-state=purr] .cat-body::after{position:absolute;left:calc(var(--cat-w) * .18);bottom:calc(var(--cat-h) * .72);font:700 12px Georgia,serif;color:#fff8e6;text-shadow:0 1px 2px #1a2230;pointer-events:none}
.city-cat[data-state=sleep] .cat-body::after{content:'z';animation:cat-zz 3.8s ease-out infinite}
.city-cat[data-state=purr] .cat-body::after{content:'♥';color:#ffb3c4;left:0;bottom:calc(var(--cat-h) * .95);animation:cat-heart 1.6s ease-out infinite}
@keyframes cat-breathe{50%{scale:1.02 1.045}}
@keyframes cat-zz{0%{opacity:0;translate:0 0}25%{opacity:.9}100%{opacity:0;translate:10px -16px}}
@keyframes cat-heart{0%{opacity:0;translate:0 4px}30%{opacity:1}100%{opacity:0;translate:0 -14px}}
#city-cats.still .cat-sprite,#city-cats.still .cat-body::after{animation:none}
@media(prefers-reduced-motion:reduce){.city-cat .cat-sprite,.city-cat .cat-body::after{animation:none!important}}
.cat-card{position:absolute;left:50%;top:84px;transform:translateX(-50%);width:min(340px,calc(100% - 36px));padding:14px 16px 16px;border-radius:12px;border:1px solid #ffffff55;border-left:5px solid var(--cat-color,#d99b35);background:#162437eb;backdrop-filter:blur(10px);color:#fff;z-index:13;box-shadow:0 10px 30px #0d1a2a55}
.cat-card[data-cat=erguvan]{--cat-color:#a57ad0}.cat-card[data-cat=nar]{--cat-color:#d4493f}.cat-card[data-cat=firuze]{--cat-color:#2fb3b0}
.cat-card-head{display:flex;align-items:baseline;gap:8px;padding-right:40px;flex-wrap:wrap}.cat-card-head strong{font:22px Georgia,serif}.cat-card-head small{font-size:12px;color:#c9d6e6}
.cat-card-close{position:absolute;right:6px;top:6px;width:44px;height:44px;border-radius:8px;background:transparent;color:#fff;font-size:24px}.cat-card-close:hover{background:#ffffff1c}
.cat-card p{font-size:13px;line-height:1.6;margin:8px 0;color:#e3eaf3}.cat-card .cat-fact b{color:#ffe1a8}
.cat-card-walk{width:100%;min-height:44px;margin-top:6px;border-radius:8px;background:#f8fbff;color:#162437;font-size:13px;font-weight:650;text-align:left;padding:10px 14px}.cat-card-walk:hover{background:#ffe9bf}
@media(max-width:650px){.cat-card{left:12px;right:12px;top:74px;width:auto;transform:none}}
/* 24 Eylül: dokunmatik ekranda yakınlaşma iki parmakla; + / − ve yüzde gizli (klavyede + / − yine çalışır). */
@media (hover:none) and (pointer:coarse){.map-controls #zoom-in,.map-controls #zoom-out,.map-controls #zoom-value,.map-controls>span{display:none}}
.cat-card .cat-hint{color:#ffe1a8;font-size:12px}
/* 24 Eylül (İ1, İ5): yükleme ekranında sitenin sözü, ilerleme çubuğu ve 1,7 kB'lık bulanık şehir önizlemesi (hemen görünür). */
#loading{isolation:isolate;overflow:hidden}
#loading::before{content:'';position:absolute;inset:-30px;z-index:-1;background:url("data:image/webp;base64,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") center/cover;filter:blur(10px) saturate(1.1);opacity:.85}
.loading-promise{display:block;max-width:300px;margin:6px auto 0;padding:0 16px;font-size:13px;line-height:1.5;opacity:.9}
.loading-bar{display:block;width:160px;height:3px;margin:18px auto 0;border-radius:3px;background:rgba(255,255,255,.2);overflow:hidden}
.loading-bar i{display:block;width:40%;height:100%;border-radius:3px;background:#f2cd92;animation:loading-slide 1.3s ease-in-out infinite}
@keyframes loading-slide{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}
@media(prefers-reduced-motion:reduce){.loading-bar i{animation:none;width:100%;opacity:.6}}
.brand-name{text-transform:uppercase}

/* 29. tur: completion in the building list (city.js fillDirectory). */
.directory-item>div{flex:1;min-width:0}
.dir-done{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;margin-top:5px;font-size:11px;color:var(--muted)}.dir-done:empty{display:none}.dir-done .dir-count{white-space:nowrap}
.dir-done .dir-bar{flex-basis:100%;height:5px;margin-bottom:4px;border-radius:3px;background:linear-gradient(90deg,#4f8d6e var(--done,0%),#8c8a7a33 var(--done,0%))}
.dir-done b{font-weight:650}.dir-done b.sealed{color:#3f7f5c}
.dir-summary{margin:4px 22px 8px;font-size:12px;font-weight:600}
/* Ana sayfada sayılar (Uygulama sırası 4): what is in the city, counted from the data (tooling/build-site-stats.mjs). A number
   is always read with its word under it. */
.site-stats{list-style:none;margin:12px 0 14px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.site-stats li{padding:8px 4px;border:1px solid var(--ui-line,#3a4b5c);border-radius:10px;text-align:center;font-size:11px;line-height:1.3;color:var(--ui-muted,#c6ced6)}
.site-stats b{display:block;font:600 20px/1.25 Georgia,serif;color:var(--ui-text,#fff)}
.start-sheet .site-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin:10px 0 12px}
