:root{--bg-color: #0b0e14;--panel-bg: #1a1b1e;--accent-blue: #4dabf7;--accent-yellow: #fab005;--accent-green: #40c057;--text-color: #ced4da;--grid-bg: #25262b;--cell-bg: #2c2e33;--border-color: #373a40}body,html{margin:0;padding:0;width:100%;height:100%;background:var(--bg-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}#viewport{position:relative;width:100vw;height:100vh;perspective:1000px;overflow:hidden}#modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:4000;align-items:center;justify-content:center}#modal{background:var(--panel-bg);padding:30px;border-radius:20px;width:90%;max-width:320px;text-align:center}.modal-buttons{display:flex;gap:12px;margin-top:20px}.modal-buttons button{flex:1;padding:12px;border-radius:10px;border:none;cursor:pointer;font-weight:600}.modal-confirm{background:#fa5252;color:#fff}.modal-cancel{background:var(--cell-bg);color:var(--text-color)}.text-btn{cursor:pointer;opacity:.4;transition:opacity .2s;display:flex;align-items:center;gap:5px;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:13px}.text-btn:hover{opacity:1}#settings-toggle{cursor:pointer;font-size:20px;position:absolute;top:30px;right:30px;opacity:.4;transition:opacity .2s;color:var(--text-color);z-index:100}@media(max-width:600px){.btn-text{display:none}.text-btn{font-size:24px}}#universe{position:absolute;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.4,0,.2,1),opacity .5s;transform-style:preserve-3d}body.zoomed #universe{transform:scale(3) translate(var(--zoom-x, 0),var(--zoom-y, 0));opacity:.3;pointer-events:none}.cluster{position:absolute;width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;outline:none}.cluster-core{width:40px;height:40px;background:#fff;border-radius:50%;filter:blur(10px);box-shadow:0 0 30px 15px #ffffff1a;transition:transform .3s}.cluster:hover .cluster-core{transform:scale(1.2)}.cluster-label{margin-top:15px;display:flex;flex-direction:column;align-items:center;gap:2px}.cluster-name{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:200;white-space:nowrap;background:#0006;padding:2px 8px;border-radius:10px}.cluster-status{font-size:10px;font-family:monospace;text-transform:uppercase;letter-spacing:1px;font-weight:700;opacity:.9}.status-scanning{color:#fd7e14}.status-stable{color:#40c057}#sector-alpha{top:50%;left:50%;transform:translate(-50%,-50%)}#sector-crimson{top:20%;left:50%;transform:translate(-50%,-50%)}#sector-azure{top:35%;left:80%;transform:translate(-50%,-50%)}#sector-obsidian{top:65%;left:80%;transform:translate(-50%,-50%)}#sector-emerald{top:80%;left:50%;transform:translate(-50%,-50%)}#sector-amber{top:65%;left:20%;transform:translate(-50%,-50%)}#sector-indigo{top:35%;left:20%;transform:translate(-50%,-50%)}@media(max-width:600px){#sector-alpha{top:50%;left:50%}#sector-crimson{top:25%;left:50%}#sector-azure{top:37%;left:82%}#sector-obsidian{top:63%;left:82%}#sector-emerald{top:75%;left:50%}#sector-amber{top:63%;left:18%}#sector-indigo{top:37%;left:18%}}#system-view{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:20;pointer-events:none;background:radial-gradient(circle at center,rgba(26,27,30,.9) 0%,transparent 85%);opacity:0;transform:scale(.1);transition:opacity .8s ease,transform 1.2s cubic-bezier(.4,0,.2,1)}body.zoomed #system-view{opacity:1;transform:scale(1);pointer-events:all}@keyframes corona{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.5}to{transform:scale(1);opacity:.3}}.central-sun{width:100px;height:100px;border-radius:50%;position:relative;z-index:2;pointer-events:none}.sun-halo{position:absolute;width:140px;height:140px;border-radius:50%;z-index:1;animation:corona 4s infinite ease-in-out;filter:blur(10px)}#planet-container{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.planet-wrapper{position:absolute;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.planet-wrapper:hover{transform:scale(1.1);z-index:10}.planet-sphere{border-radius:50%;box-shadow:inset -8px -8px 15px #0009;border:1px solid rgba(255,255,255,.15)}.planet-wrapper.completed .planet-sphere{box-shadow:inset -8px -8px 15px #0009,0 0 0 2px var(--bg-color),0 0 0 6px var(--accent-green)}.planet-wrapper.in-progress .planet-sphere{box-shadow:inset -8px -8px 15px #0009,0 0 0 2px var(--bg-color),0 0 0 3px #fd7e14}.type-rocky{background:linear-gradient(135deg,#a8a095,#5d5751)}.type-water{background:linear-gradient(135deg,#4dabf7,#1864ab)}.type-gas{background:linear-gradient(135deg,#ff922b,#d9480f)}.type-ice{background:linear-gradient(135deg,#e7f5ff,#74c0fc)}.planet-label{margin-top:8px;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:600;background:#0009;padding:2px 6px;border-radius:4px;white-space:nowrap;color:#fff}#game-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-color);z-index:2000;display:none;flex-direction:column;align-items:center;padding:40px 20px;box-sizing:border-box;overflow-y:auto}#grid{display:grid;grid-gap:4px;background:var(--grid-bg);padding:8px;border-radius:12px;box-shadow:0 4px 20px #0000004d;width:fit-content;max-width:98vw;margin:0 auto;box-sizing:border-box}.cell{--vw-unit: min(100vw, 500px);--paddings: 80px;--gaps: calc(4px * (var(--grid-width, 8) - 1));--cell-w: calc((var(--vw-unit) - var(--paddings) - var(--gaps)) / var(--grid-width, 8));width:min(var(--cell-w),60px);height:min(var(--cell-w),60px);aspect-ratio:1 / 1;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;transition:all .2s ease;background-color:var(--cell-bg);border:2px solid transparent;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;background-clip:padding-box;padding:0;color:var(--text-color);font-size:clamp(8px,3.5vw,18px)}.cell.active{background-color:var(--accent-blue)!important;color:#fff!important;box-shadow:0 2px 8px #4dabf766;background-clip:content-box}.cell.marked{position:relative}.cell.marked:after{content:"";position:absolute;inset:4px;border:4px dotted rgba(255,255,255,.4);border-radius:2px;pointer-events:none}.cell.correct{border-color:var(--accent-green);box-shadow:inset 0 0 10px #40c05780}.cell.too-many{border-color:#fa5252;box-shadow:inset 0 0 10px #fa525280;color:#fa5252}.cell.override{background-color:var(--accent-yellow)!important;color:#fff!important;box-shadow:0 0 15px #fab00599;background-clip:padding-box!important}#back-to-galaxy{position:absolute;top:30px;left:30px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:20px;cursor:pointer;text-transform:uppercase;z-index:100;font-size:11px;letter-spacing:1px}#next-btn.glow{opacity:1;color:#fab005;text-shadow:0 0 8px rgba(250,176,5,.6);animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{text-shadow:0 0 5px rgba(250,176,5,.4)}50%{text-shadow:0 0 20px rgba(250,176,5,.8)}to{text-shadow:0 0 5px rgba(250,176,5,.4)}}#help-panel{display:none;position:absolute;top:70px;left:30px;background:var(--panel-bg);padding:25px;border-radius:20px;box-shadow:0 10px 30px #0000004d;z-index:3000;width:85%;max-width:350px;font-size:14px;line-height:1.6;color:var(--text-color);overflow-y:auto;max-height:80vh}#settings-panel{display:none;position:absolute;top:70px;right:30px;background:var(--panel-bg);padding:20px;border-radius:16px;box-shadow:0 10px 30px #0000004d;z-index:3000;width:220px}#settings-panel button{width:100%;margin-top:10px;padding:12px;border-radius:8px;border:none;cursor:pointer;font-weight:600;background:var(--accent-blue);color:#fff}#offline-status{font-size:10px;text-transform:uppercase;letter-spacing:1px;opacity:.5;margin-top:15px;text-align:center}