@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body,html{color:#fff;background-color:#050505;width:100%;height:100%;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#root{width:100%;height:100%}.app-container{width:100%;height:100vh;position:relative}.canvas-container{cursor:grab;width:100%;height:100%;position:absolute;top:0;left:0}.canvas-container:active{cursor:grabbing}.title-overlay{pointer-events:none;z-index:10;position:absolute;top:2rem;left:2rem}.title-overlay h1{letter-spacing:-1px;background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-text-fill-color:transparent;text-transform:uppercase;-webkit-background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:800}.title-overlay p{color:#fff9;font-size:1rem;font-weight:300}.planet-info-overlay{-webkit-backdrop-filter:blur(16px);z-index:20;background:#141419a6;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;gap:1.5rem;width:380px;padding:2rem;display:flex;position:absolute;top:2rem;right:2rem;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a}.planet-info-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-start;padding-bottom:1rem;display:flex}.planet-info-header h2{margin-bottom:.25rem;font-size:2.5rem;font-weight:600}.planet-type{text-transform:uppercase;letter-spacing:2px;color:#a0a0ff;font-size:.9rem;font-weight:600}.close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.close-btn:hover{background:#fff3;transform:scale(1.05)}.planet-info-content{flex-direction:column;gap:1.5rem;display:flex}.description{color:#fffc;font-size:1rem;font-weight:300;line-height:1.6}.facts-grid{background:#0003;border:1px solid #ffffff0d;border-radius:16px;grid-template-columns:1fr;gap:1rem;padding:1.5rem;display:grid}.fact-item{border-bottom:1px dashed #ffffff1a;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.fact-item:last-child{border-bottom:none;padding-bottom:0}.fact-label{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:400}.fact-value{color:#fff;font-size:1rem;font-weight:600}.lang-toggle{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;letter-spacing:.5px;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:background .2s;position:absolute;bottom:2rem;left:2rem}.lang-toggle:hover{background:#fff3}@media (width<=600px){.planet-info-overlay{width:100%;max-height:65vh;padding:1.2rem 1.2rem env(safe-area-inset-bottom,1.5rem);border-radius:20px 20px 0 0;gap:.75rem;inset:auto 0 0;overflow-y:auto}.planet-info-header h2{font-size:1.4rem}.planet-info-content{gap:.75rem}.description{font-size:.85rem;line-height:1.5}.facts-grid{gap:.5rem;padding:.75rem}.fact-label{font-size:.75rem}.fact-value{font-size:.85rem}.title-overlay h1{font-size:1.6rem}.title-overlay p{font-size:.75rem}.lang-toggle{padding:.35rem .7rem;font-size:.8rem;inset:1rem 1rem auto auto}}.planet-info-sheet{-webkit-backdrop-filter:blur(20px);z-index:20;cursor:grab;background:#0f0f14f2;border:1px solid #ffffff1a;border-radius:20px 20px 0 0;height:90vh;padding:0 1.2rem 2rem;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 40px #00000080}.planet-info-sheet:active{cursor:grabbing}.sheet-handle-wrap{justify-content:center;padding:.75rem 0 1rem;display:flex}.sheet-handle{background:#ffffff40;border-radius:2px;width:40px;height:4px}