@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@font-face{font-family:CustomTitle;src:url(/fonts/title.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:CustomText;src:url(/fonts/text.ttf?v=2) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:CustomTimeline;src:url(/fonts/timeline.ttf) format("truetype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #1e1e1e;--text-light: #e4e4e4;--text-dim: #888888;--accent-gold: #d4af37;--font-title: "CustomTitle", serif;--font-text: "CustomText", sans-serif;--font-timeline: "CustomTimeline", sans-serif}body{font-family:var(--font-text);background:var(--bg-dark);color:var(--text-light);overflow-x:hidden;overflow-y:auto;height:100vh;cursor:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}.cursor-dot{position:fixed;top:0;left:0;width:8px;height:8px;background-color:var(--accent-gold);border-radius:50%;z-index:9999;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 10px var(--accent-gold),0 0 20px var(--accent-gold)}.cursor-outline{position:fixed;top:0;left:0;width:40px;height:40px;border:1px solid rgba(212,175,55,.5);border-radius:50%;z-index:9999;pointer-events:none;transform:translate(-50%,-50%);transition:width .2s,height .2s,background-color .2s}body.hovering .cursor-outline{width:60px;height:60px;background-color:#d4af371a;border-color:var(--accent-gold);border-width:2px}#cursor-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998}#webgl{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1}#overlay-video{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;opacity:.5;mix-blend-mode:overlay;pointer-events:none;z-index:5}.scroll-wrapper{position:relative;height:600vh;z-index:10}.scroll-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none}@font-face{font-family:Classic Mongolian Dashitseden;src:url(/fonts/traditional.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:GLT galt tig;src:url(/fonts/traditional_title.ttf) format("truetype");font-weight:400;font-style:normal}.era-section{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 5%;display:flex;align-items:center;justify-content:space-between;opacity:0;visibility:hidden;transition:opacity .8s ease-in-out,visibility .8s;pointer-events:none}.era-section.active{opacity:1;visibility:visible;pointer-events:auto}.content{position:relative;z-index:20;max-width:380px;padding:2rem;background:linear-gradient(135deg,#0a0a0acc,#1e1e1eb3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.05);transition:transform .8s ease-out,opacity .8s ease-out;opacity:0;transform:translateY(30px);box-shadow:0 10px 30px #0000004d}.content-traditional{position:relative;z-index:20;width:auto;min-width:100px;max-width:600px;height:70vh;max-height:700px;padding:2.5rem 2rem;background:linear-gradient(135deg,#0a0a0acc,#1e1e1eb3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.05);transition:transform .8s ease-out,opacity .8s ease-out;opacity:0;transform:translateY(30px);box-shadow:0 10px 30px #0000004d;writing-mode:vertical-lr;text-orientation:mixed;font-family:Classic Mongolian Dashitseden,serif;color:var(--text-light);font-size:1.1rem;line-height:1.8}.content-traditional h1{font-size:1.6rem;font-weight:700;margin-right:1rem;font-family:GLT galt tig,serif;background:linear-gradient(to bottom,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.content-traditional h2{font-size:1.3rem;font-weight:500;background:linear-gradient(to bottom,#d4af37,#f9e29c,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:var(--accent-gold);filter:drop-shadow(0 0 2px rgba(212,175,55,.3));margin-right:1rem;font-family:GLT galt tig,serif;border-right:1px solid rgba(212,175,55,.2);padding-right:.8rem}.content-traditional p{font-size:1.1rem;color:var(--text-light);font-weight:300}.era-section.active .content,.era-section.active .content-traditional{opacity:1;transform:translateY(0)}.content:hover,.content-traditional:hover{border-color:var(--accent-gold);box-shadow:0 10px 40px #d4af3726}.era-section:nth-child(2n){flex-direction:row-reverse}.era-number{font-size:.9rem;color:var(--accent-gold);font-weight:600;letter-spacing:2px;margin-bottom:.5rem;font-family:var(--font-title)}.era-title{font-size:clamp(2rem,4vw,3.5rem);font-weight:700;margin-bottom:1rem;line-height:1.1;letter-spacing:-1px;background:linear-gradient(to right,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--font-title)}.era-subtitle{font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:400;color:var(--text-dim);margin-bottom:1.5rem;font-style:italic;font-family:var(--font-title)}.era-description{font-size:1.05rem;line-height:1.7;color:var(--text-light);font-weight:300;letter-spacing:.2px;font-family:var(--font-text)}.scroll-indicator{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:100;width:90%;max-width:800px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;padding:0}.progress-dots{display:flex;justify-content:space-between;align-items:center;position:relative}.progress-dots:before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:#ffffff1a;z-index:-1}.year-mark{font-family:var(--font-timeline);font-size:1.1rem;color:var(--text-dim);cursor:pointer;transition:all .4s ease;background:var(--bg-dark);padding:.5rem 1rem;border-radius:20px;border:1px solid transparent}.year-mark:hover{color:var(--text-light);transform:translateY(-2px)}.year-mark.active{color:var(--accent-gold);font-weight:700;font-size:1.3rem;border-color:#d4af374d;background:#141414e6;box-shadow:0 0 15px #d4af3733}.era-title,.era-number,.era-subtitle,.era-description{opacity:0;transform:translateY(30px);transition:none}.read-more-btn{margin-top:1.5rem;position:relative;background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(212,175,55,.3);color:var(--accent-gold);padding:1rem 2rem;font-size:.95rem;text-transform:uppercase;letter-spacing:2px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border-radius:8px;font-weight:600;overflow:hidden;z-index:1;font-family:var(--font-title)}.read-more-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.2),transparent);transition:.5s;z-index:-1}.read-more-btn:hover:before{left:100%;transition:.5s}.read-more-btn:hover{background:#d4af3726;border-color:var(--accent-gold);box-shadow:0 0 20px #d4af3733,inset 0 0 10px #d4af371a;transform:translateY(-3px) scale(1.02);padding-right:2.5rem}.btn-arrow{width:20px;height:20px;transition:transform .4s ease;filter:drop-shadow(0 0 2px rgba(212,175,55,.5))}.read-more-btn:hover .btn-arrow{transform:translate(8px) scale(1.2)}.content-traditional .read-more-btn{writing-mode:vertical-lr;text-orientation:mixed;position:absolute;left:2rem;bottom:2rem;margin:0;width:45px;height:auto;min-height:120px;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:1.5rem .5rem;font-family:GLT galt tig,serif;font-size:1.6rem;background:#c8a02826;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--accent-gold);border:1px solid rgba(212,175,55,.3);border-radius:50px;box-shadow:inset 0 0 20px #d4af371a,0 5px 15px #0000004d;transition:all .4s cubic-bezier(.2,.6,.2,1);overflow:hidden}.content-traditional .read-more-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg) translateY(-100%);transition:transform .6s}.content-traditional .read-more-btn:hover:after{transform:rotate(45deg) translateY(100%)}.content-traditional .read-more-btn:hover{background:#d4af37e6;color:#111;border-color:var(--accent-gold);box-shadow:0 0 20px #d4af3766,0 10px 30px #0006;transform:translateY(-4px) scale(1.02);padding-right:.5rem}.content-traditional h1.long-title{font-size:1.7rem!important}.content{background:linear-gradient(135deg,#0a0a0acc,#1e1e1eb3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}#loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-dark);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;transition:opacity .5s ease}#loader.hidden{opacity:0;pointer-events:none}.loader-bar{width:300px;height:2px;background:#ffffff1a;border-radius:1px;overflow:hidden;margin-bottom:1.5rem}.loader-bar:after{content:"";display:block;width:0%;height:100%;background:var(--accent-gold);animation:loading 3s ease-in-out forwards}@keyframes loading{to{width:100%}}#loader p{font-size:.9rem;color:var(--text-dim);letter-spacing:1px;font-weight:300;font-family:var(--font-text)}.audio-control{position:fixed;bottom:2rem;right:2rem;z-index:1000}#music-toggle{background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:var(--accent-gold);width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:12px}#music-toggle:hover{background:#d4af3733;transform:scale(1.1);box-shadow:0 0 15px #d4af374d}#music-toggle svg{width:100%;height:100%}.hidden{display:none!important}#detail-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s}#detail-modal.active{opacity:1;visibility:visible}#detail-modal.active .modal-content{transform:scale(1);opacity:1}.modal-content{width:95%;max-width:1100px;height:85vh;background:#141414e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(212,175,55,.2);border-radius:30px;padding:4rem 3rem;position:relative;transform:scale(.9);opacity:0;transition:all .6s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 50px #000c;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent-gold) transparent}#close-modal{position:absolute;top:1.5rem;right:2rem;background:none;border:none;font-size:3rem;color:var(--text-dim);cursor:pointer;transition:color .3s;line-height:1}#close-modal:hover{color:var(--accent-gold)}.modal-grid{display:grid;grid-template-columns:1.7fr 1.7fr;gap:4rem;min-height:100%}.modal-content.is-sub-panel .modal-grid{display:flex;flex-direction:column;gap:2rem}.modal-content.is-sub-panel .modal-image-container{width:100%;height:auto;aspect-ratio:1000 / 500;max-height:60vh}.modal-image-container{height:100%;display:flex;flex-direction:column;gap:1.5rem;overflow:hidden}#detail-img{width:100%;flex:1;min-height:0;object-fit:cover;border-radius:8px;box-shadow:0 4px 15px #00000080}#detail-img-secondary{width:100%;flex-shrink:0;height:auto;aspect-ratio:1000 / 500;object-fit:cover;border-radius:6px;border:1px solid rgba(212,175,55,.2)}#detail-img-secondary.hidden{display:none}.modal-text{display:flex;flex-direction:column;justify-content:center}#detail-title{font-size:2.2rem;font-weight:700;color:var(--text-light);margin-bottom:1rem;background:linear-gradient(to right,#fff,var(--accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--font-title)}.modal-divider{width:100px;height:3px;background:var(--accent-gold);margin-bottom:2rem}.detail-block{margin-bottom:2rem}.detail-block h3{font-size:.9rem;color:var(--accent-gold);letter-spacing:2px;margin-bottom:.5rem;font-weight:600;font-family:var(--font-title)}.detail-block p{font-size:1rem;line-height:1.8;color:#ddd;font-weight:300;font-family:var(--font-text);margin-bottom:1.5rem}.successor-section{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(212,175,55,.2)}.successor-title{font-family:var(--font-title);font-size:1.2rem;color:var(--accent-gold);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:2px}.successor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.successor-card{background:#28282880;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.successor-card:hover{background:#d4af371a;border-color:var(--accent-gold);transform:translateY(-5px);box-shadow:0 5px 15px #d4af371a}.successor-card h4{font-family:var(--font-title);color:var(--text-light);font-size:1rem;margin-bottom:.2rem}.successor-card span{font-size:.8rem;color:var(--accent-gold)}#sub-panel-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.sub-nav-btns{display:flex;gap:1rem}.nav-btn{background:none;border:1px solid rgba(212,175,55,.3);color:var(--accent-gold);width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease}.nav-btn:hover{background:#d4af371a;border-color:var(--accent-gold);transform:scale(1.1)}.back-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:1px solid rgba(212,175,55,.3);color:var(--accent-gold);padding:.6rem 1.2rem;border-radius:20px;cursor:pointer;font-family:var(--font-title);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.back-btn:hover{background:#d4af371a;border-color:var(--accent-gold)}@media (max-width: 768px){.modal-grid{grid-template-columns:1fr;gap:2rem}.modal-image-container{height:250px}.modal-content{padding:2rem;height:90vh}#detail-title{font-size:2rem}}@media (max-width: 1024px){.era-section{padding:0 5%}.content{padding:2rem;max-width:450px}}@media (max-width: 768px){.era-section{padding:0 1.5rem}.content{padding:1.5rem;max-width:100%}.scroll-indicator{bottom:2rem;padding:.75rem 1.25rem}.dot{width:8px;height:8px}.dot.active{width:10px;height:10px}body{cursor:auto}.cursor-dot,.cursor-outline,#cursor-canvas{display:none}}#about-btn{position:fixed;top:2rem;right:2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.3);color:var(--accent-gold);padding:.8rem 1.5rem;font-family:var(--font-title);font-size:.9rem;text-transform:uppercase;letter-spacing:2px;cursor:pointer;z-index:1000;border-radius:30px;transition:all .3s ease}#about-btn:hover{background:#d4af3733;border-color:var(--accent-gold);box-shadow:0 0 15px #d4af374d;transform:translateY(-2px)}#about-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:2001;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s}#about-modal.active{opacity:1;visibility:visible}.about-content{width:90%;max-width:600px;background:#141414cc;border:1px solid var(--accent-gold);border-radius:20px;padding:3rem;position:relative;text-align:center;box-shadow:0 0 50px #d4af371a;transform:scale(.9);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}#about-modal.active .about-content{transform:scale(1)}.about-title{font-family:var(--font-title);font-size:2.5rem;color:var(--accent-gold);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:3px}.about-divider{width:100px;height:3px;background:var(--accent-gold);margin:0 auto 2rem}.about-text{font-family:var(--font-text);font-size:1.1rem;line-height:1.8;color:var(--text-light);margin-bottom:1rem}.about-credits-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0;text-align:left}.credits-label{font-family:var(--font-title);font-size:.9rem;color:var(--accent-gold);text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;border-bottom:1px solid rgba(212,175,55,.3);padding-bottom:.5rem}.credits-list{list-style:none;padding:0;margin:0}.credits-list li{font-family:var(--font-text);font-size:.9rem;color:var(--text-dim);margin-bottom:.5rem;position:relative;padding-left:1rem}.credits-list li:before{content:"•";position:absolute;left:0;color:var(--accent-gold)}.about-team{margin-top:2rem;font-family:var(--font-text);font-size:.95rem;color:var(--text-light);display:flex;flex-direction:column;gap:.5rem}.about-footer{margin-top:2rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;font-size:.8rem;color:var(--text-dim)}#close-about{position:absolute;top:1rem;right:1.5rem;background:none;border:none;font-size:2.5rem;color:var(--text-dim);cursor:pointer;transition:color .3s}#close-about:hover{color:var(--accent-gold)}