:root{
  --bg:#f5f7ff;--bg2:#edf4ff;--panel:#ffffff;--panel-glass:rgba(255,255,255,.9);--panel-soft:#eef4ff;
  --text:#161d38;--muted:#68738e;--primary:#5b4cf0;--primary2:#06b6d4;--pink:#ec4899;--green:#10b981;
  --yellow:#f59e0b;--red:#ef4444;--purple:#8b5cf6;--space:#11183e;--line:rgba(22,29,56,.12);--line-strong:rgba(91,76,240,.27);
  --shadow:0 22px 65px rgba(45,57,110,.13);--shadow-sm:0 9px 28px rgba(45,57,110,.1);
  --canvas:#071022;--grid:rgba(124,138,255,.07);--topbar:rgba(255,255,255,.85);
}
[data-theme="dark"]{
  --bg:#050a17;--bg2:#09142b;--panel:#0d1730;--panel-glass:rgba(13,23,48,.9);--panel-soft:#121f3d;
  --text:#eef3ff;--muted:#a1aecb;--primary:#8b83ff;--primary2:#22d3ee;--pink:#f472b6;--green:#34d399;
  --yellow:#fbbf24;--red:#fb7185;--purple:#c4b5fd;--space:#030714;--line:rgba(255,255,255,.11);--line-strong:rgba(139,131,255,.35);
  --shadow:0 24px 72px rgba(0,0,0,.39);--shadow-sm:0 10px 30px rgba(0,0,0,.27);
  --canvas:#020711;--grid:rgba(139,131,255,.07);--topbar:rgba(7,14,30,.86);
}
[hidden]{display:none!important}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 9% 0%,color-mix(in srgb,var(--primary) 15%,transparent),transparent 28%),radial-gradient(circle at 93% 7%,color-mix(in srgb,var(--primary2) 13%,transparent),transparent 26%),linear-gradient(155deg,var(--bg),var(--bg2) 48%,var(--bg));transition:background .25s,color .25s}body.reduce-motion *,body.reduce-motion *::before,body.reduce-motion *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:2px}.shell{width:min(1360px,calc(100% - 28px));margin:0 auto;padding:20px 0 76px}.topbar-wrap{position:sticky;top:0;z-index:80;padding:10px 14px 0;pointer-events:none}.topbar{width:min(1360px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 13px;border:1px solid var(--line);border-radius:20px;background:var(--topbar);backdrop-filter:blur(18px);box-shadow:var(--shadow-sm);pointer-events:auto}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:210px}.brand-mark{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:950;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 9px 24px color-mix(in srgb,var(--primary) 30%,transparent)}.brand strong{display:block;font-size:1.03rem}.brand small{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}.nav-links{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}.nav-links a{text-decoration:none;color:var(--muted);font-size:.81rem;font-weight:780;padding:8px 9px;border-radius:10px}.nav-links a:hover{color:var(--text);background:var(--panel-soft)}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.xp-pill,.level-pill{border:1px solid var(--line);background:var(--panel-soft);padding:8px 10px;border-radius:999px;font-size:.78rem;white-space:nowrap}.icon-btn{width:39px;height:39px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;color:var(--text);background:var(--panel-soft);transition:.18s}.icon-btn:hover{transform:translateY(-2px);border-color:var(--line-strong)}.hero{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:34px;padding:68px 12px 40px}.eyebrow{display:inline-block;color:var(--primary);font-size:.77rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero h1{margin:13px 0 18px;font-size:clamp(2.7rem,6vw,5.8rem);line-height:.94;letter-spacing:-.06em;max-width:840px}.hero h1 span{background:linear-gradient(90deg,var(--primary),var(--primary2),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{margin:0;color:var(--muted);font-size:1.08rem;line-height:1.76;max-width:780px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}.btn{border:1px solid var(--line);border-radius:13px;padding:11px 15px;color:var(--text);background:var(--panel);font-weight:850;transition:.18s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn.primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--primary),var(--primary2))}.btn.secondary{background:var(--panel-soft)}.btn.cheerful{color:#fff;border:0;background:linear-gradient(135deg,var(--pink),var(--purple))}.btn.danger{color:var(--red);background:color-mix(in srgb,var(--red) 8%,var(--panel));border-color:color-mix(in srgb,var(--red) 25%,var(--line))}.btn.tiny{padding:7px 10px;font-size:.76rem;border-radius:10px}.btn.full{width:100%}.text-btn{border:0;background:transparent;color:var(--primary);font-weight:850;padding:3px}.daily-challenge{margin-top:24px;display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;max-width:680px;padding:12px 13px;border:1px solid color-mix(in srgb,var(--yellow) 32%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--yellow) 8%,var(--panel-glass));box-shadow:var(--shadow-sm)}.daily-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--yellow) 17%,var(--panel))}.daily-challenge small{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.daily-challenge strong{display:block;margin-top:3px;font-size:.9rem}.hero-world{min-height:385px;position:relative;display:grid;place-items:center;overflow:hidden}.hero-sun{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff7ca,#facc15 35%,#f97316 72%,#c2410c);box-shadow:0 0 85px color-mix(in srgb,var(--yellow) 58%,transparent);z-index:3}.sun-face{font-size:1.9rem;color:#7c2d12}.hero-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--primary) 28%,transparent);border-radius:50%;transform:rotate(var(--r));animation:orbit var(--s) linear infinite}.hero-orbit span{position:absolute;width:var(--p);height:var(--p);border-radius:50%;left:calc(var(--p) / -2);top:calc(50% - var(--p) / 2);background:var(--c);box-shadow:0 0 20px color-mix(in srgb,var(--c) 62%,transparent)}.orbit-a{width:230px;height:100px;--r:7deg;--s:7s;--p:14px;--c:#60a5fa}.orbit-b{width:305px;height:132px;--r:57deg;--s:11s;--p:20px;--c:#f59e0b}.orbit-c{width:375px;height:160px;--r:125deg;--s:15s;--p:17px;--c:#22d3ee}@keyframes orbit{to{transform:rotate(calc(var(--r) + 360deg))}}.hero-rocket{position:absolute;right:7%;bottom:11%;font-size:2.7rem;animation:rocketBob 3s ease-in-out infinite}@keyframes rocketBob{50%{transform:translate(-10px,-16px) rotate(-8deg)}}.formula-chip{position:absolute;z-index:4;padding:8px 11px;border:1px solid var(--line);border-radius:12px;background:var(--panel-glass);box-shadow:var(--shadow-sm);color:var(--primary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;animation:floatChip 3.2s ease-in-out infinite}.chip-one{top:27px;left:10px}.chip-two{top:92px;right:7px;animation-delay:.5s}.chip-three{bottom:31px;left:35px;animation-delay:1s}.chip-four{right:42px;bottom:75px;animation-delay:1.5s}@keyframes floatChip{50%{transform:translateY(-7px)}}.progress-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin:5px 0 24px}.progress-strip article{padding:15px;border:1px solid var(--line);border-radius:17px;background:var(--panel-glass);box-shadow:var(--shadow-sm)}.progress-strip span{display:block;color:var(--muted);font-size:.72rem}.progress-strip strong{display:block;font-size:1.5rem;margin:4px 0}.progress-strip small{display:block;color:var(--muted);font-size:.72rem}.card,.card-soft{border:1px solid var(--line);background:var(--panel-glass);box-shadow:var(--shadow);border-radius:22px}.card-soft{box-shadow:var(--shadow-sm)}.mascot-tip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:12px 14px}.mascot{width:51px;height:51px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#fff,#a5f3fc 30%,var(--primary2) 65%,var(--primary));box-shadow:0 0 30px color-mix(in srgb,var(--primary2) 40%,transparent);font-weight:900;color:#082f49;font-size:1.35rem}.mascot-tip small{color:var(--primary);font-weight:850}.mascot-tip p{margin:3px 0 0;color:var(--muted);line-height:1.5}.section{margin-top:35px;scroll-margin-top:92px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px;padding:0 2px}.section-heading h2{margin:6px 0 0;font-size:clamp(1.75rem,3vw,2.45rem);letter-spacing:-.035em}.section-heading h3{margin:0}.section-heading p{margin:7px 0 0;color:var(--muted);line-height:1.58;max-width:880px}.section-heading.compact{margin-top:27px}.section-actions{display:flex;gap:8px;flex-wrap:wrap}.confidence-key{display:flex;gap:7px;flex-wrap:wrap}.confidence{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;border:1px solid var(--line);font-size:.71rem;font-weight:850;white-space:nowrap}.confidence.verified{color:var(--green);background:color-mix(in srgb,var(--green) 7%,var(--panel));border-color:color-mix(in srgb,var(--green) 30%,var(--line))}.confidence.simplified{color:var(--yellow);background:color-mix(in srgb,var(--yellow) 8%,var(--panel));border-color:color-mix(in srgb,var(--yellow) 31%,var(--line))}.confidence.theoretical{color:var(--purple);background:color-mix(in srgb,var(--purple) 8%,var(--panel));border-color:color-mix(in srgb,var(--purple) 31%,var(--line))}.lab-app{display:grid;grid-template-columns:305px 1fr;gap:17px;align-items:start}.lab-browser{position:sticky;top:85px;max-height:calc(100vh - 102px);overflow:hidden}.lab-browser-head{padding:13px;border-bottom:1px solid var(--line)}.search-box{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}.search-box span{color:var(--muted);font-size:1.15rem}.search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text)}.search-box.large{min-width:min(500px,100%)}.lab-filter-row,.theory-filters,.atlas-filters{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.filter-chip{border:1px solid var(--line);border-radius:999px;padding:6px 8px;background:var(--panel);color:var(--muted);font-size:.68rem;font-weight:750}.filter-chip.active{color:#fff;background:var(--primary);border-color:transparent}.lab-list{padding:9px;overflow:auto;max-height:calc(100vh - 207px)}.lab-item{width:100%;display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;border:0;border-radius:13px;padding:9px;text-align:left;color:var(--muted);background:transparent;transition:.16s}.lab-item:hover{background:var(--panel-soft);color:var(--text)}.lab-item.active{background:color-mix(in srgb,var(--primary) 11%,var(--panel));color:var(--primary)}.lab-item-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:var(--panel-soft);font-size:1.12rem}.lab-item.active .lab-item-icon{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2))}.lab-item strong{display:block;font-size:.8rem}.lab-item small{display:block;color:var(--muted);font-size:.67rem;margin-top:3px}.lab-item-level{font-size:.63rem;border:1px solid var(--line);border-radius:999px;padding:4px 6px}.workspace{overflow:hidden}.workspace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 19px;border-bottom:1px solid var(--line)}.workspace-title-wrap{display:flex;align-items:flex-start;gap:12px}.workspace-icon{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));font-size:1.35rem;box-shadow:0 8px 23px color-mix(in srgb,var(--primary) 24%,transparent)}.workspace-meta{display:flex;gap:8px;color:var(--muted);font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.workspace-title-wrap h3{margin:4px 0 5px;font-size:1.25rem}.workspace-title-wrap p{margin:0;color:var(--muted);line-height:1.48;font-size:.86rem}.workspace-badges{display:flex;gap:8px;align-items:center}.experiment-guide{padding:10px 18px;display:flex;align-items:center;justify-content:center;gap:8px;border-bottom:1px solid var(--line);background:var(--panel-soft);color:var(--muted);font-size:.72rem;font-weight:800}.experiment-guide span{display:flex;align-items:center;gap:5px}.experiment-guide b{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--primary);font-size:.66rem}.experiment-guide i{width:35px;height:2px;background:var(--line)}.workspace-grid{display:grid;grid-template-columns:300px 1fr;gap:16px;padding:17px}.control-panel{border:1px solid var(--line);border-radius:16px;padding:13px;background:var(--panel-soft)}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:.83rem}.control{margin-bottom:13px}.control:last-child{margin-bottom:0}.control-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:7px;font-size:.76rem}.control-head span{color:var(--muted)}.control-head strong{color:var(--primary);text-align:right}.control input[type="range"]{width:100%;accent-color:var(--primary)}.control select,.control input[type="number"]{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);padding:9px 10px}.toggle-options{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.toggle-option{border:1px solid var(--line);border-radius:10px;padding:8px;background:var(--panel);color:var(--muted);font-size:.7rem;font-weight:780}.toggle-option.active{color:#fff;background:var(--primary);border-color:transparent}.simulation-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.speed-select{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.72rem}.speed-select select{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:6px 8px;border-radius:9px}.simulation-column{min-width:0}.canvas-shell{position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--canvas);min-height:430px}.canvas-shell canvas{display:block;width:100%;height:auto;aspect-ratio:900/480;background:radial-gradient(circle at 50% 44%,rgba(59,76,150,.16),transparent 35%),linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),var(--canvas);background-size:auto,24px 24px,24px 24px,auto}.canvas-status{position:absolute;left:10px;top:10px;padding:6px 9px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#e2e8f0;background:rgba(3,7,18,.58);backdrop-filter:blur(8px);font-size:.68rem;font-weight:800}.canvas-fullscreen{position:absolute;right:10px;top:10px;width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#fff;background:rgba(3,7,18,.58)}.canvas-hint{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);padding:6px 10px;border-radius:999px;color:#cbd5e1;background:rgba(3,7,18,.58);font-size:.66rem;white-space:nowrap}.readout-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9px}.readout{padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}.readout span{display:block;color:var(--muted);font-size:.65rem}.readout strong{display:block;margin-top:4px;font-size:.82rem;overflow-wrap:anywhere}.learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 17px 17px}.prediction-card,.mission-card{padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--panel-soft)}.mini-label{display:block;color:var(--primary);font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.prediction-card h4,.mission-card h4{margin:6px 0 9px;font-size:.93rem}.prediction-options{display:flex;gap:6px;flex-wrap:wrap}.prediction-option{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:10px;padding:7px 9px;font-size:.71rem}.prediction-option.correct{color:var(--green);border-color:color-mix(in srgb,var(--green) 40%,var(--line));background:color-mix(in srgb,var(--green) 8%,var(--panel))}.prediction-option.wrong{color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,var(--line));background:color-mix(in srgb,var(--red) 8%,var(--panel))}.feedback{min-height:19px;margin:8px 0 0;color:var(--muted);font-size:.72rem;line-height:1.45}.mission-card{background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 9%,var(--panel)),color-mix(in srgb,var(--primary2) 8%,var(--panel)))}.mission-card p{margin:0;color:var(--muted);line-height:1.48;font-size:.78rem}.mission-bottom{display:flex;justify-content:space-between;gap:8px;margin-top:10px;font-size:.72rem}.mission-bottom span{color:var(--yellow);font-weight:900}.mission-bottom strong{color:var(--muted)}.mission-card.complete{border-color:color-mix(in srgb,var(--green) 40%,var(--line))}.mission-card.complete .mission-bottom strong{color:var(--green)}.explanation-tabs{display:flex;gap:5px;flex-wrap:wrap;padding:0 17px}.explanation-tab{border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:var(--panel);color:var(--muted);font-size:.7rem;font-weight:800}.explanation-tab.active{color:#fff;background:var(--primary);border-color:transparent}.explanation-panel{margin:10px 17px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft);color:var(--muted);line-height:1.65;font-size:.82rem;min-height:106px}.explanation-panel strong{color:var(--text)}.formula-box{margin-top:10px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--primary);font-family:ui-monospace,monospace;font-weight:800;overflow-x:auto}.bullet-list{margin:7px 0 0;padding-left:18px}.bullet-list li{margin:5px 0}.workspace-footer-actions{display:flex;gap:8px;flex-wrap:wrap;padding:14px 17px 18px}.theory-tools,.atlas-tools{padding:12px;display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap}.topic-grid,.atlas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:13px}.topic-card,.atlas-card{border:1px solid var(--line);border-radius:17px;padding:14px;background:var(--panel-glass);box-shadow:var(--shadow-sm);transition:.18s;display:flex;flex-direction:column}.topic-card:hover,.atlas-card:hover{transform:translateY(-3px);border-color:var(--line-strong)}.topic-top,.atlas-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.topic-card h3,.atlas-card h3{margin:9px 0 7px;font-size:1rem}.topic-card p,.atlas-card p{margin:0;color:var(--muted);font-size:.79rem;line-height:1.55;flex:1}.topic-formula{margin:10px 0;color:var(--primary);font-family:ui-monospace,monospace;font-size:.75rem;font-weight:800}.atlas-visual{height:116px;border-radius:14px;margin-bottom:11px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--object-color,#60a5fa) 34%,transparent),transparent 55%),linear-gradient(145deg,#05091b,#101a42)}.atlas-orb{position:absolute;left:50%;top:50%;width:var(--object-size,66px);height:var(--object-size,66px);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 34% 27%,#fff,var(--object-color,#60a5fa) 28%,color-mix(in srgb,var(--object-color,#60a5fa) 58%,#020617));box-shadow:0 0 28px color-mix(in srgb,var(--object-color,#60a5fa) 45%,transparent)}.atlas-ring{position:absolute;left:50%;top:50%;width:95px;height:25px;transform:translate(-50%,-50%) rotate(-12deg);border:4px solid color-mix(in srgb,var(--object-color,#fbbf24) 75%,white);border-radius:50%;opacity:.78}.atlas-galaxy{position:absolute;inset:13px;border-radius:50%;background:repeating-radial-gradient(ellipse at center,rgba(255,255,255,.9) 0 2px,transparent 2px 8px),conic-gradient(from 20deg,transparent,#8b5cf6,transparent,#22d3ee,transparent);filter:blur(.3px);transform:rotate(-12deg) scaleY(.48);box-shadow:0 0 35px rgba(139,92,246,.5)}.atlas-meta{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.atlas-meta span{padding:5px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.64rem}.tools-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:15px}.formula-lab,.unit-lab{padding:17px}.tool-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.tool-head small{color:var(--primary);font-weight:850}.tool-head h3{margin:4px 0 0}.tool-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));font-weight:900}.tool-layout{display:grid;grid-template-columns:260px 1fr;gap:12px;margin-top:14px}.formula-list{max-height:465px;overflow:auto;display:grid;gap:6px;padding-right:3px}.formula-item{border:1px solid var(--line);border-radius:11px;padding:9px;text-align:left;background:var(--panel-soft);color:var(--text)}.formula-item.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--panel))}.formula-item strong{display:block;font-size:.75rem}.formula-item small{display:block;color:var(--muted);font-size:.63rem;margin-top:3px}.formula-workbench{border:1px solid var(--line);border-radius:15px;padding:14px;background:var(--panel-soft)}.formula-display{font-family:ui-monospace,monospace;color:var(--primary);font-weight:900;font-size:1.1rem;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--panel);margin:9px 0}.formula-description{color:var(--muted);line-height:1.5;font-size:.77rem}.formula-inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.formula-inputs label,.unit-grid label{display:grid;gap:5px;color:var(--muted);font-size:.68rem}.formula-inputs input,.unit-grid input,.unit-grid select{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px;background:var(--panel);color:var(--text)}.formula-result{margin-top:10px;padding:12px;border:1px solid color-mix(in srgb,var(--green) 28%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--green) 7%,var(--panel))}.formula-result small{display:block;color:var(--muted)}.formula-result strong{display:block;font-size:1.3rem;margin:4px 0}.formula-result p{margin:0;color:var(--muted);font-size:.73rem;line-height:1.5}.unit-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.unit-grid .wide{grid-column:1/-1}.conversion-output{padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);margin-top:10px}.conversion-output small{color:var(--muted)}.conversion-output strong{display:block;font-size:1.25rem;margin-top:4px}.quiz-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:15px}.quiz-intro,.quiz-card{padding:18px}.quiz-intro{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 13%,var(--panel)),color-mix(in srgb,var(--primary2) 11%,var(--panel)))}.quiz-intro h3{margin:8px 0 10px;font-size:1.5rem}.quiz-intro p{color:var(--muted);line-height:1.6}.quiz-progress{height:10px;border-radius:999px;background:var(--panel-soft);overflow:hidden;margin:14px 0 8px}.quiz-progress>div{height:100%;width:0;background:linear-gradient(90deg,var(--primary),var(--primary2));transition:width .25s}.quiz-card h3{margin-top:0;line-height:1.45}.answers{display:grid;gap:8px}.answer{border:1px solid var(--line);border-radius:11px;padding:11px;background:var(--panel-soft);color:var(--text);text-align:left}.answer:hover{border-color:var(--primary)}.answer.correct{border-color:var(--green);background:color-mix(in srgb,var(--green) 9%,var(--panel))}.answer.wrong{border-color:var(--red);background:color-mix(in srgb,var(--red) 8%,var(--panel))}.quiz-feedback{min-height:52px;color:var(--muted);line-height:1.5;font-size:.8rem;margin-top:11px}.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.achievement{padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--panel-glass);box-shadow:var(--shadow-sm);opacity:.6}.achievement.unlocked{opacity:1;border-color:color-mix(in srgb,var(--yellow) 38%,var(--line));background:color-mix(in srgb,var(--yellow) 6%,var(--panel))}.achievement-icon{font-size:1.7rem}.achievement h3{margin:7px 0 5px;font-size:.89rem}.achievement p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.45}.notebook-actions{display:flex;gap:8px;flex-wrap:wrap}.log-list{display:grid;gap:9px;margin-top:13px}.log-item{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:11px;background:var(--panel-glass)}.log-num{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:var(--panel-soft);color:var(--primary);font-weight:900}.log-item strong{display:block}.log-item small{display:block;color:var(--muted);margin-top:3px}.empty{color:var(--muted);padding:18px 2px}.sources-card{padding:17px}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.source-link{padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel-soft);text-decoration:none}.source-link strong{display:block;font-size:.8rem}.source-link small{display:block;color:var(--muted);margin-top:4px;line-height:1.4}.footer{margin-top:34px;padding:28px 18px;text-align:center;border-top:1px solid var(--line);color:var(--muted);line-height:1.7}.footer strong{color:var(--text)}.footer a{color:var(--primary);font-weight:850}.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(2,6,23,.78);backdrop-filter:blur(8px)}.modal.open{display:flex}.modal-panel{width:min(870px,100%);max-height:89vh;overflow:auto;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px;border-bottom:1px solid var(--line)}.modal-head h2{margin:6px 0 0}.close-btn{width:39px;height:39px;border:1px solid var(--line);border-radius:11px;background:var(--panel-soft);color:var(--text)}.modal-body{padding:18px;color:var(--muted);line-height:1.68}.modal-hero{display:grid;grid-template-columns:180px 1fr;gap:15px;align-items:center}.modal-visual{height:180px;border-radius:18px;background:radial-gradient(circle at center,rgba(91,76,240,.25),transparent 55%),linear-gradient(145deg,#030617,#111b44);position:relative;overflow:hidden}.modal-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.modal-fact{padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--panel-soft)}.modal-fact span{display:block;color:var(--muted);font-size:.63rem}.modal-fact strong{display:block;color:var(--text);font-size:.8rem;margin-top:4px}.dialog-sections{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.dialog-section{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}.dialog-section h3{font-size:.84rem;margin:0 0 5px;color:var(--text)}.dialog-section p{margin:0;color:var(--muted);line-height:1.52;font-size:.78rem}.toast{position:fixed;left:50%;bottom:24px;z-index:120;transform:translate(-50%,25px);opacity:0;pointer-events:none;padding:11px 15px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);box-shadow:var(--shadow);font-size:.8rem;font-weight:800;transition:.22s}.toast.show{transform:translate(-50%,0);opacity:1}#confettiLayer{position:fixed;inset:0;z-index:110;pointer-events:none;overflow:hidden}.confetti{position:absolute;top:-20px;width:10px;height:16px;border-radius:3px;animation:confettiFall var(--duration) linear forwards}@keyframes confettiFall{to{transform:translate(var(--drift),110vh) rotate(900deg);opacity:.9}}
@media(max-width:1120px){.nav-links{display:none}.lab-app{grid-template-columns:255px 1fr}.workspace-grid{grid-template-columns:270px 1fr}.topic-grid,.atlas-grid{grid-template-columns:repeat(2,1fr)}.tool-layout{grid-template-columns:220px 1fr}.achievement-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.hero,.quiz-layout,.tools-grid{grid-template-columns:1fr}.hero-world{min-height:315px}.progress-strip{grid-template-columns:repeat(2,1fr)}.progress-strip article:last-child{grid-column:1/-1}.lab-app{grid-template-columns:1fr}.lab-browser{position:static;max-height:none}.lab-list{max-height:310px}.workspace-grid{grid-template-columns:1fr}.canvas-shell{min-height:0}.readout-grid{grid-template-columns:repeat(2,1fr)}.learning-grid{grid-template-columns:1fr}.tool-layout{grid-template-columns:1fr}.formula-list{max-height:230px}.source-grid{grid-template-columns:repeat(2,1fr)}.modal-hero{grid-template-columns:1fr}.modal-visual{height:150px}.modal-facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:590px){.topbar-wrap{position:static}.topbar{align-items:flex-start}.brand{min-width:0}.top-actions .xp-pill,.top-actions .level-pill{display:none}.hero{padding-top:39px}.hero h1{font-size:clamp(2.45rem,15vw,4.2rem)}.daily-challenge{grid-template-columns:auto 1fr}.daily-challenge button{grid-column:1/-1}.progress-strip,.topic-grid,.atlas-grid,.achievement-grid,.source-grid,.formula-inputs,.unit-grid{grid-template-columns:1fr}.progress-strip article:last-child{grid-column:auto}.section-heading{align-items:flex-start;flex-direction:column}.workspace-head{align-items:flex-start;flex-direction:column}.experiment-guide{gap:4px}.experiment-guide i{width:15px}.workspace-grid{padding:12px}.workspace-footer-actions{padding:12px}.readout-grid{grid-template-columns:1fr 1fr}.modal-facts,.dialog-sections{grid-template-columns:1fr}.atlas-tools,.theory-tools{align-items:stretch}.search-box.large{min-width:0;width:100%}.formula-chip{font-size:.7rem}.hero-world{min-height:290px}.hero-rocket{right:2%}.log-item{grid-template-columns:auto 1fr}.log-item button{grid-column:1/-1}.toggle-options{grid-template-columns:1fr}.canvas-hint{max-width:85%;white-space:normal;text-align:center}}

/* Cosmos Forge extensions */
.starfield{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.36;background-image:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--primary2) 55%,transparent) 0 1px,transparent 2px),radial-gradient(circle at 72% 12%,color-mix(in srgb,var(--primary) 55%,transparent) 0 1px,transparent 2px),radial-gradient(circle at 48% 68%,color-mix(in srgb,var(--pink) 45%,transparent) 0 1px,transparent 2px),radial-gradient(circle at 88% 76%,color-mix(in srgb,var(--primary2) 42%,transparent) 0 1px,transparent 2px);background-size:190px 190px,260px 260px,330px 330px,420px 420px}
.cosmos-progress{grid-template-columns:repeat(6,1fr)}
.cosmos-hero .hero-world{min-height:400px}
.hero-sun{position:absolute;z-index:5;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 30%,#fff9cc,#fde047 24%,#f59e0b 58%,#ea580c 100%);box-shadow:0 0 32px rgba(245,158,11,.75),0 0 95px rgba(245,158,11,.35);animation:sunPulse 3.4s ease-in-out infinite}
.hero-sun span{font-size:2.15rem;color:#9a3412;opacity:.75}@keyframes sunPulse{50%{transform:scale(1.055);box-shadow:0 0 45px rgba(245,158,11,.85),0 0 120px rgba(245,158,11,.42)}}
.cosmos-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--primary) 24%,transparent);border-radius:50%;animation:cosmosSpin var(--speed) linear infinite;transform:rotate(var(--tilt))}.cosmos-orbit i{position:absolute;left:-7px;top:calc(50% - 7px);display:block;border-radius:50%;box-shadow:0 0 14px rgba(255,255,255,.25)}
.orbit-mercury{width:170px;height:76px;--speed:5.5s;--tilt:7deg}.orbit-earth{width:255px;height:112px;--speed:9.5s;--tilt:18deg}.orbit-jupiter{width:345px;height:154px;--speed:15s;--tilt:62deg}.orbit-saturn{width:410px;height:182px;--speed:19s;--tilt:128deg}
.mini-planet.mercury{width:11px;height:11px;background:#a8a29e}.mini-planet.earth{width:18px;height:18px;background:radial-gradient(circle at 32% 30%,#dbeafe,#22c55e 25%,#2563eb 62%,#1e3a8a)}.mini-planet.jupiter{width:31px;height:31px;background:repeating-linear-gradient(0deg,#d6b386 0 5px,#f3e0c0 5px 9px,#a96d46 9px 12px)}.mini-planet.saturn{width:26px;height:26px;background:#e7cf93}.mini-planet.saturn::after{content:"";position:absolute;left:-8px;right:-8px;top:9px;height:7px;border:2px solid #c7ad72;border-radius:50%;transform:rotate(-12deg)}
@keyframes cosmosSpin{to{transform:rotate(calc(var(--tilt) + 360deg))}}.hero-comet{position:absolute;right:5%;top:22%;font-size:2.5rem;animation:cometFloat 5s ease-in-out infinite}@keyframes cometFloat{50%{transform:translate(-22px,18px) rotate(-12deg)}}
.cosmos-mascot{background:radial-gradient(circle at 35% 28%,#fff,#c4b5fd 28%,#7c3aed 62%,#312e81);color:#fff;box-shadow:0 0 34px color-mix(in srgb,var(--primary) 45%,transparent)}
.cosmos-canvas{background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--primary) 6%,var(--canvas)),var(--canvas) 70%)}
.atlas-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px}.atlas-filters{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.compare-dock{margin:11px 0 13px;padding:11px 13px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.compare-dock small{display:block;color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.compare-dock strong{font-size:.82rem}.compare-chips{display:flex;gap:6px;flex-wrap:wrap}.compare-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--line);border-radius:999px;background:var(--panel-soft);font-size:.72rem}.compare-chip button{width:20px;height:20px;border:0;border-radius:50%;background:color-mix(in srgb,var(--red) 12%,var(--panel));color:var(--red);padding:0}.object-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.object-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;padding:14px;background:var(--panel-glass);box-shadow:var(--shadow-sm);transition:.18s}.object-card:hover{transform:translateY(-3px);border-color:var(--line-strong)}.object-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.object-visual{width:67px;height:67px;border-radius:50%;display:grid;place-items:center;font-size:2rem;background:radial-gradient(circle at 35% 28%,#fff,var(--object-color,#a78bfa) 32%,color-mix(in srgb,var(--object-color,#a78bfa) 58%,#111827));box-shadow:0 0 28px color-mix(in srgb,var(--object-color,#a78bfa) 25%,transparent)}.object-card h3{margin:11px 0 4px;font-size:1rem}.object-card p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.45;min-height:54px}.object-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:11px 0}.object-card-stats span{padding:7px;border:1px solid var(--line);border-radius:9px;background:var(--panel-soft);font-size:.65rem;color:var(--muted)}.object-card-stats strong{display:block;color:var(--text);font-size:.72rem;margin-top:2px}.object-card-actions{display:flex;gap:7px}.object-card-actions .btn{flex:1;padding:8px 9px;font-size:.71rem}.object-card.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--panel-glass))}.object-dialog-head{display:flex;align-items:center;gap:16px;margin-bottom:14px}.object-visual-large{width:104px;height:104px;flex:0 0 104px;border-radius:50%;display:grid;place-items:center;font-size:3rem;background:radial-gradient(circle at 35% 28%,#fff,var(--object-color,#a78bfa) 32%,color-mix(in srgb,var(--object-color,#a78bfa) 60%,#111827));box-shadow:0 0 45px color-mix(in srgb,var(--object-color,#a78bfa) 28%,transparent)}.object-fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:13px 0}.object-fact{padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--panel-soft)}.object-fact span{display:block;color:var(--muted);font-size:.65rem}.object-fact strong{display:block;margin-top:4px;font-size:.79rem;overflow-wrap:anywhere}.object-dialog-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.comparison-table{display:grid;gap:12px}.comparison-row{display:grid;grid-template-columns:130px repeat(var(--compare-count),1fr);gap:8px;align-items:center}.comparison-row.header{position:sticky;top:0;z-index:2;background:var(--panel);padding-bottom:8px}.comparison-label{color:var(--muted);font-size:.72rem;font-weight:800}.comparison-cell{padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);font-size:.72rem;min-width:0}.comparison-cell strong{display:block;font-size:.8rem}.compare-bar{height:7px;margin-top:7px;border-radius:99px;background:var(--line);overflow:hidden}.compare-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--primary),var(--primary2))}.glossary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.glossary-card{border:1px solid var(--line);border-radius:15px;padding:13px;background:var(--panel-glass);box-shadow:var(--shadow-sm)}.glossary-card h3{margin:0 0 5px;font-size:.9rem}.glossary-card p{margin:0;color:var(--muted);font-size:.74rem;line-height:1.48}.glossary-card small{display:block;margin-bottom:7px;color:var(--primary);font-weight:850}.cosmos-footer a{color:var(--primary)}
@media(max-width:1150px){.cosmos-progress{grid-template-columns:repeat(3,1fr)}.object-grid,.glossary-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.atlas-tools{align-items:stretch;flex-direction:column}.atlas-filters{justify-content:flex-start}.object-grid,.glossary-grid{grid-template-columns:repeat(2,1fr)}.compare-dock{grid-template-columns:1fr}.object-fact-grid{grid-template-columns:repeat(2,1fr)}.comparison-row{min-width:720px}.comparison-dialog{overflow:auto}}
@media(max-width:620px){.cosmos-progress{grid-template-columns:repeat(2,1fr)}.cosmos-progress article:last-child{grid-column:auto}.object-grid,.glossary-grid{grid-template-columns:1fr}.object-dialog-head{align-items:flex-start}.object-visual-large{width:78px;height:78px;flex-basis:78px}.object-fact-grid{grid-template-columns:1fr 1fr}.orbit-saturn{width:330px}.orbit-jupiter{width:285px}.cosmos-hero .hero-world{min-height:310px}}

/* Cosmos mission overview and utility additions */
.muted-note{color:var(--muted);font-size:.75rem}.mission-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.mission-overview-card{border:1px solid var(--line);border-radius:17px;padding:14px;background:var(--panel-glass);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px}.mission-overview-card.complete{border-color:color-mix(in srgb,var(--green) 48%,var(--line));background:color-mix(in srgb,var(--green) 6%,var(--panel-glass))}.mission-overview-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.mission-overview-top span:first-child{font-size:1.3rem}.mission-overview-card h3{margin:0;font-size:.92rem}.mission-overview-card p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.48;flex:1}.mission-overview-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.mission-overview-bottom strong{font-size:.74rem;color:var(--amber)}.mission-overview-card.complete .mission-overview-bottom strong{color:var(--green)}.mission-overview-bottom .btn{padding:7px 9px;font-size:.68rem}.atlas-grid.object-grid{margin-top:0}.comparison-dialog{width:min(1050px,96vw)}.glossary-card .glossary-letter{font-size:1.4rem;font-weight:950;color:var(--primary);float:right;opacity:.24}.object-card .confidence{font-size:.58rem}.object-card-actions button{white-space:nowrap}
@media(max-width:1000px){.mission-overview-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.mission-overview-grid{grid-template-columns:1fr}.compare-dock .btn{width:100%}}

/* COSMOS ATLAS ARTWORK FIX v2 */
/* The enhanced card renderer places the artwork inside a flex header. Giving the
   scene an explicit width prevents its absolutely positioned artwork from
   collapsing to zero width. These styles also add offline, object-specific art. */
.object-card-top{
  display:block;
  position:relative;
  width:100%;
  min-height:172px;
  margin-bottom:12px;
}
.object-card-top>.confidence{
  position:absolute;
  top:10px;
  right:10px;
  z-index:8;
  background:color-mix(in srgb,var(--panel) 88%,transparent);
  backdrop-filter:blur(10px);
  box-shadow:0 5px 18px rgba(2,6,23,.14);
}
.object-card-top .atlas-visual{
  display:block;
  width:100%;
  height:172px;
  min-width:100%;
  margin:0;
  border:1px solid color-mix(in srgb,var(--object-color,#60a5fa) 30%,var(--line));
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--object-color,#60a5fa) 26%,transparent),transparent 48%),
    linear-gradient(145deg,#020617,#0b1538 62%,#111d49);
  box-shadow:inset 0 0 45px rgba(15,23,42,.55);
}
.object-card-top .atlas-visual::after,
.object-dialog-head .modal-visual::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 38%,rgba(2,6,23,.19));
}
.object-dialog-head{
  align-items:center;
}
.object-dialog-head .modal-visual{
  width:190px;
  height:190px;
  flex:0 0 190px;
  border:1px solid color-mix(in srgb,var(--object-color,#60a5fa) 32%,var(--line));
  isolation:isolate;
}
.atlas-scene-stars{
  position:absolute;
  inset:0;
  z-index:0;
  opacity:.72;
  background-image:
    radial-gradient(circle at 12% 22%,#fff 0 1px,transparent 1.7px),
    radial-gradient(circle at 28% 72%,rgba(255,255,255,.82) 0 1px,transparent 1.8px),
    radial-gradient(circle at 71% 19%,rgba(255,255,255,.9) 0 1px,transparent 1.8px),
    radial-gradient(circle at 87% 66%,rgba(165,243,252,.9) 0 1px,transparent 1.8px),
    radial-gradient(circle at 54% 84%,rgba(196,181,253,.85) 0 1px,transparent 1.8px);
  background-size:73px 73px,91px 91px,113px 113px,137px 137px,159px 159px;
}
.atlas-visual .atlas-orb,
.modal-visual .atlas-orb,
.atlas-visual .atlas-ring,
.modal-visual .atlas-ring,
.atlas-visual .atlas-galaxy,
.modal-visual .atlas-galaxy{z-index:3}
.atlas-orb{
  overflow:visible;
  border:1px solid rgba(255,255,255,.24);
  transform:translate(-50%,-50%) translateZ(0);
}
.atlas-orb::before{
  content:"";
  position:absolute;
  inset:3%;
  border-radius:inherit;
  background:
    radial-gradient(circle at 29% 23%,rgba(255,255,255,.72),transparent 18%),
    linear-gradient(115deg,rgba(255,255,255,.14),transparent 35%,rgba(2,6,23,.28));
  mix-blend-mode:screen;
  opacity:.75;
}
.atlas-orb::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset -17px -11px 24px rgba(2,6,23,.42),inset 8px 6px 14px rgba(255,255,255,.1);
}

/* Stars */
.atlas-kind-star .atlas-orb,
.atlas-kind-solar-system .atlas-orb{
  width:var(--object-size,92px);
  height:var(--object-size,92px);
  background:radial-gradient(circle at 36% 30%,#fff 0 8%,#fff7c2 14%,var(--object-color,#fbbf24) 45%,#f97316 78%,#7c2d12 100%);
  border-color:rgba(255,247,194,.85);
  box-shadow:0 0 18px rgba(255,255,255,.55),0 0 42px color-mix(in srgb,var(--object-color,#fbbf24) 76%,transparent),0 0 78px color-mix(in srgb,var(--object-color,#f97316) 38%,transparent);
  animation:atlasStarPulse 3.5s ease-in-out infinite;
}
.atlas-kind-star .atlas-orb::after,
.atlas-kind-solar-system .atlas-orb::after{
  box-shadow:inset -12px -9px 24px rgba(124,45,18,.28),inset 9px 8px 16px rgba(255,255,255,.24);
}
@keyframes atlasStarPulse{50%{filter:brightness(1.12);transform:translate(-50%,-50%) scale(1.035)}}

/* Planets, moons and dwarf planets */
.atlas-kind-planet .atlas-orb,
.atlas-kind-exoplanet .atlas-orb,
.atlas-kind-moon .atlas-orb,
.atlas-kind-dwarf-planet .atlas-orb{
  background:
    radial-gradient(circle at 31% 25%,rgba(255,255,255,.9),transparent 11%),
    radial-gradient(circle at 46% 62%,color-mix(in srgb,var(--object-color) 68%,#020617) 0 8%,transparent 9%),
    radial-gradient(circle at 67% 39%,color-mix(in srgb,var(--object-color) 55%,#fff) 0 7%,transparent 8%),
    radial-gradient(circle at 34% 73%,color-mix(in srgb,var(--object-color) 52%,#020617) 0 6%,transparent 7%),
    radial-gradient(circle at 36% 29%,color-mix(in srgb,var(--object-color) 42%,white),var(--object-color) 43%,color-mix(in srgb,var(--object-color) 58%,#020617) 100%);
}
.atlas-kind-moon .atlas-orb,
.atlas-kind-dwarf-planet .atlas-orb{filter:saturate(.8)}
.atlas-kind-exoplanet .atlas-orb{box-shadow:0 0 35px color-mix(in srgb,var(--object-color) 48%,transparent)}
.atlas-kind-exoplanet .atlas-orb::before{box-shadow:0 0 0 5px color-mix(in srgb,var(--object-color) 14%,transparent),0 0 24px color-mix(in srgb,var(--object-color) 42%,transparent)}

/* Familiar solar-system textures */
.atlas-object-earth .atlas-orb{
  background:
    radial-gradient(ellipse at 66% 30%,#55b96b 0 9%,transparent 10%),
    radial-gradient(ellipse at 34% 55%,#2f9d59 0 12%,transparent 13%),
    radial-gradient(ellipse at 62% 67%,#8bbf67 0 7%,transparent 8%),
    repeating-linear-gradient(8deg,rgba(255,255,255,.62) 0 2px,transparent 2px 12px),
    radial-gradient(circle at 34% 28%,#72c7ff,#2563eb 44%,#163c96 77%,#071d52);
}
.atlas-object-mars .atlas-orb{
  background:
    radial-gradient(circle at 68% 33%,#7f1d1d 0 8%,transparent 9%),
    radial-gradient(circle at 38% 65%,#9a3412 0 10%,transparent 11%),
    radial-gradient(circle at 31% 27%,#fed7aa,#ef6c43 38%,#9a3412 75%,#431407);
}
.atlas-object-mercury .atlas-orb,
.atlas-object-moon .atlas-orb{
  background:
    radial-gradient(circle at 29% 31%,rgba(30,41,59,.34) 0 7%,transparent 8%),
    radial-gradient(circle at 66% 58%,rgba(30,41,59,.42) 0 9%,transparent 10%),
    radial-gradient(circle at 48% 72%,rgba(255,255,255,.18) 0 6%,transparent 7%),
    radial-gradient(circle at 34% 27%,#f8fafc,#a8adb6 48%,#59606b 82%,#202632);
}
.atlas-object-venus .atlas-orb{
  background:
    repeating-linear-gradient(12deg,rgba(255,248,220,.28) 0 5px,rgba(184,116,37,.1) 5px 10px),
    radial-gradient(circle at 34% 28%,#fff7d6,#f3c66b 42%,#b86d25 78%,#5f2b0c);
}
.atlas-object-jupiter .atlas-orb{
  background:
    radial-gradient(ellipse at 69% 63%,#b45309 0 7%,#f59e0b 8% 11%,transparent 12%),
    repeating-linear-gradient(0deg,#f8e3bd 0 7px,#b97845 7px 12px,#f3cf9e 12px 18px,#8f5b3a 18px 22px);
}
.atlas-object-saturn .atlas-orb{
  background:repeating-linear-gradient(0deg,#f7e7b0 0 8px,#d7b96e 8px 12px,#f3d991 12px 18px,#a98645 18px 21px);
}
.atlas-object-uranus .atlas-orb{background:radial-gradient(circle at 34% 27%,#ecfeff,#8ce1ed 42%,#4bb7c9 77%,#155e75)}
.atlas-object-neptune .atlas-orb{background:radial-gradient(circle at 34% 27%,#dbeafe,#4169e1 42%,#1e40af 76%,#172554)}
.atlas-object-pluto .atlas-orb{background:radial-gradient(ellipse at 58% 52%,#f7e7ce 0 17%,transparent 18%),radial-gradient(circle at 34% 27%,#fff7ed,#c9a982 45%,#6b4e3d 82%,#2d1d19)}
.atlas-object-io .atlas-orb{background:radial-gradient(circle at 62% 36%,#111827 0 5%,transparent 6%),radial-gradient(circle at 39% 66%,#ef4444 0 6%,transparent 7%),radial-gradient(circle at 34% 27%,#fff7b2,#eab308 45%,#a16207 78%,#422006)}
.atlas-object-europa .atlas-orb{background:repeating-linear-gradient(25deg,#f8fafc 0 8px,#c08457 8px 10px,#e2e8f0 10px 18px)}
.atlas-object-titan .atlas-orb{background:radial-gradient(circle at 34% 27%,#fff0b8,#d79a37 43%,#8a581f 78%,#3f250e);box-shadow:0 0 0 8px rgba(245,158,11,.13),0 0 34px rgba(245,158,11,.32)}

/* Rings stay in front of the planet and are now clearly visible. */
.atlas-ring{
  z-index:4!important;
  width:calc(var(--object-size,90px) * 1.62);
  height:calc(var(--object-size,90px) * .42);
  border-width:5px;
  box-shadow:0 0 9px rgba(255,255,255,.18);
}
.atlas-object-saturn .atlas-ring{border-color:#f6dda0;border-width:7px;opacity:.92}
.atlas-object-uranus .atlas-ring{border-color:#bdeff5;border-width:4px;transform:translate(-50%,-50%) rotate(74deg)}
.atlas-object-haumea .atlas-orb{width:calc(var(--object-size) * 1.22);height:calc(var(--object-size) * .72)}

/* Small bodies and comets */
.atlas-kind-small-body .atlas-orb{
  width:calc(var(--object-size,76px) * .88);
  height:calc(var(--object-size,76px) * .72);
  border-radius:57% 43% 52% 48% / 43% 56% 44% 57%;
  transform:translate(-50%,-50%) rotate(-18deg);
  background:
    radial-gradient(circle at 27% 30%,rgba(15,23,42,.48) 0 10%,transparent 11%),
    radial-gradient(circle at 66% 57%,rgba(15,23,42,.35) 0 9%,transparent 10%),
    radial-gradient(circle at 34% 27%,#d6c4aa,#8b7358 50%,#40352b 84%,#17120f);
}
.atlas-object-halleys-comet .atlas-orb::before{
  left:-125px;right:auto;top:42%;bottom:auto;width:145px;height:24px;border-radius:50%;
  background:linear-gradient(90deg,transparent,rgba(147,197,253,.18),rgba(224,242,254,.82));
  filter:blur(5px);transform:translateY(-50%);opacity:1;
}

/* Black holes and compact objects */
.atlas-kind-black-hole .atlas-orb{
  width:82px;height:82px;background:#000;border:2px solid rgba(255,255,255,.09);
  box-shadow:0 0 0 8px rgba(0,0,0,.72),0 0 36px rgba(249,115,22,.42),0 0 68px rgba(139,92,246,.35);
}
.atlas-kind-black-hole .atlas-orb::before{
  inset:50% auto auto 50%;width:145px;height:31px;border-radius:50%;
  transform:translate(-50%,-50%) rotate(-14deg);
  background:linear-gradient(90deg,rgba(59,130,246,.08),#f59e0b,#fff7c2,#f97316,rgba(139,92,246,.08));
  filter:blur(2px);opacity:.96;mix-blend-mode:screen;
}
.atlas-kind-black-hole .atlas-orb::after{box-shadow:inset 0 0 17px #000,0 0 12px #000}
.atlas-kind-compact-object .atlas-orb{
  width:58px;height:58px;background:radial-gradient(circle,#fff 0 8%,#7dd3fc 24%,#2563eb 55%,#111827 100%);
  box-shadow:0 0 22px #fff,0 0 46px #38bdf8,0 0 72px rgba(99,102,241,.45);
}
.atlas-kind-compact-object .atlas-orb::before{inset:-31px 27px;width:4px;background:linear-gradient(transparent,#a5f3fc,transparent);opacity:.85}

/* Galaxies, clusters, nebulae and cosmological structures */
.atlas-kind-galaxy .atlas-galaxy{
  inset:24px 30px;
  background:
    radial-gradient(ellipse at center,#fff 0 3%,#fde68a 5%,transparent 17%),
    repeating-radial-gradient(ellipse at center,rgba(255,255,255,.82) 0 1.5px,transparent 2px 9px),
    conic-gradient(from 8deg,transparent 0 8%,#8b5cf6 13%,transparent 24%,#22d3ee 35%,transparent 48%,#ec4899 60%,transparent 73%,#8b5cf6 84%,transparent 96%);
  filter:drop-shadow(0 0 18px rgba(139,92,246,.72));
  transform:rotate(-12deg) scaleY(.47);
}
.atlas-kind-galaxy-cluster .atlas-galaxy,
.atlas-kind-star-cluster .atlas-galaxy{
  inset:18px;
  transform:none;
  border-radius:18px;
  background-image:
    radial-gradient(circle at 20% 30%,#fff 0 2px,#8b5cf6 3px 6px,transparent 10px),
    radial-gradient(circle at 42% 67%,#fff 0 2px,#22d3ee 3px 6px,transparent 10px),
    radial-gradient(circle at 72% 36%,#fff 0 2px,#f59e0b 3px 6px,transparent 10px),
    radial-gradient(circle at 82% 73%,#fff 0 2px,#ec4899 3px 6px,transparent 10px),
    radial-gradient(circle at 51% 43%,#fff 0 3px,#a78bfa 4px 9px,transparent 14px),
    radial-gradient(circle at center,rgba(139,92,246,.22),transparent 70%);
  filter:drop-shadow(0 0 18px rgba(139,92,246,.45));
}
.atlas-kind-nebula .atlas-galaxy{
  inset:22px 18px;
  transform:none;
  border-radius:46% 54% 58% 42% / 58% 42% 55% 45%;
  background:
    radial-gradient(circle at 28% 42%,rgba(34,211,238,.86),transparent 29%),
    radial-gradient(circle at 68% 38%,rgba(236,72,153,.82),transparent 32%),
    radial-gradient(circle at 49% 67%,rgba(139,92,246,.9),transparent 35%),
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.45),transparent 68%);
  filter:blur(4px) drop-shadow(0 0 24px rgba(139,92,246,.65));
}
.atlas-kind-cosmology .atlas-galaxy{
  inset:18px;
  transform:none;
  border-radius:16px;
  background:
    radial-gradient(circle at 15% 30%,#fff 0 1px,transparent 2px),
    radial-gradient(circle at 76% 22%,#fff 0 1px,transparent 2px),
    radial-gradient(circle at 53% 68%,#fff 0 1px,transparent 2px),
    repeating-conic-gradient(from 0deg at 50% 50%,rgba(139,92,246,.28) 0 4deg,transparent 4deg 24deg),
    radial-gradient(circle at center,rgba(34,211,238,.32),rgba(139,92,246,.17) 45%,transparent 72%);
  filter:drop-shadow(0 0 22px rgba(34,211,238,.35));
}

/* Make the art readable on small screens without restoring the collapse. */
@media (max-width:580px){
  .object-card-top{min-height:150px}
  .object-card-top .atlas-visual{height:150px}
  .object-dialog-head{align-items:flex-start}
  .object-dialog-head .modal-visual{width:132px;height:132px;flex-basis:132px}
}


/* --------------------------------------------------------------------------
   Cosmic Atlas visual repair and richer self-contained illustrations
   -------------------------------------------------------------------------- */
.object-card-top{
  position:relative;
  display:block;
  width:100%;
  min-width:0;
}
.object-card-top .atlas-visual{
  display:block;
  width:100%;
  min-width:100%;
  height:158px;
  flex:0 0 auto;
  margin:0 0 12px;
}
.object-card-top>.confidence{
  position:absolute;
  top:10px;
  right:10px;
  z-index:12;
  background:rgba(248,250,252,.9);
  box-shadow:0 5px 18px rgba(2,6,23,.18);
  backdrop-filter:blur(9px);
}
[data-theme="dark"] .object-card-top>.confidence{background:rgba(12,23,47,.86)}
.atlas-art{
  isolation:isolate;
  overflow:hidden;
  position:relative;
  background:
    radial-gradient(circle at 78% 18%,rgba(96,165,250,.2),transparent 22%),
    radial-gradient(circle at 18% 82%,rgba(168,85,247,.18),transparent 28%),
    linear-gradient(145deg,#020617 0%,#07152f 54%,#111c48 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 -40px 60px rgba(2,6,23,.42);
}
.atlas-art::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:9;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.055),transparent 26%,transparent 74%,rgba(2,6,23,.28));
}
.atlas-space-layer{
  position:absolute;
  inset:0;
  z-index:0;
  opacity:.9;
  background-image:
    radial-gradient(circle at 8% 18%,rgba(255,255,255,.95) 0 1px,transparent 1.8px),
    radial-gradient(circle at 23% 68%,rgba(191,219,254,.85) 0 1px,transparent 1.7px),
    radial-gradient(circle at 41% 24%,rgba(255,255,255,.8) 0 1.2px,transparent 2px),
    radial-gradient(circle at 58% 78%,rgba(221,214,254,.85) 0 1px,transparent 1.8px),
    radial-gradient(circle at 75% 42%,rgba(255,255,255,.9) 0 1.1px,transparent 1.9px),
    radial-gradient(circle at 91% 73%,rgba(165,243,252,.8) 0 1px,transparent 1.8px),
    radial-gradient(circle at 84% 12%,rgba(255,255,255,.8) 0 .8px,transparent 1.6px),
    radial-gradient(circle at 12% 88%,rgba(255,255,255,.7) 0 .8px,transparent 1.5px);
}
.atlas-art .atlas-orb{
  z-index:4;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.26);
  box-shadow:
    0 0 36px color-mix(in srgb,var(--object-color,#60a5fa) 52%,transparent),
    inset -15px -13px 25px rgba(2,6,23,.46),
    inset 8px 8px 14px rgba(255,255,255,.16);
}
.atlas-art .atlas-orb::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  opacity:.58;
  background:
    radial-gradient(circle at 26% 31%,rgba(255,255,255,.42) 0 3%,transparent 4%),
    radial-gradient(circle at 67% 61%,rgba(2,6,23,.22) 0 7%,transparent 8%),
    radial-gradient(circle at 46% 82%,rgba(255,255,255,.18) 0 4%,transparent 5%);
  mix-blend-mode:soft-light;
}
.atlas-art .atlas-orb::after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  background:radial-gradient(circle at 34% 29%,transparent 0 42%,rgba(2,6,23,.18) 65%,rgba(2,6,23,.68) 100%);
}
.atlas-art .atlas-orb i{
  position:absolute;
  z-index:2;
  display:block;
  pointer-events:none;
}
.atlas-art .atlas-ring{z-index:6;width:122px;height:31px;border-width:5px;box-shadow:0 0 14px rgba(255,255,255,.14)}
.modal-visual.atlas-art .atlas-ring{width:170px;height:44px;border-width:7px}
.atlas-core{
  position:absolute;
  left:50%;top:50%;z-index:4;
  width:20px;height:20px;border-radius:50%;
  transform:translate(-50%,-50%);
  background:#fff;
  box-shadow:0 0 18px #fff,0 0 45px var(--object-color,#8b5cf6);
}
.atlas-kind-galaxy .atlas-galaxy{
  z-index:3;
  inset:15px 23px;
  filter:drop-shadow(0 0 15px color-mix(in srgb,var(--object-color,#8b5cf6) 48%,transparent));
}
.atlas-kind-nebula .atlas-nebula{
  position:absolute;
  inset:15px;
  z-index:2;
  border-radius:47% 53% 58% 42% / 42% 38% 62% 58%;
  background:
    radial-gradient(circle at 37% 47%,rgba(255,255,255,.82),transparent 9%),
    radial-gradient(ellipse at 42% 48%,color-mix(in srgb,var(--object-color,#ec4899) 86%,white),transparent 38%),
    radial-gradient(ellipse at 66% 56%,rgba(34,211,238,.72),transparent 37%),
    radial-gradient(ellipse at 48% 52%,rgba(139,92,246,.72),transparent 67%);
  filter:blur(6px) saturate(1.35);
  transform:rotate(-8deg);
  box-shadow:0 0 40px color-mix(in srgb,var(--object-color,#ec4899) 48%,transparent);
}
.atlas-nebula-stars,.atlas-cluster{
  position:absolute;inset:16px;z-index:4;border-radius:50%;
  background-image:
    radial-gradient(circle at 18% 28%,#fff 0 1.5px,transparent 2.4px),
    radial-gradient(circle at 33% 67%,#dbeafe 0 1.2px,transparent 2px),
    radial-gradient(circle at 52% 34%,#fff 0 2px,transparent 3px),
    radial-gradient(circle at 69% 72%,#fef3c7 0 1.4px,transparent 2.3px),
    radial-gradient(circle at 81% 25%,#fff 0 1px,transparent 1.8px),
    radial-gradient(circle at 62% 51%,#fff 0 1.5px,transparent 2.4px),
    radial-gradient(circle at 27% 45%,#a5f3fc 0 1px,transparent 1.8px);
}
.atlas-kind-star-cluster .atlas-cluster{
  inset:10px;
  filter:drop-shadow(0 0 9px rgba(255,255,255,.8));
  transform:scale(1.25);
}
.atlas-cosmos{
  position:absolute;inset:13px;z-index:2;border-radius:18px;
  background:
    repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.72) 0 1px,transparent 2px 10px),
    conic-gradient(from 15deg,rgba(59,130,246,.2),rgba(168,85,247,.75),rgba(34,211,238,.35),rgba(236,72,153,.65),rgba(59,130,246,.2));
  filter:saturate(1.3);
  box-shadow:inset 0 0 32px rgba(2,6,23,.75),0 0 28px rgba(139,92,246,.35);
}
.atlas-accretion{
  position:absolute;left:50%;top:50%;z-index:3;
  width:150px;height:34px;
  transform:translate(-50%,-50%) rotate(-10deg);
  border-radius:50%;
  background:linear-gradient(90deg,transparent 4%,#f97316 18%,#fff7ed 46%,#facc15 55%,#ef4444 80%,transparent 96%);
  box-shadow:0 0 18px #fb923c,0 0 42px rgba(239,68,68,.55);
}
.modal-visual .atlas-accretion{width:220px;height:48px}
.atlas-kind-black-hole .atlas-orb{
  width:58px!important;height:58px!important;
  background:#000!important;
  border:2px solid rgba(255,255,255,.68);
  box-shadow:0 0 0 6px rgba(255,255,255,.08),0 0 38px rgba(249,115,22,.7)!important;
}
.modal-visual.atlas-kind-black-hole .atlas-orb{width:88px!important;height:88px!important}
.atlas-kind-compact .atlas-orb{
  background:radial-gradient(circle,#fff 0 9%,#93c5fd 20%,#2563eb 48%,#0f172a 76%)!important;
  box-shadow:0 0 28px #93c5fd,0 0 72px rgba(59,130,246,.65)!important;
}
.atlas-comet-tail{
  position:absolute;left:13%;top:50%;z-index:2;
  width:55%;height:22px;transform:translateY(-50%) rotate(-8deg);
  clip-path:polygon(0 50%,100% 0,100% 100%);
  background:linear-gradient(90deg,transparent,rgba(147,197,253,.2),rgba(224,242,254,.85));
  filter:blur(1.5px);opacity:.9;
}
.atlas-kind-comet .atlas-orb{left:70%;width:34px!important;height:28px!important;border-radius:54% 46% 61% 39% / 45% 57% 43% 55%;background:#dbeafe!important}
.atlas-kind-small-body .atlas-orb{border-radius:56% 44% 61% 39% / 45% 57% 43% 55%;transform:translate(-50%,-50%) rotate(-14deg)}
.atlas-kind-star .atlas-orb{
  width:82px!important;height:82px!important;
  background:radial-gradient(circle at 40% 35%,#fff 0 10%,#fff7d6 22%,var(--object-color,#fbbf24) 50%,#ea580c 78%)!important;
  box-shadow:0 0 24px #fff7d6,0 0 60px color-mix(in srgb,var(--object-color,#fbbf24) 72%,transparent)!important;
  animation:atlasStarPulse 3.4s ease-in-out infinite;
}
.modal-visual.atlas-kind-star .atlas-orb{width:126px!important;height:126px!important}
@keyframes atlasStarPulse{50%{filter:brightness(1.14);transform:translate(-50%,-50%) scale(1.035)}}

/* Solar-system portraits */
[data-object-id="sun"] .atlas-orb{
  width:94px!important;height:94px!important;
  background:radial-gradient(circle at 36% 30%,#fff9c4 0 8%,#fde047 28%,#fb923c 62%,#c2410c 100%)!important;
  box-shadow:0 0 30px #fde047,0 0 72px rgba(249,115,22,.7)!important;
}
[data-object-id="sun"] .atlas-orb i{width:9px;height:6px;border-radius:50%;left:58%;top:38%;background:rgba(124,45,18,.48);box-shadow:-28px 19px 0 rgba(124,45,18,.34),16px 25px 0 rgba(124,45,18,.3)}
[data-object-id="mercury"] .atlas-orb,[data-object-id="moon"] .atlas-orb,[data-object-id="ceres"] .atlas-orb{background:radial-gradient(circle at 38% 30%,#e5e7eb,#9ca3af 47%,#4b5563 100%)!important}
[data-object-id="mercury"] .atlas-orb i,[data-object-id="moon"] .atlas-orb i,[data-object-id="ceres"] .atlas-orb i{width:13px;height:13px;border-radius:50%;left:25%;top:28%;background:rgba(31,41,55,.25);box-shadow:27px 21px 0 -2px rgba(31,41,55,.32),11px 39px 0 -4px rgba(31,41,55,.27),39px -4px 0 -5px rgba(31,41,55,.25)}
[data-object-id="venus"] .atlas-orb{background:repeating-linear-gradient(8deg,#fef3c7 0 8px,#fbbf24 9px 17px,#f59e0b 18px 24px,#fde68a 25px 32px)!important}
[data-object-id="earth"] .atlas-orb{background:radial-gradient(circle at 35% 30%,#bfdbfe 0 7%,#38bdf8 22%,#2563eb 58%,#0c4a6e 100%)!important}
[data-object-id="earth"] .atlas-orb i{width:24px;height:15px;left:21%;top:28%;border-radius:55% 45% 55% 45%;background:#4ade80;transform:rotate(-14deg);box-shadow:31px 24px 0 -3px #22c55e,15px 38px 0 -6px #86efac}
[data-object-id="mars"] .atlas-orb{background:radial-gradient(circle at 38% 28%,#fdba74,#ea580c 48%,#7c2d12 100%)!important}
[data-object-id="mars"] .atlas-orb i{width:24px;height:8px;left:37%;top:19%;border-radius:50%;background:rgba(255,255,255,.7);box-shadow:-15px 44px 0 -2px rgba(124,45,18,.28),22px 27px 0 -4px rgba(124,45,18,.34)}
[data-object-id="jupiter"] .atlas-orb{width:108px!important;height:108px!important;background:repeating-linear-gradient(0deg,#e7c9a9 0 8px,#9f7357 9px 15px,#f5deb9 16px 23px,#b98567 24px 29px,#ead0ad 30px 38px)!important}
[data-object-id="jupiter"] .atlas-orb i{width:28px;height:13px;border-radius:50%;right:9%;top:58%;background:#b4533c;box-shadow:inset 4px 2px 0 rgba(255,255,255,.18)}
[data-object-id="saturn"] .atlas-orb{width:92px!important;height:92px!important;background:repeating-linear-gradient(0deg,#fff1bd 0 8px,#d6b878 9px 14px,#f8dea0 15px 22px)!important}
[data-object-id="uranus"] .atlas-orb{background:linear-gradient(160deg,#d9faff,#67e8f9 48%,#0891b2)!important}
[data-object-id="uranus"] .atlas-ring{transform:translate(-50%,-50%) rotate(72deg);border-color:rgba(207,250,254,.72)}
[data-object-id="neptune"] .atlas-orb{background:radial-gradient(circle at 38% 28%,#93c5fd,#2563eb 48%,#172554 100%)!important}
[data-object-id="neptune"] .atlas-orb i{width:20px;height:9px;border-radius:50%;right:12%;top:48%;background:rgba(15,23,42,.4)}
[data-object-id="pluto"] .atlas-orb{background:radial-gradient(circle at 38% 28%,#f5e0c3,#b98c69 55%,#5b4638 100%)!important}
[data-object-id="pluto"] .atlas-orb i{width:28px;height:24px;left:26%;top:23%;background:#ead5bd;border-radius:50% 50% 46% 54%;transform:rotate(-24deg)}

@media(max-width:620px){
  .object-card-top .atlas-visual{height:180px}
}