.boost-shell{background:linear-gradient(115deg,#080c2159,#17103b22 60%,#08354f18);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-color:#c9ccff88;box-shadow:inset 0 1px 1px #fff8,inset 0 -1px 1px #8fdaff44,0 0 60px #8e51ff28,0 30px 100px #0003;perspective:1000px}.boost-nebula{opacity:.45}.boost-stars{opacity:.95;filter:drop-shadow(0 10px 5px #01051599);transform:rotateX(7deg) rotateY(-5deg) scale(1.04);transform-origin:center}.boost-copy{text-shadow:0 2px 15px #000c}.boost-orbit{filter:drop-shadow(0 20px 15px #050918aa)}.boost-description,.boost-note{color:#e0e9f8}.boost-copy:before{content:'';position:absolute;inset:15px -10px;z-index:-1;background:radial-gradient(ellipse,#02081566,transparent 72%);pointer-events:none}.planet-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px}.planet-choices button{width:auto;height:auto;border-radius:18px;background:linear-gradient(135deg,#ffffff10,#080f2522);padding:16px 6px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;min-width:0}.planet-choices .planet-orb{width:42px;height:42px;margin:0 0 9px;box-shadow:inset -6px -6px 12px #000b,inset 1px 1px 2px #fff8,0 0 12px color-mix(in srgb,var(--p) 25%,transparent)}.planet-choices .planet-orb:after{inset:-6px -12px}.ocean{--p:#389df1;--dark:#052657;background:radial-gradient(ellipse at 30% 30%,#7dedc4 0 9%,transparent 12%),radial-gradient(ellipse at 65% 50%,#4aa486 0 13%,transparent 16%),radial-gradient(ellipse at 35% 70%,#538f7c 0 11%,transparent 15%),radial-gradient(circle at 30% 25%,#56c8ff,#075693 55%,#010515 85%)}.ocean:after,.ember:after,.lunar:after{display:none}.ember{--p:#ff844c;--dark:#541815;background:repeating-conic-gradient(from 45deg at 40% 50%,#ed662e 0deg,#482523 6deg,#150c15 14deg,#9d3424 17deg),radial-gradient(circle,#fa976b,#170612)}.emerald{--p:#5ff5b2;--dark:#074a41}.gold{--p:#edc67c;--dark:#66451d;background:repeating-linear-gradient(165deg,#ecce8c77 0 8px,#87552b66 10px,#c8874544 18px),radial-gradient(circle at 30% 25%,#ffe7a6,#855922 60%,#100b08 85%)}.gold:after{border-width:6px;border-color:#d8b47588}.lunar{--p:#cbd5e6;--dark:#303b50;background:radial-gradient(circle at 35% 25%,#535e7477 0 10%,transparent 12%),radial-gradient(circle at 60% 60%,#313d5266 0 16%,transparent 19%),radial-gradient(circle at 28% 68%,#535b6977 0 8%,transparent 11%),radial-gradient(circle at 30% 20%,#e2e7ef,#6a7587 65%,#080d17 90%)}.void{--p:#9885ff;--dark:#090716;background:radial-gradient(circle at 50% 50%,#03040b 55%,#372064 75%,#b2a2ff 96%);box-shadow:inset 0 0 9px #ac93ff77,0 0 35px #9579ff55}.creator-kit{scroll-margin-top:25px}.kit-context{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.kit-context h3{margin:12px 0;font-size:25px;overflow-wrap:anywhere}.kit-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.kit-grid h3{font-size:28px;font-weight:500;letter-spacing:-.7px}.kit-grid progress{width:100%;height:9px;accent-color:#a7b2ff;margin-top:15px}.kit-grid canvas{width:100%;height:auto;border-radius:18px;border:1px solid #c1d8ff33;margin-top:10px}.kit-check{display:flex;align-items:flex-start;gap:13px;border-bottom:1px solid #ffffff15;padding:15px 0;margin:0;line-height:1.6;cursor:pointer}.kit-check input[type=checkbox]{display:block;width:18px;height:18px;flex:0 0 18px;margin:2px 0 0;accent-color:#b5caff}.kit-check:has(input:checked){color:#a3eee3}.kit-grid .detail-actions{margin-top:18px}#kit-progress-label{font-size:12px;color:#bccfff}@media(max-width:700px){.kit-grid{grid-template-columns:1fr}.kit-context{align-items:flex-start;flex-direction:column}.boost-shell{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.planet-choices{gap:10px}}

/* Layered nebula clouds behind the glass and constellation plane. */
.boost-nebula{inset:-15%;opacity:.8;filter:none;animation:nebula-breathe 18s ease-in-out infinite alternate;pointer-events:none;background:radial-gradient(ellipse at 75% 40%,#913dfb33,transparent 48%)}
.boost-nebula::before,.boost-nebula::after{content:"";position:absolute;inset:0;pointer-events:none;filter:blur(24px);background:radial-gradient(ellipse at 18% 62%,#48daff66,transparent 24%),radial-gradient(ellipse at 40% 72%,#7275ff80,transparent 22%),radial-gradient(ellipse at 65% 45%,#b343ed77,transparent 26%),radial-gradient(ellipse at 82% 30%,#ff59bc66,transparent 23%),radial-gradient(ellipse at 55% 80%,#86eeff55,transparent 30%);animation:boost-cloud-drift 24s ease-in-out infinite alternate}
.boost-nebula::after{inset:12% -8% -10%;opacity:.75;filter:blur(32px);background:radial-gradient(ellipse at 25% 35%,#7255ed77,transparent 25%),radial-gradient(ellipse at 60% 65%,#36d9ff88,transparent 27%),radial-gradient(ellipse at 85% 55%,#f46cd877,transparent 24%);animation:boost-cloud-counter 32s ease-in-out infinite alternate}
.boost-copy::before{background:radial-gradient(ellipse at 35% 48%,#020815aa,transparent 76%)}
@keyframes boost-cloud-drift{from{transform:translate(-7%,5%) rotate(-5deg) scale(1.04)}to{transform:translate(9%,-7%) rotate(6deg) scale(1.16)}}
@keyframes boost-cloud-counter{from{transform:translate(8%,-8%) scale(1.12)}to{transform:translate(-9%,8%) scale(.98)}}
body.motion-paused .boost-nebula,body.motion-paused .boost-nebula::before,body.motion-paused .boost-nebula::after,body.motion-paused .boost-stars circle{animation-play-state:paused}
@media(max-width:700px){.boost-nebula{opacity:.6}.boost-nebula::before,.boost-nebula::after{filter:blur(18px)}}
@media(prefers-reduced-motion:reduce){.boost-nebula,.boost-nebula::before,.boost-nebula::after{animation:none}}
