/* GameOnCue · Warframe planetary visual system · 2026-11-04
   Original CSS illustrations, not in-game planet textures. Credits for 
   separate publisher artwork live directly beside those images. */
#wfAtlas .wa-planet{min-width:61px;min-height:59px;gap:4px;overflow:visible}
#wfAtlas .wa-planet .wa-dot{position:relative;display:block;width:clamp(25px,calc(var(--diam) * 1.55),46px);height:clamp(25px,calc(var(--diam) * 1.55),46px);min-width:25px;min-height:25px;border-radius:50%!important;aspect-ratio:1;flex:none;border:1px solid #ffffff66!important;transform:translateZ(0);background-color:var(--tone);box-shadow:inset -9px -6px 13px #020a119c, inset 3px 3px 9px #ffffff28,0 0 18px color-mix(in srgb,var(--tone),transparent 58%);transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease;isolation:isolate}
#wfAtlas .wa-planet .wa-dot:before,#wfAtlas .wa-node-globe:before,#wfAtlas .wa-discovery-visual:before{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;box-shadow:inset -9px -7px 17px #030911a1,inset 4px 3px 8px #ffffff37;background:radial-gradient(ellipse at 28% 22%,#ffffff65,transparent 37%);z-index:1}
#wfAtlas .wa-planet span:last-child{border:0!important;border-radius:2px!important;background:#040b13dc!important;font-size:.68rem;padding:3px 5px!important}
#wfAtlas .wa-planet[aria-pressed=true] .wa-dot{box-shadow:0 0 0 2px #e5d6ac,0 0 24px color-mix(in srgb,var(--tone),transparent 15%)}
#wfAtlas .wa-planet:hover .wa-dot{transform:scale(1.35)!important}
#wfAtlas .wa-planet[data-world=saturn] .wa-dot:after,#wfAtlas .wa-discovery-visual[data-world=saturn]:after,#wfAtlas .wa-node-globe[data-world=saturn]:after{content:"";position:absolute;left:-45%;right:-45%;top:41%;height:19%;border:4px solid #c9a87b9e;border-left-color:#e4ccb39c;border-top-color:#f6d9aecc;border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 9px #c9a57a62;pointer-events:none;z-index:3}
#wfAtlas .wa-node-globe[data-world=saturn]:after{height:15%;border-width:8px}
#wfAtlas .wa-discovery-visual[data-world=saturn]:after{border-width:6px}
/* Distinct circular renders for the map, selected globe and dossier. */
#wfAtlas :is(.wa-planet .wa-dot,.wa-node-globe,.wa-discovery-visual){background-image:radial-gradient(circle at 26% 23%,#ffffff6f,transparent 24%),radial-gradient(circle at 80% 78%,#030c16af,transparent 57%),repeating-linear-gradient(155deg,transparent 0 11px,#08152236 12px 20px,transparent 23px 38px);background-blend-mode:screen,multiply,normal}
#wfAtlas :is(.wa-planet[data-world=earth] .wa-dot,.wa-node-globe[data-world=earth],.wa-discovery-visual[data-world=earth]){background:radial-gradient(ellipse at 35% 26%,#cfebe0ab,transparent 29%),radial-gradient(ellipse at 57% 38%,#4e896e 0 14%,transparent 16%),radial-gradient(ellipse at 23% 65%,#619a71 0 15%,transparent 17%),radial-gradient(ellipse at 70% 74%,#47735f 0 10%,transparent 13%),radial-gradient(circle at 74% 81%,#071723ab,transparent 52%),#376b90}
#wfAtlas :is(.wa-planet[data-world=venus] .wa-dot,.wa-node-globe[data-world=venus],.wa-discovery-visual[data-world=venus]){background:repeating-linear-gradient(175deg,#ffffff30 0 5px,#c9a76d45 9px 17px,#ffffff16 20px 30px),radial-gradient(circle at 72% 76%,#5141329c,transparent 56%),#c4ad88}
#wfAtlas :is(.wa-planet[data-world=mercury] .wa-dot,.wa-node-globe[data-world=mercury],.wa-discovery-visual[data-world=mercury]){background:radial-gradient(circle at 30% 25%,#a99f99a9 0 7%,transparent 9%),radial-gradient(circle at 68% 60%,#61564f91 0 14%,transparent 17%),radial-gradient(circle at 37% 79%,#c2b7a77d 0 8%,transparent 10%),radial-gradient(circle at 72% 77%,#15191db6,transparent 54%),#857f79}
#wfAtlas :is(.wa-planet[data-world=mars] .wa-dot,.wa-node-globe[data-world=mars],.wa-discovery-visual[data-world=mars]){background:radial-gradient(ellipse at 36% 33%,#dbb097 0 12%,transparent 17%),repeating-linear-gradient(120deg,#6c2f2750 0 9px,transparent 11px 24px),radial-gradient(circle at 75% 73%,#301c1ac9,transparent 52%),#ab5d46}
#wfAtlas :is(.wa-planet[data-world=phobos] .wa-dot,.wa-node-globe[data-world=phobos],.wa-discovery-visual[data-world=phobos]){background:radial-gradient(circle at 55% 22%,#b0a79f 0 8%,transparent 11%),radial-gradient(circle at 28% 63%,#5f5b568a 0 14%,transparent 18%),radial-gradient(circle at 80% 80%,#171f24bd,transparent 60%),#8b8178}
#wfAtlas :is(.wa-planet[data-world=deimos] .wa-dot,.wa-node-globe[data-world=deimos],.wa-discovery-visual[data-world=deimos]){background:repeating-radial-gradient(ellipse at 20% 40%,#bd604a71 0 8px,#531f2b55 11px 19px,#a76b5688 23px 28px),radial-gradient(circle at 82% 78%,#25111fb9,transparent 62%),#a56c56}
#wfAtlas :is(.wa-planet[data-world=ceres] .wa-dot,.wa-node-globe[data-world=ceres],.wa-discovery-visual[data-world=ceres]){background:radial-gradient(circle at 32% 23%,#c7bca5 0 9%,transparent 11%),radial-gradient(circle at 75% 43%,#615e588a 0 16%,transparent 18%),radial-gradient(circle at 75% 76%,#23201bad,transparent 59%),#827c6c}
#wfAtlas :is(.wa-planet[data-world=jupiter] .wa-dot,.wa-node-globe[data-world=jupiter],.wa-discovery-visual[data-world=jupiter]){background:radial-gradient(ellipse at 67% 67%,#b76d4a 0 8%,transparent 11%),repeating-linear-gradient(172deg,#d5bb94 0 9px,#a77f678b 12px 18px,#e6d0aa 21px 30px,#9e8169 35px 41px),radial-gradient(circle at 82% 79%,#3f2b24b1,transparent 57%)}
#wfAtlas :is(.wa-planet[data-world=europa] .wa-dot,.wa-node-globe[data-world=europa],.wa-discovery-visual[data-world=europa]){background:repeating-linear-gradient(145deg,transparent 0 13px,#7294a953 14px 15px,transparent 16px 29px),radial-gradient(circle at 77% 83%,#28495ca9,transparent 58%),#a8c1c9}
#wfAtlas :is(.wa-planet[data-world=saturn] .wa-dot,.wa-node-globe[data-world=saturn],.wa-discovery-visual[data-world=saturn]){background:repeating-linear-gradient(174deg,#d9c09b 0 8px,#91765d 12px 17px,#e3c99e 22px 31px,#ad8c71 34px 39px),radial-gradient(circle at 72% 80%,#443128ad,transparent 60%)}
#wfAtlas :is(.wa-planet[data-world=uranus] .wa-dot,.wa-node-globe[data-world=uranus],.wa-discovery-visual[data-world=uranus]){background:repeating-linear-gradient(178deg,#a4d3d6 0 9px,#6b9db6 12px 18px,#a3cfd8 25px 38px),radial-gradient(circle at 72% 82%,#1b3e5ab0,transparent 60%)}
#wfAtlas :is(.wa-planet[data-world=neptune] .wa-dot,.wa-node-globe[data-world=neptune],.wa-discovery-visual[data-world=neptune]){background:repeating-linear-gradient(173deg,#4b82b4 0 9px,#205484 12px 20px,#72a1d0 27px 33px),radial-gradient(circle at 72% 80%,#0f235cae,transparent 60%)}
#wfAtlas :is(.wa-planet[data-world=pluto] .wa-dot,.wa-node-globe[data-world=pluto],.wa-discovery-visual[data-world=pluto]){background:radial-gradient(circle at 37% 30%,#bba99b 0 10%,transparent 13%),radial-gradient(circle at 66% 63%,#7b747e 0 15%,transparent 19%),radial-gradient(circle at 77% 81%,#242f3ab8,transparent 59%),#a7a1a3}
#wfAtlas :is(.wa-planet[data-world=sedna] .wa-dot,.wa-node-globe[data-world=sedna],.wa-discovery-visual[data-world=sedna]){background:radial-gradient(circle at 35% 24%,#d6ac9a 0 12%,transparent 15%),repeating-linear-gradient(133deg,transparent 0 8px,#46222f66 10px 17px,transparent 18px 32px),radial-gradient(circle at 82% 77%,#1e1825c2,transparent 56%),#9c6674}
#wfAtlas :is(.wa-planet[data-world=eris] .wa-dot,.wa-node-globe[data-world=eris],.wa-discovery-visual[data-world=eris]){background:repeating-linear-gradient(162deg,#b876be 0 9px,#6f437e 12px 18px,#c090c4 25px 36px),radial-gradient(circle at 72% 80%,#270e3ac1,transparent 59%)}
#wfAtlas :is(.wa-planet[data-world=void] .wa-dot,.wa-node-globe[data-world=void],.wa-discovery-visual[data-world=void]){background:radial-gradient(circle at 28% 22%,#fffbee,transparent 30%),repeating-linear-gradient(145deg,#f3e5c7 0 12px,#bd9f73 17px 21px,#e8d6b2 29px 40px),radial-gradient(circle at 77% 77%,#7b6244a6,transparent 58%)}
#wfAtlas :is(.wa-planet[data-world=lua] .wa-dot,.wa-node-globe[data-world=lua],.wa-discovery-visual[data-world=lua]){background:radial-gradient(circle at 28% 23%,#f4f7fa 0 9%,transparent 12%),radial-gradient(circle at 74% 45%,#8c99ab 0 13%,transparent 16%),radial-gradient(circle at 39% 72%,#8d98a5 0 8%,transparent 11%),radial-gradient(circle at 78% 82%,#3a4055b1,transparent 56%),#c5ccd8}
#wfAtlas :is(.wa-planet[data-world=kuva-fortress] .wa-dot,.wa-node-globe[data-world=kuva-fortress],.wa-discovery-visual[data-world=kuva-fortress]){background:repeating-conic-gradient(from 20deg,#b55759 0deg 16deg,#522d36 19deg 32deg,#9b5152 35deg 43deg),radial-gradient(circle at 76% 81%,#160b18ad,transparent 62%)}
#wfAtlas :is(.wa-planet[data-world=zariman] .wa-dot,.wa-node-globe[data-world=zariman],.wa-discovery-visual[data-world=zariman]){background:radial-gradient(ellipse at 22% 30%,#d5f5de 0 6%,transparent 9%),repeating-linear-gradient(118deg,#79b7ad 0 8px,#174f65 11px 21px,#78a8ab 25px 34px),radial-gradient(circle at 82% 77%,#102c3dc4,transparent 56%)}
#wfAtlas .wa-node-globe{width:160px;height:160px;overflow:visible;transition:filter .2s,background .4s}
#wfAtlas .wa-discovery-visual{width:108px;height:108px;position:relative;flex:0 0 108px;border-radius:50%;box-shadow:inset -15px -11px 25px #06101abb,0 0 28px #98b9c73c;border:1px solid #ffffff50}
#wfAtlas .wa-world-discovery{margin-top:12px;padding:17px 10px 6px;background:linear-gradient(125deg,#192737a3,#0b1722);border-top:1px solid #a4b3b84b}
#wfAtlas .wa-discovery-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px;margin-bottom:15px}
#wfAtlas .wa-discovery-head h3{font-size:1.35rem;margin:0;color:#eee9db}
#wfAtlas .wa-discovery-body{display:flex;align-items:center;gap:20px;padding:0 5px 7px}
#wfAtlas .wa-discovery-copy{min-width:0;font-size:.82rem;color:#bfcdd4;line-height:1.5}
#wfAtlas .wa-discovery-copy p{margin:.25rem 0 .7rem}
#wfAtlas .wa-resource-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
#wfAtlas .wa-resource-chip{display:inline-flex;gap:8px;align-items:center;border:1px solid #7c96965e;padding:5px 9px;background:#132433;color:#e1e9ec;font-size:.76rem}
#wfAtlas .wa-resource-chip i{display:block;width:10px;height:10px;transform:rotate(45deg);border:1px solid #e6d5aa;background:#85abb4}
#wfAtlas .wa-boss-lead{color:#d8c5a1}
#wfAtlas .wa-discovery-link{color:#e4c898;text-decoration:none;font-size:.77rem;font-weight:700}
#wfAtlas .wa-media-desk{margin:23px 0 14px}
#wfAtlas .wa-media-intro{display:grid;grid-template-columns:1fr auto;align-items:end;gap:0 25px;margin-bottom:15px}
#wfAtlas .wa-media-intro .wa-kicker{grid-column:1/-1}
#wfAtlas .wa-media-intro h2{font-size:clamp(1.5rem,2.6vw,2.2rem);margin:.2rem 0}
#wfAtlas .wa-media-intro p{max-width:45ch;color:#a7b7c2;font-size:.86rem;margin:0 0 8px}
#wfAtlas .wa-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
#wfAtlas .wa-media-feature{background:#101b27;border:1px solid #84938f54;overflow:hidden;min-width:0;display:grid;grid-template-columns:48% 1fr}
#wfAtlas .wa-media-image{display:block;position:relative;min-height:210px;overflow:hidden;background:#26333d}
#wfAtlas .wa-media-image:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 40px #090f15a9;pointer-events:none}
#wfAtlas .wa-media-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
#wfAtlas .wa-media-feature:hover img{transform:scale(1.045)}
#wfAtlas .wa-media-body{padding:21px 18px;display:flex;flex-direction:column;align-items:start}
#wfAtlas .wa-media-body h3{font-size:1.22rem;margin:10px 0}
#wfAtlas .wa-media-body p{font-size:.83rem;color:#becdd5;line-height:1.5;margin:.25rem 0 1rem}
#wfAtlas .wa-media-body a{color:#ebd2a3;font-weight:700;font-size:.79rem;text-decoration:none;margin-top:auto}
#wfAtlas .wa-media-body small{margin-top:9px;font-size:.64rem;color:#91a6b3}
@media(max-width:1150px){#wfAtlas .wa-media-feature{grid-template-columns:1fr}#wfAtlas .wa-media-image{height:220px;min-height:0}}
@media(max-width:690px){#wfAtlas .wa-media-grid{grid-template-columns:1fr}#wfAtlas .wa-media-intro{display:block}#wfAtlas .wa-discovery-body{gap:13px}#wfAtlas .wa-discovery-visual{width:86px;height:86px;flex-basis:86px}#wfAtlas .wa-media-feature{grid-template-columns:1fr}#wfAtlas .wa-planet .wa-dot{width:clamp(26px,calc(var(--diam) * 1.25),40px);height:clamp(26px,calc(var(--diam) * 1.25),40px)}}
@media(prefers-reduced-motion:reduce){#wfAtlas .wa-planet .wa-dot,#wfAtlas .wa-media-image img{transition:none!important}}

/* Readable category glyphs — vector shapes, not emoji or font-dependent squares */
#wfAtlas .wa-mission-icon{flex:none;color:#e0ca9b;filter:drop-shadow(0 0 5px #d1ae7952)}
#wfAtlas .wa-mission[aria-pressed=true] .wa-mission-icon{color:#f5e1ab}
#wfAtlas .wa-mission{gap:11px;align-items:center}
#wfAtlas .wa-mission>span{min-width:0;flex:1}
#wfAtlas .wa-mission em{max-width:31%;text-align:right;line-height:1.3}
#wfAtlas .wa-mission strong{overflow-wrap:anywhere}

/* Visual hierarchy pass: keep media alongside the planet rather than below a tall node panel. */
#wfAtlas .wa-map>.wa-media-desk{position:relative;z-index:2;margin:24px -10px 0;padding:20px 10px 4px;border-top:1px solid #9baab456;background:linear-gradient(180deg,#172431c2,#0c1825 70%)}
#wfAtlas .wa-map>.wa-media-desk .wa-media-intro{display:block}
#wfAtlas .wa-map>.wa-media-desk .wa-media-intro h2{font-size:clamp(1.4rem,2vw,1.9rem);letter-spacing:-.035em;margin:6px 0}
#wfAtlas .wa-map>.wa-media-desk .wa-media-intro p{font-size:.86rem;max-width:55ch;color:#d4dfe6}
#wfAtlas .wa-map>.wa-media-desk .wa-media-grid{grid-template-columns:1fr;gap:12px}
#wfAtlas .wa-map>.wa-media-desk .wa-media-feature{grid-template-columns:44% 1fr;min-height:195px;border-color:#8c9f99a1;background:linear-gradient(90deg,#152533,#0c1924)}
#wfAtlas .wa-map>.wa-media-desk .wa-media-image{min-height:195px}
#wfAtlas .wa-map>.wa-media-desk .wa-media-body{padding:15px}
#wfAtlas .wa-map>.wa-media-desk .wa-media-body h3{font-size:1.05rem;line-height:1.24}
#wfAtlas .wa-map>.wa-media-desk .wa-media-body p{font-size:.76rem}
#wfAtlas .wa-map>.wa-media-desk .wa-media-body a{padding:8px 12px;border:1px solid #d4b984af;background:#d9bf8e18;color:#f3dba8;display:inline-flex;align-items:center;gap:7px;text-underline-offset:3px}
#wfAtlas .wa-map>.wa-media-desk .wa-media-body a:hover{background:#e5c78c;color:#101923}
#wfAtlas .wa-media-image:focus-visible,#wfAtlas .wa-media-body a:focus-visible{outline:3px solid #f7df99;outline-offset:3px}
/* Actual links must look actionable, not indistinguishable from descriptions. */
#wfAtlas a.wa-discovery-link{display:inline-flex;align-items:center;min-height:38px;margin-top:9px;padding:8px 13px;border:1px solid #e4c68a;background:#d9be8640;color:#fff0c9;font-weight:800;line-height:1.25;box-shadow:inset 3px 0 #e7c994;transition:background .2s,color .2s}
#wfAtlas a.wa-discovery-link:hover{background:#ecd39f;color:#15212b;text-decoration:none}
#wfAtlas .wa-actions a,#wfAtlas .wa-actions button{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;min-height:40px;background:#263e4f;border:1px solid #829dac;color:#eef8fc;font-size:.8rem;font-weight:750;text-decoration:none}
#wfAtlas .wa-actions a:first-child{background:#d6bb88;color:#18222b;border-color:#f0d7a4}
#wfAtlas .wa-actions :is(a,button):hover{background:#f3dba9;color:#12212c;border-color:#f4e3bc}
#wfAtlas .wa-actions :is(a,button):focus-visible{outline:3px solid #fff3bf;outline-offset:2px}
#wfAtlas .wa-guides{margin-top:18px;gap:12px;align-items:stretch}
#wfAtlas .wa-guides .wa-card{border:1px solid #6075839b;border-top:3px solid #d0b681;min-height:155px;background:#122131;transition:background-color .2s,border-color .2s}
#wfAtlas .wa-guides .wa-card h3{color:#f3f4ef}
#wfAtlas .wa-guides .wa-card p{color:#bdcdd7;line-height:1.6}
#wfAtlas .wa-guides .wa-card a{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border:1px solid #c7aa70;background:#c9ac7335;color:#f9e4ba;font-weight:800;letter-spacing:.01em;transition:background-color .2s,color .2s}
#wfAtlas .wa-guides .wa-card a:hover{background:#e5c88c;color:#12212d}
#wfAtlas .wa-guides .wa-card a:focus-visible{outline:3px solid #f6e5bd;outline-offset:2px}
#wfAtlas .wa-discovery-copy{font-size:.89rem}
#wfAtlas .wa-boss-lead{color:#f3e1bd;font-weight:650}
#wfAtlas .wa-discovery-head .wa-kicker{color:#efc985}
#wfAtlas .wa-mission{min-height:68px;transition:border-color .18s,background-color .18s}
#wfAtlas .wa-mission:focus-visible,#wfAtlas .wa-node-pin:focus-visible{outline:3px solid #e8ce90;outline-offset:2px}
#wfAtlas .wa-planet:focus-visible .wa-dot{outline:3px solid #f5d99a;outline-offset:4px}
@media(max-width:680px){#wfAtlas .wa-map>.wa-media-desk .wa-media-feature{grid-template-columns:1fr}#wfAtlas .wa-map>.wa-media-desk .wa-media-image{height:180px;min-height:180px}}

/* Site-wide Warframe link contrast, including lower research and news sections */
.wf-hub :is(.wf-briefing-grid,.wf-tool-grid) article>a{
 display:inline-flex;align-items:center;justify-content:space-between;gap:9px;
 min-height:40px;margin-top:15px;padding:9px 13px;
 color:#fff0c5!important;background:#b8915035;border:1px solid #d7b777;
 font-size:.85rem;font-weight:800;line-height:1.3;text-decoration:none;
 box-shadow:inset 3px 0 #e5c78f;transition:background-color .2s,color .2s,border-color .2s
}
.wf-hub :is(.wf-briefing-grid,.wf-tool-grid) article>a:hover{background:#e5c58a;color:#15212c!important;border-color:#fff1c6}
.wf-hub :is(.wf-briefing-grid,.wf-tool-grid) article>a:focus-visible{outline:3px solid #ffe4a5;outline-offset:3px}
.wf-hub .wf-farm .wf-map-note a{color:#ffe09b;font-weight:800;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.wf-hub .wf-farm .wf-map-note a:hover{color:#fff6df}
.wf-hub .wf-panel-title>a.wf-link,.wf-hub button.wf-link{background:#d6bb8e!important;color:#192330!important;border:1px solid #f0dba7!important;padding:10px 14px!important;font-size:.84rem!important;font-weight:800!important;min-height:40px;display:inline-flex;align-items:center;justify-content:center}
.wf-hub .wf-panel-title>a.wf-link:hover,.wf-hub button.wf-link:hover{background:#f2ddb2!important;color:#0d1923!important}
.wf-hub :is(.wf-briefing-grid,.wf-tool-grid) article{display:flex;flex-direction:column;align-items:flex-start}
.wf-hub :is(.wf-briefing-grid,.wf-tool-grid) article>a{margin-top:auto}
.wf-hub .wf-worldstate,.wf-hub .wf-farm,.wf-hub .wf-briefings,.wf-hub .wf-ecosystem{border-color:#6e829080!important}
.wf-hub .wf-worldstate h2,.wf-hub .wf-farm h2,.wf-hub .wf-briefings h2,.wf-hub .wf-ecosystem h2{letter-spacing:-.035em}
@media(prefers-reduced-motion:reduce){.wf-hub :is(.wf-briefing-grid,.wf-tool-grid) article>a{transition:none}}