html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{width:100%;display:flex;justify-content:center;align-items:center;gap:50px;padding:20px 0;background-color:#021a3a}.navbar a{color:#cfe6ff;text-decoration:none;font-size:22px;font-weight:500;position:relative;transition:.25s}.navbar a.active,.navbar a:hover{color:#fff}.navbar a.active:after,.navbar a:hover:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:3px;background-color:#4dafff;border-radius:4px}.home-container{background:radial-gradient(circle at 20% 20%,#05204a,#000814 70%);width:100%;min-height:100vh;margin:0;padding:0;color:#fff;font-family:Arial,sans-serif}.video-banner{position:relative;width:100vw;height:70vh;overflow:hidden;border-bottom:2px solid rgba(80,160,255,.3)}.video-banner video{width:100%;height:100%;object-fit:cover;filter:brightness(55%)}.video-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.title{font-size:48px;letter-spacing:4px;text-shadow:0 0 15px #4dafff,0 0 30px #1d6fe3}.subtitle{font-size:22px;margin-top:10px;opacity:.8;text-shadow:0 0 10px #4dafff}.description{padding:40px 20px;max-width:900px;margin:auto;text-align:center}.description h2{font-size:32px;margin-bottom:20px;text-shadow:0 0 10px #4dafff}.description p{font-size:18px;line-height:1.7;margin-bottom:10px;color:#d0d7ff}.char-card{background:#00143299;border:1px solid rgba(80,160,255,.2);border-radius:12px;padding:16px;color:#fff;width:250px;min-height:380px;display:flex;flex-direction:column;justify-content:flex-start;transition:.3s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.char-card:hover{transform:translateY(-6px);box-shadow:0 0 25px #50a0ff80}.char-card img{width:100%;height:180px;object-fit:cover;object-position:top;border-radius:8px;margin-bottom:10px}.role{color:#4dafff;font-weight:700}.char-card h3{min-height:28px}.desc{margin-top:auto}.starfield{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;pointer-events:none;overflow:hidden;background:#000}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.2;animation:flicker 3s infinite ease-in-out}@keyframes flicker{0%{opacity:.15;transform:scale(1)}50%{opacity:.9;transform:scale(1.6)}to{opacity:.15;transform:scale(1)}}.characters-page{padding:30px;color:#fff}.characters-page h1{text-align:center;font-size:36px;margin-bottom:20px;text-shadow:0 0 15px #4dafff}.filters{display:flex;justify-content:center;gap:12px;margin-bottom:30px}.filters button{padding:8px 18px;background:#001e4699;border:1px solid rgba(80,160,255,.3);color:#fff;cursor:pointer;border-radius:6px;transition:.25s}.filters button:hover{background:#50a0ff66}.filters .active{background:#4dafff;color:#000}.grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.movies-page{padding:40px 10%;color:#fff;position:relative;min-height:100vh}.movies-page h1{font-size:38px;margin-bottom:25px;text-shadow:0 0 15px #4dafff;text-align:center}.era-explained{background:#000f28bf;padding:20px;width:80%;max-width:1200px;border-radius:12px;border:1px solid rgba(80,160,255,.3);margin:0 auto 40px}.era-explained h2{margin-bottom:10px;text-shadow:0 0 10px #4dafff}.era-explained ul{margin-top:5px;padding-left:20px}.toc-block{background:#000f28bf;padding:20px;width:80%;max-width:1200px;margin:20px auto 40px;border-radius:12px;border:1px solid rgba(80,160,255,.3)}.toc-block h3{margin-bottom:12px;font-size:24px}.toc-block ul{list-style:none;margin:0;padding:0}.toc-line{margin-bottom:8px}.toc-btn{width:100%;text-align:left;background:#00143ccc;padding:12px 16px;border-radius:10px;border:1px solid rgba(80,160,255,.25);color:#fff;cursor:pointer;font-size:17px;transition:.25s}.toc-btn:hover{background:#50a0ff59;transform:translate(6px)}.toc-year{font-weight:700;color:#4dafff}.details-list{width:85%;max-width:1600px;margin:40px auto;display:flex;flex-direction:column;gap:40px}.movie-detail{background:#000a1ed9;border:1px solid rgba(80,160,255,.25);border-radius:14px;padding:24px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.movie-detail h4{font-size:26px;font-weight:600;margin-bottom:18px;text-shadow:0 0 12px #4dafff}.movie-content{display:flex;gap:26px}.movie-poster{width:400px;max-height:450px;object-fit:contain;background:#ffffff08;border-radius:12px}.movie-info{display:flex;flex-direction:column;font-size:16px}.movie-info p{margin:6px 0}.movie-desc{margin-top:10px;line-height:1.6;opacity:.9}.universe-page{padding:20px;text-align:center;color:#fff}.universe-page h1{font-size:38px;margin-bottom:15px;text-shadow:0 0 10px #4dafff}.map-wrapper{width:98%;margin:0 auto;overflow:hidden;position:relative;border-radius:12px;border:1px solid rgba(80,160,255,.3);cursor:grab}.map-wrapper:active{cursor:grabbing}.map-image{width:100%;height:auto;display:block;transform-origin:top left;-webkit-user-select:none;user-select:none;pointer-events:none}.zoom-tip{opacity:.75;margin-top:12px}