body{margin:0;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#000;color:#fff}.planet-info-content{background:rgba(5,5,20,.9);padding:20px;border:1px solid rgba(255,255,150,.6);box-shadow:0 0 20px #ffff9666;border-radius:10px;color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto}.close-btn{color:#ff9;float:right;font-size:26px;font-weight:700;cursor:pointer;transition:.2s}.close-btn:hover{color:#fff;transform:scale(1.1)}#planetName{color:#ff9;font-size:1.4em;margin-bottom:10px;border-bottom:1px solid rgba(255,255,200,.3);padding-bottom:5px}#planetDetails{color:#fff;font-size:.95em;line-height:1.5;white-space:pre-line}.quiz{position:absolute;bottom:25px;right:25px;background:rgba(10,10,35,.95);color:#fff;padding:20px;border-radius:12px;width:300px;z-index:15;box-shadow:0 0 15px #00ffff40;border:1px solid rgba(0,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .4s ease-in-out,transform .4s ease-in-out}.quiz.hidden{opacity:0;transform:scale(.9);pointer-events:none}.quiz h2{text-align:center;color:#00eaff;margin-top:0;font-size:1.2em}.quiz button{display:block;width:100%;background:linear-gradient(90deg,#007bff,#00ffff);color:#fff;border:none;margin:6px 0;padding:8px 10px;border-radius:6px;cursor:pointer;font-weight:500;transition:transform .15s,box-shadow .2s,opacity .2s}.quiz button:hover{transform:scale(1.03);box-shadow:0 0 10px #0ff;opacity:.95}#quiz-result{text-align:center;margin-top:10px;font-weight:700;color:#0fc}#restart-btn{background:#ffcc00;color:#000;border:none;padding:8px 10px;border-radius:6px;cursor:pointer;margin-top:8px;font-weight:700;width:100%;transition:background .3s}#restart-btn:hover{background:#ffdf33}.dg{font:11px Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important;background:rgba(15,15,25,.95)!important;border-radius:8px!important;box-shadow:0 0 15px #0ff3}.dg.main .close-button{background:#00bcd4!important;color:#000!important;font-weight:700;border-radius:0 0 6px 6px!important}.dg .cr.number{border-left:3px solid #00bcd4!important;background:rgba(0,0,0,.4)!important}.dg .cr.number input[type=text]{color:#0ff!important;background:rgba(0,0,0,.6)!important;border:1px solid #00bcd4!important;border-radius:4px!important}.dg .cr.number .slider-fg{background:linear-gradient(90deg,#00bcd4,#00ffff)!important;border-radius:4px!important}.dg .cr.number .slider{background:rgba(255,255,255,.1)!important;border-radius:4px!important}.dg .property-name{color:#fff!important;text-shadow:0 0 3px #00ffff}.compare-btn:hover{transform:scale(1.02);box-shadow:0 0 20px #70f9}.planet-selector{display:none;position:fixed;left:35%;top:20%;width:25%;background:rgba(5,5,20,.95);padding:25px;border:1px solid rgba(255,255,150,.6);border-radius:15px;z-index:25;box-shadow:0 0 30px #0ff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.planet-option{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);padding:15px;margin:8px 0;border-radius:8px;cursor:pointer;transition:all .3s;font-size:1.1em;text-align:center}.planet-option:hover{background:rgba(255,255,255,.2);transform:scale(1.03);box-shadow:0 0 15px #00ffff4d}.comparison-view{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:30;display:none}.planet-info{display:none;position:fixed;left:2%;top:20%;width:35%;z-index:20;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.comparison-view{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:30;display:none;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.comparison-content{display:flex;justify-content:center;align-items:center;height:100%;padding:30px;gap:40px;max-width:1400px;margin:0 auto}.planet-compare-info{flex:1;background:rgba(5,5,20,.95);padding:25px;border-radius:15px;border:1px solid rgba(255,255,150,.6);box-shadow:0 0 40px #00ffff26,inset 0 0 20px #ffff961a;max-width:450px;transition:transform .3s ease}.planet-compare-info:hover{transform:translateY(-5px)}.planet-compare-details{margin-top:15px;padding:15px;background:rgba(255,255,255,.08);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.planet-compare-details p{margin:8px 0;line-height:1.6;font-size:1.05em;color:#eee}.compare-btn{background:linear-gradient(135deg,#7700ff,#00ffff);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;margin-top:25px;font-weight:600;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1.1em;text-transform:uppercase;letter-spacing:.5px}.compare-btn:hover{transform:scale(1.02) translateY(-2px);box-shadow:0 0 25px #7700ffb3,0 5px 15px #0000004d}.comparison-view{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);z-index:30;display:none;animation:fadeIn .5s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}.comparison-content{display:flex;justify-content:center;align-items:flex-start;height:100%;padding:40px 20px;gap:60px;max-width:1600px;margin:0 auto;overflow-y:auto}.planet-compare-info{flex:1;max-width:500px;background:linear-gradient(135deg,rgba(5,5,20,.95),rgba(10,10,30,.95));padding:30px;border-radius:20px;border:2px solid rgba(255,255,150,.6);box-shadow:0 0 50px #0ff3,inset 0 0 30px #ffff961a,0 10px 30px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.planet-compare-info:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7700ff,#00ffff,#7700ff);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.planet-compare-info:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 0 60px #0ff6,inset 0 0 40px #ffff9626,0 20px 40px #0006}.planet-compare-info h2{color:#00eaff;font-size:2.2em;margin:0 0 25px;text-align:center;text-shadow:0 0 15px rgba(0,234,255,.5);font-weight:700;letter-spacing:1px;position:relative}.planet-compare-info h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#7700ff,#00ffff);border-radius:2px}.planet-compare-details{margin-top:20px;padding:25px;background:rgba(255,255,255,.05);border-radius:15px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.planet-compare-details p{margin:15px 0;line-height:1.8;font-size:1.1em;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.planet-compare-details p:last-child{border-bottom:none}.planet-compare-details p:hover{background:rgba(255,255,255,.05);padding-left:10px;border-radius:8px}.planet-compare-details p strong{color:#ff9;font-weight:600;min-width:120px;text-align:left}.comparison-content .compare-btn{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:250px;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;padding:15px 30px;border-radius:12px;cursor:pointer;font-weight:700;font-size:.9em;text-transform:uppercase;letter-spacing:1px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 5px 20px #ff6b354d}.comparison-content .compare-btn:hover{transform:translate(-50%) translateY(-3px) scale(1.05);box-shadow:0 10px 30px #ff6b3580;background:linear-gradient(135deg,#ff8563,#ffa94e)}@media (max-width: 768px){.comparison-content{flex-direction:column;padding:20px 15px;gap:30px;align-items:center}.planet-compare-info{max-width:100%;margin:0}.planet-compare-info h2{font-size:1.8em}.comparison-content .compare-btn{position:relative;bottom:auto;left:auto;transform:none;margin-top:30px}}.planet-selector{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:400px;max-width:90vw;background:linear-gradient(135deg,rgba(5,5,20,.98),rgba(15,15,40,.98));padding:30px;border:2px solid rgba(255,255,150,.6);border-radius:20px;z-index:35;box-shadow:0 0 50px #00ffff4d,inset 0 0 30px #ffff961a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:popIn .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.planet-selector h3{color:#00eaff;text-align:center;margin:0 0 25px;font-size:1.4em;text-shadow:0 0 10px rgba(0,234,255,.5)}.planet-option{background:rgba(255,255,255,.08);color:#fff;border:2px solid rgba(255,255,255,.2);padding:15px 20px;margin:10px 0;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1.1em;text-align:center;font-weight:500;position:relative;overflow:hidden}.planet-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.planet-option:hover{background:rgba(255,255,255,.15);border-color:#00ffff80;transform:translateY(-2px) scale(1.02);box-shadow:0 5px 20px #0ff3;color:#0ff}.planet-option:hover:before{left:100%}.planet-option:active{transform:translateY(0) scale(.98)}