@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";:root{--font-logo:"Press Start 2P", monospace;--font-primary:"VT323", monospace;--bg-main:#181425;--bg-panel:#262b44;--bg-input:#10121c;--border-color:#000;--color-green:#38b764;--color-blue:#3b5dc9;--color-cyan:#41a6f6;--color-yellow:#ef7d57;--color-gold:#f3c63f;--color-red:#b13e53;--color-violet:#7329ad;--text-main:#f4f4f4;--text-muted:#8b93af;--text-gold:#f3c63f;--era-antik:#ef7d57;--era-orta:#f3c63f;--era-yeni:#41a6f6;--era-yakin:#a93e3e;--shadow-pixel:6px 6px 0px #000;--shadow-pixel-sm:4px 4px 0px #000;--shadow-pixel-pressed:2px 2px 0px #000;--shadow-text:2px 2px 0px #000}*{box-sizing:border-box;image-rendering:pixelated;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-main);color:var(--text-main);background-image:linear-gradient(#ffffff05 2px,#0000 2px),linear-gradient(90deg,#ffffff05 2px,#0000 2px);background-size:32px 32px;min-height:100vh;padding-bottom:3rem;font-size:24px}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:var(--bg-main);border-left:4px solid var(--border-color)}::-webkit-scrollbar-thumb{background:var(--bg-panel);border:4px solid var(--border-color)}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan)}.app-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.main-content-layout{grid-template-columns:1fr;gap:2.5rem;margin-top:2.5rem;display:grid}@media (width>=992px){.main-content-layout{grid-template-columns:7fr 5fr}}.app-header{text-align:center;background:var(--bg-panel);border:4px solid var(--border-color);box-shadow:var(--shadow-pixel);margin-bottom:2rem;padding:2rem;position:relative}.logo-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}@media (width>=600px){.logo-container{flex-direction:row}}.logo-key-icon{width:48px;height:48px;color:var(--color-gold);filter:drop-shadow(0 0 #0000);animation:3s steps(6,end) infinite pixelKeyFloat}.logo-text h1{font-family:var(--font-logo);color:var(--color-gold);text-shadow:var(--shadow-text);font-size:1.8rem;line-height:1.4}.logo-badge{font-size:.6rem;font-family:var(--font-logo);color:var(--color-cyan);border:2px solid var(--border-color);background:var(--bg-main);max-width:250px;margin:.5rem auto 0;padding:.25rem .5rem;display:block}.header-subtitle{color:var(--text-muted);border-top:4px dashed #0000004d;margin-top:1rem;padding-top:1rem;font-size:1.15rem}.section-header{border-bottom:4px dashed var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex}.section-header h2{font-family:var(--font-logo);color:#fff;text-shadow:var(--shadow-text);align-items:center;gap:.75rem;font-size:.9rem;display:flex}.section-icon{width:20px;height:20px;color:var(--color-gold)}.stats-dashboard{background:var(--bg-panel);border:4px solid var(--border-color);box-shadow:var(--shadow-pixel);margin-bottom:2.5rem;padding:1.5rem}.redis-indicator-badge{font-family:var(--font-logo);color:var(--color-green);border:2px solid var(--border-color);background:#000;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.55rem;display:flex}.pulse-dot{background-color:var(--color-green);border-radius:0%;width:10px;height:10px;animation:1s steps(2,end) infinite pixelPulse}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--bg-main);border:4px solid var(--border-color);box-shadow:var(--shadow-pixel-sm);padding:1rem;transition:transform .1s;position:relative}.stat-card:hover{box-shadow:var(--shadow-pixel);transform:translateY(-2px)}.stat-info h3{color:var(--text-muted);text-transform:uppercase;margin-bottom:.25rem;font-size:1.1rem}.stat-number{font-family:var(--font-logo);color:#fff;font-size:1.5rem;font-weight:400}.stat-footer-text{color:var(--text-muted);border-top:2px dashed #ffffff1a;margin-top:.5rem;padding-top:.3rem;font-size:.85rem}.total-card{border-color:var(--color-cyan)}.total-card .stat-number{color:var(--color-cyan)}.era-card-antik{border-color:var(--era-antik)}.era-card-antik .stat-number{color:var(--era-antik)}.era-card-orta{border-color:var(--era-orta)}.era-card-orta .stat-number{color:var(--era-orta)}.era-card-yeni{border-color:var(--era-yeni)}.era-card-yeni .stat-number{color:var(--era-yeni)}.era-card-yakin{border-color:var(--era-yakin)}.era-card-yakin .stat-number{color:var(--era-yakin)}.stats-meta{color:var(--text-muted);border-top:4px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:1rem;font-size:1rem;display:flex}.btn-refresh-stats,.btn-action,.btn-submit,.btn-cancel,.btn-retry{font-family:var(--font-logo);color:var(--text-main);background:var(--bg-panel);border:4px solid var(--border-color);box-shadow:var(--shadow-pixel-sm);cursor:pointer;image-rendering:pixelated;outline:none;padding:.5rem 1rem;font-size:.6rem;transition:all 50ms}.btn-refresh-stats:hover,.btn-action:hover,.btn-submit:hover,.btn-cancel:hover{box-shadow:var(--shadow-pixel-pressed);transform:translate(2px,2px)}.btn-refresh-stats:active,.btn-submit:active{box-shadow:none;transform:translate(4px,4px)}.btn-refresh-stats{background:var(--bg-main);align-items:center;gap:.5rem;display:flex}.icon-refresh{width:12px;height:12px}.event-list-section{background:var(--bg-panel);border:4px solid var(--border-color);box-shadow:var(--shadow-pixel);padding:1.5rem}.search-wrapper{width:100%;max-width:250px;position:relative}.search-icon{width:14px;height:14px;color:var(--text-muted);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input{background:var(--bg-input);border:4px solid var(--border-color);width:100%;color:var(--text-main);font-family:var(--font-primary);padding:.4rem .6rem .4rem 2rem;font-size:1.15rem}.search-input:focus{border-color:var(--color-cyan);outline:none}.events-timeline{flex-direction:column;gap:1.5rem;margin-top:1rem;display:flex}.event-item-card{background:var(--bg-main);border:4px solid var(--border-color);box-shadow:var(--shadow-pixel-sm);flex-direction:column;transition:all .1s;display:flex}@media (width>=600px){.event-item-card{flex-direction:row}}.event-item-card:hover{box-shadow:var(--shadow-pixel);transform:translateY(-2px)}.event-item-side{border-bottom:4px solid var(--border-color);background:#00000040;flex-direction:row;align-items:center;gap:.75rem;min-width:150px;padding:1rem;display:flex}@media (width>=600px){.event-item-side{border-right:4px solid var(--border-color);border-bottom:none;flex-direction:column;justify-content:center;align-items:center}}.event-date-tag{font-family:var(--font-logo);color:var(--color-cyan);text-shadow:var(--shadow-text);font-size:.95rem}.event-era-badge{background:var(--bg-panel);color:var(--text-main);border:2px solid var(--border-color);padding:.1rem .4rem;font-size:.95rem;font-weight:400}.event-item-body{flex-direction:column;flex-grow:1;gap:.5rem;padding:1rem;display:flex}.event-item-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.event-item-title-row h3{color:var(--color-gold);font-size:1.4rem;font-weight:400}.event-location{color:var(--text-muted);align-items:center;gap:.25rem;font-size:1rem;display:flex}.loc-icon{width:12px;height:12px;color:var(--color-cyan)}.event-description{color:var(--text-muted);border-top:2px dashed #ffffff0d;padding-top:.5rem;font-size:1.1rem;line-height:1.4}.event-item-actions{border-top:4px solid var(--border-color);justify-content:flex-end;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.btn-edit{background:var(--color-blue)}.btn-edit:hover{background:var(--color-cyan);color:#000}.btn-delete{background:var(--color-red)}.btn-delete:hover{background:#ff5e5e}.list-empty,.list-loading,.list-error{text-align:center;color:var(--text-muted);border:4px dashed var(--border-color);background:#0000001a;padding:3rem 1.5rem}.event-form-section{background:var(--bg-panel);border:4px solid var(--border-color);box-shadow:var(--shadow-pixel);padding:1.5rem}.event-form{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.form-row-2{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=500px){.form-row-2{grid-template-columns:1fr 1fr}}.form-group{flex-direction:column;gap:.25rem;display:flex}.form-group label{color:var(--text-muted);font-size:1.1rem}.form-group input,.form-group select,.form-group textarea{background:var(--bg-input);border:4px solid var(--border-color);color:var(--text-main);font-family:var(--font-primary);padding:.5rem;font-size:1.15rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-gold);outline:none}.form-group textarea{resize:vertical}.input-error{border-color:var(--color-red)!important}.error-message{font-family:var(--font-logo);color:var(--color-red);font-size:.5rem}.form-actions{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.btn-submit{background:var(--color-green);box-shadow:var(--shadow-pixel-sm)}.btn-submit:hover{color:#000;background:#4de682}.btn-cancel{background:var(--bg-main)}@keyframes pixelKeyFloat{0%,to{transform:translateY(0)rotate(0)}16.6%{transform:translateY(-4px)rotate(4deg)}33.2%{transform:translateY(-8px)rotate(8deg)}49.8%{transform:translateY(-12px)rotate(12deg)}66.4%{transform:translateY(-8px)rotate(8deg)}83%{transform:translateY(-4px)rotate(4deg)}}@keyframes pixelPulse{0%,to{opacity:1}50%{opacity:.2}}.retro-nav-menu{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:2rem;display:flex}.retro-nav-btn{font-family:var(--font-logo);color:var(--text-main);background:var(--bg-panel);border:4px solid var(--border-color);box-shadow:var(--shadow-pixel-sm);cursor:pointer;outline:none;padding:.75rem 1.5rem;font-size:.7rem;transition:all 50ms}.retro-nav-btn:hover{box-shadow:var(--shadow-pixel-pressed);background:var(--bg-main);transform:translate(2px,2px)}.retro-nav-btn.active-nav{background:var(--color-gold);color:#000;box-shadow:var(--shadow-pixel-pressed);border-color:var(--border-color);transform:translate(2px,2px)}.hatay-map-container{background:var(--bg-panel);border:4px solid var(--border-color);box-shadow:var(--shadow-pixel);margin-bottom:2.5rem;padding:1.5rem}.map-view-layout{grid-template-columns:1fr;gap:2rem;margin-top:1.5rem;display:grid}@media (width>=992px){.map-view-layout{grid-template-columns:7fr 5fr}}.map-panel{flex-direction:column;gap:1rem;display:flex}.map-scroll-instructions{font-family:var(--font-logo);color:var(--text-gold);text-align:center;border:2px dashed var(--color-gold);background:#000;padding:.4rem;font-size:.55rem}.map-svg-wrapper{border:4px solid var(--border-color);box-shadow:var(--shadow-pixel-sm);background:#1b2038;overflow:hidden}.map-svg{width:100%;height:auto;image-rendering:pixelated;display:block}.map-landmass{transition:fill .3s}.map-landmass:hover{fill:#344c3c}.map-pin{transition:transform .1s steps(2,end)}.map-pin:hover{transform:scale(1.2)translate(-10%,-10%)}.active-pin{animation:1s steps(4,end) infinite pixelPinBounce}.map-pulse-ring{transform-origin:50%;animation:1.5s linear infinite pulseExpansion}@keyframes pixelPinBounce{0%,to{transform:translate(-12px,-12px)}50%{transform:translate(-12px,-18px)}}@keyframes pulseExpansion{0%{r:10;opacity:.8}to{r:35;opacity:0}}.map-details-panel{flex-direction:column;gap:1.5rem;display:flex}.retro-map-card{background:var(--bg-main);border:4px solid var(--border-color);box-shadow:var(--shadow-pixel-sm);flex-direction:column;display:flex}.retro-map-card .card-header{border-bottom:4px solid var(--border-color);background:#00000040;padding:.75rem 1rem}.retro-map-card .card-header h3{font-family:var(--font-logo);color:var(--color-gold);font-size:.75rem}.retro-map-card .card-body{padding:1rem}.district-desc{color:var(--text-main);font-size:1.15rem;line-height:1.4}.district-history{color:var(--text-muted);font-size:1.1rem;line-height:1.4}.retro-divider{border-top:4px dashed var(--border-color);margin:.75rem 0}.neighborhood-list{border-bottom:2px dashed #ffffff1a;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.neighborhood-tab-btn{font-family:var(--font-primary);background:var(--bg-panel);color:var(--text-main);border:2px solid var(--border-color);cursor:pointer;padding:.25rem .6rem;font-size:1.15rem;transition:all 50ms}.neighborhood-tab-btn:hover{background:var(--color-blue);color:#fff}.neighborhood-tab-btn.active-tab{background:var(--color-cyan);color:#000;font-weight:700}.neighborhood-details-box{background:var(--bg-panel);border:4px solid var(--border-color);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.nb-title{font-family:var(--font-logo);color:var(--color-cyan);border-bottom:2px solid var(--border-color);padding-bottom:.25rem;font-size:.75rem}.nb-meta-row{border-bottom:2px dashed #ffffff0d;flex-direction:column;gap:.15rem;padding-bottom:.4rem;display:flex}.etymology-box{border-left:4px solid var(--color-gold);background:#00000026;padding:.4rem}.nb-meta-label{color:var(--text-gold);text-transform:uppercase;font-size:.9rem}.nb-meta-value{font-size:1.15rem;line-height:1.3}.nb-meta-value.old-name{font-family:var(--font-logo);color:var(--text-muted);font-size:.55rem}.nb-history-box{flex-direction:column;gap:.25rem;display:flex}.nb-history-text{color:var(--text-main);font-size:1.15rem;line-height:1.4}.no-neighborhood-selected{text-align:center;color:var(--text-muted);padding:2rem 0;font-style:italic}