#intro-screen{z-index:99999;width:100vw;height:100vh;color:var(--text-main,#f3f3f6);background:radial-gradient(circle,#0b0b26 0%,#03030c 100%);justify-content:center;align-items:center;transition:opacity 1s cubic-bezier(.25,1,.5,1);display:flex;position:fixed;top:0;left:0;overflow:hidden}.intro-card{-webkit-backdrop-filter:blur(12px);text-align:center;z-index:10;background:#0a0a1ebf;border:1px solid #ffffff14;border-radius:20px;width:440px;padding:40px;transition:all .5s cubic-bezier(.25,1,.5,1);box-shadow:0 24px 64px #000c,0 0 40px #00f0ff1f}.intro-card.hidden{opacity:0;pointer-events:none;transform:scale(.9)translateY(30px)}.intro-card h1{font-family:var(--font-display,"Outfit", sans-serif);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(135deg,#00f0ff 0%,#ff007f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:28px;font-weight:800}.intro-card p{font-family:var(--font-body,"Inter", sans-serif);color:var(--text-muted,#9e9eb3);margin-bottom:30px;font-size:14px;line-height:1.6}.input-container{margin-bottom:25px;position:relative}.input-container input{color:#fff;width:100%;font-family:var(--font-body,"Inter", sans-serif);text-align:center;background:#ffffff08;border:1px solid #ffffff1f;border-radius:12px;outline:none;padding:16px 20px;font-size:16px;transition:all .3s}.input-container input:focus{background:#ffffff0f;border-color:#00f0ff;box-shadow:0 0 15px #00f0ff4d}.input-container input::placeholder{color:#ffffff4d}.intro-card button{color:#03030c;width:100%;font-family:var(--font-display,"Outfit", sans-serif);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:linear-gradient(90deg,#00f0ff,#ff007f);border:none;border-radius:12px;padding:16px 24px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 8px 24px #00f0ff40}.intro-card button:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 12px 30px #00f0ff73}.intro-card button:active{transform:translateY(1px)}.stage-container{opacity:0;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s;display:flex;position:absolute;top:0;left:0}.stage-container.active{opacity:1}.launch-pad-svg{width:100%;height:100%;overflow:visible}.avatar{transition:transform 1.2s cubic-bezier(.4,0,.2,1),opacity .6s}.speech-bubble{opacity:0;transform-origin:0 100%;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform:scale(.8)translate(-50%,-100%)}.speech-bubble.visible{opacity:1;transform:scale(1)translate(-50%,-100%)}.rocket-vessel{transform-origin:bottom;transition:transform .5s}.engine-flame{opacity:0;transition:all .4s;transform:scaleY(.1)}.stage-container.igniting .engine-flame{opacity:1;animation:.15s infinite alternate flame-pulse}.smoke-cloud{opacity:0;transform-origin:50%;transition:all .5s;transform:scale(.5)}.stage-container.igniting .smoke-cloud{opacity:.8;animation:2s ease-out infinite smoke-drift}@keyframes screen-shake{0%{transform:translate(0)rotate(0)}10%{transform:translate(-2px,-2px)rotate(-.5deg)}20%{transform:translate(2px,1px)rotate(.5deg)}30%{transform:translate(-1px,2px)rotate(0)}40%{transform:translate(3px,-1px)rotate(.5deg)}50%{transform:translate(-2px,2px)rotate(-.5deg)}60%{transform:translate(2px,-2px)rotate(0)}70%{transform:translate(-1px,-1px)rotate(.5deg)}80%{transform:translate(3px,2px)rotate(-.5deg)}90%{transform:translate(-2px,-1px)rotate(0)}to{transform:translate(0)rotate(0)}}.shaking{animation:.12s infinite screen-shake}@keyframes liftoff{0%{transform:translateY(0)}30%{transform:translateY(-10px)}to{transform:translateY(-700px)}}.stage-container.liftoff .rocket-vessel{animation:1.8s cubic-bezier(.55,.055,.675,.19) forwards liftoff}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.twinkle-star{animation:2s ease-in-out infinite twinkle}.twinkle-star:nth-child(odd){animation-duration:2.5s;animation-delay:.7s}.twinkle-star:nth-child(3n){animation-duration:3s;animation-delay:1.3s}@keyframes beacon-blink{0%,70%,to{opacity:.3}75%,95%{opacity:1}}.beacon-blink{animation:1.5s ease-in-out infinite beacon-blink}.footprints{transition:opacity 1s}#warp-flash{mix-blend-mode:overlay;z-index:100000;opacity:0;pointer-events:none;background:#fff;width:100vw;height:100vh;transition:opacity .6s cubic-bezier(.215,.61,.355,1);position:fixed;top:0;left:0}#warp-flash.active{opacity:1;mix-blend-mode:normal;background:radial-gradient(circle,#fff 0%,#00f0ff 70%,#03030c 100%)}@keyframes flame-pulse{0%{transform:scaleY(.8)scaleX(.9)}to{transform:scaleY(1.3)scaleX(1.1)}}@keyframes smoke-drift{0%{opacity:.3;transform:translate(0)scale(.8)}50%{opacity:.7;transform:translate(-20px,10px)scale(1.2)}to{opacity:0;transform:translate(-40px,20px)scale(1.5)}}.crew-status{border-radius:var(--radius-md);background:#ffffff05;border:1px solid #ffffff0f;align-items:center;gap:12px;margin-top:-10px;margin-bottom:28px;padding:10px 14px;transition:all .5s;display:flex}.crew-status.hidden{display:none}.crew-badge{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:#00ffd2;border-radius:var(--radius-sm);white-space:nowrap;background:#00ffd21a;flex-shrink:0;padding:3px 6px;font-size:10px;font-weight:700;display:inline-block}.crew-names{color:var(--text-main);white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:500}@media (width<=480px){.intro-card{width:calc(100% - 32px);margin:16px;padding:24px 20px}.intro-card h1{font-size:22px}.intro-card p{margin-bottom:20px;font-size:13px}.input-container{margin-bottom:16px}.input-container input{padding:12px 16px;font-size:14px}.intro-card button{padding:12px 20px;font-size:14px}}@media (height<=480px){#intro-screen{flex-direction:column;justify-content:flex-start;align-items:center;padding:20px 10px;display:flex;overflow-y:auto}.intro-card{max-width:400px;margin-top:auto;margin-bottom:auto;padding:20px 30px}.intro-card h1{margin-bottom:4px;font-size:20px}.intro-card p{margin-bottom:12px;font-size:12px;line-height:1.4}.input-container{margin-bottom:12px}.input-container input{padding:10px 16px;font-size:14px}.intro-card button{padding:10px 20px;font-size:14px}}:root{--bg-color:#03030c;--bg-gradient:radial-gradient(circle at center, #070720 0%, #03030c 100%);--panel-bg:#0808148c;--panel-border:#ffffff12;--panel-glow:#00f0ff26;--text-main:#f3f3f6;--text-muted:#9e9eb3;--accent:#00f0ff;--glow-pink:#ff007f;--high-prof:#ff3b70;--med-prof:#00ffd2;--low-prof:#bd00ff;--font-display:"Outfit", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--radius-lg:16px;--radius-md:10px;--radius-sm:6px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-main);font-family:var(--font-body);-webkit-user-select:none;user-select:none;width:100vw;height:100vh;overflow:hidden}#canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#labels-container{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.node-label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#fff;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:auto;cursor:pointer;opacity:0;transform-origin:bottom;background:#04040fcc;border:1px solid #ffffff26;padding:4px 8px;font-size:11px;font-weight:600;transition:opacity .3s cubic-bezier(.25,.8,.25,1),transform .3s cubic-bezier(.25,.8,.25,1);position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 15px #00000080}.node-label.visible{opacity:.9;transform:translate(-50%,-120%)scale(1)}.node-label.hovered{opacity:1;border-color:var(--accent);box-shadow:0 0 12px var(--accent);transform:translate(-50%,-130%)scale(1.1)}.node-label.sun-label{letter-spacing:.12em;background:#040814f2;border-width:1.5px;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:800}.ui-container{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(14px)saturate(180%);border:1px solid var(--panel-border);border-radius:var(--radius-lg);pointer-events:auto;transition:all .4s cubic-bezier(.25,.8,.25,1);position:absolute;box-shadow:0 10px 30px #0000004d,inset 0 1px 1px #ffffff0d}.glass-panel:hover{box-shadow:0 12px 35px #0006, 0 0 20px var(--panel-glow);border-color:#ffffff1f}.sidebar{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;width:350px;padding:30px 24px;transition:transform .4s cubic-bezier(.25,.8,.25,1);display:flex;top:24px;bottom:24px;left:24px;overflow-y:auto}.sidebar::-webkit-scrollbar{display:none}.sidebar.collapsed{transform:translate(calc(-100% - 24px))}.sidebar-toggle-btn{background:var(--panel-bg);-webkit-backdrop-filter:blur(14px);border:1px solid var(--panel-border);width:24px;height:52px;color:var(--accent);cursor:pointer;pointer-events:auto;z-index:20;border-left:none;border-radius:0 10px 10px 0;justify-content:center;align-items:center;padding:0;font-size:12px;transition:left .4s cubic-bezier(.25,.8,.25,1),background .25s,color .25s;display:flex;position:absolute;top:50%;left:380px;transform:translateY(-50%)}.sidebar-toggle-btn:hover{color:#fff;background:#00f0ff1f}.sidebar-toggle-btn.sidebar-hidden{border:1px solid var(--panel-border);border-radius:8px;left:8px}.profile-header{text-align:center;margin-bottom:28px}.avatar-glow{background:linear-gradient(135deg, var(--accent) 0%, var(--glow-pink) 100%);border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 16px;display:flex;position:relative;box-shadow:0 0 20px #00f0ff66}.avatar-glow:after{content:"";border:1px dashed var(--accent);opacity:.6;border-radius:50%;animation:20s linear infinite spin;position:absolute;inset:-3px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-emoji{font-size:32px}.avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}h1.gradient-text{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(135deg, #fff 30%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:26px;font-weight:800}.sidebar .subtitle{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:500}.sidebar .bio{color:var(--text-muted);text-align:justify;margin-bottom:28px;font-size:13.5px;line-height:1.6}.category-section{margin-bottom:28px}.category-section h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:#fff;opacity:.9;margin-bottom:12px;font-size:13px;font-weight:600}.filter-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;padding:6px 12px;font-size:11px;font-weight:500;transition:all .25s}.chip:hover{color:#fff;background:#ffffff14;border-color:#ffffff26}.chip.active{border-color:var(--accent);color:var(--accent);background:#00f0ff1f;box-shadow:0 0 10px #00f0ff33}.social-links{border-top:1px solid #ffffff0d;justify-content:center;gap:16px;margin-top:auto;padding-top:20px;display:flex}.social-btn{width:38px;height:38px;color:var(--text-muted);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex}.social-btn svg{fill:currentColor;width:18px;height:18px;display:block}.social-btn svg path{fill:inherit}.social-btn:hover{border-color:var(--accent);color:var(--accent);background:#00f0ff14;transform:translateY(-2px);box-shadow:0 5px 12px #00f0ff40}.coffee-btn{position:relative}.qr-tooltip{-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;z-index:100;background:#07071df2;border:1px solid #00f0ff40;border-radius:12px;flex-direction:column;align-items:center;gap:10px;width:200px;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:calc(100% + 12px);right:-10px;transform:translateY(10px);box-shadow:0 10px 25px #00000080,0 0 15px #00f0ff1a}.qr-tooltip:after{content:"";background:#07071df2;border-bottom:1px solid #00f0ff40;border-right:1px solid #00f0ff40;width:10px;height:10px;position:absolute;bottom:-6px;right:23px;transform:rotate(45deg)}.coffee-btn:hover .qr-tooltip,.coffee-btn.active .qr-tooltip{opacity:1;pointer-events:auto;transform:translateY(0)}.qr-link{width:100%;display:block}.qr-image{aspect-ratio:1;box-sizing:border-box;background:#fff;border-radius:8px;width:100%;height:auto;padding:8px;display:block}.qr-text{color:var(--accent);text-transform:uppercase;letter-spacing:.8px;text-align:center;text-shadow:0 0 8px #00f0ff4d;font-size:10px;font-weight:600}.upi-pay-btn{background:linear-gradient(135deg, var(--accent) 0%, #00bcff 100%);text-transform:uppercase;letter-spacing:.5px;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:8px 12px;font-size:10px;font-weight:700;text-decoration:none;transition:all .25s;display:flex;box-shadow:0 4px 10px #00f0ff33;color:#03030f!important}.upi-pay-btn:hover{transform:translateY(-1px);box-shadow:0 6px 15px #00f0ff66,0 0 10px #00f0ff33}.bmac-pay-btn{text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ff813f 0%,#ff9f68 100%);border-radius:8px;justify-content:center;align-items:center;width:100%;padding:8px 12px;font-size:10px;font-weight:700;text-decoration:none;transition:all .25s;display:flex;box-shadow:0 4px 10px #ff813f33;color:#03030f!important}.bmac-pay-btn:hover{transform:translateY(-1px);box-shadow:0 6px 15px #ff813f66,0 0 10px #ff813f33}.instruction-box{border-radius:var(--radius-md);background:#ffffff05;border:1px dashed #ffffff12;margin-top:20px;padding:12px}.instruction-row{color:var(--text-muted);align-items:center;gap:10px;font-size:11.5px;display:flex}.instruction-row:not(:last-child){margin-bottom:8px}.instruction-row .icon{font-size:14px}.speed-controller{background:#04081073;border:1px solid #00f0ff40;border-bottom:none;border-radius:8px 8px 0 0;flex-direction:column;gap:10px;width:440px;padding:16px 24px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -5px 20px #00f0ff1a,inset 0 0 10px #00f0ff0d}.control-header{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.control-header .panel-icon{color:var(--accent);font-size:18px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 4px var(--accent));transform:scale(1.15)}to{opacity:.8;transform:scale(1)}}.control-header h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.15em;color:#fff;text-shadow:0 0 0px var(--accent);font-size:13px;font-weight:800}.slider-container{flex-direction:column;gap:8px;display:flex}.slider-marks{color:var(--text-muted);text-transform:uppercase;justify-content:space-between;font-size:9.5px;font-weight:600;display:flex}.speed-slider{appearance:none;cursor:pointer;background:#00f0ff1a;border:1px solid #00f0ff26;border-radius:3px;outline:none;width:100%;height:6px;transition:background .3s}.speed-slider:hover{background:#ffffff26}.speed-slider::-webkit-slider-runnable-track{border-radius:3px;width:100%;height:6px}.speed-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);width:16px;height:16px;box-shadow:0 0 10px var(--accent);cursor:pointer;border-radius:50%;margin-top:-5px;transition:transform .1s,box-shadow .2s}.speed-slider::-webkit-slider-thumb:hover{box-shadow:0 0 15px var(--accent), 0 0 30px var(--accent);transform:scale(1.2)}.speed-slider::-moz-range-thumb{background:var(--accent);width:16px;height:16px;box-shadow:0 0 10px var(--accent);cursor:pointer;border:none;border-radius:50%;transition:transform .1s,box-shadow .2s}.speed-slider::-moz-range-thumb:hover{box-shadow:0 0 15px var(--accent), 0 0 30px var(--accent);transform:scale(1.2)}.speed-value-display{font-family:var(--font-display);text-transform:uppercase;color:var(--accent);align-self:flex-end;font-size:11px;font-weight:700}.star-slider-row{align-items:center;gap:10px;margin-top:6px;display:flex}.star-label{text-transform:uppercase;color:var(--text-muted);min-width:50px;font-size:10px;font-weight:600}.star-value{font-family:var(--font-display);color:var(--accent);text-align:right;min-width:32px;font-size:10px;font-weight:700}.mini-slider{flex:1;height:4px!important}.autopilot-row{margin-top:12px!important}.autopilot-btn{color:var(--accent);border-radius:var(--radius-sm);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#00f0ff14;border:1px solid #00f0ff40;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:10px;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.autopilot-btn:hover{border-color:var(--accent);background:#00f0ff29;transform:translateY(-1px);box-shadow:0 0 12px #00f0ff66}.autopilot-btn:active{transform:translateY(0)}.autopilot-btn.playing{color:#ff3b70;background:#ff3b7014;border-color:#ff3b704d}.autopilot-btn.playing:hover{background:#ff3b7029;border-color:#ff3b70;box-shadow:0 0 12px #ff3b7066}.autopilot-btn.paused{color:#00ffd2;background:#00ffd214;border-color:#00ffd24d}.autopilot-btn.paused:hover{background:#00ffd229;border-color:#00ffd2;box-shadow:0 0 12px #00ffd266}.details-card{opacity:0;visibility:hidden;z-index:15;flex-direction:column;width:350px;padding:30px 24px;display:flex;top:24px;right:24px;transform:translate(380px)}.details-card.visible{opacity:1;visibility:visible;transform:translate(0)}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1;transition:color .2s;position:absolute;top:20px;right:20px}.close-btn:hover{color:#fff}.details-header{margin-bottom:20px}.category-tag{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);background:#00f0ff14;border:1px solid #00f0ff33;border-radius:4px;margin-bottom:8px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}#skill-name{font-family:var(--font-display);color:#fff;margin-bottom:6px;font-size:22px;font-weight:800}.proficiency-badge{color:var(--text-muted);align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex}.proficiency-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.badge-high{color:var(--high-prof)}.badge-medium{color:var(--med-prof)}.badge-low{color:var(--low-prof)}.details-body{flex-direction:column;gap:20px;display:flex}#skill-description{color:var(--text-muted);font-size:13.5px;line-height:1.6}.proficiency-meter-container{flex-direction:column;gap:8px;display:flex}.meter-label{color:#fff;justify-content:space-between;font-size:11px;font-weight:600;display:flex}.meter-track{background:#ffffff0f;border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.meter-fill{border-radius:3px;width:0;height:100%;transition:width .6s cubic-bezier(.25,.8,.25,1);position:relative}.meter-fill:after{content:"";background:linear-gradient(90deg,#fff0 0%,#fff3 50%,#fff0 100%);animation:2s linear infinite shine;position:absolute;inset:0}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.constellation-region{border-radius:var(--radius-md);background:#ffffff05;border:1px solid #ffffff0a;padding:12px}.region-title{font-family:var(--font-display);text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.region-desc{color:#fff;font-size:12.5px;font-weight:600}@keyframes escape-blink{0%{background:#ff003c33;border-color:#ff003c66;box-shadow:0 0 10px #ff003c33}to{background:#ff003c99;border-color:#ff003ccc;box-shadow:0 0 20px #ff003ccc}}.escape-btn{color:#fff;font-family:var(--font-display);letter-spacing:.05em;cursor:pointer;background:#ff003c33;border:1px solid #ff003c66;border-radius:6px;margin-left:auto;padding:6px 12px;font-size:12px;font-weight:700;transition:all .3s;animation:.8s infinite alternate escape-blink}.escape-btn:hover{transform:scale(1.05)}.escape-btn.hidden{display:none}@media (width<=900px){body{overflow-y:auto}.ui-container{pointer-events:auto;z-index:10;flex-direction:column;gap:16px;height:auto;min-height:100vh;padding:16px;display:flex;position:relative;overflow-y:auto}.glass-panel{max-height:none;position:relative;inset:auto;box-shadow:0 8px 24px #0003;width:100%!important;transform:none!important}.sidebar{order:1;height:auto}.speed-controller{order:2;transform:none}.details-card{order:3;display:none}.details-card.visible{display:flex}}#rotate-overlay{-webkit-backdrop-filter:blur(10px);z-index:99999;color:#fff;text-align:center;box-sizing:border-box;background:#0a0a12f2;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;font-family:Outfit,sans-serif;display:none;position:fixed;top:0;left:0}#rotate-overlay .phone-icon{margin-bottom:20px;font-size:70px;animation:2s ease-in-out infinite rotate-anim}#rotate-overlay h2{color:#fff;text-shadow:0 0 10px #fff3;margin:0 0 10px;font-size:24px;font-weight:700}#rotate-overlay p{opacity:.8;max-width:280px;margin:0;font-size:15px;line-height:1.5}@keyframes rotate-anim{0%{transform:rotate(0)}50%{transform:rotate(-90deg)}to{transform:rotate(-90deg)}}@media (width<=900px) and (orientation:portrait){#rotate-overlay{display:flex}}body:has(#intro-screen) #rotate-overlay{display:none!important}@media (width<=900px){body{overflow:hidden!important}.ui-container{pointer-events:none!important;box-sizing:border-box!important;width:100%!important;height:100%!important;padding:12px!important;display:block!important;position:absolute!important;top:0!important;left:0!important;overflow:hidden!important}.glass-panel{pointer-events:auto!important;box-shadow:0 4px 15px #0006!important}.sidebar{z-index:15!important;box-sizing:border-box!important;width:280px!important;height:calc(100% - 24px)!important;max-height:none!important;margin:0!important;transition:transform .4s cubic-bezier(.25,.8,.25,1)!important;position:absolute!important;top:12px!important;left:12px!important}.sidebar.collapsed{transform:translate(calc(-100% - 24px))!important}.sidebar-toggle-btn{z-index:20!important;transition:left .4s cubic-bezier(.25,.8,.25,1)!important;position:absolute!important;top:50%!important;left:304px!important;transform:translateY(-50%)!important}.sidebar-toggle-btn.sidebar-hidden{left:12px!important}.speed-controller{z-index:10!important;box-sizing:border-box!important;width:320px!important;margin:0!important;padding:10px 15px!important;position:absolute!important;bottom:12px!important;left:50%!important;transform:translate(-50%)!important}.details-card{z-index:15!important;box-sizing:border-box!important;width:280px!important;height:calc(100% - 24px)!important;max-height:none!important;margin:0!important;display:none!important;position:absolute!important;top:12px!important;right:12px!important;overflow-y:auto!important}.details-card.visible{display:flex!important}}@media (width<=900px) and (height<=500px){.ui-container{padding:6px!important}.sidebar{width:240px!important;height:calc(100% - 12px)!important;padding:15px 12px!important;top:6px!important;left:6px!important}.sidebar-toggle-btn{left:252px!important}.sidebar-toggle-btn.sidebar-hidden{left:6px!important}.speed-controller{width:260px!important;padding:6px 10px!important;bottom:6px!important}.speed-controller h2{margin:0!important;font-size:12px!important}.speed-controller .control-header{margin-bottom:6px!important}.star-slider-row{margin-bottom:4px!important;font-size:11px!important}.speed-slider.mini-slider{height:3px!important}.details-card{width:240px!important;height:calc(100% - 12px)!important;padding:15px 12px!important;top:6px!important;right:6px!important}.details-header h2{font-size:18px!important}.escape-btn{padding:4px 8px!important;font-size:10px!important}}