@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box;image-rendering:pixelated;image-rendering:crisp-edges}:root{--sky-top: #0a0a1a;--sky-mid: #16213e;--sky-bot: #1a1a2e;--water: #0f4c75;--water-light: #3282b8;--water-active: #00b4d8;--water-surface: #4a9eda;--ground: #3d2b1f;--ground-light: #5c3d2e;--ground-grass: #2d5a1e;--ground-grass-light: #4a8b3a;--concrete: #7a7a7a;--concrete-dark: #555;--concrete-light: #999;--pixel-border: #111;--text-glow: #0ff;--danger: #e74c3c;--warn: #f39c12;--ok: #2ecc71;--star: #ffe66d;--led-red: #ff3333;--led-red-dim: #661111;--led-bg: #111;--ambient-brightness: 1;--ambient-overlay: rgba(0, 0, 0, 0);--city-hue-rotate: 0deg;--city-brightness: 1;--city-contrast: 1}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:"Press Start 2P",monospace;background:#000;color:#fff}.ankara-scene{position:fixed;inset:0;overflow:hidden}.sky-layer{position:absolute;inset:0;transition:background 8s ease;z-index:1}.stars-layer{position:absolute;inset:0;z-index:2;transition:opacity 4s ease}.star{position:absolute;background:#fff;animation:twinkle 2s ease-in-out infinite alternate}.star.big{width:3px;height:3px;box-shadow:0 0 4px 1px #ffffc899}.star.small{width:2px;height:2px}@keyframes twinkle{0%{opacity:.15}to{opacity:1}}.celestial-layer{position:absolute;inset:0;z-index:3;pointer-events:none;height:35%}.sun{position:absolute;width:40px;height:40px;background:#ffe066;box-shadow:0 0 30px 10px #ffe06699,0 0 60px 20px #ffb4324d;transition:left 30s linear,bottom 30s linear,opacity 2s ease}.sun:after{content:"";position:absolute;inset:4px;background:#fff5cc}.moon{position:absolute;width:30px;height:30px;background:#e8e8e0;box-shadow:0 0 20px 5px #c8c8b466;transition:left 30s linear,bottom 30s linear,opacity 2s ease}.moon-crater{position:absolute;background:#00000014}.moon-crater:nth-child(1){top:8px;left:6px;width:5px;height:5px}.moon-crater:nth-child(2){top:16px;left:14px;width:4px;height:4px}.moon-crater:nth-child(3){top:10px;left:18px;width:3px;height:3px}.clouds-layer{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}.cloud{position:absolute;background:#ffffffb3;animation:cloudFloat linear infinite;height:12px}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit}.cloud:before{width:60%;height:10px;top:-7px;left:20%}.cloud:after{width:35%;height:8px;top:-12px;left:40%}@keyframes cloudFloat{0%{transform:translate(-120%)}to{transform:translate(calc(100vw + 120%))}}.mountains-layer{position:absolute;bottom:28%;left:0;right:0;height:22%;z-index:5;pointer-events:none}.mountain-far{position:absolute;bottom:0;clip-path:polygon(0% 100%,50% 0%,100% 100%);transition:filter 8s ease}.mountain-far.m1{left:-2%;width:30%;height:90%;background:#2c3444}.mountain-far.m2{left:15%;width:35%;height:100%;background:#252d3a}.mountain-far.m3{left:40%;width:28%;height:75%;background:#2c3444}.mountain-far.m4{left:60%;width:32%;height:95%;background:#222a36}.mountain-far.m5{left:80%;width:25%;height:70%;background:#2c3444}.mountain-snow{position:absolute;top:0;left:50%;transform:translate(-50%);width:18%;height:15%;background:#d4d8dc;clip-path:polygon(0% 100%,50% 0%,100% 100%)}.city-skyline{position:absolute;bottom:14%;left:0;right:0;height:45%;z-index:6;pointer-events:none;display:flex;align-items:flex-end;justify-content:center;transition:filter 8s ease}.city-skyline img{width:100%;max-width:1400px;height:auto;object-fit:contain;object-position:bottom center;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.city-night-overlay{position:absolute;inset:0;pointer-events:none;transition:opacity 4s ease;mix-blend-mode:multiply}.city-lights{position:absolute;bottom:14%;left:0;right:0;height:30%;z-index:7;pointer-events:none;transition:opacity 3s ease}.window-light{position:absolute;width:3px;height:3px;background:#fd6;box-shadow:0 0 4px 1px #fd69;animation:windowFlicker 4s ease-in-out infinite alternate}@keyframes windowFlicker{0%,80%{opacity:1}85%{opacity:.3}90%{opacity:1}to{opacity:.9}}.midground-layer{position:absolute;bottom:0;left:0;right:0;height:22%;z-index:8;pointer-events:none}.hill{position:absolute;bottom:0;border-radius:50% 50% 0 0}.hill.h1{left:-5%;width:40%;height:100%;background:#2d5a1e}.hill.h2{left:25%;width:35%;height:80%;background:#347524}.hill.h3{left:50%;width:40%;height:90%;background:#2a521b}.hill.h4{left:75%;width:35%;height:85%;background:#306b20}.scene-tree{position:absolute;z-index:9;pointer-events:none}.scene-tree .trunk{width:4px;height:12px;background:#5c3d2e;margin:0 auto}.scene-tree .canopy{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:16px solid #27ae60;margin-bottom:-2px}.scene-tree .canopy.top{border-left-width:7px;border-right-width:7px;border-bottom-width:12px;border-bottom-color:#2ecc71}.scenery-water-layer{position:absolute;bottom:0;left:0;right:0;height:60%;z-index:5;pointer-events:none;overflow:hidden;background:transparent}.scenery-water-fill{position:absolute;bottom:0;left:0;right:0;animation:waterShimmer 4s ease-in-out infinite alternate}@keyframes waterShimmer{0%{filter:brightness(.95)}50%{filter:brightness(1.05)}to{filter:brightness(.98)}}.scenery-water-label{position:absolute;left:12%;font-size:clamp(8px,2vw,14px);color:#fff;text-shadow:0 0 10px rgba(0,0,0,.9),2px 2px 0 #000;z-index:6;pointer-events:none;white-space:nowrap;font-family:"Press Start 2P",monospace;transition:bottom 3s cubic-bezier(.4,0,.2,1)}.scenery-png-layer{position:absolute;inset:0;z-index:10;cursor:pointer;display:flex;align-items:flex-end}.scenery-img{width:100%;height:100%;object-fit:fill;display:block;image-rendering:pixelated;position:relative;z-index:1;transition:filter 8s ease}.scenery-night-tint{display:none}.water-fill-body{position:absolute;inset:0;opacity:.88;background-color:#0f4c75}.water-waves{position:absolute;top:-6px;left:-100%;width:300%;height:12px;z-index:2;animation:waveScroll 4s linear infinite}.water-waves svg{width:100%;height:100%}@keyframes waveScroll{0%{transform:translate(0)}to{transform:translate(33.33%)}}.water-bubble{position:absolute;width:4px;height:4px;background:#fff3;border:1px solid rgba(255,255,255,.3);animation:bubbleUp 5s ease-in infinite;z-index:2}@keyframes bubbleUp{0%{transform:translateY(0) scale(1);opacity:.5}to{transform:translateY(-150px) scale(.3);opacity:0}}.fish{position:absolute;z-index:2;pointer-events:none;animation:fishJump 6s ease-in-out infinite;opacity:0}.fish-body{width:8px;height:4px;background:#888;clip-path:polygon(0% 50%,30% 0%,80% 0%,100% 50%,80% 100%,30% 100%)}@keyframes fishJump{0%,40%{opacity:0;transform:translateY(0)}45%{opacity:.8;transform:translateY(-20px) rotate(-15deg)}55%{opacity:.8;transform:translateY(-25px) rotate(5deg)}60%{opacity:0;transform:translateY(0) rotate(15deg)}to{opacity:0}}.foreground-layer{position:absolute;bottom:0;left:0;right:0;height:6%;background:#3d2b1f;z-index:18}.foreground-layer:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:#2d5a1e}.foreground-layer:after{content:"";position:absolute;top:-4px;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg,#4a8b3a 0px,#4a8b3a 4px,transparent 4px,transparent 12px)}.weather-rain,.weather-snow{position:absolute;inset:0;z-index:20;pointer-events:none;overflow:hidden}.raindrop{position:absolute;width:2px;background:linear-gradient(180deg,#aec2e000,#aec2e0e6);animation:rainFall linear infinite;border-radius:0 0 1px 1px}@keyframes rainFall{0%{transform:translateY(-40px) rotate(12deg)}to{transform:translateY(105vh) rotate(12deg)}}.snowflake{position:absolute;background:#e8f0ff;border-radius:50%;box-shadow:0 0 3px 1px #c8dcff66;animation:snowFall linear infinite}@keyframes snowFall{0%{transform:translateY(-10px) translate(0)}25%{transform:translateY(25vh) translate(18px)}50%{transform:translateY(50vh) translate(-12px)}75%{transform:translateY(75vh) translate(22px)}to{transform:translateY(105vh) translate(-8px)}}.lightning-flash{position:fixed;inset:0;background:#ffffffe6;z-index:25;pointer-events:none;animation:lightningFlash .15s ease-out forwards}@keyframes lightningFlash{0%{opacity:1}30%{opacity:.3}50%{opacity:.8}to{opacity:0}}.weather-fog{position:absolute;inset:0;z-index:19;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(180,190,200,.18) 35%,rgba(180,190,200,.52) 65%,rgba(180,190,200,.72) 100%)}.weather-fog:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(160,175,190,.25) 50%,rgba(160,175,190,.45) 75%,transparent 100%);animation:fogDrift 9s ease-in-out infinite alternate}.weather-fog:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(200,210,215,.2) 55%,rgba(200,210,215,.38) 80%,transparent 100%);animation:fogDrift 13s ease-in-out infinite alternate-reverse}@keyframes fogDrift{0%{transform:translate(-4%);opacity:.7}50%{opacity:1}to{transform:translate(4%);opacity:.8}}.bird{position:absolute;z-index:21;pointer-events:none;animation:birdFly linear forwards}.bird:before,.bird:after{content:"";position:absolute;width:6px;height:2px;background:#333}.bird:before{transform:rotate(-25deg);left:0}.bird:after{transform:rotate(25deg);left:5px}.bird.flap:before{animation:wingFlap .4s ease-in-out infinite alternate}.bird.flap:after{animation:wingFlapR .4s ease-in-out infinite alternate}@keyframes wingFlap{0%{transform:rotate(-25deg)}to{transform:rotate(-45deg)}}@keyframes wingFlapR{0%{transform:rotate(25deg)}to{transform:rotate(45deg)}}@keyframes birdFly{0%{transform:translate(-50px)}to{transform:translate(calc(100vw + 50px))}}.flag-pole{position:absolute;bottom:6%;z-index:22;pointer-events:none}.flag-pole-shaft{width:3px;height:50px;background:linear-gradient(180deg,#ccc,#888);margin:0 auto}.flag-pole-top{width:5px;height:5px;background:#daa520;margin:0 auto -1px}.flag-fabric{position:absolute;top:5px;left:3px;width:30px;height:20px;background:#e30a17;animation:flagWave 2s ease-in-out infinite alternate;transform-origin:left center;overflow:hidden}.flag-crescent{position:absolute;top:3px;left:6px;width:12px;height:12px;border:2px solid #fff;border-radius:50%;border-right-color:transparent;border-bottom-color:transparent;transform:rotate(-30deg)}.flag-star-shape{position:absolute;top:7px;left:16px;width:5px;height:5px;background:#fff;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}@keyframes flagWave{0%{transform:skewY(0) scaleX(1)}50%{transform:skewY(-2deg) scaleX(.97)}to{transform:skewY(1deg) scaleX(1)}}.street-lamp{position:absolute;bottom:6%;z-index:19;pointer-events:none}.lamp-post{width:3px;height:35px;background:#555;margin:0 auto}.lamp-arm{position:absolute;top:0;width:12px;height:3px;background:#555}.lamp-light-glow{position:absolute;top:2px;width:6px;height:6px;background:#fd6;box-shadow:0 0 8px 3px #ffdd6680;transition:opacity 3s ease}.road-car{position:absolute;bottom:7%;z-index:19;pointer-events:none;animation:carDrive linear infinite}.car-body{width:12px;height:6px;background:#444}.car-headlight{position:absolute;top:1px;width:3px;height:2px;background:#fea;box-shadow:0 0 6px 2px #fea6}@keyframes carDrive{0%{transform:translate(-30px)}to{transform:translate(calc(100vw + 30px))}}.chimney-smoke{position:absolute;z-index:7;pointer-events:none}.smoke-puff{position:absolute;background:#b4b4b440;border-radius:50%;animation:smokeRise 4s ease-out infinite}@keyframes smokeRise{0%{transform:translateY(0) scale(1);opacity:.3}to{transform:translateY(-40px) scale(2.5);opacity:0}}.firefly{position:absolute;width:3px;height:3px;background:#af4;box-shadow:0 0 6px 2px #aaff4480;z-index:21;pointer-events:none;animation:fireflyFloat 6s ease-in-out infinite alternate}@keyframes fireflyFloat{0%{transform:translate(0);opacity:0}20%{opacity:.8}50%{transform:translate(15px,-20px);opacity:.3}80%{opacity:.9}to{transform:translate(-10px,-35px);opacity:0}}@keyframes moonReflectionShimmer{0%{opacity:.6;transform:translate(-50%) scaleX(1)}50%{opacity:1;transform:translate(-50%) scaleX(1.15)}to{opacity:.7;transform:translate(-50%) scaleX(.9)}}.scene-header-bar{position:fixed;top:0;left:0;right:0;height:clamp(48px,7vh,80px);z-index:60;background:#060612d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:2px solid rgba(50,130,184,.2);display:flex;align-items:center;justify-content:center;pointer-events:none}.scene-header-placeholder{font-family:"Press Start 2P",monospace;font-size:clamp(6px,1.2vmin,10px);color:#3282b840;letter-spacing:4px}.stats-panel{position:fixed;bottom:clamp(32px,5vh,48px);right:20px;z-index:50;width:clamp(260px,45vmin,500px);aspect-ratio:1 / 1;display:flex;flex-direction:column;background:#080814eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:4px solid rgba(255,255,255,.12);border-image:linear-gradient(90deg,#3282b899,#ffe66d4d,#3282b899) 1;padding:0;font-family:"Press Start 2P",monospace;font-size:13px;color:#ccc;box-shadow:0 0 30px #000000b3,inset 0 0 40px #0000004d,0 0 12px #3282b833;overflow:hidden}.stats-header{background:linear-gradient(90deg,#1a2a44,#0d1b2a);padding:8px 16px;font-size:clamp(8px,1.4vmin,14px);color:#ffe66d;text-shadow:0 0 8px rgba(255,230,109,.5);display:flex;align-items:center;gap:8px;border-bottom:2px solid rgba(255,255,255,.08);letter-spacing:2px;flex-shrink:0}.stats-header-icon{font-size:clamp(12px,2vmin,20px);line-height:1}.stats-header-time{margin-left:auto;font-size:clamp(10px,2vmin,20px);color:#ffe66d;text-shadow:0 0 8px rgba(255,230,109,.5)}.stats-header-live{font-size:clamp(6px,.9vmin,9px);color:#2ecc71;display:flex;align-items:center;gap:4px}.stats-body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.stats-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(6px,1.2vmin,14px) clamp(8px,1.5vmin,16px);gap:clamp(20px,.7vmin,10px)}.stats-cell--baraj{grid-row:1 / 3;border-right:1px solid rgba(50,130,184,.2);gap:20px}.stats-cell--hava{border-bottom:1px solid rgba(50,130,184,.2)}.stats-dam-inner-sep{width:60%;height:1px;background:#ffffff14;margin:clamp(2px,.5vmin,6px) 0}.stats-cell-label{font-size:clamp(20px,1vmin,10px);color:#3282b8;text-shadow:0 0 4px rgba(50,130,184,.3);display:flex;align-items:self-end;gap:5px}.stats-big-value{font-size:26px;font-weight:700;line-height:1.2;text-shadow:0 0 10px currentColor}.stats-mid-value{font-size:18px;text-shadow:0 0 6px currentColor}.stats-big-label{font-size:7px;color:#666;letter-spacing:1px}.stats-status{font-size:clamp(13px,1vmin,9px);text-shadow:0 0 6px currentColor}.stats-temp-big{color:#ffe66d;text-shadow:0 0 10px rgba(255,230,109,.5)}.stats-dam-row{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%}.stats-dam-block{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px}.stats-dam-pct{font-size:clamp(14px,4vmin,30px);font-weight:700;line-height:1;text-shadow:0 0 12px currentColor;letter-spacing:-1px}.stats-dam-sep{width:1px;height:50px;background:#ffffff1a;flex-shrink:0}.stats-dam-tag{font-size:clamp(5px,.8vmin,8px);color:#555;letter-spacing:1px}.stats-temp-huge{font-size:clamp(20px,5.5vmin,42px);color:#ffe66d;text-shadow:0 0 14px rgba(255,230,109,.6);line-height:1;letter-spacing:-2px}.stats-temp-desc{font-size:clamp(5px,.8vmin,8px);color:#888;letter-spacing:1px}.stats-weather-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.stats-weather-item{display:flex;align-items:center;gap:4px;font-size:clamp(6px,1vmin,10px);color:#aaa}.stats-weather-item-icon{font-size:clamp(10px,1.6vmin,14px);line-height:1}.stats-status-big{display:flex;flex-direction:row;align-items:center;gap:8px}.stats-status-text{font-size:clamp(10px,2.5vmin,20px);text-shadow:0 0 10px currentColor;letter-spacing:1px}.stats-bar{width:100%;height:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);overflow:hidden}.stats-bar-fill{height:100%;transition:width 2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 4px currentColor}.stats-connection{display:flex;align-items:center;gap:8px;font-size:14px}.stats-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;animation:pulseDot 2s ease-in-out infinite}.stats-dot-big{width:14px;height:14px;border-radius:50%;animation:pulseDot 2s ease-in-out infinite;box-shadow:0 0 8px currentColor}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}.stats-update-label{font-size:6px;color:#555}.stats-update-time{font-size:clamp(6px,1.2vmin,11px);color:#888}.stats-footer-inline{font-size:clamp(4px,.7vmin,6px);color:#444;letter-spacing:1px;line-height:1.6}.gif-playpause{position:fixed;top:16px;left:16px;z-index:50;background:#0000008c;border:2px solid rgba(255,255,255,.1);color:#fff6;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:9px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:color .2s,border-color .2s;font-family:"Press Start 2P",monospace;padding:0}.gif-playpause:hover{color:#fffc;border-color:#ffffff40}.gif-playpause.paused{color:#ffe66d;border-color:#ffe66d66;text-shadow:0 0 6px rgba(255,230,109,.4)}.led-billboard{position:fixed;bottom:0;left:0;right:0;z-index:50;width:100%}.led-frame{background:#2a2a2a;border:3px solid #444;border-top:4px solid #555;border-bottom:4px solid #333;padding:2px;box-shadow:0 0 10px #00000080,inset 0 0 8px #00000080;position:relative}.led-frame:before,.led-frame:after{content:"";position:absolute;width:6px;height:6px;background:#555;border:1px solid #666;top:50%;transform:translateY(-50%)}.led-frame:before{left:-3px}.led-frame:after{right:-3px}.led-screen{background:#0a0a0a;overflow:hidden;height:clamp(28px,4vh,40px);position:relative}.led-text{position:absolute;white-space:nowrap;font-family:"Press Start 2P",monospace;font-size:clamp(10px,1.4vh,14px);line-height:clamp(28px,4vh,40px);color:#f33;text-shadow:0 0 6px #ff3333,0 0 14px rgba(255,51,51,.5);animation:ledScroll var(--led-duration, 30s) linear infinite}@keyframes ledScroll{0%{transform:translate(100%)}to{transform:translate(var(--led-end, -100%))}}.led-screen:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.2) 2px,rgba(0,0,0,.2) 4px);pointer-events:none}.dam-popup{position:absolute;bottom:55%;left:8%;z-index:30;background:#000000d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid rgba(255,255,255,.15);padding:12px 16px;font-family:"Press Start 2P",monospace;font-size:6px;min-width:220px;pointer-events:none;animation:popupFadeIn .3s ease-out}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dam-popup-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.1)}.dam-popup-row:last-child{border-bottom:none}.dam-popup-label{color:#888}.dam-popup-value{color:#3282b8}.loading-overlay{position:fixed;inset:0;background:#0a0a1a;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;transition:opacity .8s ease}.loading-overlay.hide{opacity:0;pointer-events:none}.loading-title{font-family:"Press Start 2P",monospace;font-size:clamp(8px,2vw,14px);color:#ffe66d;text-shadow:0 0 15px #ffe66d;margin-bottom:8px;text-align:center}.loading-subtitle{font-family:"Press Start 2P",monospace;font-size:clamp(5px,1vw,7px);color:#666;margin-bottom:20px}.loading-bar{width:200px;height:12px;border:3px solid #333;background:#111;overflow:hidden}.loading-bar-inner{height:100%;background:#3282b8;animation:loadBar 2s ease-in-out infinite}@keyframes loadBar{0%{width:0%}50%{width:80%}to{width:100%}}.loading-pixel{font-size:20px;margin-bottom:16px;animation:loadPulse 1.5s ease-in-out infinite}@keyframes loadPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}.error-toast{position:fixed;top:16px;left:50%;transform:translate(-50%);background:#e74c3c;border:3px solid #000;padding:8px 16px;font-size:6px;z-index:999;font-family:"Press Start 2P",monospace;box-shadow:4px 4px #00000080;animation:toastIn .3s ease-out}@keyframes toastIn{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@media(max-width:768px){.led-text{font-size:6px;line-height:18px}.led-screen{height:18px}.bird{display:none}}@media(max-width:480px){.dam-popup{font-size:5px;min-width:180px}}