*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0a0a1a;color:#fff}body.constellation-page{overflow:hidden}#constellation-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}#info-container{position:fixed;top:60px;left:20px;z-index:10;max-width:400px;background:#0a0a1ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(100,150,255,.3);border-radius:12px;padding:24px;box-shadow:0 8px 32px #0006}.constellation-info{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.constellation-name{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#6e8eff,#a8bfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;text-shadow:0 0 30px rgba(110,142,255,.3);letter-spacing:4px}.info-section{margin-bottom:24px}.info-section h2{font-size:1.2rem;color:#8ebaff;margin-bottom:12px;border-bottom:1px solid rgba(100,150,255,.2);padding-bottom:8px}.info-item{display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px;background:#6496ff0d;border-radius:6px;transition:background .2s ease}.info-item:hover{background:#6496ff1a}.info-item .label{color:#a8bfff;font-weight:500;font-size:.9rem}.info-item .value{color:#fff;font-weight:400;font-size:.9rem;text-align:right}.info-item.description{flex-direction:column;gap:8px}.info-item.description .value{text-align:left;line-height:1.5;color:#c8d8ff}.mythology-text{line-height:1.6;color:#c8d8ff;font-size:.95rem;text-align:justify;max-height:200px;overflow-y:auto;padding-right:8px}.mythology-text::-webkit-scrollbar{width:6px}.mythology-text::-webkit-scrollbar-track{background:#6496ff1a;border-radius:3px}.mythology-text::-webkit-scrollbar-thumb{background:#6496ff66;border-radius:3px}.mythology-text::-webkit-scrollbar-thumb:hover{background:#6496ff99}.tooltip{position:fixed;background:#0a0a1af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(100,150,255,.4);border-radius:8px;padding:12px 16px;color:#fff;font-size:.9rem;font-weight:500;pointer-events:none;z-index:1000;box-shadow:0 4px 16px #0000004d;min-width:200px;max-width:300px;animation:tooltipFade .2s ease-out}.tooltip-name{font-size:1.1rem;font-weight:700;color:#8ebaff;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(100,150,255,.2)}.tooltip-details{display:flex;flex-direction:column;gap:6px}.tooltip-item{display:flex;justify-content:space-between;align-items:center}.tooltip-item.tooltip-description{flex-direction:column;align-items:flex-start;gap:4px;margin-top:4px;padding-top:4px;border-top:1px solid rgba(100,150,255,.1)}.tooltip-label{color:#a8bfff;font-weight:500;font-size:.85rem}.tooltip-value{color:#fff;font-weight:400;font-size:.85rem;text-align:right}.tooltip-item.tooltip-description .tooltip-value{text-align:left;line-height:1.4;color:#c8d8ff;font-size:.8rem}@keyframes tooltipFade{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){#info-container{top:50px;left:10px;right:10px;max-width:none;padding:16px}.constellation-name{font-size:2rem}.info-section h2{font-size:1rem}.info-item .label,.info-item .value{font-size:.85rem}.back-button{top:10px;left:10px;padding:8px 12px;font-size:.8rem}.language-selector{top:10px;right:10px;padding:6px 10px}}#gallery-container{min-height:auto;padding:40px 20px 100px;background:linear-gradient(135deg,#0a0a1a,#0f0f2a,#1a1a3a)}.gallery-header{text-align:center;margin-bottom:60px;animation:fadeIn .8s ease-in}.gallery-title{font-size:4rem;font-weight:700;background:linear-gradient(135deg,#6e8eff,#a8bfff,#c8d8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;text-shadow:0 0 40px rgba(110,142,255,.3);letter-spacing:4px}.gallery-subtitle{font-size:1.2rem;color:#a8bfff;max-width:600px;margin:0 auto;line-height:1.6}.constellation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1400px;margin:0 auto;padding:0 20px}.constellation-card{background:#0a0a1a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(100,150,255,.2);border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease;animation:fadeIn .6s ease-in}.constellation-card:hover{transform:translateY(-8px);border-color:#6496ff80;box-shadow:0 12px 40px #6e8eff33;background:#0a0a1acc}.card-content{display:flex;flex-direction:column;gap:16px}.card-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#8ebaff,#c8d8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:2px}.card-info{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#6496ff0d;border-radius:8px}.card-label{color:#a8bfff;font-weight:500;font-size:.9rem}.card-value{color:#fff;font-weight:400;font-size:.9rem}.card-description{color:#c8d8ff;font-size:.95rem;line-height:1.6;margin:0;flex-grow:1}.card-action{margin-top:8px}.card-link{color:#8ebaff;font-weight:600;font-size:1rem;transition:color .2s ease}.constellation-card:hover .card-link{color:#c8d8ff}.back-button{position:fixed;top:10px;left:20px;background:#0a0a1ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(100,150,255,.3);border-radius:8px;padding:12px 20px;color:#8ebaff;text-decoration:none;font-weight:600;font-size:.95rem;z-index:1000;transition:all .3s ease;box-shadow:0 4px 16px #0000004d}.back-button:hover{background:#0a0a1af2;border-color:#6496ff80;color:#c8d8ff;transform:translateY(-2px);box-shadow:0 6px 20px #6e8eff33}@media (max-width: 768px){#gallery-container{padding:20px 10px 80px}.gallery-title{font-size:2.5rem}.gallery-subtitle{font-size:1rem}.constellation-grid{grid-template-columns:1fr;gap:16px;padding:0 10px}.card-title{font-size:1.5rem}.back-button{top:10px;left:10px;padding:10px 16px;font-size:.85rem}#info-container{top:50px}.footer{padding:10px}.footer-text{font-size:.7rem}.footer-link{font-size:.75rem}.footer-separator{font-size:.7rem;padding:0 4px}.language-selector{top:10px;right:10px;padding:6px 10px}}@media (max-width: 480px){.footer-nav{flex-wrap:wrap;gap:8px}.footer-info{flex-wrap:wrap;gap:4px}.footer-separator{padding:0 4px}}.footer{position:relative;width:100%;background:#0a0a1ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(100,150,255,.2);padding:12px 20px;margin-top:20px;text-align:center;box-shadow:0 -4px 20px #0000004d}.footer.fixed{position:fixed;bottom:0;left:0;margin-top:0;z-index:5}.footer-nav{display:flex;justify-content:center;gap:16px}.footer-link{background:transparent;border:none;color:#64748b;cursor:pointer;font-size:.85rem;text-decoration:underline;padding:0;transition:color .2s ease}.footer-link:hover{color:#94a3b8}.footer-info{display:flex;flex-direction:row;justify-content:center;gap:8px;align-items:center}.footer-text{color:#64748b;font-size:.75rem;font-weight:400;margin:0;letter-spacing:.5px}.footer-separator{color:#64748b;font-size:.75rem;padding:0 8px}.language-selector{position:fixed;top:10px;right:20px;z-index:1000;display:flex;align-items:center;gap:8px;background:#0a0a1ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(100,150,255,.3);border-radius:8px;padding:8px 12px;box-shadow:0 4px 16px #0000004d;transition:all .3s ease}.language-selector:hover{border-color:#6496ff80;box-shadow:0 6px 20px #6e8eff33}.language-label{font-size:1.2rem;cursor:pointer;-webkit-user-select:none;user-select:none}.language-select{background:#6496ff1a;border:1px solid rgba(100,150,255,.3);border-radius:4px;padding:4px 8px;color:#a8bfff;font-size:.9rem;font-weight:500;cursor:pointer;outline:none;transition:all .2s ease}.language-select:hover{background:#6496ff33;border-color:#6496ff80}.language-select:focus{border-color:#6496ffb3;box-shadow:0 0 0 2px #6496ff33}.language-select option{background:#0a0a1af2;color:#a8bfff;padding:8px}.language-selector-top-left{top:20px;left:20px;right:auto}.language-selector-top-right{top:20px;right:20px;left:auto}.language-selector-bottom-left{bottom:20px;left:20px;right:auto;top:auto}.language-selector-bottom-right{bottom:20px;right:20px;left:auto;top:auto}#page-container{min-height:100vh;padding:80px 20px 40px;background:linear-gradient(135deg,#0a0a1a,#0f0f2a,#1a1a3a)}.page-content{max-width:900px;margin:0 auto;animation:fadeIn .8s ease-in}.page-title{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#6e8eff,#a8bfff,#c8d8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;text-shadow:0 0 40px rgba(110,142,255,.3);letter-spacing:2px}.page-meta{font-size:.95rem;color:#a8bfff;margin-bottom:40px;font-style:italic}.content-section{background:#0a0a1a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(100,150,255,.2);border-radius:12px;padding:24px;margin-bottom:24px;animation:fadeIn .6s ease-in}.content-section h2{font-size:1.5rem;font-weight:600;color:#8ebaff;margin-bottom:16px;border-bottom:1px solid rgba(100,150,255,.2);padding-bottom:12px}.content-section p{color:#c8d8ff;font-size:1rem;line-height:1.7;margin:0}@media (max-width: 768px){#page-container{padding:60px 15px 30px}.page-title{font-size:2rem}.page-meta{font-size:.85rem}.content-section{padding:16px;margin-bottom:16px}.content-section h2{font-size:1.25rem}.content-section p{font-size:.9rem}}