#napoleon-app{width:100%;min-height:100vh}.scroll-container{position:relative;z-index:10;pointer-events:none}.scroll-container>*{pointer-events:auto}.chapter{pointer-events:auto}*{margin:0;padding:0;box-sizing:border-box}:root{--color-advance: #D4A373;--color-retreat: #2D2D2D;--color-schwarzenberg: #2A9D8F;--color-cold: #4A90D9;--color-bg: #1a1a1a;--color-paper: #F5F0E6;--color-text: #F5F0E6;--color-text-dark: #3D3D3D;--color-accent: #C9A86C;--color-battle: #C0392B;--font-title: "Playfair Display", "Noto Serif SC", Georgia, serif;--font-body: "Noto Serif SC", Georgia, serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.8;overflow-x:hidden}.splash-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0d0d0d,#1a1a1a,#0d0d0d);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;transition:opacity 1s ease,visibility 1s ease}.splash-screen.hidden{opacity:0;visibility:hidden}.splash-content{text-align:center;padding:40px}.splash-year{font-family:var(--font-title);font-size:8rem;font-weight:700;color:var(--color-accent);letter-spacing:.3em;margin-bottom:1rem;text-shadow:0 0 60px rgba(201,168,108,.3)}.splash-title{font-family:var(--font-title);font-size:2.5rem;color:var(--color-text);letter-spacing:.2em;margin-bottom:2rem;text-transform:uppercase}.splash-subtitle{font-size:1.1rem;color:#fff9;max-width:600px;margin:0 auto 3rem;line-height:1.8}.splash-enter{padding:15px 50px;font-family:var(--font-title);font-size:1rem;letter-spacing:.2em;text-transform:uppercase;background:transparent;border:1px solid var(--color-accent);color:var(--color-accent);cursor:pointer;transition:all .3s ease}.splash-enter:hover{background:var(--color-accent);color:var(--color-bg)}.splash-scroll-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;color:#fff6;font-size:.85rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.chapter-nav{position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;gap:15px}.nav-dot{width:12px;height:12px;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease;position:relative}.nav-dot:hover,.nav-dot.active{background:var(--color-accent);border-color:var(--color-accent);transform:scale(1.3)}.nav-dot .nav-tooltip{position:absolute;right:25px;top:50%;transform:translateY(-50%);background:#000000e6;padding:8px 15px;border-radius:4px;white-space:nowrap;font-size:.85rem;opacity:0;visibility:hidden;transition:all .3s ease}.nav-dot:hover .nav-tooltip{opacity:1;visibility:visible}.chapter{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.chapter-content{max-width:600px;padding:60px;position:relative;z-index:10}.chapter-number{font-family:var(--font-title);font-size:.9rem;color:var(--color-accent);letter-spacing:.3em;margin-bottom:1rem}.chapter-title{font-family:var(--font-title);font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:2rem}.chapter-date{font-size:.95rem;color:var(--color-accent);margin-bottom:1.5rem;letter-spacing:.1em}.chapter-text{font-size:1.1rem;line-height:2;color:#ffffffd9;margin-bottom:2rem}.quote-block{border-left:3px solid var(--color-accent);padding:20px 30px;margin:30px 0;background:#c9a86c0d;font-style:italic}.quote-text{font-size:1.15rem;line-height:1.9;margin-bottom:15px;color:#ffffffe6}.quote-source{font-size:.9rem;color:var(--color-accent);font-style:normal}.chapter-stats{display:flex;gap:40px;margin-top:30px}.stat-item{text-align:center}.stat-value{font-family:var(--font-title);font-size:2.5rem;font-weight:700;color:var(--color-accent)}.stat-value.troops{color:var(--color-advance)}.stat-value.cold{color:var(--color-cold)}.stat-value.loss{color:var(--color-battle)}.stat-label{font-size:.85rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em}.map-section{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.map-container{width:100%;height:100%}#map{width:100%;height:100%;background:#1a1a1a}.map-legend{position:fixed;bottom:30px;left:30px;background:#000000d9;padding:20px 25px;border-radius:8px;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.legend-title{font-family:var(--font-title);font-size:.85rem;color:var(--color-accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:15px}.legend-item{display:flex;align-items:center;gap:12px;margin:10px 0;font-size:.9rem}.legend-line{width:30px;height:4px;border-radius:2px}.legend-line.advance{background:var(--color-advance)}.legend-line.retreat{background:var(--color-retreat)}.legend-line.schwarzenberg{background:var(--color-schwarzenberg);height:3px}.legend-icon{width:20px;text-align:center;font-size:1rem}.status-panel{position:fixed;top:30px;left:30px;background:#000000d9;padding:20px 30px;border-radius:8px;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);display:flex;gap:40px}.status-item{text-align:center}.status-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.status-value{font-family:var(--font-title);font-size:1.3rem;font-weight:600}.status-value.date{color:var(--color-text)}.status-value.troops{color:var(--color-advance)}.status-value.temp{color:var(--color-cold)}.timeline-container{position:fixed;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.8) 80%,transparent 100%);z-index:100;padding:20px 60px}.timeline-wrapper{height:100%;display:flex;flex-direction:column}.timeline-chart{flex:1;position:relative}.timeline-events{height:30px;display:flex;align-items:center;position:relative}.event-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:2000;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.event-modal-overlay.active{opacity:1;visibility:visible}.event-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:550px;max-width:90vw;max-height:85vh;background:var(--color-paper);color:var(--color-text-dark);border-radius:12px;overflow:hidden;z-index:2001;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.event-card.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.card-close{position:absolute;top:15px;right:15px;width:36px;height:36px;border-radius:50%;background:#0009;border:none;color:#fff;font-size:1.5rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.card-close:hover{background:#000c;transform:scale(1.1)}.card-image{height:220px;background:linear-gradient(135deg,#5d4e37,#8b7355);background-size:cover;background-position:center;position:relative}.card-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,#00000080)}.card-body{padding:30px}.card-type{display:inline-block;padding:4px 12px;background:var(--color-accent);color:#fff;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;border-radius:3px;margin-bottom:15px}.card-title{font-family:var(--font-title);font-size:1.8rem;font-weight:700;margin-bottom:8px;color:var(--color-text-dark)}.card-date{font-size:.95rem;color:#888;margin-bottom:20px}.card-description{font-size:1rem;line-height:1.9;margin-bottom:25px}.card-quote{border-left:3px solid var(--color-accent);padding:15px 20px;margin:20px 0;background:#c9a86c1a;font-style:italic}.card-quote-text{font-size:.95rem;line-height:1.7;margin-bottom:10px}.card-quote-source{font-size:.85rem;color:var(--color-accent);font-style:normal}.card-stats{display:flex;gap:30px;padding-top:20px;border-top:1px solid #ddd}.card-stat{text-align:center;flex:1}.card-stat-value{font-family:var(--font-title);font-size:1.8rem;font-weight:700}.card-stat-value.troops{color:var(--color-advance)}.card-stat-value.temp{color:var(--color-cold)}.card-stat-value.loss{color:var(--color-battle)}.card-stat-label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.1em}.portrait-card{display:flex;align-items:center;gap:20px;padding:20px;background:#ffffff0d;border-radius:8px;margin:20px 0}.portrait-image{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--color-accent)}.portrait-info h4{font-family:var(--font-title);font-size:1.1rem;margin-bottom:5px}.portrait-info p{font-size:.85rem;color:#fff9}.comparison-panel{position:fixed;right:80px;top:50%;transform:translateY(-50%);width:280px;background:#000000d9;border-radius:12px;padding:25px;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.comparison-title{font-family:var(--font-title);font-size:1rem;color:var(--color-accent);margin-bottom:20px;text-transform:uppercase;letter-spacing:.15em}.comparison-bar{margin:15px 0}.comparison-label{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:8px}.comparison-track{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.comparison-fill{height:100%;border-radius:4px;transition:width .5s ease}.comparison-fill.advance{background:var(--color-advance)}.comparison-fill.retreat{background:var(--color-retreat)}.minard-section{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-paper);color:var(--color-text-dark);position:relative}.minard-content{max-width:900px;padding:60px;text-align:center}.minard-section .chapter-text{color:var(--color-text-dark)}.minard-image{width:100%;margin:40px 0;border-radius:8px;box-shadow:0 20px 60px #0003}.epilogue-section{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d0d0d,#1a1a1a);position:relative}.epilogue-content{max-width:800px;text-align:center;padding:60px}.epilogue-title{font-family:var(--font-title);font-size:3rem;margin-bottom:2rem}.epilogue-stats{display:flex;justify-content:center;gap:80px;margin:50px 0}.epilogue-stat{text-align:center}.epilogue-stat-value{font-family:var(--font-title);font-size:4rem;font-weight:700;color:var(--color-accent)}.epilogue-stat-label{font-size:1rem;color:#fff9;margin-top:10px}.sources-section{padding:80px 60px;background:#111}.sources-title{font-family:var(--font-title);font-size:1.5rem;color:var(--color-accent);margin-bottom:30px}.sources-list{list-style:none;columns:2;column-gap:60px}.sources-list li{font-size:.9rem;color:#fff9;margin-bottom:10px;break-inside:avoid}.leaflet-container{background:#1a1a1a;font-family:var(--font-body)}.leaflet-control-zoom{border:none!important}.leaflet-control-zoom a{background:#000c!important;color:var(--color-text)!important;border:1px solid rgba(255,255,255,.2)!important}.city-marker{font-family:var(--font-title);font-size:.85rem;color:#ffffffe6;text-shadow:0 0 10px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.5);white-space:nowrap}.event-marker{cursor:pointer;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:transform .2s ease}.event-marker:hover{transform:scale(1.3)}@media (max-width: 1200px){.comparison-panel{display:none}.chapter-nav{right:15px}}@media (max-width: 768px){.splash-year{font-size:4rem}.splash-title{font-size:1.5rem}.chapter-content{padding:30px}.chapter-title{font-size:2rem}.status-panel{flex-wrap:wrap;gap:20px}.timeline-container{padding:15px 30px}.map-legend{bottom:140px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-in{animation:fadeInUp .8s ease forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#666}