html,body{margin:0;max-width:100vw;height:100%;background:#03030a;overflow:hidden;font-family:"Inter","Helvetica Neue",Arial,sans-serif;color:#dfe6ff;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
#bg{position:fixed;inset:0;background:radial-gradient(ellipse 120% 90% at 50% 50%,#070716 0%,#02020a 70%)}
canvas{position:fixed;inset:0;display:block;z-index:1}
header,.line,.sub,.hud,.ctl,#reveal,#toast,#hint{z-index:2}
#panel{z-index:5}
header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top)) 18px 0;pointer-events:none}
header>*{pointer-events:auto}
.mark{letter-spacing:.55em;font-size:12px;font-weight:600;color:#cfd8ff;text-shadow:0 0 12px rgba(150,120,255,.7);padding-left:.55em;min-width:110px}
.mark b{color:#7ff3ff;font-weight:600}
.modes{display:flex;gap:4px;padding:3px;border:1px solid rgba(160,170,255,.18);border-radius:999px;background:rgba(10,10,30,.4);backdrop-filter:blur(6px)}
.modes button{border:0;background:none;padding:6px 12px;font-size:10.5px}
.modes button.on{background:rgba(127,243,255,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(127,243,255,.35)}
.icons{display:flex;gap:6px;min-width:110px;justify-content:flex-end}
.ic{width:34px;height:34px;padding:0;display:grid;place-items:center}
.ic svg{width:16px;height:16px;stroke:#cfd6ff;stroke-width:1.6;fill:none;stroke-linecap:round}
#bArchive svg{fill:#cfd6ff;stroke:none;opacity:.85}
.line{position:fixed;bottom:calc(15vh + 4px);width:100%;text-align:center;font-size:clamp(18px,2.4vw,26px);font-weight:300;letter-spacing:.08em;color:#eef1ff;text-shadow:0 0 18px rgba(140,110,255,.6);pointer-events:none;transition:opacity 1s}
.sub{position:fixed;bottom:calc(15vh - 18px);width:100%;text-align:center;font-size:10.5px;letter-spacing:.4em;color:#7d87bb;pointer-events:none}
.hud{position:fixed;bottom:calc(15vh - 48px);width:100%;text-align:center;font:500 13px ui-monospace,Menlo,monospace;letter-spacing:.2em;color:#8f9bd0;pointer-events:none}
.ctl{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:12px}
button{background:rgba(255,255,255,.04);border:1px solid rgba(160,170,255,.25);color:#cfd6ff;font:500 12px Inter,Arial,sans-serif;letter-spacing:.2em;padding:10px 18px;border-radius:999px;cursor:pointer;backdrop-filter:blur(6px);transition:.2s}
button:hover{border-color:rgba(127,243,255,.7);color:#fff;box-shadow:0 0 16px rgba(127,243,255,.25)}
#reveal{position:fixed;top:max(64px,8vh);left:50%;transform:translate(-50%,-10px);text-align:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1.2s,transform 1.2s,visibility 0s 1.2s;width:90%}
#reveal.on{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto;transition:opacity 1.2s,transform 1.2s}
#reveal .k{font-size:11px;letter-spacing:.5em;color:#8f9bd0}
#reveal .w{font-size:clamp(30px,5vw,54px);font-weight:200;letter-spacing:.35em;color:#fff;text-shadow:0 0 24px #a07bff,0 0 48px #4fe6ff;margin:6px 0 8px;padding-left:.35em}
#reveal .s{font:500 14px ui-monospace,Menlo,monospace;color:#bfc8f5;margin-bottom:14px;letter-spacing:.1em}
#toast,#hint{position:fixed;left:50%;transform:translateX(-50%);pointer-events:none;font-size:12px;letter-spacing:.2em;color:#7ff3ff;transition:opacity .6s;opacity:0;width:max-content;max-width:90vw;text-align:center}
#toast{top:50%}
#hint{top:calc(64px + env(safe-area-inset-top));color:#bfc8f5;letter-spacing:.12em;font-size:13px}
#hint.on,#toast.on{opacity:1}
#panel{position:fixed;inset:0;display:grid;place-items:center;background:rgba(2,2,10,.55);backdrop-filter:blur(8px);transition:opacity .3s}
#panel.closed{display:none}
.card{box-sizing:border-box;position:relative;width:min(420px,92vw);max-height:80vh;overflow:auto;padding:26px 24px 22px;border-radius:18px;background:linear-gradient(160deg,rgba(30,24,70,.75),rgba(6,10,28,.85));border:1px solid rgba(160,170,255,.2);box-shadow:0 0 60px rgba(120,80,255,.18);touch-action:pan-y}
.card h2{margin:0 0 16px;font-weight:300;letter-spacing:.35em;font-size:13px;color:#cfd8ff}
.card h3{margin:18px 0 8px;font-weight:500;letter-spacing:.3em;font-size:10px;color:#7d87bb}
.x{position:absolute;top:12px;right:12px;width:30px;height:30px;padding:0;font-size:18px;letter-spacing:0;line-height:1}
.grid4{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.st{text-align:center}.st b{display:block;font:300 24px Inter,Arial;color:#fff}.st span{font-size:9px;letter-spacing:.25em;color:#7d87bb}
.hist{display:flex;align-items:flex-end;gap:4px;height:70px;margin-top:6px}
.hist div{flex:1;background:linear-gradient(#7ff3ff,#8b5cff);border-radius:3px 3px 0 0;min-height:2px;opacity:.8}
.hl{display:flex;gap:4px}.hl span{flex:1;text-align:center;font-size:8.5px;color:#7d87bb}
.arch{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}
.arch button{padding:10px 0 8px;border-radius:10px;letter-spacing:.05em;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:13px}
.arch button small{font-size:9px;color:#7d87bb;letter-spacing:.05em}
.arch button.ok{border-color:rgba(127,243,255,.55);box-shadow:inset 0 0 14px rgba(127,243,255,.12)}
.arch button.ok small{color:#7ff3ff}
.arch button.cur{border-color:#a07bff}
.card p{font-size:13px;line-height:1.6;color:#bfc8f5;margin:0 0 8px}
@media (max-width:560px){.mark{font-size:10px;min-width:0;letter-spacing:.4em}.icons{min-width:0}.modes button{padding:6px 9px;font-size:9.5px}header{padding-left:12px;padding-right:12px}.ic{width:30px;height:30px}
 .line{bottom:calc(17vh + 44px)}.sub{bottom:calc(17vh + 22px)}.hud{bottom:calc(17vh - 6px)}.ctl{bottom:calc(76px + env(safe-area-inset-bottom))}}

/* Flight edition: quiet, dimensional space, with a CSS sky even if 3D fails. */
[hidden]{display:none!important}
html,body{height:100dvh;overscroll-behavior:none;touch-action:auto}
#bg{overflow:hidden;background:radial-gradient(ellipse at 65% 43%,#0c1425 0%,#040710 38%,#010207 85%);pointer-events:none}
.nebula{position:absolute;inset:-30%;opacity:.5;transform:rotate(-27deg);background:radial-gradient(ellipse 50% 13% at 45% 50%,#64718b35,transparent 75%),radial-gradient(ellipse 36% 10% at 66% 55%,#53425e28,transparent 70%),radial-gradient(ellipse 30% 8% at 35% 47%,#12293680,transparent 70%);filter:blur(18px)}
.stars{position:absolute;inset:-8%;background-repeat:no-repeat;animation:star-drift 100s linear infinite alternate;will-change:transform}
.stars-mid{animation-duration:75s}.stars-near{animation-duration:50s}
.orbital{display:none}
@keyframes star-drift{from{transform:translate3d(-.3%,-.4%,0)}to{transform:translate3d(1%,1.2%,0)}}
body.ready .stars,body.ready .nebula{visibility:hidden;animation:none}
body.failed canvas{display:none}
canvas{touch-action:none;outline:none}
header{padding:calc(20px + env(safe-area-inset-top)) 26px 0;gap:10px}
.brand{display:grid;gap:7px;min-width:142px}
.brand-sub{font-size:8px;letter-spacing:.23em;color:#9ba9c3;padding-left:7px}
.mark{font-size:12px;text-shadow:none}
.icons{min-width:142px;gap:8px}
.ic{width:44px;height:44px;background:#0b122280}
.modes button{min-height:38px;padding:8px 16px;font-size:11px;letter-spacing:.15em}
button{min-height:44px;border-color:#839ab237;background:#0a101db3;letter-spacing:.15em}
button:disabled{opacity:.32;cursor:default;box-shadow:none}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #a3ecf3;outline-offset:4px}
button:hover:enabled{border-color:#b6dbe0a0;box-shadow:0 0 14px #84c8d514}
.line{bottom:calc(150px + env(safe-area-inset-bottom));font-size:clamp(18px,2.1vw,25px);letter-spacing:.05em;text-shadow:0 2px 24px #050a12}
.sub{bottom:calc(129px + env(safe-area-inset-bottom));color:#a2afc7;font-size:10px;letter-spacing:.23em}
.hud{bottom:calc(96px + env(safe-area-inset-bottom));color:#bcc9dd;font-size:12px}
.ctl{bottom:calc(28px + env(safe-area-inset-bottom));gap:8px;white-space:nowrap}
.ctl button{padding:10px 17px;font-size:10px}
#hint{top:calc(90px + env(safe-area-inset-top));font-size:12px;letter-spacing:.05em;background:#050a15c9;border:1px solid #8aa7c324;border-radius:20px;padding:10px 14px;box-sizing:border-box}
#motion{position:fixed;right:26px;bottom:calc(29px + env(safe-area-inset-bottom));z-index:3;border:0;background:transparent;color:#94a5c2;font-size:9px;padding:10px}
#moveTray{position:fixed;bottom:calc(210px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:3;background:#080f1de8;border:1px solid #8aa7c330;border-radius:18px;padding:12px;backdrop-filter:blur(16px);box-shadow:0 15px 50px #0007}
.face-keys{display:flex;gap:5px}.face-keys button{width:42px;padding:0;font:500 13px ui-monospace,monospace;letter-spacing:0}
.move-options{display:flex;gap:18px;justify-content:center;margin-top:10px;color:#afbdd2;font-size:11px}
.move-options label{display:flex;align-items:center;gap:5px;min-height:32px;cursor:pointer}
input{accent-color:#9cd8e7}
#toast{top:auto;bottom:calc(194px + env(safe-area-inset-bottom));color:#cae8f0;background:#07101deb;border:1px solid #8aa7c330;border-radius:14px;padding:12px 18px;z-index:8;letter-spacing:.04em;box-sizing:border-box}
.card{background:linear-gradient(150deg,#111c30f5,#060b16f8);border-color:#819bb634;box-shadow:0 24px 100px #000a;max-height:78dvh;padding:30px 24px}
.card h2{font-size:13px;font-weight:500;letter-spacing:.2em;padding-right:35px}
.card h3{color:#acbbd3}.card p{font-size:14px;line-height:1.65;color:#c3cee0}
.x{width:44px;height:44px;top:10px;right:10px}.panel-actions{display:flex;flex-wrap:wrap;gap:8px}
#copyResult{box-sizing:border-box;width:100%;min-height:130px;background:#020610;color:#dceaf7;padding:12px;border:1px solid #819bb650;border-radius:10px;font:13px/1.6 ui-monospace,monospace}
#reveal{top:calc(88px + env(safe-area-inset-top))}#reveal .w{font-size:clamp(27px,4.5vw,48px);text-shadow:0 0 22px #6ca7ca75;letter-spacing:.25em}
#reveal .k{color:#a8bbcf;letter-spacing:.25em}#reveal .s{font-size:11px}
#boot{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);z-index:6;width:min(380px,82vw);text-align:center;background:#06101ac9;border:1px solid #87a6c52b;border-radius:20px;padding:32px 22px;backdrop-filter:blur(12px)}
#boot .eyebrow{font-size:9px;letter-spacing:.25em;color:#98bdce}#boot h1{font-size:25px;line-height:1.25;font-weight:300;letter-spacing:.03em}#boot p{font-size:13px;line-height:1.7;color:#acbbcf}#boot button{margin-top:12px;font-size:11px}
body:not(.ready) .ctl,body:not(.ready) .line,body:not(.ready) .sub,body:not(.ready) .hud,body:not(.ready) #motion{visibility:hidden}
.no-script{position:fixed;top:60%;left:10%;right:10%;z-index:9;text-align:center;background:#0a101d;padding:20px}
.still .stars{animation-play-state:paused}
@media(max-width:560px){
 header{padding:calc(12px + env(safe-area-inset-top)) 12px 0;flex-wrap:wrap;gap:6px}
 .brand{min-width:100px;gap:5px}.mark{font-size:10px}.brand-sub{font-size:7px;letter-spacing:.1em}
 .icons{min-width:0;gap:3px}.ic{width:44px;height:44px}
 .modes{position:absolute;top:calc(70px + env(safe-area-inset-top));left:50%;transform:translateX(-50%)}
 .modes button{font-size:10px;padding:8px 16px;min-height:36px}
 #hint{top:calc(120px + env(safe-area-inset-top))}
 #motion{right:50%;transform:translateX(50%);bottom:calc(3px + env(safe-area-inset-bottom));min-height:32px;font-size:8px}
 .ctl{bottom:calc(43px + env(safe-area-inset-bottom));gap:7px}
 .line{bottom:calc(170px + env(safe-area-inset-bottom));font-size:19px}
 .sub{bottom:calc(147px + env(safe-area-inset-bottom));font-size:9px;letter-spacing:.16em}
 .hud{bottom:calc(113px + env(safe-area-inset-bottom))}
 #moveTray{bottom:calc(225px + env(safe-area-inset-bottom));padding:9px}
 .face-keys{gap:3px}.face-keys button{width:41px;min-height:44px}
 #reveal{top:calc(125px + env(safe-area-inset-top))}#reveal .w{font-size:26px}#reveal .k{font-size:9px}#reveal .s{font-size:10px}
}
@media(max-height:540px) and (min-width:561px){
 header{padding-top:10px}.brand-sub{display:none}
 .line{bottom:113px;font-size:17px}.sub{bottom:94px}.hud{bottom:71px}.ctl{bottom:12px}
 #motion{bottom:12px}#moveTray{bottom:133px}#hint{top:68px}
 #reveal{top:65px;width:auto;left:19%;max-width:28%;transform:translate(-50%,0)}#reveal .w{font-size:22px;letter-spacing:.12em}
}
@media(prefers-reduced-motion:reduce){.stars{animation:none}*{scroll-behavior:auto!important;transition:none!important}}

.stars-far{background-image:radial-gradient(circle at 49.62% 85.68%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 8.87% 37.84%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 4.92% 64.98%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 18.92% 30.90%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 81.86% 5.46%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 15.35% 30.13%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 81.16% 47.54%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 62.62% 90.09%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 22.98% 44.58%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 16.68% 78.16%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 1.99% 75.69%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 34.92% 57.41%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 18.64% 93.18%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 31.72% 45.47%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 93.84% 59.63%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 32.14% 23.01%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 91.07% 71.76%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 62.86% 55.45%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 92.17% 12.75%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 36.91% 81.27%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 65.69% 62.06%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 65.71% 47.25%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 55.93% 42.92%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 94.81% 27.24%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 25.64% 31.45%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 15.83% 61.54%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 57.82% 6.84%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 25.14% 88.35%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 26.95% 67.02%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 41.30% 16.10%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 97.15% 63.34%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 24.90% 57.92%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 29.73% 79.25%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 2.16% 43.50%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 63.21% 73.55%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 10.36% 5.11%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 45.43% 59.03%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 46.31% 5.91%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 26.73% 70.35%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 52.21% 94.42%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 5.17% 61.62%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 58.82% 44.56%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 6.44% 37.78%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 31.60% 16.54%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 83.56% 9.30%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 3.75% 90.06%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 95.26% 64.64%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 50.77% 71.40%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 5.37% 25.56%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 49.09% 11.58%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 88.56% 58.82%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 23.51% 60.66%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 84.07% 64.78%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 88.47% 77.08%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 54.97% 91.33%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 88.16% 28.45%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 21.45% 15.35%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 71.44% 80.85%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 53.69% 98.89%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 33.72% 22.81%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 35.37% 68.67%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 44.52% 92.31%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 36.52% 87.01%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 71.46% 52.60%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 98.01% 67.50%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 88.77% 99.00%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 70.97% 43.62%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 28.23% 94.01%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 35.88% 93.62%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 28.91% 22.08%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 93.07% 65.83%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 15.10% 45.79%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 23.58% 42.94%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 65.54% 68.90%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 89.31% 98.98%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 31.78% 32.08%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 98.56% 53.21%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 73.70% 14.37%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 19.49% 28.37%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 42.17% 44.35%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 86.41% 75.21%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 50.78% 95.53%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 98.87% 95.10%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 19.89% 32.53%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 5.25% 15.91%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 83.87% 7.20%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 67.13% 1.49%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 83.13% 6.23%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 63.77% 86.30%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 38.50% 46.50%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 92.35% 86.78%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 88.68% 57.86%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 83.25% 88.17%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 52.99% 67.94%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 67.60% 19.85%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 72.26% 40.71%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 77.70% 50.28%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 84.48% 41.98%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 77.74% 25.78%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 66.20% 34.99%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 5.12% 4.89%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 66.52% 22.92%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 29.20% 59.67%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 79.17% 0.85%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 38.48% 75.42%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 21.16% 9.55%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 93.47% 44.48%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 84.78% 3.76%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 50.09% 65.42%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 10.46% 77.40%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 51.54% 80.13%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 66.13% 72.15%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 94.45% 84.69%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 98.39% 9.85%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 9.84% 58.70%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 19.48% 29.83%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 48.65% 85.30%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 8.01% 93.27%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 32.86% 99.68%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 44.40% 58.12%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 27.09% 58.45%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 41.62% 65.96%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 2.18% 60.09%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 86.18% 57.49%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 67.65% 46.38%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 16.98% 67.87%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 8.46% 23.15%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 75.21% 44.52%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 50.88% 66.25%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 68.12% 40.47%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 73.04% 22.04%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 75.04% 9.34%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 15.03% 51.56%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 28.86% 71.28%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 84.01% 48.37%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 12.32% 0.29%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 39.48% 88.23%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 59.91% 90.33%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 80.60% 75.05%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 76.08% 7.40%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 49.01% 38.69%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 25.93% 83.09%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 46.68% 68.55%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 62.48% 26.29%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 50.33% 39.05%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 37.49% 60.16%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 32.70% 2.21%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 72.30% 71.61%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 9.58% 50.09%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 72.00% 1.39%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 58.66% 48.33%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 73.94% 55.96%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 62.12% 67.49%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 83.56% 60.69%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 37.09% 30.31%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 80.19% 41.61%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 47.79% 85.76%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 38.23% 8.17%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 60.42% 86.49%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 82.16% 28.56%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 38.02% 16.29%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 96.30% 19.98%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 90.00% 49.22%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 74.19% 54.13%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 47.61% 60.19%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 93.06% 88.35%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 38.64% 92.76%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 33.40% 73.15%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 97.37% 43.75%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 70.13% 12.43%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 39.50% 15.93%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 98.60% 95.34%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 49.87% 78.80%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 30.41% 12.71%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 6.83% 70.42%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 51.19% 91.28%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 11.16% 21.22%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 94.74% 69.11%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 58.89% 24.08%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px),radial-gradient(circle at 51.15% 58.70%,rgba(218,231,247,0.35) 0 0.55px,transparent 1.55px)}

.stars-mid{background-image:radial-gradient(circle at 36.14% 38.89%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 76.01% 67.16%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 35.64% 38.07%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 50.24% 63.98%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 56.62% 31.66%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 16.45% 44.98%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 34.26% 42.79%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 93.20% 63.39%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 65.62% 70.40%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 87.20% 50.77%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 44.63% 56.08%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 5.17% 21.85%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 22.93% 47.46%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 89.54% 66.72%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 51.40% 43.32%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 65.98% 31.05%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 67.43% 70.12%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 2.08% 80.00%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 0.48% 83.69%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 96.80% 84.09%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 51.02% 52.74%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 58.48% 60.33%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 98.69% 22.11%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 56.11% 45.81%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 77.09% 42.86%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 96.16% 25.02%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 30.06% 36.85%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 68.45% 99.45%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 58.71% 52.23%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 90.74% 96.87%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 99.37% 75.19%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 31.99% 49.43%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 12.86% 44.20%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 75.24% 38.15%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 50.92% 89.94%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 71.89% 72.25%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 2.54% 99.11%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 63.77% 51.11%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 32.95% 9.79%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 29.29% 49.88%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 97.02% 20.09%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 29.65% 12.84%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 55.47% 88.03%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 76.45% 78.19%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 49.60% 49.08%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 95.41% 63.34%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 24.29% 76.73%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 67.85% 85.65%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 59.99% 63.41%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 85.47% 81.06%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 9.31% 50.29%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 11.29% 92.85%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 77.54% 65.12%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 46.63% 69.90%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 46.65% 29.12%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 38.54% 44.77%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 30.46% 96.66%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 93.45% 85.99%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 3.76% 32.35%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 53.63% 6.84%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 44.01% 14.51%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 37.45% 7.84%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 75.82% 77.00%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 9.00% 86.91%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 14.75% 94.65%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 95.82% 55.65%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 35.89% 8.61%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 42.29% 33.64%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 95.03% 81.68%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px),radial-gradient(circle at 18.46% 54.72%,rgba(218,231,247,0.5) 0 0.8px,transparent 1.8px)}

.stars-near{background-image:radial-gradient(circle at 22.59% 41.77%,rgba(218,231,247,0.75) 0 1.1px,transparent 2.1px),radial-gradient(circle at 43.97% 11.48%,rgba(218,231,247,0.75) 0 1.1px,transparent 2.1px),radial-gradient(circle at 74.40% 22.39%,rgba(218,231,247,0.75) 0 1.1px,transparent 2.1px),radial-gradient(circle at 83.30% 7.83%,rgba(218,231,247,0.75) 0 1.1px,transparent 2.1px),radial-gradient(circle at 32.10% 17.04%,rgba(218,231,247,0.75) 0 1.1px,transparent 2.1px),radial-gradient(circle at 80.95% 27.92%,rgba(218,231,247,0.75) 0 1.1px,transparent 2.1px),radial-gradient(circle at 90.98% 88.47%,rgba(218,231,247,0.75) 0 1.1px,transparent 2.1px),radial-gradient(circle at 1.94% 9.10%,rgba(218,231,247,0.75) 0 1.1px,transparent 2.1px),radial-gradient(circle at 20.57% 51.86%,rgba(218,231,247,0.75) 0 1.1px,transparent 2.1px),radial-gradient(circle at 62.79% 40.49%,rgba(218,231,247,0.75) 0 1.1px,transparent 2.1px),radial-gradient(circle at 33.48% 37.56%,rgba(218,231,247,0.75) 0 1.1px,transparent 2.1px),radial-gradient(circle at 87.08% 84.39%,rgba(218,231,247,0.75) 0 1.1px,transparent 2.1px),radial-gradient(circle at 72.76% 93.23%,rgba(218,231,247,0.75) 0 1.1px,transparent 2.1px),radial-gradient(circle at 59.30% 54.54%,rgba(218,231,247,0.75) 0 1.1px,transparent 2.1px),radial-gradient(circle at 27.51% 43.32%,rgba(218,231,247,0.75) 0 1.1px,transparent 2.1px),radial-gradient(circle at 79.28% 62.63%,rgba(218,231,247,0.75) 0 1.1px,transparent 2.1px),radial-gradient(circle at 2.31% 27.31%,rgba(218,231,247,0.75) 0 1.1px,transparent 2.1px),radial-gradient(circle at 52.77% 3.32%,rgba(218,231,247,0.75) 0 1.1px,transparent 2.1px),radial-gradient(circle at 47.47% 99.22%,rgba(218,231,247,0.75) 0 1.1px,transparent 2.1px),radial-gradient(circle at 20.08% 86.09%,rgba(218,231,247,0.75) 0 1.1px,transparent 2.1px),radial-gradient(circle at 76.01% 15.51%,rgba(218,231,247,0.75) 0 1.1px,transparent 2.1px),radial-gradient(circle at 54.64% 72.34%,rgba(218,231,247,0.75) 0 1.1px,transparent 2.1px),radial-gradient(circle at 50.28% 27.30%,rgba(218,231,247,0.75) 0 1.1px,transparent 2.1px),radial-gradient(circle at 37.15% 28.50%,rgba(218,231,247,0.75) 0 1.1px,transparent 2.1px)}

/* Visible galactic light even before the 3D scene loads. */
#bg{background:radial-gradient(ellipse at 67% 30%,#172c47 0%,#0b1528 42%,#030711 88%)}
.nebula{opacity:.95;filter:blur(10px);background:radial-gradient(ellipse 60% 16% at 50% 50%,#a0b4cf50,transparent 76%),radial-gradient(ellipse 40% 8% at 54% 52%,#8d6b9850,transparent 70%),radial-gradient(ellipse 30% 3% at 48% 49%,#020711d0,transparent 75%)}

/* Refinement: dim diffuse fallback clouds, retain sharp stars and dark gaps. */
.nebula{opacity:.57;background:radial-gradient(ellipse 60% 16% at 50% 50%,#a0b4cf50,transparent 76%),radial-gradient(ellipse 40% 8% at 54% 52%,#8d6b9850,transparent 70%),radial-gradient(ellipse 36% 7% at 43% 49%,#01040ae8,transparent 75%),radial-gradient(ellipse 20% 6% at 64% 52%,#01040ae8,transparent 70%)}
@media(max-width:560px){
 .ctl{bottom:calc(108px + env(safe-area-inset-bottom))}
 #motion{bottom:calc(70px + env(safe-area-inset-bottom))}
 .line{bottom:calc(228px + env(safe-area-inset-bottom))}
 .sub{bottom:calc(205px + env(safe-area-inset-bottom))}
 .hud{bottom:calc(176px + env(safe-area-inset-bottom))}
 #moveTray{bottom:calc(272px + env(safe-area-inset-bottom))}
}

/* Titles celebrate the result, with no changes to the cube or controls. */
#reveal .earned-title{display:inline-block;max-width:90%;box-sizing:border-box;margin:0 0 10px;padding:7px 15px;border:1px solid #8dc8d94d;border-radius:999px;background:#07111bcc;color:#c5e7f0;font:500 11px/1.3 Inter,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
#reveal .earned-title[data-tier="singularity"]{color:#edfaff;border-color:#b5e9f580;box-shadow:0 0 18px #8bcfe71c}
.card .best-title{font-size:10px;letter-spacing:.10em;color:#a5b7cf;margin:0 0 12px}.best-title b{color:#d0eaf3;font-weight:500;margin-left:7px}
@media(max-width:560px){#reveal .earned-title{font-size:10px;padding:6px 12px;margin-bottom:8px}}

/* Brand name fits beside the unchanged controls on small phones. */
.mark{font-size:11px;letter-spacing:.16em;padding-left:0;min-width:0;color:#cfe5ee}
@media(max-width:560px){.mark{font-size:10px;letter-spacing:.12em}.brand{min-width:105px}}

/* keep MOTION clear of the host badge on desktop */
@media(min-width:561px){#motion{bottom:calc(76px + env(safe-area-inset-bottom))}}
@media(max-height:540px) and (min-width:561px){#motion{bottom:64px}}

/* ---------- leaderboard ---------- */
#lbJoin{margin:14px auto 0;max-width:300px;text-align:center}
#lbJoin[hidden],#bBoard[hidden]{display:none}
#lbJoin label{display:block;font-size:10px;letter-spacing:.22em;color:#9fb0cf;margin-bottom:8px;text-transform:uppercase}
.lb-row{display:flex;gap:8px}
#lbName{flex:1;min-width:0;background:rgba(8,12,28,.85);backdrop-filter:blur(6px);border:1px solid rgba(160,170,255,.25);border-radius:999px;color:#eef1ff;font:400 14px Inter,Arial,sans-serif;padding:9px 14px;outline:none;letter-spacing:.04em;user-select:text;-webkit-user-select:text}
#lbName:focus{border-color:rgba(127,243,255,.7);box-shadow:0 0 14px rgba(127,243,255,.2)}
#lbMsg{min-height:16px;margin-top:8px;font-size:11px;letter-spacing:.08em;color:#9fb0cf}
#lbMsg.err{color:#ff9db8}#lbMsg.ok{color:#7ff3ff}
#lbPanel{position:fixed;inset:0;z-index:5;display:grid;place-items:center;background:rgba(2,2,10,.55);backdrop-filter:blur(8px)}
#lbPanel.lb-closed{display:none}
.lb-tabs{display:flex;gap:4px;margin:0 0 10px;padding:3px;border:1px solid rgba(160,170,255,.18);border-radius:999px;width:max-content}
.lb-tabs button{border:0;background:none;padding:6px 12px;font-size:10px}
.lb-tabs button.on{background:rgba(127,243,255,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(127,243,255,.35)}
#lbBody{min-height:120px}
.lb-list{list-style:none;margin:6px 0 0;padding:0}
.lb-list li{display:grid;grid-template-columns:34px 1fr auto auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;font-size:13px;color:#cfd6ff}
.lb-list li:nth-child(odd){background:rgba(255,255,255,.025)}
.lb-list li.me{background:rgba(127,243,255,.1);box-shadow:inset 0 0 0 1px rgba(127,243,255,.4);color:#fff}
.lb-list .r{font:500 11px ui-monospace,Menlo,monospace;color:#7d87bb}
.lb-list .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-list .t{font:500 13px ui-monospace,Menlo,monospace;color:#fff}
.lb-list .m{font-size:10px;color:#7d87bb;letter-spacing:.05em}
.lb-state{padding:30px 0;text-align:center;font-size:12px;letter-spacing:.12em;color:#9fb0cf}
.lb-state button{margin-top:12px}

.lb-list .lb-title{display:block;font-style:normal;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#8fd3e6;margin-top:2px}

.card .site-links{margin:18px 0 0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#7d87bb}.card .site-links a{color:#9fb0cf;text-decoration:none}.card .site-links a:hover{color:#7ff3ff}

/* ---------- always-visible site links (bottom-left on desktop, bottom-center below MOTION on phones) ---------- */
#siteFoot{position:fixed;left:calc(22px + env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom));z-index:2;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#5d6688;user-select:none}
#siteFoot a{color:#7f8ab0;text-decoration:none;padding:4px 2px}
#siteFoot a:hover,#siteFoot a:focus-visible{color:#7ff3ff}
body:not(.ready) #siteFoot{visibility:hidden}
@media(max-width:560px){#siteFoot{left:50%;transform:translateX(-50%);bottom:calc(6px + env(safe-area-inset-bottom));font-size:9px;white-space:nowrap}}

#reveal #postX{margin-left:10px}
@media(max-width:360px){#reveal #postX{margin-left:6px}}